/* =======----- FOLHAS DE ESTILO -----=======*/

@import url("style.css");
@import url("class.css");
@import url("responsive.css");
/*@import url("fonts.css");*/

/* =======----- ESTRUTURA LAYOUT -----=======*/

body {box-sizing: border-box; margin:0; padding:0; font-family: 'Open Sans', sans-serif !important;}


header:after, footer:after, section:after {content:""; display:block; clear:both;}

a:hover {color:#2B7D0E; text-decoration: none;}



.bannerx{
    width:100%;
    margin: 0; padding: 0;
}

.bannerx img {height: 400px;}
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.85);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
    width: 100%;
}

.hero h1 {
    font-size: 6em;    
    margin: 0;
    padding: 0;
    font-weight: lighter; font-family: 'Open Sans', sans-serif !important; 
    padding-top: 80px;
    color:#fff;
     

}


.hero h3 {font-weight: bold; font-size: 5em; margin: 0; padding: 0; color: #fff;}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}


#header-in {height: 180px; background:url(../images/background2.png);  background-size:cover; background-position: top; }

.none2 {padding-top: 10px;}
#menu a  {text-align: center; text-transform: uppercase ;  padding-left: 15px !important; font-family: 'Merriweather Sans', sans-serif; font-weight: normal; color: #262626 !important; margin-left: 5px;}
#menu{height: 130px; background:rgba(255,255,255, 0.8); border: none !important; color:#fff; border-radius: 5px !important;  position: absolute; z-index: 999; top:35px; left: 0;} 

#menu .container {padding: 0 !important; margin: 0 !important;}
.container {position: relative;}


.telefone {color:#fff; display: block; width: 180px; float: right; height: 130px; /*border-radius: 15px;*/  background:url(../images/tel-icon.png) top right; background-repeat: no-repeat !important; background-position: 145px 50px, center; background-color:#009c41; float:right;}
.telefone li {color:#fff; display: block; position: relative; top: 38px; font-weight: bold; padding-left: 25px;}
.menu {}
.aparece {display: none; padding-bottom: 80x !important ;}
.aparece li {text-align: center; color:#fff !important; background: #0eac51 !important; text-transform: uppercase ;  padding-left: 15px !important; list-style: none; background: #009C41 !important; padding-top: 15px; padding-bottom: 10px !Important;}
.aparece li img {width: 20px; height: auto; vertical-align: middle; padding-right: 5px;}

.none {display: none;}
/*DESTAQ */

.footer {margin-top: 25px !Important; text-align: center;}
footer i {font-style: normal !important;}
footer .rowcinza {background: #F4F4F4; min-height: 220px; margin-top: 35px; height: auto; text-align: center; padding-top: 15px; }
footer .row {margin: 0 !Important; padding: 0 !important;}
footer p {text-align: left; padding-top: 5px; font-size: 16px; text-align: center;}
footer img {padding-top: 25px; max-width: 100% !important;}
footer .titrodape {margin-top: 45px; text-transform: uppercase; font-weight: bold; background-image: url(../images/separador.png); background-position: bottom; padding-bottom: 25px; background-repeat: no-repeat; text-align: left; width: 100%; color:#253536; text-align: center;}
footer ul {margin:0 !important; padding: 0 !important; padding-top: 10px; }
footer ul li {list-style: none; padding-top: 5px; text-align:left;}
footer .glyphicon  {color:#2a7c0d; padding-right: 10px; clear: both; } 
footer a {text-decoration: none; color:#272727;}


footer .rowcopy {background: #F5F8FA; line-height: 35px;  border-top: 1px #2a7c0d dashed;}   
footer .rowcopy p {font-size: 14px;}

#modelo {min-height: 400px; text-align: justify; font-size: 18px; /*background: #ecf0f1;*/ padding-bottom: 25px;}
#modelo strong {}
#modelo h1 {font-family: 'Oswald', sans-serif; margin-bottom: 35px; margin-top: 35px; }

#modelo em {font-weight: bold; color:#009c41; font-style: normal; font-family: 'Open Sans', sans-serif !important; font-size: 18px;}

/*CONTATO */

/* ========------ FORMULarioS -------========*/
#form-contato {float:left; width:100%; }
.sm-form {width:100%; float:left;}
.lg-form {width:100%;}

.inner-form {padding-bottom:10px; padding-top: 10px;}
.ip-form-contato1 {width:100%; height:40px; padding:0 10px; border:solid 1px #D0D0D0; background:#F4F4F4;}
.ip-form-contato {width:100%; height:40px; padding:0 10px; border:solid 1px #D0D0D0; background:#F4F4F4;}
.ip-text-contato {width:100%; height:95px; padding:10px; border:solid 1px #D0D0D0; background:#F4F4F4;}
.ip-select-contato {width:100%; color:#A9A9A9; height:40px; padding:10px; border:solid 1px #D0D0D0; background:#F4F4F4;}
.bt-form {border:none; color:#FFF; font-size:17px; padding:0; float:right; width:100px; border-radius:6px; cursor:pointer; height:43px; line-height:43px; background:#008B5B; margin-bottom:15px;}
.bt-form:hover {background-color:#2D3847;} 

.prodx img {max-width: 100%; padding-top: 10px;}
.prodx {margin-top: 5px;  border: 1px solid #ececec; padding-bottom: 10px; max-width: 31%; margin: 12px; margin-top: 25px;}
.prodx:hover {border:2px solid #ececec;}
.prodx strong {padding-left: 5px; color:#009C41; padding-top: 15px; display: block;}
.bt {color: #fff; text-transform: uppercase; height: 40px; width: 120px; margin-top: 10px; background: #82BE48; border: none; font-size: 15px;}

.alt-img {min-height:165px;}
.alt-img img {padding-bottom: 20px; border-bottom:  1px solid #ececec; clear: both; height: 150px; max-width:250px;}
.desc-prod p {max-width: 90%; margin-top: 10px; font-size: 16px;}
.det-prod {min-height: 80px; border-right: 1px solid #ececec; text-align: center;}
.det-prod strong {color:#0EAC51;}

.dados span {padding-right: 10px; font-size: 16px;}

.dethome {margin-top: 45px;}
.dethome a {color: #262626;}
.dethome a:hover {text-decoration: none;}
.dethome img {max-width: 100%; text-align: center; margin: 0 auto;}
.dethome b {position: relative; top:-25px; font-weight: 500; font-size: 15px; }
.dethome span {display: block; min-height: 40px; background-color: rgba(82, 171, 0, 0.8); color: #fff; text-transform: uppercase; position: relative; top:-60px; line-height: 40px; width: 80%; padding-left: 10px; font-size: 16px; font-weight: bold;}




/* HAMBURGER */
nav#menu label, nav#menu input {display:none; width: 100%;}
nav#menu label, nav#menu label::before, nav#menu label::after {position:absolute; width:38px; height:4px !important; background:#009C41;}
nav#menu label::before, nav#menu label::after {content:""; display:block;}
nav#menu label::before {top:-8px; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
nav#menu label::after {top:8px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
nav#menu label {top:45px !important; right: 10%; margin-left:-19px; border-top:4px solid rgba(255,255,255, 0.9); border-bottom:4px solid #009C41;}

/* X */
nav#menu input:checked + label {background:transparent; border-bottom: none; /*left:inherit; right:10px !important;*/}
nav#menu input:checked + label::after, nav#menu input + label::after, nav#menu input:checked + label::before, nav#menu input + label::before {-webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
nav#menu input:checked + label::after {top:0px; width:20px; height:3px; left:8px; -webkit-border-radius:3px; border-radius:3px;
	-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
nav#menu input:checked + label::before {top:0px; width:20px; height:3px; left:8px; -webkit-border-radius:3px; border-radius:3px;
	-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}