html {background-color: #f1f1f1}
body {
    max-width: 1124px;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top:0;
    background-color: #fff!important;
    font-size: 16px;
}
center {}
section {
    max-width:1124px;
    background-color: #fff;
}

p{
    word-wrap: break-word;
    width:90%;
    font-family: Avenir-Light;
    font-size: 1.8vw;
    line-height: 1.52;
    color: #848484;
    letter-spacing: -0.5px;
}

h1{font-family: Avenir-Light!important; color: #e90000!important;}
h2{font-family: Avenir-Light; color: #ea0000;}
h3{font-family: Avenir-Black!important; color: #848484;}
h5{font-family: Avenir-Light; color: #ea0000; font-size: 3vw;}

input:focus:invalid, textarea:focus:invalid,select:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535 ;}
.cc-window.cc-banner {
    position: sticky;    
}
.cc-banner .cc-btn:last-child{
    background-image: url("../images/closecookie.png");
min-width: 35px !important;
height: 35px;
background-position-x: 0px;
background-position-y: 0px;
background-size: contain;
background-repeat: no-repeat;
}
a.cc-btn.cc-dismiss {
    background-image: url(../images/closecookie.png);
    min-width: 35px !important;
    height: 35px;
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.cc-window{font-size: 1.5vw!important;}

.full-width {
    width: 100% !important;
}

.text-red {
    color: red;
}

.input-field {
    margin: 6px 0;
}
.input-field.horizontal-label-input {
    display: flex;
}
.input-field.horizontal-label-input label {
    margin-right: 10px;
}
.input-field.horizontal-label-input input,
.input-field.horizontal-label-input textarea {
    width: initial !important;
    flex: 1 1 auto;
    vertical-align: top;
}

.input-field small {
    display: block;
    color: #494949;
    font-size: 10px;
}

fieldset {
    margin: 18px 0;
    padding: 10px 22px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.cookie-notice{
    width: 83.3%;
    background-color: #e90000;
    color: #fff;
    font-family: avenir-light;
text-align: center;
    position: fixed;
    z-index: 100;
    }
.cookie-notice p{color:#fff!important;    font-size: 1.5vw;}
.cookie-notice a{color:#888!important;    font-size: 1.5vw;}

.cookie-btn {
    float:right;
    color:#fff;
    margin-top: -55px;
    margin-right: 10px;
}

#divofertas {

height: 438px;
background-color: white;
margin-bottom: 29px;
    }

#divofertas a{text-decoration:none;}
#divofertas a:hover{text-decoration:none;}
#divofertas a:visited{text-decoration:none;}
#divofertas a:active{text-decoration:none;}
.bgofertasfixo {
    max-width: 1124px;
    width: 100%;
    display: inline-flex;
    position:absolute;
    overflow-x:hidden;
    background-position:bottom;
    padding-top: 75px;
    height: 438px;

    }
.layoutcard{
    display:none;
}

.layoutcard:nth-child(1){
    padding-left:20px;
    padding-top:3%;
    display:block;
    float:left;
    text-align:center;
    position:relative;
    width:22%;
    height:328px;
    background-color:#efefef;
}
.layoutcard:nth-child(2){
    padding-top:3%;
    display:block;
    float:left;
    text-align:center;
    position:relative;
    width:262px;
    height:328px;
    background-color:#efefef; 
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    z-index:1;
}
.layoutcard:nth-child(3){
    display:block;
    margin: auto auto;
    text-align:center;
    margin-top:-30px;
    width: 30%;
    height:386px;
    z-index:4;
    position:relative;
    background-color:#efefef; 
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
}
.layoutcard:nth-child(4){
    padding-top:3%;
    display:block;
    float:left;
    text-align:center;
    position:relative;
    left:0px;
    width:262px;
    height:328px;
    background-color:#efefef; 
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    z-index:1;
}
.layoutcard:nth-child(5){
    padding-top:3%;
    display:block;
    float:left;
    text-align:center;
    position:relative;
    left:0px;
    width:20%;
    height:328px;
    background-color:#efefef; 
    z-index:0;
}
.layoutcard:nth-child(2):hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.74);

-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.74);

box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.74);}
.layoutcard:nth-child(3):hover{background-color:#dfdfdf;}

.layoutcard:nth-child(4):hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.74);

-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.74);

box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.74);}

.layoutcard:nth-child(3) titulo{
    display: block;
    font-family: Avenir-Black;
    font-size: 1.6vw;
    text-align: center;
    color: #878787;
    padding-top:12%;
    margin-left: auto;
margin-right: auto;
padding-left: 0%;
    line-height: 1;
    font-weight: lighter;
}

.layoutcard:nth-child(3) subtitulo{
    display: block;
    font-family: Avenir-Light;
    font-size: 1.6vw;
    text-align: center;
    color: #878787;  
    font-weight: lighter;
}  
.layoutcard:nth-child(3) preco{
    font-family: Avenir-Black;
    font-size: 27px;
    color: #ff0000;  
    line-height:1.01;
}
.layoutcard:nth-child(3) tipounidade{
  font-family: Avenir-Black;
  font-size: 9px;
  letter-spacing: -0.1px;
  text-align: right;
  color: #ff0000;
    position: relative;
    top: -9px;
        
}
.layoutcard:nth-child(3) validade{

  font-family: Avenir-Light;
  font-size: 12.5px;
  text-align: center;
  color: #878787; 
    position: relative;
    top:-10px;
}  
.layoutcard titulo{
    display: block;
    font-family: Avenir-Black;
    font-size: 1.3vw;
    /* text-align: center; */
    color: #878787;
    padding-top: 5%;
    font-weight: lighter;
    text-transform: capitalize;
    
}
.layoutcard subtitulo{
    display: block;
    font-family: Avenir-Light;
    text-align: center;
    color: #878787; 
    font-weight: lighter;
    font-size: 1.3vw;
    text-transform: capitalize;
}  
.layoutcard preco{

    font-family: Avenir-Black;
    font-size: 17.5px;
    color: #ff0000;       
    
}
.layoutcard tipounidade{

  font-family: Avenir-Black;
  font-size: 9px;
  letter-spacing: -0.1px;
  text-align: right;
  color: #ff0000;    
    text-transform: uppercase;
    position: relative;
left:2px;
top: -6px;
        
}
.layoutcard validade{

  font-family: Avenir-Light;
  font-size: 11px;
  text-align: center;
  color: #878787;    
    text-transform: lowercase;
    position: relative;
top: -7px;
    font-weight: lighter;
}
.imagemresponsiva{
    padding-top:5%;
    width:159px;
    height:159px;
    margin: auto;
    margin-bottom:40px;
}
    

.productdestaque img{
    mix-blend-mode: multiply;
    margin: auto;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    display:flex;
}
    
.layoutcard img{
    mix-blend-mode: multiply;
    margin: auto;
    text-align:center;
    display:flex;
    height:45%;
    margin-top: 50px;
}

.normal{
        padding-top:5%;
  
    }
.rightbutton{
    height:50px;
    margin-top:150px;
    left:20px;
    position:absolute;
    z-index:20;
    }
.leftbutton{
    height:50px;
    margin-top:150px;
    right:20px;
    position:absolute;
    z-index:20;
    }
    .esconde {
        display:none;
    }
    .mostra {
        display:block;
    }

td {background-image: none;background-repeat: no-repeat;background-position: right;}
td:nth-last-child(1){background-image:none;}
td:nth-last-child(2){background-image:url("../images/shape1.png");}
td:nth-last-child(3){background-image:url("../images/shape1.png");}

.card{
    height:300px;
    text-align:center;
    border: 0px solid rgba(0,0,0,.125);
    background-image: url("../images/qmsp.png");
    background-repeat: no-repeat;
    background-position: right;
}
.card:last-child{
    border: 0px solid rgba(0,0,0,.125);
    background-image: none;

}

.card img{
    padding-top:10px;

    position:relative;

    mix-blend-mode: multiply;
}

.cardTitle{
    font-family: Avenir-Black;
    font-size: 18.8px;
    font-weight: 900;
    color: #878787;
}

.cardConteudo{
    font-family: Avenir-Light;
    font-size: 18.8px;
    font-weight: 900;
    color: #878787;       
}

.cardPreco{
    font-family: Avenir-Black;
    font-size: 26.9px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ff0000;
}

.cardTipo{
    width: 27px;
    height: 11px;
    font-family: Avenir-Black;
    font-size: 13.6px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    text-align: right;
    color: #ff0000;
    padding-top:-8px;
    
}

.cardValidade{
    font-family: Avenir-Light;
    font-size: 12.6px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #878787;
}

.book_container {overflow: scroll;}

.owl-nav i {font-size: 52px;}

.owl-nav .owl-prev {
background-image: url(../images/arrow-ofertas-left.png);
    background-repeat: no-repeat;
    height: 50px;
    left: -30px;
    position: relative;
    float: left;
    margin-top: -219px;
    color: transparent;
    margin-left: 43px;}

.owl-nav .owl-next {
background-image: url(../images/arrow-ofertas-right.png);
    background-repeat: no-repeat;
    height: 50px;
    left: -30px;
    position: relative;
    float:right;
    margin-top: -219px;
    color: transparent;
    margin-left: 43px;    
    
}

.owl-stage{
    height:500px;
    padding-top:50px;
}

.owl-stage-outer{
    height:450px;
}

.owl-item{
    height:500px;
}

.owl-stage-outer{
    top:30px;
}

.owl-item > div {
    padding:5px 5px 5px 5px;
    margin: auto auto auto auto;
    background-color: #efefef;
    box-shadow: 0 0 17.3px 0.7px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    margin: 3% 0%;
    transition: margin 0.4s ease;
}

.owl-item.center > div {
    margin: -20px 0px 0px -20px;
    cursor: auto;
    width: 301px;
    height: 385px;
}

.owl-item:not(.center) > div:hover {
    opacity: .75;
}

.center{
    z-index:999;
}

.owl-carousel {
    margin-left: auto;
    margin-right: auto;
    padding: 0 5%;
    width: 80%;
    position: relative;
    top:70px;
}

.dropdown2 {
    position: relative;
    display: inline-block;
}

.dropdown-content2 {
    margin: 100px -7px;
    display: block;
    padding: 0px 15px;
    z-index: 1;
    line-height:30px;
    font-family: Avenir-Light!important;
}
.spalias{width: 65%;position: relative;height:3px;}
.spalias:last-of-type {display: none;}

.dropdown2:hover .dropdown-content2 {
    display: block;
}

.DAlias:first-child{
    list-style:none;
    background: none;
    
}

.DAlias:last-child{
    margin-right:0px;
}


li.DAlias {
margin-top: 10px;
    background:url("../images/ArrowRight.png") no-repeat 5px 8px;
    padding-left:15px;

}
.DAlias{
    text-transform:uppercase;
    margin-top:10px;
    line-height: 13px;
    color: #828282;
    font-family: Avenir-Light;
    float:left;
    position:relative;
        list-style:none;
}
.DAlias:nth-child(2){
    text-transform:uppercase;
    margin-top:10px;
    line-height: 23px;
    color: #828282;
    font-family: Avenir-Light;
    float:left;
    position:relative;
    list-style:none;
    max-width: 53%
}
.DAlias:nth-child(3){
    text-transform:uppercase;
    margin-top:10px;
    line-height: 23px;
    color: #828282;
    font-family: Avenir-Light;
    float:left;
    position:relative;
    list-style:none;
    max-width: 37%;
}
ul {

}
.DAlias li {
    background:url("../images/ArrowRight.png") no-repeat 5px 5px;
    padding-left:16px;
}
.DAlias img{
    margin-top:-3px;

}

.DAlias a:link, .DAlias a:visited{
    text-decoration:none;
    text-transform:uppercase;
    margin-top:10px;
    line-height: 30px;
    padding-left:2px;
    color: #979797;
    font-size:1.2vw;
    font-family: Avenir-Light;  
    top:5px;
}

.DAlias a:hover{
    color: #ea0000;
}

.dropdown2b {
    position: relative;
    display: inline-block;
}

.dropdown-content2b {
 position: absolute;
padding: 0px 15px;
z-index: 1;
line-height: 30px;
background-color: #fff;
left: 7px;
top: 41px;
font-family: Avenir-Light!important;
    width:40%;
}
.spaliasb{width: 100%;position: relative;}

.dropdown2b:hover .dropdown-content2b {
    display: block;
}

.DAliasb:first-child{
    list-style:none;
margin-left: -18px;
    background: none;
}

.DAliasb:last-child{
    margin-right:0px;
}

li.Daliasb{margin-left: 5px;
margin-top: 10px;

}

.DAliasb{
    text-transform:uppercase;
    margin-top:10px;
    line-height: 20px;
    color: #828282;
    font-family: Avenir-Light;
    float:left;
    position:relative;
        list-style:none;
        background:url("../images/ArrowRight.png") no-repeat 5px 5px;
    padding-left:16px;

}
.aliassuperior {
    width:80%;
    margin-left: 19px;
    position:relative;
    bottom: 40px;
}

ul {

}
.DAlias li {
    background:url("../images/ArrowRight.png") no-repeat 5px 5px;
    padding-left:16px;
}
.DAliasb img{
    margin-top:-3px;

}

.DAliasb a:link, .DAliasb a:visited{
    text-decoration:none;
    text-transform:uppercase;
    margin-top:10px;
    line-height: 20px;
    padding-left:2px;
    color: #979797;
    font-size:1.2vw;
    font-family: Avenir-Light;  
    top:5px;
}

.DAliasb a:hover{
    color: #ea0000;
}

.fleft {float:left;}

.fright {float:left;}

.fnone{float:none;}

.ea0000{background-color:#ea0000;}
.yellow{background-color:#fcb00f;margin-bottom: 10px;}

#SubMenuLocalidade img, #SubMenuLogin img {padding-top:0px;}

.Tcenter {text-align:center;}

.DeskAltura{
    padding-top: 55px;
}

.box h4{
    line-height:30px;
    font-family: Avenir-Black;
    font-size: 1.2vw;
    color: #ffffff;
}

.box p{
    line-height:30px;
    font-family: Avenir-Black;
    font-size: 1.2vw;
    color: #ffffff;
    text-transform: uppercase;
}
.box a{text-decoration: none;}
.box a:hover{text-decoration: underline; color:#fff;}
a:hover{text-decoration:none;}

.h100{height:100%;}
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {float: left;width: 15%;}
.w18 {width:18%;}
.w19 {width:19%;}
.w20 {width: 20%;float: right;}
.w25 {width:25%;}
.w28 {width: 28%;margin-right: 30%;margin-left: 7px;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}       
.w60 {width:60%;}
.w68 {width:68%;}
.w69 {width:69%;}
.w70 {width:70%;}
.w80 {width:80%;}       
.w90 {width:90%;}
.w100 {width:100%;}   
.w200 {width:200%;}
.w300 {width:300%;}
.w400 {width:400%;}

.hf30 {height:30px;}
.top10{padding-top:21px;}
.white{color:#fff!important;}

.destaque{
    font-family: Avenir-Roman;
    font-size:1.6vw;
    color:#fff;
}

.destaque2{
    font-family: Avenir-Heavy;
    font-size:1.6vw;
    color:#fcb00f;
    text-align: left;
    font-weight: lighter;
}
.api {height:84px;}

.lojaapi {position: absolute;
    text-align: left;
    overflow: hidden;

}
.lojaapi h2{
    font-family:Avenir-Roman;
    font-size: 1.5vw;
    color:#fff!important;
    margin-top: -2%;
        text-transform: uppercase;
}

.lojaapi p{
    font-family: Avenir-Light;
    font-size: 1.3vw;
    color: #fff;
    margin-top: -10px;
    line-height: 16px;
    font-weight: lighter;
    
}

.outraloja {
    margin-left: 70%;
    background-image:url(../images/SPHomeofertas.png);
    background-repeat:repeat-y;
    background-position: left;
    text-transform: uppercase;
    padding-left:2%;
    
}
.outraloja p{color:#fcb00f;font-size: 1.1vw;}
.outraloja a:hover {text-decoration: none;}
.outraloja a:active {text-decoration: none;}
.outraloja a:link {text-decoration: none;}
.outraloja a:visited {text-decoration: none;}

.ReBanner, .ReBanner img{
    position:relative;
    float:left;
    width:100%;
    height:auto;
}
.ReBanner h2{
    position: absolute;
    margin-top: -20.5%;
    font-family: Avenir-Light;
    color: #fff;
    width: 35%;
    margin-left: 5%;
    max-height: 24vw;
    overflow: hidden;
    font-size: 3vw;
    text-transform: uppercase;
}

.ReBanner h3{
    position: absolute;
    margin-top: -20.5%;
    font-family: Avenir-Heavy;
    color: #fff;
    width: 35%;
    margin-left: 5%;
    max-height: 24vw;
    overflow: hidden;
    font-size: 3vw;
    text-transform: uppercase;}


.ReMenuLateral{
position: relative;
float: left;
width: 34%;
height: auto;
z-index: 3;
background-color: #ff0000;
background-color: white;
}
.ReMenuLateral2{
position: relative;
float: left;
width: 90%;
height: auto;
margin-left: 15px;
}

.ReConteudo1{
    padding-top:1%;
    padding-left:3%;
    position:relative;
    float:left;
    width:63.3%;
    height:auto;
    margin-top:-5%;
    background-color:white;
}

.ReConteudo2{
    height:auto;
    background-color:white;
    padding-left:5%;
    float: right;
    width: 68%;
}

.ReConteudo2 ul, .Reconteudo2 li {
    color: #848484;}

.ReConteudo1 ul, .Reconteudo1 li {
    color: #848484;}
.paginamontada > .ReConteudo2{

padding-left: 3%;
position: relative;
float: right;
width: 66.3%;
height: auto;
margin-top: 0%;
background-color: white;
margin-right: 11px;
}

.paginamontada > .ReConteudo2 h2{padding-bottom: 80px;}


.paginamontada > .ReConteudo1 {float: right;
width: 66.3%;
margin-right: 11px;}

.carousel > .ReConteudo1 {float: right !important;}
.ReConteudo2 > .ReConteudo1{
    height:auto;
    padding-left:0%;
    width: 100%;
}
.paginamontada > .ReConteudo2:nth-child(4){margin-bottom: 30px;}

.ReConteudo2 > .ReConteudo2{
    height:auto;
    padding-left:5%;
    float: right;
    width: 106%;
}
.ReConteudo1 > .ReConteudo2{
    height:auto;
    padding-left:5%;
    float: right;
    width: 106%;
}

.ReConteudo2 h2{
    padding-top:30px;
    font-family: Avenir-Light;
    font-size: 3.1vw;
    font-weight: 300;
    color: #ea0000;      
    text-transform:uppercase;
}

.ReConteudo2 a:hover {text-decoration: none;}  

.ReImagens{
    width:100%;
    margin: 2% 0 2% 0;
    position:relative;
    float:left;
}

.img1{
    float:left;
    position:relative;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0px solid #fff!important;}
.table-bordered {
    border: 0px solid #fff!important;}

.ReConteudo1 h2{
    padding-top:30px;
    font-family: Avenir-Light;
    font-size: 2.6vw;
    font-weight: 300;
    color: #ea0000;      
    text-transform:uppercase;
}

.ReConteudo1 h3{
    font-family: Avenir-Black;
    font-size: 1.6vw;
    font-weight: 300;
    color: #848484;  
}

.contentImage{
    position:relative;
    width:100%;
    text-align:center;
}


.content1{
    margin-top:-6%;
    width:70%;
    left:25%;
    background-color:white;
    float:left;
}

.content2{
    position:relative;
    width:70%;
    left:25%;
    background-color:white;
}

.alias{
    float:left;
    width:25%;
}

/********************************/
/*           Globals            */
/********************************/


.fixarmodal {
    max-width: 1124px;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 0;
    background-color: #fff!important;
    font-size: 16px;
    position: fixed;
    margin: 0% auto;
    left: 0;
    right: 0;  
}

.img1 {
    display:none;
    float:bottom;

}

.banner, .banner img{
    width:100%;
    position:relative;
    z-index:0;
    
}

.mobmap{
    display:none;
}

.ccInfos {
    text-align:center;
    background-image:url(../images/vectors/vectorw1x361.png);
    background-repeat: no-repeat;;
}

.ccInfos img{
    max-width:200px;
}

.ccTitulo{
    font-family: Avenir-Roman;
    font-size: 20.7px;
    font-weight: 900;
    text-transform:uppercase;
}

.ccButton{
    line-height:14px;
    font-family: Avenir-Roman;
    font-size: 14.2px;
    font-weight: 300;
    line-height: 2.06;
    border: 1px solid #e2e2e2;
    width:40%;
    margin:10px auto;
    color: #acacac;
    text-transform:uppercase;
}

.ccParagraph{
    padding-top:20px;
    margin:0 auto;
    max-width:80%;
    font-family: Avenir-Light;
    font-size: 17.6px;
    font-weight: 300;
    line-height: 1.52;
    letter-spacing: -0.4px;
    color: #848484;
}

.ccSubTitulo{
    padding-top:10px;
    font-family: Avenir-Medium;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #aaaaaa;   
    text-transform:uppercase;
}

.ccTitle{ 
    font-family: Avenir-Light;
    font-size: 3.1vw;
    font-weight: 300;
    position:relative;
    width:100%;
    background-color:#820808;
    line-height:91px;
    text-align:center;
    color: #ecdfdf;
    text-transform:uppercase;
}

.ccContent2{
    position:absolute;
    float:left;
    clear:both;
    z-index:5;
}

.ccContent{
    width:65%;
    background-color:white;
    position: relative;
    margin-top:-50px;
    margin-left: 2%;
}

.ccContent h2{
    font-family: Avenir-Roman;
    font-size: 3.2vw;
    text-align: left;
    color: #950000; 
    text-transform:uppercase;
    text-align:center;
}

.ccContent p{
    padding-left:20px;
    font-family: Avenir-Light;
    font-size: 2vw;
    font-weight: 300;
    letter-spacing: normal;
    text-align: left;
    color: #848484; 
}

/********************************/
/*           Fonts              */
/********************************/

@font-face {
    font-family: Avenir-Black;
    src: url(../fonts/AvenirLTStd-Black.otf);
}

@font-face{
    font-family: Avenir-Light;
    src: url(../fonts/AvenirLTStd-Light.otf);
}

@font-face{
    font-family: Avenir-Heavy;
    src: url(../fonts/AvenirLTStd-Heavy.otf);
}

@font-face{
    font-family: Avenir-Medium;
    src: url(../fonts/AvenirLTStd-Medium.otf);
}

@font-face{
	font-family: Avenir-Roman;
	src: url(../fonts/AvenirLTStd-Roman.otf);
}

.cardprodutos img {
    max-width:200px;
    max-height:150px;
}
.cardprodutos {
    padding-top:30px;
    background-image: url(../images/vectors/vectorw2x306.png);
    background-repeat:repeat-y;
}

.HomeOfertas{width:100%;background-color:#fbae16;text-align:center;/* padding:5% 0px 0px 5%; */display:inline-table;}  

.HomeOfertas img:last-child{display:none;}

.HomeOfertas a{height:55px;font-family: Avenir-Heavy;font-size: 1.9vw;line-height: 65px;text-align:center;color: #c40000;text-decoration: underline;}

.HomeOfertas p{height:55px;font-family: Avenir-Heavy;font-size: 1.9vw;line-height: 65px;text-align:center;color: #ffffff;}


.HomeOfertas,.HomeOfertas a:link,.HomeOfertas a:active,.HomeOfertas a:visited {color: #c40000; text-transform: uppercase;}

.HomeOfertas a:hover {color: #9f0000; }   
    
/********************************/
/*      Configuração Modal    */
/********************************/

#ModalTitle{
    width: 100%;
    height: 144px;
    object-fit: contain;
    background-color: #ab0000;
}

#ModalTitle h2{
    margin-top:0px;
    padding-top:30px;
    object-fit: contain;
    font-family: Avenir-Heavy;
    font-size: 4vw;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffb119;        
}

#ModalTitle h3{
    margin-top:-5px;
    object-fit: contain;
    font-family: Avenir-Light;
    font-size: 2vw;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform:uppercase;
}

#ModalCidade{
    height: 285px;
    width:100%;
    background-color:#efefef;
    border-top: 10px solid  #efefef;
}

#ModalCidade h4{
    margin-top:80px;
    object-fit: contain;
    object-fit: contain;
    font-family: Avenir-Medium;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    text-align: center;
    color: #595959;
    text-transform:uppercase;
}

#ModalCidade option {
    color:white;
}

#ModalCidade select{
    width: 401px;
    height:41px;
    padding: 0.5em 0.5em;
    font-size: 1.2em;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    padding-left:30px;
    font-family: Avenir-Light;
    font-size: 18px;
    font-weight: 300;
    color: #dadada;
}
#ModalCidade select option{
    color:red;
}

#modal::before{
    position: fixed;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;    
}

#modal .content{
    position:fixed;
    width:100%;
    max-width: 863px;
    height:100%;
    max-height:429px;
    background-color:#e8e8e8;
    padding:0px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

#modal .content .close{
    width: 30px;
    height: 30px;
    display: block;
    font-weight: bold;
    background-color: black;
    border-radius: 25px;
    color: white;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    font-size: 14px;
    box-shadow: 0px 0px 5px rgb(0,0,0);
    top: -10px;
    right: -10px;
    position: absolute;
}

#modal{
    position: relative;
    width:100%;
    opacity: 0;
    height: 0;
    transition: opacity 0.4s;
    display: block;
    pointer-events: none;
    float:left;
    z-index:1001;
    
}

#modal:target{
    opacity: 1;
    height: auto;
    pointer-events: auto;
}

#modal img{
    display:block;
}
.mlojas{
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left:8%;    
    font-family:Avenir-Light;
    font-size:1.5vw;
    text-align: left;
    color: #818181;
    line-height: 21px;
}

.mlojas p{
    color:#BC0000;
    font-family: Avenir-Black;
    font-size:1.8vw;
    line-height: inherit;
    margin-bottom: -23px;
    text-transform: uppercase;
}
.mlojas p2{
    font-family: Avenir-Heavy;
    color: #818181;
    font-size:15px;
}
.mlojas img{
    float:left;
    margin-left:-11%;
    width:22px;
    
}
.mlojas a{color:#818181!important;}
.mlojas a:hover{text-decoration: none;color:#818181!important; }

.dropbtnm {
    background-color: #fff;
    color: #818181;
    padding: 9px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    text-align: center;
    width:30vw;
    background-image: url(../images/setadown.png);
    background-repeat: no-repeat;
    background-position: right;
}
.mshow{
    background-image: url(../images/setaup.png);
    background-repeat: no-repeat;
    background-position: right;
}


.dropbtn:hover, .dropbtn:focus {
    background-color: #fff;
}

#myInput {
    border-box: box-sizing;
    width: 100%;
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 25px 12px 25px;
    border: none;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-family:avenir-light;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdownm {
    position: relative;
    display: inline-block;
}

.dropdown-contentm {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    width: 100%;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    max-height: 250px;
    margin-top:0px;
}

.dropdown-contentm a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdownm a:hover {background-color: #ddd;text-decoration: none;color:#000}

.showm {display:block;}
/********************************/
/*      Configuração SubMenu    */
/********************************/
#contact{}
#contact:hover {background-color:#a20000;transition: 0.2s;}
#SubMenuLocalidade {
    max-width:100%;
    background-color: transparent;
} 
#SubMenuLogin {}
#SubMenuLogin:hover{background-color:#a20000;transition: 0.2s;}
#SubMenuLocalidade:hover {background-color:#a20000;transition: 0.2s;}
#SubMenuContato {
    position: absolute;
    z-index:0;
    margin-left:71%;
    width:150px;
    height:123px;  
    line-height: 123px;
    text-align:center;  
    float:left;
} 

#DivMenuLogin h2{
    font-family: Avenir-Light;
    font-size: 12.5px;
    font-weight: 900;
    text-align: center;
    color: #ffffff;  
}

#DivMenuLogin h3{
    font-family: Avenir-Medium;
    font-size: 14.4px;
    font-weight: 500;
    color: #fbae16;
    text-align: center;
}

.linkmenu {
    text-decoration:none;
    font-family: Avenir-Light;
    font-size: 14.4px;
    font-weight: 300;
    letter-spacing: 0.6px;
    color: #ffffff;
}

.linkmenu:hover {
    text-decoration:underline;
    color: #fff;
    
}

#DivMenuLogin {
    margin-top:44px;
    top:0px;
    font-size: 15.4px;
    font-family: Avenir-Light;
    color: white;
    display:none;
    background-color: #a20000;
    position:relative;
    z-index:2;
    border-radius:0px 0px 5px 5px;
    width: 250%;
    float: left;
}

.inputpassword {
    width: 262px;
    height: 29px;
    padding-left:20px;
    font-family: Avenir-Light;
    font-size: 14.4px;
    font-weight: 300;
    color: #8c8c8c;
    text-transform: uppercase;  
}

#DivMenuLogin input[type=text]{
    margin-top:10px;
    height: 29px;
    padding-left:20px;
    font-family: Avenir-Light;
    font-size: 14.4px;
    font-weight: 300;
    color: #8c8c8c;
    text-transform: uppercase;
}

#DivMenuLogin input[type=text2]{
    margin-top:10px;
    height: 29px;
    padding-left:20px;
    font-family: Avenir-Light;
    font-size: 14.4px;
    font-weight: 300;
    color: #8c8c8c;
    text-transform: uppercase;

}
#DivMenuLogin input[type="submit"]{
-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
    background-image: url(../images/botaoemail.png);
    background-repeat: no-repeat;
    background-size:contain;
        border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 0px 5px 5px 0px; 
        height: 29px;
    padding:0px 15px;
}
}

.input-group{}
.input-group-btn{}

.geomobile { display: none!important;
    position: absolute;
    width:100%;
}

.logmobile { display: none!important;
    position: absolute;
    width:100%;
}

.ofertasmobile { display: none!important;
    position: absolute;
    width:100%;
}

.bscmobile { display: none!important;
    position: absolute;
    width:100%;
}

#Geomobile { 
    height: auto;
    max-width: 480px;
    margin-top: 73px;
    display: block;
    background-color: #9E0000;
    font-size: 2vw;
    z-index: 16;
}
#Geomobile p{color: #ffffff}

.boxred{background-color: #ea0000;margin-left:10%;}
.boxylw{background-color: #fcb00f;margin-left:10%;}

.geobox h4{
    line-height:30px;
    font-family: Avenir-Black;
    font-size: 1.2vw;
    color: #ffffff;
}

.geobox p{
    line-height:30px;
    font-family: Avenir-Black;
    font-size: 3vw;
    color: #ffffff;
    text-align: center;  
}

#LogMB { 
    height: auto;
    max-width: 480px;
    margin-top: 73px;
    display: block;
    background-color: #9E0000;
    font-size: 2vw;
    z-index: 17;
}

#LogMB input[type="text"]{
    margin-top: 10px;
    height: 29px;
    padding-left: 20px;
    font-family: Avenir-Light;
    font-size: 14.4px;
    font-weight: 300;
    color: #8c8c8c;
    text-transform: uppercase;
}

#LogMB input[type="text2"] {
    margin-top: 10px;
    height: 29px;
    padding-left: 20px;
    font-family: Avenir-Light;
    font-size: 14.4px;
    font-weight: 300;
    color: #8c8c8c;
    text-transform: uppercase;
    background-image: url(../images/botaoemail.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

#LogMB p{font-size: 4vw;}
#LogMB h4{font-size: 4vw;}
#LogMB h3{font-size: 4vw;}

#Ofermobile { 
    height: 230px;
    max-width: 480px;
    top: 0px;
    display: block;
    background-color: #9E0000;
    font-size: 2vw;
    z-index: 1000;
}

#Ofermobile h2{
    font-family: Avenir-Heavy;
    font-size: 4vw;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: 5%;
    margin-top: 20px;
}

#Ofermobile h3{
    font-family: Avenir-Light;
    font-size: 3vw;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: -2%;
    margin-left: 5%;
    padding-bottom: 2%;
}

#Ofermobile a{
    font-family: Avenir-Light;
    font-size: 3.5vw;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    margin-left: 5%;
}

#buscamb { 
    height: auto;
    max-width: 480px;
    top: 0px;
    display: block;
    background-color: #9E0000;
    font-size: 2vw;
    z-index: 1000;
}

#busca-mb{
    padding-left:5px;
    font-size: 4vw;
    font-family: Avenir-Light;
    border:none;
    width: 80%;
    height: 50px;
    text-align: center;
    background-color: #fff;
    background-image: url('../images/icones/icon-busca.png');
    background-position: 95% 50%; 
    background-repeat: no-repeat;
    border-radius: 2px;
    display: inline-block;
    margin-top:3%;
    margin-left: 2%; 
}

#Ofermobile img{ margin-left: 2%;}

#buscamb h2{
    font-family: Avenir-Heavy;
    font-size:5vw;
    text-align: center;
    color: #fbaf17;
    background-color: #C90000;
    padding: 10px;
    margin-bottom: 0px;
    
}

#closebar img{
    float: right;
    margin-right: 3%;
    margin-top: 4%;
}

#DivMenuLocalidade p{}

#DivMenuLocalidade {
    margin-top:44px;
    top:0px;
    float:left;
    font-size: 15.4px;
    font-family: Avenir-Light;
    color: white;
    display:none;
    background-color: #a20000;
    position:relative;
    z-index:2;
    border-radius:0px 0px 5px 5px;
    width:233%;
    right:33%;
}

#DivMenuLocalidade input {
    width:95%;
    left:10px;
    text-align:center;
}

#box {
    margin-top:5px;
    margin-left:2px;
    width: 338px;
    height: 35px;
    background-color: #ea0000;
    font-family: Avenir-Black;
    font-size: 14.4px;
    font-weight: 900;
    text-align: left;
    color: #ffffff;    
    padding-top:10px;
    text-align:center;
    text-transform: uppercase;
    text-decoration:none;
}

#box:hover {
    margin-top:5px;
    width: 338px;
    height: 35px;
    background-color: #e20909;
    padding-top:10px;
    text-align:center;
    text-transform: uppercase;
    text-decoration: none;
}

#DivMenuLocalidade h2{
    text-transform: uppercase;
    padding-top:5px;
    font-family: Avenir-Black;
    font-size: 15.1px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fcaf17;  
}

/********************************/
/*      Configuração Navbar     */
/********************************/
.header{
    width:100%;
    height: 123px;
    background-color:#ea0000;
}

.Nav-principal {
    background-color: #C90000;
    height:123px;
    padding-top:14px;
    width:100%;
}

.Nav-principal input{margin-left: 51px}

#txtBusca{
    margin-left:0px;
    margin-top:50px;
    font-size: 1.2vw; 
    font-family: Avenir-Light;
    border:none;
    width: 100%;
    height: 29px;
    background-color: white;
    background-image: url('../images/icones/icon-busca.png');
    background-position: 98%; 
    background-repeat: no-repeat;
    border-radius: 2px;
    padding-left: 10px;
}

#result{ 
    z-index: 20;
    background-color: white;
    width:135%;
    margin-left:20px;
    margin-top:-2px;
    max-height: 400px;
    overflow-y: auto;  
    position: relative;
    display:none;
    overflow-x: hidden;
    -ms-overflow-style: none; 
    min-height: 40px;
}

#result::-webkit-scrollbar { 
    display: none; } 

#resultmb{ 
    z-index: 20;
    background-color: white;
    width:95.1%;
    margin-left:9px;
    margin-top:-2px;
    max-height: 677px;
    overflow-y: auto;  
    position: relative;
    display:none;
    overflow-x: hidden;
    -ms-overflow-style: none; 
}

#resultmb::-webkit-scrollbar { 
    display: none; } 

.resultotr {
    padding-left: 10px;
    background-image: url(../images/spbusca.png);
    background-repeat: no-repeat;
    background-position: 11px 32px;
    background-size: 91% 1px;
    padding-top: 10px;
    display:block;
    
}
.resultotr ~ .resultotr {display:none;}

.resultotr p{
    font-size: 15.82px;   
}

.closebc {
    float:right;
  right: 9px;
top: 9px;
    position: sticky;
}

.thumbresult{
    width:100%;height:75px;
    background:#fff;
    margin-bottom:-12px;
    text-decoration:none; 
    display: inline-block;
}
.thumbresult:hover{text-decoration:none;background-color:#e9e9e9;}

.thumbresult a:hover{text-decoration:none;}


.thumbresult img{float: left;margin-left:10px;margin-right: 10px;}
.thumbresult h2{
    font-size: 15.82px;
    color: #ea0000;
    text-transform: uppercase;
    font-family: Avenir-Light;
    float: right;
    display: contents;
    
}

.thumbresult p{
    font-size: 12.5px;
    color: #848484;
    text-transform: uppercase;
        float: right;
    display: contents;
}

.resultoffer {
    padding-left: 10px;
    background-image: url(../images/spbusca.png);
    background-repeat: no-repeat;
    background-position: 11px 32px;
    background-size: 91% 1px;
    padding-top: 10px;
    display:block;
}
.resultoffer ~ .resultoffer{display: none;}

.resultoffer p{
    font-size: 15.82px;   
}


.thumbresultoffer {
    width:100%;
    height:101px;
    background:#fff;
    text-decoration:none; 
    display: inline-block;
    margin-bottom: 15px;
}
.thumbresultoffer:hover{text-decoration:none;background-color:#e9e9e9;}

.thumbresultoffer a:hover{text-decoration:none;}


.thumbresultoffer img{float: left;margin-left:24px;margin-right:10px;margin-top:5px;}
.thumbresultoffer h2{
    font-size: 17px;
    color: #848484;
    text-transform: capitalize;
    font-family: Avenir-Heavy;
    margin-top:10px;
    margin-bottom:-40px;
    
}

.thumbresultoffer h3{
    font-size: 17.5px;
    color: #848484;
    text-transform: capitalize;
    font-family: Avenir-Light;
}

.thumbresultoffer h4{
font-size: 24px;
    color: #ff0000;
    text-transform: capitalize;
    font-family: Avenir-Black;
    margin-top: -28px;
    /* margin-bottom: -5%; */
    float: left;
    width: auto;
}

.thumbresultoffer h5{
    font-size: 13px;
    color: #ff0000;
    text-transform: uppercase;
    font-family: Avenir-Black;
    margin-top: -26px;
    padding-left: auto;
    float: left;
}

.thumbresultoffer p{
    font-size: 13px;
    color: #848484;
    text-transform: lowercase;
    font-family: Avenir-Light;
    margin-top: -24px;
}


.dropdown > a.navi-item:empty{display: none;visibility: hidden;}
.dropdown a.navi-item:empty{display: none;}
.dropdown .navi-item{text-align: center;}



a.navp-item{
    overflow: hidden;
    text-overflow:clip;
    white-space:nowrap;
}

.navp-item {
    text-transform: uppercase;
    font-family: Avenir-Light;
    font-size: 1.8vw;
    text-align: left;
    color: #ffffff;
}
.DeskAlturaf{padding-top: 41px;line-height: 0;}

.navp-itemf {
    text-transform: uppercase;
    font-family: Avenir-Light;
    font-size: 1vw;
    text-align: left;
    color: #ffffff;
    line-height: 0;
    margin-left: -25px;
}
.navp-itemf p{
text-transform: uppercase;
font-family: Avenir-Light;
font-size: 1.2vw;
text-align: left;
color: #ffffff;
line-height: 13px;
float: right;
margin-top: 12px;
}
.navp-item img{margin-right: 5px;}
.navp-itemf img{margin-right: -8px;margin-top:12px;}

.logo-nav-pin {}

.logo-nav-login {margin-left: 54px;}

.logo-nav-help {margin-left: 50px;}

.navp-item:hover, .navp-item:focus{
    color: #fff;
    text-decoration: none;
}
.navp-itemf:hover, .navp-itemf:focus{
    color: #fff;
    text-decoration: none;
}
.logo-nav {    
    display:block;
    margin-top:12px;
    margin-left: 20px;
}

.logo-nav img{}


.spheader {
    margin-top: 0px;
    margin-left:0px;
    margin-right:0px;
}
.spheader:last-child {display:none;}
/********************************/
/*        Nav Secundária        */
/********************************/

.nav-info {
    background-color: #b90000;
    -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
    box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
    width:100%;
    color: #c9aa71;
    display: inline-flex;
    text-transform: uppercase;
    text-align-last:center;
}

.navi-item {
    color: #fff;
    font-family: Avenir-Light;
    line-height: 30px;
   display:inline-flex;
    height: auto;
    text-align: center;
}



.separador{
    margin: -3px -10px 0 -10px;
    height: 24px;
    width: 3px;
}

.menubar {
    height: 3px;
}
.menubar:last-child {
    display:none;
}

.navi-item2 {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    width: 204px;
    text-align: center;
    font-size: 13.8px;
    font-family: Avenir-Light;
    text-transform: uppercase;
}

.navi-item:hover, .navi-item:focus {
    color: #fff;
    text-decoration: none;

}


.navi-item2:hover,.navi-item2:focus {
    color: #fff;
    text-decoration: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
width: inherit;
    background: url("../images/spheader.png") no-repeat right;
padding-right: 0px;

padding-left: 0px;
text-align: center;
    background-position: 0px;
}
div.dropdown:empty{display:none;}

.dropdown-content{
    display: none;
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    text-align-last: left;
    margin-top: 4px;
    width: 100%;
    text-align: left;
}
.dropdown:nth-child(7) .dropdown-content{
    width: 120%;
}

.dropdown-content a{
    color: #878787;
    text-decoration: none;
    display: block;
    font-size:1.1vw;
    font-family: Avenir-Light;
    padding: 12px 16px;    
    text-align: left!important;
}

.dropdown-content img {
max-width: 95%;
position: absolute;
margin: 0px;
margin-left: 2%;
    
}
.dropdown-content a:hover {
    background-color: #e9e9e9;
    text-decoration: none;
    color: #818181;
}

.dropdown:hover .dropdown-content {
    display: block; 
}
.dropdown:hover{background-color: #850000;background-image: none;transition: 0.3s;}

/****************************************/
/*        Blog name and description     */
/****************************************/

.blog-header {
    padding-top: 20px;
    padding-bottom: 20px;
}

.blog-title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: normal;
}

.blog-description {
    font-size: 20px;
    color: #999;
}

/*******************************/
/*       Newsletter Nav        */
/*******************************/

.newsletter1 {
    background-color: #ea0000;
    height: 87px;
    font-family: Avenir-light;
    font-size: 15.5px;
    font-weight: 900;
    text-align: left;
    color: #ffffff;
    background-image:url(../images/icones/emailiconbar.png);
    background-repeat:no-repeat;
}
.newsletter1 a{text-decoration: none!important;}
.newsletter1 p1 {
    border: solid #fff 1px;
    padding: 15px;
    font-family: Avenir-Black;
    font-size: 15.5px;
    font-weight: 900;
    color: #ffffff;
    line-height:87px;

}
.newsletter1 p1:hover{background-color:#b80000;}


/********************************/
/*           Footer             */
/********************************/

.makro-footer {
    color: #999;
    text-align: center;
    background-color: #f1f1f1;
    border-top: 1px solid #e5e5e5;
    position:relative;
    float:left;
    width:100%;
    padding-bottom: 20px;
 
}

.makro-footer p:last-child {
  margin-bottom: 0;
}

.ft-sociais{
    padding: 16px;
}

.ft-sociais a[href='']{display:none;}

.ft-sociais img{
    margin-right: 16px;
    margin-bottom: 16px;
}

.ft-info h3 {
    font-family: Avenir-Light;
    font-size: 15px;
    text-align: center;
    color: #a5a5a5;
    text-transform: uppercase;
    
}

.ft-info p {
    font-family: Avenir-Light;
    font-size: 13px;
    text-align: center;
    color: #a5a5a5;
    width: 100%;
}

.ft-email {
    font-family: Avenir-Medium;
    font-size: 13px;
    text-align: center;
    color: #a5a5a5;    
}

.footer-infos img {
 padding-left: -10px;
}

.footer-nav-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    color: #727272;
    font-family: Avenir-Light;
    font-size: 13.2px;
    margin-right:10px;
    text-transform: uppercase;
}

.footer-nav-item:hover,.footer-nav-item:focus {
  color: #727272;
  text-decoration: none;
}

.spft{
    max-width: 100%;
}

/********************************/
/*       Fade Bs-carousel       */
/********************************/

.bannernm img{width:100%;}
.bannernm {width:100%;}

.bannervideo img{width:100%;}
.bannervideo {width:100%;}
.bannervideo iframe,.bannervideo  object,.bannervideo  embed {
    width: 43%;
    height: 24vw;
    display: block;
    margin-left: 52%;
    margin-top: -29.5%;
}
iframe[src="https://www.youtube.com/embed/"] {display: none;}
iframe[src=""]{display: none;}
iframe[src="?rel=0&wmode=Opaque&enablejsapi=1"]{display: none;}
.bannervideo h2{
    position: absolute;
    margin-top: -24.5%;
    font-family: Avenir-Light;
    color: #fff;
    width: 35%;
    margin-left: 5%;
    max-height: 24vw;
    overflow: hidden;
    font-size: 3vw;
    text-transform: uppercase;}

.bannervideo h3{
    position: absolute;
    margin-top: -14.5%;
    font-family: Avenir-Heavy;
    color: #fff;
    width: 35%;
    margin-left: 5%;
    max-height: 24vw;
    overflow: hidden;
    font-size: 3vw;
    text-transform: uppercase;}

.bannernm h2{
    position: absolute;
    margin-top: -29.6%;
    font-family: Avenir-Heavy;
    color: #fff;
    width: 44%;
    margin-left: 3.36%;
    max-height: 14vw;
    overflow: hidden;
    font-size: 3vw;
    text-transform: uppercase;
    line-height: 1.15;
    word-break: break-all
}

.bannernm h3{
    position: absolute;
    margin-top: -15.5%;
    font-family: Avenir-Light;
    color: #fff;
    width: 44%;
    margin-left: 3.36%;
    max-height: 14vw;
    overflow: hidden;
    font-size: 3vw;
    text-transform: uppercase;
    line-height: 1.15;
    word-break: break-all}


.fade-carousel {
    position: relative;
}

.fade-carousel .carousel-indicators > li {
    
    width: 17px;
    height: 17px;
    margin: 0 5px;
    background-color: transparent;
    border-color: white;
    opacity: .7;
    background-image: none!important;
}

.fade-carousel .carousel-indicators > li.active {
    width: 11px;
    height: 11px;
    background-color: white;
    opacity: 1;
    margin-top:3px;
}



.infosbanner{
    position: absolute;
    width: 46%;
    max-height: 25vw;
    overflow: hidden;
    text-overflow: clip;
    margin-top: -24.5%;
    margin-left: 4.2%;
    word-wrap: break-word;
    }

.infosbanner titulo{
    font-family: Avenir-Light;
    color: #fff;
    font-size: 2.79vw;
    text-transform: uppercase;
    line-height: 1.5;
    }

.infosbanner titulo b{
    font-family: Avenir-heavy;}

.infosbanner titulo div{
    font-family: Avenir-Light;
    color: #fff;
    font-size: 2.79vw;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0px!important;
    line-height: 1.15
    }

.infosbanner titulo div b{
    font-family: Avenir-heavy;}

.infosbannernm{
    position: absolute;
    width: 46%;
    max-height: 25vw;
    overflow: hidden;
    text-overflow: clip;
    margin-top: -29.9%;
    margin-left: 4.2%;
    word-wrap: break-word;
        
    }
.infosbannernm titulo div{
    font-family: avenir-light;
    color: #fff;
    font-size: 2.8vw;
    text-transform: uppercase;
    line-height: 1.15;
    width: 100%;
    }
.infosbannernm titulo div b{
    font-family: Avenir-Heavy;}

.infosbannernm titulo{
    font-family: avenir-light;
    color: #fff;
    font-size: 2.8vw;
    text-transform: uppercase;
    }
.infosbannernm titulo b{
    font-family: Avenir-Heavy;}


/********************************/
/*       Slides backgrounds     */
/********************************/

.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fade-carousel .slides .slide-1 {
//*  background-image: url(../images/banneryt.png); */ 
}

.fade-carousel .slides .slide-2 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}

.fade-carousel .slides .slide-3 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}

/********************************/
/*      CARROSEL                */
/********************************/

.carousel-control{
    position:absolute;
    width:15%;
    font-size:50px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    background-color:rgba(0,0,0,0);
    filter:alpha(opacity=50);opacity:.5
}

.carousel-control.left{
    padding-left:-50px;
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat:repeat-x
}
.carousel-control.right{
    right:0;        
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat:repeat-x
}

/********************************/
/*      After Carrossel Text    */
/********************************/

.carrosselp-lista {
    background-color: #ba0000;
    padding: 15px;
    font-weight: 300;
    color: #fff;
    font-family: Avenir-Light;
    text-transform: uppercase;
    text-align: center;
    font-size: 11.8px;
    line-height: 1;
}

.carrosselp-lista .link-cpl {
    text-decoration: none;
    color: #fcaf17;
}

.carrosselp-ofertas {
    background-color: #e9ad2d;
    height:55px;
    padding: 10px;
    font-weight: 500;
    font-family: Avenir-Heavy;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 22.6px;
    line-height: 1.6;
}

.carrosselp-ofertas .dtq-cpo {padding: 50px;}


/********************************/
/*         Nav Ofertas          */
/********************************/

.nvoft{
	display: flex;
	align-items: center;
	justify-content: center;
    background:  #F1F1F1;
}

/*.nav-list > li{
            background-image: url('../images/vectors/vectorw3x27.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 50px;
    
}*/

.nav-list > img {
    height: 70px;
    margin-top: -8%;
}

.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
    display: block;
    text-transform: uppercase;
    text-align: center;
    color: #9b9b9b;
    font-family: Avenir-Light;
    font-size: 10px;
    line-height: 1.4em;
    margin-top: -15%;
    
}
.nav-list > li > a > img {
    padding: 20px;
    display: block;
    
}

.vermais {
   float: right;
}


/********************************/
/*          Produtos            */
/********************************/

.products {
	display: flex;
	flex-wrap: wrap;
}

.product-card {
	display: flex;
	flex-direction: column;
	padding: 2%;
	flex: 1 16%;
	background-color: #FFF;
}

.product-image img {
	margin: 10%;
}

.product-info {
	margin-top: auto;
	padding-top: 20px;
	text-align: center;
}

.product-typ {
    font-family:Avenir-Black;
    font-size: 16.8px;
    font-weight: 300;    
    color:#878787;
}

.product-typ2 {
    font-family:Avenir-Light;
    font-size: 16.8px;
    color:#878787;
    margin-top: -5px;
}

.product-preco {
    font-family:Avenir-Black;
    font-size: 24px;
    font-weight: 900;
    color:#ff0000;
    margin-top: -5px;
}

.product-val {
    font-family:Avenir-Light;
    font-size: 13.5px;
    font-weight: 300;
    color:#878787;
    margin-top: -5px;
}

.divisor{
    width:100%;
}
.divisor img{
    width:100%;
}




/*                 JORNAL              */
.thumbjornal {background-color: #ea0000;}
.thumbjornal h2{
    font-size:21px;
    color: #fff;
    text-decoration: none;
    font-family: avenir-light;
    margin-top:10px;
    line-height: 1;
    text-transform: uppercase;
}
.linkjornalclass:hover {text-decoration:none;}
.thumbjornal:hover,.thumbjornal:active,.thumbjornal:visited{text-decoration: none;
}

#jornal{
    height: 907px;
}
/********************************/
/*          Serviços            */
/********************************/

.servicos{padding-top: 20px;}

.servicos-item{width:100%;margin-bottom: 50px;}
.servicos, .servicos-item, p.title{
    font-family: Avenir-Black;
    font-size: 17.2px;
    text-align: center;
    color: #fcaf17;
    padding-top: 10px;
    text-transform: uppercase;

    
}

.servicos, .servicos-item, p.description{
    font-family: Avenir-Light;
    text-align: center;
    color: #848484;
    margin-top:20px;
    margin-bottom:20px;
    height: 66px;
}


.btn-srv {
    color: #878787;
    font-size: 15px;
    background: #ffffff;
    border: solid #878787 1px;
    text-decoration: none;
    text-align:center;
    margin-left: 25%;
    font-family: Avenir-Light;
    text-transform: uppercase;
    display:inline-block;
    line-height:30px;
    width:80%;
    margin-bottom: 30px;
}

.btn-srv:hover {
    background: #ffffff;
    text-decoration: none;
}

/********************************/
/*        quem somos            */
/********************************/

    
#CVAlias {
    padding-top:10px;
    width:100%;
    height:40px;
    display:table-cell;
    table-layout: 100%;
    vertical-align: middle;
    color: #828282;
    font-family: Avenir-Medium;
    }
#CVAlias li {
	list-style-image: url("../images/ArrowRight.png");
    padding:0 27px 0 0;
    margin:0px;
    float:left;
    text-transform: uppercase;

    }

#CVAlias li:first-child {
    margin: -5px;
    display: table-cell;  
    vertical-align:center;
    list-style: none;
    }
#CVAlias li:last-child {
	list-style-image: url("../images/ArrowRight.png");
    padding:0 27px 0 0;
    margin:0px;
    float:left;
    text-transform: uppercase;
    color: #820808;
    font-family: Avenir-Medium;
    }
    
.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}


.menulateralQS {
	width:100%;
	padding-left:10px;
	padding-top:10px;
	vertical-align: center;	
	list-style:none;
    float:left;
}

.menulateralQS ul{}
.menulateralQS ul>li{}
.menulateralQS ul a:active{}

a.menulateralQS:link, a.menulateralQS:visited {
	height: 14px;
	font-family: Avenir-Light;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.06;
	letter-spacing: normal;
	text-align: left;
	color: #888;
}
	
	
a.menulateralQS:hover,a.menulateralQS:active, {	
	text-decoration:none;
	height: 14px;
	font-family: Avenir-Light;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.06;
	letter-spacing: normal;
	text-align: left;
	color: #aa0000;
}

.banner-qs{
    width: 100%;
    float:left;
}

.banner-qs img{
    width: 100%;
}

.sidenav {
    height: 50%;
    width: 200px;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #FFF;
    overflow-x: hidden;
    padding-top: 20px;
    position: static;
}

.sidenav a {
    padding: 6px 6px 6px 32px;
    text-decoration: none;
    font-family: Avenir-Light;
    font-size: 10.7px;
    color: #818181;
    display: block;
}

.sidenav a:hover {
    text-decoration: none;
    color: #818181;
}

.logo{
margin-top:30px;
}

.main-qs{
	width:70%;
    margin-left: 330px;
    background-color: #ffffff;
    margin-top: -310px;
	position: relative;
	padding-top:20px;
	padding-left:30px;
	z-index:1;
}

.QSapoios {
	height:300px;
	position:relative;
}

.main-qs h3{
    font-family: Avenir-Light;
    color: #ea0000;
    font-size: 34.4px;
    margin-bottom: 34px;
}

.main-qs p{
    font-family: Avenir-Light;
    color: #848484;
    font-size: 20.9px;
}

.main-qs2{
	padding-top:20px;
    margin-left: 33%;
	width:58%;
    background-color: #ffffff;
}

.main-qs2 p{
    font-family: Avenir-Light;
    color: #848484;
    font-size: 20.9px;
}

.segmentos-qs-filter {
	display: flex;
	padding: 30px 0;
}


.segmentos-qs {
	display: flex;
	flex-wrap: wrap;
}

.segmentos-qs-card {
    width:20%;
    float:left;

}

.segmentos-qs-image img {
    margin-left: 5px;
}

.segmentos-gq-image img {
    margin-left: 5px;
    width: auto;
}
.segmentos-gq-info p{
    font-family: Avenir-Light;
    width: 100%;
}

.gq-faq {
	padding-top:10px;
}

.gq-faq h3{
    font-family: Avenir-Light;
	font-size: 25.9px;
	text-align: left;
	color: #ea0000;	
}


.gq-faq ul{
	list-style-image: url("../images/ArrowRightBlack.png");
	font-family: Avenir-Heavy;
	font-size: 15px;
	text-align: left;
	color: #828282;	
    line-height: 22.8px;
}
.gq-faq ul>li{
	margin-top:5px;
	margin-left:-20px;
    padding: 10px;

}


#content-gqfaqli {
    width: 100%;
    font-family: Avenir-Medium;
	font-size: 15.7px;
    text-align: left;
}
.activegq-faq {
    text-decoration: none;
	font-family: Avenir-Heavy;
	font-size: 15px;
	text-align: left;
	color: #828282;	
    line-height: 22.8px;
}


.segmentos-qs-info {
	margin-top: auto;
	padding-top: 20px;
	text-align: center;
}

.segmentos-qs-info h2{
    font-family:Avenir-Black;
    font-size: 15px;
    color:#878787;
}

.btn-qs {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #848484;
    font-size: 22px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #848484 2px;
    text-decoration: none;
    text-align:center;
    margin-left:33%;
    font-family: Avenir-Light;
    text-transform: uppercase;
    margin-bottom: 89px;
    margin-top: 81px;
}

.btn-qs:hover {
    background: #ffffff;
    text-decoration: none;
}

/*Marcaaro */

.segmentos-gq-info {
	margin-top: auto;
	padding-top: 20px;
	text-align: center;
}

.segmentos-gq-info h2{
    font-family:Avenir-Black;
    font-size: 15px;
    color:#878787;
}
/********************************/
/*          Comercio            */
/********************************/
.ancmat {display:none;margin-top: 50px;}
.materiaCV {
    display: none;
    float: right;
    margin-top: -37px;
    position: relative;
    height: auto;
    width: 63.8%;
    min-height: 300px;
}
.materiaCV h1{
    color:#b90000;
    font-family:avenir-roman;

    max-width: 80%;
    margin-left:50px;
}
.materiaCV h2{
    color:#b90000;
    font-family:avenir-roman;

    max-width: 80%;
    margin-left:50px;
}
.materiaCV h3{
    color:#848484;
    font-family: Avenir-Black;

    margin-left:50px;

}
.materiaCV h4{margin-left:50px;}
.materiaCV h5{margin-left:50px;
font-family: Avenir-Light; color: #ea0000; font-size: 2vw;}
.materiaCV p{margin-left: 50px;

}

.materiaCV img{max-width: 100%!important;
                height: 33vw;
max-height: 360px;}

.materiaCV iframe{max-width: 100%!important;}

p > img{max-width: 100%!important;
                height: auto;
max-height: 360px;}

p > iframe{max-width: 100%!important;
height: 47vw;
max-height: 360px;}

.CVbanner:nth-child(2) {
    margin-bottom: 0px;
    display: block;}

.CVbanner img{
    width: 100%;
    margin-top: -20px;
}

.CVbanner h2{
    font-family: Avenir-Light;
    text-align: center;
    font-size: 2.4vw;
    color: #ffffff;
    background: #7f0000;
    border: solid #7f0000 2px;
    text-transform: uppercase;
    margin-left: 39%;
    margin-right: 2%;
    line-height: 3.2;
    margin-bottom:0;
    margin-top: 6%;
}

.CVbanner h3{
    font-family: Avenir-Black;
    font-size:16.7px;
    text-align: center;
    color: #950000;
    
}

.CVbanner p{
    font-family: Avenir-Light;
    font-size:18.2px;
    text-align: center;
    color: #848484;
    
}

.blogmod, .bloging{display:none;}

.SCVtitle{
    font-family: Avenir-Black;
    font-size: 15.7px;
    text-align: left;
    padding-top: 10px;
    text-transform: uppercase;
}

.SCVdescription{
    font-family: Avenir-Light;
    font-size: 15.7px;
    text-align: left;
    color: #848484;
    margin-top:-15px;
    margin-bottom:20px;
}


.CVservice img{display: block;
max-width: 100%;
    height:164px;
}
.CVservice a:hover {text-decoration: none;}
.col-sm12 .CVservice {width:85%;margin-left:7.5%;}
.CVbanner h3{width:90%;margin-left:4.5%;}
.CVbanner p{width:90%;margin-left:4.5%;}
.col-sm-12 .CVservice img{width:100%;height: auto;}
.CVbanner {margin-bottom: 40px;}
.CVservice {margin-bottom: 30px;}
.mat {max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;}
.dantest {display: block;width:95%;margin-left: auto; margin-right: auto;}
/********************************/
/*         Como Comprar         */
/********************************/
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
a.link {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

a.link:hover{}
a.link {color:#818181}
a.link:hover {color: #818181;}

.txtBusca2{
    font-family: Avenir-Light;
    border:none;
    width: 100%;
    height: 50px;
    background-color: white;
    background-image: url('../images/icones/icon-busca.png');
    background-position: 98%; 
    background-repeat: no-repeat;
    border: 1px solid;
    border-color:#c0c0c0;
    padding-left: 10px;
    margin-left: 30px;
}

#resultado {
    float:left;
    height:340px;
    width:40%;
    overflow: auto;
    margin-top: 60px;
    }
#search {
    text-align:center;
    width:40%;
    height:50px;
    z-index: 9999;
    padding-top: 80px;
    margin-top: -80px;
}
#search select{
            width:75%;
        }
#map {
    float:left;
    height: 460px;
    width: 58%;
}

.lojas{
    padding-top: 2%;
    padding-bottom: 0%;
    padding-left:20%;    
    font-family:Avenir-Light;
    font-size:15px;
    max-height: 100%;

}
.lojas:hover{background-color:  #ededed;}

.lojas p{
    color:#930000;
    font-family: Avenir-Black;
    font-size:15px;
    line-height: inherit;
    margin-bottom: -23px;
}
.lojas p2{
    font-family: Avenir-Heavy;
    color: #818181;
    font-size:15px;
}
.lojas img{
    float:left;
    margin-left:-10%;
    
}

.specs img{margin-left:0px;margin-top:-10px;margin-right: 10px;}
.lojas a{color:#818181!important;}
.lojas a:hover{text-decoration: none;color:#818181!important; }
.local h2{ 
    font-family: Avenir-Light;
    font-size: 34.4px;
    font-weight: 300;
    position:relative;
    width:100%;
    background-color:#820808;
    line-height:91px;
    text-align:center;
    color: #ecdfdf;
    text-transform:uppercase;
}

a.link {color:#818181}
a.link:hover {color: #818181;}

.banner-cc{
    width: 100%;
}

.banner-cc img{
    width: 100%;
}

.banner-cc img{
    width: 100%;
}

.dropdown-cc {
    position: relative;
    display: inline-block;
}

.dropdown-content-cc {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: 204px;
    text-align: center;
    
}

.dropdown-content-cc a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-top: 1px solid #6b727c;
    
}

.dropdown-content-cc a:hover {
    background-color: #f1f1f1;
    text-decoration: none;
    color: #aa0000;
    
}

.dropdown-cc:hover .dropdown-content-cv {
    display: block;
}

.dropdown-cc:hover .dropbtn-cv {
    background-color: #3e8e41;
}

.cc-navi-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 500;
    color: #828282;
    width: 204px;
    text-align: center;
    display: block;
    font-size: 13.8px;
    font-family: Avenir-Light;
    text-transform: uppercase;
}


.cc-navi-item:hover,
.cc-navi-item:focus {
    text-decoration: none;
}


.main-cc{
    margin-left: 300px;
    background-color: #ffffff;
    margin-top: -100px;
    display: contents;
    position: relative;
}
.main-cc h3{
    font-family: Avenir-Light;
    color: #ea0000;
    font-size: 34.4px;
}
.main-cc p{
    font-family: Avenir-Light;
    color: #848484;
    font-size: 20.9px;
}

.mapa-cc {
    background-color: #C90000;
    height: 87px;
    margin-top: 40px; 
}

.mapa-cc h3{
    font-family: Avenir-light;
    font-size: 40px;
    text-align: center;
    color: #ffffff;
    padding-top: 20px;

}

.mapa-cc2 {
    background: #ea0000;
    background-image: url('../images/comocomprar/icon-tel.png');
    background-repeat: no-repeat;
    display: block;
    height: 87px;
    margin-top: 40px; 
}

.mapa-cc2 h3{
    font-family: Avenir-light;
    font-size: 18px;
    text-align: left;
    color: #ffffff;
    padding-top: 22px;
    padding-left: 150px;
    width: 490px;

}

.servicos-pag-cc {
    background: #f95319;
    background-image: url('../images/comocomprar/icon-serv.png');
    background-repeat: no-repeat;
    display: block;
    height: 188px;
    margin-top: 40px; 

}

.servicos-pag-cc h3{
    font-family: Avenir-light;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}

.btn-serv-cc {
    color: #fff;
    font-size: 20px;
    background: transparent;
    border: solid #fff 2px;
    text-decoration: none;
    text-align:center;
    font-family: Avenir-Light;
    text-transform: uppercase;
    width: 192px;
    margin-left: 500px

}

.btn-serv-cc:hover {
     background: transparent;
    text-decoration: none;
}


.btn-cc {
    color: #fff;
    font-size: 20px;
    background: transparent;
    border: solid #fff 2px;
    text-decoration: none;
    text-align:center;
    font-family: Avenir-Light;
    text-transform: uppercase;
    width: 192px;
    float: right;
    margin: -5%;
    margin-right: 150px;

}

.btn-cc:hover {
    background: transparent;
    text-decoration: none;
}

.segmentos-cc-filter {
	display: flex;
	padding: 30px 0;
}


.segmentos-cc {
	display: flex;
	flex-wrap: wrap;
}

.segmentos-cc-card {
	display: flex;
	flex-direction: column;
	padding: 2%;
	flex: 1 16%;
	background-color: #FFF;
}

.segmentos-cc-image img {margin-left: 140px;}

.segmentos-cc-info {text-align: center;}

.segmentos-cc-info h2{
    font-family:Avenir-Black;
    font-size: 15px;
    color:#878787;
}

.segmentos-cc-info h3{
    font-family:Avenir-Black;
    font-size: 15px;
    color:#878787;
}

.segmentos-cc-info p{
    font-family:Avenir-Black;
    font-size: 15px;
    color:#878787;
}

.btn-cc2 {
    color: #878787;
    font-size: 15px;
    background: transparent;
    border: solid #878787 2px;
    text-decoration: none;
    text-align:center;
    font-family: Avenir-Light;
    text-transform: uppercase;
    width: 192px;
    margin: -5%;
}

.btn-cc2:hover {
     background: transparent;
    text-decoration: none;
}

.pagamentos-cc {
    background: #fbae16;
    background-image: url('../images/comocomprar/icon-form.png');
    background-repeat: no-repeat;
    display: block;
    height: 87px;
    margin-top: 40px; 
}

.pagamentos-cc h3{
    font-family: Avenir-light;
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    padding-top: 30px;
    font-weight: 300;
}

.pag-img {
    padding: 20px;
    padding-left: 100px;
}

/********************************/
/*          Passaport           */
/********************************/


.menulateralPS {
	width:350px;
	padding-left:10px;
	padding-top:10px;
	vertical-align: center;	
	list-style:none;
}

.menulateralPS ul{
	list-style-image: url("../images/ArrowRight.png");
	font-family: Avenir-Light;
	font-size: 12.1px;
	text-align: left;
	color: #828282;	
	margin-top:5px;
	background-image: url("../images/menubar.png");
	background-repeat: no-repeat;
	background-position:-50px 25px;
}
.menulateralPS ul>li{
	margin-top:5px;
	margin-left:-20px;
    background-image: url("../images/menubar.png");
	background-repeat: no-repeat;
	background-position:-50px 25px;
	
}
.menulateralQS ul a:active{
	list-style-image: url("../images/ArrowRight.png");
	font-family: Avenir-Roman;
	font-size: 14px;
	font-weight:bold;
	line-height: 2.06;
	text-align: left;
	color: #aa0000;

}
a.menulateralPS:link, a.menulateralPS:visited {
	height: 14px;
	font-family: Avenir-Light;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.06;
	letter-spacing: normal;
	text-align: left;
	color: #888;
	}
	
	
a.menulateralPS:hover,a.menulateralPS:active, {	
	text-decoration:none;
	height: 14px;
	font-family: Avenir-Light;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.06;
	letter-spacing: normal;
	text-align: left;
	color: #aa0000;
  }

.main-pass {
    width: 76%;
    float: right;
    margin-top: -16%;
}

#psoferta-oferta{
    margin-top: -25%;
}

.main-pass h3{
    font-family: Avenir-Light;
    color: #f95319;
    font-size: 2.629em;
}

.productPS-info {
    float: right;
    margin-top: -25%;
    margin-right: 15%;
}

.psoferta-produto-name{
    font-family: Avenir-Black;
    color: #878787;
    font-size: 2.321em;
}

.psoferta-produto-type1{
    font-family: Avenir-Light;
    color: #878787;
    font-size: 2.321em;
}

.psoferta-produto-price{
    font-family: Avenir-Black;
    color: #ff0000;
    font-size: 2.779em;
}

.psoferta-produto-type2{
    font-family: Avenir-Light;
    color: #878787;
    font-size: 2.321em;
}

.sub-pass h2 {
    font-family: Avenir-Light;
    font-size: 1.279em;
    text-align: left;
    color: #848484;
    padding-left: 150px;
}

.sub-pass h3 {
    font-family: Avenir-Black;
    font-size: 1.529em;
    color: #890000;
    line-height: 27.7px;
    letter-spacing: -0,2px;
}

.sub-pass p {
    font-family: Avenir-Light;
    font-size: 1.300em;
    color: #848484;
    line-height: 27.7.8px;
    letter-spacing: -0,2px;
}

.sub-pass2 {
    float: right;
    margin-top:-400px;
    
}

.sub-pass2 h2 {
    font-family: Avenir-Light;
    font-size: 1.279em;
    text-align: left;
    color: #848484;
    padding-left: 150px;
}

.sub-pass2 h3 {
    font-family: Avenir-Black;
    font-size: 1.529em;
    color: #fcaf17;
    line-height: 27.7px;
    letter-spacing: -0,2px;
}

.sub-pass2 p {
    font-family: Avenir-Light;
    font-size: 1.300em;
    color: #848484;
    line-height: 27.7.8px;
    letter-spacing: -0,2px;
}

.promocoesPS{
    margin-top: 5%;
    position: relative;
}

.promocoesPS img{
    width: 100%;
    background: #432417;
}

.promocoesPS h2{
    font-size: 1.279em;
    font-family: Avenir-Light;
    color: #848484;
    padding-left: 330px; 
}

.content-promocoesPS{
    position: absolute;
    top: 8px;
}

.content-promocoesPS h3{
    font-size: 1.486em;
    font-family: Avenir-Black;
    color: #fff;
    padding-top: 40px;
    padding-left: 530px;
}

.content-promocoesPS h4{
    font-size: 1.486em;
    font-family: Avenir-Light;
    color: #fff; 
    padding-left: 530px;
}

.btn-pass {
    color: #fff;
    font-size: 1.257em;
    background: transparent;
    border: solid #fff 1px;
    text-decoration: none;
    text-align:center;
    font-family: Avenir-Light;
    text-transform: uppercase;
    width: 243px;
    height: 46px;
    margin-left: 530px;
    margin-top: 20px;
    padding-top: 10px;

}

.btn-pass:hover {
     background: transparent;
    text-decoration: none;
}

/********************************/
/*              404             */
/********************************/

.errorpage {
    width:100%;
    margin-bottom: 128px;
}

.errorpage h2{
    font-family: Avenir-Heavy;
    color: #ea0000;
    font-size: 28.8px;
    text-transform: uppercase;
    margin-top: 10%;
    text-align: center;

}

.errorpage p{
    width: 100%;
    Font-family: Avenir-Light;
    color: #848484;
    font-size: 20.9px;
    margin-bottom: 5%;
    text-align: center;
}

.errorback{
    font-family: Avenir-Heavy;
    font-size: 17.5px;
    text-align: center;
}

.errorback a:link{
    color: #ea0000;
    text-decoration: none;  
}

/********************************/
/*            APP               */
/********************************/
.app{
    margin-top: 5%;
    margin-bottom: 5%;
}
.apppage{
    width: 45%;
    margin-top: -55px;

}

.apppage p{
    font-family: Avenir-Light;
    font-size: 2vw;
    color: #848484;
    line-height: 1.52;
    text-align: left;
    margin-top: 30%;
    margin-bottom: 30%;   
    width: 75%;
}


.appin img{
    margin-top: 20%;
}

/********************************/
/*       Cadastro Email         */
/********************************/

.CDtitle{
    margin-top: 5%;
    margin-bottom: 3%;
    font-family: Avenir-Light;
    color: #8c8c8c;
    
}

.CDtitle h2{
    font-family: Avenir-Heavy;
    color:#ea0000;
    font-size: 28.5px;
    text-align: center;
    
}

.CDtitle p, .texto-destaque{
    font-family: Avenir-Light;
    color:#848484;
    font-size: 20.9px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.form-cadastro{
    font-family: Avenir-Light;
    font-size: 13.4px;
    color: #8c8c8c;
}

.form-cadastro input[type=text], select, textarea{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 33px;
}

.form-cadastro input[type=email]{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 33px;
}

.form-conosco input[type=email]{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 33px;
}

.cdenviar {
    margin-top: 23px;
    padding: 2px;
    font-family: Avenir-Black;
    font-size: 20.5px;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: center;
    background-color: #ea0000;
    color: #ffffff;
    border: 1px solid;
    display: block;
    margin-left: auto;
    margin-right: auto;     
    width: 583px;
    line-height: 50px;
    text-transform: uppercase
    cursor: pointer;
    float: right;
    margin-bottom: 5%;
}

.cdenviar a{
    text-decoration: none;
    color: #fff;
}

.cdenviar a:hover{
    text-decoration: none;
    color: #fff;
}

#cdloja{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

#cdrelacao{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

#cdtype{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

.form-cadastro .col-25 {
    width: 39%;
    margin-top: 8px;
    margin-left: auto;
}
.form-cadastro .col-25:first-child {

    width: 39%;
    margin-top: 8px;
    margin-left: 10%;
    margin-right: auto;
    display: inline-flex;

}

.form-cadastro .col-75 {
    width: 80%;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto; 
}




/********************************/
/*        CADASTRO  OK          */
/********************************/

.OKcadastro {
    width:100%;
    
    margin-bottom: 128px;
}

.OKcadastro h2{
    font-family: Avenir-Heavy;
    color: #ea0000;
    font-size: 28.8px;
    text-transform: uppercase;
    margin-top: 20%;
    text-align: center;

}

.OKcadastro p{
    width: 100%;
    Font-family: Avenir-Light;
    color: #848484;
    font-size: 20.9px;
    margin-bottom: 5%;
    text-align: center;
}


/********************************/
/*         TELEVENDAS           */
/********************************/

.TVtitle{
    margin-top: 5%;
    margin-bottom: 10%;
    font-family: Avenir-Light;
    color: #8c8c8c;
    
}

.TVtitle h2{
    font-family: Avenir-Heavy;
    color:#ea0000;
    font-size: 28.5px;
    text-align: center;
    
}

.TVtitle p{
    font-family: Avenir-Light;
    color:#848484;
    font-size: 20.9px;
    text-align: center;
        margin-left: auto;
    margin-right: auto;
}

.form-televendas{
    font-family: Avenir-Light;
    font-size: 23.4px;
    color: #8c8c8c;
    margin-bottom: 5%;
}

.form-televendas input[type=text], select, textarea{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#tvestado{
    background: url('../images/tele-icon.png') no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    height: 64px;

}

#tvcidade{
    background: url('../images/tele-icon.png') no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    height: 64px;

}

#tvloja{
    background: url('../images/tele-icon.png') no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 64px;

}

.form-televendas .col-75 {
    width: 50%;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto; 
}

/********************************/
/*         Default	           */
/********************************/

#MarcaaroButton {
	width:800px;
	background-color: #c90000; 
	height:50px;
	vertical-align: middle;
	display: table-cell;
	font-family: Avenir-Light;
	font-size: 25px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.52;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	padding-left: 30px;
	margin:10px 0px 0xp 0px;
	border-style: solid;
}

.enviar-btn{
    margin-top: 23px;
    padding: 2px;
    font-family: Avenir-Black;
    font-size: 20.5px;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: center;
    background-color: #ea0000;
    color: #ffffff;
    border: 1px solid;
    display: block;
    margin-left: auto;
    margin-right: auto;     
    width: 583px;
    line-height: 50px;
    text-transform: uppercase
}



/********************************/
/*         Default	           */
/********************************/
.MenuText {
    font-family: Avenir-Light;
    font-size: 17.6px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.52;
    letter-spacing: normal;
    text-align: left;
    color: #848484;
}
#DFbanner img{width:100%;}

#DfMenuLateral {
    background:white;
    font-family:"Comic Sans MS";
    float: left;
    width: 30%;
    height:300px;
    padding-top:20px;
    padding-left:20px;
}
#DFconteudo {
	margin-left: 30%;
	background:#fff;
	position: relative;
	margin-top:-375px;
	padding-top: 1px;
	padding-left: 20px;
	font-family: Avenir-Light;
	font-size: 20.9px;
	color: #848484;
  
}
#DFconteudo h2 {
    font-family: Avenir-Light;
    font-size: 34.4px;
    text-align: left;
    color: #ea0000;
}
.ReConteudo1 h5{
    font-family: Avenir-Light;
    font-size: 2vw;
    color: #ea0000;
    text-align: left;
}
.ReConteudo2 h5{
    font-family: Avenir-Light;
    font-size: 2vw;
    color: #ea0000;
    text-align: left;
}
.ReConteudo1 h5 a{width: 30%;display:inline-block;text-align:center;margin-left: -2%;margin-right: 4%;max-height: 6.58vw;overflow-y: hidden;vertical-align: top;text-align: center!important;}
/*.ReConteudo1 h5 a:first-child{margin-left:9%;width:14%}*/
 .ReConteudo1 a{
    text-decoration: none;
    color: #c90000;  
     text-align: center;
}
.ReConteudo1 a:hover{
    text-decoration: none;
    color: #c90000;
}
/********************************/
/*          POLITICAS           */
/********************************/

.politicas-main{
    width: 600px;
	padding-top:20px;
	padding-left:30px;
    text-align: left;
    font-family: Avenir-Light;
    font-size: 15.4px;
    color: #8c8c8c;
    line-height: 1.52;
    margin: 0 auto;
}

.politicas-main h2 {
    font-family: Avenir-Light;
    font-size: 34.25px;
    color: #ea0000;
    
}



/********************************/
/*          IMPRENSA            */
/********************************/

.btn-imprensa {
    font-family: Avenir-Light;
    font-size: 19.6px;
    line-height: 1.25;
    text-align: center;
    background-color: #ffffff;
    color: #848484;
    border: 1px solid;
    display: block;
    margin-right: auto; 
    line-height: 33px;
    width: 354px;
    height: 35px;
}

a.accordion-mais {
    cursor: pointer;
    color: #890000!important;
    text-decoration: underline!important;
    margin-bottom: 10px;
    font-family: Avenir-Black;
    margin-left: 5px;
}

.accmais p + a.accordion-mais{
margin-left: 0px;
}

a.accordion-mais2 {
    cursor: pointer;
    color: #890000!important;
    text-decoration: underline!important;
    margin-bottom: 10px;
    font-family: Avenir-Black;
    margin-left: 5px;
}

.accmais img{width: 100%;}
.accmais a{color: #c90000; font-size: 1.6vw;}
.accordion-mais2 {font-size: 1.6vw;}
.accmais2 a{color: #c90000; font-size: 1.6vw;}
.accmais > h3:first-of-type{font-size:2vw;font-family:Avenir-Heavy; margin-left:10px;text-transform: uppercase;color:#848484}
.accmais h2{margin-left: 4%;padding-bottom:0px!important;}
.accmais h3{margin-left: 4%;}
.accmais h5{margin-left: 4%;}

.accmais p{font-size:1.6vw;font-family:Avenir-Light; margin-left: 4%;}
.accordion-mais p{font-size:1.6vw;font-family:Avenir-Light; margin-left: 4%;}
.accordion-mais h3{margin-left: 4%;}
.accordion-mais h2{margin-left: 4%;padding-bottom: 0px!important;}
.accordion-mais h5{margin-left: 4%;}


div.accordion-mais{ display: none; }

#hidden_content{
    height: 0;
    overflow: hidden;
    transition: height 0.8s ease;
}

.conteudoacc {
    height: 0px;
    overflow: hidden;
    padding: 0px;
    margin-bottom: 5%;
}

/********************************/
/*       SUSTENTABILIDADE       */
/********************************/

.STmais {
    font-family: Avenir-Light;
    font-size: 19.6px;
    color: #ea0000;
    cursor: pointer;
}

.sustain-btn{
    font-family: Avenir-Light;
    font-size: 13.5px;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: center;
    background-color: #ea0000;
    color: #ffffff;
    border: 1px solid;
    display: block;
    width: 71%;
    line-height: 50px;
    text-transform: uppercase;
}
.sustain-btn:hover{font-family:Avenir-Black;}
.sustain-btn a:hover {text-decoration:none;}
a:last-of-type .sustain-btn {
    margin-bottom: 50px;
}
/********************************/
/*          PAGAMENTOS          */
/********************************/

.main-pagamentos {
	width:68%;
	margin-left: 30%;
	background:#fff;
	position: relative;
	margin-top:-280px;
	padding-top: 1px;
	padding-left: 20px;
	color: #848484;
  
}

.main-pagamentos img {
    padding: 20px;
}

.main-pagamentos h2 {
    font-family: Avenir-Light;
    font-size: 34.4px;
    font-weight: 500;
    text-align: left;
    color: #ea0000;
}

.main-pagamentos h3 {
    font-family: Avenir-Light;
    font-size: 20.9px;
    color: #848484;
    line-height: 1.52;
}

.main-pagamentos p {
    font-family: Avenir-Heavy;
    font-size: 20.9px;
    color: #848484;
}

.btn-pagamentos {
    font-family: Avenir-Light;
    font-size: 1.9vw;
    line-height: 1.25;
    text-align: center;
    background-color: #ffffff;
    color: #848484;
    border: 1px solid;
    line-height: 33px;
    display: block;
    margin-right: auto;
    height: 35px;
    max-width: 50%;
}

.btn-pagamentos:hover {
    background: #ffffff;
    text-decoration: none;
    color: #848484;
    font-family: Avenir-Black;
    border: 2px solid;
}

.main-faq .btn-pagamentos {
    font-family: Avenir-Light;
    font-size: 1.9vw;
    line-height: 1.25;
    text-align: center;
    background-color: #ffffff;
    color: #848484;
    border: 1px solid;
    line-height: 33px;
    display: block;
    margin-right: auto;
    height: 35px;
    max-width: 50%;
}

.main-faq .btn-pagamentos:hover {
    background: #ffffff;
    text-decoration: none;
    color: #848484;
    font-family: Avenir-Black;
    border: 2px solid;
}

.ReConteudo2 .btn-pagamentos {
    font-family: Avenir-Light;
    font-size: 1.9vw;
    line-height: 1.25;
    text-align: center;
    background-color: #ffffff;
    color: #848484;
    border: 1px solid;
    line-height: 33px;
    display: table;
    height: 35px;
    max-width: 95%;
    padding: 0px 20px 0px 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-left:auto;
    margin-right: auto;
    position: relative;
}

.ReConteudo2 .btn-pagamentos:hover {
    background: #ffffff;
    text-decoration: none;
    color: #848484;
    font-family: Avenir-Black;
    border: 2px solid;
}
.ReConteudo2 .btn-pagamentos:first-child {margin-bottom: 30px;}

.vector-2 {
    width: 662px;
    height: 1px;
    background-color: #d7d7d7;
    border: solid 1px #d7d7d7;
}

/********************************/
/*          BENEFÍCIOS          */
/********************************/

.BFbanner {
    height: 373px;
    background-color: #e9e9e9;
}

.BFbanner img{
    float: right;
    
}

.main-beneficios {
	width:68%;
	margin-left: 30%;
	background:#fff;
	position: relative;
	margin-top:-280px;
	padding-top: 1px;
	padding-left: 20px;
	color: #848484;
  
}

.main-beneficios h2 {
    font-family: Avenir-Light;
    font-size: 34.4px;
    font-weight: 500;
    text-align: left;
    color: #ea0000;
}

.main-beneficios h3 {
    font-family: Avenir-Light;
    font-size: 20.9px;
    color: #848484;
    line-height: 1.52;
}

/***************************/
/*         SENHA           */
/***************************/

.SNtitle{
    margin-top: 5%;
    margin-bottom: 10%;
    font-family: Avenir-Light;
    color: #8c8c8c;
    
}

.SNtitle h2{
    font-family: Avenir-Heavy;
    color:#ea0000;
    font-size: 28.5px;
    text-align: center;
    
}

.SNtitle p{
    font-family: Avenir-Light;
    color:#848484;
    font-size: 20.9px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.form-senha{
    font-family: Avenir-Light;
    font-size: 13.4px;
    color: #8c8c8c;
    margin-top: -5%;
}

.form-senha input[type=text], select, textarea{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 33px;

}

.snenviar {
    margin-bottom: 5%;
    margin-top: 23px;
    padding: 2px;
    font-family: Avenir-Black;
    font-size: 20.5px;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: center;
    background-color: #ea0000;
    color: #ffffff;
    border: 1px solid;
    display: block;
    margin-left: auto;
    margin-right: auto;     
    width: 583px;
    line-height: 50px;
    text-transform: uppercase
    cursor: pointer;
    float: right;
}

.snenviar a{
    text-decoration: none;
    color: #fff;
}

.snenviar a:hover{
    text-decoration:none;
    color: #fff;
    font-weight: bolder;
}

.form-senha .col-75 {
    width: 50%;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto; 
}

/********************************/
/*      RECUPERAR SENHA OK      */
/********************************/

.recoverpass {
    width:100%;
    margin-bottom: 128px;
}

.recoverpass h2{
    font-family: Avenir-Heavy;
    color: #ea0000;
    font-size: 28.8px;
    text-transform: uppercase;
    margin-top: 20%;
    text-align: center;

}

.recoverpass p{
    width: 100%;
    Font-family: Avenir-Light;
    color: #848484;
    font-size: 20.9px;
    margin-bottom: 5%;
    text-align: center;
}


/********************************/
/*            HORECA            */
/********************************/

.HRCbanner img{
width: 100%;
z-index: 0;
}
    
.HRCbanner h2{
    font-family: Avenir-Light;
    text-align: left;
    color: #ffffff;
    background: #d9521d;
    border: solid #d9521d 2px;
    text-transform: uppercase;
    margin-left: 40%;
    margin-right: 3%;
    line-height: 3.2;
    margin-bottom:0;
    margin-top: 5%;
    padding-left: 2%;
    font-size: 3vw;
}
.HRCbanner h3{
    font-family: Avenir-Light;
    text-align: right;
    color: #ffffff;
    background: #d9521d;
    border: solid #d9521d 2px;
    text-transform: uppercase;
    margin-left: 40%;
    margin-right: 3%;
    line-height: 3.2;
    margin-bottom:1%;
    margin-top: -8.5%;
    font-size: 2vw;
    padding-right: 2%;
}

.HRCbanner p{
    font-family: Avenir-Light;
    font-size:18.2px;
    text-align: left;
    color: #848484;
    padding-top: 20px;
    padding-left: 5px;
}

.hrccontent h2{
    text-align: center;
    text-transform: uppercase;
    color:#f95319;
    font-size: 21.4px;
    font-family: Avenir-Black;
}
.hrccontent p{
    text-align: center;
    font-size: 18.2px;
    width:100%;
}

.co1{
    width:30%;
    margin-left:5%;
    float:left;
}
.col1 img{width:100%;}
.co1 h2{font-size: 16.4px;color:#ff6d00;text-align: left;}
.co1 p{font-size:16.4px;text-align: left;}

.co2{
    width:30%;
    float:left;

}
.co2 h2, {font-size: 16.4px;color:#950000;text-align: left;}
.co2 p{font-size:16.4px;text-align: left;}

.co3{
    width:30%;
    margin-right:5%;
    float:left;
    
}
.co3 h2{font-size: 16.4px;color:#c60000;text-align: left;}
.co3 p{font-size:16.4px;text-align: left;}

.receitas h2{
    font-family: Avenir-Light;
    text-align: center;
    color: #ffffff;
    background: #ea0000;
    border: solid #ea0000 2px;
    text-transform: uppercase;
    margin-left: 40%;
    margin-right: 3%;
    line-height: 3.2;
    margin-bottom:0;
    margin-top: 5%;
    padding-left: 2%;
    font-size: 3vw;
    display: block;
}
.video-container{
    clear:both;
    height:auto;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: relative;
    width:100%;
    height:40vw;
    max-height: 562px;
}

    .blogingredientes h2{
        font-family: Avenir-Black;
        font-size: 16px;
        color: #950000; 
        text-transform: uppercase;
        
        
    }

    .blogingredientes p{
          font-family: Avenir-Light;
        font-size: 16px;
        color: #848484;
        
    }
    .blogmododepreparo h2{
        font-family: Avenir-Black;
        font-size: 16px;
        color: #950000; 
        text-transform: uppercase;
        
        
    }

    .blogmododepreparo p{
          font-family: Avenir-Light;
        font-size: 16px!important;
        color: #848484;
        
    }

.receitas img{width: 100%;}

.titleimage {
    font-family: Avenir-Light;
    font-size: 32.9px;
    padding-top:30px;
    text-align:center;
    color: #ffffff;
    position:relative;
    left:40%;
    margin-right:0px;
    width:685px;
    height:94px;
    background-color: #c90000;
    z-index:1;
    margin-top: 30%;
    }

.bimage img{
    position:relative;
    margin-right:0px;
    width:100%;
    z-index:1;
}
.comvoce {
    width: 100%;
    margin-bottom: 100px;
   
}

.comvoce h2{
    color: #950000;
    font-size: 1.3vw;
    font-family: Avenir-Black;
}
.comvoce p{
    width: 100%;
    font-size: 1.1vw;
   
}
/********************************/
/*        FALE CONOSCO          */
/********************************/

.FCtitle{
    margin-top: 5%;
    font-family: Avenir-Light;
    color: #8c8c8c;
    
}

.FCtitle h2{
    font-family: Avenir-Heavy;
    color:#ea0000;
    font-size: 28.5px;
    text-align: center;
    
}

.FCtitle p{
    font-family: Avenir-Light;
    color:#848484;
    font-size: 20.9px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.FCacompanhar{
    margin-top: 5%;
    font-family: Avenir-Light;
    color: #8c8c8c;
    
}

.FCacompanhar h2{
    font-family: Avenir-Heavy;
    color:#ea0000;
    font-size: 28.5px;
    text-align: center;
    
}

.FCacompanhar p{
    font-family: Avenir-Light;
    color:#848484;
    font-size: 20.9px;
    text-align: center;
        margin-left: auto;
    margin-right: auto;
}

.form-conosco{
    font-family: Avenir-Light;
    font-size: 13.4px;
    color: #8c8c8c;
}

.form-conosco p{
    font-family: Avenir-Light;
    font-size: 10.8px;
    color: #848484;
    line-height: 13.1px
}


.form-conosco input[type=text], select, textarea{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 33px;

}

.fenviar {
    margin-top: 23px;
    padding: 2px;
    font-family: Avenir-Black;
    font-size: 20.5px;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: center;
    background-color: #ea0000;
    color: #ffffff;
    border: 1px solid;
    display: block;
    margin-left: auto;
    margin-right: auto;     
    width: 100%;
    line-height: 50px;
    text-transform: uppercase
    cursor: pointer;
    float: right;
    margin-bottom: 5%;
}
.fenviar:hover{font-weight: bold;font-size: 21px;}

#frelacao{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

#floja{
    background: ;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

#floja:active{
    background: url(../images/setaup.png) no-repeat right;
}


#fassunto{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
#ftypedc{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
#cdtypedc{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
#fpassaporte2{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

.col-25 {
width: 39%;
margin-top: 15px;
margin-left: 2%;
margin-right: 10%;
display: inline-flex;
}

.col-25:first-child {

    width: 39%;
    margin-top: 15px;
    margin-left: 10%;
    margin-right: auto;
    display: inline-flex;
}


.col-75 {
    width: 80%;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto; 
}

/********************************/
/*          ESPECIAL            */
/********************************/


.SPbanner img{
    width: 100%;
}
    
.SPbanner h2{
    font-family: Avenir-Light;
    text-align: center;
    color: #ffffff;
    background: #d9521d;
    border: solid #d9521d 2px;
    text-transform: uppercase;
    margin-left: 40%;
    margin-right: 3%;
    line-height: 2.2;
    margin-bottom:0;
    margin-top: 5%;
}

.SPbanner p{
    font-family: Avenir-Light;
    font-size:18.2px;
    text-align: left;
    color: #848484;
    padding-top: 20px;
    padding-left: 5px;
}

.form-especial{
    font-family: Avenir-Light;
    font-size: 23.4px;
    color: #8c8c8c;
    margin-bottom: 5%;
}

.form-especial input[type=text], select, textarea{
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#tipocompra{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#local{
    background: url(../images/setadown.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#spestado{
    background: url('../images/tele-icon.png') no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    height: 64px;

}

#spcidade{
    background: url('../images/tele-icon.png') no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    height: 64px;

}

#sploja{
    background: url('../images/tele-icon.png') no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 64px;

}

.form-especial .col-75 {
    width: 50%;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto; 
}

/********************************/
/*        FORNECEDORES          */
/********************************/

.center3 {width:100%;margin-left:5%;margin-right: 5%;}
.FBitem, p.title{
    font-family: Avenir-Black;
    font-size: 1.5vw;
    color: #fcaf17;
    padding-top: 10px;
    text-transform: uppercase;
    width: 95%;
    margin-left: 2.5%;
}

.FBitem, p.description{
    font-family: Avenir-Light;
    font-size: 1.3vw;
    color: #848484;
    margin-top:20px;
    margin-bottom:20px;
    text-transform: none;
    width:95%;
    margin-left:2.5%;
}

.FBitem{margin-left: auto;margin-right:auto;}
.FBitem img{margin-left: auto;margin-right: auto;}
.FBitem a{text-decoration: none!important;}
.btn-fb {
    color: #878787;
    font-size: 1.2vw;
    background: #ffffff;
    border: solid #878787 1px;
    text-decoration: none;
    text-align:center;
    font-family: Avenir-Light;
    text-transform: uppercase;
    display:block;
    line-height:30px;
    max-width:90%;
    margin-bottom: 30px;
    margin-left:auto;
    margin-right:auto;
}

.btn-fb:hover {
    background: #ffffff;
    text-decoration: none;
    background-color:#e9e9e9;
}
.btn-fb:empty{display:none;}
.btn-fb a{text-decoration: none;color: #878787;}
.btn-fb a:hover{text-decoration: none;
    color: #878787;}
a:hover{text-decoration: none;
    color: #878787;}

.FBcadastro {
    background-color: #fcae16;
    font-family: Avenir-light;
    font-size: 15.5px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 2%;
    padding-bottom: 12px;
}

.FBcadastro h2{
    padding-top: 1%;
    color: #ffffff;
    font-family: Avenir-light;
    font-size: 34.4px;
    
}
.FBcadastro a:hover{text-decoration: none;}
.FBcadastro p{
    color: #ffffff;
    font-family: Avenir-light;
    font-size: 16.5px;
    
}

.FBcadastro p1 {
    border: solid #fff 1px;
    padding: 15px;
    font-family: Avenir-Light;
    font-size: 12.58px;
    color: #ffffff;
    line-height:50px;
}





/***********************/
/*        FAQ          */
/***********************/

.main-faq {
    margin: 0 auto;
	width:600px;
	padding-top:10px;
}

.FAQuestion{background-image: url(../images/setadirfaq.png);background-repeat: no-repeat;background-position: 2px 2px;padding-left: 24px;}

.FAQuestion.active{background-image: url(../images/setadownfaq.png);background-repeat: no-repeat;background-position:0px 8px;padding-left: 24px;}

.main-faq h3{
    font-family: Avenir-Light;
	font-size: 34.25px;
	text-align: left;
	color: #ea0000;	
}

.FAQuestion{
	font-family: Avenir-Heavy;
	font-size: 2.05vw;
	text-align: left;
	color: #848484;	
    line-height: 22.8px;
    display: inline-block;
    cursor: pointer;
    text-transform:uppercase;
    max-width: 89%;
    
}

.faq_answer_container {
    height: 0px;
    overflow: hidden;
    padding: 0px;
    margin-bottom: 5%;
    margin-top:10px;
}

.FAQanswer {
    font-family: Avenir-Medium;
    font-size: 1.85vw;
    color: #848484;
    margin-left:3%;
    max-width: 89%;
}

/* Tamanhos Fixos à partir de 1124px */
@media only screen and (min-width: 1124px) {
    .cc-window{font-size: 16px!important;}
    
    #myInput {width:170%;margin-left: -35%;}
.navp-item {font-size: 12.5px;}
.navp-itemf p{font-size: 11px;}
#txtBusca {font-size: 14.36px;}
.navi-item {font-size:13.81px;}
.destaque {font-size: 19px;}
.destaque2 {font-size: 15px;}
.lojaapi p {font-size: 14px;}
.outraloja p {font-size: 12px;}
.box p {font-size: 15px;}
.box h4 {font-size: 15px;}
.dropdown-content a {font-size: 15.32px;}
.HomeOfertas a {font-size:22px;}
    .HomeOfertas p {font-size:22px;}
.btn-fb {font-size: 13px;}
.FBitem, p.description {font-size: 13.43px!important;}
.FBitem, p.title {font-size: 17.62px!important;}
.FBitem p{font-size:13.43px;}
.DAlias a:link, .DAlias a:visited{font-size: 14px;}
.DAliasb a:link, .DAliasb a:visited{font-size: 14px;}
.dropdown-content2b {left: -7px;top:41px;}
.apppage p{font-size:20.9px;}
.ccTitle {font-size:34.4px;}
.accmais p{font-size:20px;}
.accmais a{font-size:22px;}
.accordion-mais2 {font-size: 22px;}
.accmais h3{font-size:24px;}
.accmais > h3:first-of-type{font-size:24px;}
.accordion-mais p{font-size:20px;}
.ReConteudo1 h2 {font-size: 34.25px;}
.ReConteudo1 p{font-size:20.92px;}
.layoutcard:nth-child(3){font-size:19px;}
.HRCbanner h2{font-size:34px;}
.HRCbanner h3{font-size:20.9px;margin-bottom:13px;margin-top:-8.5%;}
.hrccontent {margin-bottom: 40px;}
.hrccontent h2{font-size:20.9px;}  
.hrccontent p{font-size:17px;}
.SCVtitle{font-size:16.4px;}
.SCVdescription{font-size:16.4px;}
.blogmododepreparo h2{font-size: 16.4px!important;}

.blogmododepreparo p{font-size: 16.4px!important;}
.blogingredientes h2{font-size: 16.4px!important;}

.blogingredientes p{font-size: 16.4px!important;}
.politicas-main p{font-size:20.92px;}
    
.layoutcard:nth-child(3) titulo {font-size:18.75px;}
.layoutcard:nth-child(3) subtitulo {font-size: 18.75px;}
.layoutcard:nth-child(3) preco {font-size: 26.86px;}
.layoutcard:nth-child(3) tipounidade {font-size: 14.47px;}
.layoutcard:nth-child(3) validade {font-size: 12.58px;}
    
.layoutcard titulo {font-size:12.38px;}
.layoutcard subtitulo {font-size: 12.38px;}
.layoutcard preco {font-size: 17.73px;}
.layoutcard tipounidade {font-size: 9.55px;}
.layoutcard validade {font-size: 10.92x;}
    
#ModalTitle h2{font-size:34.1px;}
#ModalTitle h3{font-size:19.1px;}
.dropbtnm {width:350px;}   
.dropdown-contentm {width: 170%;margin-left: -35%;}
.mlojas {font-size:15px;}
.mlojas p{font-size:19px;}
.btn-pagamentos {font-size:18px;}
.main-faq .btn-pagamentos {font-size:18px;}
    .ReConteudo2 .btn-pagamentos {font-size:18px;}
.CVbanner h2{font-size: 28.69px;padding-right:33px;}
.CVbanner h3{font-size: 20.9px;}
.materiaCV h2{font-size: 34.25px;}
.materiaCV h3{font-size: 28px;}
.materiaCV p{font-size:20.9px;}
.ReConteudo1 h5 a{font-size:22px;max-height: 75px;overflow-y: hidden;}
.ReConteudo2 h5 a{font-size:22px;}
.ReConteudo2 h2{font-size: 34.4px;}
.ReConteudo2 p{font-size:20.9px;}
.lojas p {font-size:17px;}
.FAQuestion{font-size:22.9px;}
.FAQanswer{font-size:21px;}
.errorback {font-size:17.5px;}
    
.bannernm {width:100%;line-height: 1.15;}
.bannernm img{width:100%;}    
.bannervideo {width:100%;}
.bannervideo img{width:100%;}
.bannervideo iframe{
    position: absolute;
    margin-left: 591px;
    margin-top: -324px;
    width: 473px;
    height: 266px;
    }
.bannervideo h2{
    margin-top: -265px!important;
    width: 450px!important;
    margin-left: 55px!important;
    max-height: 80px!important;
    font-size: 35px!important;}

.bannervideo h3{
    margin-top: -185px!important;
    width: 450px!important;
    margin-left: 55px!important;
    max-height: 115px!important;
    font-size: 35px!important;}
    
.bannernm h2{
    margin-top: -335px!important;
    width: 450px!important;
    margin-left: 38px!important;
    max-height: 155px!important;
    font-size: 35px!important;}

.bannernm h3{
    margin-top: -185px!important;
    width: 450px!important;
    margin-left: 38px!important;
    max-height: 115px!important;
    font-size: 35px!important;}
    
.infosbanner{
    margin-top: -335px!important;
    width: 500px!important;
    margin-left: 48px!important;
    height: 2505px!important;
    font-size: 35px!important;}  
.infosbannernm{
    margin-top: -335px!important;
    width: 500px!important;
    margin-left: 48px!important;
    height: 255px!important;
    }
    
.infosbannernm titulo div{font-size:35px;}

.infosbannernm subtitulo{font-size:35px;}


.ReBanner h2{
    margin-top: -272px!important;
    width: 450px!important;
    margin-left: 50px!important;
    max-height: 250px!important;
    font-size: 35px!important;}

.ReBanner h3{
    margin-top: -272px!important;
    width: 450px!important;
    margin-left: 50px!important;
    max-height: 250px!important;
    font-size: 35px!important;}

#resultado2m {}
    
    
.infosbanner titulo{
    font-size: 31px;
    }
.infosbanner titulo div{
    font-size: 31px;
    }
.infosbannernm titulo div{
    font-size: 31px;
    }
    .infosbannernm titulo{
    font-size: 31px;
    }
    .infosbannernm titulo br {
    display: block;
    content: " ";
}
.rightbutton{
    height:50px;
    margin-top:150px;
    left:20px;
    position:absolute;
    z-index:20;
    }
.leftbutton{
    height:50px;
    margin-top:150px;
    right:20px;
    position:absolute;
    z-index:20;
    }

}



/**************************/
/*         MOBILE         */
/**************************/



@media only screen and (min-width: 481px) {
    .hide-desk{
    display: none !important;
    }
}
@media only screen and (max-width: 360px) {
    .logo-nav-mb{
 display: none;
    }
}
@media only screen and (max-width: 480px) {
  
    p {font-size: 4vw;}
    
        .cc-message{max-width: 90%;}
    .cc-window {
    font-size: 4vw !important;
    height: 100px;
    padding:1.2em!important;
    }
    .cc-compliance {
        width:35px;
        position:absolute;
        margin-left:75%;
        margin-top:5%;
    }
.cc-window.cc-banner {padding: 0.2em 1.8em;}

.hide-mobile{
    display: none !important;
    }
    
.nav-mb{
    background-color: #C90000;
    padding-top:14px;
    width:100%;

    }

.menu-mb{
    width: 34px;
    height: 34px;
    margin: 14px 2% 10px 2%;
    }
    

.logo-pin-mb{
    width: 22px;
    height: 28px;
    margin: 14px  2% 10px 2%;
    }
    
.logo-login-mb{
    width: 23px;
    height: 27px;
    margin: 14px  2% 10px 2%;
    }
    
.logo-help-mb{
    width: 24px;
    height: 24px;
    margin: 14px 2% 10px 2%;
    }
    
.logo-nav-mb{
    width: 141px;
    height: 74px;
    right: 0px;
    float: right;
    position: absolute;
    }
    


    .pushy {
  position: absolute;
  width: 100%;
  height: 82%;
  top: 87px;
  z-index: 9999;
  background: #c90000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy-link a {
  display: block;
  color: #fff;
  padding: 15px 30px;
  text-decoration: none;
}
.pushy a:hover {
  color: #FFF;
    text-decoration: none;
}
    .pushy a:visited{text-decoration:none;color:#fff;}
    .pushy a:active{text-decoration:none;color:#fff;}
    .pushy a:focus{text-decoration:none;color:#fff;}
    .pushy a:link{text-decoration:none;color:#fff;}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy.pushy-left {
  left: 0;
    /*position: fixed;*/
    overflow: scroll;
}
.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
}
    li.pushy-submenu{background: none;}
    li.pushy-link {background: none;}
/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-480px, 0, 0);
  -ms-transform: translate3d(-480px, 0, 0);
  transform: translate3d(-480px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(480px, 0, 0);
  -ms-transform: translate3d(480px, 0, 0);
  transform: translate3d(480px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(480px, 0, 0);
  -ms-transform: translate3d(480px, 0, 0);
  transform: translate3d(480px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-480px, 0, 0);
  -ms-transform: translate3d(-480px, 0, 0);
  transform: translate3d(-480px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
color: #c90000;
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
color: #c90000;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
    font-family: Avenir-Light;
    text-transform: uppercase;
    font-size: 15.3px;
}
.pushy-submenu button {
  width: 100%;
  color: #fff;
  padding: 15px 30px;
  text-align: left;
  background: transparent;
  border: 0;
    font-family: Avenir-Black;
    text-transform: uppercase;
    font-size:17.3px;
}
.pushy-submenu button:hover {
  color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
    opacity: 0;
}

.pushy-submenu-open {
}
.pushy-submenu-open ul {
    max-height: 1000px;
    visibility: visible;
}
.pushy-submenu-open .pushy-link {
    opacity: 1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
.accmais p{font-size:4vw;}
.accmais a{font-size:4vw;}
    .accordion-mais2 {font-size: 4vw;}
.accmais h3{font-size:5vw;}
.accmais > h3:first-of-type{font-size:5vw;}
.accordion-mais p{font-size:4vw;}


    /*footer*/
     
.hr {display: none;}
    
.footer-infos img {display: none;}
    
.footer-nav-item:nth-last-child(-n+3) {
    color:#ea0000!important;
    font-family:Avenir-Heavy!important;
}    
.footer-nav-item {
    margin-left: 50px;
    color: #727272;
    font-family: Avenir-Light;
    font-size: 13.2px;
    margin-right:18px;
    margin-left: 18px;
}
    
.footer-nav-item {
    padding: 10px;
    color: #727272;
    font-family: Avenir-Light;
    font-size: 13.2px;
 
}  
    
.ft-info h3 {
    font-family: Avenir-Light;
    font-size: 15px;
    text-align: center;
    color: #a5a5a5;
    text-transform: uppercase;
}

.ft-info p {
    font-family: Avenir-Light;
    font-size: 13px;
    text-align: center;
    color: #a5a5a5;
}  
    
.enviar-btn{
display: none
}

.CVbanner h2{
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom:0;
    margin-top: 5%;
    font-size: 4vw;
}
.CVservice img{width:100%;height:auto;}
    
.materiaCV {
    width:auto;
    height: 100px;
    float: right;
    margin-top: -50px;
    position: relative;
    height: auto;
}
.materiaCV h2{
font-size:4vw;
margin-left: 5%;
    width: 90%;
}
    
    .materiaCV h3{
font-size:4vw;
margin-left: 5%;
    width: 90%;
}
.materiaCV p{
    margin-left: 5%;
    width: 90%;
}    
    
    
.SPbanner h2{
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom:0;
    margin-top: 5%;
}
    .HRCbanner img{margin-top:0px;}
.HRCbanner h2{
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom:2%;
    margin-top: 5%;
    font-size: 6vw;
}    
.HRCbanner h3{
    font-size: 3vw;
    margin-top: -17%;
    margin-bottom: 3%;
    margin-left: 35%;
}    
    .hrccontent h2 {font-size: 4.5vw}
    .hrccontent p{font-size:3.5vw}
.receitas h2{
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom:2%;
    margin-top: 5%;
    font-size: 6vw;
}    

.HomeOfertas,.HomeOfertas a:link,.HomeOfertas a:active {     
    font-family: Avenir-Black;
    font-size: 4.1vw;
    color: #ffffff;  
}
     #spestado{font-size: 2.5vw;
background-size: 19vw 9vw;} 
    #spcidade{font-size: 2.5vw;
background-size: 19vw 9vw;}
    #sploja{font-size: 2.5vw;
background-size: 19vw 9vw;}
    
    .HomeOfertas p{font-size:4.1vw;}
.hmob{display:none;}
    
.div.owl-item.cloned.active{display:none;}

.quemsomos {
    margin-top:20px;
    float:left;
    width:100%;
}
    
.paginamontada > .ReConteudo1 {width: 96%;}    
.paginamontada > .ReConteudo2 {width: 96%;}    
.ReConteudo1{
    width: 96%;
    margin-left:2%;
    margin-top: 0;
}
    
.ReConteudo2{
    width: 96%;
    margin-left:2%;
    margin-top: 0;
}

    .infosbanner {line-height: 0.8;max-height: 28vw}
    .infosbanner titulo div{font-size: 3.2vw;line-height: 1;}
    .infosbanner subtitulo{font-size: 3.2vw;line-height:1;}
    
    .infosbannernm {line-height: 0.8;max-height: 28vw}
    .infosbannernm titulo div{font-size: 3.2vw;line-height: 1;}
    .infosbannernm subtitulo{font-size: 3.2vw;line-height:1;}
    
    
.ReConteudo1 h2{font-size:7vw;padding-top:0px;}
    
.ReConteudo1 h3{font-size:3.5vw;}
.ReConteudo2 h3{font-size:3.5vw;}
    
.ReConteudo1 h5{font-size: 5vw;}
.ReConteudo2 h5{font-size: 5vw;}
    
    .ReConteudo1 h5 a{width: 30%;max-height: 27vw;overflow-y: hidden;}
    .ReConteudo2 h5 a{width: 30%;}
/*.ReConteudo1 h5 a:first-child {
    margin-left: 0%; 
    width: 17%;}*/
    
.ReConteudo1 p{font-size:3.5vw;}
  
.ReConteudo2 h2{font-size:7vw;}
    
.ReConteudo2 p{font-size:3.5vw;}
    
.segmentos-gq-info p{font-size:3.5vw;}
    .paginamontada > .ReConteudo2 {width:95%;}
    .politicas-main {width: 95%;}
.ReMenuLateral{display: none;}
.ReMenuLateral2{display: none;}
    .aliassuperior {display: none;}
    .FAQuestion {font-size: 4vw;}
    .FAQanswer {font-size: 3vw;}
    .FAQanswer span {font-size: 3vw!important;}
    
.btn-qs{
    width: 96%;
    margin-left: 2%;
    font-size: 4vw;
}
    
.sustain-btn{ 
    width: 96%;
    margin-left: 0%;
    font-size: 2.4vw;
}

.DivMenuLocalidade {
    padding-left:80px;
    font-size: 15.4px;
    font-family: Avenir-Light;
    color: white;
    background-color: #bc0000;
    left:0%;
    top:123px;
    width:100%;
    height:131px;
    position:absolute;
    margin-left:0%;
    z-index:999;
    border-radius:0px 0px 5px 5px;
}
    
#DivMenuLoginMobile {
    left:31%;
    top:123px;
    width:69%;
    position:absolute;
    margin-left:0%;
    z-index:999;
}
    
.mobilemenuCONTATO {
    background-color:transparent; 
    width:70px; 
    line-height: 89px; 
    z-index:999; 
    position:relative; 
    margin-top:-15px;   
    left:10px;
    text-align:center;
}
    
#BuscaPin {
    width:50px; 
    height:88px;
    line-height: 89px; 
    z-index:999; 
    position:relative; 
    margin-top:-15px;   
    margin-left:0%;
    text-align:center;
}	
    
#ofertasPin {
    width:50px; 
    height:88px;
    line-height: 89px; 
    z-index:999; 
    position:relative; 
    margin-top:-13px;   
    text-align:center;
}	
    
#mobilemenuPIN {
    width:50px; 
    height:88px;
    line-height: 89px; 
    z-index:999; 
    position:relative; 
    margin-top:-15px;   
    text-align:center;
}	
    
#mobilemenuLOGIN {
    width:50px; 
    line-height: 89px; 
    z-index:999; 
    position:relative; 
    margin-top:-15px;   
    left:10%;
    text-align:center;
    display:none;
}
    
#faturacao {
    width:50px; 
    height:88px;
    line-height: 89px; 
    z-index:999; 
    position:relative; 
    margin-top:-15px;   
    text-align:center;
    }
    
.Mlogo {float: right;}
    
.Mlogo img{ 
    max-width: 120px;
    margin-top: 7%;    
}
    
.linkmenu {margin-left: 2%;
    font-size: 4vw;
    text-decoration: none;
    text-align: left;
}
.linkmenu2 {
    font-size: 4vw;
    text-decoration: none;
    text-align: center;
    color: #fbae16;
}
.linkmenu2:hover {
    text-decoration: none;
    color: #fbae16;
}
    
    
.geomobile p {
    font-family: Avenir-Roman;
    margin-left: 3%;
    
    }
    
    
.outraloja p{
    font-family:avenir-light;
    margin-left:0%;
    }
    
.lojaapi h2{
    font-size: 4.8vw;
    margin-top:0%;
    font-family: avenir-heavy;
    font-weight: lighter;
    margin-left: 5%;
    }
.lojaapi p{
    font-size: 3.5vw;
    color: #fff!important;
    font-family: avenir-light;
    font-weight: lighter;
    margin-left: 5%!important;
    }
    
    .lojas img {margin-left:-15%;}
    .specs img {margin-left: 0px;margin-top:-18px;}
    
    
.outraloja p{font-size: 4vw; color:#fbae16!important;text-align: center;}
.outraloja img{margin-left:34%;}
    /*Modal*/
    
#ModalTitle{
    width: 100%;
    height: 144px;
    object-fit: contain;
    background-color: #ab0000;
}
    
#ModalTitle h2{font-size: 7vw;} 
    
#ModalTitle h3{font-size: 5vw;}
    
#ModalCidade{
    height: 285px;
    width:100%;
    background-color:#efefef;
    border-top: 10px solid  #efefef;
}
    
#ModalCidade h4{
    margin-top:80px;
    object-fit: contain;
    object-fit: contain;
    font-family: Avenir-Medium;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    text-align: center;
    color: #595959;
    text-transform:uppercase;
}
    
#ModalCidade option {color:white;}
    
#ModalCidade input{
    font-size: 3vw;
    margin-left:-17%;
    margin-right: 2%;
    width: 135%;
}
    
#modal::before{
    position: fixed;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;   
}
    
#modal .content{
    max-width: 480px;
    height:100%;
    max-height:429px;
    background-color:#e8e8e8;
    padding:0px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
    
#modal .content .close{
    width: 30px;
    height: 30px;
    display: block;
    font-weight: bold;
    background-color: black;
    border-radius: 25px;
    color: white;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    font-size: 14px;
    box-shadow: 0px 0px 5px rgb(0,0,0);
    top: -10px;
    right: -10px;
    position: absolute;   
}
    
#modal{
    position: relative;
    width:100%;
    opacity: 0;
    height: 0;
    transition: opacity 0.4s;
    display: block;
    pointer-events: none;
    float:left;
    z-index:999;
}

#modal:target{
    opacity: 1;
    height: auto;
    pointer-events: auto;
}
    
#modal img{
    display:none;
    width: 10%;
}
    
.dropbtnm {width:90vw;}   
.dropdown-contentm {width: 135%;margin-left: -17%;}    
    
.FBitem, p.title{font-size: 5vw; width: 100%;margin-left:0%;}
.FBitem img {margin-left:auto;margin-right:auto;}

.FBitem, p.description{font-size:4vw;width: 100%;margin-left:0%;height:auto;}
    .FBitem img{display:inherit;}
    .FBitem {text-align: center;}

    
.btn-fb {font-size: 4vw;}
    
#search {
    text-align:center;
    width:100%;
    height:50px;
    z-index: 9999;
    padding-top: 80px;
    margin-top: -80px;
}
#search select{width:75%;}
    .txtBusca2{margin-left:0px;}
#map {
    float:right;
    height: 400px;
    width: 100%;
}
    #resultado {
        float:right; 
        width: 100%;
        margin-top: 430px;
        height: 370px;
    }
     #resultado2 {
        float:right; 
        width: 90%!important;
         margin-right:5%;
        margin-top: 430px;
         height: 370px;
    }
    #resultado2m{
        float:right; 
        width: 95%!important;
         margin-right:5%;
         height: 370px;
    }
.lojas{margin-left: 8%;
}

    
.newsletter1 p1 {font-size: 3vw;}
.appin img{margin-top: 35%;}
.apppage p{margin-top: 70%;font-size:3vw}
.comvoce p{width: 100%;font-size: 3vw; text-align: center;}
.comvoce h2{width: 100%;font-size: 3vw;text-align: center;}
.co1{width:90%;align-items: center;}
.co2{width:90%;margin-left: 5%;}
.co3{width:90%;margin-left: 5%;}
.receitas h2{font-size: 5vw;}
.col-75 { width: 80%;}  
.col-25 { width : 80%;}
.form-cadastro .col-25:first-child {
    width: 38%;
    margin-top: 8px;
    margin-left: 10%;
    margin-right: auto;
    display: inline-flex;
    /* font-size:2.5vw; */
    }
.form-cadastro .col-25 {
    width: 38%;
    margin-top: 8px;
    margin-left: auto;}    
    
.ccButton{margin-bottom: 50px;}
.carousel-control img{width:30%;}
.btn-pagamentos {max-width:95%;font-size:3.5vw;}  
.main-faq .btn-pagamentos {max-width:95%;font-size:3.5vw;}  
.ReConteudo2 .btn-pagamentos {max-width:95%!important;font-size:3.2vw;}  
    .segmentos-qs-info h2 {font-size: 3vw;}
 .thumbjornal h2 {font-size: 4vw;}
    


element {

}
    .layoutcard:nth-child(1) {
    padding-left: 20px;
    padding-top: 3%;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    width: 22%;
    height: 289px;
    background-color: #efefef;
    left: -110%;
}
.layoutcard:nth-child(2) {

    padding-top: 3%;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    width: 30%;
    height: 289px;
    background-color: #efefef;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    z-index: 1;
    left: -29%;   }
    
.layoutcard:nth-child(3) {
    padding-top: 3%;
    display: block;
    margin: auto auto;
    margin-top: auto;
    text-align: center;
    margin-top: -39px;
    width: 60%;
    height: 367px;
    z-index: 4;
    position: absolute;
    left: 20%;
    background-color: #efefef;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    }
    
    .layoutcard:nth-child(4) {
    padding-top: 3%;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    width: 30%;
    height: 289px;
    background-color: #efefef;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.24);
    z-index: 1;
    left: 26%;   
}
    
    .layoutcard:nth-child(5){display:none;}
    .layoutcard validade {
    font-family: Avenir-Light;
    font-size: 2vw;
    font-weight: 300;
    text-align: center;
        color: #878787;}
    .layoutcard:nth-child(3) titulo{font-size:3.5vw;}
    .layoutcard:nth-child(3) subtitulo{font-size:3.5vw;}
    
    .layoutcard:nth-child(4) titulo{font-size:2.5vw;}
    .layoutcard:nth-child(4) subtitulo{font-size:2.5vw;}
    
    .layoutcard:nth-child(2) titulo{font-size:2.5vw;}
    .layoutcard:nth-child(2) subtitulo{font-size:2.5vw;}
    
    
    .mlojas img{
    float:left;
    margin-left:-15%;
        display: block!important;}
    .specs img {margin-left: 0px!important;margin-top:-10px;margin-right: 3px;}
    .mlojas p{font-size:3.5vw}
    .mlojas {font-size:4vw}
    .resultotr {
    padding-left: 10px;
    background-image: url(../images/spbusca.png);
    background-repeat: no-repeat;
    background-position: 11px 32px;
    background-size: 91% 1px;
    padding-top: 10px;
    
}

.resultotr p{
    font-size: 15.82px;   
}

.closebc {
    float:right;
  right: 9px;
top: 9px;
    position: sticky;
    display:none;
}

.thumbresult{
    width:100%;height:75px;
    background:#fff;
    margin-bottom:-12px;
    text-decoration:none; 
    display: inline-block;
    line-height: 2.1;
}
.thumbresult:hover{text-decoration:none;background-color:#e9e9e9;}

.thumbresult a:hover{text-decoration:none;}


.thumbresult img{float: left;margin-left:10px;}
.thumbresult h2{
    font-size: 5vw;
    color: #ea0000!important;
    text-transform: uppercase;
    font-family: Avenir-Light!important;
    float: right;
    display: contents;
    
}

.thumbresult p{
    font-size: 12.5px;
    color: #848484;
    text-transform: uppercase;
        float: right;
    display: contents;
}





.resultoffer {
    padding-left: 10px;
    background-image: url(../images/spbusca.png);
    background-repeat: no-repeat;
    background-position: 11px 32px;
    background-size: 91% 1px;
    padding-top: 10px;
    
    
}


.resultoffer p{
    font-size: 15.82px;   
}


.thumbresultoffer {
    width:100%;height:115px;
    background:#fff;
    margin-bottom:15px;
    text-decoration:none; 
    display: inline-block;
    line-height: 3;
}
.thumbresultoffer:hover{text-decoration:none;background-color:#e9e9e9;}

.thumbresultoffer a:hover{text-decoration:none;}


.thumbresultoffer img{
    float: left;
    margin-left:10px;
    margin-top: 12px;
    max-width: 93px !important;
    }
.thumbresultoffer h2{
    font-size: 4vw!important;
    color: #848484!important;
    text-transform: capitalize;
    font-family: Avenir-Heavy;
    margin-top: 2.5%;
    background: none !important;
    text-align: left !important;
    margin-bottom: -8% !important;
}

.thumbresultoffer h3{
    font-size: 4vw;
    color: #848484;
    text-transform: capitalize;
margin-top: -1%;
    font-family: Avenir-Light;
}

.thumbresultoffer h4{
    font-size: 6vw;
    color: #ff0000;
    text-transform: capitalize;
    font-family: Avenir-Black;
    margin-top:-9%;
    
}

.thumbresultoffer h5{
    font-size: 3vw;
    color: #ff0000;
    text-transform: uppercase;
    font-family: Avenir-Black;
    position: relative;
    margin-left: 19%;
    padding-left: 0px;
    float: left;
    margin-top: -8%;
}

.thumbresultoffer p{
    font-size: 3vw;
    color: #848484;
    text-transform: lowercase;
    font-family: Avenir-Light; 
    padding-left: 0%;
    margin-top: -23px;
    margin-top: -4%;
    float: left;
    margin-right: -40%;
}

    .wowbook-container-full{width: 90%;margin-left:5%;}    
    .wowbook-book-container{padding:0px;}
    
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;height:33vw;}
    
    
    
    
}
    

/* --------------- MEDIAS SCREENS ---------------  */

/*Logo Makro Desktop*/
@media screen and (max-width: 306px){.Mlogo{display:none;}}
@media only screen and (min-width: 481px) and (max-width: 495px){.logo-nav img{margin-top:70px;}}
@media only screen and (min-width: 496px) and (max-width: 512px){.logo-nav img{margin-top:68px;}}
@media only screen and (min-width: 513px) and (max-width: 550px){.logo-nav img{margin-top:64px;}}
@media only screen and (min-width: 551px) and (max-width: 580px){.logo-nav img{margin-top:60px;}}
@media only screen and (min-width: 581px) and (max-width: 610px){.logo-nav img{margin-top:56px;}}
@media only screen and (min-width: 611px) and (max-width: 640px){.logo-nav img{margin-top:52px;}}
@media only screen and (min-width: 641px) and (max-width: 670px){.logo-nav img{margin-top:50px;}}
@media only screen and (min-width: 671px) and (max-width: 700px){.logo-nav img{margin-top:48px;}}
@media only screen and (min-width: 701px) and (max-width: 730px){.logo-nav img{margin-top:45px;}}
@media only screen and (min-width: 731px) and (max-width: 760px){.logo-nav img{margin-top:41px;}}
@media only screen and (min-width: 761px) and (max-width: 790px){.logo-nav img{margin-top:38px;}}
@media only screen and (min-width: 791px) and (max-width: 820px){.logo-nav img{margin-top:35px;}}
@media only screen and (min-width: 821px) and (max-width: 850px){.logo-nav img{margin-top:32px;}}
@media only screen and (min-width: 851px) and (max-width: 880px){.logo-nav img{margin-top:29px;}}
@media only screen and (min-width: 881px) and (max-width: 910px){.logo-nav img{margin-top:24px;}}
@media only screen and (min-width: 911px) and (max-width: 940px){.logo-nav img{margin-top:22px;}}
@media only screen and (min-width: 941px) and (max-width: 970px){.logo-nav img{margin-top:18px;}}
@media only screen and (min-width: 971px) and (max-width: 1000px){.logo-nav img{margin-top:14px;}}

@media screen and (min-width: 481px) and (max-width: 600px){#modal img {display: none;}}

@media screen and (min-width: 481px) and (max-width: 767px){
    .cc-window{font-size: 1.8vw!important;}
    .cc-message{max-width: 90%;}
    .cc-compliance{ 
        width: 35px;
        position: absolute;
        right: 20px;}
    p {font-size: 2vw;} 
    .hmob{display:none;}    
    .Mlogo img{margin-top:40px;} 
    .navi-item{font-size:1.3vw;}   
    .accmais a{color: #c90000; font-size: 3vw;}
    .accordion-mais2 {font-size: 3vw;}
    .accmais > h3:first-of-type{font-size:3vw;font-family:Avenir-Black; margin-left:10px;text-transform: capitalize;color:#848484}
    .accmais p{font-size:3vw;font-family:Avenir-Light; margin-left: 10px;}
    .accordion-mais p{font-size:3vw;font-family:Avenir-Light; margin-left: 10px;}
    p {font-size: 2.5vw;}
    .ReConteudo1 h2{font-size: 3.1vw;}
    .btn-pagamentos{max-width: 95%;font-size:2.9vw;}
    .main-faq .btn-pagamentos{max-width: 95%;font-size:2.9vw;}
    .ReConteudo2 .btn-pagamentos{max-width: 95%;font-size:1.6vw;}
    
    .dropdown:nth-child(9){width:16.5%;}
    .carousel-control img {width: 25%;}
    .HomeOfertas a{font-size: 3vw;}
     .HomeOfertas p{font-size: 3vw;}
    .lojaapi p{font-size: 1.6vw;}
    .lojaapi h2{font-size: 2vw!important;}
    .box p {font-size:1.5vw;}
    
    .thumbresultoffer h2{font-size:1.5vw;}
    .thumbresultoffer h3{font-size:1.5vw;}
    
    .FBitem, p.title {font-size: 2.5vw;width: 100%;}
    .FBitem img {margin-left:auto;margin-right:auto;}
    .FBitem, p.description {font-size:2vw;width: 100%;}
    .btn-fb {font-size: 2vw;width: 50%;}
    
    .ReConteudo1 p{font-size:2vw;}
    .ReConteudo2 p{font-size:2vw;}
    .accmais a{color: #c90000; font-size: 2.2vw;}
    .accordion-mais2 {color: #c90000; font-size: 2.2vw;}
    .accmais > h3:first-of-type{font-size:2vw;font-family:Avenir-Black; margin-left:10px;text-transform: capitalize;color:#848484}
    .accmais p{font-size:2vw;font-family:Avenir-Light; margin-left: 10px;}
    .accordion-mais p{font-size:2vw;font-family:Avenir-Light; margin-left: 10px;}
    .txtBusca2{font-size:2vw;}
    
    .apppage p{font-size: 3vw;}
    #ModalCidade h4 {font-size: 2vw;}
    .dropbtnm {font-size: 2vw;width:26vw;}
    #ModalTitle h2 {font-size:2vw;}
    
    
        .layoutcard:nth-child(5){
    left:0px;
    width:35%;
        margin-right: -1%;

}
     .layoutcard:nth-child(4){left:0px;width:262px;}
    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
    height: 33vw;

}
}
@media screen and (min-width: 768px) and (max-width:1123px) {
    .cc-message{max-width: 90%;}
    .cc-window {font-size: 1.5vw !important;}
    .hmob{display:none;}    
    .Mlogo img{margin-top:40px;}       
    .navi-item{font-size:1.3vw;}   
    .accmais a{color: #c90000; font-size: 2.2vw;}
    .accordion-mais2 {font-size: 2.2vw;}
    .accmais > h3:first-of-type{font-size:2vw;font-family:Avenir-Black; margin-left:10px;text-transform: capitalize;color:#848484}
    .accmais p{font-size:2vw;font-family:Avenir-Light; margin-left: 10px;}
    .accordion-mais p{font-size:2vw;font-family:Avenir-Light; margin-left: 10px;}
    p {font-size: 1.85vw;}
    .ReConteudo1 h2{font-size: 3.1vw;}
    .ReConteudo2 h2{font-size: 3.1vw;}
    .btn-pagamentos{font-size:2vw;}
    .main-faq .btn-pagamentos{width: 95%;font-size:2vw;}
    .ReConteudo2 .btn-pagamentos{font-size:1.6vw;}
    .dropdown:nth-child(9){width:16.5%;}
    .carousel-control img {width: 25%;}
    .apppage p{font-size:2vw;}
    #ModalTitle h2 {font-size:3vw;}
    .HomeOfertas a{font-size: 2vw;}
    .HomeOfertas p{font-size: 2vw;}
    .layoutcard:nth-child(5){
    left:0px;
    width:22%;
        margin-right: -1%;
}
    .thumbresultoffer h2{font-size:1.7vw;}
    .thumbresultoffer h3{font-size:1.7vw;}
    
    .layoutcard:nth-child(4){left:0px;width:262px;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;height:33vw;}
    
}

titulo p {
    color: white;
}

/* Page NPS */

#page-nps .label-line {
    margin-top: 5px;
    margin-bottom: 0;
    color: #494949;
    font-size: 12px;
}

#page-nps .avaliacao-titulo {
    text-align: center;
}

#page-nps .avaliacao-notas {
    position: relative;
    text-align: center;
}
#page-nps .avaliacao-notas label {
    margin-top: 5px;
    border-radius: 6px;
    width: 40px;
    line-height: 40px;
    font-size: 22px;
    color: white;
    font-family: Arial;
    vertical-align: bottom;
    font-weight: bold;
    cursor: pointer;
}
#page-nps .avaliacao-notas input[type="radio"] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: auto;
    margin-top: -30px;
}
#page-nps .avaliacao-notas input[type="radio"]:checked + label {
    margin-top: 0;
    width: 45px;
    line-height: 45px;
    font-size: 27px;
    border-radius: 8px;
    box-shadow: 0px 0px 5px #0006;
}
#page-nps .avaliacao-notas label[for="nota0"] { background: #ed3833; }
#page-nps .avaliacao-notas label[for="nota1"] { background: #ed3c33; }
#page-nps .avaliacao-notas label[for="nota2"] { background: #ed4834; }
#page-nps .avaliacao-notas label[for="nota3"] { background: #ef6336; }
#page-nps .avaliacao-notas label[for="nota4"] { background: #f28e3c; }
#page-nps .avaliacao-notas label[for="nota5"] { background: #fbd249; }
#page-nps .avaliacao-notas label[for="nota6"] { background: #6ce866; }
#page-nps .avaliacao-notas label[for="nota7"] { background: #68de42; }
#page-nps .avaliacao-notas label[for="nota8"] { background: #6de73c; }
#page-nps .avaliacao-notas label[for="nota9"] { background: #61cf35; }
#page-nps .avaliacao-notas label[for="nota10"] { background: #50ae2b; }

#page-nps .avaliacao-melhorias {
    position: relative;
    text-align: center;
}
#page-nps .avaliacao-melhorias label {
    margin: 8px 2px;
    padding: 4px 8px;
    border-radius: 7px;
    border: 2px solid #c8c8c8;
    color: #757b82;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
}
#page-nps .avaliacao-melhorias input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: auto;
    margin-top: -30px;
}
#page-nps .avaliacao-melhorias input[type="checkbox"]:checked + label {
    color: white;
    background: #d33131;
}

#page-nps input[type="text"], #page-nps input[type="tel"], #page-nps input[type="email"] {
    padding: 0 8px;
    width: 100%;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #b53725;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}

#page-nps textarea {
    min-height: 80px;
}

#page-nps .CDtitle {
    margin: 0;
}
#page-nps .CDtitle h2 {
    text-transform: uppercase;
}
#page-nps .CDtitle p {
    margin-bottom: 0;
}

#page-nps .cdenviar {
    margin-top: 0;
}

#page-nps label {
    font-weight: 400;
}

#page-nps #melhorias-info {
    margin: -5px;
    font-size: 13px;
    color: #848484;
    visibility: hidden;
    font-weight: bold;
    color: #f00;
}