/*Fonts*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

/*Geral*/
*{margin: 0px; padding: 0px}
    
body{background-color: #fff; overflow-x: hidden}

.divider-section{
    width: 40%;
    margin-left: 30%;
    height: 2px;
    background-color: #444;
}

h2{
    font-family: "Roboto Condensed", "Roboto", "Arial", sans-serif;
    letter-spacing: 2px;   
}

h3.video-title{
    font-family: "Roboto Condensed";
    font-size: 1.4rem;
    border-left: 2px solid #ff0;
    padding-left: 5px;
}

h4{
    font-family: 'Oswald', sans-serif;
    font-size: 1.7rem;
}

/*Header*/
h1.site-title{
    font-family: "Roboto Condensed", "Roboto", "Arial", sans-serif;
    font-weight: bold;
    font-size: 4.5rem;
}

p.description-header{
    font-family: "Open Sans Condensed", "Arial", sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: -20px;
}

a#more-down{
    margin-top: 35px;
    z-index: 0;
}

.parallax-header div.parallax{
    opacity: 0.9;
    margin-top: -20px;
}

.parallax-header h1{
    color: #fff;
}

.parallax-header div.parallax-description{
    margin-top: 2em;
}

nav{
    position: fixed;
    z-index: 2;
    top: 0px;
}

nav ul li a{
    font-weight: bold;
    font-family: "Roboto Condensed";
    font-size: 1.2rem;
}

nav ul li a:hover{
    background-color: #ffd600;
    color: #000;
    transition: ease .4s all;
}

.phone-desc{
    font-size: 1.5rem;
}

/*Serviços*/
h2.title-section{
    border-bottom: 3px solid #000
}

/*Galeria*/
.video-description{
    text-align: justify;
}

ul.pagination{
    z-index: 0;
}

/*Trabalhe conosco*/
form#tc-form .input-field label{
    color: #000;
}

form#tc-form .input-field input[type=text]:focus{
    border-bottom: 1px solid #000!important;
    box-shadow: 0 1px 0 0 #000!important;
}

form#tc-form .input-field input[type=text]:focus + label{
    color: #000!important;
}

form#tc-form .input-field input[type=email]:focus{
    border-bottom: 1px solid #000!important;
    box-shadow: 0 1px 0 0 #000!important;
}

form#tc-form .input-field input[type=email]:focus + label{
    color: #000!important;
}

form#tc-form input#tc-send{
    width: 200px;
    height: 50px;
    font-weight: bold;
}

/*Footer*/
.footer{
    position: relative;
    bottom: 0;
}

h2.contact{
    font-size: 2.5rem;
}

form#form-contact{
    padding: 20px 10px;
    border-radius: 2px;
}

button#send{
    font-family: "Roboto Condensed", "Roboto", "Arial", sans-serif;
    width: 200px;
    height: 50px;
    font-weight: bold;
}

.copy{
    padding: 10px 0px;
}

div.alert{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #ccc;
    border-radius: 3px;
    color: #fff;
}

div.alert-success{
    background-color: #43a047;
}

div.alert-danger{
    background-color: #c62828;
}

.input-field label{
    color: #444;
    font-size: 1.1rem;
}

div#localization-block{
    border-radius: 3px;
    background-color: #ff0;
    margin-top: 135px;
}

div.info{
    color: #373435;
    font-weight: bold;
}

/*Materialize css*/
@media only screen and (min-width: 993px) {
    .container {
      width: 80%;
    }
  }

.input-field input[type=text]:focus {
    border-bottom: 1px solid #000!important;
    box-shadow: 0 1px 0 0 #000!important;
}

.input-field input[type=email]:focus {
    border-bottom: 1px solid #000!important;
    box-shadow: 0 1px 0 0 #000!important;
}

.input-field textarea:focus + label {
    color: #000!important;
  }

.input-field textarea:focus {
    border-bottom: 1px solid #000!important;
    box-shadow: 0 1px 0 0 #000!important;
}