@import 'https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700&display=swap';img,picture,video,embed,iframe{max-width:100%}

img, picture, video, embed, iframe { max-width: 100%;}
.verticalAlignFlex{align-items:center;display:flex}
a:focus{outline:none}
ul {list-style:none}

h1,h2{margin:30px 0 45px;text-align:center;text-transform:inherit!important;color:#278898; font:700 44px nunito sans,sans-serif}
h2 { border-bottom: 1px solid #e0e0e0; margin-left: auto; margin-right: auto;}
h2:after { content: ''; width: 50px;  border-bottom: 4px; border-radius: 50%; border: 2px solid #CCC; width: 15px; background: #fff; height: 15px; display: block; margin: auto; margin-bottom: -5px; margin-bottom: -7px; margin-top: 20px; transform: rotate(45deg); }
h3{text-align:center;font-size:28px;font-family:nunito sans,sans-serif;color:#6a6a6a}
h2 {max-width: 650px;width: 100%;}
h2 small{display:block}
h1{margin-top:60px;margin-bottom:0}

/* .btnCta { background: #2aaec8; border-radius: 8px; color: #fff; display: inline-block; font-size: 20px; padding: 20px 45px; text-decoration: none;} */
.btnCta, .btn-action{background:#519E8A;border-radius:6px;color:#fff;display:inline-block;font:17px nunito sans,sans-serif;padding:20px 45px;text-decoration:none;transition:all .15s}
.btnCta:hover, .btn-action:hover{background:#12ba8f; color:#fff;text-decoration:none;transform:scale(1.03);box-shadow:0 2px 8px rgb(0 0 0/20%)}

.headerTop{background:#f8f8fa;padding-bottom:15px;padding-top:15px}
.headerTop .topContent{position:relative;z-index:1}
.headerTop .topContent .telTop{text-align:right}
.headerTop .topContent .telTop a{background:#AFBED1;border-radius:8px;color:#fff;display:inline-block;font-family:nunito sans,sans-serif;font-size:16px;padding:8px 20px;text-decoration:none}
.headerTop .topContent .telTop a i{font-size:18px;margin-left:5px;position:relative}
.headerTop .menuTop{ left:0; margin-top: -52px;position:absolute;right:0;text-align:center}
.headerTop .menuTop .menuInstitucional{display:inline-block;text-align:center;list-style:none;margin:0;padding:0;position:relative;z-index:1}
.headerTop .menuTop .menuInstitucional li{display:inline-block;margin-left:30px}
.headerTop .menuTop .menuInstitucional li a{color:#4c4c4c;font-family:nunito sans,sans-serif;font-size:18px;position:relative;transition:all .2s}
.headerTop .menuTop .menuInstitucional li a:hover::after{bottom:-15px;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #acdbe1;height:0;left:calc(50% - 5px);position:absolute;width:0}
.headerTop .menuTop .menuInstitucional li a:hover{color:#000;text-decoration:none}
.headerTop .navMenuButton{display:none}

.banner{position:relative; text-align: center;}
.banner a::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}
.banner .boxBanner .textContent{bottom:0;display:flex;flex-direction:column;justify-content:center;max-width:570px;position:absolute;top:0;width:50%}
.banner .boxBanner .textContent .h1 small{display:block;height:0;opacity:0;width:0}
.banner .boxBanner .textContent .h1{color:#278898;font:136px franklin gothic,sans-serif;margin:0;position:relative;text-transform:uppercase;text-shadow:-6px 4px #fff}
.banner .boxBanner .textContent p{color:#355f66;font:25px nunito sans,sans-serif;margin-bottom:15px}

.boxKits{padding:60px 0;text-align:center;clear:both}
.boxKits .box{margin-bottom:30px}
.boxKits h2{margin:0 0 30px}
.boxKits p{font:17px/24px 'Nunito Sans',sans-serif;color:#717171;margin:0 auto 50px;max-width:650px;width:100%;text-align:center}
.boxKits .contentLi{border:12px solid #f0f0f0;background:linear-gradient(0deg,rgba(255,255,255,1) 20%,rgba(249,249,249,1) 100%);border-radius:0 30px 0 30px;padding-bottom:45px;padding-top:45px;text-align:center;transition:all .15s;position:relative}
.boxKits .contentLi:hover{transform:scale(1.02);border:4px solid #b5dceb;background:linear-gradient(0deg,rgba(255,255,255,1) 30%,rgba(249,249,249,1) 100%)}
.boxKits .contentLi img{margin-bottom:10px}
.boxKits .contentLi h3{color:#738f9b;font:700 32px nunito sans,sans-serif;margin:0 0 30px}
.boxKits .contentLi h3 small{border-bottom:1px solid #b5dceb;color:#86a5b1;display:block;font:800 19px nunito sans,sans-serif;margin:0 40px;padding-bottom:30px}
.boxKits .contentLi ul{list-style:none;padding:0 40px;text-align:left}
.boxKits .contentLi ul li{margin-bottom:18px;padding-left:30px;position:relative}
.boxKits .contentLi ul li::before{content:"";border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:7px solid #345f65;left:0;position:absolute;top:4px}
.boxKits .contentLi ul li p{font-size:15px;font-family:nunito sans,sans-serif;text-align:left;margin:0;line-height:18px}
.boxKits .contentLi a.quero{padding:15px 30px}
.boxKits .contentLi p.preco{background:#e9e9e9;color:#355f66;font:21px nunito sans,sans-serif;margin-bottom:15px;padding:15px;display:none}
.boxKits .contentLi p.lucro{padding:30px 0;color:#738f9b;font:18px nunito sans,sans-serif;line-height:20px;width:60%;border-radius: 22px;margin:45px auto;border:3px dashed #b4dceb}
.boxKits .contentLi p.lucro span{padding-top:10px;color:#cfc099;display:block;font:600 24px nunito sans,sans-serif}
.boxKits .contentLi p.lucro .badge{display:none}
.boxKits .contentLi:hover p.lucro{color:#fff;background:#738f9b;border:3px solid #738f9b}
.boxKits .contentLi a.downloadCatalogo{color:#59a6bd;display:block;font:15px nunito sans,sans-serif;margin-top:30px;display:none}
.boxKits .maisVendido::before{content:'MAIS VENDIDO';font:15px/14px 'Nunito Sans',sans-serif;position:absolute;top:0px;background:#b5dceb;padding:10px 14px;color:#fff;right:0;width:100%;border-radius:0px 18px 0px 0px;}


.owl-carousel .owl-controls .owl-nav>div{display:block;height:69px;position:absolute;text-indent:-999em;top:50%;transform:translateY(-50%);width:30px}
.owl-carousel .owl-controls .owl-nav .owl-prev{background-image:url(imagens/layout/arrow-left.png);left:-65px}
.owl-carousel .owl-controls .owl-nav .owl-next{background-image:url(imagens/layout/arrow-right.png);right:-65px}

.boxSobreNos-1{padding:60px 0;margin:0 0 30px;background:#345f66;border-radius:0 0 50px 50px;font-family:nunito sans,sans-serif;overflow:hidden;position:relative}
.boxSobreNos-1 h2{margin:0 0 20px}
.boxSobreNos-1 *{color:#fff!important}
.boxSobreNos-1 .container{position:relative;z-index:1}
.boxSobreNos-1::before{content:"";background:url(imagens/layout/back-left.png) no-repeat bottom left;bottom:0;display:block;width:100%;position:absolute;top:0}
.boxSobreNos-1::after{content:"";background:url(imagens/layout/back-right.png) no-repeat top right;bottom:0;display:block;width:100%;position:absolute;top:0}
.boxSobreNos-1 ul{list-style:none;margin:0;padding:0}
.boxSobreNos-1 ul li::after{background:url(imagens/layout/border-bottom.png) no-repeat;content:"";display:block;height:1px;margin:20px 0;width:100%}
.boxSobreNos-1 ul li span{display:inline-block;width:130px;vertical-align:middle}
.boxSobreNos-1 ul li p{color:#fff;display:inline-block;font:19px nunito sans,sans-serif;max-width:230px;vertical-align:middle;width:100%}

.boxSobreNos-2{padding-bottom:60px;padding-top:60px;margin-top:30px;text-align:center}
.boxSobreNos-2 h2{ margin: 0 auto 15px}
.boxSobreNos-2 p{color:#717171;font:17px/24px 'Nunito Sans',sans-serif;margin:0 auto 50px;max-width:82%;width:650px}
.boxSobreNos-2 .row p{font:19px nunito sans,sans-serif}
.boxSobreNos-2 .row img{margin-bottom:15px}
.boxSobreNos-2 a{border-radius:8px;color:#fff;display:inline-block;font-size:20px;text-decoration:none}

.boxSejaUmRevendedor {padding:60px 0;margin:30px 0;background:#AFBED1;background-size:cover;text-align:center}
.boxSejaUmRevendedor img{margin:0 0 10px}
.boxSejaUmRevendedor h2 {border-bottom: 0; color:#fff;}
.boxSejaUmRevendedor h2 small { color:#fff; display: block;}
.boxSejaUmRevendedor h2::before, .boxSejaUmRevendedor h2::after { display: none;}
.boxSejaUmRevendedor a { border-radius: 8px; display: inline-block; padding: 20px 45px;}

.boxProdutos{padding:60px 0;text-align:center}
.boxProdutos h2 { margin: 0 auto 10px}
.boxProdutos p{color:#717171;font:17px/24px 'Nunito Sans',sans-serif;margin:0 auto 50px;max-width:650px;width:100%}
.boxProdutos .imgGallery{list-style:none;margin:0 0 50px;overflow:hidden;padding:0}
.boxProdutos .imgGallery figure{float:left;padding:8px;text-align:center;width:25%}
.boxProdutos .imgGallery figure:nth-child(1n+9){display:none}
.boxProdutos .imgGallery figure a{display:inline-table;overflow:hidden;border-radius:0 0 40px 0}
.boxProdutos .imgGallery figure a img{transition:all .2s ease 0s;display:inline-table}
.boxProdutos .imgGallery figure:hover>a img{transform:rotate(0deg) scale(1.04)}
.boxProdutos .imgGallery .imgSecundaria {}
.boxProdutos .imgGallery figure:hover>a::after{content:"";background:rgba(0,0,0,.2);position:absolute;bottom:8px;left:8px;right:8px;top:8px;z-index:1;transition:all .25s;border-radius:0 0 40px 0}
.boxProdutos .btnCustom1{background:#2aaec8;border-radius:8px;color:#fff;display:inline-block;margin-bottom:50px;font-size:20px;text-decoration:none}

.modalTel .modal-header{background:#35dfd2;border-bottom:0;color:#fff;padding:15px;text-align:center}
.modalTel .modal-header h4{text-transform:uppercase;font-size:16px}
.modalTel .telTopBody{font-size:20px}
.modalTel .telTopBody a{border-top:1px solid #e7e7e7;color:#35dfd2;display:block;padding:15px 0;text-decoration:none}
.modalTel .telTopBody a:first-child{border-top:none}
.modalTel .modal-footer button{background:#ccc;border:none;box-shadow:none;color:#fff;float:right;padding:9px 20px;height:auto;line-height:normal;text-shadow:none}

.boxDepoimentos { background: #F5F5F5; background-size: 100%; text-align: center; overflow: hidden; padding-bottom: 75px; padding-top: 75px; position: relative;}
.boxDepoimentos h2 small { line-height: 26px;}
.boxDepoimentos .container { position: relative; z-index: 1;}
.boxDepoimentos h2 { text-align: center;}
.boxDepoimentos ul { margin-top: 45px; padding: 0; display: flex;flex-wrap: wrap;justify-content: center;}
.boxDepoimentos ul li {margin: 15px;max-width: 426px;padding: 15px;background: #fff;}

.footerGeral{ background:#f2f2f2; padding-top: 75px; padding-bottom: 75px}
.footerGeral h3{ color:#355f66;font:18px nunito sans,sans-serif;margin:0 0 20px; text-transform:uppercase}
.footerGeral .telFooter p{color:#585858;font:21px nunito sans,sans-serif;margin-bottom:0}
.footerGeral .footerLogo { margin-bottom: 60px; text-align: center;} 
.footerGeral .footerContato { text-align: center;}
.footerGeral .footerContato .telFooter, .footerGeral .footerContato .footerMidias { display: inline-block; max-width: 300px; width: 100%;}
.footerGeral .footerLinks ul{list-style:none;padding:0}
.footerGeral .footerLinks ul li{display:block;margin-bottom:15px}
.footerGeral .footerLinks ul li p{margin-bottom:0}
.footerGeral a.btn-action{background:#aaa;color:#fff;padding:12px 16px}
.footerGeral ul li a{padding:7px;color:#585858;font-family:nunito sans,sans-serif}
.footerGeral .footerRodape{margin-top:0;font-size:12px}
.footerGeral .footerRodape *{text-align:center!important;color:#6e6e6e}
.footerGeral .footerRodape a{display:block}
.footerGeral .socialMedia a{background:#aaa;padding:4px 6px;color:#fff;font-size:24px;display:inline-block;width:48px;text-align:center;margin:6px;border-radius:6px}
.footerLinks,.footerMidias{margin-bottom:45px}

.owl-dots{text-align:center;margin-top:10px;position:absolute;left:0;right:0;bottom:-35px}
.owl-dots .owl-dot{display:inline-block}
.owl-dots .owl-dot span{background:#d6d6d6;border-radius:30px;display:block;height:10px;margin:0 7px;transition:opacity 200ms ease 0s;width:10px}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#869791}

@media(max-width:1199px){.headerTop .topContent .telTop a{font-size:18px}
    .banner .boxBanner .textContent{width:45%}
}

@media(min-width:991px){

}

@media(max-width:991px){.overflowBody{overflow:hidden}

    .headerTop{position:relative}
    .headerTop .topContent .boxLogo{text-align:center}
    .headerTop .navMenuButton{background:0 0;border:0;color:#fff;display:block;float:left;height:38px;padding:0 12px;position:relative;z-index:1}
    .headerTop .navMenuButton span{background-color:#4c4c4c;border-radius:1px;display:block;height:3px;margin-bottom:4px;width:20px}
    .headerTop .menuTop{margin-top:0;top:calc(50% - 16px)}
    .headerTop .menuTop .telBtnModal{float:right;top:-5px}
    .headerTop .menuTop .menuInstitucional{background:#fff url(imagens/layout/logo-top-small.png) no-repeat center top;background-position-y:35px;bottom:0;display:none;left:0;list-style:none;margin:0;max-width:300px;padding:125px 0 0 20px;position:fixed;text-align:left;transform:translateX(-100%);transition:top .3s,transform .3s;top:0;width:80%;z-index:991}
    .headerTop .menuTop .menuInstitucional li{display:block;margin:0; background-size:11%;background-position-y:16px;transition:all .2s ease 0s}
    .headerTop .menuTop .menuInstitucional li:hover{background: #eee;background-size:11%;background-position-y:16px}
    .headerTop .menuTop .menuInstitucional li a{color:#030909;display:block;font:18px nunito sans,sans-serif;padding:20px 20px 20px 40px;text-transform:capitalize}
    .headerTop .menuTop .menuInstitucional li a:hover::after{display:none}
    .headerTop .menuTop .menuInstitucionalShow{transform:translateX(0)}
    .headerTop .backMenu{background:rgba(0,0,0,.3);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:990}
    .headerTop .telBtnModal{float:right;position:relative;z-index:1}
    .headerTop .telBtnModal .btn{background:0 0;border:none;box-shadow:none;color:#009688;font-size:25px;padding:4px 12px}
    .banner .boxBanner .textContent .h1{font-size:110px}

    .boxProdutos .imgGallery figure{width:50%}
}

@media(max-width:767px){.boxDepoimentos,.boxDepoimentos{padding-left:30px;padding-right:30px}



    .banner a img{float:right;height:264px;max-width:none}
    .banner .boxBanner{background:#b3dbea}
    .banner .boxBanner .textContent{padding:20px 15px 30px;position:static;width:100%}
    .banner .boxBanner .textContent .h1{font-size:80px;margin-bottom:30px;}
    .banner .boxBanner .textContent p { font-size: 19px;}
    .banner .boxBanner .textContent .h1::after{bottom:-55px;right:0}
    .banner .boxBanner .textContent span{margin:0 auto}
    .boxSobreNos-1 ul li{text-align:center}
    .boxSobreNos-1 ul li span{margin-bottom:15px;text-align:center;width:100%}
    .boxSobreNos-1 ul li p{max-width:none;font-size:17px;width:80%;text-align:center}
    .boxSobreNos-1 h2:before{display:none}
    .boxSobreNos-1 h2:after{display:none}
    h1{margin-bottom:5px!important}
    h1::before,h1::after{display:none}
    h1,h2{font-size:30px!important}
    h3{font-size:22px!important}
    h3 small{font-size:19px;}
    p{font-size:16px;}
    .boxKits .contentLi p.lucro{font-size:20px!important}
}

@media(max-width:480px){.headerTop .topContent .boxLogo img{max-width:160px}

    .banner a img{height:225px}
    .banner .boxBanner .textContent .h1{font-size:65px;margin-bottom:25px;}
    .banner .boxBanner .textContent .h1::after{background-size:175px;bottom:-65px}
    .boxProdutos .imgGallery figure{position:relative;width:100%}
    .boxProdutos .imgGallery figure a::before{content:"Ver fotos";position:absolute;bottom:3px;display:block;font-family:nunito sans,sans-serif;background:rgba(0,0,0,.5);border-radius:0 0 40px 0;font-size:27px;right:3px;left:3px;margin:5px;padding:15px;color:#fff}

    .boxProdutos .imgGallery .imgSecundaria  {}
}