@charset "utf-8";

/** Classes Gerais **/
.container{ display: block; max-width: 1200px; margin: 0 auto; padding:0 10px; position:relative; overflow:hidden;}
.tituloBox {font-family:'GothamRoundedBold', Arial; font-size:50px; color:#FFF; text-align:center; margin-bottom:20px;}
.grecaptcha-badge {display:none;}

/*****************
 Menu Mobile
*****************/
.mobileMenu{ position:fixed; right:-230px; top:0; width:230px; height:100%; border-right:3px solid #5ba044; background:#FFF; z-index:12; padding:0 10px; -webkit-transition: right 0.6s ease; -moz-transition: right 0.6s ease; -o-transition: right 0.6s ease; transition: right 0.6s ease; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto; }
body.animated .mobileMenu{ right:0; }
.mobileMenu > ul > li{ display:block; min-height:40px; line-height:40px; border-bottom:1px dotted #5ba044; }
.mobileMenu > ul > li > a{ display:block; moz-transition: all .1s ease-in; -o-transition: all  .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:15px; color:#333333;}
.mobileMenu ul > li.drop {background:url(../imagens/setaDropMenu.png) no-repeat right center;}
.mobileMenu ul > li.dropProjetos {background:none;}
.mobileMenu ul > li:hover > a{background-position:left center; color:#5ba044; text-decoration:none; }
.mobileMenu ul > li > a > span{ display:none !important; }

.mobileMenu ul li .drop .dropDown{margin:0 !important; border-top:1px solid #FFF; background:#FFF; }
.mobileMenu ul > li .dropDown.projetos {display:block !important;}
.mobileMenu ul > li .dropDown li{ display:block; line-height:40px; }
.mobileMenu ul > li .dropDown li > a{ display:block; text-indent:20px; font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:normal; }
.mobileMenu ul > li .dropDown li > a:hover {color:#E17DA7;}
.icoMenuMobile {position:absolute; display:none; width:40px; height:40px; right:-1px;background:url(/template/imagens/icoMenu.png) no-repeat center center #272C36; text-indent:-9999px; z-index:10; border-radius:10px 0 0 10px; top:25px;}
.icoMenuMobile.active {right:18px;}

/** TOPO **/
.logoTopo > .seloResp {display:none;}
.topo {}
.topo > .menuTopo {background:#FFF; width:100%; padding:10px 0; overflow:hidden;position:fixed; z-index:5; top:0; box-shadow:0px 1px 3px rgba(0,0,0,.6);}
.topo > .menuTopo > .container {overflow:hidden;}
.topo > .menuTopo > .container > .logo {float:left; width:200px; margin-top:17px;}
.topo > .menuTopo > .container > .logo > a img {width:100%;}
.topo > .menuTopo > .container > ul {float:left;top:50%; transform:translate(-50%, -50%); position:absolute;left:50%; margin-left:50px; width:785px;}
.topo > .menuTopo > .container > ul > li {float:left; margin-right:25px;}
.topo > .menuTopo > .container > ul > li:last-child {margin-right:0;}
.topo > .menuTopo > .container > ul > li > a {text-decoration:none; font-family:Arial Regular, Helvetica, sans-serif; font-size:18px; color:#464646; position:relative; padding-bottom:5px;}
.topo > .menuTopo > .container > ul > li > a:hover:before {content:''; bottom:0; width:100%; background:#000; height:1px; position:absolute;}
.topo > .menuTopo > .container > .btnsTopo {float:right; padding-top: 25px;}
.topo > .menuTopo > .container > .btnsTopo .btnWpp {float:right; display:block; color:#009C3B; margin-top:30px;}
.topo > .menuTopo > .container > .btnsTopo .logoTopo {float:left; position:relative; width:175px; margin-right:10px;}
.topo > .menuTopo > .container > .btnsTopo .logoTopo > img {width:100%;object-fit:cover}
.topo > .bannerHome {height:calc(80vh - 100px); width:100%; margin-top:100px; position:relative;}
.topo > .bannerHome > .textoBanner {font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:35px; color:#FFFFFF; max-width:345px; position:absolute; bottom:80px; left:35%; transform:translateX(-50%);}
.topo > .bannerHome > .textoBanner > p span {color:#00ADEF; font-family:'GothamRoundedBold', Arial, Helvetica, sans-serif;}
.topo > .bannerHome > .alignBanner {bottom:150px; left:65%;}
.topo > .bannerHome > .alignBanner > .imgHome {display:none;}
.topo > .bannerHome > .alignBanner > p { background:#5ba044; padding:0 5px; float:left;}
.topo > .bannerHome > .alignBanner > p span {color:#FFF; font-family:'GothamRoundedBold', Arial, Helvetica, sans-serif;}
.topo > .bannerHome > .textoAgro {left:37%;}
.topo > .menuTopo > .container > ul > li.special {background-color: #5ba044; padding: 10px; border-radius: 25px;}
.topo > .menuTopo > .container > ul > li > a.special {text-decoration:none; font-family:Arial Regular, Helvetica, sans-serif; font-size:20px; color: #fff; position:relative; padding-bottom:5px; font-weight: bold;}

/** RODAPE **/

.rodape {background:#009B3B; padding:30px 0; text-align:center;}
.rodape .container .endereco {float:left; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:20px; position:relative; left:50%; transform:translateX(-50%);}
.rodape .container .sociais {position:relative; left:50%; transform:translateX(-50%); float:left;}
.rodape .container .sociais a {color:#009B3B; background:#FFF; padding:7px; border-radius:50%; float:left; margin-right:10px;}
.rodape .container .sociais a.whatsapp {margin-right:0;}
.rodape .container .logoTopo {width:200px; display:block; margin:0 auto; margin-bottom:20px;}
.rodape .container .logoTopo > img {width:100%;}