@charset "UTF-8";

:root{--swiper-navigation-color: #000}

.swal2-styled.swal2-cancel a{color: #fff !important}

#loading{position: fixed; width: 100%; height: 100vh; background: url(../_imagens/loader.png) no-repeat center #000; z-index: 99999}

/*PÁGINA 404 ERRO*/
#erro404{padding: 3rem 0}
.m_top{margin-top: 1rem}
.m_top2{margin-top: 2rem}
.m_top3{margin-top: 3rem}
.m_top4{margin-top: 4rem}
.m_bottom{margin-bottom: 1rem}
.m_bottom2{margin-bottom: 2rem}
.m_left{margin-left: .5rem}
.cinza{color: #4d5a61}

#interna{padding: 2rem 0 2rem}
.breadcrumbs_out{background-color: #fff}

/*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: #fabe6e;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: 75px;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: 18px}
#menuToggle input:checked ~ ul{transform: none}



#header{position: relative; z-index: 90; padding-top: 1.5rem}
.header_interna{background-image: url(../_imagens/back_interna.png); height: 12.3rem}
.h_logo{max-height: 7rem}
.h_menu{list-style-type: none; margin: 0;text-align: center}
.h_menu li{display: inline-block; margin: 0 .6rem}
.h_menu a{color: #fabe6e; font-size: 13px; position: relative}
.h_menu a::before{content: ""; position: absolute; left: 0; bottom: -.7rem; width: 100%; border-bottom: 2px solid transparent;}
.h_menu a:hover::before{width: 100%; border-bottom: 2px solid #fabe6e}
.h_selected::before{border-bottom: 2px solid #fabe6e!important}
.h_menu li:first-child{margin-left: 0}
.h_menu li:last-child{margin-right: 0}
.h_fone{color: #fabe6e; font-size: 13px}
.btn-getstarted{color: #fff; background: #fabe6e; font-size: 14px; padding: 13px 26px; margin: 0; border-radius: 50px; transition: 0.3s;}
.btn-getstarted:hover{color: #442916}

#home{margin-top: -11.5rem}
.swiper-container img{display: block; margin: 0 auto}
.banner{margin: 0}
#hm_chopp{padding: 2rem 0}
.hm_title{color: #585758; font-weight: 800; margin: 0; font-size: 30px}
.hm_back{color: rgba(88,87,88,0.18); font-weight: 800; margin: -3.3rem 0 0 0; font-size: 60px}
.swiper-container-pro, .swiper-container-pro1{position: relative; overflow: hidden}
.swiper-wrapper{margin-bottom: 2rem}
.controls, .controls1{position: relative}
.swiper-button-next, .swiper-button-next1, .swiper-button-prev, .swiper-button-prev1{top: 150px !important}
.swiper-button-next, .swiper-button-next1{right: -50px !important}
.swiper-button-prev, .swiper-button-prev1{left: -50px !important}
#hm_cervejaria{background-image: url('../_imagens/hm_cervejaria.jpg'); background-size: cover; padding: 2rem 0 0; color: #fff; height: 24rem}
#hm_cervejas{padding: 3rem 0}
.white{color: #fff}
.white2{color: rgba(255,255,255,0.18)}
.hm_sub{text-transform: uppercase; color: #fff; font-size: 13px}
.hm_sociais{font-size: 13px; color: #fabe6e; margin: .5rem 0 0}



#empresa{font-size: 15px; padding: 2rem 0}
.company_image_ul{margin: 0}
#miniaturas{margin:1em 0 0 0;text-align:center;display:block}
#miniaturas img{max-width:7.8em}
#miniaturas > li{display:inline-block; margin: 0 .5em}
#miniaturas li:first-child{margin-left: 0}
#miniaturas li:last-child{margin-right: 0}
.e_institucional h2{text-transform: uppercase; color: #4d5a61; font-weight: 700; font-size: 18px}

#produtos{padding: 1rem 0 3rem}
.catlist{margin: 0 0 2rem}
.catlist a{color: #fabe6e}
.catlist-selected{text-decoration: underline}
.catlist li{list-style-type: none; padding: .3rem 1rem; color: #fabe6e; font-weight: 600; display: inline-block}
.cat_selected, .sub_selected{text-decoration: underline}
.prod_img {height: 13rem; overflow: hidden; display: flex; align-items: center; justify-content: center}
.prod_img img{max-height: 13rem}
.prod_box{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border: 1px solid #cacaca; padding: 1rem .5rem; border-radius: 10px}
.prod_box:hover{border-color: #041b47}
.prod_box h4{color: #fabe6e; font-size: 16px; margin-top: .5rem; font-weight: 700}

#produto{padding: 3rem 0}
.p_all h1{font-size: 35px; font-weight: 700; color: #083791}
.fispq{font-size: 35px; font-weight: 700; color: #083791}
#formficha textarea{height: 80px}
.prod_detalhes{margin: 0}
.prod_detalhes li{display: inline-block; margin: 1rem}
.prod_detalhes li:first-child{margin-left: 0}
.prod_detalhes li:last-child{margin-right: 0}
.prod_detalhes h5{font-size: 20px; font-weight: 700; line-height: 5px}
.h_destaque{font-size: 25px; font-weight: 700; color: #fabe6e}
.p_hr{ border: 0; height: 1px; background-image: linear-gradient(to right, transparent, #041b47, transparent);}

#busca{padding: 3rem 0}

#onde-encontrar{padding: 3rem 0}
#loader1{display:none; margin-top:10px;}
.col-box{border: 1px solid #dedede; box-shadow: 0 5px 10px rgba(0,0,0,.06),0 3px 6px rgba(0,0,0,.06); margin-bottom: 2rem; justify-content: center; align-items: center; display: grid; height: 7rem; padding: .5rem .7rem}
#cidade{width: 12rem}
.col-box h6{font-weight: 700; font-size: 14px; font-family: 'Montserrat',sans-serif; margin: 0}
.col-box p{margin: 0; font-size: 14px}

#parceiros{padding: 3rem 0}
.parc-title{font-size: 30px; color: #fabe6e; font-weight: 700}
.parc-desc{color: #4d5a61}

#contato{padding: 0 0 5rem}
#formcontato input[type="text"], #formcontato input[type="tel"]{height: 38px; padding: 10px; border-radius: 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 13px; color: #4d5a61; border-color: #aaa}
#formcontato input::-moz-placeholder, textarea::-moz-placeholder{color: #4d5a61}
#formcontato textarea{height:200px; resize: none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;border-color: #aaa;border-radius: 6px; font-size: 13px}
.c_content{padding: 0 4rem}
.b_enviar{height:38px;width:9rem;float:right;border:2px solid #4d5a61;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:13px; color:white; background-color:#4d5a61;transition: all 0.1s ease 0s;}
.b_enviar:hover{background-color: white; color: #4d5a61; transition: all 0.1s ease 0s;}
.formmsg{display: block;color: green; font-weight: 600}
.msgok {height: 2.5em;overflow: hidden;padding-top: 0.7em;width: 21.5em;}
.i_marker{ background-color: #4d5a61; border-radius: 6px; color: white; display: inline-block; font-size: 20px; height: 35px;line-height: 1.8!important; text-align: center; width: 35px;vertical-align: top;}
.c_d{display: inline-block; padding-left: .5rem}
.c_description{margin: 0; font-size: 14px; line-height: 1.3; color: #6c6c6c}
#contato .c_description{text-align: justify}
.i_title{font-weight: 600; font-size: 28px; color: #4d5a61;}
#google-container {position: relative;  width: 100%;  height: 200px;  background-color: #e7eaf0;}
@media only screen and (min-width: 768px) {#google-container {height: 300px}}
@media only screen and (min-width: 1170px) {#google-container {height: 350px}}
#cd-google-map {  position: relative}
#cd-google-map address {position: absolute;width: 100%;bottom: 0; left: 0; padding: .5rem; background-color: rgba(77, 90, 97, 0.9); color: #fff;  font-size: 13px;  font-size: 0.8125rem}
@media only screen and (min-width: 768px) { #cd-google-map address {font-size: 15px; font-size: 0.9375rem; text-align: center}}
#cd-zoom-in, #cd-zoom-out {height: 32px;width: 32px; cursor: pointer; margin-left: 10px; background-color: rgba(77, 90, 97, 0.9); background-repeat: no-repeat; background-size: 32px 64px; background-image: url("../_imagens/cd-icon-controller.svg");}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #d36868;}
@media only screen and (min-width: 768px) {#cd-zoom-in, #cd-zoom-out {margin-left: 50px}}
#cd-zoom-in {background-position: 50% 0; margin-top: 10px; margin-bottom: 1px}
@media only screen and (min-width: 768px) {#cd-zoom-in {margin-top: 50px}}
#cd-zoom-out {background-position: 50% -32px}


#footer{background-image: url('../_imagens/f_back.png'); background-size: cover; padding: 3rem 0 0; color: #fff; height: 23.3rem}
.f_top{padding: 3.5rem 0}
.f_title{font-weight: 700; font-size: 15px}
.f_desc{margin: 0; list-style-type: none; font-size: 13px}
.f_desc a{color: #fff}
.f_desc a:hover{color: #fabe6e; text-decoration: underline}
.f_bottom{color: #fff; font-size: 12px; padding: .5rem 0}
.f-download{background-color: #fabe6e; border-radius: 15px; padding: .5rem 1.5rem; border: 2px solid #fabe6e; color: #000; display: inline-block; font-size: 13px}
.f-download:hover{background-color: transparent; color: #fabe6e}

/*****************************************
	            ALERT
*****************************************/
#bg_alert, #bg_alert2{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: 570px;height: 325px;padding: 5px;background: #fff;z-index: 999999;margin: -158px 0 0 -260px;}*/
#alert{position: relative;top: 50%;left: 50%;width: 350px;height: 250px;padding: 5px;background: #fff;z-index: 999999;margin: -125px 0 0 -175px; border-radius: 4px; overflow: hidden}
/*#alert{position: relative;top: 50%;left: 50%;width: 1000px;height: 342px;padding: 5px;background: #fff;z-index: 999999;margin: -168px 0 0 -500px;}*/
.alert-content{padding: 2rem; text-align: center}
.alert-content h5{font-size: 16px; font-weight: 700}
.alert-content h6{margin-bottom: 1rem}
.alert-content h3{font-size: 24px; font-weight: 700; margin-top: .5rem}
.alert-content span{color: #888; font-size: 14px}
#close_alert, #close_alert2{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) {
  .not_desc h5{left: 60px}
  .cat_box:hover .cat_nome {left: 16px}

@media only screen and (max-width: 40em) {
  .cat_nome{left: 2rem}
  .cat_box:hover .cat_nome{left: 2rem}
  #hm_linhas, #hm_boletim{height: auto}
  #hm_sustentabilidade{margin-top: 0}
  .s_center{text-align: center}
  .linha_btn{color: #fff}
  .s_margin{margin-top: 1rem}
  #header{padding: 2rem 0}
  .cat_box{margin-bottom: 1rem}
  
  #header{background-color: #232323; padding: 1rem 0}
  #header img{margin-bottom: 1rem}
  .h_fone{font-size: 15px}
  #loading{display: none}
  #home{margin-top: 0}
  .hm_title{font-size: 25px}
  .hm_back{display: none}
  #hm_cervejaria{height: 35rem}
  .hm_sociais:not(last){margin-bottom: 1rem}
  #footer{height: 47rem}
  .s_top{margin-top: 1rem}
  .c_content{padding: 0}
  #home, #contato{overflow: hidden}
}