body {
 font-family: 'Work Sans', sans-serif;
 overflow-x: hidden;
 font-size: 15px;  
 background: #fff; 
 font-weight: 300;
}

a {
    color: #000;
    text-decoration: none;
}


 #html5-watermark { display: none !important; }


p {
    font-size: 15px; 
    color: #fff;  
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
     
}



p.small {
  font-size: 16px;

}

p:hover { text-decoration: none;}


a.sociais {color:#fff;}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    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: 'Work Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
}
header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}







/* navbar */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    font-size: 12px;
    font-family: 'Work Sans', 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 {

}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;       
}


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

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
   
    background-color: transparent;
    color: #fff; 
}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    
}













/* fundo navbar */
.navbar {
    position: relative;
    margin-bottom: 0px; 
    border: 0px solid transparent;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    float: right;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 1px;   
}


.navbar-default .navbar-nav>li>a {    
  }


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











.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #fff;
    border-color: #fff;
}

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

.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 1px; text-decoration: none;
}
 
/* cor do q esta ativo com mouse por cima  */
.nav li:hover, .nav li.active{ 
  color: #fff; 
  }

/* 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 {    
    background: transparent; color: #fff;      
}

/* quando passa  o mouse sobre o link  */
.nav>li>a:hover {
    text-decoration: none; color: #737373 !important; 
}


.navbar-default .navbar-nav>li>a {
     font-weight: 400; font-size: 14px;  color: #fff; font-family: 'Work Sans', sans-serif;
}

.navbar-nav {
    float: none!important;
    margin-top: 0px;
}












.espacinho_menu { padding-left: 8px; padding-right: 8px;  font-family: arial; font-size: 15px;   }
.ajuste_borda { padding-top: 0px !important; }
.espacinho_menu_ul { padding-left: 25px; padding-right: 25px; border-right: none ; height: 20px; font-family: arial; font-size: 16px;  }

.um { color: #fff; }
.um:hover { color: #fff;  }




/*HOME*/
.logo { text-align: center;    }

.menu3 { margin-top: 0px; font-size: 12px; font-weight: 400;  }

.margem_banner { margin-top: 113px; }


.barra {  height: 52px; background: #D1E852; width: 100%;   }
#barra {  position: absolute; margin-top: 0px; z-index: 1000; height: 52px; background: #D1E852; width: 100%;   }



.flutuando {
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 50%;
    margin-left: -600px;
    height: 150px;
    background: #212025;
    padding-top: 20px; padding-left: 25px; padding-right: 25px; 
}


.isolamento{
    position: absolute;
    z-index: 1000;
    top: 1020px;    
}


.medidas{
    position: absolute;
    z-index: 1000;
    top: 1750px;    
}


.detalhe_isoladores {
  position: absolute;
  z-index: 800;
  top: 1096px;
  left:54%;
  background: url(../img/detalhe_isoladores.png) no-repeat center top; 
 -webkit-background-size: contain;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 

  height: 804px; width: 446px;

  padding-top: 150px;
  padding-left: 70px;
  padding-right: 75px;
  text-align: justify;
  
    color: #fff;  
    font-weight: 300; 
    font-family: "acumin-pro-condensed"; font-size: 18px;
}


.detalhe_isoladores2 {
  
  background: url(../img/detalhe_isoladores.png) no-repeat center top; 
 -webkit-background-size: contain;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 
    
  height: 804px; width: 446px;  position: relative;

  padding-top: 150px;
  padding-left: 70px;
  padding-right: 75px;
  text-align: justify;
  
    color: #fff;  
    font-weight: 300; 
    font-family: "acumin-pro-condensed"; font-size: 18px;   margin: 0 auto;
}



.flutuando_bt {
    position: absolute;
    z-index: 1000;
    top: 728px;
    left: 46%; 
    width: 134px;
    background: #D0E751;
    border: none;
    padding: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #26ADE4;
    margin-top: 0px;
    text-align: center;
    border-radius: 12px;   
    
}

.flutuando_bt:hover {
text-decoration: underline; 
    
}



.flutuando_detalhe {
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 380px;
    height: 184px;    
}




.sociais  { border: 1px solid #fff; color: #fff; padding: 3px 5px; text-align: center; margin-left: 8px; font-size: 17px; padding-left: 8px;}
.face { width: 15px; font-size: 16px; padding-top: 4px; padding-left: 10px;  }
.instagram { border: 1px solid #fff; color: #fff; padding: 3px 7px; text-align: center; margin-left: 8px; font-size: 17px; }
.base_sociais { height: 50px; margin-top: 15px; padding-left: 63px;  }
.sociais2  { border: 1px solid #9AA1A7; color: #9AA1A7; padding: 3px 5px; text-align: center; margin-left: 8px; font-size: 17px; padding-left: 8px; margin-bottom: 40px;}
.assina  {  color: #9AA1A7; padding: 3px;  text-align: center;  font-size: 14px; margin-top: 7px; margin-bottom: 20px; }
.instagram2 { border: 1px solid #9AA1A7; color: #9AA1A7;  padding: 3px 7px; text-align: center; margin-left: 8px; font-size: 17px; padding-right: 8px; }


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

.guapo { margin-top: 5px; } 
.deslocamento { padding-left: 26px; } 
.quadradinho { list-style-type: square; color: #24ABE3; } 
.sem_quadradinho { list-style-type: none; font-weight: 100;  } 

.idiomas { padding-top: 20px; color: #fff;  }
.menu_rodape { margin-top: 40px; } 
.submenu_rodape { padding-left: 5px; } 


.localizacao { background: url(../img/localizacao.png) no-repeat center left; border-bottom: 1px solid #ccc;  height: 50px; } 
.telefone { background: url(../img/telefone.png) no-repeat center left; border-bottom: 1px solid #ccc;  height: 50px;  }
.envelope { background: url(../img/envelope.png) no-repeat center left; border-bottom: 1px solid #ccc;  height: 50px; } 

.news2 { background: url() no-repeat center left; border-bottom: 1px solid #ccc;  height: 10px; }  


.topo {     
    height: auto; padding-bottom: 40px;
    position:fixed;  z-index: 1000;
    width: 100%; 
    top: 0px;
    background: url(../img/logo_topo.png) no-repeat center left;
    background-color: #485156;
      }


  .banner { background: #6E6E6E; padding-top: 113px;  }
  .box_video { background: #000; min-height: 548px; padding-top: 25px;  }


  .box_chave {  min-height: 466px;  }

  .ancoragem { padding-left: 131px; padding-right: 160px; text-align: justify!important;  
   background: url( ../img/ancoragem2.png ) no-repeat ; padding-top: 223px;  }

  .bola { position: absolute; z-index: 900; margin-top: 20px; margin-left: 90px;  }
  .detalhe_banner { position: absolute; z-index: 900; margin-top: 350px;   }


  .box_banner { background: #ECB719; height: 125px;  padding-left: 45px; padding-right: 45px; padding-top: 13px;  }


  .box_cinza_escuro { background: #1F1F1F; min-height: 466px;  }
  .box_cinza_claro{ background: #DEDCDD; min-height: 145px; }


  .slide2 { margin-top: 240px; margin-bottom: 120px; }    
  .iconess { background-color: #fff; padding-bottom: 80px; }


   .bt_icones { background:#D1E751; color: #1B5FAB;
   padding: 7px 7px; text-align: center;  font-weight: 600; 
   border-radius: 15px; width: 60%; left: 50%; margin-bottom: 15px;   cursor: pointer; font-size: 13px; border: none; }
   .bt_icones:hover { background:#A5CF24; color: #000256;
   padding: 7px 7px; text-align: center;  font-weight: 600; 
   border-radius: 15px; width: 60%; left: 50%;  margin-bottom: 15px;  cursor: pointer; text-decoration: none; font-size: 13px; border: none;  }
   .bt_margem { margin-top: 37px;  }
   .bt_margem1 { margin-top: 15px; }
   .bt_margem2 { margin-top: 51px; }

   

   .efeito1{ color: #B95F18; margin-bottom: 3px;  }
   .efeito1:hover{ color: #A13F17; margin-bottom: 3px;  }

   .pra_direita { text-align: right; }


   .pad_menor { padding-right: 2px; padding-left: 2px }
   .uma_linha { margin-top: 29px; }
   .uma_linha2 { margin-top: 10px; } 

   .video { margin-top: 0px; }



.zoom {        
    transition: transform .2s; /* Animation */
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: url( ../img/bolinha1.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #6C6C6C;
}

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





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


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



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


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


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




.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: #1CA03A;
}



.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: #1CA03A;
}



.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: #1CA03A;
}



.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: #1CA03A;
}



.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: #1CA03A;
}










.ajuste_bolinha { margin-top: 0px; }










.descricao{
    display: none;
}

.zoom1:hover .descricao{
    display: block; font-size: 13px; color: #999999;
}

.zoom2:hover .descricao{
    display: block; font-size: 13px; color: #999999;
}

.zoom3:hover .descricao{
    display: block; font-size: 13px; color: #999999;
  }

.zoom4:hover .descricao{
    display: block; font-size: 13px; color: #999999;
}

.zoom5:hover .descricao{
    display: block; font-size: 13px; color: #999999;
}


.base_zoom { margin-top: 50px; }

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

.bolinhas { min-height: 580px;
            background: url( ../img/fundo_bolinhas.jpg ) no-repeat  center 263px;
            background-size: contain;
}

.setores { background: url( ../img/setores.jpg ) no-repeat center 190px;
           background-size: auto;
          }

.competencias { 
           
           background-size: auto;
          }



.capacidades { 
           background: url( ../img/capacidades.jpg ) no-repeat center center;
           background-size: auto;
          }




.local { 
           background: url( ../img/local.jpg ) no-repeat left top;
           padding-left: 90px; 
           height: 100px;           
           }


.fone { 
           background: url( ../img/fone.jpg ) no-repeat left top;
           padding-left: 90px; 
           height: 100px;           
           }

.horario { 
           background: url( ../img/horario.jpg ) no-repeat left top;
           padding-left: 90px; 
           height: 100px;           
           }




.empresa { 
           background: url( ../img/empresa.jpg ) no-repeat top center;
           background-size: auto;
           margin-top: 112px;
           height: 700px; margin-bottom: 50px;
          }



.icone_contato { 
  position: absolute; 
  top: 680px;  
  margin-right: 10px; 
  z-index: 3000; 
  cursor: pointer; 
  right: 10px; 
  position: fixed;  }


.chat {  background: url( ../img/chat.png ) no-repeat center center; width: 487px; height: 236px; z-index: 3000; }



.dourado {
    background: url( ../img/icone_contato.png ) no-repeat center center; width: 54px; height: 54px;
}

.branco {
     background: url( ../img/icone_contato2.png ) no-repeat center center !important;  width: 54px; height: 54px;
}


.logo_m { position: absolute; top: 0px; z-index: 3000; text-align: left; padding-left: 0px; }




/* contato */
input.contato {
     background:#fff  ;
     border: 1px solid #fff;
     margin-top: 13px;
     padding: 5px 5px;
     width: 100%; color: #000;
}

input.contato_produto {
     background:transparent;
     border: 2px solid #EFEFEF;
     margin-top: 25px;
     padding: 5px 5px;
     width: 100%; color: #000;
     text-align: center;
}



textarea.contato {
     background:transparent;
     border: 2px solid #EFEFEF;
     margin-top: 25px;
     padding: 5px 5px;
     width: 90%; color: #000; } 

input.contato::-webkit-input-placeholder {  text-align: left; font-size: 13px;  color: #000; }
input.contato::-moz-placeholder {  text-align: left; font-size: 13px;color: #000; }
input.contato:-ms-input-placeholder {  text-align: left; font-size: 13px;  color: #000; }
input.contato:-moz-placeholder {   text-align: left; font-size: 13px;   color: #000; }

input.contato_produto::-webkit-input-placeholder {  text-align: center; font-size: 13px;  color: #000; }
input.contato_produto::-moz-placeholder {  text-align: center; font-size: 13px;color: #000; }
input.contato_produto:-ms-input-placeholder {  text-align: center; font-size: 13px;  color: #000; }
input.contato_produto:-moz-placeholder {   text-align: center; font-size: 13px;   color: #000; }

.bt_contato_produto{ 
     background:transparent;
     border: none;
     margin-top: 10px;
     padding: 5px 5px;
     width: 30%; color: #fff;
     text-align: center; font-size: 14px; cursor: pointer; margin-left: -11px;  }

.bt_contato_produto:hover{ 
     background:transparent;
     border: none;
     margin-top: 10px;
     padding: 5px 5px;
     width: 30%; color: #fff;
     text-align: center; font-size: 14px; cursor: pointer; margin-left: -11px;  }

textarea.contato::-webkit-input-placeholder { text-align: left; font-size: 13px;  color: #000; }
textarea.contato::-moz-placeholder {   text-align: left; font-size: 13px;  color: #000; }
textarea.contato:-ms-input-placeholder {  text-align: left; font-size: 13px;  color: #000; }
textarea.contato:-moz-placeholder {   text-align: left; font-size: 13px;   color: #000; }


button.contato {
    width: auto;    
    background: #009FE3;
    border: none;
    padding: 10px; padding-left: 30px; padding-right: 30px;
    font-size: 13px;     
    color: #fff;
    margin-top: 10px;
    text-align: center;
    float: right;
    margin-right: 57px; 
}


button:hover.contato {
    width: auto;    
     background: #009FE3;
    border: none;
    padding: 10px; padding-left: 30px; padding-right: 30px;
    font-size: 13px;     
    color: #fff;
    margin-top: 10px;
    text-align: center;
    float: right;
    margin-right: 57px; 
    text-decoration: underline; 
}


/* contato */
input.trabalhe2 {
     background:transparent;
     border: 2px solid #EFEFEF;
     margin-top: 25px;
     padding: 5px 5px;
     width: 90%; color: #000;
}

input.trabalhe2::-webkit-input-placeholder {  text-align: center; font-size: 13px;  color: #000; }
input.trabalhe2::-moz-placeholder {  text-align: center; font-size: 13px;color: #000; }
input.trabalhe2:-ms-input-placeholder {  text-align: center; font-size: 13px;  color: #000; }
input.trabalhe2:-moz-placeholder {   text-align: center; font-size: 13px;   color: #000; }

  



/* Esconde o input */
input[type='file'] {
  display: none
}

/* Aparência que terá o seletor de arquivo */
label {
  background: transparent;
    border: 2px solid #EFEFEF;
    margin-top: 25px;
    padding: 5px 5px;
    width: 90%;
    color: #000; 
    text-align: center;
    font-size: 13px;
    font-weight: 400; margin-bottom: 10px; 
    opacity: 1;
    }     



/* INPUT MODAL  */


input.modales {
     background:transparent;
     border: 2px solid #EFEFEF;
     margin-top: 25px;
     padding: 5px 5px;
     width: 100%; color: #000;
     text-align: center;
}

textarea.modales {
     background:transparent;
     border: 2px solid #EFEFEF;
     margin-top: 25px;
     padding: 5px 5px;
     width: 100%; color: #000;
      } 

input.modales::-webkit-input-placeholder {  text-align: left; font-size: 13px;  color: #000; }
input.modales::-moz-placeholder {  text-align: left; font-size: 13px;color: #000; }
input.modales:-ms-input-placeholder {  text-align: left; font-size: 13px;  color: #000; }
input.modales:-moz-placeholder {   text-align: left; font-size: 13px;   color: #000; }

textarea.modales::-webkit-input-placeholder { text-align: left; font-size: 13px;  color: #000; }
textarea.modales::-moz-placeholder {   text-align: left; font-size: 13px;  color: #000; }
textarea.modales:-ms-input-placeholder {  text-align: left; font-size: 13px;  color: #000; }
textarea.modales:-moz-placeholder {   text-align: left; font-size: 13px;   color: #000; }

button.modales {
    width: auto;    
    background: #009FE3;
    border: none;
    padding: 10px; padding-left: 30px; padding-right: 30px;
    font-size: 13px;     
    color: #fff; margin-top: 15px;    
    text-align: center;
    margin-bottom: 15px;  float: right;  
    
}


button:hover.modales {
    width: auto;    
     background: #009FE3;
    border: none;
    padding: 10px; padding-left: 30px; padding-right: 30px;
    font-size: 13px;     
    color: #fff;
     margin-top: 15px;
    text-align: center;    
    text-decoration: underline;
    margin-bottom: 15px;  float: right; 
}



/* Reset CSS */
*, *:after, *:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box; 
  line-height: 1.3;
}



/* Remove as bolinhas do lado das listas */
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
/* Configura todos os links do nosso menu */
.menu a{
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  
}
.menu{
  background: #D2E85B; margin-left: 14%;
}
/* Remove as bolinhas do lado das listas */
.menu .menu-list, .menu .sub-menu{
  list-style: none;
  font-size: 14px;
}

/* Configura todos os links do nosso menu */
.menu a{
  color: #000;
  text-decoration: none;
  display: block;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500; 
  
}
/* Faz os <li>s ficarem na horizontal */
.menu > .menu-list > li{
  float: left;
  position: relative;
}
/* Configura os links do menu principal */
.menu > .menu-list > li > a {
  padding-right: 20px; padding-top: 8px;
  margin: 0 0px;
  background: #D2E85B;
}
/* Configura o fundo do menu principal quando com mouse hover */
.menu > .menu-list > li:hover a {
  background: #D2E85B; 
}
/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .sub-menu {
  display: block; 
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .sub-menu {
  position: absolute;
  padding-top: 15px;
  top: 22px;
  left: 0px;
  background: #D2E85B;
  z-index: 1000;
  display: none;
  padding-bottom: 10px;
  
}

.largura_menu { min-width:250px; }


/* Configura os links do submenu */
.menu > .menu-list > li > .sub-menu > li > a {
  padding: 5px 10px; 
  font-size: 14px;
  
}

.sub-menu > li :hover { text-decoration: underline;  font-size: 13px; width:250px; }

/* Clearfix para o menu */
.menu:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; 
}




.margem_baixo  { padding-bottom: 30px; margin-bottom: 3px; }    
.amarelo { color: #FFCC01;   }
.amarelo_claro { color: #FFEEB7;   }
.branco_gelo { color: #DDDDDD;   }
  





.newsletter { padding-top: 75px;   }


/* chave */
.chave {  
 background: linear-gradient( #242424, #1C1C1C, #0B0B0B);
 min-height: 467px; 
}



/* isoladores */
.box_isoladores {  
 background: url(../img/isoladores.jpg) no-repeat center top;
 background-color: #fff;
 -webkit-background-size: contain;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 
  padding-bottom: 0px;
  min-height: 735px; 
}


/* tabela */
.box_tabela {  
 background: linear-gradient( #E5E5E5, #fff,  #fff );
 min-height: 620px; padding-top: 50px;
}



.box_formularios {  background: #ECB719 ;   }

.amarelo {  background: #ECB719; padding-top: 66px;  }
.preto {  background: #222222; height: 650px; padding-top: 66px;   }
.branco_ { background: #fff; }

.preto2 {  background: #485156;

    }


/* onde_comprar */
.onde_comprar {  
 background: url(../img/onde_comprar/foto.jpg) no-repeat center top;
 background-color: #009CE0;
 -webkit-background-size: contain;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 
  padding-bottom: 0px;
  height: 360px; 
}

.texto_ondecomprar {  padding-top: 120px; text-align: center;}




.topo2 { height: 112px; background: #d3d3d3;  }
.logo2 { margin-top: 15px; text-align: center; height: 65px; margin-bottom: 28px;  }



/* contato */


.foto_contato {  
 background: url(../img/contato/foto.jpg) no-repeat center top;
 background-color: #009CE0;
 -webkit-background-size: contain;
 -moz-background-size: cover;
 -o-background-size: cover;
  background-size: cover; 
  padding-bottom: 0px;
  height: 360px; 
}


/

button:hover.produtos2 {
    width: auto;    
    background: #009FE3;
    border: none;
    padding: 10px;
    font-size: 13px;  padding-left: 18px; padding-right: 18px;    
    color: #fff;
    margin-top: 25px;
    text-align: center;
    float: right;
    margin-right: 0px;
    text-decoration: underline; border-radius: 14px;  
}



.linha{ background: #DDDDDD; height: 1px;  }



.detalhe { margin-top: 80px; }


button.amigo {
    width: auto;    
    background: #009FE3;
    border: none;
    padding: 10px; padding-left: 30px; padding-right: 30px;
    font-size: 13px;     
    color: #fff; margin-top: 25px;
    
    text-align: center;
    float: right;
    
}


button:hover.amigo {
    width: auto;    
     background: #009FE3;
    border: none;
    padding: 10px; padding-left: 30px; padding-right: 30px;
    font-size: 13px;     
    color: #fff;
     margin-top: 25px;
    text-align: center;
    float: right;
    text-decoration: underline; 
}


.ficha { border-top: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; min-height: 100px; padding: 0px; }
.ficha_direita { padding-top: 30px; padding-bottom: 30px; padding-left: 60px;  }
.bt_ficha { min-height: 55px; padding-top: 18px; padding-bottom: 18px; border-right: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; padding-left: 20px; text-transform: uppercase; font-size: 13px; border-left: 1px solid #fff; }
.bt_ficha:hover { min-height: 55px; padding-top: 18px; padding-bottom: 18px; border-right: none; border-bottom: 1px solid #ACACAC; background: #DDDDDD; border-left: 1px solid #000; background: linear-gradient(to right, #E5E5E5, #E5E5E5, #FFFFFF); padding-left: 20px; cursor: pointer; text-transform: uppercase; font-size: 13px; }









.main-title{
  color: #2d2d2d;
  text-align: center;
  text-transform: capitalize;
  padding: 0.7em 0;
}








.btn.focus, .btn:focus, .btn:hover { color: #ccc; text-decoration: none; }

.btn {
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 10px;
    margin: 5px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #2C2D2D;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    font-size: 18px;
}


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

}


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

}


.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px; 
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; 

}

.caret2 {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px; 
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
     

}



.sem_borda { border:none; }




.transparente { background: transparent!important; opacity: 0; }
.transparente2 { background: transparent!important; opacity: 0;}




.glyphicon-chevron-right, .carousel-control .icon-next {    
    background: url(../img/slide2/next.jpg) no-repeat center center; padding-top: 7px;
} 

.glyphicon-chevron-left, .carousel-control .icon-next {    
    background: url(../img/slide2/prev.jpg) no-repeat center center; padding-top: 7px;
} 

.carousel-control {opacity: 1;}

.glyphicon-chevron-right {
    width:50px;
    height: 50px;
    margin-top: -10px;
    font-size: 20px; 
}

.carousel-control.glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 20px;
}



.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;
}

.bem_pradireita  { margin-right: -140px!important;}
.bem_praesquerda { margin-left:  -140px!important;}

.carousel-control {
    background: url(../img/slide2/next.jpg) no-repeat center center; text-shadow: none;
}

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


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



/*REPRESENTANTES*/
.fundo_representantes {  
 background: url(../img/representantes/banner.jpg) no-repeat center top;
 background-color: #fff;
 -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: 244px; 
}


.margem_representantes { margin-bottom: 236px; margin-top: 40px; }
.altura { min-height: 502px; padding-left: 75px; padding-top: 52px; }

input.representantes {
     background:transparent;
     border: 1px solid #fff;
     margin-top: 10px;
     padding: 5px 5px;
     width: 90%; color: #000;
}






/*CONTATO*/
input, textarea {
    font-size: 15px;
    padding: 15px 10px;    
    background: transparent;
    color: #fff; 
    width: 100%;   
    border: 1px solid #fff; 
    margin-top: 33px;
    
}

input {
     background:transparent;
     border: 1px solid #fff;
     margin-top: 33px;
     padding: 15px 10px;
}

button.enviar {
    width: auto;    
    background: #2C2E2D;
    border: 1px solid #2C2E2D;
    padding: 5px;
    font-size: 15px;     
    color: #fff;
    margin-top: 42px;    
    text-align: left;    
    padding-left: 5px;
    padding-right: 5px; 
}


button:hover.enviar {
    width: auto;    
    background: #2C2E2D;
    border: 1px solid #2C2E2D;
    padding: 5px;
    font-size: 15px ;  
    color: #fff; text-decoration: underline;
    margin-top: 42px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;  }



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


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




input.pretinho {
     background: #fff;
     border: 1px solid #BBBDBC;
     margin-top: 10px;
     padding: 5px 5px;
     width: 100%; 
     color: #000;
}


textarea.pretinho {
     background: #fff;
     border: 1px solid #BBBDBC;
     margin-top: 10px;
     padding: 5px 5px;
     width: 100%; 
     color: #000;   }


input.chatt {
     background: #fff;
     border: 1px solid #BBBDBC;
     margin-top: 160px;
     padding: 5px 5px;
     width: 49%; 
     color: #000;
     margin-left: 118px; border-radius: 14px; z-index: 2050;
}



input.pretinho::-webkit-input-placeholder {  text-align: left; font-size: 13px;  color: #BBBDBC;  }
input.pretinho::-moz-placeholder {  text-align: left; font-size: 13px; color: #BBBDBC; }
input.pretinho:-ms-input-placeholder {  text-align: left; font-size: 13px;  color: #BBBDBC; }
input.pretinho:-moz-placeholder {   text-align: left; font-size: 13px;   color: #BBBDBC; }

textarea.pretinho::-webkit-input-placeholder { text-align: left; font-size: 13px;  color: #BBBDBC; }
textarea.pretinho::-moz-placeholder {   text-align: left; font-size: 13px;  color: #BBBDBC; }
textarea.pretinho:-ms-input-placeholder {  text-align: left; font-size: 13px;  color: #BBBDBC; }
textarea.pretinho:-moz-placeholder {   text-align: left; font-size: 13px;   color: #BBBDBC; }





button.pretinho {
    width: auto;    
    background: #1B9F39;
    border: none;
    padding: 10px; padding-left: 15px; padding-right: 15px;
    font-size: 16px;      
    color: #fff;
    margin-top: 5px;
    text-align: center;
    float: right;
    
   font-family: 'Work Sans', sans-serif;
    text-align: right; 
    border-radius: 18px;
}


button:hover.pretinho {
    width: auto;    
    background: #1B9F39;
    border: none;
    padding: 10px; padding-left: 15px; padding-right: 15px;
    font-size: 16px;        
    color: #ccc;
    margin-top: 5px;
    text-align: center;
    float: right;    
    text-decoration: underline;  
    font-family: 'Work Sans', sans-serif;
    text-align: right;
    border-radius: 18px;
} 





button.chatt {
    width: auto;    
    background: #485156;
    border: none;

    padding: 6px; 
    padding-left: 15px; 
    padding-right: 15px;

    font-size: 16px;      
    color: #fff;
    margin-top: 160px;
    text-align: center;
    float: right;    
    font-family: 'Work Sans', sans-serif;
    text-align: right; 
    border-radius: 18px;
    margin-right: 40px; z-index: 2050;
}


button:hover.chatt {
    width: auto;    
    background: #485156;
    border: none;

    padding: 6px; 
    padding-left: 15px; 
    padding-right: 15px;

    font-size: 16px;        
    color: #ccc;
    margin-top: 160px;
    text-align: center;
    float: right;    
    text-decoration: underline;  
    font-family: 'Work Sans', sans-serif;
    text-align: right;
    border-radius: 18px; 
    margin-right: 40px;
} 










.espacinho { padding-right: 2px; padding-left: 2px; }
.espaco { margin-top: 29px; }
.espaco_titulo { margin-bottom:  10px; }














.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;   }



.escolha { background: #E0D9D3; 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;  
         }




.page-scroll { transition: all .25s linear; }


.rodape { 
   background: #fff;
   width: 100%; 
   padding-top: 30px; 
   padding-bottom: 20px; 
   font-size: 13; 
   min-height: 200px; 
   border-bottom: 4px solid #1B9F39;
   background: url(../img/det_rodape.png) no-repeat center bottom;

    }


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

.pontinho { padding-left: 8px; }

ul#rodape { 
margin: 0; /* retira o recuo para alguns browsers */ 
padding:0; /* retira o recuo para outros browsers */ 
list-style-type: none; /* retira o marcador de listas*/
font-weight: 400; font-size: 13;
}

ul#rodape li a:link {
text-decoration: none; 
/* retira o sublinhado dos links */ 
font-size:13px; /* define o tamanho da fonte */ 
color:#24ABE3; /* define a cor da fonte */ 
font-weight: 400; 
font-size: 13 !important;
}


ul#rodape li a:hover {
font-size:13px; /* define o tamanho da fonte */ 
color:#24ABE3; /* define a cor da fonte */ 
font-weight: 400;  text-decoration: underline;font-size: 13;

}

ul#rodape li a:visited {
font-size:13px; /* define o tamanho da fonte */ 
color:#24ABE3; /* define a cor da fonte */ 
font-weight: 400; font-size: 13;

}





















.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%
}








.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; 
   }


.btn-default {
    color: #ccc;
    background-color: #fff;
    border-color: #fff;
}

.btn-default:hover {
    color: #999;
    background-color: #fff;
    border-color: #fff;
    text-decoration: underline;
}    

.certificado {
    background: url(../img/icone_certificado.png) no-repeat center left;
    padding-left: 49px;
    text-align: left;
    font-weight: 100;
    height: 42px;
    padding-top: 10px;
}


.especificacoes {
    background: url(../img/icone_especificacoes.png) no-repeat center left;
    padding-left: 49px;
    text-align: left;
    font-weight: 100; 
    height: 40px;
}

.tomada { margin-top: 30px; }



.box_branco { 
  width: 14px; 
  height: 14px; 
  border: 1px solid #000;
  background: #fff; 
  float: left;
  margin-right: 10px;
  margin-left: 15px;
  padding-bottom: 10px;
   margin-top: 3px; }

.box_preto { 
  width: 14px; 
  height: 14px; 
  border: 1px solid #000; 
  background: #000; 
  float: left; 
  margin-right: 10px; 
  margin-left:15px;  
  margin-top: 3px; }

.box_grafite { 
  width: 14px; 
  height: 14px; 
  border: 1px solid #000; 
  background: #4E5156; 
  float: left; 
  margin-right: 10px; 
  margin-left:15px;  
  margin-top: 3px; }

.box_prata { 
  width: 14px; 
  height: 14px; 
  border: 1px solid #000; 
  background: #B1B2B6; 
  float: left; 
  margin-right: 10px; 
  margin-left:15px;  
  margin-top: 3px; }

  .box_champagne { 
  width: 14px; 
  height: 14px; 
  border: 1px solid #000; 
  background: #A29A8F; 
  float: left; 
  margin-right: 10px; 
  margin-left:15px;  
  margin-top: 3px; }



 .maozinha { cursor: pointer; }





/* GERAL */
.centralizar {text-align: center;}
.esquerda {text-align: left;}
.esquerdafloat {float: 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;}
.margem30 { margin-top: 30px;}




.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: 'Roboto', 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; }



.cinza { background:    #485156  }
.setores {  }











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;
}






.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 {
  color: white;
}
footer h3 {
  margin-bottom: 30px;
}
footer .footer-above {
  padding-top: 50px;
  background: #fff;
  color: #00A0E0;
  font-size: 14px;
  font-family: "ingra",sans-serif;
  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-family: 'Roboto', sans-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: 0; list-style: none;
}




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




h1 {  font-family: 'Work Sans', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 38px;
      color: #217B61;
      text-align: center; 
      margin-top: 90px; 
      background: url(../img/img_titulo.jpg) no-repeat bottom center;
      padding-bottom: 15px;
      
    }



    h2 {  font-family: 'Work Sans', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 38px;
      color: #FFF;
      text-align: center; 
      margin-top: 90px; 
      background: url(../img/img_titulo.png) no-repeat bottom center;
      padding-bottom: 15px;
      
    } 


.style1 {
    font-size: 16px; 
    text-align: center;
    color: #1B9F39;  
    font-weight: 700; 
    font-family: 'Work Sans', sans-serif;
  }

.style2 {
    font-size: 16px; 
    text-align: center;
    color: #848587;  
    font-weight: 300; 
    font-family: 'Work Sans', sans-serif;
     margin-top: 5px;
  }











 .bt_cores {
      font-family: "prometo",sans-serif;
      font-size: 16px;
      color: #323237;
      font-weight: 500; 
      background: #EBEBEB;      
      padding-left: 5px;
      padding-right: 5px;
      width: 90%; 
      margin: 0 auto; margin-top: 15px;  
 }

 .bt_cores:hover {
      font-family: "prometo",sans-serif;
      font-size: 16px;
      color: #323237;
      font-weight: 500; 
      background: #ccc;      
      padding-left: 5px;
      padding-right: 5px;
      width: 90%; 
 }


.dados_produto {
      font-family: "prometo",sans-serif;
      font-style: normal;
      font-size: 16px;
      color: #323237;
      font-weight: 500;     
      padding-left: 5px;
      padding-right: 5px;
      width: 70%; 
      margin: 0 auto;  
 }




 .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: #000; font-size: 20px; font-family: "prometo",sans-serif; line-height: 35px; font-weight: bold;    }
a.link1:hover { color: #000; font-size: 20px; font-family: "prometo",sans-serif; line-height: 35px; font-weight: bold;  }
a.link1:active { color: #000; font-size: 20px; font-family: "prometo",sans-serif; line-height: 35px; font-weight: bold;    }


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;   }


a.link4{   color: #000;     }
a.link4:hover {   color: #000; text-decoration: underline;      }
a.link4:active { color: #000;    }
a.link4:focus { color: #000;    }

a.link5{   color: #fff;     }
a.link5:hover {   color: #fff; text-decoration: underline;      }
a.link5:active { color: #fff;    }
a.link5:focus { color: #fff;    }



.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 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: 'Roboto', sans-serif; color: #fff; font-size: 15px;  
}



.menu2 a:hover { 
background: url("../img/servicos/detalhe_rol.png") no-repeat left bottom;
color:#000000; 
font-family: 'Roboto', sans-serif; color: #FF8100; font-size: 15px;  
}



.skype { width: 50px; float: right; margin-right: 80px; }
.guapo { margin-top: 10px;  text-align: right; }


.margem_lat_menor {padding-right: 5px;}
















 /* QUEBRAR MENU ANTES */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}









































@media (max-width:1170px) {  


.empresa {
    background: none;
    background-size: auto;
    margin-top: 0px;
    height: auto;
    margin-bottom: 50px;
}



.capacidades { 
           background: url( ../img/capacidades.jpg ) no-repeat -380px center;
           background-size: auto;
          }


.base_zoom { margin-top: 10px; }


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






.zoom1 {        
    transition: transform .2s; /* Animation */
    width: 150px;
    height: 240px;
    margin: 0 auto;
    background: url( ../img/bolinha1.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #6C6C6C;
}



.zoom2 {        
    transition: transform .2s; /* Animation */
    width: 150px;
   height: 300px;
    margin: 0 auto;
    background: url( ../img/bolinha2.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #6C6C6C; 
}



.zoom3 {        
    transition: transform .2s; /* Animation */
    width: 150px;
    height: 305px;
    margin: 0 auto;
    background: url( ../img/bolinha3.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #6C6C6C;
}


.zoom4 {        
    transition: transform .2s; /* Animation */
    width: 150px;
     height: 305px;
    margin: 0 auto;
    background: url( ../img/bolinha4.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #6C6C6C;
}


.zoom5 {        
    transition: transform .2s; /* Animation */
    width: 150px;
     height: 305px;
    margin: 0 auto;
    background: url( ../img/bolinha5.png ) no-repeat  center center;
    background-size: contain;
    cursor:pointer;
    color: #6C6C6C;
}




.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: #1CA03A;
}



.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: #1CA03A;
}



.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: #1CA03A;
}



.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: #1CA03A;
}



.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: #1CA03A;
}





.ajuste_bolinha { margin-top: 40px; }






/* fundo navbar */
.navbar {
    position: relative;
    margin-bottom: 0px; 
    border: 0px solid transparent;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    float: none;
}

.isolamento{
    position: absolute;
    z-index: 1000;
    top: 1750px;    
}


.medidas{
    position: absolute;
    z-index: 1000;
    top: 2550px;    
}


.mobile { display: block }

.ancoragem { 
  padding-left: 131px;
  padding-right: 15%;
  padding-top: 223px;
  text-align: justify!important;  
  background: url( ../img/ancoragem2.png ) no-repeat ;
  padding-bottom: 60px; min-width: 130px;
   }


.box_banner {
    background: #ECB719;
    height: 125px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 13px;
    margin-bottom: 2px;
}


.margem_banner {
    margin-top: 0px;
}


/* fundo navbar */
.navbar {
    position: relative;
    margin-bottom: 0px; 
    border: 0px solid transparent;
    background-color: #363D41;
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.slide2 { margin-top: 10px; margin-bottom: 10px; }   

.casa {
    background: #91D8F5 no-repeat center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    padding-top: 58px; margin-bottom: 30px; padding-bottom: 30px;
}


.bt_casa1 { background:#BB6019; color: #fff;
   padding: 7px 8px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px; cursor: pointer; margin-top: 20px; }
   .bt_casa1:hover { background:#A13F17; color: #fff;
   padding: 7px 8px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px; cursor: pointer; margin-top: 20px; }


   .bt_casa2 { background:#CF0F57; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px; margin-top: 20px;   cursor: pointer; }
   .bt_casa2:hover { background:#A13F17; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px; margin-top: 20px;   cursor: pointer; }


   .bt_casa3 { background:#134C8B; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px;    cursor: pointer; margin-top: 20px; }
   .bt_casa3:hover { background:#0F2F5C; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px;    cursor: pointer; margin-top: 20px; }


   .bt_casa4 { background:#67236B; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px;    cursor: pointer; margin-top: 20px; }
    .bt_casa4:hover { background:#511B55; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px;   cursor: pointer; margin-top: 20px; }


   .bt_casa5 { background:#648D2B; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px; margin-top: 20px;   cursor: pointer; }
   .bt_casa5:hover { background:#547528; color: #fff;
   padding: 7px 9px; text-align: center;  font-weight: 400; 
   border-radius: 15px; width: 90%; left: 50%; margin-bottom: 15px; margin-top: 20px;    cursor: pointer;}



   .ficha { border-top: 1px solid #ACACAC; border-bottom: 1px solid #ACACAC; min-height: 100px; padding: 0px; margin-top: 60px; }







   .bt_margem  { margin-top: 15px; }
   .bt_margem1 { margin-top: 15px; }
   .bt_margem2 { margin-top: 15px; }



button.enviar {
    width: auto;
    background: #2C2E2D;
    border: 1px solid #2C2E2D;
    padding: 5px;
    font-size: 15px;
    color: #fff;
    margin-top: 42px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px; margin-bottom: 20px;
}

ul#rodape {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: 400;
    font-size: 13; margin-top: 10px;
}

.sem_padding { padding: 0px; margin-bottom: 10px;}
.marca { text-align: center; }


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




.coluna2 {
    border-left: none;
    padding-left: 0px;
    padding-right: 0px; margin-top: 50px;
}

.texto_empresa {
    padding-top: 40px;
    text-align: justify;
}


.detalhe {
     margin-top: 0px; 
}



.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; 
}


.barra_laranja {
    height: auto;
    background: #FF7E00;
}


.foto_produtos {
    background: none;
    background-color: #009CE0;
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 0px;
     height: auto; 
    margin-bottom: 30px;
}




input.contato_produto {
    background: transparent;
    border: 2px solid #EFEFEF;
    margin-top: 25px;
    padding: 5px 5px;
    width: 100%; 
    color: #000;
    text-align: center; 
}

button.amigo {
    width: 100%;
    background: #009FE3;
    border: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 13px;
    color: #fff;
    margin-top: 25px;
    text-align: center;
    
}

button.amigo:hover {
    width: 100%;
    background: #009FE3;
    border: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 13px;
    color: #fff;
    margin-top: 25px;
    text-align: center;
    
}

.bt_contato_produto {
    background: transparent;
    border: none;
    margin-top: 25px;
    padding: 5px 5px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;  float: left; margin-bottom: 20px;
}

.bt_contato_produto:hover {
    background: transparent;
    border: none;
    margin-top: 25px;
    padding: 5px 5px;
    width: 100%;
    color: #ccc;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;  float: left;  margin-bottom: 20px;
}





button.produtos2 {
    width: auto;
    background: #009FE3;
    border: none;
    padding: 10px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 13px;
    color: #fff;
    margin-top: 25px;
    text-align: center;
    float: left;
    margin-right: 0px;
    border-radius: 14px; margin-bottom: 15px;
}


input.rodape {
    background: transparent;
    border: 1px solid #2B2B2B;
    margin-top: 10px;
    padding: 5px 5px;
    width: 100%;
}

textarea.rodape {
    background: transparent;
    border: 1px solid #2B2B2B;
    margin-top: 10px;
    padding: 5px 5px;
    width: 100%;
}

.foto_qualidade { margin-top: 15px }
.dicas_qualidade { margin-top: 45px }


.guapo { margin-top: 5px;  text-align: center; }
.skype { width: 50px;  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;   }




.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: 'Roboto', 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 10px;
    color:#fff;
    font-size: 16px;
    font-weight: 100;
      border-color:#363D41;
    background: #363D41; 
}




.navbar-nav {
    margin: 0px 0px;
    color: #ca190e;  
   font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

.navbar-inverse .navbar-toggle {
    border-color:#363D41
    background: #363D41; 
    margin-right: 15px;
}


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

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

.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; 
}

/*fundo do menu no rollover*/

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

.linha1 {
    height: 300px;
}

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

h1 {  font-family: 'Work Sans', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 38px;
      color: #217B61;
      text-align: center; 
      margin-top: 20px; 
      background: url(../img/img_titulo.jpg) no-repeat bottom center;
      padding-bottom: 15px;
      
    }


.bolinhas {
    min-height: 580px;
    background: none;
    background-size: contain;
}


}
   
















   /* 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;
}