/* NOVO CSS 2020 - FRONT MARKETING*/

.slider-topo{
	background-image: url(../img/slider-topo.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-topo .back-frase{
	background: rgba(8, 25, 59, 0.9);
	padding: 20px 0 20px 0;
}

.slider-topo h2{
	font-weight: bold;
	color: #FFF;
}

.slider-topo span{
	color: #f55e05;
}

.seta-baixo img{
	height: 25px;
	margin-top: 10px;
}


/* *************** */


.procurando{
	background-color: #08193b;
	padding: 60px 0 70px 0;
}

.linha{
	border: 1px solid #fff;
	border-radius: 25px;
	padding: 20px 0 20px 0;
}

.linha:hover{
	background-color: #091e47;
}

.procurando h2{
	color: #FFF;
	margin-bottom: 50px;
}

.procurando h3{
	color: #f55e05;
}

.procurando h6{
	color: #FFF;
}


/* *************** */

.como-funciona{
	background-color: #cdcdcd;
	padding: 60px 0 60px 0;
}

.como-funciona img{
	width: 310px;
	padding-top: 20px;
}

.como-funciona h3{
	font-weight: bold;
	color: #f55e05;
	margin-bottom: 20px;
}

.como-funciona h4{
	color: #08193b;
}


/* *************** */


.portal-empregos{
	background-color: #FFF;
	padding: 60px 0 60px 0;
}

.portal-empregos h2{
	color: #08193b;
	font-weight: bold;
}

.portal-empregos img{
	margin-top: 60px;
}

.portal-empregos h3{
	font-weight: bold;
	color: #08193b;
	margin-top: 15px;
}


/* *************** */


.funcionalidades{
	background-image: url(../img/wall-funcionalidades.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    padding: 65px 0 65px 0;
}

.funcionalidades img{
	margin-top: 70px;
	margin-bottom: 15px;
}

.funcionalidades h2{
	font-weight: bold;
	color: #08193b;
}

.funcionalidades h3{
	font-weight: bold;
	color: #08193b;
	margin-bottom: 7px;
}

.funcionalidades h6{
	color: #08193b;
}



/* *************** */

.contato-form{
	padding: 65px;
	background-color: #e7e7e7;
}

.contato-form h2{
	font-weight: bold;
    color: #08193b;
    margin-bottom: 33px;
}

.contato-form input{
	width: 100%;
	border: 1px solid #08193b;
	border-radius: 10px;
	padding: 13px;
	margin-bottom: 9px;
}

.contato-form textarea{
	width: 100%;
	border: 1px solid #08193b;
	border-radius: 10px;
	resize: none;
	padding: 10px;
	margin-bottom: 5px;
}

.contato-form button{
	background-color: #08193b;
	padding: 13px;
	border: 1px solid #08193b;
	border-radius: 10px;
	width: 100%;
	color: #fff;
	font-weight: bold;
}

.contato-form button:hover{
	background-color: transparent;
	color: #08193b;
	border: 1px solid #08193b;
}








/* *************** *//* *************** *//* *************** *//* *************** */
/* PÁGINA CANDIDATO */ /* PÁGINA CANDIDATO */ /* PÁGINA CANDIDATO */ /* PÁGINA CANDIDATO */ 
/* *************** *//* *************** *//* *************** *//* *************** */


.slider-topo-candidato{
	background-image: url(../img/slider-topo-candidato.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-topo-candidato .back-frase{
	background: rgba(8, 25, 59, 0.9);
	padding: 20px 0 20px 0;
}

.slider-topo-candidato h2{
	font-weight: bold;
	color: #f55e05;
}

.slider-topo-candidato h3{
	font-weight: normal;
	color: #FFF;
}









/* *************** */

.slider-topo-candidato-2{
	background-image: url(../img/slider-topo-candidato.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.slider-topo-candidato-2 h1{
	padding-bottom: 60px;
	color: #061328;
	font-weight: bold;
}

.slider-topo-candidato-2 .back-frase{
	background: rgba(8, 25, 59, 0.9);
	padding: 20px 0 20px 0;
}

.slider-topo-candidato-2 h2{
	font-weight: bold;
    color: #061328;
    background-color: #f55e05;
    padding: 10px 40px 10px 40px;
    border-radius: 25px;
    border: 1px solid #061328;
    margin-bottom: 65px;
    font-size: 20px;
}

.slider-topo-candidato-2 h2:hover{
	background-color: #061328;
	color: #f55e05;
	border: 1px solid #f55e05;
}

.slider-topo-candidato-2 h3{
	font-weight: normal;
	color: #FFF;
}
/* *************** */

.nova-celula{
	background-color: #08193b;
	padding: 33px 0 29px 0;
}

.nova-celula h2{
	font-weight: bold;
	color: #f55e05;
}

.nova-celula h3{
	color: #fff;
}















.faca-cadastro-can{
	background-color: #f55e05;
	padding: 60px 0 65px 0;
}

.faca-cadastro-can a{
	text-decoration: none;
}

.faca-cadastro-can h2{
	font-weight: bold;
	color: #f55e05;
	background-color: #061328;
	padding: 10px 40px 10px 40px;
	border-radius: 25px;
	border: 1px solid #061328;
}

.faca-cadastro-can h2:hover{
	background-color: #f55e05;
	color: #061328;
	border: 1px solid #061328;
}

/* ** */

.faca-cadastro{
	background-color: #061328;
	padding: 60px 0 65px 0;
}

.faca-cadastro a{
	text-decoration: none;
}

.faca-cadastro h2{
	font-weight: bold;
	color: #061328;
	background-color: #f55e05;
	padding: 10px 40px 10px 40px;
	border-radius: 25px;
	border: 1px solid #f55e05;
}

.faca-cadastro h2:hover{
	background-color: #061328;
	color: #f55e05;
	border: 1px solid #f55e05;
}


/* *************** */


.can-icons{
	background-color: #08193b;
	padding: 70px 0 80px 0;
}

.can-icons img{
	margin-top: 60px;
}

.can-icons h2{
	color: #fff;
	font-weight: bold;
}

.can-icons h3{
	margin-top: 10px;
	font-weight: bold;
	color: #fff;
}


/* *************** */


.pessoa-emprego{
	padding: 35px 0 35px 0;
}

.pessoa-emprego h2{
	font-weight: bold;
	color: #f55e05;
	padding-top: 110px;
}

.pessoa-emprego h4{
	color: #08193b;
	margin-top: 15px;
}

.logo-pessoa{
	margin-top: 40px;
}



/* *************** *//* *************** *//* *************** *//* *************** */
/* PÁGINA EMPRESA */ /* PÁGINA EMPRESA */ /* PÁGINA EMPRESA */ /* PÁGINA EMPRESA */ 
/* *************** *//* *************** *//* *************** *//* *************** */


.slider-topo-empresa{
	background-image: url(../img/slider-empresa.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-topo-empresa .back-frase{
	background: rgba(8, 25, 59, 0.9);
	padding: 20px 0 20px 0;
}

.slider-topo-empresa h2{
	font-weight: bold;
	color: #FFF;
}


/* *************** */


.emp-icons{
	background-color: #f55e05;
	padding: 70px 0 80px 0;

	background-image: url(../img/wall-empresa.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.emp-icons img{
	margin-top: 60px;
}

.emp-icons h2{
	color: #08193b;
	font-weight: bold;
}

.emp-icons h3{
	margin-top: 10px;
	font-weight: bold;
	color: #08193b;
}






/* *************** *//* *************** *//* *************** *//* *************** */
/* MEDIA QUERIES */ /* MEDIA QUERIES */ /* MEDIA QUERIES */ /* MEDIA QUERIES */ /* MEDIA QUERIES */ 
/* *************** *//* *************** *//* *************** *//* *************** */


@media(max-width: 587px){
	.pessoa-emprego img{
		width: 80%;
	}

	.slider-topo-candidato-2{
	background-image: url(../img/slider-topo-candidato-responsivo.jpg);
}


@media(max-width: 447px){
	.pessoa-emprego h2{
	padding-top: 40px;
    }

	.pessoa-emprego h4{
	margin-top: 15px;
	margin-bottom: 25px;
	}
}