/***************
***  Header  ***
***************/
.header{ position: relative; width: 100%; height: 100vh; background: url('../img/background.jpg') center no-repeat; background-size: cover; }
.header::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); }
.container-logo{ position: relative; z-index: 10; width: 350px; height: 15vh; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.container-logo img{ width: 100px; height: 35px; }
.title-header{ position: relative; z-index: 10; width: 100%; height: 66vh; display: flex; align-items: center; justify-content: center; }
.title-header h1{ font-size: 45px; line-height: 55px; text-align: center; color: #fff; font-weight: 300; }
.title-header h1 span{ font-weight: 700; font-size: 30px; }
.title-header p{ font-size: 30px; line-height: 35px; font-weight: 400; text-align: center; color: #FFFFFF}
.container-partners { text-align: center; }
.container-partners p { color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.each-partner { margin: 0 10px; }
.flex { display: flex; flex-wrap: wrap; }
.partners { justify-content: center; }

@media(max-width: 992px){
    .header{ position: relative; width: 100%; height: 100vh; background: url(../img/background-mob.jpg) center no-repeat; background-size: cover; }
	.title-header{ height: 70vh; }
	.title-header h1 { font-size: 40px; line-height: 40px; }
	.title-header h1 span{ font-size: 28px; line-height: 35px; }
}
@media (max-width: 550px){
	.title-header h1 { width: 100%; margin: 0 auto; font-size: 30px; line-height: 35px; }
	.title-header h1 span{ font-size: 20px; }
	.container-logo{ width: 300px;}
}

/******************
** Section about **
******************/
.section-first-content{ position: relative; width: 100%; padding: 100px 0 0 0; }
.container-01{ position: relative; width: 93%; max-width: 1000px; margin: 0 auto; }
.content-material{ display: flex; align-items: center; justify-content: space-between;}
.content-material img{ width: 450px; }
.container-about{ position: relative; width: 100%; margin: 0 auto; }
.container-about h2{ font-size: 32px; line-height: 36px; margin: 30px 0; }
.container-about h3{ font-size: 26px; line-height: 32px; margin: 30px 0; }
.container-about p{ line-height: 28px; }
.font-text { display: block; font-style: italic; margin-top: 10px; font-size: 14px; }
.cada-material span{ font-size: 25px; padding-right: 10px; }
.cada-material{ display: flex; padding-bottom: 5px; }
.margin-top-50{ margin-top: 50px;}
.margin-top-100{ margin-top: 100px;}
.padding-top-50{padding-top: 50px;}
.padding-top-80{padding-top: 80px;}

@media(max-width: 992px){
	.section-first-content{ padding: 50px 0 0 0; }
	.content-material img{ width: 80% }
	.container-about{ text-align: center; }
	.engloba-material{ padding-bottom: 30px; }
	.container-about p {text-align: left;}
} 

@media(max-width: 768px) {
	.container-about h2{ font-size: 26px; line-height: 32px; }
	.container-about h3{ font-size: 20px; line-height: 25px; }
	.margin-top-100{ margin-top: 70px;}
}

@media(max-width: 400px) {
	.container-about p{ font-size: 14px; }
}

/*******************
***    Footer    ***
*******************/

.footer{ position: relative; width: 100%; background-color: #3392cd; }
.content-form{ padding: 100px; text-align: center; color: #fff; }
.content-form h2{ font-size: 32px; line-height: 36px; margin-bottom: 20px; font-weight: 400; color: #fff; }
.form-footer{ width: 700px; margin: 20px auto 0 auto; }
.content-input-footer{ padding: 20px 0; position: relative; width: 100%; display: flex; justify-content: space-between; }
.input-footer{ width: 48%; font-size: 15px; background-color: transparent; border-bottom: 1px solid #fff; color: #fff; padding: 10px; }
.input-full{width: 100%;     padding-left: 4px;}
.input-footer::placeholder { color: #fff; }
.input-footer::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
.input-footer::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
.input-footer:-ms-input-placeholder { /* IE 10+ */ color: #fff; }
.input-error{ transition: all 0.3s ease-in; border-bottom: 1px solid #ed6d5b !important; }
.button-especialist { display: flex; align-items: center; justify-content: center; height: 56px; font-size: 16px; color: #fff; font-weight: 300; padding: 15px 35px; background-color: transparent; border: 1px solid #fff; margin: 50px auto 0; }
.button-especialist span { position: relative; display: inline; left: 15px; line-height: 16px; }
.button-especialist svg { width: 40px; fill: #fff; }
.button-especialist:hover { color: #3392cd; background-color: #fff; }
.button-especialist:hover span { left: 20px; }
.button-especialist:hover svg { fill: #3392cd; }
.copy-ghfly{ position: relative; width: 100%; background-color: #00384d; }
.copy-ghfly .container{ display: flex; max-width: 1200px; justify-content: space-between; padding: 30px 0; align-items: center; }
.copy-ghfly .container p{ font-size: 13px; color: #fff; line-height: 18px; }
.copy-ghfly .container a{ font-size: 13px; color: #fff; transition: .3s; line-height: 18px; }
.copy-ghfly .container a:hover{ color: #ccc; }
.logo-footer{ height: 28px; border-right: 1px solid #255467; padding-right: 30px; }
.copy{ width: 25%; display: flex; justify-content: flex-end; }

.input-footer option{
  background: #00384d;
}

@media(max-width: 1250px){
	.copy{ width: 20%; }
	.copy-ghfly .container p{ font-size: 12px; }
	.copy-ghfly .container a{ font-size: 12px; }
}

@media(max-width: 992px){
	.content-form{ padding: 60px 40px; width: 95%; margin: 0 auto; }
	.form-footer{ width: 95%; margin: 20px auto 0; }
	.content-input-footer{ flex-flow: column; padding: 0; }
	.container-depo{flex-flow: column; align-items: center}
	.depo-img{ margin-right:  0;}
	.depo-content{ padding-top: 30px;}
	.worker-info{text-align: center}
	.input-footer{ width: 100%; margin-top: 15px;}
	.button-especialist{ width: 100%; height: 56px; font-size: 15px; line-height: 23px; padding: 15px 20px; }
	.copy-ghfly .container{ flex-flow: column; }
	.copy-ghfly{ flex-flow: column; text-align: center; }
	.copy-ghfly img{ margin: 0 auto 15px; }
	.copy-ghfly p{ line-height: 20px; margin-top: 7px; }
	.logo-footer{ border: none; padding-right: 0px; }
	.copy-ghfly .container p{ font-size: 14px; line-height: 20px; }
	.copy-ghfly .container a{ font-size: 14px; line-height: 20px; }
	.copy{ width: 100%; margin-top: 20px !important; justify-content: center; }
}

@media(max-width: 480px){
	.content-form{ padding: 60px 0; }
	.content-form h2{ font-size: 27px; }
}

@media(max-width: 400px) {
	.content-form p{ font-size: 14px; }
}

/*******************
** Class Default  **
*******************/

@media(max-width: 992px){
	.hide-992{ display: none; }
}