/* ------ 70 - 02/06/2017 ------------_-Joseafs---------------*/
/*@import url('https://fonts.googleapis.com/css?family=Lato');*/
/* ------------------- */
@font-face {
  font-family: 'Lato Black';
  font-style: normal;
  font-weight: 400;
  src:  url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src:  url(../fonts/Lato-Regular.woff2) format('woff2'),
        url('../fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  src:  url(../fonts/Slabo27px-Regular.woff2) format('woff2'),
        url('../fonts/Slabo27px-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Flaticon";
    src:url("../fonts/Flaticon.eot");
    src:url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Flaticon.woff") format("woff"),
      url("../fonts/Flaticon.ttf") format("truetype"),
      url("../fonts/Flaticon.svg#flat") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* ------------------- */
.fLato{font-family: 'Lato', sans-serif;}
.fLatoB{font-family: 'Lato Black', sans-serif;}
.fSlabo{font-family: 'Slabo 27px', serif;}
/* ------------------- */
*{
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}
strong, b{
    font-weight: 700;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
html,iframe, body{
    width: 100%;
    min-height: 100%;
}
body{background-color: #f0f0f0;}

a, a:visited, a:link{text-decoration: none!important;}
/* ------------------- */
[class*="-tp-arrow"]:before { content: "\f100"; }
[class*="-mail"]:before { content: "\f101"; }
[class*="-phone"]:before { content: "\f102"; }
[class*="-arrow"]:before { content: "\f103"; }
/*.flaticon-telephone:before { content: "\f102";}*/

[class*="fIcon-flat-"]{font-family: 'Flaticon'!important;}
/*[class*="fIcon-mat-"]{font-family: 'material-icons' ;}*/
/* ------------------- */
/* Cores */
.bgFirst{background-color: #f1ca3f!important;}
.bgSecond{background-color: #377e15!important;}

.cFirst{color: #f1ca3f!important;}
.cSecond{color: #377e15!important;}

.cGray83{color: #838383;}
::-webkit-scrollbar-thumb {background-color:rgba(241, 202, 63, .8);}
/* ------------------- */
/* Topo */
#hd-lg{
    position: absolute;
    left: 15px;
    top: -20px;
    width: 270px;
    padding: 35px 20px 35px 20px;
    box-shadow: 0 0 6px -1px #111;
    border-radius: 0 0 8px 8px;
    z-index: 9;
}
#hd-lg:hover{transform: translateY(8px);}
#hd-lg:active{transform: translateY(5px);}

#hd-menu .nav>li{padding: 10px; display: inline-block;}
#hd-menu .navbar{margin: 0;}
#hd-menu .nav a{position: relative!important; display: inline-block; letter-spacing: 3px; white-space: nowrap;}
#hd-menu .nav .dropdown a{white-space: normal;}
#hd-menu .nav a:focus, #hd-menu .nav a:hover, #hd-menu .nav .open>a, #hd-menu .nav .open>a:focus, #hd-menu .nav .open>a:hover{background: transparent!important;}
#hd-menu .nav>li>[class^="dropdown"] .linkMenu{padding: 10px;}

#hd-menu .nav>li>a:before, #hd-menu .nav>li>[class^="dropdown"] a:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #f1ca3f;
    opacity: 0;
    transform: translateY(6px);
    -webkit-transition-duration: .3s;
    -webkit-transition: all  ease-in-out .3s;
    transition: all  ease-in-out .3s;
    -moz-transition: all  ease-in-out .3s;
}
#hd-menu .dropdown .dropdown-menu{left: auto!important; right:0; min-width: 300px;}
/*#hd-menu .nav .dropdown .linkMenu{padding: 10px 0px 10px 20px;}*/
/*#hd-menu .nav .dropdown .arrowMenu{padding: 10px;}*/

#hd-menu .nav li:last-child .linkMenu{box-shadow: none!important;}

#hd-menu .nav>li>a:hover:before, #hd-menu .nav>li>[class^="dropdown"] a:hover:before {transform: translateY(0); opacity: 1;}

header.update{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    animation: hdUpd .6s ease-in-out normal;
    animation-fill-mode: forwards!important;
}

@keyframes hdUpd{
    from{transform: translateY(-100%);}
    to{transform: translateY(0%);}
}
/* ------------------- */
/* Banner */
.bx-wrapper{margin: 0;border: none;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{background-size: contain; opacity: .2; background-position: center center!important; }
.bx-wrapper .bx-prev{background-image: url(../img/arrow-left.svg);}
.bx-wrapper .bx-next{background-image: url(../img/arrow-right.svg);}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity: .6;}
.bx-wrapper .bx-prev:active, .bx-wrapper .bx-next:active{opacity: .8;}
/* ------------------- */
/* Itens Personalizados */
[class^="pers-title"]{position: relative;color: #000;}
.pers-title-left{padding: 0 0 0 30px;}
.pers-title-right{padding: 0 30px 0 0;}
[class^="pers-title"]:before{
    content: '';
    position:absolute;
    top: 100%;
    margin-top: 3px;
    background: #f1ca3f;
    width: 90px;
    height: 5px;
}
.pers-title-left:before{left:30px;}
.pers-title-right:before{right:30px;}

.pers-txt-left{padding: 30px 0 0 30px;}
.pers-txt-right{padding: 30px 30px 0 0;}
[class^="pers-img"]{}

[class^="pers-btn"]{
    box-shadow: inset 0 0 1px 1px #f1ca3f;
    border-radius: 14px;
    padding: 10px 40px;
    overflow: hidden;
    position: absolute;
    bottom: 4px;
    right: -15px;
    transform: translateX(100%);
    z-index: 9;
    outline: none!important;
    border: none;
    background: transparent;
}
[class^="pers-btn"]:hover{
    box-shadow: none;
    background-color: rgba(0,0,0, .3);
    color: #fff!important;
}

.pers-btn-right{
    right: auto;
    left: -15px;
    transform: translateX(-100%);
}

[class^="pers-topic"]{
    position: relative;
    padding: 18px 0 18px 50px;
}
[class^="pers-topic"]:before{
    font-family: "Flaticon";
    content: '\f100';
    color: #377e15;
    position:absolute;
    font-size: 1.8rem;
    left:0;
    top: 50%;
    width: 31px;
    height: 31px;
    transform: translateY(-50%);
}
.pers-topic-right{padding: 18px 50px 18px 0px;}
.pers-topic-right:before{
    left: auto;
    right:0;
    transform: rotateY(180deg) translateY(-50%);
}
.pers-form input, .pers-form textarea, .pers-form select{
    background: transparent!important;
    color: #fff!important;
}
#btn-scroll-top{
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    outline: none!important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: .3s;
    -webkit-transition: all  ease-in-out .3s;
    transition: all  ease-in-out .3s;
    -moz-transition: all  ease-in-out .3s;
    z-index: 99999;
}
#btn-scroll-top.update{
    opacity: 1;
    visibility: visible;
}
#btn-scroll-top.updt-bottom{
    bottom: 80px;
    right: 10px;
}
#btn-scroll-top .fIcon-flat-arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(90deg)!important;
    -webkit-transform: translate(-50%, -50%) rotate(90deg)!important;
    -o-transform: translate(-50%, -50%) rotate(90deg)!important;
    transform: translate(-50%, -50%) rotate(90deg)!important;
    font-size: 1.4rem;
}

/* ------------------- */
/* Slick Carousel */
.slick-carousel{padding: 0 30px 0 30px;}
.slick-carousel .item{
    display: inline-block;
    margin: 5px;
}
.slick-carousel .slick-arrow:before{font-family: "Flaticon"!important; display: inline-block; color: #000;}
.slick-carousel .slick-arrow{
    opacity: .2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 40px;
    z-index: 9;
    background: #f1ca3f;
    border-radius: 5px;
    
    -webkit-transition-duration: .3s;
    -webkit-transition: all  ease-in-out .3s;
    transition: all  ease-in-out .3s;
    -moz-transition: all  ease-in-out .3s;
}
.slick-carousel:hover .slick-arrow{opacity: .9;}
.slick-carousel .slick-arrow.slick-prev{left:0!important;}
.slick-carousel .slick-arrow.slick-next{right:0!important;}
.slick-carousel .slick-arrow.slick-next:before{transform: rotateY(180deg)!important;}

.slick-dots{left: 0;}
.slick-dots li{width: auto;height: auto;}
.slick-dots button{
    background-color: rgba(0,0,0, .6)!important;
    border-radius: 50%;
    width: 10px!important;
    height: 10px!important;
}
.slick-dots .slick-active button{background-color: #f1ca3f!important;}
.slick-dots button:before{content: ''!important;}

/* ------------------- */
/* Home */

#contato .letter-spc{letter-spacing: .2rem;}
/* ------------------- */
/* Efeito */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.sentMail{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    transform: translateY(100%);
}
.sentMail.active{opacity: 1;transform: translateY(0);}
/* ------------------- */
/* Responsivo */
@media all and (min-width: 768px){
    header.update #hd-lg{width: 180px;padding: 30px 8px 10px 8px;}
    header.update #hd-menu .navbar{ min-height: 0; padding: 2px;}
    header.update #hd-menu .nav>li{padding: 1px;}
    header.update .navbar-header a{font-size: .6rem!important; padding: 10px;}
    header.update #hd-atendimento{padding: 0px}
    header.update #hd-atendimento i{ font-size: 1.2rem!important; padding-right: 8px}
    header.update #hd-atendimento span{ font-size: .9rem!important; padding-left: 8px;}
    #hd-menu .nav .dropdown:hover .dropdown-menu{display: block!important; margin: 0;}
}
@media all and (max-width: 991px){
    
    #hd-lg{width: 160px;padding: 50px 5px 40px 5px;}
    #quem-sou .lineH32{line-height: 1.6rem;}
    #servicos .lineH32{line-height: 1.6rem;}

    [class^="pers-btn"]{
        position: relative;
        padding: 16px 0;
        bottom: auto;
        right: auto;
        left: auto;
        transform: none;
        z-index: 9;
    }
    .slick-carousel{padding: 0;}
    [class^="pers-title"]{padding: 0!important;}
    .pers-title-left:before{left: 0!important;}
    .pers-title-right:before{right: 0!important;}
    [class^="pers-txt"]{padding: 0;}
    [class^="pers-img"]{padding: 47px 0 30px 0!important;}
}
@media all and (max-width: 767px){
    
    body.hd-menu-open{overflow-y: hidden;}
    #hd-menu .bgDark, #hd-menu.bgDark{background: transparent!important;}
    #tg-menu{
        height: 0;
        background-color: rgba(255,255,255,.97)!important;
        opacity: 0;
        width: 100%;
        position: fixed;
        top: 0;
        overflow: auto;
        z-index: 99;
        padding-top: 50px!important;
    }
    #tg-menu.collapse.in{
        opacity: 1;
        height: 100vh!important;
    }
    header .navbar-header a{color: #000!important;}
    
    #hd-menu .nav .dropdown-menu{border: none!important; box-shadow: none!important; font-size: .7rem!important;}
    #hd-menu .nav .linkMenu{box-shadow: 0 2px 0px -1px #000!important;}
    #hd-menu .navbar-header>li:last-child .linkMenu{box-shadow: none!important;}

    /*#tg-menu{display: block!important;}*/
    
    #hd-lg{width: 130px;padding: 25px 5px 10px 5px;}
    #tg-menu>ul{padding-top: 20px!important;}
    #hd-menu ul{width: 100%; text-align: center;}
    #hd-menu .nav li{
        margin: 1px 0; 
        display: inline-block; 
        width: 100%;
        padding: 0;
    }
    #hd-menu .nav>li:last-child a{box-shadow: none;}
    #hd-menu .nav>li>[class^="dropdown"]{position: relative;}
    #hd-menu .nav .linkMenu{
        width: 100%;         
        box-shadow: 0 2px 0px -1px #fff;
    }
    #hd-menu .nav a{padding: 25px!important;}
    /*#hd-menu .nav .dropdown .linkMenu{padding-right: 40px;}*/
    
    #hd-menu .nav .dropdown .arrowMenu{
        position: absolute!important;
        right: 0px;
        top: 0px;
    }
    #hd-menu .nav .dropdown a{white-space: normal;}
    #hd-menu .nav>li>a:before, #hd-menu .nav>li>[class^="dropdown"] a:before{height: 4px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1){
    ::i-block-chrome, #tg-menu.collapse.in{
        height: 100%!important;
    }
}