@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&family=Mate+SC&family=Merriweather:wght@300;400;700&family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&family=Roboto:wght@300;400;700&family=Shadows+Into+Light&display=swap");

:root {
	--space-1: 0.5rem;
	--space-2: 1.0rem;
	--space-3: 1.5rem;
	--space-4: 2.0rem;
	--space-5: 2.5rem;
	--space-6: 3.0rem;
	--space-7: 2.5rem;
	--space-8: 4.0rem;
	--space-9: 4.5rem;
	--space-10: 5rem;	
}

/* PADRÃO SHOWCOMMERCE *******
******************************/
body {
	font-family: var(--text-font) !important;
	font-size: var(--text-size) !important;
	color: var(--text-color) !important;
	background-color: var(--background-color) !important;
}
h1, .h1, h2, .h2, h3, .h3 {
	font-family: var(--title-font) !important;
	color: var(--title-color) !important;
}
.bg-primary {
	background-color: var(--primary-color) !important;
	color: var(--text-color) !important;
}
.bg-secondary {
	background-color: var(--secondary-color) !important;
	color: var(--text-color) !important;
}
.btn_primary {
	background-color: var(--primary-color) !important;
}

.text-primary {
	color: var(--primary-color) !important;
}
.text-secondary {
	color: var(--secondary-color) !important;
}



/* PADRÃO ********************
******************************/
.cresce {	
	-webkit-transition:all 0.3s;
}
.cresce:hover {
	cursor:pointer;
	-webkit-transform:scale(1.1);
}
.some {
	display: none;
}
/* RESPONSIVE */
@media screen and (max-width: 860px) {
  .some {
	  display: block;
  }
}
.text-justify {
	text-align: justify !important;
}
.texto-branco, .texto-branco strong {
	color: #fff !important;
}
.pb {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(90%); /* Chrome 19+ & Safari 6+ */
	transition: all 1s ease;
}
.pb:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
	transition: all 1s ease;
}

/* BANNER ********************
******************************/
#banner .item img{
	align-content: center;
	text-align: center;
	display: block;
	width: 100%;
	height: auto;
}

/* PARALLAX ******************
******************************/
.parallax {
	background-color: #f3f3f3;
   	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-shadow: inset 0px -5px 5px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px -5px 5px -4px rgba(0,0,0,0.25);
	box-shadow: inset 0px -5px 5px -4px rgba(0,0,0,0.25);
}
.fundo-imagem {	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	background-position:center;
}
.sem-fundo {
	background-color: transparent !important;
	border: none;
	border-radius:0;
}

/* ACCORDION *****************
******************************/
.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}

.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}

.panel-title {
	font-size: 14px;
}

.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
}

.more-less {
	float: right;
	color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.nav-next {
	top: 50%;
	right: 0;
	margin-right: -50px;
	position: absolute;
	font-size: 200%;
	color: var(--primary-color);
}
.nav-prev {
	top: 50%;
	left: 0;
	margin-left: -50px;
	position: absolute;
	font-size: 200%;
	color: var(--primary-color);
}

/* BANNER - SLIDER-1 */
.nav-next-banner, .nav-prev-banner{
	width: 55px !important;
	height: 55px !important;
	padding: 0.8rem !important;
	border-radius: 30rem !important;
	text-align: center !important;
	top: 45%;
	text-align: center !important;
	font-size: 170%;
	background-color: var(--primary-color);
	color: var(--light-color);
	position: absolute;

	-webkit-box-shadow: inset 0px -5px 5px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px -5px 5px -4px rgba(0,0,0,0.25);
	box-shadow: inset 0px -5px 5px -4px rgba(0,0,0,0.25);
}
.nav-next-banner {
	right: 0;
	margin-right: 50px;	
}
.nav-prev-banner {
	left: 0;
	margin-left: 50px;	
}

/* CATEGORIAS - SLIDER-CATEGORIAS */
.slider-categorias {
	max-height: 20px !important;
}
.slider-categorias .owl-nav {
	margin-top: -40px;
	max-height: 10px !important;
	padding:0 !important;
}
.slider-categorias .item, .slider-categorias .item a {
	text-align: center !important;
	font-size: 100% !important;
	color: var(--light) !important;
	text-transform: uppercase;
	text-decoration: none !important;
}
.nav-next-categorias, .nav-prev-categorias{
	width: 30px !important;
	height: 30px !important;	
	text-align: center !important;	
	text-align: center !important;
	font-size: 90%;
	color: var(--light);
	position: absolute;
	top: 4px;
}
.nav-next-categorias {
	right: 0;	
	margin-right: -15px;
}
.nav-prev-categorias {
	left: 0;
	margin-left: -15px;
}
 
@media screen and (max-width: 780px) {
	.nav-next, .nav-prev, .nav-next-banner, .nav-prev-banner, .nav-next-categorias, .nav-prev-categorias {
		display: none;
	}
}
.nav-prev:hover, .nav-next:hover {
	color: var(--secondary-color) !important;
}
.nav-prev-banner:hover, .nav-next-banner:hover {
	background-color: var(--light-color) !important;
	color: var(--primary-color) !important;
}


.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background: var(--primary-color);
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--secondary-color);
}

/******************************************
PADDING PADRÃO
*******************************************/

/* PADDING */
.p-1 { padding: var(--space-1)!important; }
.p-2 { padding: var(--space-2)!important; }
.p-3 { padding: var(--space-3)!important; }
.p-4 { padding: var(--space-4)!important; }
.p-5 { padding: var(--space-5)!important; }
.p-6 { padding: var(--space-6)!important; }
.p-7 { padding: var(--space-7)!important; }
.p-8 { padding: var(--space-8)!important; }
.p-9 { padding: var(--space-9)!important; }
.p-10 { padding: var(--space-10)!important; }

/* PADDING Y */
.py-1 { padding-top: var(--space-1)!important; padding-bottom: var(--space-1)!important; }
.py-2 { padding-top: var(--space-2)!important; padding-bottom: var(--space-2)!important; }
.py-3 { padding-top: var(--space-3)!important; padding-bottom: var(--space-3)!important; }
.py-4 { padding-top: var(--space-4)!important; padding-bottom: var(--space-4)!important; }
.py-5 { padding-top: var(--space-5)!important; padding-bottom: var(--space-5)!important; }
.py-6 { padding-top: var(--space-6)!important; padding-bottom: var(--space-6)!important; }
.py-7 { padding-top: var(--space-7)!important; padding-bottom: var(--space-7)!important; }
.py-8 { padding-top: var(--space-8)!important; padding-bottom: var(--space-8)!important; }
.py-9 { padding-top: var(--space-9)!important; padding-bottom: var(--space-9)!important; }
.py-10 { padding-top: var(--space-10)!important; padding-bottom: var(--space-10)!important; }

/* PADDING X */
.px-1 { padding-left: var(--space-1)!important; padding-right: var(--space-1)!important; }
.px-2 { padding-left: var(--space-2)!important; padding-right: var(--space-2)!important; }
.px-3 { padding-left: var(--space-3)!important; padding-right: var(--space-3)!important; }
.px-4 { padding-left: var(--space-4)!important; padding-right: var(--space-4)!important; }
.px-5 { padding-left: var(--space-5)!important; padding-right: var(--space-5)!important; }
.px-6 { padding-left: var(--space-6)!important; padding-right: var(--space-6)!important; }
.px-7 { padding-left: var(--space-7)!important; padding-right: var(--space-7)!important; }
.px-8 { padding-left: var(--space-8)!important; padding-right: var(--space-8)!important; }
.px-9 { padding-left: var(--space-9)!important; padding-right: var(--space-9)!important; }
.px-10 { padding-left: var(--space-10)!important; padding-right: var(--space-10)!important; }

/* PADDING TOP */
.pt-1 { padding-top: var(--space-1)!important; }
.pt-2 { padding-top: var(--space-2)!important; }
.pt-3 { padding-top: var(--space-3)!important; }
.pt-4 { padding-top: var(--space-4)!important; }
.pt-5 { padding-top: var(--space-5)!important; }
.pt-6 { padding-top: var(--space-6)!important; }
.pt-7 { padding-top: var(--space-7)!important; }
.pt-8 { padding-top: var(--space-8)!important; }
.pt-9 { padding-top: var(--space-9)!important; }
.pt-10 { padding-top: var(--space-10)!important; }

/* PADDING BOTTOM */
.pb-1 { padding-bottom: var(--space-1)!important; }
.pb-2 { padding-bottom: var(--space-2)!important; }
.pb-3 { padding-bottom: var(--space-3)!important; }
.pb-4 { padding-bottom: var(--space-4)!important; }
.pb-5 { padding-bottom: var(--space-5)!important; }
.pb-6 { padding-bottom: var(--space-6)!important; }
.pb-7 { padding-bottom: var(--space-7)!important; }
.pb-8 { padding-bottom: var(--space-8)!important; }
.pb-9 { padding-bottom: var(--space-9)!important; }
.pb-10 { padding-bottom: var(--space-10)!important; }

/* PADDING LEFT */
.pl-1 { padding-left: var(--space-1)!important; }
.pl-2 { padding-left: var(--space-2)!important; }
.pl-3 { padding-left: var(--space-3)!important; }
.pl-4 { padding-left: var(--space-4)!important; }
.pl-5 { padding-left: var(--space-5)!important; }
.pl-6 { padding-left: var(--space-6)!important; }
.pl-7 { padding-left: var(--space-7)!important; }
.pl-8 { padding-left: var(--space-8)!important; }
.pl-9 { padding-left: var(--space-9)!important; }
.pl-10 { padding-left: var(--space-10)!important; }

/* PADDING RIGHT */
.pr-1 { padding-right: var(--space-1)!important; }
.pr-2 { padding-right: var(--space-2)!important; }
.pr-3 { padding-right: var(--space-3)!important; }
.pr-4 { padding-right: var(--space-4)!important; }
.pr-5 { padding-right: var(--space-5)!important; }
.pr-6 { padding-right: var(--space-6)!important; }
.pr-7 { padding-right: var(--space-7)!important; }
.pr-8 { padding-right: var(--space-8)!important; }
.pr-9 { padding-right: var(--space-9)!important; }
.pr-10 { padding-right: var(--space-10)!important; }


/******************************************
MARGIN PADRÃO
*******************************************/

/* MARGIN */
.m-1 { margin: var(--space-1)!important; }
.m-2 { margin: var(--space-2)!important; }
.m-3 { margin: var(--space-3)!important; }
.m-4 { margin: var(--space-4)!important; }
.m-5 { margin: var(--space-5)!important; }
.m-6 { margin: var(--space-6)!important; }
.m-7 { margin: var(--space-7)!important; }
.m-8 { margin: var(--space-8)!important; }
.m-9 { margin: var(--space-9)!important; }
.m-10 { margin: var(--space-10)!important; }

/* MARGIN Y */
.my-1 { margin-top: var(--space-1)!important; margin-bottom: var(--space-1)!important; }
.my-2 { margin-top: var(--space-2)!important; margin-bottom: var(--space-2)!important; }
.my-3 { margin-top: var(--space-3)!important; margin-bottom: var(--space-3)!important; }
.my-4 { margin-top: var(--space-4)!important; margin-bottom: var(--space-4)!important; }
.my-5 { margin-top: var(--space-5)!important; margin-bottom: var(--space-5)!important; }
.my-6 { margin-top: var(--space-6)!important; margin-bottom: var(--space-6)!important; }
.my-7 { margin-top: var(--space-7)!important; margin-bottom: var(--space-7)!important; }
.my-8 { margin-top: var(--space-8)!important; margin-bottom: var(--space-8)!important; }
.my-9 { margin-top: var(--space-9)!important; margin-bottom: var(--space-9)!important; }
.my-10 { margin-top: var(--space-10)!important; margin-bottom: var(--space-10)!important; }

/* MARGIN X */
.mx-1 { margin-left: var(--space-1)!important; margin-right: var(--space-1)!important; }
.mx-2 { margin-left: var(--space-2)!important; margin-right: var(--space-2)!important; }
.mx-3 { margin-left: var(--space-3)!important; margin-right: var(--space-3)!important; }
.mx-4 { margin-left: var(--space-4)!important; margin-right: var(--space-4)!important; }
.mx-5 { margin-left: var(--space-5)!important; margin-right: var(--space-5)!important; }
.mx-6 { margin-left: var(--space-6)!important; margin-right: var(--space-6)!important; }
.mx-7 { margin-left: var(--space-7)!important; margin-right: var(--space-7)!important; }
.mx-8 { margin-left: var(--space-8)!important; margin-right: var(--space-8)!important; }
.mx-9 { margin-left: var(--space-9)!important; margin-right: var(--space-9)!important; }
.mx-10 { margin-left: var(--space-10)!important; margin-right: var(--space-10)!important; }

/* MARGIN TOP */
.mt-1 { margin-top: var(--space-1)!important; }
.mt-2 { margin-top: var(--space-2)!important; }
.mt-3 { margin-top: var(--space-3)!important; }
.mt-4 { margin-top: var(--space-4)!important; }
.mt-5 { margin-top: var(--space-5)!important; }
.mt-6 { margin-top: var(--space-6)!important; }
.mt-7 { margin-top: var(--space-7)!important; }
.mt-8 { margin-top: var(--space-8)!important; }
.mt-9 { margin-top: var(--space-9)!important; }
.mt-10 { margin-top: var(--space-10)!important; }

/* MARGIN BOTTOM */
.mb-1 { margin-bottom: var(--space-1)!important; }
.mb-2 { margin-bottom: var(--space-2)!important; }
.mb-3 { margin-bottom: var(--space-3)!important; }
.mb-4 { margin-bottom: var(--space-4)!important; }
.mb-5 { margin-bottom: var(--space-5)!important; }
.mb-6 { margin-bottom: var(--space-6)!important; }
.mb-7 { margin-bottom: var(--space-7)!important; }
.mb-8 { margin-bottom: var(--space-8)!important; }
.mb-9 { margin-bottom: var(--space-9)!important; }
.mb-10 { margin-bottom: var(--space-10)!important; }

/* MARGIN LEFT */
.ml-1 { margin-left: var(--space-1)!important; }
.ml-2 { margin-left: var(--space-2)!important; }
.ml-3 { margin-left: var(--space-3)!important; }
.ml-4 { margin-left: var(--space-4)!important; }
.ml-5 { margin-left: var(--space-5)!important; }
.ml-6 { margin-left: var(--space-6)!important; }
.ml-7 { margin-left: var(--space-7)!important; }
.ml-8 { margin-left: var(--space-8)!important; }
.ml-9 { margin-left: var(--space-9)!important; }
.ml-10 { margin-left: var(--space-10)!important; }

/* MARGIN RIGHT */
.mr-1 { margin-right: var(--space-1)!important; }
.mr-2 { margin-right: var(--space-2)!important; }
.mr-3 { margin-right: var(--space-3)!important; }
.mr-4 { margin-right: var(--space-4)!important; }
.mr-5 { margin-right: var(--space-5)!important; }
.mr-6 { margin-right: var(--space-6)!important; }
.mr-7 { margin-right: var(--space-7)!important; }
.mr-8 { margin-right: var(--space-8)!important; }
.mr-9 { margin-right: var(--space-9)!important; }
.mr-10 { margin-right: var(--space-10)!important; }

/* BREADCRUMB */
.breadcrumbPadrao {	
	margin-bottom: 0;  
	--bs-breadcrumb-divider: '>';
	font-size: 90%;
}
.breadcrumb-item a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}


/* SLIDER BOOTSTRAP 5 */
.carousel-caption {
	bottom: 35%;
}
.carousel-caption h5 {
	color: var(--light) !important;
	font-weight: bold !important;
	font-size: 200% !important;
}
.carousel-caption p {
	color: var(--light) !important;
	font-size: 120% !important;
}


