@import "_normalize.less";
@import "remixins.less";

@import "_utils.less";
@import "_grid.less";
@import "_icons.less";
@import "_config.less";

/*CSS NAMESPACES

Component:         c-  c-card c-checklist
Layout module:     l-  l-grid l-container
Helpers:           h-  h-show h-hide
States:            is- has-  is-visible has-loaded
JavaScript hooks:  js- js-tab-switcher

*/


/* styles */
body, html{
  font-size: 16px;
  background-color: #fff;
  overflow-x: hidden;
  .f_regular;
  b { .f_semibold; }
}

@menuIndex: 1000;
//@topoSize: 130px;
@topoSize: 140px;
@topoSizeSmall: 80px;


body { padding-top: @topoSize; }

.fundo-newsletter{
  z-index: 9999999;
  position: fixed;
  background:rgba(0,0,0,0.8);
  width: 100%;
  height: 100%;
  top: 0;
.banner-newsletter{
  position: fixed;
  width: 750px;
  height: 500px;
  background: #007fae;
  color: #ffffff;
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  .sprite.icon_close.ng-scope{
    position: absolute;
    right: -3px;
    margin: 8px;
    cursor: pointer;
    z-index: 999;
  }
  .icon_mail_2 { margin-bottom: 15px; }
  .conteudo{
    top: 50%;
    left: 25%;
    position: relative;
    transform: translate(-50%, -50%);
    width: 50%;
  }
  .texto{
    margin: 0 30px 20px 30px;
    display: flex;
    flex-direction: column;
  }
  .nome,
  .email{
    height: 40px;
    padding: 20px 10px;
    .f_medium;
    font-size: 20px;
    color: #000;
    border: solid 3px #c1c2d1;
    outline: 0;
    margin-bottom: 10px;
    width: 100%;
    &::placeholder { color:#c1c2d0; }
  }
  .valbox { margin-bottom: 10px; }
  .btn-ins{
    min-width: 80px;
    height: 50px;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    background-color: #c1c2d1;
    border: 0;
    outline: 0;
    width: 152px;
    text-transform: uppercase;
    justify-self: right;
  }
  .form-insere{
    display: grid;
    width: 292px;
  }
  .value{
    display: flex;
    width: 100px;
    margin-left: 25px;
    flex-direction: column;
    align-items: center;
  }
  .lbl-nome{
    margin-top: 10px;
    font-weight: 400;
    font-size: 20px;
  }
  .lbl-email{
    margin-top: 35px;
    font-weight: 400;
    font-size: 20px;
  }
  .submit{
    display: flex;
    margin-left: 30px;
  }
  .receba{
    text-transform: uppercase;
    h1{
      font-size: 28px;
      line-height: 1.2;
      margin-bottom: 12px;
    }
    h4{
      font-size: 14px;
      font-weight: 300;
      line-height: 1.8;
    }
  }
  img {
    top: 50%;
    left: 25%;
    position: absolute;
    transform: translate(51%, -50%);
    width: 50%;
    height: 100% !important;
    object-fit: cover;
  }
  .fundo_icon {
    right: -3px;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    width: 60px;
    height: 60px;
    background-color: #007fae;
  }
  .wpcf7-list-item-label {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;

    a { 
      text-decoration: none;
      color: #fff;

      &:hover { text-decoration: underline; }
    }
  }
}
}

@media only screen and (max-width: @ipadPortrait){
  .fundo-newsletter{
    .banner-newsletter{
      width: 80%;
      height: inherit;
      .logo{
        display: none;
      }
      .fundo_icon { right: 0; }
      .icon_close { right: 0; }
      .texto{
        margin-left: 15px;
        margin-right: 15px;
      }
      .value{
        display: none;
      }
      .form-insere{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 20px;
      }
      .receba{
        h1:last-of-type{
          display: flex;
        }
      }
      .icon_mail_3 { display: block !important; }
      .btn-ins{
        width: 130px;
        padding: 0 !important;
      }
      img { 
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 40% !important;
      }
      .conteudo{
        top: 13%;
        left: 50%;
        position: relative;
        transform: translate(-50%, 50%);
        width: 100%;
        height: 60%;
      }
      .icon_mail_2 { display: none; }
      .submit { margin-left: 0px; }
    }
  }
}
@media only screen and (max-width: 410px){
  .fundo-newsletter{
    .banner-newsletter{
      img { 
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 30% !important;
      }
      .conteudo{
        top: 20%;
        left: 50%;
        position: relative;
        transform: translate(-50%, 50%);
        width: 100%;
        height: 28%;
      }
      .receba{
        h1 {
          font-size: 24px;
        }
      }
    }
  }
}


/* BARRA COOKIES */
.barra-cookies{
  position:fixed;
  bottom: 0;
  padding: 10px 0;
  z-index: 1000000000;
  text-align:center;
  width:100%;
  min-height:35px;
  //background-image:url(/images/common/bg_barra_cookie.png);
  background-repeat: repeat-x;
  background-color: @blue;
  .f_regular;
  -webkit-transition: bottom 0.5s; /* Safari */
  transition: bottom 0.5s;

  .bts {
    float: right;
    margin-top: 2px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .bt {
    height: 33px;
    line-height: 33px;
    font-size: 14px;
  }
  .text{
    float: left;
    margin-left: 20px;
    font-family:'Segoe UI',sans-serif;
    font-size:13px;
    line-height: 36px;
    color:#fff;
  }
  .icon_close {
    position: absolute;
    right: 5px;
    top: -3px;
    transform: scale(0.6);
  }
  .close{
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
    width: 35px;
    height: 35px;
    padding-top: 5px;
    .f_regular;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
  }
}
.barra-cookies-closed {
  display: none !important;
}

@media only screen and (max-width: @ipadPortrait){
  .barra-cookies{
    padding: 15px 30px;
    .boxsizing;
    .text {
      width: 100%;
      line-height: 19px;
      margin-left: 0px;
    }
    .bts { 
      width: 100%;
      margin-top: 10px; 
      margin-left: 0px;
      margin-right: 0px;
    }
  }
}
/* END BARRA COOKIES */


.main { width: 100%; }
.wrapper {
  width: 1200px;
  font-size: 16px;
  .m_center;
}
@media only screen and (max-width: 1199px){ 
  .wrapper { width: 96%; }
}
@media only screen and (max-width: @desktop){ 
  .wrapper { width: 96%; }
}
@media only screen and (max-width: @ipadPortrait){ 
  body { padding-top: @topoSizeSmall; }
  .wrapper { width: 92%; }
}
@media only screen and (max-width: @mobile){ 
  .wrapper--interior .container_12 > .grid_3,
  .wrapper--interior .container_12 > .grid_9 { width: @grid_12 !important; }
}

.visible_on_mobile { display: none !important; }
.visible_on_ipadportrait { display: none; }
@media only screen and (max-width: @ipadPortrait){
  .visible_on_ipadportrait { display: block; }
  .full_on_ipadportrait { width: @grid_12 !important; }
  .hidden_on_ipadportrait { display: none !important; }
}
@media only screen and (max-width: @mobile){
  .visible_on_mobile { display: block !important; }
  .full_on_mobile { width: @grid_12 !important; }
  .hidden_on_mobile { display: none !important; }
}

img { 
  max-width: 100%; 
  height: auto !important;
}

a { outline: 0; }
h1, h2, h3, h4, h5, h6 {
  .reset;
  font-weight: normal;
  .f_semibold;
}

[ng-click] { cursor: pointer; }

body > iframe:first-child {
  position: fixed;
  z-index: @menuIndex - 1;
  top: 0px;
}
@media only screen and (max-width: @ipadPortrait){
  body > iframe:first-child { display: none; }
}

.c-main__topo {
  position: fixed;
  top: 0px;
  z-index: @menuIndex;
  width: 100%;
  height: @topoSize;
  background-color: @blue;
  .transition(0.3s);

  .logo_mobile,
  .logo_desk_small,
  .logo_desk {
    position: absolute;
    left: 50%;
    top: 50%;
    ._transform(-50%, -50%, 0);
  }
  .logo_mobile { 
    display: none; 
    position: relative;
    top: 0;
    margin-top: 40px;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-main__topo { top: 0px; }
}
.c-main__topo_left { 
  float: left; 
  margin-left: 40px;
  .sprite { margin-right: 20px; }
}
.c-main__topo_right { 
  float: right; 
  margin-right: 40px;
  .sprite { margin-left: 20px; }
}
.c-main__topo_left,
.c-main__topo_right {
  position: relative;
  top: 53px;
  .transition(0.3s);

  .sprite { 
    display: inline-block;
    cursor: pointer; 
  }
}
.c-main__topo {
  &.scrolled {
    height: @topoSizeSmall;
    .c-main__topo_left,
    .c-main__topo_right { top: 15px; }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-main__topo {
    height: @topoSizeSmall;

    .logo_desk_small,
    .logo_desk {
      display: none;
    }
    .logo_mobile { display: block; }
    .c-main__topo_left,
    .c-main__topo_right { top: 15px; }
  }
  .c-main__topo_right { margin-right: 15px; }
  .c-main__topo_left { margin-left: 15px; }
}

.c-pesquisa__container,
.c-layer,
.c-menu__container {
  position: fixed;
  top: 0px;
  z-index: @menuIndex - 1;
  width: 100%;
  height: 100%;
  background-color: rgba(193, 194, 209, 0.8);
  opacity: 0;
  visibility: hidden;
  .transition(0.5s);

  &.open {
    visibility: visible;
    opacity: 1;
    .c-pesquisa__topo,
    .c-menu { 
      top: 0; 
      left: 0;
      ._transform(0, 0, 0);
    }
  }
  .sep {
    width: 180px;
    height: 1px;
    margin: 30px 0;
    background-color: #e9e9ee;
  }
}
.c-menu__container {
  z-index: @menuIndex + 1;
  .links {
    .link {
      position: relative;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #fff;
      font-size: 30px;
      .f_semibold;
      text-decoration: none;
      a { 
        color: #fff; 
        text-decoration: none;
      }
      a:hover {
        color: @orange;
      }
    }
    .slide { display: none; }
    .sub {
      position: relative;
      width: 100%;
      padding: 20px 15px;
      padding-bottom: 40px;
      background-color: @blue;
      text-align: left;
      overflow: hidden;
      .transition(0.240s);

      a {
        display: block;
        margin-bottom: 15px;
        color: #fff;
        font-size: 17px;
        line-height: 17px;
        .f_medium;
      }
      a:last-child { margin-bottom: 0; }
    }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-pesquisa__container,
  .c-menu__container { top: 0px; }
}
.c-pesquisa__container {
  top: 120px;
  height: 100px;
  &.scrolled {
    top: 80px;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-pesquisa__container,
  .c-menu__container {
    .c-menu { margin-top: 0 !important; }
    .c-pesquisa__topo { top: -@topoSizeSmall !important; }
    &.scrolled {
      .c-menu { margin-top: 0px !important; }
    }
    .sep {
      margin: 20px 0;
    }
  }
  .c-menu__container {
    z-index: 1001;
  }
}

.c-layer__box {
  position: absolute;
  top: 190px;
  left: 50%;
  width: 96%;
  max-width: 660px;
  padding: 30px;
  .f_regular;
  font-size: 14px;
  color: #fff;
  background-color: @blue;
  .boxsizing;
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.c-layer--news .c-layer__box{
  .icon_close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 3;
  }
  .topo {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding-left: 88px;
    .boxsizing;
    .sprite {
      position: absolute;
      left: 0px;
    }
    h1 {
      font-size: 30px;
      line-height: 30px;
    }
    h2 { 
      font-size: 18px;
      .f_regular; 
    }
  }
  .form_container {
    margin-top: 30px;
  }
  .legal {
    margin-top: 30px;
    font-size: 14px;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-layer__box {
    top: 50px;
    height: ~"calc(100% - 95px)";
    overflow: auto;
  }
}

.c-pesquisa__container { background-color: transparent; }

.c-content__layer {
  position: fixed;
  top: -100px;
  left: 0;
  z-index: @menuIndex - 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(193, 194, 209, 0.8);
  .transition(0.5s);

  .icon_close{
    position: absolute;
    top: 100px;
    right: 20px;
    cursor: pointer;
    z-index: 3;
  }
  .l-sw__jogo {
    position: absolute;
    top: 200px;
    left: 50%;
    ._transform(-50%, 0, 0);
  }
  &.open {
    top: 0;
    visibility: visible;
    opacity: 1;
  }
}

.c-pesquisa__topo,
.c-menu {
  position: relative;
  top: -100px;
  width: 100%;
  padding: 60px 0;
  margin-top: @topoSize;
  background-color: @blue;
  .transition(0.5s);

  .links_container {
    padding: 10px 30px;
  }
  .arrow {
    width: 1px;
    height: 1px;
    display: none;
    margin-left: 10px;
    background-color: transparent;
    border-top: 7px @blue solid;
    border-left: 7px transparent solid;
    border-right: 7px transparent solid;
    border-bottom: 7px transparent solid;
  }
  .arrow.open {
    position: relative;
    top: -6px;
    border-top: 7px transparent solid;
    border-left: 7px transparent solid;
    border-right: 7px transparent solid;
    border-bottom: 7px @blue solid;
  }
  a { 
    display: block;
    text-decoration: none; 
    text-transform: uppercase;
  }
  .link_blue_big {
    .f_semibold;
    font-size: 30px;
    color: @green;
  }
  .link_gray {
    .f_medium;
    margin-left: 10px;
    font-size: 20px;
    color: #fff;
  }
  .link_gray:hover { color: @green; }
  .link_blue {
    .f_medium;
    font-size: 20px;
    color: @green;
  }
  .banner {
    width: 100%;
    margin-bottom: 20px;
  }
  .submenu {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .c-menu__mobile_icons {
    display: none;
    position: absolute;
    width: 100%;
    height: 80px;
    top: 0;
    padding: 0 20px;
    .boxsizing;

    .sprite {
      position: relative;
      top: 50%;
      margin-top: -22.5px;
      display: inline-block;
    }
    a { display: inline-block; }
    .fRight { 
      height: 80px; 
      margin-top: 25px;
    }
    [dir-Load-Svg] {
      display: block;
      height: 25px;
      margin-left: 10px;

      path { fill: #fff; }
      svg { height: 100%; }
    }
    [dir-Load-Svg]:hover {
      path { fill: @orange; }
    }
  }
}
@media only screen and (max-width: 2000px){
  .c-menu.c-menu {
    top: 0px;
    left: 0;
    width: 90%;
    height: 100%;
    margin-top: 0 !important;
    padding: 80px 0;
    padding-bottom: 20px;
    ._transform(-100px, 0, 0);

    .arrow { display: inline-block; }
    .submenu { display: none; }
    .c-menu__mobile_icons { display: block; }
    .wrapper {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      padding-bottom: 40px;
      .boxsizing;
    }
    .grid_3 { .container_12.grid_12; }
  }
}

.c-pesquisa__topo.c-pesquisa__topo {
  margin-top: 0;
  padding: 30px 0;
  background-color: #e9e9ee;

  .c-form {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
.c-pesquisa__topo_results {
  position: absolute;
  width: ~"calc(100% - 100px)";
  background-color: #fff;
  border: solid 3px @gray1;
  border-top: 0;
  font-size: 15px;
  .boxsizing;

  a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    outline: 0;
    .boxsizing;
  }
  a:hover {
    color: #fff;
    background-color: @blue;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-pesquisa__topo.c-pesquisa__topo {
    margin-top: 40px;
    .c-form { width: 100%; }
  }
}

div { .boxsizing; }
.c-menu_2022 {
  position: fixed;
  top: 0;
  z-index: @menuIndex;
  width: 100%;
  height: 120px;
  background-color: @blue;

  .logo_desk_baixo { display: none; }
  .content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 1180px;
    padding: 0 30px;
    margin: 0 auto;

    .logo {
      width: 120px;
    }
    .links {
      width: ~"calc(100% - 165px);";
      text-align: center;

      .link {
        position: relative;
        display: inline-block;
        margin: 0 15px;
        text-transform: uppercase;
        color: #fff;
        font-size: 20px;
        .f_semibold;
        text-decoration: none;
        a { 
          color: #fff; 
          text-decoration: none;
        }
        a:hover {
          color: @orange;
        }
      }
      .link:hover {
        .sub {
          margin-top: 0px;
          visibility: visible;
          opacity: 1;
        }
      }
      .sub {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        margin-top: 20px;
        left: -30px;
        width: 285px;
        padding: 30px;
        padding-top: 45px;
        background-color: @blue;
        text-align: left;
        .transition(0.240s);

        a {
          display: block;
          margin-bottom: 10px;
          color: #fff;
          font-size: 17px;
          line-height: 17px;
          .f_medium;
        }
        a:last-child { margin-bottom: 0; }
      }
    }
    .pesquisa {
      width: 45px;
    }
  }//end content
  &.scrolled {
    height: 80px;

    .logo_desk_baixo { display: block; }
    .logo_desk { display: none; }
    .content {
      .logo { width: 200px; }
      .links { 
        width: ~"calc(100% - 245px);"; 
        .link {
          font-size: 18px;
          margin: 0 10px;
        }
        .sub {
          padding-top: 25px;
        }
      }
    }
  }
}
@media only screen and (max-width: 1024px){
  .c-menu_2022 {
    display: none;
  }
}

.c-topo_mobile_2022 {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
  background-color: @blue;
  display: none;
  align-items: center;
  padding: 0 20px;

  .menu { width: 45px; }
  .logo {
    width: ~"calc(100% - 90px);";
    .sprite { margin: 0 auto; }
  }
  .pesquisa { width: 45px; }
}
@media only screen and (max-width: 1024px){
  .c-topo_mobile_2022 { display: flex; }
}

.c-main__container {
  position: relative;
  margin-top: 36px;
  margin-bottom: 40px;
}
@media only screen and (max-width: @ipadPortrait){
  .c-main__container { margin-top: 30px; }
}

.c-cycle__campanhas {
  margin-bottom: 50px;
  margin-top: 15px;
  .slide {
    width: 100%;
    height: 100%;

    video {
      position: absolute;
      left: 0;
      top: 0;
      object-fit: cover;
      width: 100%;
      height: 100%;
      aspect-ratio: ~"16/9";
    }
    .img_mobile { display: none; }
  }
  img { max-width: 100%; }
}
@media only screen and (max-width: @ipadPortrait){
  .c-cycle__campanhas {
    margin-bottom: 0;
    margin-top: -30px;
    .grid_9,
    .grid_3 {
      .container_12.grid_12;
    }
  }
}
@media only screen and (max-width: @mobile){
  .c-cycle__campanhas {
    .wrapper { width: 100%; }
    .grid_12 {
      width: 100%;
      margin: 0;
    }
    .cycle-pager.cycle-pager { display: none; }
    .slide {
      video { display: none; }
      .img_mobile { 
        display: block;
        position: relative;
        max-width: 100%;
        max-height: 100%; 
      }
    }
  }
}

.c-cycle__campanhas_banners {
  position: relative;
  z-index: 1;
  padding-bottom: 44.6%;
  overflow: hidden;

  img { position: absolute; }
  .icon_arrow_left { left: 20px; }
  .icon_arrow_right { right: 20px; }
  .sprite {
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -35.5px;
    cursor: pointer;
  }
  .slide {
    position: absolute;
    .bg-cover;
    background-position: center;
    text-align: center;
    background-color: #e9e9ee;
    img {
      position: relative;
      max-width: 100%;
      max-height: 100%;
    }
  }
  .cycle-pager {
    position: absolute;
    z-index: 1000;
    left: 50%;
    bottom: 30px;
    font-size: 0px;
    ._transform(-50%, 0, 0);

    span {
      display: block;
      width: 15px;
      height: 15px;
      margin: 0 7px;
      float: left;
      cursor: pointer;
      background-color: #fff;
      .rounded(100%);
    }
    span.cycle-pager-active,
    span:hover {
      background-color: #656571;
    }
  }
  .cycle-sentinel { display: none !important; }
  &.loading {
    .sprite { display: none; }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-cycle__campanhas_banners {
    padding-bottom: 45.6%;
    .icon_arrow_left,
    .icon_arrow_right { display: none; }
  }
}
@media only screen and (max-width: @mobile){
  .c-cycle__campanhas_banners {
    padding-bottom: 100%;
    .sprite { ._scale(0.5, 0.5); }
  }
}
.c-cycle__campanhas_produtos {
  position: relative;
}
.c-cycle__campanha {
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  .transition(0.5s);

  &.visible {
    z-index: 3;
    opacity: 1;
    visibility: visible;
  }
}
.c-cycle__campanhas_produto {
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;

  img { margin-bottom: 10px; }
  h1 { font-size: 25px; }
  h2 { font-size: 19px; }
}
@media only screen and (max-width: @ipadPortrait){
  .c-cycle__campanhas_produtos { padding-bottom: 45%; }
  .c-cycle__campanhas_produto {
    width: 48%;
    float: left;
    margin-top: 20px;
  }
  .c-cycle__campanhas_produto:nth-child(2) { float: right; }
}
@media only screen and (max-width: @mobile){
  .c-cycle__campanhas_produtos { 
    padding-bottom: 65%; 
  }
  .c-cycle__campanhas_produto {
    h1 { 
      font-size: 20px;
      line-height: 20px;
      margin-bottom: 10px;
    }
    h2 {
      font-size: 14px;
      line-height: 15px;
    }
  }
}

.c-cycle__logos {
  min-height: 80px;
  line-height: 80px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  text-align: center;
  .boxsizing;

  img {
    width: 12.71%;
    margin-bottom: 20px;
    max-width: 150px;
  }
  .wrapper { font-size: 0; }
  .loading { display: none; }
}
@media only screen and (max-width: @ipadPortrait){
  .c-cycle__logos {
    margin-bottom: 0;
    img { width: 25%; }
  }
}

.c-box__newsletter {
  width: 100%;
  min-height: 150px;
  padding-top: 49px;
  padding-bottom: 49px;
  color: @corTextoCaixaNewsletter;
  background-color: @blue;
  .boxsizing;

  a { color: #fff; }
  .icon_mail_2 {
    position: absolute;
  }
  h1 { 
    padding-left: 90px;
    margin-bottom: 3px;
    font-size: 30px; 
    line-height: 30px;
    text-transform: uppercase;
  }
  h2 {
    padding-left: 90px;
    font-size: 18px;
    .f_medium;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-box__newsletter {
    .grid_6 {
      .container_12.grid_12;
    }
    .c-form--newslleter {
      margin-top: 20px;
    }
  }
}
@media only screen and (max-width: @mobile){
  .c-box__newsletter {
    padding-top: 30px;
    padding-bottom: 30px;
    .sprite { display: none; }
    h1 {
      padding-left: 0;
      font-size: 25px;
      line-break: 25px;
    }
    h2 { padding-left: 0px; }
  }
}

.c-form {
  input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    .f_regular;
    font-size: 24px;
    color: #000;
    border: solid 3px @gray1;
    outline: 0;
    .boxsizing;
  }
  input[type="submit"] {
    min-width: 80px;
    height: 50px;
    padding: 0 20px;
    .f_medium;
    font-size: 22px;
    color: #fff;
    background-color: @gray1;
    border: 0;
    outline: 0;
  }
}
.c-form__resposta {
  width: 100%;
  font-size: 26px;
  line-height: 26px;
  .f_semibold;
  text-align: center;
}
.c-form--newslleter {
  position: relative;
  div.error { display: none !important; }
  .valbox {
    display: flex;
    justify-content: space-between;
  }
  input[type="text"].error {
    border-color: #c13949;
  }
  input[type="text"] { width: ~"calc(100% - 100px)"; }
  input[type="submit"] { float: right; }
}
[dir-Form-Box-Newsletter] {
  #txtEmailInscricaoNewsletterInfo { display: none !important; }
  input[type="submit"] {
    //margin-top: -50px;
  }
}

.c-slider__novidades { 
  padding-top: 35px; 
  padding-bottom: 35px;
  background-color: #e9e9ee;

  .c-page__header {
    margin-top: 0px;
  }
}
.c-slider__component {
  position: relative;
  z-index: 1;

  .arrow {
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
  }
  .icon_arrow_left_2,
  .icon_arrow_left_3 {
    left: -50px;
  }
  .icon_arrow_right_2,
  .icon_arrow_right_3 {
    right: -50px;
  }
  .slider {
    position: relative;
    width: 100%;
    height: 100%;
    &.anim { .transition(0.7s); }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-slider__component {
    .arrow { display: none; }
  }
}
.c-slider__container {
  position: relative;
  width: 100%;
  padding-bottom: 51.4%;
  overflow: hidden;
}
.c-slider__item {
  position: absolute !important;
}
@media only screen and (max-width: @ipadPortrait){
  .c-slider__container { padding-bottom: 74%; }
  .c-slider__item { .container_12.grid_4 !important; }
}
@media only screen and (max-width: @mobile){
  .c-slider__container { padding-bottom: 0%; }
  .c-slider__item { .container_12.grid_12 !important; }
}


.l-card__item {
  position: relative;
  padding-bottom: 140px;

  img { width: 100%; }
}
.l-card__item_content {
  position: absolute;
  padding: 20px 20px;
  bottom: 0px;
  width: 100%;
  min-height: 140px;
  background-color: @corFundoCard;
  .boxsizing;

  a { text-decoration: none; }
  h3 {
    padding-right: 40px;
    margin-bottom: 10px;
    line-height: 18px;
    .f_medium;
    font-size: 18px;
    color: @corTextoCardSubitulo;
    text-transform: uppercase;
    p {
      .reset;
      padding-right: 40px;
      margin-bottom: 10px;
      line-height: 18px;
      .f_medium;
      font-size: 18px;
      color: @corTextoCardSubitulo;
    }
  }
  h1 {
    line-height: 24px;
    .f_semibold;
    font-size: 24px;
    color: @corTextoCardTitulo;
    text-transform: uppercase;
  }
  p {
    .reset;
    margin-top: 10px;
    .f_regular;
    font-size: 19px;
    color: #fff;
  }
  .icon_fav,
  .icon_fav_2 {
    position: absolute;
    right: 10px;
    top: 10px;
    ._scale(0.7, 0.7);
  }
}
.l-card__item_content:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -13.5px;
  width: 27px;
  height: 27px;
  margin-left: -13.5px;
  background-color: @corFundoCard;
  ._rotation(-45deg);
}
.l-card__item.estreia {
  /*
  .l-card__item_content { 
    background-color: @green; 
    h1, h3, p { color: #fff; }
  }
  .l-card__item_content:before {
    background-color: @green;
  }
  */
}
.l-card__item:hover {
  .l-card__item_content { 
    background-color: @corFundoCardHover; 
    h1, h3, p { color: @corTextoCardHover; }
  }
  .l-card__item_content:before {
    background-color: @corFundoCardHover;
  }
}

.l-card__item--gray {
  .l-card__item_content:before,
  .l-card__item_content {
    background-color: @gray1;
  }
}

.l-card__item--home_cinema {
  padding-bottom: 0;

  .video {
    position: relative;
    width: 100%;
    padding-top: 73.2%;
    overflow: hidden;
  }
  iframe {
    position: absolute;
    top: 0;
    left: 0px;
    width: 101%;
    height: 101%;
  }
  .l-card__item_content { 
    position: relative; 
    bottom: auto;
    top: auto;
  }
}
.icon_estreia {
  line-height: 60px;
  .f_regular;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.l-card__item--promocoes,
.l-card__item--novidades,
.l-card__item--cinema {
  margin-bottom: 20px;

  .icon_estreia {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  h3 p {
    .reset;
    color: @corTextoCardSubitulo;
  }
}
.l-card__item--cinema {
  h1 {
    margin-bottom: 10px;
    padding-right: 40px;
    font-size: 24px;
  }
  h3 { margin-bottom: 0; }
  img {
    position: relative;
    height: 100%;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .l-card__item--promocoes,
  .l-card__item--novidades,
  .l-card__item--cinema {
    .container_12.grid_4 !important;
  }
  .l-card__item--gray {
    .container_12.grid_6 !important;
  }
  .l-card__item--home_cinema {
    margin-bottom: 20px;
    .container_12.grid_12 !important;
  }
}
@media only screen and (max-width: @mobile){
  .l-card__item--gray {
    .container_12.grid_12 !important;
    margin-bottom: 20px;
  }
  .l-card__item--promocoes,
  .l-card__item--novidades,
  .l-card__item--cinema {
    .container_12.grid_12 !important;
    padding-bottom: 0;

    .l-card__item_content {
      position: relative;
    }
  }
}

.l-card__item--promocoes {
  .l-card__item_content:before,
  .l-card__item_content {
  }
}

.c-slider__novidades {
  .l-card__item{
    padding-top: 140px;
    padding-bottom: 0;

    .l-card__item_content {
      bottom: auto;
      top: 0;
      background-color: @cor_home_caixa_novidades;
      &:before { background-color: inherit; }
      h1 {
        font-size: 24px;
        line-height: 24px;
        color: @cor_home_caixa_novidades_titulo;
      }
      h3 {
        color: @cor_home_caixa_novidades_subtitulo;
      }
    }
    .l-card__item_content:before {
      top: auto;
      bottom: -13.5px;
    }
  }
  .l-card__item:hover {
    .l-card__item_content {
      background-color: @cor_home_caixa_novidades_hover;
      h1 { color: @cor_home_caixa_novidades_titulo_hover; }
      h3 { color: @cor_home_caixa_novidades_subtitulo_hover; }
    }
  }
  .c-slider__container { 
    height: 100%;
    padding-bottom: 0; 
  }
}
@media only screen and (max-width: @mobile){
  .l-card__item--gray,
  .c-slider__novidades {
    .l-card__item {
      padding-top: 0px;
      .l-card__item_content {
        position: relative;
        h1 {
          font-size: 24px;
          line-height: 24px;
        }
      }
      .l-card__item_content:before {
        top: -13px;
        bottom: auto;
      }
    }
  }
}

.l-home_cinema {
  padding: 35px 0;
  width: 100%;
  margin-bottom: 40px;
  background-color: #fff;
  .boxsizing;
  .c-page__header { margin-top: 0; }
}

.banner-cinema {
  .grid_12 { margin-bottom: 30px; }
  img { width: 100%; }
}


.l-lojas_filtros {
  min-height: 136px;
  .filtro_letras {
    .flex;
    .flex-wrap;
    justify-content: center;
    width: 100%;
    padding: 10px;
    background-color: #e9e9ee;
    .boxsizing;
    a {
      height: 35px;
      margin: 0 10px;
      line-height: 35px;
      vertical-align: middle;
      padding: 0 5px;
      .f_medium;
      font-size: 20px;
      color: @blue;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
    }
    a.selected,
    a:hover {
      background-color: @blue;
      color: #fff;
    }
  }//end filtros
  .combo_sectores {
    position: relative;
    padding: 15px;
    margin-bottom: 22px;
    float: left;
    font-size: 20px;
    .f_medium;
    color: #fff;
    background-color: @blue;
    text-transform: uppercase;
    cursor: pointer;
    .sprite { 
      display: inline-block; 
      float: right;
      margin-left: 20px;
    }
    select {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      opacity: 0;
    }
  }//end combo
  .selected_sector {
    float: right;
    margin-top: 15px;
    .f_semibold;
    font-size: 20px;
    text-transform: uppercase;
    color: #656571;
  }
  .fixed_panel.fixed {
    position: fixed;
    z-index: 100;
    top: 80px;
    padding-top: 20px;
    width: 100%;
    background-color: #fff;
  }
}

.c-floater_icons {
  position: fixed;
  top: 50%;
  right: 20px;
  z-index: 5;
  padding: 5px;

  [dir-Load-Svg] {
    height: 25px;
    margin-bottom: 15px;

    path { fill: @blue; }
    svg {
      height: 100%;
    }
  }
  [dir-Load-Svg]:hover {
    path { fill: @orange; }
  }
}
@media only screen and (max-width: 1200px){
  .c-floater_icons {
    display: none;
  }
}

.c-main__footer {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-top: 60px;
  color: #656571;
  background-color: #e9e9ee;
}
.c-footer__icons {
  min-height: 200px;
  padding-top: 40px;
  text-align: center;
  background-color: #fff;
  .boxsizing;
}
.c-footer__icon {
  display: inline-block;
  margin: 0 30px;
  text-align: center;

  .sprite { display: inline-block; }
  h1 {
    margin-top: 20px;
    font-size: 26px;
    color: #656571;
  }
}
@media only screen and (max-width: @desktop){
  .c-footer__icons .grid_12{
    .flex;
    .flex-wrap;
    justify-content: center;
  }
  .c-footer__icon { 
    width: 50%;
    margin: 0;
    margin-bottom: 30px; 
    h1 { font-size: 20px; }
  }
}

.l-footer__text_2,
.l-footer__text {
  padding-bottom: 60px;
  .f_regular;

  a {
    text-decoration: none;
    color: @blue;
  }
  a:hover { text-decoration: underline; }
  h1 {
    margin-bottom: 10px;
    .f_semibold;
    font-size: 20px;
    text-transform: uppercase;
  }
  .copy_right {
    margin-top: 30px;
    font-size: 14px;
  }
}
.l-footer__text_2 {
  padding-top: 40px;
  background-color: #fff;
  .ablock {
    a {
      display: block;
    }
  }
  [dir-Load-Svg] {
    display: inline-block;
    margin-right: 15px;
    height: 24px;
    svg {
      height: 100%;
    }
    path { fill: @blue; }
  }
  [dir-Load-Svg]:hover {
    path { fill: @orange; }
  }
}
@media only screen and (max-width: @mobile){
  .l-footer__text_2 {
    .grid_3 {
      .container_12.grid_12;
      text-align: center;
      margin-bottom: 20px;
    }
  }
}

.bt {
  display: inline-block;
  height: 54px;
  padding: 0 20px;
  line-height: 54px;
  vertical-align: middle;
  font-size: 20px;
  .f_medium;
  color: @blue;
  background-color: @gray2;
  text-decoration: none !important;
  border: 0;
  outline: 0;
  text-transform: uppercase;
  cursor: pointer;
  .transition(0.3s);
}
.bt.selected,
.bt:hover {
  color: #fff;
  background-color: @blue;
}
.bt-blue {
  color: #fff;
  background-color: @blue;
}
.bt-blue:hover {
  color: @blue;
  background-color: @gray2;
}
.bt-gray2 {
  color: #fff !important;
  background-color: #c1c2d1;
  text-decoration: none !important;
}
.bt-black-2,
.bt-black {
  color: #000;
}
.bt-black-2.selected,
.bt-black-2:hover {
  background-color: #000;
  color: #ffF;
}
.bt-green {
  color: @green;
  background-color: @gray2;
}
.bt-green.selected,
.bt-green:hover {
  color: #fff;
  background-color: @green;
}

.c-page__header {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 45px;

  h1 {
    position: relative;
    display: inline-block;
    xwidth: ~"calc(100% - 55px)";
    .f_medium;
    font-size: 42px;
    line-height: 42px;
    text-transform: uppercase;
    color: @blue;

    span {
      .f_regular;
      color: @blue;
      text-transform: none;
    }
  }
  h2 {
    margin-top: 5px;
    .f_medium;
    font-size: 20px;
  }
  .header_icon {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 8px;
  }

  .icon_fav_2,
  .icon_fav {
    position: absolute;
    top: 0px;
    right: -7px;
  }
  .icon_promos_black {
    position: relative;
    top: 8px;
  }
  .icon_title,
  .icon_info_black,
  .icon_mail_black,
  .icon_msg_black,
  .icon_loc_black,
  .icon_fav_black {
    position: relative;
    top: 7px;
  }
}
.c-page__header_left {
  float: left;
}
@media only screen and (max-width: @ipadPortrait){
  .c-page__header_left { 
    width: 100%; 
    text-align: center;
  }
}
@media only screen and (max-width: @ipadPortrait){

}
.c-page__header_right {
  float: right;
}
.c-page__header_center {
  display: block;
  text-align: center;
  h1 { width: auto; }
}
.l-page__header_social {
  position: relative;
  clear: both;
  width: 100%;
  padding-top: 15px;
}
.c-page__header--loja,
.c-page__header--generic,
.c-page__header--cinema_filme {
  h1 {
    padding-right: 50px;
  }
  .icon_estreia {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
  }
  .title_container {
    float: left;
    width: ~"calc(100% - 75px)";
  }
  .c-page__header_left { 
    position: relative;
    width: 40.007%; 
  }
}
.c-page__header_meta,
.c-page__header_loja {
  position: relative;
  float: left;
  margin-left: 20px;

  h2 { display: block; }
  .icon_mgc { 
    display: inline-block; 
    position: relative;
    margin-right: 10px;
    top: 0px;
  }
  .fb-like { top: -5px; }
}
.c-page__header_meta {
  margin-left: 0;
}
.c-page__header--loja {
  position: relative;
  float: left;
  margin-top: -36px;
  padding: 30px 0;
  background-color: #e9e9ee;
  .bg-cover;
  background-position: center;

  .l-loja__logo { 
    border-color: #fff; 
    background-color: #fff;
  }
  .icon_obras { margin-top: 5px; }
  h2 { 
    display: block; 
    line-height: 20px;
  }
  h1 {
    font-size: 33px;
    line-height: 32px;
  }
  .icon_fav_2  { top: -6px; }
  .fb-like {
    position: absolute;
    top: -1px;
    left: 105px;
  }
  .l-page__header_social {
    position: relative;
    height: 38px;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-page__header--cinema_filme {
    .c-page__header_left { width: 100%; }
  }
}
@media only screen and (max-width: @mobile){
  .c-page__header,
  .c-page__header_meta,
  .c-page__header_loja {
    h1 {
      font-size: 28px;
      line-height: 28px;
    }
    h2 { font-size: 16px; }
  }
  .c-page__header_loja { 
    width: 100%; 
    padding-top: 15px;
    margin-left: 0px;
  }
}

.l-header__submenu {
  font-size: 0;
  .bt { margin-left: 10px; }
}
@media only screen and (max-width: @ipadPortrait){
  .l-header__submenu {
    clear: both;
    padding-top: 30px;
  }
}
@media only screen and (max-width: @mobile){
  .l-header__submenu {
    width: 100%;
    float: none;

    .bt { 
      width: 100%;
      margin-left: 0; 
      text-align: center;
      .boxsizing;
    }
  }
}

.l-cinema__lista {
  .wrapper {
    .flex;
    .flex-wrap;
  }
  .cinema_nota {
    margin-top: 30px;
  }
}

.l-promocoes__lista,
.l-novidades__lista {
  .wrapper { 
    .flex; 
    .flex-wrap;
  }
}

.l-loja__ficha,
.l-cinema__ficha {
  .email {
    text-overflow: ellipsis;
    width: 60%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
  }
  .cinema_nota {
    margin-top: 30px;
  }
  table {
    width: 100%;
    font-size: 19px;
    line-height: 22px;
    
    .sep { padding-bottom: 30px; }
    td { 
      vertical-align: top; 
      padding-bottom: 5px;
    }
    td:nth-child(1) { 
      width: 31.03%; 
      .f_semibold;
    }
    td:nth-child(2) { 
      .f_regular;
      padding-left: 20px; 
    }
  }
}
.l-cinema__ficha_video {
  position: relative;
  padding-bottom: 56.03%;
  iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.l-cinema__info {
  .icon_descontos {
    float: left;
    margin-right: 15px;
  }
  .flex {
    display: flex;

    .grid_3 { margin-left: 0; }
    .grid_9 { margin-right: 0; }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .l-cinema__info {
    .flex { 
      flex-direction: column;
      gap: 25px; 
    }
  }
}
@media only screen and (max-width: @mobile){
  .l-cinema__ficha_sinopse_img { .container_12.grid_4 !important; }
  .l-cinema__ficha_sinopse_text {
    padding-left: 10px;
    .container_12.grid_8 !important;
    .boxsizing;
  }
  .l-cinema__ficha {
    table {
      td { padding-bottom: 10px; }
    }
  }
}

.l-content__generic {
  .l-acessos__topshuttle { margin-top: 30px; }
}
@media only screen and (max-width: @ipadPortrait){
  .l-content__generic {
    .grid_6_on_ipadportrait {
      .container_12.grid_6 !important;
      margin-bottom: 25px;
    }
    .clear_on_ipadportrait { 
      clear: both; }
  }
}
@media only screen and (max-width: @mobile){
  .l-content__generic {
    .l-acessos__topshuttle { margin-top: 0; }
    .grid_6_on_mobile {
      .container_12.grid_6 !important;
    }
    .full_on_mobile {
      margin-bottom: 25px;
    }
    .mt_60 { margin-top: 30px !important; }
    .grid_6_on_ipadportrait {
      .container_12.grid_12 !important;
    }
  }
}

.c-box__crossinfo {
  position: relative;
  z-index: 1;
  padding: 40px 0;
  background-color: @gray2;
}
@media only screen and (max-width: @mobile){
  .c-box__crossinfo {
    .grid_6 { 
      .container_12.grid_12; 
      margin-bottom: 20px;
      padding-bottom: 60px;
    }
  }
}
.c-box__crossinfo--banners {
  position: relative;
  z-index: 1;
  padding-top: 0px;
  background-color: #fff;

  .grid_6 {
    padding-bottom: 17.79%;
    div { width: 100%; }
  }
  a {
    position: absolute !important;
    width: 100%;
    padding-bottom: 36.20%;
  }
  img { 
    position: absolute;
    width: 100%;
  }
}
@media only screen and (max-width: @mobile){
  .c-box__crossinfo--banners {
    .grid_6 { padding-bottom: 35.79% !important; }
  }
  .c-box__crossinfo .grid_6 { padding-bottom: 75px; }
}
.c-crossinfo__cycle {
  position: relative;
  max-height: 280px;
  background-color: #fff;
  overflow: hidden;

  .pager {
    position: absolute;
    z-index: 100;
    width: 48.27%;
    right: 0;
    bottom: 30px;

    span { display: none; }
    ul { .ul_reset; }
    li {
      width: 15px;
      height: 15px;
      font-size: 0;
      float: left;
      margin-right: 10px;
      background-color: #e9e9ee;
      cursor: pointer;
      .rounded(100%);
    }
    li:hover,
    li.selected { background-color: @blue; }
  }
}
@media only screen and (max-width: @mobile){
  .c-crossinfo__cycle {
    max-height: none;
    .pager { 
      width: 100%; 
      text-align: center;
      li {
        float: none;
        display: inline-block;
      }
    }
  }
}
.c-crossinfo__item {
  position: relative;
  width: 100%;

  .icon_fav_2 {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }
  .content {
    width: 48.27%;
    padding-top: 25px;
    float: right;
    h3 {
      margin-bottom: 5px;
      .f_medium;
      font-size: 18px;
      color: @gray1;
      text-transform: uppercase;
    }
    h1 {
      font-size: 30px;
      line-height: 30px;
      color: #000;
      text-transform: uppercase;
    }
  }
  .thumb {
    position: relative;
    float: left;
    width: 48.27%;
    padding-bottom: 48.27%;
    img {
      position: absolute;
      left: 50%;
      top: 50%;
      max-width: 100%;
      max-height: 100%;
      ._transform(-50%, -50%, 0);
    }
  }
}
@media only screen and (max-width: @mobile){
  .c-crossinfo__item {
    .content,
    .thumb {
      float: none;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      .boxsizing;
    }
    .thumb { margin-top: 15px; }
    .content { 
      h3 { padding-right: 60px; }
    }
  }
}

.c-cycle__component {
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: 435px;
  overflow: hidden;

  .arrow {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 999;
    margin-top: -35px;
    cursor: pointer;
  }
  .icon_arrow_right_2,
  .icon_arrow_right {
    left: auto;
    right: 20px;
  }
  &.no_arrows {
    .arrow { display: none; }
  }
  .pager {
    position: absolute;
    z-index: 999;
    width: 100%;
    bottom: 30px;
    text-align: center;

    span { display: none; }
    ul { .ul_reset; }
    li {
      display: inline-block;
      width: 15px;
      height: 15px;
      font-size: 0;
      margin-right: 10px;
      background-color: #e9e9ee;
      cursor: pointer;
      .rounded(100%);
    }
    li:hover,
    li.selected { background-color: @blue; }
  }
  .c-cycle__item { 
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; 

    .legenda { 
      position: absolute;
      bottom: 0px;
      width: 100%;
      padding: 10px;
      .f_regular;
      font-size: 16px;
      color: rgb(0, 0, 0);
      background-color: rgba(190, 190, 190, 0.8);
      .boxsizing;
    }
    img {
      position: relative;
      top: 50%;
      max-width: 100%;
      max-height: 100%;
      ._transform(0, -50%, 0);
    }
  }//end item
  &.sobre_size {
    max-height: 490px;
  }
  &.pager_out {
    padding-bottom: 80px;
    .pager { bottom: 10px; }
    .c-cycle__item { height: ~"calc(100% - 80px);"; }
  }
}

.l-lojas__lista {
  .letra_categoria {
    width: 100%;
    float: left;
    font-size: 72px;
    line-height: 72px;
    color: @blue;
    margin: 35px 0;
    .f_semibold;
    text-transform: uppercase;
    text-align: center;
  }
}
.l-loja__ficha {
  a {
    text-decoration: none;
    color: @blue
  }
  a:hover { text-decoration: underline; }
  table {
    .boxsizing;
    td { 
      position: relative;
      .boxsizing; 
      .email {
        position: absolute;
      }
    }
    td:nth-child(1) { width: 48.27%; }
  }
  .c-media__nav { margin-bottom: 30px; }
}
.l-loja__logo,
.l-lojas__item {
  position: relative;
  z-index: 1;
  border: solid 2px #e9e9ee;
  padding-bottom: 10%;
  margin-bottom: 1.69%;
  text-align: center;
  .boxsizing;

  &.loading { display: none; }
  &.visible { display: block; }
  a {
    text-decoration: none;
    color: @gray1;
  }
  img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    max-width: 100%;
    max-height: 100%;
    ._transform(-50%, -50%, 0);
  }
  h1 {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 20px;
    color: @gray1;
    text-transform: uppercase;
    ._transform(0, -50%, 0);
  }
  .over_layer {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #e9e9ee;
    text-align: center;
    .transition(0.3s);

    .icon_telf_blue,
    .icon_info_blue,
    .icon { 
      display: inline-block; 
      margin: 0 5px;
    }
    .icon {
      display: inline-block;
      margin: 0 5px;
      width: 60px;
      height: 60px;
      background-color: @blue;
      .rounded(100%);
      .icon_fav {
        position: relative;
        top: 9px;
        left: 8px;
      }
    }
    .icon_obras { background-color: transparent; }
    .icons {
      position: absolute;
      top: 50%;
      width: 100%;
      font-size: 0;
      text-align: center;
      ._transform(0, -50%, 0);
    }
  }
}
.l-loja__logo { margin-bottom: 0; }
.l-lojas__lista--mascotes {
  display: flex;
  flex-wrap: wrap;

  .img_container {
    border: 2px solid #e9e9ee;
    text-align: center;
    position: relative;
    .boxsizing;
    margin-bottom: 15px;
    height: 122px;

    img { 
      max-height: 90%;
      max-width: 90%;
      top: 50%;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
    }
    &:hover {
      .over_layer {
        opacity: 1;
        visibility: visible;
      }
    }
  }
  p { 
    font-size: 17px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .item { margin-bottom: 20px; }
  .over_layer {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #e9e9ee;
    text-align: center;
    .transition(0.3s);

    .icon_telf_blue,
    .icon_info_blue,
    .icon { 
      display: inline-block; 
      margin: 0 5px;
    }
    .icon {
      display: inline-block;
      margin: 0 5px;
      width: 60px;
      height: 60px;
      background-color: @blue;
      .rounded(100%);
      .icon_fav {
        position: relative;
        top: 9px;
        left: 8px;
      }
    }
    .icon_obras { background-color: transparent; }
    .icons {
      position: absolute;
      top: 50%;
      width: 100%;
      font-size: 0;
      text-align: center;
      ._transform(0, -50%, 0);
    }
  }
}
.l-lojas__lista--passatempos,
.l-lojas__lista--mascotes_rest {
  .l-oferta__item,
  .l-passatempo__item,
  .l-freemeal__item {
    position: relative;
    margin-bottom: 20px;
    h1 {
      font-size: 20px;
      margin-top: 10px !important;
      margin-bottom: 5px;
    }
    p { font-size: 20px; }
    .text { display: none; }
    img { 
      width: 100%;
      cursor: pointer; 
    }
    .sprite {
      position: absolute;
      right: 0;
      transform-origin: 100% 0%;
      ._scale(0, 0);
      .transition(0.3s);
    }
  }
  .l-passatempo__item:hover,
  .l-freemeal__item:hover {
    .sprite {
      ._scale(1, 1);
    }
  }
  .l-oferta__item {
    margin-bottom: 30px;
    img {
      width: auto;
      max-width: 100%;
    }
  }
}
.l-lojas__lista--passatempos {
  .l-passatempo__item {
   .text { display: block; }
   p { margin-bottom: 15px; }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .l-lojas__lista--passatempos,
  .l-lojas__lista--mascotes_rest {
    .grid_8 { .container_12.grid_12; }
  }
}
@media only screen and (max-width: @mobile){
  .l-lojas__lista--passatempos,
  .l-lojas__lista--mascotes_rest {
    .grid_4 { .container_12.grid_6; }
    .grid_4.full { .container_12.grid_12; }
  }
  .l-lojas__lista--mascotes {
    .grid_4 { .container_12.grid_12; }
  }
  .l-lojas__item {
    .container_12.grid_12 !important;
    padding-bottom: 34%;
    margin-bottom: 3.69%;
    .icon_telf_blue { display: inline-block !important; }
  }
}
.l-loja__logo:hover,
.l-lojas__item:hover {
  .over_layer {
    opacity: 1;
    visibility: visible;
  }
}
.l-lojas__item--banner_big {
  padding-bottom: 34.1%;
}
.l-lojas__setores {
  clear: both;
  width: 100%;
  margin-top: 30px;
  font-size: 0;
  .bt {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

.c-galeria_lojas_v2 {
  width: 100%;
  margin: 50px 0;

  .arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
  }
  .icon_arrow_left_3 { left: -60px; }
  .icon_arrow_right_3 { right: -60px; }
  .container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .item {
    position: absolute;
    width: 25%;
    padding: 0 1.53%;
    .boxsizing;
    img {
      width: 100%;
      height: auto;
    }
  }
  .anim { .transition(0.4s); }
  .cycle-pager {
    position: absolute;
    z-index: 1000;
    left: 50%;
    bottom: 15px;
    font-size: 0px;
    ._transform(-50%, 0, 0);

    span {
      display: block;
      width: 15px;
      height: 15px;
      margin: 0 7px;
      float: left;
      cursor: pointer;
      background-color: #e9e9ee;
      .rounded(100%);
    }
    span.cycle-pager-active,
    span.selected,
    span:hover {
      background-color: #656571;
    }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-galeria_lojas_v2 {
    .item { width: 50%; }
    .arrow { top: 20px; }
    .icon_arrow_right_3 { right: 0px; }
    .icon_arrow_left_3 { 
      left: auto;
      right: 60px; 
    }
  }
}

.l-bt_localizar_loja {
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 54px;
  vertical-align: middle;
  padding: 5px 10px;
  font-size: 20px;
  .f_medium;
  color: #030504;
  background-color: #fff;
  cursor: pointer;
  .boxsizing;
  .sprite {
    position: relative;
    top: 3px;
    float: left;
    margin-right: 10px;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .l-bt_localizar_loja {
    position: relative;
    left: 50%;
    margin-left: -85px;
    float: left;
    margin-top: 20px;
    ._scale(0.7, 0.7);
  }
}

.l-novidade__ficha_promos,
.l-loja__ficha_promos,
.l-loja__ficha_lojas {
  margin-top: 60px;
  margin-bottom: 30px;
}

.l-promocao__ficha_texto,
.l-novidade__ficha_texto,
.l-loja__ficha_texto {
  position: relative;
  margin-top: 30px;

  .container {
    position: relative;
    clear: both;
    height: 160px;
    overflow: hidden;
    .transition(0.3s);

    .bt-black {
      position: absolute;
      left: 50%;
      bottom: 0;
      ._transform(-50%, 0, 0);
    }
  }
  .container:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 140px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }
  .container.open {
    height: auto;

    .bt-black,
    &:before { display: none; }
  }
}
.l-loja__ficha_texto {
  margin-top: 0;
  height: auto;
}
@media only screen and (max-width: @desktop){
  .l-promocao__ficha_texto,
  .l-novidade__ficha_texto,
  .l-loja__ficha_texto {
    //margin-top: 0;
  }
}

.l-promocao__ficha_texto {
  .l-logo__box_static { 
    float: left; 
    margin-bottom: 15px;
  }
  .l-logo__box_static:nth-child(even) { float: right; }
}
@media only screen and (max-width: @desktop){
  .l-promocao__ficha_texto {
    .l-logo__box_static {
      max-width: 48%;
      margin-bottom: 20px;
    }
  }
}
@media only screen and (max-width: @desktop){
  .l-promocao__ficha_texto {
    .l-logo__box_static {
      max-width: 100%;
      float: none;
      margin-bottom: 10px;
    }
  }
}

.l-novidade__ficha_promos,
.l-loja__ficha_promos,
.l-loja__ficha_lojas,
.l-loja__ficha_texto {
  p { clear: both; }
  .sprite {
    position: relative;
    top: -17px;
    float: left;
    margin-right: 15px;
  }
}

.l-loja__logo {
  width: 23.34%;
  float: left;
}
.l-logo__box_static {
  width: 100%;
  max-width: 280px;

  .l-loja__logo {
    width: 100%;
    padding-bottom: 42.85%;
  }
}
@media only screen and (max-width: @mobile){ 
  .l-loja__logo {
    width: 100%;
    padding-bottom: 34%;
  }
}

.l-promocao__ficha,
.l-novidade__ficha {
  .l-promocao__ficha_texto,
  .l-novidade__ficha_texto {
    .container { height: 300px; }
    .container.open { height: auto; }
  }
}
.l-novidade__ficha_promos { 
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: @mobile){
  .l-promocao__ficha {
    .c-media__nav { margin-bottom: 30px; }
    .wrapper {
      .flex;
      .flex-wrap;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;

      .icon_telf_blue { display: inline-block !important; }
      .l-promocao__ficha_image { order: 1; }
      .l-promocao__ficha_texto { order: 2; }
      .go_back { order:3; }
    }
  }
}

.c-media__nav {
  position: relative;
  font-size: 0;
  .flex;
  .flex-wrap;

  .bt {
    .flex-grow;
    text-align: center;
    .boxsizing;
  }
}
.c-media__video,
.c-loja_video {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
  background-color: @gray2;

  iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.c-loja_video {
  margin-top: 40px;
  padding-bottom: 50%;
  .boxsizing;
}

.c-load__more {
  .l-card__item { display: none; }
  .visible { display: block !important; }
}
.c-load__more_bt {
  margin-top: 20px;
  text-align: center;

  .bt { display: inline-block; }
}

.c-page__header_right.l-header__submenu.c-load__more_bt {
  margin-top: 0;
}
.grid_12.c-load__more_bt.mobile {
  display: none;
}
@media only screen and (max-width: @mobile){
  .c-page__header_right.l-header__submenu.c-load__more_bt {
    display: none;
  }
  .grid_12.c-load__more_bt.mobile {
    display: block;
  }
}

.c-submenu__lateral {
  position: fixed;
  z-index: 100;
  top: 50%;
  right: 0px;
  ._transform(0, -50%, 0);
}
.c-submenu__lateral_icon {
  position: relative;
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
  background-color: @blue;

  a {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .sprite {
    position: absolute;
    top: 50%;
    left: 50%;
    ._transform(-50%, -50%, 0);
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-submenu__lateral { display: none; }
}

.c-form__generico {
  label {
    .reset;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    font-size: 20px;
    .f_semibold;
  }
  div.error {
    position: absolute;
    right: 0;
    bottom: 20px;
    padding: 0 10px;
    line-height: 50px;
    height: 50px;
    vertical-align: middle;
    color: #fff;
    .f_medium;
    text-transform: uppercase;
    background-color: #c13949;
  }
  textarea,
  input[type="file"],
  input[type="password"],
  input[type="text"] {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 10px;
    font-size: 24px;
    color: #c1c2d1;
    .f_regular;
    background-color: #fff;
    border: 3px solid #c1c2d1;
    outline: 0;
    .boxsizing;
  }
  textarea { 
    padding: 10px;
    height: 150px; 
  }
  .legal {
    .f_regular;
    font-size: 16px;
    div.error {
      position: relative;
      bottom: 0;
      float: left;
      margin-right: 10px;
    }
    a { color: @blue; }
  }
  .campo_data { max-width: 280px; }
  .campo_telf { max-width: 180px; }
  .form_radios {
    position: relative;
    top: 15px;
    margin-bottom: 20px;
    label {
      width: auto;
      margin-left: 5px;
      display: inline-block;
      cursor: pointer;
      .f_regular;
    }
  }
  .bt--fileup {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    .boxsizing;
  }
  .l-file__field {
    position: relative;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
  }
  .l-check_group {
    label {
      display: inline-block;
      width: ~"calc(100% - 30px)";
      margin: 0;
      .f_regular;
      cursor: pointer;
    }
    input[type="checkbox"] {
      margin-right: 10px;
    }
    .grid_3 {
      padding: 5px 10px;
      margin-bottom: 5px;
      .boxsizing;
      .rounded(3px);
      &.selected { background-color: #eaeaea; }
    }
  }
}
.c-form__generico_resposta {
  margin-top: 20px;
}
@media only screen and (max-width: @ipadPortrait){
  .c-form__generico {
    .grid_6 { .container_12.grid_12; }
    .l-check_group .grid_3{
      .container_12.grid_12;
    }
  }
}

.mapa__iframe iframe {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: @mobile){ 
  .mapa__iframe.mapa__iframe {
    position: fixed;
    width: 100%;
    height: ~"calc(100% - 80px)" !important;
    z-index: 1000;
    top: 80px;
    left: 0;
  }
}

.l-mapa__directions {
  position: absolute;
  z-index: 998;
  right: 20px;
  top: 20px;
  width: 210px;
  height: ~"calc(100% - 40px);";
  background-color: #fff;
  h1 {
    width: 100%;
    height: 55px;
    .f_medium;
    font-size: 22px;
    line-height: 55px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background-color: @blue;
  }
}
.l-mapa__directions_content {
  position: absolute;
  top: 55px;
  width: 100%;
  height: ~"calc(100% - 55px)";
  padding: 10px;
  overflow-y: auto;
  .boxsizing;
  p { 
    .reset;
  }
}

[dir-submenu-combo] {
  select { 
    display: none; 
    width: 100%;
    height: 50px;
    padding: 0 10px;
    .f_regular;
    font-size: 18px;
    border:solid 3px @gray1;
    background-color: #ffF;
    outline: 0;
    text-transform: uppercase;
    .boxsizing;
  }
}
@media only screen and (max-width: @mobile){
  [dir-submenu-combo] {
    .bt { display: none; }
    select { display: block; }
  }
}

.c-lateral__submenu {
  .bt {
    width: 100%;
    margin-bottom: 10px;
    .boxsizing;
  }
}
.c-lateral__submenu--black {
  .bt {
    color: #a2a3b8;
  }
  .bt.selected,
  .bt:hover {
    color: #fff;
    background-color: #a2a3b8;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-lateral__submenu {
    padding-bottom: 30px;
  }
}


/*GALERIA CSS*/
.c-galeria__comp {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;

  .arrow {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 3;
    margin-top: -37px;
    cursor: pointer;
    ._scale(0.7, 0.7);
  }
  .icon_arrow_right {
    left: auto;
    right: 20px;
  }
}
.c-galeria__stage {
  position: absolute;
  width: 100%;
  height: ~"calc(100% - 200px)";
  top: 80px;
  overflow: hidden;

  .rounded(4px);

  .no_img {
    position: absolute;
    top: 50%;
    left: 50%;
    ._transform(-50%, -50%, 0);
  }
  img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    ._transform(-50%, -50%, 0);
    .no-highlight;
  }
}
.c-galeria__thumbs {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 120px;
  overflow: hidden;
  font-size: 0;

  .slider {
    position: relative;
    width: 100%;
    height: 120px;
    &.anim { .transition(0.5s); } // This need to be here for slide css based animation
  }
}
.c-galeria__thumb {
  display: inline-block;
  position: absolute;
  top: 0px;
  width: 10%;
  height: 120px;
  margin-right: 0;
  background-color: #ebebeb;
  overflow: hidden;
  cursor: pointer;
  opacity: 1;

  &.selected { 
    opacity: 1; 
    background-color: @blue;
  }
  img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    max-width: 96%;
    height: 96% !important;
    ._transform(-50%, -50%, 0);
  }
}
@media only screen and (max-width: @desktop){
  .c-galeria__thumb {
    width: 12.5%;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .c-galeria__thumb {
    width: 20%;
  }
}
@media only screen and (max-width: @mobile){
  .c-galeria__thumb {
    width: 25%;
  }
  .c-galeria__comp {
    .arrow { ._scale(0.7, 0.7); }
  }
}

.c-slider__component--home_cinema {
  width: ~"calc(100% - 140px);";
  .c-slider__item {
    position: relative !important;
    width: 280px;
    margin: 0 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
    .boxsizing;
    ._scale(0.8, 0.8);
    .l-card__item_content:before {
      .transition(0.8s);
    }
    .l-card__item_content {
      visibility: hidden;
      opacity: 0;
      .transition(0.8s);
    }
    .icon_estreia {
      z-index: 2;
      top: -15px;
      left: -15px;
    }
  }//end item
  .film_roll_wrapper {
    padding-top: 20px !important;
    padding-bottom: 50px !important;
  }
  .film_roll_child {
    .transition(0.8s);
  }
  .film_roll_child.active {
    -webkit-box-shadow: 0px 14px 28px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 14px 28px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 14px 28px 0px rgba(0,0,0,0.31);
    ._scale(1,1);
    .l-card__item_content {
      visibility: visible;
      opacity: 1;
    }
  }
  .c-slider__container {
    height: 100%;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: @ipadPortrait){
  .l-home_cinema {
    padding: 0; 
    padding-top: 35px;
  }
  .c-slider__component--home_cinema {
    width: 92%;
    .icon_arrow_left_3 {left: -10px; }
    .icon_arrow_right_3 {right: -10px; }
    .c-slider__item { width: 250px !important; }
  }
}

.l-galeria_sobre {
  margin-top: 30px;
  text-align: center;

  .editor {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .c-cycle__component {
    .c-cycle__item {
      height: auto;
      padding-bottom: 50%;
      .bg-cover;
      background-position: center;
    }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .l-galeria_sobre {
    width: 100%;
    .editor { 
      width: 92%; 
      .m_center;
    }
    .grid_1 { display: none; }
    .grid_10 {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
    }
    .c-cycle__component {
      padding-bottom: 0px;
      .pager {
        display: none;
      }
    }
  }
}

.l-sobre_bloco_2 {
  width: 100%;
  padding: 40px 0;
  margin-top: 40px;
  background-color: @blue;
  text-align: center;
  .editor {
    color: #fff;
    font-size: 24px;
    h1 { color: @orange; }
  }
}
.l-sobre_bloco_3 {
  padding: 40px 0;
  background-color: #ffffff;
  text-align: center;
  .editor {
    font-size: 24px;
  }
}
.l-sobre_bloco_4 {
  padding: 40px;
  background-color: #e9e9ee;
  .grid_4 {
    font-size: 20px;
    img { margin-bottom: 20px; }
    h1 {
      font-size: 20px;
      margin-bottom: 5px;
    }
  }
}
@media only screen and (max-width: @mobile){
  .l-sobre_bloco_4 {
    .grid_4 { 
      .container_12.grid_12; 
      text-align: center;
      margin-bottom: 30px;
    }
  }
}
.l-sobre_bloco_5 {
  padding: 40px 0;
  background-color: @blue;
  text-align: center;
  h1 { 
    margin-bottom: 30px;
    font-size: 24px;
    color: @orange; 
  }
  .number {
    .flex;
    .flex-wrap;
    justify-content: center;

    .item {
      width: 180px;
      margin-bottom: 20px;
      color: #fff;
    }
    .num {
      font-size: 60px;
      .f_semibold;
    }
    .info {
      line-height: 28px;
      font-size: 24px;
      .f_regular;
    }
  }
}
@media only screen and (max-width: @mobile){
  .l-sobre_bloco_5 {
    .number {
      .item { width: 50%; }
    }
  }
}
.l-sobre_bloco_6 {
  padding: 40px 0;
  h1 { 
    margin-bottom: 30px;
    font-size: 24px;
  }
  .servicos {
    width: ~"calc(100% - 180px);";
    margin-top: 40px;
    .m_center;
    .flex;
    .flex-wrap;

    .item {
      width: 50%;
      margin-bottom: 30px;
      .boxsizing;
      .icon {
        width: 120px;
        float: left;
      }
      .text {
        width: ~"calc(100% - 120px);";
        float: left;
        font-size: 24px;
      }
    }
    .item:nth-child(even) {
      padding-left: 120px;
    }
  }
}
@media only screen and (max-width: @ipadPortrait){
  .l-sobre_bloco_6 {
    .servicos {
      width: 100%;
    }
  }
}
@media only screen and (max-width: @mobile){
  .l-sobre_bloco_6 {
    .servicos {
      .item {
        width: 100%;
      }
      .item:nth-child(even) { padding-left: 0px; }
    }
  }
}
.l-sobre_bloco_6--links {
  text-align: center;

  h1 { margin-bottom: 40px !important; }
  .grid_4 { 
    font-size: 24px; 
    .f_semibold;
  }
  a {
    color: @blue;
    text-decoration: none;
    .sprite {
      display: inline-block;
    }
  }
}

.l-box_filtros {
  margin: 40px 0;
  font-size: 0px;

  .bt {
    padding: 0;
    text-align: center;
  }
}

.c-noticia_ficha_container {
  width: 81.673%;
  margin: 0 auto;
}
@media only screen and (max-width: @mobile){
  .c-noticia_ficha_container {
    .container_12.grid_12;
  }
}
.c-noticia_ficha_header {
  position: relative;
  padding-bottom: 85px;
  margin-bottom: 60px;
  .meta {
    position: absolute;
    bottom: 0;
    width: 380px;
    padding: 45px;
    background-color: #f5f5f5;
    h1 {
      margin: 0;
      margin-bottom: 20px;
      .f_medium;
      font-size: 42px;
      line-height: 1.2;
      color: @blue;
    }
    .date {
      margin-bottom: 20px;
      font-size: 14px;
      .f_regular;
      color: #222;
    }
  }
  .image {
    width: 79.59%;
    margin-left: auto;
    img { width: 100%; }
  }
}//header
@media only screen and (max-width: @mobile){
  .c-noticia_ficha_header {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-bottom: 0;

    .meta {
      position: relative;
      width: 100%;
      padding: 20px;
      order: 2;
      .boxsizing;

      h1 {
        font-size: 30px;
      }
    }
    .image {
      width: 100%;
      order: 1;
    }
  }
}
.c-noticia_ficha_corpo {
  .f_regular;
  font-size: 20px;
  color: #222;

  iframe {
    width: 100%;
  }
  h2 {
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 24px;
    .f_semibold;
    text-align: center;
    text-transform: uppercase;
  }
  h3 {
    margin: 20px 0;
    .f_semibold;
    font-size: 18px;
    text-transform: uppercase;
  }
  a {
    color: @blue;
    text-decoration: underline;
  }
  .image_grid {
    margin: 40px 0;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-template-areas: 
      "left right1"
      "left right2";

    h3 {
      margin-top: 10px;
      margin-bottom: 20px;
    }
    .left,
    .right {
      text-align: center;
      img { width: 100%; }
    }
    .left {
      grid-area: left;
    }
    .right._1 {
      grid-area: right1;
    }
    .right._2 {
      grid-area: right2;
    }
  }//end grid
  .splide {
    margin: 40px 0;
    padding-bottom: 35px;
  }
  .splide__slide {
    text-align: center;
    padding: 0 10px;
  }
  .splide__pagination__page {
    width: 15px;
    height: 15px;
    margin: 5px;
  }
  .splide__pagination__page.is-active {
    transform: scale(1);
    background-color: #656570;
  }//end
  .flex_container {
    width: 100%;
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    .item {
      width: 50%;
      padding: 0 10px;
      text-align: center;
      .boxsizing;
    }
  }//end flex container
}

.c-noticia_lista_lojas {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5%;
  justify-content: center;

  .item {
    position: relative;
    width: 18.36%;
    height: 120px;
    margin-bottom: 1.5%;
    font-size: 0;
    border: solid 5px #e9e9ee;
    text-align: center;
    .boxsizing;

    img {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 90%;
      max-height: 90%;
      transform: translate(-50%, -50%);
    }
  }
}
@media only screen and (max-width: @mobile){
  .c-noticia_lista_lojas {
    .item {
      width: 33.33%;
    }
  }
}

.editor_template_1 {
  width: 100%;
  display: grid;
  margin-bottom: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-template-areas: "left right";
  gap: 20px;

  p { margin-top: 0; }
  .left {
    grid-area: left;
  }
  .right {
    grid-area: right;
  }
}
.editor_template_1:nth-child(even) {
  grid-template-areas: "right left";
}
@media only screen and (max-width: @mobile){
  .editor_template_1:nth-child(even),
  .editor_template_1 {
    grid-template-columns: 100%;
    grid-template-areas: 
    "left"
    "right";
  }
}

.editor_template_2 {
  width: 100%;
  clear: both;
  margin-bottom: 40px;

  img {
    float: left;
    max-width: 50%;
    margin: 0 20px 20px 0;
  }
}
.editor_template_2:nth-child(even) {
  img {
    float: right;
    margin: 0 0 20px 20px;
  }
}
@media only screen and (max-width: @mobile){
  .editor_template_2,
  .editor_template_2:nth-child(even) {
    img {
      float: none;
      max-width: 100%;
      margin: 0 0 20px 0;
    }
  }
}



@import "_editor.less";

/* helpers */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/*UI VIEW ANIM*/
[ui-view] {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

[ui-view].ng-enter, [ui-view].ng-leave {
  
}

[ui-view].ng-enter {
  position: absolute;
  opacity: 0;
  -webkit-transition-delay: 0.5s; /* Safari */
  transition-delay: 0.5s;
}

[ui-view].ng-enter-active {
  opacity: 1;
}

[ui-view].ng-leave {
  opacity: 1; 
}

[ui-view].ng-leave-active {
  opacity: 0;
}


/* Styling for the ngProgress itself */
#ngProgress {
    margin: 0;
    padding: 0;
    z-index: 99998;
    background-color: #000 !important;
    color: #000 !important;
    box-shadow: 0 0 10px 0; /* Inherits the font color */
    height: 2px;
    opacity: 0;

    /* Add CSS3 styles for transition smoothing */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* Styling for the ngProgress-container */
#ngProgress-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}


@import "splide-core.min.less";
@import "splide.min.less";

.splide.splide {
  visibility: visible !important;
}
.splide__arrow.splide__arrow {
 background-color: #c8c8c8;
 path { fill: #fff; }
}
.splide__arrow--prev.splide__arrow--prev { left: -60px; }
.splide__arrow--next.splide__arrow--next { right: -60px; }