body {
 font-family: 'Barlow', sans-serif;
 overflow-x: hidden;
 font-size: 15px;
  background: #fff; 
  font-weight: 400; 
  color: #000;
}


html {
  scroll-behavior: smooth;
}











p {
    font-weight:400; font-size: 22px;  text-indent:1.7em; color: #000; text-align: justify; line-height: 1.7;
     
}



p.small {
  font-size: 16px;

}

p:hover { text-decoration: none;}

a,
a:hover,
a:focus,
a:active,
a.active {
  color: #1ea036;
}

a.sociais {color: #97C11F;}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

hr.star-light,
hr.star-primary {
  padding: 0;
  border: none;
  border-top: solid 5px;
  text-align: center;
  max-width: 250px;
  margin: 25px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
  content: "\f005";
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
}
hr.star-light {
  border-color: white;
}
hr.star-light:after {
  background-color: #18BC9C;
  color: white;
}
hr.star-primary {
  border-color: #2C3E50;
}
hr.star-primary:after {
  background-color: white;
  color: #2C3E50;
}
.img-centered {
  margin: 0 auto;
}
header {
  text-align: center;
  background: #18BC9C;
  color: white;
}
header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}
header img {
  display: block;
  margin: 0 auto 20px;
}
header .intro-text .name {
  display: block;
  font-family: "museo",serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
}
header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}



.panel-default>.panel-heading {
    color: #333;
    background-color: #E6E5E1;
    border-color: #ddd;
}




/* navbar */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
/* title */
.navbar-default .navbar-brand {
     color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #fff;

}

/* quando passa o mouse por cima */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #009C33;
    background-color: transparent;
    
}


/* q esta ativo */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #009C33;
    
   
}

.navbar-default .navbar-nav>li>a {
    color: #009C33;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #009C33;
    
    
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    
}

/* fundo navbar */
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px; 
    background-color: #fff; 
    color: #000; 
    font-size: 18px;
    font-family: 'Roboto Slab',  
    sans-serif; font-weight: 700;
}


/* TAMNANHO DA FONTE DO MENU */
.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 1px;
    font-size: 14px;
    font-weight: 700;
}


.navbar-default .navbar-nav>li>a {
    color: #000;
  }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-color: transparent; 
    font-size: 18px;

}


.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    

}


.dropdown-menu>li>a:hover {


    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
    background-color: #8D4925;

}


.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 5px;
}


.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 1px; 
    
}
 
/* cor do q esta ativo */
.nav li:hover, .nav li.active{ 
  
  
  color: #8D4925;
}

/* cor do q esta ativo */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #8D4925; 
    
    
}


.nav>li>a:hover {
    text-decoration: none; 
    color: #000;
   
}

/* cor do texto botao */
.navbar-default .navbar-nav>li>a {
    color: #000;
}

.espacinho_menu { margin-right: 12px;}







/*HOME*/
.logo { margin-top: 37px; text-align: center; height: 65px; margin-bottom: 28px;  }
.menu { margin-top: 44px; font-size: 14px; text-align: right; padding-left: 63px; padding-right: 0px;  }
.menu3 { margin-top: 30px; font-size: 14px;   }

.sociais { color: #97C11F; font-size: 20px; text-align: right; padding-left: 2px; padding-right: 2px; }

.pra_direita { text-align: right; }

.matricula { background: #C41439; padding-left: 8px; padding-right: 8px;   border-radius: 8px; font-weight: bold; color: #fff; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; }

.mais { background: #1ea036; padding-left: 8px; padding-right: 8px;   border-radius: 8px; font-weight: bold; color: #fff; padding-top: 10px; padding-bottom: 10px; width:200px; text-align:center;  }


.mobile { display: none; }
.desktop { display: block; }
.guapo { margin-top: 50px; } 
.bt_fotos {  float: left; height: 120px; width: 66px; background: #E6EE32; background: url(../img/fotos.jpg) no-repeat center bottom; background-color: #E6EE32;  }
.bt_videos { float: left; height: 120px; width: 66px; background: #E6EE32; margin-left: 9px; background: url(../img/videos.jpg) no-repeat center bottom; background-color: #E6EE32   } 

.foto {  
 background: url(../img/foto.jpg) no-repeat center top;
 -webkit-background-size: contain;
 -moz-background-size: contain;
 -o-background-size: contain;
  background-size: contain;
  height: 580px; text-align: left;
  padding-top: 70px; padding-left: 0px;
}


.fundo {  
 background: url(../img/destaque1.jpg) no-repeat center top;
 background-color: #E59667;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 
  text-align: left;
  padding-left: 0px;
  padding-bottom: 0px;
  height: 512px; 

}





/* VIDEO */


#video{display:none}

#videosubstitute{display:block;width:auto;height:100%;}


#fullScreenDiv{
    width:100%;
    min-height: 100%; 

    height: 100vh;
    width: auto;
    padding:0!important;
    margin: 0!important;
    
    background: url(../img/destaque1.jpg) no-repeat center top;
    background-color: #fff;
    -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 

    position: relative;
}
#video{    
    width: 100vw; 
    height: auto;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
}

@media (min-aspect-ratio: 16/9) {
  #video{
    height: 150%;
    top: -100%;
  }
  #videosubstitute{
    display:block;
    width: 100%;
    height: auto;}
}

@media (max-aspect-ratio: 16/9) {
  #video {
    width: 150%;
    left: -100%;
  }
  #videosubstitute{display:block;width:auto;height:100%;}
}

@media only screen and (min-width : 992px) {
#video{display:block;}
#videosubstitute{display:none}
}   


#messageBox{
    position: absolute;  top: 0;  left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
}
 






.texto_zoom {
    padding-top: 200px;
    text-align: center;
}




.zoom1 {
    transition: transform .2s;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: url(../img/bolinha1.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    color: #fff; 
    font-weight: 700;
}


.zoom2 {
    transition: transform .2s;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: url(../img/bolinha2.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    color: #fff; 
    font-weight: 700;
}



.zoom3 {
    transition: transform .2s;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: url(../img/bolinha3.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    color: #fff; 
    font-weight: 700;
}


.zoom4 {
    transition: transform .2s;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: url(../img/bolinha4.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    color: #fff; 
    font-weight: 700;
}


.zoom5 {
    transition: transform .2s;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: url(../img/bolinha5.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    color: #fff; 
    font-weight: 700;
}


.zoom6 {
    transition: transform .2s;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: url(../img/bolinha6.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    color: #fff; 
    font-weight: 700;
}



.zoom1:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    background: url( ../img/zoom1.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #fff; 
}



.zoom2:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    background: url( ../img/zoom2.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #fff; 
}



.zoom3:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    background: url( ../img/zoom3.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #fff; 
}



.zoom4:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    background: url( ../img/zoom4.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #fff; 
}



.zoom5:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    background: url( ../img/zoom5.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #fff; 
}


.zoom6:hover {
    transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    background: url( ../img/zoom6.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #fff; 
}










.matriculese {box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  height: 580px; border-radius: 5px;}




.borda { border-top:  4px solid #DC8C60; height: 10px; }


.fundo_contato {  
 background: url(../img/destaque1.jpg) no-repeat center top;
 background-color: #17263E;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover;
  text-align: left;
  padding-left: 0px;  padding-top: 70px; padding-bottom: 70px;
}



.topo { height: 120px;  }
.branco { background: #fff; }
.preto { background: #3C3C3A; height: auto; margin-bottom: 56px; }
.azul { background: #00A0E0; height: auto; padding-bottom: 60px;  }
.azul_fundo { background: #125D95;  }
.azul_fundo_pecuaria { background: #0E5187;  }
.azul_fundo_contrucao { background: #007FBC;  }



.circulo { 
 border: 3px solid #8C8C8C; 
 border-radius: 50%;
 height: 180px;
 width: 180px;  
 margin-top: 60px;
 text-shadow: center;
 margin-bottom: 30px; 
 text-align: center;
 padding-top: 34%;
 margin-left: 5%; 
 }

.home1 { padding-left: 79px; padding-top: 66px; padding-right: 290px; }
.box_contato { background: #ECECEC;  padding-top: 20px; padding-left: 33px; text-align: left; padding-right: 33px; padding-bottom: 34px; }



.glyphicon-chevron-left:before {
    content: "\e079";
    color: #1D0E46; 
}

.glyphicon-chevron-right, .carousel-control .icon-next {
    
    color: #1D0E46; 
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    background-image: none;
    /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); */
    /* background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    
}














/*CONTATO*/
input, textarea {
    font-size: 13px;
    padding: 5px 5px 5px;    
    background: transparent;
    color: #000; 
    width: 100%;   
    border: 1px solid #000; 
    border-radius: 6px;
    margin-top: 45px;
    padding: 10px;
}

input {
     background:transparent;
     border: 1px solid #000;
     margin-top: 40px;
     padding: 10px;
}

button.enviar {
    width: auto;    
    background: #C41439;
    border: 1px solid #C41439;
    padding: 5px;
    font-size: 13px;     
    color: #fff;
    margin-top: 10px;
    margin-bottom: 28px;
    text-align: center;
    margin-left: 15px;
    border-radius: 5px; float: right; margin-right: 30px; padding-left: 10px; padding-right: 10px;
}


button:hover.enviar {
    width: auto;    
    background: #C41439;
    border: 1px solid #C5744D;
    padding: 5px;
    font-size: 13px ;  
    color: #fff; text-decoration: underline;
    margin-top: 10px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 28px; float: right; margin-right: 30px; padding-left: 10px; padding-right: 10px; }



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000; text-align: left; padding-left: 8px;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#000; text-align: left; padding-left: 8px;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#000; text-align: left; padding-left: 8px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000; text-align: left; padding-left: 8px;
}


.pagina_contato { text-align: left; font-size: 16; }


input.other::-webkit-input-placeholder {  text-align: left; font-size: 13px; margin-top: 10px; }
input.other::-moz-placeholder {  text-align: left; font-size: 13px; margin-top: 10px; }
input.other:-ms-input-placeholder {  text-align: left; font-size: 13px; margin-top: 10px; }
input.other:-moz-placeholder {   text-align: left; font-size: 13px;  margin-top: 10px; }

textarea.other::-webkit-input-placeholder { text-align: left; font-size: 13px; margin-top: 10px; }
textarea.other::-moz-placeholder {   text-align: left; font-size: 13px; margin-top: 10px; }
textarea.other:-ms-input-placeholder {  text-align: left; font-size: 13px; margin-top: 10px; }
textarea.other:-moz-placeholder {   text-align: left; font-size: 13px;  margin-top: 10px; }


button.other {
    width: auto;    
    background: #17263E;
    border: 1px solid #00A0E0;
    padding: 10px;
    font-size: 16px; 
    font-family: "ingra-condensed",sans-serif;
    color: #00A0E0;
    margin-top: 28px; text-align: center; float: right;
}


button:hover.other {
    width: auto;    
    background: #17263E;
    border: 1px solid #00A0E0;
    padding: 10px;
    font-size: 16px ;  
    color: #17557C; text-decoration: underline;
    margin-top: 28px; text-align: center; float: right;
}

.other { margin-top: 10px;  }
.contato1 { padding-right: 40px; background: url(../img/contato/detalhe1.png) no-repeat right center; }
.contato2 { padding-right: 40px; background: url(../img/contato/detalhe2.png) no-repeat right center; }
.contato3 { padding-right: 40px; background: url(../img/contato/detalhe3.png) no-repeat right center; }


.home { padding-left: 25px; padding-right: 25px; }




.imghome:hover{   
filter: brightness(0.7);
}

.maps { margin-top: 0px; }



/* HOME */

.box { border: 1px solid #EB9C6C; padding: 60px; padding-bottom: 125px; }

.icone1 { 
  background: url(../img/icone1.jpg) no-repeat center top;
  padding-top: 139px; 
  -webkit-background-size: auto;
 -moz-background-size: auto;
 -o-background-size: auto;
  background-size: auto; margin-right: 5px; margin-left: 5px;   }

.icone2 { background: url(../img/icone2.jpg) no-repeat center top; padding-top: 139px; margin-right: 5px; margin-left: 5px;  }   
.icone3 { background: url(../img/icone3.jpg) no-repeat center top; padding-top: 139px; margin-right: 5px; margin-left: 5px;  }
.icone4 { background: url(../img/icone4.jpg) no-repeat center top;  padding-top: 139px;  margin-right: 5px; margin-left: 5px; }
.icone5 { background: url(../img/icone5.jpg) no-repeat center top;  padding-top: 139px;  margin-right: 5px; margin-left: 5px; }

.placa_marrom { padding-left: 35px;
 padding-right: 35px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
 color: #fff; 
 background: #B86643; 
 text-align: center; margin-bottom: 120px;  margin-top: -35px; z-index: 1000; border-radius: 10px; }

 .placa_marrom:hover { padding-left: 35px;
 padding-right: 35px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
 color: #fff; 
 background: #B86643; text-decoration: underline; 
 text-align: center; margin-bottom: 120px;  margin-top: -35px; z-index: 1000; border-radius: 10px; }

.escolha { background: #93C01F; padding-top: 51px; padding-bottom: 44px;  }

.veja { 
  margin-left: 15%; 
  border-radius: 10px;
  border: 1px solid  #A65E3D; 
  color: #A65E3D; font-size:  22px; 
  font-family: "roboto",sans-serif; 
  padding-left: 10px; padding-right: 10px; 
  max-width: 290px; padding-top: 12px; 
  padding-bottom: 12px; margin-top: 35px; 
         }


  .veja:hover { 
  margin-left: 15%; 
  border-radius: 10px;
  border: 1px solid  #A65E3D; 
  color: #A65E3D;
   font-size:  22px; 
  font-family: "roboto",sans-serif; 
  padding-left: 10px;
   padding-right: 10px; 
  max-width: 290px;
   padding-top: 12px; 
  padding-bottom: 12px;
   margin-top: 35px;  text-decoration: underline;  
         }



.rodape2 { background: #028003; width: 100%; padding-bottom: 6px; height: 40px; }

.rodape { background: #1D1D1B;  width: 100%; padding-bottom: 50px; }

.endereco { padding-top: 55px; padding-left: 0px; }

.destaque { background: #EFD5C5; padding-top: 25px; padding-bottom: 25px; width:100%;  text-align: center; margin-top: 3px; }




#section1 { 
    background: url(../img/paralaxe.jpg);
  background-size: cover;
  background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    height: 50vh; /* 100% of viewport height */
    margin: 0 auto; 
    position: relative; 
   
}













/* EMPRESA */



.destaque_empresa { margin-top: 80px; margin-bottom: 56px; }
.empresa { padding: 1px;  }



.placa_carregar { 
 padding-left: 35px;
 padding-right: 35px; 
 padding-top: 13px; 
 padding-bottom: 13px; 
 color: #B96644; 
 background: #FFF; 
 text-align: center; 
 margin-bottom: 120px;  
 margin-top: 50px; 
 z-index: 1000; 
 border-radius: 10px;
 border: 1px solid #B96644; }



 

  

 .medida {  margin-bottom: 40px }



 .tarja_empresa { 
   padding-top: 51px;
   padding-bottom: 44px;
   background: url(../img/empresa/imagem.png) no-repeat center center; 
   background-color: #EFD5C5;
   min-height: 494px;
   text-align: center; 
   padding-top: 140px;
    }


.placa_marrom2 {
 padding-left: 15px;
 padding-right: 15px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
 color: #fff; 
 background: linear-gradient(to right, rgba(235, 154, 107, 1), rgba(185, 102, 68, 1));
 text-align: center; 
 margin-bottom: 120px;   
 z-index: 1000;
 border-radius: 10px; width: 382px; font-size: 20px; font-weight: 100; margin: 0 auto; margin-top: 55px;  }

 .placa_marrom2:hover {

 padding-left: 15px;
 padding-right: 15px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
 color: #fff; 
 background: linear-gradient (to right, rgba(235, 154, 107, 1), rgba(185, 102, 68, 1));
 text-align: center; 
 margin-bottom: 120px;   
 z-index: 1000;
 border-radius: 10px;
 width: 382px; 
 font-size: 20px; 
 font-weight: 100; 
 margin: 0 auto; 
 margin-top: 55px;
 
   }




/* PRODUTO*/

.fundo_produtos { background: #F5F1F0; padding-top: 65px; padding-bottom: 40px; }
.bt_produtos { border: 1px solid #EB9D6F; border-radius: 10px; width: 100%; font-size: 14px ; color: #000; text-align: left; padding: 4px;
margin-bottom: 5px; padding-left: 10px;  }
.margem_bt {  margin-top: 55px; }

.placa_saiba {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #B96644;
    background: transparent;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 40px;
    z-index: 1000;
    border-radius: 10px;
    border: 1px solid #B96644;
}


.placa_saiba:hover {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #B96644;
    background: transparent;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 40px;
    z-index: 1000;
    border-radius: 10px;
    border: 1px solid #B96644; text-decoration: underline;
}


.watch2 {
  display: inline-block;
  height: auto;
  position: relative;
  width: auto;
}

.watch2:hover::after {
  visibility: visible
}

.watch2 img {
  width: 100%
}

.watch2::after {
  background: url( ../img/zoom.png ) no-repeat,
             rgba(98, 90, 88, .9);
  background-position: 50% 50%;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%
}



.watch3 {
  display: inline-block;
  height: auto;
  position: relative;
  width: auto;
}

.watch3:hover::after {
  visibility: visible
}

.watch3 img {
  width: 100%
}

.watch3::after {
  background: url( ../img/zoom2.png ) no-repeat;            
  background-position: 50% 50%;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%
}






.watch4 {
  display: inline-block;
  height: auto;
  position: relative;
  width: auto;
  visibility: visible
}

.watch4:hover::after {
  visibility: visible
}

.watch4 img {
  width: 100%
}

.watch4: {
  background: url( ../img/zoom3.png ) no-repeat;            
  background-position: 50% 50%;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%
}








.bt_produtos { 
  border: 1px solid #EB9D6F;
  border-radius: 10px; 
  width: 100%; 
  font-size: 14px ; 
  color: #000; 
  text-align: left; 
  padding: 4px;
  margin-bottom: 5px; 
  padding-left: 10px;  }


  .bt_produtos2 { 
  
  border-radius: 10px; 
  width: 100%; 
  font-size: 15px ; 
  color: #B35D4E; 
  text-align: left; 
  padding: 4px;
  margin-bottom: 5px; 
  padding-left: 10px;  font-weight: 300; }

  .bt_produtos2:hover { 
  border: 1px solid #EB9D6F;
  border-radius: 10px; 
  width: 100%; 
  font-size: 15px ; 
  color: #EA966A;
  text-align: left; 
  padding: 4px;
  margin-bottom: 5px; 
  padding-left: 10px; font-weight: 300;  }

   .bt_produtos2.active { 
  border: 1px solid #EB9D6F;
  border-radius: 10px; 
  width: 100%; 
  font-size: 15px ; 
  color: #EA966A;
  text-align: left; 
  padding: 4px;
  margin-bottom: 5px; 
  padding-left: 10px; font-weight: 300;  }








/* INDUSTRIA */


.topo1 { background: #FFF;  width: 100%; height: 35px; padding-top: 2px;  }
.topo2 { background: #FFF;  width: 100%; height: 130px;  }
.logo2 { margin-top: 0px; text-align: left; height: 45px; margin-bottom: 15px;  }

.fundo_industria {  
 background: url(../img/fundo_industria.jpg) no-repeat center top;
 background-color: #1A76B0;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 
  text-align: left;
  padding-left: 0px; 
  padding-bottom: 70px;  
}

.detalhe_empresas { padding-top: 550px;   }

.modulo { background: #fff; padding-left: 60px; padding-right:70px; padding-bottom: 55px; margin-bottom: 50px; min-height: 338px; }

.lista { margin-left: -22px; list-style: square; font-size: 17px;    }

 ul.lista {
  list-style-image: url(../img/industria/marcador.jpg);
  }

.modulo_direita1 {  
 background: url(../img/industria/icone_ventilacao.png) no-repeat 20px 18px;
 margin-top: 60px; padding-left: 80px; 
  }

 

.pra_direita: {text-align: right;}

    





/* CORTINAS */

.fundo_cortinas {  
 background: url(../img/fundo_cortinas.jpg) no-repeat center top;
 background-color: #1C7EBA;
 -webkit-background-size: auto; 
 -moz-background-size: auto; 
 -o-background-size: auto; 
  background-size: auto; 
  text-align: left;
  padding-left: 0px; 
  padding-bottom: 70px;  
}

.cortinas_tabela2 { width: 100%; padding: 5px; background:transparent; margin-bottom: 2px; }
















/* CLIMA */

.clima {  background: url(../img/clima/icone.png) no-repeat left center;  padding-left:60px;  }

.tabela_clima1 {background: #D1D6DC; height: 305px; color: #0e3459; font-size: 53px; text-align: center; padding-top:100px;   }
.clima_tabela2 {background: #D1D6DC; width: 100%; padding: 5px;  margin-bottom: 2px; color: #0e3459; text-align: center;  }
.clima_tabela3 { width: 100%; padding: 5px;  margin-bottom: 2px; color: #04A2E1; text-align: center;   }
.clima_tabela4 { color: #04A2E1; text-align: center;  font-size: 15px;  }


/* VENTILAÇAO */
.ventilacao {  background: url(../img/ventilacao/icone.png) no-repeat 10px center;  padding-left:80px;  }




/* GERAL */
.centralizar {text-align: center;}
.esquerda {text-align: left;}
.margem_grande {margin-top: 50px;}
.margem_media {margin-top: 45px;}
.margem_int {margin-top: 20px;}
.margem {margin-top: 10px;}
.margem_inf { margin-bottom: 20px;}

.flutuando { position: absolute; z-index: 1000; top: 318px; left: 60%;  }

.justificado { text-align: justify; }
.sem_direita  { padding-right: 0px; }
.padding_int { padding-top: 20px; }
.texto_branco {color: #fff; }
.margem_full {margin-top: 150px;}
.margem_inf_full { margin-bottom: 60px;}
.img_responsive { width: 100%; }

.flutuando2 { position: absolute; z-index: 1000; top: 150px; left: 42%; margin-left:-450px; }


  

  .pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5; font-family: 'Questrial', sans-serif;
  font-weight: bold;
}

  .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #26A2DE;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #fff;
     font-family: "ingra-condensed",sans-serif;
    
}





.circulo_cinza { 
 border: 3px solid #4E4E4D;
 border-radius: 50%;
 height: 180px;
 width: 180px;  
 margin-top: 10px;
 text-shadow: center;
 margin-bottom: 30px; 
 text-align: center;
 padding-top: 34%;
 margin-left: 5%; 
 }

 .texto_mapa {  margin-top: 360px; text-align: center; }
 

.main-content.utilities .detailed-info .containers-content .container-category .containers .container {
    background-color: #F8F8F8;
    padding: 15px;
    margin-bottom: 30px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}



.attributecat { margin-top: 10px; margin-bottom: 10px; padding-top: 10px; line-height: 60px; color: #FF6500; }
.largurinha {  max-width: 860px; }




#ibox_footer_wrapper { font-weight:bold; height:20px; line-height:20px;  color: #000;  } 
#ibox_footer_wrapper a { 
  text-decoration:none; 
  background: transparent; 
  border:none; 
  line-height:16px; 
  padding:0 5px; 
  color:#009EDE; 
  font-weight:bold;
  font-family: "ingra-condensed",sans-serif;
  font-size: 16px;}

#ibox_footer_wrapper a:hover { background-color:transparent; color:#000;}

#ibox_footer_wrapper { font-size:12px; color:#000;}
#ibox_wrapper {border:none;}
#ibox_wrapper {background-color: transparent;}

#ibox_content {background-color: transparent; border:none; overflow-x: hidden; width: 970px;  }

#ibox_loading { padding:50px; background:#fff; color:#000;font-size:16px; font-weight:bold;}


#ibox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    background: url(../images/bg.png);
}


.note { background-color: #3C3C3A; padding: 20px; padding-left: 30px; }
.note:hover { background-color: #272727; }


.notet { background-color: #3C3C3A; padding: 20px; padding-left: 30px; }

#cambio-widget {
    background-color: #fff;
    height: 26px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    margin: 0px auto; margin-bottom: 50px; margin-left: -5px; color: #000;
}

#cambio-widget #main-flag {
    background-position: 0 -224px !important;
    float: left !important;
    margin: 0px 0 0 8px !important;
    width: 20px !important;
    height: 15px !important;
}

.largura_box { width: 860px;}

.borda_negativa { margin-bottom: -200px; }
















section {
  padding: 60px 0;
}

section.success {
  background: #ADDE66;
  color: white;
}
@media (max-width: 767px) {
  section {
    padding: 75px 0;
  }
  section.first {
    padding-top: 75px;
  }
}
#portfolio .portfolio-item {
  margin: 0 0 15px;
  right: 0;
}
#portfolio .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .caption {
  background: rgba(24, 188, 156, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
  opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
  margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
  margin: 0;
}
#portfolio * {
  z-index: 2;
}





@media (min-width: 768px) {
  header .container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  header .intro-text .name {
    font-size: 4.75em;
  }
  header .intro-text .skills {
    font-size: 1.75em;
  }
}


@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}






.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #18BC9C;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}



footer h3 {
  margin-bottom: 30px;
}
footer .footer-above {
  padding-top: 50px;
  background: #fff;
 
  text-align: left; 
  padding-bottom: 90px;
  height: 280px;


}
footer .footer-col {
  margin-bottom: 50px;
}
footer .footer-below {
  padding: 25px 0;
  background-color: #2d2d2d;
}




.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #18BC9C;
  background: white;
  border: solid 2px white;
}


.btn-primary {
    background-color: none;
    border-color:#ADDE66;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 50px 0 20px 0;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 30px;
    padding: 10px 35px;
    font-weight: 600; font-family: "museo",serif;
}


.btn-primary {
    color: #fff;
    background-color: #ADDE66;
    border-color: #ADDE66;
}



.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #7CB627;
  border-color: transparent;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0977B9;
  border-color: #2C3E50;
}
.btn-primary .badge {
  color: #2C3E50;
  background-color: white;
}
.btn-success {
  color: white;
  background-color: #2A4A8A;;
  border-color: #2A4A8A;;
  font-weight: 700;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #2A4A8A;
  border-color: #2A4A8A;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #2A4A8A;
  border-color: #2A4A8A;
}
.btn-success .badge {
  color: #2A4A8A;
  background-color: white;
}
.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
}
.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 3em;
}
.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
  margin: 30px 0;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #2C3E50;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #2C3E50;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none;
}
#skipnav a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  transition: top 1s ease-out, background 1s linear;
  z-index: 2000;
}
#skipnav a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #18BC9C;
  outline: 0;
  transition: top 0.1s ease-in, background 0.5s linear;
}
div#maincontent {
  outline: none;
}



.overlay {
    background: #d52a4f;
    opacity: .8;
}

.page-banner {
    padding: 50px 0;
    height: 650px;
    line-height: 350px;
    background: #d52a4f 50% 50% no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.full-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.bg-primary {
    background-color: #fff;
}



.no-padding {
    padding: 0px; 
    list-style: none; 
    line-height: 2;
}


.verde {
background-color: #098F35;
}

.cinza1 { background-color: #575756; min-height: 123px;}
.cinza2 { background-color: #868686; min-height: 123px;}
.cinza3 { background-color: #B1B1B1; min-height: 123px;}
.cinza4 { background-color: #B1B1B1; min-height: 400px;}
.cinza5 { background-color: #C6C6C5; min-height: 400px;}
.cinza6 { background-color: #D9D9D9; min-height: 400px;}

    .principal5 { background: url(../img/principal5.jpg) no-repeat  center; min-height:445px  }

    
    .principal0 { background: url(../img/fundo_0.jpg) no-repeat  center center; min-height:630px;   background-size: cover;  }

     .principal1 { background: url(../img/imagem1.jpg) no-repeat  center center;   }

     .principal6 { background-color: #0C9035; color: #fff; padding-top:20px; min-height:144px }


h1 {  font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 48px;
      color: #008D36; 
       text-align: center;
    } 

h2 {  font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      color: #fff;  
      text-align: center;
    } 


h3 {  
      font-family: 'Barlow', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      color: #fff;
      text-align: center;  
       
    } 

h4 {  
      font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      color: #fff;  
      text-align: left;
       
    } 





.nao_sublinhado { text-decoration: none; }
.sem_bold {font-weight: 300;}








.style1 {

      font-family: 'Montserrat', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 36px;
      color: #000; 
      text-align: center;

  }


.style2 {
      font-family: 'Barlow', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 34px;
      color: #000; 
      text-align: center;
  }


.style3 {
      font-family: 'Barlow', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 26px;
      color: #fff; 
      text-align: center;
  }


.style4 {
      font-family: 'Barlow', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      color: #fff; 
      text-align: center;
  }


  .style5 {
     font-family: 'Barlow', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      color: #000; 
      text-align: center;
  }


   .style6 {
   font-family: 'Roboto Slab', serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #009C33; 
      text-align: center;
  }
   
   


   

 

 





 



 .fa-4 {
    font-size: 7em;  
    color:#17263E;   
   
   }









    a, .btn, .transition, .nav ul ul, .gfield .medium, .team-member *, .type-finished *, .how-section-content, .how-dot {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;

  }


 




button.galery {

    padding: 10px 35px; 
    background: transparent;
    
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: none;
    position: relative;
    color: #fff; 
    width: auto;
}


button:hover.galery {
        
    padding: 10px 35px; 
    background: transparent;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: none;
    position: relative;
    color: #fff; 
    width: auto;
}











.footer-cta h4 {
    font-size: 22px;
}

.footer-cta h4 {
    color: inherit;
    font-weight: 400;
    margin: 10px 0;
}

.footer-cta {
    padding: 40px 0;
    background: #d52a4f;
    color: #fff;
}









#parallaxBar{
height:338px;
background: url(../img/paralax.png) 50% 0 fixed;
position: relative; text-align: center;    
}



.sem_marcador {list-style-type: none;}
.pra_direita { float: right; }
.youtube {margin-left: 13px; margin-top: 8px;}
.pra_esquerda { float: left; }






a.link1{ color: #7EC9BC; font-size: 20px; font-family: "roboto",sans-serif; line-height: 35px;    }
a.link1:hover { color: #7EC9BC; font-size: 30px; font-family: "ingra-condensed",sans-serif; line-height: 35px; font-weight: bold;  }
a.link1:active { color: #7EC9BC; font-size: 20px; font-family: "ingra-condensed",sans-serif; line-height: 35px;    }


a.link2{ font-size: 14px;  color: #B76542; text-align: left;     font-family: "roboto",sans-serif; text-transform: uppercase; font-weight: 400;   }
a.link2:hover { font-size: 14px;  color: #B76542;  text-align: left;    font-family: "roboto",sans-serif;  text-transform: uppercase; font-weight: 400;  }
a.link2:active { font-size: 14px;color: #B76542;  text-align: left;     font-family: "roboto",sans-serif;  text-transform: uppercase; font-weight: 400;  }


a.link3{ font-size: 14px;  color: #B76542; text-align: left;     font-family: "roboto",sans-serif;    }
a.link3:hover { font-size: 14px;  color: #B76542;  text-align: left; background: #A75E3D;    font-family: "roboto",sans-serif;    }
a.link3:active { font-size: 14px;color: #B76542;  text-align: left; background: #A75E3D;     font-family: "roboto",sans-serif;   }
a.link3:focus { font-size: 14px;color: #B76542;  text-align: left; background: #A75E3D;     font-family: "roboto",sans-serif;   }










.sem_nada {list-style: none; text-decoration: none;}

.title  { font-weight: bold; }
.value  { font-weight: 100; }
.description { font-weight: 100; }

.seta_not {padding-left: 30px;}

.flexinha {    
    background-color:#ccc;
    
}




.menu2 { 

}

.menu2 ul {
list-style-type: none; /*remove o marcador*/ 
margin: 0; /*remove o recuo IE e Opera*/ 
padding: 0; /*remove o recuo Mozilla e NN*/ 

}

.menu2 li { margin-bottom:1px; }


.menu2 a {
    display: block;
    padding: 1px 0 1px 0px;
    width: auto;
    color: #FFFFFF;
    text-decoration: none;
    background: url("../img/servicos/detalhe.png") no-repeat left bottom;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: auto;
    font-family: "museo",serif; color: #fff; font-size: 15px;  
}



.menu2 a:hover { 

background: url("../img/servicos/detalhe_rol.png") no-repeat left bottom;
color:#000000; 
font-family: "museo",serif; color: #FF8100; font-size: 15px;  
}



.skype { width: 50px; float: right; margin-right: 80px; }
.face { padding-top: 24px; width: 30px;  float: right; padding-left: 10px; margin-right: 20px; }
.guapo { margin-top: 10px;  text-align: right; }


.margem_lat_menor {padding-right: 5px;}






.margem_pelotas { margin-top:120px; }

.margem_pessego { margin-top:200px; }

.margem_pelotas { margin-top:120px; }






@media (max-width:768px) {   


.margem_pelotas { margin-top:20px; }
.margem_pessego { margin-top:20px; }




.mobile { display: block;  }
.desktop { display: none; }

.abacaxi { display: none; }


.navbar-brand {
    float: left;
    height: 50px;
    padding: 3px 15px;
    font-size: 18px;
    line-height: 20px;
}



.home1 {
    padding-left: 79px;
    padding-top: 66px;
    padding-right: 60px;
}


.fundo {
  background: url(../img/destaque1.jpg) no-repeat center top;
  background-color: #E59667;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 
  text-align: left;
  padding-left: 0px;
  padding-bottom: 0px;
  height: 512px; 
}


.style29 {
       font-size: 15px; 
    text-align: center;
    color:#17263E;   
    font-family: "ingra-condensed",sans-serif;
      
  }

.guapo { margin-top: 5px;  text-align: center; }
.skype { width: 50px;  margin-right: auto; width: 100%; }
.face { padding-top: 24px; width: 30px;   padding-left: 10px; margin-right: auto; width: 100%;  }


.carousel-caption {
    position: absolute;
    right: 15%;
    top: 70px;
    bottom: 20px;
    left: 8%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: none; height: auto;
}


.multimidias {
    padding-top: 50px;
    text-align: right;
}


.popup_galeria { text-align: center; margin-bottom: 15px; z-index: 1500;  }
.popup_galeria2 { text-align: center;   }



.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    border-radius: 0px;

}





.margintop{ margin-top:20px;}




.veja { 
  margin-left: 5%; 
  border-radius: 10px;
  border: 1px solid  #A65E3D; 
  color: #A65E3D; font-size:  22px; 
  font-family: "roboto",sans-serif; 
  padding-left: 10px; padding-right: 10px; 
  max-width: 290px; padding-top: 12px; 
  padding-bottom: 12px; margin-top: 35px; margin-bottom: 20px; 
         }


  .veja:hover { 
  margin-left: 5%; 
  border-radius: 10px;
  border: 1px solid  #A65E3D; 
  color: #A65E3D;
   font-size:  22px; 
  font-family: "roboto",sans-serif; 
  padding-left: 10px;
   padding-right: 10px; 
  max-width: 290px;
   padding-top: 12px; 
  padding-bottom: 12px;
  margin-top: 35px;
  text-decoration: underline; margin-bottom: 20px;  
         }



 .placa_marrom2 {
 width: auto;   }

 .placa_marrom2:hover {
 
 width: 382px; 
 
 
   }


.tarja_empresa {
    padding-top: 51px;
    padding-bottom: 44px;
    background: none;
    background-color: #EFD5C5;
    min-height: 494px;
    text-align: center;
    padding-top: 140px;
}




p:hover { text-decoration: none;}









.detalhe_empresas {
    padding-top: 50px;
}

.bt_modulo {
    border: 1px solid #fff;
    padding-left: 20px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 25px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: auto;
    width: 176px;
    float: left; 
    
}


.fundo_pecuaria {
    background: url(../img/fundo_pecuaria.jpg) no-repeat center center;
    background-color: #0E5187;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 70px;
}

.bt_modulo2 {
    border: 1px solid #15A3E1;
    padding-left: 20px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 25px;
    color: #15A3E1;
    margin-top: 20px;
    margin-bottom: 78px;
    text-align: center;
    width: auto;
    width: 176px;
    float: left;
    margin-right: 10px;

}


.fundo_academia {
    background: url(../img/fundo_academia.jpg) no-repeat center center;
    background-color: #1A76B0;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 70px;
}

.margem_fotos  { margin-top: 80px; padding-right: 15px;   }
.espaco_direita { padding-right: 15px;   }



.fundo_oficina {
    background: url(../img/fundo_oficinas.jpg) no-repeat center center;
    background-color: #1A76B0;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 70px;
}

.fundo_construcao {
    background: url(../img/fundo_construcao.jpg) no-repeat center top;
    background-color: #1A76B0;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 70px;
}


.fundo_rotores {
    background: url(../img/fundo_rotores.jpg) no-repeat center top;
    background-color: #1F88C5;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 70px;
}

.imagem_rotores { margin-top: 28px;}
.maps { margin-top: 30px; }


.largura {  width: 100%; }
.edit {  display: none; }
.news {  display: none; }
.topo2 {  display: none; }

.imagem1 {
  height: 169px;
  width: 169px;
  top: -80px;
  background: #000;
  z-index: 1000;
  position: absolute;
  left: 50%;
  margin-left: -91px;
  background: url(../img/imagem1.png) no-repeat center center; 
   }


.menu_esquerda {
text-align: center; width: 438px;  position: absolute; left: 50%;
margin-left: -210px; margin-bottom: 20px;">
} 



.menu_direita {
text-align: center; 
width: 438px;
position: absolute;
left: 50%;
margin-left: -210px;">
} 


.imagem2 {
  height: 169px;
  width: 169px;
  top: -80px;
  background: #000;
  z-index: 1000;
  position: absolute;
  left: 50%;
  margin-left: -91px;
  background: url(../img/imagem2.png) no-repeat center center; margin-top: 30px;
   }


.ajuste{  padding: 15px; }
.ajuste2{  margin-top: 70px; }
.imagem_modulo{  padding-right: 15px;  }
.bt_solicite {
    width: 80%;
    background: #F0ED0C;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 11px;
    font-size: 25px;
    color: #fff;
    margin-top: 25px;
    font-size: 22px;
    color: #17263E; 
    float: left; 
    text-align: center; margin-bottom: 50px;
}












#ibox_footer_wrapper { font-weight:bold; height:20px; line-height:20px;  color: #000;  } 
#ibox_footer_wrapper a { 
  text-decoration:none; 
  background: transparent; 
  border:none; 
  line-height:16px; 
  padding:0 5px; 
  color:#009EDE; 
  font-weight:bold;
  font-family: "ingra-condensed",sans-serif;
  font-size: 16px;}

#ibox_footer_wrapper a:hover { background-color:transparent; color:#000;}

#ibox_footer_wrapper { font-size:12px; color:#000;}
#ibox_wrapper {border:none;}
#ibox_wrapper {background-color: transparent;}

#ibox_content {background-color: transparent; border:none; overflow-x: hidden; width: auto;  }

#ibox_loading { padding:50px; background:#fff; color:#000;font-size:16px; font-weight:bold;}


#ibox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    background: url(../images/bg.png);
}



.foto_empresa {
    background: url(../img/empresa/slide.jpg) no-repeat center top;
    -webkit-.background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 5px; border-top: 5px solid #FF6700;
}

.foto_noticias {
    background: url(../img/noticias/slide.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 0px; border-top: 0px solid #FF6700;
}



.preto5 {
    border-top: 5px solid #FF6700;
    height: auto;
    margin-top: 30px;
    background: #3C3C3A;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 44px;
    padding-bottom: 80px;
}

.largurinha {width: auto;}



.depoimentos_home { width: auto;  left:33px; top: 0px; height: 600px; }
.altura_home {height:1322px;}
.altura_depo {height:800px;}


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    
}

.empresa {
    padding-top: 20px;
    text-align: right;
}




.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 1px;
    color: #1D0E46;
    font-size: 15px;
    font-weight: 600;
}




.navbar-nav {
    margin: 0px 0px;
    color: #fff;   
    font-family: "ingra-condensed",sans-serif;
    font-size: 18px;
}

.navbar-inverse .navbar-toggle {
    border-color:#fff;
    background: #009c33;
}


.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
    padding-left: 10px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #009c33;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 10px;
    margin-top: 8px;
    margin-right: 5px;
    margin-left: 30px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.nav>li>a:hover {
    text-decoration: none;
    background-color:#DB885C; color: #8D4925;
}

.linha1 {
    height: 300px;
}

.linha1_coluna2 {
    padding-left: 6%;
    padding-top: 17%;
    padding-right: 4%;
}



}
   
















   /* light box */


body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}