﻿
@media(max-width:1400px) {

	.rua .boxrua .txtrua{ line-height: 27px; }
	/*.rua .boxrua .txtrua br{ display: none; }*/

}

@media(max-width:1300px) {

	.rua .boxrua .txtrua{ line-height: 25px; }
	.rua .boxrua .txtrua br{ display: none; }

}

@media(max-width:1100px) {

	.header .logo { width: 150px; }

	.rua .boxrua .txtrua{ line-height: 23px; }

	.galeria .slider{ width: 95%; }
	.galeria .slick-slide .legenda{
		font-size: 12px;
	}

}

@media(max-width:990px) {

	.titulo { width: 80%; }
	.fachada .textofachada { right: 4%; top: 17%; }
	.diferenciais .textofachada { right: 5%; }
	.galeria .slick-next { right: 42%; }
	.galeria .slick-prev { left: 42%; }

	.contato .logofooter { max-width: 300px; }
	.contato .formulario { width: 300px; }

	

}

@media(max-width:800px) {

	.box50{
		width: 100%; height: auto;
		float: none;
	}

	.rua .rua1{ max-width: 100%; width: 100%; }
	.rua .rua1 img{ display: block; }

	.rua .rua2,
	.rua .boxrua .txtrua{ width:100%; max-width: initial; min-width: initial; margin: 0px; position: initial; text-align: center; }
	.rua .boxrua .txtrua{ padding: 50px 0;  }
	.rua .boxrua .txtrua strong{ position: inherit; left: initial; text-align: center;}
	.rua .boxrua .txtrua br{ display: none; }

	.rua .rua2{ height: 500px; }
	.rua .rua2 img{ display: block; }

	.ftop0{ display: none; }
  
}

@media (max-width:767px) {

	/*DESK MOB*/
	.desk{ display: none; }
	.mob{ display: block; }


	.header{ height: inherit; padding-bottom: 50px; }

	.header .logo { position: inherit; left: 2%; top: 2%; }

	.header .btmobile{
		width: 40px;
		display: block;
		position: absolute; right: 20px; top: 20px;
	}
	.header .btmobile span{
		width: 100%; height: 4px;
		background: #956a4c;
		display: block;
		margin-bottom: 5px;
		border-radius: 5px;
	}

	.header .menu{
		width: 60%;
	    height: 100%;
	    position: absolute;
	    right: 0px;
	    top: 120px;
	    padding-top: 100px;
	    background: #956a4c;
	    z-index: 1000;
	    text-align: right;
	    display: none;
	    padding: 50px 50px 0 0;
	}
	.header .menu a{ color: #fff; display: block; margin-bottom: 30px; }


	.header .video {
    	width: 90%;
    	left: initial;
    	margin-left: initial;
    	position: inherit; margin: 10% auto; padding-top:0px ;
	}

	.header .video .textohome {
    	position: initial; text-align: right;
	}

	.titulo{ width: 100%; height: 50px; background-size: auto 60px!important; padding-top: 18px; margin-bottom: 50px; }
	.titulo h1 { left: 4%; width: 90%; font-size: 15px; }

	.basefooter{
		width: 100%; height: 50px; background-size: auto 60px!important; padding-top: 18px;
	}


	.predio{ margin-top: 50px; padding-top: 50px; }

	.predio .txtpredio{ position: initial; text-align: right; margin-right: 20px; }
	.predio .boxpredio{ position: initial; }
	.predio .boxpredio .fotopredio{ height: initial; width: 100%; }

	.fachada .textofachada { position: initial; text-align: center; width: 80%; margin:0px auto; padding: 30px 0; }

	.fachada .fotologo { max-width: 100%; }

	.diferenciais{ margin-top: -1px; }
	.diferenciais .fotodiferenciais { max-width: 100%; }
	.diferenciais .textofachada { position: initial; text-align: center; width: 80%; margin:0px auto; padding: 30px 0; float: none;  }


	.basefooter { width: 100%; margin-top: 30px; }


	.galeria .menugaleria {
    	margin: 0 0 50px 5%;
    	width: 90%;
    	text-align: center;
	}
	.galeria .slider{ width: 95%; }
	.galeria .slick-slide .legenda{
		display: block;
		text-align: right;
	}
	.galeria .menugaleria a { font-size: 15px; }

	.galeria .slick-next { right: 38%; bottom: initial; top: 100%; }
	.galeria .slick-prev { left: 38%; bottom: initial; top: 100%; }

	.galeria .boxplanta .slick-next { right: 38%; bottom: initial; top: 103%; }
	.galeria .boxplanta .slick-prev { left: 38%; bottom:initial; top: 103%; }

	.galeria .slick-slide img { width: 100%; }

	.galeria .slick-slide .legenda {
    	width: 100%;
    	position: initial;
    	bottom: 0px;
    	right: initial;
    	color: #956a4c;
	}

	.galeria { min-height: auto; }



	.contato .titulo { margin-bottom: 50px; }

	.contato .logofooter { position: initial; margin: 10px auto 50px auto; float: none; }

	.contato .basefooter { margin-top: 50px; }

	.contato .logorealizacao {
    	position: initial;
    	width: 90%;
    	margin: 0 auto;
	}


	.contato .formulario {
	    width: 90%; float: none;
	    position: initial;
	    /*right: 10%;
	    top: 30%;*/
	    margin: 50px auto;
	}

}

@media (max-width:480px) {

}