@charset "UTF-8";
.m_left2{margin-left: 2rem}
.m_left1{margin-left: 1.5rem}
.m_right1{margin-right: 1rem}
.m_right05{margin-right: .5rem}
.m_top{margin-top: 1rem}
.m_top2{margin-top: 2rem}
.m_bottom{margin-bottom: 1rem}
.m_bottom2{margin-bottom: 2rem}

/* Paginação */
.holder{margin-bottom:2rem}
.holder a{font-size:14px;cursor:pointer;margin:0 5px;color:#333}
.holder a:hover{background-color:#222;color:#fff}
.holder a.jp-previous{margin-right:15px}
.holder a.jp-next{margin-left:15px}
.holder a.jp-current,a.jp-current:hover{color:#2babdc;font-weight:700}
.holder a.jp-disabled,a.jp-disabled:hover{color:#bbb}
.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover{cursor:default;background:none}
.holder span{margin:0 5px}

/* Menu Mobile */
.dropbtn{background-color:#2babdc;color:#fff;font-size:16px;border:none;cursor:pointer;width:auto;line-height: 3.5rem;padding: 0 4rem; border-radius: .3rem;font-weight: 400}
.dropbtn:before{display:inline-block;content:"";width:20px;height:20px;position:absolute;left:25px;top:19px;background:url(../_imagens/menu2.png)}
.dropbtn:hover{background-color:#e9cea4}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}
.dropdown-content a:hover{background-color:#f1f1f1}
.show{display:block;z-index:999}

#header{padding: 2rem 0;background-color: #fff}
.header_menu{font-weight: 400; font-size: 16px; padding: .5rem 0; display: inline-block}
.header_menu a{margin: 0 1.8rem; color: #000; position: relative; border-bottom: 2px solid transparent; height: 2rem; display: inline-block}
.header_menu a:before{content: "";position: absolute;width: 100%;height: 2px;bottom: -2px;left: 0;background-color: #aaa;visibility: hidden;
  -webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.1s ease-in-out 0s;transition: all 0.1s ease-in-out 0s}
.header_menu a:hover:before{visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1)}
.header_menu a:hover{color: #848589}
.header_menu a:first-child{margin-left: 0}
.header_menu a:last-child{margin-right: 0}
.selected{color: #aaa!important; border-color: #aaa!important}
.h_menu_btn{width: 10rem; display: inline-block; text-align: left;margin-left: 2rem; color: #51a644; vertical-align: bottom}
.h_menu_btn i{font-size: 25px; display: table-cell; vertical-align: middle; padding-right: .6rem}
.h_menu_btn span{display: table-cell; line-height: 1.3}

#footer{background-color: #888;height: auto; padding: 2em 0 0;color: white; border-top: 5px solid #629e49}
.f_title{font-weight: 700; font-size: 18px}
.f_desc{margin: 0; list-style-type: none; font-size: 15px}
.f_desc li{margin-bottom: 0.5rem}
.f_desc li span{margin-left: 23px}
.f_desc a{color: #fff}
.f_desc li i{color: #118300; width: 20px; font-size: 18px}
.f_desc a:hover{color: #fabe6e; text-decoration: underline}
.f_logo{margin-top: 3.5rem}
.f_social{margin-top: 4.5rem; font-size: 20px}
.f_social a{color: #fff}
.f_social a:not(:first-child){margin-left: .5rem}
.footer_bottom_e{background-color: #414449; padding: .3rem 0}
.footer_bottom{color: #fff;font-weight: 300;font-size: 13px}


#home{}
.banner, .produto_slider, .componente_slider{margin: 0}
#imagemParallax{min-height: 500px;background-attachment:fixed;background-position:center; background-size:cover}
#h-busca{background: #51a644; padding: 1.5rem 0}
.h-busca-form{position: relative}
.h-busca-form input[type="text"]{height: 3.5rem; margin: 0}
.h-busca-btn{background-color: #51a644; border: 3px solid #51a644; color: #fff; padding: 0.8rem 1.5rem; border-radius: 25px; position: absolute; top: 0.4rem; right: 1rem; font-size: 13px; font-weight: 400; background-image: -webkit-linear-gradient(45deg, #fff 50%, transparent 50%);
  background-image: linear-gradient(45deg, #fff 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
.h-busca-btn:hover{background-position: 0; color: #51a644; transition: all 300ms ease-in-out;}




#h-categorias{background: #fff; padding: 5rem 0}
.h-categorias-borda{border: 1px solid #dbdbdb; border-radius: 15px; box-shadow: #ccc 5px 2px 10px}
.h-cat-box{margin: 2.5rem 0}
.h-cat-box img{height: 3rem}
.h-cat-hr{margin: 1rem auto .5rem; width: 8rem}
.h-cat-title{font-size: 16px; color: #8f8f8f; padding: 0 18px}
.title{color: #000; font-size: 22px; font-weight: bold; padding-bottom: 7px; margin-bottom: 15px; position: relative; border-bottom: 3px solid #dbdbdb}
.title::before{content: ''; width: 120px; height: 3px; background: #629e49; position: absolute; left: 0; bottom: -3px}

#h-cat-destaque{padding: 5rem 0}

#h-marcas{padding: 3rem 0 5rem}

.hover:hover img{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s}
@-webkit-keyframes flash {
0%{opacity:.4}
100%{opacity:1}
}
@keyframes flash {
0%{opacity:.4}
100%{opacity:1}
}
.marcaimg img {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
  -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.marcaimg:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
  -webkit-filter: grayscale(0);
	filter: grayscale(0);
}




#h_produtos{background-color: #fff; padding: 0 0 3rem}
.h_produtos_box{transition:all .5s ease;border-radius:6px;padding-bottom:25px;
 box-shadow:0 0 10px transparent; background-color: #fff; color: #3e3f3a}
.h_produtos_box:hover{margin-top:10px; margin-bottom:10px; -webkit-box-shadow:10px 10px 20px 5px rgba(0,0,0,0.2); box-shadow:10px 10px 20px 5px rgba(0,0,0,0.2)}
.h_produtos_box:hover .prod_img img{transform: scale(1); transition: all 0.2s ease 0s;}
.h_produtos_box:hover .prod_text h3{text-decoration: underline}
.h_produtos_box:hover .prod_text span{transition: all 0.2s ease 0s;color: #8e8e8e}
.prod_img{height: 15rem;display: flex; justify-content: center; align-items: center; padding: .5rem; overflow: hidden; border:solid 1px #e6e7e8;}
.prod_img img{max-height: 15rem; transform: scale(0.9); transition: all 0.2s ease 0s;}
.prod_text{text-align: center}
.prod_text h3{font-size: 16px; font-weight: 400;height: 4rem; padding: 0 .5rem;color: #000}
.prod_text span{color: #51a644}
.prod-hr{margin: 1rem auto .5rem; width: 4rem; background: #000; height: 1px}

#contato{padding: 3rem 0 0}
.c_content{color: #999}
.c_content h5{letter-spacing: 8px; margin-top: 1rem; color: #000}
.c_content i{color: #000}
.c_h2{text-transform: uppercase; color: #000; font-weight: 700; font-size: 22px; margin-top: 2rem}
#contato input[type="text"], #contato input[type="tel"], #contato textarea{height: 50px; padding: 15px 25px; font-size: 14px; border-radius: 0}
#contato input[type="text"]:focus, #contato input[type="tel"]:focus, #contato textarea:focus{box-shadow: none}
#contato textarea{height: 150px}
.contato_btn{height:3em;width:11em;border:3px solid #51a644;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;font-size:16px;color:#FFF;background-color:#51a644;transition: all 0.2s ease 0s;cursor: pointer; float: right}
.contato_btn:hover{background-color:#fff;transition: all 0.2s ease 0s;color: #51a644; border-color: #51a644}
.formmsg{display: inline-block;width: 50%;color: green; font-weight: 700}
.msgok {height: 2.5em;overflow: hidden;padding-top: 0.7em;width: 21.5em;}
#map{display:block;height:20em;width:100%;background-color:#F6F4EF;margin-top:3rem}
#map img{max-width:inherit!important}
#map .map-error{text-align:center;padding-top:48px;color:#C0B491;font-size:14px}
#map_pin{text-align:center}
/* input1 */
.group{position:relative;margin:35px 0 0}
#input_contact{font-size:18px;padding:10px 10px 0 5px;display:block;width:100%;border: 0 none;border-bottom:1px solid #3e3f3a; box-shadow:  0 0 0 rgba(255, 255, 255, 0) inset; border-radius: 0;margin: 0;color: #3e3f3a}
#input_contact:focus{outline:none}
label{color:#3e3f3a;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:0.2s ease all;line-height: 1}
.bar{position:relative;display:block;width:100%;}
.bar:before, .bar:after{content:'';height:3px;width:0;bottom:0;position:absolute;background:#3e3f3a;transition:0.5s ease all}
.bar:before{left:50%}
.bar:after{right:50%}
#input_contact:focus ~ label, #input_contact:valid ~ label {top:-20px;font-size:14px;color:#3e3f3a}
#input_contact:focus ~ .bar:before, #input_contact:focus ~ .bar:after{width:50%;}
.highlight {position:absolute;height:60%;width:150px;top:25%;left:0;pointer-events:none;opacity:0.5}
#input_contact:focus ~ .highlight{animation:inputHighlighter 0.3s ease;}
#contato input[type="text"], #contato textarea{background-color: #fff; color: #3e3f3a}
/* input2 */
.group2{display: inline-block; position:relative;margin:35px 0 0; width: 49%}
#input_contact2{font-size:18px;padding:10px 10px 0 5px;display:block;width:100%;border: 0 none;border-bottom:1px solid #3e3f3a; box-shadow:  0 0 0 rgba(255, 255, 255, 0) inset; border-radius: 0;margin: 0;color: #3e3f3a}
#input_contact2:focus{outline:none}
#input_contact2 ~ .bar{position:relative;display:block;width:100%;}
#input_contact2:focus ~ label, #input_contact2:valid ~ label {top:-20px;font-size:14px;color:#3e3f3a}
#input_contact2:focus ~ .bar:before, #input_contact2:focus ~ .bar:after{width:50%;}
#input_contact2:focus ~ .highlight{animation:inputHighlighter 0.3s ease;}
/* MSG */
#text_contact{font-size:18px;padding:10px 10px 0 5px;display:block;width:100%;border: 0 none;border-bottom:1px solid #3e3f3a; box-shadow:  0 0 0 rgba(255, 255, 255, 0) inset; border-radius: 0;margin: 0;color: #3e3f3a;resize: none}
#text_contact:focus{outline:none}
#text_contact:focus ~ label, #text_contact:valid ~ label {top:-20px;font-size:14px;color:#3e3f3a}
#text_contact:focus ~ .bar:before, #text_contact:focus ~ .bar:after{width:50%;}
#text_contact:focus ~ .highlight{animation:inputHighlighter 0.3s ease;}
@keyframes inputHighlighter{from{background:#3e3f3a} to {width:0; background:transparent}}

#produtos{font-weight: 400}
#produtos ul{margin: 0}
.cat_e{background-color: #888; padding: 1rem 0}
.prod_cat{height: 3rem; display: inline-flex; align-items: center;text-transform: uppercase; font-size: 15px}
.menu{list-style:none; margin: 0; text-align: center; padding-top: .6rem}
.menu li{position:relative; border:1px solid #c0c0c0}
.menu li a{color:#000; text-decoration:none; padding:5px 10px; display:block}
.menu li a:hover{background:#333;color:#51a644;}
.menu li ul{position:absolute; top:25px; left:0;background-color:gray; display:none; margin: 0;z-index: 1; letter-spacing: -1px;width: 195px}
.menu li:hover ul, .menu li.over ul{display:block;}
.menu li ul li{border:1px solid #c0c0c0; display:block}
.prod_cat li{margin: 0 .7em; display: inline-block; text-align: center}
.prod_cat a{color: #000}
.prod_cat a:hover{color: #AAA}
.prod_cat li:first-child{margin-left: 0}
.prod_cat li:last-child{margin-right: 0}
.p_all{padding: 2rem 0}
.produto_img, #bx-pager{margin: 0}

#produto{padding: 3rem 0}
.produto_img{border:2px solid #414449; height: 100%; border-radius: 5px}
.produto_img img{padding: 1rem}
.prod_all h1{font-weight: 600; text-transform: uppercase; font-size: 24px; letter-spacing: -2px}
.p_caract{font-weight: 400; font-size: 16px}
.p_hr{margin: 4rem 0 3rem; border: 0; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))}
.p_all p{font-weight: 400; font-size: 18px}

#empresa{font-size: 15px; padding: 4rem 0; background-color: #fff}
#empresa h3{font-weight: 600}
.e_historia p{color: #999}
.e_text{font-size: 17px; color: #707070}
.e_button{padding: .5rem 1rem; border: 1px solid #efefef; color: #000; display: inline-block; font-weight: 501; font-size: 17px}
#empresa i{color: #0076ad}
#empresa h5{font-weight: 501; margin: .5rem 0}
.e_desc{color: #999; font-size: 17px}

.text{font-size: 18px; font-weight: 400;height: 5rem; padding: 0 .5rem;color: #2d2c28}


/*****************************************
	            ALERT
*****************************************/
#bg_alert{background: url('../_imagens/pxp.png');position: fixed;top: 0;left: 0;right: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 99999;}
#alert{position: relative;top: 50%;left: 50%;width: 500px;height: 500px;padding: 5px;background: #fff;z-index: 999999;margin: -250px 0 0 -250px;}
#close_alert{display: block;height: 20px;width: 20px;background: url('../_imagens/sprite.png') 0 0;top: 0px;right: 0px;position: absolute;z-index: 999999;cursor: pointer;transition: all 0.2s ease 0s}
#close_alert:hover{background: url('../_imagens/sprite.png') -20px 0; transition: all 0.2s ease 0s}

@media only screen and (max-width: 64em) {
 
}

@media only screen and (max-width: 40em) {
  .header_logo{text-align: center; margin-bottom: .5rem}
  .footer_whats, .footer_endereco{text-align: center}
  .margin{margin-left: 0!important}
  .banner{list-style-type: none; text-align: center; margin: 0.5rem 0 0}
  .formbusca{margin-left: 0}
  .submit-line input {height: 35px}
  .submit-lente{height: 35px; border-radius: 0 5px 5px 0}
  .header_menu{text-align: center}
  .header_menu a{margin: 0 1rem}
  .s-center{text-align: center}
  .prod_text h3{height: auto}
}

.animation{animation:alerta 1.5s infinite}
.botao{background:#09a513;color:#fff;border:1px solid #09a513;border-radius:70px;box-shadow:0 0 0 0 rgba(9,165,19,0.50);font-size:30px;display:inline-block;text-align:center;width:60px;height:60px;line-height:55px;text-decoration:none;transition:background,padding 500ms ease-in-out;position:fixed;bottom:55px;right:40px}
@keyframes alerta {
0%{transform:scale()}
70%{transform:scale();box-shadow:0 0 0 50px rgba(69,152,27,0)}
100%{transform:scale();box-shadow:0 0 0 0 rgba(69,152,27,0)}
}


.fadein{animation-name: fadein;animation-duration: 2s}
@keyframes fadein{from{opacity: 0} to{opacity: 1}}

/*****************************************
	            MODAL
*****************************************/
.modal{display:flex;flex-direction:column;justify-content:center;gap:.4rem;width:450px;padding:1.3rem;min-height:250px;position:absolute;z-index:2;background-color:#fff;border:1px solid #ddd;border-radius:15px;top:50%;left:50%;transform:translate(-50%,-50%)}
.modal .flex{display:flex;align-items:center;justify-content:space-between}
.modal input{padding:.7rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:.9em}
.modal p{font-size:.9rem;color:#777;margin:.4rem 0 .2rem}
button{cursor:pointer;border:none;font-weight:600}
.btn{display:inline-block;padding:.8rem 1.4rem;font-weight:700;background-color:#000;color:#fff;border-radius:5px;text-align:center;font-size:1em}
.btn-open{position:absolute;bottom:150px}
.btn-close{transform:translate(10px,-20px);padding:.5rem .7rem;background:#eee;border-radius:50%;margin-top:-50px}
.overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(3px);z-index:1}
.hidden{display:none}