/* TOPO */

.top {
	width:100%;height:90px;line-height:90px;display:flex;justify-content:center;
	position:fixed;left:0;top:0;z-index:2;background-color:#FFF;
}

.topint {
	width:80%;height:90px;line-height:90px;display:flex;justify-content:space-between;
}

.aside_left {
	width:auto;height:90px;display:flex;justify-content:flex-start;align-items:center;
}

.aside_left .logo {
	width:80px;height:80px;cursor:pointer;display:flex;align-items:center;
}

.aside_left .logo svg {
	enable-background:new 0 0 700 700;
	/*	margin-top: -20px;*/
}

.aside_left .logo svg .st0 {
	fill:#002642;
}
.aside_left .logo svg .st1 {
	fill:#0065B0;
}
.aside_left .logo svg .st2 {
	fill:#001423;
}
.aside_left .logo svg .st3 {
	fill:#003D6B;
}

.aside_left h1 {
	padding:0;margin:0;font-size: 25px;
}

.aside_right {
	width:60%;height:90px;display:flex;justify-content:flex-end;align-items:center;
}

.aside_right div {
	margin-left:20px;
}

.aside_right .sobre_item, .aside_right .classificados_item, .aside_right .informativos_item {
	height:10px;line-height:10px;cursor:pointer;font-size:18px;
}

.aside_right .sobre_item:hover, .aside_right .classificados_item:hover, .aside_right .informativos_item:hover {
	color:var(--azul);
}

.aside_right .contato_item {
	width:200px;height:50px;line-height:42px;border:4px solid var(--preto);padding:0;margin:0;
	border-radius:10px;cursor:pointer;font-weight:bold;margin-left:20px;
	background-color:#FFF;color:var(--preto);
}

.aside_right .contato_item:hover {
	background-color:var(--preto);color:#FFF;border:4px solid var(--preto);
}

.aside_right .precadastro_item {
	width:150px;height:50px;line-height:42px;border:4px solid var(--verde);padding:0;margin:0;
	border-radius:10px;cursor:pointer;background-color:var(--verde);color:#FFF;font-weight:bold;
}

.aside_right .precadastro_item:hover {
	background-color:var(--preto);color:#FFF;border-color:var(--preto);
}

/* BANNERS */

.banners {
	width:100%;height:calc(100vh - 90px);display:flex;justify-content:center;
	z-index:1;margin-top:90px;
}

#fundo {
	position:absolute;width:100%;height:calc(100vh - 90px);filter:opacity(50%);
	z-index:0;background-image:url('../images/capa.jpg');background-repeat:no-repeat;
	background-size:100% auto;
}

.bannersint {
	width:80%;height:calc(100vh - 90px);display:flex;justify-content:space-between;
	z-index:1;
}

.banner_aside_left {
	flex:1;height:100%;margin-top:20px;display:flex;flex-direction:column;
}

.titulo_info {
	width:100%;height:/*450px*/auto;background-color:var(--azul_gelo);border-radius:20px;
	margin-bottom:20px;color:#FFF;padding:40px;line-height:30px;
}

.titulo_info h1 {
	color:#FFF;font-size:25px;padding:0;margin:0;
}

.titulo_info h1 span {
	color:var(--azul);font-size:25px;
}

.apps_qrcode {
	display:flex;height:90%;max-height:720px;display:flex;justify-content:flex-start;align-items:flex-end;
}

.apps {
	display:flex;flex-direction:column;margin-left:20px;height:250px;justify-content:center;
}

.apps .playstore {
	margin-bottom:20px;cursor: pointer;
}

.apps .playstore:hover, .apps .applestore:hover {
	opacity:.6;
}

/* .apps .applestore {

} */

.embreve {
	position:absolute;width:200px;height:250px;display:flex;
	justify-content:center;align-items:center;color:#FFF;
	font-size:25px;font-weight:bold;background-color:#4c9ccb54;
	border-radius:20px;z-index:1;font-style:italic;
	margin-top: 85px;height: 85px;
}

.banner_aside_right {
	width:500px;height:100%;display:flex;justify-content:flex-end;margin-top:20px;
}

#app_mobile iframe {
	width:100%;height:100%;
}

/* SOBRE */

.faixa_sobre {
	width:100%;display:flex;justify-content:center;background-color:var(--azul);
	height:90px;line-height:90px;align-items:center;
}

.faixa_sobre h1 {
	color:#FFF;padding:0;margin:0;
}

.sobre {
	width:100%;display:flex;justify-content:center;
}

.sobreint {
	width:80%;padding-top:40px;padding-bottom:40px;line-height:30px;
	background-color:#4c9ccb85;margin:20px;border-radius:20px;padding:40px;
}

/* INFORMATIVOS */

.faixa_informativos {
	width:100%;display:flex;justify-content:center;background-color:var(--azul);
	height:90px;line-height:90px;align-items:center;
}

.faixa_informativos h1 {
	color:#FFF;padding:0;margin:0;
}

.informativos {
	width:100%;display:flex;justify-content:center;
}

.informativosint {
	width:80%;
}

/* CLASSIFICADOS */

.faixa_classificados {
	width:100%;display:flex;justify-content:center;background-color:var(--azul);
	height:90px;line-height:90px;align-items:center;
}

.faixa_classificados h1 {
	color:#FFF;padding:0;margin:0;
}

.classificados {
	width:100%;display:flex;justify-content:center;
}

.classificadosint {
	width:80%;
}

/* CONTATO */

.contato {
	width:100%;height:auto;display:flex;justify-content:center;background-color:var(--azul);
}

.contatoint {
	width:80%;height:auto;padding-top:40px;padding-bottom:40px;display:flex;flex-direction:column;
}

.contatoint div:first-child {
	flex:2;
}

.contatoint div:last-child {
	flex:2;
}

.contatoint h1 {
	color:#FFF;text-align:center;margin-bottom:40px;
}

.formulario_contato {
	width:100%;background-color:#FFF;padding:40px;border-radius:20px;
}

#mensagem {
	min-height:200px;
}

/* RODAPÉ MAPA */

.rodapemapa {
	width:100%;height:900px;display:flex;justify-content:center;background-color:#FFF;
	background-image:url('../images/refat-logo.png');background-repeat:no-repeat;
	background-size:auto 50%;background-position:right;
}

.rodapemapaint {
	width:80%;height:900px;padding-top:40px;padding-bottom:40px;display:flex;flex-direction:column;
}

.gestccon {
	display:flex;flex-direction:column;
}

.rodapemapaint h1 {
	color:var(--azul_escuro);
}

.endereco_rodape {
	color:gray;
}

.mapa_rodape {
	width:100%;height:100%;background-color:transparent;color:#FFF;border-radius:20px;
	display:flex;flex-direction:column;justify-content:center;align-items:center;
}

.mapa_rodape div {
	width:100%;display:flex;justify-content:center;
}

.mapa_rodape div:first-child {
	height:calc(100% - 30px);padding: 0px;border: 2px solid gray;border-radius: 20px;
}

.mapa_rodape div:last-child {
	padding-bottom:40px;
}

.mapa_rodape iframe {
	width:100%;height:100%;border-radius:20px;
}

#rota_map_rodape {
	margin-top:20px;
}

#rota_map_rodape .btn-primary {
	font-size:20px;height:50px;line-height:50px;width:300px;background-color:var(--azul) !important;
	border:1px solid var(--azul) !important;
}

#rota_map_rodape .btn-primary:hover {
	background-color:white !important;color:var(--azul) !important;
}

#enviarMensagem.btn-secondary {
	font-size:20px;height:50px;line-height:40px;width:300px;background-color:var(--azul) !important;
	border:1px solid var(--azul) !important;
}

#enviarMensagem.btn-secondary:hover {
	background-color:white !important;color:var(--azul) !important;
}

/* RODAPÉ */

.rodape {
	width:100%;height:60px;display:flex;justify-content:center;background-color:var(--azul);
}

.rodapeint {
	width:80%;height:50px;line-height:50px;text-align:center;color:#FFF;display:flex;
	justify-content:center;align-items:center;
}

.logo_rodape {
	width:35px;height:35px;border-radius:17.5px;background-color:#FFF;
}

.logo_rodape svg {
	enable-background:new 0 0 700 700;margin-top:-20px;
}

.logo_rodape svg .st0 {
	fill:#002642;
}
.logo_rodape svg .st1 {
	fill:#0065B0;
}
.logo_rodape svg .st2 {
	fill:#001423;
}
.logo_rodape svg .st3 {
	fill:#003D6B;
}

/* MENSAGEM DO PROCESSO */

#msgProccess {
	width:100%;height:100vh;position:fixed;left:0;top:0;
	background-color:var(--azul);display:none;justify-content:center;
	z-index:3;color:#FFF;align-items:center;font-size:20px;font-weight:bold;
}

#msgProccess i {
	color:#FFF;font-size:50px;
	animation-name:girar;animation-delay:0s;animation-duration:1s;
	animation-iteration-count:infinite;
}

@keyframes girar {
	0% {transform:rotate(calc(32.72727272727273deg * 1));}
	10% {transform:rotate(calc(32.72727272727273deg * 2));}
	20% {transform:rotate(calc(32.72727272727273deg * 3));}
	30% {transform:rotate(calc(32.72727272727273deg * 4));}
	40% {transform:rotate(calc(32.72727272727273deg * 5));}
	50% {transform:rotate(calc(32.72727272727273deg * 6));}
	60% {transform:rotate(calc(32.72727272727273deg * 7));}
	70% {transform:rotate(calc(32.72727272727273deg * 8));}
	80% {transform:rotate(calc(32.72727272727273deg * 9));}
	90% {transform:rotate(calc(32.72727272727273deg * 10));}
	100% {transform:rotate(calc(32.72727272727273deg * 11));}
}

/*Todos elementos serão renderizados com os dados do banco e exibidos depois*/
.top, .banners, .faixa_sobre, .sobre, .faixa_informativos, .informativos, .faixa_classificados, .classificados, .contato, .rodapemapa, .rodape {
	display:none;
}

.user-card strong {
	font-size:25px !important;
}