@charset "UTF-8";
/* v20190412 */
@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700|Rock+Salt");
/* bLazy */
.b-lazy {
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  max-width: 100%;
  opacity: 0; }

.b-lazy.b-loaded {
  opacity: 1; }

.pictureWrapper {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5; }

.loading {
  background-image: url(/nacordabamba/img/puff.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px;
  transition: none; }

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

/*************/
/* Variables */
/*************/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'site';
  src: url("../fonts/site.eot?b2icfh");
  src: url("../fonts/site.eot?b2icfh#iefix") format("embedded-opentype"), url("../fonts/site.ttf?b2icfh") format("truetype"), url("../fonts/site.woff?b2icfh") format("woff"), url("../fonts/site.svg?b2icfh#site") 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: 'site' !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-resize-full-screen:before {
  content: "\e904"; }

.icon-resize-100:before {
  content: "\e905"; }

.icon-camera1:before {
  content: "\e907"; }

.icon-bullhorn:before {
  content: "\e908"; }

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

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

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

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

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

.icon-arrow_back:before {
  content: "\e5c4"; }

.icon-arrow_downward:before {
  content: "\e5db"; }

.icon-arrow_forward:before {
  content: "\e5c8"; }

.icon-arrow_upward:before {
  content: "\e5d8"; }

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

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

.icon-navigate_before:before {
  content: "\e408"; }

.icon-navigate_next:before {
  content: "\e409"; }

.icon-crop_free:before {
  content: "\e3c2"; }

.icon-first_page:before {
  content: "\e5dc"; }

.icon-font:before {
  content: "\e167"; }

.icon-article:before {
  content: "\e24d"; }

.icon-keyboard_arrow_down:before {
  content: "\e313"; }

.icon-keyboard_arrow_left:before {
  content: "\e314"; }

.icon-keyboard_arrow_right:before {
  content: "\e315"; }

.icon-keyboard_arrow_up:before {
  content: "\e316"; }

.icon-last_page:before {
  content: "\e5dd"; }

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

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

.icon-photo:before {
  content: "\e432"; }

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

.icon-play_circle_filled:before {
  content: "\e038"; }

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

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

.icon-unfold_less:before {
  content: "\e5d6"; }

.icon-unfold_more:before {
  content: "\e5d7"; }

.icon-videocam:before {
  content: "\e04b"; }

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

body {
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  line-height: 1.2;
  font-weight: 100;
  color: #darkblue;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

.body-hidden {
  overflow: hidden; }

a {
  color: #22303d;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

a:hover {
  color: #000; }

h3 {
  font-size: 16px;
  margin: 10px 0; }
  @media (max-width: 480px) {
    h3 {
      font-size: 28px;
      text-align: center;
      padding: 0 0 10px 0; } }

h4 {
  font-size: 20px;
  padding: 10px 0;
  text-transform: uppercase; }
  h4 a:hover {
    color: #bababa; }

#BILLBOARD {
  margin: 30px auto; }

textarea, select, button {
  -webkit-appearance: none; }

.small {
  font-size: 14px;
  opacity: 0.8; }

b, strong {
  font-weight: 600; }

.seccaoTitulo {
  font-size: 34px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 20px 0; }
  @media (max-width: 480px) {
    .seccaoTitulo {
      font-size: 26px; } }

#player_live {
  clear: both;
  padding-bottom: 60px; }

.linkAnchor {
  position: absolute; }
  @media (max-width: 1024px) {
    .linkAnchor {
      top: -130px; } }
  @media (min-width: 1025px) {
    .linkAnchor {
      top: -170px; } }

#footerMCD {
  height: 500px; }
  @media (min-width: 1024px) and (max-width: 1179px) {
    #footerMCD {
      height: 860px; } }
  @media (max-width: 769px) {
    #footerMCD {
      height: 860px; } }

#LDB1 {
  text-align: center;
  width: 100%;
  font-size: 10px;
  color: #ccc;
  line-height: 20px; }
  #LDB1 span {
    display: block;
    min-height: 5px; }

.picture16x9 .play {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("../img/play2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6; }
  .picture16x9 .play:hover {
    opacity: 0.95;
    background-size: 110%; }

.duracaoVideo {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 14px;
  padding: 10px;
  background-color: rgba(34, 48, 61, 0.5);
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  .duracaoVideo .icon-play {
    display: inline-block;
    vertical-align: middle; }
  .duracaoVideo .totaltime {
    display: inline-block;
    vertical-align: middle; }
  .duracaoVideo .integra {
    font-weight: 600; }

.tamanho {
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  text-align: center;
  background-color: rgba(34, 48, 61, 0.5);
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  /*
  @media(max-width:480px){
       font-size:20px;
  }
  */ }
  .tamanho .icon-camera {
    font-size: 24px;
    line-height: 44px;
    color: #fff;
    display: block; }
  .tamanho .numfotos {
    font-size: 14px;
    position: relative;
    top: -14px; }
  .tamanho .icon-play {
    font-size: 22px;
    line-height: 54px;
    color: #fff;
    margin-left: 4px; }

/*
.galeriaArtigo .tamanho {
     font-size:24px;
     .icon-camera {
         font-size:30px;
    }
}
*/
header {
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  header .logo {
    position: absolute;
    top: 5px;
    left: 50%;
    z-index: 1;
    display: block;
    width: 500px;
    transform: translate(-50%, 0);
    text-align: center;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    @media (max-width: 1024px) {
      header .logo {
        top: 5px;
        width: 250px; } }
    header .logo a img {
      width: 100%;
      -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.45)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.45));
      filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.45)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.45)); }
  header .headerContent {
    position: relative;
    width: 100%;
    height: 126px; }
    @media (max-width: 1024px) {
      header .headerContent {
        height: 70px; } }
  header .headerSite {
    width: 100%;
    max-width: 1366px;
    height: 70px;
    margin: 0 auto;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    header .headerSite .imagem {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      opacity: 1;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      background: url(/nacordabamba/img/background.jpg?v2) top center/100%; }
    header .headerSite .menuIcon {
      position: absolute;
      top: 50%;
      left: 10px;
      z-index: 10;
      transform: translateY(-50%);
      display: block;
      width: 50px;
      height: 50px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden; }
      @media (hover: hover) {
        header .headerSite .menuIcon:hover {
          background-color: rgba(34, 48, 61, 0.5); } }
      header .headerSite .menuIcon .icon-menu {
        font-size: 26px;
        line-height: 50px;
        color: #fff;
        text-shadow: 0px 1px 4px black; }
        @media (max-width: 480px) {
          header .headerSite .menuIcon .icon-menu {
            font-size: 30px; } }
  header .showpesquisa {
    /*
    position: absolute;
    top: 50%;
    right: 10px;
    
    transform: translateY(-50%);
    */
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 10;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    font-size: 26px;
    line-height: 50px;
    text-align: center;
    border: 0;
    color: #fff;
    text-shadow: 0px 1px 4px black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden; }
    @media (hover: hover) {
      header .showpesquisa:hover {
        background-color: rgba(34, 48, 61, 0.5); } }
    @media (max-width: 480px) {
      header .showpesquisa {
        font-size: 30px; } }
  header .searchbox {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    color: #fff;
    background-color: #22303d;
    z-index: 10; }
    header .searchbox .searchContent {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      display: table;
      height: 120px;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      @media (max-width: 1024px) {
        header .searchbox .searchContent {
          height: 70px; } }
      header .searchbox .searchContent div {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
    header .searchbox .input-text {
      width: 94%;
      height: 56px;
      border: 0;
      font-size: 20px;
      background-color: #fff;
      padding: 0 2%;
      margin-left: 2%;
      -webkit-appearance: none;
      outline: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      overflow: hidden; }
      @media (max-width: 480px) {
        header .searchbox .input-text {
          font-size: 16px; } }
    header .searchbox .search-box {
      width: 60px;
      height: 56px;
      line-height: 56px;
      font-size: 38px;
      text-align: center;
      border: 0;
      float: left;
      cursor: pointer;
      margin: 0 auto;
      padding: 0;
      background-color: rgba(255, 255, 255, 0.35);
      color: #fff;
      -webkit-appearance: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      overflow: hidden;
      /* @media (max-width:1023px) {
           @include circle(50px);
           font-size:30px;
           line-height:50px!important;
           margin-top:-10px;
      }
      */ }
      @media (hover: hover) {
        header .searchbox .search-box:hover {
          background-color: #1b2731; } }
      header .searchbox .search-box .icon-pesquisar {
        width: 60px;
        display: inline-block;
        text-align: center;
        line-height: 56px;
        height: 60px; }
    header .searchbox .icon-close {
      color: #fff;
      margin-left: 30px;
      line-height: 60px;
      margin: 0 auto;
      font-size: 25px;
      width: 40px;
      display: block; }
      @media (max-width: 1023px) {
        header .searchbox .icon-close {
          margin-top: -5px;
          line-height: 40px; } }

/* header minimizado */
header.smaller .fixeHeader {
  position: fixed;
  top: -200px;
  z-index: 200;
  width: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.2); }
header.smaller .logo {
  top: 5px;
  bottom: auto;
  width: 250px; }
header.smaller .searchContent {
  height: 70px; }

header.smaller.fixed .fixeHeader {
  top: 0;
  background: url(/nacordabamba/img/background.jpg?v2) no-repeat top center/cover;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.pub {
  width: 100%;
  text-align: center;
  font-size: 12px; }
  @media (max-width: 768px) {
    .pub {
      margin: 20px auto; } }

#BILLBOARD {
  font-size: 12px; }

.contentWraper {
  max-width: 1366px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1);
  *zoom: 1; }
  .contentWraper:before, .contentWraper:after {
    content: "";
    display: table; }
  .contentWraper:after {
    clear: both; }
  @media (max-width: 1024px) {
    .contentWraper {
      padding-top: 0; } }
  .contentWraper .leftContent {
    position: relative; }
    @media (min-width: 1024px) {
      .contentWraper .leftContent {
        width: calc(100% - 420px);
        float: left;
        margin-left: 40px;
        margin-top: 40px;
        margin-bottom: 40px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .contentWraper .leftContent {
        width: calc(100% - 360px);
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .contentWraper .leftContent {
        margin: 10px; } }
  .contentWraper .rightContent {
    display: none;
    width: 300px; }
    .contentWraper .rightContent h4 {
      font-weight: 600; }
    @media (min-width: 1024px) {
      .contentWraper .rightContent {
        display: block;
        margin: 40px;
        float: left; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .contentWraper .rightContent {
        display: block;
        margin: 20px;
        float: left; }
        .contentWraper .rightContent #tviplayeriframe {
          width: 100%;
          height: 620px; } }

/*.contentWraper.index {
     .rightContent {
         margin-top:0;
    }
}
*/
.picture16x9 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-position: center top;
  background-size: cover;
  /*
  background-color: $cinzaclaro;
  background-image: url(/nacordabamba/img/puff.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px;
  */
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.pictureSquare {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  background-position: center top;
  background-size: cover;
  background-color: #f5f5f5;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

#destaqueTopo .destaqueTopo {
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: 20px; }
  #destaqueTopo .destaqueTopo:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#242424+50,242424+100&0+50,1+100 */
    background: -moz-linear-gradient(top, rgba(31, 44, 57, 0) 65%, #1f2c39 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(31, 44, 57, 0) 65%, #1f2c39 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(31, 44, 57, 0) 65%, #1f2c39 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00242424', endColorstr='#242424',GradientType=0 );
    /* IE6-9 */ }
  #destaqueTopo .destaqueTopo .title {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    /*
    @media (min-width:600px){
        h1 {
            padding:0 30px 30px 30px;
            font-size:40px;
        }
    }
    */ }
    #destaqueTopo .destaqueTopo .title h1 {
      color: #fff;
      text-shadow: 2px 2px 4px black;
      margin: 20px 20px 40px 40px;
      font-size: 32px;
      font-weight: 200; }
      @media (max-width: 480px), (min-width: 768px) and (max-width: 940px) {
        #destaqueTopo .destaqueTopo .title h1 {
          font-size: 26px; } }
  @media (max-width: 480px), (min-width: 768px) and (max-width: 940px) {
    #destaqueTopo .destaqueTopo .picture16x9 {
      padding-bottom: 100%; } }

.destaqueTopo.barralateral {
  width: 100%;
  float: none;
  margin: 40px 0; }

#tviPlayer {
  background-color: #141414; }
  #tviPlayer h3 {
    color: #f1f1f1; }

/*
.iolgallery-content {
    background-color: #f2f2f2;
    color:#000;
}
.iolgallery-slide-title {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    background-color: rgba(242,242,242,0.7);
    color:#000;
    display:none;
}
*/
.wrapPlayer {
  margin-bottom: 50px;
  background-color: #22303d;
  *zoom: 1; }
  .wrapPlayer:before, .wrapPlayer:after {
    content: "";
    display: table; }
  .wrapPlayer:after {
    clear: both; }
  .wrapPlayer h1 {
    font-size: 26px;
    margin: 20px 10px 10px 20px;
    color: #fff; }
  .wrapPlayer h2, .wrapPlayer .res {
    font-size: 18px;
    margin: 20px 10px 20px 20px;
    color: #fff; }

.blogLink {
  margin: 0 0 60px 0;
  padding: 30px 10px;
  -webkit-text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.9);
  -moz-text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.9);
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.9);
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)), url(/nacordabamba/img/blog/side.jpg) center/cover;
  position: relative;
  z-index: 100; }
  .blogLink:before {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url(/nacordabamba/img/blog/side.jpg) center/cover;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity 0.45s; }
  .blogLink:hover:before {
    opacity: 1; }
  @media (hover: hover) {
    .blogLink:hover {
      background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), url(/nacordabamba/img/blog/side.jpg) center/cover; } }
  .blogLink h4 {
    color: #fff; }
  .blogLink a {
    font-size: 26px;
    font-weight: 900;
    color: #fff; }

.socialLinks {
  width: 100%;
  margin: 0 0 60px 0; }
  .socialLinks li {
    width: 32%;
    display: inline-block;
    text-align: center; }
    .socialLinks li .icon {
      display: block;
      width: 100%;
      margin: 0 auto;
      padding: 10px;
      font-size: 34px;
      background-color: #f5f5f5;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      overflow: hidden;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      @media (hover: hover) {
        .socialLinks li .icon:hover {
          color: #fff;
          background-color: rgba(34, 48, 61, 0.5); } }

.hidden {
  display: none; }

#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 20;
  width: 50px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  font-size: 22px;
  text-align: center;
  text-decoration: none;
  background-color: #f5f5f5;
  color: #000;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  @media (hover: hover) {
    #back-to-top:hover {
      background: rgba(34, 48, 61, 0.5); } }

.input-selected {
  background: #ffc000 !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.nav-up {
  top: -50px; }

.hide-desktop {
  display: none; }

.hide-mobile {
  display: block; }

@media (max-width: 768px) {
  .hide-mobile {
    display: none; }

  .hide-desktop {
    display: block; } }
@media (max-width: 320px) {
  #mcd_footer {
    display: none; } }
.sticky-ad {
  position: fixed;
  top: 140px;
  -moz-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

.not-sticky-ad {
  position: relative;
  top: auto; }

.paginacao {
  position: relative;
  clear: both;
  margin: 20px 0;
  text-align: center;
  font-weight: 600;
  overflow: hidden; }
  .paginacao a {
    text-decoration: none !important; }
  .paginacao .numPagina {
    line-height: 40px; }

.btnav {
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  background-color: #f5f5f5;
  padding: 0 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  @media (hover: hover) {
    .btnav:hover {
      background-color: rgba(34, 48, 61, 0.5);
      color: #fff; } }
  @media (max-width: 515px) {
    .btnav {
      font-size: 14px; } }

.btnav.prev {
  float: left; }

.btnav.next {
  float: right; }

.btnav.go {
  display: inline-block;
  position: relative;
  line-height: 40px;
  padding: 0 8px; }

.personagem-more {
  text-align: center; }

.emdestaque {
  display: block;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  background-color: #f5f5f5;
  color: #000;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.emdestaque.link {
  display: inline-block;
  margin: 1.5% auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  @media (hover: hover) {
    .emdestaque.link:hover {
      background-color: #4d4d4d;
      color: #fff; } }

/* quando tem wallpaper */
#wp-container {
  overflow: hidden; }
  #wp-container header {
    position: relative; }
    #wp-container header #navMenu .scrollMenu {
      max-height: none !important; }
  #wp-container #contentwrapper {
    margin: 0 auto; }
  #wp-container header.smaller .fixeHeader {
    position: relative !important; }
  #wp-container header.smaller.fixed .fixeHeader {
    top: auto; }
  #wp-container .ldb1label {
    display: none; }

/* quando tem fundo de video */
#videoBg header, #videoBg #LDB1 {
  position: relative;
  margin: 0 auto !important;
  max-width: 1024px; }
#videoBg #contentwrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
  max-width: 1024px; }
#videoBg .ldb1label {
  display: none; }
#videoBg header.smaller .fixeHeader {
  position: relative !important; }
#videoBg header.smaller.fixed .fixeHeader {
  top: auto; }

.loadingDiv {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  background-image: url("../img/loading.svg");
  background-position: center;
  background-repeat: no-repeat; }

.progressVideo {
  display: none;
  position: absolute;
  left: 10px;
  bottom: 10px;
  right: 10px;
  z-index: 4;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  overflow: hidden; }

.progressBar {
  width: 0%;
  height: 4px;
  background-color: orange; }

.selected .progressVideo {
  display: block; }
  .selected .progressVideo .progressBar {
    width: 0%; }

.errorMessage {
  font-size: 20px;
  font-weight: 400; }

/* inc_top*/
* {
  box-sizing: border-box; }

.sceneWrapper {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden; }

#scene {
  width: 100%; }

.layer {
  width: 100%; }
  .layer svg {
    -webkit-filter: drop-shadow(0 0 11px 0 rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 11px 0 rgba(0, 0, 0, 0.1)); }

.layerContent {
  position: relative;
  left: 50%;
  top: 0%;
  width: 110%;
  transform: translate(-50%, 0%); }

.navDiv {
  position: relative;
  height: 100%; }
  .navDiv .menuCloseIcon {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 40px;
    text-align: left;
    margin-bottom: 15px; }
    .navDiv .menuCloseIcon span {
      display: block;
      padding: 10px 10px 10px 15px; }

.closeMenuDiv {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 200vh;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.35); }
  @media (max-width: 1024px) {
    .closeMenuDiv {
      top: 70px; } }

#navMenu {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 10;
  height: 0px;
  overflow: hidden;
  width: 80%;
  max-width: 340px;
  background-color: #f5f5f5;
  -webkit-transition: height 0.2s;
  transition: height 0.2s; }
  #navMenu ul li a {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    display: block;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase; }
    @media (max-width: 480px) {
      #navMenu ul li a {
        font-size: 16px; } }
    @media (hover: hover) {
      #navMenu ul li a:hover {
        background-color: #22303d;
        color: #fff; } }
    #navMenu ul li a span {
      float: left;
      display: block;
      margin-right: 10px; }
    #navMenu ul li a .icon-tv {
      float: left;
      font-size: 26px;
      line-height: 20px;
      margin-right: 10px;
      padding: 0; }
  #navMenu ul .extrasSection {
    background-color: rgba(223, 45, 132, 0.4); }
  #navMenu ul .fotosSection {
    background-color: rgba(0, 0, 0, 0.3); }
  #navMenu ul .tviplayerSection {
    background-color: rgba(0, 0, 0, 0.4); }
  #navMenu ul .rsSection {
    background-color: rgba(255, 255, 255, 0.1); }
  #navMenu ul .videoSection {
    background-color: rgba(0, 67, 255, 0.4); }
  #navMenu ul .perfisSection {
    background-color: rgba(77, 142, 255, 0.4); }

/* quando o menu está aberto */
#navMenu.menuOpened {
  min-height: 100vh !important;
  position: absolute;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  /*
  -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
  box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
  */ }
  @media (max-width: 1024px) {
    #navMenu.menuOpened {
      top: 70px; }
      #navMenu.menuOpened #closeMenu {
        display: none; } }
  #navMenu.menuOpened ul {
    overflow-y: auto;
    top: 60px;
    bottom: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    @media (max-width: 1024px) {
      #navMenu.menuOpened ul {
        top: 0; } }

.smaller #navMenu.menuOpened ul {
  top: 0; }

@media (min-width: 1025px) {
  #navMenu.menuOpened::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1); }

  #navMenu.menuOpened::-webkit-scrollbar {
    width: 12px;
    background-color: transparent; }

  #navMenu.menuOpened::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.7);
    /*#F2DC68*/
    border: 0;
    border-radius: 6px; } }
/* quando a barra está minimizada */
.fixed #navMenu.menuOpened {
  height: calc(100vh - 70px) !important;
  top: 70px;
  overflow-y: auto; }
.fixed .closeMenuDiv {
  position: fixed;
  top: 70px; }
.fixed #closeMenu {
  display: none; }

.videosList #news {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 30px 20px;
  margin: 20px 0; }
.videosList .titulo {
  margin: 20px 10px 10px 20px;
  display: block;
  font-size: 22px; }
.videosList h2 {
  margin: 20px 10px 10px 20px;
  display: block;
  font-size: 22px; }
.videosList p {
  margin: 10px 10px 10px 20px; }
.videosList em {
  display: block;
  margin: 10px 10px 10px 20px; }
.videosList .item {
  position: relative;
  /*
  width: 47%;
  margin-left: 1.5%;
  margin-bottom: 20px;
  display: inline-block;
  clear: both;
  vertical-align: top;
  background-color: #fff;
  */
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-perspective: 100px;
  /* Safari 4-8  */
  perspective: 100px;
  -webkit-filter: blur(0);
  filter: blur(0); }
  @media (hover: hover) {
    .videosList .item:hover {
      opacity: .75;
      background-color: #f5f5f5; }
      .videosList .item:hover a {
        color: #000; }
      .videosList .item:hover .sharesDiv > a {
        background-color: #e0e0e0; } }
    @media (hover: hover) and (hover: hover) {
      .videosList .item:hover .sharesDiv > a:hover {
        background: #22303d;
        color: #fff; } }

  .videosList .item .patrocinadoLabel {
    padding: 0 0 10px 10px;
    display: block;
    font-size: 12px;
    color: #808080;
    margin-top: -10px; }
  @media (hover: hover) {
    .videosList .item:hover .picture16x9 {
    /*
                      -webkit-transform-style: preserve-3d;
                      -webkit-transform:  translateZ(0) rotateX(1deg);
  
                      transform-style: preserve-3d;
                      transform:  translateZ(0) rotateX(1deg);
                      -webkit-filter: blur(0);
                      filter: blur(0);
    */ } }
.videosList .episodio {
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  background-color: #f5f5f5; }
.videosList .pub.mrec {
  grid-column: 1 / -1; }
.videosList .selected {
  background-color: #111111; }
  .videosList .selected:after {
    position: absolute;
    top: 0;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(211, 207, 217, 0.8) 0%, rgba(98, 139, 173, 0.8) 100%);
    opacity: .7; }
  .videosList .selected a {
    color: #fff; }

#lateral .itemLateral {
  margin: 0 auto 60px; }
  #lateral .itemLateral a {
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    @media (hover: hover) {
      #lateral .itemLateral a:hover {
        background-color: #f5f5f5; }
        #lateral .itemLateral a:hover .emdestaque {
          background-color: #4d4d4d;
          color: #fff; } }
  #lateral .itemLateral h2 {
    font-size: 20px; }

.lista_item.gifs {
  width: 97%;
  margin: 20px auto;
  text-align: center;
  max-width: 750px; }
  .lista_item.gifs img {
    margin: o auto;
    display: block; }

@media (min-width: 768px) {
  .lista_item.vazio {
    display: none; } }

ul.extras li {
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  /* background-color: #f5f5f5;
  */
  display: block;
  /* .episodio {
      color: forestgreen;
  }
  */
  /* a.imagem {
       display:block;
       margin-bottom:20px;
       @media (min-width:600px) {
           float:left;
           width:40% ;
           margin:0 20px 0 0;
      }
  }
  */ }
  ul.extras li h2 {
    font-size: 16px;
    margin: 3% 3% 3% 43%; }
    ul.extras li h2 a {
      font-size: 28px;
      display: block;
      margin-bottom: 6px; }
      @media (max-width: 1024px) {
        ul.extras li h2 a {
          font-size: 22px; } }
      @media (max-width: 480px) {
        ul.extras li h2 a {
          font-size: 18px; } }
  ul.extras li .sharesDiv {
    margin: 3% 0 3% 40%; }
    @media (max-width: 480px) {
      ul.extras li .sharesDiv .bt-share {
        background-color: #fff;
        opacity: 0.5; } }
  ul.extras li .pictureWrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40%; }
  ul.extras li .picture {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; }

.pesquisaPage .pesquisaResult li h2 a {
  display: block; }
.pesquisaPage .resultados {
  padding: 20px;
  font-size: 24px; }
  .pesquisaPage .resultados b {
    font-weight: 600; }

.tipoFotos, .tipoVideo {
  font-size: 14px;
  display: inline-block;
  margin: 10px 0; }

.tipoVideo, .tipoFotos {
  color: #aaa; }

.sharesDiv {
  margin: 20px 10px 10px 20px; }
  .sharesDiv a {
    display: inline-block;
    text-decoration: none !important;
    background-color: #f5f5f5;
    color: #22303d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden; }
    @media (hover: hover) {
      .sharesDiv a:hover {
        background: #22303d;
        color: #fff; } }
  .sharesDiv a + a {
    margin-left: 6px; }
  .sharesDiv .bt-share {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    font-size: 20px; }

.load-more .icon-mais {
  display: block;
  background-color: #bababa;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.55);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.55);
  margin: 40px auto;
  line-height: 80px;
  text-align: center;
  font-size: 40px;
  color: #111;
  display: block;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  overflow: hidden;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; }
  .load-more .icon-mais span {
    max-width: 80px;
    max-height: 80px;
    overflow: hidden; }
.load-more:hover .icon-mais {
  background-color: #111;
  color: #bababa; }

.personagens ul li {
  display: inline-block;
  overflow: hidden;
  float: left; }
  .personagens ul li .imagem {
    position: relative; }
  .personagens ul li a {
    color: #fff;
    display: block;
    position: relative; }

.imagempersonagem {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  background-color: #f5f5f5; }
  .imagempersonagem .pictureSquare {
    padding-bottom: 150%; }

.vipname {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
  font-size: 20px;
  padding: 30px 10px 10px 10px;
  text-transform: uppercase;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(31, 44, 57, 0) 0%, rgba(31, 44, 57, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(31, 44, 57, 0) 0%, rgba(31, 44, 57, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(31, 44, 57, 0) 0%, rgba(31, 44, 57, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
  @media (max-width: 480px) {
    .vipname {
      font-size: 16px; } }

a:hover .vipname {
  color: #fff; }

.personagensLateral ul li {
  width: 100%;
  margin: 0; }
  .personagensLateral ul li .imagem {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center top;
    background-size: 200%;
    background-repeat: no-repeat; }
  .personagensLateral ul li a {
    line-height: 24px;
    font-size: 20px; }

.listapersonagens {
  overflow: hidden; }
  .listapersonagens li {
    width: 33.33%;
    margin: 0; }
    @media (max-width: 1024px) and (min-width: 768px), (max-width: 500px) {
      .listapersonagens li {
        width: 50%; } }
    .listapersonagens li .pictureSquare {
      padding-bottom: 150%; }
    .listapersonagens li a {
      font-size: 18px; }
      @media (max-width: 480px) {
        .listapersonagens li a {
          font-size: 12px; } }

/*.icontag {
     width: 25%;
     padding-bottom:25%;
     margin-left: -20px;
}
*/
.personagemContent {
  /* .icontag {
       width: 10%;
       padding-bottom:10%;
       margin-left: -20px;
  }
   .expulso {
      opacity: 1;
  }
   #medialist, #medialist2 {
      background-color: #fff;
  }
  */
  /*
  .galeriasPage, .videosPage {
      -webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.21);
      -moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.21);
      box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.21);
      padding-top:30px;
  }
  */ }
  .personagemContent h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 30px auto; }
  .personagemContent h2 {
    font-size: 26px;
    font-weight: 500;
    margin: 30px auto;
    text-align: center; }
  .personagemContent .texto {
    font-size: 18px;
    line-height: 1.25;
    padding: 20px; }
    .personagemContent .texto .sharesDiv {
      text-align: center; }

.autores {
  line-height: 20px;
  font-size: 14px;
  padding: 20px;
  text-align: left; }
  .autores .imgAutor {
    display: block;
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: -15px;
    margin-right: 5px;
    float: left; }
    .autores .imgAutor span {
      max-width: 50px;
      max-height: 50px;
      overflow: hidden; }
    .autores .imgAutor span {
      display: block;
      background-size: cover;
      background-position: center;
      height: 50px;
      width: 50px; }
  .autores .autor {
    margin-bottom: 5px; }

.artigoPage .pubMobileArtigo {
  display: none; }
  @media (max-width: 1023px) {
    .artigoPage .pubMobileArtigo {
      display: block; } }
  @media (min-width: 720px) and (max-width: 1023px) {
    .artigoPage .pubMobileArtigo {
      width: 300px;
      float: right;
      margin: 25px; } }
.artigoPage article {
  padding-bottom: 40px;
  font-size: 18px; }
  .artigoPage article .numEpisodio {
    background-color: #f5f5f5;
    margin-right: 10px;
    display: inline-block;
    padding: 10px; }
  @media (min-width: 480px) {
    .artigoPage article .sondagemArtigo h3 {
      font-size: 30px; } }
  .artigoPage article p a {
    text-decoration: underline; }
    @media (hover: hover) {
      .artigoPage article p a:hover {
        background-color: #f5f5f5;
        text-decoration: none; } }
    .artigoPage article p a img {
      text-decoration: none; }
  .artigoPage article a.titulo {
    text-decoration: none; }
  .artigoPage article .videosListArticle {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px; }
    .artigoPage article .videosListArticle .item {
      /*
      margin-left:1%!important;
      width:18%!important;
      @media(min-width:1024px) and (max-width:1200px){
          width:22%!important;
      }
      @media(min-width:900px) and (max-width:1024px){
          width:30%!important;
      }
      @media(min-width:768px) and (max-width:900px){
          width:46%!important;
      }
      @media(min-width:500px) and (max-width:767px){
          width:30%!important;
      }
      @media(max-width:500px) {
          width:46%!important;
      }
      */ }
      .artigoPage article .videosListArticle .item .icon-play, .artigoPage article .videosListArticle .item .icon-camera {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        color: #fff;
        /*
        background-color: rgba(0,0,0,0);
        padding: 22px;
        border-radius: 50%;
        opacity: 1;
        */
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); }
      .artigoPage article .videosListArticle .item .tamanho {
        opacity: 1; }
    .artigoPage article .videosListArticle h2 {
      font-size: 14px;
      margin: 10px;
      padding: 0; }
    .artigoPage article .videosListArticle .duracaoVideo {
      padding: 4px;
      left: auto;
      bottom: 2px;
      top: auto;
      right: 2px;
      transform: translateY(0%); }
  .artigoPage article h2 {
    display: block;
    font-size: 20px;
    margin: 20px 0; }
  .artigoPage article .date {
    display: block;
    font-size: 14px;
    margin: 20px 0; }
  .artigoPage article .dateNext {
    font-size: 26px; }
  .artigoPage article .imgEpisodio {
    position: relative; }
    .artigoPage article .imgEpisodio .dateNext {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translateY(-50%);
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase;
      background-color: rgba(34, 48, 61, 0.5);
      color: #fff;
      padding: 10px;
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      overflow: hidden; }
  .artigoPage article .reverEpisodio {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -130px;
    display: block;
    width: 260px;
    line-height: 40px;
    background-color: #bababa;
    color: #000;
    font-size: 20px;
    text-transform: uppercase; }
  .artigoPage article .sharesDiv {
    text-align: center; }
  .artigoPage article h4 {
    text-align: center;
    font-size: 16px;
    padding: 5px 0 30px 0;
    margin: 0; }
  .artigoPage article .articleBody li {
    padding: 0;
    list-style: disc;
    margin: 15px 10px 10px 40px; }
  .artigoPage article .articleBody b, .artigoPage article .articleBody strong {
    font-weight: 700; }
  .artigoPage article .articleBody img, .artigoPage article .articleBody iframe {
    margin: 15px auto !important;
    max-width: 100%;
    display: block; }
  .artigoPage article .articleBody p {
    margin: 12px 0; }
  .artigoPage article .divApp {
    background-color: #4D8EFF;
    width: 45.5%;
    margin: 0 2% 30px 2%;
    float: left;
    color: #fff;
    height: 250px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #ccc;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
    text-align: center; }
    @media (max-width: 500px) {
      .artigoPage article .divApp {
        width: 90%;
        margin: 0 2% 30px 2%;
        float: none; } }
    .artigoPage article .divApp p {
      padding: 0 20px; }
    .artigoPage article .divApp h5 {
      font-size: 36px;
      padding-top: 20px; }
.artigoPage .tags {
  font-size: 14px;
  margin: 20px 0; }
  .artigoPage .tags li {
    float: left; }
  .artigoPage .tags .temas {
    padding: 5px; }
  .artigoPage .tags .tagArtigo {
    font-weight: 800;
    display: block;
    padding: 5px 8px; }
    @media (hover: hover) {
      .artigoPage .tags .tagArtigo:hover {
        background-color: #f5f5f5; } }
.artigoPage .imgArtigo {
  margin: 0 auto;
  max-width: 100%; }
.artigoPage figcaption {
  font-size: 14px;
  padding: 5px 20px 30px 20px; }
.artigoPage .galeriaArtigo {
  position: relative;
  margin-top: 40px;
  overflow: hidden; }
  .artigoPage .galeriaArtigo .numFotos {
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    bottom: 0;
    width: 95%;
    padding: 15px 5% 15px 0;
    text-align: right;
    color: #fff;
    font-size: 38px;
    z-index: 1;
    text-shadow: 1px 1px 3px black; }
    @media (min-width: 600px) {
      .artigoPage .galeriaArtigo .numFotos {
        font-size: 54px; } }

.blogPage .picture16x9 {
  margin: 20px 0; }
.blogPage .autores {
  text-align: center;
  padding: 0; }
  .blogPage .autores a {
    display: inline-block;
    width: 180px;
    line-height: 30px;
    font-size: 16px;
    padding: 20px 0; }
    .blogPage .autores a .imgAutor {
      display: block;
      width: 140px;
      max-width: 140px;
      height: 140px;
      max-height: 140px;
      overflow: hidden;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      border-radius: 70px;
      display: block;
      margin: 0 auto;
      float: none;
      border: solid 2px #ccc; }
      .blogPage .autores a .imgAutor span {
        max-width: 140px;
        max-height: 140px;
        overflow: hidden; }
      .blogPage .autores a .imgAutor span {
        display: block;
        background-size: 200%;
        background-repeat: no-repeat;
        background-position: center top;
        height: 140px;
        width: 140px; }
    .blogPage .autores a .autor {
      margin-bottom: 15px; }

.lista_blogs {
  display: table;
  background-color: #fff;
  width: 100%; }
  .lista_blogs .item_blogs {
    display: table-row; }
    .lista_blogs .item_blogs .autores, .lista_blogs .item_blogs .titulo {
      display: table-cell;
      vertical-align: middle;
      padding: 8px 0 8px 8px;
      line-height: 1;
      border-top: solid 3px #fff; }
      .lista_blogs .item_blogs .autores .imgAutor, .lista_blogs .item_blogs .titulo .imgAutor {
        border: solid 1px #ccc;
        float: none;
        display: block;
        width: 36px;
        max-width: 36px;
        height: 36px;
        max-height: 36px;
        overflow: hidden;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        display: inline-block;
        margin: 0 2px; }
        .lista_blogs .item_blogs .autores .imgAutor span, .lista_blogs .item_blogs .titulo .imgAutor span {
          max-width: 36px;
          max-height: 36px;
          overflow: hidden; }
    .lista_blogs .item_blogs .autores {
      text-align: right;
      height: 40px; }
    .lista_blogs .item_blogs .titulo {
      padding: 8px; }
      .lista_blogs .item_blogs .titulo h2 {
        font-size: 16px; }
  .lista_blogs .item_blogs.actual {
    background-color: #aaa;
    /* a {
        color:#fff;
    }
    */ }

.rosa {
  color: #aaa; }

.multimediasAssociadas {
  margin: 20px 0;
  /*
  background-color: #fff;
  padding: 10px 5px ;
  text-align: left;
  h3 {
      color: #fff
  }
  */ }
  .multimediasAssociadas ul.listaMultimedias {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
    overflow: hidden; }
    .multimediasAssociadas ul.listaMultimedias li {
      position: relative;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      /*
      float:left;
      width: 24%;
      margin:0.5%;
      @media(max-width:1280px){
          width:32%;
          margin:0.5%;
      }
      @media(min-width:768px) and (max-width:1024px),(max-width:560px){
          width:47%;
          margin:1.5%;
      }
      a {
          text-decoration: none;
      }
      h3 {
          font-size:14px;
          text-align: left;
          padding:3px 0;
          height: 70px;
      }
      */
      /* .tamanho{
          font-size:20px;
           span {
              font-size:18px;
          }
      }
      */ }
      .multimediasAssociadas ul.listaMultimedias li h3 {
        margin: 10px 10px 24px 10px; }
      @media (hover: hover) {
        .multimediasAssociadas ul.listaMultimedias li:hover {
          cursor: pointer;
          opacity: .5; } }
    .multimediasAssociadas ul.listaMultimedias .selected {
      background-color: #22303d; }
      .multimediasAssociadas ul.listaMultimedias .selected h3 {
        color: #fff; }
        .multimediasAssociadas ul.listaMultimedias .selected h3 .numEpisodio {
          color: #000; }
    .multimediasAssociadas ul.listaMultimedias .numEpisodio {
      padding: 2px 4px 0;
      margin: 0; }

.episodiosPrevNext {
  border-top: solid 0px #ccc;
  padding-top: 6px; }
  .episodiosPrevNext .item {
    width: auto;
    margin: 0; }
    .episodiosPrevNext .item .episodio {
      font-size: 28px;
      padding: 0; }
      .episodiosPrevNext .item .episodio em {
        padding: 0;
        margin-top: -16px; }
      @media (max-width: 480px) {
        .episodiosPrevNext .item .episodio {
          font-size: 20px; } }
    .episodiosPrevNext .item .emdestaque {
      line-height: 35px;
      height: 44px; }
    .episodiosPrevNext .item h2 {
      font-size: 20px; }
      @media (max-width: 480px) {
        .episodiosPrevNext .item h2 {
          font-size: 16px;
          padding: 5px; } }
  .episodiosPrevNext #prev, .episodiosPrevNext #next {
    width: 39%; }
  .episodiosPrevNext #atual {
    width: 17%; }
    .episodiosPrevNext #atual .episodio {
      background-color: #fff;
      display: block;
      line-height: 35px;
      padding: 10px 0;
      color: #ccc; }
  .episodiosPrevNext #prev {
    opacity: 0.6; }
    .episodiosPrevNext #prev .emdestaque {
      text-align: left; }
    .episodiosPrevNext #prev .episodio {
      float: right;
      text-align: right; }
  .episodiosPrevNext #next .emdestaque {
    text-align: right; }
  .episodiosPrevNext #next .episodio {
    float: left;
    text-align: left; }

.relacionadosDiv {
  margin: 30px 0; }
  .relacionadosDiv h3 {
    font-size: 24px;
    font-weight: 400;
    color: #999;
    margin: 20px 0; }
  .relacionadosDiv .relacionadosCont {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 30px 20px;
    margin: 20px 0; }
    .relacionadosDiv .relacionadosCont .title h2 {
      font-size: 18px;
      margin: 10px; }

.iolgallery {
  width: 100%;
  outline: none; }

.iolgallery:before {
  content: "";
  display: block;
  padding-top: 56.25%; }

.iolgallery-content {
  width: 100%;
  height: 100%;
  background: #111111; }

.iolgallery-content .owl-carousel, .iolgallery-content .owl-stage-outer, .iolgallery-content .owl-stage, .iolgallery-content .owl-item {
  height: 100%; }

.iolgallery-slide {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }

.iolgallery-slide-wrapper {
  height: 100%; }

.iolgallery-slide-title {
  position: absolute;
  bottom: 10px;
  left: 20px;
  width: auto;
  display: inline-block;
  background-color: rgba(34, 48, 61, 0.5);
  font-size: 14px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }

.iolgallery-slide-number, .iolgallery-slide-description {
  display: inline-block; }

.iolgallery-content {
  color: #fff; }

.iolgallery-slide-pub {
  display: table;
  width: 100%;
  height: 100%;
  font-size: 12px; }
  .iolgallery-slide-pub .iolgallery-slide-pub-content {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ccc; }
  .iolgallery-slide-pub iframe {
    margin: 0 auto; }

.owl-nav, #close-btn span, .sharesDiv span, #open-share span, .showMoreInfo span {
  /*
  
  */ }

.owl-nav {
  top: auto;
  bottom: 0; }
  .owl-nav .owl-next, .owl-nav .owl-prev {
    position: absolute;
    z-index: 999999;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    min-height: auto;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-family: 'site' !important;
    font-size: 46px;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    outline: none;
    border: 0;
    margin: 0;
    padding: 0;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
    /*
    &:before {
        top:50%; 
        margin-top: -40px;
        line-height: 80px;
        @media (max-width: 767px) {
            line-height: 100px;
        }
    }
    */ }
    @media (max-width: 767px) {
      .owl-nav .owl-next, .owl-nav .owl-prev {
        background-color: transparent;
        color: #fff;
        opacity: 1;
        height: 100px;
        width: 100px; } }
  .owl-nav .owl-next {
    right: 0px; }
    @media (max-width: 767px) {
      .owl-nav .owl-next {
        text-align: right;
        padding-right: 10px; } }
  .owl-nav .owl-prev {
    left: 0px; }
    @media (max-width: 767px) {
      .owl-nav .owl-prev {
        text-align: left;
        padding-left: 10px; } }

.owl-next:before {
  content: "\e409"; }

.owl-prev:before {
  content: "\e408"; }

.owl-dots {
  display: none; }

.maximizeThis {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: rgba(34, 48, 61, 0.5);
  z-index: 10;
  cursor: pointer; }
  .maximizeThis span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 30px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }

.iolgallery {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

.blowUP {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.iconBlowUP {
  position: fixed;
  top: 10px;
  right: 10px; }

@keyframes animateOwl {
  to {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

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