@import "config.css";

/*Progress*/
.box {width:100%; height:auto; padding:10px; border:1px solid #ccc; margin:5px 0; border-radius:3px; background:#f5f5f5;}
.box p {display:block; margin:0 0 10px 0; padding:0; font-weight:bold; color:#555;}

.base_cinza {width:100%; height:30px; background:#ccc; border-radius:70px; overflow:hidden;}
	
.cor_largura {width:50%; background:#04a875; color:#fff; height:30px; line-height:30px; border-radius:70px; padding-left:3%;}
/*Progress*/


/* TOPO */
#bg_topo {width:100%; height:auto; overflow:auto; border-bottom:1px solid #eee; padding:10px 0; font-size:13px;}
#topo_left {float:left;}
#topo_right {float:right;}
#topo_right a {display:inline-table; color:#396e1d; padding:3px 0;}

.whatsapp_tp {display:inline-table; padding:3px 12px; background-color:#090; color:#fff; border-radius:3px; margin-right:5px;}
.whatsapp_tp i {margin-right:5px;}
.redes_s {display:inline-table; color:#777; margin:0 5px; padding:3px}
/* TOPO */



/* ANDAR UM */
#andar_um {width:100%; height:auto; padding:90px 0; background-color:#fff;}
#capa_andar_um {float:right; width:45%; height:auto; overflow:hidden;}
#capa_andar_um img {max-width:100%;}

#capa_andar_um span {display:inline-table; background-color:#396e1d; color:#fff; padding:15px 50px; font-size:20px; font-weight:300; margin:-35px 0 30px 30px; transition:.5s; border-radius:30px;} 

#andar_um > .container > #capa_andar_um > a > span:hover {background-color:#90cf81; color:#fff; -webkit-box-shadow:-3px 9px 30px 0px rgba(000, 000, 000, 0.3); -moz-box-shadow:-3px 9px 30px 0px rgba(000, 000, 000, 0.3); box-shadow:-3px 9px 30px 0px rgba(000, 000, 000, 0.3);}

#texto_andar_um {float:left; width:50%; height:auto; line-height:27px;}
#texto_andar_um h1 {font-size:40px; display:block; color:#396e1d; line-height:50px; margin-bottom:20px; text-transform:uppercase;} 
#texto_andar_um p {font-size:20px; font-weight:300; color:#797979; line-height:30px;}
#texto_andar_um a {display:block;}
/* ANDAR UM */


/* CARROSSEL */
.owl-carousel .item {position:relative; z-index:100; -webkit-backface-visibility:hidden;}
.owl-nav > div {position:absolute; top:35%; color:#333;}
.owl-nav .fa {font-size:35px;}
.owl-nav .owl-prev {left:-44px;}
.owl-nav .owl-next {right:-45px;}
/* CARROSSEL */

/* SERVIÇOS */
#servicos {width:100%; height:auto; overflow:auto; padding:70px 0; /* background:#90cf81; */ background:url("../imagens/bg_verde.png") fixed no-repeat; background-size:cover;}
#servicos h1 {font-size:40px; display:block; color:#fff; line-height:50px; margin-bottom:40px; text-transform:uppercase; float:left;}

.btn_servico {display:inline-table; padding:10px 25px; background:#fff; border:1px solid #ddd; color:#777; transition:.5s; float:right; border-radius:30px;}
.btn_servico:hover {background:#396e1d; color:#fff; border:1px solid #396e1d;}

.box_servicos {width:23%; height:auto; min-height:250px; max-height:250px; float:left; margin:1%; position:relative; overflow:hidden; border-radius:2px; text-align:center;}
/*.box_servicos:last-child {margin-right:0;}*/

.box_servicos img {top:0; left:-50%; bottom:0; right:-50%; margin:auto; position:absolute; max-height:inherit; max-width:inherit; transition:0.5s;} 

.box_servicos a {display:block; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0, 0, 0, 0.5); color:#fff; transition:0.5s; text-align:center;}

.box_servicos h2 {width:100%; display:block; font-size:22px; line-height:30px; padding:20px; font-weight:300; position:absolute; bottom:0;}
/*.box_servicos i {display:block; font-size:40px; margin-top:40px;}*/

.box_servicos:hover > a {background-color:rgba(0, 168, 90, 0.3);}
.box_servicos:hover img {filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);}
.box_servicos:hover {box-shadow:0px 3px 10px 0px rgba(000, 000, 000, 0.2);}
/* SERVIÇOS */


/* CONDOMÍNIO */
#condominios {width:100%; height:auto; overflow:auto; padding:70px 0; text-align:center;}
#condominios h1 {font-size:40px; display:block; color:#396e1d; line-height:50px; margin-bottom:50px; text-transform:uppercase;}
.box_condominios {width:100%; height:auto; min-height:270px; background:#396e1d; padding:20px; position:relative; border:1px solid #fbd5ce;} 
.box_condominios h2 {display:block; text-transform:uppercase; line-height:30px; margin-top:40px; color:#fff;}
.box_condominios h3 {background:#90cf81; color:#fff; position:absolute; left:0; top:15px; padding:5px 20px; border-radius:0 30px 30px 0; font-weight:300;}
.box_condominios p {font-size:17px; color:#fff; font-weight:300; line-height:27px;}
/* CONDOMÍNIO */


/* FOOTER */
#map {width:100%; height:auto; margin-bottom:-6px;}
#footer, #desenvolvimento {width:100%; height:auto; color:#fff; text-align:center; background-color:#396e1d; font-weight:400;}

#footer {font-size:16px; background:url("../imagens/bg_footer.png") no-repeat; background-size:cover; padding:70px 0;}
#desenvolvimento {padding:10px 0; border-top:1px solid #396e1d;}

#footer h2 {font-size:20px; display:block; line-height:30px; margin-bottom:10px;} 
#footer a {color:#fff; display:inline-table;}
#desenvolvimento a {color:#fff; text-decoration:underline; display:inline-table; padding:5px 0;}

#logo_footer {display:inline-block; background:#fff; margin:0 auto 20px auto; width:190px; padding:7px 5px 0 5px; border-radius:5px;}
/* FOOTER */


/* CONTEÚDO */
.margin_top_bottom {width:100%; height:auto; margin:40px 0;}
#crumb {width:100%; padding:50px 0; color:#fff; background:url("../imagens/bg_verde.png") fixed no-repeat; background-size:cover;}
#crumb h2 {font-weight:700; font-size:35px; line-height:45px; display:block; margin:5px 0; color:#fff; text-transform:uppercase;}
#crumb a {color:#fff;}

.conteudo_left {float:left; width:70%; height:auto; overflow:auto; font-size:16px; font-weight:300; color:#000; line-height:27px;}
.conteudo_left h3 {display:block; font-size:33px; line-height:43px; color:#000;}
.conteudo_left ul {padding:0; margin:0; line-height:none;}
.conteudo_left a {color:#888; text-decoration:underline;}

#lateral {float:right; width:25%; height:auto; overflow:auto;}
#links_laterais {width:90%; margin:10px auto; height:auto; border-radius:5px; box-shadow:0px 3px 13px 0px rgba(000, 000, 000, 0.1);}
#links_laterais ul {margin:0; padding:15px; list-style:none;}
#links_laterais ul li {display:block; border-bottom:1px solid #eee;}
#links_laterais ul li:last-child {border-bottom:0;}
#links_laterais ul li a {display:block; padding:15px 10px; font-size:16px; color:#999; transition:.5s;}
#links_laterais ul li a:hover {padding:15px 10px 15px 20px;}
#links_laterais .fas {float:right; font-size:14px;}




/* CONTEÚDO CATEGORIA */
.title_cat {display:block; text-align:center; font-size:90px; line-height:100px; margin-bottom:70px; text-transform:uppercase;}

.container_categoria {
  -moz-column-width:40em;
  -webkit-column-width:40em;
  -moz-column-gap:2em;
  -webkit-column-gap:2em;
}

.item_categ {
	display: inline-block;
	margin:1em 0;
	width:100%;
	background:#fff;
	box-shadow:0px 5px 15px 0px rgba(000, 000, 000, 0.05);
	position:relative;
	transition:0.5s;
}

.item_categ:hover {opacity:0.8;}

.text_categ {width:100%; height:auto; padding:25px;}
.text_categ h3 {text-transform:uppercase; font-size:20px; line-height:30px; color:#454545;}
.text_categ p {color:#333; font-weight:300; font-size:13px;}

/* FOTOS */
.container_fotos {
  -moz-column-width:20em;
  -webkit-column-width:20em;
  -moz-column-gap:3em;
  -webkit-column-gap:3em;
}

.item_fotos {
	display:inline-block;
	margin:1em 0;
	width:100%;
/*	box-shadow:0px 5px 15px 0px rgba(000, 000, 000, 0.05);*/
	position:relative;
	transition:0.5s;
}


.obrigado {width:100%; height:auto; padding:130px 0; text-align:center; text-transform:uppercase;}
.obrigado h1 {font-size:40px; line-height:50px; color:#000; font-weight:lighter;}
.obrigado h3 {margin-bottom:15px; color:#555;}

/* CONTEÚDO */

/* CONTATO */
.ctt {width:100%; height:auto; padding:70px 0; overflow:auto;}
.ctt h2 {text-transform:uppercase; font-size:30px; color:#396e1d;}
.ctt p {color:#777; font-size:17px;}
.ctt form {margin-top:40px;}
.ctt input, .ctt textarea {width:100%; height:auto; padding:15px; border:1px solid #ddd; font-size:15px; font-family: 'Fira Sans', sans-serif; margin:5px 0 20px 0;}
.ctt input:focus, .ctt textarea:focus {border:1px solid #2be38d;}
.ctt input[type="submit"] {max-width:250px; margin:10px auto; background-color:#396e1d; color:#fff; font-size:18px; cursor:pointer;}
.input_left {width:49%; float:left;}
.input_right {width:49%; float:right;}
/* CONTATO */






/* CSS RESPONSIVO */ /* CSS RESPONSIVO */ /* CSS RESPONSIVO */ /* CSS RESPONSIVO */ /* CSS RESPONSIVO */ /* CSS RESPONSIVO */ /* CSS RESPONSIVO */
@media screen and (max-width: 1280px) {
body, html {width:100%;}
.container {width:90%;}
}

@media (max-width: 1200px) {
.r_sociais a {width:20%; height:40px; line-height:40px; margin:2.5%; display:block; float:left; font-size:16px;}
#topo_left {display:none;}
#topo_right {float:none; width:100%; text-align:center;}	
}

@media screen and (max-width: 900px) { 
/* ANDAR UM */
#andar_um {padding:40px 0;}
#capa_andar_um, #texto_andar_um {float:none; width:100%;}	
#capa_andar_um span {padding:15px 25px; font-size:18px;} 
#texto_andar_um h1 {font-size:30px; line-height:40px; padding-bottom:10px; margin-bottom:10px;} 
#texto_andar_um p {font-size:18px; line-height:25px;}
/* ANDAR UM */


/* CARROSSEL */

.owl-nav .fa {font-size:25px;}
.owl-nav .owl-prev {left:-35px;}
.owl-nav .owl-next {right:-35px;}
/* CARROSSEL */

	
	
/* SERVIÇOS */
#servicos {padding:40px 0; text-align:center;}
#servicos h1 {font-size:30px; line-height:40px; margin:0; float:none;}
.btn_servico {padding:10px 25px; float:none; margin:20px 0;}


.box_servicos {width:100%; max-width:375px; height:auto; float:none; margin:20px auto;}
.box_servicos:last-child {margin-right:auto;}
/* SERVIÇOS */


/* CONDOMÍNIO */
#condominios > .container > .crsl_condominios {max-width:85%; margin:0 auto;}
#condominios h1 {font-size:30px; line-height:40px;}
/* CONDOMÍNIO */
	
	

#desenvolvimento {padding-bottom:50px;}	

/* CONTEÚDO */
.conteudo_left, #lateral {float:none; width:100%;}
#links_laterais {width:100%; max-width:300px; margin:10px auto;}
#crumb {text-align:left;}

.obrigado {padding:30px 0;}
.obrigado h1 {font-size:30px; line-height:40px;}	
}







/* ICONS */	
.btn_ctt_home {box-shadow:0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15); line-height:40px; width:40px; height:40px; font-size:18px; text-align:center; color:#fff; display:block; position:fixed; right:0; bottom:0; z-index:1; transition:.5s; overflow:hidden;}

.btn_ctt_home span {width:0; display:block; background-color:rgba(255, 255, 255, 0.3); float:right; font-size:15px; transition:.5s;}
.btn_ctt_home:hover > span {width:100px;}
.btn_ctt_home:hover {width:140px;}
		
.color_footer1 {background-color:#d38700; bottom:10px;}
.color_footer2 {background-color:#4267b2; bottom:55px;}
.color_footer3 {background-color:#218f84; bottom:100px;}
.color_footer4 {background-color:#de4231; bottom:145px;}
.modi {display:none !important;}		

@media screen and (max-width: 700px) {
.btn_ctt_home {box-shadow:none; width:25%; height:35px; line-height:35px; font-size:16px; position:relative; right:auto; float:left;}
.btn_ctt_home span {display:none;}
.btn_ctt_home:hover {width:25%;}
.color_footer1, .color_footer2, .color_footer3, .color_footer4 {bottom:0;}
#ct_btns {position:fixed; bottom:0; width:100%; z-index:1;}
	
.desk {display:none !important;}	
.modi {display:block !important;}		
}	
/* ICONS */