@charset "UTF-8";
/*
Name: 			theme-elements.css
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	12.1.0
*/
/* Accordion */
.accordion .card {
	margin-top: 5px;
}

.accordion .card:first-child {
	margin-top: 0;
}

.accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type {
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: .25rem;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: .25rem;
}

.accordion .card-title {
	font-size: 16px;
}

.accordion .card-header {
	padding: 0;
	border-radius: .25rem;
	border-bottom: 0;
	margin: -1px;
}

.accordion .card-header a {
	cursor: pointer;
	display: block;
	padding: 10px 20px;
}

.accordion .card-header a:hover, .accordion .card-header a:focus {
	text-decoration: none;
}

.accordion .card-header a [class^="icon-"] {
	margin-right: 4px;
	position: relative;
	top: 1px;
}

.accordion .card-header a [class*="fa-"], .accordion .card-header a .icons {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.accordion .card-header a .icons {
	top: 1px;
}

.accordion.accordion-sm .card-header a {
	padding: 5px 15px;
	font-size: 0.85em;
}

.accordion.accordion-sm .card-body {
	font-size: 0.9em;
}

.accordion.accordion-lg .card-header a {
	padding: 15px 15px;
	font-size: 1em;
	font-weight: 600;
}

.accordion.without-bg .card-default {
	background: transparent !important;
}

.accordion.without-bg .card-default > .card-header {
	background: transparent !important;
}

.accordion.without-bg .card-body {
	padding-top: 0;
}

.accordion.without-borders .card {
	border: 0 !important;
	box-shadow: none;
	border-radius: 0;
}

.accordion.without-borders .card-header a {
	padding-left: 0;
	padding-right: 0;
}

.accordion.without-borders .card-body {
	padding: 0;
}

.accordion.accordion-modern .card:first-of-type, .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern .card:last-of-type {
	border: 4px solid var(--grey-100);
}

.accordion.accordion-modern .card .card-header {
	background-color: var(--grey-100);
	border-radius: 0;
}

.accordion.accordion-modern-2 > .card {
	border: 1px solid transparent !important;
	transition: ease border-color 300ms;
}

.accordion.accordion-modern-2 > .card .card-header a {
	position: relative;
	padding: 23px 30px;
	background-color: #f4f4f4;
	transition: ease background-color 300ms, ease color 300ms;
	border-radius: var(--border-radius);
}

.accordion.accordion-modern-2 > .card .card-header a:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 25px;
	font-size: inherit;
	font-weight: inherit;
	transform: translate3d(0, -50%, 0) rotate(45deg);
	transform-origin: 50% 50%;
	transition: ease transform 300ms;
}

.accordion.accordion-modern-2 > .card .card-header a.collapsed:after {
	transform: translate3d(0, -50%, 0) rotate(0deg);
}

.accordion.accordion-modern-2 > .card .card-header + .collapse.show,
.accordion.accordion-modern-2 > .card .card-header + .collapsing {
	border: 1px solid transparent;
	border-top: 0;
}

.accordion.accordion-modern-2 > .card + .card {
	margin-top: 17px;
}

.accordion.accordion-modern-status > .card {
	border: 1px solid transparent !important;
	transition: ease border-color 300ms;
}

.accordion.accordion-modern-status > .card .card-header a {
	position: relative;
	padding: 23px 30px;
	background-color: #f4f4f4;
	transition: ease background-color 300ms, ease color 300ms;
}

.accordion.accordion-modern-status > .card .card-header a:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 25px;
	font-size: 24px;
	font-weight: 500;
	transform: translate3d(0, -50%, 0) rotate(45deg);
	transform-origin: 50% 50%;
	transition: ease transform 300ms;
}

.accordion.accordion-modern-status > .card .card-header a.collapsed:after {
	transform: translate3d(0, -50%, 0) rotate(0deg);
}

.accordion.accordion-modern-status > .card .card-header + .collapse.show,
.accordion.accordion-modern-status > .card .card-header + .collapsing {
	border: 0;
}

.accordion.accordion-modern-status > .card + .card {
	margin-top: 17px;
}

.accordion.accordion-modern-status.accordion-modern-status-borders > .card {
	border: 1px solid rgba(0, 0, 0, 0.085) !important;
}

.accordion.accordion-modern-status.accordion-modern-status-borders > .card .card-header {
	background: transparent !important;
}

.accordion.accordion-modern-status.accordion-modern-status-borders > .card .card-header a {
	background: transparent !important;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {
	transform: translate3d(0, -50%, 0) rotate(180deg);
	font-family: 'Font Awesome 6 Free';
	content: "\f107";
	font-weight: 900;
	font-size: inherit;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a.collapsed:after {
	transform: translate3d(0, -50%, 0) rotate(0deg);
}

.accordion.accordion-modern-status.accordion-modern-status-arrow-dark > .card .card-header a:after {
	border-radius: 50%;
	background: var(--dark);
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #FFF;
}

.accordion.accordion-modern-grey-scale-1 .card:first-of-type, .accordion.accordion-modern-grey-scale-1 .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern-grey-scale-1 .card:last-of-type {
	border-color: #EDEDED;
}

.accordion.accordion-modern-grey-scale-1 .card .card-header {
	background-color: #EDEDED;
}

/* Accordion - Skin */
.accordion .card-header a {
	color: var(--primary);
}

.accordion.accordion-primary .card-header {
	background-color: var(--primary) !important;
}

.accordion.accordion-primary .card-header a {
	color: var(--primary-inverse);
}

.accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) {
	background-color: var(--primary) !important;
	color: var(--primary-inverse) !important;
}

.accordion-modern-status-primary.accordion-modern-status > .card:hover .card-header a.collapsed {
	color: var(--primary) !important;
}

.accordion.accordion-secondary .card-header {
	background-color: var(--secondary) !important;
}

.accordion.accordion-secondary .card-header a {
	color: var(--secondary-inverse);
}

.accordion-modern-status-secondary.accordion-modern-status > .card .card-header a:not(.collapsed) {
	background-color: var(--secondary) !important;
	color: var(--secondary-inverse) !important;
}

.accordion-modern-status-secondary.accordion-modern-status > .card:hover .card-header a.collapsed {
	color: var(--secondary) !important;
}

.accordion.accordion-tertiary .card-header {
	background-color: var(--tertiary) !important;
}

.accordion.accordion-tertiary .card-header a {
	color: var(--tertiary-inverse);
}

.accordion-modern-status-tertiary.accordion-modern-status > .card .card-header a:not(.collapsed) {
	background-color: var(--tertiary) !important;
	color: var(--tertiary-inverse) !important;
}

.accordion-modern-status-tertiary.accordion-modern-status > .card:hover .card-header a.collapsed {
	color: var(--tertiary) !important;
}

.accordion.accordion-quaternary .card-header {
	background-color: var(--quaternary) !important;
}

.accordion.accordion-quaternary .card-header a {
	color: var(--quaternary-inverse);
}

.accordion-modern-status-quaternary.accordion-modern-status > .card .card-header a:not(.collapsed) {
	background-color: var(--quaternary) !important;
	color: var(--quaternary-inverse) !important;
}

.accordion-modern-status-quaternary.accordion-modern-status > .card:hover .card-header a.collapsed {
	color: var(--quaternary) !important;
}

.accordion.accordion-dark .card-header {
	background-color: var(--dark) !important;
}

.accordion.accordion-dark .card-header a {
	color: var(--dark-inverse);
}

.accordion-modern-status-dark.accordion-modern-status > .card .card-header a:not(.collapsed) {
	background-color: var(--dark) !important;
	color: var(--dark-inverse) !important;
}

.accordion-modern-status-dark.accordion-modern-status > .card:hover .card-header a.collapsed {
	color: var(--dark) !important;
}

.accordion.accordion-light .card-header {
	background-color: var(--light) !important;
}

.accordion.accordion-light .card-header a {
	color: var(--light-inverse);
}

.accordion-modern-status-light.accordion-modern-status > .card .card-header a:not(.collapsed) {
	background-color: var(--light) !important;
	color: var(--light-inverse) !important;
}

.accordion-modern-status-light.accordion-modern-status > .card:hover .card-header a.collapsed {
	color: var(--light) !important;
}

/* Animations */
.appear-animation {
	opacity: 0;
}

.appear-animation-visible {
	opacity: 1;
}

.block-appear-animation {
	opacity: 1;
	overflow: hidden;
	position: relative;
}

.block-appear-animation .block-appear-animation-wrapper {
	animation-duration: 1s;
	animation-duration: var(--animate-duration);
	animation-fill-mode: both;
	animation-delay: 300ms;
	opacity: 0;
}

.block-appear-animation.appear-animation-visible .block-appear-animation-wrapper {
	animation-name: fadeIn;
}

/* Transitions */
.transition-2ms {
	transition: all 0.2s ease-in-out;
}

.transition-3ms {
	transition: all 0.3s ease-in-out;
}

.transition-4ms {
	transition: all 0.4s ease-in-out;
}

.transition-5ms {
	transition: all 0.5s ease-in-out;
}

.transition-1s {
	transition: all 1s ease-in-out;
}

/* Transition Magnetic */
.transition-magnetic {
	transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1);
}

.maskUp {
	animation-name: maskUp;
}

.maskRight {
	animation-name: maskRight;
}

.maskDown {
	animation-name: maskDown;
}

.maskLeft {
	animation-name: maskLeft;
}

/* Text Entrance */
@keyframes textEntrance {
	from {
		opacity: 0;
		transform: translateY(100%) rotateX(-80deg);
	}

	to {
		transform: none;
		opacity: 1;
	}
}

.textEntrance {
	transform-origin: center top;
	transform-style: preserve-3d;
	transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-duration: 0.8s;
	animation-name: textEntrance;
}

@keyframes headerReveal {
	from {
		top: -150px;
	}

	to {
		top: 0;
	}
}

/* Fade In Up Shorter */
@keyframes fadeInUpShorter {
	from {
		opacity: 0;
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInUpShorter {
	animation-name: fadeInUpShorter;
}

/* Fade In Up Shorter Plus */
@keyframes fadeInUpShorterPlus {
	from {
		opacity: 0;
		transform: translate(0, 15px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInUpShorterPlus {
	animation-name: fadeInUpShorterPlus;
}

/* Fade In Left Shorter */
@keyframes fadeInLeftShorter {
	from {
		opacity: 0;
		transform: translate(50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftShorter {
	animation-name: fadeInLeftShorter;
}

/* Fade In Left Shorter Plus */
@keyframes fadeInLeftShorterPlus {
	from {
		opacity: 0;
		transform: translate(15px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftShorterPlus {
	animation-name: fadeInLeftShorterPlus;
}

/* Fade In Right Shorter */
@keyframes fadeInRightShorter {
	from {
		opacity: 0;
		transform: translate(-50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightShorter {
	animation-name: fadeInRightShorter;
}

/* Fade In Right Shorter Plus */
@keyframes fadeInRightShorterPlus {
	from {
		opacity: 0;
		transform: translate(-15px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightShorterPlus {
	animation-name: fadeInRightShorterPlus;
}

/* Fade In Right Shorter With Opacity */
@keyframes fadeInRightShorterOpacity {
	from {
		opacity: 0;
		transform: translate(-50px, 0);
	}

	to {
		opacity: 0.7;
		transform: none;
	}
}

.fadeInRightShorterOpacity {
	animation-name: fadeInRightShorterOpacity;
}

/* Fade In Down Shorter */
@keyframes fadeInDownShorter {
	from {
		opacity: 0;
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInDownShorter {
	animation-name: fadeInDownShorter;
}

/* Fade In Down Shorter Plus */
@keyframes fadeInDownShorterPlus {
	from {
		opacity: 0;
		transform: translate(0, -15px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInDownShorterPlus {
	animation-name: fadeInDownShorterPlus;
}

/* Fade In Right and Down Shorter */
@keyframes fadeInRightDownShorter {
	from {
		opacity: 0;
		transform: translate(-50px, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightDownShorter {
	animation-name: fadeInRightDownShorter;
}

/* Fade In Right and Up Shorter */
@keyframes fadeInRightUpShorter {
	from {
		opacity: 0;
		transform: translate(-50px, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightUpShorter {
	animation-name: fadeInRightUpShorter;
}

/* Fade In Left and Down Shorter */
@keyframes fadeInLeftDownShorter {
	from {
		opacity: 0;
		transform: translate(50px, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftDownShorter {
	animation-name: fadeInLeftDownShorter;
}

/* Fade In Left and Up Shorter */
@keyframes fadeInLeftUpShorter {
	from {
		opacity: 0;
		transform: translate(50px, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftUpShorter {
	animation-name: fadeInLeftUpShorter;
}

/* Expand In */
@keyframes expandIn {
	from {
		opacity: 0;
		transform: scale(0.8);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.expandIn {
	animation-name: expandIn;
}

/* Gradient Transition */
@keyframes gradientTransition {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

/* Slider Scroll Button Animation */
@keyframes sliderScrollButton {
	0% {
		opacity: 1;
		transform: translate3d(-50%, 0, 0);
	}

	70% {
		opacity: 1;
		transform: translate3d(-50%, 10px, 0);
	}

	100% {
		opacity: 0;
		transform: translate3d(-50%, 10px, 0);
	}
}

/* Arrow Left Right */
@keyframes arrowLeftRight {
	0% {
		transform: translate3d(-1px, 0, 0);
	}

	50% {
		transform: translate3d(1px, 0, 0);
	}

	100% {
		transform: translate3d(-1px, 0, 0);
	}
}

/* Nav Item Arrow */
@keyframes navItemArrow {
	0% {
		position: relative;
		left: -1px;
	}

	50% {
		position: relative;
		left: 3px;
	}

	100% {
		position: relative;
		left: -1px;
	}
}

@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.rotate-animation-inverse {
	animation: rotate-animation-inverse 10s infinite linear;
}

@keyframes rotate-animation-inverse {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(-180deg);
	}

	100% {
		transform: rotate(-360deg);
	}
}

.scroll-rotate {
	position: relative;
	transform: translatex(-50%) translatey(-50%);
}

.highlight-scribble-1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 45%;
	top: auto;
	bottom: -25%;
}

.highlight-scribble-1 path {
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	stroke-linecap: round;
}

@media (max-width: 991px) {
	.highlight-scribble-1 path {
		stroke-dasharray: none;
	}
}

/* Arrows */
.arrow {
	background: transparent url(../img/arrows.png) no-repeat 0 0;
	width: 47px;
	height: 120px;
	display: inline-block;
	position: relative;
}

.arrow.arrow-light {
	background-image: url(../img/arrows-dark.png);
}

.arrow.vtl {
	background-position: 0 0;
	width: 47px;
	height: 96px;
}

.arrow.vtr {
	background-position: -101px 0;
	width: 47px;
	height: 96px;
}

.arrow.vbl {
	background-position: 0 -144px;
	width: 47px;
	height: 96px;
}

.arrow.vbr {
	background-position: -101px -144px;
	width: 47px;
	height: 96px;
}

.arrow.hlt {
	background-position: -209px 0;
	width: 120px;
	height: 47px;
}

.arrow.hlb {
	background-position: -209px -101px;
	width: 120px;
	height: 47px;
}

.arrow.hrt {
	background-position: -353px 0;
	width: 120px;
	height: 47px;
}

.arrow.hrb {
	background-position: -353px -101px;
	width: 120px;
	height: 47px;
}

@media (max-width: 575px) {
	.arrow {
		display: none;
	}
}

/* Badges */
.badge.badge-xs {
	padding: 0.3em 0.5em;
}

.badge.badge-sm {
	padding: 0.6em 1em 0.5em;
	line-height: 1.3;
}

.badge.badge-md {
	padding: 1em 1.6em;
	font-size: 85%;
}

.badge.badge-lg {
	padding: 1.5em 2em;
	font-size: 90%;
}

.badge.badge-xl {
	padding: 2em 2.5em;
	font-size: 100%;
}

.badge-ecommerce {
	font-size: 9.6px;
	font-size: 0.6rem;
	font-weight: 600;
	border-radius: 0;
	padding: 6.4px 8px;
	padding: 0.4rem 0.5rem;
}

.badge-comments-count {
	min-width: 24px;
	min-height: 24px;
	line-height: 24px;
}

/* Badges - Skin */
.badge-primary {
	background-color: var(--primary);
}

.badge-secondary {
	background-color: var(--secondary);
}

.badge-tertiary {
	background-color: var(--tertiary);
}

.badge-quaternary {
	background-color: var(--quaternary);
}

.badge-dark {
	background-color: var(--dark);
}

.badge-light {
	background-color: var(--light);
}

/* Buttons */
.btn {
	font-size: 12.8px;
	font-size: 0.8rem;
	padding: 8.528px 14.928px;
	padding: 0.533rem 0.933rem;
	cursor: pointer;
	font-weight: 600;
}

.btn.btn-xs {
	font-size: 11.2px;
	font-size: 0.7rem;
	padding: 3.2px 8px;
	padding: 0.2rem 0.5rem;
}

.btn.btn-sm {
	font-size: 12.8px;
	font-size: 0.8rem;
	padding: 4.8px 10.4px;
	padding: 0.3rem 0.65rem;
}

.btn.btn-lg {
	font-size: 16px;
	font-size: 1rem;
	padding: 8px 16px;
	padding: 0.5rem 1rem;
}

.btn.btn-xl {
	font-size: 16px;
	font-size: 1rem;
	padding: 12.8px 32px;
	padding: 0.8rem 2rem;
}

.btn.btn-px-1 {
	padding-left: 5.6px;
	padding-left: .35rem;
	padding-right: 5.6px;
	padding-right: .35rem;
}

.btn.btn-px-2 {
	padding-left: 12px;
	padding-left: .75rem;
	padding-right: 12px;
	padding-right: .75rem;
}

.btn.btn-px-3 {
	padding-left: 20px;
	padding-left: 1.25rem;
	padding-right: 20px;
	padding-right: 1.25rem;
}

.btn.btn-px-4 {
	padding-left: 28px;
	padding-left: 1.75rem;
	padding-right: 28px;
	padding-right: 1.75rem;
}

.btn.btn-px-5 {
	padding-left: 38.4px;
	padding-left: 2.4rem;
	padding-right: 38.4px;
	padding-right: 2.4rem;
}

.btn.btn-py-1 {
	padding-top: 5.6px;
	padding-top: .35rem;
	padding-bottom: 5.6px;
	padding-bottom: .35rem;
}

.btn.btn-py-2 {
	padding-top: 12px;
	padding-top: .75rem;
	padding-bottom: 12px;
	padding-bottom: .75rem;
}

.btn.btn-py-3 {
	padding-top: 20px;
	padding-top: 1.25rem;
	padding-bottom: 20px;
	padding-bottom: 1.25rem;
}

.btn.btn-py-4 {
	padding-top: 28px;
	padding-top: 1.75rem;
	padding-bottom: 28px;
	padding-bottom: 1.75rem;
}

.btn.btn-py-5 {
	padding-top: 32px;
	padding-top: 2rem;
	padding-bottom: 32px;
	padding-bottom: 2rem;
}

html body .btn.focus,
html body .btn:focus,
html body .btn.active,
html body .btn:active, html body.body .btn.focus,
html body.body .btn:focus,
html body.body .btn.active,
html body.body .btn:active {
	box-shadow: none !important;
}

/* Dropdown Buttons */
.btn + .dropdown-menu .dropdown-item {
	font-size: 12.8px;
	font-size: 0.8rem;
}

/* Default */
.btn-default {
	color: var(--dark--200);
	background-color: var(--light);
	border-color: var(--grey-500);
	box-shadow: none !important;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
	color: var(--dark--200);
	background-color: #e6e6e6;
	border-color: #adadad;
}

/* Outline */
.btn-outline {
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

.btn-outline.btn-xs {
	padding: 2.4px 8px;
	padding: 0.15rem 0.5rem;
}

.btn-outline.btn-sm {
	padding: 4px 10.4px;
	padding: 0.25rem 0.65rem;
}

.btn-outline.btn-lg {
	padding: 7.2px 16px;
	padding: 0.45rem 1rem;
}

.btn-outline.btn-xl {
	padding: 12px 32px;
	padding: 0.75rem 2rem;
}

.btn-outline.btn-outline-thin {
	border-width: 1px;
}

/* Modern */
.btn-modern {
	text-transform: uppercase;
	font-size: .8em;
	padding: 12.8px 24px;
	padding: 0.8rem 1.5rem;
	font-weight: 600;
}

/* Rounded */
.btn-rounded {
	border-radius: 35px;
}

/* Rounded */
.btn-rounded-icon {
	border-radius: 50px;
	padding: 0;
	width: 50px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.btn-rounded-icon[data-hash] > i {
	pointer-events: none;
}

/* 3d */
.btn-3d {
	border-bottom-width: 3px;
}

/* Arrow */
.btn-with-arrow,
.btn-with-arrow-solid {
	position: relative;
	padding-right: 40px;
	font-weight: 600;
}

.btn-with-arrow:not(.btn-with-arrow-solid),
.btn-with-arrow-solid:not(.btn-with-arrow-solid) {
	background-color: transparent;
}

.btn-with-arrow span,
.btn-with-arrow-solid span {
	background-color: var(--grey-500);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	transform: translateY(-50%);
	right: 8px;
	top: 50%;
	transition: all 0.1s linear;
}

.btn-with-arrow i,
.btn-with-arrow-solid i {
	color: var(--light);
	font-size: 0.8em;
}

.btn-with-arrow.btn-lg,
.btn-with-arrow-solid.btn-lg {
	padding-right: 50px;
}

.btn-with-arrow.btn-lg span,
.btn-with-arrow-solid.btn-lg span {
	height: 35px;
	width: 35px;
	right: 8px;
}

.btn-with-arrow.btn-lg i,
.btn-with-arrow-solid.btn-lg i {
	font-size: 0.9em;
}

.btn-with-arrow.btn-xl,
.btn-with-arrow-solid.btn-xl {
	padding-right: 70px;
}

.btn-with-arrow.btn-xl span,
.btn-with-arrow-solid.btn-xl span {
	height: 50px;
	width: 50px;
	right: 10px;
}

.btn-with-arrow.btn-xl.btn-with-arrow-sm span,
.btn-with-arrow-solid.btn-xl.btn-with-arrow-sm span {
	height: 35px;
	width: 35px;
	right: 15px;
}

.btn-with-arrow.btn-xl i,
.btn-with-arrow-solid.btn-xl i {
	font-size: 1em;
}

/* Swap */
.btn-swap-1 {
	position: relative;
}

.btn-swap-1 > * {
	transition: cubic-bezier(0.55, 0, 0.1, 1) all 300ms;
	white-space: nowrap;
}

.btn-swap-1 > :nth-child(1) {
	max-width: 100%;
	text-align: center;
	top: calc(50% - 10px);
	left: 50%;
	top: 50%;
	margin: 0;
	transform: translate(-50%, -50%);
	position: absolute;
}

.btn-swap-1 > :nth-child(2) {
	display: inline-block;
	transform: translateY(120%);
	opacity: 0;
}

.btn-swap-1:hover > :nth-child(1) {
	transform: translate(-50%, -120%);
	opacity: 0;
}

.btn-swap-1:hover > :nth-child(2) {
	transform: none;
	opacity: 1;
}

@keyframes btnArrowEffect1 {
	0% {
		transform: translateX(0);
	}

	51% {
		transform: translateX(20px);
		opacity: 1;
	}

	52% {
		opacity: 0;
		transform: translateX(-20px);
	}

	53% {
		opacity: 0;
	}

	54% {
		opacity: 1;
	}

	100% {
		transform: translateX(0);
	}
}

.btn-arrow-effect-1:hover > :nth-child(1) {
	animation: btnArrowEffect1 ease-out .3s;
}

/* Link Effect */
.btn-link-underline-1:before {
	height: 1px !important;
}

.btn-link-effect-1 {
	position: relative;
}

.btn-link-effect-1:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: var(--dark);
	transition: width 0.25s ease-out;
}

.btn-link-effect-1:hover:before, .btn-link-effect-1:active:before {
	width: 100%;
}

.btn-link-effect-2 {
	position: relative;
}

.btn-link-effect-2:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: var(--dark);
	transition: width 0.25s ease-out;
}

.btn-link-effect-2:hover:before, .btn-link-effect-2:active:before {
	width: 100%;
}

.btn-link-effect-3 {
	position: relative;
}

.btn-link-effect-3:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: var(--dark);
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.btn-link-effect-3:hover:before, .btn-link-effect-3:active:before {
	width: 100%;
	left: 0;
}

.btn-link-effect-4 {
	position: relative;
}

.btn-link-effect-4:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: var(--dark);
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform .3s;
}

.btn-link-effect-4:hover:before, .btn-link-effect-4:active:before {
	transform-origin: bottom left;
	transform: scaleX(1);
}

.btn-link-effect-5 {
	position: relative;
}

.btn-link-effect-5:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: var(--dark);
	transition: height 0.2s ease;
}

.btn-link-effect-5:hover:before, .btn-link-effect-5:active:before {
	height: 100%;
}

/* Icons	*/
.btn-icon i {
	margin-right: 10px;
}

.btn-icon-right i {
	margin-right: 0;
	margin-left: 10px;
}

/* Dropdown Button */
.btn.dropdown-toggle:after {
	margin-left: .155em;
	vertical-align: .155em;
}

/* Button Light */
html body .btn-light,
html body .btn-outline.btn-light {
	border-color: #d9d9d9 #d9d9d9 #bfbfbf;
	color: var(--default);
}

html body .btn-light.btn-outline-light-opacity-2,
html body .btn-outline.btn-light.btn-outline-light-opacity-2 {
	border-color: rgba(255, 255, 255, 0.2);
}

html body .btn-light:hover, html body .btn-light.hover,
html body .btn-outline.btn-light:hover,
html body .btn-outline.btn-light.hover {
	background-color: #f2f2f2;
	border-color: #e6e5e5 #e6e5e5 #cccccc;
	color: var(--default);
}

html body .btn-light:focus, html body .btn-light.focus,
html body .btn-outline.btn-light:focus,
html body .btn-outline.btn-light.focus {
	box-shadow: 0 0 0 3px rgba(191, 191, 191, 0.5);
}

html body .btn-light.disabled, html body .btn-light:disabled,
html body .btn-outline.btn-light.disabled,
html body .btn-outline.btn-light:disabled {
	border-color: #bfbfbf #bfbfbf #bfbfbf;
}

html body .btn-light:active, html body .btn-light.active,
.show > html body .btn-light.dropdown-toggle,
html body .btn-outline.btn-light:active,
html body .btn-outline.btn-light.active,
.show >
html body .btn-outline.btn-light.dropdown-toggle {
	border-color: #bfbfbf #bfbfbf #bfbfbf;
}

html body .btn-light-2,
html body .btn-outline.btn-light-2 {
	border-color: var(--light);
	color: var(--light);
}

html body .btn-light-2:hover, html body .btn-light-2.hover,
html body .btn-outline.btn-light-2:hover,
html body .btn-outline.btn-light-2.hover {
	background-color: var(--light);
	border-color: var(--light);
	color: #0e0e0e;
}

html body .btn-light-2:focus, html body .btn-light-2.focus,
html body .btn-outline.btn-light-2:focus,
html body .btn-outline.btn-light-2.focus {
	box-shadow: 0 0 0 3px rgba(179, 178, 178, 0.5);
}

html body .btn-light-2.disabled, html body .btn-light-2:disabled,
html body .btn-outline.btn-light-2.disabled,
html body .btn-outline.btn-light-2:disabled {
	border-color: #b3b2b2 #b3b2b2 #b3b2b2;
}

html body .btn-light-2:active, html body .btn-light-2.active,
.show > html body .btn-light-2.dropdown-toggle,
html body .btn-outline.btn-light-2:active,
html body .btn-outline.btn-light-2.active,
.show >
html body .btn-outline.btn-light-2.dropdown-toggle {
	border-color: var(--light);
}

html[dir="rtl"] .input-group .form-control:not(:first-child),
html[dir="rtl"] .input-group-addon:not(:first-child),
html[dir="rtl"] .input-group-btn:not(:first-child) > .btn,
html[dir="rtl"] .input-group-btn:not(:first-child) > .btn-group > .btn,
html[dir="rtl"] .input-group-btn:not(:first-child) > .dropdown-toggle,
html[dir="rtl"] .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn,
html[dir="rtl"] .input-group-btn:not(:last-child) > .btn:not(:first-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* Hamburguer */
.hamburguer-btn {
	background: transparent;
	outline: 0 !important;
	border: none;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 15px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.hamburguer-btn.hamburguer-btn-side-header {
	position: absolute;
	top: 15px;
	right: 8px;
}

.hamburguer-btn.hamburguer-btn-side-header-overlay {
	right: 30px;
	z-index: 9999;
}

.hamburguer-btn .hamburguer {
	pointer-events: none;
}

.hamburguer-btn .hamburguer span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	transition: ease width 300ms;
	transform: translateY(-50%);
	background: #333;
}

.hamburguer-btn .hamburguer span:nth-child(1) {
	top: 30%;
}

.hamburguer-btn .hamburguer span:nth-child(2) {
	transition-delay: 100ms;
}

.hamburguer-btn .hamburguer span:nth-child(3) {
	top: 70%;
	transition-delay: 200ms;
}

.hamburguer-btn .close {
	opacity: 0;
	pointer-events: none;
	transition: ease all 300ms;
}

.hamburguer-btn .close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 1px;
	background: #333;
	transition: ease all 300ms;
	transform-origin: 50% 0;
}

.hamburguer-btn .close span:nth-child(1) {
	transform: translateX(-50%) rotate(45deg);
}

.hamburguer-btn .close span:nth-child(2) {
	transform: translateX(-50%) rotate(-45deg);
}

.hamburguer-btn.active .hamburguer {
	opacity: 0;
}

.hamburguer-btn.active .hamburguer span {
	width: 0;
}

.hamburguer-btn.active .close {
	opacity: 1;
	transition: ease all 300ms;
}

.hamburguer-btn.active .close span {
	width: 80%;
	transition: ease all 300ms;
}

.hamburguer-btn.active .close span:nth-child(2) {
	transition-delay: 300ms;
}

.hamburguer-btn.hamburguer-btn-light .hamburguer span,
.hamburguer-btn.hamburguer-btn-light .close span {
	background: var(--light);
}

html.overflow-hidden .hamburguer-btn.hamburguer-btn-side-header-overlay {
	right: 13px;
}

/* Hamburguer Sticky Colors */
html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span,
html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .close span,
.pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span,
.pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-light .close span,
.pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span,
.pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .close span {
	background: var(--light);
}

html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span,
html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span,
.pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span,
.pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-dark .close span,
.pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span,
.pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span {
	background: var(--dark);
}

/* Badge */
.btn-badge {
	position: relative;
}

.btn-badge .badge {
	top: -8px;
	top: -0.5rem;
	right: -8px;
	right: -0.5rem;
	position: absolute;
}

/* Buttons - Skin */
.btn-link {
	color: var(--primary);
}

.btn-link:hover {
	color: var(--primary--100);
}

.btn-link:active {
	color: var(--primary-100);
}

.btn-primary {
	--hover: var(--primary--200);
	background-color: var(--primary);
	border-color: var(--primary) var(--primary) var(--primary-300);
	color: var(--primary-inverse);
}

.btn-primary:hover, .btn-primary.hover {
	border-color: var(--primary--200) var(--primary--200) var(--primary);
	color: var(--primary-inverse);
}

.btn-primary:hover:not(.bg-transparent), .btn-primary.hover:not(.bg-transparent) {
	background-color: var(--primary--200);
}

.btn-primary:focus, .btn-primary.focus {
	border-color: var(--primary-300) var(--primary-300) var(--primary-300);
	color: var(--primary-inverse);
	box-shadow: 0 0 0 3px var(--primary-rgba-50);
}

.btn-primary:focus:not(.bg-transparent), .btn-primary.focus:not(.bg-transparent) {
	background-color: var(--primary-200);
}

.btn-primary.disabled, .btn-primary:disabled {
	border-color: var(--primary) var(--primary) var(--primary-300);
}

.btn-primary.disabled:not(.bg-transparent), .btn-primary:disabled:not(.bg-transparent) {
	background-color: var(--primary);
}

.btn-primary:active, .btn-primary.active {
	border-color: var(--primary-300) var(--primary-300) var(--primary-300) !important;
}

.btn-primary:active:not(.bg-transparent), .btn-primary.active:not(.bg-transparent) {
	background-color: var(--primary-200) !important;
	background-image: none !important;
}

.show > .btn-primary.dropdown-toggle {
	background-color: var(--primary-200) !important;
	background-image: none !important;
	border-color: var(--primary-300) var(--primary-300) var(--primary-300) !important;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-check:focus + .btn-primary {
	background-color: var(--primary-100);
	border-color: var(--primary) var(--primary) var(--primary-100);
	color: var(--primary-inverse);
}

.btn-secondary {
	--hover: var(--secondary--200);
	background-color: var(--secondary);
	border-color: var(--secondary) var(--secondary) var(--secondary-300);
	color: var(--secondary-inverse);
}

.btn-secondary:hover, .btn-secondary.hover {
	border-color: var(--secondary--200) var(--secondary--200) var(--secondary);
	color: var(--secondary-inverse);
}

.btn-secondary:hover:not(.bg-transparent), .btn-secondary.hover:not(.bg-transparent) {
	background-color: var(--secondary--200);
}

.btn-secondary:focus, .btn-secondary.focus {
	border-color: var(--secondary-300) var(--secondary-300) var(--secondary-300);
	color: var(--secondary-inverse);
	box-shadow: 0 0 0 3px var(--secondary-rgba-50);
}

.btn-secondary:focus:not(.bg-transparent), .btn-secondary.focus:not(.bg-transparent) {
	background-color: var(--secondary-200);
}

.btn-secondary.disabled, .btn-secondary:disabled {
	border-color: var(--secondary) var(--secondary) var(--secondary-300);
}

.btn-secondary.disabled:not(.bg-transparent), .btn-secondary:disabled:not(.bg-transparent) {
	background-color: var(--secondary);
}

.btn-secondary:active, .btn-secondary.active {
	border-color: var(--secondary-300) var(--secondary-300) var(--secondary-300) !important;
}

.btn-secondary:active:not(.bg-transparent), .btn-secondary.active:not(.bg-transparent) {
	background-color: var(--secondary-200) !important;
	background-image: none !important;
}

.show > .btn-secondary.dropdown-toggle {
	background-color: var(--secondary-200) !important;
	background-image: none !important;
	border-color: var(--secondary-300) var(--secondary-300) var(--secondary-300) !important;
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-check:focus + .btn-secondary {
	background-color: var(--secondary-100);
	border-color: var(--secondary) var(--secondary) var(--secondary-100);
	color: var(--secondary-inverse);
}

.btn-tertiary {
	--hover: var(--tertiary--200);
	background-color: var(--tertiary);
	border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
	color: var(--tertiary-inverse);
}

.btn-tertiary:hover, .btn-tertiary.hover {
	border-color: var(--tertiary--200) var(--tertiary--200) var(--tertiary);
	color: var(--tertiary-inverse);
}

.btn-tertiary:hover:not(.bg-transparent), .btn-tertiary.hover:not(.bg-transparent) {
	background-color: var(--tertiary--200);
}

.btn-tertiary:focus, .btn-tertiary.focus {
	border-color: var(--tertiary-300) var(--tertiary-300) var(--tertiary-300);
	color: var(--tertiary-inverse);
	box-shadow: 0 0 0 3px var(--tertiary-rgba-50);
}

.btn-tertiary:focus:not(.bg-transparent), .btn-tertiary.focus:not(.bg-transparent) {
	background-color: var(--tertiary-200);
}

.btn-tertiary.disabled, .btn-tertiary:disabled {
	border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
}

.btn-tertiary.disabled:not(.bg-transparent), .btn-tertiary:disabled:not(.bg-transparent) {
	background-color: var(--tertiary);
}

.btn-tertiary:active, .btn-tertiary.active {
	border-color: var(--tertiary-300) var(--tertiary-300) var(--tertiary-300) !important;
}

.btn-tertiary:active:not(.bg-transparent), .btn-tertiary.active:not(.bg-transparent) {
	background-color: var(--tertiary-200) !important;
	background-image: none !important;
}

.show > .btn-tertiary.dropdown-toggle {
	background-color: var(--tertiary-200) !important;
	background-image: none !important;
	border-color: var(--tertiary-300) var(--tertiary-300) var(--tertiary-300) !important;
}

.btn-check:active + .btn-tertiary, .btn-check:checked + .btn-tertiary, .btn-check:focus + .btn-tertiary {
	background-color: var(--tertiary-100);
	border-color: var(--tertiary) var(--tertiary) var(--tertiary-100);
	color: var(--tertiary-inverse);
}

.btn-quaternary {
	--hover: var(--quaternary--200);
	background-color: var(--quaternary);
	border-color: var(--quaternary) var(--quaternary) var(--quaternary-300);
	color: var(--quaternary-inverse);
}

.btn-quaternary:hover, .btn-quaternary.hover {
	border-color: var(--quaternary--200) var(--quaternary--200) var(--quaternary);
	color: var(--quaternary-inverse);
}

.btn-quaternary:hover:not(.bg-transparent), .btn-quaternary.hover:not(.bg-transparent) {
	background-color: var(--quaternary--200);
}

.btn-quaternary:focus, .btn-quaternary.focus {
	border-color: var(--quaternary-300) var(--quaternary-300) var(--quaternary-300);
	color: var(--quaternary-inverse);
	box-shadow: 0 0 0 3px var(--quaternary-rgba-50);
}

.btn-quaternary:focus:not(.bg-transparent), .btn-quaternary.focus:not(.bg-transparent) {
	background-color: var(--quaternary-200);
}

.btn-quaternary.disabled, .btn-quaternary:disabled {
	border-color: var(--quaternary) var(--quaternary) var(--quaternary-300);
}

.btn-quaternary.disabled:not(.bg-transparent), .btn-quaternary:disabled:not(.bg-transparent) {
	background-color: var(--quaternary);
}

.btn-quaternary:active, .btn-quaternary.active {
	border-color: var(--quaternary-300) var(--quaternary-300) var(--quaternary-300) !important;
}

.btn-quaternary:active:not(.bg-transparent), .btn-quaternary.active:not(.bg-transparent) {
	background-color: var(--quaternary-200) !important;
	background-image: none !important;
}

.show > .btn-quaternary.dropdown-toggle {
	background-color: var(--quaternary-200) !important;
	background-image: none !important;
	border-color: var(--quaternary-300) var(--quaternary-300) var(--quaternary-300) !important;
}

.btn-check:active + .btn-quaternary, .btn-check:checked + .btn-quaternary, .btn-check:focus + .btn-quaternary {
	background-color: var(--quaternary-100);
	border-color: var(--quaternary) var(--quaternary) var(--quaternary-100);
	color: var(--quaternary-inverse);
}

.btn-dark {
	--hover: var(--dark--200);
	background-color: var(--dark);
	border-color: var(--dark) var(--dark) var(--dark-300);
	color: var(--dark-inverse);
}

.btn-dark:hover, .btn-dark.hover {
	border-color: var(--dark--200) var(--dark--200) var(--dark);
	color: var(--dark-inverse);
}

.btn-dark:hover:not(.bg-transparent), .btn-dark.hover:not(.bg-transparent) {
	background-color: var(--dark--200);
}

.btn-dark:focus, .btn-dark.focus {
	border-color: var(--dark-300) var(--dark-300) var(--dark-300);
	color: var(--dark-inverse);
	box-shadow: 0 0 0 3px var(--dark-rgba-50);
}

.btn-dark:focus:not(.bg-transparent), .btn-dark.focus:not(.bg-transparent) {
	background-color: var(--dark-200);
}

.btn-dark.disabled, .btn-dark:disabled {
	border-color: var(--dark) var(--dark) var(--dark-300);
}

.btn-dark.disabled:not(.bg-transparent), .btn-dark:disabled:not(.bg-transparent) {
	background-color: var(--dark);
}

.btn-dark:active, .btn-dark.active {
	border-color: var(--dark-300) var(--dark-300) var(--dark-300) !important;
}

.btn-dark:active:not(.bg-transparent), .btn-dark.active:not(.bg-transparent) {
	background-color: var(--dark-200) !important;
	background-image: none !important;
}

.show > .btn-dark.dropdown-toggle {
	background-color: var(--dark-200) !important;
	background-image: none !important;
	border-color: var(--dark-300) var(--dark-300) var(--dark-300) !important;
}

.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-check:focus + .btn-dark {
	background-color: var(--dark-100);
	border-color: var(--dark) var(--dark) var(--dark-100);
	color: var(--dark-inverse);
}

.btn-light {
	--hover: var(--light--200);
	background-color: var(--light);
	border-color: var(--light) var(--light) var(--light-300);
	color: var(--light-inverse);
}

.btn-light:hover, .btn-light.hover {
	border-color: var(--light--200) var(--light--200) var(--light);
	color: var(--light-inverse);
}

.btn-light:hover:not(.bg-transparent), .btn-light.hover:not(.bg-transparent) {
	background-color: var(--light--200);
}

.btn-light:focus, .btn-light.focus {
	border-color: var(--light-300) var(--light-300) var(--light-300);
	color: var(--light-inverse);
	box-shadow: 0 0 0 3px var(--light-rgba-50);
}

.btn-light:focus:not(.bg-transparent), .btn-light.focus:not(.bg-transparent) {
	background-color: var(--light-200);
}

.btn-light.disabled, .btn-light:disabled {
	border-color: var(--light) var(--light) var(--light-300);
}

.btn-light.disabled:not(.bg-transparent), .btn-light:disabled:not(.bg-transparent) {
	background-color: var(--light);
}

.btn-light:active, .btn-light.active {
	border-color: var(--light-300) var(--light-300) var(--light-300) !important;
}

.btn-light:active:not(.bg-transparent), .btn-light.active:not(.bg-transparent) {
	background-color: var(--light-200) !important;
	background-image: none !important;
}

.show > .btn-light.dropdown-toggle {
	background-color: var(--light-200) !important;
	background-image: none !important;
	border-color: var(--light-300) var(--light-300) var(--light-300) !important;
}

.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-check:focus + .btn-light {
	background-color: var(--light-100);
	border-color: var(--light) var(--light) var(--light-100);
	color: var(--light-inverse);
}

.btn-outline.btn-primary {
	color: var(--primary);
	background-color: transparent;
	background-image: none;
	border-color: var(--primary);
}

.btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover {
	color: var(--primary-inverse);
	background-color: var(--primary);
	border-color: var(--primary);
}

.btn-outline.btn-primary:focus, .btn-outline.btn-primary.focus {
	box-shadow: 0 0 0 3px var(--primary-rgba-50);
}

.btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled {
	color: var(--primary);
	background-color: transparent;
}

.btn-outline.btn-primary:active, .btn-outline.btn-primary.active {
	color: var(--primary-inverse) !important;
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.show > .btn-outline.btn-primary.dropdown-toggle {
	color: var(--primary-inverse) !important;
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.btn-outline.btn-secondary {
	color: var(--secondary);
	background-color: transparent;
	background-image: none;
	border-color: var(--secondary);
}

.btn-outline.btn-secondary:hover, .btn-outline.btn-secondary.hover {
	color: var(--secondary-inverse);
	background-color: var(--secondary);
	border-color: var(--secondary);
}

.btn-outline.btn-secondary:focus, .btn-outline.btn-secondary.focus {
	box-shadow: 0 0 0 3px var(--secondary-rgba-50);
}

.btn-outline.btn-secondary.disabled, .btn-outline.btn-secondary:disabled {
	color: var(--secondary);
	background-color: transparent;
}

.btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active {
	color: var(--secondary-inverse) !important;
	background-color: var(--secondary) !important;
	border-color: var(--secondary) !important;
}

.show > .btn-outline.btn-secondary.dropdown-toggle {
	color: var(--secondary-inverse) !important;
	background-color: var(--secondary) !important;
	border-color: var(--secondary) !important;
}

.btn-outline.btn-tertiary {
	color: var(--tertiary);
	background-color: transparent;
	background-image: none;
	border-color: var(--tertiary);
}

.btn-outline.btn-tertiary:hover, .btn-outline.btn-tertiary.hover {
	color: var(--tertiary-inverse);
	background-color: var(--tertiary);
	border-color: var(--tertiary);
}

.btn-outline.btn-tertiary:focus, .btn-outline.btn-tertiary.focus {
	box-shadow: 0 0 0 3px var(--tertiary-rgba-50);
}

.btn-outline.btn-tertiary.disabled, .btn-outline.btn-tertiary:disabled {
	color: var(--tertiary);
	background-color: transparent;
}

.btn-outline.btn-tertiary:active, .btn-outline.btn-tertiary.active {
	color: var(--tertiary-inverse) !important;
	background-color: var(--tertiary) !important;
	border-color: var(--tertiary) !important;
}

.show > .btn-outline.btn-tertiary.dropdown-toggle {
	color: var(--tertiary-inverse) !important;
	background-color: var(--tertiary) !important;
	border-color: var(--tertiary) !important;
}

.btn-outline.btn-quaternary {
	color: var(--quaternary);
	background-color: transparent;
	background-image: none;
	border-color: var(--quaternary);
}

.btn-outline.btn-quaternary:hover, .btn-outline.btn-quaternary.hover {
	color: var(--quaternary-inverse);
	background-color: var(--quaternary);
	border-color: var(--quaternary);
}

.btn-outline.btn-quaternary:focus, .btn-outline.btn-quaternary.focus {
	box-shadow: 0 0 0 3px var(--quaternary-rgba-50);
}

.btn-outline.btn-quaternary.disabled, .btn-outline.btn-quaternary:disabled {
	color: var(--quaternary);
	background-color: transparent;
}

.btn-outline.btn-quaternary:active, .btn-outline.btn-quaternary.active {
	color: var(--quaternary-inverse) !important;
	background-color: var(--quaternary) !important;
	border-color: var(--quaternary) !important;
}

.show > .btn-outline.btn-quaternary.dropdown-toggle {
	color: var(--quaternary-inverse) !important;
	background-color: var(--quaternary) !important;
	border-color: var(--quaternary) !important;
}

.btn-outline.btn-dark {
	color: var(--dark);
	background-color: transparent;
	background-image: none;
	border-color: var(--dark);
}

.btn-outline.btn-dark:hover, .btn-outline.btn-dark.hover {
	color: var(--dark-inverse);
	background-color: var(--dark);
	border-color: var(--dark);
}

.btn-outline.btn-dark:focus, .btn-outline.btn-dark.focus {
	box-shadow: 0 0 0 3px var(--dark-rgba-50);
}

.btn-outline.btn-dark.disabled, .btn-outline.btn-dark:disabled {
	color: var(--dark);
	background-color: transparent;
}

.btn-outline.btn-dark:active, .btn-outline.btn-dark.active {
	color: var(--dark-inverse) !important;
	background-color: var(--dark) !important;
	border-color: var(--dark) !important;
}

.show > .btn-outline.btn-dark.dropdown-toggle {
	color: var(--dark-inverse) !important;
	background-color: var(--dark) !important;
	border-color: var(--dark) !important;
}

.btn-outline.btn-light {
	color: var(--light);
	background-color: transparent;
	background-image: none;
	border-color: var(--light);
}

.btn-outline.btn-light:hover, .btn-outline.btn-light.hover {
	color: var(--light-inverse);
	background-color: var(--light);
	border-color: var(--light);
}

.btn-outline.btn-light:focus, .btn-outline.btn-light.focus {
	box-shadow: 0 0 0 3px var(--light-rgba-50);
}

.btn-outline.btn-light.disabled, .btn-outline.btn-light:disabled {
	color: var(--light);
	background-color: transparent;
}

.btn-outline.btn-light:active, .btn-outline.btn-light.active {
	color: var(--light-inverse) !important;
	background-color: var(--light) !important;
	border-color: var(--light) !important;
}

.show > .btn-outline.btn-light.dropdown-toggle {
	color: var(--light-inverse) !important;
	background-color: var(--light) !important;
	border-color: var(--light) !important;
}

.btn-with-arrow.btn-primary {
	background-color: transparent;
	border-color: transparent;
	color: var(--primary);
}

.btn-with-arrow.btn-primary:active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--primary) !important;
}

.btn-with-arrow.btn-primary span {
	background-color: var(--primary);
	box-shadow: 2px 3px 18px -3px var(--primary);
}

.btn-with-arrow.btn-primary.btn-outline {
	border-color: var(--primary) !important;
}

.btn-with-arrow.btn-primary.btn-outline:hover span {
	background-color: var(--primary--100) !important;
	box-shadow: none;
}

.btn-with-arrow:not(.btn-with-arrow-solid) {
	background: transparent !important;
	border-color: transparent !important;
}

.btn-with-arrow-solid.btn-primary span {
	background-color: var(--primary-100);
}

.btn-with-arrow.btn-secondary {
	background-color: transparent;
	border-color: transparent;
	color: var(--secondary);
}

.btn-with-arrow.btn-secondary:active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--secondary) !important;
}

.btn-with-arrow.btn-secondary span {
	background-color: var(--secondary);
	box-shadow: 2px 3px 18px -3px var(--secondary);
}

.btn-with-arrow.btn-secondary.btn-outline {
	border-color: var(--secondary) !important;
}

.btn-with-arrow.btn-secondary.btn-outline:hover span {
	background-color: var(--secondary--100) !important;
	box-shadow: none;
}

.btn-with-arrow:not(.btn-with-arrow-solid) {
	background: transparent !important;
	border-color: transparent !important;
}

.btn-with-arrow-solid.btn-secondary span {
	background-color: var(--secondary-100);
}

.btn-with-arrow.btn-tertiary {
	background-color: transparent;
	border-color: transparent;
	color: var(--tertiary);
}

.btn-with-arrow.btn-tertiary:active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--tertiary) !important;
}

.btn-with-arrow.btn-tertiary span {
	background-color: var(--tertiary);
	box-shadow: 2px 3px 18px -3px var(--tertiary);
}

.btn-with-arrow.btn-tertiary.btn-outline {
	border-color: var(--tertiary) !important;
}

.btn-with-arrow.btn-tertiary.btn-outline:hover span {
	background-color: var(--tertiary--100) !important;
	box-shadow: none;
}

.btn-with-arrow:not(.btn-with-arrow-solid) {
	background: transparent !important;
	border-color: transparent !important;
}

.btn-with-arrow-solid.btn-tertiary span {
	background-color: var(--tertiary-100);
}

.btn-with-arrow.btn-quaternary {
	background-color: transparent;
	border-color: transparent;
	color: var(--quaternary);
}

.btn-with-arrow.btn-quaternary:active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--quaternary) !important;
}

.btn-with-arrow.btn-quaternary span {
	background-color: var(--quaternary);
	box-shadow: 2px 3px 18px -3px var(--quaternary);
}

.btn-with-arrow.btn-quaternary.btn-outline {
	border-color: var(--quaternary) !important;
}

.btn-with-arrow.btn-quaternary.btn-outline:hover span {
	background-color: var(--quaternary--100) !important;
	box-shadow: none;
}

.btn-with-arrow:not(.btn-with-arrow-solid) {
	background: transparent !important;
	border-color: transparent !important;
}

.btn-with-arrow-solid.btn-quaternary span {
	background-color: var(--quaternary-100);
}

.btn-with-arrow.btn-dark {
	background-color: transparent;
	border-color: transparent;
	color: var(--dark);
}

.btn-with-arrow.btn-dark:active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--dark) !important;
}

.btn-with-arrow.btn-dark span {
	background-color: var(--dark);
	box-shadow: 2px 3px 18px -3px var(--dark);
}

.btn-with-arrow.btn-dark.btn-outline {
	border-color: var(--dark) !important;
}

.btn-with-arrow.btn-dark.btn-outline:hover span {
	background-color: var(--dark--100) !important;
	box-shadow: none;
}

.btn-with-arrow:not(.btn-with-arrow-solid) {
	background: transparent !important;
	border-color: transparent !important;
}

.btn-with-arrow-solid.btn-dark span {
	background-color: var(--dark-100);
}

.btn-with-arrow.btn-light {
	background-color: transparent;
	border-color: transparent;
	color: var(--light);
}

.btn-with-arrow.btn-light:active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--light) !important;
}

.btn-with-arrow.btn-light span {
	background-color: var(--light);
	box-shadow: 2px 3px 18px -3px var(--light);
}

.btn-with-arrow.btn-light.btn-outline {
	border-color: var(--light) !important;
}

.btn-with-arrow.btn-light.btn-outline:hover span {
	background-color: var(--light--100) !important;
	box-shadow: none;
}

.btn-with-arrow:not(.btn-with-arrow-solid) {
	background: transparent !important;
	border-color: transparent !important;
}

.btn-with-arrow-solid.btn-light span {
	background-color: var(--light-100);
}

.btn-gradient:not(.btn-outline) {
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%) !important;
	color: var(--primary-inverse);
}

.btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover {
	background: linear-gradient(135deg, var(--primary--200) 0%, var(--secondary--200) 80%) !important;
	color: var(--primary-inverse);
}

.btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus {
	box-shadow: 0 0 0 3px var(--primary-rgba-50);
}

.btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline):disabled {
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%) !important;
}

.btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active {
	background: linear-gradient(135deg, var(--primary-200) 0%, var(--secondary-200) 80%) !important;
	color: var(--primary-inverse) !important;
}

.btn-gradient.btn-outline {
	-o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
	border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
	color: var(--primary);
}

.btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover {
	-o-border-image: linear-gradient(135deg, var(--primary--200) 0%, var(--secondary--200) 80%);
	border-image: linear-gradient(135deg, var(--primary--200) 0%, var(--secondary--200) 80%);
	color: var(--primary--200);
}

.btn-gradient.btn-outline:focus, .btn-gradient.btn-outline.focus {
	box-shadow: 0 0 0 3px var(--primary-rgba-50);
}

.btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline:disabled {
	-o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
	border-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
}

.btn-gradient.btn-outline:active, .btn-gradient.btn-outline.active {
	-o-border-image: linear-gradient(135deg, var(--primary-200) 0%, var(--secondary-200) 80%);
	border-image: linear-gradient(135deg, var(--primary-200) 0%, var(--secondary-200) 80%);
	color: var(--primary-200);
}

.btn-gradient-primary:not(.btn-outline) {
	background: linear-gradient(135deg, var(--primary--200) 0%, var(--primary-100) 80%) !important;
	color: var(--primary-inverse);
}

.btn-gradient-primary:not(.btn-outline):hover, .btn-gradient-primary:not(.btn-outline).hover {
	background: linear-gradient(135deg, var(--primary--100) 0%, var(--primary--200) 80%) !important;
	color: var(--primary-inverse);
}

.btn-gradient-primary:not(.btn-outline):focus, .btn-gradient-primary:not(.btn-outline).focus {
	box-shadow: 0 0 0 3px var(--primary-rgba-50);
}

.btn-gradient-primary:not(.btn-outline).disabled, .btn-gradient-primary:not(.btn-outline):disabled {
	background: linear-gradient(135deg, var(--primary--200) 80%, var(--primary-100) 0%) !important;
}

.btn-gradient-primary:not(.btn-outline):active, .btn-gradient-primary:not(.btn-outline).active {
	background: linear-gradient(135deg, var(--primary--100) 0%, var(--primary--200) 80%) !important;
	color: var(--primary-inverse) !important;
}

.btn-gradient-primary.btn-outline {
	-o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary--200) 80%);
	border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary--200) 80%);
	color: var(--primary);
}

.btn-gradient-primary.btn-outline:hover, .btn-gradient-primary.btn-outline.hover {
	-o-border-image: linear-gradient(135deg, var(--primary--200) 0%, var(--primary--200) 80%);
	border-image: linear-gradient(135deg, var(--primary--200) 0%, var(--primary--200) 80%);
	color: var(--primary--200);
}

.btn-gradient-primary.btn-outline:focus, .btn-gradient-primary.btn-outline.focus {
	box-shadow: 0 0 0 3px var(--primary-rgba-50);
}

.btn-gradient-primary.btn-outline.disabled, .btn-gradient-primary.btn-outline:disabled {
	-o-border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary--200) 80%);
	border-image: linear-gradient(135deg, var(--primary) 0%, var(--primary--200) 80%);
}

.btn-gradient-primary.btn-outline:active, .btn-gradient-primary.btn-outline.active {
	-o-border-image: linear-gradient(135deg, var(--primary--200) 0%, var(--primary--200) 80%);
	border-image: linear-gradient(135deg, var(--primary--200) 0%, var(--primary--200) 80%);
	color: var(--primary--200);
}

/* Effect */
.btn.btn-effect-1 {
	transition: 0.25s;
}

.btn.btn-effect-1:hover, .btn.btn-effect-1:focus {
	box-shadow: inset 0 0 0 2em var(--hover);
}

.btn.btn-effect-2 {
	transition: 0.25s;
}

.btn.btn-effect-2:hover, .btn.btn-effect-2:focus {
	animation: btn-pulse 1s;
	box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.btn.btn-effect-3 {
	transition: 0.25s;
}

.btn.btn-effect-3:hover, .btn.btn-effect-3:focus {
	box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
}

.btn.btn-effect-4 {
	transition: 0.25s;
}

.btn.btn-effect-4:hover, .btn.btn-effect-4:focus {
	box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
	transform: translateY(-0.25em);
}

.btn.btn-effect-5 {
	transition: 0.25s;
}

.btn.btn-effect-5:hover, .btn.btn-effect-5:focus {
	box-shadow: inset 0 -3.25em 0 0 var(--hover);
}

.btn.btn-effect-6 {
	transition: 0.25s;
}

.btn.btn-effect-6:hover, .btn.btn-effect-6:focus {
	box-shadow: inset 6.5em 0 0 0 var(--hover);
}

.btn.btn-effect-7 {
	position: relative;
}

.btn.btn-effect-7:before {
	background: var(--hover);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	transition: transform 0.2s cubic-bezier(0.4, 0.3, 0.35, 0.9) 0s;
	transform: scaleX(0);
	transform-origin: right center;
}

.btn.btn-effect-7:hover:before, .btn.btn-effect-7:focus:before {
	transform: scale(1);
	transform-origin: left center;
}

.btn.btn-effect-7 span {
	position: relative;
	z-index: 1;
}

@keyframes btn-pulse {
	0% {
		box-shadow: 0 0 0 0 var(--hover);
	}
}

/* Close */
.btn-close:focus {
	box-shadow: none;
}

/* Call to Action */
.call-to-action {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 32px 55px;
	clear: both;
}

.call-to-action::after {
	clear: both;
	content: "";
	display: block;
}

@media (max-width: 767px) {
	.call-to-action {
		padding: 10px 10px;
	}
}

.call-to-action h3 {
	text-transform: none;
	color: var(--dark);
	padding: 0;
	margin: 0 0 9px;
}

.call-to-action p {
	font-size: 1.2em;
}

.call-to-action > [class*="col-"] {
	display: flex;
	align-items: center;
}

.call-to-action > [class*="col-"]:nth-child(2) {
	justify-content: flex-end;
	text-align: center;
}

@media (max-width: 767px) {
	.call-to-action > [class*="col-"]:nth-child(2) {
		justify-content: center;
	}
}

/* Cards */
.card {
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

.card-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.card-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.card-body {
	padding: 32px;
	padding: 2rem;
	position: relative;
	z-index: 1;
}

.card-text-color-hover-light:hover * {
	color: var(--light) !important;
}

.card-background-image-hover {
	background-size: cover;
	background-position: center;
}

.card-background-image-hover .card-body {
	background: var(--light-rgba-90);
	margin: 16px;
	margin: 1rem;
	padding: 16px;
	padding: 1rem;
}

/* Border */
.card-border {
	overflow: hidden;
}

.card-border:after {
	content: "";
	transition: .2s all ease;
	backface-visibility: hidden;
	position: absolute;
	left: 50%;
	height: 5px;
	width: 100%;
	transform: translateX(-50%);
	background-color: var(--primary);
}

.card-border.card-border-top:after {
	top: 0;
}

.card-border.card-border-bottom:after {
	bottom: 0;
}

.card-border.card-border-hover:after {
	width: 0;
}

.card-border.card-border-hover:hover:after {
	width: 100%;
}

@media (min-width: 992px) {
	.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item {
		flex-wrap: nowrap;
	}

	.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-title {
		width: 20%;
	}

	.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-description {
		width: 60%;
	}

	.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-action {
		width: 20%;
	}
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: var(--dark);
	font-weight: 200;
	letter-spacing: -.05em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 2.6em;
	line-height: 44px;
	margin: 0 0 32px 0;
}

h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 33px;
	text-transform: uppercase;
}

h4 {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 27px;
	margin: 0 0 14px 0;
}

h5 {
	font-size: 1em;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

h6 {
	color: var(--dark--200);
	font-size: 1em;
	font-weight: 400;
	line-height: 18px;
	margin: 0 0 14px 0;
}

h1.big {
	font-size: 4.2em;
	line-height: 54px;
}

h1.small {
	font-size: 2.2em;
	line-height: 42px;
	font-weight: 600;
}

h1.short {
	margin-bottom: 15px;
}

h2.short {
	margin-bottom: 15px;
}

h3.short,
h4.short,
h5.short,
h6.short {
	margin-bottom: 9px;
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
	margin-bottom: 0;
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
	margin-bottom: 33px;
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
	margin-bottom: 44px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
	margin-top: 22px;
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
	margin-top: 44px;
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark {
	color: var(--dark);
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
	color: var(--light);
}

h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/* Modal Titles */
.modal-header h3 {
	color: var(--dark--200);
	text-transform: none;
}

@media (max-width: 575px) {
	h2 {
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	h1.big {
		font-size: 3.2em;
		line-height: 42px;
	}
}

/* Highlight */
.highlight {
	position: relative;
	background-image: linear-gradient(90deg, var(--light-rgba-0) 50%, var(--grey-500) 0);
	background-size: 200%;
	background-position: 0;
	padding-right: 8px;
	padding-right: .5rem;
	padding-left: 8px;
	padding-left: .5rem;
	transition: background-position .8s;
}

.highlight.highlight-bg-opacity {
	background-image: linear-gradient(90deg, var(--light-rgba-0) 50%, rgba(var(--grey-500), 0.2) 0);
}

.highlight.highlight-change-text-color {
	color: var(--light);
}

.highlight.highlight-animated.highlight-animated-start {
	background-position: -100%;
}

/* Highlight Text - Skin */
.highlight-primary {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--primary) 0);
}

.highlight-primary.highlight-bg-opacity {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--primary-rgba-35) 0);
}

.highlight-primary.highlight-change-text-color {
	color: var(--primary-inverse);
}

.highlight-secondary {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--secondary) 0);
}

.highlight-secondary.highlight-bg-opacity {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--secondary-rgba-35) 0);
}

.highlight-secondary.highlight-change-text-color {
	color: var(--secondary-inverse);
}

.highlight-tertiary {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--tertiary) 0);
}

.highlight-tertiary.highlight-bg-opacity {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--tertiary-rgba-35) 0);
}

.highlight-tertiary.highlight-change-text-color {
	color: var(--tertiary-inverse);
}

.highlight-quaternary {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--quaternary) 0);
}

.highlight-quaternary.highlight-bg-opacity {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--quaternary-rgba-35) 0);
}

.highlight-quaternary.highlight-change-text-color {
	color: var(--quaternary-inverse);
}

.highlight-dark {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--dark) 0);
}

.highlight-dark.highlight-bg-opacity {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--dark-rgba-35) 0);
}

.highlight-dark.highlight-change-text-color {
	color: var(--dark-inverse);
}

.highlight-light {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--light) 0);
}

.highlight-light.highlight-bg-opacity {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, var(--light-rgba-35) 0);
}

.highlight-light.highlight-change-text-color {
	color: var(--light-inverse);
}

/* Font Awesome List */
.sample-icon-list {
	margin-top: 22px;
}

.sample-icon-list .sample-icon a {
	display: block;
	color: #222222;
	line-height: 36px;
	height: 36px;
	padding-left: 10px;
	border-radius: var(--border-radius);
	font-size: 11px;
}

.sample-icon-list .sample-icon a [class*="fa-"], .sample-icon-list .sample-icon a .icons {
	width: 32px;
	font-size: 14px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
}

.sample-icon-list .sample-icon a:hover {
	color: var(--light);
	text-decoration: none;
}

.sample-icon-list .sample-icon a:hover [class*="fa-"], .sample-icon-list .sample-icon a:hover .icons {
	font-size: 28px;
	vertical-align: -6px;
}

/* Font Awesome - Skin */
.sample-icon-list .sample-icon a:hover {
	background-color: var(--primary);
}

/* Simple Line Icons List */
#lineIcons .sample-icon-list .sample-icon a {
	line-height: 39px;
}

.feature-box {
	display: flex !important;
}

.feature-box-icon {
	width: fit-content;
}

.animated-icon {
	background-color: var(--primary);
	width: fit-content;
	padding: 20px;
	display: flex;
	border-radius: 50%;
}
/* Hover effetcs */
.hover-effect-1:not(.portfolio-item) {
	box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0);
	transition: ease transform 300ms, ease box-shadow 300ms;
}

.hover-effect-1:not(.portfolio-item):hover {
	box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
	transform: translate3d(0, -15px, 0);
}

.hover-effect-1.portfolio-item {
	transition: ease transform 300ms;
}

.hover-effect-1.portfolio-item .thumb-info,
.hover-effect-1.portfolio-item .owl-carousel {
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
	transition: ease box-shadow 300ms;
}

.hover-effect-1.portfolio-item:hover .thumb-info,
.hover-effect-1.portfolio-item:hover .owl-carousel, .hover-effect-1.portfolio-item.show .thumb-info,
.hover-effect-1.portfolio-item.show .owl-carousel {
	box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
}

.hover-effect-1 a {
	transition: ease color 300ms;
}

.hover-effect-2 {
	opacity: 1;
	transition: ease opacity 300ms;
}

.hover-effect-2:hover {
	opacity: 0.85;
}

.hover-effect-3 {
	opacity: 0.3;
	transition: ease opacity 300ms;
}

.hover-effect-3:hover {
	opacity: 1;
}

/* Sticky Wrapper */
.sticky-wrapper {
	position: fixed;
	width: 100% !important;
	z-index: 11;
}

.sticky-wrapper .sticky-body {
	display: flex;
	background: var(--light);
	width: 100%;
	z-index: 10;
	transition: ease background 300ms;
}

.sticky-wrapper.sticky-wrapper-transparent .sticky-body {
	background: transparent;
}

.sticky-wrapper.sticky-wrapper-effect-1 {
	position: absolute !important;
}

.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body {
	position: fixed;
	background: var(--light);
	animation: headerReveal 0.4s ease-in;
}

.sticky-wrapper.sticky-wrapper-effect-1.sticky-wrapper-effect-1-dark.sticky-effect-active .sticky-body {
	background: var(--dark);
}

.sticky-wrapper.sticky-wrapper-border-bottom.sticky-effect-active .sticky-body {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* Page Transition */
body[data-plugin-page-transition] {
	transition: ease opacity 300ms;
}

body.page-transition-active {
	opacity: 0 !important;
}

/* Inverted - Skin */
.inverted {
	background-color: var(--primary);
}

.inverted-primary {
	background-color: var(--primary);
}

.inverted-secondary {
	background-color: var(--secondary);
}

.inverted-tertiary {
	background-color: var(--tertiary);
}

.inverted-quaternary {
	background-color: var(--quaternary);
}

.inverted-dark {
	background-color: var(--dark);
}

.inverted-light {
	background-color: var(--light);
}

/* Hotspots - Skin */
.image-hotspot-primary strong {
	color: var(--primary-inverse) !important;
}

.image-hotspot-primary .circle {
	background: var(--primary) !important;
}

.image-hotspot-primary .ring {
	border-color: var(--primary-rgba-90);
}

.image-hotspot-secondary strong {
	color: var(--secondary-inverse) !important;
}

.image-hotspot-secondary .circle {
	background: var(--secondary) !important;
}

.image-hotspot-secondary .ring {
	border-color: var(--secondary-rgba-90);
}

.image-hotspot-tertiary strong {
	color: var(--tertiary-inverse) !important;
}

.image-hotspot-tertiary .circle {
	background: var(--tertiary) !important;
}

.image-hotspot-tertiary .ring {
	border-color: var(--tertiary-rgba-90);
}

.image-hotspot-quaternary strong {
	color: var(--quaternary-inverse) !important;
}

.image-hotspot-quaternary .circle {
	background: var(--quaternary) !important;
}

.image-hotspot-quaternary .ring {
	border-color: var(--quaternary-rgba-90);
}

.image-hotspot-dark strong {
	color: var(--dark-inverse) !important;
}

.image-hotspot-dark .circle {
	background: var(--dark) !important;
}

.image-hotspot-dark .ring {
	border-color: var(--dark-rgba-90);
}

.image-hotspot-light strong {
	color: var(--light-inverse) !important;
}

.image-hotspot-light .circle {
	background: var(--light) !important;
}

.image-hotspot-light .ring {
	border-color: var(--light-rgba-90);
}

/* Scrollable	- Skin */
.scrollable.colored-slider .scrollable-slider {
	background: var(--primary);
}

/* Nav */
.nav > li > a {
	text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus {
	background: transparent;
	text-decoration: none;
}

/* Nav List */
ul.nav-list li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

ul.nav-list li a {
	transition: background 0.1s;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	padding: 10px 0 10px 22px;
	display: block;
	color: #666;
	font-size: 1em;
	text-decoration: none;
	line-height: 20px;
}

ul.nav-list li a:before {
	font-family: 'Font Awesome 6 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 10px;
	font-size: 7.2px;
	font-size: 0.45rem;
	opacity: 0.7;
	transform: translate3d(-1px, 0, 0);
	left: 12px;
}

ul.nav-list li a:hover {
	text-decoration: none;
}

ul.nav-list li a:hover:before,
ul.nav-list li a:hover i[class*="fa-chevron"] {
	animation-name: arrowLeftRight;
	animation-duration: 500ms;
	animation-iteration-count: infinite;
}

ul.nav-list li a i[class*="fa-chevron"] {
	position: relative;
	top: -1px;
	font-size: 8px;
	font-size: 0.5rem;
	opacity: 0.8;
}

ul.nav-list li > a.active {
	font-weight: bold;
}

ul.nav-list li ul {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
}

ul.nav-list li:last-child a {
	border-bottom: 0;
}

ul.nav-list.hide-not-active li ul {
	display: none;
}

ul.nav-list.hide-not-active li.active ul {
	display: block;
}

ul.nav-list.show-bg-active .active > a,
ul.nav-list.show-bg-active a.active {
	background-color: #f5f5f5;
}

ul.nav-list.show-bg-active .active > a:hover,
ul.nav-list.show-bg-active a.active:hover {
	background-color: #eee;
}

ul.nav-list.no-arrows li a:before {
	content: none;
}

ul.nav-list-arrows li a {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 0;
	padding-right: 0;
}

ul.nav-list-arrows li a:after {
	content: '';
	width: 24px;
	height: 24px;
	display: inline-flex;
	position: absolute;
	right: 0;
	left: auto;
	background: var(--dark-rgba-10);
	transform: none;
	border-radius: 50%;
}

ul.nav-list-arrows li a:before {
	width: auto;
	height: 24px;
	display: inline-flex;
	position: absolute;
	right: 8px;
	left: auto;
	font-size: 0.9em;
	transform: none;
	color: var(--dark);
	opacity: 1;
	z-index: 1;
	top: 14px;
}

ul.nav-list-arrows li a.active {
	color: var(--primary);
}

ul.nav-list-arrows li a.active:after {
	background: var(--primary);
}

ul.nav-list-arrows li a.active:before {
	color: var(--primary-inverse);
}

ul.nav-list-arrows-simple li a:after {
	display: none;
}

ul.nav-list-arrows-simple li a:before {
	content: "\f061";
}

ul.nav-list-arrows-simple li a.active:before {
	color: var(--primary);
}

ul.nav-list-simple li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

ul.nav-list-simple li a {
	transition: background 0.1s;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	padding: 8px 0;
	display: block;
	color: #666;
	font-size: 0.9em;
	text-decoration: none;
	line-height: 20px;
	transition: ease padding 300ms;
}

ul.nav-list-simple li > a.active {
	font-weight: bold;
}

ul.nav-list-simple li:hover a {
	padding-left: 4px;
}

ul.nav-list-simple li ul {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
}

ul.narrow li a {
	padding: 4px 0;
}

ul.nav-pills > li > a.active {
	color: var(--light);
	background-color: var(--grey-500);
}

ul.nav-pills > li > a.active:hover, ul.nav-pills > li > a.active:focus {
	color: var(--light);
	background-color: var(--grey-500);
}

/* Nav Pills */
.nav-pills-center {
	text-align: center;
}

.nav-pills-center > li {
	display: inline-block;
	float: none;
}

.nav-pills-sm > li > a {
	padding: 7px 12px;
}

.nav-pills-xs > li > a {
	padding: 5px 10px;
	font-size: 0.9em;
}

.nav-pills .nav-link.active {
	background-color: transparent;
}

.show > .nav-pills .nav-link {
	background-color: transparent;
}

/* Nav Light */
.nav-light > li > a {
	color: var(--light);
}

/* Nav Active Style - Active Bottom Border */
.nav-active-style-1 {
	min-height: 100px;
	align-items: center;
}

.nav-active-style-1 > li {
	align-self: stretch;
}

.nav-active-style-1 > li > a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 !important;
	margin: 0 15px;
	border-bottom: 2px solid transparent;
	transition: ease border-color 300ms;
}

.nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active {
	border-bottom-color: var(--grey-500);
}

@media (max-width: 575px) {
	.nav-active-style-1 > li > a {
		min-height: 45px;
		justify-content: center;
	}
}

/* Nav Secondary */
.nav-secondary {
	background: #fafafa;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	z-index: 99;
	width: 100% !important;
}

.nav-secondary .nav-pills > li {
	float: none;
	display: inline-block;
}

.nav-secondary .nav-pills > li a {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	padding: 10px 13px;
	text-transform: uppercase;
}

.nav-secondary.sticky-active {
	border-bottom-color: #e9e9e9;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Boxed */
html.boxed .nav-secondary.sticky-active {
	max-width: 1200px;
	left: auto !important;
}

@media (max-width: 767px) {
	.section-scroll-dots-navigation {
		right: 15px;
	}
}

/* Nav Colors */
.nav-color-primary nav > ul > li > a {
	color: var(--primary) !important;
}

.nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
	background-color: var(--primary) !important;
}

.nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
	border-top-color: var(--primary) !important;
}

.nav-color-secondary nav > ul > li > a {
	color: var(--secondary) !important;
}

.nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
	background-color: var(--secondary) !important;
}

.nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
	border-top-color: var(--secondary) !important;
}

.nav-color-tertiary nav > ul > li > a {
	color: var(--tertiary) !important;
}

.nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
	background-color: var(--tertiary) !important;
}

.nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
	border-top-color: var(--tertiary) !important;
}

.nav-color-quaternary nav > ul > li > a {
	color: var(--quaternary) !important;
}

.nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
	background-color: var(--quaternary) !important;
}

.nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
	border-top-color: var(--quaternary) !important;
}

.nav-color-dark nav > ul > li > a {
	color: var(--dark) !important;
}

.nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
	background-color: var(--dark) !important;
}

.nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
	border-top-color: var(--dark) !important;
}

.nav-color-light nav > ul > li > a {
	color: var(--light) !important;
}

.nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
	background-color: var(--light) !important;
}

.nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
	border-top-color: var(--light) !important;
}

.nav-pills > li.active > a,
.nav-pills .nav-link.active {
	background-color: var(--primary);
}

.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
	background-color: var(--primary);
}

.nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active {
	border-bottom-color: var(--primary);
}

/* Nav Pills Colors */
.nav-pills-primary a {
	color: var(--primary);
}

.nav-pills-primary a:hover {
	color: var(--primary--100);
}

.nav-pills-primary a:focus {
	color: var(--primary--100);
}

.nav-pills-primary a:active {
	color: var(--primary-100);
}

.nav-pills-primary .nav-link.active,
.nav-pills-primary > li.active > a {
	background-color: var(--primary);
}

.nav-pills-primary .nav-link.active:hover, .nav-pills-primary .nav-link.active:focus,
.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:focus {
	background-color: var(--primary);
}

.nav-pills-secondary a {
	color: var(--secondary);
}

.nav-pills-secondary a:hover {
	color: var(--secondary--100);
}

.nav-pills-secondary a:focus {
	color: var(--secondary--100);
}

.nav-pills-secondary a:active {
	color: var(--secondary-100);
}

.nav-pills-secondary .nav-link.active,
.nav-pills-secondary > li.active > a {
	background-color: var(--secondary);
}

.nav-pills-secondary .nav-link.active:hover, .nav-pills-secondary .nav-link.active:focus,
.nav-pills-secondary > li.active > a:hover,
.nav-pills-secondary > li.active > a:focus {
	background-color: var(--secondary);
}

.nav-pills-tertiary a {
	color: var(--tertiary);
}

.nav-pills-tertiary a:hover {
	color: var(--tertiary--100);
}

.nav-pills-tertiary a:focus {
	color: var(--tertiary--100);
}

.nav-pills-tertiary a:active {
	color: var(--tertiary-100);
}

.nav-pills-tertiary .nav-link.active,
.nav-pills-tertiary > li.active > a {
	background-color: var(--tertiary);
}

.nav-pills-tertiary .nav-link.active:hover, .nav-pills-tertiary .nav-link.active:focus,
.nav-pills-tertiary > li.active > a:hover,
.nav-pills-tertiary > li.active > a:focus {
	background-color: var(--tertiary);
}

.nav-pills-quaternary a {
	color: var(--quaternary);
}

.nav-pills-quaternary a:hover {
	color: var(--quaternary--100);
}

.nav-pills-quaternary a:focus {
	color: var(--quaternary--100);
}

.nav-pills-quaternary a:active {
	color: var(--quaternary-100);
}

.nav-pills-quaternary .nav-link.active,
.nav-pills-quaternary > li.active > a {
	background-color: var(--quaternary);
}

.nav-pills-quaternary .nav-link.active:hover, .nav-pills-quaternary .nav-link.active:focus,
.nav-pills-quaternary > li.active > a:hover,
.nav-pills-quaternary > li.active > a:focus {
	background-color: var(--quaternary);
}

.nav-pills-dark a {
	color: var(--dark);
}

.nav-pills-dark a:hover {
	color: var(--dark--100);
}

.nav-pills-dark a:focus {
	color: var(--dark--100);
}

.nav-pills-dark a:active {
	color: var(--dark-100);
}

.nav-pills-dark .nav-link.active,
.nav-pills-dark > li.active > a {
	background-color: var(--dark);
}

.nav-pills-dark .nav-link.active:hover, .nav-pills-dark .nav-link.active:focus,
.nav-pills-dark > li.active > a:hover,
.nav-pills-dark > li.active > a:focus {
	background-color: var(--dark);
}

.nav-pills-light a {
	color: var(--light);
}

.nav-pills-light a:hover {
	color: var(--light--100);
}

.nav-pills-light a:focus {
	color: var(--light--100);
}

.nav-pills-light a:active {
	color: var(--light-100);
}

.nav-pills-light .nav-link.active,
.nav-pills-light > li.active > a {
	background-color: var(--light);
}

.nav-pills-light .nav-link.active:hover, .nav-pills-light .nav-link.active:focus,
.nav-pills-light > li.active > a:hover,
.nav-pills-light > li.active > a:focus {
	background-color: var(--light);
}

/* Nav Link Colors */
.nav-link {
	color: var(--primary);
}

.nav-link:hover {
	color: var(--primary--100);
}

.nav-link:focus {
	color: var(--primary--100);
}

.nav-link:active {
	color: var(--primary-100);
}

/* Section Scroll Nav Colors */
.section-scroll-dots-navigation-colored > ul > li.active > a:before {
	background: var(--primary);
}

/* Nav OffCanvas */
.offcanvas-nav .nav ul {
	list-style: none;
}

.offcanvas-header {
	padding: 25px;
}

#offcanvasMain	{
	border-radius: 0 20px 0 0;
}

#offCanvasLogo .header-logo-text {
	display: inline;
	position: absolute;
	justify-content: center;
}

#offCanvasLogo{
	padding: 0 0 0 40px;
}

.offcanvas-nav .nav li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	position: relative;
}

.offcanvas-nav .nav li:last-child {
	border-bottom: 0;
}

.offcanvas-nav .nav li a {
	padding: 15px 10px;
	font-size: 16px;
	display: block;
	text-decoration: none;
	font-weight: 600;
	color: var(--dark);
	background-color: transparent !important;
	opacity: 1;
	transition: opacity 0.3s;
}

.offcanvas-nav .nav li a:hover {
	opacity: 0.7;
}

.offcanvas-nav .nav li a.dropdown-toggle:after {
	display: none;
}

.offcanvas-nav .nav li a.dropdown-toggle .fa-chevron-down {
	color: var(--dark);
	border-radius: 50%;
	position: absolute;
	right: 0;
	margin-top: -3px;
	width: 30px;
	display: inline-flex;
	justify-content: center;
	height: 30px;
	align-items: center;
	z-index: 1;
}

.offcanvas-nav .nav li a.dropdown-toggle .fa-chevron-down:hover {
	background: var(--primary);
	color: var(--primary-inverse);
}

.offcanvas-nav .nav li.dropdown .dropdown-menu {
	margin: 0;
	padding: 0 0 10px 20px;
	display: none;
	position: relative;
	border: 0;
	opacity: 0;
	transition: opacity 1s;
}

.offcanvas-nav .nav li.dropdown .dropdown-menu li a {
	font-size: 14px;
}

.offcanvas-nav .nav li.dropdown .dropdown-menu li .dropdown-mega-sub-title {
	font-size: 14px;
	font-weight: 600;
	opacity: 0.7;
	display: inline-block;
	padding: 10px 0;
}

.offcanvas-nav .nav li.dropdown.open .dropdown-menu {
	opacity: 1;
	display: block;
}
/* Scrollable */
.scrollable {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.scrollable .scrollable-content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 37px 0 0;
	overflow-x: hidden;
	overflow-y: scroll;
	outline: none;
}

.scrollable .scrollable-content::-webkit-scrollbar {
	visibility: hidden;
}

.scrollable .scrollable-pane {
	bottom: 0;
	opacity: 0.01;
	position: absolute;
	right: 5px;
	top: 0;
	transition: all 0.2s ease 0s;
	width: 4px;
}

.scrollable .scrollable-slider {
	border-radius: 5px;
	background: none repeat scroll 0 0 var(--grey-500);
	margin: 0;
	position: relative;
	transition: opacity 0.2s ease 0s;
	opacity: 0;
}

.scrollable.scrollable-padding .scrollable-content {
	padding: 10px 24px 10px 10px;
}

.scrollable:hover .scrollable-slider, .scrollable.visible-slider .scrollable-slider {
	opacity: 1;
}

/* Side Panel */
html.side-panel .body:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: var(--dark-rgba-50);
	opacity: 0;
	visibility: hidden;
	z-index: 9998;
	transition: ease opacity 300ms;
}

html.side-panel .side-panel-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	height: 100vh;
	background: var(--light);
	padding: 32px;
	padding: 2rem;
	box-shadow: 0px 0px 30px -13px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
	transform: translate3d(-100%, 0, 0);
	transition: ease transform 300ms;
	z-index: 9999;
}

html.side-panel .side-panel-wrapper .side-panel-close {
	position: absolute;
	top: 0;
	right: 0;
}

html.side-panel.side-panel-push .body {
	transform: translate3d(0, 0, 0);
	transition: ease transform 300ms;
}

html.side-panel.side-panel-right .side-panel-wrapper {
	left: auto;
	right: 0;
	transform: translate3d(100%, 0, 0);
}

html.side-panel.side-panel-without-overlay .body:before {
	content: none;
}

html.side-panel.side-panel-open .body:before {
	opacity: 1;
	visibility: visible;
}

html.side-panel.side-panel-open .side-panel-wrapper {
	transform: translate3d(0, 0, 0);
}

html.side-panel.side-panel-open.side-panel-push .body {
	transform: translate3d(300px, 0, 0);
}

html.side-panel.side-panel-open.side-panel-push.side-panel-right .body {
	transform: translate3d(-300px, 0, 0);
}

/* Social Icons */
.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

.social-icons li {
	display: inline-block;
	margin: -1px 1px 0 0;
	padding: 0;
	border-radius: 100%;
	overflow: visible;
}

.social-icons li a {
	transition: all 0.2s ease;
	border-radius: 100%;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 28px;
	text-align: center;
	color: var(--dark--200) !important;
	text-decoration: none;
	font-size: 12.8px;
	font-size: 0.8rem;
}

.social-icons li:hover a {
	background: #151719;
	color: var(--light) !important;
}

.social-icons li:hover.social-icons-x a {
	background: #1aa9e1 !important;
}

.social-icons li:hover.social-icons-facebook a {
	background: #3b5a9a !important;
}

.social-icons li:hover.social-icons-linkedin a {
	background: #0073b2 !important;
}

.social-icons li:hover.social-icons-rss a {
	background: #ff8201 !important;
}

.social-icons li:hover.social-icons-googleplus a {
	background: #dd4b39 !important;
}

.social-icons li:hover.social-icons-pinterest a {
	background: #cc2127 !important;
}

.social-icons li:hover.social-icons-youtube a {
	background: #c3191e !important;
}

.social-icons li:hover.social-icons-instagram a {
	background: #7c4a3a !important;
}

.social-icons li:hover.social-icons-skype a {
	background: #00b0f6 !important;
}

.social-icons li:hover.social-icons-email a {
	background: #dd4b39 !important;
}

.social-icons li:hover.social-icons-vk a {
	background: #6383a8 !important;
}

.social-icons li:hover.social-icons-xing a {
	background: #1a7576 !important;
}

.social-icons li:hover.social-icons-tumblr a {
	background: #304e6c !important;
}

.social-icons li:hover.social-icons-reddit a {
	background: #ff4107 !important;
}

.social-icons li:hover.social-icons-whatsapp a {
	background: #25d366 !important;
}

.social-icons.social-icons-dark li a {
	background: #181818;
}

.social-icons.social-icons-dark li a i {
	color: var(--light);
}

.social-icons.social-icons-dark-2 li a {
	background: #272a2e;
}

.social-icons.social-icons-dark-2 li a i {
	color: var(--light);
}

.social-icons.social-icons-transparent li {
	box-shadow: none;
}

.social-icons.social-icons-transparent li a {
	background: transparent;
}

.social-icons.social-icons-icon-gray li a {
	color: var(--default) !important;
}

.social-icons.social-icons-icon-gray li:hover a {
	color: var(--light) !important;
}

.social-icons.social-icons-icon-light li a i {
	color: var(--light);
}

.social-icons.social-icons-icon-light.social-icons-clean li a i {
	color: var(--light) !important;
}

.social-icons.social-icons-medium li a, .social-icons.social-icons-md li a {
	height: 33px;
	line-height: 33px;
	width: 33px;
	font-size: 14.4px;
	font-size: 0.9rem;
}

.social-icons.social-icons-big li a, .social-icons.social-icons-lg li a {
	height: 48px;
	line-height: 50px;
	width: 48px;
}

@media (max-width: 400px) {
	.social-icons.social-icons-big li a, .social-icons.social-icons-lg li a {
		height: 38px;
		line-height: 40px;
		width: 38px;
	}
}

.social-icons.social-icons-opacity-light li a {
	background: rgba(255, 255, 255, 0.04);
}

.social-icons.social-icons-clean-with-border li a {
	background: transparent;
	color: var(--light) !important;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.social-icons.social-icons-clean-with-border.social-icons-clean-with-border-border-grey li a {
	border: 1px solid #e7e7e7;
}

.social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li a {
	color: #212121 !important;
}

.social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li:hover a {
	color: var(--light) !important;
}

.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a {
	background: var(--light);
}

.social-icons-dark.social-icons-clean li a,
.social-icons-dark-2.social-icons-clean li a {
	background: transparent;
	color: var(--light) !important;
}

/* Clip SVG */
.clip-svg {
	width: 0;
	height: 0;
}

/* SVG Colors */
.svg-fill-color-primary {
	fill: var(--primary) !important;
}

.svg-fill-color-primary svg path, .svg-fill-color-primary svg rect, .svg-fill-color-primary svg line, .svg-fill-color-primary svg polyline, .svg-fill-color-primary svg polygon {
	fill: var(--primary) !important;
}

.svg-fill-color-hover-primary:hover {
	fill: var(--primary) !important;
}

.svg-fill-color-hover-primary svg:hover path, .svg-fill-color-hover-primary svg:hover rect, .svg-fill-color-hover-primary svg:hover line, .svg-fill-color-hover-primary svg:hover polyline, .svg-fill-color-hover-primary svg:hover polygon {
	fill: var(--primary) !important;
}

.svg-stroke-color-primary {
	stroke: var(--primary) !important;
}

.svg-stroke-color-primary svg path, .svg-stroke-color-primary svg rect, .svg-stroke-color-primary svg line, .svg-stroke-color-primary svg polyline, .svg-stroke-color-primary svg polygon {
	stroke: var(--primary) !important;
}

.svg-stroke-color-hover-primary:hover {
	stroke: var(--primary) !important;
}

.svg-stroke-color-hover-primary svg:hover path, .svg-stroke-color-hover-primary svg:hover rect, .svg-stroke-color-hover-primary svg:hover line, .svg-stroke-color-hover-primary svg:hover polyline, .svg-stroke-color-hover-primary svg:hover polygon {
	stroke: var(--primary) !important;
}

.svg-fill-color-secondary {
	fill: var(--secondary) !important;
}

.svg-fill-color-secondary svg path, .svg-fill-color-secondary svg rect, .svg-fill-color-secondary svg line, .svg-fill-color-secondary svg polyline, .svg-fill-color-secondary svg polygon {
	fill: var(--secondary) !important;
}

.svg-fill-color-hover-secondary:hover {
	fill: var(--secondary) !important;
}

.svg-fill-color-hover-secondary svg:hover path, .svg-fill-color-hover-secondary svg:hover rect, .svg-fill-color-hover-secondary svg:hover line, .svg-fill-color-hover-secondary svg:hover polyline, .svg-fill-color-hover-secondary svg:hover polygon {
	fill: var(--secondary) !important;
}

.svg-stroke-color-secondary {
	stroke: var(--secondary) !important;
}

.svg-stroke-color-secondary svg path, .svg-stroke-color-secondary svg rect, .svg-stroke-color-secondary svg line, .svg-stroke-color-secondary svg polyline, .svg-stroke-color-secondary svg polygon {
	stroke: var(--secondary) !important;
}

.svg-stroke-color-hover-secondary:hover {
	stroke: var(--secondary) !important;
}

.svg-stroke-color-hover-secondary svg:hover path, .svg-stroke-color-hover-secondary svg:hover rect, .svg-stroke-color-hover-secondary svg:hover line, .svg-stroke-color-hover-secondary svg:hover polyline, .svg-stroke-color-hover-secondary svg:hover polygon {
	stroke: var(--secondary) !important;
}

.svg-fill-color-tertiary {
	fill: var(--tertiary) !important;
}

.svg-fill-color-tertiary svg path, .svg-fill-color-tertiary svg rect, .svg-fill-color-tertiary svg line, .svg-fill-color-tertiary svg polyline, .svg-fill-color-tertiary svg polygon {
	fill: var(--tertiary) !important;
}

.svg-fill-color-hover-tertiary:hover {
	fill: var(--tertiary) !important;
}

.svg-fill-color-hover-tertiary svg:hover path, .svg-fill-color-hover-tertiary svg:hover rect, .svg-fill-color-hover-tertiary svg:hover line, .svg-fill-color-hover-tertiary svg:hover polyline, .svg-fill-color-hover-tertiary svg:hover polygon {
	fill: var(--tertiary) !important;
}

.svg-stroke-color-tertiary {
	stroke: var(--tertiary) !important;
}

.svg-stroke-color-tertiary svg path, .svg-stroke-color-tertiary svg rect, .svg-stroke-color-tertiary svg line, .svg-stroke-color-tertiary svg polyline, .svg-stroke-color-tertiary svg polygon {
	stroke: var(--tertiary) !important;
}

.svg-stroke-color-hover-tertiary:hover {
	stroke: var(--tertiary) !important;
}

.svg-stroke-color-hover-tertiary svg:hover path, .svg-stroke-color-hover-tertiary svg:hover rect, .svg-stroke-color-hover-tertiary svg:hover line, .svg-stroke-color-hover-tertiary svg:hover polyline, .svg-stroke-color-hover-tertiary svg:hover polygon {
	stroke: var(--tertiary) !important;
}

.svg-fill-color-quaternary {
	fill: var(--quaternary) !important;
}

.svg-fill-color-quaternary svg path, .svg-fill-color-quaternary svg rect, .svg-fill-color-quaternary svg line, .svg-fill-color-quaternary svg polyline, .svg-fill-color-quaternary svg polygon {
	fill: var(--quaternary) !important;
}

.svg-fill-color-hover-quaternary:hover {
	fill: var(--quaternary) !important;
}

.svg-fill-color-hover-quaternary svg:hover path, .svg-fill-color-hover-quaternary svg:hover rect, .svg-fill-color-hover-quaternary svg:hover line, .svg-fill-color-hover-quaternary svg:hover polyline, .svg-fill-color-hover-quaternary svg:hover polygon {
	fill: var(--quaternary) !important;
}

.svg-stroke-color-quaternary {
	stroke: var(--quaternary) !important;
}

.svg-stroke-color-quaternary svg path, .svg-stroke-color-quaternary svg rect, .svg-stroke-color-quaternary svg line, .svg-stroke-color-quaternary svg polyline, .svg-stroke-color-quaternary svg polygon {
	stroke: var(--quaternary) !important;
}

.svg-stroke-color-hover-quaternary:hover {
	stroke: var(--quaternary) !important;
}

.svg-stroke-color-hover-quaternary svg:hover path, .svg-stroke-color-hover-quaternary svg:hover rect, .svg-stroke-color-hover-quaternary svg:hover line, .svg-stroke-color-hover-quaternary svg:hover polyline, .svg-stroke-color-hover-quaternary svg:hover polygon {
	stroke: var(--quaternary) !important;
}

.svg-fill-color-dark {
	fill: var(--dark) !important;
}

.svg-fill-color-dark svg path, .svg-fill-color-dark svg rect, .svg-fill-color-dark svg line, .svg-fill-color-dark svg polyline, .svg-fill-color-dark svg polygon {
	fill: var(--dark) !important;
}

.svg-fill-color-hover-dark:hover {
	fill: var(--dark) !important;
}

.svg-fill-color-hover-dark svg:hover path, .svg-fill-color-hover-dark svg:hover rect, .svg-fill-color-hover-dark svg:hover line, .svg-fill-color-hover-dark svg:hover polyline, .svg-fill-color-hover-dark svg:hover polygon {
	fill: var(--dark) !important;
}

.svg-stroke-color-dark {
	stroke: var(--dark) !important;
}

.svg-stroke-color-dark svg path, .svg-stroke-color-dark svg rect, .svg-stroke-color-dark svg line, .svg-stroke-color-dark svg polyline, .svg-stroke-color-dark svg polygon {
	stroke: var(--dark) !important;
}

.svg-stroke-color-hover-dark:hover {
	stroke: var(--dark) !important;
}

.svg-stroke-color-hover-dark svg:hover path, .svg-stroke-color-hover-dark svg:hover rect, .svg-stroke-color-hover-dark svg:hover line, .svg-stroke-color-hover-dark svg:hover polyline, .svg-stroke-color-hover-dark svg:hover polygon {
	stroke: var(--dark) !important;
}

.svg-fill-color-light {
	fill: var(--light) !important;
}

.svg-fill-color-light svg path, .svg-fill-color-light svg rect, .svg-fill-color-light svg line, .svg-fill-color-light svg polyline, .svg-fill-color-light svg polygon {
	fill: var(--light) !important;
}

.svg-fill-color-hover-light:hover {
	fill: var(--light) !important;
}

.svg-fill-color-hover-light svg:hover path, .svg-fill-color-hover-light svg:hover rect, .svg-fill-color-hover-light svg:hover line, .svg-fill-color-hover-light svg:hover polyline, .svg-fill-color-hover-light svg:hover polygon {
	fill: var(--light) !important;
}

.svg-stroke-color-light {
	stroke: var(--light) !important;
}

.svg-stroke-color-light svg path, .svg-stroke-color-light svg rect, .svg-stroke-color-light svg line, .svg-stroke-color-light svg polyline, .svg-stroke-color-light svg polygon {
	stroke: var(--light) !important;
}

.svg-stroke-color-hover-light:hover {
	stroke: var(--light) !important;
}

.svg-stroke-color-hover-light svg:hover path, .svg-stroke-color-hover-light svg:hover rect, .svg-stroke-color-hover-light svg:hover line, .svg-stroke-color-hover-light svg:hover polyline, .svg-stroke-color-hover-light svg:hover polygon {
	stroke: var(--light) !important;
}

/* SVG Animations */
.svg-animation-effect-1-hover:hover svg path, .svg-animation-effect-1-hover:hover svg polygon, .svg-animation-effect-1-hover:hover svg polyline, .svg-animation-effect-1-hover:hover svg rect {
	stroke: var(--primary);
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg rect {
	stroke: var(--primary);
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg rect {
	stroke: var(--secondary);
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg rect {
	stroke: var(--tertiary);
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg rect {
	stroke: var(--quaternary);
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect {
	stroke: var(--dark);
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect {
	stroke: var(--light);
}

/* Tables */
.table td, .table th {
	border-color: rgba(0, 0, 0, 0.06);
}

.table > :not(:first-child) {
	border-top-color: rgba(0, 0, 0, 0.06);
}

/* Tabs */
.tabs {
	border-radius: 4px;
	margin-bottom: 20px;
}

.nav-tabs {
	margin: 0;
	padding: 0;
	border-bottom-color: #EEE;
}

.nav-tabs li:last-child .nav-link {
	margin-right: 0;
}

.nav-tabs li .nav-link {
	border-radius: 5px 5px 0 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.2px;
	padding: 11.2px 24px;
	padding: .7rem 1.5rem;
	transition: all .2s;
	margin-right: 1px;
}

.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
	background: var(--grey-100);
	border-bottom: none;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-top: 3px solid #EEE;
	color: var(--grey-500);
}

.nav-tabs li .nav-link:hover {
	border-bottom-color: transparent;
	border-top: 3px solid var(--grey-500);
	box-shadow: none;
}

.nav-tabs li .nav-link:active, .nav-tabs li .nav-link:hover, .nav-tabs li .nav-link:focus {
	background: var(--light);
	border-left-color: #EEE;
	border-right-color: #EEE;
	border-top: 3px solid var(--grey-500);
	color: var(--grey-500);
}

.tab-content {
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: var(--light);
	border: 1px solid #EEE;
	border-top: 0;
	padding: 15px;
}

/* Right Aligned */
.nav-tabs.nav-right {
	text-align: right;
}

/* History - Skin */
ul.history li .featured-box .box-content {
	border-top-color: var(--primary);
}

/* Toggles */
.toggle {
	margin: 10px 0 20px;
	position: relative;
	clear: both;
}

.toggle .toggle {
	margin: 10px 0 0;
}

.toggle > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.toggle > label,
.toggle > .toggle-title {
	transition: all .15s ease-out;
	background: var(--grey-100);
	border-left: 3px solid var(--grey-500);
	border-radius: 5px;
	color: var(--grey-500);
	display: block;
	min-height: 20px;
	padding: 12px 20px 12px 15px;
	position: relative;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: -0.2px;
	text-decoration: none !important;
}

.toggle > label:-moz-selection,
.toggle > .toggle-title:-moz-selection {
	background: none;
}

.toggle > label i.fa-minus,
.toggle > .toggle-title i.fa-minus {
	display: none;
}

.toggle > label i.fa-plus,
.toggle > .toggle-title i.fa-plus {
	display: inline;
}

.toggle > label:before,
.toggle > .toggle-title:before {
	content: " ";
	position: absolute;
	top: calc(50% + 1px);
	right: 14px;
	border-color: var(--grey-500);
	border-top: 1px solid;
	border-right: 1px solid;
	width: 8px;
	height: 8px;
	backface-visibility: hidden;
	transition: transform 0.3s, top 0.3s;
	transform: rotate(-45deg) translate3d(0, -50%, 0);
	transform-origin: 35%;
}

.toggle > label:hover,
.toggle > .toggle-title:hover {
	background: #f5f5f5;
}

.toggle > label + p,
.toggle > .toggle-title + p {
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 25px;
}

.toggle > label i,
.toggle > .toggle-title i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

.toggle > .toggle-content {
	display: none;
}

.toggle > .toggle-content > p {
	margin-bottom: 0;
	padding: 10px 0;
}

.toggle.active i.fa-minus {
	display: inline;
}

.toggle.active i.fa-plus {
	display: none;
}

.toggle.active > label,
.toggle.active > .toggle-title {
	background: var(--grey-100);
	border-color: var(--grey-500);
}

.toggle.active > label:before,
.toggle.active > .toggle-title:before {
	top: calc(50% - 8px);
	transform: rotate(135deg);
}

.toggle.active > p {
	white-space: normal;
}

.toggle > p.preview-active {
	height: auto;
	white-space: normal;
}

.toggle.toggle-sm .toggle > label,
.toggle.toggle-sm .toggle > .toggle-title {
	font-size: 0.9em;
	padding: 6px 20px 6px 10px;
}

.toggle.toggle-sm .toggle > .toggle-content > p {
	font-size: 0.9em;
}

.toggle.toggle-lg .toggle > label,
.toggle.toggle-lg .toggle > .toggle-title {
	font-size: 1.1em;
	padding: 16px 20px 16px 20px;
}

.toggle.toggle-lg .toggle > .toggle-content > p {
	font-size: 1.1em;
}

.toggle.toggle-simple .toggle > label,
.toggle.toggle-simple .toggle > .toggle-title {
	border-radius: 0;
	border: 0;
	background: transparent;
	color: var(--default);
	padding-left: 32px;
	margin-bottom: -10px;
	font-size: 1em;
	font-weight: 600;
	color: var(--dark);
}

.toggle.toggle-simple .toggle > label:after,
.toggle.toggle-simple .toggle > .toggle-title:after {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: var(--grey-500);
	top: 25px;
	margin-top: -12px;
	border-radius: 3px;
	z-index: 1;
}

.toggle.toggle-simple .toggle > label:before,
.toggle.toggle-simple .toggle > .toggle-title:before {
	border: 0;
	left: 9px;
	right: auto;
	margin-top: 0;
	top: 12px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f067";
	z-index: 2;
	color: var(--light);
	font-size: 7px;
	width: auto;
	height: auto;
	transform: none;
}

.toggle.toggle-simple .toggle.active > label,
.toggle.toggle-simple .toggle.active > .toggle-title {
	background: transparent;
	color: var(--dark);
}

.toggle.toggle-simple .toggle.active > label:before,
.toggle.toggle-simple .toggle.active > .toggle-title:before {
	content: "\f068";
}

.toggle.toggle-minimal .toggle {
	margin: 0;
}

.toggle.toggle-minimal .toggle > label,
.toggle.toggle-minimal .toggle > .toggle-title {
	background: transparent;
	color: var(--default);
	border-left: 0;
	border-bottom: 1px solid var(--grey-500);
	border-radius: 0;
	margin: 0;
	padding: 12px 20px 12px 0;
	font-weight: 600;
}

.toggle.toggle-minimal .toggle.active > label,
.toggle.toggle-minimal .toggle.active > .toggle-title {
	background: transparent;
	border-bottom-color: var(--grey-500);
}

.toggle.toggle-faqs .toggle {
	border-bottom: 1px solid var(--grey-300);
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.toggle.toggle-faqs .toggle:last-child {
	border-bottom: 0;
}

.toggle.toggle-faqs .toggle > label,
.toggle.toggle-faqs .toggle > .toggle-title {
	border: 0;
	padding-right: 35px;
}

.toggle.toggle-faqs .toggle > label:before,
.toggle.toggle-faqs .toggle > .toggle-title:before {
	font-family: 'Font Awesome 6 Free';
	content: "\2b";
	border: 0;
	transform: none;
	top: 50%;
	right: 0px;
	width: auto;
	height: auto;
	transform: translateY(-50%);
}

.toggle.toggle-faqs .toggle.active > label,
.toggle.toggle-faqs .toggle.active > .toggle-title {
	border: 0;
}

.toggle.toggle-faqs .toggle.active > label:before,
.toggle.toggle-faqs .toggle.active > .toggle-title:before {
	content: "\f068";
}

.toggle.toggle-faqs .toggle > .toggle-content > p {
	padding-top: 5px;
}

/* Toggle - Skin */
.toggle-primary .toggle label,
.toggle-primary .toggle .toggle-title {
	color: var(--primary);
	border-left-color: var(--primary);
	border-right-color: var(--primary);
}

.toggle-primary .toggle.active > label,
.toggle-primary .toggle.active > .toggle-title {
	background-color: var(--primary);
	border-color: var(--primary);
	color: var(--primary-inverse);
}

.toggle-primary.toggle-simple .toggle > label:after,
.toggle-primary.toggle-simple .toggle > .toggle-title:after {
	background-color: var(--primary);
}

.toggle-primary.toggle-minimal .toggle.active > label,
.toggle-primary.toggle-minimal .toggle.active > .toggle-title {
	color: var(--primary);
}

.toggle-secondary .toggle label,
.toggle-secondary .toggle .toggle-title {
	color: var(--secondary);
	border-left-color: var(--secondary);
	border-right-color: var(--secondary);
}

.toggle-secondary .toggle.active > label,
.toggle-secondary .toggle.active > .toggle-title {
	background-color: var(--secondary);
	border-color: var(--secondary);
	color: var(--secondary-inverse);
}

.toggle-secondary.toggle-simple .toggle > label:after,
.toggle-secondary.toggle-simple .toggle > .toggle-title:after {
	background-color: var(--secondary);
}

.toggle-secondary.toggle-minimal .toggle.active > label,
.toggle-secondary.toggle-minimal .toggle.active > .toggle-title {
	color: var(--secondary);
}

.toggle-tertiary .toggle label,
.toggle-tertiary .toggle .toggle-title {
	color: var(--tertiary);
	border-left-color: var(--tertiary);
	border-right-color: var(--tertiary);
}

.toggle-tertiary .toggle.active > label,
.toggle-tertiary .toggle.active > .toggle-title {
	background-color: var(--tertiary);
	border-color: var(--tertiary);
	color: var(--tertiary-inverse);
}

.toggle-tertiary.toggle-simple .toggle > label:after,
.toggle-tertiary.toggle-simple .toggle > .toggle-title:after {
	background-color: var(--tertiary);
}

.toggle-tertiary.toggle-minimal .toggle.active > label,
.toggle-tertiary.toggle-minimal .toggle.active > .toggle-title {
	color: var(--tertiary);
}

.toggle-quaternary .toggle label,
.toggle-quaternary .toggle .toggle-title {
	color: var(--quaternary);
	border-left-color: var(--quaternary);
	border-right-color: var(--quaternary);
}

.toggle-quaternary .toggle.active > label,
.toggle-quaternary .toggle.active > .toggle-title {
	background-color: var(--quaternary);
	border-color: var(--quaternary);
	color: var(--quaternary-inverse);
}

.toggle-quaternary.toggle-simple .toggle > label:after,
.toggle-quaternary.toggle-simple .toggle > .toggle-title:after {
	background-color: var(--quaternary);
}

.toggle-quaternary.toggle-minimal .toggle.active > label,
.toggle-quaternary.toggle-minimal .toggle.active > .toggle-title {
	color: var(--quaternary);
}

.toggle-dark .toggle label,
.toggle-dark .toggle .toggle-title {
	color: var(--dark);
	border-left-color: var(--dark);
	border-right-color: var(--dark);
}

.toggle-dark .toggle.active > label,
.toggle-dark .toggle.active > .toggle-title {
	background-color: var(--dark);
	border-color: var(--dark);
	color: var(--dark-inverse);
}

.toggle-dark.toggle-simple .toggle > label:after,
.toggle-dark.toggle-simple .toggle > .toggle-title:after {
	background-color: var(--dark);
}

.toggle-dark.toggle-minimal .toggle.active > label,
.toggle-dark.toggle-minimal .toggle.active > .toggle-title {
	color: var(--dark);
}

.toggle-light .toggle label,
.toggle-light .toggle .toggle-title {
	color: var(--light);
	border-left-color: var(--light);
	border-right-color: var(--light);
}

.toggle-light .toggle.active > label,
.toggle-light .toggle.active > .toggle-title {
	background-color: var(--light);
	border-color: var(--light);
	color: var(--light-inverse);
}

.toggle-light.toggle-simple .toggle > label:after,
.toggle-light.toggle-simple .toggle > .toggle-title:after {
	background-color: var(--light);
}

.toggle-light.toggle-minimal .toggle.active > label,
.toggle-light.toggle-minimal .toggle.active > .toggle-title {
	color: var(--light);
}

/* Small */
small, .small {
	font-size: 70%;
}

/* Paragraphs */
p {
	color: var(--default);
	line-height: 26px;
	margin: 0 0 20px;
}

p.featured {
	font-size: 1.6em;
	line-height: 1.5em;
}

p.lead {
	line-height: 28.8px;
	line-height: 1.8rem;
}

p .alternative-font {
	display: inline-block;
	margin-top: -15px;
	position: relative;
	top: 3px;
	margin-bottom: -6px;
}

/* Lead */
.lead {
	letter-spacing: -.05em;
	font-size: 19.2px;
	font-size: 1.2rem;
}

.lead-2 {
	font-size: 17.92px;
	font-size: 1.12rem;
}

/* Links */
a {
	color: var(--primary);
}

a:hover {
	color: var(--primary--100);
}

a:focus {
	color: var(--primary--100);
}

a:active {
	color: var(--primary-100);
}

/* Drop Caps */
p.drop-caps:first-letter {
	float: left;
	font-size: 75px;
	line-height: 60px;
	padding: 4px;
	margin-right: 5px;
	margin-top: 5px;
	font-family: Georgia;
}

p.drop-caps.drop-caps-style-2:first-letter {
	background-color: var(--primary);
	color: var(--light);
	padding: 6px;
	margin-right: 5px;
	border-radius: var(--border-radius);
}

/* Default Font Style */
.default-font {
	font-family: "Poppins", Arial, sans-serif !important;
}

/* Alternative Font Style */
.alternative-font {
	font-family: "Shadows Into Light", cursive !important;
	font-size: 1.6em;
}

.alternative-font-2 {
	font-family: "Oswald", sans-serif !important;
}

.alternative-font-3 {
	font-family: 'Handlee', cursive !important;
}

.alternative-font-4 {
	font-family: 'Poppins', Arial, sans-serif !important;
}

.alternative-font-5 {
	font-family: 'Open Sans', Arial, sans-serif !important;
}

.alternative-font-6 {
	font-family: 'Montserrat', Arial, sans-serif !important;
}

.alternative-font-7 {
	font-family: 'Jost', sans-serif !important;
}

.alternative-font-8 {
	font-family: 'Cormorant', serif !important;
}

/* Gradient Text */
.gradient-text-color {
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.no-backgroundcliptext .gradient-text-color {
	background: transparent !important;
}