body{
    background-color: #FFFFFF !important;
    color:#162623 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight:400;
    margin-bottom: 0px !important;
}


.fcor1{color:#162623 !important;}
.fcor2{color:#f9760b !important;}
.fcor3{color:#003333 !important;}
.fcor4{color:#ffb771 !important;}
.fcor5{color:#FFFFFF !important;}


.bgcor1{background-color:#002727 !important;}
.bgcor2{background-color:#f9760b !important;}
.bgcor3{background-color:#003333 !important;}
.bgcor4{background-color:#FFFFFF !important;}
.bgcor5{background-color:#ffb771 !important;}
.bgcor6{background-color:#f94e0b !important;}




.bold{
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
}
.light{
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
}


#header {
    margin-bottom: -40px !important;
    border-bottom: 1px solid #ffb771;
    background-color: #162623 !important;
    z-index: 1000 !important;
    position: fixed;
    width: 100%;
    height: 90px;
}

.social, .social a{  
    font-size: 28px !important;
    color: #ffb771;
    text-decoration: none;
    margin-top: 3px;
    text-align: right;
  }

#fixheader {
    margin-bottom: 90px !important;
    width: 100%;
    height: 120px;
    }
 .nopad{
    padding: 0 0 0 0!important;
 }

 .navbar-default {
    background-color: #162623 !important;
    border: none !important;
    color:#ffb771;
}

 .nopadright{
    padding-right:0 !important;
    padding-left:0 !important;

 }
 .nopadleft{
    padding-left:0 !important;
    padding-right:0 !important;

 }
 .tbar{
    background-color: #162623;
    border-bottom:1px solid #ffb771;
 }
    /*MENUS LATERAL*/
    .icones{
    width: 80px !important;
    height: auto !important;
    margin-right: -42px;
    z-index: 30;
    }
    .media{
    display: flex !important;
    margin-top: 13px;
    margin-bottom: 25px;      
    }

    .bgtitle{
        background: linear-gradient(90deg, rgba(24,44,104,1) 0%, rgba(24,44,104,0) 100%);
        padding-left: 55px;
        margin-top: 12px;
    }

    .bgtopo{
        background-image: url(../images/bgtopo.png);
        background-size: cover;
        background-repeat: no-repeat;
        height:100vh !important;
        background-position: 50% 0 !important;
        z-index: 900 !important;
        padding-top: 50px !important;
        margin-top: 80px !important;
    }

    .bgworker{
        background-image: url(../images/bgworker.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        min-height:65vh !important;
        background-position: left center !important;
        z-index: 50 !important;
    }


    .bgsocialbar{
        background-color: rgba(0, 51, 51,0.7);
        border-right: 2px solid #f9760b;
        margin-top: -160px;
        z-index: 300 !important;
        padding: 50px 0;
        height: 130px;
        color:#FFFFFF;
    }

    .cta1{
        text-align:right;
        
    }

    .cta5{
        font-size: 21px;
        font-weight: bold !important;
    }

    .cta{
        font-size: 40px !important;
        font-weight: bold !important;
    }

    .cta2{
        font-size: 28px;
    }

    .cta4{
        line-height: 35px;
        text-align: justify;
        margin-bottom: 15px;
    }

    .bgsocialbar a {
        color: #ffb771;
      }

    .vertical-align {
        display: flex;
        align-items: center;
    }

    .fade {
        width: 100%;
        height: 50px;
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        position: relative;
        top: -76px;
        z-index: 1000 !important;
        margin-bottom: -80px;
    }

    .btnw{
        padding: 15px 26px !important;
border-radius: 50px;
    }
.sftborder{border-top: 1px solid #001450 !important;}
.half-row{padding:90px 0;}
.cta{font-size:35px; font-weight:bold;}

.le {
    padding-right: 71px;
  }

  #footer{
    position: relative !important;
  }

  .bartop {
    height: 80px;
    border-top: 2px solid #f94e0b;
    margin-bottom: 135px;
}

    .mgs{
    margin-top: 90px;
    margin-bottom: 90px;
}

    .ft{
        margin-top:-55px;
    }
    .ttop{
        padding: 28px;

    }

    
    /*top menu*/


    .navbar-default .navbar-nav>li>a {
        color: #FFF !important;
        font-family: 'Montserrat', sans-serif;
        font-weight:700;
        text-transform: uppercase;
    }

    /*baixo*/

    .bgwood{
        background-image: url(../images/bgwood2.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        overflow: hidden !important;
    }

    .block {
        border-radius: 15px 0 0 15px;
        padding: 22px;
    }

    .fix-img {
        max-width: 220px;
    }

    .slider {
        width: 95%;
        height: 282px;
        margin: 0 auto;
      }
      
      .slick-slide {
        border: none;
        border-radius: 12px;
        overflow: hidden;
        margin: 3px ;
    }
    .slick-slide img {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        box-shadow: rgba(0, 0, 0, 0.75) 0px 13px 27px -5px, rgba(0, 0, 0, 0.8) 0px 8px 16px -8px;
}

.img-responsive{
    width: 100% !important;
    height: auto !important;
}

.clt{margin-top:147px !important;}

.fto {
    position: absolute;
    bottom: 0 !important;
    width: 100%;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: #f94e0b !important;
    border-radius: 11px;
}
    




 /* Estilos para telas extra pequenas (menor que 576px) */
@media (max-width: 575.98px) {
    /* Exemplo: ocultar um elemento em telas extra pequenas */
    .bgtopo{padding-top: 50px !important;height: 50vh !important;margin-top:0;margin-bottom: 30px; }
    .navbar-toggle {
        position: absolute;
        top: 12px;
        left: 40px;
      }
      .bgworker{background-size: cover;background-image: none;}
      .logo{width: 130px;}
      .ttop {text-align: center; }
      .cta5{font-size: 15px;}
      .half-row{padding:20px 0;}
      .entry-header {margin-top: 91px;}     
      
  }
  
  /* Estilos para telas pequenas (576px ou mais) */
  @media (min-width: 576px) {
    /* Exemplo: definir largura de uma coluna em telas pequenas */
    .bgtopo{padding-top:155px !important;height:98vh !important;margin-top:0;}
    .navbar-toggle {
        position: absolute;
        top: 12px;
        left: 40px;
      }
      .bgworker{background-size: cover; background-image: none;}
      .logo{width: 130px;}
      .ttop {text-align: center; }
  }
  
  /* Estilos para telas médias (768px ou mais) */
  @media (min-width: 762px) {
    /* Exemplo: alterar cor de fundo em telas médias */
    .logo{width:155px;}
    .bgtopo{padding-top: 110px !important;height: 92vh !important;margin-top:0;}
    #main-navigation{margin-top: 0;}
    .bgworker{background-size: cover;}
    .ttop {text-align: center; }
    }
  
  /* Estilos para telas grandes (992px ou mais) */
  @media (min-width: 992px) {
    /* Exemplo: definir altura de um elemento em telas grandes */
    .logo{width:180px !important;}
    .bgtopo{padding-top:26px !important;height:90vh !important;margin-top:0;}
    
  }
  
  /* Estilos para telas extra grandes (1200px ou mais) */
  @media (min-width: 1200px) {
    /* Exemplo: alterar fonte em telas extra grandes */    

    .bgtopo{padding-top: 36px !important;height: 95vh !important;margin-top:0;}
    .bgworker{background-size: cover;}
  }
 
  
  
  /* Estilos para telas extra extra grandes (1400px ou mais) */
  @media (min-width: 1400px) {
    /* Exemplo: definir margem em telas extra extra grandes */
    .bgtopo{padding-top: 65px !important;height: 100vh !important;margin-top:0;}
    .bgworker{background-size: cover;}
      
    }