@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;}
.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;}
body{min-width:980px; max-width:100%; overflow-x:hidden; overflow-y:scroll;}
html, body {width:100%; height:100%; font-size:14px; font-weight:400;}
.radius{border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; -webkit-border-radius:25px;}
.shadow{box-shadow:0px 0px 5px #242424; -moz-box-shadow:0px 0px 5px #242424; -ms-box-shadow:0px 0px 5px #242424; -o-box-shadow:0px 0px 5px #242424; -webkit-box-shadow:0px 0px 5px #242424;}
.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;}
.bt_icon{width:50px; height:50px; position:fixed; color:#fff; text-align:center; line-height:50px; border:0; cursor:pointer; z-index:99;}
.whatsapp{background:#093; bottom:70px; right:10px; font-size:30px; }
.whatsapp_hide{bottom:70px; right:70px; height:40px;}
.whatsapphelp{position:fixed; padding:5px 25px; font-size:13px; background:#093; color:#fff; display:none; text-align:center;}
.whatsappbutton{position:relative; float:right; padding:5px 25px; height:40px; width:120px; font-size:13px; background:#093; color:#fff; text-align:center;}
.phonebutton{position:relative; float:left; padding:5px 25px; height:40px; width:120px; font-size:13px; background:#303070; color:#fff; text-align:center;}
.phone{background:#303070; bottom:70px; left:10px; font-size:30px; }
.phone_hide{bottom:70px; left:70px; height:40px;}
.phonehelp{position:fixed; padding:5px 25px; font-size:13px; background:#303070; color:#fff; display:none; text-align:center;}
.gotop{background:#242424; bottom:10px; right:10px; font-size:20px; display:none;}
.link-style {font-weight:bold; color:blue;}
.link-style:hover {color: red;}
@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;
}
.bg_faixa{width:96%; height:auto; position:fixed; left:0; top:0; z-index:1; padding:0 2%; background:#303060;}
.bg_top{width:100%; height:auto; position:relative; float:left; z-index:0; padding:0; background:#fff; margin-top:50px;}
.bg_top2{width:100%; height:120px; position:relative; float:left; z-index:0; padding:0; background:#fff; margin-top:50px;}
.bg_conteudo{width:96%; height:auto; position:relative; float:left; z-index:0; padding:0 2%;}
.bg_rodape{width:96%; height:auto; position:relative; float:left; z-index:0; background:#202040; padding:0 2%;}
.direitos{width:96%; height:auto; position:relative; float:left; z-index:0; background:#fff; line-height:50px; padding:0 2%; font-size:12px; color:#535353; font-weight:600;}
.direitos a{color:#900;}
.bg_faixa .centralizar, .bg_rodape .centralizar, .direitos .centralizar{ background:none;}
/*FAIXA*/
.redes{margin:5px 10px 0px 0px; position:relative; float:left; line-height:40px; width:40px; color:#fff; text-align:center; position:relative; float:left; font-size:24px; background:#9a649f;}
.redes a{ line-height:40px; width:40px; color:#fff; text-align:center; position:relative; float:left; font-size:24px; background:#9a649f;}
.email{position:relative; float:left; line-height:40px; color:#fff; margin:5px 0px;}
.email a{color:#fff; font-size:16px; margin:0px 30px 0px 0px;}
.promocao{position:relative; float:left; line-height:40px; width:50%; margin:5px 0px;}
.promocao marquee{color:#ff2020; font-size:25px;}
.telefones{position:relative; float:right; line-height:40px; color:#fff; margin:5px 0px;}
.telefones a{color:#fff; font-size:16px; margin:0px 30px 0px 0px; font-weight:600;}
/*TOPO*/
.logo{width:30%; height:auto; position:absolute; left:2%; top:40px; z-index:9;}
.logo img{max-width:100%; height:auto; display:block;}
.logo2{width:30%; height:auto; position:absolute; left:2%; top:100px; z-index:9;}
.logo2 img{max-width:100%; height:auto; display:block;}
.titulo_banner1{position:absolute; left:2%; bottom:200px; z-index:9; color:#0084dd; font-size:35px;}
.titulo_banner2{position:absolute; left:2%; bottom:100px; z-index:9; color:#00566f; font-size:77px;}
.titulo_banner3{position:absolute; left:2%; bottom:40px; z-index:9; color:#146a7d; font-size:68px;}
.bt_whatsapp{position:absolute; right:2%; bottom:40px; font-size:20px; background:#25d366; color:#fff; text-align:center; font-weight:600; line-height:40px; padding:20px; z-index:9; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}
/*BANNER*/
.img_banner{max-width:100%; height:auto; display:block; position:relative; float:left; top:0px; left:0px; z-index:0;}
/*CONTEUDO*/
.col1, .col2, .col3, .col4, .col6, .col12{position:relative; float:left; box-sizing:border-box;}
.col1{width:100%;}
.col2{width:50%; padding:1%; box-sizing:border-box;}
.col3{width:33.33%; padding:1%; box-sizing:border-box;}
.text h2{font-size:36px; font-weight:600; color:#00566f; margin-bottom:20px;}
.text p{font-size:20px; font-weight:300; color:#000; margin-bottom:20px;}
.text2 img{max-width:100%; height:auto; display:block;}
.text2 h3{font-size:20px; font-weight:600; color:#242424; margin-top:20px; margin-bottom:20px; text-transform:uppercase;}
.text2 p{font-size:16px; font-weight:400; color:#242424; margin-bottom:20px;}
/*RODAPE*/
.bg_rodape .col3{padding-top:50px; padding-bottom:50px;}
.bg_rodape .col3 a{font-size:16px; color:#fff; line-height:30px; font-weight:600;}
.bg_rodape .col3 a span{font-size:10px; font-weight:300; padding:5px; background:#093;}
/*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 label{width:100%; height:30px; line-height:30px; position:relative; float:left; font-size:12px; color:#535353;}
.formulario label b{font-weight:normal;}
.formulario .input, .formulario .select, .formulario .textarea, .formulario .codigo {background:#fff;}
.formulario .input, .formulario .select, .formulario .textarea, .formulario .codigo {position:relative; float:left; padding:5px; border:1px solid #ddd; border-bottom:3px solid #ccc; outline:none; box-sizing:border-box;}
.formulario .input, .formulario .textarea{width:100%; height:auto;}
.formulario .textarea{height:233px;}
.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; text-align:center; cursor:pointer; outline:none;}
.formulario .refresh:active{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;}
.formulario .bt_enviar{width:100%; height:auto; position:relative; float:left; padding:5px; border:0; color:#fff; border-bottom:3px solid #78427d; background:#9a649f; outline:none; cursor:pointer; box-sizing:border-box;}
/*TABLET*/
@media only screen and (min-width:768px) and (max-width:995px) {
body{min-width:768px;}
.telefones a, .email a{width:40px; height:40px; position:relative; float:left; overflow:hidden; margin:0px;}
.telefones a i, .email a i{width:40px; height:40px; position:relative; float:left; text-align:center; line-height:40px; font-size:20px;}
.promocao marquee{width 50%; color:#ff2020; font-size:25px;}
}
@media only screen and (max-width:768px){
.logo{width:30%; top:10px;}
.logo2{width:30%; top:45px;}
.email a{width:40px; height:40px; position:relative; float:left; overflow:hidden; margin:0px;}
.email a i{width:40px; height:40px; position:relative; float:left; text-align:center; line-height:40px; font-size:20px;}
.promocao marquee{width 50%; color:#ff2020; font-size:25px;}
.telefones a{color:#fff; font-size:16px; margin:0px 10px 0px 0px;}
.bt_orcamento, .bt_whatsapp{width:50%; margin:5px 0px; padding:0px;}
.bg_faixa{position:relative; float:left;}
.bg_top{margin-top:0px;}
.bg_top2{height:40px; margin-top:0px;}
.col2, .col3, .col4, .col6, .col12{width:98%; padding:1%; margin-right:0%; margin-bottom:2%;}
.bg_rodape .left, .bg_rodape .center, .bg_rodape .right{text-align:left;}
.bg_rodape ul{padding-top:5px; padding-bottom:5px;}
.bg_rodape ul li{padding:5px; color:#fff; display:inline-block;}
}
/*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;}
.telefones a{font-size:12px; margin:0px 5px 0px 0px;}
.bt_orcamento, .bt_whatsapp{font-size:10px;}
}