@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@media screen and (max-width: 1020px){
 
 article, aside, details, figcaption, figure, footer, s header, hgroup, nav, section {
     display: block;
}
 body {
     overflow-x: hidden;
     margin: 0px;
     padding: 0px;
}
 a {
     text-decoration: none;
}
 ul {
     padding: 0;
}
 ul, li {
     list-style: none;
}
 hgroup > h1, h2 {
}
 .assistive-text {
     display: none;
}
/*--------------------------------------------------------------
1.1.1 ### NAV MOBILE
--------------------------------------------------------------*/

.main-navigation, .menu-serv{
    display: none;
}
button{
    margin-bottom: 20px;
}
.menu-toggle {
    display: block!important;
    width: 100%;
    clear: both;
    background: #313131;
    font-family: Open Sans;
    height: 40px;
    color: #fff;
    border: none;
}
.fechada {
    display: none!important;
    margin-bottom: 25px;
}

.menu-menu-mobile-container {
    display: block;
    text-align: center;
    font-family: Open Sans;
    color: #fff;
    background: #313131;
    padding: 12px 0 12px 0;
}
.menu-menu-mobile-container a{
    color: #fff;
    line-height: 22px;
    font-size: 12px;
}

/*-------------------------------------------------------------- # VARIAVEIS --------------------------------------------------------------*/
/*-------------------------------------------------------------- # GLOBAL CSS --------------------------------------------------------------*/
 @font-face {
     font-family: Gotham;
     src: url(font/gotham-book-regular.otf);
}
 .col10 {
     width: 100%;
}
 .col15 {
     width: 100%;
}
 .col20 {
     width: 100%;
     float: none;
     margin: 0;
}
 .col30 {
     width: 100%;
}
 .col33 {
     width: 100%;
}
 .col40 {
     width: 100%;
}
 .col45 {
     width: 100%;
}
 .col50 {
     width: 100%;
}
 .col55 {
     width: 100%;
}
 .col60 {
     width: 100%;
}
 .col65 {
     width: 100%;
}
 .col70 {
     width: 100%;
     float: none;
}
 .col80 {
     width: 100%;
}
 .col90 {
     width: 100%;
}
 .col100 {
     width: 100%;
}
 .left {
     float: unset;
}
 .right {
     float: none;
}
 .clearfix {
     clear: both;
}
 .m-auto {
     margin: auto;
}
 .lock {
     width: 100%;
     margin: auto;
}
 .space {
     height: 50px;
}
 .t-right {
     text-align: center;
}
 .t-left {
     text-align: center;
}
 .t-center {
     text-align: center;
}
 .geral {
     width: 100%;
     margin: 0 auto;
}
/*-------------------------------------------------------------- # HEADER --------------------------------------------------------------*/
 #header{
     margin: 0 auto;
     padding-top: 20px;
}
#header a{
    color: #191919;
}
 #header img{
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 25px;
}
 ul{
     margin: 0;
}
 #header ul li{
     display: block;
     margin: 0 auto;
     width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
  #header ul li:nth-child(1) p:before{
     content: "\f095";
     font-family: "FontAwesome";
     color: #191919;
     font-size: 16px;
     font-weight: bolder;
     margin: 0 7px 0 7px;
}
 #header ul li:nth-child(2) p:before{
     content: "\f232";
     font-family: "FontAwesome";
     color: #191919;
     font-size: 16px;
     font-weight: bolder;
     margin: 0 7px 0 7px;
}
 #header ul li:nth-child(3) p:before{
     content: "\f0e0";
     font-family: "FontAwesome";
     color: #191919;
     font-size: 16px;
     font-weight: bolder;
     margin: 0 7px 0 7px;
}
 #header ul li p{
     font-family: "Open Sans";
     font-size: 14px;
     font-weight: bold;
     margin: 0;
     display: inline-block;
     text-align: center;
}
 .fa-facebook{
     background: #191919;
     box-sizing: border-box;
     border-radius: 120px;
     margin: 0 0 0 5px;
     font-size: 9px;
     color: #fff;
     text-align: center;
     padding: 4px 8px;
     margin-left: 10px;
}
 .fa-youtube-play{
     background: #191919;
     box-sizing: border-box;
     border-radius: 120px;
     margin: 0 0 0 5px;
     font-size: 9px;
     color: #fff;
     text-align: center;
     padding: 4px 4px;
     display: none !important;
}
 .fa-instagram{
     background: #191919;
     box-sizing: border-box;
     border-radius: 120px;
     margin: 0 0 0 5px;
     font-size: 9px;
     color: #fff;
     text-align: center;
     padding: 4px 5px;
     display: none !important;
}
/*----------------------------------------------------------- # HOME -------------------------------------------------------------*/
 #slider {
     width: 100%;
     height: auto;
     text-align: center !important;
}

#slider .botao a {
     color: #fff;
}
.tp-caption.titulo2{
    text-align: center !important;
}
 #valores{
     width: 100%;
     background: #e5e5e5;
     margin: 0 auto;
     display: none;
}
 #valores ul li{
     display: inline-block;
     text-align: center;
     width: 100%;
     margin-right: 50px;
     padding: 60px 0 60px 0;
}
 #valores ul li:first-child{
     margin-left: 50px;
}
 #valores ul li:last-child{
     margin-right: 0px;
}
 #valores ul li img{
     margin-bottom: 20px;
}
 #valores ul li span{
     font-family: "Open Sans";
     font-size: 14px;
     color: #ff0000;
     font-weight: 900;
     text-align: center;
}
 #valores ul li p{
     font-family: "Open Sans";
     font-size: 13px;
     color: #201f1f;
     text-align: center;
     margin-top: 20px;
     padding: 0 5px 0 5px;
}
 #servicos{
     width: 100%;
}
 #servicos img{
     width: 100%;
     height: auto;
}
 #servicos figure{
     margin: 0;
     box-sizing: border-box;
     outline: solid 3px #fff;
     outline-offset: -12px;
     width: 100%;
     height: auto;
}
 #servicos ul li{
     display: inline-block;
     text-align: center;
     width: 100%;
     margin: 20px 0px 20px 0;
}
 #servicos ul li:last-child{
     margin-right: 0;
}
 .descricao-serv{
     background: #e92c00;
     margin-top: -5px;
     text-align: center;
     padding: 10px 0px 0px 0px;
     height: 70px;
}
 #servicos ul li h1{
     font-family: "Open Sans";
     font-size: 13px;
     color: #fff;
     font-weight: 900;
     text-align: center;
     text-transform: uppercase;
     height: 20px;
     margin: 0;
     padding: 10px 0 0 0;
}
 #servicos ul li p{
     font-family: "Open Sans";
     font-size: 12px;
     color: #fff;
     text-align: center;
     padding: 7px 9px 0 9px;
     margin-top: 0;
}
 #promo{
     width: 100%;
     background-position: top center;
     height: 350px;
}
 #promo h2{
     font-family: "Open Sans";
     font-size: 18px;
     text-align: center;
     color: #fff;
     text-transform: uppercase;
     margin-top: 20px;
     padding-top: 40px;
}
 #promo p{
     font-family: "Open Sans";
     font-size: 14px;
     text-align: center;
     color: #fff;
     width: 100%;
     margin-top: 30px;
     line-height: 22px;
}
 #promo a{
     font-family: "Open Sans";
     font-size: 14px;
     background: #e94200;
     color: #fff;
     border-radius: 20px;
     padding: 8px 13px;
     text-align: center;
}
 #promo a:last-child{
     margin-left: 30px;
}
 #promo a:hover{
     background: #e92c00;
}
 #promo .botoes{
     margin-top: 30px;
     margin-left: 10px;
}
/*-------------------------------------------------------------- # QUEM SOMOS --------------------------------------------------------------*/
#quemsomos{
     width: 100%;
     margin: 0 auto;
}
#quemsomos h4{
     font-family: "Open Sans";
     font-size: 14px;
     text-align: center;
     color: #f50f23;
     font-weight: bold;

}
.titulo-pag h4{
     margin-top: 30px;
     border-bottom: solid 2px #191919 ;
     padding-bottom: 8px;
     text-transform: uppercase;
}
#quemsomos p{
     font-family: "Open Sans";
     font-size: 14px;
     text-align: center;
     color: #f50f23;
     line-height: 22px;
}
#quemsomos figure{
    width: 100%;
     margin: 40px 0 0 0;
}
#quemsomos .right{
     margin-top: 15px;
     width: 100%;
}
#institucional{
     width: 100%;
     background-repeat: no-repeat; 
     height: auto;
     margin-top: 30px;
     padding-bottom: 30px;
     vertical-align: middle;
}
#institucional ul li{
     display: inline-block;
     width: 100%;
     text-align: center;
     border: solid 2px #fff;
     margin: 30px 20px 0 0;
     float: none;
}
#institucional ul li:last-child{
     margin-right: 0; 
}
#institucional ul li img{
     display: block;
     margin: 0 auto;
     margin-bottom: 15px;
     margin-top: 15px;
}
#institucional ul li span{
     font-family: "Open Sans";
     font-size: 17px;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
}
#institucional ul li p{
     font-family: "Open Sans";
     font-size: 14px;
     height: 100px;
     color: #fff;
     padding: 0 22px 15px 22px;
     margin: 10px 0 0 0;

}
/*-------------------------------------------------------------- # GALERIA DE FOTOS --------------------------------------------------------------*/
#galeria{
     width: 100%;
     padding: 0 0 40px 0;
}
#galeria h4{
     font-family: "Open Sans";
     font-size: 14px;
     text-align: center;
     color: #f50f23;
     font-weight: bold;
}
#galeria .left h4{
     color: #e92c00;
}
#galeria ul li{
     display: block;
     margin: 0;
     position: relative;
     text-align: center;
}
#galeria img{
     display: block;
     width: 100%;
     height: auto;
     position: relative;
}
.hover-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(245,15,35,0.5) ;
  padding: 20px;
  box-sizing: border-box;
  background-image: url(images/galeria-de-fotos-snap.png);
  background-repeat: no-repeat;
  background-position: center;
}

.galery ul li a:hover .hover-img {
  opacity: 1;
}
.galery ul li p{
     font-family: "Open Sans";
     font-size: 17px;
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
     margin: 120px 0 10px 0;
}
.galery ul li span{
     font-family: "Open Sans";
     font-size: 17px;
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
     margin: 100px 0 0 0;
}

 .bg-gal{
     background: #f50f23;
     width: 100%;
}
 .menu-gal{
     width: 100%;
     background: #f50f23 !important;
     height: auto;
     margin-top: 30px;
     margin-bottom: 30px;
}
 #galeria .menu-gal ul li{
     display: block;
     font-family: "Open Sans";
     font-size: 13px;
     text-transform: uppercase;
     font-weight: bolder;
     margin: 14px 0 0 0;
    text-align: center !important;
}

 #galeria .menu-gal ul li a{
     color: #fff;
     margin-top: 30px;
}
 #galeria .menu-gal ul li:hover ul{
     display: block;
}
.menu-gal .current-menu-item > a{
     border-bottom: solid 2px #fff;
}
/*-------------------------------------------------------------- # CONTATO --------------------------------------------------------------*/
#contato h4{
     font-family: "Open Sans";
     font-size: 14px;
     text-align: center;
     color: #f50f23;
     font-weight: bold;
}
#contato .left h4{
     color: #e92c00;
}
.textos p{
     font-family: "Open Sans";
     font-size: 16px;
     text-align: center;
     color: #313131;
     width: 100%;
}
.form{
     width: 100%;
}
#contato input {
    margin-top: 5px;
    width: 100%;
    border: solid 3px #e92c00;
    box-sizing: border-box;
    border-radius: 6px; 
    padding: 10px 0 10px 20px;
    height: 40px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    color: #909090;
}
#contato textarea {
    margin-top: 5px;
    width: 100%;
    border: solid 3px #e92c00;
    box-sizing: border-box;
    border-radius: 6px; 
    padding: 10px 0 10px 20px;
    height: 140px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    color: #909090;
}

#contato input[type="submit"] {
    width: 100%;
    border: solid 3px #e92c00;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: 'Open Sans';
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 5px;
    background: none;
    padding: 0;
}
#contato input[type="submit"]:hover {
    background: #e92c00;
    color: #fff;
    border: none;
}
.mapas{
     margin-top: 0px;
}
.mapas p{
     width: 100%;
     font-family: "Open Sans";
     font-size: 13px;
     text-align: center;
     color: #313131;
     margin: 15px 0 30px 0;
     height: 55px;
}
#contato .right .mapas p{
     text-align: center;
     margin-left: 0;
     margin-top: 15px;
}
.left iframe{
     margin-top: 0;
     position: relative;
}
/*------------------------------------------------------------- # SERVIÇOS --------------------------------------------------------------*/
#banner{
     width: 100%;
     height: 500px;
     background-position: top center;
     background-repeat: no-repeat;

}
.texto-banner{
     z-index: 999;
     position: absolute;
     padding-top: 20px;
     margin: 0 auto;
     width: 100%;
     display: block;
     text-align: center !important;
}
.texto-banner h2{
     font-family:"Open Sans";
     font-size: 16px;
     text-align: center !important;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     margin: 0 0 15px 0;
}
.conteudo-serv{
     width: 100%;
     font-family:"Open Sans";
     font-size: 15px;
     color: #fff;
     line-height: 25px;
     margin: 0px 0 15px 0;
}
.postid-36 .conteudo-serv{
     width: 100%;
     height: 400px;
     overflow: auto;
     font-family:"Open Sans";
     font-size: 15px;
     color: #fff;
     line-height: 25px;
     margin: 0px 0 15px 0;
}
.postid-75 .conteudo-serv{
     width: 100%;
     height: 230px;
     overflow: auto;
     font-family:"Open Sans";
     font-size: 15px;
     color: #fff;
     line-height: 25px;
     margin: 0px 0 15px 0;
}
.postid-42 .conteudo-serv{
     width: 100%;
     height: 230px;
     overflow: auto;
     font-family:"Open Sans";
     font-size: 15px;
     color: #fff;
     line-height: 25px;
     margin: 0px 0 15px 0;
}

#vantagens{
     width: 100%;
     background: #212121;
     padding: 70px 0 65px 0;
     margin-top: -5px;
     display: none;
}
#vantagens ul li{
     display: inline-block;
     text-align: center;
     width: 220px;
     margin-right: 30px;
     vertical-align: middle;
}
#vantagens ul li:last-child{
     margin-right: 0;
}
#vantagens img{
     display: block;
     margin: 0 auto;
     margin-bottom: 20px;
}
#vantagens span{
     font-family:"Open Sans";
     font-size: 16px;
     color: #fff;
     line-height: 25px;
     text-transform: uppercase;
     font-weight: bold;
}
#vantagens p{
     width: 222px;
     font-family:"Open Sans";
     font-size: 15px;
     color: #fff;
     line-height: 25px;
     text-align: center;
}
#saibamais{
     margin: 20px 0 30px 0;
}
#saibamais h2{
     font-family:"Open Sans";
     font-size: 16px;
     color: #212121;
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
}
#saibamais p{
     font-family:"Open Sans";
     font-size: 13px;
     color: #212121;
     width: 100%;
     margin-bottom: 20px;
}
#saibamais .right p{
     text-align: center;
     margin-left: 0;
}
#saibamais .right a{
margin-left: 0;
}
#saibamais .right h2{
     text-align: center;
}
#saibamais a{
     text-align: center;
     background: #e94200;
     color: #fff;
     padding: 8px 15px;
     border-radius: 20px;
     font-family:"Open Sans";
     font-size: 14px;
     text-transform: uppercase;
     margin: 0 auto;
     display: block;
}
#saibamais a:hover{
     background: #e92c00;
}
#newsletter{
     text-align: center;
     margin: 30px 0 30px 0;
}
#newsletter h2{
     text-align: center;
}
#newsletter input{
     margin-top: 5px;
    width: 100%;
    border: solid 3px #e92c00;
    box-sizing: border-box;
    border-radius: 6px; 
    padding: 10px 0 10px 20px;
    height: 40px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    color: #909090;
}
#newsletter input[type="button"]{
     text-align: center;
     background: #e94200;
     color: #fff;
     padding: 8px 15px;
     border-radius: 20px;
     font-family:"Open Sans";
     font-size: 14px;
     text-transform: uppercase;
     border: none;
     margin-top: 20px;
     width: 100%;
}
#newsletter input[type="button"]:hover{
     background: #e92c00;
}

#post-inter ul li{
     display: inline-block;
     text-align: center;
     margin: 310px 40px 0 30px;
}
#post-inter ul li:last-child{
     margin: 20px 0 0 0; 
}
#post-inter figure{
     margin: 0 auto;
     display: block;
     width: 100px;
     height: 100px;

}
#post-inter img{
     width: 100%;
     height: 100%;
     border-radius: 200%;
}
#post-inter a{
     font-family:"Open Sans";
     font-size: 15px;
     color: #fff;
     line-height: 25px;
     font-weight: bold;
     text-align: center;
     background: none;
}
/*------------------------------------------------------------- # INTERNAS --------------------------------------------------------------*/

#vantagens2{
     width: 100%;
     background: #fff;
     padding: 70px 0 65px 0;
     margin-top: -5px;
     display: none;
}
#vantagens2 ul li{
     display: inline-block;
     text-align: center;
     width: 220px;
     margin-right: 30px;
     vertical-align: middle;
}
#vantagens2 ul li:last-child{
     margin-right: 0;
}
#vantagens2 img{
     display: block;
     margin: 0 auto;
     margin-bottom: 20px;
}
#vantagens2 span{
     font-family:"Open Sans";
     font-size: 16px;
     color: #212121;
     line-height: 25px;
     text-transform: uppercase;
     font-weight: bold;
}
#vantagens2 p{
     width: 222px;
     font-family:"Open Sans";
     font-size: 15px;
     color: #212121;
     line-height: 25px;
     text-align: center;
}
#post-inter2 ul li{
     display: inline-block;
     text-align: center;
     margin: 0 auto;     
    padding: 280px 20px 0 20px;
}
#post-inter2 ul li:last-child{
     padding: 20px 0 0 0; 
}

.postid-42 #post-inter2 ul li{
     display: inline-block;
     text-align: center;
     margin: 0 auto;
     padding: 280px 10px 0 10px;
}
.postid-42 #post-inter2 ul li:last-child{
     padding: 20px 0 0 0; 
}
#post-inter2 figure{
     margin: 0 auto;
     display: block;
     width: 100px;
     height: 100px;

}
#post-inter2 img{
     width: 100%;
     height: 100%;
     border-radius: 200%;
}
#post-inter2 a{
     font-family:"Open Sans";
     font-size: 15px;
     color: #fff;
     line-height: 25px;
     font-weight: bold;
     text-align: center;
     background: none;
}
/*------------------------------------------------------------- # FOOTER --------------------------------------------------------------*/
 #footer{
     width: 100%;
     background: #e92c00;
     padding: 20px 0 20px 0;
     text-align: center !important;
     height: auto;
}
 .footer-inst{
     width: 100%;
     float: none;
     text-align: center;
} 
 .footer-inst a{
     font-family: "Open Sans";
     font-size: 11px;
     text-transform: uppercase;
     color: #fff;
     line-height: 25px;
}
 .footer-trei{
     width: 100%;
     text-align: center;
     margin-left: 0;
}
 .footer-trei ul li ul{
     display: none;
}
 .footer-trei a{
     font-family: "Open Sans";
     font-size: 11px;
     text-transform: uppercase;
     color: #fff;
     line-height: 25px;
}
 #footer a:hover{
     color: #d6d6d6;
}
 .foot-tit h3{
     font-family: "Open Sans";
     font-size: 12px;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     margin: 0;
}
 .foot-tit ul li{
     display: none;
     margin-bottom: 10px;
}
 .foot-tit ul li:nth-child(2){
     margin-left: 0px;
}
 .foot-tit ul li:nth-child(3){
     margin-left: 0px;
}
 .foot-tit ul li:nth-child(4){
     float: none;
     text-align: center;
     margin-bottom: 20px;
}
 .localiza{
     margin-top: 10px;
     margin-left: 0px;
     width: 100%;
}
 .localiza p{
     font-family: "Open Sans";
     font-size: 11px;
     color: #fff;
     line-height: 20px;
     margin: 0;
}
 .localiza p:last-child{
     margin-top: 10px;
}
 .contata{
     float: none;
     margin-top: 10px;
}
 .contata p{
     font-family: "Open Sans";
     font-size: 11px;
     color: #fff;
     line-height: 20px;
     margin: 0;
     margin-right: 0;
     text-align: center;
}
 .contata ul li:nth-child(1):after{
     content: "\f095";
     font-family: "FontAwesome";
     color: #fff;
     font-size: 16px;
     float: none;
     margin-top: 10px;
     line-height: 20px;
     display: none;
}
 .contata ul li:nth-child(2):after{
     content: "\f232";
     font-family: "FontAwesome";
     color: #fff;
     font-size: 16px;
     float: none;
     margin-top: 10px;
     display: none;
}
 .contata ul li:nth-child(3):after{
     content: "\f0e0";
     font-family: "FontAwesome";
     color: #fff;
     font-size: 16px;
     float: none;
     margin-top: 10px;
     display: none;
}
 .contata i{
    display: none;
     float: none;
     background: #fff !important;
     color: #e92c00;
     margin-top: 15px;
}
 .contata .fa-facebook{
     margin-left: 5px;
     display: none;
}
 .copyright p{
     float: none;
     font-family: "Open Sans";
     font-size: 12px;
     color: #fff;
     margin: 0;
}
 .copyright{
     margin-top: 10px;
}
 .copyright span{
     float: none;
     font-family: "Open Sans";
     font-size: 12px;
     color: #fff;
     margin: 0;
}
 .copyright a{
     color: #fff;
}
 .copyright a:hover{
     color: #f59c1d !important;
}
.logos-clientes ul li img{
	width: auto;
	height: auto;
}
	.logos-clientes ul li{
		width: 100%;
		height: auto;
		
	}
}