@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;}

.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:100%; overflow-x:hidden; overflow-y:scroll;}
html, body {width:100%; height:100%; background:#fff;font-size:14px; font-weight:400;}
.bg_top{width:calc(100% - 20%); min-height:100px; height:auto; position:relative; float:left; z-index:1; background:#fff; margin:0 10%;}
.bg_banner{width:100%; height:auto; position:relative; float:left; z-index:0;}
.bg_conteudo{width:calc(100% - 20%); height:auto; position:relative; float:left; z-index:0; padding:0 10%;}
.bg_rodape{width:calc(100% - 20%); height:auto; position:relative; float:left; z-index:0; background:#335133; padding:0 10%;}
.direitos{width:calc(100% - 20%); height:auto; position:relative; float:left; z-index:0; background:#fff; margin:10px 10%;}

/*TOPO*/
.logo{width:166px; height:80px; position:absolute; top:10px; left:10px; z-index:99999;}
.logo img{max-width:100%; height:auto; display:block;}

.redes{width:100px; position:absolute; top:30px; left:200px; color:#335133; z-index:99999; font-size:30px;}

.telefone{width:200px; position:absolute; top:35px; left:270px; color:#335133; z-index:99999;}
.telefone a{width:100%; height:auto; position:relative; float:left; color:#335133; font-size:18px; font-weight:600;}
.telefone i{font-size:30px;}
.wts i{ background:url(../imagens/bg-whats.png) center center no-repeat; background-size:100%; color:#fff;}

.btwts{position:absolute; top:35px; left:650px; font-size:12px; background:#25D366; color:#fff; text-align:center; border:0; z-index:999; padding:5px;}

/*BANNER*/
#banner{padding:0px; margin:0px;}
#banner .b-item{width:100%; height:auto; position:relative; float:left;}
#banner img{max-width:100%; height:auto; display:block; top:0px; left:0px;}

/*CONTEUDO*/
.text h1{font-size:30px; color:#335133; margin:0px 0px 20px 0px;}
.text p{font-size:16px; color:#242424; margin:0px 0px 20px 0px; font-weight:400;}
.text a{padding:5px 10px; color:#fff; background:#335133;}

.item_home{width:calc(33.33% - 20px); height:auto; position:relative; float:left; text-align:center; margin:10px;}
.item_home b{position:relative; float:left; width:100%; padding:10px 0px; margin-top:30px; background:#335133; color:#fff;}

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

.galeria_item{width:135px; height:125px; position:relative; float:left; margin:5px; overflow:hidden;}

.img_home{width:100%; height:100%; position:relative; float:left; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.parent:hover .img_home, .parent:focus .img_home {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;}

.icon{width:25%; height:auto; position:relative; float:left;}
.icon i{font-size:36px; color:#fff; background:#b75f23; padding:20px; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;}

/*RODAPE*/
.bg_rodape ul{width:33.33%; height:auto; position:relative; float:left; padding:20px 0px;}
.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;}

/*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 .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;}
/*RODAPE*/

@media only screen and (max-width:995px){
.bg_top{min-height:80px;}
.logo{width:124px; height:60px;}
.redes{width:100px; top:20px; left:150px;}
.telefone{width:40px; top:20px; left:210px;}
.telefone a{width:40px; height:40px; overflow:hidden;}
.telefone i{width:40px; height:40px; line-height:40px; font-size:22px; text-align:center;}
.wts i{ background-size:20px; color:#fff;}

.btwts{display:none;}
}

/*TABLET*/
@media only screen and (min-width:768px) and (max-width:995px) {
body{min-width:768px;}
.galeria_item{width:calc(20% - 10px); height:100px;}
}

/*MOBILE PAISAGEM*/
@media only screen and (min-width:480px) and (max-width:767px) {
body{min-width:480px;}
.item_home{width:calc(100% - 20px);}
.galeria_item{width:calc(33.33% - 10px); height:100px;}
.icon{width:25%; height:auto; position:relative; float:left;}
.icon i{font-size:26px;}
.bg_rodape ul{width:100%;}
}

/*MOBILE RETRATO*/
@media only screen and (max-width:479px) {
body{min-width:320px;}
.item_home{width:calc(100% - 20px);}
.galeria_item{width:calc(50% - 10px); height:100px;}
.icon{width:25%; height:auto; position:relative; float:left;}
.icon i{font-size:20px;}
.bg_rodape ul{width:100%;}
}