@font-face {
    font-family:'NettoOT-Regular';
    src: url('../fonts/NettoOT_gdi.eot');
    src: url('../fonts/NettoOT_gdi.eot?#iefix') format('embedded-opentype'),
            url('../fonts/NettoOT_gdi.woff') format('woff'),
            url('../fonts/NettoOT_gdi.ttf') format('truetype'),
            url('../fonts/NettoOT_gdi.svg#NettoOT-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

#cssmenu {
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
    display: inline-block;
  }
  #cssmenu ul,
  #cssmenu ul li,
  #cssmenu ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #cssmenu ul {
    position: relative;
    z-index: 5;
    float: left;
      
  }
  #cssmenu > ul > li {
    /*float: left;*/
  float:none;
  display:inline-block;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  }
  #cssmenu ul li.hover,
  #cssmenu ul li:hover {
    position: relative;
    z-index: 3;
    cursor: default;
  }
  #cssmenu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4;
    width: 100%;
  }
  #cssmenu ul ul li {
    float: none;
  }
  #cssmenu ul ul ul {
    top: 1px;
    left: 99%;
  }
  #cssmenu ul li:hover > ul {
    visibility: visible;
  }
  #cssmenu ul ul {
    top: 1px;
    left: 99%;
  }
  #cssmenu ul li {
    float: none;
  }
  #cssmenu ul ul {
    margin-top: 1px;
  }
  #cssmenu ul ul li {
    /*font-weight: normal;
      font-weight:700;
    */
    
  }
  
  
  
  /* Custom CSS Styles */
  #cssmenu:after,
  #cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
  }
  #cssmenu > ul > li > a {
    color: #6f6f6f;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;;
  }
  #cssmenu ul ul a {
    color: #6f6f6f;
    border: none!important;
  }
  #cssmenu a {
    display: inline-block;
    font-size: 16px;
    padding: 0 0px; /* padding: 0 20px; AQUI*/
    text-decoration: none;
  }
  #cssmenu a:hover {
    /*background: #f6f6f6;*/
    position: relative;
    top: 0;
    border-bottom: 2px solid #00abbd;
  
  }
  #cssmenu ul {
    /*background: #e5e5e5;*/
    list-style: none;
  }
  #cssmenu > ul {
    /*background: #ffc000;*/
    width: 100%;
  }
  #cssmenu > ul > li {
    /*float: left; */
    padding: 0 19px;
    position: relative;
    /*border-right: 1px solid #b7b7b7; */
    height: 15px;
  }
  
  
  #cssmenu > ul > li:hover > a {
    /*background: #ffc000;*/
    position: relative;
    border-bottom: 2px solid #df1f36;        
  
          
          
  }
  
  
  #cssmenu > ul > .atv a{
      border-bottom: 2px solid #00abbd;
  }
  
  
  #cssmenu .has-sub:hover ul {
    display: block;
  }
  #cssmenu .has-sub a {
    display: block;
    position: relative;
  }
  #cssmenu .has-sub > a:after { /* icone que mostra indicando sub*/
    content: '';
    display: block;
    width: 10px;
    height: 9px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
      
      }
  #cssmenu .has-sub ul {
    background: #fff url(../img/back-sub-menu.jpg) no-repeat;
    display: none;
    padding: 20px 10px 20px 10px;
    position: absolute;
    left: 10px;
    top: 22px;
    /*margin-left: -70px;*/
    width: 165px;
    z-index: 1;
  }
  #cssmenu .has-sub ul li:hover > a {
   /*background: #ecb108;*/
    color: #00abbd;
  }
  #cssmenu .has-sub ul a {
    line-height: 160%;
    padding: 6px 0 6px 0;
    font-size: 13px;
  }
  #cssmenu .has-sub .has-sub a:after { /* icone */
  }
  #cssmenu .has-sub .has-sub ul {
    background: #ecb108;
    left: 100%;
    top: 0;
    margin-left: 0;
  }
  #cssmenu .has-sub .has-sub ul a {
    background: none;
  }
  #cssmenu .has-sub .has-sub ul a:after {
    background-image: none;
  }
  #cssmenu .has-sub .has-sub ul a:hover {
    background: #bfbfbf;
  }
  
  
  #cssmenu .first{padding-left:0;}
  #cssmenu .last{padding-right:0; border: none;}

.erro404body, html{}
body{padding:0; margin:0; font-family: 'NettoOT-Regular', sans-serif; font-size: 16px;}
a{outline:none; text-decoration:none; color: #505050;}
a:hover{color: #00abbd;}
input, textarea{font-family: 'NettoOT-Regular', sans-serif; font-size: 14px;}
img{border:none;}
*{outline: none;}

.minWidth{min-width: 1200px;}
.limite{background:none; width:1200px; margin: auto;}

.limiteResp{margin: auto;}

.col-50pc{width: 50%;}
.col-50pc-limite{width: 600px;}
.col-50pc-limite2{width: 795px;} /*600px + 195px margen negativa */
.col-50pc-limite2 p:first-child{margin-top: 0; padding-top: 0;}
.col-50pc-ltr{width: 390px;}

.area-pd{padding: 70px 0;}

/*DIFS*/
.desloca-195{margin-left: -195px;}
.dif-545-pd{width: 545px; padding: 0 40px 0 0;}


a.bt-cont{background-color: #000; display: inline-block; -webkit-transform: translateZ(0); transition: 0.4s ease;}
a.bt-cont:hover{opacity: 0.7;}

a.bt-cont-2{background: #000 url(../img/seta-bt-down.png) right center no-repeat; min-width: 263px; padding: 2px 8px; border: 1px solid #fff;  display: inline-block; -webkit-transform: translateZ(0); transition: 0.4s ease; color: #fff; font-size: 12.5px; text-transform: uppercase; }
a.bt-cont-2:hover{color: #fff; opacity: 0.7;}


.menuLtr-01{margin: 0; padding: 0; list-style: none;}                
.menuLtr-01 li{font-size: 20px;}
.menuLtr-01 li a{color: #757575; display: block; padding: 5px 0}
.menuLtr-01 li a.active{color: #df1f36!important}
.menuLtr-01 li a.lk{color: #757575;}


/* - HEADER - */
.sessao-header{height: 138px; position: fixed; top: 0; left: 0; right: 0; background:url(../img/branco-90pc.png?); z-index: 9999;  transition: 0.4s ease; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) }
.sessao-header .logo{margin-top: 20px; float: left; width: 148px; height: 93px; background: url(../img/logo-santista.png) no-repeat; background-size: 100%; transition: 0.4s ease;}
.sessao-header .menuTop{margin-top: 55px; float: right; width: 980px; position: relative; text-transform: uppercase;  transition: 0.4s ease; text-align: right;}
.sessao-header .menuTop a{transition: 0.4s ease;}
.sessao-header .menuTop a:hover{color: #df1f36!important; }
.sessao-header .menuTop #cssmenu ul li .atv{color: #df1f36!important;}
.sessao-header .menuTop #cssmenu a{color: #000;}
.sessao-header .menuTop .last{color: #686868;}
.sessao-header .menuTop .last a{color: #686868!important; border: none!important;}

.headerSmall{height: 63px;}
.headerSmall .logo{margin-top: 5px; width: 118px; height: 50px; background-position: left -33px top 0;}
.headerSmall .menuTop{margin-top: 20px;}


/* - menu responsivo - */

.btMenu{width: 30px; height: auto; position: absolute; top: 0; bottom: 0;  right: 0px; background: url(../img/bt-mn-resp.png) center center no-repeat; cursor: pointer; z-index: 99999; display: none; transition: 0.4s ease;}

.menuResponsivo{background:rgba(255,255,255,0.9); font-size: 15px; display: none; z-index: 9999;}
.menuResponsivo .pd{padding: 5px 0;}
.menuResponsivo ul{margin: 0; padding: 0; list-style: none; text-transform: uppercase}
.menuResponsivo ul li a{padding: 0 0 0 10px; background-position: 2px 12px; font-weight: bold; color: #df1f36;}
.menuResponsivo ul ul li a{padding: 0 0 0 20px; background-position: 12px 12px; font-weight: normal;}
.menuResponsivo ul a{padding-bottom: 4px!important; padding-top: 7px!important; color: #fff; transition: 0.4s ease; background: url(../img/seta-item-02.png) no-repeat; border-bottom: 1px solid #e6e7e8; display: block;}
.menuResponsivo ul a:hover{color: #122845; background-color: rgba(255, 255, 255, 0.3);}
.menuResponsivo ul .last-a a, .menuResponsivo ul .last-resp a{border: none!important;}
.menuResponsivo ul .lang{display:none}
.menuResponsivo .close-mn-resp{width: 20px; height: 20px; background: #fff url(../img/seta-item-03.png) center center no-repeat; display: block; position: absolute; bottom: -1px; right: 0px; cursor: pointer;}




/* - SLIDE - FLEXSLIDER - */
.sessao-slide-01{background: #eee;}
.sessao-slide-01 #ctrl-sld-big{position: relative;}
/*
.sessao-slide-01 #ctrl-sld-big .slides li{background-repeat:no-repeat; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
*/
.sessao-slide-01 #ctrl-sld-big .slides li{min-height: 500px;}
.sessao-slide-01 #ctrl-sld-big .slides li a{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.sessao-slide-01 #ctrl-sld-big .flex-direction-nav .flex-nav-prev a{margin-left: 20px;}
.sessao-slide-01 #ctrl-sld-big .flex-direction-nav .flex-nav-next a{margin-right: 20px;}
.sessao-slide-01 #ctrl-sld-big a{opacity: 0.9;}

.sessao-slide-01 #ctrl-sld-big .flex-control-nav{z-index: 999; bottom: 10px!important}
.sessao-slide-01 #ctrl-sld-big .flex-control-paging li a{background: #6a6a6d!important; opacity: 1;}
.sessao-slide-01 #ctrl-sld-big .flex-control-paging li a.flex-active{background: #fff!important; }

.sessao-slide-01 #ctrl-sld-big .area-desc{position: absolute; bottom: 65px; left: 0; right: 0;}
.sessao-slide-01 #ctrl-sld-big .titulo{font-size: 58px; text-align: right; color: #122845;}


/* - IMPRENSA -*/    
.area-box-01{width: 850px;}
.area-box-01 .item{width: 250px; height: 250px; background: #eee; float: left; margin: 0 23px 25px 0; position: relative; overflow: hidden;}
.area-box-01 .item .imagem img{width: 100%;}    
.area-box-01 .item .titulo{padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.9) url(../img/seta-tit-box-01.png) 220px center no-repeat; color: #fff; font-size: 18px; z-index: 2; transition: 0.4s ease;}
.area-box-01 .item .titulo span{display: block; min-width: 44px; padding: 0 27px 0 0;}
.area-box-01 .item:hover .titulo{background-position:  226px center;}
.area-box-01 .item .mask{position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 1; transition: 0.4s ease;}
.area-box-01 .item:hover .mask{background: none;}


.area-box-01-2-sld{width: 697px; margin: auto;}
.area-box-01-2{width: 720px;}
.area-box-01-2 .item{width: 217px; height: 217px; background: #eee; float: left; margin: 0 23px 25px 0; position: relative; overflow: hidden;}
.area-box-01-2 .item .imagem img{width: 100%;}    
.area-box-01-2 .item .titulo{padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.9) url(../img/seta-tit-box-01.png) 220px center no-repeat; color: #fff; font-size: 18px; z-index: 2; transition: 0.4s ease;}
.area-box-01-2 .item .titulo span{display: block; min-width: 44px; padding: 0 27px 0 0;}
.area-box-01-2 .item:hover .titulo{background-position:  226px center;}
.area-box-01-2 .item .mask{position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 1; transition: 0.4s ease;}
.area-box-01-2 .item:hover .mask{background: none;}


.area-release-x .np{top: 50%;  margin-top: -25px; position: absolute; width: 49px; height: 49px; overflow: hidden; background: url(../img/np-x01.png) no-repeat; cursor: pointer; z-index: 9;}
.area-release-x .prev{ left: 0px; background-position: 0 0;}
.area-release-x .next{ right: 0px; background-position: 0 -49px;}
.area-release-x .bx-prev, .area-release-x .bx-next{display: none;}


/* - Sustentabilidade - */
.area-cont-sustentabilidade-fix{background: url(../img/preto-80pc.png?); max-width: 1300px; margin: auto; min-height: 400px; overflow: hidden}

/* - SLIDE - BXSLIDER - */
.bxslider{margin: 0; padding: 0;}
.bx-wrapper{margin: 0 0 0 0!important; }  
.bar-slide-pg{padding-bottom: 10px;}
.bar-slide-pg .bx-pager-bull{margin: 0; padding: 0; list-style: none; text-align: center;}
.bar-slide-pg .bx-pager-bull li{display: inline-block;}
.bar-slide-pg .bx-pager-bull li a{background: #bdbbbc; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 4px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bar-slide-pg .bx-pager-bull li a.active{background: #df1f36;}

.bxslider .img-wide{background-color: #9e9e9e;}


/* - MARCAS - */
.area-colNeg{text-align: center; padding: 50px 0 0 0;}
.area-colNeg .colNeg{width: 290px; display: inline-block; text-align: left; color: #fff;}
.area-colNeg .colNeg .imagemLogo img{max-width: 290px;}
.area-colNeg .colNeg .descricao{padding: 20px 0 3px 0;}
.area-colNeg .colNeg .tit-01{font-size: 28px; padding-bottom: 25px}

.area-colNeg .colNeg .itemMarcas{margin: 5px 0 20px 0;}
.area-colNeg .colNeg .itemMarcas .pais{border-top: 1px solid rgba(255,255,255, 0.4); margin-top: 8px; padding: 8px 0 0 0; text-align: right;}


/* - TITULO SESSÃO - */
.titulo-01{padding: 60px 0 0 0;}
.titulo-01 .label{font-size: 52px; color: #fff; display: block; text-transform: uppercase;}
.titulo-01 .label span{position: relative; display: inline-block;}
.titulo-01 .label span i{display: block; height: 1px; border-bottom: 1px solid #fff; position: absolute; bottom: 0; right: 0; width: 2000px;}


/* - CORES - */
.bk-rosa{background: #df1f36;}
.bk-cinza{background: #e6e7e8;}
.bk-azul{background: #122845;}

.bk-rosa .titulo-01 .col-50pc-limite{background: #df1f36;}
.bk-cinza .titulo-01 .col-50pc-limite{background: #e6e7e8;}
.bk-azul .titulo-01 .col-50pc-limite{background: #122845;}

.tx-rosa{color: #df1f36;}
.tx-cinza{color: #545454;}
.tx-branco{color: #fff!important;}


/* - FOOTER - */
.sessao-footer{overflow: hidden;}
.sessao-footer .faixa-f-cont-item{min-width: 235px; padding: 40px 0; background: #000; font-family: 'NettoOT-Regular', sans-serif;}
.sessao-footer .faixa-f-cont-item .item{display: none;}
.sessao-footer .faixa-f-cont-item .cont{width: 525px;  min-height: 135px; margin: auto;}
.sessao-footer .faixa-f-cont-item .cont .tit{color: #dc1e34; font-size: 28px; padding-bottom: 10px; font-family: 'NettoOT-Regular', sans-serif;}
.sessao-footer .faixa-f-cont-item .cont .desc{color: #fff;}

.sessao-footer .faixa-f-cont-item .item:first-child{display: block;}

.sessao-footer .mapa{width: 430px; height: 560px; position: absolute; top: 0; right: 0; margin-top: -50px;  background: url(../img/mapa.png) 0 0 no-repeat; z-index: 99; background-size: 100% 100%;}
.sessao-footer .marker{width: 21px; height: 21px; position: absolute; border-radius: 11px; -mos-border-radius: 11px; -webkit-border-radius: 11px; background: #8a8c8e; cursor: pointer;}
.sessao-footer .marker:hover, .sessao-footer .marker.atv{background-color: #df1f36;}

.sessao-footer form .cp{width: 456px; height: 31px; padding: 0 5px; color:#fff!important; border: 1px solid #fff; background: none; margin-bottom: 20px;}
.sessao-footer form .cpt{width: 456px; height: 88px; resize: none; padding: 5px; color:#fff!important; border: 1px solid #fff; background: none; margin-bottom: 20px;}
.sessao-footer .bt-n{font-size: 28px; color: #dc1e34;  background: url(../img/ico-cadastrar.png) right center no-repeat; text-align: right; padding: 0 50px 0 0; border: none; cursor: pointer; float: right; margin-top: -30px; margin-bottom: 10px;} 
.bk-rosa .menuLtr-01 li a, .bk-rosa .menuLtr-01 li a.lk{color: #fff!important;}
.bk-rosa .menuLtr-01 li a.active{color: #172844!important;}

.limite-2f{width: 470px;}

.sessao-footer form .cp::placeholder{color: #fff; opacity: .9;}



/* - SESSÃO FOOTER BASE - */
.sessao-footer-base{min-height: 40px; padding:15px 0;}
.sessao-footer-base .area-loginhos{position: relative; cursor: pointer}
.sessao-footer-base .area-loginhos .logo-footer{width: 40px; height: 40px; background: url(../img/footer-logo.png) center center no-repeat; float: left; margin-right: 10px;}
.sessao-footer-base .area-loginhos .seta{width: 50px; height: 40px; background: url(../img/footer-seta.png) 0 center no-repeat; float: left; margin-right: 10px;}
.sessao-footer-base .area-loginhos ul{padding: 0; margin: 0; list-style: none; opacity: 0;}
.sessao-footer-base .area-loginhos ul li{height: 40px; float: left; margin-right: 10px;}
.sessao-footer-base .area-loginhos ul li a{line-height: 40px; color: #fff;  font-size: 14px; margin: 0 8px;}
.sessao-footer-base .area-loginhos ul li a:hover{color:#000;}
.sessao-footer-base .area-loginhos:hover ul{opacity: 1;}
.sessao-footer-base .area-loginhos:hover .seta{background-position: center center;}

.sessao-footer-base .copy{float: right; margin-top: 10px; color: #fff;}


.ico-lk-social{display: inline-block; padding-top: 3px;}
.ico-lk-social ul{display: inline-block; margin: 0 0 0 50px; padding: 0; list-style: none;}
.ico-lk-social ul li{margin: 0 0 0 8px; display: inline-block; }
.ico-lk-social ul li a{border: 2px solid #fff; border-radius: 50%; display: block; width: 32px; height: 32px; overflow: hidden; text-indent: -2000px; background: url(../img/social-base.png) no-repeat;}
.ico-lk-social ul li a:hover{border: 2px solid #000; background-color: rgba(255,255,255, 0.4);}
.ico-lk-social ul li .facebook{background-position: 0 0;}
.ico-lk-social ul li .twitter{background-position: 0 -32px;}
.ico-lk-social ul li .linkedin{background-position: 0 -64px;}



/* BARRA SHARE */
.barShare{text-align: right;}
.barShare ul{ padding: 0 0 0 0; margin: 0; list-style: none; display: inline-block; height: 14px;}
.barShare ul li{display: inline-block;  vertical-align: top; margin: 0 0 0 10px; background: #fff; overflow:hidden; border-radius: 25px;}
.barShare ul li .ico{width: 43px; height: 43px; display: block; text-indent: 1000px; background: url(../img/ico-shareInt.png) 0 43px no-repeat;}
.barShare ul li .ico-facebook{background-position: 0 0;}
.barShare ul li .ico-twitter{background-position: 0 -43px;}
.barShare ul li .ico-pinterest{background-position: 0 -86px;}            
.barShare ul li .ico-linkedin{background-position: 0 -129px;}



/* - POST AJAX IMPRENSA - */
.res-ajax-xxx{position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; display: none; background: #e6e7e8;}

.post-ajax{height: 500px;}
.post-ajax .top-int-post .col-left{height: 250px; width: 520px; float: left;}
.post-ajax .top-int-post .col-left .titulo{text-align: right; font-size: 40px; color: #4d4d4d; line-height: 42px; max-height: 85px; overflow: hidden;}
.post-ajax .top-int-post .col-left .data{text-align: right; padding: 15px 0; font-size: 24px; color: #848484;}
.post-ajax .top-int-post .col-right{height: 250px; width: 250px; float: right; margin-right: 6px;}
.post-ajax .cont-int{padding: 20px 6px 0px 0; font-size: 18px; color: #848484;}
.back-posts{position: absolute; bottom: 0; left: 0; height: 37px; width: 37px; background: url(../img/seta-back-post.png) center center no-repeat; cursor: pointer; border-radius: 18px;}
.back-posts:hover{background-color:rgba(255,255,255,0.5);}



/* - AJUSTE FANCYAPP - */
.fancybox-title-float-wrap { right: 0!important; left: 0!important; margin-bottom: 0!important; }
.fancybox-title-float-wrap .child {display: block!important; text-align: center!important;  margin-right: 0!important; padding: 2px 20px; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; text-shadow: none!important; color: #202020;}


 /* - PAGINAÇAO - */
.paginacao{list-style:none; margin:10px 0 0 0px; padding:0; font-size:18px; text-align:center;}
.paginacao li{display:inline-block; padding:3px 2px;  margin:10px 0 10px 3px; color:#eee; text-transform:uppercase;}
.paginacao li i{color:#000; text-decoration:none; font-style: normal; cursor: pointer;}
.paginacao .atv i{color:#eee;}


/* - ERRO 404 - */
.erro404{ padding: 200px 5px 70px 5px;}
.erro404 .imagem{width: 425px; height: 325px; margin: auto;}
.erro404 .imagem img{width: 100%; display: block;}


/* - MENSAGEM DE ALERTA - */
.erro, .sucesso, .alerta, .pergunta{padding:5px; margin-bottom:10px; font-size:11px}
.erro{color:#F00; border:1px solid #F00; background:#FDD}
.sucesso{color:#090; border:1px solid #090; background:#CFC}
.alerta{color:#F60; border:1px solid #F60; background:#FFEAD5}
.pergunta{color:#399; border:1px solid #399; background:#DFDFFF}

/* - UTIL - */	
.relative{position:relative;}
.overflow{overflow:hidden;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}	
.none{display:none;}
.block{display:block;}

.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify}

.mg-0{margin: 0;}

.img-wide{background-repeat:no-repeat; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: center;}

.efeito-01{-webkit-transform: translateZ(0); transition: 0.4s ease;}

.img-pb img{-webkit-transform: translateZ(0); filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; transition: 0.4s ease; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */}
.img-pb:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}    



.parallax
{
box-sizing: border-box;
width: 100%;
min-height: 440px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}


/* 06/05/2021 -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */

.msg-form-error{padding: 5px;background-color: rgba(255,255,255,0.5); color: #6c0202; border-color: #000; margin: 20px 0;}
.msg-form-success{padding: 5px;background-color: rgba(149, 255, 134, 0.5); color: #6c0202; border-color: #000; margin: 20px 0;}
.cp_erro{background-color: rgba(255,255,255,0.5) !important; color: #6c0202 !important; border-color: #000 !important;}

.custom-checkbox-1 {display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 16px; color: #fff; line-height: 27px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-checkbox-1 input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.custom-checkbox-1 .checkmark {position: absolute; top: 0; left: 0; height: 27px; width: 27px; border: 1px solid #fff; background-color: transparent;}
.custom-checkbox-1 input:checked ~ .checkmark {background-color: #fff;}
.custom-checkbox-1 .checkmark:after {content: ""; position: absolute; display: none;}
.custom-checkbox-1 input:checked ~ .checkmark:after {display: block;}
.custom-checkbox-1 .checkmark:after {left: 9px; top: 5px; width: 6px; height: 11px; border: solid #ec3333; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.custom-checkbox-1 .checkmark.radio:after {left: 6px; top: 6px; width: 13px; height: 13px; border: 0; border-radius: 50%; background-color: #fff;}


.text-form-lgpd{padding: 20px; color: #000; font-size: 14px; position: relative; margin-bottom: 20px;}
.text-form-lgpd span{position: relative; z-index: 3;}
.text-form-lgpd span a{color: #df1f36;}
.text-form-lgpd .base-layout{position: absolute; left: 0; top: 0; bottom: 0; width: 100vw; background-color: #e6e7e8; border: 1px solid #000;}

.aceite-cookie{position: fixed; z-index: 999; bottom: 15px; left: 15px; right: 15px; display: none;}
.aceite-cookie .msg{max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; background-color: rgba(255, 255, 255, 0.9); padding: 30px; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.aceite-cookie .msg::before{content: ''; position: absolute; left: 30px; top: 50%; margin-top: -40px; width: 80px; height: 80px; background: url(../img/cookie-securit.png) left center no-repeat; background-size: 100% auto;}
.aceite-cookie .msg .info{flex-grow: 1; padding-left: 100px;}
.aceite-cookie .msg .info .title{font-size: 20px; margin-bottom: 8px; }
.aceite-cookie .msg .info .text{font-size: 16px; padding-right: 20px;}
.aceite-cookie .msg .info .text a{color: #004497; text-decoration: none;}
.aceite-cookie .btn-info{border-radius: 0; font-size: 16px; color: #fff; background-color: #dc162d; padding: 10px 70px; border: 0;}

@media screen and (max-width: 980px){
    .aceite-cookie .msg .info{flex-grow: 1; padding-left: 70px;}
    .aceite-cookie .msg::before{margin-top: -30px; width: 60px; height: 60px;}
    .aceite-cookie .msg .info .title{font-size: 15px;}
    .aceite-cookie .msg .info .text{font-size: 13px;}
    .aceite-cookie .btn-info{font-size: 14px; padding: 10px 20px;}
}

@media screen and (max-width: 640px){
    .aceite-cookie .msg{display: block; padding: 20px;}
    .aceite-cookie .msg::before{display: none;}
    .aceite-cookie .msg .info{padding-left: 0;}
    .aceite-cookie .msg .info .title{font-size: 14px;}
    .aceite-cookie .msg .info .text{font-size: 12px; margin-bottom: 12px;}
    .aceite-cookie .btn-info{font-size: 12px; width: 100%;}
}


.area-modal-ext{max-width: 1200px; padding: 30px; display: none;}
.area-modal-ext .header-modal-ext{padding-left: 120px; position: relative; margin-bottom: 50px;}
.area-modal-ext .header-modal-ext::before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -40px; width: 100px; height: 80px; background: url(../img/politic-securit.png) left center no-repeat; background-size: 100% auto;}
.area-modal-ext .header-modal-ext .title{font-size: 40px;  color: #000;}
.area-modal-ext .header-modal-ext .date{font-size: 16px; color: #616161;}
.area-modal-ext .body-modal-ext{padding-left: 120px;}






/* ------------------------------------------------------------------------------------------- */


.fancybox-opened{z-index: 803099!important;}



.area-recaptcha{padding: 20px 4px; background: #f5f5f5; text-align: center; margin-bottom: 20px;} 
.area-recaptcha div{display: inline-block;}



.msg-form-error{padding: 5px;background-color: rgba(255,255,255,0.5); color: #6c0202; border-color: #000; margin: 15px 0;}
.msg-form-success{padding: 5px;background-color: rgba(149, 255, 134, 0.5); color: #6c0202; border-color: #000; margin: 15px 0;}
.cp_erro{
    background-color: rgba(255,255,255,0.5) !important;
    color: #6c0202 !important;
    border-color: #000 !important;
}

.f-contato .cp::placeholder, .f-contato .cpt::placeholder{opacity: .9!important; color: #fff!important;}


.sessao-footer{overflow: hidden;}

.custom-checkbox-1 {display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 16px; color: #fff; line-height: 27px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-checkbox-1 input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.custom-checkbox-1 .checkmark {position: absolute; top: 0; left: 0; height: 27px; width: 27px; border: 1px solid #fff; background-color: transparent;}
.custom-checkbox-1 input:checked ~ .checkmark {background-color: #fff;}
.custom-checkbox-1 .checkmark:after {content: ""; position: absolute; display: none;}
.custom-checkbox-1 input:checked ~ .checkmark:after {display: block;}
.custom-checkbox-1 .checkmark:after {left: 9px; top: 5px; width: 6px; height: 11px; border: solid #ec3333; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.custom-checkbox-1 .checkmark.radio:after {left: 6px; top: 6px; width: 13px; height: 13px; border: 0; border-radius: 50%; background-color: #fff;}


.text-form-lgpd{padding: 20px; color: #000; font-size: 14px; position: relative; margin-bottom: 20px;}
.text-form-lgpd span{position: relative; z-index: 3;}
.text-form-lgpd span a{color: #df1f36;}
.text-form-lgpd .base-layout{position: absolute; left: 0; top: 0; bottom: 0; width: 100vw; background-color: #e6e7e8; border: 1px solid #000;}

.aceite-cookie{position: fixed; z-index: 999; bottom: 15px; left: 15px; right: 15px; display: none;}
.aceite-cookie .msg{max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; background-color: rgba(255, 255, 255, 0.9); padding: 30px; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.aceite-cookie .msg::before{content: ''; position: absolute; left: 30px; top: 50%; margin-top: -40px; width: 80px; height: 80px; background: url(../img/cookie-securit.png) left center no-repeat; background-size: 100% auto;}
.aceite-cookie .msg .info{flex-grow: 1; padding-left: 100px;}
.aceite-cookie .msg .info .title{font-size: 20px; margin-bottom: 8px; }
.aceite-cookie .msg .info .text{font-size: 16px; padding-right: 20px;}
.aceite-cookie .msg .info .text a{color: #004497; text-decoration: none;}
.aceite-cookie .btn-info{border-radius: 0; font-size: 16px; color: #fff; background-color: #dc162d; padding: 10px 70px; border: 0;}

@media screen and (max-width: 980px){
    .aceite-cookie .msg .info{flex-grow: 1; padding-left: 70px;}
    .aceite-cookie .msg::before{margin-top: -30px; width: 60px; height: 60px;}
    .aceite-cookie .msg .info .title{font-size: 15px;}
    .aceite-cookie .msg .info .text{font-size: 13px;}
    .aceite-cookie .btn-info{font-size: 14px; padding: 10px 20px;}
}

@media screen and (max-width: 640px){
    .aceite-cookie .msg{display: block; padding: 20px;}
    .aceite-cookie .msg::before{display: none;}
    .aceite-cookie .msg .info{padding-left: 0;}
    .aceite-cookie .msg .info .title{font-size: 14px;}
    .aceite-cookie .msg .info .text{font-size: 12px; margin-bottom: 12px;}
    .aceite-cookie .btn-info{font-size: 12px; width: 100%;}
}


.area-modal-ext{max-width: 1200px; padding: 30px; display: none;}
    .area-modal-ext .header-modal-ext{padding-left: 120px; position: relative; margin-bottom: 50px;}
    .area-modal-ext .header-modal-ext::before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -40px; width: 100px; height: 80px; background: url(../img/politic-securit.png) left center no-repeat; background-size: 100% auto;}
    .area-modal-ext .header-modal-ext .title{font-size: 40px;  color: #000;}
    .area-modal-ext .header-modal-ext .date{font-size: 16px; color: #616161;}
    .area-modal-ext .body-modal-ext{padding-left: 120px;}


.fancybox-opened{z-index: 803099!important;}


.area-linha-tempo{padding: 0 74px; position: relative; height: 385px;}
.area-linha-tempo .np{position: absolute; width: 85px; height: 85px; overflow: hidden; background: url(../img/linha-tempo-next-prev.png) no-repeat; cursor: pointer; z-index: 99;}  
.area-linha-tempo .prev{top: 0; left: 0; background-position: 0 0;}
.area-linha-tempo .next{top: 0; right: 0; background-position: 0 -85px;}
.area-linha-tempo .bx-prev, .area-linha-tempo .bx-next{display: none;}
.area-linha-tempo .sld-linha-tempo li{min-height: 85px; min-height: 385px; background: url(../img/linha-back.png) center 34px repeat-x;}   
.area-linha-tempo .sld-linha-tempo li .ano{width: 58px; height: 58px; margin: 15px auto; background: #e32433; border-radius: 50%; position: relative; cursor: pointer;}
.area-linha-tempo .sld-linha-tempo li .ano span{width: 58px; height: 58px; display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-weight: bold; font-size: 15px;}
.area-linha-tempo .sld-linha-tempo li .ano .item-cont{width: 160px; position: absolute; left: 50%; margin-left: -80px; margin-top: 10px; display: none;}
.area-linha-tempo .sld-linha-tempo li .ano .item-cont .seta{width: 47px; height: 24px; position: absolute; left: 50%; top: 0; margin-left: -23.5px; background: url(../img/seta-ln.png) no-repeat; z-index: 99;} 
.area-linha-tempo .sld-linha-tempo li .ano .item-cont .imagem{position: relative;}
.area-linha-tempo .sld-linha-tempo li .ano .item-cont .mask{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/tl-degrade.png) 0 bottom repeat-x; }
.area-linha-tempo .sld-linha-tempo li .ano .item-cont .mask .tit{position: absolute; bottom: 0; font-size: 30px; color: #fff; padding: 0 5px;}
.area-linha-tempo .sld-linha-tempo li .ano .item-cont .mask i{width: 21px; height: 21px; display: block; position: absolute; bottom: 5px; right: 5px; background: url(../img/lt-lupa.png) no-repeat; z-index: 99}
.area-linha-tempo .sld-linha-tempo li .ano .item-cont .descricao{font-size: 12px; padding: 8px 0;}
.area-linha-tempo .sld-linha-tempo li .ano.atv .item-cont{display: block;}
.area-linha-tempo .sld-linha-tempo li .ano.atv{background: #102746;}



@media screen and (max-width: 980px){
.bxslider table{display: block!important;}
.bxslider table tbody{display: block!important;}
.bxslider table tr{display: block!important;}
.bxslider table td{display: block!important; width: 100%!important;}
.bxslider table td div{padding: 0!important;}
}    

.area-box-01-2 .item img{-webkit-transform: translateZ(0); filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; transition: 0.4s ease; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */}
.area-box-01-2 .item:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}        
.area-box-01 .item img{-webkit-transform: translateZ(0); filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; transition: 0.4s ease; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */}
.area-box-01 .item:hover img {filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}        




.top-interna{height: 280px; background: #f5f5f5;}

.c-interna{padding: 40px 0;}
.c-interna .titulo-01{padding: 0 0 20px 0;}
.c-interna .titulo-01 .label{font-size: 32px;}




.a-modal-2fa{position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); display: none;  justify-content: center; align-items: center; transition: .2s; opacity: 0;}
.a-modal-2fa.active{display: flex; opacity: 1;}
.a-modal-2fa .modal-2fa{width: 360px;  background-color: #fff; border-radius: 10px; position: relative; }
.a-modal-2fa .modal-2fa *{box-sizing: border-box;}
.a-modal-2fa .modal-2fa .m-header{padding: 20px 20px 20px 20px; font-size: 18px; text-transform: uppercase; position: relative; border-bottom: 1px solid #eee}
.a-modal-2fa .modal-2fa .m-header .close{position: absolute; top: 50%; margin-top: -10px; right: 20px; background: url(../img/close-2fa.png) center center no-repeat; background-size: 70% auto; width: 20px; height: 20px;  border-radius: 50%; cursor: pointer;}
.a-modal-2fa .modal-2fa .m-body{padding: 10px 20px}
.a-modal-2fa .modal-2fa .m-body form .cp{display: block; width: 100%; padding: 30px 5px 30px 25px; font-size: 30px; letter-spacing: 20px; text-align: center; border: 1px solid #eee; margin: 15px 0; border-radius: 5px; background-color: #fafafa;}
.a-modal-2fa .modal-2fa .m-body form .cp::placeholder{opacity: .2;}
.a-modal-2fa .modal-2fa .m-body form .btn{background-color: #df1f36; width: 100%; color: #fff; padding: 12px; border-radius: 8px; border: 0; cursor: pointer;}
.a-modal-2fa .modal-2fa .m-body form .btn:disabled{cursor: no-drop;}
.a-modal-2fa .modal-2fa .m-footer{padding: 10px 20px;}


.bt-n{position: relative;}
.bt-n:before{content: ''; width: 30px; position: absolute; top: 0; bottom: 0; right: -40px; background: url(../img/loading-btn.gif) center center no-repeat; background-size: 100% auto; opacity: 0; transition: .2s;}
.bt-n:disabled::before, .bt-n.triggerClickActive::before{opacity: 1;}
.bt-n:disabled, .bt-n.triggerClickActive{cursor: no-drop;}


.btn-ld{position: relative;}
.btn-ld:before{content: ''; width: 30px; position: absolute; top: 0; bottom: 0; right: 10px; background: url(../img/loading-btn.gif) center center no-repeat; background-size: 100% auto; opacity: 0; transition: .2s;}
.btn-ld:disabled::before, .btn-ld.triggerClickActive::before{opacity: 1;}
.btn-ld:disabled, .btn-ld.triggerClickActive{cursor: no-drop;}