/* CSS Document */

html {
	font-size: 16px;
}

body {
	background-color: #fff;
	cursor: default;
}
	
/* Header | Mobile */
	
#mobile-menu-container-close {
	display: none;
}
	
#mobile-menu-logo {
	display: flex;
	position: absolute;
	top: 7%;
	left: 42px;
	opacity: 1;
	cursor: pointer;
	z-index: 999;
}

#hbrLogoMobile {
	width: auto;
	height: 1.625rem;
}

#mobile-menu-open {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 60px;
	height: 60px;
	top: 4.5%;
	right: 35px;
	background-color: #ffbd35;
	opacity: 1;
	cursor: pointer;
	z-index: 999;
	
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
	-webkit-box-shadow: 0px 0px 50px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 50px rgba(0,0,0,.5);
	-ms-box-shadow: 0px 0px 50px rgba(0,0,0,.5);
	-o-box-shadow: 0px 0px 50px rgba(0,0,0,.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}
	
#menuOpen {
	width: 2em;
	height: auto;
	fill: #fff;
	
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
	
#mobile-menu-open:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
	
#mobile-menu-open:hover #menuOpen {
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
}

/* Header */

#page-main {
	position: relative;
	width: 100%;
}

#img-main img {
	width: 100%;
}

#img-main {
	position: relative;
	width: 100%;
	max-height: 800px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-y: hidden;
	z-index: -1000;
	margin: 0;
	padding: 0;
}

/* Header & Footer */

#item-main {
	position: absolute;
	bottom: 12em;
	left: calc(50% - 48px);
}

#arrow-main,
#social-icon-facebook,
#social-icon-instagram,
#social-icon-waze {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}

#arrow-main {
	width: 6rem;
	height: 6rem;
	border: 1.5px solid #fff;
	background-color: transparent;
	opacity: 0.3;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#social-icon-facebook,
#social-icon-instagram,
#social-icon-waze {
	width: 3rem;
	height: 3rem;
	border: 1.5px solid #000;
	background-color: transparent;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#arrow-main svg,
#socialFacebook,
#socialInstagram,
#socialWaze {
	width: auto;
}

#arrow-main svg {
	height: 2.5rem;
	fill: #fff;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#socialFacebook,
#socialInstagram,
#socialWaze {
	height: 1.125rem;
	margin-top: 0.85rem;
	fill: #000;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#arrowMain {
	fill:#fff;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#arrow-main:hover {
	background-color: #fff;
	opacity: 1.0;
}

#arrow-main:hover #arrowMain {
	fill: #ffbd35;
}

/* Description, Contact & Footer */

#page-description,
#page-contacts,
#page-footer {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

#page-description {
	height: 23.5rem;
}

#page-contacts,
#page-footer {
	background-color: #ffbd35;
}

#page-socials {
	margin-top: 2rem;
}

#items-description,
#items-contacts,
#items-footer {
	width: 80%;
	margin: auto;
}

#items-footer {
	margin-top: 4rem;
	margin-bottom: 5.5rem;
}

#items-description div,
#items-contacts div,
#items-footer div,
#page-socials div {
	display: inline-block;
}

#page-socials div {
	margin-left: 1rem;
}

/* Description */

#items-description div h1{
	font-family: 'Teko', sans-serif; 
	font-size: 3.75rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
  	color: #000;
	margin-right: 2rem;
	text-align: right;
}

#items-description div p{
	font-family: 'Lora', serif; 
	font-size: 1.125rem;
	font-weight: 400i;
	font-style: italic;
	letter-spacing: 0.025em;
  	color: #000;
	margin-left: 2rem;
	text-align: left;
}

.divisor-vertical {
	border: 1px solid #ffbd35;
	height: 2.5rem;
}

/* Contact & Footer */

#item-adress,
#item-channels {
	width: 50%;
	margin-top: 5rem;
}

#item-adress,
#items-footer div:first-child {
	float: left;
	text-align: left;
}

#item-channels,
#items-footer div:nth-child(2) {
	float: right;
	text-align: right;
}

#item-adress h3,
#item-adress p,
#items-footer div:first-child {
	margin-left: 1.25rem;
}

#item-channels h3,
#item-channels p,
#items-footer div:nth-child(2), 
#page-socials {
	margin-right: 1.25rem;
}

#divisor-horizontal-contacts-left,
#divisor-horizontal-contacts-right {
	width: 100%;
	height: 20px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
}

#divisor-horizontal-contacts-right {
	border-right: 1px solid #000;
}

#item-adress h3,
#item-channels h3,
#item-adress p:nth-child(3),
#item-channels p:nth-child(3),
#item-adress p,
#item-channels p,
#items-footer div small {
	font-family: 'Teko', sans-serif; 
	font-weight: 300;
	letter-spacing: 0.05em;
  	color: #000;
}

#item-adress h3,
#item-channels h3 { 
	font-size: 1rem;
	text-transform: uppercase;
	margin-top: -0.25rem;
	margin-bottom: 2.5rem;
}

#item-adress p:nth-child(3),
#item-channels p:nth-child(3) { 
	font-size: 3rem;
	line-height: 1.1;
}

#item-adress p,
#item-channels p {
	font-size: 1.5rem;
	letter-spacing: 0.075em;
	line-height: 1.75;
}

#items-footer div small {
	font-size: 1rem;
}

#item-channels a {
	color: #000;
	text-decoration: none;
}

#arrowMail {
	display: none;
	opacity: 0.0;
	float: right;
	fill: #fff;
	stroke:#fff;
	stroke-width: 25;
	width: 1rem;
	height: auto;
	margin-right: 1rem;
	margin-left: 0.5rem;
	margin-top: 0.75rem;
}

#social-icon-facebook:hover,
#social-icon-instagram:hover,
#social-icon-waze:hover {
	background-color: #000;
}

#social-icon-facebook:hover #socialFacebook,
#social-icon-instagram:hover #socialInstagram,
#social-icon-waze:hover #socialWaze {
	fill: #ffbd35;
}

/* Forms */

#page-trabalhe-conosco {
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
    margin: auto;
    margin-bottom: 10rem;
}

label,
#texto-anexo {
	display: block;
	font-family: 'Teko', sans-serif; 
	font-size: 1rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
  	color: #000;
	text-align: left;
	margin-left: 1rem;
}

input,
select,
textarea { 
	letter-spacing: 0.05em;
  	color: #626262;
	outline: none;
	border: none;
	margin-left: 1rem;
	margin-bottom: 1.5rem;
}

input,
select { 
	font-size: 1.5rem;
	height: 3rem;
	margin-top: -0.5rem;
}

textarea {
	font-size: 1rem;
	height: 8rem;
	margin-top: 0.5rem;
}

::-webkit-input-placeholder { 
	font-size: 0.8rem;
	font-style: italic;
	letter-spacing: 0.05em;
  	color: #d2d2d2;
}
::-moz-placeholder {
  	font-size: 0.8rem;
	font-style: italic;
	letter-spacing: 0.05em;
  	color: #d2d2d2;
}
:-ms-input-placeholder {
  	font-size: 0.8rem;
	font-style: italic;
	letter-spacing: 0.05em;
  	color: #d2d2d2;
}
:-moz-placeholder {
  	font-size: 0.8rem;
	font-style: italic;
	letter-spacing: 0.05em;
  	color: #d2d2d2;
}

#divisor-horizontal-form {
	width: 100%;
	height: 15px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
}

#input-nome,
#input-anexo,
#input-observacoes {
	width: 98.5%;
/*    border: 1px solid red;*/
}

#input-email,
#input-cidade {
	width: 97%;
/*    border: 1px solid red;*/
}
 
#input-telefone,
#input-estados {
	width: 96%;
/*    border: 1px solid red;*/
}

#input-anexo {
    margin-top: 0.75rem;
}

#group-submit div {
	display: inline-block;
	float: right;
}

#item-submit {
	font-family: 'Lora', serif; 
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: 0.05em;
  	color: #000;
	background-color: transparent;
	border: none;
	text-align: center;
	margin: 0.2rem 0 0.3rem 0;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#arrowSend {
	fill: #d2d2d2;
	width: 2.5rem;
	height: auto;
	margin-left: 1rem;
	margin-right: 8rem;
	margin-top: 0.6rem;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#container-anexo {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: 1.75rem;
}

input[type="file"] {
    display: none;
}

#botao-anexo {
    width: 12.5rem;
    padding: .8rem 0;
    font-family: 'Lora', serif; 
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.05em;
    text-transform: lowercase;
  	color: #ffbd35;
	background-color: transparent;
	border: 1px solid #ffbd35;
	text-align: center;
    margin-left: 1rem;
    cursor: pointer;
    
    -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#botao-anexo:hover {
    color: #fff;
	background-color: #ffbd35;
}

#nome-anexo {
    font-family: 'Lora', serif; 
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0.05em;
  	color: #ffbd35;
    margin-left: 1rem;
}

/* Certificados */

#texto-certificados {
    font-family: 'Teko', sans-serif; 
	font-size: 1rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .05em;
  	color: #000;
	margin-left: 11.5vw;
    margin-bottom: 1.75rem;
}
        
#container-certificates {
    width: 100%;
    background-color: #ffbd35;
    padding-top: 4.5rem;
}

#logos-certificates {
    width: 45vw;
    margin-left: 11.5vw;
}

#container-certificates img {
    height: 3rem;
    margin-right: 1.5vw;
    margin-bottom: 1.5vw;
}



@media only screen and (min-width:992px) and (max-width:1199px) {
	
/* Header & Footer */

#item-main {
	bottom: 12%;
}
	
/* Description, Contact & Footer */

#page-socials {
	margin-top: 1.7rem;
}

#items-footer {
	margin-top: 4rem;
	margin-bottom: 5rem;
}
	
/* Contact & Footer */

#item-adress p:nth-child(3),
#item-channels p:nth-child(3) { 
	font-size: 2.6rem;
}

#item-adress p,
#item-channels p {
	font-size: 1.4rem;
}
	
/* Forms & Links */

#page-links {
	margin-bottom: 11rem;
}
	
/* Form */

#arrowSend {
	margin-right: 6rem;
}
    
/* Certificados */

#logos-certificates {
    width: 55vw;
}

#container-certificates img {
    margin-right: 1.75vw;
    margin-bottom: 3vw;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {

/* Header & Footer */

#item-main {
	bottom: 10%;
}
	
/* Description, Contact & Footer */

#page-socials {
	margin-top: 1.3rem;
}

#items-description,
#items-contacts,
#items-footer {
	width: 85%;
}

#items-footer {
	margin-bottom: 4.5rem;
}

/* Description */

#items-description div h1{ 
	font-size: 3.5rem;
	margin-right: 1.5rem;
}

#items-description div p{ 
	font-size: 1rem;
	margin-left: 1.5rem;
}

.divisor-vertical {
	height: 2.3rem;
	margin-bottom: -.1em;
}

/* Contact & Footer */

#item-adress,
#item-channels {
	margin-top: 5rem;
}

#item-adress p:nth-child(3),
#item-channels p:nth-child(3) { 
	font-size: 2rem;
}

#item-adress p,
#item-channels p {
	font-size: 1.2rem;
}
	
#email-footer {
	color: #000;
	
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
	
#email-footer:hover {
	color: #fff;
}
	
/* Forms & Links */

#page-links {
	margin-bottom: 10rem;
}
	
/* Form */

#arrowSend {
	margin-right: 4rem;
}
	
/* Links */

#item-info h2,
#item-pin h2 { 
	font-size: 1.6rem;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
}
    
/* Certificados */
    
#texto-certificados {
	margin-left: 10vw;
}

#logos-certificates {
    width: 75vw;
    margin-left: 10vw;
}

#container-certificates img {
    margin-right: 2.5vw;
    margin-bottom: 3vw;
}

}

@media only screen and (min-width:320px) and (max-width:767px) {

/* Header | Mobile */
	
#mobile-menu-container-close {
	display: block;
}

/* Header & Footer */

#item-main {
	display: none;
}
	
/* Description, Contact & Footer */
	
#page-contacts {
	padding-top: 2em;
}

#page-footer {
	justify-content: space-between;
}
	
#items-description {
	width: 55%;
	margin: auto;
}

#items-footer {
	margin-top: 4rem;
	margin-bottom: 3.5rem;
}
	
/* Description */

#items-description div h1 {
	margin-right: 0;
	text-align: center;
}

#items-description div p { 
	font-size: 1rem;
	margin-left: 0;
	text-align: center;
	padding-bottom: .6em;
}
	
#items-description div:nth-child(2) {
	display: none;
}
	
/* Contact & Footer */

#item-adress,
#item-channels {
	width: 100%;
	margin-top: 3rem;
}

#item-adress {
	float: none;
	text-align: left;
}
	
#items-footer div:first-child {
	float: none;
	text-align: left;
}

#item-channels {
	float: none;
	text-align: left;
}
	
#items-footer div:nth-child(2) {
	float: none;
	text-align: center;
	display: none;
}

#item-adress h3,
#item-adress p {
	margin-left: 1.25rem;
}

#item-channels h3,
#item-channels p, 
#page-socials {
	margin-right: 0;
	margin-left: 1.25rem;
}
	
#items-footer div:first-child,
#items-footer div:nth-child(2) {
	margin-right: 1em;
	margin-left: 1em;
}

#divisor-horizontal-contacts-right {
	border-right: none;
}
	
#item-adress p:nth-child(3),
#item-channels p:nth-child(3) { 
	font-size: 2rem;
}

#item-adress p,
#item-channels p {
	font-size: 1.2rem;
	line-height: 1.2;
}
	
#email-footer {
	color: #000;
	
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
	
#email-footer:hover {
	color: #fff;
}

#arrowMail {
	margin-top: 0.2rem;
}

/* Forms & Links */

#page-links {
	flex-wrap: wrap;
}

#page-links {
	margin-bottom: 9rem;
}

#items-links {
	width: 100%;
}

/* Form */

#arrowSend {
	margin-right: 2rem;
}

/* Links */

#items-links div {
	display: block;
}

#item-info,
#item-pin {
	width: 80%;
	margin: 0 auto;
}
	
#item-pin {
	margin-top: 8em;
}

#item-info h2,
#item-pin h2 {
	font-size: 2rem;
	margin-top: 2rem;
}
 
/* Form */
    
#botao-anexo {
    width: 15rem;
}
    
/* Certificados */
    
#texto-certificados {
	margin-left: 14vw;
}

#logos-certificates {
    width: 75vw;
    margin-left: 14vw;
}

#container-certificates img {
    margin-right: 3.5vw;
    margin-bottom: 5vw;
}

}