@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* CSS Document */
*{margin:0px; padding:0px; font-family:"Open Sans", sans-serif;}
a{text-decoration:none; color:#535353;}
img{border:0;}
ul{ list-style:none;}
img{max-width:100%; height:auto; display:block;}
.clear{clear:both;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}
.no-padding{padding:0px;}
.float-left{float:left !important;}
.float-right{float:right !important;}

.radius{border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.transition{transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.gotop{width:50px; height:50px; position:fixed; bottom:0px; right:0px; font-size:20px; background:#131313; color:#fff; text-align:center; border:0; display:none;}

body{min-width:980px; max-width:1343px; margin: 0 auto !important;}
html, body {width:100%; height:100%; font-size:14px; font-weight:400;}

.bg_faixa{width:80%; min-height:40px; height:auto; position:relative; float:left; z-index:9; background:#0a0a4c; padding:0 10%;}
.bg_top{width:80%; min-height:100px; height:auto; position:relative; float:left; z-index:9; background:#fff; padding:0 10%;}
.bg_banner{width:100%; height:auto; position:relative; float:left; z-index:0; background:#eee; padding:0;}
.bg_conteudo{width:80%; height:auto; position:relative; float:left; z-index:0; padding:0 10%;}
.bg_rodape{width:80%; height:auto; position:relative; float:left; z-index:0; background:#0a0a4c; padding:0 10%;}
.direitos{width:80%; height:auto; position:relative; float:left; z-index:0; background:#fff; margin:10px 0px; padding:0 10%;}

.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin:0px 0px 0px -490px; background:#fff;}

.bg_faixa .centralizar, .bg_rodape .centralizar, .direitos .centralizar{ background:none; }

/*FAIXA*/
.tel{position:relative; float:right; line-height:40px; color:#fff; font-size:14px; font-weight:bold;}
.tel a{position:relative; float:left; margin:0px 0px 0px 30px; color:#fff;}
.tel i, .tel strong{font-size:16px;}

.wts i{background:url(../imagens/bg-whats.png) center center no-repeat; background-size:100%; color:#fff;}

/*TOPO*/
.logo{width:300px; height:auto; position:absolute; top:10px; left:10%; z-index:99999999;}

.bt_whatsapp{margin:5px 0px 5px 30px !important; height:30px; padding:0px 10px; background:#093; color:#fff; text-align:center; font-weight:400; line-height:30px;}

@keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(37,211,102,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.1);}
}

@-moz-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(37,211,102,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.1);}
}

@-ms-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(37,211,102,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.1);}
}

@-o-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(37,211,102,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.1);}
}

@-webkit-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(37,211,102,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(37,211,102,0.1);}
}

.efeito{
-webkit-animation: fade 1s infinite; /* Safari 4+ */
-moz-animation: fade 1s infinite; /* Fx 5+ */
-ms-animation: fade 1s infinite; /* Fx 5+ */
-o-animation: fade 1s infinite; /* Opera 12+ */
animation: fade 1s infinite; /* IE 10+, Fx 29+ */
}

.efeito:hover{
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
}

/*BANNER*/
#banner{padding:0px; margin:0px;}
#banner .b-item{width:100%; height:auto; max-height:509px; position:relative; float:left;}
#banner .img_banner{position:relative; float:left; top:0px; left:0px; z-index:0;}
#banner .desc_banner{position:absolute; top:10%; left:40%; padding:20px;}
#banner h1{font-size:24px; margin:0px 0px 10px 0px;  color:#fff;}
#banner h2{font-size:14px; font-weight:400; color:#fff;}
#banner h2 span{font-size:24px; font-weight:bold; color:#f00;}

/*CONTEUDO*/
.text div, .bg_rodape ul{position:relative; float:left; height:auto;}
.text h1{font-size:20px; color:#0a0a4c; margin:0px 0px 20px 0px; font-weight:800;}
.text h2{font-size:18px; color:#535353; margin:0px 0px 20px 0px; font-weight:400;}
.text p{font-size:14px; color:#535353; margin:0px 0px 20px 0px; font-weight:300;}
.text .obs{padding:10px; background:#eee;}
.text a{color:#0a0a4c; font-weight:600;}

.col1{width:100%;}

.col2{width:47%; padding:1%;}
.col2:nth-child(1){margin-right:2%;}

.col3{width:30%; margin-right:2%; margin-bottom:2%; padding:1%;}
.col3:nth-child(3n + 3){margin-right:0;}

.col4{width:21.5%; margin-right:2%; padding:1%;}
.col4:nth-child(4){margin-right:0;}

.col6{width:13%; margin-right:2%; padding:1%;}
.col6:nth-child(6){margin-right:0;}

.col12{width:4.5%; margin-right:2%; padding:1%;}
.col12:nth-child(12){margin-right:0;}

.box_home{height:330px !important; background:#eee;}
.box_home img{margin-bottom:20px;}
.box_home:hover{background:#0a0a4c;}
.box_home:hover h2, .box_home:hover p, .box_home:hover p a{color:#fff;}

.galeria{width:32%; margin-left:2%; position:relative; float:left;}
.galeria video{width:98%; height:auto; position:relative; float:left; margin:1%;}
.galeria .lightgallery{width:100%; height:auto; position:relative; float:left;}
.galeria img{width:31.33%; height:auto; position:relative; float:left; margin:1%;}
.galeria2 img{width:14.66666666666667%; height:auto; position:relative; float:left; margin:1%;}

.desc{width:64%; padding:1%; position:relative; float:left;}

.parent{width:100%; height:120px; position:relative; float:left; overflow:hidden;}

.img_frota{min-width:100%; min-height:100%; width:100%; height:100%; position:relative; float:left; background-position: center; background-repeat:no-repeat;   background-size:cover;}

.parent:hover .img_frota, .parent:focus .img_frota {transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2);}

.parent::before {display:none; content:""; height:100%; width:100%; position:absolute; background-color:rgba(0, 0, 0, 0.75); z-index:9999;}

.parent:hover:before, .parent:focus:before { display:block;}

/*RODAPE*/
.bg_rodape ul .titulo{font-size:18px; font-weight:400;}
.bg_rodape ul li, .bg_rodape ul li a{color:#fff;}
.bg_rodape ul li span{font-size:10px; font-weight:300;}
.bg_rodape ul li i{font-size:16px;}

/*DIREITOS*/
.direitos p{width:100%; height:auto; font-size:10px; position:relative; float:left;}
.impactosnet{width:70px; position:relative; float:left;}

/*FORMULARIO*/
.formulario{height:auto; position:relative; float:left;}
.formulario .contato{width:calc(100% - 40px); height:auto; position:relative; float:left; background:#fff; padding:20px;}

.formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin:0px 0px 5px 0px;}
.formulario .esp_campo2{width:calc(50% - 10px); height:auto; position:relative; float:left;}
.formulario .esp_campo2:nth-child(2){margin-left:20px;}

.formulario label{width:100%; height:auto; position:relative; float:left; margin:0px 0px 5px 0px; font-size:16px; color:#535353;}
.formulario label b{font-weight:normal;}

.formulario .input{width:calc(100% - 10px); height:auto; position:relative; float:left; padding:5px; border:0; border-bottom:3px solid #ddd; outline:none;}

.formulario .refresh{width:100px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px; background:#eeeeee; background-image:linear-gradient(#eee, #ddd); border:2px solid; border-top-color:#dddddd; border-right-color:#898989; border-bottom-color:#898989; border-left-color:#dddddd; line-height:28px; text-align:center; cursor:pointer; outline:none;}

.formulario .refresh:active{width:100px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px; background:#eeeeee; background-image:linear-gradient(#ddd, #eee); border:2px solid; border-top-color:#898989; border-right-color:#dddddd; border-bottom-color:#dddddd; border-left-color:#898989; line-height:28px; text-align:center; cursor:pointer; color:#ccc; outline:none;}

.formulario .captcha{width:70px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px;}
.formulario .codigo{width:100px; height:auto; position:relative; float:left; padding:5px; border:0; border-bottom:3px solid #ddd; outline:none;}
.formulario .select{width:100%; height:auto; position:relative; float:left; padding:5px; border:0; border-bottom:3px solid #ddd; outline:none;}
.formulario .textarea{width:calc(100% - 10px); height:auto; position:relative; float:left; padding:5px; border:0; border-bottom:3px solid #ddd; outline:none;}

.formulario .input, .formulario .select, .formulario .textarea, .formulario .codigo {background:#eee;}

.formulario .bt_enviar{width:100px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px; background:#eeeeee; background-image:linear-gradient(#eee, #ddd); border:2px solid; border-top-color:#dddddd; border-right-color:#898989; border-bottom-color:#898989; border-left-color:#dddddd; line-height:28px; text-align:center; cursor:pointer; outline:none;}

.formulario .bt_enviar:active{width:100px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px; background:#eeeeee; background-image:linear-gradient(#ddd, #eee); border:2px solid; border-top-color:#898989; border-right-color:#dddddd; border-bottom-color:#dddddd; border-left-color:#898989; line-height:28px; text-align:center; cursor:pointer; color:#ccc; outline:none;}

@media only screen and (max-width:995px) {
.galeria{width:100%; margin-left:0; position:relative; float:left;}
.galeria video{width:98%; height:auto; position:relative; float:left; margin:1%;}
.desc{width:98%; padding:1%; position:relative; float:left;}
}
@media only screen and (max-width:767px) {
.logo{width:200px; top:20px;}

.tel{position:relative; float:right; line-height:40px; color:#fff; font-size:12px; font-weight:300;}
.tel a:nth-child(2){display:none;}
.tel a{position:relative; float:left; margin:0px 0px 0px 20px; color:#fff;}
.tel i, .tel strong{font-size:13px;}

.wts i{background:url(../imagens/bg-whats.png) center center no-repeat; background-size:100%; color:#fff;}

.bt_whatsapp{margin:5px 5% 5px 5% !important; font-size:12px; width:90%; padding:0px; text-align:center;}

.galeria img{width:48%;}
.galeria2 img{width:48%;}

.col1{width:100%;}

.col2{width:98%; padding:1%;}
.col2:nth-child(1){margin-right:0; margin-bottom:2%;}

.col3{width:98%; margin-right:0; margin-bottom:2%; padding:1%;}
.col3:nth-child(3){margin-right:0;}

.col4{width:98%; margin-right:0; margin-bottom:2%; padding:1%;}
.col4:nth-child(4){margin-right:0;}

.col6{width:98%; margin-right:0; margin-bottom:2%; padding:1%;}
.col6:nth-child(6){margin-right:0;}

.col12{width:98%; margin-right:0; margin-bottom:2%; padding:1%;}
.col12:nth-child(12){margin-right:0;}

.box_home{height:auto !important;}

.bg_rodape ul{width:100%;}
}

/*TABLET*/
@media only screen and (min-width:768px) and (max-width:995px) {
body{min-width:768px;}
.tel i, .tel strong{font-size:14px;}
.bt_whatsapp{font-size:10px;}
.box_home{height:330px !important; background:#eee;}
}

/*MOBILE PAISAGEM*/
@media only screen and (min-width:480px) and (max-width:767px) {
body{min-width:480px;}
}

/*MOBILE RETRATO*/
@media only screen and (max-width:479px) {
body{min-width:320px;}
}