.hero-logo {

  width: 85%;

  max-width: 550px;

}





.section-stream {

  overflow: hidden;

}





.aos-init .hero-btm-content {

  opacity: 0;

  -webkit-transition: opacity 1.25s ease 2s;

  -ms-transition: opacity 1.25s ease 2s;

  transition: opacity 1.25s ease 2s;

}



.aos-animate .hero-btm-content {

  opacity: 1;

}





.hero-btm-content {

  padding-bottom: 20px;

}



.aos-init .hero-btm-content p {

  opacity: 0;

  -webkit-transform: translateY(50px);

  -ms-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 1.25s ease 1.75s;

  -ms-transition: all 1.25s ease 1.75s;

  transition: all 1.25s ease 1.75s;

}



.aos-animate .hero-btm-content p {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



.hero-btm-link {

  bottom: -20px;

}





.stream-item {

  opacity: 0;

  -webkit-transform: translateY(250px);

  -ms-transform: translateY(250px);

  transform: translateY(250px);

  -webkit-transition: transform 1s ease, opacity 1s ease;

  -ms-transition: transform 1s ease, opacity 1s ease;

  transition: transform 1s ease, opacity 1s ease;

}

.stream-item.show-el {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}





.stream-item-link:hover span {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}





.btn.arrow-black span:after,

.btn.arrow-red span:after {

  width: 2.38889em;

  height: 1.33333em;

  display: inline-block;

  background-image: url(../images/svg-sprites.svg);

  background-repeat: no-repeat;

  background-size: 8.88889em 10.22222em;

  background-position: -1.66667em -4em;

  top: 50%;

  margin-top: -.66667em;

  right: 0;

  font-size: 1.1em;

}



.btn span i {

  display: block;

  height: 1.65em;

  width: 2px;

  position: absolute;

  top: -.26em;

  right: 2.3em;

  z-index: 11;

  background: #000;

  -webkit-transform: rotate(25deg);

  -ms-transform: rotate(25deg);

  transform: rotate(25deg);

  -webkit-transition: transform .5s ease;

  -ms-transition: transform .5s ease;

  transition: transform .5s ease;

}

.btn:hover span i {

  -webkit-transform: rotate(0) translateX(.28em);

  -ms-transform: rotate(0) translateX(.28em);

  transform: rotate(0) translateX(.28em);

}



.btn.arrow-red span i {

  background: #ff311d;

}



.btn span:after {

  width: 2em;

  -webkit-transition: transform .5s ease;

  -ms-transition: transform .5s ease;

  transition: transform .5s ease;

}

.btn:hover span:after {

  -webkit-transform: translateX(.5em);

  -ms-transform: translateX(.5em);

  transform: translateX(.5em);

}





.top-link::after { 

  -webkit-transition: transform .25s ease;

  -ms-transition: transform .25s ease;

  transition: transform .25s ease;

}

.top-link:hover::after {

  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  transform: translateY(-5px);

}





.footer {

  text-align: center;

}



.footer a {

  display: inline-block;

}







@media screen and (min-width: 1200px){



  .hero-logo {

    max-width: 717px;

  }



}





@media screen and (min-width: 1025px){



  .stream-item a {

    -webkit-transform-origin: 50% 85%;

    -ms-transform-origin: 50% 85%;

    transform-origin: 50% 85%;

    -webkit-transition: transform .3s ease-out;

    -ms-transition: transform .3s ease-out;

    transition: transform .3s ease-out;

  }

  .stream-item a:hover {

    z-index: 9;

    -webkit-transform: scale(1.125);

    -ms-transform: scale(1.125);

    transform: scale(1.125);

  }



  .stream-item a i {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-transition: transform .4s ease-out;

    -ms-transition: transform .4s ease-out;

    transition: transform .4s ease-out;

    background: center no-repeat;

    background-size: cover;

  }

  .stream-item a:hover i {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

  }



}





@media screen and (min-width: 1024px) and (orientation: portrait){



  .hero-logo {

    max-width: 717px;

  }



}





@media screen and (min-width: 768px){



  .hero-btm-link {

    opacity: 0;

    -webkit-transition: opacity 2s ease 4s;

    -ms-transition: opacity 2s ease 4s;

    transition: opacity 2s ease 4s;

  }

  .loaded .hero-btm-link {

    opacity: 1;

  }



}





@media screen and (max-width: 767px){



  .hero-logo {

    width: 90%;

    top: 73%;

  }



  .hero-btm-content {

    padding-bottom: 35px;

  }



  .hero-btm-link {

    height: 29px;

    bottom: 10px;

  }



  .hero-btm-link:after {

    height: 100%;

    margin-top: -1.1111em;

    background-position: -.27778em -1.2em;

  }



  .btn.arrow-red span i {

    width: 2px;

  }



}





@media screen and (max-width: 767px) and (orientation: portrait){



  .hero {

    background-image: url(../images/hero-mob.jpg) !important;

  }



}





@media screen and (max-width: 768px) and (orientation: landscape) {



  .hero-logo {

    max-width: 40%;

    margin: 0;

    top: 3%;

    left: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    transform: none;

  }



}





@media screen and (max-width: 600px) and (orientation: portrait) {



  .hero-logo {

    top: 96vw;

  }



}



.hero-title{
  display: none;
}
.copyright a{
  color: inherit;
  text-decoration: underline;
}
.copyright a:hover{
  text-decoration: none;
}
.hero-cbs-logo{
  top: 69.5%;
  left: 50%;
  z-index: 40;
  display: block;
  outline: 0;
  margin-top: -50px;
  user-select: none;
  position: absolute;
  -moz-transform: translate(-50%,-100%);
  -ms-transform: translate(-50%,-100%);
  -webkit-transform: translate(-50%,-100%);
  transform: translate(-50%,-100%);
}
.hero-cbs-logo.sm{
  display: none;
  top: auto;
  bottom: 3.8vw;
  margin-top: 0;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1201px) and (min-width: 769px){
  .hero-logo{
    top: auto;
    bottom: -moz-calc(5.3vh + 183px);
    bottom: calc(5.3vh + 183px);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .hero-cbs-logo.lg{
    display: none;
  }
  .hero-cbs-logo.sm{
    display: block;
    top: auto;
    bottom: 6.8vh;
    margin-top: 0;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .hero-btm{
    display: none;
  }
  .hero-title{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -moz-calc(10.5vh + 55px);
    bottom: calc(10.5vh + 55px);
  }
  .hero-title .h1{
    font-size: 74px;
  }
}
@media screen and (max-width: 768px) and (orientation: landscape){
  .hero-cbs-logo{
    max-width: 27%;
    margin: 0;
    top: -moz-calc(9vw + 3%);
    top: calc(9vw + 3%);
    left: 7%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@media screen and (max-width: 600px) and (orientation: portrait){
  .hero-cbs-logo {
    top: 102vw;
  }
}