body {font-family: 'Rubik', sans-serif !important;}
img, picture, video, embed, iframe {max-width:100%;}
h1, h2 {margin-top:45px;margin-bottom:30px;}
h1, h2, h3 {font-size:36px; font-family: 'Rubik', sans-serif !important;}
h1 small, h2 small, h3 small { display:block; clear:both; }
ul, li {list-style:none;padding:0;margin:0;}
main {padding:45px 0 30px 0}
a img {transition:all .5s ease 0s;}
a img:hover {opacity:0.85;}

.bannerHome h1 { font-size: 58px; line-height: 58px; margin: 0; font-weight: bold; }
.bannerHome h1 small { max-width: 600px; display: block; font-size: 30px; line-height:30px; font-weight:500; text-transform:lowercase; margin:auto;}
.bannerHome .swiperSlide { height: 450px;}
.swiperSlide { background: url(img/bkg-site-terapia.png) left, top, linear-gradient(141deg, #cc493e 0%, #ad3723 51%, #511b18 75%); height: 300px; display: flex; margin-bottom: 30px; vertical-align: middle; text-align: center; justify-content: center; flex-direction: column; background-size: 120%; font-size: 35px; color: #fff; font-weight: bold; text-shadow: 1px 1px #333;}
.swiperSlide b { font-size: 50px; display: block; line-height: 40px;}

.boxTitle h1 { margin: 0 auto 0px; text-align: center; max-width: 780px; width: 100%; font-size: 36px;}

/*HEADER*/
.headerTop {width:100%;z-index:9;background-color:#fff; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04); top: 0; position: relative;}
.headerTop .row { align-items: center; justify-content: center;}

.headerTop { background: #fff; padding-bottom: 15px; padding-top: 15px;}
.headerTop .topContent { position: relative; z-index: 1;}
.headerTop .topContent .telTop { text-align: right; position: relative;}
.headerTop .topContent .telTop a { background: #4caf50; border-radius: 8px; color: #fff; display: inline-block; font-family: 'Roboto', sans-serif; padding: 12px 15px; text-decoration: none; }
.headerTop .topContent .telTop a:hover { background: #a8ce9f; transition: .2s;}

.headerTop .topContent .telTop a i { font-size: 18px; margin-left: 5px; position: relative;}
.headerTop .topContent .telTop a svg { height: 18px; position: relative; top: -2px;}

.headerTop .menuTop { left: 0; position: absolute; right: 0; text-align: center; top: 44px;}
.headerTop .menuTop .menuInstitucional { display: inline-block; text-align:center; list-style: none; margin: 0; padding: 0; position: relative; z-index: 1;}
.headerTop .menuTop .menuInstitucional li { display: inline-block; margin-left: 30px;}
.headerTop .menuTop .menuInstitucional li a { color: #454545; font-size: 16.5px; font-weight: 400; position: relative; transition: all 0.2s; text-transform:uppercase; }
.headerTop .menuTop .menuInstitucional li a:hover { color: #cb2026; text-decoration: none;}
.headerTop .navMenuButton { display: none;}
.headerTop .menuTop .telBtnModal { display:none;}

/*BANNER*/
.bannerHome {min-height:360px;}
.bannerHome .swiper-container a::before {bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1;}
.bannerHome .swiperSlideHome picture img {transition:all 0.30s ease 0s;}
.swiper-container .caption {align-items:center;bottom:0;display:flex;height:100%;left:190px;margin:0 auto;position:absolute;right:0;}
.swiper-container .caption p span {display:block;font-size:28px;font-weight:600;line-height:28px;margin-top:5px;}
.swiper-container .caption p {color:#fff;line-height:55px;font-size:55px;width:45%;font-weight:700;display:flex;flex-direction:column;align-items:flex-start;text-shadow:2px 1px 0 #000;}
.swiper-container .caption p em {font-size:16px;font-weight:100;}
.swiper-container .caption p::after {border-radius:4px;color:#fff;content:"Saiba Mais";display:inline-block;font-size:15px;
    padding:12px 30px;line-height:15px;background-color: #305CDF;text-shadow:none;}
.swiperSlideHome img {width:100%;}
.bannerHome .swiperSlideHome a:hover picture img {-webkit-transform:scale(1.1); transform:scale(1.1);-webkit-filter:blur(4px);filter:blur(4px);}
.bannerHome .swiperSlideHome picture::after {background:#04133294;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all 0.30s ease 0s;width:100%;}

.swiper .autoplay-progress {position:absolute;right:16px;bottom:16px;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--swiper-theme-color);}
.swiper .autoplay-progress svg {--progress:0;position:absolute;left:0;top:0px;z-index:10;width:100%;height:100%;stroke-width:4px;stroke:var(--swiper-theme-color);fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg);}
.swiper .swiper-pagination-bullet-active {background:#ec5120;}
.swiper .autoplay-progress  {color:#333333;}
.swiper .autoplay-progress svg {stroke:#333333!important;}

/* Main */

/*BOX SERVIÇOS*/
.box-servicos { margin-bottom: 45px; display: block; justify-content: center;}
.box-servicos .row { justify-content: center; }
.box-servicos .row div { margin-bottom: 30px; }
.card-servicos { background-color: #F2F2F2; text-align: right; display: block; text-decoration: none !important; color: #000; padding: 45px 0; border: 1px solid #F2F2F2; overflow: hidden; position: relative;}
.card-servicos img {max-height: 230px;padding: 15px; position: relative; z-index: 1;}
.card-servicos:hover .text-servico{ text-decoration: none !important; color: #B89B2B; padding-bottom: 15px; transition: all 0.3s;}
.banner-servicos { display: flex; padding: 30px; }
.text-servico { position: absolute; left: 45px; top: 45%; transform: translateY(-50%); line-height: 10px; text-align:left;}
.text-servico h3 { font-size: 30px; }
.text-servico h3 small { font-size:70%; }
.text-servico p { font-size: 16px; text-align: left;}

.card-servicos .imgProd { padding: 10px; }
.card-servicos .imgProd:after { content: ''; background: #fff; position: absolute; right: -67px;top: -13px;left: 40%;
    bottom: -55px; border-radius: 22%; transform: rotate(65deg); } 
.card-servicos .imgProd:before { content: '';background: #d7d5d0; position: absolute; right: -67px; top: -13px;
    left: 40%; bottom: -55px; border-radius: 22%; transform: rotate(71deg); }
	
	
/*botão detalhe*/
.botao-detalhes {font-weight:500;padding:10px 20px;margin-top:15px;border-radius:30px;text-decoration:none;color:#B89B2B;border:1px solid #B89B2B; align-items: center;}
.botao-detalhes:hover {border:1px solid #fff; background-color:#B89B2B;transition:.3s;color:#fff;text-decoration:none;} 
.chamarNoZap {color:#28a745!important;}


/* Produto em Destaques */
.prodRel .maisVendido::after { content: 'Mais Vendido'; font: 15px 'Rubik', sans-serif ; position: absolute; top: 0; background: #b5dceb; padding: 15px 20px; color: #fff; right: 100px;  border-radius:  0 0 12px 12px; transition: .4s;}
.prodDet .maisVendido::after { content: 'MAIS Vendido'; font: 15px 'Rubik', sans-serif; position: absolute; top: 40px; background: #8b385a; padding: 15px 20px; color: #fff; right: 65px; border-radius: 50px; transition: .4s; height: 100px; width: 100px; display: flex; align-items: center; text-align: center; border: 4px solid #fff; justify-content: center; }



.box-destaques {text-align:center;}
.box-destaques h2 {margin:70px 15px 60px 15px; font-weight: 500;}
.prodDet .img-produto { padding: 30px 0;}
.prodDet h2 { margin-bottom: 20px; color: #ca220b; font-weight: normal; font-size: 26px;}
.prodDet h2 small { color: #7f7f7f; display: block; font-size: 22px;}
.prodRel .produtos {margin-bottom:30px; padding-top: 60px;}
.prodRelHome .img-produto img { max-height: 300px; padding: 15px; }
.prodRel .contentLi { box-shadow:10px 5px 5px #f5f5f5; border:1px solid #eee;border-radius:10px;min-height:282px;background-color:#fff;}
.prodRel .contentLi .row, .prodRelHome .row { display:flex; align-items:center; position: relative;}
.desc-prod-relacionado {color:#000;text-align:left;display:flex;flex-direction:column;align-items:flex-start; padding-left: 0;}
.desc-prod-relacionado.col-lg-5 { padding-right: 30px; padding-left:0;}
.desc-prod-relacionado h3 { line-height:22px; font-size: 17px; }
.desc-prod-relacionado h3 small { margin-bottom:5px; color:#444; }
.desc-prod-relacionado .nome-prod {margin-bottom:15px; text-decoration: none; color: #454545;}
.desc-prod-relacionado .nome-prod:hover { text-decoration:none;  }
.desc-prod-relacionado .destaque { background-color: #ff3d2a; color: #fff; display: inline-block; line-height: 1; padding: 5px 11px; border-radius: 3px;}

/*Botão Veja +*/
.botao a { padding: 15px 75px; border: 1px solid #dedede; text-decoration: none; color: #B8B8B8; border-radius: 30px;}
.botao a:hover { color: #fff; background: #ae8b07; border: 1px solid #ae8b07; transition: all 0.3s; text-decoration: none;}



/*BoxSobreNos*/
.boxSobreNosHome { background-color: #f8f9f9; min-height: 300px; margin-top: 60px;}
.boxSobreNosHome .container { display: flex; justify-content: center; align-items: center; }
.boxContagem { display: block; text-align: center; padding-top: 60px;}
.boxContagem img { min-height: 64px; }
.boxContagem h2 { color: #b78707; font-size: 40px; letter-spacing: 0.2px; font-weight: bold; margin: 15px 0 15px; }
.boxContagem p { color: #454545; font-size: 20px; text-transform: capitalize; }


/*boxMarcasHome*/
.marcasHome { margin-top: 45px; }
.marcasHome img { margin-bottom: 30px; min-height: 130px; max-height: 130px;}
.marcasHome .swiper-slide { text-align: center; margin-right: 0 !important;}

#galeriaFotos { text-align: center;  }
#galeriaFotos .imgPrincipal { padding: 40px 15px; border-radius: 10px;}
#galeriaFotos .imgPrincipal a img { max-height: 330px;}
#galeriaFotos .imgPrincipal figcaption, #galeriaFotos .imgAdicional figcaption { display: none;}
#galeriaFotos .imgAdicional { display: inline-block; margin-top: 12px;}
#galeriaFotos .imgAdicional a img { border: 1px solid #eee;  max-height: 80px; padding: 5px;}
#galeriaFotos:hover + .seloFig { transform: rotate(0deg) scale(1.09); }

/*Footer*/
footer { background: #30ac66; color: #fff; padding-top: 60px;}
footer a svg path { fill: #fff;}
footer .direitors-autorais { padding-top: 200px; padding-bottom: 15px;}
.footer-geral { margin-bottom: 30px; }
.footer-geral .sobre span { display: flex; gap: 30px; }

.sobre .facebook svg:hover path {fill: #0866FF; }
.sobre .instagram svg:hover path {fill: #E14A7F; }


footer .informacoes { display: flex; flex-direction: column; line-height: 40px;}
footer .informacoes h3 { color: #fff;}
.informacoes a { text-decoration: none; color: #fff; width: 30%;}
.informacoes a:hover { text-decoration: none; color: #cb2026; transition: .2s;}


/*Direitos autorais*/
.direitors-autorais {text-align: center; padding-top: 30px; padding-bottom: 30px;}
.direitors-autorais p { margin: 0; }

.boxCores { margin-bottom: 10px;}
.boxCores p { margin-bottom: 5px;}
.boxCores p b { font-weight: 500;}
.boxCores span { border-radius: 4px; display: inline-block; height: 25px; width: 25px;}
.boxCores span.corZul { background: #0066cb;}
.boxCores span.corPreta { background: #000;}
.boxCores span.corVermelha { background: #fe0000;}
.boxCores span.corCinza { background: #7e7f81;}

@media (max-width:991px) {

	.overflowBody { overflow: hidden;}

	/*HEADER*/
	.headerTop .topContent .boxLogo { text-align: center;}
    .headerTop .topContent .telTop { display:none;}

    .headerTop .navMenuButton { background: 0 0; border: 0; color: #fff; display: block; float: left; height: 38px; padding: 0 12px; position: relative; z-index: 1;}
	.headerTop .navMenuButton span { background-color: #4C4C4C; border-radius: 1px; display: block; height: 3px; margin-bottom: 4px;  width: 20px;}

	.headerTop .menuTop { margin-top: 0; top: calc(50% - 18px);}
	.headerTop .menuTop .telBtnModal { display:block; }
	.headerTop .menuTop .menuInstitucional {background: #fff  url(img/logo-beetrade.jpg) no-repeat center top; background-position-y: 35px; bottom: 0; left: 0; list-style: none; margin: 0; max-width: 300px; padding: 160px 0 0 20px; position: fixed; text-align: left; transform: translateX(-100%); transition: top 0.3s, transform 0.3s; top: 0; width: 80%; z-index: 991; background-size: 60%; display: flex; flex-direction: column; justify-content: space-around;}
	.headerTop .menuTop .menuInstitucional li { display: block;}
	.headerTop .menuTop .menuInstitucional li a { color: #454545; display: block; font: 18px 'Roboto', sans-serif; padding: 20px 0px; text-transform:capitalize;}
	.headerTop .menuTop .menuInstitucional li a:hover::after { display: none;}
	.headerTop .menuTop .menuInstitucionalShow { transform: translateX(0);}

	.headerTop .backMenu { background: rgba(0, 0, 0, 0.3); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 990;}
    .headerTop .backMenu.backMenuShow { display: block;}
	.headerTop .telBtnModal { float: right; position: relative; z-index: 1;}
	.headerTop .telBtnModal .btn { background:none; border: none; box-shadow: none; color:#009688; padding: 4px 12px;}

	.desc-prod-relacionado.col-lg-5 { padding: 0 30px;}
	.desc-prod-relacionado .nome-prod { display: block;}
	.desc-prod-relacionado { text-align: center; display: block; margin-bottom: 30px;}
	.desc-prod-relacionado h2, .desc-prod-relacionado p { padding: 0 15px; text-align: left;}
	.desc-prod-relacionado .botao-detalhes { display: inline-block; margin-top: 15px;}

	/*BANNER*/
    .bannerHome { padding-top: 0; min-height: 0;}

	/*BOX SERVIÇOS*/	
	.box-servicos .row { justify-content: center;}
	.card-servicos { margin-bottom: 30px; }

	/*BoxEmpresas*/
	.marcasHome .swiper-slide { margin-right: 20px !important; }

	

}

@media (max-width:767px) {

	.boxTitle h1 { font-size: 32px;}

	/*Banner*/
	.bannerHome .swiperSlide { height: 400px;}
	.bannerHome h1, .bannerHome h1 small { font-size: 36px; padding: 0 15px; }
	.bannerHome h1 small, .swiperSlide small { font-size:22px; line-height:22px; }

	/*Header*/
	.headerTop .telBtnModal .btn svg { width: 30px; height: 30px; }

	.swiperSlide { padding: 15px; height: 300px; line-height: 22px; }
	.swiperSlide b { font-size: 36px; line-height:36px; margin-bottom: 10px;}

	#galeriaFotos .imgPrincipal { padding:0 15px; }

	/*PRODUTOS EM DESTAQUE*/
	.prodRelHome .img-produto { padding-top: 30px; }
	.prodRel .contentLi { flex-direction: column; padding: 30px 0;}
	.prodDet .maisVendido::after { top: 60px;}
	.prodRel .maisVendido::after { top: -30px; right: calc(50% - 70px); }

	/*Produtos*/
	.prodDet li:nth-child(-n + 2) .img-produto::after { top: -15px; right: 50px; }

	

	/* BOX SERVIÇOS */
	.box-servicos .row { gap: 35px; }
	.box-servicos .text-servico { display: block; padding: 15px; position: static;  transform: none; text-align:center; }
	.box-servicos .text-servico h3{ transform: none;}
	.box-servicos .text-servico p { background-color: #B89B2B; border-radius: 30px; display: inline-block;padding: 15px 20px; color: #fff;}
	.card-servicos { text-align: center; }
	.text-servico { left: 20%; }

	/*BoxSobreNos*/
	.boxSobreNosHome .container { display: flex; flex-direction: column; margin-bottom: 45px;}

	/*Carrosel Marcas*/
	


	/*Footer*/
	.footer-geral .row { gap: 35px; }
	.informacoes a { width: auto; }
    
}