body{
  margin: 0px; padding: 0px;
  font-weight: 300;
  font-family: Gotham-Book;
  position: relative;
  /*background: url(images/bg_site.jpg) top center no-repeat;*/
  /*background-size: cover;*/
	background: url(images/bg_principal3.jpg) top right no-repeat;
  	background-size: 10% auto;
  	overflow-x: hidden;
  
}

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

@font-face {
	font-family: GothamBold;
	src: url(font/GothamBold.ttf);
}


a:hover{ text-decoration: none; }


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

.clear{clear: both; }
.noborder{ border: none!important; }





.carousel { margin-bottom: 0px; }


.titulo{ font-family: RecoletaAltBold; }
.texto{ font-size: 20px; line-height: 35px; }


.btmenu{ display: none; }


.header{ width: 100%; padding: 10px 0; position: absolute; z-index: 600; }

.header .logotop{
	max-width: 20%;
	float: left;
	display: block;
}
.header .logotop img{
	max-width: 150px; width: 100%;
	display: block;
}

.header .menutop{
	max-width:700px;  width: 80%;
	float: right;
	text-align: right;
	position: relative; top: 20px;
	border-top: 1px solid #2078b8;
	border-bottom: 1px solid #2078b8;
}

.header .menutop a.mup{ position: relative; top: 10px; } 

.header .menutop a{
	width: 20%;
	margin: 0px; 
	float: left;
	padding: 25px 0;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-family: verdana;
}
.header .menutop a.ativo{ font-weight: 700; }


/*PRINCIPAL*/

.principal{
	width: 100%; min-height: 80vh;
	/*background: url(images/bg_principal.png) right bottom no-repeat;*/
	/*background-size: auto 100%;*/
	z-index: 200; position: relative;
	padding-top: 123px;
}

.principal .container{
	position: relative; z-index: 500;
}

.principal .textoprincipal{
	max-width: 400px;
	position: absolute; top: 50%; left: 52%;
	font-family: GothamBold;
	font-size: 18px; color: #2078b8;
	z-index: 600;
}

.principal .textoprincipal a{
	width: 200px;
	display: block;
	text-align: center; font-size: 15px;
	color: #fff; text-transform: uppercase;
	padding: 10px 0 4px 0;
	background: #2078b8;
}

.principal .fotoprincipal{
	width: 50%; height: 70%;
    position: absolute; bottom: 5%; left: 0px;
    z-index: 100;
    background: url(images/foto_principal.png) top left no-repeat;
    background-size: cover;
}



.principal .textoprincipal2{
	padding-top: 50px;
	font-family: Gotham-Book;
	font-size: 20px; color: #747474;
}

.principal .textoprincipal2 a{
	width: 200px;
	display: block;
	text-align: center; font-size: 15px;
	color: #fff; text-transform: uppercase;
	padding: 10px 0 4px 0;
	background: #2078b8;
}

.principal .fotoprincipal2{
 	max-width:55%; 	width: 100%;
	position: absolute; left: 0px; bottom:5%;
}



.principal .tablebox{
	width: 100%;
	background:#2078b8;
	border-radius: 50px;
}

.principal .tablebox span{
	width: 50%;
	padding: 15px 0;
	display: block;
	float: left;
	text-indent: 25px;
	font-weight: 700; font-family: verdana; color: #fff;
	font-size: 13px;
}

.principal .borderb{ border-bottom: 4px solid #fff; }
.principal .borderr{ border-right: 4px solid #fff; }


.principal .txtp{
	font-size: 10px;
	color: #747474;
	margin-top: 20px;
}

.principal .boxtextonovo{
	max-width: 30%; width: 100%;
	/*position: absolute; bottom: 10%; right: 10%;*/
	float: right; margin-right: 10%;
}


.acesso_m{ display: none; }

/*PA*/

.pa01{ background-image: url(images/bg_ocupacao.jpg); background-size: cover; }
.pa02{ background-image: url(images/bg_acesso.jpg); background-size: cover; }


.parallax{
	width: 100%; height: 100vh;
	/*background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
}



/*PRINCIPAL*/

.principal3{
	width: 100%;
	padding: 150px 0 50px 0;
	background: url(images/bg_principal.jpg) center no-repeat;
	background-size: auto 100%;
	z-index: 200; position: relative;
}

.principal3 h1{
	width: 75%;
	padding-top: 90px;
	font-family: GothamBold;
	font-size: 25px; color: #2078b8;
}
.principal3 .textoprincipal{
	width: 75%;
	font-family: Gotham-Book;
	font-size: 20px; color: #2078b8;
}

.principal3 .textoprincipal a{
	width: 200px;
	display: block;
	text-align: center; font-size: 15px;
	color: #fff; text-transform: uppercase;
	padding: 10px 0 4px 0;
	background: #2078b8;
}

.principal3 .fotoprincipal{
	width: 100%;
}


.pa03{ background-image: url(images/parallax_03.jpg); background-size: cover; }

.parallax03{
	width: 100%; height: 100vh;
	/*background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
}


/*GALERIA*/

.galeria{
	padding: 100px 0px;
	background: url(images/bg_linhas.jpg) top center no-repeat;
	background-size: cover;
}
.galeria h1{
	font-family: GothamBold;
	font-size: 25px; color: #2078b8;
	margin-bottom: 50px;
}
.galeria h1 span{
	font-family: Gotham-Book;
	display: block;
}

.galeria .owl-carousel .owl-item img{ border-radius: 0 100px;  }


.owl-nav .owl-prev{
	width: 40px; height: 40px;
	position: absolute; top:45%; left: -50px;
	background: url(images/seta_l.png) top center no-repeat;
	background-size: cover;
	font-size: 0; text-indent: -99999em;
}
.owl-nav .owl-next{
	width: 40px; height: 40px;
	position: absolute; top:45%; right: -50px;
	background: url(images/seta_r.png) top center no-repeat;
	background-size: cover;
	font-size: 0; text-indent: -99999em;
}

/*Diferenciais*/

.diferenciais{ padding: 100px 0px; overflow: hidden; }
.diferenciais .ft_diferenciais{ width: 100%; }

.diferenciais .row .col-md-6{ padding:0px;  }

.diferenciais h1{
	width: 80%; margin: 0 0 40px 5%;
	padding: 100px 0 10px 0px;
	border-bottom: 2px solid #2078b8;
	font-family: GothamBold;
	font-size: 25px; color: #2078b8;
}

.diferenciais p{
	width: 80%; margin: 0 0 0 5%;
	font-family: Gotham-Book;
	font-size: 20px; color: #707070;
}


/*LAZER*/

.lazer{ padding: 100px 0px; }
.lazer .ft_lazer{ width: 100%; }

.lazer h1{
	font-family: GothamBold;
	font-size: 25px; color: #2078b8;
	text-align: center;
}

.lazer p{
	font-family: Gotham-Book;
	font-size: 20px; color: #707070;
	text-align: center;
}
.lazer p strong{
	font-family: GothamBold;
}

.lazer .linhabrancam{
background: #2078b8 url(images/azullinhab.jpg) top right no-repeat;
background-size: auto 100%;
}

.lazer .linhabrancam h1,
.lazer .linhabrancam p{
	color: #fff;
	text-align: left;
}

.lazer .linhabrancam h1{ padding: 30% 0 30px 20%; }
.lazer .linhabrancam p{ padding: 0 0 0 20%; }

.lazer{ overflow: hidden; }

.lazer .masterlazer{
	padding: 50px 0; margin: 0px;
background: #2078b8 url(images/linhasbrancas.png) top center no-repeat;
background-size: 100% auto;
}
.lazer .masterlazer .col-md-12,
.lazer .row .col-md-6

{ padding:0px;  }

.lazer .masterlazer .ft_masterlazer{
	width: 80%;
	display: block;
	margin: 0 auto;
	border-radius: 0 100px;
}

.galeria2 .menugaleria{
	text-align: center;
	margin-bottom: 100px;
}

.galeria2 .menugaleria a{
	width: 15.7%; height: 100px;
	display: block; margin: 0 5px;
	padding: 10px;
	background: #d0d0d0;
	color:#000;
	float: left; cursor: pointer;
	min-width: 165px; font-size: 15px;
}

.galeria2 .menugaleria a:hover{
	color: #fff;
}

.galeria2 .bxleft img{
	width: 100%;
}

.galeria2 .owl-carousel{ width: 90%; margin: 0 auto; }

.galeria2 .bx02,
.galeria2 .bx03,
.galeria2 .bx04,
.galeria2 .bx05,
.galeria2 .bx06{
	display: none;
}

.galeria2 .menugaleria .btl_01:hover, .galeria2 .menugaleria .ativo1{ background: #4886b5!important; color: #fff;}
.galeria2 .menugaleria .btl_02:hover, .galeria2 .menugaleria .ativo2{ background: #009fec!important; color: #fff;}
.galeria2 .menugaleria .btl_03:hover, .galeria2 .menugaleria .ativo3{ background: #015836!important; color: #fff;}
.galeria2 .menugaleria .btl_04:hover, .galeria2 .menugaleria .ativo4{ background: #000a48!important; color: #fff;}
.galeria2 .menugaleria .btl_05:hover, .galeria2 .menugaleria .ativo5{ background: #39a940!important; color: #fff;}
.galeria2 .menugaleria .btl_06:hover, .galeria2 .menugaleria .ativo6{ background: #01aaad!important; color: #fff;}



.galeria2 .owl-nav .owl-prev{
	width: 40px; height: 40px;
	position: absolute; bottom:-50px; left: 40%;  top: inherit;
}
.galeria2 .owl-nav .owl-next{
	width: 40px; height: 40px;
	position: absolute; bottom:-50px; right: 40%; top: inherit;
}

/*PLANTAS*/

.plantas{
	padding: 100px 0px;
	background: url(images/bg_planta.jpg) top center no-repeat;
	background-size: cover;
}

.plantas .owl-carousel .owl-item img{
	border-radius: 0 100px;
    padding: 0 50px;
    background: #fff;
}



.seguranca2{
	padding: 100px 0px;
}
.seguranca2 h1{
	font-family: GothamBold;
	font-size: 25px; color: #2078b8;
	text-align: left;
}

.seguranca2 .menuseg{
	text-align: center;
	margin-bottom: 100px;
}

.seguranca2 .menuseg a{
	width: 30%; height: 100px;
	display: block; margin: 0 5px;
	padding: 10px;
	background: #d0d0d0;
	color:#000; text-align: left;
	float: left; cursor: pointer;
}

.seguranca2 .menuseg a:hover,
.seguranca2 .menuseg .ativo{
	color: #fff;
	background: #2078b8;
}

.seguranca2 .ft_desc_seg{
	max-width: 100%;
	display: block; margin: 0 auto;
}

.seguranca2 .owl-nav .owl-prev{
	width: 40px; height: 40px;
	position: absolute; bottom:-50px; left: 40%;  top: inherit;
}
.seguranca2 .owl-nav .owl-next{
	width: 40px; height: 40px;
	position: absolute; bottom:-50px; right: 40%; top: inherit;
}






/*MASTERPLAN*/
.masterplan{
	width: 100%;
}

.masterplan img{ width: 80%; margin: 50px auto; display: block; }

/*VARANDA*/

.varanda{
	width: 100%; height: 100vh;
	background: url(images/foto_varanda.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
}

.varanda .textovaranda{
	max-width: 400px;
	position: absolute; bottom:15%; left: 5%;
	font-size: 20px; color: #fff;
}


/*COSTAMARE*/
.costamare{
	width: 100%;
	padding: 100px 0;
	background: url(images/bg_linhas.jpg) top center no-repeat;
	background-size: cover;
}

.costamare .fotofacahda{ width: 100%; }

.costamare .textocosta{
	position: relative; top:30%;
	font-size: 20px;
	color: #2078b8;
}
.costamare .textocosta h1{
	font-size: 20px; margin-bottom: 20px;
	color: #2078b8;
	font-family: GothamBold;
}

.costamare .textocosta a{
	width: 250px;
	display: block;
	text-align: center; font-size: 18px;
	color: #fff; text-transform: uppercase;
	padding: 15px 0 4px 0; margin-top: 20px;
	background: #2078b8;
	font-family: GothamBold;
}


.videos { 
 width: 100%; min-height: 80vh;
 padding: 150px 0;
 	background-image: url(images/bg_principal3.png);
 	background-repeat:no-repeat;
	background-size: auto 100%;
    background-position: 106% 0;
}
.videos iframe { width: 100%; }
.videos img { width: 100%; display: block; margin-bottom: 30px; }
.videos h1 {
	font-size: 18px; font-family: GothamBold;
	margin: 0px; padding: 0px; 
	color: #2078b8;
	height: 55px;
    text-align: center;
}
	
.videos p { font-size: 14px; }


.urbanismo{
	width: 100%; height: auto;
}

.urbanismo .fotourb{
	width: 50%; height: 800px;
	float: left;
	background: url(images/fotourb.jpg) bottom center no-repeat;
	background-size: cover;
}

.urbanismo .textourb{
	width: 50%; height: 800px;
	float: right;
	background: #2fa0cc;
	color: #fff;
}

.urbanismo .textourb .text{
	width: 80%;
	margin: 0 auto;
	color: #fff; font-size: 20px;
	padding: 25% 0 0 0;
}

.urbanismo .textourb .text h1{
	text-transform: uppercase;
	margin-bottom: 50px;
}

.urbanismo .textourb .text span{
	display: block;
	margin-bottom: 30px;
}

.urbanismo .textourb .text strong{
	font-family: GothamBold;
}


/*PILARES*/
.pilares{
	width: 100%; height: 100vh;
	padding: 100px 0;
	background: url(images/bg_pilares.jpg) top left no-repeat;
	background-size: auto 100%;
}

.pilares .imgpilares{ width: 100%; }

.pilares .textocosta{
	position: relative; top:30%;
	font-size: 20px;
	color: #2078b8;
}

.pilares .textocosta strong{
	font-family: GothamBold;
}

.pilares .bolotario{
	font-family: GothamBold;
}



/*CONTATO*/

.contato{
	width: 100%;
	background: #0b1c20 url(images/bg_contato.jpg) top center no-repeat;
	background-size: cover;

	padding: 50px 0;
	color: #fff;
}

.contato h1{
	font-size: 24px;
	color: #2078b8;
	font-family: GothamBold;
}
.contato p{
	font-size: 20px;
	color: #2078b8;
}


.contato .form{
	width: 100%; margin: 0 auto;
	position: relative;
}


.contato .form .inp{
	width: 100%; height: 40px;
	font-size: 15px;
	color: #fff;
	display: inline-block;
	background: #2078b8;
	border:none;
	padding: 2px; margin-bottom: 15px;
	border-radius: 0 12px 0 12px;
	text-indent: 5px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: fff;
  opacity: 0.5; /* Firefox */
}

.contato .form textarea{
	width: 96%; height: 100px;
	font-family: Gotham-Book;
	font-size: 15px; color: #454545!important;
	background: #2078b8;
	color: #fff;
	border:none;
	margin-bottom: 5px;
	text-indent: 5px;
	border-radius: 0 12px 0 12px;
  	font-weight: 300;
}

.contato .form .email{ width: 96%; }

.contato .form .bt{
	display: block; margin: 20px auto 0 auto;
	background: #2078b8;
	padding:10px 30px 5px 30px;
	color: #fff;
	font-size: 20px;
	border-radius: 0 12px 0 12px;
	border: none;
}

.footer{
	width: 100%; padding: 50px 0 10px 0;
	text-align: center;
	background: #fff;
}
.footer img{ display: inline-block; height: 130px; }

.footer .txtlegal{
	font-size: 10px; padding: 50px 0 0 0;
}




/*SEGURANCA*/

.menuseguranca a{ color: #fff; }

.seguranca{ 
	background: url(images/bg_seguranca.jpg) top center no-repeat;
 }

.seguranca .boxtextonovo{ margin-top: 12% }

 .seguranca .boxtextonovo,
 .seguranca .boxtextonovo p
 {
 	color: #fff;
 	padding: 0px;
 }
 
 .segurancafoto{
 	padding: 100px 0;
 	background: url(images/bg_principal4.jpg) top right no-repeat;
  	background-size: auto 100%;
 }
 .segurancafoto h1{
 	color: #2078b8; margin-bottom: 50px;
 }
 .segurancafoto img{ width:100%; }

 .seg .fotourb{
 	background: url(images/fotoseg.jpg) bottom center no-repeat;
	background-size: cover;
 }
 .seg .textourb .text{ width: 60%; padding: 35% 0 0 0  }

 .seg02{
 	padding: 50px;
 	background: none;
 }
 .seg02 .textocosta{ left: 10%; }
 .seg02 .textocosta h1{ font-size:27px; line-height: 40px; }


 .owl-carousel .owl-item div{ text-align: center; }
 .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    max-height: 500px;
    max-width: 100%;
}


.tourarea{ width: 100%; height: 90vh; margin-bottom: 100px; }
.tourarea iframe{
	width: 80%; height: 90vh;
	margin: 0 auto; display: block;
	border: none;
}