/* ======================================================================================================================== */
/* PÁGINA PRINCIPAL / HOMEPAGE (com template personalizada 'homepage.php' */
/* ======================================================================================================================== */

/* nunca mostrar link "página inicial" no menu desktop (usa-se o logotipo pequeno para isso) */
#main-nav .qt-link-pagina-inicial { display:none !important; }

/* esconde logo pequeno do menu na página inicial */
.qt-pagina-inicial #header #logo { display:none; }

/*workaround para background-size:cover funcionar no browser nativo do Android */
.qt-pagina-inicial { min-height:100%; }

.qt-pagina-inicial .logo-container .logo { overflow: hidden; }

.qt-pagina-inicial #logo-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	z-index: -1; /* para o menu ficar sempre por cima */
}

.qt-pagina-inicial .logo {
	display:inline-block;
	position:absolute;
	height:auto;
	margin:auto;
	top:0; left:0; right:0; bottom:0;
	max-width: 90%;
	max-height: 60%;
}


/* ANIMAÇÃO: TOIRO, DEPOIS LETRAS, DEPOIS SELO */

/* toiro e selo começam escondidos */
/*.qt-pagina-inicial img.logo#toiro,*/
.qt-pagina-inicial img.logo#selo { opacity: 0; }

.qt-pagina-inicial img.logo#letras {
	-webkit-animation: fade-in 2s backwards;
	-moz-animation: fade-in 2s backwards;
	-ms-animation: fade-in 2s backwards;
	animation: fade-in 2s backwards;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}

.qt-pagina-inicial.thb-page-loaded img.logo#selo {
	-webkit-animation: stamp 0.5s forwards;
	-moz-animation: stamp 0.5s forwards;
	-ms-animation: stamp 0.5s forwards;
	animation: stamp 0.5s forwards;
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-ms-animation-delay: 1.8s;
	animation-delay: 1.8s;
}


@-webkit-keyframes fade-in{
	0%  { opacity:0; }
	100%{ opacity:1; }
}
@-moz-keyframes fade-in{
	0%  { opacity:0; }
	100%{ opacity:1; }
}
@keyframes fade-in{
	0%   {opacity:0; }
	100% {opacity:1; }
}


@-webkit-keyframes pop-in{
	0%  { opacity:0; -webkit-transform:scale(.7); }
	100%{ opacity:1; -webkit-transform:scale(1);  }
}
@-moz-keyframes pop-in{
	0%  { opacity:0; -moz-transform:scale(.7); }
	100%{ opacity:1; -moz-transform:scale(1);  }
}
@keyframes pop-in{
	0%   {opacity:0;   transform:scale(.7); }
	100% {opacity:1;   transform:scale(1);  }
}


@-webkit-keyframes stamp {
	0%  { opacity:0; -webkit-transform:scale(15); }
	90%  {opacity:0.2; }
	100%{ opacity:1; -webkit-transform:scale(1);  }
}
@-moz-keyframes stamp {
	0%  { opacity:0; -moz-transform:scale(15); }
	90%  {opacity:0.2; }
	100%{ opacity:1; -moz-transform:scale(1);  }
}
@keyframes stamp {
	0%   {opacity:0;   transform:scale(15); }
	90%  {opacity:0.2; }
	100% {opacity:1;   transform:scale(1); }
}