@charset "UTF-8";
/* v20160217 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@font-face {
  font-family: 'AzoSansWeb';
  src: url("../fonts/AzoSansWeb-Light.eot");
  src: url("../fonts/AzoSansWeb-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AzoSansWeb-Light.woff") format("woff"), url("../fonts/AzoSansWeb-Light.svg#AzoWeb-Light") format("svg");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'AzoSansWeb';
  src: url("../fonts/AzoSansWeb-Regular.eot");
  src: url("../fonts/AzoSansWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AzoSansWeb-Regular.woff") format("woff"), url("../fonts/AzoSansWeb-Regular.svg#AzoWeb-Regular") format("svg");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'AzoSansWeb';
  src: url("../fonts/AzoSansWeb-Medium.eot");
  src: url("../fonts/AzoSansWeb-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AzoSansWeb-Medium.woff") format("woff"), url("../fonts/AzoSansWeb-Medium.svg#AzoWeb-Medium") format("svg");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'AzoSansWeb';
  src: url("../fonts/AzoSansWeb-Bold.eot");
  src: url("../fonts/AzoSansWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AzoSansWeb-Bold.woff") format("woff"), url("../fonts/AzoSansWeb-Bold.svg#AzoWeb-Bold") format("svg");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility; }
/*
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-hairline-webfont.eot');
    src: url('../fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-hairline-webfont.woff') format('woff'),
         url('../fonts/montserrat-hairline-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: 100;s
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: 700; 
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-black-webfont.eot');
    src: url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-black-webfont.woff') format('woff'),
         url('../fonts/montserrat-black-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: 900;
    font-style: normal;
}
*/
@font-face {
  font-family: 'tvi';
  src: url("/fonts/tvi.eot?kzip0p");
  src: url("/fonts/tvi.eot?kzip0p#iefix") format("embedded-opentype"), url("/fonts/tvi.ttf?kzip0p") format("truetype"), url("/fonts/tvi.woff?kzip0p") format("woff"), url("/fonts/tvi.svg?kzip0p#tvi") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'tvi' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-google:before {
  content: "\e901"; }

.icon-whatsapp:before {
  content: "\e900"; }

.icon-upload:before {
  content: "\e633"; }

.icon-galeria:before {
  content: "\e634"; }

.icon-logotvi24_mosca:before {
  content: "\e631"; }

.icon-logotvi24:before {
  content: "\e630"; }

.icon-moneybag:before {
  content: "\e62b"; }

.icon-pig:before {
  content: "\e62c"; }

.icon-location_on:before {
  content: "\e052"; }

.icon-download:before {
  content: "\e0ff"; }

.icon-face:before {
  content: "\e290"; }

.icon-pencil:before {
  content: "\e632"; }

.icon-wallet:before {
  content: "\e62d"; }

.icon-instagram:before {
  content: "\e62e"; }

.icon-linkedin:before {
  content: "\e62f"; }

.icon-menu2:before {
  content: "\e625"; }

.icon-artigo:before {
  content: "\e62a"; }

.icon-swipe:before {
  content: "\e629"; }

.icon-carregar_mais_vertical:before {
  content: "\e627"; }

.icon-interactive:before {
  content: "\e646"; }

.icon-voltar2:before {
  content: "\e628"; }

.icon-home:before {
  content: "\f015"; }

.icon-partilhar2:before {
  content: "\e641"; }

.icon-reload2:before {
  content: "\e642"; }

.icon-visibility:before {
  content: "\e63f"; }

.icon-visibility-off:before {
  content: "\e640"; }

.icon-rss:before {
  content: "\e600"; }

.icon-twitter:before {
  content: "\e602"; }

.icon-facebook:before {
  content: "\e603"; }

.icon-alargar:before {
  content: "\e604"; }

.icon-reduzir:before {
  content: "\e605"; }

.icon-play:before {
  content: "\e606"; }

.icon-previous_video:before {
  content: "\e607"; }

.icon-next_video:before {
  content: "\e608"; }

.icon-pause:before {
  content: "\e609"; }

.icon-fullscreen:before {
  content: "\e60a"; }

.icon-fullscreen_out:before {
  content: "\e60b"; }

.icon-carregar_mais:before {
  content: "\e60c"; }

.icon-favorito:before {
  content: "\e60d"; }

.icon-favorito1:before {
  content: "\e60e"; }

.icon-favorito2:before {
  content: "\e60f"; }

.icon-comentarios:before {
  content: "\e610"; }

.icon-email:before {
  content: "\e611"; }

.icon-geoblock:before {
  content: "\e612"; }

.icon-guia_tv:before {
  content: "\e613"; }

.icon-link_externo:before {
  content: "\e614"; }

.icon-mais:before {
  content: "\e615"; }

.icon-voltar:before {
  content: "\e616"; }

.icon-fechar:before {
  content: "\e617"; }

.icon-menu:before {
  content: "\e618"; }

.icon-pesquisar:before {
  content: "\e619"; }

.icon-info:before {
  content: "\e61a"; }

.icon-partilhar:before {
  content: "\e61b"; }

.icon-emissoes:before {
  content: "\e61c"; }

.icon-programa_adicionado:before {
  content: "\e61d"; }

.icon-programa_adicionar:before {
  content: "\e61e"; }

.icon-programas:before {
  content: "\e61f"; }

.icon-rever:before {
  content: "\e620"; }

.icon-seta_baixo:before {
  content: "\e621"; }

.icon-seta_cima:before {
  content: "\e622"; }

.icon-seta_direita:before {
  content: "\e623"; }

.icon-seta_esquerda:before {
  content: "\e624"; }

.icon-tv:before {
  content: "\e639"; }

.icon-user_in:before {
  content: "\e63a"; }

.icon-user:before {
  content: "\e63b"; }

.icon-ver_mais_tarde:before {
  content: "\e63c"; }

.icon-ver_mais_tarde2:before {
  content: "\e63d"; }

.icon-reload:before {
  content: "\e63e"; }

.icon-check:before {
  content: "\f00c"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-camera:before {
  content: "\e626"; }

.icon-video-camera:before {
  content: "\f03d"; }

.icon-unlock:before {
  content: "\f13e"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-automobile:before {
  content: "\f1b9"; }

.icon-partilhar22:before {
  content: "\e647"; }

.icon-reload22:before {
  content: "\e648"; }

.icon-delete:before {
  content: "\e643"; }

.icon-payment:before {
  content: "\e644"; }

.icon-settings:before {
  content: "\e645"; }

.icon-go-left:before {
  content: "\e902"; }

.icon-go-right:before {
  content: "\e903"; }

.icon-close:before {
  content: "\e906"; }

.icon-expand-less:before {
  content: "\e904"; }

.icon-expand-more:before {
  content: "\e905"; }

/* v20170309 */
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/* site */
* {
  -webkit-selection: background-color #222222;
  -moz-selection: background-color #222222;
  -ms-selection: background-color #222222;
  selection: background-color #222222; }

/* PICTURE SIZES */
.picture {
  position: relative;
  background-position: center;
  background-size: cover; }

.picture4x3 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  background-position: center;
  background-size: cover; }

.picture16x9 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-position: center;
  background-size: cover; }

/*html {
    overflow-y: scroll;
}*/
body {
  background: #fff;
  font-family: "AzoSansWeb", "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased  !important;
  -moz-osx-font-smoothing: grayscale  !important;
  -webkit-font-smoothing: antialiased;
  position: relative;
  height: 100%; }

html {
  height: 100%; }

div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none; }

*:focus {
  outline: none; }

/* DEFAULT BANNEROVER */
#bannerover {
  position: relative;
  z-index: 1;
  width: 984px;
  margin: 10px auto;
  overflow: hidden;
  display: none; }

/* DEFAULT BANNEROVER */
#fullscreen {
  position: fixed;
  z-index: 0;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block; }

/* DEFAULT CONTENTWRAPPER */
#contentwrapper {
  position: relative;
  z-index: 10;
  margin: 0 auto; }

/* NAV LOGOS */
#navChannels *, #navPrograms * {
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s; }

#navChannels, #navPrograms {
  background-color: #222; }

#navChannels .nav-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px; }
  #navChannels .nav-inner .owl-item + .owl-item img {
    /*margin-left: 30px;*/ }
  #navChannels .nav-inner a {
    display: block;
    opacity: 0.5;
    height: 34px; }
    #navChannels .nav-inner a:hover {
      opacity: 1; }
    #navChannels .nav-inner a img {
      width: auto;
      height: 100%;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%); }
    #navChannels .nav-inner a:hover img {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%); }
    #navChannels .nav-inner a.canalactive {
      opacity: 1; }
      #navChannels .nav-inner a.canalactive img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%); }

/* NAV PROGRAMAS */
#navPrograms {
  position: relative; }
  #navPrograms .extraBt {
    display: none;
    position: absolute;
    top: 18px;
    right: 20px; }
    @media screen and (max-width: 960px) {
      #navPrograms .extraBt {
        position: relative;
        top: auto;
        right: auto;
        padding: 10px;
        text-align: center;
        background-color: #222; } }
    #navPrograms .extraBt a {
      font-size: 15px;
      font-weight: 400;
      color: #ffe736;
      text-transform: uppercase; }
      #navPrograms .extraBt a:hover {
        color: #f1f1f1; }

#navPrograms .nav-inner {
  /*max-width: 1024px;*/
  width: calc(100% - 200px);
  /*margin: 0 auto;*/
  padding: 20px; }
  #navPrograms .nav-inner .item {
    display: inline; }
  #navPrograms .nav-inner .owl-item + .owl-item a {
    /*margin-left: 20px;*/ }
  #navPrograms .nav-inner a {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000;
    color: #fff; }
    #navPrograms .nav-inner a:hover {
      color: #a9a9a9; }
  @media screen and (max-width: 960px) {
    #navPrograms .nav-inner {
      display: none; } }

/* MAIN SLIDER */
.sliderWrapper, .sliderContent {
  width: 100%;
  height: 0;
  padding-bottom: 419px; }
  @media screen and (max-width: 1440px) {
    .sliderWrapper, .sliderContent {
      padding-bottom: 30.8088%; } }
  @media screen and (max-width: 960px) {
    .sliderWrapper, .sliderContent {
      padding-bottom: 510px; } }
  @media screen and (max-width: 768px) {
    .sliderWrapper, .sliderContent {
      padding-bottom: 340px; } }

.sliderWrapper {
  position: relative;
  background-image: url("/img/bck_mainSlider.jpg");
  background-position: center;
  background-size: cover; }

.sliderContent {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0; }

.sliderContent .slider {
  position: absolute !important;
  width: 100%;
  height: 100%; }
  .sliderContent .slider a {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
    .sliderContent .slider a:active {
      cursor: -webkit-grabbing;
      cursor: -moz-grabbing;
      cursor: grabbing; }

.item-back {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  /*width: 110%;*/
  /*height: 110%;*/
  /*margin: -20px;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*
  -webkit-filter: blur(10px) contrast(1.5) saturate(1.5);
     -moz-filter: blur(10px) contrast(1.5) saturate(1.5);
      -ms-filter: blur(10px) contrast(1.5) saturate(1.5);
       -o-filter: blur(10px) contrast(1.5) saturate(1.5);
          filter: blur(10px) contrast(1.5) saturate(1.5);
  */
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px); }

.item-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1360px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden; }

.mainContent {
  display: block;
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff; }

/* BOX SOCIAL MEDIA MOBILE */
.leftColumn .box-social {
  display: none; }
  @media screen and (max-width: 728px) {
    .leftColumn .box-social {
      display: block; } }

.leftColumnWrapper {
  float: left;
  width: 100%;
  margin-right: -380px;
  overflow: hidden;
  /*background-color: orangered;*/ }
  @media screen and (max-width: 1024px) {
    .leftColumnWrapper {
      float: none;
      display: inline-block; } }
  .leftColumnWrapper .leftColumn {
    margin: 30px 380px 30px 30px;
    /*background-color: white;*/ }
    @media screen and (max-width: 1024px) {
      .leftColumnWrapper .leftColumn {
        margin: 30px; } }
    @media screen and (max-width: 960px) {
      .leftColumnWrapper .leftColumn {
        margin: 20px 0; } }
    @media screen and (max-width: 480px) {
      .leftColumnWrapper .leftColumn {
        margin: 10px 0; } }

.box-player {
  padding: 80px 30px 0; }
  .box-player .placeplayer_thumb img {
    width: 100%; }
  @media screen and (max-width: 960px) {
    .box-player {
      padding: 80px 20px 0; } }

.box-player-tit {
  font-size: 17px;
  color: #777;
  margin: 10px 0 0 0; }
  @media screen and (max-width: 640px) {
    .box-player-tit {
      font-size: 15px; } }

.placeplayer {
  display: block; }

.player {
  display: block; }

/* RIGHT COLUMN */
.rightColumn {
  float: left;
  width: 300px;
  margin: 60px 40px;
  /*background-color: $primary-yellow;*/ }
  @media screen and (max-width: 1024px) {
    .rightColumn .box-top {
      float: left;
      width: 50%; } }
  @media screen and (max-width: 680px) {
    .rightColumn .box-top {
      float: none;
      width: auto; } }
  @media screen and (max-width: 1024px) {
    .rightColumn .box-bottom {
      float: right;
      width: 50%; } }
  @media screen and (max-width: 680px) {
    .rightColumn .box-bottom {
      float: none;
      width: auto; } }
  @media screen and (max-width: 1024px) {
    .rightColumn {
      float: none;
      width: auto;
      margin: 30px; } }
  @media screen and (max-width: 960px) {
    .rightColumn {
      margin: 20px; } }
  @media screen and (max-width: 480px) {
    .rightColumn {
      margin: 10px; } }

.rightColumn .mrec {
  width: 300px;
  text-align: center;
  margin: 0 auto; }
  @media screen and (max-width: 1024px) {
    .rightColumn .mrec {
      margin: 30px auto 0; } }

.rightColumn .banner300 {
  margin: 60px 0;
  text-align: center; }

.banner300 {
  margin: 60px 0;
  text-align: center; }

.rightColumn .iolad {
  width: 300px;
  text-align: center;
  margin: 0 auto; }

.rightColumn .box-facebook {
  margin: 60px 0;
  text-align: center; }

.pub-title {
  display: block;
  max-width: 300px;
  margin: 0 auto 0;
  padding: 10px 0 0;
  font-size: 13px;
  text-align: right;
  text-transform: uppercase; }

.pub {
  display: table;
  margin: 0 auto;
  text-align: center; }

/* BOX SOCIAL */
@media screen and (max-width: 728px) {
  .rightColumn .box-social {
    display: none; } }

.box-social {
  margin: 30px 0;
  text-align: center; }

.box-social-icons a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  font-size: 20px;
  line-height: 40px;
  background-color: #0073be;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s ease-in-out 0s;
  -moz-transition: background-color 0.15s ease-in-out 0s;
  -o-transition: background-color 0.15s ease-in-out 0s;
  transition: background-color 0.15s ease-in-out 0s; }

.box-social-icons a:hover {
  background-color: #ffe736;
  color: #000; }

/* BOX CONCURSO */
.box-concursos {
  margin: 20px 0 0;
  color: #444; }

.box-concursos a {
  display: inline-block;
  color: #0073be;
  padding: 8px;
  border-radius: 6px; }

.box-concursos a:hover {
  background-color: #ffe736;
  color: #000;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s; }

.box-concursos .icon-phone-square {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px; }

.box-concursos .bt_concursos {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px; }

/* BOX PARA SI */
.box-foryou {
  width: 300px;
  margin: 60px auto; }
  .box-foryou .box-foryou-tit {
    margin: 20px 0;
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ff6600; }
  .box-foryou li + li {
    margin: 40px 0; }
  .box-foryou li {
    padding: 0;
    display: block;
    list-style: none; }
    .box-foryou li .img {
      /*border-bottom: 2px solid $primary-blue;*/
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .box-foryou li .tit {
      margin: 10px;
      font-size: 18px;
      font-weight: 500;
      text-transform: uppercase; }
    .box-foryou li .res {
      margin: 10px;
      font-size: 16px; }
  .box-foryou a {
    display: block;
    color: #6f6f6f;
    -webkit-transition: color 0.15s ease-in-out 0s;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s; }
    .box-foryou a:hover {
      color: #0073be; }

/* BOX FACEBOOK */
.box-facebook {
  margin: 30px 0; }

/* PAG PROGRAMAS*/
.nav-pag-tit-alt {
  display: none;
  font-size: 30px;
  text-transform: uppercase;
  color: #000;
  vertical-align: middle;
  text-align: center;
  margin: 20px; }
  @media screen and (max-width: 580px) {
    .nav-pag-tit-alt {
      display: block; } }

#prog_list {
  overflow: hidden; }

/* PROGRAMACAO GRELHA */
.tv-channels * {
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s; }

.tv-channels {
  /*background-color: $primary-black;*/ }

.prog_nav {
  max-width: 1440px;
  margin: 0 auto;
  clear: both;
  padding: 0; }
  @media screen and (max-width: 640px) {
    .prog_nav {
      text-align: center; } }
  .prog_nav .areatit {
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin: 30px; }
    @media screen and (max-width: 640px) {
      .prog_nav .areatit {
        margin: 0 0 20px 0;
        display: block;
        text-align: center;
        font-size: 22px; } }

.prog_nav .canal_nav {
  margin: 30px; }
  @media screen and (max-width: 480px) {
    .prog_nav .canal_nav {
      margin: 30px 0;
      text-align: center; } }
  .prog_nav .canal_nav .canal-logo {
    display: inline-block;
    vertical-align: middle; }
    .prog_nav .canal_nav .canal-logo img {
      display: none;
      width: auto;
      height: 120px; }
      .prog_nav .canal_nav .canal-logo img.canalactive {
        display: block; }
  .prog_nav .canal_nav .canal-select {
    display: inline-block;
    vertical-align: middle;
    margin-left: 80px; }
    @media screen and (max-width: 480px) {
      .prog_nav .canal_nav .canal-select {
        margin: 20px 0 0 0; } }
    .prog_nav .canal_nav .canal-select select {
      padding: 0 10px;
      border: 0;
      outline: 0;
      border-radius: 4px;
      font: 18px "AzoSansWeb", "Montserrat", Arial, Helvetica, sans-serif;
      font-weight: 300;
      border: 1px solid #222; }
    .prog_nav .canal_nav .canal-select option {
      font: 16px "AzoSansWeb", "Montserrat", Arial, Helvetica, sans-serif;
      font-weight: 300; }
.prog_nav .owl-carousel.owl-loaded {
  display: inline-block; }
.prog_nav .nav_programas {
  width: 100%; }
  @media screen and (max-width: 640px) {
    .prog_nav .nav_programas {
      width: 100%; } }
.prog_nav .nav_canais {
  width: 100%; }
  @media screen and (max-width: 640px) {
    .prog_nav .nav_canais {
      width: 100%; } }
.prog_nav .canal_nav_simple {
  display: inline-block;
  vertical-align: middle; }

.canal_nav_simple {
  max-width: 1440px;
  margin: 0 auto;
  margin: 10px 0;
  padding: 10px;
  clear: both;
  background-color: #222; }
  .canal_nav_simple .pais_nav {
    margin: 0;
    color: #fff;
    display: inline-block;
    vertical-align: middle; }
  .canal_nav_simple select {
    height: 30px;
    padding: 0 10px;
    border: 0;
    outline: 0;
    border-radius: 4px;
    font: 14px "montserrat";
    border: 1px solid #222; }

.prog_nav .canal_nav a {
  font-size: 0;
  display: block;
  opacity: 0.5; }
  .prog_nav .canal_nav a img {
    display: none;
    width: auto;
    height: 84px;
    padding: 34px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
  .prog_nav .canal_nav a:hover {
    /*
    opacity: 1;
    img {
        @include noGrayScale;
    }
    */ }
  .prog_nav .canal_nav a.canalactive {
    display: block; }

#prog_list .element {
  margin-right: -15px;
  margin-left: -15px; }
#prog_list .pub {
  margin: 0;
  padding: 0; }
  #prog_list .pub * {
    margin: 0;
    padding: 0; }
#prog_list li {
  display: inline-block;
  vertical-align: top;
  width: 33.334%;
  font-size: 18px;
  line-height: 125%; }
  #prog_list li a {
    display: block;
    margin: 15px;
    color: #000;
    text-transform: uppercase;
    -webkit-transition: color 0.15s ease-in-out 0s;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s; }
    #prog_list li a:hover {
      color: #0073be; }
  #prog_list li.prog-type {
    padding: 25px 15px;
    font-size: 30px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    color: #a9a9a9; }
    @media screen and (max-width: 480px) {
      #prog_list li.prog-type {
        font-size: 28px;
        padding: 15px 25px; } }
  #prog_list li .prog-img {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  #prog_list li img {
    display: block;
    width: 100%; }
  #prog_list li div {
    padding: 10px;
    display: block; }

/* PAG PROGRAMA */
#navProg {
  background-color: #222; }

#navProg .nav-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px; }
  #navProg .nav-inner .item {
    display: inline; }
  #navProg .nav-inner .owl-item + .owl-item a {
    margin-left: 20px; }
  #navProg .nav-inner a {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000;
    color: #fff;
    -webkit-transition: color 0.15s ease-in-out 0s;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s; }
    #navProg .nav-inner a:hover {
      color: #a9a9a9; }

.seccao {
  margin: 15px 0;
  font-size: 30px;
  text-transform: uppercase;
  width: auto;
  display: block;
  color: #a9a9a9; }
  @media screen and (max-width: 480px) {
    .seccao {
      font-size: 22px;
      margin: 10px; } }

#programa_conteudo h1.titulo {
  margin: 30px 0;
  font-size: 34px;
  text-transform: uppercase;
  width: auto;
  color: #6f6f6f; }
#programa_conteudo h2.titulo {
  margin: 15px 0;
  font-size: 18px;
  line-height: 125%;
  width: auto;
  color: #777; }
#programa_conteudo .mais a {
  color: #0073be; }
  #programa_conteudo .mais a:hover {
    color: #ffe736; }

.progwrapper {
  position: relative;
  overflow: hidden;
  background-color: #222; }
  .progwrapper .prog_header-big {
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    opacity: 0.5;
    -webkit-filter: blur(10px) contrast(1.5) saturate(1.5);
    -moz-filter: blur(10px) contrast(1.5) saturate(1.5);
    -ms-filter: blur(10px) contrast(1.5) saturate(1.5);
    -o-filter: blur(10px) contrast(1.5) saturate(1.5);
    filter: blur(10px) contrast(1.5) saturate(1.5); }
  .progwrapper .prog_header {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover; }
    .progwrapper .prog_header img {
      width: 100%; }
    @media screen and (max-width: 480px) {
      .progwrapper .prog_header {
        /*padding-bottom: 65%;*/ } }

.progwrapper-large .prog_header-large {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 40%;
  z-index: 1;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 480px) {
    .progwrapper-large .prog_header-large {
      padding-bottom: 65%; } }

@media screen and (max-width: 480px) {
  .video_player {
    background-color: #000; } }
.video_player .vidtit-source {
  color: #777;
  margin: 15px 0;
  font-size: 20px; }
  @media screen and (max-width: 480px) {
    .video_player .vidtit-source {
      margin: 10px;
      font-size: 16px;
      color: #fff; } }
.video_player .vidtit h1 {
  margin: 30px 0;
  font-size: 34px;
  text-transform: uppercase;
  width: auto;
  color: #6f6f6f;
  margin: 15px 0;
  text-transform: initial;
  color: #777; }
  @media screen and (max-width: 480px) {
    .video_player .vidtit h1 {
      font-size: 24px;
      margin: 10px;
      color: #fff; } }
.video_player .vidtit span {
  color: #fff;
  font-size: 14px; }
.video_player .vidtit .img_capa {
  width: 100%; }
.video_player .vidtit .socialmini {
  margin: 15px 0; }
  @media screen and (max-width: 480px) {
    .video_player .vidtit .socialmini {
      margin: 10px; } }
  .video_player .vidtit .socialmini a {
    -webkit-transition: background-color 0.15s ease-in-out 0s;
    -moz-transition: background-color 0.15s ease-in-out 0s;
    -o-transition: background-color 0.15s ease-in-out 0s;
    transition: background-color 0.15s ease-in-out 0s; }
  .video_player .vidtit .socialmini a + a {
    margin-left: 10px; }

.box-title {
  background: #222;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px;
  width: 620px;
  margin-bottom: 20px;
  overflow: hidden; }

/* SINOPSE PROGRAMA */
.box-sinopse .prog_info h1 {
  margin: 30px 0;
  font-size: 34px;
  text-transform: uppercase;
  width: auto;
  color: #6f6f6f; }
  @media screen and (max-width: 480px) {
    .box-sinopse .prog_info h1 {
      font-size: 24px;
      margin: 10px; } }
.box-sinopse .prog_info h2 {
  margin: 15px 0;
  font-size: 18px;
  line-height: 125%;
  width: auto;
  color: #777; }
  @media screen and (max-width: 480px) {
    .box-sinopse .prog_info h2 {
      margin: 10px; } }
.box-sinopse .prog_info .img {
  width: 240px;
  height: 192px;
  float: left;
  margin-right: 6px;
  overflow: hidden;
  position: relative;
  cursor: pointer; }
.box-sinopse .prog_info .view {
  display: none; }
.box-sinopse .sinopse {
  line-height: 125%;
  color: #333; }
  @media screen and (max-width: 480px) {
    .box-sinopse .sinopse {
      margin: 10px; } }

/* EPISODIO */
.small {
  font-size: 16px; }

.box-episodio h1 {
  font-size: 26px;
  text-transform: uppercase; }

.box-episodio .video_player {
  margin: 10px 0;
  width: 640px;
  /*height: 480px;*/
  overflow: hidden; }

.box-episodio .slides_fotos {
  margin: 20px 0; }

.box-episodio .vidtit {
  width: 620px;
  clear: both; }

.ep_extra .read_small {
  margin: 20px 0;
  font-size: 20px; }

.ep_res {
  margin: 20px 0;
  line-height: 125%; }

/* PAGINA NOTICIA */
.box-noticia h1 {
  margin: 30px 0;
  font-size: 34px;
  text-transform: uppercase;
  width: auto;
  color: #6f6f6f; }
  @media screen and (max-width: 480px) {
    .box-noticia h1 {
      font-size: 24px;
      margin: 10px; } }
.box-noticia h2 {
  margin: 15px 0;
  font-size: 18px;
  line-height: 125%;
  width: auto;
  color: #777; }
  @media screen and (max-width: 480px) {
    .box-noticia h2 {
      margin: 10px; } }
.box-noticia h3 {
  margin: 10px 0;
  font-size: 16px;
  line-height: 125%;
  width: auto;
  color: #777; }
  @media screen and (max-width: 480px) {
    .box-noticia h3 {
      margin: 10px; } }
.box-noticia img {
  width: 100%;
  max-width: 100%; }
.box-noticia img.logotipo {
  width: auto;
  max-width: none; }
.box-noticia .video_player {
  margin: 15px 0;
  overflow: hidden; }
.box-noticia .autor {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 13px; }
.box-noticia .artigo {
  color: #777;
  line-height: 125%; }
  @media screen and (max-width: 480px) {
    .box-noticia .artigo {
      margin: 10px; } }
  .box-noticia .artigo a {
    color: #0073be; }
    .box-noticia .artigo a:hover {
      text-decoration: underline; }
  .box-noticia .artigo a b {
    color: #0073be; }
    .box-noticia .artigo a b:hover b {
      text-decoration: underline; }
  .box-noticia .artigo u {
    text-decoration: none; }
    .box-noticia .artigo u:hover {
      text-decoration: underline; }
  .box-noticia .artigo .mais {
    text-align: left; }
  .box-noticia .artigo p {
    margin: 15px 0; }
  .box-noticia .artigo b {
    font-weight: 700; }

.box-noticia .social_share {
  width: 320px;
  height: 20px;
  line-height: 20px;
  float: right;
  margin: 0;
  padding: 0;
  display: block; }

.box-noticia .social_share .comments {
  width: 60px;
  height: 20px;
  display: inline-block;
  background: url(/img/bt_site_v3.png) -315px 0px no-repeat;
  /*overflow: hidden;*/ }

.box-noticia .social_share .comments:hover {
  background-position: -315px -20px; }

.box-noticia .social_share .pointer {
  width: 5px;
  height: 20px;
  position: relative; }

.box-noticia .social_share .pointer img {
  position: absolute;
  top: 50%;
  right: -1px;
  margin-top: -4px; }

.box-noticia .social_share .twitter-share-button {
  width: 110px !important;
  margin: 0; }

.box-noticia .social_share table {
  display: inline;
  height: 20px; }

.box-noticia .social_share table tr {
  height: 20px; }

.box-noticia .article-cnt {
  float: left;
  width: 180px;
  margin-right: 20px;
  float: left; }

.box-noticia .article-cnt a {
  color: #666;
  font-size: 14px;
  display: block;
  padding: 4px 0; }

.box-noticia .article-cnt a:hover {
  color: #c00;
  text-decoration: underline; }

.box-noticia .article-cnt .selected {
  font-weight: bold;
  color: #c00; }

/* SHARE */
.box-noticia .socialmini {
  margin: 15px 0; }
  .box-noticia .socialmini a {
    -webkit-transition: background-color 0.15s ease-in-out 0s;
    -moz-transition: background-color 0.15s ease-in-out 0s;
    -o-transition: background-color 0.15s ease-in-out 0s;
    transition: background-color 0.15s ease-in-out 0s; }
    .box-noticia .socialmini a:hover {
      background-color: #ffe736;
      color: #000; }

/* LISTA NOTICIAS */
.box-lista-not li {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 30px 0; }
  .box-lista-not li a {
    text-decoration: none;
    display: block;
    overflow: hidden; }
    .box-lista-not li a div {
      -webkit-transition: color 0.15s ease-in-out 0s;
      -moz-transition: color 0.15s ease-in-out 0s;
      -o-transition: color 0.15s ease-in-out 0s;
      transition: color 0.15s ease-in-out 0s; }
    .box-lista-not li a:hover div {
      color: #0073be; }
  .box-lista-not li img {
    max-width: 100%;
    display: block; }
  .box-lista-not li .img {
    width: 25%;
    float: left;
    margin-right: 20px;
    cursor: pointer; }
    @media screen and (max-width: 720px) {
      .box-lista-not li .img {
        width: 50%; } }
    @media screen and (max-width: 480px) {
      .box-lista-not li .img {
        width: 100%;
        float: none; } }
  .box-lista-not li .tit {
    font-size: 26px;
    line-height: 125%;
    /*text-transform: uppercase;*/
    color: #6f6f6f;
    margin: 10px; }
    @media screen and (max-width: 480px) {
      .box-lista-not li .tit {
        font-size: 18px; } }
  .box-lista-not li .res {
    line-height: 125%;
    color: #777;
    margin: 10px; }

/* LIST DE VIDEOS */
.box-videos .box-lista-vid {
  margin-right: -15px;
  margin-left: -15px; }
  .box-videos .box-lista-vid li {
    display: inline-block;
    vertical-align: top;
    width: 33.334%;
    position: relative; }
    .box-videos .box-lista-vid li a {
      display: block;
      margin: 15px;
      color: #000;
      overflow: hidden;
      -webkit-transition: color 0.15s ease-in-out 0s;
      -moz-transition: color 0.15s ease-in-out 0s;
      -o-transition: color 0.15s ease-in-out 0s;
      transition: color 0.15s ease-in-out 0s; }
      .box-videos .box-lista-vid li a:hover {
        color: #0073be; }
    .box-videos .box-lista-vid li .img {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      /*
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
              transform-style: preserve-3d;
      */ }
    .box-videos .box-lista-vid li .img img {
      width: 100%;
      position: absolute;
      /*
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%);
      */ }
    .box-videos .box-lista-vid li .tit {
      margin: 10px;
      display: block;
      font-size: 18px;
      line-height: 125%; }
    .box-videos .box-lista-vid li .length {
      margin: 10px;
      font-size: 16px;
      color: #777; }

/* LISTA DE FOTOS */
.box-fotos .owl-nav {
  top: -60px;
  right: 10px; }

.box-fotos .box-lista-fot {
  margin-right: -15px;
  margin-left: -15px; }
  .box-fotos .box-lista-fot li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33.334%; }
    @media screen and (max-width: 640px) {
      .box-fotos .box-lista-fot li {
        width: 50%; } }
    @media screen and (max-width: 480px) {
      .box-fotos .box-lista-fot li {
        width: 100%; } }
    .box-fotos .box-lista-fot li a {
      display: block;
      margin: 15px;
      color: #000;
      overflow: hidden;
      -webkit-transition: color 0.15s ease-in-out 0s;
      -moz-transition: color 0.15s ease-in-out 0s;
      -o-transition: color 0.15s ease-in-out 0s;
      transition: color 0.15s ease-in-out 0s; }
      .box-fotos .box-lista-fot li a:hover {
        color: #0073be; }
    .box-fotos .box-lista-fot li .img {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden;
      position: relative;
      cursor: pointer; }
    .box-fotos .box-lista-fot li .img img {
      width: 100%; }
    .box-fotos .box-lista-fot li .tit {
      margin: 10px;
      display: block;
      font-size: 18px;
      line-height: 125%; }
    .box-fotos .box-lista-fot li .numf {
      margin: 10px;
      font-size: 16px;
      color: #777; }

/* GALERIA DE FOTOS */
.slides_fotos {
  margin: 20px 0; }
  @media screen and (max-width: 480px) {
    .slides_fotos .owl-stage-outer {
      overflow: visible !important; } }

.slides_container {
  position: relative; }
  .slides_container .slide .slide-img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #f1f1f1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%; }

.slides_container .titbox {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px; }
  @media screen and (max-width: 480px) {
    .slides_container .titbox {
      position: relative;
      background-color: black;
      padding: 10px; } }

.slides_container .titbox h3 {
  font-size: 20px;
  line-height: 125%;
  color: #fff; }
  @media screen and (max-width: 640px) {
    .slides_container .titbox h3 {
      font-size: 16px; } }

/* VIDEO OU GALERIA SELECTED */
.play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(240, 240, 240, 0.7);
  display: none;
  z-index: 100;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.play.selected {
  display: block; }

.play div {
  display: block;
  max-width: 200px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

/* PROGRAMACAO GRELHA */
.box-wrapper {
  margin: 30px; }
  @media screen and (max-width: 480px) {
    .box-wrapper {
      margin: 10px; } }

.grelha_nav {
  width: 80px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8 !important; }

.grelha_nav span {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #0073be;
  color: #fff;
  text-align: center;
  /*cursor: pointer;*/ }

.grelha_nav span:hover {
  background-color: #ffe736;
  color: #000; }

/*.grelha_nav .bt_back {background: url(/img/bt_grelha.png) 0 0 no-repeat;}*/
/*.grelha_nav .bt_back:hover {background-position: 0 -40px;}*/
/*.grelha_nav .bt_forward {background: url(/img/bt_grelha.png) -40px 0 no-repeat;}*/
/*.grelha_nav .bt_forward:hover {background-position: -40px -40px;}*/
#diassemana {
  width: 180px;
  float: left;
  /*background: green*/ }
  @media screen and (max-width: 640px) {
    #diassemana {
      width: 100px; } }

#diassemana #dias {
  width: 100%;
  height: 530px;
  float: left; }

#diassemana #dias div.semana {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px; }

#diassemana #dias div.default {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  background-color: #777;
  color: #fff; }
  @media screen and (max-width: 640px) {
    #diassemana #dias div.default {
      padding: 6px; } }

#diassemana #dias div.default.hoje {
  background-color: #222; }

#diassemana #dias .dia {
  font-size: 44px;
  float: left;
  line-height: 60px;
  padding: 0 10px;
  width: 72px; }
  @media screen and (max-width: 640px) {
    #diassemana #dias .dia {
      font-size: 14px;
      float: none;
      line-height: normal;
      width: auto;
      padding: 0;
      margin: 0; } }

#diassemana #dias .mes {
  font-size: 17px;
  float: left;
  padding-top: 14px;
  overflow: hidden;
  text-transform: uppercase;
  width: 100px; }
  @media screen and (max-width: 640px) {
    #diassemana #dias .mes {
      font-size: 14px;
      float: none;
      line-height: normal;
      width: auto;
      padding: 0;
      margin: 0; } }

#diassemana #dias .sem {
  font-size: 16px;
  float: left;
  width: 100px; }
  @media screen and (max-width: 640px) {
    #diassemana #dias .sem {
      font-size: 14px;
      float: none;
      line-height: auto;
      width: auto;
      padding: 0;
      margin: 0; } }

#programacao {
  position: relative;
  overflow: hidden;
  margin-left: 190px; }
  @media screen and (max-width: 640px) {
    #programacao {
      margin-left: 110px; } }

#programacao #grelha {
  height: 530px;
  float: left;
  overflow: hidden;
  /*background-color: green;*/ }

/* largura 24 horas x 180px */
#programacao #grelha .horas {
  width: 4500px;
  height: 40px;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #222; }

#programacao #grelha .horas .default {
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-indent: 8px;
  color: #fff;
  float: left;
  border-right: 2px solid #fff; }

#programacao #grelha .program {
  width: 4500px;
  height: 60px;
  /*overflow: hidden;*/
  margin-bottom: 10px;
  color: #333; }

#programacao #grelha .program .default {
  width: 180px;
  height: 60px;
  /*text-indent: 8px;*/
  float: left;
  overflow: hidden;
  border-right: 2px solid #fff;
  background-color: #f7f7f7;
  position: relative; }

#programacao #grelha .program .inner {
  min-width: 400px; }

#programacao #grelha .program .showinner {
  float: left;
  height: 60px;
  display: inline-block;
  position: relative; }

#programacao #grelha .program.hoje .default {
  background-color: #e6e6e6; }

/* FIX IE7 */
#programacao #grelha .program .showinner {
  *position: static; }

#programacao #grelha .program .default div.thumb {
  float: left;
  padding: 4px; }

#programacao #grelha .program .default div.data {
  font-size: 11px;
  margin: 6px 10px; }

#programacao #grelha .program .default div.nome {
  font-size: 14px;
  margin: 6px 10px; }

#programacao #grelha .program .default div.subtitulo {
  font-size: 12px;
  margin: 6px 10px; }

#programacao #grelha .program a {
  font-family: "AzoSansWeb", "Montserrat", Arial, Helvetica, sans-serif;
  color: #0073be; }

#programacao #grelha .program a:hover {
  color: #fff; }

.relative {
  overflow: visible !important; }

.absolute {
  background: #0073be;
  z-index: 999 !important;
  /*height: 300px !important;*/ }

/* IE7 FIX */
.absolute {
  *position: relative !important; }

.absolute .data, .absolute .subtitulo {
  color: #fff; }

.absolute .nome a {
  color: #333; }

.absolute .nome a:hover {
  color: #fff; }

/* PAGINACAO */
.paginacao {
  text-align: center;
  padding: 20px 0;
  clear: both; }

.paginacao a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 45px;
  background-color: #f1f1f1;
  color: #0073be;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s;
  -webkit-transition: background-color 0.15s ease-in-out 0s;
  -moz-transition: background-color 0.15s ease-in-out 0s;
  -o-transition: background-color 0.15s ease-in-out 0s;
  transition: background-color 0.15s ease-in-out 0s; }

.paginacao a:hover {
  background-color: #0073be;
  color: #fff; }

.paginacao b {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 35px;
  background-color: #0073be;
  color: #fff; }

.paginacao span {
  color: #0073be;
  margin: 0 20px;
  vertical-align: middle; }

/* NEW FOOTER*/
footer {
  display: block;
  position: relative;
  z-index: 10;
  clear: both; }

.new-footer-wrapper {
  position: relative;
  background-color: #f1f1f1; }

.new-footer {
  max-width: 1440px;
  margin: 0 auto;
  padding: 30px; }

.cincoestrelas {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
  text-align: center;
  font-size: 9px; }
  .cincoestrelas a {
    color: #333; }
  .cincoestrelas span {
    display: block;
    font-size: 12px; }
  @media screen and (max-width: 960px) {
    .cincoestrelas {
      float: none;
      display: block;
      margin: 0 0 40px; } }

.new-footer-links-wrappper {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 960px) {
    .new-footer-links-wrappper {
      float: none;
      display: block;
      text-align: center; } }
  .new-footer-links-wrappper .new-footer-links a {
    display: inline-block;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 8px;
    -webkit-transition: color 0.15s ease-in-out 0s;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s; }
    .new-footer-links-wrappper .new-footer-links a:hover {
      color: #0073be; }
    @media screen and (max-width: 640px) {
      .new-footer-links-wrappper .new-footer-links a {
        display: block; } }
  .new-footer-links-wrappper .new-footer-links a + a {
    margin-left: 10px; }
    @media screen and (max-width: 640px) {
      .new-footer-links-wrappper .new-footer-links a + a {
        margin-left: 0; } }
  .new-footer-links-wrappper .new-footer-links.first a {
    font-size: 18px;
    font-weight: 500; }
  .new-footer-links-wrappper .new-footer-links.second a {
    font-size: 14px; }
    @media screen and (max-width: 480px) {
      .new-footer-links-wrappper .new-footer-links.second a {
        display: block; } }

.appstores {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%); }
  .appstores img {
    width: auto;
    height: 40px; }
  @media screen and (max-width: 480px) {
    .appstores span {
      display: block;
      padding: 0 0 10px; } }
  .appstores a {
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 480px) {
      .appstores a {
        display: block; } }
  @media screen and (max-width: 960px) {
    .appstores {
      position: static;
      display: block;
      margin: 40px 0 0;
      text-align: center;
      transform: none; } }

/* FOOTER */
#footerwrapper {
  background-color: #222;
  color: #fff;
  overflow: hidden;
  clear: both; }

.footertit {
  max-width: 1440px;
  text-transform: uppercase;
  font-size: 24px;
  margin: 20px auto;
  padding: 0 20px; }

.footer {
  max-width: 1440px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 125%;
  clear: both;
  display: table; }
  @media screen and (max-width: 960px) {
    .footer {
      display: none; } }

.footerblock {
  width: 14.15%;
  /*float: left;*/
  border-right: 1px solid #333;
  margin: 0;
  height: 100%;
  display: table-cell; }
  .footerblock:last-child {
    border: 0; }
  .footerblock ul {
    margin: 0;
    padding: 0;
    line-height: 150%; }
    .footerblock ul li {
      list-style: none;
      margin: 10px 20px; }
      .footerblock ul li:first-child {
        color: #fff;
        font-size: 16px; }
      .footerblock ul li a {
        color: #ffe736;
        text-decoration: none;
        display: block; }
        .footerblock ul li a:hover {
          color: #0073be; }
  .footerblock span {
    text-transform: uppercase; }
  @media screen and (max-width: 1024px) {
    .footerblock {
      width: 25%;
      display: inline-block;
      float: left;
      min-height: 230px; } }
  @media screen and (max-width: 960px) {
    .footerblock {
      width: 33.334%;
      display: inline-block; }
      .footerblock ul li:first-child {
        font-size: 20px; } }
  @media screen and (max-width: 768px) {
    .footerblock {
      width: 50%; } }
  @media screen and (max-width: 640px) {
    .footerblock {
      width: 100%;
      min-height: 0;
      padding: 20px 0;
      border: 0;
      border-bottom: 1px solid #333; }
      .footerblock:last-child {
        border: 0; } }

.footer_toggle {
  display: none; }
  @media screen and (max-width: 960px) {
    .footer_toggle {
      display: block; } }

#stats {
  position: absolute;
  width: 0;
  height: 0; }

/* MEDIA QUERIES*/
@media screen and (max-width: 1024px) {
  #LDB1 {
    display: none; } }
@media screen and (max-width: 960px) {
  #mcd_footer {
    display: none; } }
@media screen and (max-width: 768px) {
  #prog_list li, .box-videos .box-lista-vid li {
    width: 50%; } }
@media screen and (max-width: 640px) {
  /*
  .slider .item {
      .item-inner {
          background-position: center 15%;
          background-size: 100% auto;
      }
  }
  */
  #prog_list li, .box-videos .box-lista-vid li {
    width: 100%; } }
/* MARGIN P */
p {
  margin: 20px 0; }

/* ROW SPONCER */
.sponcered {
  margin: 25px 0; }

.box-sponcer {
  position: relative;
  font-family: 'Poppins', sans-serif;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 25px; }
  @media (max-width: 767px) {
    .box-sponcer {
      width: 100%;
      /*
      &:nth-of-type(1) {
          width: 100%;
          .box-outside {
              padding-bottom: 56.25%;
          }
      }
      &:nth-of-type(2), &:nth-of-type(3) {
          width: 50%;
      }
      */ } }
  @media (max-width: 639px) {
    .box-sponcer {
      /*
      &:nth-of-type(2), &:nth-of-type(3) {
          width: 100%;
          .box-outside {
              padding-bottom: 56.25%;
          }
      }
      */ } }
  .box-sponcer a .box-text-mobile {
    color: #333; }
  .box-sponcer .box-title-sponcer {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 25px 25px 10px 25px; }
    .box-sponcer .box-title-sponcer .pink {
      color: pink; }
    .box-sponcer .box-title-sponcer .blue {
      color: blue; }
    .box-sponcer .box-title-sponcer .red {
      color: red; }
    @media (max-width: 480px) {
      .box-sponcer .box-title-sponcer {
        margin: 25px 10px 10px; } }
  .box-sponcer .box-outside {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 85%; }
    @media (max-width: 767px) {
      .box-sponcer .box-outside {
        padding-bottom: 56.25%; } }
  .box-sponcer .box-inside {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    left: 25px;
    background-color: #f4f4f4;
    background-position: center;
    background-size: cover; }
    @media (max-width: 480px) {
      .box-sponcer .box-inside {
        top: 0;
        right: 10px;
        bottom: 0;
        left: 10px; } }
  .box-sponcer .box-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 10px; }
    @media (min-width: 767px) and (max-width: 919px) {
      .box-sponcer .box-text {
        bottom: 10px;
        left: 10px;
        right: 10px; } }
    @media (max-width: 640px) {
      .box-sponcer .box-text {
        display: none; } }
  .box-sponcer .box-text span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 22px;
    line-height: 125%;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 4px 10px; }
    @media (min-width: 767px) and (max-width: 919px) {
      .box-sponcer .box-text span {
        font-size: 18px; } }
    @media (max-width: 640px) {
      .box-sponcer .box-text span {
        display: none; } }
  .box-sponcer .box-text-duplicate {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 10px;
    opacity: 0.5; }
    @media (min-width: 767px) and (max-width: 919px) {
      .box-sponcer .box-text-duplicate {
        bottom: 10px;
        left: 10px;
        right: 10px; } }
    @media (max-width: 640px) {
      .box-sponcer .box-text-duplicate {
        display: none; } }
  .box-sponcer .box-text-duplicate span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background-color: #000;
    color: #000;
    font-size: 22px;
    line-height: 125%;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 4px 10px; }
    @media (min-width: 767px) and (max-width: 919px) {
      .box-sponcer .box-text-duplicate span {
        font-size: 18px; } }
    @media (max-width: 640px) {
      .box-sponcer .box-text-duplicate span {
        display: none; } }
  .box-sponcer .box-text-mobile {
    display: none;
    font-size: 22px;
    line-height: 125%;
    margin: 10px 25px; }
    @media (max-width: 640px) {
      .box-sponcer .box-text-mobile {
        display: block; } }
    @media (max-width: 480px) {
      .box-sponcer .box-text-mobile {
        font-size: 18px;
        margin: 10px; } }
  .box-sponcer .box-sponcer-by {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    /*margin: 10px 25px 25px;*/
    font-size: 12px;
    text-align: center; }
    .box-sponcer .box-sponcer-by span {
      display: block;
      font-size: 18px; }
    @media (max-width: 768px) {
      .box-sponcer .box-sponcer-by {
        position: static;
        margin: 20px 0 0; } }

.box-sponcer-wide {
  padding: 0; }
  @media (max-width: 960px) {
    .box-sponcer-wide {
      margin: 20px; } }
  @media (max-width: 480px) {
    .box-sponcer-wide {
      margin: 10px; } }
  .box-sponcer-wide .box-outside {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    @media (max-width: 640px) {
      .box-sponcer-wide .box-outside {
        padding-bottom: 100%; } }
  .box-sponcer-wide .box-inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4;
    background-position: center;
    background-size: cover; }
  .box-sponcer-wide .box-title-sponcer {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 22px;
    background-color: rgba(0, 0, 0, 0.5); }
    @media (max-width: 640px) {
      .box-sponcer-wide .box-title-sponcer {
        top: 10px;
        left: 10px; } }
  .box-sponcer-wide .box-text {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5); }
    @media (max-width: 640px) {
      .box-sponcer-wide .box-text {
        padding: 10px; } }
  .box-sponcer-wide .box-text span {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 22px;
    line-height: 125%;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0; }
    @media (max-width: 640px) {
      .box-sponcer-wide .box-text span {
        font-size: 18px; } }
  .box-sponcer-wide .box-sponcer-by {
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin: 20px 0 0; }
    .box-sponcer-wide .box-sponcer-by span {
      display: block;
      font-size: 18px; }

.newsletterInformacao {
  background-color: #eee;
  padding: 6px;
  font-size: 12px;
  position: relative;
  min-height: 60px;
  margin: 10px 0;
  line-height: 1.3;
  border-radius: 5px;
  margin: 10px;
  text-align: center; }
  @media (min-width: 640px) {
    .newsletterInformacao {
      padding: 6px 220px 6px 70px;
      text-align: left;
      margin: 10px 0; } }
  .newsletterInformacao img {
    display: block;
    width: 36px;
    margin: 0 auto;
    height: auto; }
    @media (min-width: 640px) {
      .newsletterInformacao img {
        position: absolute;
        top: 8px;
        left: 10px;
        width: 50px; } }
  .newsletterInformacao h3 {
    font-weight: 400;
    font-size: 14px; }
  .newsletterInformacao .tit {
    font-weight: 700;
    font-size: 14px; }
  .newsletterInformacao .botao {
    background-color: #444;
    color: #fff;
    display: block;
    line-height: 40px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    margin-top: 10px; }
    @media (min-width: 640px) {
      .newsletterInformacao .botao {
        position: absolute;
        top: 0px;
        right: 10px;
        width: 200px; } }

/* v20180126 */
.sharesDiv {
  text-align: center;
  padding: 10px 0; }
  .sharesDiv .titleShare {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 10px;
    display: block;
    float: none; }
  .sharesDiv a {
    display: inline-block;
    text-decoration: none !important;
    margin: 0 15px; }
  .sharesDiv .bt-share {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    background-color: #888;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    width: 40px;
    height: 40px;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block; }
    .sharesDiv .bt-share:hover {
      background-color: #000;
      color: #fff;
      opacity: 1; }
  @media (min-width: 768px) {
    .sharesDiv {
      /*text-align: left;*/
      /*a {margin:0 20px;}*/ } }

#contentOnDemand #prog_slide {
  margin: 20px 0; }
#contentOnDemand #prog_slide .owl-nav {
  top: auto;
  bottom: 5px;
  top: auto; }
  #contentOnDemand #prog_slide .owl-nav .owl-next, #contentOnDemand #prog_slide .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 18px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    font-family: 'tvi' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (max-width: 480px) {
      #contentOnDemand #prog_slide .owl-nav .owl-next, #contentOnDemand #prog_slide .owl-nav .owl-prev {
        background-color: rgba(77, 142, 255, 0.25);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; } }
  #contentOnDemand #prog_slide .owl-nav .owl-next {
    right: 10px; }
    #contentOnDemand #prog_slide .owl-nav .owl-next:before {
      /*content: "\e628";*/
      line-height: 50px; }
  #contentOnDemand #prog_slide .owl-nav .owl-prev {
    left: 10px; }
    #contentOnDemand #prog_slide .owl-nav .owl-prev:before {
      /*content: "\e616";*/
      line-height: 50px; }
  #contentOnDemand #prog_slide .owl-nav .disabled {
    display: none; }
#contentOnDemand .slides_container .titbox h3 {
  text-align: center;
  font-size: 16px; }

/* v20180712 */
/* NAV TOP */
header {
  position: relative;
  z-index: 10;
  height: 105px;
  margin-bottom: 0;
  background-color: #222; }
  header#homenav {
    height: 0; }
    @media screen and (max-width: 480px) {
      header#homenav {
        height: 100px; } }

#homenav #main-nav {
  display: none; }

#main-nav {
  position: relative;
  /*background-color: #333;*/
  /*background: url(/img/nav_bck.png);*/ }

#main-nav .nav-inner {
  position: relative;
  font-size: 0;
  max-width: 1440px;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    #main-nav .nav-inner {
      padding: 10px; } }
  #homenav #main-nav .nav-inner img {
    height: auto; }
    @media screen and (max-width: 480px) {
      #homenav #main-nav .nav-inner img {
        height: 65px; } }
  #main-nav .nav-inner img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 65px; }
    @media screen and (max-width: 960px) {
      #main-nav .nav-inner img {
        height: 65px; } }
  #main-nav .nav-inner .logo-home {
    position: absolute;
    top: 20px;
    left: 100px;
    /*z-index: 101;*/ }
    @media screen and (max-width: 480px) {
      #main-nav .nav-inner .logo-home {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
  #main-nav .nav-inner .nav-pag-tit {
    position: absolute;
    top: 40px;
    left: 240px;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff; }
    @media screen and (max-width: 560px) {
      #main-nav .nav-inner .nav-pag-tit {
        display: none; } }
  #main-nav .nav-inner .menu-overlay {
    position: absolute;
    top: 0;
    left: -26px;
    width: 80%;
    height: 124px;
    background-color: rgba(34, 34, 34, 0.25);
    box-shadow: 0 3px 10px rgba(34, 34, 34, 0.75);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(-9deg);
    /* Chrome, Safari, Opera */
    -ms-transform: rotate(-9deg);
    /* IE 9 */
    transform: rotate(-9deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
    @media screen and (max-width: 960px) {
      #main-nav .nav-inner .menu-overlay {
        top: -27px; } }
    @media screen and (max-width: 480px) {
      #main-nav .nav-inner .menu-overlay {
        display: none; } }

#main-nav #bt-menu {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  /*height: 40px;*/
  border: 0;
  padding: 0;
  cursor: pointer;
  font: 30px "tvi", Arial, Helvetica, sans-serif;
  text-align: center;
  /*border-radius: 50%;*/
  /*background-color: $primary-blue;*/
  color: #fff;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*display: none;*/
  position: absolute;
  top: 40px;
  left: 30px;
  z-index: 101;
  margin-right: 20px; }
  @media screen and (max-width: 960px) {
    #main-nav #bt-menu {
      display: inline-block; } }
  #main-nav #bt-menu:hover {
    /*background-color: $primary-yellow;*/
    color: #fff;
    -webkit-transition: background-color 0.15s ease-in-out 0s;
    -moz-transition: background-color 0.15s ease-in-out 0s;
    -o-transition: background-color 0.15s ease-in-out 0s;
    transition: background-color 0.15s ease-in-out 0s; }

#main-nav .nav-right {
  position: absolute;
  top: 40px;
  right: 30px; }
  #main-nav .nav-right a + a {
    margin-left: 10px; }

#main-nav .bt-guia-tv {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  /*height: 40px;*/
  border: 0;
  padding: 0;
  cursor: pointer;
  font: 30px "tvi", Arial, Helvetica, sans-serif;
  text-align: center;
  /*border-radius: 50%;*/
  /*background-color: $primary-blue;*/
  color: #fff;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle; }
  #main-nav .bt-guia-tv:hover {
    background-color: #fff;
    color: #000;
    -webkit-transition: background-color 0.15s ease-in-out 0s;
    -moz-transition: background-color 0.15s ease-in-out 0s;
    -o-transition: background-color 0.15s ease-in-out 0s;
    transition: background-color 0.15s ease-in-out 0s; }

#main-nav #bt-search {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  /*height: 40px;*/
  border: 0;
  padding: 0;
  cursor: pointer;
  font: 30px "tvi", Arial, Helvetica, sans-serif;
  text-align: center;
  /*border-radius: 50%;*/
  /*background-color: $primary-blue;*/
  color: #fff;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 101; }
  #main-nav #bt-search:hover {
    /*background-color: $primary-yellow;*/
    color: #fff;
    -webkit-transition: background-color 0.15s ease-in-out 0s;
    -moz-transition: background-color 0.15s ease-in-out 0s;
    -o-transition: background-color 0.15s ease-in-out 0s;
    transition: background-color 0.15s ease-in-out 0s; }

.open-layer.close {
  /*background-color: $primary-yellow;*/
  color: black; }
  .open-layer.close:before {
    content: ""; }

.layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100vh;*/
  /*background-color: $primary-black;*/
  background-color: rgba(32, 32, 32, 0.9);
  z-index: 50; }

body.layerOn {
  position: fixed;
  overflow-y: scroll;
  width: 100%; }

.menu-wrapper {
  background-color: #222;
  position: absolute;
  max-width: 320px;
  width: 100%;
  height: 100%; }
  .menu-wrapper * {
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s; }
  @media screen and (max-width: 480px) {
    .menu-wrapper {
      position: relative;
      max-width: 100%;
      padding-bottom: 40px; } }
  .menu-wrapper [class^="menu-"] {
    margin: 40px 30px 0; }
    .menu-wrapper [class^="menu-"] li {
      margin: 10px 0; }
    .menu-wrapper [class^="menu-"] a {
      color: #fff; }
      .menu-wrapper [class^="menu-"] a:hover {
        color: #a9a9a9; }
  .menu-wrapper .menu-principal {
    margin: 100px 30px 0 !important;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase; }
    @media screen and (max-width: 480px) {
      .menu-wrapper .menu-principal {
        /*margin: 110px 0 0 20%;*/
        font-size: 26px; }
        .menu-wrapper .menu-principal span {
          display: none; } }
    .menu-wrapper .menu-principal .programasListMenu {
      padding: 0 0 20px 20px; }
      .menu-wrapper .menu-principal .programasListMenu li a {
        font-size: 15px;
        font-weight: 300;
        color: #ffe736; }
  .menu-wrapper .menu-secundario {
    display: none;
    font-size: 20px; }
    @media screen and (max-width: 768px) {
      .menu-wrapper .menu-secundario {
        display: block; } }
  .menu-wrapper .menu-concursos {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase; }
  .menu-wrapper .menu-social {
    font-size: 14px;
    text-transform: uppercase; }
    .menu-wrapper .menu-social span {
      display: inline-block;
      vertical-align: middle; }
    .menu-wrapper .menu-social [class^="icon-"] {
      font-size: 20px; }
  .menu-wrapper .menu-text-progs {
    display: none;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase; }
    @media screen and (max-width: 480px) {
      .menu-wrapper .menu-text-progs {
        display: block; } }

.nav-icons-wrapper {
  position: absolute;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 320px;
  height: 100%; }
  .nav-icons-wrapper * {
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s; }
  @media screen and (max-width: 480px) {
    .nav-icons-wrapper {
      display: none;
      position: relative;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }
  .nav-icons-wrapper ul {
    width: 100%;
    text-align: center; }
  .nav-icons-wrapper li {
    display: inline-block;
    vertical-align: top;
    margin: 40px; }
    @media screen and (max-width: 480px) {
      .nav-icons-wrapper li {
        display: block;
        margin: 40px 0; } }
  .nav-icons-wrapper img {
    display: block;
    width: auto;
    height: 70px;
    margin: 0 auto;
    /*@include grayScale;*/ }
    @media screen and (max-width: 480px) {
      .nav-icons-wrapper img {
        margin: 0 auto; } }
    .nav-icons-wrapper img:hover {
      /*@include noGrayScale;*/ }

/* SEARCH */
#search-layer .icon-search {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  /*height: 40px;*/
  border: 0;
  padding: 0;
  cursor: pointer;
  font: 30px "tvi", Arial, Helvetica, sans-serif;
  text-align: center;
  /*border-radius: 50%;*/
  /*background-color: $primary-blue;*/
  color: #fff;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 60px;
  height: 60px;
  font-size: 30px;
  line-height: 60px; }
  #search-layer .icon-search:hover {
    background-color: #ffe736;
    color: #000;
    -webkit-transition: background-color 0.15s ease-in-out 0s;
    -moz-transition: background-color 0.15s ease-in-out 0s;
    -o-transition: background-color 0.15s ease-in-out 0s;
    transition: background-color 0.15s ease-in-out 0s; }
  @media (max-width: 960px) {
    #search-layer .icon-search {
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 25px; } }

.search-layer-inside {
  max-width: 1360px;
  margin: 0 auto;
  padding: 120px 70px 0 70px; }
  .search-layer-inside h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 15px; }
  .search-layer-inside .query-wrapper {
    float: left;
    width: 100%;
    margin: 0 -70px 0 0; }
    .search-layer-inside .query-wrapper .query {
      margin: 0 70px 0 0;
      padding: 14px 20px;
      border: 1px solid #707070;
      background-color: #222;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
    .search-layer-inside .query-wrapper input {
      width: 100%;
      margin: 0;
      padding: 0;
      border: 0;
      color: white;
      background-color: #222;
      font-family: 'montserrat', sans-serif !important;
      font-size: 28px;
      font-weight: 300; }
      .search-layer-inside .query-wrapper input:focus {
        outline: 0;
        outline-offset: 0; }
  .search-layer-inside .search-submit {
    float: right; }
  @media screen and (max-width: 960px) {
    .search-layer-inside {
      padding: 115px 30px 0 30px; }
      .search-layer-inside h4 {
        font-size: 26px; }
      .search-layer-inside .query-wrapper .query {
        padding: 10px;
        margin-right: 55px; }
      .search-layer-inside .query-wrapper input {
        font-size: 20px; } }

/* autocomplete */
.ui-autocomplete {
  font-family: 'montserrat', sans-serif !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  border: 0;
  background: none;
  color: white;
  position: relative;
  top: 50px !important;
  left: 0 !important; }
  .ui-autocomplete .ui-autocomplete-category {
    font-size: 16px;
    color: #f1f1f1;
    text-transform: uppercase;
    margin: 15px 0;
    padding-top: 10px;
    border-top: 1px solid #6C6C6C; }
    .ui-autocomplete .ui-autocomplete-category:first-child {
      border-top: 0;
      padding-top: 0; }
  .ui-autocomplete li.ui-menu-item {
    color: #f1f1f1;
    font-size: 18px;
    line-height: 22px;
    border: 0;
    margin: 0;
    padding: 8px;
    overflow: hidden; }
    .ui-autocomplete li.ui-menu-item:before, .ui-autocomplete li.ui-menu-item:after {
      padding: 0;
      margin: 0;
      content: none !important;
      display: block !important; }
    .ui-autocomplete li.ui-menu-item a {
      color: #ffe736;
      line-height: 22px; }
    .ui-autocomplete li.ui-menu-item span {
      color: #6C6C6C;
      margin-left: 10px;
      padding-left: 10px;
      border-left: 1px solid #6C6C6C;
      font-size: 16px; }
    .ui-autocomplete li.ui-menu-item .program-img {
      width: 150px;
      height: 84.375px;
      display: block;
      float: left;
      margin-right: 20px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
      @media screen and (max-width: 480px) {
        .ui-autocomplete li.ui-menu-item .program-img {
          width: 240px;
          height: 135px; } }
  .ui-autocomplete .ui-state-focus {
    background: #000;
    color: #ffe736 !important;
    border: 0; }
    .ui-autocomplete .ui-state-focus a {
      color: #ffe736 !important; }

#main-nav .nav-search {
  float: right;
  /*max-width: 300px;*/
  /*height: 60px;*/
  display: inline-block;
  vertical-align: middle;
  /*
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  */ }

#main-nav #form_search {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 0; }
  @media screen and (max-width: 960px) {
    #main-nav #form_search {
      padding: 0; } }
  #main-nav #form_search .query-wrapper {
    display: inline-block; }
  #main-nav #form_search #text {
    font: 16px;
    font-weight: 200;
    text-transform: uppercase;
    height: 40px;
    color: #666;
    padding: 0 10px;
    margin: 0;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  #main-nav #form_search #submit {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    /*height: 40px;*/
    border: 0;
    padding: 0;
    cursor: pointer;
    font: 30px "tvi", Arial, Helvetica, sans-serif;
    text-align: center;
    /*border-radius: 50%;*/
    /*background-color: $primary-blue;*/
    color: #fff;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px; }
    #main-nav #form_search #submit:hover {
      background-color: #ffe736;
      color: #000;
      -webkit-transition: background-color 0.15s ease-in-out 0s;
      -moz-transition: background-color 0.15s ease-in-out 0s;
      -o-transition: background-color 0.15s ease-in-out 0s;
      transition: background-color 0.15s ease-in-out 0s; }

/* v20190524 */
.main-owl-carousel {
  background-color: #222;
  position: relative;
  width: 100%; }

.main-owl-carousel .owl-carousel.owl-loaded {
  display: inline-block; }

.main-owl-carousel .item {
  position: relative;
  width: 100%;
  height: 540px; }
  @media screen and (max-width: 1024px) {
    .main-owl-carousel .item {
      height: 480px; } }
  @media screen and (max-width: 960px) {
    .main-owl-carousel .item {
      height: auto; } }

.main-owl-carousel .owl-nav {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 3; }
  @media screen and (max-width: 960px) {
    .main-owl-carousel .owl-nav {
      bottom: 16px;
      right: 16px; } }
  @media screen and (max-width: 480px) {
    .main-owl-carousel .owl-nav {
      display: none; } }
  .main-owl-carousel .owl-nav .owl-prev {
    display: none; }
  .main-owl-carousel .owl-nav .owl-next {
    font-family: "tvi", Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #fff; }
    @media screen and (max-width: 960px) {
      .main-owl-carousel .owl-nav .owl-next {
        font-size: 30px; } }

.main-owl-carousel .owl-dots {
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: 2;
  width: 416px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  @media screen and (max-width: 960px) {
    .main-owl-carousel .owl-dots {
      bottom: 20px;
      left: 20px;
      right: auto;
      width: auto; } }
  @media screen and (max-width: 480px) {
    .main-owl-carousel .owl-dots {
      bottom: 10px;
      left: auto;
      right: auto;
      width: 100%; } }
  .main-owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .main-owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    opacity: 0.5; }
  .main-owl-carousel .owl-dots .owl-dot.active span, .main-owl-carousel .owl-dots .owl-dot:hover span {
    opacity: 1; }

.main-owl-carousel .owl-stage-outer:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -10px;
  z-index: 1;
  width: 100%;
  height: 120px;
  background-color: rgba(34, 34, 34, 0.25);
  box-shadow: 0 -3px 10px rgba(34, 34, 34, 0.75);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(-9deg);
  /* Chrome, Safari, Opera */
  -ms-transform: rotate(-9deg);
  /* IE 9 */
  transform: rotate(-9deg);
  -webkit-transform-origin: top right;
  transform-origin: top right; }
  @media screen and (max-width: 960px) {
    .main-owl-carousel .owl-stage-outer:after {
      height: 70px; } }
  @media screen and (max-width: 480px) {
    .main-owl-carousel .owl-stage-outer:after {
      display: none; } }

.item-left {
  position: absolute;
  top: 0;
  right: 416px;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 960px) {
    .item-left {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; } }

.item-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 416px;
  /*height: 540px;*/
  /*background-color: $primary-blue;*/
  background-image: url(/img/2017/back_blue.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden; }
  @media screen and (max-width: 960px) {
    .item-right {
      position: relative;
      width: 100%;
      min-height: 160px;
      height: auto;
      background-size: 100% 100%; } }
  @media screen and (max-width: 480px) {
    .item-right {
      min-height: 120px; } }
  .item-right .box-info-img {
    position: absolute;
    z-index: 100;
    top: 45%;
    margin: 0 40px;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%); }
    @media screen and (max-width: 960px) {
      .item-right .box-info-img {
        position: relative;
        z-index: 100;
        height: auto;
        margin: 20px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
    @media screen and (max-width: 480px) {
      .item-right .box-info-img {
        margin: 10px; } }
  .item-right .prog-img {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    max-width: 100px;
    height: 100px;
    max-height: 100px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 26px 0; }
    @media screen and (max-width: 960px) {
      .item-right .prog-img {
        width: 80px;
        max-width: 80px;
        height: 80px;
        max-height: 80px;
        margin: 0 20px 0 0; } }
    @media screen and (max-width: 480px) {
      .item-right .prog-img {
        width: 65px;
        height: 65px;
        margin-right: 10px;
        margin-bottom: 0; } }
  @media screen and (max-width: 960px) {
    .item-right .prog-info {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      width: calc(100% - 120px); } }
  @media screen and (max-width: 480px) {
    .item-right .prog-info {
      width: calc(100% - 80px); } }
  .item-right .prog-info-inner {
    display: inline-block; }
  .item-right .tit {
    font-size: 26px;
    line-height: 125%;
    text-shadow: 0 1px 1px #000;
    margin-top: 40px; }
    @media screen and (max-width: 480px) {
      .item-right .tit .tit {
        font-size: 14px;
        margin: 0 0 4px 0; } }
  .item-right .res {
    font-size: 28px;
    font-weight: 600;
    line-height: 125%;
    text-shadow: 0 1px 2px #000; }
    @media screen and (max-width: 960px) {
      .item-right .res {
        display: inline-block;
        vertical-align: middle;
        font-size: 22px;
        font-weight: 500; } }
    @media screen and (max-width: 480px) {
      .item-right .res {
        font-size: 18px; } }
    @media screen and (max-width: 360px) {
      .item-right .res {
        font-size: 17px; } }

.item-right.back0, .item-right.back3, .item-right.back6, .item-right.back9 {
  background-image: url("/img/2017/back_blue.jpg"); }

.item-right.back1, .item-right.back4, .item-right.back7, .item-right.back10 {
  background-image: url("/img/2017/back_orange.jpg"); }

.item-right.back2, .item-right.back5, .item-right.back8, .item-right.back11 {
  background-image: url("/img/2017/back_yellow.jpg"); }

.main-owl-carousel .item-overlay {
  position: absolute;
  z-index: 90;
  width: 100%;
  height: 120px;
  background-position: top center;
  background-repeat: repeat-x; }
  @media screen and (max-width: 480px) {
    .main-owl-carousel .item-overlay {
      height: 40px;
      background-size: auto 100%; } }

section {
  margin: 60px 0; }
  @media screen and (max-width: 960px) {
    section {
      margin: 20px; } }
  @media screen and (max-width: 480px) {
    section {
      margin: 0; } }
  section .box-logo-top img {
    display: none;
    width: auto;
    margin: 40px auto 20px; }
    @media screen and (max-width: 680px) {
      section .box-logo-top img {
        display: block; } }

section .owl-nav {
  /*
  position: absolute;
  top: -60px;
  right: 30px;
  */ }
  section .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
section .owl-nav > div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  /*display: inline-block;*/
  width: 40px;
  height: 40px;
  /*margin-left: 10px;*/
  width: 40px;
  height: 40px;
  font-family: "tvi", Arial, Helvetica, sans-serif;
  font-size: 17px;
  text-align: center;
  line-height: 40px;
  background-color: #f1f1f1;
  color: #0073be;
  border-radius: 50%;
  /*box-shadow: 0 0 4px rgba(0,0,0,.25);*/
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s; }
section .owl-nav > div:hover {
  background-color: #0073be;
  color: #fff; }
  section .owl-nav > div:hover .disabled {
    background: red; }
section .owl-nav > div.disabled:hover {
  background-color: #fff;
  color: #0073be; }
section .owl-prev {
  left: 20px; }
  @media screen and (max-width: 480px) {
    section .owl-prev {
      left: 10px; } }
section .owl-next {
  right: 20px; }
  @media screen and (max-width: 480px) {
    section .owl-next {
      right: 10px; } }

.box-item-wrapper {
  position: relative;
  background-position: top left;
  background-repeat: no-repeat; }
  .box-item-wrapper .box-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: block; }
    @media screen and (max-width: 680px) {
      .box-item-wrapper .box-logo {
        display: none; } }

.box-item-content [class^="box-item-"] {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .box-item-content [class^="box-item-"] a {
    display: block; }
  .box-item-content [class^="box-item-"]:first-child .item-inner:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/2017/section_corner.png);
    background-size: auto 100%;
    background-repeat: no-repeat; }
    @media screen and (max-width: 680px) {
      .box-item-content [class^="box-item-"]:first-child .item-inner:after {
        display: none; } }
  .box-item-content [class^="box-item-"] .item-text.textshadow {
    text-shadow: 0 1px 2px #000; }
    @media screen and (max-width: 680px) {
      .box-item-content [class^="box-item-"] .item-text.textshadow {
        text-shadow: none; } }
@media screen and (max-width: 480px) {
  .box-item-content > .box-item-small:last-of-type {
    display: none; } }

.box-item-large {
  width: 100%; }
  @media (hover: hover) {
    .box-item-large a:hover .item-img {
      background-size: auto 100%, cover; } }
  .box-item-large .item-inner {
    position: relative; }
    .box-item-large .item-inner .item-img {
      background-size: auto 50%, cover;
      background-position: bottom, center;
      background-repeat: repeat-x, no-repeat;
      -webkit-transition: all 0.15s ease-in-out 0s;
      -moz-transition: all 0.15s ease-in-out 0s;
      -o-transition: all 0.15s ease-in-out 0s;
      transition: all 0.15s ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        .box-item-large .item-inner .item-img {
          background-size: 0 0, cover; } }
    .box-item-large .item-inner .item-ep-wrapper {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 30px; }
      @media screen and (max-width: 680px) {
        .box-item-large .item-inner .item-ep-wrapper {
          position: relative;
          padding: 10px 10px 30px; } }
      .box-item-large .item-inner .item-ep-wrapper .item-ep {
        display: inline-block;
        background-color: #fab432;
        color: #000;
        padding: 6px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 4px;
        margin-bottom: 20px; }
        @media screen and (max-width: 680px) {
          .box-item-large .item-inner .item-ep-wrapper .item-ep {
            font-size: 14px;
            font-weight: 300;
            margin: 0;
            vertical-align: middle; } }
      .box-item-large .item-inner .item-ep-wrapper .item-text {
        font-size: 30px;
        line-height: 125%;
        color: #fff; }
        @media screen and (max-width: 680px) {
          .box-item-large .item-inner .item-ep-wrapper .item-text {
            position: relative;
            padding: 0;
            font-size: 18px;
            color: #000;
            display: inline;
            vertical-align: middle; } }

.box-item-medium {
  width: 50%; }
  .box-item-medium + .box-item-medium .item-img {
    border-left: 1px solid #fff; }
  @media (hover: hover) {
    .box-item-medium a:hover .item-img {
      background-size: auto 100%, cover; } }
  @media screen and (max-width: 680px) {
    .box-item-medium {
      width: 100%; } }
  .box-item-medium .item-inner {
    position: relative; }
    .box-item-medium .item-inner .item-img {
      background-size: auto 50%, cover;
      background-position: bottom, center;
      background-repeat: repeat-x, no-repeat;
      -webkit-transition: all 0.15s ease-in-out 0s;
      -moz-transition: all 0.15s ease-in-out 0s;
      -o-transition: all 0.15s ease-in-out 0s;
      transition: all 0.15s ease-in-out 0s; }
      @media screen and (max-width: 680px) {
        .box-item-medium .item-inner .item-img {
          background-size: 0 0, cover; } }
    .box-item-medium .item-inner .item-text {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 20px;
      font-size: 20px;
      line-height: 125%;
      color: #fff; }
      @media screen and (max-width: 680px) {
        .box-item-medium .item-inner .item-text {
          position: relative;
          color: #000;
          font-size: 18px;
          padding: 10px 10px 30px; } }

.box-item-small {
  width: 33.33333333333333%;
  /* 300 / 900 */ }
  .box-item-small + .box-item-small .item-img {
    border-left: 1px solid #fff; }
  .box-item-small a:hover .item-text {
    color: #0073be; }
  @media screen and (max-width: 680px) {
    .box-item-small {
      width: 100%; } }
  .box-item-small .item-inner {
    border-top: 1px solid #fff; }
    .box-item-small .item-inner .item-img {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .box-item-small .item-inner .item-text {
      padding: 10px;
      font-size: 18px;
      line-height: 125%;
      color: #000;
      -webkit-transition: color 0.15s ease-in-out 0s;
      -moz-transition: color 0.15s ease-in-out 0s;
      -o-transition: color 0.15s ease-in-out 0s;
      transition: color 0.15s ease-in-out 0s; }
      @media screen and (max-width: 680px) {
        .box-item-small .item-inner .item-text {
          padding: 10px 10px 30px; } }

/*
.item-inner {
    @include tranAll;
}
.item-inner:hover {
    opacity: .9;
}
*/
/* LOGOS */
.box-tvip {
  background-image: url(/img/bck_logo_tvip.png); }

.box-um {
  background-image: url(/img/bck_logo_um.png); }

.box-sb {
  background-image: url(/img/bck_logo_sb.png); }

.box-aq {
  background-image: url(/img/bck_logo_aq.png); }

.box-mf {
  background-image: url(/img/bck_logo_mf.png); }

.box-lot {
  background-image: url(/img/bck_logo_lot3.png); }

.box-mc {
  background-image: url(/img/bck_logo_mc.png); }

.box-ss6 {
  background-image: url(/img/bck_logo_ss6.png); }

.box-atcnmee {
  background-image: url(/img/bck_logo_atcnmee.png); }

.box-dfan {
  background-image: url(/img/bck_logo_dfan.png?v2); }

.box-apanhasepuderes img {
  width: auto;
  height: 80px; }

.box-pesadelonacozinha img {
  width: auto;
  height: 80px; }

.box-dancacomasestrelas img {
  width: auto;
  height: 60px; }

.box-letsdance {
  /*background-image: url(/img/2017/bck_logo_letsdance.png?v2);*/ }
  .box-letsdance img {
    width: auto;
    height: 80px; }

.box-tvi24 {
  /*background-image: url(/img/2017/bck_logo_tvi24.png?v2);*/ }
  .box-tvi24 img {
    width: auto;
    height: 40px; }

.box-aim {
  /*background-image: url(/img/bck_logo_aim.png);*/ }
  .box-aim img {
    width: auto;
    height: 80px; }

.box-ourov {
  /*background-image: url(/img/2017/bck_logo_ourov.png?v2);*/ }
  .box-ourov img {
    width: auto;
    height: 80px; }

.box-vtv {
  /*background-image: url(/img/bck_logo_vtv.png);*/ }
  .box-vtv img {
    width: auto;
    height: 70px; }

.box-ates {
  /*background-image: url(/img/bck_logo_ats.png);*/ }
  .box-ates img {
    width: auto;
    height: 100px; }

.box-prisioneira img {
  width: auto;
  height: 50px; }

.box-adda img {
  width: auto;
  height: 80px; }

.box-ncb img {
  width: auto;
  height: 50px; }

.box-qod img {
  width: auto;
  height: 90px; }

.box-amard img {
  width: auto;
  height: 70px; }

.box-bmq img {
  width: auto;
  height: 70px; }

.box-selfie img {
  width: auto;
  height: 44px; }

.box-mcc img {
  width: auto;
  height: 120px; }

.box-mcj img {
  width: auto;
  height: 90px; }

.box-mcp img {
  width: auto;
  height: 50px;
  -webkit-filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.7)); }

.box-aherdeira img {
  width: auto;
  height: 60px; }

.box-valordavida img {
  width: auto;
  height: 70px; }

.box-biggestdeal img {
  width: auto;
  height: 100px; }

.box-jogoduplo img {
  width: auto;
  height: 90px; }

.box-ateia img {
  width: auto;
  height: 90px; }

.box-oee img {
  width: auto;
  height: 70px; }

.box-bb img {
  width: auto;
  height: 100px; }

/*
.carousel {
    padding: 0 30px 20px;
    margin: 80px 0 0;
    .item {
        width: 100%;
        a {
            display: block;
        }
        .item-inner {
            width: 100%;
        }
    }
    @media screen and (max-width: 960px) {
        padding: 0 20px 20px;
    }
}
*/
.box-nav {
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding: 40px 0 20px;
  line-height: 125%;
  border-bottom: 1px solid #f1f1f1; }
  @media screen and (max-width: 480px) {
    .box-nav {
      padding: 20px 0; } }

.box-nav ul {
  display: block;
  margin: 0; }

.box-nav li {
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
  font-weight: 500; }
  @media screen and (max-width: 480px) {
    .box-nav li {
      padding: 10px 0; } }

.box-nav li a {
  color: #0073be;
  -webkit-transition: color 0.15s ease-in-out 0s;
  -moz-transition: color 0.15s ease-in-out 0s;
  -o-transition: color 0.15s ease-in-out 0s;
  transition: color 0.15s ease-in-out 0s; }

.box-nav li a:hover {
  color: #6f6f6f; }

.video_player .vidtit-source {
  font-weight: 500;
  text-transform: uppercase;
  color: #0073be; }

.topvid {
  padding: 0 0 20px;
  border-bottom: 1px solid #f1f1f1; }

.secTit {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #0073be;
  margin: 0 0 20px; }

.box-item-newContent [class^="box-"] {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .box-item-newContent [class^="box-"] a {
    display: block; }
  .box-item-newContent [class^="box-"] .item-text.textshadow {
    text-shadow: 0 1px 2px #000; }
    @media screen and (max-width: 680px) {
      .box-item-newContent [class^="box-"] .item-text.textshadow {
        text-shadow: none; } }
  .box-item-newContent [class^="box-"] .item-text .item-prog {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0073be; }
  .box-item-newContent [class^="box-"] .item-text > div + div {
    margin: 6px 0 0; }

.box-medium {
  width: 50%; }
  .box-medium + .box-medium .item-img {
    border-left: 1px solid #fff; }
  @media (hover: hover) {
    .box-medium a:hover .item-img {
      background-size: auto 100%, cover; } }
  @media screen and (max-width: 680px) {
    .box-medium {
      width: 100%; } }
  .box-medium .item-inner {
    position: relative; }
    .box-medium .item-inner .item-img {
      position: relative;
      background-size: auto 50%, cover;
      background-position: bottom, center;
      background-repeat: repeat-x, no-repeat;
      -webkit-transition: all 0.15s ease-in-out 0s;
      -moz-transition: all 0.15s ease-in-out 0s;
      -o-transition: all 0.15s ease-in-out 0s;
      transition: all 0.15s ease-in-out 0s; }
      @media screen and (max-width: 680px) {
        .box-medium .item-inner .item-img {
          background-size: cover; } }
    .box-medium .item-inner .item-text {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 20px;
      font-size: 20px;
      line-height: 125%;
      color: #fff;
      -webkit-transition: color 0.15s ease-in-out 0s;
      -moz-transition: color 0.15s ease-in-out 0s;
      -o-transition: color 0.15s ease-in-out 0s;
      transition: color 0.15s ease-in-out 0s; }
      @media screen and (max-width: 680px) {
        .box-medium .item-inner .item-text {
          position: relative;
          color: #000;
          font-size: 18px;
          padding: 10px 10px 30px; } }
      .box-medium .item-inner .item-text .item-prog {
        color: #fab432; }
      .box-medium .item-inner .item-text .item-duration {
        display: inline-block;
        font-size: 14px;
        padding: 4px;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff; }

.box-small {
  width: 33.33333333333333%;
  /* 300 / 900 */ }
  .box-small + .box-small .item-img {
    border-left: 1px solid #fff; }
  @media (hover: hover) {
    .box-small a:hover .item-text {
      color: #0073be; } }
  @media screen and (max-width: 680px) {
    .box-small {
      width: 100%; } }
  .box-small .item-inner {
    border-top: 1px solid #fff; }
    .box-small .item-inner .item-img {
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      .box-small .item-inner .item-img .item-ep {
        position: absolute;
        left: 5px;
        bottom: 5px;
        font-size: 16px;
        background-color: orange;
        padding: 4px;
        color: #000; }
      .box-small .item-inner .item-img .item-duration {
        position: absolute;
        right: 5px;
        bottom: 5px;
        font-size: 14px;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 4px;
        color: #fff; }
    .box-small .item-inner .item-text {
      margin: 10px;
      font-size: 18px;
      line-height: 125%;
      color: #000;
      -webkit-transition: color 0.15s ease-in-out 0s;
      -moz-transition: color 0.15s ease-in-out 0s;
      -o-transition: color 0.15s ease-in-out 0s;
      transition: color 0.15s ease-in-out 0s; }
      @media screen and (max-width: 680px) {
        .box-small .item-inner .item-text {
          padding: 10px 10px 30px; } }

.xtrapad {
  margin: 20px 0; }

@keyframes animatedBackground {
  from {
    background-position: 0 0; }
  to {
    background-position: 100% 0; } }
/* v20170309 */
.hidehp {
  display: none; }

.bt-wrapper {
  text-align: center;
  margin: 60px 0; }

.bt-vermais {
  border-radius: 4px;
  background-color: #0073be;
  color: #fff !important;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 8px;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -moz-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s; }
  .bt-vermais:hover {
    background-color: #f1f1f1;
    color: #0073be !important; }

#videos-mais-vistos .section-tit {
  margin: 20px 0;
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff6600; }
#videos-mais-vistos li {
  width: 33.23333333333333%;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0; }
  @media screen and (max-width: 770px) {
    #videos-mais-vistos li {
      width: 50%; } }
  @media screen and (max-width: 560px) {
    #videos-mais-vistos li {
      width: 100%; } }
  #videos-mais-vistos li a:hover .vid-text {
    color: #0073be; }
  #videos-mais-vistos li .vid-inner {
    position: relative;
    border-left: 1px solid #fff; }
  #videos-mais-vistos li .vid-text {
    padding: 10px;
    color: #000;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s; }
  #videos-mais-vistos li .vid-source {
    display: block;
    color: #0073be;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 0 10px 0; }
  #videos-mais-vistos li .vid-ep {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 16px;
    background-color: orange;
    padding: 4px;
    color: #000; }
  #videos-mais-vistos li .vid-duracao {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4px;
    color: #fff; }

._timeline {
  /*    .headerSite {background-color: #fff;}*/ }
  ._timeline .progwrapper-large .prog_header-large {
    padding-bottom: 20%; }
    @media (max-width: 1024px) {
      ._timeline .progwrapper-large .prog_header-large {
        padding-bottom: 30%; } }
  ._timeline .prog_header-large {
    position: relative; }
    ._timeline .prog_header-large h1 {
      display: block;
      font-weight: 700;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 40px 30px;
      text-transform: uppercase;
      color: #fff;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
      width: 100%;
      background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* ff3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
      /* safari4+,chrome */
      background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* safari5.1+,chrome10+ */
      background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* opera 11.10+ */
      background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* ie10+ */
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* w3c */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
      /* ie6-9 */
      font-size: 4.7vw; }
      @media (min-width: 1440px) {
        ._timeline .prog_header-large h1 {
          font-size: 70px; } }
      @media (max-width: 768px) {
        ._timeline .prog_header-large h1 {
          font-size: 7vw; } }
      @media (max-width: 1024px) {
        ._timeline .prog_header-large h1 {
          text-align: center;
          padding: 30px 0; } }
  ._timeline article {
    padding: 3px;
    line-height: 1.2; }
  ._timeline .articleContent {
    padding: 40px 0; }
  ._timeline .pub {
    font-size: 10px;
    color: #ccc; }
  ._timeline .box-destaque-direto {
    margin: 0 auto;
    z-index: 200;
    text-align: center;
    font-size: 16px;
    /*                   position: fixed;
                       bottom:0;
                       right: 0;
                       width:200px;
                       height: 113px;*/ }
  ._timeline .articleContent h3 {
    font-size: 40px;
    text-align: center; }
  ._timeline article {
    max-width: 900px;
    margin: 0 auto;
    display: block;
    background-color: #fff;
    padding: 0; }
    ._timeline article .article_headerContent {
      padding: 30px 0; }
    ._timeline article .picture16x9 .legenda {
      font-weight: 700; }
  ._timeline .timeline-box-pub {
    width: 300px;
    margin: 0 auto 30px auto;
    background-color: #fff;
    padding: 5px;
    z-index: 2;
    position: relative; }
  ._timeline #timeline-eventos {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 40px; }
    ._timeline #timeline-eventos dd, ._timeline #timeline-eventos dt {
      padding: 0;
      margin: 0; }
    ._timeline #timeline-eventos:before {
      display: block;
      content: '';
      width: 1px;
      height: 100%;
      background-color: #ccc;
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 0; }
    ._timeline #timeline-eventos dt {
      padding-bottom: 10px;
      margin: 50px 0 0 0;
      font-size: 24px;
      font-weight: 300;
      color: #929292;
      text-align: center;
      background-color: #fff;
      z-index: 2;
      position: relative; }
      ._timeline #timeline-eventos dt .diaEvento {
        font-size: 11px;
        text-transform: uppercase;
        width: 120px;
        margin: 0 auto;
        border-top: solid 1px #ccc;
        padding-top: 10px; }
      @media (min-width: 900px) {
        ._timeline #timeline-eventos dt {
          margin-right: 10px; } }
    ._timeline #timeline-eventos .timeline-evento {
      z-index: 2;
      position: relative;
      background-color: #fff;
      padding: 0 3px 10px 3px;
      text-align: center;
      font-size: 20px;
      line-height: 1.1;
      /*            background-color:$creme_claro;*/
      /*            padding:12px;
                  @media(max-width:480px) {padding:6px;}*/
      /*            .title {height:auto!important;}*/ }
      ._timeline #timeline-eventos .timeline-evento a {
        color: #000; }
      ._timeline #timeline-eventos .timeline-evento a.linkSelfie {
        color: #0073BE;
        font-size: 18px;
        display: block;
        margin-top: 20px; }
      ._timeline #timeline-eventos .timeline-evento .texto {
        text-align: left;
        padding: 15px; }
        ._timeline #timeline-eventos .timeline-evento .texto iframe {
          width: 100%; }
      ._timeline #timeline-eventos .timeline-evento h2 {
        font-size: 22px;
        padding: 10px 0;
        text-transform: uppercase;
        margin: 0;
        font-weight: 700; }
      @media (min-width: 900px) {
        ._timeline #timeline-eventos .timeline-evento {
          margin-right: 10px; } }
      ._timeline #timeline-eventos .timeline-evento .timeline-box-artigo {
        background-color: #f0f0f0; }
      ._timeline #timeline-eventos .timeline-evento img {
        width: 100%;
        height: auto; }
      ._timeline #timeline-eventos .timeline-evento .picture, ._timeline #timeline-eventos .timeline-evento .picture16x9 {
        margin-bottom: 5px; }
        ._timeline #timeline-eventos .timeline-evento .picture .legenda, ._timeline #timeline-eventos .timeline-evento .picture16x9 .legenda {
          display: block; }
          ._timeline #timeline-eventos .timeline-evento .picture .legenda .title, ._timeline #timeline-eventos .timeline-evento .picture16x9 .legenda .title {
            text-align: center;
            display: block; }
        ._timeline #timeline-eventos .timeline-evento .picture .botao, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botao {
          width: 60px;
          height: 60px;
          position: absolute;
          text-align: center;
          top: 50%;
          left: 50%;
          display: block !important;
          margin-top: -30px !important;
          margin-left: -30px !important;
          margin-right: 0 !important;
          margin-bottom: 0 !important;
          color: #fff;
          background-color: rgba(37, 133, 169, 0.8);
          z-index: 1;
          bottom: 0;
          border-radius: 30px 30px 30px 30px;
          -moz-border-radius: 30px 30px 30px 30px;
          -webkit-border-radius: 30px 30px 30px 30px; }
          ._timeline #timeline-eventos .timeline-evento .picture .botao .icon-play, ._timeline #timeline-eventos .timeline-evento .picture .botao .icon-camera, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botao .icon-play, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botao .icon-camera {
            line-height: 60px;
            font-size: 30px;
            display: block; }
        ._timeline #timeline-eventos .timeline-evento .picture .botaogaleria .icon-camera, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botaogaleria .icon-camera {
          line-height: 50px !important; }
        ._timeline #timeline-eventos .timeline-evento .picture .botaogaleria .galeriaTamanho, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botaogaleria .galeriaTamanho {
          font-weight: 700;
          font-size: 12px;
          position: absolute;
          bottom: 5px;
          text-align: center;
          width: 60px;
          left: 0; }
      ._timeline #timeline-eventos .timeline-evento .title, ._timeline #timeline-eventos .timeline-evento .picture {
        position: relative; }
      ._timeline #timeline-eventos .timeline-evento .title {
        height: auto; }
      ._timeline #timeline-eventos .timeline-evento .picture {
        padding-bottom: 56%;
        height: 0; }
      ._timeline #timeline-eventos .timeline-evento a {
        padding-bottom: 10px; }
      ._timeline #timeline-eventos .timeline-evento .timeline-box-video, ._timeline #timeline-eventos .timeline-evento .timeline-box-galeria {
        padding-bottom: 10px; }
  ._timeline #sticky-new-events {
    color: #fff;
    position: fixed;
    bottom: 60px;
    left: 50%;
    z-index: 9999999999;
    border-radius: 20px;
    font-size: 14px;
    line-height: 40px;
    width: 200px;
    text-align: center;
    margin-left: -100px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.53);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.53);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.53); }
  @media (max-width: 1024px) {
    ._timeline .rightColumn {
      display: none; } }

._timeline {
  /*
  @keyframes next {
      from {left: 25px; opacity:0;}
      to {left: 40px;opacity:1;}
  }
  
  @-webkit-keyframes next {
      from {left: 25px; opacity:0;}
      to {left: 40px;opacity:1;}
  }
  
  @keyframes prev {
      from {right: 25px; opacity:0;}
      to {right: 40px;opacity:1;}
  }
  
  @-webkit-keyframes prev {
      from {right: 25px; opacity:0;}
      to {right: 40px;opacity:1;}
  }
  
  
  
  @keyframes swipe {
      from {left: 70%; opacity:1;}
      to {left:70%;opacity:0; }
  }
  
  @-webkit-keyframes swipe {
      from {left: 70%; opacity:1;}
      to {left: 70%;opacity:0;}
  }*/
  /*div {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; 
  }*/ }
  ._timeline div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  ._timeline #close-btn {
    font-size: 44px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999992;
    display: none;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #0073BE; }
    ._timeline #close-btn span {
      width: 60px;
      height: 60px;
      line-height: 60px;
      display: block; }
    ._timeline #close-btn .icon-voltar {
      display: none; }
    ._timeline #close-btn .icon-close {
      display: block; }
    @media (max-width: 767px) {
      ._timeline #close-btn {
        right: auto;
        left: 0; }
        ._timeline #close-btn .icon-voltar {
          display: block;
          color: #fff;
          font-size: 30px; }
        ._timeline #close-btn .icon-close {
          display: none; } }
  ._timeline .btnHasPub {
    top: 250px !important; }
    @media only screen and (min-width: 1000px) {
      ._timeline .btnHasPub {
        top: calc(100vw * 0.15) !important; } }
    @media only screen and (max-width: 600px) {
      ._timeline .btnHasPub {
        top: 320px !important; } }
    @media only screen and (max-width: 767px) {
      ._timeline .btnHasPub {
        top: 0 !important; } }
  ._timeline #loadDiv .titleShare {
    display: none; }
  ._timeline #loadDiv #overlayPlayer {
    /*        width:100vw;
            height:100vh;
    
           @include fix-ios-100vh;
           @include fix-ios-100vw;*/
    /*        display:none;*/
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    background-color: #222;
    z-index: 9999992;
    color: #fff; }
    ._timeline #loadDiv #overlayPlayer .inner-overlay {
      width: 100vw;
      position: relative;
      overflow-y: auto;
      height: 100%;
      /*            @include fix-ios-100vh;*/
      -webkit-overflow-scrolling: touch;
      /*            background-color: blue;*/ }
    ._timeline #loadDiv #overlayPlayer .sharesDiv {
      margin-top: 15px;
      text-align: center; }
      ._timeline #loadDiv #overlayPlayer .sharesDiv .bt-share {
        background-color: transparent;
        color: #fff; }
    ._timeline #loadDiv #overlayPlayer .pubOverlay {
      font-size: 15px;
      line-height: 1.2;
      color: #f0f0f0; }
      @media (min-width: 768px) and (max-width: 768px) {
        ._timeline #loadDiv #overlayPlayer .pubOverlay {
          min-height: 300px; } }
      ._timeline #loadDiv #overlayPlayer .pubOverlay .logo {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 30px;
        padding: 6px 0 20px 0;
        z-index: 2; }
        ._timeline #loadDiv #overlayPlayer .pubOverlay .logo a {
          display: block;
          position: relative;
          color: #000;
          /*            width: 100%;
                      height: 0;
                      padding-bottom: 61%;
                      background-image: url('/img/logotipo_footer2.png'); 
                      background-repeat: no-repeat; 
                      background-size: contain; 
                      background-position: center;*/ }
          ._timeline #loadDiv #overlayPlayer .pubOverlay .logo a:hover {
            background-color: transparent; }
      ._timeline #loadDiv #overlayPlayer .pubOverlay h2 {
        font-size: 18px;
        padding: 5px 0 10px 0;
        color: #fff;
        margin-top: 30px; }
    ._timeline #loadDiv #overlayPlayer .small {
      display: block;
      margin-bottom: 10px;
      color: #fff;
      font-size: 12px; }
    ._timeline #loadDiv #overlayPlayer .pubLateral {
      width: 300px;
      margin: 0 auto; }
  @media (min-width: 768px) and (orientation: landscape) {
    ._timeline #loadDiv .iolgallery:before {
      padding-top: 100% !important; }
    ._timeline #loadDiv .wrapPlayer {
      margin: 0px 360px 0px 0px; }
    ._timeline #loadDiv .pubOverlay {
      position: absolute;
      right: 0;
      top: 10px;
      width: 300px;
      padding: 0 30px; }
      ._timeline #loadDiv .pubOverlay iframe {
        display: block;
        margin: 0 auto 15px auto; }
    ._timeline #loadDiv .showMoreInfo {
      display: none; } }
  @media (min-width: 768px) and (orientation: portrait) {
    ._timeline #loadDiv .wrapPlayer {
      margin-top: 60px; }
    ._timeline #loadDiv .pubOverlay {
      padding: 10px; }
      ._timeline #loadDiv .pubOverlay iframe {
        display: block;
        margin: 0 auto 15px auto; }
      ._timeline #loadDiv .pubOverlay .logo {
        position: absolute;
        top: 10px;
        left: 8px;
        /*                    @media(max-width:480px){display:none;}*/ } }
  @media (min-width: 768px) and (orientation: portrait) and (max-width: 600px) {
    ._timeline #loadDiv .pubOverlay {
      /*                       text-align: center;*/ }
      ._timeline #loadDiv .pubOverlay .logo {
        margin: 0 auto; } }
  @media (min-width: 768px) and (orientation: portrait) and (min-width: 600px) {
    ._timeline #loadDiv .pubOverlay .contentData {
      float: left;
      margin: 10px 350px 0 10px; }
    ._timeline #loadDiv .pubOverlay .pub2 {
      position: absolute;
      right: 15px; } }
  @media (min-width: 768px) and (orientation: portrait) {
      ._timeline #loadDiv .pubOverlay .showMoreInfo {
        display: none; }
      ._timeline #loadDiv .pubOverlay .moreInfo {
        padding: 5px 0 60px 0; } }
  @media (max-width: 480px) and (orientation: portrait) {
    ._timeline #loadDiv .moreInfo.closed {
      max-height: 30px;
      padding: 10px 0 10px 10px;
      margin-bottom: 30px;
      overflow: hidden;
      position: relative;
      transition: all 0.3s; }
      ._timeline #loadDiv .moreInfo.closed:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 30px;
        background: -moz-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(34, 34, 34, 0)), color-stop(100%, #222222));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
        /* ie10+ */
        background: linear-gradient(0deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
        /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=0 );
        /* ie6-9 */ }
    ._timeline #loadDiv .showMoreInfo {
      display: block !important;
      width: 60px;
      height: 60px;
      float: right;
      line-height: 60px;
      text-align: center;
      font-size: 30px;
      color: #0073BE; } }
  ._timeline #loadDiv .pub2 {
    color: #808080;
    font-size: 10px;
    text-align: center;
    margin: 15px auto 0 auto;
    width: 300px; }
  ._timeline #loadDiv .iolgallery-content .owl-nav {
    top: auto;
    bottom: 5px;
    top: auto; }
    ._timeline #loadDiv .iolgallery-content .owl-nav .owl-next, ._timeline #loadDiv .iolgallery-content .owl-nav .owl-prev {
      position: absolute;
      /* top:0px;   
       width:80px;
       height: 75%; 
       min-height: 250px;*/
      text-align: center;
      color: #fff;
      top: 50%;
      width: 80px;
      height: 80px;
      min-height: auto;
      margin-top: -40px;
      opacity: 0.4;
      background-color: #0073BE;
      color: #fff;
      display: block;
      font-size: 46px;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
      cursor: pointer;
      font-family: 'tvi' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      z-index: 999999; }
      ._timeline #loadDiv .iolgallery-content .owl-nav .owl-next:before, ._timeline #loadDiv .iolgallery-content .owl-nav .owl-prev:before {
        top: 50%;
        margin-top: -40px; }
      @media (max-width: 767px) {
        ._timeline #loadDiv .iolgallery-content .owl-nav .owl-next, ._timeline #loadDiv .iolgallery-content .owl-nav .owl-prev {
          background-color: transparent;
          color: #fff;
          opacity: 1;
          height: 100px;
          width: 100px;
          opacity: 0.7;
          margin-top: -50px; } }
    ._timeline #loadDiv .iolgallery-content .owl-nav .owl-next {
      right: 0px; }
      @media (max-width: 767px) {
        ._timeline #loadDiv .iolgallery-content .owl-nav .owl-next {
          text-align: right;
          padding-right: 10px; } }
      ._timeline #loadDiv .iolgallery-content .owl-nav .owl-next:before {
        content: "\e903";
        line-height: 80px; }
        @media (max-width: 767px) {
          ._timeline #loadDiv .iolgallery-content .owl-nav .owl-next:before {
            line-height: 100px; } }
    ._timeline #loadDiv .iolgallery-content .owl-nav .owl-prev {
      left: 0px; }
      @media (max-width: 767px) {
        ._timeline #loadDiv .iolgallery-content .owl-nav .owl-prev {
          text-align: left;
          padding-left: 10px; } }
      ._timeline #loadDiv .iolgallery-content .owl-nav .owl-prev:before {
        content: "\e902";
        line-height: 80px; }
        @media (max-width: 767px) {
          ._timeline #loadDiv .iolgallery-content .owl-nav .owl-prev:before {
            line-height: 100px; } }
  ._timeline #loadDiv .owl-carousel .owl-dots.disabled, ._timeline #loadDiv .owl-carousel .owl-nav.disabled {
    display: block !important; }
  ._timeline #loadDiv .loadingDiv {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999991;
    background-image: url("/img/loading.svg");
    background-position: center;
    background-repeat: no-repeat; }
@media (min-width: 768px) and (orientation: portrait) {
  ._timeline #loadDiv .iolgallery:before {
    padding-top: 63vh !important; } }
@media (min-width: 768px) and (orientation: landscape) {
  ._timeline #loadDiv .iolgallery:before {
    padding-top: 100vh !important; } }
  @media (min-width: 768px) {
    ._timeline #loadDiv #open-share {
      display: none; } }
  @media (max-width: 767px) {
    ._timeline #loadDiv .wrapPlayer {
      margin-top: 60px; }
    ._timeline #loadDiv .iolgallery:before {
      content: '';
      /*            background-color: #0073BE;*/
      padding-top: 85vh !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    ._timeline #loadDiv .iolgallery:before {
      padding-top: calc(100vh - 60px) !important; } }

  ._timeline #loadDiv .iolgallery:before {
    /* fix iOS bug not displaying 100vh correctly */
    /* iphone6 plus */
    /* iphone6 */
    /* iphone5 */
    /* iPhone 4 */ }
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 334px !important; } }
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 640px !important; } }
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 295px !important; } }
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 540px !important; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 260px !important; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 470px !important; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 260px !important; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      ._timeline #loadDiv .iolgallery:before {
        padding-top: 420px !important; } }
  ._timeline #loadDiv .iolgallery-slide-wrapper {
    height: 100%; }
  ._timeline #loadDiv .iolgallery-content {
    background-color: #000; }
  ._timeline #loadDiv .iolgallery-slide {
    height: 100%;
    min-height: 250px;
    /*                           @media (orientation: portrait) {height: 80%;}
                               @media (orientation: landscape) {height: 100%;}
    */ }
  ._timeline #loadDiv .iolgallery-slide-title {
    bottom: 0;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 48%, rgba(0, 0, 0, 0) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(52%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 48%, rgba(0, 0, 0, 0) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 48%, rgba(0, 0, 0, 0) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 48%, rgba(0, 0, 0, 0) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 48%, rgba(0, 0, 0, 0) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* ie6-9 */
    /*                                 min-height: 16%;*/
    /*                             font-weight:700; */
    margin-right: 10px;
    text-align: center;
    font-size: 14px !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    line-height: 1.3;
    padding: 2% 10px;
    width: calc(100% - 20px); }
    @media (min-width: 1025px) and (orientation: portrait) {
      ._timeline #loadDiv .iolgallery-slide-title {
        font-size: 16px !important; } }
    ._timeline #loadDiv .iolgallery-slide-title .iolgallery-slide-number {
      font-weight: 300;
      color: #ccc; }
      ._timeline #loadDiv .iolgallery-slide-title .iolgallery-slide-number span {
        font-weight: 700;
        font-size: 17px;
        color: #fff; }
    ._timeline #loadDiv .iolgallery-slide-title .iolgallery-slide-description {
      font-weight: 300;
      margin-top: 5px;
      margin-right: 5px; }
      ._timeline #loadDiv .iolgallery-slide-title .iolgallery-slide-description a {
        color: #0073BE; }
  @media (max-width: 767px) {
    ._timeline #loadDiv {
      /*    .portrait {*/
      /*}*/ }
      ._timeline #loadDiv .jw-dock-button {
        display: none; }
      ._timeline #loadDiv .galeriaContent .pub2 {
        display: none; }
      ._timeline #loadDiv .logo {
        display: none; }
      ._timeline #loadDiv .titleGaleria {
        position: fixed;
        top: 0px;
        left: 60px;
        right: 60px;
        height: 60px;
        background-color: #222;
        display: table;
        width: calc(100% - 120px);
        z-index: 9999997; }
      ._timeline #loadDiv h2 {
        font-size: 14px !important;
        margin: 0px !important;
        padding: 0 7px !important;
        display: table-cell;
        height: 60px;
        vertical-align: middle; } }
    @media (max-width: 767px) and (max-width: 330px) {
      ._timeline #loadDiv h2 {
        font-size: 12px !important; } }
  @media (max-width: 767px) {
      ._timeline #loadDiv .pubOverlay {
        padding: 10px;
        /*position:relative;*/ }
        ._timeline #loadDiv .pubOverlay .small {
          margin-left: 5px;
          display: none !important; }
        ._timeline #loadDiv .pubOverlay .showMoreInfo {
          display: none; }
        ._timeline #loadDiv .pubOverlay .moreInfo {
          font-size: 15px;
          padding: 5px 0 15px 0; } }
    @media (max-width: 767px) and (max-width: 480px) {
      ._timeline #loadDiv .pubOverlay .moreInfo {
        display: block; }
      ._timeline #loadDiv .pubOverlay .showMoreInfo {
        display: none; } }
  @media (max-width: 767px) {
        ._timeline #loadDiv .pubOverlay .sharesDiv {
          position: fixed;
          top: -300px;
          right: 0px;
          z-index: 9999996;
          background-color: #222;
          transition: all 0.3s; }
          ._timeline #loadDiv .pubOverlay .sharesDiv a {
            display: block;
            width: 60px;
            height: 60px;
            line-height: 60px;
            margin: 0;
            color: #fff; }
            ._timeline #loadDiv .pubOverlay .sharesDiv a span {
              line-height: 60px;
              font-size: 24px; }
        ._timeline #loadDiv .pubOverlay #open-share {
          position: fixed;
          top: 0;
          right: 0px;
          z-index: 9999997;
          display: inline-block;
          width: 60px;
          height: 60px;
          overflow: hidden;
          text-align: center;
          background-color: #0073BE;
          font-size: 0px;
          cursor: pointer;
          transition: all 0.5s;
          background-color: #222; }
          ._timeline #loadDiv .pubOverlay #open-share [class^="icon-"], ._timeline #loadDiv .pubOverlay #open-share [class*=" icon-"] {
            font-size: 34px;
            color: #fff;
            line-height: 60px; } }
      @media (max-width: 767px) and (min-width: 1024px) {
        ._timeline #loadDiv .pubOverlay #open-share:hover {
          background-color: #000; }
          ._timeline #loadDiv .pubOverlay #open-share:hover span {
            color: #0073BE; } }
  @media (max-width: 767px) {
          ._timeline #loadDiv .pubOverlay #open-share .icon-partilha {
            color: #0073BE; }
          ._timeline #loadDiv .pubOverlay #open-share .icon-close {
            color: #ccc; } }
  ._timeline #loadDiv .iolgallery-slide-pub {
    text-align: center;
    font-size: 12px;
    display: table;
    width: 100%;
    height: 100%; }
    ._timeline #loadDiv .iolgallery-slide-pub .iolgallery-slide-pub-content {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #ccc; }
    ._timeline #loadDiv .iolgallery-slide-pub iframe {
      margin: 0 auto; }
  @media (max-width: 767px) and (orientation: landscape) {
    ._timeline #loadDiv .wrapPlayer {
      margin-top: 0; }
    ._timeline #loadDiv .iolgallery:before {
      content: '';
      background-color: #0073BE;
      /*            padding-top: 100%!important;*/
      /* fix iOS bug not displaying 100vh correctly */
      /* iPhone 4 */
      /* iphone5 */
      /* iphone6 */
      /* iphone6 plus */ } }
  @media only screen and (max-width: 767px) and (orientation: landscape) and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    ._timeline #loadDiv .iolgallery:before {
      padding-top: 320px !important; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    ._timeline #loadDiv .iolgallery:before {
      padding-top: 320px !important; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    ._timeline #loadDiv .iolgallery:before {
      padding-top: 375px !important; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
    ._timeline #loadDiv .iolgallery:before {
      padding-top: 414px !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    ._timeline #loadDiv .titleGaleria, ._timeline #loadDiv .moreInfo, ._timeline #loadDiv .pub2 {
      display: none !important; }
    ._timeline #loadDiv .pubOverlay {
      padding: 0 !important; }
    ._timeline #loadDiv #open-share {
      background-color: transparent !important; }
    ._timeline #loadDiv .videoContent #open-share {
      display: none !important; }
    ._timeline #close-btn {
      background-color: rgba(37, 133, 169, 0.8) !important; } }
  ._timeline #loadDiv .bilboardxl {
    display: none; }
  ._timeline #loadDiv .hasPub .bilboardxl {
    display: block;
    width: 100%;
    height: 250px;
    max-width: 1006px;
    background-color: #0073BE;
    overflow: hidden;
    position: relative; }
    @media only screen and (min-width: 1000px) {
      ._timeline #loadDiv .hasPub .bilboardxl {
        width: 100%;
        height: 0;
        padding-bottom: 15%;
        max-width: none; } }
    @media only screen and (max-width: 600px) {
      ._timeline #loadDiv .hasPub .bilboardxl {
        height: 320px; } }
    @media only screen and (max-width: 767px) {
      ._timeline #loadDiv .hasPub .bilboardxl {
        margin-top: 60px; } }
    ._timeline #loadDiv .hasPub .bilboardxl iframe {
      position: absolute;
      width: 100%;
      height: 100%; }
  @media (min-width: 1000px) and (orientation: landscape) {
    ._timeline #loadDiv .hasPub .inner-overlay {
      height: auto !important;
      position: absolute !important;
      bottom: 0;
      top: calc(100vw * 0.15); }
      ._timeline #loadDiv .hasPub .inner-overlay .wrapPlayer {
        margin: 0px 360px 0px 0px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
        ._timeline #loadDiv .hasPub .inner-overlay .wrapPlayer .iolgallery:before {
          padding-top: calc(100vh - (100vw * 0.15)) !important; }
        ._timeline #loadDiv .hasPub .inner-overlay .wrapPlayer .iolgallery-slide {
          height: 100% !important; }
        ._timeline #loadDiv .hasPub .inner-overlay .wrapPlayer .iolgallery-slide-title {
          min-height: 10px !important; }
      ._timeline #loadDiv .hasPub .inner-overlay .owl-next, ._timeline #loadDiv .hasPub .inner-overlay .owl-prev {
        top: 50%; } }
  @media (min-width: 768px) and (orientation: portrait) {
    ._timeline #loadDiv .hasPub .inner-overlay {
      height: auto !important; } }
  ._timeline #loadDiv .hasPub .inner-overlay .wrapPlayer {
    margin-top: 0 !important; }
  @media (orientation: portrait) {
    ._timeline #loadDiv #overlayPlayer.hasPub {
      overflow: auto !important; } }
  ._timeline .b, ._timeline .a {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 40%;
    min-height: auto;
    margin-top: -40px;
    display: block;
    padding: 10px; }
  ._timeline .b {
    right: 0; }
  ._timeline .a {
    left: 0; }
  ._timeline .teste {
    position: fixed;
    background-color: #ffc600;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.body-hidden {
  overflow: hidden; }

.selfie-widget-wrapper {
  position: relative;
  width: 100%;
  padding-top: 310%;
  margin: 60px 0; }

.selfie-widget-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  overflow: hidden;
  height: 100%;
  width: 100%; }

@media only screen and (max-width: 1024px) {
  .selfie-widget-wrapper {
    width: 100%;
    padding-top: 180%;
    max-width: 300px;
    margin: 0 auto;
    min-height: 930px; }

  .selfie-widget-iframe {
    max-width: 300px; } }

/*# sourceMappingURL=style.css.map */