.site-cabecalho-fora {
	/*height: 56.25vw;*/
	height: 21.25vw;
	max-height: calc(100vh - 40px);
	/*min-height: 50vh;*/
	position: relative;
	overflow: hidden;
}

.site-cabecalho-fora {
	position: relative;
	z-index: 2;
}

/*.site-cabecalho-fora::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background: url(https://s3.us-east-1.amazonaws.com/sgipro/2/bg-cabecalho-decoracao.jpg) no-repeat center center / cover;
	z-index: 0;
	mix-blend-mode: overlay;
	opacity: 0.5;
}*/

.site-cabecalho {
	gap: 1em;
	padding: 1em;
}

.cabecalho-info {
	color: #d6ab72;
	display: flex;
	flex-wrap: wrap;
	font-size: 87.5%;
	font-weight: 700;
	justify-content: center;
	background: transparent;
	padding: 10px;
	border-radius: 20px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;	
}

.busca-principal {
	background:  #e9e2cd;
	padding: 1.5em;
	/*opacity: 0.8;*/
	border-radius: 0.5rem;
	font-size: 1.1em;
}

/*.video-background {
	display: none;
}*/

.video-background {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}

.video-background iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -55%); /* deslocamento no eixo y para esconder o título do vídeo */
}

@media screen and (min-width: 48em) {
	body.bd-home .site-cabecalho-fora {
		height: calc(100vh - 40px);
		position: relative;
		overflow: hidden;
	}

	body.bd-home .site-cabecalho-fora::before {
		display: none;
	}

	body.bd-home .site-cabecalho-fora::after {
		content: "";
		/*background: linear-gradient(180deg, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.2));*/
		position: absolute;
		z-index: 0;
		inset: 0;
	}

	body.bd-home .busca-principal {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 75%;
		/*overflow: hidden;*/
		z-index: 999999999;
	}

	body.bd-home .video-background {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		/*overflow: hidden;*/
		width: 100vw;
		height: 100vh;	
	}

	body.bd-home .video-background iframe {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100vw;
		height: 100vh;

		transform: translate(-50%, -55%); /* deslocamento no eixo y para esconder o título do vídeo */
	}

	.site-cabecalho {
		max-width: none;
		padding: 1em 8rem;
		position: relative;
		z-index: 2;
	}

	.site-logo {
		height: 12em;
		margin: 0;
		width: 16em;
	}
}

@media (min-aspect-ratio: 16/9) {
	body.bd-home .video-background iframe {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}

@media (max-aspect-ratio: 16/9) {
	body.bd-home .video-background iframe {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}

/* cores */

.telefone__whatsapp {
	background-image: url(../../imagens/tema/logo_whatsapp_branca.png);
}

.icone, a.icone {
	color: #e9ae0a;
}

.li-imovel__valor {
	color: #d6ab72;
	display: block;
	font-weight: 900;
}

.site-rodape h2 {
	font-weight: 100;
}

.menu-principal {
	color: #d6ab72;
	font-weight: 100;
	background: #454545;
}
.menu-principal-fora {
	background-image: linear-gradient(to top, #080505, #2e323e);
}

.cs-select,
.busca-atributos input,
.busca-atributos button,
.busca-atributos input::placeholder
{
	color: #d6ab72;
}

.campo > span > i,
.cs-placeholder:after
{
	color: #d6ab72;
}


.video-background {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}

.video-background iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -55%); /* deslocamento no eixo y para esconder o título do vídeo */
}

@media (min-aspect-ratio: 16/9) {
	.video-background iframe {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video-background iframe {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}

@media (min-width: 48rem) {
	.site-logo {
		height: 14em;
		margin: 0;
		width: 16em;
	}
}

.cabecalho-info {
    color: #bd9e67;
    display: flex;
    flex-wrap: wrap;
    font-size: 87.5%;
    font-weight: 700;
    justify-content: center;
    background: #fff;
    opacity: 0.6;
    padding: 10px;
    border-radius: 20px;
}

.icone, a.icone {
	color: #bd9e67;
}

@media screen and (max-width: 480px) {
	.cabecalho-info {
		margin-top: unset;
	}
	.site-logo {
		margin-top: unset;
	}	
}


@media only screen and (max-width: 21rem) and (min-width: 18rem) {
	.site-logo {
		height: 22em;
	}
	
	.site-cabecalho-fora {
		height: 25em;
	}
	
	.site-cabecalho largura-site ma {
		display: block;
		z-index: 99999999;
	}
	
		.cabecalho-info {
    color: #bd9e67;
    display: block;
    font-size: 87.5%;
    font-weight: 700;
    justify-content: center;
    background: #fff;
    opacity: 0.6;
    padding: 10px;
    border-radius: 20px;
}
}

@media screen and (max-width: 480px) {
	.site-cabecalho {
		z-index: 99;
	}
	
	.site-logo img {
		margin-left: 3em;
	}
	
	.site-logo {
		height: 7em;
	}	
	
	.site-cabecalho-fora {
		height: 17em;
	}
	
		.site-logo {
		height: 14em;
		margin: 0;
		width: 16em;
	}
	
	.cabecalho-info {
		color: #bd9e67;
		font-size: 50%;
		font-weight: 700;
		justify-content: center;
		background: #fff;
		padding: 10px;
		border-radius: 20px;
		z-index: 99999999;
	}

	.menu-principal>ul>li ul a {
		background: #000;
	}
	
	.menu-principal {
		background: #818181;
		box-shadow: none;
		font-weight: 700;
	}
}