html, body { height:100%; }
body { font-family: 'akrobatregular', sans-serif; margin: 0; border: 0; font-size: 16px !important; }
strong { font-family: 'akrobatbold', sans-serif; }
a {  }
a:hover {  }
label { margin-bottom: 0 !important; }
.br-clear { clear: both !important; }

.black-mask { width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 50; position: absolute; top: 0; left: 0; }
.bold-menu { font-family: 'akrobatbold', sans-serif; color: #bf8e5b !important; }

.ocean-logo { position: absolute; z-index: 200; top: -80px; left: -95px; }
.ocean-logo2 { display: none; }

.inner-border-left { border-left: 6px solid #bf8e5b; box-shadow: inset 0px 0px 0px 0px; box-sizing: border-box; }
.inner-border-bottom { border-bottom: 6px solid #bf8e5b; box-shadow: inset 0px 0px 0px 0px; box-sizing: border-box; }

.menu { position: absolute; height: 50px; background: rgba(0,0,0,0.6); width: 100%; text-align: center; z-index: 100; }
.menu ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; line-height: 50px; }
.menu ul li { float: left; width: 50%; }
.menu ul a { color: #fff; text-decoration: none; }
.menu ul a:hover { color: #bf8e5b; }

.content-left { width: 75%; height: 100%; float: left; }

.div-1 { /* background-image: url('imgs/piscina.jpg'); background-size: cover; background-position: center center; */ height: 50%; clear: both; position: relative; z-index: 10; overflow: hidden; }
.div-2 { height: 50%; clear: both; }
.div-2-1 { /* background-image: url('imgs/living.jpg'); background-size: cover; background-position: center center; */ width: 70%; height: 100%; float: left; position: relative; border: 0; position: relative; overflow: hidden; }
.div-2-2 { background: black; width: 30%; height: 100%; float: right; color: #fff; display: table; position: relative; }

.highlighted-text { display: table-cell; vertical-align: middle; text-align: right; display: none; }
.highlighted-text p { padding: 0 20px 0 30px; text-align: right; }
.highlighted-text h1 { text-transform: uppercase; color: #bf8e5b; line-height: 26px; padding: 0 20px; font-family: 'akrobatregular', sans-serif; font-weight: normal; font-size: 26px; }

.highlighted-text2 { display: table-cell; vertical-align: middle; text-align: right; /* position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 20; */ }
.highlighted-text2 p { padding: 0 20px 0 30px; }
.highlighted-text2 h1 { text-transform: uppercase; color: #bf8e5b; line-height: 26px; padding: 0 20px; font-family: 'akrobatregular', sans-serif; font-weight: normal; font-size: 26px; }

.highlighted-text3 { display: table-cell; vertical-align: middle; text-align: right !important; display: none; }
.highlighted-text3 p { padding: 0 20px 0 30px; }
.highlighted-text3 h1 { text-transform: uppercase; color: #bf8e5b; line-height: 26px; padding: 0 20px; font-family: 'akrobatregular', sans-serif; font-weight: normal; font-size: 26px; }

/* .div-2-2 p { padding: 0 20px; display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: right; } */

.content-right { width: 25%; height: 100%; background-image: url('imgs/fachada.jpg'); background-size: cover; background-position: center center; float: right; }


.rv-brand { width: 112px; height: 60px; position: absolute; bottom: 40px; right: 40px; }
.rv-brand img { opacity: 0.7; filter: alpha(opacity=70); }
.rv-brand img:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; }

.img-tag { position: absolute; background: #bf8e5b; color: #000; text-transform: uppercase; z-index: 10; }
.div-1 .img-tag { right: 0; bottom: 60px; padding: 5px 70px 5px 10px; }
.div-2 .img-tag { left: 0; top: 60px; padding: 5px 10px 5px 70px; }


#myCarousel, #myCarousel2 { width: 100%; height: 100%; }
.carousel { display: inline-block; }
.caption:not(:first-child) { display: none; }
.caption2:not(:first-child) { display: none; }
.caption3:not(:first-child) { display: none; }
.caption4:not(:first-child) { display: none; }
.caption2 p, .caption4 p, .caption-home p { line-height: 18px; }
.carousel-indicators { left: 45% !important; }

.carousel-inner { overflow: hidden; height: 100%; width: 100%; }
.carousel-inner .item { width: 100%; height: 100%; }
.carousel-inner .item img { width: 100%; height: 100%; }

.content-right img { width: 100%; height: 100%; }


.piscina { background-image: url('imgs/piscina.jpg'); background-size: cover; background-position: center center; }
.hall { background-image: url('imgs/hall.jpg'); background-size: cover; background-position: center center; }
.academia { background-image: url('imgs/academia.jpg'); background-size: cover; background-position: center center; }
.playground { background-image: url('imgs/playground.jpg'); background-size: cover; background-position: center center; }
.saladejogos { background-image: url('imgs/saladejogos.jpg'); background-size: cover; background-position: center center; }
.saladereunioes { background-image: url('imgs/saladereunioes.jpg'); background-size: cover; background-position: center center; }
.salaodefestas { background-image: url('imgs/salaodefestas.jpg'); background-size: cover; background-position: center center; }
.skylounge { background-image: url('imgs/skylounge.jpg'); background-size: cover; background-position: center center; }
.cinema { background-image: url('imgs/cinema.jpg'); background-size: cover; background-position: center center; }
.espacogourmet { background-image: url('imgs/espacogourmet.jpg'); background-size: cover; background-position: center center; }
.beautyspace { background-image: url('imgs/beautyspace.jpg'); background-size: cover; background-position: center center; }
.spa { background-image: url('imgs/spa.jpg'); background-size: cover; background-position: center center; }
.lazerinferior { background-image: url('imgs/lazerinferior.jpg'); background-size: cover; background-position: center center; }
.lazermezanino { background-image: url('imgs/lazermezanino.jpg'); background-size: cover; background-position: center center; }
.lazersuperior { background-image: url('imgs/lazersuperior.jpg'); background-size: cover; background-position: center center; }

.living { background-image: url('imgs/living.jpg'); background-size: cover; background-position: center center; }
.suite { background-image: url('imgs/suite.jpg'); background-size: cover; background-position: center center; }
.plantaapartamento { background-image: url('imgs/plantaapartamento.jpg'); background-size: cover; background-position: center center; }


.contact-data { clear: both; display: block; margin-bottom: 10px; }
.contact-data-left { float: left; width: 300px; color: #bf8e5b; }
.contact-data-right { float: right; width: 100px; }
.contact-data-right img { margin-top: 15px; }
.contact-data2 { display: none; }

div.map { height: 100%; width: 100%; }
div#map-canvas { height: 100%; width: 100%; }
div.mapInfo { text-align: center; font-weight: normal; font-size: 16px; font-family: 'akrobatregular', sans-serif; padding: 20px; }
.mapInfoTitle { font-size: 18px; }


#messageform { height: 100%; width: 100%; }

#form-div { padding: 15px 20px; }
#form-div input { width: 100%; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; margin: 0 0 5px 0; font-size: 16px; padding: 0 5px; border: 1px solid #202c55; }
#form-div textarea { width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; margin: 0 0 5px 0; font-size: 16px; padding: 10px; border: 1px solid #202c55; }
#form-div select { width: 100%; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; margin: 0 0 5px 0; font-size: 16px; border: 1px solid #202c55; }
/* .form-div-content { max-width: 920px; position: relative; z-index: 100; } */
/* .form-div { float: left; width: 320px; font-size: 18px; margin: 20px 0 0 50px;  } */
/* .contact-info { float: right; width: 510px; margin: 45px 0 0 0; } */
/* .logo-verde { margin: 20px 0; } */
/* .reservar { width: 165px !important; height: 70px !important; text-transform: uppercase; color: #fff; font-family: 'Oswald', sans-serif; font-size: 26px !important; } */
/* .input-div {  } */
.input-div { text-align: center; }
.input-div input.reservar { background: #202c55; color: #fff; cursor: pointer; width: 150px !important; height: 40px !important; margin: 0 auto; font-size: 18px !important; }
div.error { background: #cd0000; text-align: center; color: #fff; padding: 5px 0; }


@media (max-width: 767px) {
	.black-mask { display: none !important; }
	
	.menu { height: 35px; }
	.menu ul { line-height: 35px; }
	
	.content-left { width: 100%; height: auto; }
	.div-1, .div-2 { display: block; clear: both; width: 100%; height: 250px; }
	.div-2-1 { display: block; clear: both; width: 100%; height: 250px; }
	.div-2-2 { display: table; clear: both; width: 100%; height: 250px; border-top: 6px solid #bf8e5b; border-bottom: 6px solid #bf8e5b; }

	.inner-border-left { border-left: 0; box-shadow: none; box-sizing: border-box; }
	.inner-border-bottom { border-bottom: 0; box-shadow: none; box-sizing: border-box; }

	.content-right { width: 100%; display: block; clear: both; height: 600px; float: none; border-top: 6px solid #bf8e5b; position: relative; }
	
	.ocean-logo, .rv-brand { display: none; }
	.ocean-logo2 { position: absolute; top: 30px; left: 30px; display: block; }
	
	.carousel-indicators { left: 50% !important; }
	
	.carousel-indicators li { width: 7px; height: 7px; }
	.carousel-indicators .active { width: 9px; height: 9px; }
	
	.contact-data { text-align: center; width: 100%; font-size: 14px; }
	.contact-data-left { text-align: center; width: 100%; margin-top: 10px; }
	.contact-data-right { text-align: center; width: 100%; }
	.contact-data2 { margin-bottom: 15px; display: block; }
}