@charset "UTF-8";
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

/**
 * 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: 'selfie';
  src: url("/fonts/selfie.eot?523smm");
  src: url("/fonts/selfie.eot?523smm#iefix") format("embedded-opentype"), url("/fonts/selfie.ttf?523smm") format("truetype"), url("/fonts/selfie.woff?523smm") format("woff"), url("/fonts/selfie.svg?523smm#selfie") 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: 'selfie' !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-check:before {
  content: "\e907"; }

.icon-headphones:before {
  content: "\e90c"; }

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

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

.icon-check_circle:before {
  content: "\e86c"; }

.icon-dissatisfied:before {
  content: "\e811"; }

.icon-satisfied:before {
  content: "\e813"; }

.icon-thumbs-down:before {
  content: "\e909"; }

.icon-favorite_border:before {
  content: "\e90a"; }

.icon-favorite:before {
  content: "\e90b"; }

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

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

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

.icon-instagram2:before {
  content: "\f16d"; }

.icon-chevron-down:before {
  content: "\e905"; }

.icon-chevron-thin-left:before {
  content: "\e903"; }

.icon-chevron-thin-right:before {
  content: "\e904"; }

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

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

.icon-pets:before {
  content: "\e91d"; }

.icon-mail:before {
  content: "\e002"; }

.icon-image:before {
  content: "\e010"; }

.icon-clock:before {
  content: "\e014"; }

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

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

.icon-printer:before {
  content: "\e020"; }

.icon-heart:before {
  content: "\e024"; }

.icon-paper:before {
  content: "\e034"; }

.icon-search:before {
  content: "\e036"; }

.icon-microphone:before {
  content: "\e048"; }

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

.icon-repeat:before {
  content: "\e058"; }

.icon-briefcase:before {
  content: "\e075"; }

.icon-bubble:before {
  content: "\e076"; }

.icon-share:before {
  content: "\e081"; }

.icon-star:before {
  content: "\e093"; }

.icon-arrow-left:before {
  content: "\e094"; }

.icon-arrow-right:before {
  content: "\e095"; }

.icon-bag:before {
  content: "\e106"; }

.icon-maximize:before {
  content: "\e112"; }

.icon-minimize:before {
  content: "\e113"; }

.icon-plus:before {
  content: "\e114"; }

.icon-minus:before {
  content: "\e115"; }

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

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

.icon-open:before {
  content: "\e128"; }

.icon-ellipsis:before {
  content: "\e129"; }

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

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

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

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

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

body {
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*    -ms-overflow-style: scrollbar; */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box; }

.contentWraper {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #fff; }
  @media screen and (hover) {
    .contentWraper a:hover {
      background-color: #ffc600; } }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif; }

h3 {
  font-weight: 100; }

h1, h2 {
  font-weight: 700; }

a {
  text-decoration: none;
  color: #000;
  transition: all 0.5s; }

.bilboarxl {
  background-color: #444;
  width: 100%;
  text-align: center;
  padding: 3px 0; }
  .bilboarxl:before {
    display: block;
    content: 'PUB';
    font-size: 10px;
    color: #ccc;
    display: block;
    padding: 2px 0;
    text-align: center; }

#branded {
  margin: 30px auto; }

#onesignal-bell-container {
  z-index: 1 !important; }

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background {
  fill: #ffc600 !important; }

.bodyhidden {
  overflow: hidden; }

input, button {
  -webkit-appearance: none;
  -moz-appearance: none; }

.gridMrec .mrecContent {
  padding: 40px 0;
  margin: 0 auto;
  width: 300px; }
@media (min-width: 640px) {
  .gridMrec {
    background-color: #f0f0f0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative; }
    .gridMrec .mrecContent {
      padding-top: 2.2vw;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; } }

@media (min-width: 961px) {
  .mrecMobile {
    display: none; } }

.pub {
  font-size: 10px;
  color: #ccc;
  line-height: 20px;
  text-align: center; }
  .pub a {
    z-index: 0 !important; }
  @media (max-width: 730px) {
    .pub {
      margin: 0 auto; } }
  .pub:after {
    display: block;
    content: 'PUB';
    font-size: 10px;
    color: #808080;
    display: block;
    padding: 2px 0;
    text-align: center; }

.lateralContent .pub {
  width: 300px; }

#popin:after {
  display: none; }

b, strong {
  font-weight: 700; }

.loadMoreBt {
  text-align: center;
  padding: 40px 0; }
  .loadMoreBt .botao {
    margin: 0 auto; }

.botao {
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  text-align: center;
  background-color: #ffc600;
  font-size: 0px;
  cursor: pointer;
  transition: all 0.5s;
  /*        @media(hover) {
               &:hover {
                  background-color: #000;
                  span {color:$amarelo;}
              }
          }*/ }
  .botao [class^="icon-"], .botao [class*=" icon-"] {
    font-size: 30px;
    color: #000;
    line-height: 60px; }
  @media screen and (min-width: 481px) {
    .botao {
      display: block;
      width: 75px;
      height: 75px;
      overflow: hidden;
      text-align: center;
      background-color: #ffc600;
      font-size: 0px;
      cursor: pointer;
      transition: all 0.5s;
      /*        @media(hover) {
                   &:hover {
                      background-color: #000;
                      span {color:$amarelo;}
                  }
              }*/ }
      .botao [class^="icon-"], .botao [class*=" icon-"] {
        font-size: 40px;
        color: #000;
        line-height: 75px; } }

h3.seccao {
  font-size: 15vw;
  padding: 10px 0; }
  @media (min-width: 640px) and (max-width: 960px) {
    h3.seccao {
      font-size: 8vw; } }
  @media (min-width: 961px) {
    h3.seccao {
      font-size: 6.1vw; } }
  @media (min-width: 1350px) {
    h3.seccao {
      font-size: 70px; } }

.exclusivoLabel {
  display: inline-block;
  background-color: #ffc600;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  padding: 0 7px 0 22px;
  line-height: 26px;
  font-size: 16px; }

.votacaoLabel {
  background-color: #44bcb8;
  color: #fff; }

.integraLabel {
  display: inline-block;
  background-color: #ffc600;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  padding: 0 7px;
  line-height: 24px;
  font-size: 12px;
  color: #000;
  font-weight: 700;
  text-shadow: none; }

.topLabel {
  display: block;
  font-weight: 100;
  font-size: 50px;
  margin-bottom: 10px; }

.patrocinadoLabel {
  display: block;
  font-weight: 200;
  font-size: 13px;
  font-weight: 300;
  margin-top: 10px;
  line-height: 18px;
  text-transform: uppercase; }
  .patrocinadoLabel .icon-patrocinado {
    font-size: 18px; }

.legenda {
  display: table;
  width: 100%; }
  .legenda .botao {
    position: relative;
    display: table-cell; }
  .legenda .title {
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    padding: 10px;
    display: table-cell;
    vertical-align: middle; }

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


    .legenda {
        display:table;
        position: absolute;
        bottom:0;
        left:0;
        right:0;
        width: 100%;
        @include gradient-title;
        
    }



    .title{

        color:#fff;
        font-size:14px;
        line-height: 17px;
        text-align: right;
        padding: 10px;
        @include text-shadow;
        display: table-cell;
        vertical-align: middle;

    }
}*/
.picture1x1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 85%;
  background-position: center;
  background-size: cover; }

.picture16x9 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-position: center;
  background-size: cover; }
  .picture16x9 .legenda {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 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.5)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* ie6-9 */ }
  .picture16x9 .title {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    padding: 6px 0;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    display: block; }
  .picture16x9 .botao {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    background-color: transparent;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }
    .picture16x9 .botao span {
      line-height: 80px;
      font-size: 70px;
      color: #fff; }
      @media (max-width: 1280px) {
        .picture16x9 .botao span {
          font-size: 6vw; } }
      @media (max-width: 767px) {
        .picture16x9 .botao span {
          font-size: 10vw; } }

.botaogaleria {
  background-color: #44bcb8;
  color: #fff; }
  .botaogaleria span {
    color: #fff; }
  .botaogaleria .galeriaTamanho {
    position: absolute;
    bottom: 4px;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    line-height: 12px; }

.sharesDiv .link {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center; }
  .sharesDiv .link span {
    display: block;
    line-height: 60px;
    font-size: 25px; }
  @media (hover) {
    .sharesDiv .link:hover {
      background-color: #ffc600; }
      .sharesDiv .link:hover span {
        color: #000; } }

.body-hidden {
  overflow: hidden; }

/*************/
/* Header */
/*************/
nav ul li a {
  line-height: 40px;
  color: #ffc600;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  font-size: 22px;
  padding: 0 0 0 25px; }
  @media (hover) {
    nav ul li a:hover {
      color: #000; } }
  nav ul li a .antetitulo {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-top: -12px;
    margin-bottom: 10px; }
nav ul li.multimedia:first-child {
  padding-top: 8px; }
nav ul li.multimedia a {
  color: #44bcb8; }
  @media (hover) {
    nav ul li.multimedia a:hover {
      color: #000; } }
nav ul li.especial a {
  color: #b254c5; }
  @media (hover) {
    nav ul li.especial a:hover {
      color: #000; } }
nav .moreLinks li a {
  /*font-weight: 400;*/
  font-size: 16px; }

header {
  position: relative; }
  header .logo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 65px;
    height: 52px;
    width: 180px;
    position: absolute;
    top: 2px;
    background-color: #ffc600;
    transition: all 0.2s;
    z-index: 3;
    font-size: 0px; }
    @media screen and (min-width: 481px) {
      header .logo {
        left: 80px;
        height: 67px;
        width: 222px; } }
    header .logo a {
      display: block;
      background-image: url("../img/logotipo.png");
      background-size: 100% 100%;
      height: 52px;
      width: 180px;
      border: solid 4px #fff;
      margin-left: -2px;
      margin-top: -2px; }
      @media screen and (min-width: 481px) {
        header .logo a {
          height: 67px;
          width: 222px; } }
  header .titlePage {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 10vw;
    line-height: 13vw;
    padding-left: 10px; }
    @media (min-width: 768px) {
      header .titlePage {
        font-size: 7vw;
        line-height: 10vw; } }
    @media (min-width: 1024px) {
      header .titlePage {
        position: absolute;
        left: 320px;
        top: 5px;
        font-size: 65px;
        line-height: 65px; } }
  header .titleCara {
    font-size: 8vw;
    line-height: 12vw;
    font-weight: 700;
    color: #323232; }
    @media (min-width: 760px) {
      header .titleCara {
        font-size: 50px;
        line-height: 55px;
        top: 15px; } }

.titlePage.tag {
  font-family: 'Montserrat', sans-serif;
  font-weight: 100;
  font-size: 9vw;
  line-height: 12vw;
  padding-left: 10px;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .titlePage.tag {
      font-size: 8vw;
      line-height: 9vw; } }
  @media (min-width: 1024px) {
    .titlePage.tag {
      font-size: 60px;
      line-height: 60px; } }

.wrapper-sticky {
  margin: 0 !important; }

.navWrapper {
  position: relative;
  z-index: 4;
  height: 60px;
  width: 75px !important; }
  @media screen and (min-width: 481px) {
    .navWrapper {
      height: 75px; } }
  .navWrapper #navContent {
    display: none;
    background-image: url("/img/logotipo_menu.png");
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    background-position: left -6px;
    background-size: 485px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100vw;
    max-width: 480px;
    height: 100vh;
    /* fix iOS bug not displaying 100vh correctly */
    /* ipad */
    /* iPhone 4 */
    /* iphone6 */
    /* iphone5 */
    /* iphone6 plus */ }
    @media screen and (min-width: 481px) {
      .navWrapper #navContent {
        background-size: auto;
        background-position: left -6px; } }
    @media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: landscape) {
      .navWrapper #navContent {
        height: 768px; } }
    @media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: portrait) {
      .navWrapper #navContent {
        height: 1024px; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      .navWrapper #navContent {
        height: 320px; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .navWrapper #navContent {
        height: 480px; } }
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
      .navWrapper #navContent {
        height: 375px; } }
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
      .navWrapper #navContent {
        height: 667px; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
      .navWrapper #navContent {
        height: 320px; } }
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
      .navWrapper #navContent {
        height: 568px; } }
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
      .navWrapper #navContent {
        height: 414px; } }
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
      .navWrapper #navContent {
        height: 736px; } }
    .navWrapper #navContent ul {
      padding-top: 25px; }
    .navWrapper #navContent .rsSection {
      text-align: left;
      padding: 25px; }
      .navWrapper #navContent .rsSection .botao {
        display: block;
        width: 65px;
        height: 65px;
        overflow: hidden;
        text-align: center;
        background-color: #ffc600;
        font-size: 0px;
        cursor: pointer;
        transition: all 0.5s;
        /*        @media(hover) {
                     &:hover {
                        background-color: #000;
                        span {color:$amarelo;}
                    }
                }*/ }
        .navWrapper #navContent .rsSection .botao [class^="icon-"], .navWrapper #navContent .rsSection .botao [class*=" icon-"] {
          font-size: 30px;
          color: #000;
          line-height: 65px; }
    .navWrapper #navContent .navContentScroll {
      background-color: #323232;
      position: absolute;
      top: 70px;
      left: 0;
      z-index: 5;
      width: 100%;
      bottom: 0;
      overflow-y: auto;
      /*            -webkit-overflow-scrolling: touch;*/
      padding-bottom: 100px; }
    @media (min-width: 1025px) {
      .navWrapper #navContent .navContentScroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
        background-color: rgba(0, 0, 0, 0.1); }
      .navWrapper #navContent .navContentScroll::-webkit-scrollbar {
        width: 12px;
        background-color: transparent; }
      .navWrapper #navContent .navContentScroll::-webkit-scrollbar-thumb {
        background-color: #000;
        /*#F2DC68*/
        border: 0;
        border-radius: 6px; } }
    .navWrapper #navContent .goHome {
      display: block;
      width: 200px;
      height: 70px;
      position: absolute;
      top: 0;
      left: 90px; }
      @media (min-width: 768px) {
        .navWrapper #navContent .goHome {
          left: 110px; } }
      @media (hover) {
        .navWrapper #navContent .goHome:hover {
          background-color: transparent; } }
    .navWrapper #navContent .rubricasList {
      margin: 0 0 25px 15px;
      padding: 0;
      display: none;
      overflow: hidden; }
    .navWrapper #navContent .rubrica {
      display: inline-block;
      width: 20%;
      margin: 1.5%;
      vertical-align: top; }
      .navWrapper #navContent .rubrica a {
        display: block;
        padding: 0;
        width: 100%;
        padding-top: 100%;
        border-radius: 50%;
        background-color: #111;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        position: relative; }
        .navWrapper #navContent .rubrica a span {
          display: block;
          position: absolute;
          text-align: center;
          width: 100%;
          padding: 0;
          margin: -8px 0 0 0;
          font-size: 4vw;
          background-color: rgba(0, 0, 0, 0.65);
          top: 0;
          bottom: 0;
          line-height: 1;
          padding-top: 50%; }
          @media (min-width: 768px) {
            .navWrapper #navContent .rubrica a span {
              font-size: 18px; } }
        .navWrapper #navContent .rubrica a:hover span {
          color: #fff; }
  .navWrapper #openMenu {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    background-color: #ffc600;
    font-size: 0px;
    cursor: pointer;
    transition: all 0.5s;
    /*        @media(hover) {
                 &:hover {
                    background-color: #000;
                    span {color:$amarelo;}
                }
            }*/
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    /*        span {
                    color:#000;
                    display: block;
                    line-height: 60px;
                    font-size:40px;
                    
                    @media screen and (min-width:481px){
                        line-height: 75px;
                        font-size:50px;
                    }
           }*/ }
    .navWrapper #openMenu [class^="icon-"], .navWrapper #openMenu [class*=" icon-"] {
      font-size: 30px;
      color: #000;
      line-height: 60px; }
    @media screen and (min-width: 481px) {
      .navWrapper #openMenu {
        display: block;
        width: 75px;
        height: 75px;
        overflow: hidden;
        text-align: center;
        background-color: #ffc600;
        font-size: 0px;
        cursor: pointer;
        transition: all 0.5s;
        /*        @media(hover) {
                     &:hover {
                        background-color: #000;
                        span {color:$amarelo;}
                    }
                }*/ }
        .navWrapper #openMenu [class^="icon-"], .navWrapper #openMenu [class*=" icon-"] {
          font-size: 40px;
          color: #000;
          line-height: 75px; } }

.closeMenuDiv {
  display: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* fix iOS bug not displaying 100vh correctly */
  /* ipad */
  /* iPhone 4 */
  /* iphone6 */
  /* iphone5 */
  /* iphone6 plus */ }
  @media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: landscape) {
    .closeMenuDiv {
      height: 768px; } }
  @media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: portrait) {
    .closeMenuDiv {
      height: 1024px; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .closeMenuDiv {
      height: 320px; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .closeMenuDiv {
      height: 480px; } }
  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .closeMenuDiv {
      height: 375px; } }
  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .closeMenuDiv {
      height: 667px; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .closeMenuDiv {
      height: 320px; } }
  @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .closeMenuDiv {
      height: 568px; } }
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    .closeMenuDiv {
      height: 414px; } }
  @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    .closeMenuDiv {
      height: 736px; } }

.headerSite .wrapper-sticky.sticky-active {
  position: fixed; }

.searchbox {
  padding: 25px 0 15px 25px;
  height: 60px; }
  .searchbox .input-text {
    border: solid 1px #e7e6e2;
    width: 65%;
    line-height: 51px;
    height: 51px;
    float: left;
    font-size: 18px;
    background-color: #323232;
    color: #fff;
    padding-left: 6px; }
  .searchbox .botao {
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    text-align: center;
    background-color: #ffc600;
    font-size: 0px;
    cursor: pointer;
    transition: all 0.5s;
    /*        @media(hover) {
                 &:hover {
                    background-color: #000;
                    span {color:$amarelo;}
                }
            }*/
    float: left;
    border: 0;
    margin-left: 2px; }
    .searchbox .botao [class^="icon-"], .searchbox .botao [class*=" icon-"] {
      font-size: 34px;
      color: #000;
      line-height: 55px; }

.widgetTWC {
  display: none; }
  @media screen and (min-width: 1300px) {
    .widgetTWC {
      display: block;
      position: absolute;
      right: 30px;
      top: 0;
      height: 50px;
      width: 220px; } }

.widgetTWC2 {
  display: none; }
  @media screen and (max-width: 640px) {
    .widgetTWC2 {
      margin: 40px auto;
      max-width: 320px;
      padding: 0 10px;
      display: block; } }

._artigo .widgetTWC {
  display: none; }
._artigo .widgetTWC2 {
  display: block; }

@media screen and (min-width: 760px) {
  ._homepage .navWrapper {
    height: 48px; } }
._homepage .logoHomepage {
  display: none; }
  @media screen and (min-width: 760px) {
    ._homepage .logoHomepage {
      display: block;
      position: absolute;
      top: 48px;
      left: 0;
      right: 360px;
      background-image: url("../img/logotipo_home.png");
      background-repeat: no-repeat;
      background-position: left top;
      height: 115px;
      z-index: 1; } }
  @media screen and (max-width: 1023px) {
    ._homepage .logoHomepage {
      right: 0; } }
@media screen and (min-width: 760px) {
  ._homepage .logo {
    display: none; } }

/*************/
/* Content */
/*************/
.mancheteWrapper {
  position: relative;
  margin-bottom: 60px; }
  .mancheteWrapper .mancheteContent {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 30%;
    height: 0;
    padding-bottom: 56.6%;
    -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    /*            @media screen and (min-width:480px){ padding-bottom:80%;}*/ }
    @media (max-width: 640px) {
      .mancheteWrapper .mancheteContent {
        margin-bottom: 48%; } }
    @media (max-width: 480px) {
      .mancheteWrapper .mancheteContent {
        margin-bottom: 55%; } }
    @media screen and (min-width: 1024px) {
      .mancheteWrapper .mancheteContent {
        margin-right: 360px;
        height: 600px;
        padding: 0;
        margin-bottom: 0; } }
    .mancheteWrapper .mancheteContent a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      @media screen and (hover) {
        .mancheteWrapper .mancheteContent a:hover {
          background-color: transparent; } }
    .mancheteWrapper .mancheteContent .title {
      position: absolute;
      left: 0;
      right: 0;
      top: 102%; }
      @media screen and (min-width: 1024px) {
        .mancheteWrapper .mancheteContent .title {
          background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 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.5)));
          /* safari4+,chrome */
          background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
          /* safari5.1+,chrome10+ */
          background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
          /* opera 11.10+ */
          background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
          /* ie10+ */
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
          /* w3c */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
          /* ie6-9 */
          bottom: 0;
          top: auto;
          padding-top: 40px; } }
      .mancheteWrapper .mancheteContent .title h1 {
        text-transform: uppercase;
        font-weight: 700;
        padding: 3vw;
        font-size: 5vw;
        line-height: 6vw;
        color: #000;
        clear: both; }
        @media screen and (min-width: 1024px) {
          .mancheteWrapper .mancheteContent .title h1 {
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
            color: #fff;
            padding: 4vw 70px 4vw 6vw; } }
        @media (min-width: 640px) and (max-width: 1023px) {
          .mancheteWrapper .mancheteContent .title h1 {
            padding: 2.5vw 4.5vw;
            font-size: 3.5vw;
            line-height: 4vw; } }
        @media (min-width: 1024px) {
          .mancheteWrapper .mancheteContent .title h1 {
            padding: 1.7vw 80px 1.7vw 3vw;
            font-size: 3vw;
            line-height: 3.5vw; } }
        @media (min-width: 1350px) {
          .mancheteWrapper .mancheteContent .title h1 {
            padding: 30px 80px 30px 30px;
            font-size: 40px;
            line-height: 50px; } }
    .mancheteWrapper .mancheteContent .botao {
      position: absolute;
      right: 0;
      bottom: 0; }
  .mancheteWrapper .lateralContent {
    position: relative;
    margin: 40px auto;
    padding: 0 30px;
    min-height: 290px; }
    @media (max-width: 730px) {
      .mancheteWrapper .lateralContent {
        height: auto;
        padding: 0; } }
    @media (min-width: 1024px) {
      .mancheteWrapper .lateralContent {
        position: absolute;
        right: 30px;
        top: 0;
        width: 300px;
        height: 620px;
        overflow: hidden;
        margin: 0;
        padding: 0; } }
    .mancheteWrapper .lateralContent .newsletter {
      height: 295px;
      background-color: #b6b3ac;
      padding: 10px;
      margin-top: 10px; }
      @media (max-width: 1023px) {
        .mancheteWrapper .lateralContent .newsletter {
          position: absolute;
          right: 30px;
          width: calc(100% - 430px);
          bottom: 10px;
          height: 290px;
          top: 0;
          margin: 0; }
          .mancheteWrapper .lateralContent .newsletter h3 {
            display: none; } }
      @media (max-width: 730px) {
        .mancheteWrapper .lateralContent .newsletter {
          display: none; } }

@media screen and (min-width: 1024px) {
  ._homepage .mancheteWrapper .mancheteContent {
    height: 627px; } }
@media (min-width: 1024px) {
  ._homepage .mancheteWrapper .lateralContent {
    height: 620px;
    margin: 27px 0 0 0; } }

.gridWrapper {
  width: 100%;
  overflow: hidden;
  clear: both;
  position: relative;
  /*titulo por baixo da foto com fundo branco*/
  /*titulo por cima da foto com filtro de cor*/
  /*titulo por cima da foto rectangular*/
  /*titulo por cima da foto rectangular*/
  /*titulo por cima da foto quadrada*/
  /*titulo de opinião com foto da personalidade */
  /*titulo sem foto com fundo de cor */ }
  .gridWrapper .gridCell1 {
    width: 100%;
    /*      background-color:red;*/ }
    @media (min-width: 961px) {
      .gridWrapper .gridCell1 {
        width: 33.333%;
        float: left; } }
    @media (min-width: 640px) and (max-width: 960px) {
      .gridWrapper .gridCell1 {
        width: 50%;
        float: left; } }
  .gridWrapper .gridCell2 {
    width: 100%;
    clear: both;
    position: relative; }
    @media (min-width: 961px) {
      .gridWrapper .gridCell2 {
        width: 66.666%;
        float: left; } }
    @media (min-width: 640px) and (max-width: 960px) {
      .gridWrapper .gridCell2 {
        width: 50%;
        float: left; } }
  .gridWrapper .layout1 .gridContent, .gridWrapper .layout2 .gridContent, .gridWrapper .layout3 .gridContent, .gridWrapper .layout4 .gridContent, .gridWrapper .layout5 .gridContent, .gridWrapper .layout6 .gridContent {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    position: relative; }
    .gridWrapper .layout1 .gridContent .picture, .gridWrapper .layout2 .gridContent .picture, .gridWrapper .layout3 .gridContent .picture, .gridWrapper .layout4 .gridContent .picture, .gridWrapper .layout5 .gridContent .picture, .gridWrapper .layout6 .gridContent .picture {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-position: center top;
      -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
      box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
      /*                    -webkit-filter: brightness(115%);  Safari 6.0 - 9.0 
                          filter: brightness(115%);*/ }
      .gridWrapper .layout1 .gridContent .picture .botao, .gridWrapper .layout2 .gridContent .picture .botao, .gridWrapper .layout3 .gridContent .picture .botao, .gridWrapper .layout4 .gridContent .picture .botao, .gridWrapper .layout5 .gridContent .picture .botao, .gridWrapper .layout6 .gridContent .picture .botao {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2; }
      .gridWrapper .layout1 .gridContent .picture .zoom, .gridWrapper .layout2 .gridContent .picture .zoom, .gridWrapper .layout3 .gridContent .picture .zoom, .gridWrapper .layout4 .gridContent .picture .zoom, .gridWrapper .layout5 .gridContent .picture .zoom, .gridWrapper .layout6 .gridContent .picture .zoom {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 65px;
        height: 65px;
        padding: 70px 0 0 70px;
        line-height: 65px;
        z-index: 2;
        background: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        /* ie10+ */
        background: linear-gradient(315deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
        /* ie6-9 */ }
    .gridWrapper .layout1 .gridContent .title, .gridWrapper .layout2 .gridContent .title, .gridWrapper .layout3 .gridContent .title, .gridWrapper .layout4 .gridContent .title, .gridWrapper .layout5 .gridContent .title, .gridWrapper .layout6 .gridContent .title {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      /*                    background-color: #fff;*/ }
      .gridWrapper .layout1 .gridContent .title .date, .gridWrapper .layout2 .gridContent .title .date, .gridWrapper .layout3 .gridContent .title .date, .gridWrapper .layout4 .gridContent .title .date, .gridWrapper .layout5 .gridContent .title .date, .gridWrapper .layout6 .gridContent .title .date {
        display: block;
        color: #808080;
        font-size: 12px;
        font-weight: 300; }
    .gridWrapper .layout1 .gridContent .iconRS, .gridWrapper .layout2 .gridContent .iconRS, .gridWrapper .layout3 .gridContent .iconRS, .gridWrapper .layout4 .gridContent .iconRS, .gridWrapper .layout5 .gridContent .iconRS, .gridWrapper .layout6 .gridContent .iconRS {
      color: #fff;
      font-size: 40px;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      display: block; }
  .gridWrapper .layout1 .gridContent {
    display: block;
    width: 100%;
    padding-bottom: 100%; }
    .gridWrapper .layout1 .gridContent .picture {
      height: 60%; }
      .gridWrapper .layout1 .gridContent .picture .exclusivoLabel {
        position: absolute;
        bottom: 0;
        left: 0; }
    .gridWrapper .layout1 .gridContent .title {
      height: 40%;
      overflow: hidden; }
      .gridWrapper .layout1 .gridContent .title h2 {
        text-transform: uppercase;
        color: #000;
        padding: 3vw;
        font-size: 4.8vw;
        line-height: 6vw;
        font-weight: 300; }
        @media (min-width: 640px) and (max-width: 960px) {
          .gridWrapper .layout1 .gridContent .title h2 {
            padding: 1.7vw 2.4vw;
            font-size: 2.1vw;
            line-height: 2.7vw; } }
        @media (min-width: 961px) {
          .gridWrapper .layout1 .gridContent .title h2 {
            padding: 1vw 1.6vw;
            font-size: 1.5vw;
            line-height: 2vw; } }
        @media (min-width: 1350px) {
          .gridWrapper .layout1 .gridContent .title h2 {
            padding: 12px 20px;
            font-size: 20px;
            line-height: 26px; } }
  .gridWrapper .layout2 {
    background-color: #92529f; }
    .gridWrapper .layout2 .picture {
      height: 100%;
      opacity: 0.4; }
    .gridWrapper .layout2 .title h2 {
      text-transform: uppercase;
      color: #fff;
      padding: 5vw;
      font-size: 5.4vw;
      line-height: 7vw;
      font-weight: 700;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }
      @media (min-width: 640px) and (max-width: 960px) {
        .gridWrapper .layout2 .title h2 {
          padding: 2.7vw;
          font-size: 2.7vw;
          line-height: 3.6vw; } }
      @media (min-width: 961px) {
        .gridWrapper .layout2 .title h2 {
          padding: 1.8vw;
          font-size: 2.2vw;
          line-height: 2.7vw; } }
      @media (min-width: 1350px) {
        .gridWrapper .layout2 .title h2 {
          padding: 25px;
          font-size: 30px;
          line-height: 36px; } }
  .gridWrapper .layout3 {
    clear: both; }
    .gridWrapper .layout3 .gridContent {
      padding-bottom: 0 !important; }
      @media (min-width: 961px) {
        .gridWrapper .layout3 .gridContent {
          padding-bottom: 50% !important; } }
      .gridWrapper .layout3 .gridContent .picture {
        background-position: center 15%; }
        @media (max-width: 960px) {
          .gridWrapper .layout3 .gridContent .picture {
            position: relative;
            height: 0;
            padding-bottom: 56.6%; } }
      .gridWrapper .layout3 .gridContent .title {
        width: 100%;
        position: relative; }
        @media (min-width: 961px) {
          .gridWrapper .layout3 .gridContent .title {
            position: absolute;
            bottom: 0;
            left: 0;
            overflow: hidden;
            background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 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.5)));
            /* safari4+,chrome */
            background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
            /* safari5.1+,chrome10+ */
            background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
            /* opera 11.10+ */
            background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
            /* ie10+ */
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
            /* w3c */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
            /* ie6-9 */
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
            color: #fff; } }
        .gridWrapper .layout3 .gridContent .title .nomeLabel {
          color: #ffc600; }
        .gridWrapper .layout3 .gridContent .title h2 {
          text-transform: uppercase;
          font-size: 5.4vw;
          line-height: 7vw;
          clear: both; }
          @media (min-width: 961px) {
            .gridWrapper .layout3 .gridContent .title h2 {
              font-weight: 700;
              color: #fff;
              padding: 5vw 80px 5vw 5vw; } }
          @media (max-width: 960px) {
            .gridWrapper .layout3 .gridContent .title h2 {
              padding: 3vw;
              color: #000;
              font-weight: 400; } }
          @media (min-width: 640px) and (max-width: 960px) {
            .gridWrapper .layout3 .gridContent .title h2 {
              padding: 2.7vw 80px 2.7vw 2.7vw;
              font-size: 2.7vw;
              line-height: 3.6vw; } }
          @media (min-width: 961px) {
            .gridWrapper .layout3 .gridContent .title h2 {
              padding: 1.6vw 80px 1.6vw 1.6vw;
              font-size: 1.9vw;
              line-height: 2vw; } }
          @media (min-width: 1350px) {
            .gridWrapper .layout3 .gridContent .title h2 {
              padding: 25px 80px 25px 25px;
              font-size: 30px;
              line-height: 36px; } }
        .gridWrapper .layout3 .gridContent .title .exclusivoLabel {
          color: #000;
          text-shadow: none; }
  .gridWrapper .layout3.widget {
    clear: both; }
    .gridWrapper .layout3.widget .gridContent .picture {
      background-position: center 15%;
      padding-bottom: 100%; }
    .gridWrapper .layout3.widget .gridContent .title {
      position: absolute;
      bottom: 0;
      left: 0;
      overflow: hidden;
      background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 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.5)));
      /* safari4+,chrome */
      background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
      /* safari5.1+,chrome10+ */
      background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
      /* opera 11.10+ */
      background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
      /* ie10+ */
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
      /* w3c */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
      /* ie6-9 */
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      color: #fff; }
      .gridWrapper .layout3.widget .gridContent .title .nomeLabel {
        color: #ffc600; }
      .gridWrapper .layout3.widget .gridContent .title h2 {
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        padding: 5vw 80px 5vw 5vw; }
  .gridWrapper .layout4 .gridContent .picture {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .gridWrapper .layout4 .gridContent .title {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 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.5)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* ie6-9 */ }
    .gridWrapper .layout4 .gridContent .title h2 {
      text-transform: uppercase;
      color: #fff;
      padding: 5vw;
      font-size: 5.4vw;
      line-height: 7vw;
      font-weight: 700;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }
      @media (min-width: 640px) and (max-width: 960px) {
        .gridWrapper .layout4 .gridContent .title h2 {
          padding: 2.7vw;
          font-size: 2.7vw;
          line-height: 3.6vw; } }
      @media (min-width: 961px) {
        .gridWrapper .layout4 .gridContent .title h2 {
          padding: 1.6vw;
          font-size: 1.6vw;
          line-height: 2vw; } }
      @media (min-width: 1350px) {
        .gridWrapper .layout4 .gridContent .title h2 {
          padding: 25px;
          font-size: 22px;
          line-height: 30px; } }
  .gridWrapper .layout5, .gridWrapper .layout6 {
    background-color: #e7e6e2;
    font-family: 'Montserrat', sans-serif; }
    .gridWrapper .layout5 .picture, .gridWrapper .layout6 .picture {
      display: none; }
    .gridWrapper .layout5 .title, .gridWrapper .layout6 .title {
      top: 40px; }
      .gridWrapper .layout5 .title h2, .gridWrapper .layout6 .title h2 {
        text-transform: uppercase;
        color: #000;
        padding: 5vw;
        font-size: 5.4vw;
        line-height: 7vw;
        font-weight: 700;
        clear: both; }
        @media (min-width: 640px) and (max-width: 960px) {
          .gridWrapper .layout5 .title h2, .gridWrapper .layout6 .title h2 {
            padding: 2.7vw;
            font-size: 2.7vw;
            line-height: 3.6vw; } }
        @media (min-width: 961px) {
          .gridWrapper .layout5 .title h2, .gridWrapper .layout6 .title h2 {
            padding: 1.8vw;
            font-size: 1.8vw;
            line-height: 2.2vw; } }
        @media (min-width: 1350px) {
          .gridWrapper .layout5 .title h2, .gridWrapper .layout6 .title h2 {
            padding: 25px;
            font-size: 30px;
            line-height: 36px; } }
  .gridWrapper .layout6 .title {
    top: 15px; }
  .gridWrapper .layout6 .title h2 {
    color: #fff; }
    .gridWrapper .layout6 .title h2 .iconRS {
      margin-bottom: 10px; }
  .gridWrapper .layout6 .resumo {
    font-size: 16px;
    line-height: 1.4;
    padding: 5vw; }
    @media (min-width: 640px) and (max-width: 960px) {
      .gridWrapper .layout6 .resumo {
        padding: 2.7vw; } }
    @media (min-width: 961px) {
      .gridWrapper .layout6 .resumo {
        padding: 1.8vw; } }
    @media (min-width: 1350px) {
      .gridWrapper .layout6 .resumo {
        padding: 25px; } }
  .gridWrapper .top1, .gridWrapper .top3, .gridWrapper .top5, .gridWrapper .top7, .gridWrapper .top9, .gridWrapper .top11, .gridWrapper .top13, .gridWrapper .top15 {
    background-color: #92529f; }
  .gridWrapper .top0, .gridWrapper .top2, .gridWrapper .top4, .gridWrapper .top6, .gridWrapper .top8, .gridWrapper .top10, .gridWrapper .top12, .gridWrapper .top14 {
    background-color: #44bcb8; }
  .gridWrapper .opiniao1, .gridWrapper .opiniao3, .gridWrapper .opiniao5, .gridWrapper .opiniao7, .gridWrapper .opiniao9, .gridWrapper .opiniao11, .gridWrapper .opiniao13, .gridWrapper .opiniao15 {
    background-color: #E7E6E2; }
  .gridWrapper .opiniao0, .gridWrapper .opiniao2, .gridWrapper .opiniao4, .gridWrapper .opiniao6, .gridWrapper .opiniao8, .gridWrapper .opiniao10, .gridWrapper .opiniao12, .gridWrapper .opiniao14 {
    background-color: #d9d8d4; }
  .gridWrapper .ultimasWrapper {
    height: 800px;
    position: relative;
    margin-bottom: 60px;
    overflow: hidden; }
    @media (min-width: 640px) {
      .gridWrapper .ultimasWrapper {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: auto;
        margin: 0; } }
    .gridWrapper .ultimasWrapper ul {
      padding: 0 30px 30px 20%; }
      @media (max-width: 640px) {
        .gridWrapper .ultimasWrapper ul {
          padding: 0 30px; } }
      .gridWrapper .ultimasWrapper ul li {
        padding: 5vw 0; }
        @media (min-width: 640px) and (max-width: 960px) {
          .gridWrapper .ultimasWrapper ul li {
            padding: 2.7vw 0; } }
        @media (min-width: 961px) {
          .gridWrapper .ultimasWrapper ul li {
            padding: 1.6vw 0; } }
        @media (min-width: 1450px) {
          .gridWrapper .ultimasWrapper ul li {
            padding: 25px 0; } }
        .gridWrapper .ultimasWrapper ul li h5 {
          color: #808080;
          font-weight: 100;
          margin-bottom: 5px;
          text-transform: uppercase;
          font-size: 2.9vw; }
          @media (min-width: 640px) and (max-width: 960px) {
            .gridWrapper .ultimasWrapper ul li h5 {
              font-size: 1.9vw; } }
          @media (min-width: 961px) {
            .gridWrapper .ultimasWrapper ul li h5 {
              font-size: 0.9vw; } }
        .gridWrapper .ultimasWrapper ul li h2 {
          font-size: 5.2vw;
          line-height: 6.6vw; }
          @media (min-width: 640px) and (max-width: 960px) {
            .gridWrapper .ultimasWrapper ul li h2 {
              font-size: 2.6vw;
              line-height: 3.4vw; } }
          @media (min-width: 961px) {
            .gridWrapper .ultimasWrapper ul li h2 {
              font-size: 1.5vw;
              line-height: 1.9vw; } }
          @media (min-width: 1450px) {
            .gridWrapper .ultimasWrapper ul li h2 {
              font-size: 20px;
              line-height: 28px; } }
    .gridWrapper .ultimasWrapper:after {
      display: block;
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 200px;
      background: -moz-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
      /* ff3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
      /* safari4+,chrome */
      background: -webkit-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
      /* safari5.1+,chrome10+ */
      background: -o-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
      /* opera 11.10+ */
      background: -ms-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
      /* ie10+ */
      background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
      /* w3c */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
      /* ie6-9 */ }
    .gridWrapper .ultimasWrapper .botao {
      position: absolute;
      bottom: 0px;
      left: 50%;
      margin-left: -30px;
      z-index: 2; }
  .gridWrapper .gridCell05 {
    width: calc(50% - 2px);
    float: left;
    background-color: #323232;
    border: solid 0.5px #fff;
    /*      background-color:red;*/ }
    @media (min-width: 961px) {
      .gridWrapper .gridCell05 {
        width: calc(25% - 1px); } }
    @media (min-width: 640px) and (max-width: 960px) {
      .gridWrapper .gridCell05 {
        width: calc(33.333% - 1px); } }
    .gridWrapper .gridCell05 .picture {
      -webkit-filter: grayscale(80%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(80%); }
    .gridWrapper .gridCell05 .title h2 {
      text-align: center;
      color: #ffc600 !important;
      /*                color:#000!important;*/
      /*                text-shadow:none!important;*/
      font-size: 8.7vw;
      line-height: 8.6vw;
      padding: 3vw !important; }
      @media (min-width: 640px) and (max-width: 960px) {
        .gridWrapper .gridCell05 .title h2 {
          font-size: 4.7vw;
          line-height: 4.6vw;
          padding: 4.1vw !important; } }
      @media (min-width: 961px) {
        .gridWrapper .gridCell05 .title h2 {
          font-size: 4.2vw;
          line-height: 4.3vw;
          padding: 2vw !important; } }
      @media (min-width: 1350px) {
        .gridWrapper .gridCell05 .title h2 {
          font-size: 65px;
          line-height: 66px;
          padding: 35px !important; } }

.gridUltimas {
  margin: 0 0 40px 0; }
  @media (max-width: 960px) {
    .gridUltimas .gridCell1 {
      float: none; } }
  .gridUltimas .gridCell2 {
    float: none; }

/* OPINIÃO */
.fotoPerson {
  display: block;
  width: 60px;
  max-width: 60px;
  height: 60px;
  max-height: 60px;
  overflow: hidden;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  margin-left: 5vw;
  margin-right: 15px;
  margin-bottom: 15px;
  border: solid 2px #fff; }
  .fotoPerson span {
    max-width: 60px;
    max-height: 60px;
    overflow: hidden; }
  @media (min-width: 640px) and (max-width: 960px) {
    .fotoPerson {
      margin-left: 2.7vw; } }
  @media (min-width: 961px) {
    .fotoPerson {
      margin-left: 1.8vw;
      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; }
      .fotoPerson span {
        max-width: 80px;
        max-height: 80px;
        overflow: hidden; } }
  @media (min-width: 1350px) {
    .fotoPerson {
      margin-left: 25px; } }

.opiniaoLabel {
  font-weight: 100;
  font-size: 28px;
  line-height: 30px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase; }

.nomeLabel {
  color: #92529f;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  /*height:35px;*/
  padding-top: 2px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif; }

.dicasArtigo {
  font-size: 14px;
  color: #808080;
  margin: 30px 0; }
  .dicasArtigo .opiniaoLabel {
    font-size: 24px;
    line-height: 26px; }
  .dicasArtigo .nomeLabel {
    padding-top: 5px;
    height: auto; }

.opiniaostyle .nomeLabel {
  color: #ffc600; }
@media (min-width: 961px) {
  .opiniaostyle {
    background-color: rgba(0, 0, 0, 0.6); }
    .opiniaostyle .opiniaoLabel {
      color: #fff; } }
@media (max-width: 960px) {
  .opiniaostyle .title {
    top: 105%; }
    .opiniaostyle .title .fotoPerson {
      margin-bottom: 0; } }

@media (min-width: 961px) {
  .opiniaostyle2 {
    background-color: #000; }
    .opiniaostyle2 .opiniaoLabel {
      color: #fff; }
    .opiniaostyle2 .picture {
      opacity: 0.6; }
    .opiniaostyle2 .nomeLabel {
      color: #ffc600; } }
@media (max-width: 960px) {
  .opiniaostyle2 .exclusivoLabel {
    padding: 0 7px; }
  .opiniaostyle2 .title {
    padding-top: 10px; }
    .opiniaostyle2 .title .fotoPerson {
      margin-bottom: 0; } }

.layout5 .nomeLabel {
  height: 65px; }

/*************/
/* Footer */
/*************/
.gridFooter {
  overflow: visible;
  min-height: 430px;
  /*    margin-top:50px;*/
  background-color: #e7e6e2;
  font-family: 'Montserrat', sans-serif; }
  .gridFooter .gridCell1, .gridFooter .gridCell2 {
    float: left; }
  .gridFooter .gridMenu {
    background-color: #323232; }
    @media (min-width: 961px) {
      .gridFooter .gridMenu {
        width: 50%;
        float: left;
        height: 430px; } }
    .gridFooter .gridMenu nav {
      padding-top: 25px; }
  .gridFooter .gridNewsletter {
    background-color: #b6b3ac; }
    @media (min-width: 961px) {
      .gridFooter .gridNewsletter {
        width: 50%;
        float: left;
        height: 430px; } }
    .gridFooter .gridNewsletter .newsletter {
      padding: 25px; }
  .gridFooter .gridRS {
    height: 430px;
    position: relative; }
    .gridFooter .gridRS .logoFooter {
      display: block !important;
      /*            background-color: $creme_claro;*/
      background-size: 100% auto;
      height: 0;
      width: 100%;
      padding-bottom: 28%;
      background-position: top;
      position: absolute;
      left: 0;
      top: -5vw;
      background-image: url("../img/logotipo_footer2.png?v4");
      background-repeat: no-repeat; }
      @media (min-width: 640px) and (max-width: 960px) {
        .gridFooter .gridRS .logoFooter {
          top: -2.6vw; } }
      @media (min-width: 961px) {
        .gridFooter .gridRS .logoFooter {
          top: -1.7vw; } }
      @media (min-width: 1350px) {
        .gridFooter .gridRS .logoFooter {
          top: -23px; } }
    .gridFooter .gridRS .contactos {
      margin-top: 32%;
      margin-left: 10%; }
      .gridFooter .gridRS .contactos li a {
        font-size: 15px;
        line-height: 35px;
        color: #b6b3ac;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0; }
    .gridFooter .gridRS .rsSection {
      width: 100%;
      position: absolute;
      bottom: 20px; }

.newsletter {
  color: #fff; }
  .newsletter h2 {
    font-weight: 700;
    font-size: 40px; }
    .newsletter h2 span {
      color: #000; }
  .newsletter h3 {
    font-weight: 100;
    font-size: 29px; }

.rsSection {
  text-align: center; }
  .rsSection li {
    display: inline-block;
    padding: 6px; }
    .rsSection li .botao {
      display: block;
      width: 80px;
      height: 80px;
      overflow: hidden;
      text-align: center;
      background-color: #ffc600;
      font-size: 0px;
      cursor: pointer;
      transition: all 0.5s;
      /*        @media(hover) {
                   &:hover {
                      background-color: #000;
                      span {color:$amarelo;}
                  }
              }*/ }
      .rsSection li .botao [class^="icon-"], .rsSection li .botao [class*=" icon-"] {
        font-size: 35px;
        color: #000;
        line-height: 80px; }
      @media (min-width: 1200px) {
        .rsSection li .botao {
          display: block;
          width: 100px;
          height: 100px;
          overflow: hidden;
          text-align: center;
          background-color: #ffc600;
          font-size: 0px;
          cursor: pointer;
          transition: all 0.5s;
          /*        @media(hover) {
                       &:hover {
                          background-color: #000;
                          span {color:$amarelo;}
                      }
                  }*/ }
          .rsSection li .botao [class^="icon-"], .rsSection li .botao [class*=" icon-"] {
            font-size: 40px;
            color: #000;
            line-height: 100px; } }

@media (max-width: 961px) {
  #listaNoticias .lateralContent {
    display: none; } }
#listaNoticias .gridCell2 {
  width: 100%; }
  @media (min-width: 961px) {
    #listaNoticias .gridCell2 {
      width: 66.666%;
      float: left; } }
  @media (min-width: 640px) and (max-width: 960px) {
    #listaNoticias .gridCell2 {
      width: 100%;
      float: none; }
      #listaNoticias .gridCell2 a {
        padding-bottom: 50%; } }

.resultados {
  padding: 20px 15px;
  font-size: 20px;
  line-height: 40px;
  font-family: 'Montserrat', sans-serif; }
  .resultados .imgAutor {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px; }

/* bLazy */
.b-lazy {
  background-position: center center !important;
  -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;
  /*        background-position: center center !important;*/ }

/*.b-error {
  background-image: url("/img/nopicture.png?v2");
  opacity: 1;
  background-size: cover;
  background-position: center; }*/
.loading {
  transition: none;
  background-image: url("/img/loading-img.svg");
  background-size: 40px;
  background-position: center center !important;
  background-repeat: no-repeat; }

.sharesDiv .link {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  /*                border:solid 5px #fff;*/
  background-color: #e7e6e2;
  /*            margin: 4px 0;*/ }
  .sharesDiv .link span {
    display: block;
    line-height: 50px;
    color: #b6b3ac;
    font-size: 25px; }
  @media (hover) {
    .sharesDiv .link:hover {
      background-color: #ffc600; }
      .sharesDiv .link:hover span {
        color: #000; } }

#videoBg .ldb1label {
  display: none; }

#mcd_cookie_popup {
  width: 100%;
  height: 85px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 2147483641; }

#close_mcd_cookie {
  position: fixed;
  bottom: 0px;
  right: 0px;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  background-color: #ffc600;
  font-size: 0px;
  cursor: pointer;
  transition: all 0.5s;
  /*        @media(hover) {
               &:hover {
                  background-color: #000;
                  span {color:$amarelo;}
              }
          }*/
  background-color: #000;
  z-index: 2147483642; }
  #close_mcd_cookie [class^="icon-"], #close_mcd_cookie [class*=" icon-"] {
    font-size: 33px;
    color: #000;
    line-height: 40px; }
  #close_mcd_cookie .icon-close {
    color: #ffc600; }

@media (max-width: 370px) {
  #mcd_footer {
    display: none; } }
.tituloEspecial {
  text-transform: uppercase;
  font-size: 8vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #ffc600;
  padding-left: 10px; }
  @media (min-width: 1024px) {
    .tituloEspecial {
      font-size: 90px; } }

.resultsBtn {
  line-height: 40px;
  display: inline-block;
  padding: 0 1%;
  color: #000;
  font-size: 14px;
  background-color: #ffc600;
  font-family: 'Montserrat', sans-serif;
  margin-right: 10px; }
  @media (max-width: 550px) {
    .resultsBtn {
      font-size: 3.2vw;
      margin-right: 2px; } }

/*  .resultsBtn.artigos{ background-color: $roxo; color:#fff;}
    .resultsBtn.videos{ }
    .resultsBtn.galerias{ background-color: $verde;}*/
.resultsBtn.active {
  background-color: #fff;
  color: #666;
  border: solid #ccc;
  border-width: 1px 1px 0 1px; }
  .resultsBtn.active:hover {
    background-color: transparent; }

.titlePage.tagcabeloPantene {
  font-size: 0px;
  background-image: url("../img/logo_cabelo_pantene.png?v4");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-top: 8%;
  max-width: 500px;
  width: 80%;
  margin: 15px; }

.titlePage.tagarrebentaaselfie {
  font-size: 0px;
  background-image: url("../img/arrebentaaselfie.svg?v4");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-top: 8%;
  max-width: 500px;
  width: 80%;
  margin: 15px; }

.titlePage.tagPorFalarNisso {
  font-size: 0px;
  background-image: url("../img/porfalarnisso.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  height: 170px;
  margin: 20px;
  position: relative; }
  @media (max-width: 550px) {
    .titlePage.tagPorFalarNisso {
      padding-bottom: 26vw;
      height: 0; } }
  .titlePage.tagPorFalarNisso:after {
    content: '';
    display: block;
    background-image: url("../img/multicare_logo.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 380px;
    width: 150px;
    height: 80px; }
    @media (max-width: 1024px) {
      .titlePage.tagPorFalarNisso:after {
        right: 0; } }
    @media (max-width: 550px) {
      .titlePage.tagPorFalarNisso:after {
        width: 30%;
        height: 40px; } }

.titlePageArtigo.tagPorFalarNisso {
  margin: 0 0 10px 0;
  height: 120px; }
  @media (max-width: 550px) {
    .titlePageArtigo.tagPorFalarNisso {
      padding-bottom: 20vw;
      height: 0; } }
  .titlePageArtigo.tagPorFalarNisso:after {
    right: 0; }

._artigo {
  /*    .artigoWrapper {overflow: visible; }*/
  /*    .gridCell2 {
          padding-top:35px;
      }*/ }
  ._artigo article {
    font-size: 20px;
    line-height: 1.5; }
    @media (min-width: 768px) {
      ._artigo article {
        padding-right: 5vw; } }
  ._artigo .picture16x9 {
    background-position: center top; }
  ._artigo .picture16x9.loading {
    background-size: 45px; }
    ._artigo .picture16x9.loading #player1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  ._artigo #article_header {
    overflow: hidden;
    clear: both;
    /*        padding-bottom:30px;*/ }
    @media (hover) {
      ._artigo #article_header a:hover {
        cursor: pointer;
        /*                 .title{background-color: #000;}*/ }
        ._artigo #article_header a:hover .botao {
          /*background-color: #000;*/
          color: #ffc600; }
          ._artigo #article_header a:hover .botao span {
            color: #ffc600; } }
    ._artigo #article_header .article_headerContent {
      overflow: hidden;
      padding: 5vw; }
      @media (min-width: 640px) and (max-width: 960px) {
        ._artigo #article_header .article_headerContent {
          padding: 4vw 5vw; } }
      @media (min-width: 961px) {
        ._artigo #article_header .article_headerContent {
          padding: 3vw 4vw; } }
      @media (min-width: 1350px) {
        ._artigo #article_header .article_headerContent {
          padding: 30px 4vw 30px 100px; } }
      ._artigo #article_header .article_headerContent .exclusivoLabel {
        padding: 0 7px;
        margin: 0 15px 15px 0; }
      ._artigo #article_header .article_headerContent h1 {
        font-size: 6.5vw;
        line-height: 7.5vw;
        font-weight: 700;
        padding-bottom: 25px; }
        @media (min-width: 640px) and (max-width: 960px) {
          ._artigo #article_header .article_headerContent h1 {
            font-size: 4.5vw;
            line-height: 5.5vw; } }
        @media (min-width: 961px) {
          ._artigo #article_header .article_headerContent h1 {
            font-size: 3.5vw;
            line-height: 4vw; } }
        @media (min-width: 1350px) {
          ._artigo #article_header .article_headerContent h1 {
            font-size: 40px;
            line-height: 48px; } }
      ._artigo #article_header .article_headerContent .opiniaoArtigo {
        display: block;
        overflow: hidden;
        margin-bottom: 15px;
        font-size: 13px;
        color: #808080; }
        ._artigo #article_header .article_headerContent .opiniaoArtigo .fotoPerson {
          margin-left: 0;
          border: 0;
          display: block;
          width: 70px;
          max-width: 70px;
          height: 70px;
          max-height: 70px;
          overflow: hidden;
          -webkit-border-radius: 35px;
          -moz-border-radius: 35px;
          border-radius: 35px; }
          ._artigo #article_header .article_headerContent .opiniaoArtigo .fotoPerson span {
            max-width: 70px;
            max-height: 70px;
            overflow: hidden; }
        @media (hover) {
          ._artigo #article_header .article_headerContent .opiniaoArtigo:hover {
            background-color: transparent; } }
      ._artigo #article_header .article_headerContent .date {
        font-size: 12px;
        color: #808080;
        text-transform: uppercase;
        padding: 10px 0;
        font-family: 'Montserrat', sans-serif; }
      ._artigo #article_header .article_headerContent .autores {
        height: 40px;
        display: inline-block;
        float: left; }
        ._artigo #article_header .article_headerContent .autores .imgAutor {
          width: 35px;
          height: 35px;
          display: block;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          float: left; }
  ._artigo figure img {
    /*            width:100%;*/
    height: auto;
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  ._artigo figure figcaption {
    text-align: center;
    color: #808080;
    font-size: 14px;
    padding-bottom: 40px; }
  ._artigo .multimediaArtigo {
    display: block;
    margin: 0.5%;
    position: relative; }
    @media (min-width: 1023px) {
      ._artigo .multimediaArtigo:after {
        display: block;
        content: '';
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        transition: opacity 0.2s; } }
    @media (hover) {
      ._artigo .multimediaArtigo:hover:after {
        opacity: 1; } }
  ._artigo .extraWrapper {
    padding: 8px 8px 0 8px;
    /*              background-color: #e7e6e1; */
    margin-top: 20px;
    /*               @media(min-width:480px){text-align: center;}*/ }
    @media (min-width: 1150px), (min-width: 600px) and (max-width: 767px) {
      ._artigo .extraWrapper {
        text-align: center; } }
  ._artigo .maisVideos {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 80px; }
    @media (min-width: 480px) and (max-width: 767px), (min-width: 820px) and (max-width: 1150px) {
      ._artigo .maisVideos {
        width: 32%; } }
    @media (min-width: 1150px) {
      ._artigo .maisVideos {
        width: 19%; } }
    ._artigo .maisVideos .picture16x9 {
      -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
      box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35); }
      ._artigo .maisVideos .picture16x9 .legenda {
        display: block;
        top: 0;
        /*                .botao {
                            position: absolute; 
                            top:50%;
                            left:50%;
        
                            width:60px;
                            height: 60px;
                            margin-top:-30px;
                            margin-left:-30px;
                            span {line-height: 60px;}
        
                            background-color: #ffc600a1;
        
                            @media (max-width:480px){ 
                                background-color:transparent; 
                                color:#fff; 
                                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
                            }
        
        
                        }*/
        /*                .botaogaleria {
                            background-color: #44bcb894;
                            @media (max-width:480px){ background-color:transparent;}
                        }*/ }
        ._artigo .maisVideos .picture16x9 .legenda .title, ._artigo .maisVideos .picture16x9 .legenda .botao {
          display: block; }
        ._artigo .maisVideos .picture16x9 .legenda .title {
          position: absolute;
          top: 100%;
          color: #000;
          text-align: left;
          text-shadow: none;
          font-size: 12px;
          line-height: 1.2;
          /*                    background-color: #e7e6e2;*/
          height: 55px;
          right: 5px;
          left: 5px; }
    ._artigo .maisVideos .botao span {
      font-size: 40px; }
      @media (max-width: 1280px) {
        ._artigo .maisVideos .botao span {
          font-size: 3.5vw; } }
      @media (max-width: 600px) {
        ._artigo .maisVideos .botao span {
          font-size: 8vw; } }
  ._artigo .maisVideos.selected {
    opacity: 0.3; }
  ._artigo .artigoWrapper .gridCell2 {
    float: left; }
    @media (min-width: 768px) and (max-width: 960px) {
      ._artigo .artigoWrapper .gridCell2 {
        width: calc(100% - 320px); }
        ._artigo .artigoWrapper .gridCell2 article {
          font-size: 20px;
          line-height: 1.3; } }
    @media (max-width: 767px) {
      ._artigo .artigoWrapper .gridCell2 {
        width: 100%;
        float: none; }
        ._artigo .artigoWrapper .gridCell2 article {
          /*                                        img{width:calc(100% + 8vw); margin-left:-4vw;}*/
          font-size: 20px;
          line-height: 1.3; } }
  ._artigo .continuaralerWrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 75px;
    padding: 120px 0 100px 0;
    background: -moz-linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, white));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    /* ie6-9 */ }
    ._artigo .continuaralerWrapper .botao.continuaraler {
      margin: 0 auto;
      width: 220px;
      font-size: 18px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      line-height: 75px;
      -webkit-box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.25);
      box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.25); }
      @media (max-width: 480px) {
        ._artigo .continuaralerWrapper .botao.continuaraler {
          line-height: 60px; } }
      @media (hover) {
        ._artigo .continuaralerWrapper .botao.continuaraler:hover {
          color: #ffc600;
          background-color: #000; } }
    ._artigo .continuaralerWrapper .botao.continuaraler2 {
      background-color: transparent;
      margin: 0 auto; }
      ._artigo .continuaralerWrapper .botao.continuaraler2 span {
        color: #ffc600; }
      @media (max-width: 767px) {
        ._artigo .continuaralerWrapper .botao.continuaraler2 {
          display: none; } }
    ._artigo .continuaralerWrapper .lateralArtigo {
      background-color: transparent; }
  ._artigo .viewableAd_article, ._artigo .viewableAd_articleMPU1 {
    margin: 30px auto;
    text-align: center; }
  ._artigo .articleContent {
    padding: 0 2.5vw; }
    ._artigo .articleContent .resumo {
      padding-top: 25px; }
    ._artigo .articleContent .conteudo, ._artigo .articleContent .resumo {
      position: relative; }
      ._artigo .articleContent .conteudo p a, ._artigo .articleContent .resumo p a {
        background-color: #ffe37e; }
      ._artigo .articleContent .conteudo p, ._artigo .articleContent .conteudo h1, ._artigo .articleContent .conteudo h2, ._artigo .articleContent .conteudo h3, ._artigo .articleContent .conteudo h4, ._artigo .articleContent .conteudo h5, ._artigo .articleContent .resumo p, ._artigo .articleContent .resumo h1, ._artigo .articleContent .resumo h2, ._artigo .articleContent .resumo h3, ._artigo .articleContent .resumo h4, ._artigo .articleContent .resumo h5 {
        margin: 15px 0; }
      ._artigo .articleContent .conteudo h2, ._artigo .articleContent .resumo h2 {
        font-size: 26px; }
      ._artigo .articleContent .conteudo h3, ._artigo .articleContent .resumo h3 {
        font-size: 22px; }
      ._artigo .articleContent .conteudo img, ._artigo .articleContent .resumo img {
        /*            margin-left:-3.7vw;*/
        max-width: 100%;
        height: auto;
        margin: 20px auto;
        display: block;
        /*            width: calc(100% + 7vw);
                     
                    @media (min-width:640px)and(max-width:960px) {
                                   
                               }
                                                      
                               @media (min-width:961px) {
                                    width:65vw; 
                               }
                               
                               @media (min-width:1600px) {
                                    width:1045px;
                               }*/ }
      ._artigo .articleContent .conteudo blockquote, ._artigo .articleContent .resumo blockquote {
        /*            font-weight: 700;*/
        /*            font-family: 'Montserrat', sans-serif;*/
        padding: 0.5vw 2vw; }
      ._artigo .articleContent .conteudo twitterwidget, ._artigo .articleContent .conteudo iframe, ._artigo .articleContent .conteudo object, ._artigo .articleContent .conteudo img, ._artigo .articleContent .conteudo blockquote, ._artigo .articleContent .conteudo .twitter-tweet, ._artigo .articleContent .resumo twitterwidget, ._artigo .articleContent .resumo iframe, ._artigo .articleContent .resumo object, ._artigo .articleContent .resumo img, ._artigo .articleContent .resumo blockquote, ._artigo .articleContent .resumo .twitter-tweet {
        margin: 15px auto !important;
        display: block; }
      ._artigo .articleContent .conteudo .instagram-media, ._artigo .articleContent .resumo .instagram-media {
        width: 100%; }
      ._artigo .articleContent .conteudo em, ._artigo .articleContent .conteudo i, ._artigo .articleContent .resumo em, ._artigo .articleContent .resumo i {
        font-style: italic; }
      ._artigo .articleContent .conteudo .pub, ._artigo .articleContent .resumo .pub {
        margin: 25px auto 35px auto; }
    ._artigo .articleContent p.resumo {
      font-size: 22px;
      margin-bottom: 40px; }
    @media (min-width: 768px) {
      ._artigo .articleContent {
        padding: 0 0 0px 80px;
        width: calc(100% - 80px); } }
    ._artigo .articleContent #sticky-wrapper, ._artigo .articleContent .wrapper-sticky, ._artigo .articleContent .sharesDiv {
      margin: 0 !important; }
    ._artigo .articleContent #sticky-wrapper {
      z-index: 3; }
    @media (min-width: 768px) {
      ._artigo .articleContent .wrapper-sticky {
        height: 0 !important; }
      ._artigo .articleContent #sticky-wrapper {
        z-index: 0;
        /*              height:270px!important;*/ } }
    ._artigo .articleContent .sharesDiv {
      background-color: #fff;
      text-align: right;
      width: 94vw;
      padding-right: 10px; }
      @media (min-width: 768px) {
        ._artigo .articleContent .sharesDiv {
          position: absolute;
          top: 30px;
          left: -80px;
          width: 60px;
          height: 270px;
          padding: 0; } }
      ._artigo .articleContent .sharesDiv .link {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: solid 5px #fff;
        background-color: #e7e6e2;
        /*            margin: 4px 0;*/ }
        @media (min-width: 768px) {
          ._artigo .articleContent .sharesDiv .link {
            display: block; } }
        ._artigo .articleContent .sharesDiv .link span {
          display: block;
          line-height: 50px;
          color: #b6b3ac;
          font-size: 25px; }
        @media (hover) {
          ._artigo .articleContent .sharesDiv .link:hover {
            background-color: #ffc600; }
            ._artigo .articleContent .sharesDiv .link:hover span {
              color: #000; } }
  ._artigo .tags {
    padding: 40px 0;
    overflow: hidden; }
    ._artigo .tags li {
      float: left; }
  ._artigo .lateralArtigo {
    /*      margin-top:-75px;*/
    background-color: #e7e6e2; }
    ._artigo .lateralArtigo .pub {
      margin: 30px auto;
      width: 300px; }
    ._artigo .lateralArtigo h3 {
      font-size: 30px;
      padding: 10px; }
    @media (min-width: 768px) and (max-width: 960px) {
      ._artigo .lateralArtigo {
        width: 320px; }
        ._artigo .lateralArtigo h2 {
          font-size: 18px !important;
          line-height: 22px !important;
          padding: 12px !important; } }
    @media (max-width: 767px) {
      ._artigo .lateralArtigo {
        width: 100%;
        float: none; }
        ._artigo .lateralArtigo .layout1 {
          width: 50%;
          float: left; } }
    @media (max-width: 640px) {
      ._artigo .lateralArtigo .layout1 {
        width: 100%;
        float: none; } }
  ._artigo .destaquesartigo .layout1 .title {
    background-color: #fff; }
  @media (min-width: 1150px) {
    ._artigo .playerListaVideos {
      width: 64%;
      padding: 0 0.5% !important;
      float: left;
      height: 430px; } }
  @media (min-width: 1150px) {
    ._artigo .listaVideosPlaylist {
      width: 100%;
      position: relative;
      height: 430px; }
      ._artigo .listaVideosPlaylist:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 35%;
        right: 14px;
        height: 20px;
        background: -moz-linear-gradient(90deg, black 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%, black));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
        /* ie10+ */
        background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
        /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
        /* ie6-9 */ } }
  ._artigo .listaVideosWrapper {
    background-color: #222;
    /*        margin-top:30px;*/ }
    @media (min-width: 1150px) {
      ._artigo .listaVideosWrapper {
        width: 35%;
        float: left;
        padding: 0 0 30px 0 !important;
        margin: 0;
        height: 400px;
        overflow-y: auto; } }
    ._artigo .listaVideosWrapper .listaVideos {
      display: table;
      overflow: hidden;
      width: 100%;
      cursor: pointer; }
      ._artigo .listaVideosWrapper .listaVideos .imgVideo {
        padding: 10px 5px;
        width: 15px;
        /*            float:left;*/
        display: table-cell;
        /*                @media(max-width:480px){
                            width:80px;
                            .picture16x9 {
                                padding-bottom:100%;
        
                            }
                        }*/ }
        ._artigo .listaVideosWrapper .listaVideos .imgVideo .botao {
          background-color: transparent;
          width: 100%;
          height: 25px;
          margin: 0;
          top: 0;
          left: 0; }
          ._artigo .listaVideosWrapper .listaVideos .imgVideo .botao span {
            font-size: 20px;
            color: #ffc600;
            line-height: 25px;
            /*                        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);*/ }
      ._artigo .listaVideosWrapper .listaVideos .title {
        /*            height: 57px;*/
        display: table-cell;
        padding: 12px 8px 12px 0;
        vertical-align: middle;
        font-weight: 700;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        /*                font-family: 'Montserrat', sans-serif; */
        /*                text-transform: uppercase;*/ }
    ._artigo .listaVideosWrapper .listaVideos.selected {
      background-color: #44bcb8; }
      ._artigo .listaVideosWrapper .listaVideos.selected .botao span {
        color: #fff; }
    ._artigo .listaVideosWrapper a {
      display: block; }
      ._artigo .listaVideosWrapper a:visited .imgVideo, ._artigo .listaVideosWrapper a:visited .title {
        color: #909090; }
  ._artigo .listaVideosWrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.1); }
  ._artigo .listaVideosWrapper::-webkit-scrollbar {
    width: 14px;
    background-color: #000; }
  ._artigo .listaVideosWrapper::-webkit-scrollbar-thumb {
    background-color: #ffc600;
    /*#F2DC68*/
    border: solid 2px #000;
    border-radius: 6px; }
  ._artigo .relacionadosDiv {
    /*        max-width: 750px;*/
    padding-top: 50px; }
    ._artigo .relacionadosDiv h3 {
      font-size: 30px; }
    ._artigo .relacionadosDiv a {
      display: table;
      width: 100%;
      margin: 5px 0; }
    ._artigo .relacionadosDiv .img-artigo {
      width: 110px;
      display: table-cell; }
      ._artigo .relacionadosDiv .img-artigo .botao {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0px;
        height: auto;
        margin: 0;
        background-color: rgba(255, 197, 0, 0.5);
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
        ._artigo .relacionadosDiv .img-artigo .botao span {
          font-size: 36px;
          line-height: 93px;
          color: #000; }
      ._artigo .relacionadosDiv .img-artigo .botaogaleria {
        background-color: rgba(146, 82, 159, 0.5); }
        ._artigo .relacionadosDiv .img-artigo .botaogaleria span {
          color: #fff;
          font-size: 28px; }
      ._artigo .relacionadosDiv .img-artigo .duracao {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 10px;
        font-weight: 700;
        background-color: black;
        color: #fff;
        padding: 0 3px;
        display: inline-block; }
    ._artigo .relacionadosDiv .title {
      display: table-cell;
      vertical-align: middle;
      padding: 0 15px;
      background-color: #e7e6e2;
      /*            text-transform: uppercase;*/ }
      ._artigo .relacionadosDiv .title h2 {
        font-size: 18px;
        line-height: 1.3;
        font-weight: 600; }
        @media (max-width: 1024px) {
          ._artigo .relacionadosDiv .title h2 {
            font-size: 1.7vw; } }
        @media (max-width: 767px) {
          ._artigo .relacionadosDiv .title h2 {
            font-size: 2.7vw;
            line-height: 1.3; } }
        @media (max-width: 480px) {
          ._artigo .relacionadosDiv .title h2 {
            font-size: 3.5vw; } }
  ._artigo .especialidadesContacts {
    border: solid 1px #ccc;
    margin: 20px 0;
    padding: 15px 10px 15px 70px;
    font-size: 13px;
    color: #555;
    position: relative;
    background-color: #ffc60012; }
    ._artigo .especialidadesContacts .nomeLabel {
      font-size: 13px;
      line-height: 16px;
      margin-bottom: 3px; }
    ._artigo .especialidadesContacts .fotoPerson {
      width: 40px;
      height: 40px;
      position: absolute;
      left: 15px;
      margin: 0; }
    ._artigo .especialidadesContacts ul {
      clear: both;
      margin-top: 15px; }
    ._artigo .especialidadesContacts li {
      padding: 3px 0 0 0;
      position: relative;
      margin-top: 4px;
      min-height: 17px; }
    ._artigo .especialidadesContacts a {
      text-decoration: none;
      color: #111;
      word-break: break-all; }
    ._artigo .especialidadesContacts .icon {
      color: #000;
      display: block;
      position: absolute;
      left: -25px;
      top: 0;
      background-color: #ffc600;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center; }

.carasWrapper {
  overflow: hidden;
  margin: 50px 0 80px 0;
  position: relative; }
  .carasWrapper .caraDiv {
    display: block;
    width: 33.333%;
    float: left;
    overflow: hidden; }
    .carasWrapper .caraDiv .fotoCara {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      .carasWrapper .caraDiv .fotoCara .title {
        font-family: 'Montserrat', sans-serif;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        color: #fff;
        background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 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.5)));
        /* safari4+,chrome */
        background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* opera 11.10+ */
        background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* ie10+ */
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
        /* ie6-9 */
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
        padding: 30px 10px 10px 10px; }
  .carasWrapper .moreCaras {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffc600;
    opacity: 0.6; }
    .carasWrapper .moreCaras .icon-plus {
      font-size: 50px;
      display: block;
      text-align: center;
      top: 50%;
      margin-top: -25px;
      position: absolute;
      width: 100%; }
    @media (hover) {
      .carasWrapper .moreCaras:hover {
        opacity: 0.95; } }

.carasWrapper.gridWrapper .caraDiv {
  width: 100%; }
  @media (min-width: 961px) {
    .carasWrapper.gridWrapper .caraDiv {
      width: 33.333%;
      float: left; } }
  @media (min-width: 640px) and (max-width: 960px) {
    .carasWrapper.gridWrapper .caraDiv {
      width: 50%;
      float: left; } }

.autoresWrapper .caraDiv {
  width: 50%; }
  .autoresWrapper .caraDiv .title {
    font-size: 20px !important;
    font-weight: 700; }
    .autoresWrapper .caraDiv .title .cargo {
      font-size: 14px !important;
      font-weight: 400; }

._caras .carasWrapper {
  margin: 0; }
  @media (max-width: 1023px) {
    ._caras .carasWrapper .caraDiv {
      width: 50%; } }
  @media (max-width: 639px) {
    ._caras .carasWrapper .caraDiv {
      width: 100%; } }
  ._caras .carasWrapper .caraDiv .fotoCara .title {
    font-size: 20px;
    font-weight: 700; }
  ._caras .carasWrapper .caraDivMrecLateral {
    float: right;
    text-align: center; }
    ._caras .carasWrapper .caraDivMrecLateral .fotoCara {
      padding-bottom: 200%; }
      ._caras .carasWrapper .caraDivMrecLateral .fotoCara .lateralContent {
        width: 300px;
        margin: 0 auto;
        height: 620px;
        overflow: hidden; }
        ._caras .carasWrapper .caraDivMrecLateral .fotoCara .lateralContent .newsletter {
          background-color: #b6b3ac; }
  @media (max-width: 640px) {
    ._caras .carasWrapper .caraDivMrecMobile .fotoCara {
      height: 250px;
      padding: 25px 0; } }
  @media (max-width: 767px) {
    ._caras .carasWrapper .caraDivMrecLateral {
      display: none; } }
  @media (min-width: 768px) {
    ._caras .carasWrapper .caraDivMrecMobile {
      display: none; } }

.linkSmall {
  line-height: 35px;
  font-size: 13px;
  font-style: italic;
  color: #92529f;
  float: left;
  display: inline-block;
  padding: 0 18px 0 12px; }

.linkSmall.fonte {
  color: #808080;
  padding-left: 4px; }

.letrasWrapper {
  overflow: hidden;
  clear: both;
  padding: 20px 0; }
  .letrasWrapper li {
    float: left;
    width: 11.111%;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background-color: #e7e6e2;
    color: #b6b3ac;
    margin-bottom: 1px; }
    @media (min-width: 768px) {
      .letrasWrapper li {
        width: 7.69%;
        font-size: 20px; } }
    @media (min-width: 1024px) {
      .letrasWrapper li {
        width: 3.5%; } }
    .letrasWrapper li a {
      display: block;
      border-right: solid 1px #fff;
      background-color: #ffc600; }
      @media (hover) {
        .letrasWrapper li a:hover {
          color: #ffc600;
          background-color: #000; } }
    .letrasWrapper li .active {
      color: #ffc600;
      background-color: #000; }
  .letrasWrapper li.top {
    width: 10%;
    width: 11.111%; }
    @media (min-width: 768px) {
      .letrasWrapper li.top {
        width: 7.69%; } }
    @media (min-width: 1024px) {
      .letrasWrapper li.top {
        width: 9%; } }

._artigoPage .articleContent .conteudo {
  margin: 10px auto !important;
  display: block; }

.rc-wc {
  text-transform: none !important;
  font-size: 14px; }

.pubinside {
  /*    background-color: #f0f0f0;*/
  width: 300px;
  min-height: 250px; }

/* ### variáveis de cada projecto ### */
.owl-nav, #close-btn span, .sharesDiv span, #open-share span, .showMoreInfo span, .owl-nav button {
  font-family: 'selfie' !important;
  cursor: pointer;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 60px;
  display: block; }

#close-btn {
  background-color: #ffc600;
  color: #000; }
  #close-btn .bt-back:before {
    content: "\e094"; }
  #close-btn .bt-close:before {
    content: "\e117"; }

.owl-nav button {
  border: 0;
  outline: none; }

#loadDiv .owl-next:before, #loadDivArtigo .owl-next:before, #loadDivUrlGaleria .owl-next:before {
  content: "\e904"; }
#loadDiv .owl-prev:before, #loadDivArtigo .owl-prev:before, #loadDivUrlGaleria .owl-prev:before {
  content: "\e903"; }
#loadDiv .pubOverlay .logo, #loadDivArtigo .pubOverlay .logo, #loadDivUrlGaleria .pubOverlay .logo {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 30px;
  padding: 6px 0 20px 0; }
  #loadDiv .pubOverlay .logo a, #loadDivArtigo .pubOverlay .logo a, #loadDivUrlGaleria .pubOverlay .logo a {
    color: #000; }
#loadDiv #open-share .open-share:before, #loadDivArtigo #open-share .open-share:before, #loadDivUrlGaleria #open-share .open-share:before {
  content: "\e081";
  color: #ffc600; }
#loadDiv #open-share .close-share:before, #loadDivArtigo #open-share .close-share:before, #loadDivUrlGaleria #open-share .close-share:before {
  content: "\e117";
  color: #ccc; }
#loadDiv .sharesDiv .bt-share, #loadDivArtigo .sharesDiv .bt-share, #loadDivUrlGaleria .sharesDiv .bt-share {
  background-color: #000;
  color: #ffc600; }
  #loadDiv .sharesDiv .bt-share:hover, #loadDivArtigo .sharesDiv .bt-share:hover, #loadDivUrlGaleria .sharesDiv .bt-share:hover {
    color: #000;
    background-color: #ffc600; }
#loadDiv .showMoreInfo, #loadDivArtigo .showMoreInfo, #loadDivUrlGaleria .showMoreInfo {
  color: #ffc600; }
  #loadDiv .showMoreInfo .open-txt:before, #loadDivArtigo .showMoreInfo .open-txt:before, #loadDivUrlGaleria .showMoreInfo .open-txt:before {
    content: "\e905"; }
  #loadDiv .showMoreInfo .close-txt:before, #loadDivArtigo .showMoreInfo .close-txt:before, #loadDivUrlGaleria .showMoreInfo .close-txt:before {
    content: "\e906"; }

/* ### FIM variáveis de cada projecto ### */
/* botao fechar janela */
#close-btn {
  font-size: 44px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999992;
  display: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center; }
  #close-btn span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: block; }
  #close-btn .bt-back {
    display: none; }
  #close-btn .bt-close {
    display: block; }
  @media (max-width: 767px) {
    #close-btn {
      right: auto;
      left: 0; }
      #close-btn .bt-back {
        display: block; }
      #close-btn .bt-close {
        display: none; } }

.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; }

/* div wrapper */
#loadDiv, #loadDivArtigo {
  /*    @keyframes verprev {
          from {left: 0px; }
          to {left: 30px;}
      }
  
      @-webkit-keyframes verprev {
          from {left: 0px; }
          to {left: 30px;}
      }*/
  /* desktop landscape */
  /* desktop portrait */
  /* mobile portrait */ }
  #loadDiv #overlayPlayer, #loadDivArtigo #overlayPlayer {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    background-color: #222;
    z-index: 9999992;
    color: #fff;
    /* div lateral com titulo, shares e Mrec */ }
    #loadDiv #overlayPlayer .inner-overlay, #loadDivArtigo #overlayPlayer .inner-overlay {
      width: 100vw;
      position: relative;
      overflow-y: auto;
      height: 100%;
      -webkit-overflow-scrolling: touch; }
    #loadDiv #overlayPlayer .sharesDiv, #loadDivArtigo #overlayPlayer .sharesDiv {
      margin-top: 15px;
      text-align: center; }
    #loadDiv #overlayPlayer .pubOverlay, #loadDivArtigo #overlayPlayer .pubOverlay {
      font-size: 15px;
      line-height: 1.2;
      color: #f0f0f0; }
      @media (min-width: 768px) {
        #loadDiv #overlayPlayer .pubOverlay, #loadDivArtigo #overlayPlayer .pubOverlay {
          min-height: 300px; } }
      #loadDiv #overlayPlayer .pubOverlay .logo, #loadDivArtigo #overlayPlayer .pubOverlay .logo {
        z-index: 2; }
        #loadDiv #overlayPlayer .pubOverlay .logo a, #loadDivArtigo #overlayPlayer .pubOverlay .logo a {
          display: block;
          position: relative; }
          #loadDiv #overlayPlayer .pubOverlay .logo a:hover, #loadDivArtigo #overlayPlayer .pubOverlay .logo a:hover {
            background-color: transparent; }
      #loadDiv #overlayPlayer .pubOverlay h2, #loadDivArtigo #overlayPlayer .pubOverlay h2 {
        font-size: 18px;
        padding: 5px 0 10px 0;
        color: #fff;
        margin-top: 30px; }
    #loadDiv #overlayPlayer .small, #loadDivArtigo #overlayPlayer .small {
      display: block;
      margin-bottom: 10px;
      color: #fff;
      font-size: 12px; }
    #loadDiv #overlayPlayer .pubLateral, #loadDivArtigo #overlayPlayer .pubLateral {
      width: 300px;
      margin: 0 auto; }
    #loadDiv #overlayPlayer .pub2, #loadDivArtigo #overlayPlayer .pub2 {
      text-align: center;
      font-size: 10px;
      color: #ccc;
      margin-top: 20px; }
      #loadDiv #overlayPlayer .pub2 span, #loadDivArtigo #overlayPlayer .pub2 span {
        display: block; }
  #loadDiv .iolgallery-content .owl-nav, #loadDivArtigo .iolgallery-content .owl-nav {
    top: auto;
    bottom: 5px;
    top: auto; }
    #loadDiv .iolgallery-content .owl-nav .owl-next, #loadDiv .iolgallery-content .owl-nav .owl-prev, #loadDivArtigo .iolgallery-content .owl-nav .owl-next, #loadDivArtigo .iolgallery-content .owl-nav .owl-prev {
      position: absolute;
      text-align: center;
      color: #fff;
      top: 50%;
      width: 80px;
      height: 80px;
      min-height: auto;
      margin-top: -40px;
      background-color: transparent;
      color: #fff;
      display: block;
      font-size: 40px;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      z-index: 999999; }
      #loadDiv .iolgallery-content .owl-nav .owl-next:before, #loadDiv .iolgallery-content .owl-nav .owl-prev:before, #loadDivArtigo .iolgallery-content .owl-nav .owl-next:before, #loadDivArtigo .iolgallery-content .owl-nav .owl-prev:before {
        top: 50%;
        margin-top: -40px;
        line-height: 80px; }
        @media (max-width: 767px) {
          #loadDiv .iolgallery-content .owl-nav .owl-next:before, #loadDiv .iolgallery-content .owl-nav .owl-prev:before, #loadDivArtigo .iolgallery-content .owl-nav .owl-next:before, #loadDivArtigo .iolgallery-content .owl-nav .owl-prev:before {
            line-height: 100px; } }
      @media (max-width: 767px) {
        #loadDiv .iolgallery-content .owl-nav .owl-next, #loadDiv .iolgallery-content .owl-nav .owl-prev, #loadDivArtigo .iolgallery-content .owl-nav .owl-next, #loadDivArtigo .iolgallery-content .owl-nav .owl-prev {
          background-color: transparent;
          color: #fff;
          opacity: 1;
          height: 100px;
          width: 100px;
          /*                opacity: 0.7;*/
          margin-top: -50px; } }
      @media (max-width: 767px) {
        #loadDiv .iolgallery-content .owl-nav .owl-next, #loadDiv .iolgallery-content .owl-nav .owl-prev, #loadDivArtigo .iolgallery-content .owl-nav .owl-next, #loadDivArtigo .iolgallery-content .owl-nav .owl-prev {
          font-size: 30px; } }
    #loadDiv .iolgallery-content .owl-nav .owl-next, #loadDivArtigo .iolgallery-content .owl-nav .owl-next {
      right: 0px;
      animation-name: vernext;
      animation-duration: 0.4s;
      animation-iteration-count: 18;
      animation-timing-function: ease;
      animation-direction: alternate;
      -webkit-animation-name: vernext;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-iteration-count: 18;
      -webkit-animation-timing-function: ease;
      -webkit-animation-direction: alternate; }
      @media (max-width: 767px) {
        #loadDiv .iolgallery-content .owl-nav .owl-next, #loadDivArtigo .iolgallery-content .owl-nav .owl-next {
          text-align: right;
          padding-right: 10px; } }
    #loadDiv .iolgallery-content .owl-nav .owl-prev, #loadDivArtigo .iolgallery-content .owl-nav .owl-prev {
      left: 0px;
      /*                   animation-name: verprev;
                         animation-duration: 0.4s;
                         animation-iteration-count: 18;
                         animation-timing-function: ease;
                         animation-direction: alternate;
      
                         -webkit-animation-name: verprev;
                         -webkit-animation-duration: 0.4s;
                         -webkit-animation-iteration-count: 18;
                         -webkit-animation-timing-function: ease;
                         -webkit-animation-direction: alternate;*/ }
      @media (max-width: 767px) {
        #loadDiv .iolgallery-content .owl-nav .owl-prev, #loadDivArtigo .iolgallery-content .owl-nav .owl-prev {
          text-align: left;
          padding-left: 10px; } }
@keyframes vernext {
  from {
    right: 0px; }
  to {
    right: 30px; } }
@-webkit-keyframes vernext {
  from {
    right: 0px; }
  to {
    right: 30px; } }
  @media (min-width: 768px) and (orientation: landscape) {
    #loadDiv .iolgallery:before, #loadDivArtigo .iolgallery:before {
      padding-top: 100% !important; }
    #loadDiv .wrapPlayer, #loadDivArtigo .wrapPlayer {
      margin: 0px 360px 0px 0px; }
    #loadDiv .pubOverlay, #loadDivArtigo .pubOverlay {
      position: absolute;
      right: 0;
      top: 10px;
      width: 300px;
      padding: 0 30px; }
      #loadDiv .pubOverlay iframe, #loadDivArtigo .pubOverlay iframe {
        display: block;
        margin: 0 auto 15px auto; }
    #loadDiv .showMoreInfo, #loadDivArtigo .showMoreInfo {
      display: none; } }
  @media (min-width: 768px) and (orientation: portrait) {
    #loadDiv .wrapPlayer, #loadDivArtigo .wrapPlayer {
      margin-top: 60px; }
    #loadDiv .pubOverlay, #loadDivArtigo .pubOverlay {
      padding: 10px; }
      #loadDiv .pubOverlay iframe, #loadDivArtigo .pubOverlay iframe {
        display: block;
        margin: 0 auto 15px auto; }
      #loadDiv .pubOverlay .logo, #loadDivArtigo .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) {
    #loadDiv .pubOverlay, #loadDivArtigo .pubOverlay {
      /*                       text-align: center;*/ }
      #loadDiv .pubOverlay .logo, #loadDivArtigo .pubOverlay .logo {
        margin: 0 auto; } }
  @media (min-width: 768px) and (orientation: portrait) and (min-width: 600px) {
    #loadDiv .pubOverlay .contentData, #loadDivArtigo .pubOverlay .contentData {
      float: left;
      margin: 10px 350px 0 10px; }
    #loadDiv .pubOverlay .pub2, #loadDivArtigo .pubOverlay .pub2 {
      position: absolute;
      right: 15px; } }
  @media (min-width: 768px) and (orientation: portrait) {
      #loadDiv .pubOverlay .showMoreInfo, #loadDivArtigo .pubOverlay .showMoreInfo {
        display: none; }
      #loadDiv .pubOverlay .moreInfo, #loadDivArtigo .pubOverlay .moreInfo {
        padding: 5px 0 60px 0; } }
  @media (max-width: 480px) and (orientation: portrait) {
    #loadDiv .moreInfo.closed, #loadDivArtigo .moreInfo.closed {
      max-height: 30px;
      padding: 10px 0 10px 10px;
      margin-bottom: 30px;
      overflow: hidden;
      position: relative;
      transition: all 0.3s; }
      #loadDiv .moreInfo.closed:after, #loadDivArtigo .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 */ }
    #loadDiv .showMoreInfo, #loadDivArtigo .showMoreInfo {
      display: block !important;
      width: 60px;
      height: 60px;
      float: right;
      line-height: 60px;
      text-align: center;
      font-size: 30px;
      color: #ffc600; } }
@media (min-width: 768px) and (orientation: portrait) {
  #loadDiv .iolgallery:before, #loadDivArtigo .iolgallery:before {
    padding-top: 63vh !important; } }
@media (min-width: 768px) and (orientation: landscape) {
  #loadDiv .iolgallery:before, #loadDivArtigo .iolgallery:before {
    padding-top: 100vh !important; } }
  @media (min-width: 768px) {
    #loadDiv #open-share, #loadDivArtigo #open-share {
      display: none; } }
@media (max-width: 767px) and (orientation: portrait) {
  #loadDiv .wrapPlayer, #loadDivArtigo .wrapPlayer {
    margin-top: 60px; } }
  @media (max-width: 767px) {
    #loadDiv .iolgallery:before, #loadDivArtigo .iolgallery:before {
      content: ''; } }
  @media (max-width: 767px) and (orientation: portrait) {
    #loadDiv .iolgallery:before, #loadDivArtigo .iolgallery:before {
      padding-top: 80vh !important; } }
  @media (max-width: 767px) and (orientation: landscape) {
    #loadDiv .iolgallery:before, #loadDivArtigo .iolgallery:before {
      padding-top: 100vh !important; } }

  #loadDiv .iolgallery-slide-wrapper, #loadDivArtigo .iolgallery-slide-wrapper {
    height: 100%; }
  #loadDiv .iolgallery-content, #loadDivArtigo .iolgallery-content {
    background-color: #000;
    background-image: url("/img/loading.svg");
    background-position: center;
    background-repeat: no-repeat; }
  #loadDiv .iolgallery-slide, #loadDivArtigo .iolgallery-slide {
    height: 100%;
    min-height: 250px; }
  #loadDiv .iolgallery-slide-title, #loadDivArtigo .iolgallery-slide-title {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    margin-right: 10px;
    text-align: center;
    font-size: 12px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    line-height: 1.3;
    padding: 2% 10px;
    width: calc(100% - 20px); }
    @media (min-width: 1025px) and (orientation: portrait) {
      #loadDiv .iolgallery-slide-title, #loadDivArtigo .iolgallery-slide-title {
        font-size: 16px !important; } }
    #loadDiv .iolgallery-slide-title .iolgallery-slide-number, #loadDivArtigo .iolgallery-slide-title .iolgallery-slide-number {
      font-weight: 300;
      color: #ccc; }
      #loadDiv .iolgallery-slide-title .iolgallery-slide-number span, #loadDivArtigo .iolgallery-slide-title .iolgallery-slide-number span {
        font-weight: 700;
        font-size: 15px;
        color: #fff; }
    #loadDiv .iolgallery-slide-title .iolgallery-slide-description, #loadDivArtigo .iolgallery-slide-title .iolgallery-slide-description {
      font-weight: 300;
      margin-top: 5px;
      margin-right: 5px;
      color: #bababa; }
      #loadDiv .iolgallery-slide-title .iolgallery-slide-description a, #loadDivArtigo .iolgallery-slide-title .iolgallery-slide-description a {
        color: #ffc600; }
  @media (max-width: 767px) {
    #loadDiv .jw-dock-button, #loadDivArtigo .jw-dock-button {
      display: none; }
    #loadDiv .galeriaContent .pub2, #loadDivArtigo .galeriaContent .pub2 {
      display: none; }
    #loadDiv .logo, #loadDivArtigo .logo {
      display: none; }
    #loadDiv .titleGaleria, #loadDivArtigo .titleGaleria {
      position: fixed;
      top: 0px;
      left: 60px;
      right: 60px;
      height: 60px;
      background-color: #222;
      display: table;
      width: calc(100% - 120px);
      z-index: 9999997; }
    #loadDiv h2, #loadDivArtigo 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) {
    #loadDiv h2, #loadDivArtigo h2 {
      font-size: 12px !important; } }
  @media (max-width: 767px) {
    #loadDiv .pubOverlay, #loadDivArtigo .pubOverlay {
      padding: 10px; }
      #loadDiv .pubOverlay .small, #loadDivArtigo .pubOverlay .small {
        margin-left: 5px;
        display: none !important; }
      #loadDiv .pubOverlay .showMoreInfo, #loadDivArtigo .pubOverlay .showMoreInfo {
        display: none; }
      #loadDiv .pubOverlay .moreInfo, #loadDivArtigo .pubOverlay .moreInfo {
        font-size: 15px;
        padding: 5px 0 15px 0; } }
  @media (max-width: 767px) and (max-width: 480px) {
    #loadDiv .pubOverlay .moreInfo, #loadDivArtigo .pubOverlay .moreInfo {
      display: block; }
    #loadDiv .pubOverlay .showMoreInfo, #loadDivArtigo .pubOverlay .showMoreInfo {
      display: none; } }
  @media (max-width: 767px) {
      #loadDiv .pubOverlay .sharesDiv, #loadDivArtigo .pubOverlay .sharesDiv {
        position: fixed;
        top: -300px;
        right: 0px;
        z-index: 9999996;
        background-color: #222;
        transition: all 0.3s; }
        #loadDiv .pubOverlay .sharesDiv .link, #loadDivArtigo .pubOverlay .sharesDiv .link {
          display: block;
          width: 60px;
          height: 60px;
          line-height: 60px;
          margin: 0; }
          #loadDiv .pubOverlay .sharesDiv .link span, #loadDivArtigo .pubOverlay .sharesDiv .link span {
            line-height: 60px;
            font-size: 24px; }
      #loadDiv .pubOverlay #open-share, #loadDivArtigo .pubOverlay #open-share {
        position: fixed;
        top: 0;
        right: 0px;
        z-index: 9999997;
        display: block;
        width: 60px;
        height: 60px;
        overflow: hidden;
        text-align: center;
        background-color: #ffc600;
        font-size: 0px;
        cursor: pointer;
        transition: all 0.5s;
        /*        @media(hover) {
                     &:hover {
                        background-color: #000;
                        span {color:$amarelo;}
                    }
                }*/
        background-color: #222;
        font-size: 35px; }
        #loadDiv .pubOverlay #open-share [class^="icon-"], #loadDiv .pubOverlay #open-share [class*=" icon-"], #loadDivArtigo .pubOverlay #open-share [class^="icon-"], #loadDivArtigo .pubOverlay #open-share [class*=" icon-"] {
          font-size: 34px;
          color: #000;
          line-height: 60px; } }
  #loadDiv .iolgallery-slide-pub, #loadDivArtigo .iolgallery-slide-pub {
    text-align: center;
    font-size: 12px;
    display: table;
    width: 100%;
    height: 100%; }
    #loadDiv .iolgallery-slide-pub .iolgallery-slide-pub-content, #loadDivArtigo .iolgallery-slide-pub .iolgallery-slide-pub-content {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #ccc; }
    #loadDiv .iolgallery-slide-pub iframe, #loadDivArtigo .iolgallery-slide-pub iframe {
      margin: 0 auto; }

@media (max-width: 767px) and (orientation: landscape) {
  #loadDiv .wrapPlayer {
    margin-top: 0; }
  #loadDiv .iolgallery:before {
    content: '';
    padding-top: 100vh !important; }
  #loadDiv .titleGaleria, #loadDiv .moreInfo, #loadDiv .pub2 {
    display: none !important; }
  #loadDiv .pubOverlay {
    padding: 0 !important; }
  #loadDiv #open-share {
    background-color: transparent !important; }
  #loadDiv .videoContent #open-share {
    display: none !important; }

  #close-btn {
    background-color: rgba(255, 198, 0, 0.6) !important; } }
/* iOS phones*/
@media (orientation: landscape) {
  .os-ios #loadDiv .iolgallery:before {
    /* iphone6 plus */
    /* iphone6 / 7 */
    /* iphone5 / 4 */ } }
  @media only screen and (orientation: landscape) and (max-width: 1024px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 768px !important; } }
  @media only screen and (orientation: landscape) and (max-width: 736px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 414px !important; } }
  @media only screen and (orientation: landscape) and (max-width: 667px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 375px !important; } }
  @media only screen and (orientation: landscape) and (max-width: 568px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 320px !important; } }

@media (orientation: portrait) {
  .os-ios #loadDiv .iolgallery:before {
    /* iphone6 plus */
    /* iphone6 plus */
    /* iphone6 / 7 */
    /* iphone5 */
    /* iPhone 4 */ } }
  @media only screen and (orientation: portrait) and (max-width: 768px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 600px !important; } }
  @media only screen and (orientation: portrait) and (max-width: 414px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 640px !important; } }
  @media only screen and (orientation: portrait) and (max-width: 375px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 540px !important; } }
  @media only screen and (orientation: portrait) and (max-width: 320px) and (max-device-height: 568px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 470px !important; } }
  @media only screen and (orientation: portrait) and (max-width: 320px) and (max-device-height: 480px) {
    .os-ios #loadDiv .iolgallery:before {
      padding-top: 420px !important; } }

.b, .a {
  height: 100px;
  width: 80px;
  position: absolute;
  top: 50%;
  min-height: auto;
  margin-top: -60px;
  display: block;
  padding: 10px; }

.b {
  right: 0; }

.a {
  left: 0; }

#loadDivArtigo {
  /*    background-color: #000;*/
  position: relative;
  z-index: 1; }
  @media (min-width: 767px) {
    #loadDivArtigo {
      padding: 5px; } }
  #loadDivArtigo .iolgallery:before {
    padding-top: 80% !important; }
    @media (max-width: 767px) {
      #loadDivArtigo .iolgallery:before {
        padding-top: 105% !important; } }
    @media (orientation: landscape) and (max-width: 1280px) {
      #loadDivArtigo .iolgallery:before {
        padding-top: 80vh !important; } }
    @media (orientation: landscape) and (max-width: 767px) {
      #loadDivArtigo .iolgallery:before {
        padding-top: 56.6% !important; } }
  #loadDivArtigo .iolgallery-slide-title {
    color: #FFF;
    font-size: 12px;
    padding: 5px;
    line-height: 1; }
    #loadDivArtigo .iolgallery-slide-title div {
      display: inline-block;
      padding: 0;
      font-size: 12px;
      color: 444 !important; }

#multimedia-title {
  color: #444;
  font-size: 12px;
  padding: 10px 50px 5px 5px;
  font-weight: 700;
  min-height: 21px; }

.maximizeGaleria {
  background-color: #ffc600;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  z-index: 100; }
  .maximizeGaleria:hover {
    color: #000; }

/*
#loadDivUrlGaleria {
    z-index:1;
    
    margin-bottom: 60px;
    #overlayGaleria {
        position: relative;
        .inner-overlay {
            width:auto;
        }
    }
    .iolgallery:before {
        padding-top: 60vh !important;
    }


}*/
/* EXPERIENCIA BILLBOARD XL */
/*

#loadDiv .bilboardxl{display:none;}

#loadDiv .hasPub .bilboardxl {
display:block;
width: 100%;
height: 250px;
max-width: 1006px; 
background-color:red;
overflow:hidden;
position:relative;

@media only screen and (min-width: 1000px) {  
    width: 100%;
    height: 0;
    padding-bottom: 15%;
    max-width: none;
}

@media only screen and (max-width: 600px){
    height: 320px; 
}
@media only screen and (max-width: 767px){
    margin-top:60px; 
}
iframe {
    position: absolute;

    width:100%;
    height:100%;
}

}



#loadDiv .hasPub .inner-overlay {

@media (min-width: 1000px) and (orientation: landscape) {

    height:auto!important;

    position:absolute!important;
    bottom:0;
    top:calc(100vw * 0.15);

    .wrapPlayer {
        margin: 0px 360px 0px 0px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;

        .iolgallery:before {padding-top:calc(100vh - (100vw * 0.15))!important;}
        .iolgallery-slide {height: 100%!important; }
        .iolgallery-slide-title {min-height:10px!important}
    }

    .owl-next, .owl-prev {top:50%;}

}

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

    height:auto!important;

}

.wrapPlayer {margin-top:0!important;}

}


.btnHasPub {
top:250px!important;

@media only screen and (min-width: 1000px) {  
    top:calc(100vw * 0.15)!important;
}

@media only screen and (max-width: 600px){
    top:320px!important;
}

@media only screen and (max-width: 767px){
    top:0!important;
}

}

#loadDiv #overlayPlayer.hasPub {

@media (orientation: portrait) {
    overflow:auto!important;}
}


*/
/*
@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;}
}*/
._timeline {
  /*    .headerSite {background-color: #fff;}*/ }
  ._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; }
  @media (min-width: 1024px) {
    ._timeline header .logo a {
      background-image: url("/img/logotipo_amarelo.png");
      border: solid 4px #ffc800; }
      ._timeline header .logo a:hover {
        background-color: transparent; }
    ._timeline header .logo {
      background-image: none !important; }
    ._timeline #contentwrapper {
      background-size: cover;
      background-attachment: fixed; }
    ._timeline .contentWraper {
      background-color: transparent;
      max-width: 900px; } }
  ._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: #e7e6e2;
      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: 100;
      color: #b6b3ac;
      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 #e7e6e2;
        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 .texto {
        text-align: left; }
      ._timeline #timeline-eventos .timeline-evento h2 {
        font-size: 22px;
        padding: 0px 0 5px 0;
        text-transform: uppercase;
        margin: 0; }
      @media (min-width: 900px) {
        ._timeline #timeline-eventos .timeline-evento {
          margin-right: 10px; } }
      ._timeline #timeline-eventos .timeline-evento .timeline-box-artigo {
        background-color: #e7e6e2; }
      ._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 {
          position: absolute;
          top: 50%;
          left: 50%;
          display: block !important;
          margin-top: -25px !important;
          margin-left: -25px !important;
          margin-right: 0 !important;
          margin-bottom: 0 !important;
          background-color: rgba(255, 198, 0, 0.6) !important;
          z-index: 1;
          bottom: 0; }
          @media (min-width: 480px) {
            ._timeline #timeline-eventos .timeline-evento .picture .botao, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botao {
              margin-top: -37.5px !important;
              margin-left: -37.5px !important; } }
        ._timeline #timeline-eventos .timeline-evento .picture .botaogaleria, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botaogaleria {
          background-color: rgba(68, 188, 184, 0.6) !important; }
          ._timeline #timeline-eventos .timeline-evento .picture .botaogaleria .icon-camera, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botaogaleria .icon-camera {
            line-height: 40px !important; }
            @media (min-width: 480px) {
              ._timeline #timeline-eventos .timeline-evento .picture .botaogaleria .icon-camera, ._timeline #timeline-eventos .timeline-evento .picture16x9 .botaogaleria .icon-camera {
                line-height: 60px !important; } }
      ._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 .loadMoreBt {
    padding: 0 0 40px 0; }
  ._timeline #sticky-new-events {
    background-color: #ffc600;
    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); }

.lista_autores {
  /*  .gridCell2.layout3.gridAutor {
        @media(max-width:960px){
            width:100%!important;
            
            
            
            .gridContent {
                padding-bottom:50%;
            }
        }
    }
    
    */ }
  .lista_autores .gridEquipa {
    min-height: 400px;
    background-image: url("/img/loading-img.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    margin-bottom: 60px; }
  .lista_autores .gridAutor .title {
    line-height: 1.2; }
  .lista_autores .gridCell2 {
    clear: none !important; }
  .lista_autores .layout5 .title {
    width: 90% !important;
    left: 5% !important;
    top: 20px !important;
    bottom: 20px !important;
    line-height: 1.2; }
    @media (min-width: 1600px) {
      .lista_autores .layout5 .title {
        font-size: 24px; } }
    @media (min-width: 961px) and (max-width: 1600px) {
      .lista_autores .layout5 .title {
        font-size: 1.6vw; } }
    @media (min-width: 641px) and (max-width: 960px) {
      .lista_autores .layout5 .title {
        font-size: 2.6vw; } }
    @media (max-width: 640px) {
      .lista_autores .layout5 .title {
        font-size: 4.6vw; } }
    @media (max-width: 480px) {
      .lista_autores .layout5 .title {
        font-size: 5vw; } }
    .lista_autores .layout5 .title h2 {
      padding: 10px 0 0 0 !important; }
      @media (min-width: 1600px) {
        .lista_autores .layout5 .title h2 {
          font-size: 28px !important; } }
      @media (min-width: 961px) and (max-width: 1600px) {
        .lista_autores .layout5 .title h2 {
          font-size: 2vw !important; } }
      @media (min-width: 641px) and (max-width: 960px) {
        .lista_autores .layout5 .title h2 {
          font-size: 3vw !important; } }
      @media (max-width: 640px) {
        .lista_autores .layout5 .title h2 {
          font-size: 5vw !important; } }
  .lista_autores .layout2 h2 {
    background-color: rgba(0, 0, 0, 0.3);
    line-height: 1 !important; }
    @media (min-width: 1600px) {
      .lista_autores .layout2 h2 {
        font-size: 50px !important; } }
    @media (min-width: 961px) and (max-width: 1600px) {
      .lista_autores .layout2 h2 {
        font-size: 3vw !important; } }
    @media (min-width: 641px) and (max-width: 960px) {
      .lista_autores .layout2 h2 {
        font-size: 5vw !important; } }
    @media (max-width: 640px) {
      .lista_autores .layout2 h2 {
        font-size: 8vw !important; } }
  .lista_autores .autorContent {
    overflow: hidden;
    margin: 20px;
    text-transform: uppercase;
    clear: both;
    position: relative;
    min-height: 160px;
    line-height: 1.2;
    color: #fff; }
    .lista_autores .autorContent h2 {
      background-color: transparent !important;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      padding: 0 0 10px 0 !important;
      line-height: 1.1 !important; }
      @media (min-width: 1600px) {
        .lista_autores .autorContent h2 {
          font-size: 26px !important; } }
      @media (min-width: 961px) and (max-width: 1600px) {
        .lista_autores .autorContent h2 {
          font-size: 2.5vw !important; } }
      @media (min-width: 641px) and (max-width: 960px) {
        .lista_autores .autorContent h2 {
          font-size: 3.5vw !important; } }
      @media (max-width: 640px) {
        .lista_autores .autorContent h2 {
          font-size: 4.5vw !important; } }
    .lista_autores .autorContent .iconContacts {
      overflow: hidden;
      margin-bottom: 10px; }
      .lista_autores .autorContent .iconContacts li {
        float: left;
        margin: 1px; }
        .lista_autores .autorContent .iconContacts li .botao {
          display: block;
          width: 50px;
          height: 50px;
          overflow: hidden;
          text-align: center;
          background-color: #ffc600;
          font-size: 0px;
          cursor: pointer;
          transition: all 0.5s;
          /*        @media(hover) {
                       &:hover {
                          background-color: #000;
                          span {color:$amarelo;}
                      }
                  }*/ }
          .lista_autores .autorContent .iconContacts li .botao [class^="icon-"], .lista_autores .autorContent .iconContacts li .botao [class*=" icon-"] {
            font-size: 20px;
            color: #000;
            line-height: 50px; }
  .lista_autores .fotoCara .title {
    text-transform: uppercase;
    font-size: 24px;
    padding-right: 70px !important;
    font-weight: 700; }
    @media (max-width: 1600px) {
      .lista_autores .fotoCara .title {
        font-size: 2vw; } }
    @media (max-width: 1024px) {
      .lista_autores .fotoCara .title {
        padding-right: 40px !important; } }
    @media (max-width: 960px) {
      .lista_autores .fotoCara .title {
        font-size: 4vw; } }
    @media (max-width: 640px) {
      .lista_autores .fotoCara .title {
        font-size: 6vw; } }
    @media (max-width: 1024px) {
      .lista_autores .fotoCara .title .botao {
        width: 30px;
        height: 30px;
        line-height: 30px; }
        .lista_autores .fotoCara .title .botao span {
          font-size: 15px;
          line-height: 30px; } }

.lista_autor .fotoCara .title {
  font-size: 2vw; }
  @media (min-width: 1600px) {
    .lista_autor .fotoCara .title {
      font-size: 36px; } }

#wp-container .ldb1label {
  display: none; }

#iol-onlive {
  -webkit-box-shadow: -5px -5px 6px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -5px -5px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: -5px -5px 6px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.5s;
  position: fixed;
  bottom: -500px;
  right: 0;
  max-height: 100vh;
  z-index: 2147483640;
  font-weight: 700; }
  #iol-onlive .iol-onliveList {
    background-color: #ffc600;
    overflow: hidden; }
  #iol-onlive .owl-carousel {
    display: block; }
    #iol-onlive .owl-carousel .owl-prev, #iol-onlive .owl-carousel .owl-next {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 40px;
      font-size: 0px;
      cursor: pointer; }
      #iol-onlive .owl-carousel .owl-prev:before, #iol-onlive .owl-carousel .owl-next:before {
        content: '...';
        display: block;
        background-size: 12px;
        width: 40px;
        background-repeat: no-repeat;
        height: 89px; }
        @media (max-width: 480px) {
          #iol-onlive .owl-carousel .owl-prev:before, #iol-onlive .owl-carousel .owl-next:before {
            height: 80px; } }
    #iol-onlive .owl-carousel .owl-prev {
      left: 0px; }
      #iol-onlive .owl-carousel .owl-prev:before {
        background-image: url(//cdn.iol.pt/js/utils/onlive/prev.svg);
        background-position: 5px center; }
    #iol-onlive .owl-carousel .owl-next {
      right: 0px;
      text-align: right;
      background: -moz-linear-gradient(359deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.3) 100%);
      /* ff3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(63%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
      /* safari4+,chrome */
      background: -webkit-linear-gradient(359deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.3) 100%);
      /* safari5.1+,chrome10+ */
      background: -o-linear-gradient(359deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.3) 100%);
      /* opera 11.10+ */
      background: -ms-linear-gradient(359deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.3) 100%);
      /* ie10+ */
      background: linear-gradient(91deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.3) 100%);
      /* w3c */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
      /* ie6-9 */ }
      #iol-onlive .owl-carousel .owl-next:before {
        background-image: url(//cdn.iol.pt/js/utils/onlive/next.svg);
        background-position: 23px center; }
    #iol-onlive .owl-carousel .disabled {
      display: none; }
  #iol-onlive .owl-nav.disabled {
    display: block; }
  #iol-onlive .title {
    background-color: #ffc600;
    font-size: 22px;
    padding: 8px;
    clear: both;
    color: #000;
    font-weight: 700;
    position: relative; }
    #iol-onlive .title #close-iol-onlive {
      position: absolute;
      top: 0;
      right: 0;
      width: 45px;
      height: 40px;
      text-align: center; }
      #iol-onlive .title #close-iol-onlive .close-onlive {
        display: block;
        width: 45px;
        height: 40px;
        font-size: 28px;
        color: #000;
        line-height: 42px; }
  #iol-onlive .onlive {
    display: table;
    width: 310px;
    float: left;
    margin-left: 22px; }
    @media (max-width: 375px) {
      #iol-onlive .onlive {
        width: 278px; } }
    #iol-onlive .onlive .tablecell {
      display: table-cell;
      vertical-align: middle;
      /*font-family: 'Roboto Condensed';*/
      padding: 8px 0;
      font-size: 12px;
      line-height: 1.2;
      position: relative; }
      @media (max-width: 375px) {
        #iol-onlive .onlive .tablecell {
          font-size: 11px; } }
      #iol-onlive .onlive .tablecell a {
        display: block;
        color: #000;
        padding: 0 8px; }
        #iol-onlive .onlive .tablecell a:hover {
          background-color: transparent; }
      #iol-onlive .onlive .tablecell .img-onlive {
        margin-left: 6px; }
        #iol-onlive .onlive .tablecell .img-onlive img {
          width: 100%; }
    #iol-onlive .onlive .tablecell.img {
      width: 136px; }
      @media (max-width: 480px) {
        #iol-onlive .onlive .tablecell.img {
          width: 120px; } }
      #iol-onlive .onlive .tablecell.img .play-onlive {
        position: absolute;
        width: 34px;
        margin-left: -14px;
        margin-top: -17px;
        left: 50%;
        top: 50%;
        opacity: 0.6; }

a.link-player {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  z-index: 1; }
  a.link-player:hover {
    background-color: transparent; }

#onLiveTvi {
  background-color: #222; }
  #onLiveTvi header .logo a {
    background-image: url(../img/logotipo_dark.png);
    border-color: #222; }
  #onLiveTvi .artigoWrapper {
    background-color: #222;
    color: #fff; }
  #onLiveTvi .lateralArtigo {
    background-color: #111; }
    #onLiveTvi .lateralArtigo h3 {
      color: #fff; }
  #onLiveTvi h3.seccao {
    font-size: 46px;
    padding-top: 25px; }
    @media (max-width: 768px) {
      #onLiveTvi h3.seccao {
        font-size: 7vw; } }
  #onLiveTvi #article_header .article_headerContent h1 {
    color: #fff; }
  #onLiveTvi .onlivelabel {
    background-color: #ce0000;
    color: #fff;
    display: inline-block;
    padding: 0px 10px;
    margin-bottom: 5px; }
  #onLiveTvi .list-iol-onlive div {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important; }
  #onLiveTvi .list-iol-onlive .onlive {
    overflow: hidden;
    position: relative;
    padding: 15px 10px;
    background-color: #111111;
    color: #fff;
    font-size: 18px;
    line-height: 1.2; }
    #onLiveTvi .list-iol-onlive .onlive h2 {
      text-transform: uppercase;
      display: block;
      margin: 10px 0;
      /*                @media(min-width:481px) {
                          img { display: none;}
                      }*/ }
      @media (max-width: 480px) {
        #onLiveTvi .list-iol-onlive .onlive h2 {
          font-size: 4vw; } }
    #onLiveTvi .list-iol-onlive .onlive a {
      color: #ffc600; }
      #onLiveTvi .list-iol-onlive .onlive a:hover {
        background-color: transparent; }
    @media (min-width: 640px) and (max-width: 767px), (min-width: 1200px) {
      #onLiveTvi .list-iol-onlive .onlive .img-onlive {
        width: 38%;
        float: left;
        margin: 10px 15px 6px 5px; } }
    #onLiveTvi .list-iol-onlive .onlive .onlivelabel {
      /*background-color: #ffc600;*/
      color: #111;
      display: inline-block;
      padding: 0px 6px;
      /*font-family: 'Anton'; */
      font-weight: 700;
      font-size: 15px;
      margin-bottom: 10px;
      /*                      position:absolute;
                            top:-50px;
                            left:0;*/ }
      #onLiveTvi .list-iol-onlive .onlive .onlivelabel img {
        width: 12px;
        margin: 0;
        display: inline-block; }
      @media (max-width: 480px) {
        #onLiveTvi .list-iol-onlive .onlive .onlivelabel {
          display: none; } }
  #onLiveTvi .list-iol-onlive .emissao {
    background-color: #f0f0f0;
    color: #000; }
    #onLiveTvi .list-iol-onlive .emissao .grelhaTable {
      margin: 10px; }
      #onLiveTvi .list-iol-onlive .emissao .grelhaTable td {
        font-size: 14px;
        padding: 2px; }
        #onLiveTvi .list-iol-onlive .emissao .grelhaTable td a {
          padding: 2px;
          color: #000; }
      #onLiveTvi .list-iol-onlive .emissao .grelhaTable .noAr {
        background-color: #222;
        color: #fff;
        font-size: 12px;
        text-align: center; }
      #onLiveTvi .list-iol-onlive .emissao .grelhaTable .hora {
        font-size: 12px;
        text-align: center; }
    #onLiveTvi .list-iol-onlive .emissao .goGuiaTv {
      display: block;
      text-align: right;
      font-size: 14px;
      padding: 5px;
      color: #AF2418; }
    #onLiveTvi .list-iol-onlive .emissao a.link-player {
      bottom: auto;
      padding-bottom: 60%;
      width: 94%; }
      @media (max-width: 480px) {
        #onLiveTvi .list-iol-onlive .emissao a.link-player {
          bottom: auto;
          width: 140px;
          height: 95px;
          padding-bottom: 0; } }
    #onLiveTvi .list-iol-onlive .emissao .shares a span {
      color: #000; }
  #onLiveTvi .img-onlive {
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
    min-height: 60px; }
    #onLiveTvi .img-onlive img {
      /*        position: absolute;
              top:0;
              left:0;*/
      width: 100%; }
    #onLiveTvi .img-onlive .play-onlive {
      width: 40px;
      top: 50%;
      left: 50%;
      position: absolute;
      margin-left: -20px;
      margin-top: -20px;
      opacity: 0.8; }
  #onLiveTvi .info-onlive, #onLiveTvi .list-iol-onlive {
    position: relative; }
    #onLiveTvi .info-onlive .sharesDiv, #onLiveTvi .list-iol-onlive .sharesDiv {
      padding: 0;
      margin: 0; }
    #onLiveTvi .info-onlive .shares, #onLiveTvi .list-iol-onlive .shares {
      display: inline-block;
      /* position: absolute; bottom:15px; left:3%;*/ }
      #onLiveTvi .info-onlive .shares .titleShare, #onLiveTvi .list-iol-onlive .shares .titleShare {
        display: none; }
      #onLiveTvi .info-onlive .shares .link, #onLiveTvi .list-iol-onlive .shares .link {
        opacity: 0.45; }
        #onLiveTvi .info-onlive .shares .link span, #onLiveTvi .list-iol-onlive .shares .link span {
          background-color: transparent;
          color: #fff;
          display: inline-block;
          width: 40px;
          height: 40px;
          line-height: 40px;
          font-size: 20px; }
        #onLiveTvi .info-onlive .shares .link:hover span, #onLiveTvi .list-iol-onlive .shares .link:hover span {
          background-color: #ffc600;
          color: #000; }
      @media (min-width: 1024px) {
        #onLiveTvi .info-onlive .shares a:hover, #onLiveTvi .list-iol-onlive .shares a:hover {
          opacity: 1;
          text-decoration: none; } }
      #onLiveTvi .info-onlive .shares .fbShareCount, #onLiveTvi .info-onlive .shares #twShareCount, #onLiveTvi .list-iol-onlive .shares .fbShareCount, #onLiveTvi .list-iol-onlive .shares #twShareCount {
        display: none; }
      @media (max-width: 480px) {
        #onLiveTvi .info-onlive .shares, #onLiveTvi .list-iol-onlive .shares {
          text-align: center;
          clear: both;
          padding-top: 5px; }
          #onLiveTvi .info-onlive .shares a, #onLiveTvi .list-iol-onlive .shares a {
            margin: 0px; } }
  @media (max-width: 480px) {
    #onLiveTvi #placeplayer {
      margin-left: -12px;
      margin-right: -12px; } }
  #onLiveTvi .article_headerContent .onlivelabel img {
    float: left;
    margin: 5px 7px 0 0; }
  #onLiveTvi .info-onlive {
    clear: both;
    font-size: 20px;
    color: #fff;
    padding: 20px;
    line-height: 1.3;
    padding-bottom: 30px;
    margin-bottom: 20px;
    /*        .onlivelabel.emissao {background-color: #2084b2; color:#fff;
    
            }*/ }
    @media (max-width: 480px) {
      #onLiveTvi .info-onlive {
        margin: 0 -12px; } }
    #onLiveTvi .info-onlive .onlivelabel {
      background-color: #ffc600;
      display: inline-block;
      padding: 0px 10px;
      color: #000;
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 10px;
      /*font-family: 'Anton';*/ }
      @media (max-width: 660px) {
        #onLiveTvi .info-onlive .onlivelabel {
          font-size: 6vw; } }
      #onLiveTvi .info-onlive .onlivelabel img {
        float: left;
        margin: 5px 7px 0 0; }
    #onLiveTvi .info-onlive h1 {
      font-size: 28px;
      padding: 14px 0;
      font-weight: 700; }
      @media (max-width: 660px) {
        #onLiveTvi .info-onlive h1 {
          font-size: 6vw; } }
    #onLiveTvi .info-onlive .shares {
      margin-top: 25px; }
      #onLiveTvi .info-onlive .shares .link span {
        color: #fff; }
  #onLiveTvi .aviso {
    border-top: solid 1px #777;
    margin: 20px 0;
    padding: 12px 0;
    font-size: 14px;
    line-height: 1.2;
    color: #fff; }
    #onLiveTvi .aviso b {
      font-weight: 700; }
    #onLiveTvi .aviso div {
      font-size: 20px;
      font-weight: 700;
      padding-bottom: 8px; }
    #onLiveTvi .aviso a {
      color: #ffc600;
      text-decoration: underline; }
      #onLiveTvi .aviso a:hover {
        background-color: #000; }

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