/*@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');*/

@font-face {
	font-family: "Museo";
	src: url("/fonts/Museo_Slab_3.woff") format("woff");
	font-weight: 900;
}

@font-face {
	font-family: "Museo";
	src: url("/fonts/Museo_Slab_1.woff") format("woff");
	font-weight: 500;
}

body{
	font-family: 'Roboto';
}

h1, h2, h3, h4, h5, h6{
	font-family: "Museo";
	font-weight: 900;
}

 
.form-control::placeholder{
	color: #ccc !important;
}

a:hover{
	text-decoration: none;
}

.btn-primary {
	color: #fff;
	background-color: #06908c;
	border-color: #06908c;
	font-family: "Museo";
	font-weight: 900;
  }
  
  .btn-primary:hover {
	color: #fff;
	background-color: #17b9b4;
	border-color: #17b9b4;
  }
  
  .btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #17b9b4;
	border-color: #17b9b4;
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #06908c;
	border-color: #06908c;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #17b9b4;
	border-color: #17b9b4;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem #06908c99;
  }




.logo-bottom{
	max-height: 80px;
	vertical-align: baseline;
}



.about-us{
	font-size: 1.2rem;
}

.about-us img{border: 1px solid #EEEEEE;}

.deliveries{background-color: #FFE9E5;}
.contact{background-color: #FFE9E5;}
.contact .form-contact{background-color: #FFFFFF;}

/*//////////////////////////////////////////*/
/*				Webdoors					*/
/*//////////////////////////////////////////*/

.webdoor .slides-webdoor{

}

.webdoor .slides-webdoor .slide{
	height: auto;
}

.webdoor .slides-webdoor .slide img{
	/*object-fit: cover;*/
	width: 100%;	
	height: auto;	
}

/*//////////////////////////////////////////*/
/*				form lead					*/
/*//////////////////////////////////////////*/


.form-container{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

@media only screen and (max-width: 998px){
	.form-container{
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: -200px;
	}
	h1{font-size: 2rem;}
	h2{font-size: 1.7rem;}
	h3{font-size: 1.5rem;}
}

.form-lead{
	background-color: #0a3047;
	padding: 20px;
	max-width: 450px;
	margin: 0 auto;
	position: relative;
}



.form-lead .form-group{
	position: relative;
}

.form-lead .form-group label{
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 8px;
	text-transform: uppercase;
}

.form-lead h3{
	color:  #dfc849;
	font-family: "Museo";
	text-align: center;
	padding: 20px 0;
	font-size: 30px;
}

@media only screen and (max-width: 998px){
	.form-lead h3{
		font-size: 20px;
	}	
}

.load-form {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: #0a3047ee;
	display: none;

}

.load-form .alert,
.load-form img{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #dfc849;
}
.load-form img{
	max-width: 150px;
}

/*//////////////////////////////////////////*/
/*				photos						*/
/*//////////////////////////////////////////*/

.title-photos h1{
	font-family: "Museo";
	color: #06908c;
	font-size: 45px;
}

.title-photos h3{
	font-family: 'Bebas Neue', cursive;
	color: #999;
}

@media only screen and (max-width: 998px){
	.title-photos h1{
		font-size: 30px;
	}	
}

.photo-container{
	width: 19.25%;
	margin-left: .3%;
	display: inline-block;
	margin-bottom: 10px;
} 

@media only screen and (max-width: 998px){
	.photo-container{
		width: 48.85%;
	}
}

.item-photo{
	/* width: 100%;
	padding-top: 70%; */
	cursor: zoom-in;
	background-color: #222;
}

.item-photo a{
	/* position: relative;
	display: block;
	width: 100%;
	padding-top: 100%; */
	cursor: zoom-in;
}

.item-photo a img{
	object-fit: cover;
	width: 100%;	
	height: 100%;
	opacity: 1;
	transition: all .2s ease-in-out;
}

.item-photo:hover a img{
	opacity: .5;
	width: 103%;	
	height: 103%;
}

.info-container{
	width: 59.4%;
	margin-right: .6%;
}
.info-container h1{
	display: block;
	font-size: 4vw;
	font-family: "Museo";
}
.acabamento{
	background-color: #0a3047;
	color: #dfc849;
	min-height: 35%;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.realizacao{
	min-height: 30%;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-size: 10px;
}
.lazer{
	background-color: #06908c;
	min-height: 35%;
	color: #0a3047;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ed-container{
	width: 39.9%;
	position: relative;
}

@media only screen and (max-width: 998px){
	.ed-container{
		width:100%;
	}
	.info-container{
		width: 100%;
	}

	.info-container h1{
		
		font-size: 8vw;
		text-align: center;
		padding: 30px 0;
		
		
	}
	
	
}

.areas-lazer li:before {
	content: "\2022";
	color: #06908c;
	font-weight: bold;
	font-size: 30px;
	display: inline-block; 
	width: 30px;
	margin-left: -1em;
	
}

.areas-lazer li{
	list-style: none;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #999;
	font-size: 30px;
	line-height: 30px;
}



/*//////////////////////////////////////////*/
/*				diferenciais				*/
/*//////////////////////////////////////////*/

.diferenciais-container{

}

.diferenciais-container h1 span{
	font-weight: 500 !important;
}

.titulo-piscina{
	background-color: #dfc849;
	color: #0a3047;

}
@media only screen and (max-width: 998px){
	.titulo-piscina h1{
		font-size: 8vw;
		padding: 0 20px;
	}
}
.diferenciais-list{
	background-color: #0a3047;
}

.diferenciais-list h3{
	color: #dfc849;
	padding-top: 5px;
	padding-left: 20px;
}

.diferenciais-list li:before {
	content: "\2022";
	color: #06908c;
	font-weight: bold;
	font-size: 20px;
	display: inline-block; 
	width: 15px;
	margin-left: -1em;
	
}

.diferenciais-list li{
	list-style: none;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #ccc;
	font-size: 20px;
	line-height: 30px;
}

.sustentabilidade-titulo{
	color: #fff;
	background-color: #06908c;
}
.sustentabilidade{
	background-color: #0a3047;
}
	
.sustentabilidade p{
	color: #ccc;
	text-transform: uppercase;
	font-size: 15px;
}

.sustentabilidade img{
	width: 50px;
	margin-right: 10px;
}



/*//////////////////////////////////////////*/
/*				Plantas						*/
/*//////////////////////////////////////////*/

.plantas-container{
	position: relative;
}

.plantas-container h5{
	display: block;
	padding: 10px;
}

.plantas-container h5 span{
	font-weight: 500;
}

.plantas-container::before, .plantas-container::after{
	content: '';
	background-color: #0a3047;
	position: absolute;
	width: 45%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

.plantas-container::after{ 
	background-color: #dfc849;
	left: auto;
	right: 0; 
}

.escuro { background-color: #0a3047; color: #dfc849;} 
.claro { background-color: #06908c; color: #fff;} 
.amarelo { background-color: #dfc849; color: #0a3047;} 
.red{ background-color: #F60000; color: white;}

.plantas-container img{ transform: scale(1); transition: all .2s ease-in-out;}
.plantas-container img:hover{ transform: scale(1.1); cursor: zoom-in; }

/*//////////////////////////////////////////*/
/*				localização					*/
/*//////////////////////////////////////////*/

.local-titulo{
	position: absolute;
	top: 40px;
	left: 0;
	padding: 10px 20px;
}




/*//////////////////////////////////////////*/
/*				fases da obra				*/
/*//////////////////////////////////////////*/

.fases-slides{
	
}
.slick-arrow{
	position: absolute;
	top: 50%;
	left: -40px;
	transform: translateY(-50%);
	z-index: 10;
	font-size: 25px;
	background: none;
	border: none;
	color: #06908c;
}
.slick-arrow:visited,
.slick-arrow:active,
.slick-arrow:focus{
	outline: none;
	box-shadow: none;
}
.slick-next{
	left: auto;
	right: -40px;
}


/*//////////////////////////////////////////*/
/*				footer						*/
/*//////////////////////////////////////////*/

.whats-click{
	height: 10px; 
	position: sticky; 
	bottom:10px; 
	right: 10px;
	z-index: 19;
}
.whats-click img{
	width: 50px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	transition: all .2s ease-in-out;
}
.whats-click img:hover{ 
	bottom: 25px;
}
footer{
	background-color: #FFE9E5;
}
footer a{
	color: #dfc849;
}
footer a:hover{
	text-shadow: 0 0 3px #dfc849;
	color: #dfc849;
}

footer a, footer a i{
	color: var(--color-link-menu-social);
	display: inline;
	
}
footer a:hover, footer a i:hover{
	color: var(--color-link-menu-social-hover);
}

.credits{
	background-color: #061f2f;
	color: #fff;
}

.logos-empresas a img:hover{
	opacity: .5;
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
  }
}