/************************************************************************/
/******************************** FONTES ********************************/
/************************************************************************/

.header-inicio h3{ font-size: 1.2em; }
ul.filtro-categorias h3{ display: none; }

/************************************************************************/
/********************************* HOME *********************************/
/************************************************************************/

/******************************************
Loading
******************************************/

#bemvindo-loading-close{ position: absolute; top: 1em; right: 1em; font: 700 14px/1.2 'Playfair Display', serif; letter-spacing: 0.02em; color: #fff; background-color: #000; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; cursor: pointer; }
#bemvindo-loading-close span{ }

#bemvindo-loading-show{ position: absolute; top: 1em; right: 180px; z-index: 444; font: 700 1em/1.2 'Playfair Display', serif; cursor: pointer; text-decoration: none; }

/* */

#bemvindo-loading-blackout,
#bemvindo-loading{

    -webkit-animation-duration: 5.8s;
	animation-duration: 5.8s;

    -webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;

    -webkit-animation-direction: reverse;
	animation-direction: reverse;

    -webkit-animation-play-state: running;
	animation-play-state: running;

    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

/* */

#bemvindo-loading-blackout{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 499; display: none; }

#bemvindo-loading-blackout{

    -webkit-animation-name: animatedBlackoutLoading;
    animation-name: animatedBlackoutLoading;

    -webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;

    background-color: rgba(255,255,255,0);
    /*-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);*/

}

@-webkit-keyframes animatedBlackoutLoading{

    0% { background-color: rgba(255,255,255,0); }
    10% { background-color: rgba(255,255,255,1); }
    96% { background-color: rgba(255,255,255,1); }
    100%{ background-color: rgba(255,255,255,0); }

}

@keyframes animatedBlackoutLoading{

    0% { background-color: rgba(255,255,255,.0); }
    10% { background-color: rgba(255,255,255,1); }
    96% { background-color: rgba(255,255,255,1); }
    100%{ background-color: rgba(255,255,255,0); }

}

/* */

#bemvindo-loading{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 555; /*font: 700 6em/1.2 'Playfair Display', serif; letter-spacing: -0.04em; padding-top: 10%; text-align: center;*/ display: none; overflow: hidden;}

#bemvindo-loading{

    -webkit-animation-name: animatedBemvindoLoading;
    animation-name: animatedBemvindoLoading;

    -webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;

    background-image: url(../images/bg-loading.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;

    opacity: 0;

}

@-webkit-keyframes animatedBemvindoLoading{

    0% { opacity: 0; }
    20% { opacity: 0; }
    30% { opacity: 1; }
    90% { opacity: 1; }
    96%{ opacity: 0; }
    100%{ opacity: 0; }
}

@keyframes animatedBemvindoLoading{

    0% { opacity: 0; }
    20% { opacity: 0; }
    30% { opacity: 1; }
    90% { opacity: 1; }
    96%{ opacity: 0; }
    100%{ opacity: 0; }

}


/******************************************
Header
******************************************/

.header-inicio{ width: 21%; /*max-width: 380px;*/ padding: 50px 0 20px 60px; float: left; top: 0; }

.header-inicio a.page-logo,
.header-inicio h1{ width: 120px; height: 100px; }

.header-inicio a.page-logo{ margin: 0 auto 1.8em auto; }

.header-inicio h3,
.header-inicio p{ max-width: 250px; margin: 0.9em auto; }

.header-inicio p.localizacao,
.header-inicio p.contato-email,
.header-inicio p.contato-linkedin{ max-width: 210px; }

/******************************************
Header position according to viewport height
******************************************/

@media only screen and (max-height: 889px) {

    .header-inicio{ position: absolute; }

}

@media only screen and (min-height: 890px) {

    .header-inicio{ position: fixed; }

}

/******************************************
Welcome Pic
******************************************/

#amanda-welcome-picture{ }

/******************************************
Filtro de Categorias
******************************************/

ul.filtro-categorias{ width: 62%; float: right; margin: 50px 40px 0 0; padding: 40px 20px 20px 20px; }

/******************************************
Jobs
******************************************/

ul.lista-home{ width: 62%; float: right; margin: 0 40px 50px 0; padding: 0 20px 40px 20px; }

/* ul.lista-home li:hover h2{ font-size: 0.95em; } */

ul.lista-home li{ width: 50%; display: inline-block; }

ul.lista-home li:hover{ transform: scale(1.05, 1.05); transition: all 0.2s ease-in-out; z-index: 9999; box-shadow: 0px 2px 6px rgba(0,0,0,0.3); /*outline: 4px solid #fff;*/ }
ul.lista-home li a:hover{ transform: scale(1.15, 1.15); transition: all 0.2s ease-in-out; }

ul.lista-home li .ver-mais{ display: none; }

/******************************************
Seleção de Idiomas
******************************************/

ul.language-select{ top: 1em; right: 2.5em; }

/************************************************************************/
/******************************* INTERNA ********************************/
/************************************************************************/

.header-interna{ width: 100%; padding: 0; }
.header-interna h1{ width: 98px; height: 80px; margin: 1.4em auto; } /* Logo */

ul.job{ width: 84%; margin: 1em auto 3em auto; padding: 10px 26px; }

#descritivo{ margin: 3em 0; } /* Li especial com o descritivo do job */

/******************************************
Botão Topo
******************************************/

#inicio a.bt-topo{ display: none; }
#interna a.bt-topo{ display: block; }

a.bt-descritivo:hover,
a.bt-topo:hover{ padding: 0 1.5em; transition: all 0.2s ease-in-out; }

/******************************************
Botão Próximo e Anterior
******************************************/

a.bt-proximo,
a.bt-anterior{ position: fixed; top: 50%; float: none; }

a.bt-proximo{ right: 2%; }
a.bt-anterior{ left: 2%; }

a.bt-proximo:hover{ right: 1.4%; transition: all 0.2s ease-in-out; }
a.bt-anterior:hover{ left: 1.4%; transition: all 0.2s ease-in-out; }