@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');

html{
	overflow-x: hidden;
}

body{
    overflow-y: hidden;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700;
}

body{
    font-family: 'Open Sans', sans-serif;
}

.navbar-light .navbar-toggler{
    border-color: #fff;
}

.navbar-toggler:focus{
    outline: 0;
}

.hidden{
    display: none;
}

.logo{
    width: 240px;
}

.navbar {
	height: 110px;
}

.nopadding{
    padding: 0;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color: #951a1c;
}

.navbar-light .navbar-nav .nav-link{
	color: #bf462f;
    text-transform: uppercase;
}

.owl-stage-outer{
    max-height: calc(100vh - 110px);
}

.projetos_home, .alvara_section{
    background-color: #E6E6E6;
}

.projetos_home h1{
	color: #bf462f;
	position: relative;
	margin-bottom: 25px;
}

.projetos_home span{
	color: #bf462f;
}

.galery{
	position: relative;
    background-size: cover;
    height: 370px;
    background-position: center;
}

.galery h2, .galery span{
	position: absolute;
	left: 35px;
	bottom: 45px;
	background: #951a1c;
	color: #fff;
	padding: 5px 10px;
	font-size: 28px;
}

.galery span{
	bottom: 15px;
	font-size: 17px;
}

.vertodos{
	border: solid 2px #555;
	padding: 5px 10px;
	color: #555;
}

.vertodos:hover{
	color: #555;
}

.empresa h2, .empresa span, .alvara h2, .servicos h3, .servicos h2{
	color: #951a1c;
}

.empresa p{
	line-height: 30px;
}

.empresa_text{
	/*background: url(../img/linhas.jpg);*/
	background-position: right;
	background-repeat: no-repeat;
    z-index: 6;
    position: relative;
}

.setazul{
    width: calc(100% + 30px);
    height: 90vh;
    margin-top: -170px;
    background-repeat: no-repeat;
    margin-left: -15px;
    margin-right: -15px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.setazul h2{
    position: absolute;
    bottom: 280px;
    color: #fff;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-left: 50px;
}

.trivermelho{
    position: absolute;
    left: 0;
    bottom: -333px;
    height: 340px;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

#servicos{
    margin-top: -250px;
}

.alvara_section{
    width: 100%;
    /*height: 150px;*/
    transform: skewY(-20deg);
    z-index: 5;
    position: relative;
    padding-bottom: 350px;
}

.alvara_section h2{
    color: #951a1c;
    transform: skewY(20deg);
}

#alvara{
    transform: skewY(20deg);
}

.alvara a{
	background: #951a1c;
	color: #fff;
	padding: 5px 15px;
}

.barra{
	background: #951a1c;
	color: #fff;
	padding: 20px 0;
    margin-top: 40px;
    position: relative;
    z-index: 6;
    margin-top: -330px;
}

.barra:before{
    content: "";
    position: absolute;
    top: -90px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 90px 800px;
    border-color: transparent transparent #bf462f transparent;
}

.barra.projetos:before{
    display: none;
}

.barra button{
	padding: 0;
	background: transparent;
	border: none;
}

.barra button:hover, .barra button:active, .barra button:focus{
	background: transparent !important;
	border: none;
	outline: none;
	box-shadow: none !important;
}

.servico_border{
    width: 100%;
    border: solid 1px #b72e33;
    padding: 25px 30px;
    background: #fff;
}

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
    z-index: 9;
    position: relative;
}

.form-group {
    display: grid;
    caret-color: #80bdff;
}
.form-control:focus{
    color: #fff;
    caret-color: #80bdff;
}

.w100{
    width: 100%;
    display: inline-block;
}

#btn_form:hover{
    cursor: pointer;
}

#contact_form{
    width: 100%;
}

#displayform{
    /*display: none;*/
    height: 0;
    transition: 0.5s;
}

#contact_form a{
    color: #fff;
}

#displayform.visivel{
    /*display: block;*/
    height: 300px;
    transition: 0.5s;
}

.links {
    margin-top: 15px;
    text-align: center;
}

.links a{
    color: #bf462f;
    border: solid 1px #bf462f;
    padding: 5px 10px;
    min-width: 300px;
    display: block;
}

.links a:hover{
    background-color: #bf462f;
    color: #fff;
}

.links .selecionado{
    color: #fff;
    background-color: #bf462f;
}

.mathholder label{
    width: 48%;
}

#captcha{
    width: 50%;
    float: right;
}

.form-group input, .form-group textarea{
    border-color: #fff;
    border: 0;
    background-color: #bf462f;
    color: #fff;
     caret-color: #0061cc;
}

.form-group input:focus, .form-group textarea:focus{
    background-color: #bf462f;
     caret-color: #0061cc;
}

.form-group input::placeholder, .form-group textarea::placeholder{
    color: #fff;
     caret-color: #0061cc;
}

.form-group input:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder{
    color: #fff;
     caret-color: #0061cc;
}

.form-group input::-ms-input-placeholder, .form-group textarea::-ms-input-placeholder{
    color: #fff;
     caret-color: #0061cc;
}

#submit_triform{
    margin-top: 20px;
}

#submit_triform:hover, #submit_triform:active{
    background-color: #bf462f;
}

.fancybox-caption:before{
    /*opacity: 0.4;*/
    background: #fff;
    top: 0;
}

.fancybox-caption p{
    color: #000;
    font-size: 18px;
}

.projetos{
    margin-top: 0;
}

.redes_sociais a{
    color: #fff;
    margin: 0 5px;
    font-size: 18px;
}

@media (min-width: 992px) {
    .col-lg-five{
        max-width: 20%;
    }
}

@media (max-width: 992px) {
    .servico_border{
        padding: 5px 10px;
    }

    #displayform.visivel {
        height: 500px;
    }
    
    .links a {
        min-width: auto;
    }
    
    .navbar {
        height: auto;
    }
    
    .navbar-light .navbar-nav .nav-link{
        float: right;
    }
}

@media (max-width: 768px){
    .setazul h2{
        color: #951a1c;
        bottom: 170px;
        left: -30px;
    }
    
    #servicos{
        margin-top: -150px;
    }

}