/*------- fonts -------*/
/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");*/
/*@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;500;600;700&display=swap");
/*------- end of fonts -------*/
/*---------- ui ----------*/
/*------- typography -------*/

@font-face {
	font-family: 'San Francisco';
	src: url('../fonts/SF-Pro-Rounded-Regular.woff2')
}

.grecaptcha-badge {
	visibility: hidden !important;
}

html, body {
	color: #3a3f51;
	background-color: #fff;
	font-size: 16px;
	font-weight: 400;
}

	html * {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

html {
	height: 100%;
	color: #3a3f51;
	overflow-y: scroll;
	scrollbar-gutter: stable; /* Modern CSS to reserve scrollbar space */
}


/*Callout Blurby*/
.callout-container {
	position: relative;
	width: 149px;
	height: 188px;
}

.callout-image {
	width: 100%;
	height: auto;
	display: block;
}

.callout-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%; /* Optional: limit text width */
	transform: translate(-50%, -50%) rotate(-15deg);
	color: #003366;
	font-family: "SF Pro Rounded", sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	pointer-events: none; /* so clicks pass through */
}
/*End Callout Blurby*/


/* Fade overlay inside the container */
.gradient-mask {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	pointer-events: none;
	z-index: 10;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 400px, rgba(255,255,255,1) 600px, rgba(255,255,255,1) 100% );
}

.user-information-rendering-target {
	/* Form is now always visible - no height restrictions */
	position: relative;
}

.user-information-target-wrapper {
	/* Form is now always visible - no height restrictions */
	position: relative;
}


/* The gradient that sits at bottom of viewport */
.fade-gradient-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100px;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	pointer-events: none;
	z-index: 50;
	transition: opacity 0.3s ease;
}

	/* Hide gradient when not needed */
	.fade-gradient-fixed.hidden {
		opacity: 0;
		visibility: hidden;
	}


.card.fade-out-up {
	animation: fadeOutUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	position: relative;
	z-index: 0;
	will-change: transform, opacity;
	transform-origin: center top;
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	100% {
		opacity: 0;
		transform: translateY(-40px) scale(0.95);
	}
}

.card.fade-in-up {
	animation: fadeInUp 0.5s ease forwards;
	opacity: 0;
	transform: translateY(30px);
}

@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


html.scroll-locked,
body.scroll-locked {
	overflow: hidden !important;
	height: 100% !important;
	padding-right: 0 !important; /* not needed anymore */
}

.periwinkle-gradient-dark {
	/*background: var(--Gradients-Periwinkle-Dark, linear-gradient(153deg, #969EDD 6.89%, #E5EBFF 90.22%));*/
}


.home-image-section {
	background-image: url('https://cdn.pixerr.com/HomeImages/friends-on-yacht.png');
	background-size: cover; /* Cover the entire section */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
}


.masonry-container {
	column-gap: 1rem;
	column-count: 1; /* mobile first */
}

.masonry-item {
	break-inside: avoid;
	padding-bottom: 3rem;
	display: block; /* fixes top alignment */
}

/* Tablet */
@media (min-width: 576px) {
	.masonry-container {
		column-count: 2;
	}
}

/* Desktop */
@media (min-width: 992px) {
	.masonry-container {
		column-count: 3;
	}
}

.subtle-transition {
	transition: opacity 0.3s ease, transform 0.3s ease;
	opacity: 0;
	transform: translateY(10px);
}

	.subtle-transition.show {
		opacity: 1;
		transform: translateY(0);
	}


.tag-input-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.tag {
	display: flex;
	align-items: center;
	background-color: #e0e0e0;
	padding: 6px 12px;
	border-radius: 0.5rem;
	font-size: 14px;
	color: #333;
}

.tags-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.tag span {
	margin-right: 8px;
}

.tag .remove {
	cursor: pointer;
	margin-left: 8px;
	color: #f44336;
	font-size: 16px;
}





*:focus {
	outline: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.container.boxed {
	width: 100% !important;
	max-width: 1300px;
}

.container.full-width {
	width: 100% !important;
	padding-left: 30px;
	padding-right: 30px;
}

.modal-body .container.full-width {
	padding-left: 0;
	padding-right: 0;
}

.content {
	background: #fff;
	padding: 30px 65px;
}

.rounded-image {
	border-radius: 50%;
}

.animate-in {
	animation-name: slide-in;
	animation-duration: 0.5s;
}

h1, h2, h3, h4, h5, h6 {
	color: #0e121e;
	font-family: "San Francisco", sans-serif;
	letter-spacing: 0.01rem;
	margin-top: 0;
	font-weight: 600;
	line-height: 120%;
}

h1, .h1 {
	font-size: 3rem;
}

h2, .h2 {
	font-size: 2.25rem;
}

h3, .h3 {
	font-size: 1.875rem;
}

h4, .h4 {
	font-size: 1.5rem;
}

h5, .h5 {
	font-size: 1.25rem;
}

h6, .h6 {
	font-size: 1rem;
}

.primary-title {
	font-size: 100px;
}

.secondary-title {
	font-size: 74px;
}

/* Profit accent - subtle emphasis for "Profit" in headline */
.profit-accent {
	position: relative;
	display: inline-block;
	background: linear-gradient(135deg, #29ABE2 0%, #1e7ba8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: profitPulse 3s ease-in-out infinite;
	transition: all 0.3s ease;
	z-index: 1;
}

.profit-accent::before {
	content: 'Profit.';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #29ABE2 0%, #1e7ba8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: -1;
	animation: profitGlow 3s ease-in-out infinite;
	pointer-events: none;
}

.profit-accent::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, #29ABE2 0%, #1e7ba8 100%);
	transition: width 0.4s ease;
	opacity: 0;
}

.profit-accent:hover::after {
	width: 100%;
	opacity: 1;
}

.profit-accent:hover {
	animation: none;
	transform: translateY(-1px);
	filter: drop-shadow(0 2px 4px rgba(41, 171, 226, 0.3));
}

@keyframes profitPulse {
	0%, 100% {
		filter: drop-shadow(0 0 0 rgba(41, 171, 226, 0));
	}
	50% {
		filter: drop-shadow(0 0 12px rgba(41, 171, 226, 0.5)) drop-shadow(0 0 20px rgba(41, 171, 226, 0.3));
	}
}

@keyframes profitGlow {
	0%, 100% {
		opacity: 0;
		filter: blur(0px);
		transform: scale(1);
	}
	50% {
		opacity: 0.6;
		filter: blur(4px);
		transform: scale(1.02);
	}
}

/* Dark mode support */
body.dark-mode .profit-accent {
	background: linear-gradient(135deg, #4db8e8 0%, #29ABE2 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

body.dark-mode .profit-accent::before {
	background: linear-gradient(135deg, #4db8e8 0%, #29ABE2 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: profitGlowDark 3s ease-in-out infinite;
}

body.dark-mode .profit-accent::after {
	background: linear-gradient(90deg, #4db8e8 0%, #29ABE2 100%);
}

body.dark-mode .profit-accent:hover {
	filter: drop-shadow(0 2px 6px rgba(77, 184, 232, 0.4));
}

@keyframes profitPulseDark {
	0%, 100% {
		filter: drop-shadow(0 0 0 rgba(77, 184, 232, 0));
	}
	50% {
		filter: drop-shadow(0 0 15px rgba(77, 184, 232, 0.6)) drop-shadow(0 0 25px rgba(77, 184, 232, 0.4));
	}
}

@keyframes profitGlowDark {
	0%, 100% {
		opacity: 0;
		filter: blur(0px);
		transform: scale(1);
	}
	50% {
		opacity: 0.7;
		filter: blur(5px);
		transform: scale(1.02);
	}
}

body.dark-mode .profit-accent {
	animation: profitPulseDark 3s ease-in-out infinite;
}

/* Mobile responsiveness - ensure no layout issues */
@media (max-width: 768px) {
	.profit-accent {
		display: inline;
		word-break: keep-all;
	}
}

html, body, a, p, ul, ol, li, div {
	font-family: "San Francisco", sans-serif;
}

a {
	color: #29ABE2;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	letter-spacing: 0.01rem;
	outline: 0 !important;
	text-decoration: none;
}

	a:hover, a:active, a:focus {
		color: #2388B3;
		text-decoration: none;
	}

.text-link, .text-link:focus {
	color: #3a3f51;
}

	.text-link:hover {
		color: #29ABE2;
	}

.title-link, .title-link:focus {
	color: #0e121e !important;
}

	.title-link:hover {
		color: #29ABE2 !important;
	}

p {
	font-family: "San Francisco", sans-serif !important;
	font-weight: 400;
	font-size: 1rem;
	color: #3a3f51;
	letter-spacing: 0.01rem;
	margin-bottom: 15px;
}

ul {
	list-style: none;
	padding: 0;
}

ul, ol {
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 15px;
}

	ol li {
		margin-bottom: 7px;
	}

li {
	color: #3a3f51;
	font-size: 1rem;
	letter-spacing: 0.01rem;
}

ul li:last-child, ol li:last-child {
	margin-bottom: 0;
}

.list-inline > li {
	display: inline-block;
	margin-right: 1rem;
}

img {
	-webkit-backface-visibility: hidden !important;
	background: transparent;
}

pre {
	color: #3a3f51;
	font-size: 1rem;
	background-color: #fff;
	border-left: 0px;
	padding: 15px;
	white-space: pre-line;
}

label {
	font-size: 1rem;
}

.list-featured {
	list-style: none;
	padding: 0;
}

	.list-featured li {
		position: relative;
		padding-left: 13px;
		margin-bottom: 10px;
	}

		.list-featured li:before {
			position: absolute;
			display: block;
			content: "";
			width: 6px;
			height: 6px;
			border-radius: 50%;
			left: 0;
			top: 8px;
			background-color: #29ABE2;
		}

.list-icon li, .list-icon a {
	position: relative;
	padding-left: 28px;
	margin-bottom: 15px;
}

	.list-icon li:before, .list-icon a:before {
		color: #3a3f51;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1rem;
		font-family: 'bootstrap-icons';
		line-height: 1.375rem;
	}

.list-has-link li {
	padding-left: 0;
}

.media-list {
	padding-left: 0;
}

.list-has-link li:before {
	display: none;
}

.list-icon.list-arrow li:before, .list-icon.list-arrow a:before {
	content: "\f134";
}

.list-icon.list-check li:before, .list-icon.list-check a:before {
	content: "\f26b";
}

.list-icon.list-close li:before, .list-icon.list-close a:before {
	content: "\f623";
}

.list-icon.list-bullet li:before, .list-icon.list-bullet a:before {
	content: "\f4fa";
}

.list-icon.list-star li:before, .list-icon.list-star a:before {
	content: "★" !important;
	font-family: "bootstrap-icons", Arial, sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	color: #ffa800 !important;
	font-size: 1rem !important;
	line-height: 1.375rem !important;
}

.list-icon.list-dollar li:before, .list-icon.list-dollar a:before {
	content: "\f247";
}

.list-secondary li:before, .list-secondary a:before {
	color: #0071BC;
}

.list-primary li:before, .list-primary a:before {
	color: #29ABE2;
}

.list-success li:before, .list-success a:before {
	color: #8ac528;
}

.list-info li:before, .list-info a:before {
	color: #0094ff;
}

.list-warning li:before, .list-warning a:before {
	color: #ffa800 !important;
	font-size: 1rem !important;
	line-height: 1.375rem !important;
}

.list-danger li:before, .list-danger a:before {
	color: #ef2525;
}

.list-media > .list-item {
	display: block;
}

.list-media .media-img {
	position: relative;
	float: left;
}

	.list-media .media-img img {
		max-width: 55px;
		height: auto;
		text-align: center;
		border-radius: 0;
	}

.list-media .info {
	padding-left: 65px;
	min-height: 45px;
	height: auto;
	position: relative;
}

	.list-media .info .sub-title {
		display: block;
		font-size: 0.75rem;
	}

.list-media-content {
	position: relative;
	float: left;
	font-size: 0.875rem;
	line-height: 47px;
	height: 45px;
	width: 45px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
}

.list-media .info .list-checkbox {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-28px);
	-webkit-transform: translateY(-28px);
	-moz-transform: translateY(-28px);
	-o-transform: translateY(-28px);
	-ms-transform: translateY(-28px);
}

.flex-list .list-media > .list-item {
	display: flex;
	align-items: center;
}

.flex-list .list-media .media-img {
	position: relative;
	float: none;
}

	.flex-list .list-media .media-img img {
		max-width: 70px;
	}

.flex-list .list-media .info .title {
	font-size: 1.25rem;
	font-weight: 500;
}

.flex-list .list-media .info .sub-title {
	font-size: 0.75rem;
}

.flex-list .list-media .info {
	padding-left: 15px;
}

.flex-list .list-group-item {
	border: none;
}

.flex-list.order-list .list-media .media-img img {
	max-width: 125px;
}

.list-order {
	margin-top: 10px;
}

	.list-order .qty {
		max-height: 40px;
		max-width: 50px;
		margin-right: 0;
	}

.list-media-secondary {
	color: #3a3f51;
	background-color: #0071BC;
}

.list-media-primary {
	color: #fff;
	background-color: #29ABE2;
}

.list-media-success {
	color: #fff;
	background-color: #8ac528;
}

.list-media-info {
	color: #fff;
	background-color: #0094ff;
}

.list-media-warning {
	color: #fff;
	background-color: #ffa800;
}

.list-media-danger {
	color: #fff;
	background-color: #ef2525;
}

.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.list-group-item:last-child {
	margin-bottom: 0 !important;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

a.list-group-item:last-child {
	margin-bottom: -1px !important;
}

.list-group-item {
	background-color: #fff;
	padding: 1rem 1.25rem;
	border: 1px solid #e4e7ed;
}

.list-group-item-primary {
	color: #fff !important;
	background-color: #29ABE2 !important;
}

	.list-group-item-primary:hover {
		color: #fff !important;
		background-color: #2388B3 !important;
	}

.list-group-item-secondary {
	color: #3a3f51 !important;
	background-color: #0071BC !important;
}

	.list-group-item-secondary:hover {
		color: #3a3f51 !important;
		background-color: #4700bb !important;
	}

.list-group-item-success {
	color: #fff !important;
	background-color: #8ac528 !important;
}

	.list-group-item-success:hover {
		color: #fff !important;
		background-color: #639c04 !important;
	}

.list-group-item-info {
	color: #fff !important;
	background-color: #0094ff !important;
}

	.list-group-item-info:hover {
		color: #fff !important;
		background-color: #0071c2 !important;
	}

.list-group-item-warning {
	color: #fff !important;
	background-color: #ffa800 !important;
}

	.list-group-item-warning:hover {
		color: #fff !important;
		background-color: #e58a00 !important;
	}

.list-group-item-danger {
	color: #fff !important;
	background-color: #ef2525 !important;
}

	.list-group-item-danger:hover {
		color: #fff !important;
		background-color: #c00606 !important;
	}

.list-group-item-light {
	color: #3a3f51 !important;
	background-color: #f3f5f9 !important;
}

	.list-group-item-light:hover {
		color: #3a3f51 !important;
		background-color: #e4e7ed !important;
	}

.list-group-item-dark {
	color: #fff !important;
	background-color: #636a7b !important;
}

	.list-group-item-dark:hover {
		color: #fff !important;
		background-color: #3f4656 !important;
	}

.list-icon .list-group-item {
	padding-left: 3rem !important;
}

.list-icon li.list-group-item:before, .list-icon a.list-group-item:before {
	top: 1.325rem;
	left: 1.5rem;
}

.list-group-item-action {
	color: #3a3f51;
}

	.list-group-item-action:focus, .list-group-item-action:hover {
		color: #0e121e;
		background-color: rgba(0, 0, 0, 0.05);
	}

.list-group-item.active, .list-group-item.active:hover {
	color: #fff;
	background-color: #29ABE2;
	border-color: #29ABE2;
}

/*--- topics list group ---*/
.topics-list {
	border-radius: 1rem;
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
}

	.topics-list .list-header a {
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
	}

	.topics-list a.list-group-item {
		margin-bottom: 0 !important;
	}

	.topics-list .topic-list-item:last-child a.list-group-item {
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}

	.topics-list .list-group-item {
		padding: 1.75rem;
		border: none;
		border-bottom: 1px solid #e4e7ed;
	}

	.topics-list .list-header .list-group-item {
		padding: 1.5rem 1.75rem;
	}

	.topics-list .list-group-item-action:focus, .topics-list .list-group-item-action:hover {
		background-color: rgba(250, 250, 250, 0.25);
	}

	.topics-list .list-header a {
		background-color: rgba(250, 250, 250, 0.75);
		pointer-events: none;
	}

	.topics-list .title {
		color: #0e121e;
		font-size: 16px;
		font-weight: 500;
		transition: all 0.2s ease-in-out;
	}

	.topics-list a:hover .title {
		color: #29ABE2;
	}

/*--- end of topics list group ---*/
.blockquote {
	background: #29ABE2;
	color: #fff;
	border: none;
	border-left: none;
	padding: 1.75rem 1.75rem;
	border-radius: 0.5rem;
	position: relative;
	overflow: hidden;
}

.blockquote-reverse {
	background: #f3f5f9;
	border: none;
	border-left: none;
	border-right: none;
	padding: 1.75rem 1.5rem;
	border-radius: 1rem;
}

blockquote p {
	font-size: 0.875rem;
	font-weight: 400;
	color: #fff;
}

.blockquote-footer {
	color: #3a3f51;
	background: transparent;
	font-size: 70%;
	border: 0;
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 0;
}

.blockquote-bg-icon {
	font-size: 60px;
	color: #c8d4ff;
	width: 100px;
	height: 100px;
	line-height: 98px !important;
	text-align: center;
	position: absolute;
	top: -17px;
	left: -5px;
	z-index: 1;
	border: 4px solid #c8d4ff;
	border-radius: 1rem;
	opacity: 0.2;
	transform: rotate(-17deg);
}

.blockquote-content.has-icon p {
	color: #fff;
	position: relative;
	z-index: 2;
}

cite {
	color: #4700bb;
	font-size: 0.8rem;
}

.mark, mark {
	/*background-color: #4700bb;*/
	background-color: yellow;
}

b, strong {
	font-weight: 600 !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.lead {
	font-size: 1.125rem;
	font-weight: 400;
}

form label {
	color: #0e121e;
	font-weight: 600;
	display: inline-block;
	margin-bottom: .25rem;
}

.caption {
	font-size: .9rem;
}

.caption-sm {
	font-size: .625rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: .5rem;
}

.ratings i {
	color: #ffdf00;
}

/*--- custom typography ---*/
.section-title {
	margin-bottom: 15px;
}

.section-sub-title {
	color: #3a3f51;
	font-family: "San Francisco", sans-serif;
	font-size: 1.2rem;
	padding-top: 10px;
	border-top: 1px solid #29ABE2;
	width: max-content;
	opacity: 0.75;
}

.section-title-area {
	position: relative;
	z-index: 1;
}

.text-center .section-sub-title {
	margin: 0 auto;
}

.text-right .section-sub-title {
	margin-left: auto;
	margin-right: 0;
}

.fa {
	vertical-align: middle;
}

/*--- end of custom typography *---/

/*------- end of typography -------*/
/*------- tables -------*/
table {
	background: transparent;
	border: 1px solid #f3f5f9 !important;
	border-radius: 0px !important;
}

.table > :not(caption) > * > * {
	box-shadow: none;
}

.table thead th {
	font-weight: 500;
	vertical-align: bottom;
	border-bottom: 1px solid #f3f5f9 !important;
}

tr.last-table-row td {
	border-bottom: 0;
}

.table .thead-light {
	color: #3a3f51;
	background-color: #fff;
	border: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.table thead {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.table td, .table th {
	/*padding: 1.25rem;*/
	vertical-align: top;
	border-top: none;
	background-color: transparent;
	border-right: 1px solid #f3f5f9 !important;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

/* Bootstrap .table-dark: transparent td above strips variant bg — light text on white card in light theme */
.table.table-dark > :not(caption) > * > * {
	background-color: var(--bs-table-bg, #212529) !important;
	color: var(--bs-table-color, #fff) !important;
	border-color: var(--bs-table-border-color, #373b3e) !important;
}

.table tr {
	border-color: rgba(0, 0, 0, 0.05);
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.table-inverse {
	color: #fff;
	background-color: #3f4656;
}

	.table-inverse td, .table-inverse th, .table-inverse thead th {
		border-color: #fff;
	}

.thead-default th {
	color: #3a3f51;
	background-color: #f3f5f9;
}

.thead-inverse th {
	color: #fff;
	background-color: #2c3241;
}

.thead-dark th {
	color: #fff;
	background-color: #3a3f51;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f3f5f9;
}

	.table-striped tbody tr:nth-of-type(odd) th, .table-striped tbody tr:nth-of-type(odd) td {
		border-color: #e4e7ed !important;
		background-color: #f3f5f9 !important;
	}

.table-striped.table-inverse tbody tr:nth-of-type(odd) {
	background-color: #0e121e;
}

.table-bordered td, .table-bordered th {
	border: 1px solid #f3f5f9;
}

.table-dark tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.07);
}

.table-dark tbody tr:hover > td,
.table-dark tbody tr:hover > th {
	background-color: rgba(255, 255, 255, 0.07) !important;
	color: var(--bs-table-color, #fff) !important;
}

.table-active, .table-active > td, .table-active > th {
	background-color: #f3f5f9;
}

.table-dark .table-active:hover {
	background-color: #f3f5f9;
}

	.table-dark .table-active:hover > td, .table-dark .table-active:hover > th {
		background-color: #f3f5f9;
	}

.table-dark.table-inverse tbody tr:hover {
	background-color: #0e121e;
}

.table-inverse .table-active, .table-inverse .table-active > td, .table-inverse .table-active > th {
	background-color: #0e121e;
}

.table-dark.table-inverse .table-active:hover {
	background-color: #0e121e;
}

	.table-dark.table-inverse .table-active:hover > td, .table-dark.table-inverse .table-active:hover > th {
		background-color: #0e121e;
	}

.table-primary, .table-primary > td, .table-primary > th {
	background-color: #29ABE2;
}

	.table-primary:hover {
		background-color: #2388B3;
	}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
	background-color: #2388B3;
}

.table-dark .table-primary:hover {
	background-color: #2388B3;
}

	.table-dark .table-primary:hover > td, .table-dark .table-primary:hover > th {
		background-color: #2388B3;
	}

.table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #0071BC;
}

	.table-secondary:hover {
		background-color: #4700bb;
	}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
	background-color: #4700bb;
}

.table-dark .table-secondary:hover {
	background-color: #4700bb;
}

	.table-dark .table-secondary:hover > td, .table-dark .table-secondary:hover > th {
		background-color: #4700bb;
	}

.table-success, .table-success > td, .table-success > th {
	background-color: #8ac528;
}

	.table-success:hover {
		background-color: #639c04;
	}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	background-color: #639c04;
}

.table-dark .table-success:hover {
	background-color: #639c04;
}

	.table-dark .table-success:hover > td, .table-dark .table-success:hover > th {
		background-color: #639c04;
	}

.table-info, .table-info > td, .table-info > th {
	background-color: #0094ff;
}

	.table-info:hover {
		background-color: #0071c2;
	}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	background-color: #0071c2;
}

.table-dark .table-info:hover {
	background-color: #0071c2;
}

	.table-dark .table-info:hover > td, .table-dark .table-info:hover > th {
		background-color: #0071c2;
	}

.table-warning, .table-warning > td, .table-warning > th {
	background-color: #ffa800;
}

	.table-warning:hover {
		background-color: #e58a00;
	}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	background-color: #e58a00;
}

.table-dark .table-warning:hover {
	background-color: #e58a00;
}

	.table-dark .table-warning:hover > td, .table-dark .table-warning:hover > th {
		background-color: #e58a00;
	}

.table-danger, .table-danger > td, .table-danger > th {
	background-color: #ef2525;
}

	.table-danger:hover {
		background-color: #c00606;
	}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	background-color: #c00606;
}

.table-dark .table-danger:hover {
	background-color: #c00606;
}

	.table-dark .table-danger:hover > td, .table-dark .table-danger:hover > th {
		background-color: #c00606;
	}

/*--- custom tables ---*/
.table-xl > tbody > tr > td, .table-xl > tbody > tr > th, .table-xl > thead > tr > td, .table-xl > thead > tr > th {
	padding: 1.25rem;
	line-height: 1.15rem;
	vertical-align: middle;
}

.table-xl .checkbox label::before {
	margin-top: -17px;
	margin-left: 0;
}

.table-xl .checkbox label::after {
	margin-top: -13px;
	margin-left: 9px;
}

.table-remove {
	color: #ef2525;
	font-size: 1.25rem;
	transition: 0.2s ease-in-out;
}

	.table-remove:hover {
		color: #c00606;
	}

/*------- end of tables -------*/
/*------- alerts-badges-toasts -------*/
/*--- alerts ---*/
.alert {
	font-size: 1rem;
	padding: 1.125rem 1.5rem;
	margin-bottom: 1rem;
	border: none;
	border-radius: 1rem;
	transition: 0.2s ease-in-out;
}

.alert-default {
	background-color: #f3f5f9;
}

.alert span, .alert i {
	display: inline-block;
	vertical-align: middle;
}

.alert p {
	color: inherit;
}

.alert-dismissible {
	padding-right: 3rem;
}

	.alert-dismissible .btn-close {
		color: #000;
		opacity: 0.75;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		padding: 0 1.5rem;
		height: 100%;
		box-shadow: none;
		border: none;
		transition: 0.2s ease-in-out;
	}

		.alert-dismissible .btn-close:hover {
			opacity: 1;
		}

.alert-icon {
	line-height: 1;
	vertical-align: middle;
}

.alert-dark {
	background-color: #3a3f51;
	border-color: #0e121e;
	color: #fff;
}

.alert-primary {
	background-color: #29ABE2;
	border-color: #2388B3;
	color: #fff;
	border-radius: 1rem; /* match .alert and rest of UI (buttons, cards) */
}

.alert-primary-gradient {
	background-color: linear-gradient(-45deg, #29ABE2 0%, #36b2e8 100%);
	border: none !important;
	color: #fff;
}

.alert-secondary {
	background-color: #0071BC;
	border-color: #4700bb;
	color: #fff;
}

.alert-secondary-gradient {
	background-color: linear-gradient(-45deg, #0071BC 0%, #b555d7 100%);
	border: none !important;
	color: #fff;
}

.alert-success {
	background-color: #8ac528;
	border-color: #639c04;
	color: #fff;
}

.alert-success-gradient {
	color: #fff;
	background: linear-gradient(-45deg, #8ac528 0%, #e4f51d 100%) !important;
	border: none !important;
}

	.alert-success .close, .alert-success-gradient .close {
		color: #639c04;
	}

.alert-info {
	background-color: #0094ff;
	border-color: #0071c2;
	color: #fff;
}

.alert-info-gradient {
	color: #fff;
	background: linear-gradient(-45deg, #0094ff 0%, #31e3ee 100%) !important;
	border: none !important;
}

	.alert-info .close, .alert-info-gradient .close {
		color: #0071c2;
	}

.alert-warning {
	background-color: #ffa800;
	border-color: #e58a00;
	color: #fff;
}

	.alert-warning .close, .alert-warning-gradient .close {
		color: #e58a00;
	}

.alert-warning-gradient {
	color: #fff;
	background: linear-gradient(-45deg, #ffa800 0%, #e8e136 100%) !important;
	border: none !important;
}

.alert-danger {
	background-color: #ef2525;
	border-color: #c00606;
	color: #fff;
}

	.alert-danger .close, .alert-danger-gradient .close {
		color: #c00606;
	}

.alert-danger-gradient {
	color: #fff;
	background: linear-gradient(-45deg, #ef2525 0%, #f6a84b 100%) !important;
	border: none !important;
}

.alert .close {
	background-color: transparent;
	border: none;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

	.alert .close:hover {
		color: #000 !important;
		opacity: 0.8;
	}

/*--- end of alerts ---*/
/*--- badges ---*/
.badge {
	color: #fff;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 200%;
	border-radius: 0.25rem;
	padding: 1px 10px;
	transition: all 0.2s ease;
}

.btn .badge {
	line-height: 1.25rem;
}

.badge-pill {
	border-radius: 10rem;
}

.badge-circle {
	width: 24px;
	height: 24px;
	line-height: 24px;
	padding: 0;
	border-radius: 50%;
}

.tag-icon i, .tag-icon a {
	font-size: 1rem;
	vertical-align: middle;
}

.badge-default {
	color: #3a3f51;
	background-color: #f3f5f9;
}

.badge-highlight {
	color: #3a3f51;
	background-color: rgba(0, 0, 0, 0.05);
}

.badge-dark {
	background-color: #3a3f51;
}

.badge-primary {
	background-color: #29ABE2;
}

.badge-primary-gradient {
	background: linear-gradient(-45deg, #29ABE2 0%, #36b2e8 100%);
}

.badge-outline-primary {
	color: #29ABE2;
	background-color: transparent;
	border: 1px solid #29ABE2;
}

a.badge-outline-primary:hover, a .badge-outline-primary:hover {
	color: #fff;
	background-color: #29ABE2;
	border: 1px solid #29ABE2;
}

.badge-primary-light {
	background-color: #c8d4ff;
	color: #29ABE2;
}

.badge-secondary {
	color: #fff;
	background-color: #0071BC;
}

.badge-secondary-gradient {
	color: #fff;
	background: linear-gradient(-45deg, #0071BC 0%, #b555d7 100%);
}

.badge-outline-secondary {
	color: #0071BC;
	background-color: transparent;
	border: 1px solid #0071BC;
}

a.badge-outline-secondary:hover, a .badge-outline-secondary:hover {
	color: #fff;
	background-color: #0071BC;
	border: 1px solid #0071BC;
}

.badge-secondary-light {
	background-color: #ddc9ff;
	color: #4700bb;
}

.badge-success {
	background: #8ac528;
}

.badge-success-gradient {
	background: linear-gradient(-45deg, #8ac528 0%, #e4f51d 100%);
}

.badge-outline-success {
	color: #8ac528;
	background-color: transparent;
	border: 1px solid #8ac528;
}

a.badge-outline-success:hover, a .badge-outline-success:hover {
	color: #fff;
	background-color: #8ac528;
	border: 1px solid #8ac528;
}

.badge-success-light {
	background-color: #dff4ba;
	color: #8ac528;
}

.badge-info {
	background-color: #0094ff;
}

.badge-white {
	background-color: #ffffff;
	color: #29ABE2;
}

.badge-info-gradient {
	background: linear-gradient(-45deg, #0094ff 0%, #31e3ee 100%);
}

.badge-outline-info {
	color: #0094ff;
	background-color: transparent;
	border: 1px solid #0094ff;
}

a.badge-outline-info:hover, a .badge-outline-info:hover {
	color: #fff;
	background-color: #0094ff;
	border: 1px solid #0094ff;
}

.badge-info-light {
	background-color: #c9e8ff;
	color: #0094ff;
}

.badge-warning {
	background-color: #ffa800;
}

.badge-warning-gradient {
	background: linear-gradient(-45deg, #ffa800 0%, #e8e136 100%);
}

.badge-outline-warning {
	color: #ffa800;
	background-color: transparent;
	border: 1px solid #ffa800;
}

a.badge-outline-warning:hover, a .badge-outline-warning:hover {
	color: #fff;
	background-color: #ffa800;
	border: 1px solid #ffa800;
}

.badge-warning-light {
	background-color: #ffecc8;
	color: #ffa800;
}

.badge-danger {
	background-color: #ef2525;
}

.badge-danger-gradient {
	background: linear-gradient(-45deg, #ef2525 0%, #f6a84b 100%);
}

.badge-outline-danger {
	color: #ef2525;
	background-color: transparent;
	border: 1px solid #ef2525;
}

a.badge-outline-danger:hover, a .badge-outline-danger:hover {
	color: #fff;
	background-color: #ef2525;
	border: 1px solid #ef2525;
}

.badge-danger-light {
	background-color: #ffcaca;
	color: #ef2525;
}

/*-- end of badges ---*/
/*--- toasts ---*/
.toast {
	width: 350px;
	max-width: 100%;
	font-size: .875rem;
	pointer-events: auto;
	background: #fff;
	background-clip: padding-box;
	border: none;
	box-shadow: 0px 2px 6px rgba(63, 70, 86, 0.15);
	border-radius: 1rem;
}

.toast-header {
	color: #0e121e;
	font-size: 1rem;
	background: transparent;
	padding: 1rem 1.5rem 0 1.5rem;
	border-bottom: #f3f5f9;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

	.toast-header small {
		font-size: 0.75rem;
		font-weight: 500;
		color: #8c93a4;
	}

.toast .btn-close {
	box-sizing: content-box;
	width: 5px;
	height: 5px;
	box-shadow: none !important;
	border: none !important;
	opacity: .75;
}

.toast-body {
	padding: 1rem 1.5rem;
	background: transparent;
	position: relative;
}

.toast.notification {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

	.toast.notification .btn-close {
		position: absolute;
		top: 50%;
		right: 1.5rem;
		transform: translateY(-50%);
	}

.notification-content {
	padding-right: 2.5rem;
}

.toast-body p, .toast-body .info .title {
	font-size: 0.875rem;
	line-height: 1rem;
}

.ui-card .toast.notification {
	position: relative;
}

.bordered-toast {
	border-left: 3px solid #8c93a4;
}

.toast-small .toast-header {
	padding: 1rem 1.5rem;
}

/*--- end of toasts --*/
/*------- end of alerts-badges-toasts -------*/
/*------- buttons -------*/
.btn {
	font-family: "San Francisco", sans-serif;
	font-weight: 500;
	font-size: 1rem;
	border: 0px solid transparent;
	border-radius: 0.5rem;
	padding: 0 1.625rem;
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	box-shadow: none;
	transition: all 0.2s ease-in-out;
}

[class*="btn-outline"] {
	border: 2px solid transparent;
	line-height: 40px;
	padding: 0 1.5rem;
}

[class*="btn-gradient"] {
	padding: 2px 1.625rem;
	line-height: 42px;
}

	[class*="btn-gradient"]:hover {
		opacity: 0.75;
	}

.btn:focus, button.btn:focus {
	outline: none !important;
	box-shadow: none !important;
}

button:focus, button:active {
	outline: none !important;
	box-shadow: none !important;
}

.btn:hover, .btn:active {
	cursor: pointer;
	box-shadow: none;
}

a.btn, a.btn-social {
	display: inline-block;
}

.btn-group {
	border-radius: 0.5rem;
}

.btn-group-lg > .btn, .btn-lg {
	padding: 0 2.25rem;
	font-size: 1.125rem;
	height: 52px;
	line-height: 52px;
	border-radius: 0.5rem;
}

[class*="btn-group-lg btn-gradient"], [class*="btn-lg btn-gradient"] {
	padding: 2px 2.5rem;
}

.btn-group-sm > .btn, .btn-sm {
	padding: 0 1.375rem;
	font-size: 0.875rem;
	height: 40px;
	line-height: 40px;
	box-shadow: none;
	border-radius: 0.5rem;
}

	.btn-group-sm > .btn:hover, .btn-sm:hover {
		box-shadow: none;
	}

[class*="btn-group-sm btn-gradient"], [class*="btn-sm btn-gradient"] {
	padding: 2px 1.5rem;
}

.btn-group-xs > .btn, .btn-xs {
	padding: 0 1.125rem;
	font-size: 0.75rem;
	height: 34px;
	line-height: 34px;
	border-radius: 0.5rem;
	box-shadow: none;
}

	.btn-group-xs > .btn:hover, .btn-xs:hover {
		box-shadow: none;
	}

.btn-group.pill-btn-group .btn:first-child {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.btn-group.pill-btn-group .btn:last-child {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.btn-group-spaced .btn {
	margin: 0 5px;
	border-radius: 0.5rem !important;
}

	.btn-group-spaced .btn.btn-circle {
		border-radius: 50% !important;
	}

[class*="btn-group-xs btn-gradient"], [class*="btn-xs btn-gradient"] {
	padding: 2px 1rem;
}

[class*="btn-group-lg btn-outline"], [class*="btn-lg btn-outline"], [class*="btn-group-lg btn-gradient"], [class*="btn-lg btn-gradient"] {
	line-height: 48px;
}

[class*="btn-group-sm btn-outline"], [class*="btn-sm btn-outline"], [class*="btn-group-sm btn-gradient"], [class*="btn-sm btn-gradient"] {
	line-height: 36px;
}

[class*="btn-group-xs btn-outline"], [class*="btn-xs btn-outline"], [class*="btn-group-xs btn-gradient"], [class*="btn-xs btn-gradient"] {
	line-height: 30px;
}

.btn .bi {
	vertical-align: -1px;
}

.btn i.fas, .btn i.far, .btn i.fab {
	font-size: 0.875rem;
}

.btn-lg i.fas, .btn-lg i.far, .btn-lg i.fab {
	font-size: 1rem;
}

.btn-sm i.fas, .btn-sm i.far, .btn-sm i.fab {
	font-size: 0.75rem;
}

.btn-xs i.fas, .btn-xs i.far, .btn-xs i.fab {
	font-size: 0.5rem;
}

.btn-wide {
	min-width: 10rem;
}

.btn-icon {
	display: inline-block;
	width: 44px;
	height: 44px;
	max-width: 44px !important;
	max-height: 44px !important;
	min-width: auto;
	vertical-align: middle;
	line-height: 44px;
	padding: 0 !important;
}

	.btn-icon span {
		line-height: 44px;
	}

	.btn-icon span, .btn-icon i {
		margin-right: -1px;
		display: block;
	}

[class*="btn-outline"].btn-icon span, [class*="btn-outline"].btn-icon i {
	margin-top: -1px;
	margin-right: -1px;
}

[class*="btn-gradient"].btn-icon span, [class*="btn-gradient"].btn-icon i {
	margin-top: -1px;
	margin-right: -1px;
}

.btn-icon.btn-xs span, .btn-icon.btn-xs i {
	margin-top: 0px;
	margin-right: 0px;
}

.btn-circle {
	border-radius: 50% !important;
}

.btn-icon.btn-no-border i, .btn-icon.btn-no-border span {
	margin-top: 0;
}

.btn-lg.btn-icon, .btn-lg.btn-circle {
	width: 52px;
	height: 52px;
	max-width: 52px !important;
	max-height: 52px !important;
	line-height: 52px;
}

	.btn-lg.btn-icon span {
		line-height: 52px;
	}

.btn-sm.btn-icon, .btn-sm.btn-circle {
	width: 40px;
	height: 40px;
	max-width: 40px !important;
	max-height: 40px !important;
	line-height: 40px;
}

	.btn-sm.btn-icon span {
		line-height: 40px;
	}

.btn-xs.btn-icon {
	width: 34px;
	height: 34px;
	max-width: 34px !important;
	max-height: 34px !important;
	line-height: 34px;
}

	.btn-xs.btn-icon span {
		line-height: 34px;
	}

	.btn-xs.btn-icon i.bi-x {
		font-size: 20px;
		line-height: 32px;
	}

.btn.dropdown-toggle::after {
	line-height: 0;
	position: relative;
	display: inline-block;
	margin-left: 0.5rem;
	top: 0;
	vertical-align: middle;
	transform: none;
}

.dropup .btn.dropdown-toggle::after {
	line-height: 0;
	position: relative;
	display: inline-block;
	margin-left: 0.5rem;
	top: 0;
	vertical-align: middle;
	transform: none;
}

.input-group-btn .btn::after {
	top: 0;
}

.input-group .overlapping-btn {
	right: 2px !important;
}

.nav-item .input-group .overlapping-btn {
	right: 0 !important;
}

.overlapping-btn {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1 !important;
}

.btn.dropdown-toggle.dropdown-toggle-split {
	padding: 0 1rem;
	min-width: auto;
}

.btn.dropdown-toggle-split:after {
	margin-left: 0;
}

.dropup .btn.dropdown-toggle-split:after {
	margin-left: 0;
}

.dropdown-toggle.dropdown-toggle-split {
	border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

	.dropdown-toggle.dropdown-toggle-split.bl-0 {
		border-left: 0 !important;
	}

.btn.dropdown-toggle {
	position: relative;
}

.input-group-btn .input-icon {
	position: absolute;
	top: 12px;
	font-size: 20px;
}

	.input-group-btn .input-icon.left {
		left: 20px;
	}

	.input-group-btn .input-icon.right {
		right: 20px;
	}

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}

.btn-group.is-split-drop .btn {
	transform: none;
	box-shadow: none;
}

.dark-mode-btn {
	display: inline-block;
}

.light-mode-btn {
	display: none;
}

/*--- button colors ---*/
.btn-highlight, .btn-highlight:focus {
	color: #0e121e !important;
	background-color: rgba(0, 0, 0, 0.05) !important;
	border-color: transparent !important;
}

	.btn-highlight:hover, .btn-highlight.active {
		color: #0e121e !important;
		background-color: rgba(0, 0, 0, 0.1) !important;
		border-color: transparent !important;
	}

.btn-outline-highlight, .btn-outline-highlight:focus {
	color: rgba(0, 0, 0, 0.1) !important;
	background-color: transparent !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
}

	.btn-outline-highlight:hover, .btn-outline-highlight.active {
		color: #0e121e !important;
		background-color: rgba(0, 0, 0, 0.1) !important;
		border-color: transparent !important;
	}

.btn-gradient-highlight, .btn-gradient-highlight:focus {
	color: #0e121e !important;
	background: linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%) !important;
	border-color: transparent !important;
}

.btn-primary, .btn-primary:focus {
	color: #fff !important;
	background-color: #29ABE2 !important;
	border-color: #29ABE2 !important;
}

	.btn-primary:hover, .btn-primary:active, .show > .btn-primary.dropdown-toggle, .btn-primary.active {
		color: #fff !important;
		background-color: #2388B3 !important;
		border-color: #2388B3 !important;
	}

.btn-primary-light, .btn-primary-light:focus {
	color: #29ABE2 !important;
	background-color: #c8d4ff !important;
	border-color: #c8d4ff !important;
}

	.btn-primary-light:hover, .btn-primary-light:active, .show > .btn-primary-light.dropdown-toggle, .btn-primary-light.active {
		color: #c8d4ff !important;
		background-color: #29ABE2 !important;
		border-color: #29ABE2 !important;
	}

.btn-outline-primary, .btn-outline-primary:focus, .btn-outline-primary:active {
	color: #29ABE2 !important;
	background-image: none;
	background-color: transparent !important;
	border-color: #29ABE2 !important;
}

	.btn-outline-primary:hover, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary.active {
		color: #fff !important;
		background-color: #29ABE2 !important;
		border-color: #29ABE2 !important;
	}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff !important;
	background-color: #29ABE2 !important;
	border-color: #29ABE2 !important;
	opacity: 0.8 !important;
}

.btn-gradient-primary, .btn-gradient-primary:focus, .btn-gradient-primary.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #29ABE2 0%, #36b2e8 100%) !important;
	border: none !important;
}

.btn-secondary, .btn-secondary:focus {
	color: #fff !important;
	background-color: #0071BC !important;
	border-color: #0071BC !important;
}

	.btn-secondary:hover, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle, .btn-secondary.active {
		color: #fff !important;
		background-color: #4700bb !important;
		border-color: #4700bb !important;
	}

.btn-secondary-light, .btn-secondary-light:focus {
	color: #4700bb !important;
	background-color: #ddc9ff !important;
	border-color: #ddc9ff !important;
}

	.btn-secondary-light:hover, .btn-secondary-light:active, .show > .btn-secondary-light.dropdown-toggle, .btn-secondary-light.active {
		color: #ddc9ff !important;
		background-color: #0071BC !important;
		border-color: #0071BC !important;
	}

.btn-outline-secondary, .btn-outline-secondary:focus, .btn-outline-secondary:active {
	color: #0071BC !important;
	background-image: none;
	background-color: transparent;
	border-color: #0071BC !important;
}

	.btn-outline-secondary:hover, .show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary.active {
		color: #fff !important;
		background-color: #0071BC !important;
		border-color: #0071BC !important;
	}

.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff !important;
	background-color: #0071BC !important;
	border-color: #0071BC !important;
	opacity: 0.8 !important;
}

.btn-gradient-secondary, .btn-gradient-secondary:focus, .btn-gradient-secondary.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #0071BC 0%, #b555d7 100%) !important;
	border: none !important;
}

.btn-success, .btn-success:focus, .btn-success:active {
	color: #fff !important;
	background-color: #8ac528 !important;
	border-color: #8ac528 !important;
}

	.btn-success:hover, .show > .btn-success.dropdown-toggle, .btn-success.active {
		color: #fff !important;
		background-color: #639c04 !important;
		border-color: #639c04 !important;
	}

.btn-success-light, .btn-success-light:focus, .btn-success-light:active {
	color: #8ac528 !important;
	background-color: #dff4ba !important;
	border-color: #dff4ba !important;
}

	.btn-success-light:hover, .show > .btn-success-light.dropdown-toggle, .btn-success-light.active {
		color: #dff4ba !important;
		background-color: #8ac528 !important;
		border-color: #8ac528 !important;
	}

.btn-outline-success, .btn-outline-success:focus, .btn-outline-success:active {
	color: #8ac528 !important;
	background-image: none;
	background-color: transparent !important;
	border-color: #8ac528 !important;
}

	.btn-outline-success:hover, .show > .btn-outline-success.dropdown-toggle, .btn-outline-success.active {
		color: #fff !important;
		background-color: #8ac528 !important;
		border-color: #8ac528 !important;
	}

.btn-success.disabled, .btn-success:disabled {
	color: #fff !important;
	background-color: #8ac528 !important;
	border-color: #8ac528 !important;
	opacity: 0.8 !important;
}

.btn-gradient-success, .btn-gradient-success:focus, .btn-gradient-success.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #8ac528 0%, #e4f51d 100%) !important;
	border: none !important;
}

.btn-info, .btn-info:focus, .btn-info:active {
	color: #fff !important;
	background-color: #0094ff !important;
	border-color: #0094ff !important;
}

	.btn-info:hover, .show > .btn-info.dropdown-toggle, .btn-info.active {
		color: #fff !important;
		background-color: #0071c2 !important;
		border-color: #0071c2 !important;
	}

.btn-info-light, .btn-info-light:focus, .btn-info-light:active {
	color: #0094ff !important;
	background-color: #c9e8ff !important;
	border-color: #c9e8ff !important;
}

	.btn-info-light:hover, .show > .btn-info-light.dropdown-toggle, .btn-info-light.active {
		color: #c9e8ff !important;
		background-color: #0094ff !important;
		border-color: #0094ff !important;
	}

.btn-outline-info, .btn-outline-info:focus, .btn-outline-info:active {
	color: #0094ff !important;
	background-image: none;
	background-color: transparent !important;
	border-color: #0094ff !important;
}

	.btn-outline-info:hover, .show > .btn-outline-info.dropdown-toggle, .btn-outline-info.active {
		color: #fff !important;
		background-color: #0094ff !important;
		border-color: #0094ff !important;
	}

.btn-info.disabled, .btn-info:disabled {
	color: #fff !important;
	background-color: #0094ff !important;
	border-color: #0094ff !important;
	opacity: 0.8 !important;
}

.btn-gradient-info, .btn-gradient-info:focus, .btn-gradient-info.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #0094ff 0%, #31e3ee 100%) !important;
	border: none !important;
}

.btn-warning, .btn-warning:focus, .btn-warning:active {
	color: #fff !important;
	background-color: #ffa800 !important;
	border-color: #ffa800 !important;
}

	.btn-warning:hover, .show > .btn-warning.dropdown-toggle, .btn-warning.active {
		color: #fff !important;
		background-color: #e58a00 !important;
		border-color: #e58a00 !important;
	}

.btn-warning-light, .btn-warning-light:focus, .btn-warning-light:active {
	color: #ffa800 !important;
	background-color: #ffecc8 !important;
	border-color: #ffecc8 !important;
}

	.btn-warning-light:hover, .show > .btn-warning-light.dropdown-toggle, .btn-warning-light.active {
		color: #ffecc8 !important;
		background-color: #ffa800 !important;
		border-color: #ffa800 !important;
	}

.btn-outline-warning, .btn-outline-warning:focus, .btn-outline-warning:active {
	color: #ffa800 !important;
	background-image: none;
	background-color: transparent !important;
	border-color: #ffa800 !important;
}

	.btn-outline-warning:hover, .show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning.active {
		color: #fff !important;
		background-color: #ffa800 !important;
		border-color: #ffa800 !important;
	}

.btn-warning.disabled, .btn-warning:disabled {
	color: #fff !important;
	background-color: #8ac528 !important;
	border-color: #8ac528 !important;
	opacity: 0.8 !important;
}

.btn-gradient-warning, .btn-gradient-warning:focus, .btn-gradient-warning.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #ffa800 0%, #e8e136 100%) !important;
	border: none !important;
}

.btn-danger, .btn-danger:focus, .btn-danger:active {
	color: #fff !important;
	background-color: #ef2525 !important;
	border-color: #ef2525 !important;
}

	.btn-danger:hover, .show > .btn-danger.dropdown-toggle, .btn-danger.active {
		color: #fff !important;
		background-color: #c00606 !important;
		border-color: #c00606 !important;
	}

.btn-danger-light, .btn-danger-light:focus, .btn-danger-light:active {
	color: #ef2525 !important;
	background-color: #ffcaca !important;
	border-color: #ffcaca !important;
}

	.btn-danger-light:hover, .show > .btn-danger-light.dropdown-toggle, .btn-danger-light.active {
		color: #ffcaca !important;
		background-color: #ef2525 !important;
		border-color: #ef2525 !important;
	}

.btn-outline-danger, .btn-outline-danger:focus, .btn-outline-danger.active, .btn-outline-danger:active {
	color: #ef2525 !important;
	background-image: none;
	background-color: transparent !important;
	border-color: #ef2525 !important;
}

	.btn-outline-danger:hover, .show > .btn-outline-danger.dropdown-toggle {
		color: #fff !important;
		background-color: #ef2525 !important;
		border-color: #ef2525 !important;
	}

.btn-danger.disabled, .btn-danger:disabled {
	color: #fff !important;
	background-color: #ef2525 !important;
	border-color: #ef2525 !important;
	opacity: 0.8 !important;
}

.btn-gradient-danger, .btn-gradient-danger:focus, .btn-gradient-danger.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #ef2525 0%, #f6a84b 100%) !important;
	border: none !important;
}

.btn-white, .btn-white:focus, .btn-white:active {
	color: #0e121e !important;
	background-color: #fff !important;
	border-color: #fff !important;
}

	.btn-white:hover, .show > .btn-white.dropdown-toggle, .btn-white.active {
		color: #0e121e !important;
		background-color: #f3f5f9 !important;
		border-color: #f3f5f9 !important;
	}

.btn-outline-white, .btn-outline-white:focus, .btn-outline-white:active {
	color: #fff !important;
	background-image: none;
	background-color: transparent !important;
	border-color: white !important;
}

	.btn-outline-white:hover, .show > .btn-outline-white.dropdown-toggle, .btn-outline-white.active {
		color: #0e121e !important;
		background-color: #f3f5f9 !important;
		border-color: #f3f5f9 !important;
	}

.btn-white.disabled, .btn-white:disabled {
	opacity: 0.8 !important;
}

.btn-gradient-white, .btn-gradient-white:focus, .btn-gradient-white.active {
	color: #0e121e !important;
	background: linear-gradient(-45deg, #fff 0%, #f3f5f9 100%) !important;
	border: none !important;
}

.btn-dark, .btn-dark:focus, .btn-dark:active {
	color: #fff !important;
	background-color: #3a3f51 !important;
	border-color: #3a3f51 !important;
}

	.btn-dark:hover, .show > .btn-dark.dropdown-toggle, .btn-dark.active {
		color: #fff !important;
		background-color: #636a7b !important;
		border-color: #636a7b !important;
	}

.btn-outline-dark, .btn-outline-dark:focus, .btn-outline-dark:active {
	color: #3a3f51 !important;
	background-image: none;
	background-color: transparent !important;
	border-color: #3a3f51 !important;
}

	.btn-outline-dark:hover, .show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark.active {
		color: #fff !important;
		background-color: #3a3f51 !important;
		border-color: #3a3f51 !important;
	}

.btn-dark.disabled, .btn-dark:disabled {
	opacity: 0.8;
}

.btn-gradient-dark, .btn-gradient-dark:focus, .btn-gradient-dark.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #3a3f51 0%, #636a7b 100%) !important;
	border: none !important;
}

.btn-black, .btn-black:focus, .btn-black:active {
	color: #fff !important;
	background-color: #000 !important;
	border-color: #000 !important;
}

	.btn-black:hover, .show > .btn-black.dropdown-toggle, .btn-black.active {
		color: #fff !important;
		background-color: #3a3f51 !important;
		border-color: #3a3f51 !important;
	}

.btn-outline-black, .btn-outline-black:focus, .btn-outline-black.active, .btn-outline-black:active {
	color: #000 !important;
	background-image: none;
	background-color: transparent !important;
	border-color: #000 !important;
}

	.btn-outline-black:hover, .show > .btn-outline-black.dropdown-toggle {
		color: #fff !important;
		background-color: #000 !important;
		border-color: #000 !important;
	}

.btn-black.disabled, .btn-black:disabled {
	opacity: 0.8;
}

.btn-gradient-black, .btn-gradient-black:focus, .btn-black.active {
	color: #fff !important;
	background: linear-gradient(-45deg, #000 0%, #3f4656 100%) !important;
	border: none !important;
}

.btn-link, .btn-link:focus, .btn-link:active {
	color: #29ABE2;
	text-decoration: none;
	box-shadow: none;
}

	.btn-link:hover, .show > .btn-link.dropdown-toggle, .btn-link.active {
		color: #2388B3 !important;
		text-decoration: none;
		box-shadow: none;
	}

	.btn-link.disabled, .btn-link:disabled {
		color: #29ABE2;
		opacity: 0.8 !important;
	}

	.btn-link span {
		margin-left: 1px !important;
	}

/*--- end of button colors ---*/
/*--- social buttons ---*/
/* facebook button */
.btn-facebook, .btn-facebook:active, .btn-facebook:focus {
	color: #fff !important;
	background: #4e68a1;
	border-color: #4e68a1;
}

	.btn-facebook:hover {
		color: #fff !important;
		background: #3b4f7a;
		border-color: #3b4f7a;
	}

.btn-facebook-link, .btn-facebook-link:active, .btn-facebook-link:focus {
	color: #4e68a1 !important;
	background: transparent;
	border: none;
}

	.btn-facebook-link:hover {
		color: #3b4f7a !important;
	}

.btn-outline-facebook, .btn-outline-facebook:active, .btn-outline-facebook:focus {
	color: #4e68a1 !important;
	background: transparent;
	border-color: #4e68a1;
}

	.btn-outline-facebook:hover {
		color: #fff !important;
		background: #4e68a1;
		border-color: #4e68a1;
	}

/* twitter button */
.btn-twitter, .btn-twitter:active, .btn-twitter:focus {
	color: #fff !important;
	background: #65b5f2;
	border-color: #65b5f2;
}

	.btn-twitter:hover {
		color: #fff !important;
		background: #5294c6;
		border-color: #5294c6;
	}

	.btn-twitter:hover {
		color: #fff !important;
		background: #5294c6;
		border-color: #5294c6;
	}

.btn-twitter-link, .btn-twitter-link:active, .btn-twitter-link:focus {
	color: #65b5f2 !important;
	background: transparent;
	border: none;
}

	.btn-twitter-link:hover {
		color: #5294c6 !important;
	}

.btn-outline-twitter, .btn-outline-twitter:active, .btn-outline-twitter:focus {
	color: #65b5f2 !important;
	background: transparent;
	border-color: #65b5f2;
}

	.btn-outline-twitter:hover {
		color: #fff !important;
		background: #65b5f2;
		border-color: #65b5f2;
	}

/* linkedin button */
.btn-linkedin, .btn-linkedin:active, .btn-linkedin:focus {
	color: #fff !important;
	background: #2083bc;
	border-color: #2083bc;
}

	.btn-linkedin:hover {
		color: #fff !important;
		background: #186592;
		border-color: #186592;
	}

.btn-linkedin-link, .btn-linkedin-link:active, .btn-linkedin-link:focus {
	color: #2083bc !important;
	background: transparent;
	border: none;
}

	.btn-linkedin-link:hover {
		color: #186592 !important;
	}

.btn-outline-linkedin, .btn-outline-linkedin:active, .btn-outline-linkedin:focus {
	color: #2083bc !important;
	background: transparent;
	border-color: #2083bc;
}

	.btn-outline-linkedin:hover {
		color: white !important;
		background: #2083bc;
		border-color: #2083bc;
	}

/* pinterest button */
.btn-pinterest, .btn-pinterest:active, .btn-pinterest:focus {
	color: #fff !important;
	background: #d2373b;
	border-color: #d2373b;
}

	.btn-pinterest:hover {
		color: #fff !important;
		background: #ad2c2f;
		border-color: #ad2c2f;
	}

.btn-pinterest-link, .btn-pinterest-link:active, .btn-pinterest-link:focus {
	color: #d2373b !important;
	background: transparent;
	border: none;
}

	.btn-pinterest-link:hover {
		color: #ad2c2f !important;
	}

.btn-outline-pinterest, .btn-outline-pinterest:active, .btn-outline-pinterest:focus {
	color: #d2373b !important;
	background: transparent;
	border-color: #d2373b;
}

	.btn-outline-pinterest:hover {
		color: #fff !important;
		background: #d2373b;
		border-color: #d2373b;
	}

/* dribble button */
.btn-dribbble, .btn-dribbble:active, .btn-dribbble:focus {
	color: #fff !important;
	background: #ec5f94;
	border-color: #ec5f94;
}

	.btn-dribbble:hover {
		color: #fff !important;
		background: #b4446e;
		border-color: #b4446e;
	}

.btn-dribbble-link, .btn-dribbble-link:active, .btn-dribbble-link:focus {
	color: #ec5f94 !important;
	background: transparent;
	border: none;
}

	.btn-dribbble-link:hover {
		color: #b4446e !important;
	}

.btn-outline-dribbble, .btn-outline-dribbble:active, .btn-outline-dribbble:focus {
	color: #ec5f94 !important;
	background: transparent;
	border-color: #ec5f94;
}

	.btn-outline-dribbble:hover {
		color: #fff !important;
		background: #ec5f94;
		border-color: #ec5f94;
	}

/* instagram button */
.btn-instagram, .btn-instagram:active, .btn-instagram:focus {
	color: #fff !important;
	background: #4c5fd7;
	border-color: #4c5fd7;
}

	.btn-instagram:hover {
		color: #fff !important;
		background: #4252ba;
		border-color: #4252ba;
	}

.btn-instagram-link, .btn-instagram-link:active, .btn-instagram-link:focus {
	color: #4c5fd7 !important;
	background: transparent;
	border: none;
}

	.btn-instagram-link:hover {
		color: #4252ba !important;
	}

.btn-outline-instagram, .btn-outline-instagram:active, .btn-outline-instagram:focus {
	color: #4c5fd7 !important;
	background: transparent;
	border-color: #4c5fd7;
}

	.btn-outline-instagram:hover {
		color: #fff !important;
		background: #4c5fd7;
		border-color: #4c5fd7;
	}

/* youtube button */
.btn-youtube, .btn-youtube:active, .btn-youtube:focus {
	color: #fff !important;
	background: #e52d27;
	border-color: #e52d27;
}

	.btn-youtube:hover {
		color: #fff !important;
		background: #b31217;
		border-color: #b31217;
	}

.btn-youtube-link, .btn-youtube-link:active, .btn-youtube-link:focus {
	color: #e52d27 !important;
	background: transparent;
	border: none;
}

	.btn-youtube-link:hover {
		color: #b31217 !important;
	}

.btn-outline-youtube, .btn-outline-youtube:active, .btn-outline-youtube:focus {
	color: #e52d27 !important;
	background: transparent;
	border-color: #e52d27;
}

	.btn-outline-youtube:hover {
		color: #fff !important;
		background: #e52d27;
		border-color: #e52d27;
	}

/* behance button */
.btn-behance, .btn-behance:active, .btn-behance:focus {
	color: #fff !important;
	background: #053eff;
	border-color: #053eff;
}

	.btn-behance:hover {
		color: #fff !important;
		background: #062fbb;
		border-color: #062fbb;
	}

.btn-behance-link, .btn-behance-link:active, .btn-behance-link:focus {
	color: #053eff !important;
	background: transparent;
	border: none;
}

	.btn-behance-link:hover {
		color: #062fbb !important;
	}

.btn-outline-behance, .btn-outline-behance:active, .btn-outline-behance:focus {
	color: #053eff !important;
	background: transparent;
	border-color: #053eff;
}

	.btn-outline-behance:hover {
		color: #fff !important;
		background: #053eff;
		border-color: #053eff;
	}

/* reddit button */
.btn-reddit, .btn-reddit:active, .btn-reddit:focus {
	color: #fff !important;
	background: #ff4500;
	border-color: #ff4500;
}

	.btn-reddit:hover {
		color: #fff !important;
		background: #c13400;
		border-color: #c13400;
	}

.btn-reddit-link, .btn-reddit-link:active, .btn-reddit-link:focus {
	color: #ff4500 !important;
	background: transparent;
	border: none;
}

	.btn-reddit-link:hover {
		color: #c13400 !important;
	}

.btn-outline-reddit, .btn-outline-reddit:active, .btn-outline-reddit:focus {
	color: #ff4500 !important;
	background: transparent;
	border-color: #ff4500;
}

	.btn-outline-reddit:hover {
		color: #fff !important;
		background: #ff4500;
		border-color: #ff4500;
	}

/* dropbox button */
.btn-dropbox, .btn-dropbox:active, .btn-dropbox:focus {
	color: #fff !important;
	background: #3d9ae8;
	border-color: #3d9ae8;
}

	.btn-dropbox:hover {
		color: #fff !important;
		background: #2777bb;
		border-color: #2777bb;
	}

.btn-dropbox-link, .btn-dropbox-link:active, .btn-dropbox-link:focus {
	color: #3d9ae8 !important;
	background: transparent;
	border: none;
}

	.btn-dropbox-link:hover {
		color: #2777bb !important;
	}

.btn-outline-dropbox, .btn-outline-dropbox:active, .btn-outline-dropbox:focus {
	color: #3d9ae8 !important;
	background: transparent;
	border-color: #3d9ae8;
}

	.btn-outline-dropbox:hover {
		color: #fff !important;
		background: #3d9ae8;
		border-color: #3d9ae8;
	}

/* skype button */
.btn-skype, .btn-skype:active, .btn-skype:focus {
	color: #fff !important;
	background: #00aff0;
	border-color: #00aff0;
}

	.btn-skype:hover {
		color: #fff !important;
		background: #068bbd;
		border-color: #068bbd;
	}

.btn-skype-link, .btn-skype-link:active, .btn-skype-link:focus {
	color: #00aff0 !important;
	background: transparent;
	border: none;
}

	.btn-skype-link:hover {
		color: #068bbd !important;
	}

.btn-outline-skype, .btn-outline-skype:active, .btn-outline-skype:focus {
	color: #00aff0 !important;
	background: transparent;
	border-color: #00aff0;
}

	.btn-outline-skype:hover {
		color: #fff !important;
		background: #00aff0;
		border-color: #00aff0;
	}

/* vimeo button */
.btn-vimeo, .btn-vimeo:active, .btn-vimeo:focus {
	color: #fff !important;
	background: #1ab7ea;
	border-color: #1ab7ea;
}

	.btn-vimeo:hover {
		color: #fff !important;
		background: #0d91bc;
		border-color: #0d91bc;
	}

.btn-vimeo-link, .btn-vimeo-link:active, .btn-vimeo-link:focus {
	color: #1ab7ea !important;
	background: transparent;
	border: none;
}

	.btn-vimeo-link:hover {
		color: #0d91bc !important;
	}

.btn-outline-vimeo, .btn-outline-vimeo:active, .btn-outline-vimeo:focus {
	color: #1ab7ea !important;
	background: transparent;
	border-color: #1ab7ea;
}

	.btn-outline-vimeo:hover {
		color: #fff !important;
		background: #1ab7ea;
		border-color: #1ab7ea;
	}

/* tumblr button */
.btn-tumblr, .btn-tumblr:active, .btn-tumblr:focus {
	color: #fff !important;
	background: #34526f;
	border-color: #34526f;
}

	.btn-tumblr:hover {
		color: #fff !important;
		background: #172635;
		border-color: #172635;
	}

.btn-tumblr-link, .btn-tumblr-link:active, .btn-tumblr-link:focus {
	color: #34526f !important;
	background: transparent;
	border: none;
}

	.btn-tumblr-link:hover {
		color: #172635 !important;
	}

.btn-outline-tumblr, .btn-outline-tumblr:active, .btn-outline-tumblr:focus {
	color: #34526f !important;
	background: transparent;
	border-color: #34526f;
}

	.btn-outline-tumblr:hover {
		color: #fff !important;
		background: #34526f;
		border-color: #34526f;
	}

/* github button */
.btn-github, .btn-github:active, .btn-github:focus {
	color: #fff !important;
	background: #333;
	border-color: #333;
}

	.btn-github:hover {
		color: #fff !important;
		background: #111;
		border-color: #111;
	}

.btn-github-link, .btn-github-link:active, .btn-github-link:focus {
	color: #333 !important;
	background: transparent;
	border: none;
}

	.btn-github-link:hover {
		color: #111 !important;
	}

.btn-outline-github, .btn-outline-github:active, .btn-outline-github:focus {
	color: #333 !important;
	background: transparent;
	border-color: #333;
}

	.btn-outline-github:hover {
		color: #fff !important;
		background: #333;
		border-color: #333;
	}

/*--- end of social buttons ---*/
.btn-back-top {
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -31px;
	left: auto;
	right: auto;
	opacity: 1 !important;
	transform: translateX(-50%);
	box-shadow: none;
	transition: all 0.2s ease-in-out;
}

.border-white .btn-back-top {
	border: 1px solid #fff !important;
}

.btn-back-top:hover, .btn-back-top:focus, .btn-back-top:active {
	background-color: #29ABE2;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.border-white .btn-back-top:hover, .border-white .btn-back-top:focus, .border-white .btn-back-top:active {
	border: 1px solid #fff !important;
}

.btn-back-top i {
	color: #29ABE2 !important;
	font-size: 26px;
	margin-top: -1px;
	margin-right: -1px;
	transition: all 0.2s ease-in-out;
}

.bg-primary .btn-back-top {
	background-color: #29ABE2 !important;
}

	.bg-primary .btn-back-top i {
		color: #fff !important;
	}

.bg-light .btn-back-top, .bg-light .btn-back-top:focus, .bg-light .btn-back-top:active {
	background-color: #f3f5f9 !important;
}

	.bg-light .btn-back-top i {
		color: #3a3f51 !important;
	}

.bg-white .btn-back-top, .bg-white .btn-back-top:focus, .bg-white .btn-back-top:active {
	background-color: #fff !important;
}

	.bg-white .btn-back-top i {
		color: #cBced6 !important;
	}

	.bg-light .btn-back-top:hover, .bg-white .btn-back-top:hover {
		background-color: #29ABE2 !important;
	}

		.bg-light .btn-back-top:hover i, .bg-white .btn-back-top:hover i {
			color: #fff !important;
		}

.bg-dark .btn-back-top, .bg-dark .btn-back-top:focus, .bg-dark .btn-back-top:active {
	background-color: #3a3f51 !important;
}

	.bg-dark .btn-back-top i {
		color: #fff !important;
	}

/*------- end of buttons -------*/
/*------- popovers & tooltips -------*/
.popover-example {
	position: relative;
}

	.popover-example .popover {
		position: relative;
		display: block;
		float: left;
		width: 23%;
		margin: 1%;
		z-index: 9;
	}

.popover {
	max-width: 260px;
	font-family: "San Francisco", sans-serif;
	font-weight: 300;
	font-size: .875rem;
	background-color: #fff;
	border: none;
	border-radius: 0.5rem;
	padding: 0;
	box-shadow: 0px 4px 12px -1px rgba(63, 70, 86, 0.07);
}

.popover-header {
	color: #0e121e !important;
	font-size: 1rem;
	background-color: transparent;
	border-bottom: none;
	padding: .75rem 1rem 0;
}

	.popover-header::before {
		display: none !important;
	}

.popover-body {
	padding: .75rem 1rem;
}

	.popover-body p {
		font-size: .875rem;
	}

.popover-title {
	font-size: 1rem;
	font-weight: 400;
	background-color: transparent;
	border-bottom: 0;
	padding: .75rem 1rem;
}

.popover-content {
	padding: 0 1rem .75rem 1rem;
}

	.popover-content p {
		font-size: .875rem;
	}

.bs-popover-top .popover-arrow:after, .bs-popover-top .popover-arrow:before {
	border-top-color: #fff;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
	bottom: calc(-.4rem - 1px);
}

.bs-popover-bottom .popover-arrow:after, .bs-popover-bottom .popover-arrow:before {
	border-bottom-color: #fff;
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
	top: calc(-.4rem - 1px);
}

.bs-popover-start .popover-arrow:after, .bs-popover-start .popover-arrow:before {
	border-left-color: #fff;
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
	right: calc(-.4rem - 1px);
}

.bs-popover-end .popover-arrow:after, .bs-popover-end .popover-arrow:before {
	border-right-color: #fff;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
	left: calc(-.4rem - 1px);
}

/*--- tooltips ---*/
.tooltips-example {
	position: relative;
}

	.tooltips-example .tooltip {
		position: relative;
		display: inline-block;
		margin: 10px 20px;
		opacity: 1;
	}

.tooltip {
	font-family: "San Francisco", sans-serif;
	font-weight: 400;
	font-size: .75rem;
}

.tooltip-inner {
	max-width: 200px;
	padding: 7px 18px;
	color: #f3f5f9;
	text-align: center;
	background-color: #2c3241;
	border: none;
	border-radius: 0.5rem;
	opacity: 1 !important;
	box-shadow: 0px 2px 6px rgba(63, 70, 86, 0.15);
}

.tooltip.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before, .tooltip.bs-tooltip-top .tooltip-arrow::before {
	border-top-color: #2c3241;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before, .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
	border-bottom-color: #2c3241;
}

.tooltip.bs-tooltip-auto[x-placement^=start] .tooltip-arrow::before, .tooltip.bs-tooltip-start .tooltip-arrow::before {
	border-left-color: #2c3241;
}

.tooltip.bs-tooltip-auto[x-placement^=end] .tooltip-arrow::before, .tooltip.bs-tooltip-end .tooltip-arrow::before {
	border-right-color: #2c3241;
}

/*--- end of tooltips ---*/
/*------- end of popovers & tooltips -------*/
/*------- inputs -------*/
/*.form-control {
	color: #3a3f51;
	background: transparent;
	font-family: "San Francisco", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	display: inline-block;
	width: 100%;
	height: 44px;
	letter-spacing: 0.05rem;
	padding: 0 1.25rem;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #cBced6;
	border-radius: 0.5rem;
	-webkit-appearance: none;
	appearance: none;
	transition: all ease-in-out .2s;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.form-control-file {
	color: #3a3f51;
	background: transparent;
	font-family: "San Francisco", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	display: inline-block;
	width: 100%;
	height: 44px;
	letter-spacing: 0.05rem;
	padding: 0 1.25rem;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #cBced6;
	border-radius: 0.5rem;
	-webkit-appearance: none;
	appearance: none;
	transition: all ease-in-out .2s;
	box-shadow: none;
	-webkit-box-shadow: none;
}*/





.fc-inverse {
	background-color: #2c3241;
	color: #fff !important;
	border-color: #fff;
}

input:focus, textarea:focus, .custom-select:focus, .multiple-selector:focus {
	color: #3a3f51 !important;
	background-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-color: #29ABE2 !important;
	z-index: 0 !important;
}

input.fc-inverse:focus, textarea.fc-inverse:focus {
	color: #fff !important;
	border-color: primary !important;
	background-color: #2c3241;
}

input.fc-inverse.bg-transparent:focus, textarea.fc-inverse.bg-transparent::focus {
	background-color: transparent !important;
}

.qty {
	max-width: 60px;
	height: 44px;
	max-height: 44px;
	margin-left: 0 !important;
	padding: 0 5px 0 13px;
}

table .qty {
	height: 44px;
	max-height: 44px;
}

select.form-control.shop-option:not([size]):not([multiple]) {
	height: 44px;
}

.custom-select {
	color: #3a3f51;
	font-family: "San Francisco", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.15rem;
	display: inline-block;
	width: 100%;
	height: 44px;
	letter-spacing: 0.06rem;
	border: 1px solid #cBced6;
	border-radius: 0.5rem;
	padding: 0 1.85rem 0 1.25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 512 512'%3E%3Ctitle%3Eicon-select%3C/title%3E%3Cpolyline points='112 184 256 328 400 184' style='fill:none%3Bstroke:%23777777%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-width:45px'/%3E%3C/svg%3E") no-repeat right 1.25rem center/16px 16px;
}

.dark-mode .custom-select option {
	color: #3a3f51;
}

.dark-mode label {
	color: #ffffff;
}

input, textarea {
	font-family: "San Francisco", sans-serif !important;
	letter-spacing: 0.01rem;
}

select.form-control:not([size]):not([multiple]) {
	height: 44px;
}

select.selector {
	-webkit-appearance: menulist !important;
}

select.multiple-selector {
	-webkit-appearance: listbox !important;
	max-height: 44px;
	padding: 0.5rem 1.25rem;
}

select:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #29ABE2 !important;
}

option {
	padding: 5px 0;
}

.multiple-selector option {
	padding: 5px 15px;
	text-align: center;
}

.btn-file {
	position: relative;
	overflow: hidden;
	font-family: "San Francisco", sans-serif;
	letter-spacing: 0.02rem !important;
}

	.btn-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 1rem;
		font-family: "San Francisco", sans-serif;
		font-weight: 400;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
	}

[type=submit], .btn-submit {
	height: 44px;
	min-height: 44px;
	max-height: 44px;
	line-height: 1;
}

.form-control.w-icon-left {
	border: 1px solid #cBced6;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0.5rem !important;
	border-bottom-right-radius: 0.5rem !important;
}

.log-line {
	margin-top: 20px;
	margin-bottom: 20px;
}

.input-group-text {
	color: #0e121e;
	background: #fff;
	font-size: 1rem;
	height: 100%;
	min-height: 44px;
	line-height: 44px;
	padding: 0 0.875rem;
	border: 1px solid #cBced6;
	border-right-color: transparent !important;
	border-radius: 0.5rem;
}

.input-group-prepend .input-group-text {
	border-radius: 0;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.input-group-text i {
	max-height: 42px;
}

.input-group-btn .btn {
	height: 100%;
	max-height: 44px;
	padding-top: 0;
	padding-bottom: 0;
}

	.input-group-btn .btn.has-span, .input-group-btn .btn.has-icon {
		line-height: 44px;
	}

	.input-group-btn .btn span {
		display: inline-block;
	}

.input-group-btn .btn-round {
	height: 44px;
	border-radius: 50% !important;
	width: 44px;
	padding: 16px;
}

	.input-group-btn .btn-round i {
		font-size: 16px !important;
	}

.form-inline.dark .form-control {
	color: #fff;
	background: #cBced6;
	border: 1px solid #cBced6;
}

.bg-primary .form-inline.dark .form-control {
	color: #0e121e;
	background: #fff;
	border: 1px solid #fff;
}

.input-group-addon {
	color: #3a3f51;
	background-color: #0071BC;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 3.5;
	text-align: center;
	border: 1px solid #0071BC;
	border-radius: 0.375rem;
	padding: 0 1rem;
	margin-bottom: 0;
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
	padding: .6075rem .7rem;
	font-size: .875rem;
	height: 40px;
	line-height: 40px;
}

.form-control-xs, .input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
	padding: .45rem .5rem;
	font-size: .75rem;
	height: 34px;
	line-height: 34px;
}

.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

	.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

.input-group-addon:not(:last-child) {
	border: none;
}

.input-group-addon {
	border: none;
}

.input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group {
	margin-right: 0;
}

.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
	margin-left: 0;
}

.form-group, .input-group {
	margin-bottom: 25px;
}

.navbar .input-group {
	margin-bottom: 0;
}

.form-inline.dark input:focus, .form-inline.dark textarea:focus {
	color: #fff !important;
	border-color: #29ABE2;
}

.input-w-overlap-btn .btn {
	height: 40px !important;
	max-height: 40px !important;
}

.input-w-overlap-btn .btn-icon {
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: 0px;
}

.bg-primary .form-inline.dark input:focus, .bg-primary .form-inline.dark textarea:focus {
	color: #0e121e !important;
	border-color: #29ABE2;
}

.input-group.w-overlay-icon input, .input-group.w-overlay-icon select, .input-group.w-overlay-icon textarea {
	padding-left: 50px;
	border-radius: 0.5rem !important;
}

.input-group.w-overlay-icon .form-control-sm {
	padding-left: 42px;
}

.input-group.w-overlay-icon .form-control-xs {
	padding-left: 38px;
}

.input-group.w-overlay-icon .overlay-icon {
	position: absolute;
	left: 20px;
	height: 44px;
	line-height: 44px;
	border: none;
	top: -2px;
}

.input-group-sm.w-overlay-icon .overlay-icon {
	font-size: 0.875rem;
	left: 16px;
	height: 40px;
	line-height: 40px;
}

.input-group-xs.w-overlay-icon .overlay-icon {
	font-size: 0.75rem;
	left: 10px;
	height: 34px;
	line-height: 34px;
}

.w-overlay-icon.on-textarea .overlay-icon {
	margin-top: 1px;
}

.w-overlay-icon.on-textarea-2 .overlay-icon {
	margin-top: 2px;
}

.w-overlay-icon.on-textarea-3 .overlay-icon {
	margin-top: 3px;
}

.overlay-icon {
	color: #a9afbd;
}

.has-select .overlay-icon {
	color: #3a3f51;
}

input[type=datetime-local] {
	padding: 11px 15px;
}

textarea.form-control {
	margin-bottom: -7px;
	min-height: 120px;
	padding: 0.75rem 1.25rem;
}

.prepend-w-textarea textarea.form-control {
	margin-bottom: 0;
}

.btn-submit {
	width: 100%;
	opacity: 1 !important;
	border: 2px solid transparent;
}

.btn-submit-auto {
	opacity: 1 !important;
	border: 2px solid transparent;
}

/*--- form validator ---*/
.form-control.is-invalid, .was-validated .form-control:invalid {
	border-color: #ef2525 !important;
	background-image: none !important;
}

.form-control.is-valid, .was-validated .form-control:valid {
	border-color: #8ac528 !important;
	background-image: none !important;
}

.needs-validation .form-control:focus, .needs-validation .form-control:active {
	border-color: #29ABE2 !important;
}

.form-control.rounded {
	border-radius: 0.5rem !important;
}

.input-group .btn-sm.rounded-sm {
	border-radius: 0.375rem !important;
}

/*--- end of form validator ---*/
/*--- input placeholder color ---*/
/*::-webkit-input-placeholder {
	color: #a9afbd;
}

::-moz-placeholder {
	color: #a9afbd;
}

:-moz-placeholder {
	color: #a9afbd;
}

:-ms-input-placeholder {
	color: #a9afbd;
}

.fc-inverse::-webkit-input-placeholder {
	color: #cBced6;
}

.fc-inverse::-moz-placeholder {
	color: #cBced6;
}

.fc-inverse:-moz-placeholder {
	color: #cBced6B;
}

.fc-inverse:-ms-input-placeholder {
	color: #cBced6 !important;
}

.error::-webkit-input-placeholder {
	color: #ef2525 !important;
}

.error::-moz-placeholder {
	color: #ef2525 !important;
}

.error:-moz-placeholder {
	color: #ef2525 !important;
}

.error:-ms-input-placeholder {
	color: #ef2525 !important;
}

.valid::-webkit-input-placeholder {
	color: #ef2525 !important;
}

.valid::-moz-placeholder {
	color: #ef2525 !important;
}

.valid:-moz-placeholder {
	color: #ef2525 !important;
}

.valid:-ms-input-placeholder {
	color: #ef2525 !important;
}

.form-inline.dark ::-webkit-input-placeholder {
	color: #fff !important;
}

.form-inline.dark ::-moz-placeholder {
	color: #fff !important;
}

.form-inline.dark :-ms-input-placeholder {
	color: #fff !important;
}

.form-inline.dark :-moz-placeholder {
	color: #fff !important;
}

.bg-primary .form-inline.dark ::-webkit-input-placeholder {
	color: #0e121e !important;
}

.bg-primary .form-inline.dark ::-moz-placeholder {
	color: #0e121e !important;
}

.bg-primary .form-inline.dark :-ms-input-placeholder {
	color: #0e121e !important;
}

.bg-primary .form-inline.dark :-moz-placeholder {
	color: #0e121e !important;
}
	*/
/*--- end of input placeholder color ---*/
/*--- checkbox ---*/
.checkbox-group {
	margin: 5px 20px 5px 10px;
}

.checkbox label {
	display: inline-block;
	position: relative;
	font-weight: 400;
	padding-left: 16px;
	margin-bottom: 0;
}

	.checkbox label::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 22px;
		height: 22px;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: -11px;
		border: 1px solid #cBced6;
		border-radius: 0.375rem;
		background-color: #fff;
		box-shadow: none;
		-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	}

	.checkbox label::after {
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		left: 0;
		top: 0px;
		margin-top: 3px;
		margin-left: -7px;
		padding-left: 0;
		padding-top: 0;
		font-size: 12px;
		color: #cBced6;
	}

.checkbox input[type="checkbox"] {
	opacity: 0;
}

	.checkbox input[type="checkbox"]:checked + label::after {
		font-family: 'bootstrap-icons' !important;
		display: inline-block !important;
		vertical-align: middle;
		content: "\f272";
	}

	.checkbox input[type="checkbox"]:disabled + label {
		opacity: 0.75;
	}

		.checkbox input[type="checkbox"]:disabled + label::before {
			background-color: #cBced6;
			cursor: not-allowed;
		}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #29ABE2;
	border-color: #29ABE2;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-secondary input[type="checkbox"]:checked + label::before {
	background-color: #767e8f;
	border-color: #767e8f;
}

.checkbox-secondary input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #8ac528;
	border-color: #8ac528;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #0094ff;
	border-color: #0094ff;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #ffa800;
	border-color: #ffa800;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #ef2525;
	border-color: #ef2525;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff;
}

/*--- end of checkbox ---*/
/*--- radio ---*/
.radio label {
	display: inline-block;
	position: relative;
	font-weight: 400;
	padding-left: 6px;
	margin-bottom: 0;
}

	.radio label::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 22px;
		height: 22px;
		top: 0;
		left: 0;
		margin-left: -24px;
		border: 1px solid #cBced6;
		border-radius: 50%;
		background-color: #fff;
		margin-top: 0;
		box-shadow: none;
		-webkit-transition: border 0.15s ease-in-out;
		-o-transition: border 0.15s ease-in-out;
		transition: border 0.15s ease-in-out;
	}

	.radio label::after {
		display: inline-block;
		position: absolute;
		content: " ";
		width: 10px;
		height: 10px;
		left: 6px;
		top: 6px;
		margin-left: -24px;
		border-radius: 50%;
		background-color: #cBced6;
		margin-top: 0;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
		-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	}

.radio input[type="radio"] {
	opacity: 0;
}

	.radio input[type="radio"]:checked + label::after {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	.radio input[type="radio"]:disabled + label {
		opacity: 0.65;
	}

		.radio input[type="radio"]:disabled + label::before {
			cursor: not-allowed;
		}

.radio.radio-inline {
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
	background-color: #29ABE2;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #29ABE2;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #29ABE2;
}

.radio-success input[type="radio"] + label::after {
	background-color: #8ac528;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #8ac528;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #8ac528;
}

.radio-info input[type="radio"] + label::after {
	background-color: #0094ff;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #0094ff;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #0094ff;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #ffa800;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #ffa800;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #ffa800;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #ef2525;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #ef2525;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #ef2525;
}

/*--- end of radio ---*/
/*--- switches ---*/
/* switch */
.onoffswitch {
	display: inline-block;
	margin: 0 5px;
	position: relative;
	width: 50px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

	.onoffswitch.icon-switch {
		width: 50px;
	}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch.disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 0.5rem;
	box-shadow: 0px 4px 12px -1px rgba(63, 70, 86, 0.07);
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

	.onoffswitch-inner:before, .onoffswitch-inner:after {
		display: block;
		float: left;
		width: 50%;
		height: 22px;
		padding: 0;
		line-height: 22px;
		font-size: 0.875rem;
		font-family: "San Francisco", sans-serif;
		font-weight: 600;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 4px;
	}

	.onoffswitch-inner:before {
		content: "";
		padding-left: 10px;
		background: #f3f5f9;
		color: #767e8f;
		border-radius: 4px;
	}

.icon-switch .onoffswitch-inner:before {
	content: "\f272";
	font-family: 'bootstrap-icons';
	padding-left: 12px;
}

.onoffswitch-inner.primary-switch:before {
	color: #29ABE2;
}

.onoffswitch-inner.success-switch:before {
	color: #8ac528;
}

.onoffswitch-inner.info-switch:before {
	color: #0094ff;
}

.onoffswitch-inner.warning-switch:before {
	color: #ffa800;
}

.onoffswitch-inner.danger-switch:before {
	color: #ef2525;
}

.onoffswitch-inner:after {
	content: "";
	padding-right: 10px;
	background: #cBced6;
	color: #767e8f;
	text-align: right;
	border-radius: 0.5rem;
}

.icon-switch .onoffswitch-inner:after {
	content: "\f62a";
	font-family: 'bootstrap-icons';
	padding-right: 10px;
}

.onoffswitch-switch {
	display: block;
	background: #767e8f;
	border-radius: 4px;
	height: 22px;
	width: 16px;
	margin: 0px;
	top: 0;
	bottom: 0;
	right: 34px;
	position: absolute;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.icon-switch .onoffswitch-switch {
	right: 34px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0;
	background: #767e8f;
}

	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.primary-switch {
		background: #29ABE2;
	}

	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.success-switch {
		background: #8ac528;
	}

	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.info-switch {
		background: #0094ff;
	}

	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.warning-switch {
		background: #ffa800;
	}

	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.danger-switch {
		background: #ef2525;
	}

/* end of switch */
/* pill switch */
.onoffswitch2 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	position: relative;
	width: 44px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

	.onoffswitch2.icon-switch {
		width: 44px;
	}

.onoffswitch2-checkbox {
	display: none;
}

.onoffswitch2.disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.onoffswitch2-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 2rem;
	box-shadow: 0px 4px 12px -1px rgba(63, 70, 86, 0.07);
}

.onoffswitch2-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

	.onoffswitch2-inner:before, .onoffswitch2-inner:after {
		display: block;
		float: left;
		width: 50%;
		height: 22px;
		padding: 0;
		line-height: 22px;
		font-size: 0.875rem;
		font-family: "San Francisco", sans-serif;
		font-weight: 600;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 2rem;
	}

	.onoffswitch2-inner:before {
		content: "";
		padding-left: 10px;
		background-color: #767e8f;
		color: #f3f5f9;
		border-radius: 2rem 0 0 2rem;
	}

.icon-switch .onoffswitch2-inner:before {
	content: "\f272";
	font-family: 'bootstrap-icons';
	padding-left: 7px;
}

.onoffswitch2-inner.primary-switch:before {
	background-color: #29ABE2;
}

.onoffswitch2-inner.success-switch:before {
	background-color: #8ac528;
}

.onoffswitch2-inner.info-switch:before {
	background-color: #0094ff;
}

.onoffswitch2-inner.warning-switch:before {
	background-color: #ffa800;
}

.onoffswitch2-inner.danger-switch:before {
	background-color: #ef2525;
}

.onoffswitch2-inner:after {
	content: "";
	padding-right: 10px;
	background: #cBced6;
	color: #767e8f;
	text-align: right;
	border-radius: 0 2rem 2rem 0;
}

.icon-switch .onoffswitch2-inner:after {
	content: "\f62a";
	font-family: 'bootstrap-icons';
	padding-right: 7px;
}

.onoffswitch2-switch {
	display: block;
	background: #767e8f;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	margin: 0px;
	top: 3px;
	bottom: 0;
	right: 25px;
	position: absolute;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.icon-switch .onoffswitch2-switch {
	right: 25px;
}

.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
	margin-left: 0;
}

.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
	right: 4px;
	background: #fff;
}

/* end pill switch */
/* mode-switcher */
.switch-title {
	font-size: 0.875rem;
	font-weight: 500;
}

.icon-switch.mode-switcher {
	width: 54px;
}

	.icon-switch.mode-switcher .onoffswitch2-inner:before, .icon-switch.mode-switcher .onoffswitch2-inner:after {
		font-size: 10px;
		height: 26px;
		line-height: 26px;
	}

	.icon-switch.mode-switcher .onoffswitch2-inner:before {
		content: "\f496";
		font-family: 'bootstrap-icons';
		padding-left: 13px;
		color: #fff;
		background-color: #2c3241;
	}

	.icon-switch.mode-switcher .onoffswitch2-inner:after {
		content: "\f5a2";
		font-family: 'bootstrap-icons';
		padding-right: 13px;
		color: #2c3241;
		background-color: #fff;
	}

	.icon-switch.mode-switcher .onoffswitch2-switch {
		color: #fff;
		width: 18px;
		height: 18px;
		top: 4px;
	}

	.icon-switch.mode-switcher .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
		right: 4.5px;
	}

	.icon-switch.mode-switcher .onoffswitch2-switch {
		right: 32px;
	}

.navbar-button .btn-sm i.mr-5, .navbar-button .btn-sm i.mr-10 {
	margin-right: 7px !important;
}

.navbar-button .btn {
	margin-top: -2px;
}

.navbar-inverse .switch-title {
	color: #e4e7ed;
}

/* end mode-switcher */
/*--- end switches ---*/
label.hidden {
	display: none !important;
}

label.btn-file {
	margin-bottom: 0;
}

.form-wrapper {
	background: #fff;
	border: 1px solid #a9afbd;
	padding: 30px;
}

.form-title {
	font-size: 1.375rem;
	margin-bottom: 30px;
}

.custom-form .left-area {
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: middle;
}

.custom-form .right-area {
	display: inline-block;
	width: 50%;
	text-align: right;
	vertical-align: middle;
}

.custom-form .left-area.long {
	width: 75%;
}

.custom-form .right-area.long {
	width: 75%;
}

.custom-form .left-area.short {
	width: 25%;
}

.custom-form .right-area.short {
	width: 25%;
}

/*------- end of inputs -------*/
/*------- video embeds -------*/
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.video-player-wrapper {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

	.video-player-wrapper .btn {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 2;
		-webkit-transition: .3s;
		transition: .3s;
	}

	.video-player-wrapper video {
		max-width: 100%;
		margin-bottom: -8px;
	}

.video-wrapper #bgvideo {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #f3f5f9;
}

.video-wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	background-color: #fff;
}

	.video-wrapper .overlay-dark {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}

	.video-wrapper .overlay-light {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.video-wrapper video {
		width: 100vw;
		height: 56.25vw;
		/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
		min-height: 100vh;
		min-width: 177.77vh;
		/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.video-wrapper .section-content {
		position: relative;
	}

/*------- end of video embeds -------*/
/*------- gallery & lightbox -------*/
.goverlay {
	background: rgba(22, 26, 37, 0.97);
}

.plyr--video, .glightbox-clean .gslide-media {
	border-radius: 1rem;
}

.desc-bottom .gslide-image img {
	border-radius: 0;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.glightbox-clean .gslide-description {
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.glightbox-clean img {
	border-radius: 1rem;
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
	background-color: transparent;
	opacity: 0.6;
	transition: all 0.2s ease-in-out;
}

	.glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
		background: transparent !important;
		opacity: 1;
	}

.glightbox-clean .gslide-title {
	font-size: 1.25rem;
	font-family: "San Francisco", sans-serif;
	font-weight: 600;
	color: #0e121e;
	margin-bottom: 8px;
	line-height: 1.5rem;
}

.glightbox-clean .gdesc-inner {
	padding: 30px 20px;
}

.glightbox-clean .gslide-desc {
	font-size: 0.875rem;
	margin-bottom: 0;
	font-family: "San Francisco", sans-serif;
	line-height: 1.5rem;
}

.glightbox-clean .gslide-description {
	background: #fff;
}

.lightbox-video-wrap, .lightbox-video-wrap .img-holder {
	position: relative;
}

	.lightbox-video-wrap .img-holder {
		background-color: #29ABE2;
	}

		.lightbox-video-wrap .img-holder img {
			opacity: 0.33;
		}

	.lightbox-video-wrap .middle-icon {
		transition: all .2s ease-in-out;
		opacity: 1;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
		text-align: center;
	}

		.lightbox-video-wrap .middle-icon i, .lightbox-video-wrap .middle-icon span {
			color: #fff;
			font-size: 4rem;
			transition: all 0.2s ease-in-out;
			opacity: 1;
		}

	.lightbox-video-wrap .img-holder:hover i, .lightbox-video-wrap img-holder:hover span {
		color: #29ABE2;
		opacity: 1;
	}

.plyr__control--overlaid {
	background: #29ABE2;
	color: #fff;
	padding: 25px;
}

.plyr__control svg {
	height: 20px;
	width: 20px;
}

.plyr--full-ui input[type=range] {
	color: #29ABE2;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
	background: #29ABE2 !important;
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
	opacity: 0 !important;
	pointer-events: none;
}

.glightbox-mobile .glightbox-container .gslide-description {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.69) 0, rgba(0, 0, 0, 0.89) 100%);
}

/*------- end of gallery & lightbox -------*/
/*------- preloader -------*/
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

	#loader-wrapper .loader-section {
		position: fixed;
		top: 0;
		background: #fff;
		width: 100%;
		height: 100%;
	}

.loaded #loader {
	opacity: 0;
}

.loaded #loader-wrapper {
	visibility: hidden;
	transition: all 0.2s ease-out;
}

/*------- end of preloader -------*/
/*---------- end of ui ----------*/
/*---------- components ----------*/
/*------- progress and sliders -------*/
.progress {
	margin-bottom: 20px;
}

.progress {
	font-size: .75rem;
	line-height: 1rem;
	background-color: #f3f5f9;
	border-radius: 1rem;
	height: 6px;
}

.progress-pill {
	border-radius: 1rem;
}

.progress-bar {
	color: #fff;
	background-color: #29ABE2;
}

	.progress-bar.animated {
		margin-bottom: -0.1px;
	}

.progress.text-xs {
	font-size: 0.5rem;
	line-height: 0.5rem;
}

.progress-title {
	font-size: 14px;
	margin-bottom: 8px;
}

.aggreement p, .aggreement li {
	font-size: 20px !important;
}

.aggreement h5 {
	font-size: 24px;
	margin-top: 50px;
}

/*------- end of progress and sliders -------*/
/*------- avatars -------*/
.avatar {
	position: relative;
	display: inline-block;
	margin: 0 5px 5px 0;
}

	.avatar .text-icon {
		background-color: #29ABE2;
		text-align: center;
	}

		.avatar .text-icon p {
			color: #fff;
			font-size: 1.125rem;
			font-weight: 600;
			margin-bottom: 0;
			margin-top: -1px;
		}

.avatar-sm .text-icon p {
	font-size: 0.875rem;
}

.avatar-lg .text-icon p {
	font-size: 1.5rem;
	margin-top: -2px;
}

.avatar img, .avatar .text-icon {
	width: 44px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #f3f5f9;
	border-radius: 50%;
}

.avatar-sm img, .avatar-sm .text-icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.avatar-lg img, .avatar-lg .text-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-width: 2px;
}

.avatar-badge .badge {
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.avatar-sm.avatar-badge .badge {
	right: 2px;
	bottom: 2px;
	width: 6px;
	height: 6px;
	border-width: 1px;
}

.avatar-lg.avatar-badge .badge {
	right: 1px;
	bottom: 3px;
	width: 14px;
	height: 14px;
	border-width: 2px;
}

.avatar-group .avatar {
	vertical-align: middle;
	margin: 0;
	margin-left: -16px;
}

.avatar-group .avatar-sm {
	margin-left: -12px;
}

.avatar-group .avatar-lg {
	margin-left: -20px;
}

.avatar-group .avatar:first-child {
	margin-left: 0;
}

.avatar-group .more-icon {
	background-color: #e4e7ed;
}

	.avatar-group .more-icon p {
		color: #3a3f51;
	}

.avatar-content {
	display: inline-block;
	margin: 0 15px 15px 0;
}

	.avatar-content .avatar, .avatar-content .avatar-content-area {
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
	}

	.avatar-content h4 {
		font-size: 1rem;
		margin: 0;
	}

.avatar-content-sm h4 {
	font-size: 0.875rem;
}

.avatar-content-lg h4 {
	font-size: 1.25rem;
}

.avatar-content p, .avatar-content i {
	font-size: 0.875rem;
	margin: 0;
}

.avatar-content-sm p, .avatar-content-sm i {
	font-size: 0.75rem;
}

.avatar-content-lg p, .avatar-content-lg i {
	font-size: 1rem;
}

/*------- end of avatars -------*/
/*------- cards -------*/
.card {
	background: #fff;
	border: none;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
}

.card-columns .card {
	margin-bottom: 1.5rem;
	box-shadow: none !important;
}

.full-height-cards .card {
	min-height: 300px;
	height: 100%;
	margin: 0;
	border-radius: 0;
	box-shadow: none !important;
}

.card.bg-img {
	border: none !important;
}

.card-drop {
	margin-right: -6px;
}

	.card-drop i {
		color: #3a3f51;
	}

.full-height-cards.mh-400 .card {
	min-height: 400px;
}

.full-height-cards.mh-500 .card {
	min-height: 500px;
}

.full-height-cards.mh-600 .card {
	min-height: 600px;
}

.full-height-cards.mh-700 .card {
	min-height: 700px;
}

.full-height-cards .card-body.text-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.full-height-cards .card-body.text-middle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.full-height-cards .card-body.text-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.full-height-cards .card {
	border: none !important;
}

.stacked-card {
	margin-left: -45px;
	margin-right: -45px;
	z-index: 3;
}

.card-img-top {
	width: 100%;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.card-img-bottom {
	width: 100%;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.card-w-raised-img-top {
	margin-top: 70px;
}

.card-w-raised-img-bottom {
	margin-bottom: 100px;
}

.card-body {
	padding: 2rem;
}

.card-w-raised-img-top .card-body {
	padding-top: 0;
}

.card-w-raised-img-bottom .card-body {
	padding-bottom: 0;
}

.card-raised-img-top {
	margin-top: -70px;
}

.card-raised-img-bottom {
	margin-bottom: -70px;
}

.card-img-overlay {
	padding: 2.25rem 1.875rem;
	border-radius: 1rem;
}

.card.rectangle .card-img {
	border-radius: 0;
}

.card-body .md-icon {
	display: inline;
}

.card-icon-tag {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
}

	.card-icon-tag.icon-left {
		left: 20px;
		right: auto;
	}

	.card-icon-tag.icon-center {
		left: 0;
		right: 0;
	}

.card-text {
	font-size: 1rem;
	margin: 1rem 0;
}

.card-rounded {
	border-radius: 2rem;
}

.card-header {
	padding: 2rem;
	margin-bottom: 0;
	border-bottom: 1px solid #f3f5f9;
}

	.card-header:first-child {
		border-radius: 0;
	}

.card-footer {
	padding: 20px 0 0 0;
	background-color: transparent;
	border-top: 1px solid #f3f5f9;
}

.card-header, .card-footer {
	background: #fff;
	border: none;
}

.card-title {
	color: #0e121e;
	margin-bottom: 0;
}

.card-sub-title {
	color: #4700bb;
	font-family: "San Francisco", sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

.card-content {
	margin-top: 1rem;
}

.card-content-lg {
	margin-top: 1.75rem;
}

.card.w-raised-icon {
	position: relative;
	margin-top: 35px;
}

	.card.w-raised-icon .raised-icon {
		position: absolute;
		top: -35px;
		font-size: 20px;
		text-align: center;
		width: 70px;
		height: 70px;
		line-height: 70px;
		border-radius: 0.5rem;
	}

	.card.w-raised-icon.sm-icon {
		margin-top: 25px;
	}

	.card.w-raised-icon .raised-icon.icon-sm {
		font-size: 14px;
		top: -25px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.card.w-raised-icon.lg-icon {
		margin-top: 50px;
	}

	.card.w-raised-icon .raised-icon.icon-lg {
		font-size: 1.5rem;
		top: -50px;
		width: 100px;
		height: 100px;
		line-height: 100px;
	}

	.card.w-raised-icon.xl-icon {
		margin-top: 60px;
	}

	.card.w-raised-icon .raised-icon.icon-xl {
		font-size: 2rem;
		top: -75px;
		width: 150px;
		height: 150px;
		line-height: 150px;
	}

.featured-pt.card.w-raised-icon .raised-icon.icon-xl {
	font-size: 2.25rem;
	top: -90px;
	width: 180px;
	height: 180px;
	line-height: 180px;
}

.card-inverse {
	background-color: #2c3241;
	border-color: transparent;
}

.card-secondary {
	background-color: #0071BC !important;
	border-color: #4700bb !important;
}

.card-primary {
	background-color: #29ABE2 !important;
	border-color: #2388B3 !important;
}

.card-success {
	background-color: #8ac528;
	border-color: #639c04;
}

.card-info {
	background-color: #0094ff;
	border-color: #0071c2;
}

.card-warning {
	background-color: #ffa800;
	border-color: #e58a00;
}

.card-danger {
	background-color: #ef2525;
	border-color: #c00606;
}

.card-outline-inverse {
	background-color: #fff;
	border-color: #636a7b;
}

.card-outline-secondary {
	background-color: #fff;
	border-color: #4700bb !important;
}

.card-outline-primary {
	background-color: #fff;
	border-color: #2388B3;
}

.card-outline-success {
	background-color: #fff;
	border-color: #639c04;
}

.card-outline-info {
	background-color: #fff;
	border-color: #0071c2;
}

.card-outline-warning {
	background-color: #fff;
	border-color: #e58a00;
}

.card-outline-danger {
	background-color: #fff;
	border-color: #c00606;
}

.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
	color: #fff;
}

	.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
		color: rgba(255, 255, 255, 0.75);
	}

/*--- card-badges ---*/
.card-badge {
	position: absolute;
	padding: 5px 15px;
	border-radius: 0.5rem;
	z-index: 1;
}

	.card-badge.top-right {
		top: 0;
		right: 0;
		margin-top: 15px;
		margin-right: 15px;
	}

	.card-badge.top-left {
		top: 0;
		left: 0;
		margin-top: 15px;
		margin-left: 15px;
	}

.sale-badge {
	position: absolute;
	padding: 8px 15px;
	border-radius: .5rem;
	z-index: 2;
}

	.sale-badge.top-right {
		top: 0;
		right: 0;
		margin-top: 15px;
		margin-right: 15px;
	}

	.sale-badge.top-left {
		top: 0;
		left: 0;
		margin-top: 15px;
		margin-left: 15px;
	}

/*--- end of card-badges ---*/
/*------- end of cards -------*/
/*------- sliders -------*/
.swiper-container {
	overflow: hidden;
	position: relative;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
}

.swiper-button-next, .swiper-button-prev {
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.025);
}

.dark-nav .swiper-button-next, .dark-nav .swiper-button-prev {
	color: #4700bb;
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 2rem;
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 24px 5px;
}

.swiper-pagination-bullet {
	width: 22px;
	height: 6px;
	display: inline-block;
	border-radius: 50px;
	background: #3a3f51;
	opacity: .2;
	transition: all 0.2s ease-in-out;
}

.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 0.75;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.025);
	width: 38px;
}

.swiper-horizontal.pagination-down > .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #29ABE2;
	opacity: 1;
	box-shadow: none;
	width: 38px;
}

.flow-swiper {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

	.flow-swiper .swiper-slide {
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}

.vertical-swiper.swiper-container {
	width: 100%;
	height: 600px !important;
	margin: auto;
}

	.vertical-swiper.swiper-container.header-slider {
		height: 840px !important;
	}

	.vertical-swiper.swiper-container.header-slider-full {
		height: 100vh !important;
	}

.vertical-swiper .swiper-slide {
	background-position: center;
	background-size: cover;
}

.vertical-swiper .swiper-pagination-bullet {
	width: 6px;
	height: 22px;
}

.vertical-swiper .swiper-pagination-bullet-active, .vertical-swiper .swiper-horizontal.pagination-down > .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 6px;
	height: 38px;
}

.swiper-horizontal.pagination-down > .swiper-pagination-bullets {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translateY(0px);
}

.swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right {
	border-radius: 0;
	background-image: none !important;
}

.swiper-grayscale img {
	filter: grayscale(1);
}

/*------- end of sliders -------*/
/*-------- call to action --------*/
.cta {
	padding: 30px 0;
}

.cta-sm {
	padding: 15px 0;
}

.cta-lg {
	padding: 45px 0;
}

.cta-xl {
	padding: 60px 0;
}

.cta .left-area.left-aligned {
	text-align: left;
}

.cta .right-area.right-aligned {
	text-align: right;
}

.cta .promo-box {
	margin-bottom: 0;
}

/*-------- end of call to action --------*/
/*------- modals -------*/
.example-modal .modal {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
	display: block;
}

/*background: linear-gradient(153deg, rgba(150, 158, 221, 1) 0%, rgba(229, 235, 255, 1) 100%);
opacity: 0.75;
}*/

.modal {
	z-index: 999999;
}

.modal-large {
	width: 768px;
}

.modal-backdrop {
	background: linear-gradient( 153deg, rgba(150, 158, 221, 0.75) 0%, rgba(229, 235, 255, 0.75) 100% );
	opacity: 1; /* don't use opacity for transparency here */
}

	.modal-backdrop.show {
		/*opacity: 1;*/
	}

.modal-content {
	background-color: #ffffff;
	border: none;
	border-radius: 1rem;
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
	z-index: 999999;
}

.modal-header {
	display: block;
	padding: 2.5rem 1.5rem;
	padding-bottom: 0;
	border-bottom: 0;
	border-radius: 0;
}

	.modal-header .close {
		display: none !important;
		color: #000;
		opacity: 1;
		font-size: 1.5rem;
		line-height: 2.25rem;
		font-weight: 400;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		-webkit-transition: 0.2s ease-in-out;
		-ms-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}

		.modal-header .close:hover {
			opacity: 0.5;
		}

.modal-title {
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
}

.modal-body {
	padding: 1.5rem;
}

	.modal-body p {
		font-size: 1rem;
		margin-bottom: 0;
	}

	.modal-body.multi-paragraph p {
		margin-bottom: 10px;
	}

.small-modal p {
	font-size: 0.875rem;
}

.modal-footer {
	display: block;
	padding: 2.5rem 1.5rem;
	padding-top: 0;
	border-top: 0;
	border-radius: 0;
}

	.modal-footer button {
		margin-left: 0;
	}

[role=button], a, area, button, input, label, select, summary, textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.inverse.modal-content .modal-title {
	color: #fff;
}

.inverse.modal-content .modal-body * {
	color: #f3f5f9;
}

.inverse button.close {
	color: #fff;
}

.modal-inverse.modal-content {
	background-color: #000;
	border: 2px solid #636a7b;
}

.modal-inverse .modal-header, .modal-inverse .modal-footer {
	border-color: #636a7b;
}

.modal-primary.modal-content {
	background-color: #29ABE2;
	border: 2px solid #2388B3;
}

.modal-primary .modal-header, .modal-primary .modal-footer {
	border-color: #2388B3;
}

.modal-success.modal-content {
	background-color: #8ac528;
	border: 2px solid #639c04;
}

.modal-success .modal-header, .modal-success .modal-footer {
	border-color: #639c04;
}

.modal-info.modal-content {
	background-color: #0094ff;
	border: 2px solid #0071c2;
}

.modal-info .modal-header, .modal-info .modal-footer {
	border-color: #0071c2;
}

.modal-warning.modal-content {
	background-color: #ffa800;
	border: 2px solid #e58a00;
}

.modal-warning .modal-header, .modal-warning .modal-footer {
	border-color: #e58a00;
}

.modal-danger.modal-content {
	background-color: #ef2525;
	border: 2px solid #c00606;
}

.modal-danger .modal-header, .modal-danger .modal-footer {
	border-color: #c00606;
}

.modal.terms {
	z-index: 1060;
}

.modal .modal-dialog {
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}

.modal:not(.modal-right) .modal-dialog, .modal:not(.modal-left) .modal-dialog, .modal:not(.modal-fs) .modal-dialog {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
}

.modal:not(.modal-right).show .modal-dialog, .modal:not(.modal-left).show .modal-dialog, .modal:not(.modal-fs).show .modal-dialog {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
}

.modal.modal-right {
	padding-right: 0 !important;
}

	.modal.modal-right .modal-dialog {
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
	}

	.modal.modal-right.show .modal-dialog {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%);
	}

.modal.modal-left {
	padding-right: 0 !important;
}

	.modal.modal-left .modal-dialog {
		transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
	}

	.modal.modal-left.show .modal-dialog {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%);
	}

.modal.modal-fs {
	padding-right: 0 !important;
}

	.modal.modal-fs .modal-dialog {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-o-transform: scale(0.7);
		-ms-transform: scale(0.7);
	}

	.modal.modal-fs.show .modal-dialog {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
	}

.modal-right .modal-dialog, .modal-left .modal-dialog {
	width: 400px;
	height: 100%;
	margin: 0 auto 0 0;
}

	.modal-right .modal-dialog .modal-content, .modal-left .modal-dialog .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}

		.modal-right .modal-dialog .modal-content .side-modal-wrapper, .modal-left .modal-dialog .modal-content .side-modal-wrapper {
			height: 100%;
			position: relative;
		}

		.modal-right .modal-dialog .modal-content .modal-footer, .modal-left .modal-dialog .modal-content .modal-footer {
			position: absolute;
			bottom: 0;
			width: 100%;
		}

	.modal-right .modal-dialog .modal-content, .modal-left .modal-dialog .modal-content {
		height: 100%;
		border-radius: 0px;
	}

		.modal-right .modal-dialog .modal-content .side-modal-wrapper, .modal-left .modal-dialog .modal-content .side-modal-wrapper {
			height: 100%;
			position: relative;
		}

		.modal-right .modal-dialog .modal-content .modal-footer, .modal-left .modal-dialog .modal-content .modal-footer {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}

.modal-right .modal-dialog {
	margin: 0px 0px 0px auto;
}

.modal-right .modal-footer, .modal-left .modal-footer {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: 1px solid #0071BC;
}

.modal-fs .modal-dialog {
	width: 100%;
	margin: 0px auto;
	height: 100%;
	max-width: none;
}

	.modal-fs .modal-dialog .modal-content {
		height: 100%;
		border-radius: 0px;
	}

.modal-fs .modal-body {
	padding-top: 0;
	padding-bottom: 0;
}

.modal-fs .modal-close {
	color: #3a3f51;
	height: 40px;
	width: 40px;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 20px;
	border: 2px solid #3a3f51;
	border-radius: 2rem;
}

	.modal-fs .modal-close:hover {
		color: #fff;
		background-color: #3a3f51;
	}

.modal.fade .modal-dialog {
	transition: all .3s ease-in-out;
	transform: none !important;
}

.modal-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	height: 100%;
	margin: 0 auto;
	bottom: 30px;
	-ms-flex-line-pack: center;
	align-content: center;
}

/*------- end of modals -------*/
/*------- navigations -------*/
/*--- breadcrumb ---*/
.breadcrumb {
	padding: 0.5rem 0;
	background-color: transparent;
}

	.breadcrumb.bc-contained {
		padding: 0.5rem 1rem;
		background-color: transparent;
		border-radius: 0.5rem;
	}

.breadcrumb-item {
	font-size: 0.875rem;
	font-weight: 400;
	color: #0e121e;
}

	.breadcrumb-item.active, .breadcrumb-item.active:hover {
		color: #8c93a4;
	}

	.breadcrumb-item:hover {
		color: #29ABE2;
	}

.bc-contained .breadcrumb-item {
	color: #29ABE2;
}

	.bc-contained .breadcrumb-item:hover {
		color: #2388B3;
	}

.breadcrumb.text-center .breadcrumb-item, .breadcrumb.text-right .breadcrumb-item {
	float: none;
}

.breadcrumb-transparent {
	background-color: transparent;
	padding: 1rem 0;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-right: 8px;
	padding-left: 0px;
	color: #3a3f51;
	content: '\f285';
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	font-size: 10px;
	vertical-align: middle;
	float: none;
}

.bc-contained .breadcrumb-item.active, .bc-contained .breadcrumb-item.active:hover {
	color: #2388B3;
}

/*--- end of breadcrumb ---*/
/*--- navbars ---*/
.navbar {
	padding: 0;
	border-radius: 0;
	z-index: 98;
}

.nav-link {
	font-size: 1rem;
	font-weight: 400;
	transition: all 0.2s ease-in-out;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999999 !important;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.fixed-top-32 {
	position: fixed;
	top: 32px;
	right: 0;
	left: 0;
	z-index: 9999999 !important;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.fixed-top.nav-scroll {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.01), 0 3px 6px rgba(0, 0, 0, 0.02);
}

.navbar-light.bg-transparent.nav-fixed {
	background-color: #fff !important;
}

.navbar-inverse.bg-transparent.nav-fixed {
	background-color: #161a25 !important;
}

.navbar.nav-fixed {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03), 0 4px 6px rgba(0, 0, 0, 0.01);
}

.navbar-brand {
	font-size: 2rem;
	line-height: 0;
	font-weight: 500;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: .75rem;
	margin-left: 0;
	opacity: 1 !important;
}

	.navbar-brand img {
		width: auto;
		max-width: 160px;
		max-height: 36px;
	}

.mobile-brand {
	display: none !important;
}

.navbar-light .navbar-brand {
	color: #0e121e;
}

.navbar-inverse .navbar-brand {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus {
	color: #0e121e;
}

	.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
		color: #29ABE2;
	}

		.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open > .nav-link:hover {
			color: #29ABE2;
		}

	.navbar-light .navbar-nav .nav-link:hover {
		color: #29ABE2;
	}

.navbar-icons {
	position: relative;
	display: inline-block;
}

	.navbar-icons .nav-icon {
		font-size: 1rem;
		vertical-align: middle;
	}

	.navbar-icons .middle-icon {
		margin-left: 20px;
		margin-right: 20px;
	}

.navbar-light .navbar-icons .nav-icon, .navbar-light .navbar-icons .nav-icon:focus, .navbar-light .navbar-icons .nav-icon:active {
	color: #0e121e;
}

	.navbar-light .navbar-icons .nav-icon:hover {
		color: #29ABE2;
	}

.navbar-inverse .navbar-icons .nav-icon, .navbar-inverse .navbar-icons .nav-icon:focus, .navbar-inverse .navbar-icons .nav-icon:active {
	color: #a9afbd;
	opacity: 1;
}

	.navbar-inverse .navbar-icons .nav-icon:hover {
		color: #fff;
		opacity: 1;
	}

.navbar-icons .cart-count {
	width: 18px;
	height: 18px;
	position: absolute;
	top: -4px;
	right: -9px;
	color: #fff;
	font-size: 8px;
	font-weight: 600;
	line-height: 19px;
	text-align: center;
	background: #29ABE2;
	border-radius: 50px;
}

.navbar-toggler {
	border: none !important;
	box-shadow: none !important;
	padding: .25rem 0;
}

.navbar-toggler-right {
	right: 15px;
}

.navbar-toggler-left {
	left: 15px;
}

/* extra menu styles */
.stacked-menu .navbar-brand {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-right: 0;
	padding-top: 1.75rem;
	padding-bottom: 0;
}

.stacked-menu .navbar-toggler-right {
	padding-right: 10px;
	margin: 0 auto;
}

.stacked-menu .navbar-toggler {
	margin: 1rem auto 0.5rem auto;
}

.split-menu .navbar-brand {
	display: inline-block;
	float: none;
	width: 100%;
	max-height: 100px;
	text-align: center;
}

	.split-menu .navbar-brand img {
		max-height: 42px;
	}

.custom-menu-thin {
	padding-top: 15px;
	padding-bottom: 15px;
}

.menu-pills .navbar-nav .nav-link {
	border-radius: 2rem;
	border: 2px solid transparent;
}

	.menu-pills .navbar-nav .active > .nav-link, .menu-pills .navbar-nav .nav-link.active, .menu-pills .navbar-nav .nav-link.open, .menu-pills .navbar-nav .open > .nav-link {
		color: #fff;
		background: #29ABE2;
		border-color: #29ABE2;
		border-radius: 2rem;
	}

		.menu-pills .navbar-nav .nav-link:hover, .menu-pills .navbar-nav .active > .nav-link:hover, .menu-pills .navbar-nav .nav-link.active:hover, .menu-pills .navbar-nav .nav-link.open:hover, .menu-pills .navbar-nav .open > .nav-link:hover {
			color: #fff;
			background: #2388B3;
			border: 2px solid #2388B3;
		}

		.menu-pills .navbar-nav .active > .nav-link:hover, .menu-pills .navbar-nav .nav-link.active:hover {
			color: #fff;
			background: #29ABE2;
			border-color: #29ABE2;
		}

.menu-line li a.nav-link span {
	position: relative;
	padding: 0;
	padding-bottom: 8px;
}

.menu-line.nav-fixed li a.nav-link span {
	padding-bottom: 25px;
}

.split-menu.menu-line .navbar-nav .nav-link {
	padding: 0 1.25rem !important;
}

.split-menu.menu-line li a.nav-link span {
	padding-left: 0;
	padding-right: 0;
}

.menu-line.nav-scroll li a.nav-link.active span:before {
	visibility: visible !important;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.menu-line li a.nav-link.active span:before {
	visibility: visible !important;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.menu-line li a.nav-link span:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -1px;
	left: 0;
	background-color: #29ABE2;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.menu-line li a.nav-link:hover span:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.menu-icon i {
	margin-top: -3px;
}

.transparent-menu {
	background: transparent;
}

	.transparent-menu.nav-scroll {
		background: #fff;
	}

.navbar-inverse.transparent-menu.nav-scroll {
	background: #161a25;
}

.menu-icon.nav-scroll i {
	margin-top: -1.5px;
}

/* end of extra menu styles */
/* navbar-inverse */
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
	color: #fff;
}

.navbar-inverse .navbar-nav .nav-link, .navbar-inverse .navbar-nav .nav-link:focus {
	color: #e4e7ed;
	opacity: 1;
}

	.navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
		color: #fff;
		opacity: 1;
	}

		.navbar-inverse .navbar-nav .nav-link:hover, .navbar-inverse .navbar-nav .active > .nav-link:hover, .navbar-inverse .navbar-nav .nav-link.active:hover, .navbar-inverse .navbar-nav .nav-link.open:hover, .navbar-inverse .navbar-nav .open > .nav-link:hover {
			color: #fff;
			opacity: 1;
		}

	.navbar-inverse .navbar-nav .nav-link:hover {
		color: #fff;
		opacity: 1;
	}

.navbar-inverse.bg-primary .navbar-nav .nav-link, .navbar-inverse.bg-primary .navbar-nav .nav-link:focus {
	color: #e4e7ed;
	opacity: 1;
}

	.navbar-inverse.bg-primary .navbar-nav .active > .nav-link, .navbar-inverse.bg-primary .navbar-nav .nav-link.active, .navbar-inverse.bg-primary .navbar-nav .nav-link.open, .navbar-inverse.bg-primary .navbar-nav .open > .nav-link, .navbar-inverse.bg-primary .navbar-nav .nav-link:focus, .navbar-inverse.bg-info .navbar-nav .active > .nav-link, .navbar-inverse.bg-info .navbar-nav .nav-link.active, .navbar-inverse.bg-info .navbar-nav .nav-link.open, .navbar-inverse.bg-info .navbar-nav .open > .nav-link, .navbar-inverse.bg-info .navbar-nav .nav-link:focus, .navbar-inverse.nav-primary .navbar-nav .active > .nav-link, .navbar-inverse.nav-primary .navbar-nav .nav-link.active, .navbar-inverse.nav-primary .navbar-nav .nav-link.open, .navbar-inverse.nav-primary .navbar-nav .open > .nav-link, .navbar-inverse.nav-primary .navbar-nav .nav-link:focus {
		color: #fff;
		opacity: 1;
	}

		.navbar-inverse.bg-primary .navbar-nav .nav-link:hover, .navbar-inverse.bg-primary .navbar-nav .active > .nav-link:hover, .navbar-inverse.bg-primary .navbar-nav .nav-link.active:hover, .navbar-inverse.bg-primary .navbar-nav .nav-link.open:hover, .navbar-inverse.bg-primary .navbar-nav .open > .nav-link:hover, .navbar-inverse.bg-info .navbar-nav .nav-link:hover, .navbar-inverse.bg-info .navbar-nav .active > .nav-link:hover, .navbar-inverse.bg-info .navbar-nav .nav-link.active:hover, .navbar-inverse.bg-info .navbar-nav .nav-link.open:hover, .navbar-inverse.bg-info .navbar-nav .open > .nav-link:hover, .navbar-inverse.nav-primary .navbar-nav .nav-link:hover, .navbar-inverse.nav-primary .navbar-nav .active > .nav-link:hover, .navbar-inverse.nav-primary .navbar-nav .nav-link.active:hover, .navbar-inverse.nav-primary .navbar-nav .nav-link.open:hover, .navbar-inverse.nav-primary .navbar-nav .open > .nav-link:hover {
			color: #fff;
			opacity: 1;
		}

	.navbar-inverse.bg-primary .navbar-nav .nav-link:hover {
		color: #fff;
		opacity: 1;
	}

.navbar-inverse.nav-primary .navbar-nav .nav-link {
	color: #fff;
	opacity: 1;
}

	.navbar-inverse.nav-primary .navbar-nav .nav-link:hover {
		color: #fff;
		opacity: 1 !important;
	}

	.navbar-inverse.nav-primary .navbar-nav .nav-link.active:hover {
		color: #fff;
		opacity: 1 !important;
	}

.navbar-inverse.bg-primary .navbar-nav .nav-link:hover {
	color: #fff;
	opacity: 1;
}

.navbar-inverse.bg-inverse {
	background-color: #161a25 !important;
}

/* end of navbar-inverse */
/* animated hamburger icon */
.navbar-toggler.menu-text:before {
	color: #0e121e;
	float: left;
	font-size: 20px;
	font-family: "San Francisco", sans-serif;
	font-weight: 500;
	margin-left: -62px;
	margin-top: 1px;
}

.navbar-toggler.collapsed.menu-text:before {
	content: 'MENU';
}

.navbar-inverse .navbar-toggler.menu-text:before {
	color: #fff;
}

/* overlay-nav */
.overlay-nav {
	height: 90px;
	line-height: 90px;
}

	.overlay-nav .navbar-collapse {
		height: 100% !important;
		width: 100%;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 99999;
		transition: ease-in 0.3s;
		background: rgba(255, 255, 255, 0.9);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}

		.overlay-nav .navbar-collapse .nav-link {
			font-size: 1.25rem;
			font-weight: 600;
			height: auto;
			line-height: 3rem;
			text-transform: uppercase;
			max-width: 160px;
			margin: 3px auto;
			border-bottom: 3px solid transparent;
			opacity: 1 !important;
		}

			.overlay-nav .navbar-collapse .nav-link.active {
				color: #29ABE2;
				border-color: #29ABE2;
			}

		.overlay-nav .navbar-collapse .navbar-nav {
			position: relative;
			top: 50%;
			transform: translate(0, -50%);
			overflow: scroll;
		}

	.overlay-nav.navbar-inverse .navbar-collapse {
		background: rgba(0, 0, 0, 0.9);
	}

	.overlay-nav.navbar-inverse.nav-primary .navbar-collapse {
		background: rgba(0, 55, 255, 0.9);
	}

	.overlay-nav.navbar-inverse .navbar-collapse .nav-link {
		color: #fff;
		border-bottom: 3px solid transparent;
	}

		.overlay-nav.navbar-inverse .navbar-collapse .nav-link:hover {
			color: #29ABE2;
		}

		.overlay-nav.navbar-inverse .navbar-collapse .nav-link.active, .overlay-nav.navbar-inverse .navbar-collapse .nav-link.active:hover {
			color: #29ABE2;
			border-color: #29ABE2;
		}

	.overlay-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link {
		color: #fff;
		border-bottom: 3px solid transparent;
		opacity: 0.7 !important;
	}

		.overlay-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link:hover {
			color: #fff;
			opacity: 1 !important;
		}

		.overlay-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link.active, .overlay-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link.active:hover {
			color: #fff;
			border-color: #fff;
			opacity: 1 !important;
		}

/* end of overlay-nav */
/* slide-nav */
.slide-nav {
	height: 90px;
	line-height: 90px;
}

	.slide-nav .navbar-collapse {
		height: 100% !important;
		width: 360px;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 0;
		right: 0;
		overflow: hidden;
		z-index: 99999;
		-webkit-animation-name: slideInRight;
		animation-name: slideInRight;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		background: rgba(255, 255, 255, 0.98);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		box-shadow: 0px 8px 28px -2px rgba(63, 70, 86, 0.07);
	}

		.slide-nav .navbar-collapse .nav-link {
			font-size: 1.25rem;
			font-weight: 600;
			height: auto;
			line-height: 3rem;
			text-transform: uppercase;
			margin: 3px auto;
			border: none;
			opacity: 1;
		}

			.slide-nav .navbar-collapse .nav-link.active, .slide-nav .navbar-collapse .nav-link.active:hover {
				color: #fff;
				background-color: #29ABE2;
			}

			.slide-nav .navbar-collapse .nav-link:hover {
				color: #29ABE2;
			}

		.slide-nav .navbar-collapse .navbar-nav {
			position: relative;
			top: 90px;
			overflow: scroll;
		}

	.slide-nav.navbar-inverse .navbar-collapse {
		background: rgba(0, 0, 0, 0.98);
	}

	.slide-nav.navbar-inverse.nav-primary .navbar-collapse {
		background: rgba(0, 55, 255, 0.98);
	}

	.slide-nav.navbar-inverse .navbar-collapse .nav-link {
		color: #fff;
		border: none;
		opacity: 0.7;
	}

		.slide-nav.navbar-inverse .navbar-collapse .nav-link:hover {
			color: #fff;
			opacity: 1;
		}

		.slide-nav.navbar-inverse .navbar-collapse .nav-link.active, .slide-nav.navbar-inverse .navbar-collapse .nav-link.active:hover {
			color: #fff;
			background-color: #29ABE2;
			opacity: 1;
		}

	.slide-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link {
		color: #fff;
		border: none;
		opacity: 0.7 !important;
	}

		.slide-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link:hover {
			color: #fff;
			opacity: 1 !important;
		}

		.slide-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link.active, .slide-nav.navbar-inverse.nav-primary .navbar-collapse .nav-link.active:hover {
			color: #fff;
			background-color: #2388B3;
			opacity: 1 !important;
		}

	.slide-nav button:not(.collapsed).navbar-toggler {
		position: fixed;
		right: 30px;
	}

/* end of slide-nav */
.navbar-toggler {
	border: none;
	background: transparent !important;
	z-index: 999999;
}

	.navbar-toggler.collapsed {
		z-index: 999999;
	}

	.navbar-toggler:focus {
		outline: none;
		background: transparent !important;
	}

	.navbar-toggler .icon-bar {
		background-color: #0e121e;
		transform: rotate(0deg) translate(0px, 0px);
		transition: ease all .3s;
	}

.navbar-inverse .navbar-toggler .icon-bar {
	background-color: #fff;
	transform: rotate(0deg) translate(0px, 0px);
	transition: ease all .3s;
}

.navbar-toggler .icon-bar {
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 0;
}

	.navbar-toggler .icon-bar + .icon-bar {
		margin-top: 5px;
	}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
	transform: rotate(45deg) translate(7px, 6px);
	transition: ease all .3s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
	opacity: 0;
	transition: ease all .3s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
	transition: ease all .3s;
}

/* end of animated hamburger icon */
.navbar-button {
	padding: 0;
	margin: 0;
}

	.navbar-button .nav-item {
		line-height: 74px;
		max-height: 74px;
		margin-right: 0 !important;
		margin-left: 5px;
	}

.nav-doc .navbar-button .nav-item {
	line-height: 1rem !important;
}

.navbar-button .nav-item:first-child {
	margin-right: 0 !important;
	margin-left: 0px;
}

.nav-item .form-control {
	height: 40px;
	max-height: 40px;
}

/* nav-ui */
.nav-ui {
	position: fixed;
	top: 0;
	left: 260px;
	right: 0;
	z-index: 1001;
	height: 74px;
	line-height: 74px;
	transition: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
}

	.nav-ui.navbar-light {
		background: #fff !important;
	}

	.nav-ui.navbar-inverse {
		background: #2c3241 !important;
		border-color: rgba(255, 255, 255, 0.2);
	}

		.nav-ui.navbar-inverse.nav-primary {
			background: #29ABE2 !important;
		}

	.nav-ui .navbar-nav {
		flex-direction: row;
	}

	.nav-ui .navbar-toggler {
		padding: 0;
	}

	.nav-ui .nav-link {
		opacity: 1;
		height: 74px;
		line-height: 74px;
		margin: 0;
		padding: 0 1rem !important;
	}

	.nav-ui .nav-icons .nav-item {
		position: relative;
	}

	.nav-ui .nav-link.first-link {
		padding-left: 0 !important;
	}

	.nav-ui .nav-icon i {
		font-size: 1.25rem;
	}

/* end of nav-ui */
/* main-nav */
.main-nav {
	background: #fff;
	position: absolute;
	top: 1.5rem;
	left: 10px;
	right: 10px;
	padding: 0 0.5rem;
	z-index: 9999;
	border-radius: 1rem;
}

.main-nav-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.navbar-inverse.main-nav {
	background: rgba(44, 50, 65, 0.75);
}

.navbar-inverse.nav-primary.main-nav {
	background: rgba(0, 55, 255, 0.75);
}

.main-nav.fixed-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.main-nav.fixed-bottom {
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.main-nav.sticky-top {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
}

.main-nav.sticky-bottom {
	position: sticky;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.main-nav .sticky-logo {
	display: none;
}

.main-nav.nav-scroll .navbar-brand {
	display: none;
}

.main-nav.nav-scroll .sticky-logo {
	display: inline-block;
}

.navbar-inverse.main-nav.nav-scroll .navbar-toggler .icon-bar {
	background-color: #0e121e;
}

.main-nav .dropdown-toggle::after {
	transform: translate(0, -47%);
}

/* end of main-nav */
/*--- end of navbars ---*/
/*--- top-nav ---*/
.top-nav .left {
	vertical-align: middle;
}

.top-nav .right {
	text-align: right;
	vertical-align: middle;
}

.top-nav p {
	font-size: 0.75rem;
	line-height: 32px;
	margin: 0;
}

.top-nav a {
	font-size: 0.75rem;
	line-height: 32px;
}

.top-nav-light a {
	color: #3a3f51;
}

	.top-nav-light a:hover {
		color: #29ABE2;
	}

.top-nav-inverse a {
	color: #e4e7ed;
}

	.top-nav-inverse a:hover {
		color: #fff;
	}

.top-nav .btn-top-nav {
	font-size: 10px;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
}

.top-nav .top-nav-item {
	text-align: right;
}

	.top-nav .top-nav-item .input-group {
		max-width: 170px;
	}

.top-nav .right .input-group {
	float: right;
}

.top-nav .top-nav-item .form-control {
	font-size: 10px;
	height: 26px;
	max-height: 26px;
	padding-left: 10px;
}

.top-nav .top-nav-item .btn-xs.btn-icon {
	font-size: 9px;
	width: 22px;
	height: 22px;
	max-height: 22px;
	line-height: 22px;
}

.top-nav-inverse a.btn:hover {
	opacity: 1;
}

.top-nav-btn {
	display: inline-block;
	font-size: 10px;
	padding: 8px 25px;
}

.btn-sm.top-nav-btn {
	font-size: 12px;
}

.social-top-nav i {
	padding: 0 5px;
}

/*--- end of top-navs ---*/
/*--- paginations ---*/
.pager {
	padding-left: 0;
	margin-bottom: 0;
}

	.pager a {
		font-size: 0.875rem;
		font-weight: 500;
	}

.page-link {
	color: #0e121e;
	font-size: 0.875rem;
	font-weight: 400;
	background-color: transparent !important;
	border: none;
	border-radius: 0.375rem;
	padding: 7px 14px;
}

	.page-link:hover {
		color: #29ABE2 !important;
		background-color: transparent;
		border: none;
	}

	.page-link:active, .page-link:focus, .page-link:visited {
		color: #0e121e;
	}

	.page-link:active, .page-link:focus {
		outline: none !important;
		border: none !important;
		box-shadow: none !important;
	}

.page-item.active .page-link {
	color: #fff;
	background-color: #29ABE2 !important;
	border-color: #29ABE2 !important;
}

	.page-item.active .page-link:hover {
		color: #fff !important;
		background-color: #2388B3 !important;
		border-color: #2388B3 !important;
	}

.page-nav-left a {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.page-nav-right a {
	padding-right: 0 !important;
	margin-right: 0 !important;
}

.pill-pagination .page-item.active .page-link {
	color: #fff;
	background-color: #29ABE2 !important;
	text-align: center;
	line-height: 38px;
	height: 38px;
	width: 38px;
	margin: 0 6px;
	padding: 0;
	border: none;
	border-radius: 50%;
}

	.pill-pagination .page-item.active .page-link:hover {
		color: #fff !important;
		background-color: #2388B3 !important;
		border-color: #2388B3;
	}

.pagination .page-link {
	margin: 2px;
}

.page-item.disabled {
	cursor: not-allowed;
}

	.page-item.disabled .page-link {
		color: #3a3f51;
		pointer-events: none;
		cursor: not-allowed;
		background-color: transparent;
		border-color: transparent;
		opacity: 0.5;
	}

.pagination-white .page-link {
	color: #0e121e;
	background-color: #fff;
	border: 2px solid #4700bb;
}

	.pagination-white .page-link:hover {
		color: #000;
		background-color: #0071BC;
		border: 2px solid #4700bb;
	}

.pagination-primary .page-link {
	color: #fff;
	background-color: #29ABE2;
	border: 2px solid #2388B3;
}

	.pagination-primary .page-link:hover {
		color: #fff;
		background-color: #2388B3;
		border: 2px solid #2388B3;
	}

	.pagination-primary .page-link:active, .pagination-primary .page-link:focus, .pagination-primary .page-link:visited {
		color: #fff;
	}

.pagination-primary .page-item.disabled .page-link {
	color: #f3f5f9;
	pointer-events: none;
	cursor: not-allowed;
	background-color: #29ABE2;
	border-color: #2388B3;
}

.pagination-primary .page-item.active .page-link {
	color: #fff;
	background-color: #2388B3;
	border-color: #2388B3;
}

.pager .btn:hover, .pager .btn:focus {
	color: #fff;
}

.pager-left, .pager-right {
	display: inline-block;
}

	.pager-left i {
		margin-right: 1px;
	}

	.pager-right i {
		margin-left: 1px;
	}

.pager-right {
	float: right;
}

.btn-group.btn-pagination .btn {
	font-weight: 400;
}

/*--- end of paginations ---*/
/*------- end of navigations -------*/
/*------ tabs-collapse -------*/
/*--- tabs ---*/
.nav-tabs {
	border-bottom: 0;
}

	.nav-tabs .nav-item {
		margin: 5px;
	}

		.nav-tabs .nav-item:first-child {
			margin-left: 0;
		}

		.nav-tabs .nav-item:last-child {
			margin-right: 0;
		}

	.nav-tabs .nav-link {
		color: #3a3f51;
		font-size: 1rem;
		font-weight: 500;
		padding: 0.875rem 2rem;
		border-radius: 0;
		border: none !important;
		border-bottom: none !important;
	}

		.nav-tabs .nav-link:first-child {
			margin-left: 0;
		}

		.nav-tabs .nav-link:last-child {
			margin-right: 0;
		}

		.nav-tabs .nav-link:hover {
			color: #0e121e;
			background-color: transparent;
			border-color: #0e121e;
		}

		.nav-tabs .nav-link.active {
			color: #29ABE2;
			background-color: transparent;
			border-bottom: 1px solid #29ABE2;
			box-shadow: none;
		}

		.nav-tabs .nav-link.disabled {
			color: #4700bb;
			cursor: not-allowed;
		}

	.nav-tabs.product-tabs .nav-link {
		border-bottom: 1px solid transparent !important;
	}

		.nav-tabs.product-tabs .nav-link:hover {
			border-color: #0e121e !important;
		}

		.nav-tabs.product-tabs .nav-link.active, .nav-tabs.product-tabs .nav-link.active:hover {
			border-color: #29ABE2 !important;
		}

.nav-pills .nav-link {
	font-size: 0.875rem;
	color: #0e121e;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
}

	.nav-pills .nav-link:hover {
		color: #29ABE2;
		background-color: #c8d4ff;
		border: none;
		box-shadow: 0px 3px 10px rgba(63, 70, 86, 0.15);
	}

	.nav-pills .nav-link.active {
		color: #fff;
		background: #29ABE2;
		border: none;
		border-radius: 0.5rem;
		box-shadow: 0px 6px 20px rgba(63, 70, 86, 0.175);
		transition: 0.2s ease-in-out;
	}

		.nav-pills .nav-link.active:hover {
			color: #fff;
			background-color: #29ABE2;
			border-color: #2388B3;
			box-shadow: 0px 6px 20px rgba(63, 70, 86, 0.175);
		}

.nav-pills.nav-justified .nav-link {
	border-radius: 0;
}

.nav-pills.flex-column .nav-link {
	border-radius: 0;
	padding: 0.875rem 1.25rem;
}

.tab-w-bar {
	background: #29ABE2;
	border-radius: 1rem;
	padding: 1rem;
}

	.tab-w-bar .nav-link {
		color: #fff;
		border-radius: 1rem;
		border: none;
	}

		.tab-w-bar .nav-link.active {
			color: #fff !important;
			background: rgba(0, 0, 0, 0.2);
			border: none;
			box-shadow: 0px 6px 20px rgba(63, 70, 86, 0.175);
		}

		.tab-w-bar .nav-link:hover {
			color: #fff;
			background-color: rgba(255, 255, 255, 0.1);
			border: none;
			box-shadow: 0px 3px 10px rgba(63, 70, 86, 0.15);
		}

		.tab-w-bar .nav-link.active:hover {
			color: #fff;
			background: rgba(0, 0, 0, 0.2);
			box-shadow: 0px 6px 20px rgba(63, 70, 86, 0.175);
		}

.card .tab-w-bar {
	margin-top: -40px;
}

.card-w-bar {
	margin-top: 55px;
}

	.card-w-bar .card-body {
		padding-top: 0;
	}

.nav-tabs.light-bar {
	background: #29ABE2;
	border-radius: 0;
	padding: 1rem;
}

	.nav-tabs.light-bar .nav-link {
		color: #3a3f51;
		border-radius: 0;
		border: none !important;
	}

		.nav-tabs.light-bar .nav-link.active {
			color: #0e121e;
			background: rgba(0, 0, 0, 0.15);
			border: none !important;
			border-radius: 0;
			box-shadow: 0px 6px 20px rgba(63, 70, 86, 0.175);
		}

		.nav-tabs.light-bar .nav-link:hover {
			color: #0e121e;
			background-color: rgba(0, 0, 0, 0.1);
			border: none;
			box-shadow: 0px 3px 10px rgba(63, 70, 86, 0.15);
		}

		.nav-tabs.light-bar .nav-link.active:hover {
			color: #0e121e;
			background: rgba(0, 0, 0, 0.15);
			box-shadow: 0px 6px 20px rgba(63, 70, 86, 0.175);
		}

.nav-tabs.form-tabs .nav-link {
	height: 44px;
}

.account-bar.horizontal-bar {
	width: 100%;
	padding: 30px;
}

	.account-bar.horizontal-bar .nav-link {
		text-align: left;
		padding: 30px;
		box-shadow: none !important;
		margin-top: 1px;
	}

.bordered-tabs {
	border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

	.bordered-tabs .nav-item {
		margin: 0;
		margin-bottom: -2px;
	}

	.bordered-tabs .nav-link {
		color: #3a3f51;
		font-size: 0.875rem;
		font-weight: 500;
		border: 0;
		border-bottom: 2px solid transparent !important;
		border-radius: 0;
		padding: 0.75rem 1.5rem;
		margin: 0;
		box-shadow: none;
	}

		.bordered-tabs .nav-link:hover {
			color: #2c3241;
		}

		.bordered-tabs .nav-link.active {
			color: #0e121e;
			border-bottom: 2px solid #29ABE2 !important;
			box-shadow: none;
		}

/*--- end of tabs ---*/
/*--- accordions ---*/
.accordion {
	background: #fff;
	border-radius: 1rem;
	box-shadow: none;
}

	.accordion.w-cards {
		background: transparent;
		box-shadow: none;
	}

.accordion-header {
	line-height: 1.75rem;
}

.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1rem 2rem;
	font-family: "San Francisco", sans-serif;
	font-weight: 500;
	font-size: 1.125rem;
	color: #0e121e;
	text-align: left;
	background-color: transparent;
	border: 1px solid #f3f5f9;
	opacity: 1 !important;
	box-shadow: none !important;
}

	.accordion-button:not(.collapsed) {
		color: #29ABE2;
		background-color: transparent;
	}

		.accordion-button:not(.collapsed)::after, .accordion-button::after {
			background-image: none;
			transform: none;
		}

.accordion-item {
	color: #3a3f51;
	background-color: transparent;
	border: none;
}

	.accordion-item .accordion-button {
		border-color: #f3f5f9;
	}

		.accordion-item .accordion-button:focus {
			border-color: #f3f5f9;
		}

.accordion-button.collapsed i {
	color: #0e121e;
	transform: rotate(-360deg) !important;
	transition: ease-in-out 0.3s;
}

.accordion-button i {
	font-size: 1.25rem;
	color: #29ABE2;
	position: absolute;
	right: 1.75rem;
	transform: rotate(-180deg) !important;
	transition: ease-in-out 0.3s;
}

.accordion-collapse {
	border: solid #f3f5f9;
	border-width: 0 1px;
}

.accordion-body {
	padding: 2rem 1.75rem;
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-width: 1px;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

.accordion-item:last-of-type .accordion-collapse {
	border-bottom-width: 1px;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

/* spaced accordion */
.spaced-accordion {
	background: transparent;
}

	.spaced-accordion .accordion-item {
		background: #f3f5f9;
		border-radius: 1rem;
		margin-bottom: 1rem;
	}

		.spaced-accordion .accordion-item .accordion-button, .spaced-accordion .accordion-item .accordion-collapse {
			border: transparent;
		}

	.spaced-accordion .accordion-body {
		padding: 1.25rem 2rem;
		padding-top: 0;
	}

		.spaced-accordion .accordion-body p {
			margin-bottom: 0;
			padding-top: 1.25rem;
			padding-bottom: 0;
			border-top: 1px solid #e4e7ed;
		}

	/* style2 */
	.spaced-accordion.style2 .accordion-item {
		background: #fff;
		box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
	}

	.spaced-accordion.style2 .accordion-button i {
		font-size: 1.75rem;
		transform: none !important;
	}

	.spaced-accordion.style2 .style2-icon:before {
		content: '\f2ea';
		display: inline-block;
		font-family: bootstrap-icons !important;
		font-style: normal;
		font-weight: normal !important;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		vertical-align: -0.125em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.spaced-accordion.style2 .collapsed .style2-icon:before {
		content: '\f4fe';
	}

/* end of style2 */
/* end of spaced accordion */
/* minimal accordion */
.minimal-accordion {
	padding: 1.5rem 2rem 1.5rem 5rem;
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
}

	.minimal-accordion .accordion-collapse {
		border: none;
	}

	.minimal-accordion .accordion-button {
		background-color: transparent;
		border: none;
		padding: 1.5rem 1.75rem;
	}

		.minimal-accordion .accordion-button i {
			position: static;
			display: block;
		}

		.minimal-accordion .accordion-button span {
			position: absolute;
			background: #f3f5f9;
			left: -3rem;
			width: 3rem;
			height: 3rem;
			line-height: 3rem;
			text-align: center;
			border-radius: 50%;
			box-shadow: none;
		}

	.minimal-accordion .accordion-body {
		padding-top: 0px;
	}

/* end of minimal accordion */
/* accordions on cards */
.accordion .card {
	background: #fff;
	border: none;
	border-radius: 0.5rem !important;
	margin-bottom: 0;
}

	.accordion .card .accordion-title {
		font-size: 1rem;
		font-weight: 500;
		margin-bottom: 0;
		line-height: 1rem;
	}

.accordion .card-header {
	padding: 1.5rem 1.75rem;
	background: transparent;
}

.accordion .card-body {
	color: #3a3f51;
	background-color: transparent;
	padding: 1.75rem;
	border: none;
	border-top: 1px solid #f3f5f9;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.accordion .card-header {
	border-radius: 0;
	border: none;
}

.accordion.w-icon .card .collapsed i {
	float: right;
	-webkit-transform: rotate(-360deg) !important;
	-moz-transform: rotate(-360deg) !important;
	transform: rotate(-360deg) !important;
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
}

.accordion.w-icon .card i {
	color: #4700bb;
	float: right;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
}

.accordion.w-icon .card a:hover i {
	color: #636a7b;
}

.accordion.dark.w-icon .card i {
	color: #fff;
	opacity: 0.5;
}

.accordion.dark.w-icon .card a:hover i {
	color: #fff;
	opacity: 1;
}

.primary-accordion.w-icon .card-header {
	border-radius: 0;
	border: none;
}

.primary-accordion .card {
	border-radius: 0.5rem;
	background-color: rgba(0, 55, 255, 0.75);
	border-color: #29ABE2;
}

.accordion.primary-accordion .card-body {
	color: #f3f5f9;
	background: transparent;
	border-top: 1px solid #29ABE2;
}

.dark-accordion.w-icon .card-header {
	border-radius: 0;
	border: none;
}

.dark-accordion .card {
	border-color: #2c3241;
}

.dark-accordion .card-header {
	background: #3a3f51;
}

.accordion.dark-accordion .card-body {
	color: #f3f5f9;
	background: #2c3241;
	border-top: 1px solid #2c3241;
}

.nested-accordion .card .card-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 0;
}

.nested-accordion .card:last-child .card-header {
	border-bottom: none !important;
}

.nested-accordion.primary-accordion .card .card-header {
	border-bottom: 1px solid rgba(0, 55, 255, 0.75);
}

.nested-accordion.dark-accordion .card .card-header {
	border-bottom: 1px solid #2c3241;
}

.nested-accordion .card {
	border-radius: 0 !important;
	transform: none;
}

.nested-accordion .card-body {
	border-top: 0;
	border-radius: 0;
}

.nested-accordion.dark .card-body {
	border-top: 0;
}

.nested-accordion .card:first-child {
	border-top-left-radius: 0.5rem !important;
	border-top-right-radius: 0.5rem !important;
}

.nested-accordion .card:last-child, .nested-accordion .card:last-child .card-body {
	border-bottom-left-radius: 0.5rem !important;
	border-bottom-right-radius: 0.5rem !important;
}

/* end of accordions on cards */
/*--- end of accordions ---*/
/*------ end of tabs-collapse -------*/
/*------- dropdowns -------*/
.dropdown-toggle::after {
	content: "\f282" !important;
	font-family: 'bootstrap-icons' !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	font-size: 12px !important;
	border: none;
	position: absolute;
	top: 50%;
	margin-left: 6px !important;
	opacity: 1 !important;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.dropup .dropdown-toggle::after {
	content: "\f282" !important;
	font-family: 'bootstrap-icons' !important;
	border: none;
	transform: rotate(180deg) !important;
}

.dropstart .dropdown-toggle::before {
	font-size: 12px !important;
	content: "\f282" !important;
	font-family: 'bootstrap-icons' !important;
	border: none;
	transform: rotate(90deg) !important;
	vertical-align: middle;
	margin-right: 6px;
}

.dropend .dropdown-toggle::after {
	content: "\f282" !important;
	font-family: 'bootstrap-icons' !important;
	border: none;
	transform: rotate(-90deg) !important;
}

.dropstart .dropdown-toggle::after {
	display: none;
}

.dropdown-toggle-split:after {
	margin-left: 0 !important;
}

.dropdown-menu {
	min-width: 140px;
	width: max-content !important;
	color: #0e121e;
	background-color: #fff;
	border: none;
	z-index: 99;
	left: 50%;
	right: 50%;
	margin: 0;
	padding: 0.5rem;
	border-radius: 0.375rem;
	box-shadow: 0px 4px 12px -1px rgba(63, 70, 86, 0.07);
}


	.dropdown-menu[data-bs-popper] {
		left: 50% !important;
		margin-top: 0 !important;
	}

.dropdown-menu-dark {
	background-color: #2c3241;
}

	.dropdown-menu-dark .dropdown-item, .dropdown-menu-dark .dropdown-item:focus {
		color: #cBced6;
		background-color: transparent;
	}

		.dropdown-menu-dark .dropdown-item:hover {
			color: #29ABE2;
			background-color: transparent;
		}

.dropdown-menu:before {
	display: none;
}

.main-nav .dropdown-menu {
	background-color: #fff;
}

	.main-nav .dropdown-menu:before {
		color: #fff;
	}

.dropdown-menu.dropdown-inverse {
	background-color: #2c3241;
}

.main-nav .dropdown-menu.dropdown-inverse {
	background-color: #2c3241;
}

.dropdown-menu.dropdown-inverse:before {
	color: #2c3241;
}

.main-nav .dropdown-menu.dropdown-inverse:before {
	color: #2c3241;
}

.dropdown-menu.dropdown-inverse.bg-primary {
	background-color: #29ABE2 !important;
}

.main-nav .dropdown-menu.dropdown-inverse.bg-primary {
	background-color: #29ABE2 !important;
}

.dropdown-menu.dropdown-inverse.bg-primary:before {
	color: #29ABE2 !important;
}

.main-nav .dropdown-menu.dropdown-inverse.bg-primary:before {
	color: #29ABE2 !important;
}

.dropdown-menu.dropdown-inverse.bg-info:before {
	color: #0094ff;
}

.dropdown-menu.dropdown-inverse.bg-inverse:before {
	color: #2c3241;
}

.dropdown-menu.dropdown-inverse.bg-inverse {
	background-color: #2c3241;
}

.dropdown-menu[data-bs-popper] {
	left: initial;
}

.dropdown-cart {
	padding: 1.25rem;
}

.dropdown-item.disabled, .dropdown-item:disabled {
	color: #3a3f51;
	cursor: not-allowed;
	background-color: transparent;
}

.dropdown-item {
	color: #3a3f51;
	background-color: transparent;
	font-size: 1rem;
	font-weight: 400;
	padding: 0.5rem 1rem;
}

	.dropdown-item:focus, .dropdown-item:hover {
		color: #29ABE2;
		text-decoration: none;
		background-color: transparent;
	}

	.dropdown-item.active, .dropdown-item:active {
		color: #29ABE2;
		background-color: transparent;
	}

	.dropdown-item i {
		width: 20px;
		text-align: center;
	}

.dropdown-header {
	display: block;
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	font-size: 0.75rem;
	color: #0e121e;
	white-space: nowrap;
}

.dropdown-divider {
	height: 1px;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #cBced6;
}

.dropdown-menu-dark .dropdown-divider {
	border-color: #636a7b;
}

.dropdown-select .dropdown-item {
	border-radius: 0.375rem;
	margin: 2px 0;
}

	.dropdown-select .dropdown-item:hover {
		color: #0e121e;
		background-color: rgba(0, 0, 0, 0.05);
	}

.dropdown-select .active {
	background-color: #29ABE2 !important;
	color: #fff !important;
}

.dropdown-item.active .avatar-title, .dropdown-item.active .avatar p {
	color: #fff;
}

.dropdown-avatars .dropdown-item {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

/*--- mega menu ---*/
.dropdown-menu.mega-menu {
	padding: 1rem;
}

.mega-menu .sub-menu {
	border-left: 1px solid #f3f5f9;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

.dropdown-inverse.mega-menu .sub-menu {
	border-left: 1px solid rgba(44, 50, 65, 0.5);
}

.dropdown-inverse.bg-primary.mega-menu .sub-menu {
	border-left: 1px solid #2388B3;
}

.mega-menu .sub-menu:first-child {
	border-left: none;
}

/*--- end of mega menu ---*/
/*--- inverse dropdown ---*/
.dropdown-inverse {
	background: #2c3241;
	border: none;
}

	.dropdown-inverse .dropdown-item, .dropdown-inverse .dropdown-item:focus {
		color: #a9afbd;
	}

		.dropdown-inverse .dropdown-item:hover {
			color: #29ABE2;
			background-color: transparent;
		}

	.dropdown-inverse.bg-primary .dropdown-item:hover {
		color: #fff;
		opacity: 1;
	}

	.dropdown-inverse .dropdown-item.active, .dropdown-inverse .dropdown-item.active:focus {
		color: #29ABE2;
	}

	.dropdown-inverse.bg-primary .dropdown-item.active, .dropdown-inverse.bg-primary .dropdown-item.active:focus {
		color: #fff;
		opacity: 1;
	}

	.dropdown-inverse .dropdown-header {
		color: #fff;
	}

	.dropdown-inverse .dropdown-divider {
		border-top: 1px solid #e4e7ed;
	}

	.dropdown-inverse.bg-primary .dropdown-divider {
		border-top: 1px solid #2388B3;
	}

/*--- end of inverse dropdown ---*/
/*------- end of collapse-dropdowns -------*/
/*------- border box -------*/
.border-box {
	margin-bottom: 2rem;
	padding: 2.5rem 2rem;
	border: 2px solid #0071BC;
	border-radius: 0.5rem;
}

/*------- end of border box -------*/
/*------- promo box -------*/
.promo-box {
	background-color: #fff;
	margin-bottom: 24px;
	padding: 1.75rem;
	border-radius: 1rem;
	box-shadow: 0px 4px 12px -1px rgba(63, 70, 86, 0.07);
}

/* Mobile-specific promo-box padding */
@media (max-width: 768px) {
	.promo-box {
		padding: 0.5rem;
	}
}

.promo-box-md {
	padding: 1.25rem;
}

.promo-box-sm {
	padding: 1rem;
}

.promo-box-xs {
	padding: 0.75rem;
}

.main-container .promo-box:last-child {
	margin-bottom: 0;
}

.promo-box.dark {
	background: #3f4656;
}

.promo-container {
	position: relative;
}

.promo-icon {
	color: #29ABE2;
	font-size: 44px;
	border-radius: 50px;
}

.promo-icon-bg {
	background: #0094ff;
	color: #fff;
	text-align: center;
	width: 56px;
	height: 56px;
	border: none;
	border-radius: 0.5rem;
	position: relative;
}

	.promo-icon-bg i, .promo-icon-bg .text-icon {
		color: #fff;
		font-size: 1.5rem;
		line-height: 56px;
		left: 0;
		right: 0;
	}

	.promo-icon-bg.icon-xl {
		width: 80px;
		height: 80px;
	}

		.promo-icon-bg.icon-xl i, .promo-icon-bg.icon-xl .text-icon {
			font-size: 1.75rem;
			line-height: 80px;
			left: 0;
			right: 0;
		}

	.promo-icon-bg.icon-md {
		width: 40px;
		height: 40px;
	}

		.promo-icon-bg.icon-md i, .promo-icon-bg.icon-md .text-icon {
			font-size: 1.125rem;
			line-height: 40px;
			left: 0;
			right: 0;
		}

	.promo-icon-bg.icon-sm {
		width: 32px;
		height: 32px;
		border-radius: 0.375rem;
	}

		.promo-icon-bg.icon-sm i, .promo-icon-bg.icon-sm .text-icon {
			font-size: 1rem;
			line-height: 32px;
			left: 0;
			right: 0;
		}

	.promo-icon-bg.icon-xs {
		width: 24px;
		height: 24px;
		border-radius: 0.25rem;
	}

		.promo-icon-bg.icon-xs i, .promo-icon-bg.icon-xs .text-icon {
			font-size: 0.625rem;
			line-height: 24px;
			left: 0;
			right: 0;
		}

.promo-block {
	margin: 24px 0;
}

.promo-box-image {
	max-width: 56px;
	border-radius: 0.5rem;
}

	.promo-box-image.img-xl {
		max-width: 80px;
	}

	.promo-box-image.img-md {
		max-width: 40px;
	}

	.promo-box-image.img-sm {
		max-width: 32px;
		border-radius: 0.375rem;
	}

	.promo-box-image.img-xs {
		max-width: 24px;
		border-radius: 0.25rem;
	}

.promo-left .promo-container {
	padding-left: 65px;
}

.promo-left .promo-icon {
	font-size: 1.75rem;
	position: absolute;
	float: left;
	left: 0;
}

.promo-center {
	text-align: center;
}

	.promo-center .promo-icon {
		margin-left: auto;
		margin-right: auto;
	}

.promo-right .promo-icon {
	font-size: 1.75rem;
	position: absolute;
	float: right;
	right: 0;
}

.promo-right .promo-container {
	padding-right: 65px;
}

.promo-box.has-process-icon:after {
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	color: rgba(225, 225, 225, 0.75);
	font-size: 24px;
	margin-top: -36px;
	top: 50%;
	right: -3.5%;
	z-index: 1;
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s;
}

.promo-box.has-process-icon:hover:after {
	right: -5%;
}

.promo-img {
	border-radius: 10px;
}

.promo-box-bg-img {
	border-radius: 0.5rem;
}

.promo-box-img-left img, .promo-box-img-left .box-bg-image {
	border-radius: 0;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

.promo-box-img-left .promo-box {
	border-radius: 0;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.promo-box-img-right img, .promo-box-img-right .box-bg-image {
	border-radius: 0;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.promo-box-img-right .promo-box {
	border-radius: 0;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

.cta-box {
	background: #fff;
	padding: 2rem;
	border-radius: 1rem;
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
}

/*--- promo big ---*/
.promo-container-big {
	position: relative;
}

.promo-big .promo-icon {
	left: 0;
	right: 0;
}

.promo-big.b-1 .promo-icon {
	margin-right: -1px;
	margin-top: -1px;
}

.promo-big.b-2 .promo-icon {
	margin-right: -2px;
	margin-top: -2px;
}

.promo-big.b-3 .promo-icon {
	margin-right: -3px;
	margin-top: -3px;
}

.promo-big.b-4 .promo-icon {
	margin-right: -4px;
	margin-top: -4px;
}

.promo-left .promo-big {
	position: absolute;
	float: left;
	left: 0;
}

.promo-left .promo-container-big {
	position: relative;
	padding-left: 84px;
}

.promo-left .promo-container-big-xl {
	position: relative;
	padding-left: 104px;
}

.promo-left .promo-container-big-md {
	position: relative;
	padding-left: 60px;
}

.promo-left .promo-container-big-sm {
	position: relative;
	padding-left: 48px;
}

.promo-left .promo-container-big-xs {
	position: relative;
	padding-left: 36px;
}

.promo-center .promo-big {
	margin-left: auto;
	margin-right: auto;
}

.promo-right .promo-big {
	position: absolute;
	float: right;
	right: 0;
}

.promo-right .promo-container-big {
	position: relative;
	padding-right: 84px;
}

.promo-right .promo-container-big-xl {
	position: relative;
	padding-right: 104px;
}

.promo-right .promo-container-big-md {
	position: relative;
	padding-right: 60px;
}

.promo-right .promo-container-big-sm {
	position: relative;
	padding-right: 48px;
}

.promo-right .promo-container-big-xs {
	position: relative;
	padding-right: 36px;
}

/*--- end of promo big ---*/
.box-w-image {
	position: relative;
}

.box-title {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 10px;
}

	.box-title a {
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
	}

		.box-title a:hover {
			color: #29ABE2;
		}

.promo-box-md .box-title {
	font-size: 1.25rem;
}

.promo-box-sm .box-title {
	font-size: 1.125rem;
}

.promo-box-xs .box-title {
	font-size: 0.875rem;
}

.box-description {
	margin-bottom: 0;
}

.promo-box-md .box-description {
	font-size: 1rem;
}

.promo-box-sm .box-description {
	font-size: 0.875rem;
}

.promo-box-xs .box-description {
	font-size: 0.75rem;
}

.promo-box .col-line {
	border-right: 1px solid rgba(225, 225, 225, 0.5);
}

	.promo-box .col-line:last-child {
		border-right: none;
	}

.promo-box .col-line-bottom {
	border-bottom: 1px solid rgba(225, 225, 225, 0.5);
}

/*-------- end of promo box --------*/
/*-------- blog components --------*/
.post-meta-small {
	border-top: 1px solid #e4e7ed;
	border-bottom: 1px solid #e4e7ed;
}

.post-meta, a.post-meta {
	color: #8c93a4 !important;
}

	a.post-meta:hover {
		color: #29ABE2 !important;
	}

.post-title {
	/* font-size: 1.5rem; */
	font-weight: 600;
}

	.post-title a {
		color: #0e121e;
	}

		.post-title a:hover {
			color: #29ABE2;
		}

a.post-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #0e121e;
}

	a.post-title:hover {
		color: #29ABE2;
	}

.sidebar-area .widget, .sidebar .widget {
	margin-top: 0;
	margin-bottom: 20px;
}

/*-------- end of blog components --------*/
/*-------- shop components --------*/
.product-title {
	position: relative;
}

.product-card-footer {
	position: relative;
}

.btn-inline {
	position: absolute;
	right: 0;
	bottom: 0;
}
.product-card-footer {
	display: none;
}

.price-inline {
	position: absolute;
	right: 0;
}
.price-inline-left {
	position: static !important;
	right: auto !important;
}

.navbar-button .nav-item.nav-count {
	max-height: 48px !important;
	line-height: 48px !important;
}

.nav-count .btn {
	width: auto !important;
	margin-right: 8px;
}

.cart-count {
	color: #fff;
	background-color: #29ABE2;
	font-size: 8px;
	font-weight: 600;
	width: 18px;
	height: 18px;
	line-height: 16px !important;
	text-align: center;
	position: absolute;
	top: 6px;
	right: -1px;
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: 2;
}

/*-------- end of shop components --------*/
/*-------- comments --------*/
.comments-boxed {
	padding: 30px;
	margin-bottom: 30px;
}

#comment-form textarea {
	max-width: 100%;
	height: 150px;
	min-height: 106px !important;
	max-height: 211px;
}

.comments img {
	max-width: 60px;
	border-radius: 50%;
}

.comments .media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 30px;
}

.comments .media-body {
	-ms-flex: 1;
	flex: 1;
}

.comments .media-left, .comments .media > .pull-left {
	padding-right: 15px;
}

.comment-author {
	color: #0e121e;
	font-weight: 400;
}

.comment-date {
	font-size: 0.75rem;
}

.comment-reply {
	font-size: 0.9rem;
	margin: 0 5px;
}

	.comment-reply, .comment-reply:focus {
		color: #3a3f51;
		opacity: 0.75;
	}

		.comment-reply:hover {
			opacity: 1;
		}

/*-------- end of comments --------*/
/*--- timeline ---*/
.timeline {
	list-style: none;
	padding: 20px 0;
	position: relative;
}

	.timeline:before {
		top: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 3px;
		background-color: #e4e7ed;
		left: 50%;
		margin-left: -2px;
	}

	.timeline.w-icons:before {
		top: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 3px;
		background-color: rgba(255, 255, 255, 0.5);
		left: 50%;
		margin-left: -1.5px;
	}

	.timeline.light-line:before {
		background-color: rgba(245, 245, 245, 0.5);
	}

	.timeline.light-line.w-icons:before {
		background-color: rgba(245, 245, 245, 0.5);
	}

	.timeline.inverse-line:before {
		background-color: rgba(44, 50, 65, 0.5);
	}

	.timeline.inverse-line.w-icons:before {
		background-color: rgba(44, 50, 65, 0.5);
	}

	.timeline.primary-line:before {
		background-color: rgba(0, 55, 255, 0.5);
	}

	.timeline.primary-line.w-icons:before {
		background-color: rgba(0, 55, 255, 0.5);
	}

	.timeline > li {
		margin-bottom: 20px;
		position: relative;
	}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li > .timeline-panel {
			background: #fff;
			width: 50%;
			float: left;
			border-radius: 1rem;
			padding: 1.75rem;
			position: relative;
			box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
		}

		.timeline > li:not(.timeline-inverted) {
			padding-right: 50px;
		}

		.timeline > li.timeline-inverted {
			padding-left: 50px;
		}

	.timeline.w-icons > li:not(.timeline-inverted) {
		padding-right: 85px;
	}

	.timeline.w-icons > li.timeline-inverted {
		padding-left: 85px;
	}

	.timeline > li > .timeline-badge {
		color: #fff;
		background: #29ABE2;
		width: 25px;
		height: 25px;
		line-height: 25px !important;
		font-size: 1rem;
		text-align: center;
		position: absolute;
		top: 25px;
		left: 50%;
		margin-left: -14px;
		z-index: 9;
		border: 6px solid #fff;
		border-radius: 50%;
		box-shadow: 0px 2px 6px rgba(63, 70, 86, 0.15);
	}

	.timeline.w-icons > li > .timeline-badge {
		color: #fff;
		background: #29ABE2;
		width: 60px;
		height: 60px;
		line-height: 65px !important;
		font-size: 1rem;
		text-align: center;
		position: absolute;
		top: 20px;
		left: 50%;
		margin-left: -30px;
		z-index: 100;
		border: 0;
		border-radius: 50%;
		box-shadow: 0px 8px 28px -2px rgba(63, 70, 86, 0.07);
	}

		.timeline.w-icons > li > .timeline-badge .material-icons {
			line-height: 60px !important;
		}

	.timeline > li.timeline-inverted > .timeline-badge {
		top: 0;
	}

	.timeline > li.timeline-inverted > .timeline-panel {
		float: right;
	}

ul.timeline {
	margin-bottom: 0;
}

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}

	.timeline-body > p + p {
		margin-top: 5px;
	}

.timeline-meta {
	font-size: 12px;
	color: #8c93a4;
	margin-bottom: 10px;
}

/*--- end of timeline ---*/
/*--- offcanvas ---*/
.offcanvas {
	position: fixed;
	bottom: 0px;
	z-index: 1045;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	visibility: hidden;
	background-color: #fff !important;
	background-clip: padding-box;
	outline: 0px;
	transition: transform 0.3s ease-in-out 0s;
	border: none !important;
}

.offcanvas-body {
	display: block !important;
	padding: 1.5rem !important;
}

.offcanvas-sm {
	width: 320px !important;
}

.offcanvas-header {
	display: flex !important;
	padding: 1.5rem !important;
}

	.offcanvas-header h3, .offcanvas-header h4, .offcanvas-header h5, .offcanvas-header h6 {
		margin-bottom: 0;
	}

.offcanvas-backdrop {
	background-color: rgba(22, 26, 37, 0.97);
}

	.offcanvas-backdrop.show {
		opacity: 1;
	}

/*-------- pricing tables --------*/
.pricing-table {
	background: #fff;
	position: relative;
	margin: 1rem 0;
	padding: 40px 50px;
	z-index: 0;
	border-radius: 1rem;
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
}

	.pricing-table.featured {
		padding: 50px;
	}

	.pricing-table ul, .pricing-table ol {
		margin-bottom: 0;
		padding: 0;
		padding-bottom: 20px;
	}

.pricing-title {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 20px;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.pricing-table-price p {
	margin-bottom: 0;
}

.pricing-currency {
	font-size: 1rem;
	font-weight: 600;
	vertical-align: 20px;
}

.pricing-table-price {
	margin-bottom: 20px;
}

.pricing-price {
	font-size: 2.25rem;
	font-weight: 600;
}

.pricing-table-content {
	padding: 0;
}

.text-center .pricing-table-content ul {
	max-width: 130px;
	text-align: left;
	margin: 0 auto;
}

.pricing-table-content li i {
	margin-right: 8px;
}

.pricing-table-content li {
	margin-bottom: 15px;
}

	.pricing-table-content li:last-child {
		margin-bottom: 0rem;
	}

.stacked .pricing-table.featured {
	z-index: 1;
	margin-left: -1rem;
	margin-right: -1rem;
}

.featured-pt .card-body {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.pricing-table.list-only-pricing {
	background: transparent !important;
	padding: 0 !important;
	margin: 10px 0px;
	border: none;
	box-shadow: none !important;
}

.pricing-table.bordered-pricing {
	padding: 1rem !important;
	border: 2px solid #e4e7ed;
}

.dark-bg-pricing li.checked, .dark-bg-pricing li.checked i {
	color: #fff !important;
}

.dark-bg-pricing li.unchecked, .dark-bg-pricing li.unchecked i {
	color: #e4e7ed !important;
}

/*-------- end of pricing tables --------*/
/*------- widgets -------*/
.widget {
	background: #fff;
	margin: 15px 0;
	padding: 30px;
	border: 1px solid #f3f5f9;
	border-radius: 1rem;
}

	.widget.big {
		margin: 30px 0;
	}

		.widget.first, .widget.big.first {
			margin-top: 0;
		}

		.widget.last, .widget.big.last {
			margin-bottom: 0;
		}

.widget-title {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 25px;
}

.footer-wrapper .widget-title {
	font-size: 1.5rem;
}

.menu-list a, .menu-list li {
	font-size: 1rem;
	color: #3a3f51;
	font-weight: 400;
}

.menu-list li {
	margin-bottom: 8px;
}

.menu-list.list-icon a {
	padding-left: 25px;
}

	.menu-list.list-icon li:before, .menu-list.list-icon a:before {
		font-size: 1rem;
		line-height: 1.25rem;
	}

.menu-list li:last-child {
	margin-bottom: 0;
}

.menu-list a:hover {
	color: #0e121e;
}

.widget-img {
	max-width: 100px;
}

.project-widget img {
	max-width: 96.8px;
	margin: 4px 2px;
	border-radius: 50px;
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s;
}

	.project-widget img:hover {
		opacity: 0.75;
	}

.instagram-widget img {
	max-width: 60px;
	margin: 0 2px 5px 0;
	border-radius: 0.5rem;
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s;
}

	.instagram-widget img:hover {
		opacity: 0.75;
	}

.tag-cloud .btn {
	margin: 5px 3px !important;
	font-size: 12px;
	padding: 0 1rem;
}

/*--- post-widget ---*/
.post-widget img {
	max-width: 120px;
	height: auto;
	float: left;
	margin-right: 15px;
	border-radius: 0.5rem;
}

.post-widget.small img {
	max-width: 85px;
}

.post-widget .post-small {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.recent-post-content p, .recent-post-content a {
	font-size: 1rem;
}

.recent-post-title, .recent-post-title:focus {
	color: #0e121e;
	font-weight: 400;
}

	.recent-post-title:hover {
		color: #0e121e;
		opacity: 0.5;
	}

.post-date, .post-tag {
	font-size: 12px !important;
	margin-bottom: 5px;
}

.recent-post.last img, .recent-post.last .post-date {
	margin-bottom: 0;
}

.widget .recent-post {
	margin-bottom: 25px;
}

	.widget .recent-post.last {
		margin-bottom: 0px;
	}

/*--- end of post-widget ---*/
/*------- end of widgets -------*/
/*------- charts -------*/
.apexcharts-tooltip {
	background: rgba(255, 255, 255, 0.98) !important;
	border: 1px solid #e4e7ed !important;
	box-shadow: none !important;
}

.apexcharts-xaxistooltip, .apexcharts-yaxistooltip {
	color: #0e121e !important;
	background: rgba(255, 255, 255, 0.98) !important;
	border: 1px solid #e4e7ed !important;
}

.apexcharts-xaxistooltip-bottom:before {
	border-bottom-color: #e4e7ed !important;
}

.apexcharts-xaxistooltip-bottom:after {
	border-bottom-color: rgba(255, 255, 255, 0.98) !important;
}

.apexcharts-tooltip .apexcharts-tooltip-title {
	background: #f3f5f9 !important;
	border-bottom: 1px solid #e4e7ed !important;
}

.apexcharts-xaxistooltip-text, .apexcharts-yaxistooltip-text {
	font-family: "San Francisco", sans-serif !important;
}

.apexcharts-tooltip-text, .apexcharts-tooltip-title {
	font-family: "San Francisco", sans-serif !important;
}

.apexcharts-tooltip-series-group {
	padding: 4px 10px !important;
}

.apexcharts-legend-text {
	font-family: "San Francisco", sans-serif !important;
}

.apexcharts-text {
	font-family: "San Francisco", sans-serif !important;
}

.apexcharts-datalabel-label {
	font-weight: 600 !important;
	fill: #0e121e;
}

.apexcharts-datalabel-value {
	font-weight: 600 !important;
	fill: #0e121e;
}

.no-text-label .apexcharts-text {
	display: none !important;
}

.apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {
	display: flex !important;
	align-items: start !important;
	justify-content: center !important;
	top: 0 !important;
	padding: 0 !important;
}

.apexcharts-legend.apx-legend-position-right {
	right: 24px !important;
}

.apexcharts-legend.apx-legend-position-left {
	left: 24px !important;
}

.apexcharts-legend.apx-legend-position-bottom {
	bottom: 10px !important;
}

.apexcharts-legend.apx-legend-position-top {
	top: 10px !important;
}

#radar-chart .apexcharts-legend.apx-legend-position-bottom {
	bottom: 30px !important;
}

.apexcharts-legend-marker {
	width: 10px !important;
	height: 10px !important;
	margin-right: 3px !important;
}

.apexcharts-legend-marker, .apexcharts-legend-text {
	display: inline-block !important;
	vertical-align: middle !important;
}

.apexcharts-legend-text {
	color: #3a3f51 !important;
}

.apexcharts-slices .apexcharts-pie-series path {
	stroke: #fff !important;
}

.no-border .apexcharts-slices .apexcharts-pie-series path {
	stroke: none !important;
}

.apexcharts-radialbar-track path {
	stroke: #e4e7ed;
}

.apexcharts-radialbar-hollow {
	fill: #fff;
}

.apexcharts-gridline, .apexcharts-grid-borders line, .apexcharts-xaxis-tick {
	stroke: rgba(0, 0, 0, 0.05);
}

.apexcharts-text {
	fill: #3a3f51;
}

.apexcharts-radar-series polygon {
	stroke: #cBced6;
}

.apexcharts-radar-series line {
	stroke: #f3f5f9;
}

.simple-candlestick .apexcharts-datalabels, .simple-candlestick .apexcharts-xaxis, .simple-candlestick .apexcharts-yaxis, .simple-candlestick .apexcharts-tooltip, .simple-candlestick .apexcharts-xaxistooltip, .simple-candlestick .apexcharts-yaxistooltip, .simple-candlestick .apexcharts-graphical line {
	display: none;
}

.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
	color: #3a3f51 !important;
	visibility: hidden;
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1rem;
	margin: 0 5px;
}

	.apexcharts-menu-icon:hover, .apexcharts-pan-icon:hover, .apexcharts-reset-icon:hover, .apexcharts-zoom-icon:hover, .apexcharts-zoomin-icon:hover, .apexcharts-zoomout-icon:hover {
		color: #29ABE2 !important;
	}

.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon, .apexcharts-pan-icon {
	transform: none !important;
}

.apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
	transform: scale(1.5) !important;
}

.apexcharts-menu-icon:before {
	visibility: visible;
	content: "\f5d4";
}

.apexcharts-pan-icon:before {
	visibility: visible;
	content: "\f14e";
}

.apexcharts-reset-icon:before {
	visibility: visible;
	content: "\f425";
}

.apexcharts-zoom-icon:before {
	visibility: visible;
	content: "\f52a";
}

.apexcharts-zoomin-icon:before {
	visibility: visible;
	content: "\f4fe";
}

.apexcharts-zoomout-icon:before {
	visibility: visible;
	content: "\f2ea";
}

.apexcharts-toolbar .apexcharts-selected, .apexcharts-toolbar .apexcharts-selected svg {
	color: #29ABE2 !important;
	fill: #29ABE2 !important;
}

.chart-toolbar-top .apexcharts-toolbar {
	top: -29px !important;
}

/*--- chart-cards ---*/
.card-value {
	margin-bottom: 5px;
}

.chart-content-bg {
	background-color: #f3f5f9;
	padding: 30px 16px;
}

/*--- end of chart-cards ---*/
/*------- end of charts -------*/
/*--- components with side-navbar ---*/
.side-navbar {
	background: #fff !important;
	/*width: 280px;*/
	/*width: 400px;*/
	z-index: 1002;
	top: 0;
	bottom: 0;
	/*position: fixed;*/
	overflow: hidden;
	overflow-y: hidden;
	padding: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: none !important;
}


	.side-navbar.right-nav {
		right: 0;
		border-right: none;
	}

.mobile-nav-toggler .nav-link {
	color: #0e121e;
}

	.mobile-nav-toggler .nav-link:hover {
		color: #29ABE2;
	}

.side-navbar .navbar-collapse {
	display: flex !important;
	flex-basis: auto;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 100% !important;
}

.light-nav .main-logo.logo-light {
	display: none;
}

.side-navbar .nav-link {
	font-size: 1rem;
	line-height: 1rem;
	text-align: left;
	padding: 0.875rem 1.25rem;
	margin: 5px 30px;
	border-radius: 0.5rem;
	opacity: 1;
	transition: all 0.2s ease-in-out !important;
}

.side-navbar .nav-link:hover {
	color: #29ABE2 !important;
	background-color: #c8d4ff;
	opacity: 1;
}

.side-navbar .nav-link.active {
	color: #fff !important;
	background-color: #29ABE2;
}

.side-navbar .nav-link.has-collapse.collapsed {
	opacity: 1;
}

.side-navbar .nav-link.has-collapse:after {
	content: "\f282" !important;
	font-family: 'bootstrap-icons' !important;
	display: inline-block !important;
	vertical-align: middle;
	color: #636a7b;
	font-size: 12px;
	line-height: 150%;
	float: right;
	position: relative;
	top: 0;
	transition: all 0.2s ease-in-out;
	transform: rotate(-90deg);
}

.side-navbar .nav-link.has-collapse:not(.collapsed)::after {
	transform: rotate(-180deg);
}

.side-navbar .nav-link, .side-navbar .nav-link.has-collapse.collapsed {
	opacity: 1;
	color: #0e121e;
}

.side-navbar .nav-link.has-collapse.collapsed:after {
	color: #0e121e !important;
}

.side-navbar.nav-inverse .nav-link.has-collapse.collapsed:after {
	color: #e4e7ed !important;
}

.side-navbar .nav-link.has-collapse.collapsed:after {
	opacity: 0.6;
}

.side-navbar .nav-link.has-collapse.collapsed:hover {
	opacity: 1;
	color: #29ABE2 !important;
	background-color: #c8d4ff;
}

	.side-navbar .nav-link.has-collapse.collapsed:hover:after {
		color: #29ABE2 !important;
	}

.side-navbar .nav-link.has-collapse {
	color: #fff;
	background-color: #29ABE2;
}

	.side-navbar .nav-link.has-collapse.collapsed {
		background-color: transparent;
	}

	.side-navbar .nav-link.has-collapse:hover, .side-navbar .nav-link.has-collapse:after {
		color: #fff !important;
	}

.side-navbar .nav-link i {
	font-size: 1rem;
	vertical-align: middle;
	margin-right: 10px;
	width: 18px;
}

.side-navbar .nav-link [class^="bi-"]::before {
	vertical-align: baseline;
}

.side-navbar .sidenav-title {
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
	padding: 2rem 3.125rem 0.75rem 3.125rem;
	margin-top: 1rem;
	border-top: 1px solid #f3f5f9;
}

	.side-navbar .sidenav-title i {
		width: 26px;
		margin-right: 5px;
	}

.side-navbar .sidenav-sub-item {
	background-color: transparent;
	font-size: 0.875rem;
	line-height: 1rem;
	text-align: left;
	padding: 0.5rem 1rem;
	margin: 2px 30px;
	margin-left: 50px;
	border-radius: 0.5rem;
}

.side-navbar .nav-link.sidenav-sub-item.active, .side-navbar .nav-link.sidenav-sub-item.active:hover {
	color: #0e121e !important;
	background-color: rgba(0, 0, 0, 0.1);
}

.side-navbar .nav-link.sidenav-sub-item:hover {
	color: #0e121e !important;
	background-color: rgba(0, 0, 0, 0.05);
}

.side-navbar.nav-inverse .nav-link.sidenav-sub-item.active, .side-navbar.nav-inverse .nav-link.sidenav-sub-item.active:hover {
	color: #fff !important;
	background-color: rgba(255, 255, 255, 0.2);
}

.side-navbar.nav-inverse .nav-link.sidenav-sub-item:hover {
	color: #e4e7ed !important;
	background-color: rgba(255, 255, 255, 0.1);
}

.side-navbar .sidenav-sub-item.sub-title {
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.875rem 3rem 0.5rem 3.625rem;
}

.side-navbar .sidenav-title,
.side-navbar .sidenav-sub-item.sub-title {
	color: #0e121e;
}

	.side-navbar .sidenav-sub-item.second-level,
	.side-navbar .sidenav-sub-item.sub-title.second-level {
		padding-left: 5.125rem !important;
	}

	.side-navbar .sidenav-sub-item.third-level,
	.side-navbar .sidenav-sub-item.sub-title.third-level {
		padding-left: 6.375rem !important;
	}

	.side-navbar .sidenav-sub-item.fourth-level,
	.side-navbar .sidenav-sub-item.sub-title.fourth-level {
		padding-left: 7.625rem !important;
	}

.page-container {
	position: relative;
	min-height: 100vh;
	padding: 74px 0 0 280px;
}

	.page-container.with-right-nav,
	.rtl-css .page-container {
		padding: 74px 280px 0 0;
	}

	.page-container .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}

	.page-container .page-title {
		padding: 30px 0;
		margin: 0;
	}

.side-navbar #main-collapse {
	width: 100%;
}

.side-navbar.nav-inverse {
	background: #2c3241 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

	.side-navbar.nav-inverse .nav-link, .side-navbar.nav-inverse .nav-link.has-collapse.collapsed {
		opacity: 1;
		color: #e4e7ed;
	}

		.side-navbar.nav-inverse .nav-link.has-collapse.collapsed:after {
			color: #e4e7ed !important;
		}

	.side-navbar.nav-inverse .sidenav-title, .side-navbar.nav-inverse .sidenav-sub-item.sub-title {
		color: #636a7b;
		border-top-color: rgba(255, 255, 255, 0.2);
	}

.side-navbar .nav-link.sidenav-sub-item i {
	font-size: 0.875rem;
	margin-right: 8px;
}

.side-navbar.nav-inverse .nav-link:hover {
	color: #fff;
	opacity: 1;
}

.side-navbar.nav-inverse .nav-link.has-collapse.collapsed {
	opacity: 1;
}

.side-navbar.nav-inverse .nav-link.has-collapse:after {
	color: #fff;
}

.side-navbar.nav-inverse .nav-link.has-collapse:after {
	color: #fff;
}

.side-navbar.nav-inverse .nav-link.has-collapse, .side-navbar.nav-inverse .nav-link.has-collapse:hover {
	color: #fff !important;
	background-color: #29ABE2;
}

	.side-navbar.nav-inverse .nav-link.has-collapse.collapsed:hover:after {
		color: #29ABE2 !important;
	}

	.side-navbar.nav-inverse .nav-link.has-collapse.collapsed {
		color: #e4e7ed !important;
		background-color: transparent;
	}

		.side-navbar.nav-inverse .nav-link.has-collapse.collapsed:hover {
			color: #29ABE2 !important;
			background-color: #c8d4ff;
		}

.side-navbar .nav-link.has-collapse.collapsed:after {
	opacity: 0.6;
}

.side-navbar.nav-inverse .nav-link.active,
.side-navbar.nav-inverse .nav-link.has-collapse,
.side-navbar.nav-inverse .nav-link.has-collapse.collapsed:hover,
.side-navbar.nav-inverse .nav-link.has-collapse:after,
.side-navbar.nav-inverse .nav-link.has-collapse:hover:after {
	opacity: 1;
	color: #fff;
}

.side-navbar.nav-inverse .sidenavbar-logo {
	border-color: rgba(255, 255, 255, 0.1);
}

.side-navbar.nav-inverse.nav-primary {
	background: #29ABE2 !important;
}

.side-navbar.nav-primary .nav-link.active, .side-navbar.nav-primary .nav-link.has-collapse, .side-navbar.nav-primary .nav-link.has-collapse:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

/* nav-condensed */
.nav-condensed .side-navbar {
	position: absolute;
	bottom: 0;
	width: 74px;
	overflow: visible;
}

	.nav-condensed .side-navbar .sidenavbar-logo {
		width: 74px;
		max-width: 74px;
		padding: 0 20px;
		position: sticky;
		top: 0;
	}

	.nav-condensed .side-navbar .main-logo {
		display: none !important;
	}

	.nav-condensed .side-navbar .small-logo {
		display: inline-block !important;
	}

.nav-condensed .sidenavbar-logo img {
	width: 32px;
	height: 32px;
}

.nav-condensed .side-navbar .nav-link span, .nav-condensed .side-navbar .sidenav-title, .nav-condensed .side-navbar .nav-link.has-collapse:after, .nav-condensed .side-navbar .nav-link span.badge, .nav-condensed .side-navbar .nav-item:hover .nav-link span.badge {
	display: none !important;
}

.nav-condensed .side-navbar .nav-link {
	text-align: center;
	margin: 0 10px 5px 10px;
	padding: 16px;
}

	.nav-condensed .side-navbar .nav-link i {
		margin-right: 0;
	}

.nav-condensed .side-navbar .small-logo.hide-light-mode {
	display: none !important;
}

.nav-condensed .page-container {
	padding: 104px 0 88px 74px;
	min-height: 1340px;
}

/* end nav-condensed */
.page-container .navbar {
	position: fixed;
	top: 0;
	left: 280px;
	right: 0;
}

.page-container .ui-card .navbar {
	position: relative;
	left: 0;
}

.on-page-sidebar {
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	margin-left: 6px;
	z-index: 9;
}

.on-page-title {
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0;
	padding: 1.5rem 0 1rem 1.5rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.comp-sidenav {
	z-index: 10;
}

	.comp-sidenav .nav-link {
		color: #3a3f51;
		font-size: 0.875rem;
		padding: 0.75rem 1.5rem;
		border-radius: 0;
	}

		.comp-sidenav .nav-link:hover, .comp-sidenav .nav-link.active {
			color: #0e121e;
			background-color: rgba(0, 0, 0, 0.05);
		}

.ui-card {
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
	padding: 30px;
	box-shadow: none !important;
}

	.ui-card p.text-muted {
		font-size: 0.875rem;
		color: #767e8f !important;
	}

/* prism */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #fff;
}

.preview-code {
	position: relative;
}

pre {
	color: #636a7b;
	font-size: 1.1rem;
	background-color: #fff;
	padding: 15px;
	white-space: pre-line;
}

code {
	font-size: inherit;
	font-family: inherit;
	color: #0094ff;
	word-wrap: break-word;
}

.btn-copy {
	font-size: 11px;
	padding: 0px 20px;
	min-width: auto;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	background-color: #29ABE2;
	border: none;
	border-radius: 4px !important;
	box-shadow: none;
	opacity: 0;
}

	.btn-copy:hover {
		color: #fff;
		background-color: #2388B3;
		border-color: #2388B3;
		box-shadow: none !important;
		opacity: 1;
	}

	.btn-copy i:before {
		vertical-align: middle;
	}

pre:hover .btn-copy {
	opacity: 1;
}

	pre:hover .btn-copy:hover {
		opacity: 1;
	}

.btn-copy.btn-left {
	left: 10px;
}

pre.language-markup {
	max-height: 360px;
	overflow: scroll;
}

.token.boolean, .token.number {
	color: #ffa800;
}

.token.keyword {
	color: #8ac528;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #29ABE2;
}

.token.punctuation {
	color: #2c3241;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #0094ff;
}

.token.atrule,
.token.attr-value,
.token.function {
	color: #ef2525;
}

code[class*="language-"],
pre[class*="language-"] {
	color: #636a7b;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
	color: #a9afbd;
}

/* end of prism */
.sidenav-preview .side-navbar {
	position: relative;
	min-height: 600px;
	z-index: 2;
	left: 0;
	top: 0 !important;
}

	.sidenav-preview .side-navbar .sidenavbar-logo {
		display: inline-block;
	}

	.sidenav-preview .side-navbar .navbar-collapse {
		margin-top: 0px;
	}

/*--- end of components with side-navbar ---*/
/*---------- end of components ----------*/
/*---------- container ----------*/
.main-container {
	position: relative;
	padding: 100px 0 100px 0;
}

.bottom-element {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

	.bottom-element .promo-box {
		width: 100%;
	}

	.bottom-element.xs {
		bottom: -5%;
	}

	.bottom-element.sm {
		bottom: -10%;
	}

	.bottom-element.lg {
		bottom: -20%;
	}

	.bottom-element.xl {
		bottom: -25%;
	}

	.bottom-element.xxl {
		bottom: -30%;
	}

.pnf-container {
	min-height: 100vh;
	height: 100%;
}

.error-title {
	font-size: 14rem;
}

.demo-item-link .card {
	transition: all 0.2s ease-in-out;
}

.demo-item-link .card-title {
	color: #0e121e;
	font-size: 1.125rem;
	transition: ease-in-out 0.3s;
}

.demo-item-link:hover .card-title {
	color: #29ABE2;
}

.demo-item-link .card-body {
	padding: 1.5rem;
}

.ui-box {
	background-color: #fff;
	width: 70px;
	height: 70px;
	border-radius: 1rem;
}

.ui-box-sm {
	width: 44px;
	height: 44px;
	border-radius: 0.5rem;
}

.ui-big-box {
	padding: 2.5rem;
}

.ui-glass-box {
	width: 100%;
	min-height: 280px;
	line-height: 280px;
}

.bg-glass-demo {
	background-image: url(../images/bg-glass.jpg);
}

/*---------- end of container ----------*/
/*---------- sections ----------*/
section {
	position: relative;
	padding: 50px 0;
}

	section.md {
		padding: 80px 0;
	}

	section.big {
		padding: 100px 0;
	}

	section.lg {
		padding: 90px 0;
	}

	section.lg1 {
		padding: 100px 0;
	}

	section.xl {
		padding: 200px 0;
	}

	section.xxl {
		padding: 300px 0;
	}

	section.fh {
		height: 100vh;
	}

/*-------- headers --------*/
header {
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

	header.big {
		padding: 150px 0;
	}

	header.lg {
		padding: 220px 0;
	}

	header.xl {
		padding: 300px 0;
	}

	header.xxl {
		padding: 390px 0;
	}

	header.fh {
		height: 100vh;
	}

.page-header {
	padding: 100px 0;
}

	.page-header.w-absolute-nav .page-title {
		padding-top: 290px;
	}

	.page-header.w-absolute-nav {
		padding: 0 0 200px 0;
	}

	.page-header .header-content {
		margin-top: 40px;
	}

.header-content.has-top-nav {
	margin-top: 40px;
}

.page-header .breadcrumb {
	text-align: left;
	display: block;
}

header .fixed-title {
	transform: translateY(-50%);
	position: fixed;
	top: 380px;
	left: 0;
	right: 0;
}

header .absolute-title {
	transform: translateY(-50%);
	position: absolute;
	top: -40%;
	left: -0.8%;
	right: 0;
}

.header-image-bottom {
	pointer-events: none;
	position: relative;
	z-index: 1;
	margin-bottom: -2px;
}

.header-content {
	position: relative;
	z-index: 2;
}

	.header-content.slide-header {
		padding: 310px 0;
	}

.section-title {
	font-size: 56px;
}

header .title {
	font-size: 8vw;
	font-weight: 500;
}

.header-text {
	font-size: 18px;
	font-weight: 500;
	max-width: 390px;
	margin-bottom: 30px;
}

/*--- typewriter ---*/
.typewrite > .wrap {
	position: relative;
	color: #0e121e;
	font-weight: 500;
}

	.typewrite > .wrap:after {
		content: "|";
		color: #29ABE2;
		font-weight: 600;
		position: absolute;
		animation: blinkerText 1s linear infinite;
	}

.typewrite.text-primary > .wrap {
	color: #29ABE2;
}

@keyframes blinkerText {
	50% {
		opacity: 0;
	}
}

/*--- end typewriter ---*/
/*-------- end of headers --------*/
/*------- portfolio -------*/
.project {
	border-radius: 1rem;
}

	.project figure {
		margin: 0;
	}

	.project .hovereffect {
		background-color: #e4e7ed;
		border-radius: 1rem;
		margin: 14px 0;
	}

.no-gutter .project, .g-0 .project {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

	.no-gutter .project .hovereffect, .g-0 .project .hovereffect {
		border-radius: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
	}

.card .project {
	margin: 0;
	border-radius: 0;
	border-top-right-radius: 1rem;
	border-top-left-radius: 1rem;
	box-shadow: none !important;
}

	.card .project img {
		border-radius: 0;
		border-top-right-radius: 1rem;
		border-top-left-radius: 1rem;
	}

	.card .project .portfolio-item {
		margin: 0;
	}

	.card .project .hovereffect {
		background-color: #e4e7ed;
		margin: 0;
		border-radius: 0;
		border-top-right-radius: 1rem;
		border-top-left-radius: 1rem;
		box-shadow: none !important;
	}

.project-card .card-title {
	color: #0e121e;
	font-size: 1.25rem;
	font-weight: 600;
	font-family: "San Francisco", sans-serif;
	background: transparent;
	transition: all .2s ease-in-out;
}

	.project-card .card-title:hover {
		color: #29ABE2 !important;
	}

.no-gutter-project-cards .card, .no-gutter-project-cards .card .project, .no-gutter-project-cards .card .project img {
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.no-gutter-project-cards .card {
	border-left: 1px solid #f3f5f9;
	border-bottom: 1px solid #f3f5f9;
}

	.no-gutter-project-cards .card .project {
		margin: 0;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: none !important;
	}

.has-spacer {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.has-spacer-extra-space {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.has-side-spacer {
	margin-left: 30px;
	margin-right: 30px;
}

.project-title {
	font-size: 1rem;
}

.project-skill {
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.02rem;
}

.project-item-link .card {
	transition: all 0.2s ease-in-out;
}

.project-item-link:hover .card {
	transform: translateY(-5px);
	box-shadow: 0px 8px 28px -2px rgba(63, 70, 86, 0.07);
}

.project-item-link .card-title {
	color: #0e121e;
	font-size: 1.125rem;
	transition: ease-in-out 0.3s;
}

.project-item-link:hover .card-title {
	color: #29ABE2;
}

.project-item-link .card-body {
	padding: 1.5rem;
}

/*--- default effect ---*/
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 2;
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
}

.ui-card .hovereffect, .card .hovereffect {
	float: none;
}

.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.project-details .hovereffect .overlay {
	background: transparent;
}

.project.project-details:hover .hovereffect img {
	transform: scale(1.2, 1.2);
}

.hovereffect.dark-effect.inverse-bg .overlay {
	background-color: rgba(44, 50, 65, 0.9);
}

.hovereffect.dark-effect.primary-bg .overlay {
	background-color: rgba(0, 55, 255, 0.9);
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.hovereffect-title .project-title-wrapper {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	padding: 10px;
	transform: translateY(-50%);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.project:hover .hovereffect-title .project-title-wrapper {
	top: 50%;
}

.hovereffect-title .project-title {
	color: #0e121e;
	font-size: 1.25rem;
	font-weight: 600;
	font-family: "San Francisco", sans-serif;
	background: transparent;
	margin-bottom: 8px;
	transition: all .2s ease-in-out;
}

	.hovereffect-title .project-title:hover {
		color: #29ABE2;
	}

.hovereffect-title p {
	color: #3a3f51;
	background: transparent;
	font-size: 12px;
	margin: 0;
}

.hovereffect-title.dark-effect .project-title {
	color: #fff;
}

.hovereffect-title.dark-effect p {
	color: #f3f5f9;
}

.hovereffect-title .hover-bottom {
	font-size: 16px;
	background: #fff;
	position: absolute;
	bottom: -10%;
	left: 0;
	right: 0;
	padding: 15px 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.project:hover .hovereffect-title .hover-bottom {
	bottom: 0;
}

.hovereffect-title .hover-bottom a {
	color: #0e121e;
}

.hovereffect-title.dark-effect .hover-bottom a {
	color: #fff;
}

.hovereffect-title.project-icons {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.project:hover .hovereffect-title.project-icons {
	top: 50%;
}

.hovereffect-title.project-icons a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	width: 44px;
	height: 44px;
	margin: 10px;
	background: #29ABE2;
	border-radius: 50px;
	box-shadow: none;
}

	.hovereffect-title.project-icons a:hover {
		background: #c8d4ff !important;
		color: #29ABE2;
	}

.dark-effect .hovereffect-title.project-icons a {
	color: #0e121e;
	background: rgba(255, 255, 255, 0.75);
}

	.dark-effect .hovereffect-title.project-icons a:hover {
		background: #fff !important;
		color: #29ABE2;
	}

.hovereffect-title.project-icons .hover-bottom {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	opacity: 1;
}

.hovereffect-title.project-icons a:hover {
	background: #2388B3;
}

.hovereffect-title .hover-bottom a {
	opacity: 0.7;
	margin: 0 5px;
}

.hovereffect-title .hover-bottom a {
	opacity: 0.7;
}

	.hovereffect-title .hover-bottom a:hover {
		opacity: 1;
	}

.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}

.hovereffect.dark-effect .hovereffect-title .project-title {
	color: #fff;
}

.hovereffect.dark-effect .project-skill {
	color: #f3f5f9;
}

.hovereffect.dark-effect .hover-bottom a {
	color: #fff;
}

.hovereffect-title .hover-icons {
	font-size: 16px;
	background: transparent;
	position: absolute;
	bottom: 3%;
	left: 0;
	right: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.project:hover .hovereffect-title .hover-icons {
	bottom: 10%;
}

.hovereffect-title .hover-icons a {
	color: #0e121e;
	opacity: 0.7;
	margin: 0 5px;
}

	.hovereffect-title .hover-icons a:hover {
		opacity: 1;
	}

/*--- end of default effect ---*/
/*--- isotope-filter buttons ---*/
.filters-button-group {
	margin-bottom: 30px;
}

.filter-wrapper {
	display: inline-block;
}

.filter-icon {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	font-size: 16px;
	line-height: 0;
	color: #29ABE2;
	background-color: #c8d4ff;
	margin-right: 5px;
	padding: 12px;
	border-radius: 50%;
}

	.filter-icon.solid {
		color: #fff;
		background-color: #29ABE2;
	}

	.filter-icon.bordered {
		color: #29ABE2;
		background-color: transparent;
		padding: 10px;
		border: 2px solid #29ABE2;
	}

.filter-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5rem;
	color: #0e121e;
	margin-right: 20px;
	margin-bottom: 0;
}

.filter-btn {
	font-size: 0.875rem;
	line-height: 1.75rem;
	min-width: 7.5rem;
	margin: 0.5rem 0.5rem 0.5rem 0rem;
	padding: 0.5rem 2.25rem;
	border-radius: 0.5rem;
	box-shadow: none;
	transform: none !important;
}

	.filter-btn:hover {
		color: #29ABE2;
		background-color: #c8d4ff;
		box-shadow: none;
	}

	.filter-btn.is-checked {
		color: #fff;
		background-color: #29ABE2;
		box-shadow: none;
	}

.bordered-filter .filter-btn {
	border: 2px solid transparent;
}

	.bordered-filter .filter-btn:hover {
		color: #0e121e;
		background-color: transparent;
		border-color: #0e121e;
		box-shadow: none;
	}

	.bordered-filter .filter-btn.is-checked {
		color: #29ABE2;
		background-color: transparent;
		border-color: #29ABE2;
	}

.filter-btn.filter-btn-secondary:hover {
	color: #0071BC;
	background-color: #ddc9ff;
}

.filter-btn.filter-btn-secondary.is-checked {
	color: #fff;
	background-color: #0071BC;
}

.filter-btn.filter-btn-success:hover {
	color: #8ac528;
	background-color: #dff4ba;
}

.filter-btn.filter-btn-success.is-checked {
	color: #fff;
	background-color: #8ac528;
}

.filter-btn.filter-btn-info:hover {
	color: #0094ff;
	background-color: #c9e8ff;
}

.filter-btn.filter-btn-info.is-checked {
	color: #fff;
	background-color: #0094ff;
}

.filter-btn.filter-btn-warning:hover {
	color: #ffa800;
	background-color: #ffecc8;
}

.filter-btn.filter-btn-warning.is-checked {
	color: #fff;
	background-color: #ffa800;
}

.filter-btn.filter-btn-danger:hover {
	color: #ef2525;
	background-color: #ffcaca;
}

.filter-btn.filter-btn-danger.is-checked {
	color: #fff;
	background-color: #ef2525;
}

/*--- end of isotope-filter buttons ---*/
/*------- end of portfolio -------*/
/*------- footers -------*/
footer {
	background: #fff;
	padding: 33px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

	footer p {
		font-size: 1rem;
		color: #0e121e;
		margin-bottom: 0;
	}

	footer .text-link {
		color: #0e121e;
		font-weight: 400;
	}

		footer .text-link:hover {
			color: #29ABE2;
		}

.dark footer .text-link {
	color: #fff;
	font-weight: 500;
}

	.dark footer .text-link:hover {
		color: #fff;
		opacity: 1;
	}

footer.big {
	padding: 70px 0;
}

footer.light {
	background: #0071BC;
}

footer.mid {
	background: #4700bb;
}

footer.dark {
	background: #636a7b;
}

	footer.dark p {
		color: #f3f5f9;
	}

.footer-left-area {
	text-align: left;
}

.footer-right-area {
	text-align: right;
}

footer.dark.bg-primary a, footer.dark.bg-primary-dark a {
	color: #fff;
}

	footer.dark.bg-primary a:hover, footer.dark.bg-primary-dark a:hover {
		opacity: 1;
	}

.footer-link, .footer-link:focus {
	font-weight: 400;
	color: #2c3241;
}

	.footer-link:hover {
		color: #2c3241;
		opacity: 1;
	}

.dark .footer-link {
	color: #0071BC;
	opacity: 0.65;
}

	.dark .footer-link:hover {
		color: #0071BC;
		opacity: 1;
	}

.footer-logo {
	width: auto;
	max-height: 36px;
	font-size: 1.75em;
	font-weight: 600;
	margin-bottom: 20px;
}

.footer-widget-area {
	padding: 50px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

	.footer-widget-area .widget {
		background: transparent;
		padding: 0;
		border: none;
		box-shadow: none;
	}

.payment-methods img {
	pointer-events: none;
	display: inline-block;
	width: 100%;
	max-width: 50px;
	vertical-align: middle;
	margin-right: 2px;
}

	.payment-methods img:last-child {
		margin-right: 0;
	}

.footer-widget-area .project-widget {
	max-width: 330px;
	margin-left: auto;
	margin-right: 0;
}

/*------- end of footers -------*/
/*------- background-images -------*/
.bg-blur {
	background-image: url(../images/bg-blur.jpg);
}

.bg-blur-dark {
	background-image: url(../images/bg-blur-dark.jpg);
}

.dark-mode .bg-blur {
	background-image: url(../images/bg-blur-dark.jpg);
}

.bg-blur-sm {
	background-image: url(../images/bg-blur-sm.jpg);
}

.bg-blur-sm-dark {
	background-image: url(../images/bg-blur-sm-dark.jpg);
}

.dark-mode .bg-blur-sm {
	background-image: url(../images/bg-blur-sm-dark.jpg);
}

.bg-blur-xs {
	background-image: url(../images/bg-blur-xs.jpg);
}

.bg-blur-xs-dark {
	background-image: url(../images/bg-blur-xs-dark.jpg);
}

.dark-mode .bg-blur-xs {
	background-image: url(../images/bg-blur-xs-dark.jpg);
}

/*--- section background-images ---*/
.bg-1 {
	background-image: url(../images/bg1.jpg);
}

.bg-2 {
	background-image: url(../images/bg2.jpg);
}

.bg-3 {
	background-image: url(../images/bg3.jpg);
}

.bg-cta-1 {
	background-image: url(../images/bg-cta1.jpg);
}

.bg-card-1 {
	background-image: url(../images/bg-card1.jpg);
}

.bg-contact-1 {
	background-image: url(../images/bg-contact1.jpg);
}

.bg-shop-1 {
	background-image: url(../images/bg-shop1.jpg);
}

/* dark mode background-images */
.dark-mode .bg-1 {
	background-image: url(../images/bg1-dark.jpg);
}

.dark-mode .bg-2 {
	background-image: url(../images/bg2-dark.jpg);
}

.dark-mode .bg-3 {
	background-image: url(../images/bg3-dark.jpg);
}

.dark-mode .bg-cta-1 {
	background-image: url(../images/bg-cta1-dark.jpg);
}

.dark-mode .bg-card-1 {
	background-image: url(../images/bg-card1-dark.jpg);
}

.dark-mode .bg-contact-1 {
	background-image: url(../images/bg-contact1-dark.jpg);
}

.dark-mode .bg-shop-1 {
	background-image: url(../images/bg-shop1-dark.jpg);
}

/*------- end of background-images -------*/
/*---------- end of sections ----------*/
/*------- utility classes -------*/
.stacked {
	padding: 0 15px;
}

.v-top {
	display: flex;
	align-items: start;
}

.v-center {
	display: flex;
	align-items: center;
}

.v-bottom {
	display: flex;
	align-items: end;
}

.va-top {
	vertical-align: top !important;
}

.va-middle {
	vertical-align: middle !important;
}

.va-bottom {
	vertical-align: bottom !important;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.hidden {
	display: none !important;
}

.d-block, .btn-block {
	display: block !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-flex {
	display: flex !important;
}

.d-table {
	display: table !important;
}

.d-table-cell {
	display: table-cell !important;
}

.vertical-align {
	display: table;
	height: 100%;
	width: 100%;
}

	.vertical-align .table-cell {
		display: table-cell;
		vertical-align: middle;
	}

.no-transform {
	transform: none !important;
}

.list-inline > li {
	display: inline-block;
	margin-right: 1rem;
}

.full-width {
	width: 100%;
	max-width: 100%;
}

.full-height {
	height: 100vh;
}

.max-fh {
	max-height: 100vh;
}

.min-fh {
	min-height: 100vh;
}

::-moz-selection {
	color: #fff;
	background: #3a3f51;
}

::selection {
	color: #fff;
	background: #3a3f51;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.content-inline > * {
	display: inline-block;
}

.heading-list > * {
	margin-bottom: 20px;
}

/*---tyopgraphy ---*/
.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.title-font {
	font-family: "San Francisco", sans-serif !important;
}

.primary-font {
	font-family: "San Francisco", sans-serif !important;
}

.secondary-font {
	font-family: "San Francisco", sans-serif !important;
}

.fw-thin {
	font-weight: 300 !important;
}

.fw-light {
	font-weight: 300 !important;
}

.fw-regular {
	font-weight: 400 !important;
}

.fw-medium {
	font-weight: 500 !important;
}

.fw-bold {
	font-weight: 600 !important;
}

.text-sm {
	font-size: 12px;
}

.text-xs {
	font-size: 10px;
}

.lsp {
	letter-spacing: 0.01rem;
}

.lsp-2x {
	letter-spacing: 0.02rem;
}

.lsp-big {
	letter-spacing: 0.05rem;
}

.lsp-extra {
	letter-spacing: 0.1rem;
}

/* .fs-4 {
	font-size: 4px !important;
}

.fs-6 {
	font-size: 6px !important;
}

.fs-8 {
	font-size: 8px !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-26 {
	font-size: 26px !important;
}

.fs-28 {
	font-size: 28px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.fs-32 {
	font-size: 32px !important;
}

.fs-34 {
	font-size: 34px !important;
}

.fs-36 {
	font-size: 36px !important;
}

.fs-38 {
	font-size: 38px !important;
}

.fs-40 {
	font-size: 40px !important;
}

.fs-50 {
	font-size: 50px !important;
}

.fs-60 {
	font-size: 60px !important;
}

.fs-70 {
	font-size: 70px !important;
}

.fs-80 {
	font-size: 80px !important;
}

.fs-90 {
	font-size: 90px !important;
}

.fs-100 {
	font-size: 100px !important;
}

.fs-120 {
	font-size: 120px !important;
}

.fs-150 {
	font-size: 150px !important;
}

.fs-170 {
	font-size: 170px !important;
}

.fs-200 {
	font-size: 200px !important;
} */

.lh-0 {
	line-height: 0 !important;
}

.lh-1 {
	line-height: 1 !important;
}

.lh-1-2 {
	line-height: 1.1 !important;
}

.lh-1-2 {
	line-height: 1.2 !important;
}

.lh-1-5 {
	line-height: 1.5 !important;
}

.lh-1-7 {
	line-height: 1.7 !important;
}

.lh-2 {
	line-height: 2 !important;
}

.lh-3 {
	line-height: 3 !important;
}

.lh-4 {
	line-height: 4 !important;
}

.lh-5 {
	line-height: 5 !important;
}

.ui-main-title {
	font-size: 3rem;
}

.ui-title {
	color: #3a3f51;
	font-weight: 500;
	font-size: 1.125rem;
	margin-bottom: 20px;
}

/*--- end of tyopgraphy ---*/
/*--- image ---*/
img {
	width: 100%;
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

.img-auto {
	width: auto !important;
}

.img-thumbnail {
	padding: 2px;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 1rem;
	margin-bottom: 15px;
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.07);
}

.img-cirlce {
	border-radius: 50%;
}

.bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

	.bg-img.img-bottom {
		background-position: center bottom;
	}

	.bg-img.img-top {
		background-position: center top;
	}

	.bg-img.img-left {
		background-position: center left;
	}

	.bg-img.img-right {
		background-position: center right;
	}

.bg-fixed {
	background-attachment: fixed !important;
}

.bg-img.bg-contain {
	background-size: contain;
}

.sl-500 .swiper-slide {
	height: 500px;
}

.sl-600 .swiper-slide {
	height: 600px;
}

.sl-700 .swiper-slide {
	height: 700px;
}

.sl-750 .swiper-slide {
	height: 750px;
}

.sl-800 .swiper-slide {
	height: 800px;
}

.sl-900 .swiper-slide {
	height: 900px;
}

.overlay-dark {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(14, 18, 30, 0.5);
}

.overlay-darker {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(14, 18, 30, 0.9);
}

.overlay-half-dark {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(14, 18, 30, 0.9);
}

.overlay-half-darker {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(14, 18, 30, 0.9);
}

.overlay-light {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}

.overlay-lighter {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
}

.overlay-half-light {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}

.overlay-half-lighter {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
}

.overlay-half-light-frosted {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}

.overlay-primary {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 55, 255, 0.5);
}

.overlay-primary-darker {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 55, 255, 0.9);
}

.overlay-half-primary {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(0, 55, 255, 0.9);
}

.overlay-half-primary-darker {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(0, 55, 255, 0.9);
}

/*--- end of image ---*/
/*--- spacers ---*/
.spacer-sm {
	margin: 1.5rem 0;
	line-height: 0;
}

.spacer {
	margin: 2rem 0;
	line-height: 0;
}

.spacer-2x {
	margin: 3rem 0;
	line-height: 0;
}

.spacer-3x {
	margin: 4rem 0;
	line-height: 0;
}

.spacer-line {
	width: 60px;
	line-height: 0;
	border-bottom: 2px solid #f3f5f9;
	margin-left: auto;
	margin-right: auto;
}

.spacer-line-2x {
	width: 120px;
	line-height: 0;
	border-bottom: 2px solid #f3f5f9;
	margin-left: auto;
	margin-right: auto;
}

.spacer-line-solid {
	width: 60px;
	line-height: 0;
	border-bottom: 4px solid #e4e7ed;
	margin-left: auto;
	margin-right: auto;
}

.spacer-line-solid-2x {
	width: 120px;
	line-height: 0;
	border-bottom: 4px solid #e4e7ed;
	margin-left: auto;
	margin-right: auto;
}

.spacer-line-fw {
	width: 100%;
	line-height: 0;
	border-bottom: 1px solid #f3f5f9;
}

.has-top-menu-sm {
	margin-top: 70px;
}

.has-top-menu {
	margin-top: 90px;
}

.btn-floating {
	position: fixed;
	bottom: 15px;
	right: 15px;
	display: none;
	z-index: 99;
}

/* margins */
.m-0 {
	margin: 0 !important;
}

.m-5 {
	margin: 5px !important;
}

.m-10 {
	margin: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.m-30 {
	margin: 30px !important;
}

.m-35 {
	margin: 35px !important;
}

.m-40 {
	margin: 40px !important;
}

.m-45 {
	margin: 45px !important;
}

.m-50 {
	margin: 50px !important;
}

.m-60 {
	margin: 60px !important;
}

.m-70 {
	margin: 70px !important;
}

.m-80 {
	margin: 80px !important;
}

.m-90 {
	margin: 90px !important;
}

.m-100 {
	margin: 100px !important;
}

.m-150 {
	margin: 150px !important;
}

.m-200 {
	margin: 200px !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.m-y-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.m-x-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.m-y-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.m-x-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.m-y-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.m-y-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.m-y-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.m-y-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.m-y-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.m-y-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.m-y-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.m-y-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.m-y-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}

.m-y-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.m-y-60 {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

.m-y-70 {
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

.m-y-80 {
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}

.m-y-90 {
	margin-top: 90px !important;
	margin-bottom: 90px !important;
}

.m-y-100 {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

.m-y-150 {
	margin-top: 150px !important;
	margin-bottom: 150px !important;
}

.m-y-200 {
	margin-top: 200px !important;
	margin-bottom: 200px !important;
}

.m-y-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.m-x-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.m-x-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.m-x-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.m-x-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.m-x-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.m-x-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.m-x-35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}

.m-x-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.m-x-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}

.m-x-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.m-x-60 {
	margin-left: 60px !important;
	margin-right: 60px !important;
}

.m-x-70 {
	margin-left: 70px !important;
	margin-right: 70px !important;
}

.m-x-80 {
	margin-left: 80px !important;
	margin-right: 80px !important;
}

.m-x-90 {
	margin-left: 90px !important;
	margin-right: 90px !important;
}

.m-x-100 {
	margin-left: 100px !important;
	margin-right: 100px !important;
}

.m-x-150 {
	margin-left: 150px !important;
	margin-right: 150px !important;
}

.m-x-200 {
	margin-left: 200px !important;
	margin-right: 200px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-35 {
	margin-top: 35px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-70 {
	margin-top: 70px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mt-90 {
	margin-top: 90px !important;
}

.mt-100 {
	margin-top: 100px !important;
}

.mt-150 {
	margin-top: 150px !important;
}

.mt-200 {
	margin-top: 200px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-45 {
	margin-bottom: 45px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mb-70 {
	margin-bottom: 70px !important;
}

.mb-80 {
	margin-bottom: 80px !important;
}

.mb-90 {
	margin-bottom: 90px !important;
}

.mb-100 {
	margin-bottom: 100px !important;
}

.mb-150 {
	margin-bottom: 150px !important;
}

.mb-200 {
	margin-bottom: 200px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.ml-25 {
	margin-left: 25px !important;
}

.ml-30 {
	margin-left: 30px !important;
}

.ml-35 {
	margin-left: 35px !important;
}

.ml-40 {
	margin-left: 40px !important;
}

.ml-45 {
	margin-left: 45px !important;
}

.ml-50 {
	margin-left: 50px !important;
}

.ml-60 {
	margin-left: 60px !important;
}

.ml-70 {
	margin-left: 70px !important;
}

.ml-80 {
	margin-left: 80px !important;
}

.ml-90 {
	margin-left: 90px !important;
}

.ml-100 {
	margin-left: 100px !important;
}

.ml-150 {
	margin-left: 510px !important;
}

.ml-200 {
	margin-left: 200px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.mr-25 {
	margin-right: 25px !important;
}

.mr-30 {
	margin-right: 30px !important;
}

.mr-35 {
	margin-right: 35px !important;
}

.mr-40 {
	margin-right: 40px !important;
}

.mr-45 {
	margin-right: 45px !important;
}

.mr-50 {
	margin-right: 50px !important;
}

.mr-60 {
	margin-right: 60px !important;
}

.mr-70 {
	margin-right: 70px !important;
}

.mr-80 {
	margin-right: 80px !important;
}

.mr-90 {
	margin-right: 90px !important;
}

.mr-100 {
	margin-right: 100px !important;
}

.mr-150 {
	margin-right: 150px !important;
}

.mr-200 {
	margin-right: 200px !important;
}

/* end of margins */
/* paddings */
.p-0 {
	padding: 0 !important;
}

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-35 {
	padding: 35px !important;
}

.p-40 {
	padding: 40px !important;
}

.p-45 {
	padding: 45px !important;
}

.p-50 {
	padding: 50px !important;
}

.p-60 {
	padding: 60px !important;
}

.p-70 {
	padding: 70px !important;
}

.p-80 {
	padding: 80px !important;
}

.p-90 {
	padding: 90px !important;
}

.p-100 {
	padding: 100px !important;
}

.p-150 {
	padding: 150px !important;
}

.p-200 {
	padding: 200px !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.p-y-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.p-x-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.p-y-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.p-y-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.p-y-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.p-y-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.p-y-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.p-y-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.p-y-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

.p-y-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.p-y-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.p-y-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.p-y-60 {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.p-y-70 {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}

.p-y-80 {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}

.p-y-90 {
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}

.p-y-100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.p-y-150 {
	padding-top: 150px !important;
	padding-bottom: 150px !important;
}

.p-y-200 {
	padding-top: 200px !important;
	padding-bottom: 200px !important;
}

.p-x-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.p-x-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.p-x-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.p-x-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.p-x-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.p-x-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.p-x-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.p-x-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.p-x-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}

.p-x-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.p-x-60 {
	padding-left: 60px !important;
	padding-right: 60px !important;
}

.p-x-70 {
	padding-left: 70px !important;
	padding-right: 70px !important;
}

.p-x-80 {
	padding-left: 80px !important;
	padding-right: 80px !important;
}

.p-x-90 {
	padding-left: 90px !important;
	padding-right: 90px !important;
}

.p-x-100 {
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.p-x-150 {
	padding-left: 150px !important;
	padding-right: 150px !important;
}

.p-x-200 {
	padding-left: 200px !important;
	padding-right: 200px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pt-45 {
	padding-top: 45px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.pt-60 {
	padding-top: 60px !important;
}

.pt-70 {
	padding-top: 70px !important;
}

.pt-80 {
	padding-top: 80px !important;
}

.pt-90 {
	padding-top: 90px !important;
}

.pt-100 {
	padding-top: 100px !important;
}

.pt-150 {
	padding-top: 150px !important;
}

.pt-200 {
	padding-top: 200px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-35 {
	padding-bottom: 35px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pb-45 {
	padding-bottom: 45px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pb-60 {
	padding-bottom: 60px !important;
}

.pb-70 {
	padding-bottom: 70px !important;
}

.pb-80 {
	padding-bottom: 80px !important;
}

.pb-90 {
	padding-bottom: 90px !important;
}

.pb-100 {
	padding-bottom: 100px !important;
}

.pb-150 {
	padding-bottom: 150px !important;
}

.pb-200 {
	padding-bottom: 200px !important;
}

.pl-5 {
	padding-left: 5px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.pl-25 {
	padding-left: 25px !important;
}

.pl-30 {
	padding-left: 30px !important;
}

.pl-35 {
	padding-left: 35px !important;
}

.pl-40 {
	padding-left: 40px !important;
}

.pl-45 {
	padding-left: 45px !important;
}

.pl-50 {
	padding-left: 50px !important;
}

.pl-60 {
	padding-left: 60px !important;
}

.pl-70 {
	padding-left: 70px !important;
}

.pl-80 {
	padding-left: 80px !important;
}

.pl-90 {
	padding-left: 90px !important;
}

.pl-100 {
	padding-left: 100px !important;
}

.pl-150 {
	padding-left: 150px !important;
}

.pl-200 {
	padding-left: 200px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.pr-25 {
	padding-right: 25px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.pr-35 {
	padding-right: 35px !important;
}

.pr-40 {
	padding-right: 40px !important;
}

.pr-45 {
	padding-right: 45px !important;
}

.pr-50 {
	padding-right: 50px !important;
}

.pr-60 {
	padding-right: 60px !important;
}

.pr-70 {
	padding-right: 70px !important;
}

.pr-80 {
	padding-right: 80px !important;
}

.pr-90 {
	padding-right: 90px !important;
}

.pr-100 {
	padding-right: 100px !important;
}

.pr-150 {
	padding-right: 150px !important;
}

.pr-200 {
	padding-right: 200px !important;
}

/* end of paddings */
/* positions */
.x-0 {
	left: 0;
	right: 0;
}

.x-5 {
	left: 5px;
	right: 5px;
}

.x-10 {
	left: 10px;
	right: 10px;
}

.x-15 {
	left: 15px;
	right: 15px;
}

.x-20 {
	left: 20px;
	right: 20px;
}

.x-25 {
	left: 25px;
	right: 25px;
}

.x-30 {
	left: 30px;
	right: 30px;
}

.x-35 {
	left: 35px;
	right: 35px;
}

.x-40 {
	left: 40px;
	right: 40px;
}

.x-45 {
	left: 45px;
	right: 45px;
}

.x-50 {
	left: 50px;
	right: 50px;
}

.x-60 {
	left: 60px;
	right: 60px;
}

.x-70 {
	left: 70px;
	right: 70px;
}

.x-80 {
	left: 80px;
	right: 80px;
}

.x-90 {
	left: 90px;
	right: 90px;
}

.x-100 {
	left: 100px;
	right: 100px;
}

.x-150 {
	left: 150px;
	right: 150px;
}

.x-200 {
	left: 200px;
	right: 200px;
}

.y-0 {
	top: 0;
	bottom: 0;
}

.y-5 {
	top: 5px;
	bottom: 5px;
}

.y-10 {
	top: 10px;
	bottom: 1-px;
}

.y-15 {
	top: 15px;
	bottom: 15px;
}

.y-20 {
	top: 20px;
	bottom: 20px;
}

.y-25 {
	top: 25px;
	bottom: 25px;
}

.y-30 {
	top: 30px;
	bottom: 30px;
}

.y-35 {
	top: 35px;
	bottom: 35px;
}

.y-40 {
	top: 40px;
	bottom: 40px;
}

.y-45 {
	top: 45px;
	bottom: 45px;
}

.y-50 {
	top: 50px;
	bottom: 50px;
}

.y-60 {
	top: 60px;
	bottom: 60px;
}

.y-70 {
	top: 70px;
	bottom: 70px;
}

.y-80 {
	top: 80px;
	bottom: 80px;
}

.y-90 {
	top: 90px;
	bottom: 90px;
}

.y-100 {
	top: 100px;
	bottom: 100px;
}

.y-150 {
	top: 150px;
	bottom: 150px;
}

.y-200 {
	top: 200px;
	bottom: 200px;
}

.top-0 {
	top: 0 !important;
}

.top-5 {
	top: 5px !important;
}

.top-10 {
	top: 10px !important;
}

.top-15 {
	top: 15px !important;
}

.top-20 {
	top: 20px !important;
}

.top-25 {
	top: 25px !important;
}

.top-30 {
	top: 30px !important;
}

.top-35 {
	top: 35px !important;
}

.top-40 {
	top: 40px !important;
}

.top-45 {
	top: 45px !important;
}

.top-50 {
	top: 50px !important;
}

.top-60 {
	top: 60px !important;
}

.top-70 {
	top: 70px !important;
}

.top-80 {
	top: 80px !important;
}

.top-90 {
	top: 90px !important;
}

.top-100 {
	top: 100px !important;
}

.top-150 {
	top: 150px !important;
}

.top-200 {
	top: 200px !important;
}

.bottom-0 {
	bottom: 0 !important;
}

.bottom-5 {
	bottom: 5px !important;
}

.bottom-10 {
	bottom: 10px !important;
}

.bottom-15 {
	bottom: 15px !important;
}

.bottom-20 {
	bottom: 20px !important;
}

.bottom-25 {
	bottom: 25px !important;
}

.bottom-30 {
	bottom: 30px !important;
}

.bottom-35 {
	bottom: 35px !important;
}

.bottom-40 {
	bottom: 40px !important;
}

.bottom-45 {
	bottom: 45px !important;
}

.bottom-50 {
	bottom: 50px !important;
}

.bottom-60 {
	bottom: 60px !important;
}

.bottom-70 {
	bottom: 70px !important;
}

.bottom-80 {
	bottom: 80px !important;
}

.bottom-90 {
	bottom: 90px !important;
}

.bottom-100 {
	bottom: 100px !important;
}

.bottom-150 {
	bottom: 150px !important;
}

.bottom-200 {
	bottom: 200px !important;
}

.left-0 {
	left: 0 !important;
}

.left-auto {
	left: auto !important;
}

.left-5 {
	left: 5px !important;
}

.left-10 {
	left: 10px !important;
}

.left-15 {
	left: 15px !important;
}

.left-20 {
	left: 20px !important;
}

.left-25 {
	left: 25px !important;
}

.left-30 {
	left: 30px !important;
}

.left-35 {
	left: 35px !important;
}

.left-40 {
	left: 40px !important;
}

.left-45 {
	left: 45px !important;
}

.left-50 {
	left: 50px !important;
}

.left-60 {
	left: 60px !important;
}

.left-70 {
	left: 70px !important;
}

.left-80 {
	left: 80px !important;
}

.left-90 {
	left: 90px !important;
}

.left-100 {
	left: 100px !important;
}

.left-150 {
	left: 150px !important;
}

.left-200 {
	left: 200px !important;
}

.right-0 {
	right: 0 !important;
}

.right-5 {
	right: 5px !important;
}

.right-10 {
	right: 10px !important;
}

.right-15 {
	right: 15px !important;
}

.right-20 {
	right: 20px !important;
}

.right-25 {
	right: 25px !important;
}

.right-30 {
	right: 30px !important;
}

.right-35 {
	right: 35px !important;
}

.right-40 {
	right: 40px !important;
}

.right-45 {
	right: 45px !important;
}

.right-50 {
	right: 50px !important;
}

.right-60 {
	right: 60px !important;
}

.right-70 {
	right: 70px !important;
}

.right-80 {
	right: 80px !important;
}

.right-90 {
	right: 90px !important;
}

.right-100 {
	right: 100px !important;
}

.right-150 {
	right: 150px !important;
}

.right-200 {
	right: 200px !important;
}

.right-auto {
	right: auto !important;
}

.pos-center {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.pos-v-center {
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

/* end of positions */
/*--- end of spacers ---*/
/*--- colors ---*/
.title-color {
	color: #0e121e !important;
}

.text-color {
	color: #3a3f51 !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-white-transparent {
	background-color: rgba(255, 255, 255, 0.75) !important;
}

.bg-white-frosted {
	background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-white-frosted-dark {
	background-color: rgba(255, 255, 255, 0.98) !important;
}

.bg-black-transparent {
	background-color: rgba(0, 0, 0, 0.75) !important;
}

.bg-black-frosted {
	background-color: rgba(0, 0, 0, 0.9) !important;
}

.bg-black-frosted-dark {
	background-color: rgba(0, 0, 0, 0.98) !important;
}

.bg-inverse-transparent {
	background-color: rgba(44, 50, 65, 0.75) !important;
}

.bg-inverse-frosted {
	background-color: rgba(44, 50, 65, 0.9) !important;
}

.bg-inverse-frosted-dark {
	background-color: rgba(44, 50, 65, 0.98) !important;
}

.bg-primary-transparent {
	background: rgba(0, 55, 255, 0.75) !important;
}

.bg-primary-frosted {
	background-color: rgba(0, 55, 255, 0.9) !important;
}

.bg-primary-frosted-dark {
	background-color: rgba(0, 55, 255, 0.98) !important;
}

.bg-body {
	background-color: #fff !important;
}

.bg-gradient-body {
	background: linear-gradient(-45deg, #fff 0%, #f7f9fa 100%) !important;
}

.bg-body-dark {
	background-color: #161a25 !important;
}

.bg-gradient-body-dark {
	background: linear-gradient(-45deg, #161a25 0%, #262832 100%) !important;
}

.bg-white, .bg-white-imp {
	background-color: #fff !important;
}

.bg-gradient-white {
	background: linear-gradient(-45deg, #fff 0%, #f3f5f9 100%) !important;
}

.bg-dark {
	background-color: #3a3f51 !important;
}

.bg-gradient-dark {
	background: linear-gradient(-45deg, #3a3f51 0%, #636a7b 100%) !important;
}

.bg-black {
	background-color: #000 !important;
}

.bg-gradient-black {
	background: linear-gradient(-45deg, #000 0%, #3f4656 100%) !important;
}

.bg-faded {
	background-color: #0071BC !important;
}

.bg-light, .bg-light-grey {
	background-color: #f3f5f9 !important;
}

.bg-highlight {
	background-color: rgba(0, 0, 0, 0.05) !important;
}

.bg-highlight-dark {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-highlight-white {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-highlight-white-dark {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-light-grey-dark {
	background-color: #e4e7ed !important;
}

.bg-grey {
	background-color: #cBced6 !important;
}

.bg-gradient-grey {
	background: linear-gradient(-45deg, #e4e7ed 0%, #cBced6 100%) !important;
}

.bg-grey-dark {
	background-color: #a9afbd !important;
}

.bg-dark-grey {
	background-color: #636a7b !important;
}

.bg-dark-grey-dark {
	background-color: #3f4656 !important;
}

.bg-inverse {
	background-color: #2c3241 !important;
}

.bg-text-color {
	background-color: #3a3f51 !important;
}

.bg-title-color {
	background-color: #0e121e !important;
}

.bg-n10 {
	background-color: #f3f5f9 !important;
}

.bg-n20 {
	background-color: #e4e7ed !important;
}

.bg-n30 {
	background-color: #cBced6 !important;
}

.bg-n40 {
	background-color: #a9afbd !important;
}

.bg-n50 {
	background-color: #8c93a4 !important;
}

.bg-n60 {
	background-color: #767e8f !important;
}

.bg-n70 {
	background-color: #636a7b !important;
}

.bg-n80 {
	background-color: #3f4656 !important;
}

.bg-n90 {
	background-color: #2c3241 !important;
}

.bg-n100 {
	background-color: #161a25 !important;
}

.footer-text-color {
	color: #e4e7ed !important;
}



.bg-primary-light {
	background-color: #c8d4ff !important;
}

.bg-primary {
	background-color: #29ABE2 !important;
}

.bg-primary-dark {
	background-color: #2388B3 !important;
}

.bg-gradient-primary {
	background: linear-gradient(-45deg, #29ABE2 0%, #36b2e8 100%) !important;
}

.bg-secondary-light {
	background-color: #ddc9ff !important;
}

.bg-secondary {
	background-color: #0071BC !important;
}

.bg-secondary-dark {
	background-color: #4700bb !important;
}

.bg-gradient-secondary {
	background: linear-gradient(-45deg, #0071BC 0%, #b555d7 100%) !important;
}

.bg-success-light {
	background-color: #dff4ba !important;
}

.bg-success {
	background-color: #8ac528 !important;
}

.bg-success-dark {
	background-color: #639c04 !important;
}

.bg-gradient-success {
	background: linear-gradient(-45deg, #8ac528 0%, #e4f51d 100%) !important;
}

.bg-info-light {
	background-color: #c9e8ff !important;
}

.bg-info {
	background-color: #0094ff !important;
}

.bg-info-dark {
	background-color: #0071c2 !important;
}

.bg-gradient-info {
	background: linear-gradient(-45deg, #0094ff 0%, #31e3ee 100%) !important;
}

.bg-warning-light {
	background-color: #ffecc8 !important;
}

.bg-warning {
	background-color: #ffa800 !important;
}

.bg-warning-dark {
	background-color: #e58a00 !important;
}

.bg-gradient-warning {
	background: linear-gradient(-45deg, #ffa800 0%, #e8e136 100%) !important;
}

.bg-danger-light {
	background-color: #ffcaca !important;
}

.bg-danger {
	background-color: #ef2525 !important;
}

.bg-danger-dark {
	background-color: #c00606 !important;
}

.bg-gradient-danger {
	background: linear-gradient(-45deg, #ef2525 0%, #f6a84b 100%) !important;
}

.bg-gold {
	background: #d4af37 !important;
}

.bg-yellow {
	background: #ffdf00 !important;
}

.bg-yellow-light {
	background: #fafad2 !important;
}

.bg-primary-highlight {
	background: rgba(0, 55, 255, 0.1) !important;
}

.bg-primary-highlight-dark {
	background: rgba(0, 55, 255, 0.2) !important;
}

.text-white {
	color: #fff !important;
}

.text-black {
	color: #000 !important;
}

.text-light, .text-light-grey {
	color: #f3f5f9 !important;
}

.text-muted, .text-grey {
	color: #cBced6 !important;
}

.text-title {
	color: #0e121e !important;
}

.text-primary {
	color: #29ABE2 !important;
}

.text-secondary {
	color: #0071BC !important;
}

.text-secondary-dark {
	color: #4700bb !important;
}

.text-success {
	color: #8ac528 !important;
}

.text-info {
	color: #0094ff !important;
}

.text-warning {
	color: #ffa800 !important;
}

.text-danger {
	color: #ef2525 !important;
}

.text-facebook {
	color: #4e68a1 !important;
}

.text-twitter {
	color: #65b5f2 !important;
}

.text-linkedin {
	color: #2083bc !important;
}

.text-pinterest {
	color: #d2373b !important;
}

.text-dribbble {
	color: #ec5f94 !important;
}

.text-instagram {
	color: #4c5fd7 !important;
}

.text-vimeo {
	color: #1ab7ea !important;
}

.text-youtube {
	color: #e52d27 !important;
}

.text-dropbox {
	color: #3d9ae8 !important;
}

.text-behance {
	color: #053eff !important;
}

.text-skype {
	color: #00aff0 !important;
}

a.text-white:focus, a.text-white:hover {
	color: #f3f5f9 !important;
}

a.text-black:focus, a.text-black:hover {
	color: #dark-grey !important;
}

a.text-primary:focus, a.text-primary:hover {
	color: #2388B3 !important;
}

a.text-secondary:focus, a.text-secondary:hover {
	color: #4700bb !important;
}

a.text-success:focus, a.text-success:hover {
	color: #639c04 !important;
}

a.text-info:focus, a.text-info:hover {
	color: #0071c2 !important;
}

a.text-warning:focus, a.text-warning:hover {
	color: #e58a00 !important;
}

a.text-danger:focus, a.text-danger:hover {
	color: #c00606 !important;
}

.text-hover {
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.primary-hover:hover {
	color: #29ABE2 !important;
}

.secondary-hover:hover {
	color: #0071BC !important;
}

.success-hover:hover {
	color: #8ac528 !important;
}

.info-hover:hover {
	color: #0094ff !important;
}

.warning-hover:hover {
	color: #ffa800 !important;
}

.danger-hover:hover {
	color: #ef2525 !important;
}

.white-hover:hover {
	color: #fff !important;
}

.grey-hover:hover {
	color: #cBced6 !important;
}

.black-hover:hover {
	color: #000 !important;
}

.dark-hover:hover {
	color: #3a3f51 !important;
}

/*--- end of olors ---*/
/*--- positions ---*/
.relative, .position-relative {
	position: relative !important;
}

.absolute, .position-absolute {
	position: absolute !important;
}

.fixed, .position-fixed {
	position: fixed !important;
}

.static, .position-static {
	position: static !important;
}

.z-index-0 {
	z-index: 0 !important;
}

.z-index-1 {
	z-index: 1 !important;
}

.z-index-2 {
	z-index: 2 !important;
}

.z-index-3 {
	z-index: 3 !important;
}

.z-index-4 {
	z-index: 4 !important;
}

.z-index-5 {
	z-index: 5 !important;
}

.z-index-6 {
	z-index: 6 !important;
}

.z-index-7 {
	z-index: 7 !important;
}

.z-index-8 {
	z-index: 8 !important;
}

.z-index-9 {
	z-index: 9 !important;
}

.z-index-99 {
	z-index: 99 !important;
}

.z-index-999 {
	z-index: 999 !important;
}

.z-index-9999 {
	z-index: 9999 !important;
}

.z-index-99999 {
	z-index: 99999 !important;
}

.z-index-999999 {
	z-index: 999999 !important;
}

/*--- end of positions ---*/
/*--- overflow ---*/
.overflow-hidden {
	overflow: hidden;
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-auto {
	overflow: auto;
}

.overflow-y-auto {
	overflow-y: auto;
}

.overflow-x-auto {
	overflow-x: auto;
}

/*--- end of overflow---*/
/*--- width ---*/
.full-width {
	width: 100% !important;
}

.w100, .w-100 {
	max-width: 100% !important;
}

.w90, .w-90 {
	max-width: 90% !important;
}

.w80, .w-80 {
	max-width: 80% !important;
}

.w70, .w-70 {
	max-width: 70% !important;
}

.w60, .w-60 {
	max-width: 60% !important;
}

.w50, .w-50 {
	max-width: 50% !important;
}

.w40, .w-40 {
	max-width: 40% !important;
}

.w30, .w-30 {
	max-width: 30% !important;
}

.w20, .w-20 {
	max-width: 20% !important;
}

.w10, .w-10 {
	max-width: 10% !important;
}

/*--- end of width ---*/
/*--- height ---*/
.full-height {
	min-height: 100vh !important;
}

.full-height-nav {
	min-height: calc(100vh - 90px) !important;
}

.half-height {
	min-height: 50vh !important;
}

.tq-height {
	min-height: 75vh !important;
}

.height-50 {
	min-height: 50vh !important;
}

.height-75 {
	min-height: 75vh !important;
}

.height-80 {
	min-height: 80vh !important;
}

.height-90 {
	min-height: 90vh !important;
}

.h-25 {
	height: 25% !important
}

.h-50 {
	height: 50% !important
}

.h-75 {
	height: 75% !important
}

.h-100 {
	height: 100% !important
}

.h-auto {
	height: auto !important
}

/*--- end of height ---*/
/*--- opacity ---*/
.opc-100 {
	opacity: 1 !important;
}

.opc-95 {
	opacity: 0.95 !important;
}

.opc-90 {
	opacity: 0.90 !important;
}

.opc-85 {
	opacity: 0.85 !important;
}

.opc-80 {
	opacity: 0.80 !important;
}

.opc-75 {
	opacity: 0.75 !important;
}

.opc-70 {
	opacity: 0.70 !important;
}

.opc-65 {
	opacity: 0.65 !important;
}

.opc-60 {
	opacity: 0.60 !important;
}

.opc-55 {
	opacity: 0.55 !important;
}

.opc-50 {
	opacity: 0.5 !important;
}

.opc-45 {
	opacity: 0.45 !important;
}

.opc-40 {
	opacity: 0.40 !important;
}

.opc-35 {
	opacity: 0.35 !important;
}

.opc-30 {
	opacity: 0.30 !important;
}

.opc-25 {
	opacity: 0.25 !important;
}

.opc-20 {
	opacity: 0.20 !important;
}

.opc-15 {
	opacity: 0.15 !important;
}

.opc-10 {
	opacity: 0.10 !important;
}

.opc-5 {
	opacity: 0.5 !important;
}

.opc-0 {
	opacity: 0 !important;
}

/*--- end of opacity ---*/
/*--- borders ---*/
.inline-column-border {
	border-right: 1px solid #0071BC;
}

	.inline-column-border:last-child {
		border-right: none;
	}

.b-solid {
	border-style: solid !important;
}

.b-0 {
	border: none !important;
}

.b-y-0 {
	border-top: none !important;
	border-bottom: none !important;
}

.b-x-0 {
	border-left: none !important;
	border-right: none !important;
}

.bt-0 {
	border-top: none !important;
}

.bb-0 {
	border-bottom: none !important;
}

.bl-0 {
	border-left: none !important;
}

.br-0 {
	border-right: none !important;
}

.b-1 {
	border: 1px solid transparent !important;
}

.b-2 {
	border: 2px solid transparent !important;
}

.b-3 {
	border: 3px solid transparent !important;
}

.b-4 {
	border: 4px solid transparent !important;
}

.b-5 {
	border: 5px solid transparent !important;
}

.b-y-1 {
	border: 0 !important;
	border-top: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
}

.b-y-2 {
	border: 0 !important;
	border-top: 2px solid transparent !important;
	border-bottom: 2px solid transparent !important;
}

.b-y-3 {
	border: 0 !important;
	border-top: 3px solid transparent !important;
	border-bottom: 3px solid transparent !important;
}

.b-y-4 {
	border: 0 !important;
	border-top: 4px solid transparent !important;
	border-bottom: 4px solid transparent !important;
}

.b-y-5 {
	border: 0 !important;
	border-top: 5px solid transparent !important;
	border-bottom: 5px solid transparent !important;
}

.b-x-1 {
	border: 0 !important;
	border-left: 1px solid transparent !important;
	border-right: 1px solid transparent !important;
}

.b-x-2 {
	border: 0 !important;
	border-left: 2px solid transparent !important;
	border-right: 2px solid transparent !important;
}

.b-x-3 {
	border: 0 !important;
	border-left: 3px solid transparent !important;
	border-right: 3px solid transparent !important;
}

.b-x-4 {
	border: 0 !important;
	border-left: 4px solid transparent !important;
	border-right: 4px solid transparent !important;
}

.b-x-5 {
	border: 0 !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
}

.bt-1 {
	border-top: 1px solid transparent !important;
}

.bt-2 {
	border-top: 2px solid transparent !important;
}

.bt-3 {
	border-top: 3px solid transparent !important;
}

.bt-4 {
	border-top: 4px solid transparent !important;
}

.bt-5 {
	border-top: 5px solid transparent !important;
}

.bb-1 {
	border-bottom: 1px solid transparent !important;
}

.bb-2 {
	border-bottom: 2px solid transparent !important;
}

.bb-3 {
	border-bottom: 3px solid transparent !important;
}

.bb-4 {
	border-bottom: 4px solid transparent !important;
}

.bb-5 {
	border-bottom: 5px solid transparent !important;
}

.bl-1 {
	border-left: 1px solid transparent !important;
}

.bl-2 {
	border-left: 2px solid transparent !important;
}

.bl-3 {
	border-left: 3px solid transparent !important;
}

.bl-4 {
	border-left: 4px solid transparent !important;
}

.bl-5 {
	border-left: 5px solid transparent !important;
}

.br-1 {
	border-right: 1px solid transparent !important;
}

.br-2 {
	border-right: 2px solid transparent !important;
}

.br-3 {
	border-right: 3px solid transparent !important;
}

.br-4 {
	border-right: 4px solid transparent !important;
}

.br-5 {
	border-right: 5px solid transparent !important;
}

.bw-1 {
	border-width: 1px !important;
}

.bw-2 {
	border-width: 2px !important;
}

.bw-3 {
	border-width: 3px !important;
}

.bw-4 {
	border-width: 4px !important;
}

.bw-5 {
	border-width: 5px !important;
}

.bw-6 {
	border-width: 6px !important;
}

.bw-7 {
	border-width: 7px !important;
}

.bw-8 {
	border-width: 8px !important;
}

.bw-9 {
	border-width: 9px !important;
}

.bw-10 {
	border-width: 10px !important;
}

.rectangle, .sharp {
	border-radius: 0 !important;
}

.rounded {
	border-radius: 1rem !important;
}

.rounded-xs {
	border-radius: 0.375rem !important;
}

.rounded-sm {
	border-radius: 0.5rem !important;
}

.rounded-lg {
	border-radius: 1.5rem !important;
}

.rounded-xl {
	border-radius: 2rem !important;
}

.rounded-5 {
	border-radius: 5px !important;
}

.rounded-10 {
	border-radius: 10px !important;
}

.rounded-15 {
	border-radius: 15px !important;
}

.rounded-20 {
	border-radius: 20px !important;
}

.rounded-25 {
	border-radius: 25px !important;
}

.rounded-30 {
	border-radius: 30px !important;
}

.pill, .btn-pill {
	border-radius: 50px !important;
}

.circle {
	border-radius: 50% !important;
}

.border-white {
	border-color: #fff !important;
}

.border-highlight {
	border-color: rgba(0, 0, 0, 0.05) !important;
}

.border-highlight-dark {
	border-color: rgba(0, 0, 0, 0.1) !important;
}

.border-highlight-dark-mode {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-highlight-dark-dark-mode {
	border-color: rgba(255, 255, 255, 0.2) !important;
}

.border-light {
	border-color: #f3f5f9 !important;
}

.border-light-grey {
	border-color: #f3f5f9 !important;
}

.border-light-grey-dark {
	border-color: #e4e7ed !important;
}

.border-grey {
	border-color: #cBced6 !important;
}

.border-black {
	border-color: #000 !important;
}

.border-dark {
	border-color: #3a3f51 !important;
}

.border-faded {
	border-color: #f3f5f9 !important;
}

.border-inverse {
	border-color: #636a7b !important;
}

.border-primary {
	border-color: #29ABE2 !important;
}

.border-primary-dark {
	border-color: #2388B3 !important;
}

.border-secondary {
	border-color: #0071BC !important;
}

.border-secondary-dark {
	border-color: #4700bb !important;
}

.border-success {
	border-color: #8ac528 !important;
}

.border-success-dark {
	border-color: #639c04 !important;
}

.border-info {
	border-color: #0094ff !important;
}

.border-info-dark {
	border-color: #0071c2 !important;
}

.border-warning {
	border-color: #ffa800 !important;
}

.border-warning-dark {
	border-color: #e58a00 !important;
}

.border-danger {
	border-color: #ef2525 !important;
}

.border-danger-dark {
	border-color: #c00606 !important;
}

.border-n10 {
	border-color: #f3f5f9 !important;
}

.border-n20 {
	border-color: #e4e7ed !important;
}

.border-n30 {
	border-color: #cBced6 !important;
}

.border-n40 {
	border-color: #a9afbd !important;
}

.border-n50 {
	border-color: #8c93a4 !important;
}

.border-n60 {
	border-color: #767e8f !important;
}

.border-n70 {
	border-color: #636a7b !important;
}

.border-n80 {
	border-color: #3f4656 !important;
}

.border-n90 {
	border-color: #2c3241 !important;
}

.border-n100 {
	border-color: #161a25 !important;
}

.border-gold {
	border-color: #d4af37 !important;
}

.border-yellow {
	border-color: #ffdf00 !important;
}

.border-yellow-light {
	border-color: #fafad2 !important;
}

.border-primary-highlight {
	border-color: rgba(0, 55, 255, 0.1) !important;
}

.border-primary-highlight-dark {
	border-color: rgba(0, 55, 255, 0.2) !important;
}


.brand-primary-light {
	color: #9BE1FF;
}

.grey-border {
	border-color: #A9AFBD;
}

.grey-text {
	color: #A9AFBD;
}
/*--- end of borders ---*/
/*--- custom attributes ---*/
.after-dropdown {
	margin-left: 15px;
}

.arrow-none:after {
	display: none;
}

.hide-dropdown-arrow:after {
	display: none !important;
}

.no-move:hover {
	transform: translateY(0) !important;
}

.move, .big-move, .blur {
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

	.move:hover {
		transform: translateY(-3px) !important;
	}

	.big-move:hover {
		transform: translateY(-6px) !important;
	}

.raised-xs, .shadow-xs {
	box-shadow: 0px 2px 6px rgba(63, 70, 86, 0.15) !important;
}

.raised-sm, .shadow-sm {
	box-shadow: 0px 4px 12px -1px rgba(63, 70, 86, 0.07) !important;
}

.raised, .shadow {
	box-shadow: 0px 5px 18px -2px rgba(63, 70, 86, 0.15) !important;
}

.raised-lg, .shadow-lg {
	box-shadow: 0px 8px 28px -2px rgba(63, 70, 86, 0.15) !important;
}

.raised-xl, .shadow-xl {
	box-shadow: 0px 12px 40px -3px rgba(63, 70, 86, 0.15) !important;
}

.raised-xxl, .shadow-xxl {
	box-shadow: 0px 12px 40px -3px rgba(63, 70, 86, 0.15) !important;
}

.blur {
	box-shadow: 0px 4px 12px -1px rgba(63, 70, 86, 0.07) !important;
}

	.blur:hover {
		box-shadow: 0px 12px 40px -3px rgba(63, 70, 86, 0.07) !important;
	}

.raised.move:hover {
	box-shadow: 0px 8px 28px -2px rgba(63, 70, 86, 0.07) !important;
}

.no-blur {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

.glass-effect {
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.glass-effect-dark {
	background: linear-gradient(-45deg, rgba(63, 70, 86, 0.5) 0%, rgba(63, 70, 86, 0.2) 100%);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

body .no-shadow, body .no-shadow:hover, body .no-shadow:active, body .no-shadow:focus {
	box-shadow: none !important;
}

.transform.rotate-1 {
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.transform.rotate-2 {
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.transform.rotate-3 {
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.transform.rotate-4 {
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.transform.rotate-5 {
	-webkit-transform: translate3d(20%, -55%, 0);
	transform: translate3d(20%, -55%, 0);
}

.hide-dark-mode {
	display: block !important;
}

	.hide-dark-mode.d-ib {
		display: inline-block !important;
	}

	.hide-dark-mode.d-in {
		display: inline !important;
	}

	.hide-dark-mode.d-fx {
		display: flex !important;
	}

	.hide-dark-mode.d-if {
		display: inline-flex !important;
	}

.hide-light-mode {
	display: none !important;
}

/*--- end of custom attributes ---*/
/*--- animations ---*/
.animate__animated {
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
}

	.animate__animated.fast {
		-webkit-animation-duration: 0.5s !important;
		animation-duration: 0.4s !important;
	}

	.animate__animated.first {
		-webkit-animation-duration: 1.5s !important;
		animation-duration: 1.5s !important;
		animation-delay: 0.5s;
	}

	.animate__animated.second {
		-webkit-animation-duration: 1.6s !important;
		animation-duration: 1.6s !important;
		animation-delay: 1s;
	}

	.animate__animated.third {
		-webkit-animation-duration: 1.5s !important;
		animation-duration: 1.5s !important;
		animation-delay: 1.3s;
	}

	.animate__animated.fourth {
		-webkit-animation-duration: 1.6s !important;
		animation-duration: 1.6s !important;
		animation-delay: 1.8s;
	}

	.animate__animated.fifth {
		-webkit-animation-duration: 1.5s !important;
		animation-duration: 1.5s !important;
		animation-delay: 2s;
	}

	.animate__animated.sixth {
		-webkit-animation-duration: 1.5s !important;
		animation-duration: 1.5s !important;
		animation-delay: 2.5s;
	}

	.animate__animated.seventh {
		-webkit-animation-duration: 1.6s !important;
		animation-duration: 1.6s !important;
		animation-delay: 3.2s;
	}

	.animate__animated.eighth {
		-webkit-animation-duration: 1.5s !important;
		animation-duration: 1.5s !important;
		animation-delay: 3.5s;
	}

	.animate__animated.nineth {
		-webkit-animation-duration: 1.6s !important;
		animation-duration: 1.6s !important;
		animation-delay: 3.8s;
	}

	.animate__animated.tenth {
		-webkit-animation-duration: 2s !important;
		animation-duration: 2s !important;
		animation-delay: 4s;
	}

.animate.pulse {
	animation: pulse 1s infinite;
	animation-timing-function: linear;
}

.animate.pulse-hover:hover {
	animation: pulse 1s infinite;
	animation-timing-function: linear;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
		100%

{
	transform: scale(1);
}

}
}

.animate.zoom:hover {
	transform: scale(1.1);
	transition: all ease 500ms;
}

.animate.move-vertical {
	animation: move-vertical 900ms infinite;
	animation-timing-function: linear;
}

@keyframes move-vertical {
	0% {
		transform: translate(0px, 4px);
	}

	50% {
		transform: translate(0px, -4px);
	}

	100% {
		transform: translate(0px, 4px);
	}
}

.animate.move-horizontal {
	animation: move-horizontal 900ms infinite;
	animation-timing-function: linear;
}

@keyframes move-horizontal {
	0% {
		transform: translate(4px, 0px);
	}

	50% {
		transform: translate(-4px, 0px);
	}

	100% {
		transform: translate(4px, 0px);
	}
}

/*--- end of animations ---*/
/*------- end of utility classes -------*/
/*---------- dark-mode ----------*/
body.dark-mode {
	background-color: #161a25;
	color: #e4e7ed;
	/* Bootstrap 5 variable overrides for dark mode */
	--bs-body-color: #e4e7ed;
	--bs-body-bg: #161a25;
	--bs-secondary-color: #c9d1dd;
	--bs-tertiary-color: #a9b3c3;
	--bs-border-color: #3a3f51;
	--bs-card-bg: #2c3241;
	--bs-card-color: #e4e7ed;
	--bs-link-color: #e4e7ed;
	--bs-link-hover-color: #ffffff;
}

.bg-body.dark-mode, .dark-mode .bg-body {
	background-color: #161a25 !important;
}

.dark-mode .bg-white {
	background-color: #161a25 !important;
}

.dark-mode section.bg-white {
	background-color: #161a25 !important;
}

.dark-mode .card .bg-white {
	background-color: #2c3241 !important;
}

.dark-mode .bg-light {
	background-color: #3a3f51 !important;
}

.dark-mode .text-color {
	color: #e4e7ed !important;
}

.dark-mode .border-highlight {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-highlight-dark {
	border-color: rgba(255, 255, 255, 0.2) !important;
}

.dark-mode .border-light {
	border-color: #3a3f51 !important;
}

.dark-mode .hide-dark-mode {
	display: none !important;
}

.dark-mode .hide-light-mode {
	display: block !important;
}

	.dark-mode .hide-light-mode.d-ib {
		display: inline-block !important;
	}

	.dark-mode .hide-light-mode.d-in {
		display: inline !important;
	}

	.dark-mode .hide-light-mode.d-fx {
		display: flex !important;
	}

	.dark-mode .hide-light-mode.d-if {
		display: inline-flex !important;
	}

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
	color: #fff;
}

.dark-mode a, .dark-mode a:focus {
	color: #e4e7ed;
}

	.dark-mode a:hover {
		color: #fff;
		opacity: 1;
	}

.dark-mode p a, .dark-mode p a:focus {
	color: #29ABE2;
}

	.dark-mode p a:hover, .dark-mode .tab-content a:hover, .dark-mode .ui-card a:hover {
		color: #fff;
		opacity: 1;
	}

.dark-mode .bg-primary a, .dark-mode .bg-primary a:focus, .dark-mode.bg-primary a, .dark-mode.bg-primary a:focus {
	color: #e4e7ed;
	opacity: 1;
}

	.dark-mode .bg-primary a:hover, .dark-mode.bg-primary a:hover {
		color: #fff;
		opacity: 1;
	}

.dark-mode a.btn, .dark-mode .btn:hover, .dark-mode .btn-social:hover {
	opacity: 1;
}

.dark-mode .btn-outline-highlight, .dark-mode .btn-outline-highlight:focus {
	color: rgba(255, 255, 255, 0.2) !important;
	background-color: transparent !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
}

	.dark-mode .btn-outline-highlight:hover, .dark-mode .btn-outline-highlight.active {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.2) !important;
		border-color: transparent !important;
	}

.dark-mode .btn-gradient-highlight, .dark-mode .btn-gradient-highlight:focus {
	color: #fff !important;
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
	border-color: transparent !important;
}

.dark-mode [class*="btn-gradient"]:hover {
	opacity: 0.75;
}

.dark-mode .btn-github, .dark-mode .btn-github:active, .dark-mode .btn-github:focus {
	color: #333 !important;
	background: #f3f5f9;
	border-color: #f3f5f9;
}

	.dark-mode .btn-github:hover {
		color: #333 !important;
		background: #cBced6;
		border-color: #cBced6;
	}

.dark-mode .title-color {
	color: #fff !important;
}

.dark-mode .text-link, .dark-mode .text-link:focus {
	color: #e4e7ed;
	opacity: 1;
}

	.dark-mode .text-link:hover {
		color: #fff;
		opacity: 1;
	}

.dark-mode .title-link, .dark-mode .title-link:focus {
	color: #fff !important;
}

	.dark-mode .title-link:hover {
		color: #29ABE2 !important;
	}

.dark-mode p {
	color: #e4e7ed;
}

.dark-mode li {
	color: #e4e7ed;
}

.dark-mode .section-sub-title {
	color: #fff;
}

.dark-mode .alert-default {
	background-color: #2c3241;
}

.dark-mode .nav a, .dark-mode .pagination .active a, .dark-mode .navbar-brand {
	opacity: 1 !important;
}

.dark-mode .btn-highlight, .navbar-inverse .btn-highlight, .bg-inverse .btn-highlight, .bg-dark .btn-highlight, .bg-black .btn-highlight {
	color: #fff !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
	border-color: transparent !important;
}

	.dark-mode .btn-highlight:hover, .dark-mode .btn-highlight.active, .navbar-inverse .btn-highlight:hover, .bg-inverse .btn-highlight:hover, .bg-dark .btn-highlight:hover, .bg-black .btn-highlight:hover {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.2) !important;
		border-color: transparent !important;
	}

.dark-mode .dark-mode-btn {
	display: none;
}

.dark-mode .light-mode-btn {
	display: block;
}

.dark-mode .navbar-light.bg-white, .dark-mode .navbar-light.bg-light, .dark-mode .navbar-light.bg-transparent.nav-fixed {
	background-color: #161a25 !important;
}

.dark-mode .navbar-light .nav-link, .dark-mode .navbar-light .nav-link:focus {
	color: #e4e7ed !important;
}

.dark-mode .navbar.nav-fixed, .dark-mode .fixed-top.nav-scroll {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
}

.dark-mode .navbar-light .nav-link:hover, .dark-mode .navbar-light .nav-link.active {
	color: #fff !important;
}

.dark-mode .menu-line li a.nav-link span:before {
	background-color: #fff;
}

.dark-mode .menu-pills .nav-link:hover, .dark-mode .menu-pills .nav-link.active {
	color: #fff !important;
}

.dark-mode .bg-primary .nav-link, .dark-mode .bg-primary .nav-link:focus {
	color: #e4e7ed !important;
}

	.dark-mode .bg-primary .nav-link:hover, .dark-mode .bg-primary .nav-link.active {
		color: #fff !important;
	}

.dark-mode .navbar-toggler .icon-bar {
	background-color: #f3f5f9;
}

.dark-mode .pagination a {
	color: #fff;
	opacity: 0.75;
}

	.dark-mode .pagination a:hover {
		opacity: 1;
	}

.dark-mode .page-item.disabled .page-link {
	color: #9ca3af !important;
	opacity: 0.6 !important;
}

.dark-mode .page-item.disabled span.page-link {
	color: #9ca3af !important;
	opacity: 0.6 !important;
}

.dark-mode .breadcrumb.bg-white {
	background-color: #000 !important;
}

.dark-mode .breadcrumb-item {
	color: #fff;
}

	.dark-mode .breadcrumb-item:hover {
		opacity: 1;
		color: #29ABE2;
	}

	.dark-mode .breadcrumb-item::before {
		color: #e4e7ed !important;
	}

	.dark-mode .breadcrumb-item.active, .dark-mode .breadcrumb-item.active:hover {
		color: #8c93a4;
	}

	.dark-mode .breadcrumb-item:hover {
		color: #29ABE2;
	}

	.dark-mode .breadcrumb-item + .breadcrumb-item::before {
		color: #e4e7ed;
	}

.dark-mode .list-group-item {
	background-color: #161a25;
	border-color: #636a7b;
}

.dark-mode .list-group-item-action:focus, .dark-mode .list-group-item-action:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .list-group-item.active, .dark-mode .list-group-item.active:hover {
	color: #fff;
	background-color: #29ABE2;
	border-color: #29ABE2;
}

.dark-mode table {
	border-color: #636a7b !important;
}

.dark-mode .table thead th {
	color: #fff;
	border-bottom: 1px solid #636a7b !important;
	background-color: transparent;
}

.dark-mode .table .thead-light {
	color: #fff;
	background-color: #3a3f51;
}

.dark-mode .table td, .dark-mode .table th {
	color: #e4e7ed;
	border-right-color: #636a7b !important;
}

.dark-mode .table tr {
	border-color: #636a7b;
	color: #e4e7ed;
}

.dark-mode .thead-default th {
	color: #fff;
	background-color: #3a3f51;
}

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
	background-color: #2c3241;
}

	.dark-mode .table-striped tbody tr:nth-of-type(odd) th, .dark-mode .table-striped tbody tr:nth-of-type(odd) td {
		color: #e4e7ed;
		border-color: #636a7b !important;
		background-color: #2c3241 !important;
	}

.dark-mode .table-bordered td, .dark-mode .table-bordered th {
	border-color: #636a7b;
}

.dark-mode .table-active, .table-active > td, .dark-mode .table-active > th {
	background-color: #636a7b;
}

.dark-mode .nav-pills .nav-link {
	color: #e4e7ed;
	background-color: rgba(255, 255, 255, 0.1);
}

	.dark-mode .nav-pills .nav-link:hover {
		color: #29ABE2 !important;
		background-color: #c8d4ff;
	}

	.dark-mode .nav-pills .nav-link.active, .dark-mode .nav-pills .nav-link.active:hover {
		color: #fff !important;
		background-color: #29ABE2;
	}

.dark-mode .toast {
	background: #2c3241;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

.dark-mode .toast-header {
	color: #fff;
	border-bottom: #636a7b;
}

	.dark-mode .toast-header small {
		color: #e4e7ed;
	}

.dark-mode .toast .btn-close {
	color: #fff;
}

.dark-mode .toast-body p {
	color: #f3f5f9;
}

.dark-mode .popover {
	background-color: #2c3241;
	color: #e4e7ed;
}

	.dark-mode .popover * {
		color: #fff;
		opacity: 0.75;
	}

.dark-mode .popover-header {
	color: #fff !important;
	opacity: 1;
}

.dark-mode .bs-popover-top .popover-arrow:after, .dark-mode .bs-popover-top .popover-arrow:before {
	border-top-color: #2c3241;
}

.dark-mode .bs-popover-bottom .popover-arrow:after, .dark-mode .bs-popover-bottom .popover-arrow:before {
	border-bottom-color: #2c3241;
}

.dark-mode .bs-popover-start .popover-arrow:after, .dark-mode .bs-popover-start .popover-arrow:before {
	border-left-color: #2c3241;
}

.dark-mode .bs-popover-end .popover-arrow:after, .dark-mode .bs-popover-end .popover-arrow:before {
	border-right-color: #2c3241;
}

.dark-mode .form-control {
	color: #f1f4ff;
	background-color: rgba(255, 255, 255, 0.04);
	border-color: #6b7284;
}

.dark-mode .form-control:focus,
.dark-mode input:focus,
.dark-mode textarea:focus,
.dark-mode .custom-select:focus,
.dark-mode .multiple-selector:focus {
	color: #f1f4ff !important;
	outline: none !important;
	background-color: rgba(41, 171, 226, 0.08);
	border-color: #29ABE2 !important;
	box-shadow: 0 0 0 0.25rem rgba(41, 171, 226, 0.15);
}

.form-floating > .form-control::placeholder {
	color: transparent;
	opacity: 0;
	transition: color 0.15s ease, opacity 0.15s ease;
}

.form-floating > .form-control:focus::placeholder,
.form-floating > .form-control:not(:placeholder-shown)::placeholder {
	color: rgba(108, 117, 125, 0.85);
	opacity: 1;
}

.dark-mode .form-control::placeholder,
.dark-mode input::placeholder,
.dark-mode textarea::placeholder {
	color: transparent;
}

.dark-mode .form-control:-ms-input-placeholder,
.dark-mode input:-ms-input-placeholder,
.dark-mode textarea:-ms-input-placeholder {
	color: transparent;
}

.dark-mode .form-control::-ms-input-placeholder,
.dark-mode input::-ms-input-placeholder,
.dark-mode textarea::-ms-input-placeholder {
	color: transparent;
}

.dark-mode .form-floating > label {
	color: #aeb8d3;
}

.dark-mode .form-floating > .form-control:focus ~ label,
.dark-mode .form-floating > .form-control:not(:placeholder-shown) ~ label {
	color: #7bc4ff;
	opacity: 0.95;
}

.dark-mode .form-floating > .form-control,
.dark-mode .form-floating > .form-control:focus {
	background-color: rgba(255, 255, 255, 0.04);
}

.dark-mode .form-floating > .form-control:focus::placeholder,
.dark-mode .form-floating > .form-control:not(:placeholder-shown)::placeholder {
	color: rgba(123, 196, 255, 0.75);
	opacity: 1;
}

.dark-mode .form-control:-ms-input-placeholder,
.dark-mode input:-ms-input-placeholder,
.dark-mode textarea:-ms-input-placeholder {
	color: #a2acc4;
}

.dark-mode .form-control::-ms-input-placeholder,
.dark-mode input::-ms-input-placeholder,
.dark-mode textarea::-ms-input-placeholder {
	color: #a2acc4;
}

.dark-mode .custom-select {
	color: #e4e7ed;
	border-color: #636a7b;
	background-color: #2c3241;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 512 512'%3E%3Ctitle%3Eicon-select%3C/title%3E%3Cpolyline points='112 184 256 328 400 184' style='fill:none%3Bstroke:%23C4C4C4%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-width:45px'/%3E%3C/svg%3E");
}

/* Fix upload text visibility in dark mode */
.dark-mode .upload-text {
	color: #e4e7ed !important;
}

.dark-mode .supported-formats {
	color: #cBced6 !important;
}

/* Ensure dropdown has higher z-index than upload area */
.custom-select {
	z-index: 1050 !important;
}

.custom-select:focus {
	z-index: 1051 !important;
}

.dark-mode .needs-validation .form-control:focus, .dark-mode .needs-validation .form-control:active {
	border-color: #29ABE2 !important;
}

.dark-mode .btn-file input[type=file] {
	color: #fff;
	background: #2c3241;
}

.dark-mode .form-control.w-icon-left {
	border-color: #636a7b;
}

.dark-mode .input-group-text {
	color: #e4e7ed;
	background: #2c3241;
	border-color: #636a7b;
}

.dark-mode .input-group-addon {
	color: #e4e7ed;
	background-color: #636a7b;
	border-color: #636a7b;
}

.dark-mode .form-control.is-valid, .dark-mode .was-validated .form-control:valid {
	border-color: #8ac528 !important;
}

.dark-mode .form-control.is-invalid, .dark-mode .was-validated .form-control:invalid {
	border-color: #ef2525 !important;
}

.dark-mode .onoffswitch-switch, .dark-mode .onoffswitch2-switch {
	background: #636a7b;
}

.dark-mode .onoffswitch2-inner:before {
	background-color: #2c3241;
}

.dark-mode .onoffswitch2-inner.primary-switch:before {
	background-color: #29ABE2;
}

.dark-mode .onoffswitch2-inner.secondary-switch:before {
	background-color: #0071BC;
}

.dark-mode .onoffswitch2-inner.success-switch:before {
	background-color: #8ac528;
}

.dark-mode .onoffswitch2-inner.info-switch:before {
	background-color: #0094ff;
}

.dark-mode .onoffswitch2-inner.warning-switch:before {
	background-color: #ffa800;
}

.dark-mode .onoffswitch2-inner.danger-switch:before {
	background-color: #ef2525;
}

.dark-mode .onoffswitch2-inner:after {
	color: #636a7b;
}

.dark-mode .onoffswitch-inner:after, .dark-mode .onoffswitch2-inner:after {
	background: #2c3241;
}

.dark-mode .onoffswitch-inner:before {
	background: rgba(255, 255, 255, 0.1);
}

.dark-mode .icon-switch.mode-switcher .onoffswitch2-switch {
	background-color: #2c3241;
}

/*.dark-mode ::-webkit-input-placeholder {
	color: #cBced6 !important;
}

.dark-mode ::-moz-placeholder {
	color: #cBced6 !important;
}

.dark-mode :-moz-placeholder {
	color: #cBced6 !important;
}

.dark-mode :-ms-input-placeholder {
	color: #cBced6 !important;
}
	*/
.dark-mode .overlay-icon {
	color: #cBced6 !important;
}

.dark-mode .checkbox label::before {
	border-color: #636a7b;
	background-color: transparent;
}

.dark-mode .checkbox label::after {
	color: #0071BC;
}

.dark-mode .checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #636a7b;
	border-color: #636a7b;
}

.dark-mode .checkbox label {
	color: #e4e7ed !important;
}

.dark-mode .radio label::before {
	border: 1px solid #636a7b;
	background-color: transparent;
}

.dark-mode .radio label::after {
	background-color: #0071BC;
}

.dark-mode .form-wrapper {
	background: #2c3241;
	border-color: #636a7b;
}

.dark-mode #loader-wrapper .loader-section {
	background: #161a25;
}

.dark-mode .progress {
	background-color: #2c3241;
}

.dark-mode .card .progress, .dark-mode .promo-box .progress {
	background-color: #000;
}

/* Pixerr Studio: label row must not inherit card progress bar styling (full-width black strip in dark mode). */
.dark-mode .pixerr-studio .progress,
.dark-mode .pixerr-studio .progress-row {
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	height: auto !important;
	min-height: 0 !important;
}

.dark-mode .noUi-handle {
	background-color: #2c3241;
}

.dark-mode .noUi-target {
	background-color: #000;
}

.dark-mode .card {
	background-color: #2c3241;
	border-color: #3a3f51;
}

/* Cards with bg-white/bg-opacity-10: force solid dark background so text is readable */
.dark-mode .card.bg-white,
.dark-mode .card.bg-opacity-10 {
	background-color: #2c3241 !important;
}

/* Bootstrap .alert-light is a near-white panel; in dark mode body text is light — fix contrast site-wide */
.dark-mode .alert.alert-light {
	--bs-alert-bg: rgba(255, 255, 255, 0.06);
	--bs-alert-color: #e4e7ed;
	--bs-alert-border-color: #3a3f51;
	background-color: rgba(255, 255, 255, 0.06) !important;
	border-color: #3a3f51 !important;
	color: #e4e7ed !important;
}
.dark-mode .alert.alert-light .alert-heading,
.dark-mode .alert.alert-light .fw-semibold,
.dark-mode .alert.alert-light strong {
	color: #f8fafc !important;
}
.dark-mode .alert.alert-light .small,
.dark-mode .alert.alert-light label,
.dark-mode .alert.alert-light .form-check-label,
.dark-mode .alert.alert-light span:not(.badge),
.dark-mode .alert.alert-light p,
.dark-mode .alert.alert-light li,
.dark-mode .alert.alert-light code {
	color: #e4e7ed !important;
}
.dark-mode .alert.alert-light a {
	color: #7dd3fc !important;
}
.dark-mode .alert.alert-light a:hover {
	color: #bae6fd !important;
}

/* Shops owner preview: checklist + header icons (inline #212529 was invisible on dark-mode alert-light panels) */
.shop-owner-preview-banner {
	color: #212529;
}
.shop-owner-preview-banner .alert-heading {
	color: #111827;
}
.shop-owner-preview-banner__icon,
.shop-owner-preview-banner__check,
.shop-owner-preview-banner__circle {
	color: #374151;
	opacity: 0.92;
}
.shop-owner-preview-banner__sub {
	color: #4b5563;
}
.dark-mode .shop-owner-preview-banner,
.dark-mode .shop-owner-preview-banner .alert-heading,
.dark-mode .shop-owner-preview-banner p,
.dark-mode .shop-owner-preview-banner li {
	color: #f1f5f9 !important;
}
.dark-mode .shop-owner-preview-banner__icon,
.dark-mode .shop-owner-preview-banner__check,
.dark-mode .shop-owner-preview-banner__circle {
	color: #f8fafc !important;
	opacity: 0.95;
}
.dark-mode .shop-owner-preview-banner p.shop-owner-preview-banner__sub {
	color: #e2e8f0 !important;
}

/* Force readable text in card body (overrides any Bootstrap/utility that leaves dark text) */
.dark-mode .card .card-body {
	color: #e4e7ed !important;
}
.dark-mode .card .card-body p,
.dark-mode .card .card-body .small,
.dark-mode .card .card-body span:not(.badge),
.dark-mode .card .card-body .fs-5 {
	color: #e4e7ed !important;
}

.dark-mode .card-title {
	color: #fff;
}

.dark-mode .demo-item-link .card-title {
	color: #fff;
}

.dark-mode .demo-item-link:hover .card-title {
	color: #29ABE2;
}

.dark-mode .card-drop i {
	color: #e4e7ed;
}

.dark-mode .card-header {
	border-bottom-color: #3a3f51;
}

.dark-mode .card-footer {
	border-top-ccolor: #3a3f51;
}

.dark-mode .card-header, .dark-mode .card-footer {
	background: #2c3241;
}

.dark-mode .card-sub-title {
	color: #e4e7ed;
}

.dark-mode .modal-backdrop {
	background-color: rgba(44, 50, 65, 0.9);
}

.dark-mode .modal-content {
	background-color: #000;
}

.dark-mode .modal-fs .modal-close {
	color: #fff;
	border-color: #fff;
}

	.dark-mode .modal-fs .modal-close:hover {
		color: #fff;
		background-color: transparent;
	}

.dark-mode .swiper-pagination-bullet {
	background-color: #fff;
}

	.dark-mode .swiper-pagination-bullet.active {
		background-color: #29ABE2;
	}

.dark-mode .swiper-pagination-bullet-active {
	background-color: white;
}

.dark-mode .swiper-horizontal.pagination-down > .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #29ABE2;
}

.dark-mode .accordion {
	background: #2c3241;
}

.dark-mode .accordion-button {
	color: #fff;
	border-color: #3a3f51;
}

.dark-mode .accordion-item {
	color: #e4e7ed;
}

	.dark-mode .accordion-item .accordion-button:focus {
		border-color: #3a3f51;
	}

.dark-mode .accordion-button.collapsed i {
	color: #fff;
}

.dark-mode .accordion-collapse {
	border-color: #3a3f51;
}

.dark-mode .minimal-accordion .accordion-button span {
	background: #3a3f51;
}

.dark-mode .accordion-button:not(.collapsed) {
	color: #29ABE2;
	background-color: transparent;
}

.dark-mode .accordion .card {
	background: #2c3241;
}

.dark-mode .accordion .card-body {
	color: #e4e7ed;
	border-top-color: #3a3f51;
}

.dark-mode .spaced-accordion {
	background: transparent;
}

	.dark-mode .spaced-accordion .accordion-item {
		background: #2c3241;
		box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
	}

	.dark-mode .spaced-accordion .accordion-body p {
		border-top-color: #3f4656;
	}

	.dark-mode .spaced-accordion.style2 .accordion-item {
		background: #161a25;
		box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
	}

.dark-mode .dropdown-menu {
	background-color: #2c3241;
	box-shadow: 0px 4px 12px -1px rgba(0, 0, 0, 0.5);
}

.dark-mode .dropdown-item.active, .dark-mode .dropdown-item.active:hover, .dark-mode .dropdown-item:active {
	color: #29ABE2 !important;
}

.dark-mode .dropdown-divider {
	border-color: #636a7b;
}

.dark-mode .dropdown-item:hover {
	color: #29ABE2;
}

.dark-mode .dropdown-select .dropdown-item:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .dropdown-select .active {
	background-color: #29ABE2 !important;
	color: #fff !important;
}

.dark-mode .promo-box {
	background-color: #2c3241;
	border-color: #3a3f51;
	box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
}

	.dark-mode .promo-box.has-process-icon:after, .dark-mode .promo-box.dark.has-process-icon:after {
		color: rgba(25, 25, 25, 0.75);
	}

	.dark-mode .promo-box .col-line-bottom {
		border-bottom-color: #3a3f51;
	}

	.dark-mode .promo-box .col-line {
		border-right-color: #3a3f51;
	}

.dark-mode .widget {
	background-color: #2c3241;
	border-color: #3f4656;
}

.dark-mode footer {
	background-color: #161a25;
}

	.dark-mode footer .text-link:hover, footer.dark-mode .text-link:hover {
		color: #29ABE2;
	}

.dark-mode .footer-widget-area, .dark-mode footer, footer.dark-mode {
	border-color: rgba(255, 255, 255, 0.1);
}

	.dark-mode .footer-widget-area .widget, .footer-widget-area.dark .widget {
		background-color: transparent;
		border-color: transparent;
	}

.dark-mode .comment-reply, .dark-mode .comment-reply:focus, .dark-mode .comment-reply:hover {
	color: #fff;
	opacity: 0.75;
}

	.dark-mode .comment-reply:hover {
		opacity: 1;
	}

.dark-mode .timeline:before {
	background-color: #3f4656;
}

.dark-mode .timeline.w-icons:before {
	background-color: rgba(0, 0, 0, 0.5);
}

.dark-mode .timeline > li > .timeline-badge {
	border-color: #2c3241;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

.dark-mode .timeline > li > .timeline-panel {
	background-color: #2c3241;
	box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
}

.dark-mode .menu-list a {
	color: #e4e7ed;
	opacity: 1;
}

	.dark-mode .menu-list a:hover {
		color: #fff;
		opacity: 1;
	}

.dark-mode .filter-title {
	color: #fff;
}

.dark-mode .filter-btn {
	color: #fff;
}

	.dark-mode .filter-btn:hover {
		color: #29ABE2;
	}

	.dark-mode .filter-btn.is-checked {
		color: #fff;
	}

		.dark-mode .filter-btn.is-checked:hover {
			color: #fff;
		}

.dark-mode .hovereffect {
	box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
}

.dark-mode .hovereffect-title .hover-bottom {
	background-color: #2c3241;
}

.dark-mode .hovereffect-title .project-title {
	color: #fff;
}

	.dark-mode .hovereffect-title .project-title:hover {
		color: #29ABE2;
	}

.dark-mode .comment-author {
	color: #fff;
}

.dark-mode .glightbox-clean .gslide-description {
	background-color: #000;
}

.dark-mode .glightbox-clean .gslide-title {
	color: #fff;
}

.dark-mode .glightbox-clean .gslide-desc {
	color: #0071BC;
}

.dark-mode .hovereffect-title .hover-bottom a {
	color: #fff;
	opacity: 1;
}

	.dark-mode .hovereffect-title .hover-bottom a:hover {
		color: #29ABE2;
	}

.dark-mode .product-price {
	background-color: #2c3241;
}

	.dark-mode .product-price.w-del del {
		border-color: #3a3f51;
	}

.dark-mode .mega-menu .sub-menu {
	border-color: #3a3f51;
}

.dark-mode form label {
	color: #e4e7ed;
}

.dark-mode .wishlist-list li {
	border-color: #3a3f51;
}

.dark-mode .nav-tabs .nav-link {
	color: #e4e7ed;
}

	.dark-mode .nav-tabs .nav-link:hover {
		color: #fff;
	}

.dark-mode .nav-tabs.product-tabs .nav-link:hover {
	border-color: #fff !important;
}

.dark-mode .nav-tabs.product-tabs .nav-link.active:hover {
	border-color: #29ABE2 !important;
}

.dark-mode .nav-tabs .nav-link.active {
	color: #29ABE2;
	border-color: #29ABE2;
}

.dark-mode .shipping-info, .dark-mode .order-info {
	border-color: #3a3f51;
}

.dark-mode .shipping-options {
	background-color: #161a25;
	border-color: #3a3f51;
}

.dark-mode .accepted-cards {
	background-color: #161a25;
	border-color: #3a3f51;
}

.dark-mode .accepted-cards-text {
	color: #fff;
}

.dark-mode .order-list li {
	border-color: #3a3f51;
}

.dark-mode .spacer {
	border-color: #3a3f51;
}

.dark-mode .hovereffect-title.project-icons a {
	opacity: 1 !important;
	background-color: #fff;
	color: #000;
}

	.dark-mode .hovereffect-title.project-icons a:hover {
		background-color: #3a3f51 !important;
		color: #fff;
	}

.dark-mode .project-details .hovereffect .overlay {
	background: transparent;
}

.dark-mode .hovereffect, .dark-mode .card .project .hovereffect {
	background: #3f4656;
}

	.dark-mode .hovereffect.bg-white, .dark-mode .card .project .hovereffect.bg-white {
		background: #2c3241 !important;
	}

	.dark-mode .hovereffect .overlay {
		background: rgba(44, 50, 65, 0.9);
	}

.dark-mode .hovereffect-title .hover-icons a {
	color: #fff;
}

.dark-mode .project-card .card-title {
	color: #fff;
}

	.dark-mode .project-card .card-title:hover {
		color: #29ABE2;
	}

.dark-mode .bg-light {
	background-color: #2c3241 !important;
}

.dark-mode .bg-highlight {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .bg-highlight-dark {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

.dark-mode .side-navbar {
	background: #2c3241 !important;
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

.dark-mode .nav-ui {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-mode .side-navbar .nav-link {
	color: #e4e7ed;
}

.dark-mode .side-navbar .sidenav-title, .dark-mode .side-navbar .sidenav-sub-item.sub-title {
	color: #636a7b;
}

.dark-mode .side-navbar.nav-inverse .nav-link.has-collapse:after {
	color: #fff;
}

.dark-mode .side-navbar .nav-link.has-collapse, .dark-mode .side-navbar.nav-inverse .nav-link.has-collapse:hover {
	color: #fff !important;
	background-color: #29ABE2;
}

	.dark-mode .side-navbar .nav-link.has-collapse.collapsed:hover:after {
		color: #29ABE2 !important;
	}

	.dark-mode .side-navbar .nav-link.has-collapse.collapsed, .dark-mode .side-navbar.nav-primary .nav-link.has-collapse.collapsed, .dark-mode .side-navbar.nav-primary .nav-link.has-collapse.collapsed:after {
		color: #e4e7ed !important;
		background-color: transparent !important;
	}

		.dark-mode .side-navbar .nav-link.has-collapse.collapsed:hover, .dark-mode .side-navbar.nav-primary .nav-link.has-collapse.collapsed:hover, .dark-mode .side-navbar.nav-primary .nav-link.has-collapse.collapsed:hover:after {
			color: #29ABE2 !important;
		}

		.dark-mode .side-navbar .nav-link.has-collapse.collapsed:hover, .dark-mode .side-navbar.nav-primary .nav-link.has-collapse.collapsed:hover {
			background-color: #c8d4ff !important;
		}

		.dark-mode .side-navbar .nav-link.has-collapse.collapsed:hover {
			color: #29ABE2 !important;
			background-color: #c8d4ff;
		}

.dark-mode .side-navbar.nav-primary .nav-link.has-collapse, .dark-mode .side-navbar.nav-primary .nav-link.has-collapse:hover {
	color: #fff !important;
	background-color: rgba(255, 255, 255, 0.2);
}

	.dark-mode .side-navbar.nav-primary .nav-link.has-collapse:after, .dark-mode .side-navbar.nav-primary .nav-link.has-collapse:hover:after {
		color: #fff !important;
	}

.dark-mode .side-navbar .nav-link.sidenav-sub-item.active, .dark-mode .side-navbar .nav-link.sidenav-sub-item.active:hover {
	color: #fff !important;
	background-color: rgba(255, 255, 255, 0.2);
}

.dark-mode .side-navbar .nav-link.sidenav-sub-item:hover {
	color: #e4e7ed !important;
	background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .side-navbar .nav-link.active, .dark-mode .side-navbar .nav-link.has-collapse, .dark-mode .side-navbar .nav-link.has-collapse.collapsed:hover, .dark-mode .side-navbar .nav-link.has-collapse:after, .dark-mode .side-navbar .nav-link.has-collapse:hover:after {
	color: #fff;
	opacity: 1;
}

	.dark-mode .side-navbar .nav-link.has-collapse.collapsed:after {
		color: #e4e7ed !important;
	}

.dark-mode .sidenavbar-logo {
	border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .nav-condensed .side-navbar .small-logo.hide-light-mode {
	display: inline-block !important;
}

.dark-mode .nav-condensed .side-navbar .small-logo.hide-dark-mode {
	display: none !important;
}

.dark-mode .top-nav.bg-white {
	background-color: #161a25 !important;
}

.dark-mode .comp-sidenav .nav-link {
	color: #a9afbd;
}

	.dark-mode .comp-sidenav .nav-link:hover, .dark-mode .comp-sidenav .nav-link.active {
		color: #fff;
		background-color: rgba(255, 255, 255, 0.1);
	}

.dark-mode :not(pre) > code[class*="language-"],
.dark-mode pre[class*="language-"] {
	background: #000;
}

.dark-mode .token.boolean, .dark-mode .token.number {
	color: #ffecc8;
}

.dark-mode .token.keyword {
	color: #dff4ba;
}

.dark-mode .token.property,
.dark-mode .token.tag,
.dark-mode .token.constant,
.dark-mode .token.symbol,
.dark-mode .token.deleted {
	color: #c8d4ff;
}

.dark-mode .token.punctuation {
	color: #c8d4ff;
}

.dark-mode code[class*="language-"],
.dark-mode pre[class*="language-"] {
	color: #f3f5f9;
}

.dark-mode .token.atrule,
.dark-mode .token.attr-value,
.dark-mode .token.function {
	color: #ffcaca;
}

.dark-mode .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}

.dark-mode .offcanvas {
	background-color: #2c3241 !important;
}

.dark-mode .token.selector, .dark-mode .token.attr-name, .dark-mode .token.string, .dark-mode .token.char, .dark-mode .token.builtin, .dark-mode .token.inserted {
	color: #c9e8ff;
}

.dark-mode .ui-card {
	background-color: transparent;
	border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .bordered-tabs {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

	.dark-mode .bordered-tabs .nav-link {
		color: #a9afbd;
	}

		.dark-mode .bordered-tabs .nav-link.active, .dark-mode .bordered-tabs .nav-link:hover {
			color: #fff;
		}

.dark-mode .swiper-grayscale img {
	filter: invert(1) grayscale(100%) brightness(200%);
}

.dark-mode .raised-xs, .dark-mode .shadow-xs {
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .raised-sm, .dark-mode .shadow-sm {
	box-shadow: 0px 4px 12px -1px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .raised, .dark-mode .shadow {
	box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4) !important;
}

.dark-mode .raised-lg, .dark-mode .shadow-lg {
	box-shadow: 0px 8px 28px -2px rgba(0, 0, 0, 0.4) !important;
}

.dark-mode .raised-xl, .dark-mode .shadow-xl {
	box-shadow: 0px 12px 40px -3px rgba(0, 0, 0, 0.4) !important;
}

.dark-mode .raised-xxl, .dark-mode .shadow-xxl {
	box-shadow: 0px 12px 40px -3px rgba(0, 0, 0, 0.4) !important;
}

.dark-mode .post-title a, .dark-mode a.post-title {
	color: #fff;
}

	.dark-mode .post-title a:hover, .dark-mode a.post-title:hover {
		color: #29ABE2;
	}

.dark-mode .avatar img, .dark-mode .avatar .text-icon {
	border-color: #2c3241;
}

.dark-mode .avatar-badge .badge {
	border-color: #2c3241;
}

.dark-mode .avatar-group .more-icon {
	background-color: #3f4656;
}

	.dark-mode .avatar-group .more-icon p {
		color: #f3f5f9;
	}

.dark-mode .tag.badge-primary-light {
	background-color: #29ABE2;
	color: #fff;
}

.dark-mode .tag.badge-secondary-light {
	background-color: #0071BC;
	color: #fff;
}

.dark-mode .tag.badge-success-light {
	background-color: #8ac528;
	color: #fff;
}

.dark-mode .tag.badge-info-light {
	background-color: #0094ff;
	color: #fff;
}

.dark-mode .tag.badge-warning-light {
	background-color: #ffa800;
	color: #fff;
}

.dark-mode .badge-default {
	background-color: #2c3241;
	color: #fff;
}

.dark-mode .badge-highlight {
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.dark-mode .tag.badge-danger-light {
	background-color: #ef2525;
	color: #fff;
}

.dark-mode .pricing-table {
	background-color: #2c3241;
	box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
}

.dark-mode .project {
	box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
}

.dark-mode .apexcharts-legend-text {
	color: #e4e7ed !important;
}

.dark-mode .apexcharts-datalabel-label, .dark-mode .apexcharts-datalabel-value {
	fill: #fff;
}

.dark-mode .apexcharts-slices .apexcharts-pie-series path {
	stroke: #161a25 !important;
}

.dark-mode .card .apexcharts-slices .apexcharts-pie-series path {
	stroke: #2c3241 !important;
}

.dark-mode .no-border .apexcharts-slices .apexcharts-pie-series path {
	stroke: none !important;
}

.dark-mode .apexcharts-radialbar-track path {
	stroke: #3f4656;
}

.dark-mode .apexcharts-radialbar-hollow {
	fill: #161a25;
}

.dark-mode .apexcharts-gridline, .dark-mode .apexcharts-grid-borders line, .dark-mode .apexcharts-xaxis-tick {
	stroke: rgba(255, 255, 255, 0.1);
}

.dark-mode .apexcharts-text {
	fill: #e4e7ed;
}

.dark-mode .apexcharts-radar-series polygon {
	stroke: #636a7b;
}

.dark-mode .apexcharts-radar-series line {
	stroke: #3f4656;
}

.dark-mode .card .apexcharts-radialbar-hollow {
	fill: #2c3241;
}


.dark-mode .apexcharts-tooltip {
	background: rgba(44, 50, 65, 0.98) !important;
	border-color: #3f4656 !important;
	box-shadow: none !important;
}

.dark-mode .apexcharts-xaxistooltip, .dark-mode .apexcharts-yaxistooltip {
	color: #fff !important;
	background: rgba(44, 50, 65, 0.98) !important;
	border-color: #3f4656 !important;
}

.dark-mode .apexcharts-xaxistooltip-bottom:before {
	border-bottom-color: #3f4656 !important;
}

.dark-mode .apexcharts-xaxistooltip-bottom:after {
	border-bottom-color: rgba(44, 50, 65, 0.98) !important;
}

.dark-mode .apexcharts-tooltip .apexcharts-tooltip-title {
	color: #fff;
	background: #161a25 !important;
	border-bottom-color: #3f4656 !important;
}

.dark-mode .apexcharts-tooltip-text, .dark-mode .apexcharts-tooltip-title {
	color: #e4e7ed;
}

.dark-mode .chart-content-bg {
	background-color: #3f4656;
}

.dark-mode .apexcharts-menu-icon, .dark-mode .apexcharts-pan-icon, .dark-mode .apexcharts-reset-icon, .dark-mode .apexcharts-zoom-icon, .dark-mode .apexcharts-zoomin-icon, .dark-mode .apexcharts-zoomout-icon {
	color: #fff !important;
}

	.dark-mode .apexcharts-menu-icon:hover, .dark-mode .apexcharts-pan-icon:hover, .dark-mode .apexcharts-reset-icon:hover, .dark-mode .apexcharts-zoom-icon:hover, .dark-mode .apexcharts-zoomin-icon:hover, .dark-mode .apexcharts-zoomout-icon:hover {
		color: #29ABE2 !important;
	}

.dark-mode .apexcharts-toolbar .apexcharts-selected, .dark-mode .apexcharts-toolbar .apexcharts-selected svg {
	color: #29ABE2 !important;
	fill: #29ABE2 !important;
}

.dark-mode .cart-count {
	border-color: #000;
}

.dark-mode .ui-title {
	color: #cBced6;
}

.dark-mode .ui-box {
	background-color: #2c3241;
}

.dark-mode .cta-box {
	background: #2c3241;
	box-shadow: 0px 5px 18px -2px rgba(0, 0, 0, 0.4);
}

.dark-mode .bg-glass-demo {
	background-image: url(../images/bg-glass-dark.jpg);
}

.dark-mode .glass-effect, .dark-mode .glass-effect-dark {
	background: linear-gradient(-45deg, rgba(63, 70, 86, 0.5) 0%, rgba(63, 70, 86, 0.2) 100%);
}

.dark-mode .n80-dark {
	background-color: #3f4656 !important;
}

/*---------- end of dark-mode ----------*/
/*----------------    media screens    ----------------*/
/*-------------    max-widths    -------------*/
/*-------       1440px       -------*/
@media only screen and (max-width: 1440px) {
	.navbar .dropdown-menu.mega-menu {
		transform: translateX(-70%);
	}

	.navbar .dropdown-menu:before {
		left: auto;
		right: 0;
	}

	.navbar .dropdown-menu:before {
		right: 15%;
	}

	.navbar .dropdown-menu.mega-menu.drop-to-center {
		left: 50%;
		right: 50%;
		transform: translateX(-50%);
	}

	.navbar .dropdown-menu.drop-to-center::before {
		left: 50%;
		right: 50%;
		transform: translateX(-50%);
	}

	.navbar .dropdown-menu.mega-menu.drop-to-right {
		transform: none;
	}

	.navbar .dropdown-menu.drop-to-right::before {
		left: 15%;
		right: auto;
	}

	.snav-hide-span-xxl .nav-item span {
		display: none !important;
	}

	.bottom-element {
		max-width: 90%;
	}

	.header-content.slide-header {
		padding: 300px 0;
	}
}

/*-------       end of 1440px       -------*/
/*-------       1700px - Hero Section Text Sizing & Cards Grid Layout       -------*/
@media only screen and (max-width: 1699.98px) {
	/* Reduce main heading "Shop. Create. Profit." to 50px when buttons stack */
	.homepage-hero-section .main-heading.secondary-title,
	.homepage-hero-section .col-xl-4 .secondary-title.main-heading {
		font-size: 50px !important;
		line-height: 1.1;
	}

	/* Reduce lead paragraph with inline font-size: 24px */
	.homepage-hero-section .col-xl-4 p.lead[style*="font-size: 24px"] {
		font-size: 21px !important;
		line-height: 30px !important;
	}

	/* Reduce lead paragraph with inline font-size: 18px */
	.homepage-hero-section .col-xl-4 p.lead[style*="font-size: 18px"] {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	/* Reduce action items text (font-size: 16px) */
	.homepage-hero-section .col-xl-4 .d-flex[style*="font-size: 16px"] {
		font-size: 14px !important;
	}

	.homepage-hero-section .col-xl-4 .d-flex[style*="font-size: 16px"] i[style*="font-size: 18px"] {
		font-size: 16px !important;
	}

	/* Stack buttons vertically at < 1700px */
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row {
		flex-direction: column !important;
	}

	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row .btn {
		width: 100%;
	}

	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row .btn:first-child {
		margin-bottom: 0 !important;
	}

	/* Show 4th card and convert to 2x2 flexbox grid */
	.homepage-hero-section .hero-card-4th {
		display: inline-flex !important;
	}

	/* Reduce left and right margins of the row container (overrides mx-5 and ms-5) */
	.homepage-hero-section .container-fluid > .row.mx-5,
	.homepage-hero-section .container-fluid > .row.ms-5 {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}

	/* Reduce left and right padding of the column container to give cards more room */
	.homepage-hero-section .col-xl-8 {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	/* Convert flex container to 2x2 grid using flexbox */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row {
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 1rem;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Each card takes 50% width in grid, but maintain max-width for card content */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card {
		flex: 0 0 calc(50% - 0.5rem);
		max-width: calc(50% - 0.5rem);
		min-width: 0;
	}

	/* Make all cards the same size in grid - standardize to 270px x 340px */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card {
		width: 270px !important;
		height: 340px !important;
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Cards with padding on outer div: remove padding to make inner content flush with edges */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card[style*="padding: 16px"] {
		padding: 0 !important;
	}

	/* Ensure inner content divs extend flush to card edges and maintain internal padding */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card[style*="padding: 16px"] > div[style*="background"] {
		padding: 16px !important;
		margin: 0 !important;
	}

	/* Fix middle card's inner div width constraint to extend full width */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div[style*="width: 286px"] {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Ensure inner divs with padding maintain their structure but are flush with card edges */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div[style*="align-self: stretch"][style*="padding: 18px"] {
		padding: 16px !important;
	}
}

/*-------       end of 1700px       -------*/
/*-------       1370px - Further reduce heading size       -------*/
@media only screen and (max-width: 1369.98px) {
	/* Reduce main heading "Shop. Create. Profit." by another 5px to 45px */
	.homepage-hero-section .main-heading.secondary-title,
	.homepage-hero-section .col-xl-4 .secondary-title.main-heading {
		font-size: 45px !important;
		line-height: 1.1;
	}
}

/*-------       end of 1370px       -------*/
/*-------       1200px - Buttons side by side & Cards 2x2 grid       -------*/
@media only screen and (max-width: 1200px) {
	/* Make buttons side by side at 1200px */
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row {
		flex-direction: row !important;
	}

	/* Buttons should not be full width when side by side */
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row .btn {
		width: auto !important;
		flex: 1 1 auto;
	}

	/* Ensure cards are in a 2x2 grid (2 per row, 4 total) */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row {
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 1rem;
	}

	/* Each card takes 50% width minus gap in 2x2 grid */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card {
		flex: 0 0 calc(50% - 0.5rem) !important;
		max-width: calc(50% - 0.5rem) !important;
		width: auto !important;
	}

	.tablet-xl-text-left {
		text-align: left !important;
	}

	.tablet-xl-text-center {
		text-align: center !important;
	}

	.tablet-xl-text-right {
		text-align: right !important;
	}

	.navbar-expand-xl.navbar {
		padding: 0.885rem 0;
	}

		.navbar-expand-xl.navbar.split-menu {
			padding: 1.5rem 0;
		}

	.navbar-expand-xl .dropdown .dropdown-toggle.show::after {
		content: "\f077";
	}

	.tablet-xl-fw {
		width: 100% !important;
		max-width: 100% !important;
	}

	.tablet-xl-top {
		margin-bottom: 15px !important;
	}

	.tablet-xl-top-30 {
		margin-bottom: 30px !important;
	}

	.tablet-xl-top-45 {
		margin-bottom: 45px !important;
	}

	.tablet-xl-top-60 {
		margin-bottom: 60px !important;
	}

	.tablet-xl-hidden, .hide-tablet-xl {
		display: none;
	}

	.tablet-xl-no-border {
		border: none !important;
	}

	.tablet-xl-no-border-right {
		border-right: none !important;
	}

	.tablet-xl-no-border-left {
		border-left: none !important;
	}

	.tablet-xl-no-border-top {
		border-top: none !important;
	}

	.tablet-xl-no-border-bottom {
		border-bottom: none !important;
	}

	.tablet-xl-overlay-dark {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}

	.tablet-xl-overlay-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
	}

	.tablet-xl-overlay-light {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.9);
	}

	.tablet-xl-overlay-lighter {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.dark-mode .tablet-xl-overlay-light {
		background: rgba(14, 18, 30, 0.9);
	}

	.dark-mode .tablet-xl-overlay-lighter {
		background: rgba(14, 18, 30, 0.5);
	}

	.tablet-xl-overlay-primary {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.5);
	}

	.tablet-xl-overlay-primary-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.9);
	}

	[class*="col-xl"] .stacked-card {
		margin-left: 0;
		margin-right: 0;
	}

	.overlay-half-dark.tablet-xl-full, .overlay-half-darker.tablet-xl-full, .overlay-half-light.tablet-xl-full, .overlay-half-lighter.tablet-xl-full, .overlay-half-light-frosted.tablet-xl-full, .overlay-half-primary.tablet-xl-full, .overlay-half-primary-darker.tablet-xl-full {
		width: 100%;
	}

	.navbar-expand-xl .form-inline {
		display: block;
		margin: .5rem auto;
	}

	.navbar-expand-xl .navbar-collapse {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 1rem;
	}

		.navbar-expand-xl .navbar-collapse .nav-link {
			padding: 1rem 0;
		}

	.navbar-expand-xl .dropdown-toggle::after {
		top: 21px;
		font-size: 0.65rem;
	}

	.navbar-expand-xl .navbar-collapse {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		width: 270px;
		height: 100% !important;
		max-height: 100% !important;
		background: #fff;
		text-align: left;
		padding: 100px 30px 0;
		margin-top: 0;
		-webkit-animation-name: slideInRight;
		animation-name: slideInRight;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.navbar-expand-xl button:not(.collapsed) {
		position: absolute;
		right: 30px;
	}

	.navbar-expand-xl.split-menu .navbar-brand {
		display: none;
	}

		.navbar-expand-xl.split-menu .navbar-brand.mobile-brand {
			display: contents !important;
		}

	.navbar-expand-xl.split-menu .navbar-collapse {
		margin-top: 20px;
	}

	.snav-hide-span-xl .nav-item span {
		display: none !important;
	}

	.vertical-swiper.swiper-container {
		height: 600px !important;
	}

		.vertical-swiper.swiper-container.header-slider {
			height: 740px !important;
		}

		.vertical-swiper.swiper-container.header-slider-full {
			height: 740px !important;
		}

	.header-content.slide-header {
		padding: 260px 0;
	}

	.hovereffect-title .product-title {
		font-size: 1rem;
	}

	.product-price {
		font-size: 1rem;
	}
}

/*-------       end of 1200px       -------*/
/*-------       1024px       -------*/
@media only screen and (max-width: 1024px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 94%;
	}

	.bg-fixed {
		background-attachment: scroll !important;
	}

	.hide-tablet-landscape, .hide-tablet-ls {
		display: none !important;
	}

	.vertical-swiper.swiper-container {
		height: 500px !important;
	}

		.vertical-swiper.swiper-container.header-slider {
			height: 650px !important;
		}

		.vertical-swiper.swiper-container.header-slider-full {
			height: 650px !important;
		}

	.footer-widget-area .project-widget {
		max-width: 100%;
		margin-left: 0;
	}
}

/*-------       end of 1024px       -------*/
/*-------       991px       -------*/
@media only screen and (max-width: 991px) {
	.revert-order-tablet-lg {
		display: flex;
		flex-direction: column-reverse;
	}

	.tablet-lg-text-left {
		text-align: left !important;
	}

	.tablet-lg-text-center {
		text-align: center !important;
	}

	.tablet-lg-text-right {
		text-align: right !important;
	}

	.tablet-lg-fw {
		width: 100% !important;
		max-width: 100% !important;
	}

	.tablet-lg-top {
		margin-bottom: 15px !important;
	}

	.tablet-lg-top-30 {
		margin-bottom: 30px !important;
	}

	.tablet-lg-top-45 {
		margin-bottom: 45px !important;
	}

	.tablet-lg-top-60 {
		margin-bottom: 60px !important;
	}

	.hide-tablet-lg, .tablet-lg-hidden {
		display: none !important;
	}

	.tablet-lg-no-border {
		border: none !important;
	}

	.tablet-lg-no-border-right {
		border-right: none !important;
	}

	.tablet-lg-no-border-left {
		border-left: none !important;
	}

	.tablet-lg-no-border-top {
		border-top: none !important;
	}

	.tablet-lg-no-border-bottom {
		border-bottom: none !important;
	}

	.tablet-lg-overlay-dark {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}

	.tablet-lg-overlay-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
	}

	.tablet-lg-overlay-light {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.9);
	}

	.tablet-lg-overlay-lighter {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.dark-mode .tablet-lg-overlay-light {
		background: rgba(14, 18, 30, 0.9);
	}

	.dark-mode .tablet-lg-overlay-lighter {
		background: rgba(14, 18, 30, 0.5);
	}

	.tablet-lg-overlay-primary {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.5);
	}

	.tablet-lg-overlay-primary-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.9);
	}

	.overlay-half-dark.tablet-lg-full, .overlay-half-darker.tablet-lg-full, .overlay-half-light.tablet-lg-full, .overlay-half-lighter.tablet-lg-full, .overlay-half-light-frosted.tablet-lg-full, .overlay-half-primary.tablet-lg-full, .overlay-half-primary-darker.tablet-lg-full {
		width: 100%;
	}

	.secondary-title {
		font-size: 56px;
	}

	.w50, .w-50 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.w40, .w-40 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.w30, .w-30 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.w20, .w-20 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.w10, .w-10 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.card img.w-50 {
		width: 50% !important;
		max-width: 50% !important;
	}

	.card img.w-60 {
		width: 60% !important;
		max-width: 60% !important;
	}

	.card img.w-70 {
		width: 70% !important;
		max-width: 70% !important;
	}

	.card img.w-80 {
		width: 80% !important;
		max-width: 80% !important;
	}

	.card img.w-90 {
		width: 90% !important;
		max-width: 90% !important;
	}

	.navbar-expand-lg.mobile-white-nav {
		background-color: #fff !important;
	}

	.dark-mode .navbar-expand-lg.mobile-white-nav {
		background-color: #2c3241 !important;
	}

	.navbar-expand-lg.mobile-light-nav {
		background-color: #f3f5f9 !important;
	}

	.dark-mode .navbar-expand-lg.mobile-light-nav {
		background-color: #3f4656 !important;
	}

	.navbar-expand-lg.mobile-primary-nav {
		background-color: #29ABE2 !important;
	}

	.navbar-expand-lg.mobile-inverse-nav {
		background-color: #161a25 !important;
	}

	.navbar-expand-lg.mobile-dark-nav {
		background-color: #3a3f51 !important;
	}

	.navbar-expand-lg.mobile-black-nav {
		background-color: #000 !important;
	}

	.navbar.navbar-expand-lg .dropdown-menu.mega-menu {
		transform: none;
		right: 0;
		left: 0;
	}

	.navbar-expand-lg > .container {
		padding-right: 15px;
		padding-left: 15px;
	}

	.navbar-expand-lg.navbar {
		padding: 0.9375rem 0;
	}

		.navbar-expand-lg.navbar .navbar-nav {
			margin: 0 !important;
		}

			.navbar-expand-lg.navbar .navbar-nav .nav-item:first-child {
				margin-top: 1.5rem;
			}

	.page-header .header-content, .header-content.has-top-nav {
		margin-top: 60px;
	}

	.navbar-expand-lg.menu-line.nav-scroll li a span {
		padding-bottom: 8px;
	}

	.navbar-expand-lg .dropdown .dropdown-toggle.show::after {
		content: "\f286" !important;
	}

	.navbar-expand-lg .navbar-collapse {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
	}

		.navbar-expand-lg .navbar-collapse .nav-link {
			padding: 0.75rem 0;
		}

	.navbar-expand-lg.bg-transparent.absolute .navbar-collapse .nav-link {
		padding: 0.75rem;
	}

	.navbar-expand-lg .navbar-brand {
		margin-left: 0;
	}

	.navbar-expand-lg.navbar-light.bg-transparent .navbar-collapse {
		background-color: transparent !important;
	}

	.navbar-expand-lg .dropdown-menu {
		background-color: #fff;
	}

		.navbar-expand-lg .dropdown-menu.show {
			display: block;
			left: 0;
			right: 0;
			max-width: 320px;
			transform: none;
		}

		.navbar-expand-lg .dropdown-menu:before, .navbar-expand-lg .dropdown-menu:after {
			display: none;
		}

	.navbar-expand-lg .dropdown-menu .dropdown-item {
		padding: 0.5rem 0;
		color: #3a3f51;
	}
	
	/* Hide dropdown caret on mobile */
	.navbar-expand-lg .dropdown-toggle::after {
		display: none !important;
	}

	.navbar-expand-lg.navbar-inverse .navbar-collapse .dropdown-item, .navbar-expand-lg.navbar-inverse .navbar-collapse .dropdown-item:focus {
		color: #a9afbd;
		opacity: 1;
	}

		.navbar-expand-lg.navbar-inverse .navbar-collapse .dropdown-item:hover, .navbar-expand-lg.navbar-inverse .navbar-collapse .dropdown-item:active, .navbar-expand-lg.navbar-inverse .navbar-collapse .dropdown-item.active {
			color: #29ABE2;
		}

	.navbar-expand-lg.navbar-inverse.bg-primary .navbar-collapse .dropdown-item:hover, .navbar-expand-lg.navbar-inverse.bg-primary .navbar-collapse .dropdown-item:active, .navbar-expand-lg.navbar-inverse.bg-primary .navbar-collapse .dropdown-item.active, .navbar-expand-lg.navbar-inverse.bg-info .navbar-collapse .dropdown-item:hover, .navbar-expand-lg.navbar-inverse.bg-info .navbar-collapse .dropdown-item:active, .navbar-expand-lg.navbar-inverse.bg-info .navbar-collapse .dropdown-item.active {
		color: #fff !important;
		opacity: 1;
	}

	.navbar-expand-lg.navbar-inverse.bg-primary .navbar-collapse .dropdown-item i {
		color: #fff !important;
	}

	.navbar-expand-lg .dropdown-menu {
		box-shadow: none;
		max-width: 600px;
		margin: 0 auto;
	}

	.navbar-expand-lg .navbar-collapse .dropdown-menu {
		padding: 0.5rem 0.75rem;
		left: 0 !important;
		margin-left: 0;
		border-radius: 0.375rem;
		border: 1px solid #dee2e6;
		background-color: #fff;
		box-shadow: 0px 4px 12px -1px rgba(0, 0, 0, 0.15);
	}
	
	/* Dark mode support for mobile dropdown */
	.dark-mode .navbar-expand-lg .dropdown-menu {
		background-color: #2c3241;
	}
	
	.dark-mode .navbar-expand-lg .navbar-collapse .dropdown-menu {
		background-color: #2c3241;
		border: 1px solid #636a7b;
		box-shadow: 0px 4px 12px -1px rgba(0, 0, 0, 0.5);
	}
	
	.dark-mode .navbar-expand-lg .dropdown-menu .dropdown-item {
		color: #cBced6;
	}

	.navbar-expand-lg.split-menu .navbar-collapse .dropdown-menu, .navbar-expand-lg.stacked-menu .navbar-collapse .dropdown-menu {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-expand-lg.split-menu .navbar-brand {
		display: none;
	}

	.navbar-expand-lg.split-menu .mobile-brand {
		display: contents !important;
	}

	.navbar-expand-lg .navbar-collapse .dropdown-toggle::after {
		display: none !important;
		font-size: 16px !important;
		opacity: 1 !important;
	}

	.dropdown-menu.mega-menu {
		padding: 0;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		max-height: 260px;
	}

	.navbar-expand-lg .dropdown-item {
		text-align: left;
	}

	.navbar-expand-lg .dropdown-toggle::after {
		top: 27px;
		right: 0;
		font-size: 10px;
	}

	.full-height-nav {
		min-height: calc(100vh - 73px) !important;
	}

	.nav-icon .md-icon {
		margin: 5px;
	}

	.navbar-expand-lg .form-inline {
		display: block;
		margin: .5rem auto;
	}

	.navbar-expand-lg .count {
		top: 12px;
		right: auto;
		left: auto;
		margin-top: 0;
		margin-left: -8px;
	}

	.after-dropdown {
		margin-left: 0;
	}

	.navbar-expand-lg .navbar-button {
		margin-left: 0 !important;
	}

	.navbar-expand-lg.secondary-nav .navbar-toggler {
		margin-left: auto;
		margin-right: auto;
	}

	.navbar-expand-lg.split-menu .dropdown-item, .navbar-expand-lg.stacked-menu .dropdown-item, .navbar-expand-lg.secondary-nav .dropdown-item {
		text-align: center;
	}

	.navbar-expand-lg.bg-secondary .navbar-collapse {
		background: #0071BC;
	}

	.navbar-expand-lg.navbar-inverse.nav-primary .navbar-collapse, .navbar-expand-lg.navbar-inverse.bg-primary .navbar-collapse {
		background: #29ABE2;
	}

	.navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .nav-link, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .nav-link:focus, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .dropdown-item, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .dropdown-item:focus, .navbar-expand-lg.navbar-inverse.main-nav .dropdown-item i, .navbar-expand-lg.navbar-inverse.main-nav .navbar-toggler .icon-bar, .navbar-expand-lg.navbar-inverse.main-nav .navbar-toggler.collapsed .icon-bar {
		color: #fff;
	}

		.navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .nav-link:hover, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .nav-link:active, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .nav-link.active, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .dropdown-item:hover, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .dropdown-item:active, .navbar-expand-lg.navbar-inverse.main-nav .navbar-collapse .dropdown-item.active {
			color: #29ABE2;
		}

	.navbar-expand-lg.navbar-inverse.nav-primary.main-nav .navbar-collapse .nav-link:hover, .navbar-expand-lg.navbar-inverse.nav-primary.main-nav .navbar-collapse .nav-link:active, .navbar-expand-lg.navbar-inverse.nav-primary.main-nav .navbar-collapse .nav-link.active, .navbar-expand-lg.navbar-inverse.nav-primary.nav-primary.main-nav .navbar-collapse .dropdown-item:hover, .navbar-expand-lg.navbar-inverse.nav-primary.main-nav .navbar-collapse .dropdown-item:active, .navbar-expand-lg.navbar-inverse.nav-primary.main-nav .navbar-collapse .dropdown-item.active {
		color: rgba(255, 255, 255, 0.9);
	}

	.navbar-expand-lg .navbar-button {
		width: 100%;
	}

	.navbar-expand-lg .list-inline.navbar-button {
		display: flex;
	}

		.navbar-expand-lg .list-inline.navbar-button li:last-child {
			margin-bottom: 0;
		}

	.navbar-expand-lg .navbar-button .btn {
		max-width: 100% !important;
	}

	.navbar-expand-lg .navbar-icons {
		margin: 15px 0 !important;
	}

	.navbar-expand-lg .navbar-brand img {
		width: auto;
		max-width: 120px;
		max-height: 32px;
		margin: 0;
	}

	.navbar-expand-lg.split-menu .navbar-brand img {
		max-height: 40px;
	}

	.navbar-expand-lg.right-toggler {
		position: relative;
	}

		.navbar-expand-lg.right-toggler .container {
			position: relative;
		}

		.navbar-expand-lg.right-toggler .navbar-toggler {
			position: absolute;
			right: 15px;
		}

		.navbar-expand-lg.right-toggler button:not(.collapsed) {
			position: fixed;
			top: 23px;
			right: 15px;
		}

	.navbar-expand-lg.navbar-inverse .dropdown-item i {
		color: #fff;
	}

	.navbar-expand-lg.menu-custom .nav-link {
		text-align: center;
		padding: 10px 25px;
		margin: 5px 0;
		border-radius: 5px;
	}

	.navbar-expand-lg.menu-custom .dropdown-toggle::after {
		top: 24px;
		right: auto;
	}

	.navbar-expand-lg.menu-custom .nav-link.active, .navbar-expand-lg.menu-custom .nav-link:hover, .navbar-expand-lg.menu-custom .nav-link.active:hover {
		color: #0e121e;
		background-color: rgba(55, 55, 55, 0.2);
	}

	.navbar-expand-lg.menu-custom.navbar-inverse .nav-link.active, .navbar-expand-lg.menu-custom.navbar-inverse .nav-link:hover, .navbar-expand-lg.menu-custom.navbar-inverse .nav-link.active:hover {
		color: #fff;
		background-color: rgba(255, 255, 255, 0.2);
	}

	.navbar-expand-lg.custom-menu.menu-pills .nav-link {
		text-align: center;
		margin: 5px 0;
	}

	.navbar-expand-lg.menu-line li a span {
		padding-bottom: 10px !important;
	}

	.navbar-expand-lg.snav-hide-span-xxl .nav-item span, .navbar-expand-lg.snav-hide-span-xl .nav-item span {
		display: inline-block !important;
	}

	.navbar-expand-lg .navbar-collapse .second-side-nav {
		display: flex;
		flex-direction: row;
		background-color: #f3f5f9;
		margin-top: 20px !important;
		padding: 0 1.5rem !important;
		border-radius: 0.5rem;
	}

		.navbar-expand-lg .navbar-collapse .second-side-nav .nav-item .nav-link {
			padding-right: 1.5rem !important;
		}

		.navbar-expand-lg .navbar-collapse .second-side-nav .nav-item:last-child .nav-link {
			padding-right: 0 !important;
		}

	.navbar-expand-lg.menu-line .navbar-collapse .nav-item {
		margin-bottom: 30px;
		text-align: center;
	}

	.has-top-menu {
		margin-top: 90px;
	}

	.has-top-menu-sm {
		margin-top: 70px;
	}

	.page-container {
		padding: 0;
	}

	.table-overflow {
		width: 100%;
		overflow-x: auto;
	}

	header.lg {
		padding: 200px 0;
	}

	header.xl {
		padding: 150px 0;
	}

	.header-content.xl {
		padding-top: 180px;
	}

	header.xxl {
		padding: 180px 0;
	}

		header.xxl.has-fixed-menu {
			padding-top: 250px;
		}

	.header-content.xxl, .header-content.xxxl {
		padding-top: 220px;
	}

	.header-content.slide-header {
		padding: 250px 0;
	}

	header.xxl .fixed-title {
		top: 260px;
	}

	header .page-title {
		font-size: 48px;
	}

	header .absolute-title {
		top: -50%;
	}

	.section-title {
		font-size: 48px;
	}

	.section-title {
		font-size: 48px;
	}

	.page-header {
		padding: 180px 0;
	}

		.page-header.w-absolute-nav .page-title {
			padding-top: 200px;
		}

	header.dark .page-title, header.dark .title {
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);
	}

	header .page-title, header .title {
		text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	}

	.vertical-swiper.swiper-container {
		height: 460px !important;
	}

		.vertical-swiper.swiper-container.header-slider {
			height: 560px !important;
		}

		.vertical-swiper.swiper-container.header-slider-full {
			height: 560px !important;
		}

	.promo-img-lg.promo-box-img-left img, .promo-img-lg.promo-box-img-left .box-bg-image {
		border-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.promo-img-lg.promo-box-img-left .promo-box {
		border-radius: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.promo-img-lg.promo-box-img-right img, .promo-img-lg.promo-box-img-right .box-bg-image {
		border-radius: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.promo-img-lg.promo-box-img-right .promo-box {
		border-radius: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}

	.cta .left-area {
		text-align: center;
	}

	.cta .right-area {
		text-align: center;
		margin-top: 20px;
	}

	.cta .left-area.left-aligned.tablet-center {
		text-align: center;
	}

	.cta .right-area.right-aligned.tablet-center {
		text-align: center;
	}

	.page-content {
		margin-bottom: 50px;
	}

	.error-title {
		font-size: 12rem;
	}

	.stacked-card {
		margin-left: auto;
		margin-right: auto;
	}

	.nav-ui .icon-switch.mode-switcher {
		position: absolute;
		right: 60px;
	}

	.nav-offcanvas .icon-switch.mode-switcher {
		position: absolute;
		right: 60px;
		top: -3px;
	}

	.icon-switch.mode-switcher {
		margin: 0 !important;
	}

	.mode-switcher-list {
		position: absolute;
		top: 17px;
		right: 70px;
	}

		.mode-switcher-list .switch-title {
			display: none;
		}
}

/*-------       end of 991px       -------*/
/*-------       630px - 2x2 Grid Range (630px to 1200px) - Cards 2x2 grid       -------*/
@media only screen and (min-width: 630px) and (max-width: 1199.98px) {
	/* Ensure 4th card is visible in this range - override d-none */
	.homepage-hero-section .hero-card-4th.d-none {
		display: inline-flex !important;
	}

	/* Override conflicting rules from Index.cshtml that force column layout at <1200px */
	/* Need very high specificity to override rules in Index.cshtml style block */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row,
	.homepage-hero-section .col-xl-8 .d-flex.flex-xl-row,
	.homepage-hero-section .col-xl-8 .flex-xl-row {
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}

	/* Override width: 100% rule from Index.cshtml that applies to mobile-hero-card at <1200px */
	.homepage-hero-section .col-xl-8 .mobile-hero-card {
		width: calc(50% - 0.375rem) !important;
		max-width: calc(50% - 0.375rem) !important;
		margin-bottom: 0.75rem !important;
	}

	/* Ensure cards are in a 2x2 grid (2 on top, 2 on bottom) */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row {
		justify-content: center !important;
		gap: 0.75rem !important;
		display: flex !important;
		align-items: stretch !important;
	}

	/* Each card takes 50% width minus gap in 2x2 grid - override ALL width constraints */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card {
		flex: 0 0 calc(50% - 0.375rem) !important;
		max-width: calc(50% - 0.375rem) !important;
		width: calc(50% - 0.375rem) !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	/* Override inline style widths that set fixed pixel values - very specific selectors */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card[style*="width: 270px"] {
		width: calc(50% - 0.375rem) !important;
		max-width: calc(50% - 0.375rem) !important;
	}

	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card[style*="width: 320px"] {
		width: calc(50% - 0.375rem) !important;
		max-width: calc(50% - 0.375rem) !important;
		height: 340px !important;
	}

	/* Remove bottom margin on cards in 2nd and 4th position (end of rows) */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card:nth-child(2),
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card:nth-child(4) {
		margin-bottom: 0 !important;
	}
}


/*-------       Test Drive Prompt Area - Mobile Layout (button below textarea)       -------*/
/* Mobile layout for test-drive prompt area - stack button below textarea */
@media only screen and (max-width: 767.98px) {
	/* Override to stack vertically on mobile */
	.test-drive-input-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 1rem !important;
		padding: 16px !important;
		height: auto !important;
		overflow: visible !important;
	}

	/* Icon positioning - keep at top, first in order */
	.test-drive-input-container > div[data-fill="False"] {
		flex-shrink: 0 !important;
		flex-grow: 0 !important;
		order: 1 !important;
		align-self: flex-start !important;
		width: 24px !important;
		height: 24px !important;
		margin-bottom: 0.5rem !important;
	}

	/* Make textarea full width on mobile - override inline flex: 1 */
	.test-drive-input-container #aiPromptTextarea {
		width: 100% !important;
		flex: none !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		flex-basis: auto !important;
		min-width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		order: 2 !important;
	}

	/* Make button wrapper div full width and positioned below textarea - third in order */
	.test-drive-input-container > div[data-style="Success"] {
		width: 100% !important;
		flex: none !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		flex-basis: auto !important;
		order: 3 !important;
		align-self: stretch !important;
		margin: 0 !important;
		margin-top: 0.75rem !important;
	}

	/* Make generate button itself full width */
	.test-drive-input-container #generateImageButton {
		width: 100% !important;
		justify-content: center !important;
		display: flex !important;
		box-sizing: border-box !important;
	}
}

/*-------       Button spacing - Ensure consistent spacing between buttons and cards       -------*/
/* Make sure button container has consistent bottom margin regardless of button layout */
/* This ensures spacing between "Try AI Art Generator" button and cards below matches other spacing */
.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row.mb-3 {
	margin-bottom: 1rem !important;
}

/* Ensure consistent spacing when buttons stack vertically - match the mb-3 spacing */
@media only screen and (max-width: 767.98px) {
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row.mb-3 {
		margin-bottom: 1rem !important;
	}
	
	/* Ensure no extra margin on the last button when stacked */
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row.mb-3 .btn:last-child {
		margin-bottom: 0 !important;
	}
}

/*-------       740px - Cards stack vertically (one per row, full width) - Fix overlapping components       -------*/
@media only screen and (max-width: 739.98px) {
	/* Cards stack vertically - one per row, full width */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 1rem !important;
	}

	/* Each card takes full width when stacked */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		margin-bottom: 1rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	/* Override inline style widths to allow full width */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card[style*="width: 270px"],
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card[style*="width: 320px"],
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card[style*="height: 443px"] {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 340px !important;
	}

	/* Fix inner content divs with fixed widths (like width: 286px) to be responsive */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div[style*="width: 286px"],
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div[style*="width: 270px"] {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Ensure all inner content divs respect card boundaries */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Fix price badge positioning to prevent overlap */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card .hero-card-price {
		position: absolute !important;
		top: 16px !important;
		right: 16px !important;
		z-index: 2 !important;
		max-width: calc(100% - 32px) !important;
		box-sizing: border-box !important;
	}

	/* Ensure header/content areas have proper padding to avoid price badge overlap */
	/* Specifically target the div that contains both the header bar and price badge */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div > div[style*="justify-content: space-between"],
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div > div.d-flex[style*="justify-content: space-between"] {
		padding-right: 100px !important; /* Make room for price badge */
		box-sizing: border-box !important;
		max-width: 100% !important;
	}

	/* Fix specific card with width: 286px inner div - ensure it's responsive */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card > div[style*="background: rgba(0.75"] > div[style*="width: 286px"] {
		width: 100% !important;
		max-width: 100% !important;
		padding: 8px !important;
		box-sizing: border-box !important;
	}

	/* Ensure button containers and text don't overflow */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card .w-100 {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Prevent text overflow in card content */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card div[style*="color: #F9FCFE"][style*="font-size"] {
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		hyphens: auto !important;
	}

	/* Remove bottom margin on last card */
	.homepage-hero-section .col-xl-8 > .d-flex.flex-xl-row > .mobile-hero-card:last-child {
		margin-bottom: 0 !important;
	}
}

/*-------       630px - Stack buttons again       -------*/
@media only screen and (max-width: 629.98px) {
	/* Stack buttons vertically again at < 630px */
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row {
		flex-direction: column !important;
	}

	/* Make buttons full width when stacked */
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row .btn {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Reduce bottom margin on top button when stacked at < 630px */
	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row .btn:first-child {
		margin-bottom: 0.5rem !important;
	}

	.homepage-hero-section .col-xl-4 .d-flex.flex-column.flex-md-row .btn:last-child {
		margin-bottom: 0 !important;
	}
}

/*-------       end of 630px       -------*/
/*-------       767px       -------*/
@media only screen and (max-width: 767px) {
	.revert-order-tablet {
		display: flex;
		flex-direction: column-reverse;
	}

	.secondary-title {
		font-size: 42px;
	}

	body.bg-inverse {
		background: #3f4656;
	}

	.tablet-text-left {
		text-align: left !important;
	}

	.tablet-text-center {
		text-align: center !important;
	}

	.tablet-text-right {
		text-align: right !important;
	}

	.tablet-fw {
		width: 100% !important;
		max-width: 100% !important;
	}

	.tablet-top {
		margin-bottom: 15px !important;
	}

	.tablet-top-30 {
		margin-bottom: 30px !important;
	}

	.tablet-top-45 {
		margin-bottom: 45px !important;
	}

	.tablet-top-60 {
		margin-bottom: 60px !important;
	}

	.tablet-hidden, .hide-tablet {
		display: none;
	}

	.tablet-no-border {
		border: none !important;
	}

	.tablet-no-border-right {
		border-right: none !important;
	}

	.tablet-no-border-left {
		border-left: none !important;
	}

	.tablet-no-border-top {
		border-top: none !important;
	}

	.tablet-no-border-bottom {
		border-bottom: none !important;
	}

	.tablet-overlay-dark {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}

	.tablet-overlay-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
	}

	.tablet-overlay-light {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.9);
	}

	.tablet-overlay-lighter {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.dark-mode .tablet-overlay-light {
		background: rgba(14, 18, 30, 0.9);
	}

	.dark-mode .tablet-overlay-lighter {
		background: rgba(14, 18, 30, 0.5);
	}

	.tablet-overlay-primary {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.5);
	}

	.tablet-overlay-primary-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.9);
	}

	.overlay-half-dark.tablet-full, .overlay-half-darker.tablet-full, .overlay-half-light.tablet-full, .overlay-half-lighter.tablet-full, .overlay-half-light-frosted.tablet-full, .overlay-half-primary.tablet-full, .overlay-half-primary-darker.tablet-full {
		width: 100%;
	}

	.content {
		background: transparent;
		padding: 30px 0;
	}

	.w90, .w-90 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.w80, .w-80 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.w70, .w-70 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.w60, .w-60 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.hide-tablet {
		display: none !important;
	}

	header h1.page-title {
		font-size: 44px;
	}

	.section-title {
		font-size: 44px;
	}

	.section-title {
		font-size: 44px;
	}

	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.navbar-expand-md .form-inline {
		display: block;
		margin: .5rem auto;
	}

	.navbar-expand-md .count {
		top: 13px;
		right: auto;
		left: auto;
		margin-top: 0;
		margin-left: -8px;
	}

	.navbar-expand-md .dropdown .dropdown-toggle.show::after {
		content: "\f077";
	}

	.split-menu .navbar-brand {
		display: none;
	}

		.split-menu .navbar-brand.mobile-brand {
			display: contents !important;
		}

	header .breadcrumb.text-right {
		text-align: left !important;
		margin-top: 15px;
	}

	.top-nav {
		text-align: center;
	}

		.top-nav .left {
			float: none;
			display: block;
			text-align: center !important;
		}

		.top-nav .right .input-group {
			float: none;
			margin: 0 auto 8px !important;
		}

		.top-nav .right {
			float: none;
			display: block;
			text-align: center !important;
		}

	header.xl, header.lg {
		padding: 170px 0;
	}

	.swiper-container .header-content {
		max-width: 85%;
		margin: 0 auto;
	}

	.header-content.slide-header {
		padding: 200px 0;
	}

	.tablet-text-center .header-text-container {
		background-color: rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(7px);
		-webkit-backdrop-filter: blur(7px);
		padding: 50px;
		border-radius: 1rem;
	}

		.tablet-text-center .header-text-container.dark-bg, .dark-mode .tablet-text-center .header-text-container {
			background-color: rgba(44, 50, 65, 0.9);
		}

	.header-text {
		font-size: 18px;
	}

	.vertical-swiper.swiper-container {
		height: 400px !important;
	}

		.vertical-swiper.swiper-container.header-slider {
			height: 500px !important;
		}

		.vertical-swiper.swiper-container.header-slider-full {
			height: 500px !important;
		}

	.promo-box.has-process-icon:after {
		display: none;
	}

	.promo-box-img-left img, .promo-box-img-left .box-bg-image {
		border-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.promo-box-img-left .promo-box {
		border-radius: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.promo-box-img-right img, .promo-box-img-right .box-bg-image {
		border-radius: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.promo-box-img-right .promo-box {
		border-radius: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}

	.pricing-table.featured, .stacked .pricing-table.featured {
		margin-left: 0;
		margin-right: 0;
	}

	.timeline > li > .timeline-panel {
		width: 100%;
	}

	.timeline > li:not(.timeline-inverted), .timeline.w-icons > li:not(.timeline-inverted) {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.timeline > li.timeline-inverted, .timeline.w-icons > li.timeline-inverted {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.timeline > li > .timeline-panel:before, .timeline > li > .timeline-panel:after {
		display: none;
	}

	.timeline > li > .timeline-panel {
		margin-top: 75px;
	}

	.modal-right .modal-dialog, .modal-left .modal-dialog {
		width: calc(100% - 50px);
	}

	.footer-left-area {
		text-align: center;
		margin-bottom: 15px;
	}

	.footer-center-area {
		text-align: center;
		margin-bottom: 15px;
	}

	.footer-right-area {
		text-align: center;
	}

	.cta .left-area.left-aligned.tablet-md-center {
		text-align: center;
	}

	.cta .right-area.right-aligned.tablet-md-center {
		text-align: center;
	}

	.header-slider-content {
		padding: 120px 15px;
	}

	.header-text {
		font-size: 14px !important;
		max-width: 90%;
	}

	.btn-group.is-split-drop .dropdown-menu {
		left: 0 !important;
		right: 0 !important;
		transform: none !important;
	}

	.btn-group.is-split-drop.dropup .dropdown-menu {
		left: 0 !important;
		right: 0 !important;
		transform: none !important;
	}

	.error-title {
		font-size: 10rem;
	}

	.navbar-button .mode-label {
		display: none;
	}

	.nav-ui .navbar-button .btn, .nav-ui .btn-icon {
		padding: 0;
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 0.75rem;
		border-radius: 0.375rem;
	}

		.nav-ui .navbar-button .btn i {
			margin: 0 !important;
		}

	footer .text-left, footer .text-right {
		display: block !important;
		text-align: center !important;
	}

	.filter-btn {
		font-size: 0.875rem;
		min-width: auto;
		padding: 0.5rem 1.25rem;
		margin-right: 5px;
	}

	.footer-widget-area {
		padding: 40px 0;
	}

		.footer-widget-area .widget {
			margin: 25px 0;
		}

	.chart-toolbar-top .apexcharts-toolbar {
		top: 0px !important;
	}

	.mode-switcher-list {
		right: 65px;
	}
}

/*-------       end of 767px       -------*/
/*-------       575px       -------*/
@media only screen and (max-width: 575px) {
	.revert-order-mobile {
		display: flex;
		flex-direction: column-reverse;
	}

	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 96%;
	}

	.secondary-title {
		font-size: 40px;
	}

	.mobile-text-left {
		text-align: left !important;
	}

	.mobile-text-center {
		text-align: center !important;
	}

	.mobile-text-right {
		text-align: right !important;
	}

	.mobile-fw {
		width: 100% !important;
		max-width: 100% !important;
	}

	.mobile-top {
		margin-bottom: 15px !important;
	}

	.mobile-top-30 {
		margin-bottom: 30px !important;
	}

	.mobile-top-45 {
		margin-bottom: 45px !important;
	}

	.mobile-top-60 {
		margin-bottom: 60px !important;
	}

	.hide-mobile, .mobile-hidden {
		display: none !important;
	}

	.mobile-no-border {
		border: none !important !important;
	}

	.mobile-no-border-right {
		border-right: none !important;
	}

	.mobile-no-border-left {
		border-left: none !important;
	}

	.mobile-no-border-top {
		border-top: none !important;
	}

	.mobile-no-border-bottom {
		border-bottom: none !important;
	}

	.mobile-overlay-dark {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}

	.mobile-overlay-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
	}

	.mobile-overlay-light {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.9);
	}

	.mobile-overlay-lighter {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.dark-mode .mobile-overlay-light {
		background: rgba(14, 18, 30, 0.9);
	}

	.dark-mode .mobile-overlay-lighter {
		background: rgba(14, 18, 30, 0.5);
	}

	.mobile-overlay-primary {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.5);
	}

	.mobile-overlay-primary-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.9);
	}

	.overlay-half-dark.mobile-full, .overlay-half-darker.mobile-full, .overlay-half-light.mobile-full, .overlay-half-lighter.mobile-full, .overlay-half-light-frosted.mobile-full, .overlay-half-primary.mobile-full, .overlay-half-primary-darker.mobile-full {
		width: 100%;
	}

	.card-w-raised-img-top {
		margin-top: 100px;
	}

	.card.w-raised-icon {
		margin-top: 65px;
	}

		.card.w-raised-icon.sm-icon {
			margin-top: 55px;
		}

		.card.w-raised-icon.lg-icon {
			margin-top: 70px;
		}

		.card.w-raised-icon.xl-icon {
			margin-top: 80px;
		}

	.nav-tabs .nav-item {
		margin: 3px 0;
	}

	header.xl, header.lg {
		padding: 150px 0;
	}

	.header-content.xl, .header-content.lg {
		padding-top: 100px;
	}

	header.xxl {
		padding: 100px 0;
	}

		header.xxl.has-fixed-menu {
			padding-top: 170px;
		}

	.header-content.xl {
		padding-top: 150px;
	}

	.header-content.xxl, .header-content.xxxl {
		padding-top: 180px;
	}

	.header-content.slide-header {
		padding: 150px 0;
	}

	header.xxl h1.fixed-title {
		top: 190px;
	}

	.page-header {
		padding: 120px 0;
	}

		.page-header.w-absolute-nav {
			padding-bottom: 80px;
		}

			.page-header.w-absolute-nav .page-title {
				padding-top: 160px;
			}

	.header-text {
		font-size: 16px;
	}

	header.dark .page-title, header.dark .title {
		text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.085);
	}

	header .page-title, header .title {
		text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.06);
	}

	.cta .left-area.left-aligned.mobile-center {
		text-align: center !important;
	}

	.cta .right-area.right-aligned.mobile-center {
		text-align: center !important;
	}

	footer {
		text-align: center;
	}

	.modal-example .modal-content {
		max-width: 300px;
		margin: 0 auto;
	}

	.top-page-header {
		height: 100%;
	}

	.top-header-nav {
		position: relative;
		left: 0;
		right: 0;
		height: 100%;
		padding: 15px;
	}

		.top-header-nav .top-nav-item {
			line-height: 3rem;
		}

	.vertical-swiper.swiper-container {
		height: 300px !important;
	}

	.header-text {
		max-width: 100%;
	}

	.nav-tabs .nav-item {
		display: block;
		width: 100%;
	}

	.instagram-widget img {
		max-width: 54px;
	}

	.error-title {
		font-size: 8rem;
	}

	.mode-switcher-list {
		right: 55px;
	}
}

/*-------       end of 575px       -------*/
/*-------       480px       -------*/
@media only screen and (max-width: 480px) {
	.ui-main-title {
		font-size: 2.25rem;
	}

	.primary-title {
		font-size: 3.75rem;
	}

	.secondary-title {
		font-size: 2rem;
	}

	header .page-title {
		font-size: 2rem;
	}

	.sl-800 .swiper-slide, .sl-900 .swiper-slide, .sl-700 .swiper-slide, .sl-600 .swiper-slide {
		height: 460px;
		padding: 0 30px;
	}

	.mobile-sm-fw {
		width: 100% !important;
		max-width: 100% !important;
	}

	.hide-mobile-sm, .mobile-sm-hidden {
		display: none !important;
	}

	.mobile-sm-no-border {
		border: noen !important;
	}

	.mobile-sm-no-border-right {
		border-right: none !important;
	}

	.mobile-sm-no-border-left {
		border-left: none !important;
	}

	.mobile-sm-no-border-top {
		border-top: none !important;
	}

	.mobile-sm-no-border-bottom {
		border-bottom: none !important;
	}

	.mobile-sm-overlay-dark {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}

	.mobile-sm-overlay-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
	}

	.mobile-sm-overlay-light {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.9);
	}

	.mobile-sm-overlay-lighter {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.dark-mode .mobile-sm-overlay-light {
		background: rgba(14, 18, 30, 0.9);
	}

	.dark-mode .mobile-sm-overlay-lighter {
		background: rgba(14, 18, 30, 0.5);
	}

	.mobile-sm-overlay-primary {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.5);
	}

	.mobile-sm-overlay-primary-darker {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 55, 255, 0.9);
	}

	.overlay-half-dark.mobile-sm-full, .overlay-half-darker.mobile-sm-full, .overlay-half-light.mobile-sm-full, .overlay-half-lighter.mobile-sm-full, .overlay-half-light-frosted.mobile-sm-full, .overlay-half-primary.mobile-sm-full, .overlay-half-primary-darker.mobile-sm-full {
		width: 100%;
	}

	header h1 {
		font-size: 28px;
	}

	header h2 {
		font-size: 24px;
	}

	header h3 {
		font-size: 20px;
	}

	header h1.page-title {
		font-size: 34px;
	}

	.section-title {
		font-size: 34px;
	}

	.section-title {
		font-size: 34px;
	}

	header.xxl {
		padding: 160px 0;
	}

		header.xxl h1.fixed-title {
			top: 170px;
		}

	.header-text {
		font-size: 14px;
	}

	.footer-widget-area {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}

	.page-header {
		padding: 80px 0;
	}

	header.xl, header.lg {
		padding: 100px 0;
	}

	section.md {
		padding: 60px 0;
	}

	section.big {
		padding: 70px 0;
	}

	section.lg {
		padding: 80px 0;
	}

	.navbar-expand-lg.right-toggler button:not(.collapsed) {
		top: 60px;
	}

	.nav-pills .nav-link {
		padding: 0.75rem 1rem;
	}

	.custom-form .left-area {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	.custom-form .right-area {
		display: block;
		width: 100%;
		text-align: left;
	}

	.custom-form .left-area.long {
		width: 100%;
	}

	.custom-form .right-area.long {
		width: 100%;
	}

	.custom-form .left-area.short {
		width: 100%;
	}

	.custom-form .right-area.short {
		width: 100%;
	}

	.modal-footer.custom-form {
		display: block;
	}

	.cta .left-area.left-aligned.mobile-sm-center {
		text-align: center;
	}

	.cta .right-area.right-aligned.mobile-sm-center {
		text-align: center;
	}

	.modal-example .modal-content {
		max-width: 260px;
		margin: 0 auto;
	}

	table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.account-bar.horizontal-bar .nav-link {
		padding: 20px;
		font-size: 0.875rem;
	}

	.tab-pane h4 {
		font-size: 1.25rem;
	}

	.nav-tabs .nav-link {
		padding: 0.875rem 1rem;
	}

	.account-bar.horizontal-bar {
		padding: 20px;
	}

	.chart-content-bg h3 {
		font-size: 1.25rem;
	}

	.card .card-title, .card h4, .card .h4 {
		font-size: 1.125rem !important;
	}

	.mode-switcher-list {
		right: 50px;
	}
}

/*-------       end of 480px       -------*/
/*-------       400px       -------*/
@media only screen and (max-width: 400px) {
	.mobile-xs-fw {
		width: 100% !important;
		max-width: 100% !important;
	}

	.hide-mobile-xs, .mobile-xs-hidden {
		display: none !important;
	}

	.mobile-xs-no-border {
		border: none !important;
	}

	.mobile-xs-no-border-right {
		border-right: none !important;
	}

	.mobile-xs-no-border-left {
		border-left: none !important;
	}

	.mobile-xs-no-border-top {
		border-top: none !important;
	}

	.mobile-xs-no-border-bottom {
		border-bottom: none !important;
	}

	.modal-example .modal-content {
		max-width: 220px;
		margin: 0 auto;
	}

	.vertical-swiper.swiper-container {
		height: 220px !important;
	}

	.slide-nav .navbar-collapse {
		width: 100%;
	}

	.order-list .order-list-info, .wishlist-list .wishlist-info {
		padding-left: 0;
	}

	.order-info, .shipping-info {
		padding: 30px 15px;
	}

	.payment-methods {
		display: block;
	}

	.nav-tabs .nav-link {
		font-size: 0.875rem;
	}

	.navbar-expand-lg .list-inline.navbar-button, .navbar-expand-lg .list-inline.navbar-button li {
		display: block;
	}

		.navbar-expand-lg .list-inline.navbar-button .btn {
			display: block;
			width: 100% !important;
			min-width: 100% !important;
			max-width: 100% !important;
			text-align: center;
		}

		.navbar-expand-lg .list-inline.navbar-button li {
			margin: 0 !important;
			padding: 0 !important;
		}

			.navbar-expand-lg .list-inline.navbar-button li:first-child {
				margin-bottom: 10px !important;
			}

	.icon-switch.mode-switcher {
		margin-left: 0 !important;
	}

	.nav-offcanvas .icon-switch.mode-switcher {
		top: 0;
		margin-top: 0;
	}
}

/*-------       end of 400px       -------*/
/*------------- end of max-widths -------------*/
/*------------- min-max-widths -------------*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
	.custom-form .left-area {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	.custom-form .right-area {
		display: block;
		width: 100%;
		text-align: left;
	}

	.custom-form .left-area.long {
		width: 100%;
	}

	.custom-form .right-area.long {
		width: 100%;
	}

	.custom-form .left-area.short {
		width: 100%;
	}

	.custom-form .right-area.short {
		width: 100%;
	}

	.glightbox-clean .gslide-media {
		max-width: 70% !important;
	}

	.glightbox-clean .gslide-description {
		max-width: 70% !important;
	}
}

/*------------- end of min-max-widths -------------*/
/*------------- min-widths -------------*/
/*-------       768px       -------*/
@media only screen and (min-width: 768px) {
	.stacked > .col-md-4, .stacked > .col-md-3 {
		padding-left: 0;
		padding-right: 0;
	}

	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
		orphans: 1;
		widows: 1;
	}

	.modal-sm {
		max-width: 420px;
	}

	#wrapper {
		padding-left: 300px;
	}

		#wrapper.toggled {
			padding-left: 0;
		}

	#sidebar-wrapper {
		width: 300px;
	}

	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}

	#page-content-wrapper {
		position: relative;
	}

	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
}

/*-------       end of 768px       -------*/
/*-------       992px       -------*/
@media only screen and (min-width: 992px) {
	.mobile-nav-toggler {
		display: none;
	}

		.mobile-nav-toggler.all-devices {
			display: inline-block;
		}

	.stacked > .col-lg-4, .stacked > .col-lg-3 {
		padding-left: 0;
		padding-right: 0;
	}

	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0 1.25rem;
		height: 74px;
		line-height: 74px;
	}

	.navbar-expand-lg.nav-fixed .navbar-nav .nav-link {
		height: 66px;
		line-height: 66px;
	}

	.navbar-expand-lg.nav-scroll .navbar-nav .nav-link {
		padding: 25px;
	}

	.navbar-expand-lg.menu-custom, .navbar-expand-lg.custom-menu.menu-pills {
		padding: 15px 0;
	}

		.navbar-expand-lg.custom-menu.menu-pills .nav-link {
			padding: 0 30px;
			height: 44px;
			line-height: 44px;
			margin: 0 5px;
			border: none !important;
			border-radius: 50px;
		}

		.navbar-expand-lg.menu-custom .nav-link {
			padding: 10px 25px;
			margin: 0 5px;
			border-radius: 5px;
		}

			.navbar-expand-lg.menu-custom .nav-link.active, .navbar-expand-lg.menu-custom .nav-link:hover, .navbar-expand-lg.menu-custom .nav-link.active:hover {
				color: #0e121e;
				background-color: rgba(55, 55, 55, 0.2);
			}

		.navbar-expand-lg.menu-custom.navbar-inverse .nav-link.active, .navbar-expand-lg.menu-custom.navbar-inverse .nav-link:hover, .navbar-expand-lg.menu-custom.navbar-inverse .nav-link.active:hover {
			color: #fff;
			background-color: rgba(255, 255, 255, 0.2);
		}

	.navbar-expand-lg .dropdown-toggle::after {
		display: inline-block !important;
		opacity: 0 !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link:after {
		font-size: 1.125rem !important;
		line-height: 1.5rem;
		font-family: inherit !important;
		font-weight: 400 !important;
		vertical-align: baseline;
		top: 0 !important;
		position: relative !important;
		transform: none !important;
	}

	.navbar-expand-lg .navbar-nav .dropdown-toggle.nav-link:after {
		content: "]" !important;
		margin-left: 8px !important;
	}

	.navbar-expand-lg .navbar-nav .nav-link.active:before, .navbar-expand-lg .navbar-nav .nav-link.active:after {
		opacity: 1 !important;
	}

	.nav-item.no-nav-link {
		padding: 0 1.5rem;
	}

		.nav-item.no-nav-link.last-menu-item {
			padding-right: 0;
		}

	.navbar-expand-lg .last-menu-item {
		margin-right: 0 !important;
		padding-right: 0 !important;
	}

	.dropdown-menu li:hover .sub-menu {
		visibility: visible;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		display: block;
		position: absolute;
		-webkit-transition: opacity 0.2s, ease-in-out 0.2s;
		-moz-transition: opacity 0.2s, ease-in-out 0.2s;
		-o-transition: opacity 0.2s, ease-in-out 0.2s;
		transition: opacity 0.2s, ease-in-out 0.2s;
		animation-delay: 0.1s;
		top: 78px;
		visibility: hidden;
		opacity: 0;
	}

	.navbar-expand-lg .dropdown:hover .dropdown-menu {
		top: 74px;
		visibility: visible;
		opacity: 1;
	}

	.navbar-expand-lg .mega-menu.one-column {
		min-width: 220px;
	}

	.navbar-expand-lg .mega-menu.two-columns {
		min-width: 460px;
	}

	.navbar-expand-lg .mega-menu.three-columns {
		min-width: 620px;
	}

	.navbar-expand-lg .mega-menu.four-columns {
		min-width: 820px;
	}

	.navbar-expand-lg .mega-menu.five-columns {
		min-width: 220px;
	}

	.navbar-expand-lg .mega-menu.six-columns {
		min-width: 1080px;
		max-width: 100%;
	}

	.navbar-expand-lg .icon-dropdowns .nav-link {
		padding: .75rem !important;
	}

	.navbar-expand-lg.stacked-menu > .container {
		display: block;
	}
	/*--- secondary-nav ---*/
	.navbar-expand-lg.secondary-nav .navbar-nav .nav-link {
		padding: 0 1.5rem;
		height: 54px;
		line-height: 54px;
	}

	.navbar-expand-lg.snav-left .navbar-nav .nav-item:first-child .nav-link {
		padding-left: 0;
	}

	.navbar-expand-lg.snav-right .navbar-nav .nav-item:last-child .nav-link {
		padding-right: 0;
	}

	.navbar-expand-lg.secondary-nav.snav-tab .navbar-nav .nav-link {
		background-color: transparent;
	}

		.navbar-expand-lg.secondary-nav.snav-tab .navbar-nav .nav-link.active, .navbar-expand-lg.secondary-nav.snav-tab .navbar-nav .nav-link.active:hover {
			background-color: #c8d4ff;
			color: #29ABE2;
		}

		.navbar-expand-lg.secondary-nav.snav-tab .navbar-nav .nav-link:hover {
			background-color: #c8d4ff;
			color: #29ABE2;
		}
	/*--- end of secondary-nav ---*/
	.navbar-expand-lg .dropdown-menu.mw-140 {
		min-width: 140px;
	}

	.navbar-expand-lg .dropdown-menu.mw-160 {
		min-width: 160px;
	}

	.navbar-expand-lg .dropdown-menu.mw-200 {
		min-width: 200px;
	}

	.navbar-expand-lg .dropdown-menu.mw-300 {
		min-width: 300px;
	}
}

/*-------       end of 992px       -------*/
/*-------       1200px       -------*/
@media only screen and (min-width: 1201px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		padding: 1.75rem 1.5rem;
	}

	.navbar-expand-xl .dropdown-toggle::after {
		display: none;
	}

	.navbar-expand-xl .dropdown-toggle.active::after {
		display: block;
	}

	.navbar-expand-xl .split-menu .navbar-brand {
		display: inline-block;
	}

		.navbar-expand-xl .split-menu .navbar-brand.mobile-brand {
			display: none !important;
		}

	.navbar-expand-xl .navbar-nav .dropdown-menu {
		display: block;
		position: absolute;
		-webkit-transition: opacity 0.2s, ease-in-out 0.2s;
		-moz-transition: opacity 0.2s, ease-in-out 0.2s;
		-o-transition: opacity 0.2s, ease-in-out 0.2s;
		transition: opacity 0.2s, ease-in-out 0.2s;
		animation-delay: 0.5s;
		top: 75px;
		visibility: hidden;
		opacity: 0;
	}

	.navbar-expand-xl .dropdown:hover .dropdown-menu {
		top: 65px;
		visibility: visible;
		opacity: 1;
	}

	.navbar-expand-xl .dropdown-menu.show {
		top: 65px;
		visibility: visible;
		opacity: 1;
	}

	.navbar-expand-xl .mega-menu.one-column {
		min-width: 180px;
	}

	.navbar-expand-xl .mega-menu.two-columns {
		min-width: 360px;
	}

	.navbar-expand-xl .mega-menu.three-columns {
		min-width: 540px;
	}

	.navbar-expand-xl .mega-menu.four-columns {
		min-width: 720px;
	}

	.navbar-expand-xl .mega-menu.five-columns {
		min-width: 900px;
	}

	.navbar-expand-xl .mega-menu.six-columns {
		min-width: 1080px;
	}

	.navbar-expand-xl .icon-dropdowns .nav-link {
		padding: .75rem !important;
	}

	.stacked > .col-xl-4, .stacked > .col-xl-3 {
		padding-left: 0;
		padding-right: 0;
	}
}

/*-------       end of 1200px       -------*/
/*------------- end of min-widths -------------*/
/*------------- max-height -------------*/
@media only screen and (max-height: 700px) {
	.modal-fs .modal-body {
		padding-top: 80px;
	}
}

/*------------- end of max-height -------------*/
/*---------------- end of media screens ----------------*/





/*All this is my stuff for the tree and the bubble button*/

.tree-ul {
	margin-left: 20px;
	padding-left: 10px !important;
}

	.tree-ul a:hover {
		background-color: rgb(248, 249, 250);
		border-right: 2px solid #4361ee;
		padding-right: 5px;
	}

.caret {
	cursor: pointer;
	user-select: none;
	margin-right: 4px;
}

.caret-toggle[aria-expanded=true]::before {
	transform: rotate(90deg);
}

.caret::before {
	content: "";
	border-left: 0.4rem solid #0d6efd;
	border-right: 0;
	border-top: 0.4rem solid transparent;
	border-bottom: 0.4rem solid transparent;
	display: inline-block;
	position: relative;
	top: 0px;
	line-height: 0;
}

.button .b_l_quad .button_spots:nth-child(1) {
	padding: 4px;
	left: -13px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(2) {
	padding: 5px;
	left: -1px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(3) {
	padding: 5px;
	left: 11px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(4) {
	padding: 3px;
	left: 23px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(5) {
	padding: 4px;
	left: 35px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(6) {
	padding: 3px;
	left: 47px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(7) {
	padding: 4px;
	left: 59px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(8) {
	padding: 4px;
	left: 71px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(9) {
	padding: 5px;
	left: 83px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(10) {
	padding: 3px;
	left: 95px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(11) {
	padding: 5px;
	left: 107px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(12) {
	padding: 5px;
	left: 119px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(13) {
	padding: 4px;
	left: 131px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(14) {
	padding: 3px;
	left: 143px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(15) {
	padding: 5px;
	left: 155px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(16) {
	padding: 5px;
	left: 167px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(17) {
	padding: 3px;
	left: 179px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(18) {
	padding: 4px;
	left: 191px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(19) {
	padding: 5px;
	left: 203px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(20) {
	padding: 5px;
	left: 215px;
	top: 50px;
}

.button .b_l_quad .button_spots:nth-child(20) {
	padding: 3px;
	left: -15px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(21) {
	padding: 3px;
	left: -3px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(22) {
	padding: 5px;
	left: 9px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(23) {
	padding: 5px;
	left: 21px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(24) {
	padding: 3px;
	left: 33px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(25) {
	padding: 3px;
	left: 45px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(26) {
	padding: 5px;
	left: 57px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(27) {
	padding: 4px;
	left: 69px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(28) {
	padding: 3px;
	left: 81px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(29) {
	padding: 3px;
	left: 93px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(30) {
	padding: 5px;
	left: 105px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(31) {
	padding: 4px;
	left: 117px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(32) {
	padding: 5px;
	left: 129px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(33) {
	padding: 3px;
	left: 141px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(34) {
	padding: 5px;
	left: 153px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(35) {
	padding: 5px;
	left: 165px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(36) {
	padding: 4px;
	left: 177px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(37) {
	padding: 5px;
	left: 189px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(38) {
	padding: 5px;
	left: 201px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(39) {
	padding: 4px;
	left: 213px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(40) {
	padding: 5px;
	left: 225px;
	top: -12px;
}

.button .b_l_quad .button_spots:nth-child(40) {
	padding: 5px;
	left: 204px;
	top: -8px;
}

.button .b_l_quad .button_spots:nth-child(41) {
	padding: 3px;
	left: 204px;
	top: 4px;
}

.button .b_l_quad .button_spots:nth-child(42) {
	padding: 3px;
	left: 204px;
	top: 16px;
}

.button .b_l_quad .button_spots:nth-child(43) {
	padding: 5px;
	left: 204px;
	top: 28px;
}

.button .b_l_quad .button_spots:nth-child(44) {
	padding: 3px;
	left: 204px;
	top: 40px;
}

.button .b_l_quad .button_spots:nth-child(45) {
	padding: 3px;
	left: 204px;
	top: 52px;
}

.button .b_l_quad .button_spots:nth-child(46) {
	padding: 4px;
	left: 204px;
	top: 64px;
}

.button .b_l_quad .button_spots:nth-child(46) {
	padding: 5px;
	left: -10px;
	top: -16px;
}

.button .b_l_quad .button_spots:nth-child(47) {
	padding: 4px;
	left: -10px;
	top: -4px;
}

.button .b_l_quad .button_spots:nth-child(48) {
	padding: 5px;
	left: -10px;
	top: 8px;
}

.button .b_l_quad .button_spots:nth-child(49) {
	padding: 4px;
	left: -10px;
	top: 20px;
}

.button .b_l_quad .button_spots:nth-child(50) {
	padding: 5px;
	left: -10px;
	top: 32px;
}

.button .b_l_quad .button_spots:nth-child(51) {
	padding: 3px;
	left: -10px;
	top: 44px;
}

.button .b_l_quad .button_spots:nth-child(52) {
	padding: 5px;
	left: -10px;
	top: 56px;
}

.button .button_spots {
	position: absolute;
	border-radius: 100px;
	background: green;
	opacity: 0;
	-webkit-animation: opacity 1s;
	animation: opacity 1s;
}

	.button .button_spots:nth-of-type(1) {
		transform-origin: 89px 17px;
		background: #d28b79;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.3s;
	}

	.button .button_spots:nth-of-type(2) {
		transform-origin: 88px 10px;
		background: #7aa1d1;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.7s;
	}

	.button .button_spots:nth-of-type(3) {
		transform-origin: 83px 14px;
		background: #d19a7a;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.5s;
	}

	.button .button_spots:nth-of-type(4) {
		transform-origin: 83px 16px;
		background: #8979d2;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 2s;
	}

	.button .button_spots:nth-of-type(5) {
		transform-origin: 87px 10px;
		background: #767ed5;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.1s;
	}

	.button .button_spots:nth-of-type(6) {
		transform-origin: 82px 12px;
		background: #d67a76;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.3s;
	}

	.button .button_spots:nth-of-type(7) {
		transform-origin: 89px 11px;
		background: #d49877;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.7s;
	}

	.button .button_spots:nth-of-type(8) {
		transform-origin: 89px 10px;
		background: #77d49e;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.1s;
	}

	.button .button_spots:nth-of-type(9) {
		transform-origin: 85px 13px;
		background: #d28579;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.8s;
	}

	.button .button_spots:nth-of-type(10) {
		transform-origin: 84px 17px;
		background: #997cd0;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.3s;
	}

	.button .button_spots:nth-of-type(11) {
		transform-origin: 80px 16px;
		background: #74a7d8;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.4s;
	}

	.button .button_spots:nth-of-type(12) {
		transform-origin: 82px 18px;
		background: #7b85d1;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.6s;
	}

	.button .button_spots:nth-of-type(13) {
		transform-origin: 81px 15px;
		background: #d4ba77;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.8s;
	}

	.button .button_spots:nth-of-type(14) {
		transform-origin: 85px 18px;
		background: #d279a9;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 2s;
	}

	.button .button_spots:nth-of-type(15) {
		transform-origin: 86px 18px;
		background: #d79e75;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.7s;
	}

	.button .button_spots:nth-of-type(16) {
		transform-origin: 82px 18px;
		background: #9077d4;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.9s;
	}

	.button .button_spots:nth-of-type(17) {
		transform-origin: 80px 12px;
		background: #d17ba7;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 2s;
	}

	.button .button_spots:nth-of-type(18) {
		transform-origin: 82px 12px;
		background: #7b9fd1;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.2s;
	}

	.button .button_spots:nth-of-type(19) {
		transform-origin: 82px 13px;
		background: #d07cc0;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.7s;
	}

	.button .button_spots:nth-of-type(20) {
		transform-origin: 85px 13px;
		background: #d1917a;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.6s;
	}

	.button .button_spots:nth-of-type(21) {
		transform-origin: 82px 16px;
		background: #79d2c9;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.9s;
	}

	.button .button_spots:nth-of-type(22) {
		transform-origin: 88px 18px;
		background: #79c4d2;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.9s;
	}

	.button .button_spots:nth-of-type(23) {
		transform-origin: 85px 19px;
		background: #9fd576;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.2s;
	}

	.button .button_spots:nth-of-type(24) {
		transform-origin: 89px 13px;
		background: #d4bd77;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.5s;
	}

	.button .button_spots:nth-of-type(25) {
		transform-origin: 87px 10px;
		background: #d58e76;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.7s;
	}

	.button .button_spots:nth-of-type(26) {
		transform-origin: 88px 14px;
		background: #7cd08a;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.9s;
	}

	.button .button_spots:nth-of-type(27) {
		transform-origin: 88px 11px;
		background: #76a9d5;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 2s;
	}

	.button .button_spots:nth-of-type(28) {
		transform-origin: 81px 10px;
		background: #7ad1b7;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.8s;
	}

	.button .button_spots:nth-of-type(29) {
		transform-origin: 86px 10px;
		background: #d5b976;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.6s;
	}

	.button .button_spots:nth-of-type(30) {
		transform-origin: 88px 14px;
		background: #7bd1cb;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.3s;
	}

	.button .button_spots:nth-of-type(31) {
		transform-origin: 80px 12px;
		background: #8879d2;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.3s;
	}

	.button .button_spots:nth-of-type(32) {
		transform-origin: 87px 13px;
		background: #d17bce;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.9s;
	}

	.button .button_spots:nth-of-type(33) {
		transform-origin: 89px 11px;
		background: #d1b77b;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.1s;
	}

	.button .button_spots:nth-of-type(34) {
		transform-origin: 80px 14px;
		background: #d0ab7c;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.6s;
	}

	.button .button_spots:nth-of-type(35) {
		transform-origin: 89px 12px;
		background: #d3d078;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.7s;
	}

	.button .button_spots:nth-of-type(36) {
		transform-origin: 80px 18px;
		background: #cc7bd1;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.3s;
	}

	.button .button_spots:nth-of-type(37) {
		transform-origin: 82px 14px;
		background: #ad7ad1;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.8s;
	}

	.button .button_spots:nth-of-type(38) {
		transform-origin: 88px 14px;
		background: #d17e7a;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.6s;
	}

	.button .button_spots:nth-of-type(39) {
		transform-origin: 89px 10px;
		background: #d378ad;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 2s;
	}

	.button .button_spots:nth-of-type(40) {
		transform-origin: 81px 14px;
		background: #cfd378;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.4s;
	}

	.button .button_spots:nth-of-type(41) {
		transform-origin: 86px 19px;
		background: #d79975;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.2s;
	}

	.button .button_spots:nth-of-type(42) {
		transform-origin: 80px 19px;
		background: #b074d8;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.8s;
	}

	.button .button_spots:nth-of-type(43) {
		transform-origin: 84px 11px;
		background: #d5767d;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.7s;
	}

	.button .button_spots:nth-of-type(44) {
		transform-origin: 81px 14px;
		background: #79d291;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 2s;
	}

	.button .button_spots:nth-of-type(45) {
		transform-origin: 83px 12px;
		background: #d59876;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 2s;
	}

	.button .button_spots:nth-of-type(46) {
		transform-origin: 84px 13px;
		background: #7a86d1;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.6s;
	}

	.button .button_spots:nth-of-type(47) {
		transform-origin: 86px 16px;
		background: #d576cc;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.4s;
	}

	.button .button_spots:nth-of-type(48) {
		transform-origin: 86px 11px;
		background: #d1b17b;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.9s;
	}

	.button .button_spots:nth-of-type(49) {
		transform-origin: 86px 10px;
		background: #7cd08d;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.1s;
	}

	.button .button_spots:nth-of-type(50) {
		transform-origin: 82px 16px;
		background: #d1957b;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.2s;
	}

	.button .button_spots:nth-of-type(51) {
		transform-origin: 84px 11px;
		background: #7bd1a0;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.6s;
	}

	.button .button_spots:nth-of-type(52) {
		transform-origin: 80px 13px;
		background: #76d58b;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);
		transition: all 1.9s;
	}

.button_inner {
	pointer-events: none;
	border-radius: 2px;
	position: absolute;
	width: 200px;
	height: 40px;
	left: 0;
	right: 0;
	/*top: 50%;*/
	margin: auto;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04);
	font-weight: 100;
	font-size: 12px;
	cursor: pointer;
	/*border: 2px solid #FFFFFF;*/
	color: white;
	text-align: Center;
	transition: all 0.3s, box-shadow 0.2s, transform 0.2s 0.2s;
}

.button_inner {
	color: #2C3940;
	/*background: white;*/
	box-shadow: 0px 17px 18px -14px rgba(0, 0, 0, 0.08);
}

	.button_inner .button_spots:nth-of-type(1) {
		-webkit-animation: spot-1 0.7s 0.38s linear infinite;
		animation: spot-1 0.7s 0.38s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(2) {
		-webkit-animation: spot-2 0.7s 1.0571428571s linear infinite;
		animation: spot-2 0.7s 1.0571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(3) {
		-webkit-animation: spot-3 0.7s 0.6571428571s linear infinite;
		animation: spot-3 0.7s 0.6571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(4) {
		-webkit-animation: spot-4 0.7s 0.7s linear infinite;
		animation: spot-4 0.7s 0.7s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(5) {
		-webkit-animation: spot-5 0.7s 0.4s linear infinite;
		animation: spot-5 0.7s 0.4s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(6) {
		-webkit-animation: spot-6 0.7s 0.4666666667s linear infinite;
		animation: spot-6 0.7s 0.4666666667s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(7) {
		-webkit-animation: spot-7 0.7s 0.58s linear infinite;
		animation: spot-7 0.7s 0.58s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(8) {
		-webkit-animation: spot-8 0.7s 1.4s linear infinite;
		animation: spot-8 0.7s 1.4s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(9) {
		-webkit-animation: spot-9 0.7s 0.98s linear infinite;
		animation: spot-9 0.7s 0.98s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(10) {
		-webkit-animation: spot-10 0.7s 0.3571428571s linear infinite;
		animation: spot-10 0.7s 0.3571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(11) {
		-webkit-animation: spot-11 0.7s 0.18s linear infinite;
		animation: spot-11 0.7s 0.18s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(12) {
		-webkit-animation: spot-12 0.7s 0.24s linear infinite;
		animation: spot-12 0.7s 0.24s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(13) {
		-webkit-animation: spot-13 0.7s 0.6s linear infinite;
		animation: spot-13 0.7s 0.6s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(14) {
		-webkit-animation: spot-14 0.7s 0.5333333333s linear infinite;
		animation: spot-14 0.7s 0.5333333333s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(15) {
		-webkit-animation: spot-15 0.7s 0.8s linear infinite;
		animation: spot-15 0.7s 0.8s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(16) {
		-webkit-animation: spot-16 0.7s 0.95s linear infinite;
		animation: spot-16 0.7s 0.95s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(17) {
		-webkit-animation: spot-17 0.7s 0.3444444444s linear infinite;
		animation: spot-17 0.7s 0.3444444444s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(18) {
		-webkit-animation: spot-18 0.7s 0.4571428571s linear infinite;
		animation: spot-18 0.7s 0.4571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(19) {
		-webkit-animation: spot-19 0.7s 0.4571428571s linear infinite;
		animation: spot-19 0.7s 0.4571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(20) {
		-webkit-animation: spot-20 0.7s 1.3s linear infinite;
		animation: spot-20 0.7s 1.3s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(21) {
		-webkit-animation: spot-21 0.7s 1.1333333333s linear infinite;
		animation: spot-21 0.7s 1.1333333333s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(22) {
		-webkit-animation: spot-22 0.7s 0.8s linear infinite;
		animation: spot-22 0.7s 0.8s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(23) {
		-webkit-animation: spot-23 0.7s 1.1333333333s linear infinite;
		animation: spot-23 0.7s 1.1333333333s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(24) {
		-webkit-animation: spot-24 0.7s 1.2s linear infinite;
		animation: spot-24 0.7s 1.2s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(25) {
		-webkit-animation: spot-25 0.7s 1.04s linear infinite;
		animation: spot-25 0.7s 1.04s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(26) {
		-webkit-animation: spot-26 0.7s 0.1571428571s linear infinite;
		animation: spot-26 0.7s 0.1571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(27) {
		-webkit-animation: spot-27 0.7s 0.64s linear infinite;
		animation: spot-27 0.7s 0.64s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(28) {
		-webkit-animation: spot-28 0.7s 0.7666666667s linear infinite;
		animation: spot-28 0.7s 0.7666666667s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(29) {
		-webkit-animation: spot-29 0.7s 0.3s linear infinite;
		animation: spot-29 0.7s 0.3s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(30) {
		-webkit-animation: spot-30 0.7s 0.95s linear infinite;
		animation: spot-30 0.7s 0.95s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(31) {
		-webkit-animation: spot-31 0.7s 0.9666666667s linear infinite;
		animation: spot-31 0.7s 0.9666666667s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(32) {
		-webkit-animation: spot-32 0.7s 0.45s linear infinite;
		animation: spot-32 0.7s 0.45s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(33) {
		-webkit-animation: spot-33 0.7s 0.88s linear infinite;
		animation: spot-33 0.7s 0.88s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(34) {
		-webkit-animation: spot-34 0.7s 0.84s linear infinite;
		animation: spot-34 0.7s 0.84s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(35) {
		-webkit-animation: spot-35 0.7s 0.7333333333s linear infinite;
		animation: spot-35 0.7s 0.7333333333s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(36) {
		-webkit-animation: spot-36 0.7s 0.2s linear infinite;
		animation: spot-36 0.7s 0.2s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(37) {
		-webkit-animation: spot-37 0.7s 0.55s linear infinite;
		animation: spot-37 0.7s 0.55s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(38) {
		-webkit-animation: spot-38 0.7s 0.34s linear infinite;
		animation: spot-38 0.7s 0.34s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(39) {
		-webkit-animation: spot-39 0.7s 0.9571428571s linear infinite;
		animation: spot-39 0.7s 0.9571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(40) {
		-webkit-animation: spot-40 0.7s 0.2444444444s linear infinite;
		animation: spot-40 0.7s 0.2444444444s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(40) {
		-webkit-animation: spot-40 0.7s 0.5666666667s linear infinite;
		animation: spot-40 0.7s 0.5666666667s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(41) {
		-webkit-animation: spot-41 0.7s 0.7444444444s linear infinite;
		animation: spot-41 0.7s 0.7444444444s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(42) {
		-webkit-animation: spot-42 0.7s 0.7s linear infinite;
		animation: spot-42 0.7s 0.7s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(43) {
		-webkit-animation: spot-43 0.7s 0.7444444444s linear infinite;
		animation: spot-43 0.7s 0.7444444444s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(44) {
		-webkit-animation: spot-44 0.7s 0.2666666667s linear infinite;
		animation: spot-44 0.7s 0.2666666667s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(45) {
		-webkit-animation: spot-45 0.7s 0.4444444444s linear infinite;
		animation: spot-45 0.7s 0.4444444444s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(46) {
		-webkit-animation: spot-46 0.7s 0.2571428571s linear infinite;
		animation: spot-46 0.7s 0.2571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(46) {
		-webkit-animation: spot-46 0.7s 0.9444444444s linear infinite;
		animation: spot-46 0.7s 0.9444444444s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(47) {
		-webkit-animation: spot-47 0.7s 0.5s linear infinite;
		animation: spot-47 0.7s 0.5s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(48) {
		-webkit-animation: spot-48 0.7s 0.68s linear infinite;
		animation: spot-48 0.7s 0.68s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(49) {
		-webkit-animation: spot-49 0.7s 1.3s linear infinite;
		animation: spot-49 0.7s 1.3s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(50) {
		-webkit-animation: spot-50 0.7s 0.45s linear infinite;
		animation: spot-50 0.7s 0.45s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(51) {
		-webkit-animation: spot-51 0.7s 0.48s linear infinite;
		animation: spot-51 0.7s 0.48s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(52) {
		-webkit-animation: spot-52 0.7s 0.6571428571s linear infinite;
		animation: spot-52 0.7s 0.6571428571s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(53) {
		-webkit-animation: spot-53 0.7s 0.95s linear infinite;
		animation: spot-53 0.7s 0.95s linear infinite;
	}

	.button_inner .button_spots:nth-of-type(54) {
		-webkit-animation: spot-54 0.7s 0.2444444444s linear infinite;
		animation: spot-54 0.7s 0.2444444444s linear infinite;
	}

@-webkit-keyframes spot-1 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-18px);
		opacity: 0.6;
	}
}

@keyframes spot-1 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-18px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-2 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-16px);
		opacity: 0.6;
	}
}

@keyframes spot-2 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-16px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-3 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-14px);
		opacity: 0.6;
	}
}

@keyframes spot-3 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-14px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-4 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-12px);
		opacity: 0.6;
	}
}

@keyframes spot-4 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-12px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-5 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-10px);
		opacity: 0.6;
	}
}

@keyframes spot-5 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-10px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-6 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-8px);
		opacity: 0.6;
	}
}

@keyframes spot-6 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-8px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-7 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-6px);
		opacity: 0.6;
	}
}

@keyframes spot-7 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-6px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-8 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-4px);
		opacity: 0.6;
	}
}

@keyframes spot-8 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-4px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-9 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-2px);
		opacity: 0.6;
	}
}

@keyframes spot-9 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(-2px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-10 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(0px);
		opacity: 0.6;
	}
}

@keyframes spot-10 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(0px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-11 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(2px);
		opacity: 0.6;
	}
}

@keyframes spot-11 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(2px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-12 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(4px);
		opacity: 0.6;
	}
}

@keyframes spot-12 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(4px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-13 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(6px);
		opacity: 0.6;
	}
}

@keyframes spot-13 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(6px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-14 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(8px);
		opacity: 0.6;
	}
}

@keyframes spot-14 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(8px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-15 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(10px);
		opacity: 0.6;
	}
}

@keyframes spot-15 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(10px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-16 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(12px);
		opacity: 0.6;
	}
}

@keyframes spot-16 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(12px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-17 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(14px);
		opacity: 0.6;
	}
}

@keyframes spot-17 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(14px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-18 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(16px);
		opacity: 0.6;
	}
}

@keyframes spot-18 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(16px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-19 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(18px);
		opacity: 0.6;
	}
}

@keyframes spot-19 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(18px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-20 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(20px);
		opacity: 0.6;
	}
}

@keyframes spot-20 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(30px) translateX(20px);
		opacity: 0.6;
	}
}

@keyframes spot-20 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-10px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-21 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-8px);
		opacity: 0.6;
	}
}

@keyframes spot-21 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-8px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-22 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-6px);
		opacity: 0.6;
	}
}

@keyframes spot-22 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-6px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-23 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-4px);
		opacity: 0.6;
	}
}

@keyframes spot-23 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-4px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-24 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-2px);
		opacity: 0.6;
	}
}

@keyframes spot-24 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(-2px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-25 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(0px);
		opacity: 0.6;
	}
}

@keyframes spot-25 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(0px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-26 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(2px);
		opacity: 0.6;
	}
}

@keyframes spot-26 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(2px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-27 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(4px);
		opacity: 0.6;
	}
}

@keyframes spot-27 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(4px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-28 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(6px);
		opacity: 0.6;
	}
}

@keyframes spot-28 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(6px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-29 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(8px);
		opacity: 0.6;
	}
}

@keyframes spot-29 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(8px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-30 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(10px);
		opacity: 0.6;
	}
}

@keyframes spot-30 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(10px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-31 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(12px);
		opacity: 0.6;
	}
}

@keyframes spot-31 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(12px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-32 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(14px);
		opacity: 0.6;
	}
}

@keyframes spot-32 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(14px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-33 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(16px);
		opacity: 0.6;
	}
}

@keyframes spot-33 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(16px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-34 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(18px);
		opacity: 0.6;
	}
}

@keyframes spot-34 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(18px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-35 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(20px);
		opacity: 0.6;
	}
}

@keyframes spot-35 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(20px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-36 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(22px);
		opacity: 0.6;
	}
}

@keyframes spot-36 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(22px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-37 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(24px);
		opacity: 0.6;
	}
}

@keyframes spot-37 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(24px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-38 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(26px);
		opacity: 0.6;
	}
}

@keyframes spot-38 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(26px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-39 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(28px);
		opacity: 0.6;
	}
}

@keyframes spot-39 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(28px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-40 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(30px);
		opacity: 0.6;
	}
}

@keyframes spot-40 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-30px) translateX(30px);
		opacity: 0.6;
	}
}

@keyframes spot-40 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-6px) translateX(40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-41 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-4px) translateX(40px);
		opacity: 0.6;
	}
}

@keyframes spot-41 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-4px) translateX(40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-42 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-2px) translateX(40px);
		opacity: 0.6;
	}
}

@keyframes spot-42 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-2px) translateX(40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-43 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(0px) translateX(40px);
		opacity: 0.6;
	}
}

@keyframes spot-43 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(0px) translateX(40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-44 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(2px) translateX(40px);
		opacity: 0.6;
	}
}

@keyframes spot-44 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(2px) translateX(40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-45 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(4px) translateX(40px);
		opacity: 0.6;
	}
}

@keyframes spot-45 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(4px) translateX(40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-46 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-7px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-46 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-7px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-47 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-5px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-47 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-5px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-48 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-3px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-48 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-3px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-49 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-1px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-49 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(-1px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-50 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(1px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-50 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(1px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-51 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(3px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-51 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(3px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-52 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(5px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-52 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(5px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-53 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(7px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-53 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(7px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes spot-54 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(9px) translateX(-40px);
		opacity: 0.6;
	}
}

@keyframes spot-54 {
	from {
		opacity: 0;
	}

	to {
		transform: translateY(9px) translateX(-40px);
		opacity: 0.6;
	}
}

@-webkit-keyframes opacity {
	to {
		opacity: 0;
	}
}

@keyframes opacity {
	to {
		opacity: 0;
	}
}

@-webkit-keyframes rotate {
	from {
		opacity: 0.8;
	}

	to {
		transform: rotate(360deg);
		opacity: 0.8;
	}
}

@keyframes rotate {
	from {
		opacity: 0.8;
	}

	to {
		transform: rotate(360deg);
		opacity: 0.8;
	}
}

@-webkit-keyframes down {
	from {
		left: 10px;
	}

	to {
		left: 57px;
	}
}

@keyframes down {
	from {
		left: 10px;
	}

	to {
		left: 57px;
	}
}

@-webkit-keyframes spew {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.8;
	}
}

@keyframes spew {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.8;
	}
}

@-webkit-keyframes final {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes final {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes finalbox {
	to {
		width: 50px;
	}
}

@keyframes finalbox {
	to {
		width: 50px;
	}
}

@-webkit-keyframes tick {
	to {
		transform: scale(1) rotate(-90deg);
	}
}

@keyframes tick {
	to {
		transform: scale(1) rotate(-90deg);
	}
}




.box {
	position: relative;
	max-width: 600px;
	width: 90%;
	height: 400px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}

/* common */
.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

	.ribbon::before,
	.ribbon::after {
		position: absolute;
		z-index: -1;
		content: '';
		display: block;
		border: 5px solid #2980b9;
	}

	.ribbon span {
		position: absolute;
		display: block;
		width: 225px;
		padding: 15px 0;
		/*background-color: #0d6efd;*/
		box-shadow: 0 5px 10px rgba(0,0,0,.1);
		color: #fff;
		font: 700 18px/1 'Lato', sans-serif;
		text-shadow: 0 1px 1px rgba(0,0,0,.2);
		text-transform: uppercase;
		text-align: center;
	}

/* top left*/
.ribbon-top-left {
	top: -10px;
	left: -10px;
}

	.ribbon-top-left::before,
	.ribbon-top-left::after {
		border-top-color: transparent;
		border-left-color: transparent;
	}

	.ribbon-top-left::before {
		top: 0;
		right: 0;
	}

	.ribbon-top-left::after {
		bottom: 0;
		left: 0;
	}

	.ribbon-top-left span {
		right: -25px;
		top: 30px;
		transform: rotate(-45deg);
	}

/* top right*/
.ribbon-top-right {
	top: -10px;
	right: -10px;
}

	.ribbon-top-right::before,
	.ribbon-top-right::after {
		border-top-color: transparent;
		border-right-color: transparent;
	}

	.ribbon-top-right::before {
		top: 0;
		left: 0;
	}

	.ribbon-top-right::after {
		bottom: 0;
		right: 0;
	}

	.ribbon-top-right span {
		left: -25px;
		top: 30px;
		transform: rotate(45deg);
	}

/* bottom left*/
.ribbon-bottom-left {
	bottom: -10px;
	left: -10px;
}

	.ribbon-bottom-left::before,
	.ribbon-bottom-left::after {
		border-bottom-color: transparent;
		border-left-color: transparent;
	}

	.ribbon-bottom-left::before {
		bottom: 0;
		right: 0;
	}

	.ribbon-bottom-left::after {
		top: 0;
		left: 0;
	}

	.ribbon-bottom-left span {
		right: -25px;
		bottom: 30px;
		transform: rotate(225deg);
	}

/* bottom right*/
.ribbon-bottom-right {
	bottom: -10px;
	right: -10px;
}

	.ribbon-bottom-right::before,
	.ribbon-bottom-right::after {
		border-bottom-color: transparent;
		border-right-color: transparent;
	}

	.ribbon-bottom-right::before {
		bottom: 0;
		left: 0;
	}

	.ribbon-bottom-right::after {
		top: 0;
		right: 0;
	}

	.ribbon-bottom-right span {
		left: -25px;
		bottom: 30px;
		transform: rotate(-225deg);
	}

/* Search Animation - Minimal CSS for toggle visibility */
#HeaderBottom .search-toggle.hidden {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.8);
	transition: all 0.2s ease;
}

/* Search Results Dropdown Styling */
.search-results-dropdown {
	font-family: inherit;
}

	.search-results-dropdown .search-result-item:hover {
		background-color: #f8f9fa;
	}

	.search-results-dropdown .search-result-item:last-child {
		border-bottom: none !important;
	}

	.search-results-dropdown img {
		object-fit: cover;
	}