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

/*Folha de estilo da index.php, com Carrosel.js */

/*Container Como-Functiona*/
.works-container{ width:100%;position:relative;background:#fff;}
.works-bg-top{position:absolute;top:0;left:0;width:100%;height: 150px;background-image:linear-gradient(to right,#5BBA83, #5BBA83 0%,#5BBA83 50%,#1446AA 50%,#1446AA 100%);}
.works-bg-bottom{position:absolute;bottom:0;left:0;width:100%;height: 150px;background-image:linear-gradient(to right,#F9FBFA, #F9FBFA 0%,#F9FBFA 50%,#E9EAEC 50%,#E9EAEC 100%);}
.works-row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;box-sizing:border-box;max-width:1270px;margin:0 auto;position:relative;}
.works-box-1,.works-box-2,.works-box-3{display:flex;flex-direction:column;flex:1;min-width:350px;height:300px;}
/*Box-1*/
.works-box-1 .bg-1{display:flex;background:#5BBA83;flex:1; align-items: center;justify-content:center;}
.works-box-1 .text-1{font:700 20px/28px Montserrat;color:#FFFFFF;width:200px;}
.works-box-1 .bg-2{display:flex; background:#F9FBFA;flex:1; align-items: center;justify-content:center;}
.works-box-1 .text-2{font:400 13px/24px Montserrat;color:#858585;width:260px;}
/*Box-2*/
.works-box-2 .bg-1{display:flex; background:#4CA773;flex:1; align-items: center;justify-content:center;}
.works-box-2 .text-1{font:700 20px/28px Montserrat;color:#FFFFFF;width:200px;}
.works-box-2 .bg-2{display:flex; background:#F1F2F4;flex:1; align-items: center;justify-content:center;}
.works-box-2 .text-2{font:400 13px/24px Montserrat;color:#858585;width:245px;}
/*Box-3*/
.works-box-3 .bg-1{display:flex; background:#1446AA;flex:1; align-items: center;justify-content:center;}
.works-box-3 .text-1{font:700 20px/28px Montserrat;color:#FFFFFF;width:200px;}
.works-box-3 .bg-2{display:flex; background:#E9EAEC;flex:1; align-items: center;justify-content:center;}
.works-box-3 .text-2{font:400 13px/24px Montserrat;color:#858585;width:260px;}
/*Box-Icons*/
.box-icons-idx{width:50px;} 

/*Container Economizaram*/
.container-green{box-sizing:border-box;padding:45px 0 20px;display:flex;flex-direction:column;width:100%;background: url(/img/lupa-idx-1.png) bottom right no-repeat #4CA773; justify-content: center;align-items: center;margin:80px 0 0;}
.container-green img{cursor:pointer;user-select:none;}
.index-economizaram{font:400 17px/24px Montserrat;color:#fff;}
.index-cifrao{font:700 26px/50px Montserrat;color:#fff;margin-right:10px;}
.index-value{font:700 38px/40px Montserrat;color:#fff;}
.index-estrangeiras{font:400 16px/20px Montserrat;color:#fff;}
.index-botao-leia{font:400 15px/22px Montserrat;color:#fff;padding:14px 40px;background:#39945F;border-radius:6px;margin-top:40px;user-select: none !important;cursor:pointer;}

/*Container Depoimentos*/
.quotes-container{width:100%;background:#F9FBFA;padding-top:10px;}
.quotes-row{padding:40px 20px 60px;align-items:baseline;display:flex;gap:20px;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;box-sizing:border-box;max-width:1340px;margin:0 auto;}
.quotes-arrows{position: absolute;top: 0;right:2px;}
/*Quotes Cinza*/
.quotes-box{display:flex;flex-direction:column; align-items: center;justify-content:center;background:url(/img/escape-left.png),url(/img/escape-right.png);background-position:top left 50px,bottom 12px right 50px;background-repeat: no-repeat no-repeat;box-sizing:border-box;padding:40px 0 0;background-size:7%;}
.quotes-box .brief{font:400 13px/22px Montserrat;color:#858585;width:320px;opacity:0.4;}
.quotes-box .author{padding:20px 0 0;font:900 15px/20px Montserrat;color:#858585;width:320px;opacity:0.3;}
.quotes-box .city{padding:5px 0 0;font:500 14px/19px Montserrat;color:#858585;width:320px;opacity:0.3;}
/*Quotes Verde*/
.owl-item.center .quotes-box{min-width:320px;display:flex;flex-direction:column; align-items: center;justify-content:center;background:url(/img/escape-left-green.png),url(/img/escape-right-green.png);background-position:top left,bottom 12px right 8px;background-repeat: no-repeat no-repeat;box-sizing:border-box;padding:80px 0 0;margin:0 5px;position:relative;}
.owl-item.center .quotes-box .brief{opacity:1;font:400 14px/28px Montserrat;color:#858585;width:100%;}
.owl-item.center .quotes-box .author{opacity:1;padding:40px 0 0;font:900 18px/20px Montserrat;color:#4CA773;width:100%;}
.owl-item.center .quotes-box .city{opacity:1;padding:5px 0 0;font:500 16px/19px Montserrat;color:#858585;width:100%;}

/*Esconde o nav, e exibe no do meio*/
.carrosel-nav{display:none;margin-top:-10px;}
.owl-item.center .carrosel-nav{display:block;}
.owl-carousel .disabled{display:block !important;} /**/
/*Align Quotes Middle*/
.owl-stage{display:flex;align-items:center;}

/*Estilo Botoes Corrosel*/
.owl-prev, .owl-next{all: unset;}
.owl-prev{background:url(/img/seta-esquerda-idx.png) #fff right center no-repeat!important;width:32px;height:32px;margin:3px !important;border-radius:50% !important;}
.owl-next{background:url(/img/seta-direita-idx.png) #fff left center no-repeat!important;width:32px;height:32px;margin:3px !important;;border-radius:50% !important;}


@media (min-width: 940px) {

	.container-green{box-sizing:border-box;padding:55px 0 25px;display:flex;flex-direction:column;width:100%;background: url(/img/lupa-idx-1.png) bottom right no-repeat #4CA773; justify-content: center;align-items: center;margin:80px 0 0;}
	.container-green img{cursor:pointer;user-select:none;}
	/*Container Economizaram*/
	.index-economizaram{font:400 30px/36px Montserrat;color:#fff;}
	.index-cifrao{font:700 55px/90px Montserrat;color:#fff;margin-right:10px;}
	.index-value{font:700 90px/100px Montserrat;color:#fff;}
	.index-estrangeiras{font:400 20px/22px Montserrat;color:#fff;}
	.index-botao-leia{font:400 16px/22px Montserrat;color:#fff;padding:14px 40px;background:#39945F;border-radius:6px;margin-top:45px;}


}

/*Animacoes botoes Homepage*/
.animate-down-2, .animate-left-2, .animate-right-2, .animate-up-2, .scale-down-2, .scale-up-2 {transition: all .2s ease; }
.animate-hover:hover .animate-down-2, .animate-down-2:hover { transform: translate(0,4px); }
.my-animation{transition:all .2s ease;}
.my-animation:hover{ transform:scale(1.1) !important; }

