/*Autor: Eduardo Sousa
email: webx_555@hotmail.com
*/

/*.col-md-1{border:1px solid red;}*/
/*.col-md-2{border:1px solid red;}*/
/*.col-md-3{border:1px solid red;}*/
/*.col-md-6{border:1px solid red;}*/
/*.col-md-9{border:1px solid red;}*/
/*.col-md-4{border:1px solid red;}*/



.img-5 img { width: 5%;}
.img-10 img { width: 10%;}
.img-15 img { width: 15%;}
.img-20 img { width: 20%;}
.img-25 img { width: 25%;}
.img-30 img { width: 30%;}
.img-40 img { width: 40%; display: block;}
.img-50 img { width: 50%;}
.img-60 img { width: 60%;}
.img-70 img { width: 70%;}
.img-80 img { width: 80%;}
.img-90 img { width: 90%;}
.img-100 img { width: 100%;}

body{overflow-x: hidden;}
.fundo{ background: url('../../site/img/background-servicos.png'); background-position-y: -255px;}

a,p,li{font-family: 'Open Sans', sans-serif;}


/*####################################################TOPO REDES SOCIAIS############################################################*/

.topo-redes-sociais{height: 50px; background: #2E2E2E;  position: fixed; z-index: 999; width: 100%;}
.topo-redes-sociais img{width: 30px; margin: auto; position: relative;
    top: 9px;}

.topo-redes-sociais ul{list-style: none; position: relative; top: 6px;}
.topo-redes-sociais li{padding-right:20px; padding-left:30px; float: left;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; text-decoration: none;font-size: 1rem;
    line-height: 1;
    color: #fff;
    text-align: center;}
.topo-redes-sociais a{text-decoration: none;color:#FFF;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    }
.topo-redes-sociais a:hover{text-decoration: none;color: green;}
.topo-redes-sociais li{position: relative; top: 9px;}

/*####################################################/TOPO REDES SOCIAIS############################################################*/

/*####################################################TOPO############################################################*/


.topo-menu{position: relative; top: 50px; background: rgba(53,123,35,1); height: auto;  ; z-index: 1; width: 100%;}
.topo-menu2{position: absolute;top: 50px; background: rgba(53,123,35,1); height: auto;  ; z-index: 1; width: 100%;}
.logo img{width: 200px;}
.menu ul li{display: inline;}
/*####################################################/TOPO############################################################*/

/*#####################################################MENU########################################################*/
.menu-topo{margin-top: 3.3%;}q
.menu-topo ul{text-align: center;}
.menu-topo ul li{display: inline; margin-left: 20px;}
.menu-topo ul li a{color: #FFF; text-decoration: none; font-size: 22px; padding: 1px 10px;}
.menu-topo ul li:hover a{color: #357b23; background: #FFF; border-radius: 20px;}
.menu-topo .active a{color: #357b23; background: #FFF; border-radius: 20px;}
.menu-topo .current_page_item a{color: #357b23; background: #FFF; border-radius: 20px;}
/*#####################################################/MENU########################################################*/

/*###############################################BANNER###############################################*/
.banner{/*border:1px solid red;*/ height: auto; position: relative; top:50px;}
/*###############################################/BANNER###############################################*/

/*###############################################QUEM-SOMOS###############################################*/
/*#empresa{background: url('../../site/img/background-empresa.png') no-repeat; background-position-x: 305px;}*/
.home{background: #fff; !important;}
.quem-somos{background: #2E2E2E; height: auto; margin-top: 50px;}
.quem-somos h2{text-align: center; color: #fff; padding-top: 20px; font-family: 'Open Sans', sans-serif;}
.quem-somos p{ padding-top: 30px; font-size: 1.2em; color: #fff;}
.quem-somos .btn-verde{color: #fff !important; border-radius: 20px; background: #357b23; padding: 2px 13px; border: none; margin: auto; margin-bottom: 25px; display: block;}
.quem-somos .btn-verde a {color:#fff; text-decoration: none;}
.texto-quem-somos h2{color: #357b23; text-align: center; padding-top: 25px; font-weight: bold; padding-bottom: 15px;}
.missao h3{color: #357b23; text-align: center; padding-top: 40px;}
.missao img{width: 100px; display: block; margin: auto;}
.missao p{padding-bottom: 30px;}
.missao-texto{padding-top: 106px;}

/*###############################################/QUEM-SOMOS###############################################*/

/*###############################################PRODUTOS###############################################*/
.produtos{margin-top: 149px;}
.nossos-produtos h3{text-align: center; padding-top: 25px; font-family: 'Open Sans', sans-serif;} 
.nossos-produtos p{text-align: center;}

#carouselprod .carousel-control.left {background-image: url('../../site/img/seta_esquerda.png') !important; background-repeat: no-repeat !important; position: absolute; left: -3%;}
#carouselprod .carousel-control.right {background-image: url('../../site/img/seta_direita.png') !important; background-repeat: no-repeat; position: absolute; right: -15%;}
#carouselprod .carousel-control {margin-top: 10%; height: 50px;}
#carouselprod a{color:#000; text-decoration: none; font-weight: bold; margin-top: 2%; margin-bottom: 2%;}

#carouselprod .col-md-2{ margin-left: 3%; height: 240px;}
#carouselprod .col-md-2 p:hover{color: #fff !important;}
#carouselprod .col-md-2 img{width: 100%; height:180px; padding-top: 8%;}
#carouselprod .col-md-2 p{font-weight: bold;}
#carouselprod .img-produto{/*border:1px solid #ccc;*/ /*border-radius: 10%;*/ height: 390px;}
.titulo-produto h1{color: #357b23; text-align: center; font-size: 1.8em; padding-top: 25px;}
.titulo-produto p{color: #357b23; text-align: center; font-size: 1.2em; padding-top: 5px;}

/*MENU PRODUTOS*/
.row-menu-prod{background: #fff !important; height: auto !important;}
.menu-produtos a{color: #fff; font-size: 1.0em; text-decoration: none; font-weight: bold;}
.menu-produtos a:hover{text-decoration: none;}
.menu-produtos {list-style-type: none; background: #357a23;}
.menu-produtos h3 {color: #fff !important; font-size: 1.0em !important; text-align: left;text-decoration: none; font-weight: bold;}
.menu-produtos h4 {color: #fff; font-size: 0.8em; width: -4px; font-weight: 200; margin-left: 45px;}
.menu-produtos .btn-secondary {border: none; margin-top: -0.1rem !important; color: #fff !important; text-align: left; background: transparent;}
.menu-produtos .btn-secondary:hover {background: transparent;}
.menu-produtos .btn-secondary:focus{background-color: transparent;}
.menu-produtos .btn-block.btn-block.submenu {margin-top: .5rem; margin-left: -40px;}
.bloco-produto{margin-bottom: 35px; height: 340px;}
.bloco-produto img{border: 1px solid #ccc; border-radius:20px; height: 250px;}
.bloco-produto h3{color: #357b23; font-size: 1.3em; font-family: 'Open Sans', sans-serif; position: absolute; top: 264px;}

.titulo-do-produto{color: #357b23; font-size: 1.5em; padding-top: 20px;}
.btn-orcamento-produto{background: #357b23; color: #fff; margin-left: 55px; margin-top: 25px; margin-bottom: 25px;}
.info-produtos .img-produto{border:1px solid #ccc; border-radius: 20px;}
.orcamento-produtos h3{font-size: 0.9em; padding-left: 145px; font-family: 'Open Sans', sans-serif;}
.btn-voltar img{width: 45px;}
.btn-voltar a{margin-bottom: 25px;color:#000; text-decoration: none; font-size: 1.0em; font-weight: bold; float:right; position: relative; top: -6px;}
.btn-voltar a:hover {color: #000;}
.clear{clear:both; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:focus:active, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -99999px !important;
}

/*###############################################/PRODUTOS###############################################*/

/*###############################################SERVIÇOS###############################################*/
#servicos {background: url('../../site/img/background-servicos.png'); background-position-y: -255px;}
.servicos{background: #357b23; height: auto;}
.servicos h4{text-align: center; font-size: 2.2em; color: #fff; padding-top: 15px; font-family: 'Open Sans', sans-serif;}
.servicos p{color: #fff; font-size: 1.1em; padding-top: 30px;}
.servicos img{float: left; margin-top: 25px; margin-bottom: 25px; padding-left: 30px;}
.bloco-servico p{text-align: center; font-size: 1em;}
.bloco-servico img{margin: auto;}
.pagina-servico h1{text-align: center; padding-top: 25px; font-family: 'Open Sans', sans-serif; font-size: 2rem;}
.pagina-servico p{padding-bottom: 15px;}
.pagina-servico h4{ font-family: 'Open Sans', sans-serif;}
.form-contato input{border: 5px solid #ccc; background: #ddd;}
.form-contato textarea{border: 5px solid #ccc; background: #ddd;}
.form-contato p{text-align: center;}
.btn-contato{background: #357b23; border: 1px solid #357b23; margin-bottom: 15px; color: #fff;}
#icone{float: left;}
#titulo-servico{float: right; padding-right: 126px; font-size: 1.3em; padding-top: 15px;}
/*###############################################/SERVIÇOS###############################################*/

/*###############################################SEGMENTOS###############################################*/
.segmentos{background: #2E2E2E; height: auto;}
.segmentos img{margin: auto; display:block;}
.segmentos h4{text-align: center; color: #fff; font-size: 2.2em; padding-top: 15px; padding-bottom: 15px; font-family: 'Open Sans', sans-serif;}
.segmentos p{color: #fff; font-size: 1.1em; padding-top: 15px; text-align: center;}
/*###############################################SEGMENTOS###############################################*/

/*###############################################CONTATO##################################################*/
.contato h2{text-align: center; color:#357b23; padding-top: 25px; padding-bottom: 50px; font-family: 'Open Sans', sans-serif;}
.contato .contato-form p{text-align: center; color:#357b23; font-size: 1.5em; font-weight: bold;}
.contato .contato-form input{border: 5px solid #ccc; background: #ddd;}
.contato .contato-form textarea{border: 5px solid #ccc; background: #ddd;}
.info-contato-tel img{float: left;}
.info-contato-tel p{ font-size: 0.9em; color:#357b23; font-weight: bold;top: 11px; position: relative}
.info-contato-email img{float: left;}
.info-contato-email p{font-size: 0.9em; color:#357b23; font-weight: bold; padding-bottom: 20px; padding-right: 35px;}
.mapa-contato{color:#357b23; font-weight: bold; padding-bottom: 25px;}
.contato .btn-contato{color: #fff;}
/*###############################################/CONTATO##################################################*/

/*###############################################ORÇAMENTO#################################################*/
.orcamento h2{text-align: center; color: #357b23; padding-top: 20px; padding-bottom: 25px; font-family: 'Open Sans', sans-serif;}
.orcamento input{border: 5px solid #ccc; background: #ddd;}
.orcamento textarea{border: 5px solid #ccc; background: #ddd;}
.btn-orcamento{background: #357b23; border: 1px solid #357b23; float: right; margin-bottom: 15px; color:#fff;} 
.orcamento-produtos{margin-bottom: 30px;}
.orcamento-produtos .fa-1x{float: left !important; position: relative; left: 115px; top: -1px;}
.orcamento-produtos a{font-size: 0.9em; color: #357a23;}
/*###############################################/ORÇAMENTO#################################################*/

/*###############################################RODAPE###############################################*/
.rodape{background:#2E2E2E}
.rodape p{color:#fff; font-size: 0.9em; text-align: center;}
.rodape .titulo-rodape{color:#357b23; font-weight: bold;}
.rodape .linha-verde{background: url('../../site/img/linha-verde.png'); height: 25px;}
.rodape .linha-direita{border-right:3px solid #357b23; margin-top: 15px; margin-bottom: 15px; height: 160px;}
.rodape .logo-rodape img{width: 100px; padding-top: 50px; margin-left: 55px;}
.rodape .contato-rodape p{color:#fff;  float: left; position: relative; top:18px;}
.rodape .icone-email img{width: 50px; float: left; position: relative; top: 5px;}
.icone-telefone img{width: 100%; float: left;position: relative;top: 25px;}
.rodape .copyright{background: #000; height: auto;}
.rodape .copyright p{text-align: center; line-height: 30px;}
.linha-verde{background: url('../../site/img/linha-verde.png'); height: 25px;}
.contato-rodape ul{list-style: none; color: #fff; font-size: 14px; position: relative; top: 18px; left: 5px;}
.contato-rodape li a{text-decoration: none; color: #fff;}
.contato-rodape li a:hover{color: rgba(53,123,35,1);}
/*###############################################RODAPE###############################################*/
.atendimento{
    padding-top: 22px;
    
}
.contato-rodape{position: relative; bottom: 15px; }
.contato-rodape .col-md-12, .contato-rodape .col-md-4, .contato-rodape .col-md-8{
    padding: 0px;position: relative;left: -7px;
}
.contato-rodape p{text-align: right;}
.contato-rodape a{position: relative; left: 8px; color: #fff;}
.contato-rodape a:hover{color: inherit;}

.abaixa-conteudo{margin-top:145px;}

.carousel-indicators li{    border: 1px solid #2E2E2E !important;}


#carouselsite .carousel-control.left {background-image: url('../../site/img/seta_esquerda.png') !important; background-repeat: no-repeat !important; position: absolute; left: 1%; top: 48%;}
#carouselsite .carousel-control.right {background-image: url('../../site/img/seta_direita.png') !important; background-repeat: no-repeat; position: absolute; right: -11%; top: 48%;}

.whatsapp-fixed {
    position: fixed;
    display: block;
    z-index: 9999;
    background-color: #25d366;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
}

.whatsapp-fixed i {
    font-size: 30px;
    line-height: 50px;
    color: #fff;
}