body{
	height: 100%;
	margin: 0px; padding: 0px;
	font-family: FuturaStdBook;
	font-size: 17px;
}

h1, h2, h3{
	margin: 0px; padding: 0px;
}

a, a:hover, button
{
	text-decoration: none;
	outline: none;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    outline-width: 0px;
    outline: 0;
    cursor: pointer;
}

*:focus {
    outline: none!important;
}


input {border:0;outline:0;}
input:focus {outline:none!important;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input:focus, input.form-control:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.img100{ width: 100%; }

.clear{ clear: both; }


/*FONTS*/
@font-face {
	font-family: FuturaStdBook;
	src: url(font/FuturaStdBook.otf);
}

@font-face {
	font-family: FuturaStdBold;
	src: url(font/FuturaStdBold.otf);
}



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

.img100{ width: 100%; }




/*TITULO*/
.titulo{
	width: 50%; height: 129px;
	padding-top: 50px;
	background: url(images/bg_titulo.jpg) top right no-repeat;
	margin-bottom: 100px;
	text-transform: uppercase;
}
.titulo h1{
	color: #fff;
	position: relative; left: 10%;
	font-size: 20px;
}

.basefooter{
	width: 50%; height: 129px;
	float: right;
	background: url(images/bg_titulo2.jpg) bottom left no-repeat;
	margin-top: 150px;
}


/*HEADER*/

.header{
	width: 100%;
	padding-bottom: 200px;
	background: url(images/bg_header.png) left top no-repeat;
	background-size: auto 100%;
	position: relative;
}
.header .logo{
	position: absolute; left: 10%; top: 2%;
	display: block;
}
.header .menu{
	position: absolute; right: 3%; top: 6%;
	text-align: right;
}
.header .menu a{
	display: inline-block;
	color: #956a4c;
	text-transform: uppercase;
	font-size: 15px;
	margin-left: 20px;
}
.header .video{
	width: 60%; margin:0% auto 0 auto;
	padding-top: 250px;
	position: relative;
	/*position: absolute; top: 30%; left: 50%;
	margin-left: -30%;*/
}
.header .video video{
	width: 100%;
}

.header .video .textohome{
	position: absolute; bottom: 0px; right: -140px;
	line-height: 25px;
	color: #956b4d;
}
.header .video .textohome span{ text-transform: uppercase; }
.header .video .textohome strong{
	font-family: FuturaStdBold;
}

.header .play,
.header .pause {
    width: 100%; height: 100%;
    position: absolute; top: 0px; left: 0px;
    background: none;
    border: none;
    cursor: pointer;
    margin: 0px; padding: 0px;
}
.header .pause{ display: none; }

.header .btmobile{
	display: none;
}


/*LOCALIZACAO*/

.localizacao{ width: 100%; }
.localizacao img{ display: block; }

/*RUA*/
.rua{
	width: 100%;
}


.rua .photolocalizacao{
	width: 85%;
}

.rua .boxrua{ position: relative; }



.rua .rua1 img{ display: block; }
.rua .rua2{
	width: 40%; height: 100%;
	background: url(images/rua_2.jpg) top center no-repeat;
	background-size: cover;
	position: absolute; left: 42%;
	z-index: 100;
}

.box50{
	width: 50%;
	float: left;
	position: relative;
}

.ftop0{ z-index: 0; opacity: 0; display: block; }


/*.rua .boxrua img{ height: 100%; display: block; float: left; }*/
.rua .boxrua .txtrua{
	width: 40%; height: 100%;
	background: #946a4c;
	color: #fff;
	margin: 0 1%;
	line-height: 30px; font-size: 16px;
	position: absolute; left: 0px;
	z-index: 100;
}
.rua .boxrua .txtrua p{ padding: 20px; margin: 0px; }
.rua .boxrua .txtrua strong{
	display: block;
	font-family: FuturaStdBold;
	position: absolute; bottom: 10px; left: 25px;
	line-height: 25px;
	text-transform: uppercase;
}


.mapa{
	width: 100%; height: 100%;
	position: fixed; top: 0px; left: 0px;
	display: none;
	z-index: 5000;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0.9+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */

}
.mapa img{
	max-width: 1200px; width: 100%;
	margin: 3% auto 0 auto;
	display: block;
}


/*PREDIO*/

.predio{
	width: 100%; height: 100vh;
	background: url(images/bg_header.png) left top no-repeat;
	background-size: auto 100%;
	position: relative;
	margin-top: 150px;
}

.predio .boxpredio{
	height: 100vh;
	position: absolute; right: 0px; bottom: 0px;
}
.predio .boxpredio .fotopredio{ height: 100%; }

.predio .txtpredio{
	position: absolute; left: 25%; top: 45%;
	color: #956a4c;
	line-height: 30px;
}


/*FACHADA*/

.fachada{
	width: 100%;
	background: #956a4c;
	position: relative;
}

.fachada .fotologo{
	max-width: 60%;
	display: block;
}

.fachada .textofachada{
	position: absolute; left: 65%; top: 30%;
	color: #fff; font-size: 16px;
	line-height: 35px;
}


/*DIFERENCIAIS*/

.diferenciais{
	width: 100%;
	position: relative;
}

.diferenciais .fotodiferenciais{
	max-width: 60%;
}

.diferenciais .textofachada{
	position: absolute; left: 65%; top: 53%;
	color: #956a4c;
	line-height: 31px; font-size: 16px;
	float: left;
}


/*GALERIAS*/

.galeria{
	width: 100%; min-height: 100vh;
	padding-top: 100px; padding-bottom: 100px;
	background: url(images/bg_header.png) left top no-repeat;
	background-size: auto 100%;
	position: relative;
	clear: both;
}

.galeria .menugaleria{
	margin: 0 0 100px 20%;
}
.galeria .menugaleria a{
	font-size: 20px;
	color: #956a4c;
	text-transform: uppercase;
	margin-right: 15px;
	padding: 10px;

}
.galeria .menugaleria a.ativo,
.galeria .menugaleria a:hover
{
	color: #fff;
	background: #956a4c;
}

.galeria .slick-prev:before,
.galeria .slick-next:before { display: none; }



.galeria .slider { width: 80%; margin: 0 auto; }
.galeria .slick-slide { margin: 0px; position: relative; }
.galeria .slick-slide img { width: 85%;}

.galeria .slick-slide .legenda{
	width: 14%;
	position: absolute; bottom: 0px; right:0px;
	color: #956a4c;
	text-transform: uppercase;
	font-size: 14px;
}
.galeria .slick-slide .legenda strong{
	display: block;
	font-family: FuturaStdBold;
}

.boxapartamento .legenda {
	text-transform: lowercase!important;
}
.boxapartamento .legenda strong{
	text-transform: uppercase;
}


.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}

.slick-active {
	opacity: .5;
}

.slick-current {
	opacity: 1;
}

.galeria .slick-prev,
.galeria .slick-next{
	width: 50px; height: 50px;
	position: absolute; bottom: -65px;
	top: inherit;
}
.galeria .slick-prev{
	left: 40%; margin-left: 0%;
	background: url(images/left.png) center center no-repeat;
}
.galeria .slick-next{
	right: 52%; margin-right: 0;
	background: url(images/right.png) center center no-repeat;
}

.galeria .boxplanta .slick-prev{
	left: 46%; margin-left: initial;
}
.galeria .boxplanta .slick-next{
	right: 46%; margin-right: initial;
}

/*.galeria .boxapartamento,
.galeria .boxplanta{
	display: none;
}*/


.boxplanta,
.boxapartamento,
.boxlazer,
.boxareacomum{
	position: relative;
	z-index: 50;
	opacity: 0;
	height: 1px; overflow: hidden;
}


.boxtop{
	z-index: 10;
	opacity: 100;
	height: auto; overflow: inherit;
}

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



/*CONTATO*/
.contato{
	width: 100%;
	position: relative;
}

.contato .titulo{
	margin-bottom: 100px;
	background: url(images/bg_titulo_cont.jpg) top right no-repeat;
}
.contato .basefooter{
	margin-top: 200px;
	background: url(images/bg_titulo_cont2.jpg) bottom left no-repeat;
}

.contato .logofooter{
	/*position: absolute; left: 10%; top: 40%;*/
	float: left; margin-left: 10%; margin-top: 50px;
	display: block;
	max-width: 400px;
}

.contato .logorealizacao{
	position: absolute; left: 10%; bottom: 20px;
	display: block;
	max-width: 400px;
}

.contato .formulario{
	width: 400px;
	/*position: absolute; right: 10%; top: 30%;*/
	float: right; margin-right: 10%;
}

.contato .formulario h1{
	color: #956a4c;
	margin-bottom: 5px;
	font-size: 15px; text-transform: uppercase;
	font-family: FuturaStdBold;
}
.contato .formulario h2{
	color: #956a4c;
	margin-bottom: 20px;
	font-size: 12px;
}

.contato .formulario .inp_form,
.contato .formulario textarea
{
	width: 100%;
	padding: 10px 0;
	color: #81563b;
	text-indent: 10px;
	display: block;
	background: #dfc3b5;
	margin-bottom: 10px;
	border: none;
	font-family: FuturaStdBook; font-size: 14px; text-transform: uppercase;
}

.contato .formulario textarea{ height: 80px; font-family: FuturaStdBook; }

.contato .btenviar{
	color: #81563b;
	background: #dfc3b5;
	padding:10px 15px;
	font-family: FuturaStdBook; font-size: 14px; text-transform: uppercase;
	border-radius: 5px;
}


::-webkit-input-placeholder { /* Edge */
  color: #81563b;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #81563b;
}

::placeholder {
  color: #81563b;
}


/*MENU LATERAL*/

.menulateral{
    position: fixed; left: 2px; top:45%;
    z-index: 500;
}
.menulateral .box{
    width: 40px; height: 33px;
    background: #956a4c;
    padding:5px;
    margin-bottom: 1px;
}

.menulateral .box a{
    font-size: 25px;
    color: #fff;
    text-decoration: none;
    /*font-family: 'Aleo', serif;*/
    font-weight: 100;
    display: block;
}
.menulateral .box i{
    float: left;
    margin: 5px 0 0 5px;
}

.menulateral .box span{
    font-size: 16px; font-weight: 400;
    text-transform: uppercase;
    display: none;
    float: left;
    margin: 8px 0 0 10px;
}

.menulateral .phone:hover{ min-width: 190px; }
.menulateral .phone:hover span{ display:block; }

.menulateral .email:hover{ min-width: 250px; }
.menulateral .email:hover span{ display: inline-block; }

.menulateral .chat:hover{ min-width: 160px; }
.menulateral .chat:hover span{ display: inline-block; }

.menulateral .site:hover{ min-width: 200px; }
.menulateral .site:hover span{ display: inline-block; }