@import url('fonts.css');
@import url('animations.css');

body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

a, a:hover {
    text-decoration: none;
    color: #fff;
}

/* Helper Classes */
.no-padding, .nopadding, .pd0 {
    padding: 0;
}

.content-center {
    display: table-cell;
    vertical-align: middle;
}

.thin {
    font-weight: 300;
}

.thiner {
    font-weight: 200;
}

.thinest {
    font-weight: 100;
}

.bold {
    font-weight: 500;
}

.bolder {
    font-weight: 600;
}

.boldest {
    font-weight: 700;
}

*[class*="separator"] {
    clear: both;
}

.separator {
    height: 40px;
}

.separator-sm {
    height: 20px;
}

.separator-lg {
    height: 80px;
}

.separator-md {
    height: 60px;
}

.separator-xs {
    height: 10px;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.circle-shadow {
    position: relative;
}

.circle-shadow:before {
    content: '';
    background-color: transparent;
    background: -webkit-radial-gradient(50% 70%, contain, rgba(0,0,0,0.4), transparent);
    background: -moz-radial-gradient(50% 70%, contain, rgba(0,0,0,0.4), transparent);
    background: -ms-radial-gradient(50% 70%, contain, rgba(0,0,0,0.4), transparent);
    
    padding: 15px 40%;
    bottom: -15px;
    position: absolute;
    left: 10%;
    opacity: .9;
}

h1 {
    color: #679538;
    font: 400 84px / 76px 'NeutraDisp';
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

h2 {
    color: #679538;
    font: 400 44px / 56px 'NeutraDisp';
    text-transform: uppercase;
    margin: 0;
    position: relative;
    text-align: center;
    padding: 30px 0 0;
}

h3 {
    color: #679538;
    font: 400 54px / 76px 'NeutraDisp';
    text-transform: uppercase;
    margin: 40px 0;
    position: relative;
}

h4 {
    color: #679538;
    font: 200 84px / 76px 'NeutraDisp';
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

h5 {
    color: #00a651;
    font: 700 28px / 24px Seravek;
    margin: 20px 0;
    padding-top: 20px;
}

/* Backgrounds */
.bgcyan {
    background-color: #00a9ac;
}

.bgwhite {
    background-color: #fff;
}

.bgtitle {
    background-color: #650817 ;
}

.bgcrimson {
    background-color: #650817 ;
}

.bggreen {
	background: #679538;
}

/* Footer */
footer {
    background: #fff;
	margin-bottom: 100px;
	padding: 20px 0;
}

footer img {
	margin: 25px 20px;
}

footer .info {
	font-size: 12px;
	font-family: 'Helvetica', sans-serif;
	padding: 0 45px;
	text-align: justify;
	margin: 20px 0;
}

.fixedBar {
	background: #0a3c14;
	position: fixed;
	z-index: 199;
	bottom: -170px;
	height: 120px;
	width: 100%;
	padding: 15px 0;
	
	color: #679538;
	text-transform: uppercase;
    font: 200 36px / 36px 'NeutraDisp';
	border-top: 8px #c5cb23 solid;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.fixedBar.in {
	bottom: 0;
}

.fixedBar span {
	font-weight: 400;
}

.fixedBar .container {
	height: 100%;
}

.callText {
	padding: 20px 0;
}

.callAction {
	color: #fff;
	text-align: right;
    font: 600 24px / 32px 'NeutraDisp';
    padding: 5px 0px 0 20px;
	position: absolute;
	right: 0;
    bottom: -10px;
    border-left: 1px rgba(121, 162, 66, .3) solid;
}

.callAction .phone {
    font: 600 64px / 64px 'NeutraDisp';
    color: #d7df23;
}

.callAction .phone span {
    font: 600 32px / 24px 'NeutraDisp';
}

/* Copyright */
.copyright {
    text-transform: uppercase;
    padding: 8px 0;
    font-size: 10px
}

.copyright a {
    color: #000;
}

.copyright a:hover {
    text-decoration: underline;
}

.copy {
    float: left;
}

.qube {
    float: right;
}

/* Buttons */
.bt {
    border-radius: 3px;
    padding: 7px 50px;
    font-size: 14px;
    border: none;
}

.bt-sm {
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
}

.bt-blue {
    background-color: #1f506f;
    color: #fff;
}

.bt-white {
	background: #fff;
	color: #333;
	border: 1px #ccc solid;
}

.bt-white:hover {
	background: #eee;
	border: 1px #ababab solid;
}

/* Contact */
.contato {
	padding:80px 0;
}

.contato .title {
    color: #679538;
    font: 200 56px / 64px 'NeutraDisp';
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.contato .title span {
	font-weight: 600;
}

.contact-form {
	padding: 40px 0;
}

.contact-form .form-group{
	max-width: 400px;
}

.contact-form .form-control {
	border: none;
	border-radius: 0;
	border-bottom: 1px #679538 solid;
	color: #333;
}


/* Logo/Nav */
.logo {
	position: absolute;
	z-index: 99;
	top: 0;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

/* Page Sections */
.top {
	padding-top: 30px;
}

.lotes {
	padding: 30px 0;
	position: relative;
}

.lotes .info {
	background: #679538;
	padding: 30px;
}

.lotes .info .data {
	max-width: 40%;
    padding: 60px 0;
}

.lotes .info .data .title1 {
    color: #FFF;
    font: 200 102px / 102px 'NeutraDisp';
    text-transform: uppercase;
	text-align: center;
}

.lotes .info .data .title2 {
    color: #26553b;
    font: 400 150px / 50px 'NeutraDisp';
    text-transform: uppercase;
	letter-spacing: -3px;
	text-align: center;
	display: inline-block;
}

.lotes .info .data .title2 span {
	font-size: 50%;
	font-weight: 400;
	position: relative;
	margin-right: 5px;
	display: inline-block;
}

.lotes .info .data .title2 span:after {
	content: '2';
	font-size: 60%;
	position: absolute;
	bottom: 70%;
	left: 100%;
}

.lotes .info .data .title2 em {
    color: #FFF;
    font: 100 110px / 50px 'NeutraDisp';
    text-transform: none;
}

.lotes .info .data .title3 {
    color: #fff;
    font: 200 56px / 80px 'NeutraDisp';
    text-transform: uppercase;
	text-align: center;
}

.lotes .info .data .title4 {
    color: #d7df23;
    font: 400 80px / 80px 'NeutraDisp';
    text-transform: uppercase;
	text-align: center;
}

.lotes .info .data .title5 {
    color: #fff;
    font: 200 18px / 22px 'NeutraDisp';
    text-transform: uppercase;
	text-align: center;
}

.lotes .info .data .title6 {
    color: #fff;
    font: 100 130px / 50px 'NeutraDisp';
    text-transform: none;
    padding: 0 10px;
	text-align: center;
	display: inline-block;
}

.jatai-aerea {
	background-image: url(../img/jatai-aerea.png);
	background-size: cover;
	background-position: left;
	
	width: 60%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	
	padding: 150px 30px;
	color: #fff;
    font: 400 30px / 40px 'NeutraDisp';
    text-transform: uppercase;
	text-align: center;
}

.facilidades {
	position: relative;
}

.moeda-forte {
	position: absolute;
    z-index: 99;
	width: 100%;
	text-align: center;
	top: -20px;
	left: -30px;
}

.amplamente {
	margin: 10px 0;
}

.mensalidades {
	position: relative;
}

.mensais {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 60px;
}

.mensais .title {
    color: #FFF;
    font: 400 102px / 102px 'NeutraDisp';
    text-transform: uppercase;
}

.mensais .title2 {
    color: #FFF;
    font: 400 76px / 50px 'NeutraDisp';
    text-transform: uppercase;
}

.mensais .title3 {
    color: #d7df21;
    font: 600 165px / 130px 'NeutraDisp';
    text-transform: uppercase;
	letter-spacing: -8px;
}

.mensais .title3 span {
    color: #d7df21;
    font: 100 105px / 100px 'NeutraDisp';
    text-transform: uppercase;
    letter-spacing: 0px;
    display: inline-block;
    position: relative;
    top: -30px;
}

.mensais .title3 span.obs {
    color: #FFF;
    font: 100 90px / 100px 'NeutraDisp';
    text-transform: uppercase;
    letter-spacing: -8px;
    display: inline-block;
    position: relative;
    top: -35px;
}

.familia {
    position: absolute;
    right: 5.5%;
    top: 70%;
}

.lazer {
	padding: 40px 0;
}

.areas-lazer {
    color: #679538;
    font: 200 32px / 53px 'NeutraDisp';
	text-transform: uppercase;
    padding-right: 20px;
}

.plantao {
    color: #fff;
    font: 600 39px / 40px 'NeutraDisp';
	text-transform: uppercase;
	padding: 40px 0;
}

.plantao-address span {
    color: #d7df23;
}

.plantao hr {
	border-top: 1px #aac12b solid;
	max-width: 1030px;
}

.plantao-fone {
    color: #d7df23;
    font: 600 90px / 70px 'NeutraDisp';
}

.plantao-fone span {
	font-size: 56px;
}

@media (max-width: 1879px){
	h4 {
		font: 200 75px / 60px 'NeutraDisp';
	}
	
	.familia {
		right: 0;
		max-width: 55%;
	}
	
	.areas-lazer {
		font: 200 28px / 42px 'NeutraDisp';
	}
}

@media (max-width: 1599px){
	h1 {
		font: 400 64px / 72px 'NeutraDisp';
	}
	
	h2 {
		font: 400 36px / 44px 'NeutraDisp';
		padding: 36px 0;
	}
	
	h4 {
		color: #679538;
		font: 200 64px / 68px 'NeutraDisp';
	}
	
	.jatai-aerea {
		padding: 165px 0 0 120px;
	}
	
	.lotes .info .data {
		padding: 60px 0px;
	}
	
	.lotes .info .data .title2 {
		color: #26553b;
		font: 400 130px / 50px 'NeutraDisp';
	}
	
	.familia {
		max-width: 50%;
		right: 0;
	}
	
	h4 {
		font: 200 64px / 68px 'NeutraDisp';
	}
	
	.areas-lazer {
		font: 200 28px / 45px 'NeutraDisp';
	}
}

@media (max-width: 1399px){
	h1 {
		font: 400 58px / 64px 'NeutraDisp';
		margin: 20px -35px;
	}
	
	h2 {
		font: 400 28px / 32px 'NeutraDisp';
		padding: 60px 0 0;
	}
	
	.lotes .info .data .title1 {
		font: 200 80px / 102px 'NeutraDisp';
	}
	
	.lotes .info .data .title2 {
		font: 400 110px / 50px 'NeutraDisp';
	}
	
	.jatai-aerea {
		padding: 165px 0 0 90px;
	}
	
	.moeda-forte img {
		max-width: 240px;
		margin-top: 50px;
	}
	
	.mensais .title {
		font: 400 80px / 102px 'NeutraDisp';
	}
	
	.mensais .title2 {
		font: 400 56px / 20px 'NeutraDisp';
	}
	
	.mensais .title3 {
		font: 600 125px / 130px 'NeutraDisp';
	}
	
	.mensais .title3 span {
		font: 100 85px / 100px 'NeutraDisp';
	}
	
	h4 {
		font: 200 52px / 48px 'NeutraDisp';
	}
	
	.areas-lazer {
		font: 200 24px / 33px 'NeutraDisp';
	}
	
	.plantao {
		font: 600 32px / 40px 'NeutraDisp';
	}
}

@media (max-width: 1199px){
	h1 {
		font: 400 56px / 54px 'NeutraDisp';
		margin: 20px 0;
	}
	
	.logo img {
		max-width: 200px;
	}
	
	h2 {
		font: 400 24px / 32px 'NeutraDisp';
		padding: 45px 0 0;
		text-align: right;
	}
	
	.jatai-aerea {
		padding: 165px 0 0 70px;
		font-size: 26px;
		line-height: 32px;
	}
	
	.lotes .info .data {
		padding: 105px 0px;
	}
	
	.lotes .info .data .title2 {
		font: 400 85px / 50px 'NeutraDisp';
	}
	
	.lotes .info .data .title1 {
		font: 200 70px / 45px 'NeutraDisp';
	}
	
	.lotes .info .data .title3 {
		font: 200 42px / 60px 'NeutraDisp';
	}
	
	.lotes .info .data .title4 {
		font: 400 60px / 70px 'NeutraDisp';
	}
	
	.lotes .info .data .title5 {
		font: 200 15px / 22px 'NeutraDisp';
	}
	
	h3 {
		font: 400 38px / 56px 'NeutraDisp';
	}
	
	.amplamente {
		max-width: 300px;
		margin: 15px 0;
	}
	
	.moeda-forte img {
		margin-left: 15px;
	}
	
	.mensais .title {
		font: 400 70px / 102px 'NeutraDisp';
	}
	
	.mensais .title2 {
		font: 400 44px / 20px 'NeutraDisp';
	}
	
	.mensais .title3 {
		font: 600 105px / 130px 'NeutraDisp';
	}
	
	h4 {
		font: 200 42px / 38px 'NeutraDisp';
	}
	
	.areas-lazer {
		font: 200 18px / 27px 'NeutraDisp';
		font-weight: 400;
	}
	
	.lazer img {
		margin-top: 30px;
	}
	
	.contato {
		padding: 20px 0;
	}
	
	.plantao {
		font: 600 28px / 32px 'NeutraDisp';
	}
	
	footer img {
		margin: 25px 20px;
		max-height: 120px;
	}
}

@media (max-width: 991px){
	
	h1 {
		font: 400 46px / 46px 'NeutraDisp';
		margin: 20px 0;
	}
	
	h2 {
		float: right;
		max-width: 270px;
		font: 400 24px / 32px 'NeutraDisp';
		padding: 22px 0 0;
		text-align: right;
	}
	
	.lotes .info .data .title1 {
		font: 200 50px / 45px 'NeutraDisp';
	}
	
	.lotes .info .data .title6 {
		font: 100 60px / 50px 'NeutraDisp';
	}
		
	.lotes .info .data .title2 {
		font: 400 68px / 30px 'NeutraDisp';
	}
	
	.lotes .info .data .title3 {
		font: 200 35px / 50px 'NeutraDisp';
	}
	
	.lotes .info .data .title4 {
		font: 400 54px / 50px 'NeutraDisp';
	}
	
	.lotes .info .data .title5 {
		font: 200 13px / 18px 'NeutraDisp';
		position: relative;
		top: 10px;
	}
	
	.lotes .info .data {
		padding: 130px 0px;
	}
	
	.jatai-aerea {
		padding: 175px 0 0 70px;
		font-size: 20px;
		line-height: 24px;
	}
	
	h3 {
		font: 400 28px / 36px 'NeutraDisp';
	}
	
	.moeda-forte img {
		max-width: 200px;
	}
	
	.amplamente {
		max-width: 240px;
	}
	
	.moeda-forte img {
		margin-left: 30px;
	}
	
	.mensais .title {
		font: 400 50px / 62px 'NeutraDisp';
	}
		
	.mensais .title2 {
		font: 400 32px / 20px 'NeutraDisp';
	}
	
	.mensais .title3 {
		font: 600 75px / 80px 'NeutraDisp';
	}
		
	.mensais .title3 span {
		font: 100 45px / 60px 'NeutraDisp';
	}
	
	.mensais .title3 span.obs {
		font: 100 40px / 60px 'NeutraDisp';
	}
	
	h4 {
		font: 200 32px / 28px 'NeutraDisp';
	}
	
	.areas-lazer {
		font: 200 15px / 19px 'NeutraDisp';
		padding-right: 0;
		font-weight: 400;
	}
	
	.contato .title {
		font: 200 42px / 46px 'NeutraDisp';
	}
	
	.contact-form {
		padding: 10px 0;
	}
	
	.plantao {
		font: 600 22px / 24px 'NeutraDisp';
	}
	
	.plantao-fone {
		font: 600 70px / 50px 'NeutraDisp';
	}
	
	.plantao-fone span {
		font-size: 36px;
	}
	
	footer img {
		margin: 25px 20px;
		max-height: 90px;
	}
	
	footer .info {
		padding: 0px 25px;
	}
	
}

@media (max-width: 767px){
	
	.top {
		padding-top: 220px;
	}
	
	h1 {
		text-align: center;
		font: 400 46px / 42px 'NeutraDisp';
		margin: 10px 0;
	}
	
	h2 {
		float: none;
		max-width: 100%;
		font: 400 18px / 22px 'NeutraDisp';
		padding: 10px 0 30px;
		text-align: center;
	}
	
	.jatai-aerea {
		display: none;
	}
	
	.lotes .info .data .title6 {
		font: 100 40px / 40px 'NeutraDisp';
	}
	
	.lotes .info .data .title2 {
		font: 400 56px / 30px 'NeutraDisp';
	}
		
	.lotes .info .data .title5 {
		font: 200 12px / 18px 'NeutraDisp';
	}
	
	.moeda-forte {
		display: none;
	}
	
	.amplamente {
		max-width: 240px;
		margin: 0;
	}
	
	h3 {
		font: 400 28px / 28px 'NeutraDisp';
	}
	
	.mensais {
		text-align: center;
		padding: 60px 40px;
		background-color: #27553b;
		position: relative;
	}
	
	.mensalidades > img {
		display: none;
	}
	
	.familia {
		display: none;
	}
	
	.mensais .title {
		font: 400 55px / 64px 'NeutraDisp';
	}
	
	.mensais .title2 {
		font: 400 40px / 40px 'NeutraDisp';
	}
	
	.mensais .title3 {
		font: 600 85px / 80px 'NeutraDisp';
	}
	
	.mensais .title3 span {
		font: 100 65px / 60px 'NeutraDisp';
	}
	
	h4 {
		font: 200 44px / 40px 'NeutraDisp';
	}
	
	.areas-lazer {
		font: 200 20px / 24px 'NeutraDisp';
	}
	
	.contato .title {
		font: 200 32px / 36px 'NeutraDisp';
		text-align: center;
	}
	
	.contact-form {
		padding: 10px 20px;
		margin: 0 auto;
		max-width: 400px;
	}
	
	.mapa {
		display: none;
	}
	
	.plantao {
		font: 400 14px / 18px 'NeutraDisp';
	}
	
	.plantao-fone {
		font: 600 50px / 30px 'NeutraDisp';
	}
	
	.plantao-fone span {
		font-size: 28px;
	}
	
	footer {
		padding: 30px 0;
	}
	
	footer img {
		margin: 5px 10px;
		max-height: 70px;
	}
	
	footer .info {
		padding: 0px 10px;
		margin-bottom: 60px;
	}
	
	.lotes .info .data {
		max-width: 100%;
		padding: 30px 0px;
		height: auto !important;
	}
	
	.fixedBar {
		height: 150px;
		text-align: center;
	}
	
	.callText {
		padding: 0px 0;
		font-size: 20px;
	}
	
	.callAction {
		text-align: center;
		position: static;
		padding: 0;
		border-left: none;
	}
	
	.callAction .phone {
		font: 600 48px / 54px 'NeutraDisp';
	}
	
	.callAction .phone span {
		font: 600 24px / 24px 'NeutraDisp';
	}
	
}