@charset "UTF-8";

/*PÁGINA 404 ERRO*/
#erro404{padding: 3rem 0}
.blue{color: #273853}
.white{color: #fff}
.m_top{margin-top: 1rem}
.m_top2{margin-top: 2rem}
.m_top3{margin-top: 3rem}
.m_top5{margin-top: 5rem}

#header{background-color: #283854; position: relative}
#header::before {position: absolute; top: 0; left: 0; width: 28.5%; height: 5px; border-radius: 0 0 30px 0; background-color: #71ac44; content: ''}
/*MENU HAMBURGUER*/
#menuToggle{display: block;position: relative;top: 0;right: 0px;z-index: 99;-webkit-user-select: none;user-select: none}
#menuToggle a{text-decoration: none;color: #232323;transition: color 0.3s ease}
#menuToggle a:hover{color: #cacaca}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute; top: -7px;left: -5px;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none}
#menuToggle span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #fff;border-radius: 3px;z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease}
#menuToggle span:first-child{transform-origin: 0% 0%}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%}
#menuToggle input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2)}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px)}
#menu{position: absolute;width: 300px;margin: -100px 0 0 -50px;padding: 50px;padding-top: 125px;background: #ededed;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-185%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); text-align: right; right: -25px}
#menu li{padding: 10px 0;font-size: 22px}
#menuToggle input:checked ~ ul{transform: none}
.h_bottom{padding: 1rem 0}
.h_menu{font-size: 13px; padding: 1rem 0}
.h_menu a{margin: 0 .2rem; font-weight: 500; color: #fff; padding: 16px 22px; border: 1px solid transparent; border-radius: 7px; font-weight: 501}
.h_menu a:hover, .selected{border: 1px solid #71ac44; color: lightgray}
.h_menu a:first-child{margin-left: 0}
.h_menu a:last-child{margin-right: 0}
.h_top{background-color: #2d3f5e; border-radius: 0 0 0 15px; padding: .3rem 0; color: #fff}
.h_top i{font-size: 12px; border-radius: 50%; border: 1px solid #fff; padding: 0.3rem; width: 1.6rem; text-align: center; color: #fff; margin-right: .2rem}
.h_email{margin: 0 2rem; color: #fff}
.h_email:hover{color: #ccc}



.swiper-container-pro{width: 100%; height: 100%; padding: 0 20px; overflow: hidden}


.prod_cat li{margin: 0 .7em; display: inline-block; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 700; vertical-align: top}
.cat-img img{max-width: 5rem; margin-bottom: .2rem}
.cat-nome{max-width: 8rem; line-height: 1.1}
.prod_cat a{color: #283854}
.prod_cat a:hover{color: gray}
.prod_cat li:first-child{margin-left: 0}
.prod_cat li:last-child{margin-right: 0}

#home{}
#h_produtos{padding: 3rem 0; background-color: #E1E1E1}
.h_title{font-size: 30px; font-weight: 700;text-align: center; text-transform: uppercase; margin-bottom: 2rem}
.p_box{background-color: #fff; border-radius: 7px; border: 2px solid #d6d6d6; text-align: center; transition: all 0.5s ease; margin-bottom: 1rem}
.p_box:hover{border-color: #4d6b2f}
.p_box img{border-radius: 7px 7px 0 0; height: 20.3rem; overflow: hidden}
.p_box h4{margin-top: 10px; font-size: 20px; font-weight: 501; text-transform: uppercase; color: #273853;padding: 0 18px; height: 5rem; overflow: hidden}
.p_box p{text-align: left; color: #595959; padding: 0 18px; height: 8rem; overflow: hidden}
.h_projetos{background-color: #283854}
.h_comprar{background-color: #587A36}
.h_meio{background-color: #e1e1e1}
.h_projetos{padding: 4rem; color: #fff}
.h_projetos .p_box{height: 12rem; width: auto; overflow: hidden; display: inline-block}
.h_projetos .projeto{max-height: 12rem; height: inherit}
.h_proj_a{color: #fff}
.h_comprar{padding: 4rem 2rem; color: #fff; z-index: 99}
.h_comprar p{padding: 0 2rem}
.h_button{border: 0; outline: 0; cursor: pointer; display: inline-block; border-radius: 50px;  background-color: #71ac44; font-size: 17px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; -webkit-transition: background-color 0.5s ease;  -moz-transition: background-color 0.5s ease; transition: background-color 0.5s ease; padding: .5rem 3rem; margin-top: 2rem}
.h_button:hover{background-color: #63973c; color: #fff}
.h_comprar_box{height: 100%; padding: 18px 10px; border-radius: 5px; background-color: #fff; border: 1px solid #d6d6d6; text-align: center}
.h_comprar_box h4{margin-top: 1rem; line-height: 1.2; font-size: 14px; font-weight: 700; color: #595959; text-align: center; text-transform: uppercase}
.h_comprar_box img{display: flex; height: 6rem}

#empresa{padding: 4rem 0; background-color: #e1e1e1; color: #595959}
.tile_h1{font-size: 35px; font-weight: 700; color: #283854; text-align: center; text-transform: uppercase; margin-bottom: 2rem}
.e_image{border-radius: 15px}

#contato{padding: 4rem 0; background-color: #e1e1e1; color: #595959}
.c_box{background-color: #283854; color: #fff; padding: 2rem 0}
#contato h5{font-size: 16px; font-weight: 501}

#produtos{padding: 4rem 0; background-color: #e1e1e1; color: #595959}

#produto{padding: 4rem 0; background-color: #e1e1e1; color: #595959}
.produto_img{margin: 0}
.produto_img li{height: 25rem; display: flex; justify-content: center; align-items: center; overflow: hidden}
.produto_img img{max-height: 25rem; transition: all .4s ease-out}
#bx-pager{margin: 0}
#bx-pager li{height: 6rem; display: flex; justify-content: center; align-items: center; overflow: hidden; width: 6rem}
#bx-pager img{max-height: 6rem; transition: all .4s ease-out}
.borda .bx-wrapper .bx-viewport{width: 326px!important}
.p_hr{border: 0; height: 2px; background-image: linear-gradient(to right, transparent, #CCC, transparent); display: block; margin: 4rem auto}

#projetos{padding: 4rem 0; background-color: #e1e1e1; color: #595959}
.proj_box{position: relative; overflow: hidden; cursor: pointer}
.proj_text{position: absolute; left: 0; bottom: 0; right: 0; padding: 18px 12px; background-color: #f5f7f9; color: #273853;
text-align: center; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease}
.proj_text h3{font-size: 16px; font-weight: 700; margin: 0}
.proj_text p{font-size: 14px; margin: 0}
.proj_box:hover .proj_text{-webkit-transform: translate(0, 0); transform: translate(0, 0)}

#projeto{padding: 4rem 0; background-color: #e1e1e1; color: #595959}





#footer{}
.f_top{background-color: #283854; padding: 3rem 0; color: #FFF}
.f_top h2{font-weight: 501; font-size: 16px}
.f_top p{margin: 0; font-size: 14px}
.f_social i{font-size: 25px; border-radius: 50%; border: 2px solid #fff; padding: 0.5rem; width: 2.9rem; text-align: center; color: #fff}
.f_social a:nth-child(2){margin: 0 .3rem}
.f_bottom{color: #fff; font-size: 12px; padding: .5rem 0; background-color: #223148}
.f_bottom a{color: #fff}
.f_bottom a:hover{color: gray}

@media only screen and (max-width: 64em) {
  .h_comprar_box{margin-bottom: 1rem; height: auto}
}

@media only screen and (max-width: 40em) {
  .h_comprar_box img{margin: 0 auto}
  .f_top h2{margin-top: 2rem}
  .s-text-center{text-align: center}
  .proj_box{margin-bottom: 2rem}
  .p_box{padding: 1px}
  .h_projetos{padding: 4rem 1rem}
}