/*==========  Fontes personalizadas  ==========*/

/*==========  Padronização do código  ==========*/

		@charset "UTF-8";
		@import 'reset.css';
		@import 'grid.css'; /* Grid CSS */
		@import 'ui.css'; /* User Interface */
		@import 'form.css'; /* Estilos de formularios */

/*==========  HTML Básico  ==========*/
		
		html { font:normal normal normal 62.5%/1.2 'Mitr', Arial, Helvetica, sans-serif; color:#333; } /* declaração única font: style variant weight size/line-height font-family */
		/* 62.5% = 10px/16px em porcentagem */
		body { background:#FFF url() no-repeat center top fixed; font-size: 12px; font-size: 1.2rem; } /* =12px */
		a { color:#333; }
		a:hover { color:#F00; }
		h1{ font-size:40px; font-weight:500; border:#FFFFFF solid; display:inline-block; color:#d68a55; padding:7px 0px 7px 0px; border:none; }
		h2{ font-size:30px; font-weight:bold; display:inline-block; color:#FFFFFF;}
		h3{ color:#2a180a; font-size:40px; font-weight:500; margin-bottom:20px; padding:30px 0px;}
		h4{ color:#2a180a; font-size:43px; font-weight:500; margin:20px 0px;}
		

/*==============================
=            header            =
==============================*/
	header { width: 100%; min-height:96px; height: auto; position: relative; z-index: 9998; background:#fef7ed url(../img/fundo1.jpg) center right no-repeat;}
	.chats{ position:fixed; top:160px; left:0px; z-index:9999;}
	.topo-p{padding:12px 15px 15px; width:100%;-webkit-box-shadow: -1px 7px 17px -9px rgba(204,204,204,1);
-moz-box-shadow: -1px 7px 17px -9px rgba(204,204,204,1);
box-shadow: -1px 7px 17px -9px rgba(204,204,204,1);}
	content{ padding:0 10px;}
	footer{ padding:0 10px;}
	
	
	
	.padd{ padding:25px 25px;}
	.bord-bottom{ margin-bottom:60px;}
	.marg-to{ margin-top:10px;}
	
	
	#banner{ background:url(../img/back-banner.jpg) no-repeat center bottom; height:621px; }
	#desc-promo{ background-color:#e9e9e9; font-size:14px; padding:40px 10px;}
	#versoes{ background-color:#FFFFFF;}
	#calltoaction{}
	#area-form .container_grid .form-variacao {position: absolute; right: 20px; top: -610px;}
	
	.sombra{-webkit-box-shadow: -1px 3px 15px -2px rgba(158,156,158,1);
-moz-box-shadow: -1px 3px 15px -2px rgba(158,156,158,1);
box-shadow: -1px 3px 15px -2px rgba(158,156,158,1);}
	
	.opacity { filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1.0; -moz-opacity:1.0; -webkit-opacity:1.0; }
	.opacity:hover { filter:alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity:0.9; -moz-opacity:0.9; -webkit-opacity:0.9; }
	
	.transition{transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -o-transition:all linear 0.2s;}
	
	/* search */
	

/*=============================================
=            Estrutura do site            =
=============================================*/
	
	.img-m-d{ margin-right:30px; margin-top:12px;}
	.img-m-d2{ margin-top:12px;}
	
	.border{
		width:40%;
		margin-bottom:15px;
		border-radius:150px;
		-moz-border-radius:150px;
		-webkit-border-radius:150px;
		border:6px solid #FFFFFF;
		box-shadow:1px 2px 5px 1px #EEE;
		-moz-box-shadow:1px 2px 5px 1px #EEE;
		-webkit-box-shadow:1px 2px 5px 1px #EEE;
		}
	
	.dados-imovel{
		margin-top:175px;
		float:left;
		margin-left:15px;
		}
	
	
	
	.texto-detalhamento{ font-family:'Abel', Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height:22px;}
	
	.itelefone{ padding:10px 0px;}
	.telefone{ font-size:25px; padding:5px 25px 5px 25px; background-color:#d68a55; font-weight:500; text-align:center;-webkit-transition:background-color linear 0.12s; -moz-transition:background-color linear 0.12s; -ms-transition:background-color linear 0.12s; -o-transition:background-color linear 0.12s; transition:background-color linear 0.12s;}
	.telefone:hover{ background-color:#333333;}
	.telefone span{ color:#FFF;}
	.ddd{ font-size:18px;font-weight:normal; }
	
	.item1{ font-size:13px; line-height:15px; text-align:center; text-transform:uppercase; padding:5px 25px; display:inline-block; position:absolute; top:26px; right:220px; background:#8a8d32; color:#FFFFFF; border:1px solid #8a8d32; display:none;-webkit-transition:background-color linear 0.12s; -moz-transition:background-color linear 0.12s; -ms-transition:background-color linear 0.12s; -o-transition:background-color linear 0.12s; transition:background-color linear 0.12s;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px;}
	.item1:hover{ background-color:#a3a815; color:#FFF; border:1px solid #a3a815;}
	.item2{ font-size:13px; line-height:15px; text-align:center; text-transform:uppercase; padding:5px 15px; display:inline-block; position:absolute; top:26px; right:208px; background:#fcffd9; color:#a3b301; border:1px solid #bcce0b; display:none;-webkit-transition:background-color linear 0.12s; -moz-transition:background-color linear 0.12s; -ms-transition:background-color linear 0.12s; -o-transition:background-color linear 0.12s; transition:background-color linear 0.12s;}
	.item2:hover{ background-color:#f9ffb3; color:#97a600;}
	
	.tit-princ{ width:100%; text-align:center; padding-top:50px;}
	.subtit-princ{ width:100%; text-align:center; padding-top:20px;}
	.c4-princ{ width:100%; text-align:center; padding-top:32px;}
	.price-princ{ width:100%; font-size:22px; color:#eeefee; margin-top:-35px; margin-left:50px;}
	.price-princ p{font-size:60px; color:#ffffff; font-weight:bold; line-height:55px;}
	.price-princ p span{ font-size:30px;}
	
	.formularios{ background-color:#FFF; width:100%; padding:15px 15px 20px 15px; margin-top:20px;-webkit-box-shadow: 3px 7px 23px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 7px 23px -9px rgba(0,0,0,0.75);
box-shadow: 3px 7px 23px -9px rgba(0,0,0,0.75);}
	.border-btn{}
	.bot2{ width:100%; position:relative;}
	.btns-contato{padding:15px 10px; text-align:center; font-size:24px; font-weight:400; background-color:#2c1b0b; letter-spacing:1px; color:#bcce0b;}
	.btns-contato:hover{ background-color:#8a8d32; color:#ffffff;}
	.btns-contato.active{ background-color:#d68a55; color:#ffffff;}
	.btns-contato.active::before{ background-color:#transparent; color:#ffffff;width: 0; height: 0;  border-left: 10px solid transparent;
  		border-right: 10px solid transparent;  border-top: 10px solid #d68a55; content:" "; position:absolute; bottom:-9px; left:48%;}
	
	.linef{ margin-top:12px; font-weight:normal;}
	.lineform{ margin-top:10px;}
	.lineform label{ font-size:18px; margin-top:10px; margin-bottom:3px;}
	.lineform input{ width:100%; height:48px; font-family:'Abel', Arial, Helvetica, sans-serif;  padding:9px 15px; color:#000; border:1px solid #999; font-weight:normal; font-size:22px; line-height:22px;}
	.lineform textarea{ width:100%; font-family:'Abel', Arial, Helvetica, sans-serif; padding:9px 15px; font-weight:normal; height:100px; border:1px solid #999; font-size:22px; line-height:22px;}
	.lineform select{ width:100%; height:48px; font-family:'Abel', Arial, Helvetica, sans-serif;  padding:9px 15px; color:#000; border:1px solid #999; font-weight:normal; font-size:21px; line-height:20px;}
	.selecao-p{ width:100%; padding:9px 15px; border:1px solid #333; font-size:20px; font-weight:normal;}
  	.enviar{ width:100%; margin-top:0px; display:inline-block; text-align:center; font-size:20px; font-weight:500; letter-spacing:4px; color:#FFF; background-color:#008fa0; padding:20px 0px; text-transform:uppercase;-webkit-transition:background-color linear 0.15s; -moz-transition:background-color linear 0.15s; -ms-transition:background-color linear 0.15s; -o-transition:background-color linear 0.15s; transition:background-color linear 0.15s;-webkit-box-shadow: 0px 3px 5px -2px rgba(102,102,102,1); -moz-box-shadow: 0px 3px 5px -2px rgba(102,102,102,1); box-shadow: 0px 3px 5px -2px rgba(102,102,102,1);}
	.enviar:hover{background-color:#02c1d6; color:#FFF;}
	.enviando{font-family:'Abel', Arial, Helvetica, sans-serif; font-weight: bold; width:100%; margin-top:0px; display:inline-block; text-align:center; font-size:30px; color:#FFF; background-color:#999999; letter-spacing:4px; padding:10px 0px; text-transform:uppercase; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius: 8px;}
	
	.informe{ padding:30px 0px 20px 0px;}
	.informe p{ font-size:30px; padding:5px; line-height:15px; font-weight:600; color:#996600; }
	.informe p span{ font-size:16px; font-weight:normal;color:#666666;}
	
	
	.divisa{ width:100%; height:5px; background-color:#9dad16;}
	.tit-features{ font-size:28px; color:#58595b; font-weight:bold;}
	.img-features{ margin:15px 0 15px 0;}
	.texto-features{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; color:#58595b; text-align:justify; padding:0px 10px 15px 10px; font-weight:100;}
	.bot20{ margin-bottom:35px;}
	
	.divisa2{ width:100%; height:1px; background-color:#999999;}
	
	.box{ min-height:500px; background-color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:15px; text-align:center; margin-bottom:45px;}
	.tit-versao{ font-size:24px; color:#694c38; font-weight:bold; margin-top:15px;}
	
	#versoes .container_grid .porcent { margin-right:1%; }

	.divisa3{ width:100%; height:1px; background-color:#999999;}
	.divisa4{ width:100%; height:1px; background-color:#CCCCCC; display:inline-block;}
	.divisa5{ width:100%; height:1px; background-color:#CCCCCC; display:inline-block; margin:0px 0px 30px 0;}
	
	.textos-c4{ min-height:335px; font-size:15px; color:#666; text-align:left; font-family:'citroenregular', Arial, Helvetica, sans-serif; padding:10px;}
	.textos-c4 span{ display:inline-block; margin-bottom:10px; font-size:25px; color:#9dad16; font-family:'citroenregular', Arial, Helvetica, sans-serif;}
	.ast{ font-size:13px; color:#CA0000;}
	.a-b-r{ position:relative; width:100%; display:inline-block;}
	.apartir{ position:absolute; bottom:12px; color:#FFF; left:28%; z-index:999; font-size:10px;}
	.bot-price{ position:absolute; bottom:-20px; left:20%; background-color:#f0780a; color:#FFF; padding:15px 20px 0px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:25px; font-weight:bold;}
	.bot-price span{ font-size:19px; color:#FFF;}
	
	.btn-price{ position:relative; text-align:center; bottom:-35px;}
		.area-price{ background-color:#694c38; color:#FFF; padding:10px 20px 13px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:25px;}
		.area-price p{ text-align:left;}
		.apartirde{ font-size:10px;}
		.area-price p span{ font-size:20px;}
		.linep{ line-height:18px; font-weight:bold;}
	
	.btn-action{ padding:15px 50px; font-size:45px; color:#FFF; background-color:#d68a55; line-height:45px;-webkit-transition:background-color linear 0.15s; -moz-transition:background-color linear 0.15s; -ms-transition:background-color linear 0.15s; -o-transition:background-color linear 0.15s; transition:background-color linear 0.15s;-webkit-box-shadow: 0px 3px 5px -2px rgba(102,102,102,1); -moz-box-shadow: 0px 3px 5px -2px rgba(102,102,102,1); box-shadow: 0px 3px 5px -2px rgba(102,102,102,1)}
	.btn-action:hover{ background-color:#cc6721; color:#FFF;}
	
	.cambio-slt{ width:100%; padding:10px 10px; border:1px solid #CCC; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.cambio-slt select{ width:100%; display:block; font-family:'citroenregular', Arial, Helvetica, sans-serif; color:#333; font-size:16px;}
	.slt{ color:#690 !important; display:none;}
	.price-auto{ display:block;}
	.price-auto{ display:none;}
	
	
	address{ color:#999; font-size:14px;}
	.link-awalke{ margin-top:10px; display:inline-block; opacity: 0.8; filter: Alpha(opacity=80);-webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out;  transition: opacity .15s ease-in-out;}
	.link-awalke:hover{ opacity: 1.0; filter: Alpha(opacity=100);}


	.olass{ margin-bottom:5px !important; font-family:'Abel', Arial, Helvetica, sans-serif; font-weight:bold !important; font-size:20px !important; line-height:25px !important;}


	.seta-action{
		position:absolute;
		top:160px;
		left:-200px;
		z-index:50000;
		}



/* -------------------- Print -------------------- */

@media print {
	header,
	footer { display:none }
}


@media all and (max-width:1100px){
#banner{ background:url(../img/back-banner.jpg) no-repeat -350px bottom; height: 600px; background-size: cover; }

}


@media all and (min-width:961px) and (max-width:1000px) {
	
	.apartir{ bottom:10px; left:21%;}
	.bot-price{bottom:-20px; left:16%; padding:15px 10px 0px 10px;}
	.bot-price span{ font-size:15px;}
	.box{ min-height:550px;}
	}

@media all and (max-width:960px){
	h3{ text-align:center;}
	.apartir{ bottom:10px; left:38%;}
	.bot-price{bottom:-20px; left:35%;}
	#versoes .container_grid .porcent { margin-right:0%; }
	.box{ min-height:550px;}
	.price-princ{ text-align:center; margin-left:0px;}
	#desc-promo{ text-align:center;}
	#area-form { padding:0px 20px;}
	#area-form .container_grid .form-variacao{ position:relative; right:auto; left:0px; top:0px;}
	.item1{ display:block;}
	.item2{ display:block;}
	
	.dados-imovel{
		width:65%;
		margin-top:75px;
		float:right;
		margin-right:-60px;
		}
	#banner{ background-size:cover; height:440px; }
	
	.seta-action{ display:none;}
	header { background:none;}
	#banner{ background:url(../img/back-banner.jpg) no-repeat -175px bottom; height: 480px; background-size: cover; }
	
	}

@media all and (min-width:768px) and (max-width:800px){
	.apartir{ bottom:10px; left:30.5%;}
	.bot-price{bottom:-20px; left:24%;}
	
	.dados-imovel{
		width:65%;
		margin-top:100px;
		float:right;
		margin-right:-60px;
		}
	h1{ padding:7px 0px 7px 45px;}
	}
	
@media all and (max-width:740px){
	.item1{ display:none;}
	.item2{ display:none;}
}

@media all and (max-width:720px){
	h3{ text-align:center; font-size:30px;}
	.{ padding:15px 50px; font-size:30px; color:#FFF; background-color:#07b1ce; line-height:30px;}
	.apartir{ bottom:10px; left:38%;}
	.bot-price{bottom:-20px; left:35%;}
	.q-topo > div{ float:none; text-align:center;}
	.q-topo .venda-0km{ padding-top:10px;}
	.topo-p{ position:relative; }
	.box{ min-height:inherit;}
	.textos-c4{ min-height:1px;}
	#calltoaction { padding:0 25px 30px }
	
	.dados-imovel{
		width:75%;
		margin-top:100px;
		float:right;
		margin-right:-60px;
		}
	#banner{ background:url(../img/back-banner.jpg) no-repeat -200px bottom; height: 420px; background-size: cover; }
	}

@media all and (max-width:600px){
	.apartir{ bottom:10px; left:35%;}
	.bot-price{bottom:-20px; left:31%;}
	
	}

@media all and (max-width:560px){
	.apartir{ bottom:10px; left:35%;}
	.bot-price{bottom:-20px; left:31%;}
	#banner{ background-size:cover; height:340px; }
	.c4-princ img{ width:380px;}
	.c4-princ{ padding-top:0px;}
	.price-princ{ margin-top:-20px;}
	.price-princ p{ font-size:50px; line-height:40px;}
	.price-princ span{ font-size:18px;}
	.tit-princ{ padding-top:40px;}
	h2{ font-size:25px;}
	.dados-imovel{
		width:85%;
		margin-top:75px;
		float:right;
		margin-right:-60px;
		}
	.btn-action{ font-size:24px; line-height:25px;}	
	
	
	}

@media all and (max-width:480px){
	h3{ text-align:center; font-size:25px;}
	.apartir{ bottom:10px; left:32%;}
	.bot-price{bottom:-20px; left:26%;}
	.{ padding:25px 15px; display:block;}
	.padd{ padding:25px 10px;}
	.btns-contato { font-size:18px; }
	.formularios { padding:15px 0px 25px; -webkit-box-shadow: none;-moz-box-shadow:none; box-shadow:none;}
	#desc-promo { padding-top:30px; }
	h1{ padding:7px 5px 7px 5px;}
	.chats{ width:18%; position:fixed; top:14px; left:0px; z-index:9999;}
		}

@media all and (max-width:380px){
	h3{ text-align:center; font-size:25px;}
	.{ color:#FFF; background-color:#07b1ce; line-height:45px;}
	.apartir{ bottom:10px; left:26%;}
	.bot-price{bottom:-20px; left:18%;}
	h2{ font-size:20px;}
	.c4-princ{ padding-top:0px;}
	
	.btn-action{ font-size:24px; line-height:25px; padding: 10px 20px;}	
	
	}
	
@media all and (max-width:360px){
	.c4-princ{ padding-top:15px;}
	.btns-contato { font-size:16px; }
	h1{ padding:7px 0px 7px 0px;}
	 { font-size: 22px; padding: 8px 20px 8px 20px;
	}
	
	.dados-imovel{
		width:100%;
		margin-top:55px;
		float:right;
		margin-right:-50px;
		}
		
	#banner{ background:url(../img/back-banner.jpg) no-repeat -150px bottom; height: 240px; background-size: cover; }
}
	
	
@media all and (max-width:320px){
	h3{ text-align:center; font-size:25px;}
	.{ color:#FFF; background-color:#07b1ce; line-height:28px;}
	.apartir{ bottom:10px; left:26%;}
	.bot-price{bottom:-20px; left:18%;}
	
	}