body{margin: 0; font-family: 'Lato', Arial, sans-serif; color: #636363;}
h1{text-transform: uppercase;}
h1, h2, h3{color: #515151;}
h3{font-size: 18px;}
#box-menu{background-color: #282828; height: 110px; position: fixed; width: 100%; z-index: 4;}
#box-logo-menu{background: url('../img/bg-logo.png') no-repeat; height: 155px; width: 174px; position: absolute; z-index: 10;}
#box-logo-menu img{margin: 35px auto; display: block;}
#box-telefone-menu, #lista-menu{float: right;}
#box-telefone-menu{margin-left: 60px; opacity: 0.5; padding: 43px 0;}
#box-telefone-menu img{margin-right: 5px;}
#tel-menu{color: #ffffff;}
#lista-menu{padding-left: 0; list-style: none;}
#lista-menu li a span{vertical-align: middle;}
#lista-menu li{display: inline-block; margin-left: 15px;}
#lista-menu li a, #lista-menu li a:focus{color: #ffffff; text-decoration: none; text-transform: uppercase; display: block; opacity: 0.4; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; padding: 43px 0;}
#lista-menu li a:hover{opacity: 1;}
#lista-menu li a img{margin-right: 5px;}
#box-footer{color: #757575; background-color: #282828;}
#box-copyright{background-color: #1e1c1c; margin-top: 20px; padding: 10px 0;}
#box-copyright span{font-size: 12px;}
.box-titulo-rodape{margin-bottom: 20px;}
.box-titulo-rodape h3{display: inline-block; margin: 0; vertical-align: middle;}
#box-footer{padding-top: 40px;}
#box-footer ul{list-style: none; padding-left: 0;}
#box-footer ul li a,#box-footer ul li a:focus{text-decoration: none; outline: 0; color: #ffffff; opacity: 0.4; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; display: block; text-transform: uppercase; margin-bottom: 7px;}
#box-footer .box-icone{display: inline-block; width: 28px; text-align: center; margin-right: 5px;}
#box-footer ul li a:hover{opacity: 1;}
#tel-footer{font-size: 20px; font-weight: bold; display: block;}
#logo-footer{margin-bottom: 20px; max-width: 150px; margin: 0 auto;}
#logo-moustache{float: right;}
#crs-banner{background-color: #1e1c1c;}
#crs-banner .owl-prev,#crs-banner .owl-next{position: absolute; top: 40%;}
#crs-banner .owl-pagination{position: absolute; bottom: 10px; width: 100%; text-align: center;}
#crs-banner .owl-page{width: 10px; height: 10px; border-radius: 10px; background-color: #ffffff; display: inline-block; margin: 0 5px; opacity: 0.8;}
#crs-banner .active{background-color: #c72226;}
#crs-banner .owl-prev{left: 20px;}
#crs-banner .owl-next{right: 20px;}
.item-crs-banner img{width: 100%; display: block;}
.box-conteudo{padding-top: 110px; padding-bottom: 40px;}
#box-footer form{ width: 100%;}
#box-footer h3{color: #757575;}
#box-footer form .wrapper-campo{margin-bottom: 8px;}
#box-footer form input:not([type="submit"]), #box-footer form textarea{width: 100%; border: solid 1px #757575; background-color: transparent; color: #757575; outline: none; padding: 5px 10px;}
#box-footer form textarea{max-height: 80px; min-height: 80px;}
#box-footer form input[type="submit"]{float: right; background-color: #757575; color: #282828; border: none; padding: 5px 10px; outline: none; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s;}
#box-footer form input[type="submit"]:hover{background-color: #ffffff;}
.col-right{float: right;}
.btn-padrao,.btn-padrao:focus{color: #ffffff; background-color: #1e1c1d; padding: 10px 15px; margin-top: 10px; display: inline-block; clear: both; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; border: none;}
.btn-red, .btn-red:focus{color: #ffffff; background-color: #c72226; padding: 10px 15px; vertical-align: middle; display: inline-block; clear: both; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; float: right; z-index: 1; position: relative; font-size: 16px;}
.btn-red:hover{background-color: #AB1E22; text-decoration: none; color: #ffffff;}
.btn-padrao:hover{background-color: #302d2f; text-decoration: none; color: #ffffff;}
.box-conteudo .box-section-landing:not(:last-child) {border-bottom: solid 1px #ece5cc;}
.box-section-landing{padding-bottom: 40px; margin-bottom: 40px; margin-top: 20px;}
.box-section-landing h2{margin-top: 0;}
.box-section-landing img{display: block; width: 100%;}
.box-section-landing ul{padding-left: 20px;}
.box-sub-banner{background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 150px; margin: 40px 0; position: relative; padding: 60px; max-width: 555px;}
#box-destaque-home{margin: 10px 0; text-align: center; overflow: hidden; padding-right: 10px;}
.txt-sub-banner{color: #ffffff; font-size: 22px; font-weight: 300; vertical-align: middle; width: 100%; text-align: center; display: inline-block; position: absolute; left: 0; padding-right: 120px; margin-top: 5px;}
.box-item-port{width: 15.99%; margin: 0 0 0 0.48%; background-size: cover; background-repeat: no-repeat; background-position: center; height: 180px; display: inline-block; position: relative; text-align: left;}
.box-item-port:hover .box-overlay{opacity: 1;}
.box-overlay-gradient,.box-overlay{position: absolute; top: 0; width: 100%; height: 100%;}
.box-overlay-gradient{ background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.44) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.44) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.44) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.44) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.44) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.box-overlay{background: rgba(237,31,36,0.7); text-align: center; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}
.box-overlay .icone-overlay:first-child{margin-right: 5px;}
.box-item-port .titulo{z-index: 3; position: absolute; bottom: 15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); width: 100%; text-align: center; color: #ffffff; font-size: 20px; font-weight: bold;}
.icone-overlay{background-color: #1e1c1d; display: inline-block; padding: 12px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-top: 65px;}
.box-topo{overflow: hidden; margin-bottom: 40px; height: 185px; position: relative; margin-top: -2px;}
.box-topo-texto{position: absolute; color: #b7b7b7; width: 100%; margin-top: 40px;}
.box-topo-texto h1{color: #b7b7b7; font-size: 30px;}
.img-topo{width: 1920px; display: block;}
#box-portifolio{text-align: center;overflow: hidden; padding-right: 10px;}
#box-portifolio .box-item-port, #box-galeria-interna .box-item-port{margin-bottom: 6px; text-align: left;}
.box-img-section img:not(:last-child){margin-bottom: 30px;}
.box-35, .box-65{float: left;}
.box-35{width: 35%;}
.box-65{width: 65%;}
.box-50 .btn-padrao{margin: 0 auto; display: block; width: 190px; text-align: center;}
#box-conglomerado h2:first-child{text-align: center;}
.lista-empresa{list-style: none; padding-left: 10px !important;}
.lista-empresa li a, .lista-empresa li a:focus{color: #949494;}
#box-contato label{margin-bottom: 2px; margin-left: 10px;}
#box-contato .wrapper-campo{margin-bottom: 10px; width: 100%; display: table;}
#box-contato form{margin-top: 30px;}
#box-contato form input:not([type="submit"]), #box-contato form textarea{width: 100%; outline: none; background-color: #ebebeb; padding: 6px 10px; border: none;}
#box-contato textarea{max-height: 100px; min-height: 100px;}
#box-contato form input[type="submit"]{float: right;}

#box-menu.box-menu-small{height: 60px; box-shadow: 2px 2px 2px rgba(0,0,0,0.8); }
#box-menu.box-menu-small #box-logo-menu{height: 85px; width: 100px; background-size: 100% 100%;}
#box-menu.box-menu-small #lista-menu li a, #box-menu.box-menu-small #lista-menu li a:focus, #box-menu.box-menu-small #box-telefone-menu{padding: 19px 0;}
#box-menu.box-menu-small #box-logo-menu img{margin: 15px auto; width: 75px;}

.wpcf7-response-output{margin-left: 0 !important; margin-right: 0 !important;}
.wpcf7-mail-sent-ok{color: #398f14;}


#box-titulo-trabalho{text-align: left; margin-bottom: 40px; position: relative;}
#box-texto-portifolio h2{margin-top: 0;}

#box-youtube iframe{width: 100%;}

#box-local a:first-child{margin-left: 0;}
#box-local a, #box-local b{margin: 0 5px;}

#box-mapa{width: 100%; height: 300px;}
#box-mapa-footer{height: 140px; margin-bottom: 10px; max-width: 260px;}

#box-menu .navbar-header button .icon-bar{background-color: #ffffff;}

.fancybox-inner img{max-width: 100%; max-height: 100%; margin: 0 auto; text-align: center; display: block !important;}

#lista-menu.show-menu{opacity: 1;}

#box-empresa a{display: inline-block; width: 15%; margin: 0.6%; border: solid 1px #cccccc; -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -ms-transition: border 0.2s; -o-transition: border 0.2s; transition: border 0.2s;}
#box-empresa a:hover{border: solid 1px #282828;}
#box-empresa a img{display: block; width: 100%;}

#box-conglomerado h2:not(:first-child){margin-top: 40px;}

#box-local a, #box-local a:hover{color: #636363;}

.link-comp{background-color: #e8e8e8; color: #949494; width: 40px; height: 40px; display: inline-block; text-align: center; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; -ms-transition: background 0.2s, color 0.2s; -o-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; border: solid 1px #e0e0e0;}

.link-facebook, .link-facebook:focus{padding-top: 8px; font-size: 18px; }
.link-facebook:hover{background-color: #37589b; color: #ffffff;}

.link-twitter, .link-twitter:focus{padding-top: 8px; font-size: 18px;}
.link-twitter:hover{background-color: #46D4FE; color: #ffffff;}

.link-google, .link-google:focus{padding-top: 8px; font-size: 18px;}
.link-google:hover{background-color: #DE5A49; color: #ffffff;}

#box-compartilhar{display: table; position: absolute; top: 0; right: 0;}

.box-item-comp{position: absolute; top: 20px; left: 0; right: 0; text-align: center; width: 100%; margin-left: 28px; display: table; opacity: 0; z-index: -2; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}

.img-topo{left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1;}

.link-rede-social, .link-rede-social:focus{ -webkit-transition: color 0.2s, background 0.2s; -moz-transition: color 0.2s, background 0.2s; -ms-transition: color 0.2s, background 0.2s; -o-transition: color 0.2s, background 0.2s; transition: color 0.2s, background 0.2s; background-color: #757575; color: #282828;font-size: 16px;
    padding: 5px;
    width: 30px;
    text-align: center;
    border-radius: 15px;
    display: inline-block;
    margin-right: 5px;}
.link-rede-social:hover{background-color: #ffffff; color: #282828;}

#box-galeria-interna{margin-top: 40px; display: table; width: 100%; text-align: left;}
#box-galeria-interna h2{margin-bottom: 40px;}
.img-fancy{display: none;}

@media (max-width: 767px) {
    h2{font-size: 26px;}

    .box-topo-texto{text-shadow: 2px 1px 0px rgba(0,0,0,0.2);}

    .box-section-landing{margin-bottom: 0; padding-bottom: 25px;}

    #box-compartilhar{display: block; position: relative; text-align: right; margin-top: 15px;}
    #box-titulo-trabalho,#box-galeria-interna{text-align: center;}

    .item-crs-banner {height: 130px; width: 100%; position: relative; overflow: hidden;}
    .item-crs-banner img{position: absolute; height: 130px; width: auto; min-width: 100%; left: 50%; top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}

    #box-menu{font-size: 12px;}
    #box-telefone-menu{margin-left: 15px;}

    #box-menu, #box-menu .navbar-header{height: 60px;}
    #box-menu .navbar-toggle{padding: 14px 10px;}
    #lista-menu{float: none; width: 100%; padding-top: 10px;}
    #lista-menu li{margin-left: 0; display: block;}
    #box-menu .navbar-collapse{padding: 0; overflow-y: inherit; background-color: #282828;}
    #box-menu.box-menu-small #lista-menu li a, #box-menu.box-menu-small #lista-menu li a:focus, #box-menu.box-menu-small #box-telefone-menu{padding: 6px 0 !important; text-align: center;}
    #box-menu #box-logo-menu{height: 85px; width: 100px; background-size: 100% 100%;}
    #box-menu #lista-menu li a, #box-menu.box-menu-small #lista-menu li a:focus, #box-menu.box-menu-small #box-telefone-menu{padding: 6px 0; text-align: center;}
    #box-menu #box-logo-menu img{margin: 15px auto; width: 75px;}

    .box-conteudo{padding-top: 55px;}

    #box-footer h3{font-size: 15px;}
    #box-destaque-home .box-item-port{width: 100%; max-width: 300px; display: block; float: none; margin: 0 auto; margin-bottom: 20px !important}
    #box-portifolio .box-item-port, #box-galeria-interna .box-item-port{width: 100%; max-width: 300px; display: block; float: none; margin: 0 auto; margin-bottom: 20px !important;}
    .box-topo-texto{text-align: center;}

    .box-section-landing img {max-width: 400px; margin: 20px auto; }

    .box-section-landing h2{text-align: center;}
    .box-section-landing p{text-align: center;}
    .box-section-landing .btn-padrao{margin: 0 auto; display: table; }

    .box-sub-banner{margin: 0 auto 40px auto; display: block; float: none; padding: 30px 60px;}
    .box-sub-banner .txt-sub-banner, .box-sub-banner .btn-red{float: none; position: relative;}
    .box-sub-banner .txt-sub-banner{display: block; width: 100%; padding-right: 0; margin-bottom: 15px;}
    .box-sub-banner .btn-red{display: table; margin: 0 auto;}
    #box-destaque-home{margin-top: 20px;}
    #box-contato{width: 100%; max-width: 400px; margin: 0 auto; display: block;}

    .box-titulo-rodape{text-align: center; margin-top: 20px;}

    #box-footer{text-align: center;}
    #box-footer ul{text-align: center; margin: 20px 0;}
    #logo-footer{margin: 0 auto 15px auto; display: block;}
    #box-footer p, #box-footer span{text-align: center;}
    #box-footer form{width: 100%; max-width: 300px; margin: 0 auto;}

    #box-youtube{display: table; margin: 0 auto; width: 100%; max-width: 480px; margin-bottom: 30px;}
    #box-texto-portifolio{text-align: center;}
    #contato-footer{text-align: center; display: block;}
    .box-section-landing ul{width: 100%; max-width: 400px; margin: 0 auto;}
    #box-copyright{text-align: center;}
    #logo-moustache{float: none;}
    #box-menu #box-logo-menu{margin-left: 20px;}
    .lista-empresa{padding-left: 0 !important; margin: 0 auto 30px auto !important;}
    .lista-empresa li a {text-align: center; display: block;}
    .box-35,.box-65{width: 100%; text-align: center;}
    .box-35{margin-bottom: 15px;}
    #box-mapa-footer{margin: 0 auto 15px auto;}
    #lista-menu{opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}
    #box-empresa a{width: 100%; max-width: 150px; display: block; margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991px){
    #box-menu{font-size: 12px;}
    #lista-menu li{margin-left: 8px;}
    #box-footer h3{font-size: 15px;}

    #box-destaque-home .box-item-port{width: 32.3%;}
    #box-portifolio .box-item-port, #box-galeria-interna .box-item-port{width: 24.15%;}

    #box-footer ul{text-align: center; margin: 20px 0;}

    .box-sub-banner{margin: 0 auto 40px auto; display: block; float: none;}

    .box-titulo-rodape{text-align: center; margin-top: 20px;}

    #box-footer h3{font-size: 15px;}

    #logo-footer{margin: 0 auto 15px auto; display: block;}
    #box-footer p, #box-footer span{text-align: center;}
    #box-footer form{width: 100%; max-width: 300px; margin: 0 auto;}

    #box-youtube{display: table; margin: 0 auto; width: 100%; max-width: 480px; margin-bottom: 30px;}
    #box-texto-portifolio{text-align: center;}
    #contato-footer{text-align: center; display: block;}

    #box-copyright{text-align: center;}
    #logo-moustache{float: none;}
    .box-35,.box-65{width: 50%;}
    .box-65{padding-left: 10px;}
    #box-mapa-footer{margin: 0 auto 15px auto;}
}

@media (min-width: 992px) and (max-width: 1199px){
    #box-menu{font-size: 12px;}
    #box-telefone-menu{margin-left: 15px;}
    #box-footer h3{font-size: 15px;}
    #box-portifolio .box-item-port, #box-galeria-interna .box-item-port{width:19.25%;}
    #box-destaque-home .box-item-port{width:15.9%;}
    .box-35,.box-65{width: 50%;}
}