/* Custom Stylesheet */

html {
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; 
}

nav {
	box-shadow: none;
}

nav ul a,
nav .brand-logo {
	color: #444;
}


a#logo-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 64px;
}

nav .brand-logo img {
	width: 100px;
}

nav ul li:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
}

nav ul li:last-child a {
	color: #F1971D;
	padding: 0 5%;
}

nav ul li:last-child a i {
	font-size: 1em;
}

nav ul li:last-child a:hover {
	background-color: transparent !important;
	color: #f2cc00
}

nav ul li:last-child a img {
	width: 32px;
}

p {
	line-height: 2rem;
}

.container h1{
	margin: 23.1 rem 0 1.68 0 !important;
}

h1,
h2 {
	color: #54585a;
	font-weight: bolder
}

.button-collapse {
	color: #1e22aa;
}

.flexbasis-33 {
	flex-basis: 33.33%
}

.parallax-container {
	min-height: 100vh;
	line-height: 0;
	height: auto;
	color: rgba(255, 255, 255, .9);
	background: url(../../img/entrevias/entrevias_recrutamento.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 90%;
    background-position-x: center;
}

.parallax-container .section {
	width: 100%;
}

/************
Helpers
************/
.d-none {
	display: none !important;
}

.pb0 {
	padding-bottom: 0 !important
}

.mb0 {
	margin-bottom: 0 !important
}

/************
Modal
************/
.jScroll,
.jAcessar {
	background: #f5a900 !important
}

span#recovery {
	color: #2196F3;
	cursor: pointer;
}

div#modal1 {
	width: 370px;
	max-width: 100%;
}

.msg p {
	margin: 0;
	padding: 0;
}

.msg p i {
	font-size: .9em;
}

.lm-success,
.lm-failed,
.j_login {
	display: flex;
	align-items: center;
	justify-content: start;
	font-size: .9em;
}

.jPreLoad {
	width: 12px
}

.modal-login h2 {
	font-size: 1em
}

/************
Header
************/
.section.no-pad-bot {
	position: absolute;
	/* bottom: 0; */
	top: 5em;
	z-index: 1;
}

#index-banner .section.no-pad-bot .container {
	height: 38rem;
}

#banner-title {
	text-align: left;
}

a#download-button {
	color: #FFF;
	float: left;
	background: #1e22aa !important;
	font-weight: bold !important;
	font-size: 1.5rem
}

a#download-button:hover {
	background: #1e22aab8 !important;
}

.teal-text.text-lighten-2 {
	font-size: 5rem;
	color: #fff !important;
	text-shadow: 1px 1px 4px #333;
	text-align: left;
}

/* SOCIAL */
/* .hide-on-med-and-down {} */
li.social {
	padding: 0 3px;
	width: 113px;
}

li.social a {
	color: #FFF;
	padding: 0 3px;
}

li.social a:hover {
	color: #f5a900;
}

li.social.social_menu {
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 1em 0;
	margin: 0;
	padding: 0px;
}

li.social.social_menu span {
	color: #949494;
}

li.social.social_menu span i.fa-inverse {
	font-size: 1em;
}

li.social.social_menu a {
	padding: 0
}

li.social.social_menu a i {
	padding: 0px 32px 0px 0px;
	margin: 0;
	font-size: 2em;
	color: #f1971d;
}

.drag-target {
	width: 10px !important;
}

/************
BLOCO 1     
************/
.bloco {
	margin: 1rem 0rem;
	padding: 0 !important;
}

.bloco .icon-block h5 {
	color: #1e22aa;
	font-size: 1.5rem;
	padding: 0;
	margin: 0;
}

div#bloco1{
    font-size: medium;
}

div#bloco1 .icon-block .ptop {
	margin-top: 1.9rem
}

div#quem-somos {
	background-color: #f2cc00;
	color: #54585A;
}

div#quem-somos h2 {
	color: #54585A;
}

/************
BLOCO 2
************/

.vtc {
	width: 60px;
	height: 40px;
	float: left;
	text-align: center;
}

.col.s12.m6.l2.bloco.align_div_center {
	clear: both;
}

div#bloco2 .bloco .icon-block h5 {
	padding: 0
}

div#bloco2 .bloco .icon-block {
	display: block;
}

div#bloco2 .bloco .icon-block i {
	font-size: 2em;
	color: #5968bd;
}

div#bloco2 .bloco .icon-block p {
	line-height: 15px;
	margin: 0 0px 0;
	padding: 0;
}

/************
FIXED  
************/

.icon-block {
	padding: 0px;
	display: inline-block;
}

.icon-block .material-icons {
	font-size: inherit;
}

footer.page-footer {
	margin: 0;
	padding: 0;
}

.footer-copyright .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-height: 100%;
}

div#footer-copyright {
	text-align: right;
}

ul#footer-social {
	text-align: center;
}

ul#footer-social li {
	display: flex;
	align-items: center;
	justify-content: center;
}

ul#footer-social li a {
	color: #fff;
	margin: 0 5%;
}

a#footer-developer {
	text-align: left;
}

/********************
CAROUSSEL
********************/
.carousel {
    height: 455px !important;
    cursor: grab;
}

.carousel-item.white-text {
	background-color: #f6f7fb !important
}

.carousel-item p {
	color: #808080;
	text-align: left;
	font-size: 16px !important;
}

.carousel .indicators .indicator-item {
	background-color: #f2cc00;
}

.carousel .indicators .indicator-item.active {
	background-color: #1e22aa;
}

.carousel-item.white-text .testemunho_img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

/********************
TESTEMONIAL PLUGIN
********************/
div.bloco-testimonial {
	background-color: #f6f7fb;
}

div#bloco-oportunidades-profissionais-search {
	margin-top: 6rem;
}

div#bloco-oportunidades-profissionais-search input {
	background: #f6f7fb;
	border: none;
	box-shadow: none;
}

div#bloco-oportunidades-profissionais-search a {
	height: 44px;
	padding-top: 6px;
	background: #1e22aa;
	font-weight: bolder;
	box-shadow: none;
}


div#bloco-oportunidades-profissionais-search a:hover {
    background: #1e22aab8;
}

div#testemunho {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

b.testemunho-nome{
    color: #1e22aa;
}

b.testemunho-cargo{
    color: #1e22aa;
    font-weight: 300; 
    font-size:12px;
}

/***************************
OPURTUNIDADES PROFISSIONAIS
***************************/
div#bloco-oportunidades-profissionais-lista ul li {
	background-color: #FFF;
	padding: 0.3rem 5rem;
	box-shadow: 0px 2px 10px #f0f0f0;
	margin-bottom: 1rem;
	cursor: pointer;
}

a.button-leia-mais{
    background: #1e22aa;
}

a.button-leia-mais:hover{
    background: #1e22aab8;
}

div#bloco-oportunidades-profissionais-lista ul li:hover {
	box-shadow: 0px 9px 48px #9d9d9d;
	transition: all 1s ease;
}

div#bloco-oportunidades-profissionais-lista ul li p {
	display: inline-block;
	width: 100%;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

div#bloco-oportunidades-profissionais-lista ul li p.aberto {
	display: inline-block;
	width: 100%;
	white-space: normal !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

div#bloco-oportunidades-profissionais-lista ul li h3 {
	font-size: 1.6rem;
	display: flex;
	align-items: center
}

div#bloco-oportunidades-profissionais-lista ul li h3 img {
	margin-right: .2rem;
}

@media only screen and (min-width: 1200px) {
	.bloco .icon-block img {
		width: 119px !important
	}
}

@media only screen and (max-width : 800px) {

	/* li.social {
		display: none !important;
	} */
}

@media only screen and (min-width: 993px) {

	#index-banner .section.no-pad-bot .container{
		height: 28rem;
	}

	.container {
		width: 80%;
	}
}

@media only screen and (max-width : 992px) {

	.parallax-container {
		min-height: 50vh;
		background-attachment: inherit;

	} 
	
	div#index-banner .section.no-pad-bot .container h1{
		margin-top: 2vh !important;
	}

	.jScroll,
	.jAcessar {
		margin-top: 10px;
		width: 100%;
	}

	li.social {
		display: flex !important;
	}

	.section.no-pad-bot {
		display: flex;
	}

	#index-banner .section.no-pad-bot .container {
		height: auto;
	}

	#container-bg {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.parallax-container .section {
		position: absolute;
		top: 40%;
	}

	#index-banner .section {
		top: 0%;
		padding: 0
	}

	.carousel-item p {
		font-size: 16px !important;
	}

	.teal-text.text-lighten-2 {
		font-size: 4rem
	}

	.col.s12.m6.l2.bloco.align_div_center {
		display: none
	}

	div#bloco1 .icon-block .ptop {
		margin-top: 5rem;
	}
}

@media only screen and (max-width: 772px) {
	.teal-text.text-lighten-2{
		font-size: 2.5rem;
	}
}


@media only screen and (max-width : 600px) {
	.carousel {
		min-height: 700px !important;
	}

	div#bloco-oportunidades-profissionais-search {
		margin-top: 0rem;
	}

	#index-banner .section {
		top: 0;
	}

	.teal-text.text-lighten-2 {
		width: auto;
		margin-left: 0%;
		margin-right: 0%;
		float: none;
		text-align: center;
		font-size: 2rem;
	}

	#banner-title {
		width: auto;
		float: none;
		text-align: center;
	}

	#banner-description {
		position: static
	}

	a#download-button {
		float: none
	}

	.bloco .icon-block h5 {
		padding: .2rem .7rem !important;
	}

	div#bloco2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		max-width: 100%;
	}

	div#bloco2 .bloco .icon-block h5 {
		padding: 0 !important;
	}

	div#bloco1 .bloco .icon-block img {
		width: 180px !important
	}

	div#bloco2 .bloco .icon-block {
		padding: 0
	}

	/* BANNER */
	div#index-banner .section.no-pad-bot .container h1 {
		margin: 1rem 0;
	}

	/* QUEM SOMOS */
	div#bloco1 .icon-block .ptop {
		margin-top: .3rem;
	}

	/* VALORES */

	.bloco .icon-block img {
		width: 90px !important;
	}

	.remover {
		display: none
	}

	ul#footer-social {
		flex-basis: 100%;
	}

	/* testemunho */
	.carousel-item img {
		width: 100px !important;
		float: none !important;
		margin: 0 auto;
	}

	div#testemunho {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
		height: auto;
		max-height: 100%;
	}

	div#testemunho>p {
		text-align: justify;
		line-height: 1.5rem;
	}

	div#testemunho>p.font-size-10px-mobile {
		font-size: 10px !important;
	}

	.carousel-item.white-text .testemunho_img {
		display: block;
		height: auto;
	}

	nav ul li:last-child {
		display: flex;
		margin-left: 1em;
	}

	/* OPORTUNIDADES PROFISSIONAIS */
	div#oportunidades-profissionais .row .container h2 {
		font-size: 2.5rem
	}

	div#bloco-oportunidades-profissionais-lista ul li {
		padding: 0.3rem 2rem;
	}

	div#valores .section {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
    }
}

/* Valores */
div#bloco2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap; 
	position: relative;
}
div#bloco2 .bloco {position: relative;}
#valores .section h2 { color: #1e22aa}
div#bloco2 .bloco .icon-block h5 {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background: #1e22aa; color: #FFFFFF; font-size: 1rem; padding: 2%; text-transform: uppercase;}
div#bloco2 .bloco .icon-block p {z-index: 99999; color:  #1e22aa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: 500; background: #F2CC00; padding: 4%;}
/* div#bloco2 .bloco .icon-block p::before { 
	
} */
.bloco:nth-child(1), .bloco:nth-child(2), .bloco:nth-child(3), .bloco:nth-child(4) {
	height: 70px
}

.bloco:nth-child(1) .icon-block p::before{
	content: '';
    background: transparent;
    display: block;
    position: absolute;
	width: 30%;
	left: 35%;
	height: 50px;
	border-top: 2px dashed #F2CC00;
	border-right: 2px dashed #F2CC00;
}

.bloco:nth-child(2) .icon-block p::before{
	content: '';
    background: transparent;
    display: block;
    position: absolute;
	border-top: 2px dashed #F2CC00;
	border-right: 2px dashed #F2CC00;
	width: 10%;
	left: 95%;
	height: 60px;
	/* border-bottom: 2px dashed ##F2CC00; */
}
.bloco:nth-child(2) .icon-block p::after {
	width: 70%;
	content: '';
    height: 40px;
    background: transparent;
    display: block;
    position: absolute;
    right: -5%;
	top: 125px;
	border-right: 2px dashed #F2CC00;
	border-bottom: 2px dashed #F2CC00;
}
.bloco:nth-child(3) .icon-block p::before{
	content: '';
    background: transparent;
    display: block;
    position: absolute;
	width: 5%;
	top: 60px;
	left: -2%;
	height: 60px;
	border-top: 2px dashed #F2CC00;
	/* border-right: 2px dashed #F2CC00; */
	/* border-bottom: 2px dashed ##F2CC00; */
}
.bloco:nth-child(3) .icon-block p::after {
	width: 70%;
	content: '';
    height: 90px;
    background: transparent;
    display: block;
    position: absolute;
    left: -2%;
	top: 60px;
	border-left: 2px dashed #F2CC00;
	border-bottom: 2px dashed #F2CC00;
}
/*  */
.bloco:nth-child(4) .icon-block p::before{
	content: '';
    background: transparent;
    display: block;
    position: absolute;
	border-top: 2px dashed #F2CC00;
	border-right: 2px dashed #F2CC00;
	border-bottom: 2px dashed #F2CC00;
	width: 10%;
	left: 95%;
	height: 200px;
	/* border-bottom: 2px dashed ##F2CC00; */
}

.box-final {margin-top: 80px}

.bloco:nth-child(5) {position: relative; top: 60px}
.bloco:nth-child(5) .icon-block p::before{
	content: '';
    background: transparent;
    display: block;
    position: absolute;
	border-bottom: 2px dashed #F2CC00;
	width: 60%;
	left: 10%;
	height: 20px;
}
.bloco:nth-child(6) {position: relative; top: -80px}
div#bloco2 .bloco .icon-block {width: 41.6666666667%;}
@media (max-width: 660px) {
	div#bloco2 .bloco .icon-block h5 {padding: 4% !important;}
}

@media (max-width: 545px) {
	/* div#bloco2 .bloco {width: 100% !important;} */
	/* div#bloco2 .bloco .icon-block {width: 80% !important;} */
	
	/* .bloco:nth-child(1), .bloco:nth-child(2), .bloco:nth-child(3), .bloco:nth-child(4) {
		height: 130px
	}
	.bloco:nth-child(1) .icon-block p::before{
		left: 60%;
   		height: 130px;
	} */
	div#bloco2 .bloco .icon-block h5 {padding: 5% !important; font-size: 0.7rem;}
	.bloco:nth-child(4) .icon-block p::before {height: 250px}
	.bloco:nth-child(3) .icon-block p::after {height: 110px;}
}
@media (max-width: 390px) {
	.bloco:nth-child(5) .icon-block p {padding: 5% !important; font-size: 0.9rem}
	.bloco:nth-child(5) .icon-block p::before {height: 60px}

}

@media (max-width: 1000px){
	img.estrada-cinza {display: none}
}

div#quem-somos {
	background-color: #f2cc00;
	color: #54585A;
}

div#quem-somos h2 {
	color: #FFF;
}
#quem-somos-titulo {
	display: inline-block;
}
.linhas {
	position: absolute;
	right: 0;
	width: 36%;
	top: 15%;
}
.estrada {
	position: absolute;
	width: 36%;
	right: 0;
	bottom: 0;
}
.estrada-reta {
	position: absolute;
	height: 100%;
	left: 9%;
	top: 0;
	width: 3%;
}
#section-quem-somos {
	padding-bottom: 2rem
}
@media (max-width: 1800px) {
	.estrada-reta {
		left: 3.5%;
	}
	.linhas {
		width: 25%;
	}
	.estrada {
		width: 40%
	}
}
@media (max-width: 1000px) {
	.linhas, .estrada-reta {
		display: none;
	}
	.estrada {
		width: 100%;
	}
	#section-quem-somos {
		padding-bottom: 9em;
	}
}
@media (max-width: 600px) {
	#section-quem-somos {
		padding-bottom: 6em;
	}
}
#valores {
	position: relative;
}
.row {
	margin-bottom: 0;
}
#valores .estrada-reta {
	width: 3%;
}
#valores .estrada {
	top: 0;
}
#valores .linhas {
	top: auto;
	bottom: 3%;
}