@charset "utf-8";
/* BASE | PADRÕES */

.animateAll,.animateAll::after, .animateAll::before, .animateAll *, .animateAll *::after, .animateAll *::before, 
.animate{
    -webkit-transition: all linear 250ms;
    -moz-transition: all linear 250ms;
    -o-transition: all linear 250ms;
    transition: all linear 250ms;
}

.animateAllFast,.animateAllFast::after, .animateAllFast::before, .animateAllFast *, .animateAllFast *::after, .animateAllFast *::before, 
.animate{
    
    -webkit-transition: all linear 150ms;
    -moz-transition: all linear 150ms;
    -o-transition: all linear 150ms;
    transition: all linear 150ms;
}



:root{
    --corpri1: #DEDEDE;
    --corpri2: #ababab;
    --corpri3: #efefef;
    --corpri4: #d1d1d1;
    --cinza1: #ADADAD;  
    --cinza2: #eee;  
    --corbtns: #35518c;
    --gradient1: linear-gradient(90deg, #AE9250 0%, #E3CC74 50%, #AE9250 100%) 0% 0% no-repeat padding-box;
    --corfundo: #272727;
    --fundomenu: #272727;
    --fundomenuopacity: rgba(39, 39, 39, 0.85);
    --fundomenuopacity2: rgba(39, 39, 39, 0.85);
	--marginbottomitem: 10px;
	--paddingiteminner: 5px 10px;
    --margindefault: 30px;
    --margindefault2: 30px;
    --cormenuitem: #fff;
    --cormenuitemhover: #555;
    --margincolunas: 15px;
    --sizeicons: 30px;
    --heightinputs:40px;
    --heightbtns: 40px;
    --height70: 70vh;
    --screenHeight: 100vh;
    --skewdefault: -30deg;
    --overlayextraheight: 100px;
    --cortxt: var(--cinza1);
    --paddingContainerH: 55px;
    --paddingContainerV: 60px;
    --heightcaptionfinal: 400px;
    
    --heightpaddingfooter: 100px;
    
    --sizeembalagens: 55px;  
    --sizeembalagens2: 55px;    
}


.screenHeight{ height: var(--screenHeight); }
.vh100{ height: var(--screenHeight); }
.vh10010{ height: calc(var(--screenHeight) + 150px); }


html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

a:hover{ color: inherit!important; }

*{
    font-family: 'Roboto Condensed', sans-serif;
    box-sizing: border-box;
}

.playfair, .serif{
    font-family: 'Playfair Display', sans-serif;
}

a{
    color: inherit;
    text-decoration: inherit!important;
}

input[type="checkbox"]{
    appearance:none;
    border: 1px solid var(--corpri1);
    margin-right: 10px;
    height: 14px; 
    width: 14px; 
    line-height: 1;
    position: relative;
}


input[type="checkbox"]:checked::after{
    content: '';
    position: absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    border: 1px solid var(--corpri1); 
    mask: url(../imgs/check.svg) no-repeat center center /contain;
    -webkit-mask: url(../imgs/check.svg) no-repeat center center /contain;
    background: var(--corpri1);
    z-index: 100;
    /*filter: brightness(0.7);*/
}

.adefault{
    text-decoration:none;
    color:inherit;
}


.sombra{
    text-shadow: 0px 0px 16px #01395EB3;
}

.height100{ height: 100%; }

.minheight100{ height: 100%; }

.divdefault{ position: relative; width: 100%; }

.wrapformcatalogo{
    width:100%;
    max-width: 600px;
}
.formcatalogo{
    max-width: 400px;
    margin: 0 auto;
}

.dialog{ display: none; }

.ui-dialog{
    z-index: 10000000;
    --mask:
        radial-gradient(3.84px at 50% 5.40px, var(--fundomenu) 99%,#0000 101%) calc(50% - 6px) 0/12px 51% repeat-x,
        radial-gradient(3.84px at 50% -2.4px,#0000 99%,var(--fundomenu) 101%) 50% 3px/12px calc(51% - 3px) repeat-x,
        radial-gradient(3.84px at 50% calc(100% - 5.40px),var(--fundomenu) 99%,#0000 101%) calc(50% - 6px) 100%/12px 51% repeat-x,
        radial-gradient(3.84px at 50% calc(100% + 2.40px),#0000 99%,var(--fundomenu) 101%) 50% calc(100% - 3px)/12px calc(51% - 3px) repeat-x;

    -webkit-mask: var(--mask);
            mask: var(--mask);
            background:var(--fundomenu);
            border-radius: 6px;
            padding: 50px 30px;

}

.btn{
    border-radius: 2px!important;
    border-width: 1px;

}
.btn.btn-primary{
    background: var(--corbtns);
    color: #fff;
    border-color: var(--corbtns);
}

.ui-button.ui-dialog-titlebar-close{
    content:'';
    -webkit-mask: url(../imgs/cruz.svg) no-repeat center center / contain;
    mask: url(../imgs/cruz.svg) no-repeat center center / contain;
    background: #fff;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 20px;
    height: 20px;
    padding:0;
    color:transparent!important;
}

.clickcatalogo{ cursor: pointer; }

.maxwidth1200{
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.maxwidth1000{
    max-width: 1000px;
    margin: auto;
    position: relative;
}

.maxwidth900{
    max-width: 900px;
    margin: auto;
    position: relative;
}

.margindefaultleft{
    width: calc(100% - var(--margindefault));
    margin: 0 0 0 var(--margindefault);
}

.margindefaultright{
    width: calc(100% - var(--margindefault));
    margin-right: var(--margindefault);
}

.margindefault{
    width: calc(100% - calc(var(--margindefault) * 2));
    margin-left:var(--margindefault);
    margin-right:var(--margindefault);
}

.margindefault2{
    margin-left: var(--margindefault2);
    margin-right: var(--margindefault2);
}

.marginvertical{
    margin-top: var(--margindefault);
    margin-bottom: var(--margindefault);
}

.marginconteudo{
    margin: 4px 0;
}

.margindefaultbottom{
    margin-bottom: var(--margindefault);
}

.margindefaultbottom05{
    margin-bottom: calc(var(--margindefault) * 0.5);
}

.paddingdefaultbottom05{
    box-sizing: border-box;
    padding-bottom: calc(var(--margindefault) * 0.5);
}

.inputdefault{
    width: 100%;
    height: var(--heightinputs);
    text-align: left;
    font-size: 16px;
    letter-spacing: 2.1px;
    color: var(--cinza);
    background: rgba(255,255,255,0.8);
    border: none;
    margin-bottom: 10px;
    color:#000;
    font-weight: 700;
    padding: 0 10px; 
}

.destaqueheightfix{
    height: 60vh;
    pointer-events:none;
}

 
textarea.inputdefault{
    resize:vertical;
    min-height: 150px;
    padding: 10px;
    box-sizing: border-box; 
}

input[name="must"]{
    transform: scale(0.2);
    left:-1000%;
    bottom:-100000000%;
    position: absolute; 
    clear: both;
}

.pointer{cursor: pointer;}


.corpri1{ color: var(--corpri1); }
.corpri2{ color: var(--corpri2); }
.corpri3 { color: var(--corpri3);}
.corpri4 { color: var(--corpri4);}
.branco{ color: #fff; }
.cinza{color: var(--cinza1);}
.cinza2{color: var(--cinza2);}
.bgbranco{background-color:#fff; z-index: 10;}
.bgcinza{background-color:var(--cinza2);}
.bgescuro{background-color:var(--fundomenu);}


.underline{ text-decoration: underline; }


        /* font-weight */

.thin{ font-weight: 100; }
.light{ font-weight: 200; }
.regular{ font-weight: 300; }
.medium{ font-weight: 500; }
.semibold{ font-weight: 600; }
.bold{ font-weight: 700; }
.extrabold{ font-weight: 900; }
.black{ font-weight: black; }

.centro{text-align: center;}
.esquerdo{text-align: left;}
.direito{text-align: right;}
.justificado{text-align: justify;}

.uppercase {text-transform: uppercase;}

.footerlegal{
    
}

.footerlegal span{
    margin: 0 10px;
    display: inline-block;
    text-decoration: none;
}

.branco{color: #fff;}
.preto{color: #000;}

.gradientindex{
    z-index: -1;
    pointer-events: none;
    position: absolute;
    left: 0; 
    top: 0; 
    width: 100%;
    height: calc(100% + 5px);
    background: transparent radial-gradient(closest-side at 50% 50%, #000000 0%, #000000 38%, #3C3C3C 100%) 0% 0% no-repeat padding-box;
}

.destaque{
    clear: both; position: relative; width: 100%; margin: 0 auto; z-index: 10; 
    height: calc(var(--screenHeight) + 150px);
    padding-bottom: 10vh;
    overflow: hidden;
}

.destaque.index{
    margin-bottom: auto;

}


.bgdestaquebody{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    background: rgba(44, 44, 44, 0.5 );
    z-index:1;
}

.destaque .titulo{ color: #fff; max-width: 900px; margin: 0 auto; text-align: center;}
.destaque .descricao{ font-size: 20px; color: #fff; }

.logofooter,
.logo{ position: relative;clear: none; width: 80%; min-width: 150px; max-width: 500px; box-sizing: border-box;} 
.logofooter{ max-width: 200px; }

.slider-destaque .slide{ height: calc(var(--screenHeight) + 10px); }
.slider-destaque.index .slide{ display: none;  }

.destaque.index .slide:first-child{ display: block; }

.slider-destaque
.destaque.area-artigos,
.destaque.area-artigos.slider-destaque .slide { height: 100%; }

.slider-destaque.slider-body-small .slide,
.destaque.slider-body-small .slider-info .slide,
.destaque.slider-body-small { height: 500px; }

.slider-destaque.slider-body .slide{ height: calc(var(--screenHeight) + 150px); }


.slider-destaque{position: relative; top: 0; left:0;width: 100%; z-index: 1;}
.slider-info .slide{ height: 80vh; }

.destaque.area-artigos .slider-info .slide{ height: 45vh; }

.slider-info{ position: relative; top: 0;left: 0; width: 100%; }

.overlayword{ 
    left: 50%;
    top: 50vh;
    position: absolute;
    transform: translate(-50%, -50%);
    text-align: left;
    white-space: nowrap;
    padding: 0 var(--margindefault);
    line-height: 1.1;
}

.overlayword > div:nth-child(4n+1){ text-indent: 0; }
.overlayword > div:nth-child(4n+2){ text-indent: 5%; }
.overlayword > div:nth-child(4n+3){ text-indent: 30%; }
.overlayword > div:nth-child(4n+4){ text-indent: 15%; }

.overlayworddest > div:nth-child(4n+1){ margin-bottom:0px; }
.overlayworddest > div:nth-child(4n+2){ margin-bottom: 40% }

.wrapimgaperitivo{ max-width: 1200px; margin: 0 auto; position: relative; max-height: calc(100vw * 1); transform:translateY(10%); }

.imgaperitivo{ position: relative; padding: var(--margindefault); }

.imgaperitivo .img{
    position: relative; 
    max-width: 80%;
    max-height: 80%;
    z-index: 1;
}

.splittedword{

}
.animatePath{
    display: none;
}

.setaaperitivo{
    position: absolute;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
}

.setaaperitivo.bottom{
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 0%);
}
 
.setaaperitivo.bottomleft{  
    top: 110%;
    left: 0%;
    transform: translate(-50%, 0%);
}

.setaaperitivo.topleft{
    bottom: calc(100% + 10px); 
    left: 0%;
    transform: translate(-50%, 0%);
}

.setaaperitivo.topright{
    bottom: calc(100% + 10px); 
    left: 56%;
    transform: translate(0%, 0%);
    width: 70px;
    height: 40px;
}

.setaaperitivo.right{
    top: -10%;
    left: calc(100% + 10px);
    transform: translate(0%, -50%); 
    width: 50px;
    height: 40px;
}

.wrappontoaperitivo{
    max-width: 100px;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.margintopdestaque{ margin-top: 80vh; background: #fefefe; }

.slide{
    width: 100%; 
    clear: both;
    position: relative;
    height: 100%;
}

navbar.navigation{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    clear: both;
    z-index: 1000000;
    /*background: #fff;*/
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

navbar.navigation.collapsed::before{
    content:'';
    width:100%;
    height: 100%;
    left:0;
    top:0;
    position: absolute;
    background: var(--fundomenu);
    --mask:
      radial-gradient(3.84px at 50% calc(100% - 5.40px),var(--fundomenu) 99%, transparent 101%) calc(50% - 6px) 0/12px 100%,
      radial-gradient(3.84px at 50% calc(100% + 2.40px), transparent 99%, var(--fundomenu) 101%) 50% calc(100% - 3px)/12px 100% repeat-x;
    -webkit-mask: var(--mask);
            mask: var(--mask);
    opacity: 0.85;
}

navbar.navigation.collapsed .menuitem a{
    color: #fff;
}

/* navbar.navigation.collapsed .iconmenu{
    background: #fff;
} */

navbar.navigation.collapsed .logo{
   max-width: 220px; 
   padding: 10px;
}

.langsmobile{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.menumobile .langs{
    position: absolute;
    bottom: 20px;
}

.menu .langs{
    padding: 5px 2px;
    margin-left: 15px;
}

.langs .lang.current{
    border-bottom: 1px solid #fff;
}

.langs .lang:hover{
    color:rgba(255,255,255, 0.7);
}

.menu{
    position: relative;
    display: flex;
    flex-wrap: nowrap; 
    align-items: center;
    height: 100%;
}

.menu.desktop{ display:none; }



.wrapitemsmenu{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 100%; z-index: 1;
}


.divmenu .menuitem{
    flex-basis: auto;position: relative;clear: none;margin: 0 15px;color: #fff;
	padding: 5px 2px;box-sizing: border-box; /*text-transform: uppercase;*/
    font-size: 15px; text-transform: uppercase; font-weight: 700;
}


.divmenu .menumobile{
    padding: 0px var(--margindefault) 0;
    height: var(--screenHeight);
    margin:0;
}


.divmenu .menuitem a{ color: var(--cormenuitem); text-decoration: none; }

.divmenu .wrapsubmenu a,
.menumobile .menuitem a{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.divmenu .wrapsubmenu a{
    color:#000;
}

.divmenu .menuitem.hover > a,
.divmenu .flex-submenu:hover > a{
    color: var(--corpri1);
}

.divmenu .menuitem.active a{ padding-bottom: 3px;border-bottom: 1px solid #bebebe; }
/*.divmenu .menuitem:hover a{color: var(--cormenuitemhover);}*/

.defaultoverlay2,
.defaultoverlay{
    opacity: 1;
    height: 100%;
    width: 100%;
    position: absolute;
    left:0;
    top: 0;
    z-index: -1;
    overflow: hidden;
}

.defaultoverlay.full{
    background: rgba(0,0,0,0.5); 
}

.defaultoverlay2::before,
.defaultoverlay2::after{
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
}
.defaultoverlay2::after{
    transform: skewX(var(--skewdefault));
    left: 50%;
    width:50%;
}

.gradient{
    background: transparent var(--gradient1);
}

.defaultoverlay::after{
    content: '';
    position: absolute;
    top:0;
    right:95%;
    width:100%;
    height: calc(var(--screenHeight) + var(--overlayextraheight));
    background: #000;
    opacity:0.3;
    transform: skewX(var(--skewdefault));
    z-index: 10;
}

.defaultoverlay::before{
    content: '';
    position: absolute;
    top: 0;
    right: 55%;
    width: 100%;
    height: var(--screenHeight);
    background: #000;
    opacity: 0.3;
    transform: skewX(var(--skewdefault));
    z-index: 10;
}
 
.bordertopbottom{
    --mask:
        radial-gradient(3.84px at 50% 5.40px,#fff 99%,#0000 101%) calc(50% - 6px) 0/12px 51% repeat-x,
        radial-gradient(3.84px at 50% -2.4px,#0000 99%,#fff 101%) 50% 3px/12px calc(51% - 3px) repeat-x,
        radial-gradient(3.84px at 50% calc(100% - 5.40px),#fff 99%,#0000 101%) calc(50% - 6px) 100%/12px 51% repeat-x,
        radial-gradient(3.84px at 50% calc(100% + 2.40px),#0000 99%,#fff 101%) 50% calc(100% - 3px)/12px calc(51% - 3px) repeat-x;
    -webkit-mask: var(--mask);
            mask: var(--mask);
    margin-top: -6px;
    margin-bottom: -6px;
}

.nomask{
    --mask:none!important;
}

.titleborder{
    color: transparent;
    text-shadow: -3px  3px 0px #EAEAEA; 
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #DEDEDE;
}

.titleborderblack{
    color: transparent;
    text-shadow: -3px  3px 0px #000; 
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}


.titlebordercinza{
    color: transparent;
    text-shadow: -3px  3px 0px #4E4E4E80; 
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #363636;
    font-size: 50px;
}



.txtbg{  
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.titleborder .inner{

}

.zindex-10{z-index: 100;}
.zindex-100{z-index: 100;}
.zindex-1000{z-index: 100;}

.bordertop {
    --mask:
    radial-gradient(3.84px at 50% 5.40px,#fff 99%,#0000 101%) calc(50% - 6px) 0/12px 100%,
    radial-gradient(3.84px at 50% -2.4px,#0000 99%,#fff 101%) 50% 3px/12px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
    margin-top:-6px; 
}

.bordertopgap {
    
    --mask:
    radial-gradient(3.84px at 50% 5.40px,#fff 99%,#0000 101%) calc(50% - 6px) 0/12px 100%,
    radial-gradient(3.84px at 50% -2.4px,#0000 99%,#fff 101%) 50% 3px/12px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);

    z-index: 100;
    width: 100%;
    height: 10px;
    margin-top: -6px;
    
    position: relative;
    background: #fff;
    
}

.borderbottom {
    --mask:
      radial-gradient(3.84px at 50% calc(100% - 5.40px),transparent 99%, transparent 101%) calc(50% - 6px) 0/12px 100%,
      radial-gradient(3.84px at 50% calc(100% + 2.40px),transparent 99%, transparent 101%) 50% calc(100% - 3px)/12px 100% repeat-x;
    -webkit-mask: var(--mask);
            mask: var(--mask);
            
    margin-bottom:-6px;
}



/***  ESTILOS DO INDEX ***/

.empresatit{
    clear: both;
    position: relative;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.empresatxt{
    clear: both;
    position: relative;
    max-width: 800px; 
    width: 80%;
    margin: 0 auto;
}

.empresaslider{ 
    width: 100%;
}
 



/***  ESTILOS DAS PAGINAS DO MENU ***/

.margintopbody{
    padding-top:var(--margindefault);
}


/*** BOTOES BUTTONS  ***/


.iconlogin,
.loginbtn {
    line-height: 1.7;
    padding: 5px 15px;
    text-align: left;
    background: #dd7030; 
    clear: both;
    position: relative;
    box-sizing: border-box;
}


.iconlogin{
    padding-left: 30px;
    background: #ddd url(imgs/iconlogin.png) no-repeat left center / 20px;
}


.paddingslideprodutos{
    padding: 10% 0 0;
    box-sizing: border-box;
}

.produtosslider{
    height: 100%;
    width: 100%;

}

.inputwrap {
  background: none;
  border: 0;
  box-sizing: border-box;
  margin: 1em;
  padding: 1em 2em;
  box-shadow: inset 0 0 0 2px #f45e61;
  color: #f45e61;
  font-size: inherit;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
}

inputwrap::before, inputwrap::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.inputwrap {
  transition: color 0.25s;
}

.inputwrap::before, .inputwrap::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}

.inputwrap::before {
  top: 0;
  left: 0;
}
.inputwrap::after {
  bottom: 0;
  right: 0;
}
.inputwrap:hover {
  color: #911d22;
}
.inputwrap:hover::before, .inputwrap:hover::after {
  width: 100%;
  height: 100%;
}

.inputwrap:hover::before {
  border-top-color: #911d22;
  border-right-color: #911d22;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.inputwrap:hover::after {
  border-bottom-color: #911d22;
  border-left-color: #911d22;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.formlogin{
    position: absolute;
    background: rgba(129,78,51,0.6);
    top:100%;
    right:0;
    display: none;
}
 
/**    ESTILOS DE ESTRUTURA    **/
 




.colunas30,
.colunas70,
.colunas40,
.colunas60,
.colunas55,
.colunas45,
.colunas2,
.colunas4,
.colunas3{ 
    
    position: relative;
    width: 100%;
    margin: 0;
}

.colunas2{
    width: 100%;
}

.backgroundmenus table{
    min-height: 200px;
}

.backgroundmenus::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    background: rgba(255,255,255,0.2);
}

.imagemsubmenu{
    width: 100%;
    min-height: 200px;
    position: relative; 
    clear:both;
}

.bgimoveissize{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: calc(100% - 270px);
    z-index: 0;
}

.bgfooter{ background: var(--corfundo);  }

.paddingtopfooter{ padding-bottom: var(--heightpaddingfooter);  width: 100%; position:relative;}

 


.tilfooter{
    width: 37px;
}


.flexfooter{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;   
    position: relative;
    clear: both;
    z-index: 1;
}

.lheight{
    line-height: 1;
}


.btndefault.origin-top-left, 
.origin-top-left{transform-origin: top left;} 
.btndefault.origin-top-right, 
.origin-top-right{transform-origin: top right;} 
.btndefault.origin-bottom-left, 
.origin-bottom-left{transform-origin: bottom left;} 
.btndefault.origin-bottom-right, 
.origin-bottom-right{transform-origin: bottom right;} 
.btndefault.origin-bottom-right, 
.origin-bottom-right{transform-origin: bottom right;} 

.btndefault,
.origin-top-center{transform-origin: top center;} 
.origin-bottom-center{transform-origin: bottom center;} 
.origin-center-top{transform-origin: center top;} 
.origin-center-bottom{transform-origin: bottom bottom;} 
.origin-center{transform-origin: center center;} 




.flexitem{
    width: 33%;
    box-sizing: border-box;
    padding: 20px;
    vertical-align: middle;
}


.flexitem:nth-child(1){ padding-right: 30px; }
.flexitem:nth-child(2){ padding-right: 15px; padding-left: 15px; }
.flexitem:nth-child(3){ padding-left: 30px; }

.footercontacts,
.footer{ 
    clear: both;
    position: fixed;
    bottom: 0;
    width: 100%;
	box-sizing: border-box; 
    padding: 50px 0;
    z-index: -1;
}

.footercontacts{
    position:relative;
    z-index: 1;
}

.loginbox {
    padding: 20px 25px;
    box-sizing: border-box;
    position: absolute;
    top:100%;
    right: 0;
    background: rgba(177,177,177,0.9);
}


.divmenu {
    width:100%; 
    align-self:stretch;
    padding: 55px 0;
} 


.collapsed .divmenu { 
    padding: 30px 0;
}


.setabaixodestaque{
    background: url(../imgs/setabaixo.png) no-repeat center center/contain;
    width: 20px;
    height: 10px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: float 5s ease-in-out infinite;
    z-index: 100%;
}

.produtosslide {
    position: relative; 
    clear: both;
    width: 100%;
}




.imgindexslide {
    height: 70vh;
    width: 100%;
    position: relative;
}

.imgindexslide::after{
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(000,000,000,0.5);
    z-index: 100;
}

.marginempresa {
    margin-top: 20vh;
    margin-bottom: 150px;
    padding: 0 10%;
    box-sizing: border-box;
}

.imgproduto {
    height: 70vh;
    width: 100%; 
    clear: both;
    position: relative;
}


.imgsubmenu,
.imagemsubmenu,
.imgprodutocol {
    width: 100%;
    clear: both;
    position: relative;
	margin-bottom: var(--marginbottomitem);
    height: 200px;
}

.bgfamilia{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.bgfamilia::after{
    content:'';
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../imgs/gradient1.png) no-repeat center 40% / cover;
    z-index: 10;
}

.bgfamilia .bgfamiliaimg1, .bgfamilia .bgfamiliaimg2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}


.txtareasindex{
    padding: 0 20%;
    z-index: 100;
    position: relative;
    line-height: 1.1;
    
}

 .bgfamilia .bgfamiliaimg2{
    display:none;
}

.wrapproduto{
    box-sizing: border-box;
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    padding: 0 10px 30px 0;
}

.wrapproduto .titulo{
    line-height: 1.05;
    margin:0;
}

.wrapproduto::after{
    content: '';
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    border: 1px solid #000;
    transform: translate(-5px, 5px);
}

.wrapproduto .info{
    min-height: 70px;
}


.imgproduto::after{
    content: '';
    width:100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.2;
    pointer-events: none;
	top:0;
	left: 0;
}
.txtprod{ font-size:11px;}
.wraptxtprod{
    height: calc(70vh - 50px);
    width: 100%;
    position: absolute;
	top:0;
	left: 0;
    padding-top: 20px;
    box-sizing: border-box;
    z-index: 1;
	background: rgba(0,0,0,0.8);
}

.wraptxtprodcol{
    width: 100%;
    position: relative; 
	clear: both;
	padding: var(--paddingiteminner);
    box-sizing: border-box;
    z-index: 1; 
}

.marginmenu {
    margin-top: 100px;
}

.footermenuflex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    margin-top:40px;
    justify-content: space-around;
    position: relative; 
    width: 100%;
    z-index: 10;
}

.defaultpadding {
    padding: 0 var(--margindefault);
    box-sizing: border-box;
}

.parallaxtitle{
	margin-top: 10px;
	margin-bottom: 20px;
	transform: translate3d(0, -10px, 0);
}

.btnsubmit{ 
    background-color: #000;
    color: #fff;
    font-size: 16px;
    padding: 5px 60px 8px 60px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-top: 15px;
    border:none;
    outline:none;
    
}

.btnsubmit:hover{
    background-color: #fff;
    color: #000;
}
.btnsubmit:hover::after{
    border:1px solid #000;
}

.nowrap{
    white-space: nowrap;
}

.btnsubmit::after{ 
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;

    top: -4px;
    left: 3px;
}


@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0px);
	}
}


.aperitivofloat{
    position: absolute;
    width: 50px;
    height: 50px; 
    transition: all .5s ease;
  
}

.wrapformlogin {
    position: relative;
    width: 100%;
    padding: 20px 20px;
    box-sizing: border-box;
}

.showtablet,
.showmobile{display: initial;}
.hidetablet{display: none;}
.hidemobile{display: none;}


.btnareaartigo{
    min-width: 200px;
}

.iconsArtigo{
    display: flex;
    width: 100%;
}

.iconsArtigo .descricao{
    line-height: 1.3;
}

.iconsArtigo > div{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.iconsArtigo > div span{
    font-size: 11px;
}

.iconsArtigo .icon{
    position: relative;
    clear: none; 
    width: var(--sizeicons);
    height: var(--sizeicons);
    filter: brightness(100);
    margin: 0 8px;
}

.iconsArtigo .icon.preto{
    filter: brightness(0);
}

.iconsArtigo .icon.cinza{
    filter: grayscale(1);
}

.imgcopyright{
    max-height: 16px;
    vertical-align: baseline;
}

.caption {
    position: absolute;
    top:50%; 
    left: 0;
    transform: translate(0,-50%);
    z-index: 1000;
    /*width: calc(100% - (var(--margindefault) * 2));*/
    padding: 0 var(--margindefault);
}


.slider-body .caption{
    top: 170px;
    transform: translate(0);
    z-index: 1000;
}

.caption.right{
    left:auto;
    right:0;
}

.caption .descricao{
    font-size: 13px;
    color: var(--corpri1);
}
 
.caption .texto{
    font-weight: bold;
}

.empresaslider{
    
}

.sliderhorizontal{
    width: 100%;
    height:var(--screenHeight);
}

.btnstatic.btnpadd,
.btndefault.btnpadd{
    padding: 0 calc(10px + var(--margindefault));
    box-sizing: border-box;
}


.btnstatic,
.btndefault{ 
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    background: currentcolor; 
    min-height: var(--heightbtns);    
    width: auto!important;
    transform-origin: 0 100%;
    border:0; 
    outline:0;
}

.btnstatic.esquerdo{
    justify-content: flex-start;
}


.btndefault.gradient{
    background: var(--gradient1);
}

.btnstatic.btnborder,
.btndefault.btnborder{
    background: transparent;
    border: 1px solid currentColor;
}
.btnstatic.btnborder > *,
.btndefault.btnborder > *{
    color: currentColor;
}

.btnstatic > * ,
.btndefault > * { 
    transform-origin: 0 50%;
    color:currentColor;
    color:#fff;
}

.btndefault.preto > *,     
.btndefault > .preto ,     
.btnstatic > .preto { color: #000; }

.btndefault.btnright{
    height: 100%;
    position: relative;
    width: auto; /*calc(100% + var(--paddingContainerH));*/
    right: calc(var(--paddingContainerH) * -1 );
    margin-top: 10px;
    padding-right: calc( var(--paddingContainerH) + 10px);
    left: auto;
    top: 0;
}

.btndefault.btnmenu{
    margin:0 27px 10px 0; 
    box-sizing: border-box;
    background-color: transparent;
    border: none;
    border: 1px solid var(--corpri1);
}

.btndefault.btnmenu:hover{
    background: var(--gradient1);
}
.btndefault.btnmenu:hover div{
    color: #fff;
}

.btndefault.btnmenu div{
    color: var(--corpri1);
}

.wrapvendaindex{
    overflow: hidden;
    padding: 50px 0;
    box-sizing: border-box;
}

.overflowhidden{overflow: hidden;}


.btnpreco{
    margin-bottom: 10px;
}

.wrapmenuscentro{
    padding: 75px 0;
}


.wrapimovel{
    min-height: 150px;
    height: auto;
    position: relative;
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 40px;
}


.wrapimovel::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    padding: 20px 25px;
    z-index: 0;
    background: transparent linear-gradient(180deg, #01395E00 0%, #01395E 100%) 0% 0% no-repeat padding-box;
}

.wrapimovel .tituloarea {
    margin-right: 15px;
}

.wrapmostraareas{
    z-index: 1;
    position: relative;
    /*padding: var(--heightcaptionfinal) 0 0;*/
    margin-top: var(--margintopmostraareas);
    box-sizing: border-box;
}

.innerimovel{
    max-width: 280px;
    z-index: 1;
}

.wrapsubArea {
    width: auto;
    margin: 0 20px;
}

.wrapdestaque {
    position: relative;
    top:0;
    left:0;
    width: 100%;
    height: calc(100% + 150px);
    z-index: 0;
    overflow: hidden;
}


.titleartigo{
    position: fixed;
    top: 50% !important;
    left: 50%!important;
    z-index: 1;
    color: #313131;
    transform: translate(-50%, -50%) !important; 
    width: auto;
    width: 100%; 
    text-align: center;
    font-size: 55px;
    font-weight: 700;
    opacity: 0.3;
    /*overflow: hidden;*/
    line-height: 1.1;
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);*/
    margin:0;
    /*max-width: 85vw!important;*/
    padding: 0 5%;
    z-index: 100;
    pointer-events: none;
}

.bordertitleartigo{
    color: transparent;
    position: fixed;
    z-index: 100;
    top: 50%!important;
    left: 50%!important;
    transform: translate(calc(-50% + 5px), calc(-50% - 5px));
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    font-size: 55px;
    text-align: center  ; 
    
    width: 100%; 
    font-weight: 700;
    line-height: 1.1;
    /*max-width: 85vw!important;*/
    padding: 0 5%;
    opacity: 0.25;
    pointer-events: none;
}

.lheight1{
    line-height: 1;
}

.descricaodestaqueartigo{
    position: fixed ;
    top: calc(var(--screenHeight)/2);
    left: 50%;
    z-index: 1;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 500px;
    padding: 0 20px;
    font-weight: 400;
    z-index: 1000;
}

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

.text-justify{
    text-align: justify;
}

.txtdestaque{
    top: calc(85% - 150px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    max-width: 85%;
}

.overlayareas{
    background: #000;
    opacity: 0.5;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.btncontactoindex {
    transform-origin: 100% 100%;
    padding: 0 100px 0 15px;
}

.iconinfo {
    width: 40px;
    height: 40px;
}

.wrapinfoindex .info {
    padding: 0 20px;
}

.imginvest {
    max-height: 40px;
    height: 34px;
    margin: 0 40px 25px;
}

.titinvestidores {
    text-shadow: 0px 0px 20px #000000;
    line-height: 0.8;
    margin-bottom: 20px;
}

.investidoresindex {
    padding: 50px 0 60px;
    
}

.container {
    padding: var(--paddingContainerV) var(--paddingContainerH);
    overflow: hidden;
}

.wraptextoprod {
    color: var(--cortxt); 
    line-height: 1.1;
    letter-spacing: 1.1px;
}

.wraptexto {
    color: #000; 
    line-height: 1.1; 
}

.separadorfooter{
    width: 1px;
    min-width: 1px;  
    height: 100%;
    background: var(--corpri1);
    min-height: 150px;
}

.separadorfootermobile{
    width: 100%;
    height: 1px;
    background: var(--corpri1);
    min-width: 150px;
}


.contactosfooter span{
    color: var(--corpri1);
}


.menufooter{
    margin-bottom: 10px;
}


.contactosfooter a{
    color: #fff;
}


.localizacao{
    width: 100%;
    /*height: 400px;*/
}


.localizacaodestaque{

}

.iconsocial{
    margin: 0 5px;
    width: 20px;
    height: 20px;
}

.maxwidthinvestidores{
    max-width: 200px;
    text-align: center; 
}

.iconmenu{
    height: 50px;
    width: 50px;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    text-align:right;
}

.iconmenu::after{
    content:'';
    mask: url(../imgs/menu.svg) no-repeat center bottom / 30px;
    -webkit-mask: url(../imgs/menu.svg) no-repeat center bottom / 30px;
    background: #fff;
    height:30px;
    position:absolute;
    bottom:5px;
    right:10px;
    width:30px;
}

.iconmenu span{
    display:block;
    position: relative; 
    right: 10px;
    color: #fff;
    text-align:right;
    top:50%;
    transform:translateY(-50%);
}

/* 
.iconmenu.open span{
    opacity:0;
} */
    
.iconmenu.open::after{ 
    mask: url(../imgs/cruz.svg) no-repeat right bottom / 12px;
    -webkit-mask: url(../imgs/cruz.svg) no-repeat right bottom / 12px;
}

.menumobile{
    display: flex;
    pointer-events: none;
    opacity:0;
    position: absolute;
    top: 0%;
    left:50%;
    transform:translateX(-50%);
    background: var(--fundomenu);
    box-shadow: 0px 0px 15px -10px #000;
    padding: 5px 0px; 
    width: 100vw;
    text-align: center;
}

.menumobile .menuitem{

}
 


.socialfooter{
    z-index: 100;
}


.caminho{
    color: var(--corpri1);
}


.nowrap{
    white-space: nowrap;
}

.procura{   z-index: 100;}

.wrapsearch{
    position: relative; 
    width: auto;  
}


.searchbox::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.searchbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.searchbox::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.inputdefault::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
    letter-spacing:1px;
}
.inputdefault:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
    letter-spacing:1px;
}
.inputdefault::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
    letter-spacing:1px;
}

.searchbox{
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border:none;
    border-radius: 0;
    padding: 2px 10px 2px 20px;
    text-align: right;
    position: relative;
    height: 40px;
    display: none;
    width: 100px;
    outline:none;
    color: #fff;
}

.searchbox:-webkit-autofill,
.searchbox:-webkit-autofill:hover,
.searchbox:-webkit-autofill:focus,
.searchbox:-webkit-autofill:active { 
    -webkit-text-fill-color: #ffffff; 
    color:#fff;
    transition: background-color 50000s ease-in-out 0s;
}

.searchbtn{
    -webkit-mask: url(../imgs/search.svg) no-repeat center center / 30px;
    mask: url(../imgs/search.svg) no-repeat center center / 30px;
    background-color: #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border:none;
    border-radius: 0;
    position: relative;
    height: 25px;
    min-width: 25px;
}

.navigation.collapsed .searchbtn{ background-color: #000; }

.bgtoolbox,
.bgprocura{
    position: relative;
    z-index: -1; 
}

.bgtoolbox{
    display: none;
    height: 40px; 
    left: calc(100vw - 150px);
    top: 50%;
    width: 70vw;
    transform: translateY(-50%) skewX(var(--skewdefault));
}

.infoExtraText{
    margin-top: 20px;
}

.extraText{
    line-height: 1.3;
}

.logomenu{
    width: 140px; 
}


.overlaydestaque{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(1, 57, 94, 0.7);
    border: var(--margindefault) solid rgba(1, 57, 94, 1); 
    box-sizing: border-box;
    z-index: 10000000;
    pointer-events: none;
}

.logodestaque{
    width: 90%;
    max-width: 345px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);

}
  
.wrapimoveis{
    z-index: 1;
}

.wrapinfoprocuramos{
    position: relative;
    z-index: 0;
    padding: 130px 0;
}


.wrapinfoprocuramos::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    background: transparent linear-gradient(180deg, #B7B7B7 0%, #B7B7B7 20%, #01395E80 100%) 0% 0% no-repeat padding-box;
    top: -330px;
    height: calc(330px + 100% + var(--heightpaddingfooter));
    width: 100%;
}

.filters{
    
}

.titleexclusive{
    line-height: 0.9; position: absolute; top: 10%; left: 50%; transform:translateX(-50%);
}

.wrapmaissobrenos{
    margin-top: 20px; 
}


.txtmaisobrenos{
    opacity: 0;
}

.certificados{
    overflow: hidden;
    z-index: 100;
    background: #fff;
}

.certificados .mais{ 
    margin-top: 5px;
    opacity:0.8;
}

.certificados.index {
    height: 100vh;
    max-height:740px;
}

.certificados.index .imgfundocertificados{
    position:absolute; top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../imgs/fotoindex.jpg) no-repeat center center / cover;
    background-attachment: fixed;
}

.certificados.index .infocertificados{
    min-height: 100%;
    height: 100%;
}

.imgcertificado{
    height: 35px;
    position: relative; 
    object-fit: contain;
    margin: 0 5px;
}

.titleeyes{ font-size: 50px; }
.overlayworddest{ font-size: 50px; }
.titleexclusive{  font-size: 50px; }

.bgcertificados::before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#fff;
    opacity: 0;
    z-index: -1;
}

.bgcertificados {
    height: 100%;
    background: transparent radial-gradient(closest-side at 50% 50%, #191919CC 0%, #1C1C1C 72%, #000000 100%) 0% 0% no-repeat padding-box;
    /*background: #fff radial-gradient(closest-side at 50% 50%, rgba(25, 25, 25, 0.68) 0%, rgba(28, 28, 28, 0.88) 72%, rgba(0,0,0,0.88) 100%) 0% 0% no-repeat padding-box; */
}

.certificados.index .bgcertificados {
    background: transparent radial-gradient(closest-side at 50% 50%, rgba(25, 25, 25, 0.68) 0%, rgba(28, 28, 28, 0.88) 72%, rgba(0,0,0,0.88) 100%) 0% 0% no-repeat padding-box; 
}

.txtbtnprod{
    color: #00000099;    
    position:relative;
}

.txtbtnprod::after{
    content: '';
    width: 100%;
    height: 1px;
    background:#00000099;
    position: absolute;
    top:0;
    left: 0;
}

.txtbtnprod.hovering::after{
    top: calc(100% - 2px);
}

.particlePlane {
    background: transparent;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(6px);
    z-index:100;
    pointer-events: none;
    mix-blend-mode: color-dodge;
}

.bgsizedest{
    background-size: cover;
}

.destaque.index .bgsizedest{
    background-size: 85% auto;
}

.slideareas{
    height: calc(var(--screenHeight) * 0.9);
    position:relative;
    width: 100%;
}

.titslideindex{ position: relative; padding-top: 60px; line-height: 1.1; z-index: 100; }

.linhatxtindex{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width:0;
    height: 2px;
    background:#000;
    margin-top: 20px;
    margin-bottom: 10px;
}

.boxborder.btndiscover{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: auto;
    z-index: 100;
}


.boxborder{
    color: #000;
    padding: 10px 50px 13px 50px;
    background: #fff;
    position:relative;
}

.boxborder::after{
    content: '';
    left: 5px;
    top: -5px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 1px solid #000;
}

.boxborder:hover{
    color: #fff; 
    background: #000;
}

.boxborder:hover::after{
    border: 1px solid #fff;
}

.btninfoprod.boxborder{
    color: #fff;
    background: #000;
}

.btninfoprod.boxborder:hover{
    color: #000;
    background: #fff;
}

.slider-destaque .slide{

}
    
.btninfoprod.boxborder::after{
    border: 1px solid #777;
}

.wrapprodutos{
    margin-top: -5px;
    background: #fff;
    z-index:100;
    padding-top: 90px;
} 

.innerprodutos{
    margin-top: -15px;
}

.wrapiconsembalagens{
    transform: translateY(calc(var(--sizeembalagens)*-0.5));
}


.iconembalagensbody{
    position:relative;
    width: var(--sizeembalagens2);
    min-width: var(--sizeembalagens2);
    height: var(--sizeembalagens2);
}

.iconembalagens{
    position:relative;
    width: var(--sizeembalagens);
    height: var(--sizeembalagens);
}


.iconembalagensbody .img,
.iconembalagens .img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--sizeembalagens);
    height: var(--sizeembalagens);
    transform: translate(-50%, -50%);
    background-color: #000;    
    -webkit-mask-size: var(--sizeembalagens)!important;
    mask-size: var(--sizeembalagens)!important;
}


.iconembalagensbody .img{
    width: var(--sizeembalagens2);
    height: var(--sizeembalagens2);
    -webkit-mask-size: var(--sizeembalagens2)!important;
    mask-size: var(--sizeembalagens2)!important;
}
.titiconprodbody{
    margin-top: 10px;
    margin-bottom: 10px;
}
.titiconprod{
    font-size:13px;
    width: var(--sizeembalagens);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}


.wrapiconembalagens:hover .iconembalagens::before{
    background: #000;
}

.wrapiconembalagens:hover .iconembalagens .img{
    background: #fff;
    z-index: 
}

.iconembalagensbody::before,
.iconembalagens::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000;
    border-radius: 50%;
    width: var(--sizeembalagens);
    height: var(--sizeembalagens);
    z-index: 0;
}   

.iconembalagensbody::before{
    width: var(--sizeembalagens2);
    height: var(--sizeembalagens2);
}

.innerinfocertificados{ max-width: 600px; z-index: 100 }

.infocertificados{ margin-top:50px; } 
.infocertificados.index{ margin-top:0px; } 

.iconscertificados{ margin-bottom:50px; }



.iconscertificados .imgcertificado{
    margin-bottom:20px;
}


.slidepartner{
    width: 120px;
    height: 110px;
}

.paddingbody{ padding: 50px 0; }

.marginfooter{
    position: relative;
    width: 100%;
    pointer-events: none;
}


.wrappartners{
    padding-top: 30px;
    padding-bottom: 40px;
}

.wrapimagemproduto{
    padding: 20px 10px;
}

.imagemproduto{
    width: 100%;
    height: 100px;
}

.wrappontoaperitivo .nome{
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

.paddingpontos{ padding: 50px 0 30px 0; }

.sliderpartners{
    max-width: 1280px;
    margin: 0 auto;
    
}

.selopremios{
    width: 70px; 
    margin-bottom: 10px;
}


/*************************************************** fim mobile ***************************************************/

@media screen and (min-width: 448px){
    .selopremios{
        width: 60px;
        margin-right: 10px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 576px){

    :root{
        --margindefault: 50px;
        --margindefault2: 70px;
    }

    .colunas2,
    .colunas3{
        clear:  both;
        position: relative;
        width: 50%;
        margin: 0;
    }
    
    .colunas2:nth-child(2n+1),
    .colunas3padd.colunas3par:nth-child(2n+1){ padding-left: 0; padding-right: calc(var(--margincolunas) / 2); clear: both; }
    .colunas2:nth-child(2n+2),
    .colunas3padd.colunas3par:nth-child(2n+2){ padding-left: calc(var(--margincolunas) / 2); padding-right: 0px; clear: none; }
    
    .searchbox{
        display: block;
        height:40px;
    }

    
    .wrapimovel{
        min-height: 250px;
        height: 250px;
        padding: 20px 45px;
    }
    
    .wrappontoaperitivo .nome{
        font-size: 18px;
        font-weight: 600;
    }
    
    .imagemproduto{
        height: 150px;
    }
    
    .txtdestaque{
        top: calc(90% - 150px);
    }
    
    .selopremios{
        width: 100px; 
        margin-right:20px;
    }
}

@media screen and (min-width: 769px){
    .logo{ min-width: 200px; }
    .navigation.collapsed .logo{min-width: 150px;}
    
    .wrapimovel{
        height: 200px;
        padding: 20px 45px;
    }
    
    .menu.desktop{ display:flex; }
    .langsmobile{display:none;}

    
    .setaaperitivo{ 
        width: 50px;
        height: 50px;
    }

    .setaaperitivo.topright{
        width: 110px;
    }

    .setaaperitivo.right{
        width: 70px;
    }
    
    .overlayword > div:nth-child(4n+2){ text-indent: -25%; }
    .overlayword > div:nth-child(4n+3){ text-indent: 50%; }

    .wrappontoaperitivo{
        max-width: 120px;
    }
    
    .imagemproduto{
        height: 250px;
    }
    
    .wrapimagemproduto{
        padding: 20px 25px;
    }

    .infocertificados{margin-top:80px;} 
    .infocertificados.index{margin-top:0px;} 
    .iconscertificados{
        margin-bottom:120px;
    }   
    
    .iconscertificados.index{
        
    }   
    
    .wrapitemsmenu{
        width: 100%;
    }
    
    .iconmenu{
        display:none;
    }

    .destaque.index .bgsizedest{
        background-size: auto 70%;
    }

    
    .bordertitleartigo, .titleartigo{ font-size: 150px; }

    .txtareasindex{
        display: none;
    }
    
    .titiconprod{
        font-size:16px;
    }
}

@media screen and (min-width: 1024px){
    .showtablet{display: initial;}
    .hidemobile{display: initial; }
    .hidetablet{display: none; }
    .showmobile{display: none; }

    .navigation.collapsed .searchbtn{ background-color: #fff; }
    
    .titleeyes{ font-size: 120px; }
    .titleexclusive{ font-size: 120px; top: 8%; }
    .overlayworddest{font-size: 120px; line-height:1; }
    

    .bordertitleartigo{
        -webkit-text-stroke-width: 1px;
    }
    
    .overlayworddest > div:nth-child(4n+1){ margin-bottom: 10px; }
    .overlayworddest > div:nth-child(4n+2){ margin-bottom: 10% } 
    
    .logomenu{ width: 190px; }
    .paddingpontos{ padding: 70px 0; }
    
    .wrappartners{ padding-top: 70px; padding-bottom: 80px; }

    .setaaperitivo.bottomleft{ 
        width: 50px;
        height: 70px;
    }
    .wrapimgaperitivo{transform:translateY(0%);}

    .txtprod{ font-size:12px;}
    .paddingbody{ padding: 80px 0; }
}


@media screen and (min-width: 1280px){

	:root{
		--marginbottomitem: 20px;
		--paddingiteminner: 10px 15px;
        --sizeembalagens: 92px;
        --sizeembalagens2: 120px;
	}

    .colunas4,
    .colunas3{ 
        clear: both;
        position: relative;
        width: 33.33%;
        margin: 0;
        box-sizing: border-box;
    }

    .colunas4:nth-child(3n+1),
    .colunas3:nth-child(3n+1){
        padding-right: 10px;
        padding-left: 0px;
        clear: both;
    }
    
    .colunas4:nth-child(3n+2),
    .colunas3:nth-child(3n+2){
        padding-left: 5px;
        padding-right: 5px;
        clear: none;
    }
    
    .colunas4:nth-child(3n+3),
    .colunas3:nth-child(3n+3){
        padding-left: 10px;
        padding-right: 0px;
        clear: none;
    }
    
    .colunas55{
        width: 55%;
        clear: none;
    }

    .colunas45{
        clear: none;
        width:45%;    
    }
    
    .colunas60{
        width: 60%;
        clear: none;
    }

    .colunas40{
        clear: none;
        width: 40%;    
    }
    
    .colunas70{
        width: 70%;
        clear: none;
    }
    
    .colunas30{
        clear: none;
        width: 30%;    
    }
    
    .imgproduto{
        height: 70vh;
        width: 100%; 
        clear: both;
        position: relative;
    }

    .wraptxtprod{
        height: 70vh;
        width: 20%; 
        clear: both;
        position: relative;
        padding: 50px 30px;
    }
    
    .showtablet{display: none;}
    .hidetablet{display: initial;}

    
    .colunas3padd:nth-child(3n+1), .colunas3padd:nth-child(3n+1){ padding-left:0; padding-right: calc(var(--margincolunas) * 2 / 3); clear: both; }
    
	.colunas4padd:nth-child(3n+2), .colunas5padd:nth-child(3n+2),
	.colunas3padd:nth-child(3n+2){ padding-left: calc(var(--margincolunas) * 1 / 3); padding-right: calc(var(--margincolunas) * 1 / 3); clear: none; }
    
	.colunas4padd:nth-child(3n+3), .colunas5padd:nth-child(3n+3),
	.colunas3padd:nth-child(3n+3){ padding-left: calc(var(--margincolunas) * 2 / 3); padding-right: 0; clear: none; }


    .margindefaultrightdesktop{
        width: calc(100% - var(--margindefault));
        margin-right: var(--margindefault);
    }
 
    :root{
        --margincolunas: 20px;
        --margindefault: 10%;
        --margindefault2: 180px;
    }

    .wrapimovel{
        min-height: 250px;
        height: 250px;
    }

    .colunas4{ 
        clear: both;
        position: relative;
        width: 33.33%;
        margin: 0;
        box-sizing: border-box;
    }

    .colunas4:nth-child(4n+1){ padding-left: 0; padding-right: calc(var(--margincolunas) * 3 / 4); clear: both;}
	.colunas4:nth-child(4n+2){ padding-left: calc(var(--margincolunas) * 1 / 4); padding-right: calc(var(--margincolunas) * 2 / 4); clear: none; }
	.colunas4:nth-child(4n+3){ padding-left: calc(var(--margincolunas) * 2 / 4); padding-right: calc(var(--margincolunas) * 1 / 4); clear: none; }
	.colunas4:nth-child(4n+4){ padding-right: 0; padding-left: calc(var(--margincolunas) * 3 / 4); clear: none; }
    
    
    .bgsizedest{
        background-size: cover;
    }
    
    
    .bordertitleartigo, .titleartigo{
        font-size: 180px;
    }
    
    .imgcertificado{
        height: 40px;
    }

    
    .setaaperitivo{ width: 60px;height: 60px;}

    .setaaperitivo.bottomleft{
        width: 70px;
        height: 110px;
    }
    .setaaperitivo.topleft{ width: 100px; height:70px; }

    .setaaperitivo.topright{ width: 135px;  height: 70px;
    }

    .setaaperitivo.right{
        width: 100px;
        height: 70px;
    }
     
    .wrappontoaperitivo .nome{
        font-size: 20px;
        font-weight: bold;
    }
    

    .wrapimagemproduto{
        padding: 20px 40px;
    }
    
    
    .paddingbody{ padding: 100px 0; }

    
    .titlebordercinza{font-size: 130px;}

 

}