
:root {
	--space-1: 1rem;
	--space-2: 2rem;
	--space-3: 3rem;
	--space-4: 4rem;
	--space-5: 5rem;
	--space-6: 6rem;
	--space-7: 7rem;
	--space-8: 8rem;
	--space-9: 9rem;
	--space-10: 10rem;	
}

/* PADRÃO ********************
******************************/
.showmobile {display:none !important;}
@media screen and (min-width : 320px) and (max-width : 768px) {
	.hidemobile {display:none !important;}
	.showmobile {display:inherit !important;}
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
.animacao-padrao {
    transform: translatey(0px);
	animation: float 3s ease-in-out infinite;
	transition:all 0.3s ease;
}


a {
	color: inherit !important;
}
hr {
	margin-top: 0.2rem !important;
	margin-bottom: 0.2rem !important;
	padding: 0.2rem !important;
}
.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;
  }
}
.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;
}

.btn {
	border: none !important;
}

/* 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;
}
.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;
}



/******************************
FORMULÁRIOS
*******************************/
input {
	outline: none;
	margin: 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
	font-family: inherit;
}
.input-radio {
	width: 1.5em;
	height: 1.5em;

}
  
.input-padrao {
	line-height: 50px;
	background: #fafafa;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 20px;
	font-size: 16px;
	color: #666;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: none;
	width: 100%;
}
.input-quantidade {
	line-height: 30px;
	font-size: 1rem;
	background: #fafafa;
	padding: 5px;
	color: #666;
	border: none;
	width: 100%;
	max-width: 90px !important;
	text-align: center !important;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0px;
	margin-top: -10px;
}
.produtos-lateral {
	margin-bottom: 20px;
	padding: 20px;    
	
	border-right: 1px solid #f3f3f3;
}



/*************************************/
/* 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
}

.owl-theme {
      margin-top: 10px
}

.nav-next {
      top: 50%;
      right: 0;
      margin-right: -50px;
      position: absolute;
      font-size: 200%;
      color: #4e1b49;
}
.nav-prev {
	top: 50%;
	left: 0;
	margin-left: -50px;
	position: absolute;
	font-size: 200%;
	color: #4e1b49;
}

@media screen and (max-width: 780px) {
  .nav-next {
		display: none;
	}
	.nav-prev {
		display: none;
	}
}

.nav-prev:hover, .nav-next:hover {
	color: #761B6D;
}


.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 2rem
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    margin-top: 0 !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #D6D6D6;
    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: #333
}



/* DIALOG ******************
****************************/
.sc-dialog {
    background: rgba(255,255,255,0.7);
}
.sc-dialog .sc-alert {
    border: 2px solid var(--light-secondary);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sc-dialog .sc-alert .sc-titulo{
    padding: 1rem;
    color: var(--light);
    background: var(--primary-color);
}
.sc-dialog .sc-alert .sc-mensagem{
    font-size: inherit;
    padding: 1rem;
}
.sc-dialog .sc-alert .sc-action{
    border-top: none;
    padding: 1rem;
    background: #fff
}


/*************************************/
/* ACCORDION
/**************************************/
.accordion .panel-heading {
	position: relative;
	background-color: var(--light-secondary);
	padding: 0;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.accordion .panel-heading:hover {
	background-color: var(--light-secondary);
}
.accordion .panel-heading > a.minus {
	color: var(--primary-color);
}
.accordion .panel-heading > a > span {
	display: block;
	width: 13px;
	height: 1px;
	background-color: var(--primary-color);
	right: 18px;
	top: 24px;
	position: absolute;
}
.accordion .panel-heading > a.plus > span {
	background-color: var(--dark);
}
.accordion .panel-heading > a.plus > span:after {
	content: "";
	display: block;
	width: 13px;
	height: 1px;
	position: absolute;
	top: 0;
	background-color: var(--dark);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.accordion.panel-group .panel {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 5px;
}
.accordion.panel-group .panel:first-child {
	margin-top: 0;
}
.panel-content p {
	margin-bottom: 0;
}
.accordion .panel-heading + .panel-collapse > .panel-body,
.panel-content {
	border: 1px solid var(--light-secondary);
	border-top-color: transparent;
	padding: 20px 30px;
	line-height: 26px;
	border-radius: 0;
}

.accordion .panel-heading > a, .toggle > .acc-panel > a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 14px 20px;
	color: #111111;
	font-family: "Barlow", sans-serif;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.accordion .panel-heading > a {
	border: 1px solid var(--light-secondary);
}
.toggle > .acc-panel > a {
	border-bottom: 1px solid var(--light-secondary);
	padding: 14px 0;
}
.toggle > .acc-panel > a:after {
	font-family: "Icon54com";
	position: absolute;
	content: "\ebd0";
	right: 0;
	margin-top: 2px;
	color: var(--secondary-color);
	font-size: 12px;
}
.toggle > .acc-panel > a.active:after {
	content: "\f0aa";
	color: var(--dark);
}
.toggle .panel-content {
	padding: 20px 0 10px;
	border: none;
}
  



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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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




/******************************************
MIN HEIGHT PADRÃO
*******************************************/
.min-h-100 { min-height: 100px !important;  }
.min-h-150 { min-height: 150px !important; }
.min-h-200 { min-height: 200px !important; }
.min-h-250 { min-height: 250px !important; }
.min-h-300 { min-height: 300px !important; }
.min-h-350 { min-height: 350px !important; }
.min-h-400 { min-height: 400px !important; }
.min-h-450 { min-height: 450px !important; }
.min-h-500 { min-height: 500px !important; }
.min-h-550 { min-height: 550px !important; }
.min-h-600 { min-height: 600px !important; }
.min-h-650 { min-height: 650px !important; }
.min-h-700 { min-height: 700px !important; }
.min-h-750 { min-height: 750px !important; }




