@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'Futura BT';
    src: url('../fonts/FUTURA MD BT BOLD.TTF') format('truetype');
}

:root{
    --fTema:#5596cd; /* Azul */
    --fTema2:#bdd86a; /* Verde */
    --fTema3:; /**/
    --fTema4:; /**/  
}

* { box-sizing: border-box; }

:focus{ outline: none;}
/* force scrollbar */
html { overflow-y: scroll; }

body { background:#fff!important; font-family: 'Roboto', sans-serif; font-size: 16px; padding-right: 0!important; font-weight: 400; overflow: hidden; line-height: normal; }

a { color: unset; }

/* Quebras */
.quebra   { clear:both; }
.quebra10 { clear:both; height:10px; }
.quebra15 { clear:both; height:15px; }
.quebra20 { clear:both; height:20px; }
.quebra30 { clear:both; height:30px; }
.quebra50 { clear:both; height:50px; }
.quebra70 { clear:both; height:70px; }
.quebra80 { clear:both; height:80px; }
.quebra100 { clear:both; height:100px; }
.quebraPalavra { word-wrap: break-word; }


/* Display */
.cp { cursor:pointer; }

.db { display:block; }
.dn { display:none; }
.di { display:inline; }
.dib { display:inline-block; }
.dif { display: inline-flex;}
.dtc { display:table-cell; }
.dt { display: table;}
.df { display: flex; }

.pa { position:absolute; }
.pf { position:fixed; }
.pr { position:relative; }

.float { float:left; position:relative; }
.floatD { float:right; position:relative; }
.floatF { float:left; position:relative; width:100%; }
.floatN { float: none; }


/* Espaçamento (Margin e Padding) */
.m0 { margin: 0px; } .m5 { margin: 5px; } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m25 { margin: 25px; } .m30 { margin: 30px; } .m35 { margin: 35px; } .m40 { margin: 40px; } .m45 { margin: 45px; } .m50 { margin: 50px; } .m55 { margin: 55px; } .m60 { margin: 60px; } .m65 { margin: 65px; } .m70 { margin: 70px; } .m75 { margin: 75px; } .m80 { margin: 80px; } .m85 { margin: 85px; } .m90 { margin: 90px; } .m95 { margin: 95px; } .m100 { margin: 100px; }
.ml0  { margin-left:0; } .ml5  { margin-left:5px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; } .ml25 { margin-left:25px; } .ml30 { margin-left:30px; } .ml35 { margin-left:35px; } .ml40 { margin-left:40px; } .ml45 { margin-left:45px; } .ml50 { margin-left:50px; } .ml55 { margin-left:55px; } .ml60 { margin-left:60px; } .ml65 { margin-left:65px; } .ml70 { margin-left:70px; } .ml75 { margin-left:75px; } .ml80 { margin-left:80px; } .ml85 { margin-left:85px; } .ml90 { margin-left:90px; } .ml95 { margin-left:95px; } .ml100 { margin-left:100px; }
.mr0  { margin-right:0; } .mr5  { margin-right:5px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; } .mr25 { margin-right:25px; } .mr30 { margin-right:30px; } .mr35 { margin-right:35px; } .mr40 { margin-right:40px; } .mr45 { margin-right:45px; } .mr50 { margin-right:50px; }.mr55 { margin-right:55px; } .mr60 { margin-right:60px; } .mr65 { margin-right:65px; } .mr70 { margin-right:70px; } .mr75 { margin-right:75px; } .mr80 { margin-right:80px; } .mr85 { margin-right:85px; } .mr90 { margin-right:90px; } .mr95 { margin-right:95px; } .mr100 { margin-right:100px; }
.mt0  { margin-top:0; } .mt5  { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt25 { margin-top:25px; } .mt30 { margin-top:30px; } .mt35 { margin-top:35px; } .mt40 { margin-top:40px; } .mt45 { margin-top:45px; } .mt50 { margin-top:50px; } .mt55 { margin-top:55px; } .mt60 { margin-top:60px; } .mt65 { margin-top:65px; } .mt70 { margin-top:70px; } .mt75 { margin-top:75px; } .mt80 { margin-top:80px; } .mt85 { margin-top:85px; } .mt90 { margin-top:90px; } .mt95 { margin-top:95px; } .mt100 { margin-top:100px; }
.mb0  { margin-bottom:0; } .mb5  { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .mb25 { margin-bottom:25px; } .mb30 { margin-bottom:30px; } .mb35 { margin-bottom:35px; } .mb40 { margin-bottom:40px; } .mb45 { margin-bottom:45px; } .mb50 { margin-bottom:50px; } .mb55 { margin-bottom:55px; } .mb60 { margin-bottom:60px; } .mb65 { margin-bottom:65px; } .mb70 { margin-bottom:70px; } .mb75 { margin-bottom:75px; } .mb80 { margin-bottom:80px; } .mb85 { margin-bottom:85px; } .mb90 { margin-bottom:90px; } .mb95 { margin-bottom:95px; } .mb100 { margin-bottom:100px; } .mb150 { margin-bottom: 150px;} .mb200 { margin-bottom: 200px;} .mb250 { margin-bottom: 250px;}
.mbN20  {margin-bottom: -20px}
.mtb25 { margin-bottom: 25px; margin-top: 25px;}
.mtb20 { margin-bottom: 20px; margin-top: 20px;}

.p0 { padding: 0px; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p35 { padding: 35px; } .p40 { padding: 40px; } .p45 { padding: 45px; } .p50 { padding: 50px; } .p55 { padding: 55px; } .p60 { padding: 60px; } .p65 { padding: 65px; } .p70 { padding: 70px; } .p75 { padding: 75px; } .p80 { padding: 80px; } .p85 { padding: 85px; } .p90 { padding: 90px; } .p95 { padding: 95px; } .p100 { padding: 100px; }
.pl0  { padding-left:0; } .pl5  { padding-left:5px; } .pl10 { padding-left:10px; } .pl15 { padding-left:15px; } .pl20 { padding-left:20px; } .pl25 { padding-left:25px; } .pl30 { padding-left:30px; } .pl35 { padding-left:35px; } .pl40 { padding-left:40px; } .pl45 { padding-left:45px; } .pl50 { padding-left:50px; } .pl55 { padding-left:55px; } .pl60 { padding-left:60px; } .pl65 { padding-left:65px; } .pl70 { padding-left:70px; } .pl75 { padding-left:75px; } .pl80 { padding-left:80px; } .pl85 { padding-left:85px; } .pl90 { padding-left:90px; } .pl95 { padding-left:95px; } .pl100 { padding-left:100px; }
.pr0  { padding-right:0; } .pr5  { padding-right:5px; } .pr10 { padding-right:10px; } .pr15 { padding-right:15px; } .pr20 { padding-right:20px; } .pr25 { padding-right:25px; } .pr30 { padding-right:30px; } .pr35 { padding-right:35px; } .pr40 { padding-right:40px; } .pr45 { padding-right:45px; } .pr50 { padding-right:50px; }.pr55 { padding-right:55px; } .pr60 { padding-right:60px; } .pr65 { padding-right:65px; } .pr70 { padding-right:70px; } .pr75 { padding-right:75px; } .pr80 { padding-right:80px; } .pr85 { padding-right:85px; } .pr90 { padding-right:90px; } .pr95 { padding-right:95px; } .pr100 { padding-right:100px; }
.pt0  { padding-top:0; } .pt5  { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; } .pt25 { padding-top:25px; } .pt30 { padding-top:30px; } .pt35 { padding-top:35px; } .pt40 { padding-top:40px; } .pt45 { padding-top:45px; } .pt50 { padding-top:50px; } .pt55 { padding-top:55px; } .pt60 { padding-top:60px; } .pt65 { padding-top:65px; } .pt70 { padding-top:70px; } .pt75 { padding-top:75px; } .pt80 { padding-top:80px; } .pt85 { padding-top:85px; } .pt90 { padding-top:90px; } .pt95 { padding-top:95px; } .pt100 { padding-top:100px; }
.pb0  { padding-bottom:0; } .pb5  { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .pb25 { padding-bottom:25px; } .pb30 { padding-bottom:30px; } .pb35 { padding-bottom:35px; } .pb40 { padding-bottom:40px; } .pb45 { padding-bottom:45px; } .pb50 { padding-bottom:50px; } .pb55 { padding-bottom:55px; } .pb60 { padding-bottom:60px; } .pb65 { padding-bottom:65px; } .pb70 { padding-bottom:70px; } .pb75 { padding-bottom:75px; } .pb80 { padding-bottom:80px; } .pb85 { padding-bottom:85px; } .pb90 { padding-bottom:90px; } .pb95 { padding-bottom:95px; } .pb100 { padding-bottom:100px; } .pb200{ padding-bottom: 200px; } .pb250{ padding-bottom: 250px; }
.ptb5 { padding-top:5px; padding-bottom:5px; } .ptb10 { padding-top:10px; padding-bottom:10px; } .ptb15 { padding-top:15px; padding-bottom:15px; } .ptb20 { padding-top:20px; padding-bottom:20px; } .ptb25 { padding-top:25px; padding-bottom:25px; } .ptb30 { padding-top:30px; padding-bottom:30px; } .ptb35 { padding-top:35px; padding-bottom:35px; } .ptb40 { padding-top:40px; padding-bottom:40px; } .ptb45 { padding-top:45px; padding-bottom:45px; } .ptb50 { padding-top:50px; padding-bottom:50px; } .ptb55 { padding-top:55px; padding-bottom:55px; } .ptb60 { padding-top:60px; padding-bottom:60px; } .ptb65 { padding-top:65px; padding-bottom:65px; } .ptb70 { padding-top:70px; padding-bottom:70px; } .ptb75 { padding-top:75px; padding-bottom:75px; } .ptb80 { padding-top:80px; padding-bottom:80px; } .ptb85 { padding-top:85px; padding-bottom:85px; } .ptb90 { padding-top:90px; padding-bottom:90px; } .ptb95 { padding-top:95px; padding-bottom:95px; } .ptb100 { padding-top:100px; padding-bottom:100px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p { font-family: inherit; font-weight: inherit; line-height: 1; color: inherit; margin: 0; }

.mAuto { margin: auto; }
.mLRAuto { margin-left: auto; margin-right: auto; }

/* Fonte */
.e6 { font-size:0.375em; }
.e8 { font-size:0.500em; }
.e10 { font-size:0.625em; }
.e12 { font-size:0.750em; }
.e14 { font-size:0.875em; }
.e16 { font-size:1.000em; }
.e18 { font-size:1.125em; }
.e20 { font-size:1.250em; }
.e22 { font-size:1.375em; }
.e24 { font-size:1.500em; }
.e26 { font-size:1.625em; }
.e28 { font-size:1.750em; }
.e30 { font-size:1.875em; }
.e32 { font-size:2.000em; }
.e36 { font-size:2.250em; }
.e40 { font-size:2.500em; }
.e50 { font-size:3.125em; }
.e60 { font-size:3.750em; }
.e70 { font-size:4.375em; }
.e80 { font-size:5.000em; }
.e90 { font-size:5.625em; }

.fb { font-weight:bold; }
.fn { font-weight:normal; }
.fFina { font-weight: lighter; }
.fFina2 { font-weight: 300; }
.fBlack { font-weight: 900; }
.fBlack strong { font-weight: 900; }
.f600 { font-weight: 600; }

.fMax { text-transform:uppercase; }
.fMin { text-transform:lowercase; }

.tdn {text-decoration: none; }
.tdu { text-decoration: underline;}

.fBranco { color:#fff; }
.fPreto { color:#000; }
.fVermelho { color: #a94442; }
.fCinza { color: #858585; }
.fTema { color:var(--fTema); }
.fTema2 { color:var(--fTema2); }
.fTema3 { color:var(--fTema3); }
.fTema4 { color:var(--fTema4); }

.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w58 { width: 58%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.full { width:100%; }
.wAuto { width: auto; }
.wFit { width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }

/* Alinhamento */
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtJustify { text-align: justify; }

.jcSpaceBetween { justify-content: space-between; }
.jcCenter { justify-content: center; }
.jcEnd { justify-content: end; }
.jcFlexEnd { justify-content: flex-end; }
.jcSpaceEvenly { justify-content: space-evenly; }

.alignItemsCenter { align-items: center; }
.alignItemsBaseline { align-items: baseline; }
.alignItemsFlexStart { align-items: flex-start; }
.alignItemsFlexEnd { align-items: flex-end; }
.alignItemsEnd { align-items: end; }

.flexWrap { flex-wrap: wrap; }

/* Backgrounds */
.bgBranco { background:#fff; }
.bgPreto { background: #000; }
.bgWhats { background:#00a64e; }
.bgTema { background:var(--fTema); }
.bgTema2 { background:var(--fTema2); }
.bgTema3 { background:var(--fTema3); }
.bgTema4 { background:var(--fTema4); }

/* Classes Especificas Site */
#containerCookie { position: fixed; z-index: 40; bottom: 80px; display: block; width: 70%; }

.mLAuto { margin-left: auto; }

.fFutura { font-family: 'Futura BT', sans-serif; }
.fCond { font-family: 'Roboto Cndensed', sans-serif; }

.menuFlex { width: fit-content; padding: 0px; position: relative; margin: 0 auto; }
.menuFlex ul { padding: 0px 0px; font-size: 1.125em; list-style: none; margin: 0; display: flex; justify-content: center; }
.menuFlex ul li { margin: 0 2px; padding: 0px 20px; flex-basis: auto; text-align: center; position: relative; display: flex; align-items: center; color: #fff; }
.menuFlex ul li a { text-decoration: none; font-size: 1em; display: block; color: #000; font-weight: 400; transition: all 0.3s linear; }
.menuFlex > ul > li > a:hover { color: #000; }

.menuFlex ul li:not(:last-child) { border-right: 1px solid #000; }

.botaoPadrao { transition: all 0.3s linear; display: block; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }
.botaoPadrao a { display: flex; align-items: center; justify-content: center; color: #fff; padding: 10px 20px; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }
.botaoPadrao a svg { width: 1em; fill: #fff; margin-left: 5px; }
.botaoPadrao.bgWhats a { background-color: #199d0e; }
.botaoPadrao.bgTema a { background-color: var(--fTema); }
.botaoPadrao.bgTema2 a { background-color: var(--fTema2); }
.botaoPadrao a:hover, .botaoPadrao a:link, .botaoPadrao a:visited, .botaoPadrao a:active { text-decoration: none; color: #fff; }

.botaoPadrao.bgWhats:hover { box-shadow: 0 0 14px 6px #199d0e; }
.botaoPadrao.bgTema:hover { box-shadow: 0 0 14px 6px var(--fTema); }
.botaoPadrao.bgTema2:hover { box-shadow: 0 0 14px 6px var(--fTema2); }

.bgBanner { background: linear-gradient(0deg, rgba(85,150,205,1) 25%, rgba(255,255,255,1) 25%); }

.banner {
    width: 95%;
    margin: 0 auto;
    padding: 60px calc(30px + (100 - 30) * ((100vw - 768px) / (1880 - 768)));
    background: url('../img/layout/banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: right;
}

.banner h1 {
    font-size: calc(60px + (120 - 60) * ((100vw - 768px) / (1880 - 768)));
    font-weight: 800;
    font-family: 'Futura BT', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.banner p {
    font-size: calc(15px + (24 - 15) * ((100vw - 768px) / (1880 - 768)));
    color: #5a5a5a;
    margin-bottom: calc(0px + (100 - 0) * ((100vw - 768px) / (1880 - 768)));
}

.banner .imgBanner {
    width: calc(226px + (870 - 226) * ((100vw - 768px) / (1880 - 768)));
    left: 5%;
    top: calc(131.25px + (235 - 131.25) * ((100vw - 768px) / (1880 - 768)));
    position: absolute;
    z-index: 2;
}

.imgOportunidade { width: 40%; margin-top: calc(-40px + (-100 - -40) * ((100vw - 768px) / (1880 - 768))); z-index: 3; position: relative; }

.textoImgSobre { position: absolute; width: 100%; height: 100%; padding: calc(30px + (80 - 30) * ((100vw - 768px) / (1880 - 768))) 20px 0px calc(20px + (40 - 20) * ((100vw - 768px) / (1880 - 768))); }

.textoImgSobre .e40 { font-size: calc(20px + (40 - 20) * ((100vw - 768px) / (1880 - 768))); }

.oportunidades { position: absolute; width: calc(685px + (1306 - 685) * ((100vw - 768px) / (1880 - 768))); bottom: calc(0px + (87 - 0) * ((100vw - 768px) / (1880 - 768))); left: calc(0px + (87 - 0) * ((100vw - 768px) / (1880 - 768))); z-index: 4; }

.containerOportunidade .mascara { position: absolute; padding: 40px 20px 0px 20px; width: 100%; height: 100%; left: 0; top: 0; background: #0000008c; color: #fff; }

.containerOportunidade .mascara .e30 { font-size: calc(14px + (30 - 14) * ((100vw - 768px) / (1880 - 768))); }

.imgEnvio {
    position: absolute;
    width: 85%;
    bottom: 10%;
    left: -40%;
}

.separador1 { margin-bottom: calc(-40px + (-120 - -40) * ((100vw - 768px) / (1880 - 768))); }
.separador1 svg { fill: var(--fTema); width: 100%; }

.tituloGrande { font-size: calc(50px + (140 - 50) * ((100vw - 768px) / (1880 - 768))); }

.e40.bgTema2.fTema { font-size: calc(30px + (40 - 30) * ((100vw - 768px) / (1880 - 768))); }
.continuacaoFaixa { position: absolute; height: 100%; width: 100%; left: 100%; top: 0; display: block; background: var(--fTema2); }

.btnCliqueWhats { border: 2px solid #2ABA40; border-radius: 30px; width: fit-content; width: -moz-fit-content; font-size: calc(15px + (22 - 15) * ((100vw - 768px) / (1880 - 768))); padding: 5px 13px 5px 0px; }
.btnCliqueWhats a {
    position: relative;
    background: #2ABA40;
    display: inline;
    border-radius: 30px 0px 0px 30px;
    padding: 8px 30px 8px 20px;
    color: #fff;
}

.btnCliqueWhats a:hover, .btnCliqueWhats a:link, .btnCliqueWhats a:active, .btnCliqueWhats a:visited { color: #fff; text-decoration: none; }

.btnCliqueWhats a img { filter: drop-shadow(0px 0px 6px #00000080); position: absolute; width: calc(50px + (100 - 50) * ((100vw - 768px) / (1880 - 768))); background-repeat: no-repeat; right: calc(-30px + (-80 - -30) * ((100vw - 768px) / (1880 - 768))); top: 50%; transform: translate(0px, -50%); background-size: cover; }

.paddingLeft { padding-left: calc(0px + (270 - 0) * ((100vw - 768px) / (1880 - 768))); }

.separador2 { position: absolute; z-index: 0; left: 0; bottom: 0; width: 100%; }
.separador2 svg { fill: var(--fTema2); width: 100%; }

.textoAnosMercado { font-size: calc(40px + (100 - 40) * ((100vw - 768px) / (1880 - 768))); color: var(--fTema); font-family: 'Futura BT', sans-serif; text-transform: uppercase; }
.textoAnosMercado .mais { font-size: 2.6em; margin-left: 0.23em; line-height: 0.6em; }
.textoAnosMercado .anos { font-size: 5em; line-height: 0.8em; text-shadow: 0px 18px 15px #0000008c; }
.textoAnosMercado .mercado { font-size: 1.35em; }

.textoExtra {
    color: #5a5a5a;
    text-transform: none;
    position: absolute;
    width: calc(300px + (500 - 300) * ((100vw - 768px) / (1880 - 768)));
    left: 60%;
    bottom: 30%;
    font-weight: 400!important;
    font-family: 'Roboto';
}

.textoExtra p { font-size: calc(15px + (25 - 15) * ((100vw - 768px) / (1880 - 768))); margin-bottom: 0.8em; }

.fObjetivos { font-size: calc(65px + (100 - 65) * ((100vw - 768px) / (1880 - 768))); margin-right: calc(110px + (0 - 110) * ((100vw - 768px) / (1880 - 768))); }

.homem { position: absolute; bottom: 0; z-index: 1; }

.faixaRevendedor .e40 { font-size: calc(26px + (40 - 26) * ((100vw - 768px) / (1880 - 768))); }

.fDropshipping { font-size: calc(40px + (90 - 40) * ((100vw - 768px) / (1880 - 768))); }

.objetivos { display: flex; flex-wrap: wrap; width: 70%; margin-left: auto; }
.objetivos p { font-size: calc(20px + (40 - 20) * ((100vw - 768px) / (1880 - 768))); font-weight: 800; background: var(--fTema2); color: var(--fTema); text-transform: uppercase; padding: 10px 30px; flex-basis: 1; margin-right: 20px; margin-bottom: 20px; }

.frascos1 {
    position: absolute;
    top: -6%;
    left: 12%;
    width: 20%;
    z-index: 0;
}
.frascos2 {
    position: absolute;
    top: 22%;
    left: -10%;
    width: 25%;
    z-index: 2;
}
.frascos3 {
    position: absolute;
    top: -20%;
    right: -9%;
    width: 20%;
}

.logoRodape { margin-left: auto; margin-right: auto; display: block; padding: 30px 0px; max-width: 360px; }
.iconeSocial svg { width: 20px; fill: var(--fTema2); }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive-4by3 { padding-bottom: 75%; }

/* WhatsRodape */
.whatsAppRodape {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #089c4c;
    color: #fff;
    z-index: 9999;
}
.whatsAppRodape a { display: block; padding: 12px 15px 10px; }
.whatsAppRodape .e18 { display: flex; align-items: center; justify-content: center; }
.whatsAppRodape svg { fill: #fff; width: 18px; margin-left: 5px; }

/* Menu Mobile */

.overflow { overflow: hidden; }
.button_container { position: absolute; height: 27px; width: 35px; cursor: pointer; z-index: 100; transition: opacity 0.25s ease; margin-left: auto; top: 10px; right: 10px; }
.button_container:hover span { background: var(--fTema); }
.button_container.active .top { transform: translateY(11px) translateX(0) rotate(45deg); background: #FFF; }
.button_container.active .middle { opacity: 0; background: #FFF; }
.button_container.active .bottom { transform: translateY(-11px) translateX(0) rotate(-45deg); background: #FFF; }
.button_container span { background: var(--fTema); border: none; height: 5px; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.35s ease; cursor: pointer; }
.button_container span:nth-of-type(2) { top: 11px; }
.button_container span:nth-of-type(3) { top: 22px; }
.overlay { position: fixed; background: var(--fTema); top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: all 0.35s linear; overflow: hidden; z-index: 99; }
.overlay.open { opacity: 0.9; visibility: visible; height: 100%; }.overlay.open li:nth-of-type(2) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.overlay nav { position: relative; height: 60%; top: 46%; transform: translateY(-57%); font-size: 26px; font-weight: 400; text-align: center; }
.overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100%; }
.overlay ul li { padding-bottom: 15px; position: relative; opacity: 1; }
.overlay ul li a { display: block; position: relative; color: #FFF; text-decoration: none; overflow: hidden; }
.overlay ul li a.linkMenuMobile:hover:after, .overlay ul li a.linkMenuMobile:focus:after, .overlay ul li a.linkMenuMobile:active:after, .overlay ul li.atual a.linkMenuMobile:after { width: 100%; }
.overlay ul li a:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 3px; background: #FFF; transition: 0.35s; }

/* Links */
a.lNeutro:hover, a.lNeutro:visited, a.lNeutro:link { color: inherit; }
a.linkSunset:hover { color: var(--fTema2); }
a:focus { outline: none; outline: none; outline-offset: 0px; }
a:focus, a:hover { color: inherit; text-decoration: none; }
a.lRodape:link, a.lRodape:visited { color:inherit; text-decoration:none; }
a.lRodape:hover { color: var(--fTema) }

/* Fim Classes especificas */

/* MEDIA QUERIES --------------------*/
@media all and (max-width: 767px) {
    .fullXs { width: 100%; }
    .dbXs { display: block; }
    .mrNoneXs { margin-right: 0px; }

    .logoTopo { width: 80%; max-width: 350px; }

    .banner { padding: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320))) calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320))) 60px ; }
    .banner h1 { font-size: calc(20px + (60 - 20) * ((100vw - 320px) / (767 - 320))); margin-bottom: 30px; }
    .banner .imgBanner { width: calc(90px + (250 - 90) * ((100vw - 320px) / (767 - 320))); left: 3%; top: calc(50px + (130 - 50) * ((100vw - 320px) / (767 - 320))); }

    .imgOportunidade { width: 90%; max-width: 500px; }
    .imgOportunidade.mr50 { margin-right: 15px; }
    .textoImgSobre .e40 { font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (767 - 320))); }

    .oportunidades { position: relative; width: 100%; padding: 0px 10px; left: 0; bottom: 0; margin-top: calc(-190px + (-350 - -190) * ((100vw - 320px) / (767 - 320))); }
    .containerOportunidade .mascara { padding: 20px 10px 0px 10px; }
    .containerOportunidade .mascara .e30 { font-size: calc(12px + (30 - 12) * ((100vw - 320px) / (767 - 320))); }

    .separador1 { margin-bottom: 30px; }

    .tituloGrande { font-size: calc(20px + (55 - 20) * ((100vw - 320px) / (767 - 320))); }
    .e40.bgTema2.fTema { font-size: calc(9px + (30 - 9) * ((100vw - 320px) / (767 - 320))); }

    .btnCliqueWhats { margin: 20px auto 0px auto; display: block; }

    .textoAnosMercado { font-size: calc(18px + (45 - 18) * ((100vw - 320px) / (767 - 320))); margin-bottom: 20px; }

    .textoAnosMercado .anos {
        text-shadow: 0px calc(6px + (10 - 6) * ((100vw - 320px) / (767 - 320))) calc(9px + (15 - 9) * ((100vw - 320px) / (767 - 320))) #0000008c;
    }

    .textoExtra { position: relative; bottom: 0; left: 0; width: 100%; padding: 0px 10px; }
    .textoExtra p { font-size: 16px; }

    .frascos1 { top: calc(-30px + (-130 - -30) * ((100vw - 320px) / (767 - 320))); }
    .frascos3 { display: none; }

    .fObjetivos {
        font-size: calc(30px + (80 - 30) * ((100vw - 320px) / (767 - 320)));
        margin-right: 0px;
        margin-bottom: 20px;
        margin-top: 50px;
    }
    .objetivos.mb50 { margin-bottom: 10px; }
    .objetivos p {
        font-size: calc(9px + (29 - 9) * ((100vw - 320px) / (767 - 320)));
        font-weight: 800;
        background: var(--fTema2);
        color: var(--fTema);
        text-transform: uppercase;
        padding: 10px 10px;
        flex-basis: 1;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .faixaRevendedor .e40 { font-size: 30px; }
    .fDropshipping { font-size: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320))); }
}
@media (min-width: 768px) and (max-width: 991px) {
    .logoTopo { margin-bottom: 20px; }
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px){
    .frascos1 {
        position: absolute;
        top: -2%;
        left: 12%;
        width: 20%;
        z-index: 0;
    }
}

/* MEDIA QUERIES Especiais --------------------*/


a img { background:none; border-width: 0; text-decoration:none; }