:root {
	--space-1: 0.3rem;
	--space-2: 0.6rem;
	--space-3: 0.9rem;
	--space-4: 1.2rem;
	--space-5: 1.5rem;
	--space-6: 1.8rem;
	--space-7: 2.1rem;
	--space-8: 2.4rem;
	--space-9: 2.7rem;
	--space-10: 3rem;	
}

/* PADRÃO ********************
******************************/
.cresce {	
	-webkit-transition:all 0.3s;
}
.cresce:hover {
	cursor:pointer;
	-webkit-transform:scale(1.1);
}


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

/* 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(--secondary-color);
}
.nav-prev {
	top: 50%;
	left: 0;
	margin-left: -50px;
	position: absolute;
	font-size: 200%;
	color: var(--secondary-color);
}

/* BANNER - SLIDER-1 */
.nav-next-banner, .nav-prev-banner{
	width: 60px !important;
	height: 60px !important;
	padding: 1.0rem !important;
	border-radius: 30rem !important;
	text-align: center !important;
	top: 45%;
	text-align: center !important;
	font-size: 170%;
	color: var(--primary-color);
	background-color: var(--secondary-color);
	position: absolute;
}
.nav-next-banner {
	right: 0;
	margin-right: 50px;	
}
.nav-prev-banner {
	left: 0;
	margin-left: 50px;	
}
 
@media screen and (max-width: 780px) {
	.nav-next, .nav-prev, .nav-next-banner, .nav-prev-banner {
		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; }




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

/******************************************
WIDTH PADRÃO
*******************************************/
.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; min-width: 25% !important; max-width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-100 { width: 100% !important; }
