/*geral*/
body{overflow-x: hidden; padding:0;}
.container-fluid{padding: 0}
header{background-image: url("../images/fundo-topo.png"); height: 145px;  z-index: 1000; position:relative;}
.navbar{background-color: transparent!important;}
.nav-link{font-family: 'Montserrat-Bold'; text-transform: uppercase; color: #fff!important; font-size: 13px}
.nav-link:hover{color: #000!important;}
.nav-item{padding-right: 5px; padding-left: 5px;}
.navat{color: #000!important;}
footer{ background-color: #1C1C1C; color: #fff; box-shadow: 0 0px 20px 0px #333;}
footer a{color: #fff}
footer a:hover{color: #fff; text-decoration: underline;}
footer p,li{font-family: 'Stellar-Regular'; font-size: 15px}
footer small{font-family: 'Stellar-Regular'; font-size: 13px}
footer h6{font-family: 'Lumberjack Rough'; font-size: 34px}
.icob{ padding-bottom: 25px; padding-right: 5px; float: left;}
.whatsapp {position: fixed; width: 68px; height: 67px; bottom: 100px; right: 8px; color: #fff; text-align: center; z-index: 100 }
.whatsapp:hover{color: #fff;}
.my-whatsapp {margin-top: 16px}

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

@font-face {
    font-family: 'Lumberjack Rough';
    src: url('../fonts/LumberjackRough.eot');
    src: url('../fonts/LumberjackRough.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LumberjackRough.woff2') format('woff2'),
        url('../fonts/LumberjackRough.woff') format('woff'),
        url('../fonts/LumberjackRough.ttf') format('truetype'),
        url('../fonts/LumberjackRough.svg#LumberjackRough') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stellar-Light';
    src: url('../fonts/Stellar-Light.eot');
    src: url('../fonts/Stellar-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stellar-Light.woff2') format('woff2'),
        url('../fonts/Stellar-Light.woff') format('woff'),
        url('../fonts/Stellar-Light.ttf') format('truetype'),
        url('../fonts/Stellar-Light.svg#Stellar-Light') format('svg');
    font-weight: 200;
    font-style: normal;
}

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

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Thin';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Stellar-Medium';
    src: url('../fonts/Stellar-Medium.eot');
    src: url('../fonts/Stellar-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stellar-Medium.woff2') format('woff2'),
        url('../fonts/Stellar-Medium.woff') format('woff'),
        url('../fonts/Stellar-Medium.ttf') format('truetype'),
        url('../fonts/Stellar-Medium.svg#Stellar-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

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


@font-face {
    font-family: 'Myriad Pro-Regular';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Preloader */
.pre-loader { 
    background-color:#FC8C00;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000;
    z-index: 99999999;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.pre-loader div {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    top: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    margin: -25px auto 0 auto;
    display: block;
    
    border-top: 2px solid rgba(0,0,0, 0.2);
    border-right: 2px solid rgba(0,0,0, 0.2);
    border-bottom: 2px solid rgba(0,0,0, 0.2);
    border-left: 2px solid #FFF;
    
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform:  translateY(50%);
    -webkit-animation: load9 1.1s infinite linear;
    animation: load9 1.1s infinite linear;
}
.pre-loader div,
.pre-loader div:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
@-webkit-keyframes load9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*principal*/
.ch{margin-top: -35px;}
.carousel-indicators li {  width: 12px;  height: 12px;  border-radius: 100%;}
.card{border-radius: 0; border:0;}
.card-img{border-radius: 0}
.card h2{font-family: 'Montserrat-Bold'; font-size: 30px; text-transform: uppercase;}
.boxhome{background-image:url("../images/fundo-home-baixo.png"); background-position: left bottom; background-repeat: no-repeat; }
.boxhome p{font-family: 'Montserrat-Thin'; font-size: 13px; font-weight: 700 }
.tithome h1{font-family: 'Lumberjack'; font-size: 73px; text-transform: uppercase;}
.tithome h1 b{color: #EA5B31; font-weight: 400;}
.tithome span{font-size: 10px; margin-top: 30px; float: right;}
.column#caption {position: relative;}
.column#caption .text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; opacity: 1; transition: all 0.8s ease;}
.column#caption .text h2 {margin: 0; color: white;}
.column#caption:hover .text {opacity: 0;}
.column#caption:hover img {-webkit-filter: sepia(75%);}
.column#caption .texta{opacity: 0;}
.column#caption:hover .texta {opacity: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); z-index: 10; transition: all 0.8s ease;}
.quem{ background-image: url("../images/fundo-quemsomos.png"); background-repeat: no-repeat; background-position: right -80px center }
.quem h1{font-family: 'Lumberjack Rough'; text-align: center; font-size: 60px; padding-bottom: 40px; text-decoration: underline;}
.quem h2{font-family: 'Lumberjack Rough'; font-size: 28px}
.quem h3{font-family: 'Montserrat-Regular'; font-size: 18px}
.quem h4{font-family: 'Lumberjack Rough'; font-size: 80px}
.quem p{font-family: 'Stellar-Regular'; font-size: 21px;}
.btn-warning{font-family: 'Stellar-Medium'; color: #fff; text-transform: uppercase; font-size: 32px; background-color: #E94E21; border:0; padding: 5px 0 15px 0; border-radius: 15px}
.btn-warning:hover{color: #fff; background-color: #EE734F;}
.btn-envia{text-transform: initial; padding:0 15px 8px 15px; font-size: 23px; border-radius: 10px}
.servico{background-image: url("../images/fundo-servico.png"); background-repeat: no-repeat; background-position: top center }
.servico h1{font-family: 'Lumberjack Rough'; text-align: center; font-size: 60px; padding-bottom: 40px; text-decoration: underline;}
.servico h2{font-family: 'Lumberjack Rough'; color: #E74E21}
.servico h3{font-family: 'Lumberjack Rough'; font-size: 48px; line-height: 30px; color: #E74E21}
.servico h3 span{font-family: 'Myriad Pro-Regular'; font-size: 19px; color: #4A5156}
.servico p{font-family: 'Stellar-Regular'; font-size: 20px;}
.box{background-color: #EE5A26; padding: 15px; margin-top: 5px; margin-bottom: 5px; height: 400px}
.box small{font-family: 'Montserrat-Regular'; font-size: 11px; color: #fff}
.box h4{font-family: 'Montserrat-Bold'; color: #fff; font-size: 18px}
.port{background-image: url("../images/fundo-port.png"); background-repeat: no-repeat; background-position: top center; }
.port h1{font-family: 'Lumberjack Rough'; text-align: center; font-size: 60px; padding-bottom: 10px; text-decoration: underline;}
.port p{font-family: 'Stellar-Regular'; font-size: 26px; text-align: center;}
.clientes{background-image: url("../images/fundo-cliente.png"); background-repeat: no-repeat; background-position: top 250px left; }
.clientes h1{font-family: 'Lumberjack Rough'; text-align: center; font-size: 60px; padding-bottom: 10px; text-decoration: underline;}
.depoimentos{background-image: url("../images/fundo-depoimento.png"); background-repeat: no-repeat; background-position: top right;}
.depoimentos h1{font-family: 'Lumberjack Rough'; text-align: center; font-size: 60px; padding-bottom: 10px; text-decoration: underline;}
.contato{background-image: url("../images/fundo-contato.png"); background-repeat: no-repeat; background-position: center center;}
.contato h1{font-family: 'Lumberjack Rough'; text-align: center; font-size: 60px; padding-bottom: 40px; text-decoration: underline;}
.form-control{border-radius: 15px; border: 1px solid #808080; border-left: 0}
.f-c{border-radius: 15px; border-left: 1px solid #808080;}
.input-group-text{background-color: #fff; border-radius: 15px 0 0 15px; border: 1px solid #808080;}
.blog{background-image: url("../images/fundo-blog.png"); background-repeat: no-repeat; background-position: bottom center;}
.blog h1{font-family: 'Lumberjack Rough'; text-align: center; font-size: 60px; padding-bottom: 40px; text-decoration: underline;}
.blog h3{font-family: 'Montserrat-Bold'; font-size: 38px;}
.blog h4{font-family: 'Montserrat-Bold'; font-size: 70px; line-height: 20px}
.blog h4 span{font-size: 16px;}
.blog p{font-family: 'Montserrat-Regular'; font-size: 17px}
.blog li{font-family: 'Montserrat-Regular'; font-size: 17px}
.blockblog{padding: 0; background-color: #fff}

.logt{margin-top: -14px}

/*medias*/

@media (max-width: 1440px) { 
.card h2{font-size: 28px; }
.whatsapp {bottom: 300px;}
.servico{background-size:1440px;}
.port{background-size:1440px; }
.depoimentos{background-size:1440px;  background-position: bottom right;}
.blog{background-size:1440px;}
}

@media (max-width: 1366px) { 
.servico{background-position: top 0px right }
.servico{background-size:1366px;}
.port{background-size:1366px; }
.blog{background-size:1366px;}
.card h2{font-size: 25px;}
}

@media (max-width: 1280px) {
.servico{background-size:1280px;}
.port{background-size:1280px; }
.blog{background-size:1280px;}
}

@media (max-width: 1024px) { 
.nav-link{font-size: 11px}
.nav-item{padding-right: 1px; padding-left: 1px;}
.card h2{font-size: 24px; }
.tithome h1{font-size: 60px;} 
.quem{ background-image: none; }
.box{height: 300px}
.servico{background-size:1024px;}
.port{background-size:1024px; }
.depoimentos{background-size:1180px; background-position: bottom right -50px;}
.blog{background-size:1024px;}
}

@media (max-width: 768px) { 
header{background-image: none; height: auto; background-color: #FC8C00}
.navbar{text-align: center;}
.nav-link{font-size: 16px}
.nav-item{padding-right: 0px; padding-left: 0px;}
.card h2{font-size: 17px; }
.tithome h1{font-size: 45px;} 
.tithome span{margin-top: 18px;}
.quem h2{font-size: 22px}
.quem h4{font-size: 50px}
.servico h2{font-size: 22px}
.servico{background-size:768px;}
.port{background-size:768px; }
.depoimentos{background-size:768px; background-position: bottom left;}
.blog{background-size:768px;}
.blog p{font-size: 14px}
.blog h3{font-size: 34px;}
.logt{margin-top: 10px; margin-bottom:10px}
}

@media (max-width: 767px) {
.ch{margin-top: 0px;}
.tithome h1{font-size: 40px;} 
.tithome span{display: none;}
.quem h1{font-size: 40px;}
.quem h2{font-size: 30px}
.quem h3{font-size: 16px}
.quem p{font-size: 20px;}
.quem h4{font-size: 60px}
.servico h1{font-size: 40px;}
.box{height: auto;}
.border-right{border-right: 0!important}
}

@media (max-width: 480px) {
.card h2{font-size: 24px; }
.depoimentos h1{font-size: 50px;}
}