/*----- CONTATO ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
*{
			box-sizing:inherit;
		}
		body, html{
			width: 100%;
			height: 100%;
			font-family: sans-serif;
			font-size:22px;
			line-height: 1.3;
			overflow-x: hidden;
		}
		.bg_video{
			position: fixed; 
			right: 0; 
			bottom: 0;
			min-width: 100%; 
			min-height: 100%;
			width: auto; 
			height: auto; 
			z-index: -1000;
			background: url(images/torre.jpg) no-repeat;
			background-size: cover; 
		}
		.body{
			padding:20px;
			background: rgba(255,255,255,0.9);
			margin: 30% auto 20px auto;
			max-width: 960px;
			border-radius: 10px;
		}
		a{ text-decoration:none;}
header {position: relative;background-color: black;height: 100vh;min-height: 25rem;width: 100%;}
.bg-casesatualiza{ background:#000}
.areaheader {position: relative;background-color: black;height: 100vh;min-height: 25rem;width: 100%;}

header video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 0;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

.container {position: relative;z-index: 2; background:#FFF; width:815px; margin:auto; margin-top:100px; padding-bottom:170px; margin-bottom:80px;}
.container-enviado {position: relative;z-index: 2; background:#5bb9b8; width:815px; margin:auto; margin-top:70px; padding-bottom:100px; padding-top:120px; margin-bottom:20px; color:#FFF; font-size:21px; letter-spacing:6px; text-align:center; line-height:36px;}
.container-enviado p{ margin-bottom:60px;}
header .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: black;opacity: 0.5;z-index: 1;}

.contato-icones-redes{position:absolute; top:21px; left:5px; z-index:10;}
.contato-icones-redes img{display:table;}
.contato-copo-topo{text-align:center; padding-top:54px; position:relative;}
.contato-fechar{position:absolute; top:21px; right:16px;}
.contato-meio-txt{letter-spacing:3px; text-align:center;}
.contato-titulo{ font-size:20px; letter-spacing:5px;}
.contato-txt{ font-size:20px; color:#77787b; font-weight:100;}

.contato-meio-campo{ width:87%; margin: 30px auto auto auto;}
.contato-meio-campo input{width: 100%;height: 30px; border:none; border-bottom: 1px solid #ccc;outline: 0; font-size:20px;}
.contato-meio-campo p{margin: 5px 0px; color:#58595b; font-size:14px; text-transform:uppercase; letter-spacing:2px;}
.contato-meio-campo-linhaenvia{width: 231px;margin: auto;height: 97px; margin-top:21px;}
.contato-enviar{ width:150px !important; background:#b5b5b5; padding:7px 0px; border:none; height:auto !important;float:left;margin-left: 15px; margin-top:21px; color:#FFF; letter-spacing:4px;}
.img-enviar{float:left;}

.contato-rodape{ width:90%; margin:auto;}
.contato-rodape-whatsapp{float:left;width:20%; text-align:center; color:#77787b; font-size:14px; text-transform:uppercase; letter-spacing:1px;}
.contato-rodape-whatsapp img{margin-bottom:10px;}
.contato-rodape-endereco{float:left;width:60%; text-align:center; color:#77787b; font-size:14px; text-transform:uppercase; margin-top:64px; letter-spacing:2px;}
.contato-rodape-seguranca{float:left;width:20%; text-align:center; color:#77787b; font-size:11px; text-transform:uppercase; letter-spacing:3px; margin-top:-72px; margin-bottom:10px;}
.contato-rodape-seguranca img{margin-bottom:10px;}
.contato-rodape-seguranca a{ color:#77787b;}

@media (pointer: coarse) and (hover: none) {
  header {background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;}
  header video {display: none;}
}

@media (max-width: 950px) {
	.container {width: 550px;padding-bottom: 20px;margin-top: 130px;}
	.contato-rodape-whatsapp {float: none;width: 100%;}
	.contato-rodape-endereco {float: none;width: 100%;margin-top: 20px;}
	.contato-rodape-seguranca {float: none;width: 100%;margin-top: 40px;}
	
	.container-enviado {width:550px; margin-top: 130px;}
}

@media (max-width: 620px) {
	.container {width: 300px;padding: 20px;margin-top: 170px;}
	body, html {height:auto;}
	
	.container-enviado {width:300px;}
	.container-enviado p {font-size: 14px;line-height: 24px;}
	.greenhouse-contatoenviado-txt img { width:180px;}
}

/*----- LIGHTBOX ------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.greenhouse-lightbox-area-off{ width:100%; height:100%; background-color: rgba(0,0,0,.8); z-index:1000; position:absolute; top:0px; left:0px; display:none;}
.greenhouse-lightbox {width: 800px;margin: auto;background: #FFF;height: 80%;margin-top: 1%;padding: 70px 35px 70px 70px; position:relative;}
.greenhouse-lightbox-txt{font-size: 14px; overflow-y:scroll; width:100%; margin:auto;height: 100%;}
.greenhouse-lightbox-fechar{ position:absolute; top:15px; right:15px; z-index:1005;}

.greenhouse-lightbox-area-on {
  -webkit-animation-name: linksmenu-on;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  
  width:100%; height:100%; background-color: rgba(0,0,0,.8); z-index:1000; position:absolute; top:0px; left:0px; display:block;
}
@-webkit-keyframes greenhouse-lightbox-area-on {
  0% {display:block; opacity:0;}
  100% {display:block; opacity:1;}
}

/* width */
::-webkit-scrollbar {width: 10px;}

/* Track */
::-webkit-scrollbar-track {background: #f1f1f1; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555; }