/**********[   DESKTOP FOOTER   ]**********/
.desktop-bottom-menu {
	padding: 						24px 0;
	
	box-shadow: 					inset 0 7px 9px -7px rgba(var(--color-white-rgb), 1);
	background-color: 				rgba(var(--color-header-rgb), 1);
}

@media (max-width: 991px) {
	.desktop-bottom-menu {
		display: 					none !important;
	}
}

.desktop-bottom-menu .footer-section {
	display: 						flex;
	flex-direction: 				column;
}

.desktop-bottom-menu .footer-section span {
	font-size: 						15px;
	margin-bottom: 					8px;
	font-weight: 					500;
	text-transform: 				uppercase;
	
	color: 							rgba(var(--color-white-rgb), 1);
}

.desktop-bottom-menu .footer-section a {
	font-size: 						13px;
	width: 							fit-content;
	max-width: 						100%;
	margin-bottom: 					4px;
	white-space: 					nowrap;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	
	color: 							#ababab;
}

@media (hover: hover) {
	.desktop-bottom-menu .footer-section a:hover {
		color: 						rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
	}
}
@media (hover: none) {
	.desktop-bottom-menu .footer-section a:active {
		color: 						rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
	}
}


/**********[   DESKTOP FOOTER - BUTTONS   ]**********/
.desktop-bottom-menu .footer-btn {
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	height: 						40px;
	background: 					unset;
	outline: 						unset !important;
	border-radius: 					5px;
	padding: 						4px 16px;
	font-size: 						12px;
	
	color:							rgba(var(--color-white-rgb), 1);
	border: 						1px solid rgba(var(--color-primary-rgb), 1);
}

@media (hover: hover) {
	.desktop-bottom-menu .footer-btn:hover {
		background-color:			#362f46;
	}
}

@media (hover: none) {
	.desktop-bottom-menu .footer-btn:active {
		background-color: 			#362f46;
	}
}


/**********[   DESKTOP FOOTER - COPYRIGHT   ]**********/
.desktop-bottom-menu .footer-copyright {
	margin-top: 					16px;
	padding-top: 					16px;
	
	border-top: 					1px solid rgba(var(--color-border-rgb), 1);
}

.desktop-bottom-menu .footer-copyright-text {
	font-size: 						12px;
	color: 							#ababab;
}


/**********[   MOBILE FOOTER   ]**********/
@media (max-width: 991px) {
	
	/**********[   MOBILE FOOTER - MENU   ]**********/
	.mobile-bottom-menu {
		position: 					fixed;
		width: 						100%;
		height: 					60px;
		display: 					flex;
		justify-content: 			center;
		left: 						0;
		bottom: 					0;
		z-index: 					2001;
		
		background-color: 			rgba(var(--color-header-rgb), 1);
		box-shadow: 				inset 0 7px 9px -11px rgba(var(--color-white-rgb), 1);
		border-top: 				1px solid rgba(var(--color-primary-rgb), 1);
	}

	.mobile-bottom-menu > .mobile-bottom-menu-inside {
		display: 					flex;
		width: 						100%;
		max-width: 					600px;
	}

	.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item {
		display: 					flex;
		flex-direction: 			column;
		align-items: 				center;
		justify-content: 			center;
		width: 						calc(100% / 5);
		height: 					100%;
		-webkit-user-select: 		none;
		-moz-user-select: 			none;
		-ms-user-select: 			none;
		user-select: 				none;

		background-color: 			unset;
		outline: 					unset;
		border: 					unset;
	}

	@media (hover: hover) {
		.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item:not(.add):hover {
			background:				linear-gradient(to right, #373047, #4f4565);
		}
	}
	@media (hover: none) {
		.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item:not(.add):active {
			background: 			linear-gradient(to right, #373047, #4f4565);
		}
	}
	
	.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item > .icon {
		width: 						24px;
		height: 					24px;
		margin-bottom: 				4px;
	}

	.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item > .title {
		font-size: 					11px;
		line-height: 				15px;
		white-space: 				nowrap;

		color: 						rgba(var(--color-light-rgb), 1);
		text-shadow: 				0px 0px 2px rgba(var(--color-primary-rgb), 1);
	}
	
	@media (max-width: 575px) {
		.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item > .title {
			font-size: 				10px;
			line-height: 			14px;
		}
	}
	
	.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item.active .title {
		font-weight: 				600;
		letter-spacing: 			0.1px;
	}
	
	.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item.add > .icon {
		position: 					relative;
		top: 						-14px;
		border-radius: 				50px;
		padding: 					12px;
		width: 						46px !important;
		height: 					46px !important;
		-webkit-animation: 			wiggle-btn 10s infinite;
		animation: 					wiggle-btn 10s infinite;
		
		box-shadow: 				0 8px 16px rgba(75,66,96,.4);
		background: 				linear-gradient(to right, #373047 60%, #4b4459);
		border: 					2px solid rgba(var(--color-light-rgb), 1);
	}
	
	@media (hover: hover) {
		.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item.add > .icon:hover {
			background: 			linear-gradient(to right, #373047, #4f4565);
		}
	}

	@media (hover: none) {
		.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item.add > .icon:active {
			background: 			linear-gradient(to right, #373047, #4f4565);
		}
	}
	
	.mobile-bottom-menu > .mobile-bottom-menu-inside > .mobile-bottom-item.add > .title {
		position: 					relative;
		top: 						-10px;
	}
	
	@keyframes wiggle-btn {
		1% {
			-webkit-transform: 		translateX(2px) rotate(1deg);
			transform: 				translateX(2px) rotate(1deg);
		}
		2% {
			-webkit-transform: 		translateX(-2px) rotate(-1deg);
			transform: 				translateX(-2px) rotate(-1deg);
		}
		3% {
			-webkit-transform: 		translateX(1px) rotate(0);
			transform: 				translateX(1px) rotate(0);
		}
		4% {
			-webkit-transform: 		translateX(-1px) rotate(0);
			transform: 				translateX(-1px) rotate(0);
		}
	}
	

	/**********[   MOBILE FOOTER - SLIDE   ]**********/
	.mobile-bottom-slide {
		display: 					none;
		position: 					fixed;
		width: 						100%;
		height: 					100%;
		top: 						0;
		left: 						0;
		z-index: 					2000;
		
		background-color: 			rgba(var(--color-black-rgb), .5);
		box-shadow: 				inset 0 7px 9px -11px rgba(var(--color-primary-rgb), 1);
	}

	.mobile-bottom-slide-menu {
		display: 					none;
		flex-direction:				column;
		position: 					fixed;
		z-index: 					2001 !important;
		width: 						100%;
		left: 						0;
		bottom: 					calc(-55vh - 60px);
		border-radius: 				20px 20px 0 0;
		max-height: 				calc(100% - 60px);
		
		background-color: 			rgba(var(--color-white-rgb), 1);
		box-shadow: 				inset 0 7px 9px -10px rgba(var(--color-primary-rgb), 1);
	}

	.mobile-bottom-slide-menu > .mobile-bottom-slide-line {
		position: 					absolute;
		width: 						32px;
		height: 					5px;
		top: 						10px;
		left: 						50%;
		-webkit-transform: 			translateX(-50%);
		-moz-transform: 			translateX(-50%);
		-ms-transform: 				translateX(-50%);
		-o-transform: 				translateX(-50%);
		transform: 					translateX(-50%);
		border-radius: 				10px;
		cursor: 					pointer;
		z-index: 					1;
		
		background-color: 			rgba(var(--color-border-rgb), 1);
	}

	.mobile-bottom-slide-menu > .mobile-bottom-slide-title {
		display: 					flex;
		align-items: 				center;
		position: 					relative;
		padding: 					24px 24px 16px 24px;
		margin-bottom: 				0px;
		
		border-bottom: 				1px solid rgba(var(--color-border-rgb), 1);
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-title .title {
		font-size: 					16px;
		font-weight: 				600;
		
		color: 						rgba(var(--color-primary-rgb), 1);
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-title .arrow {
		margin-right: 				12px;
		-webkit-transition: 		all .5s;
		-moz-transition: 			all .5s;
		-ms-transition: 			all .5s;
		-o-transition: 				all .5s;
		transition: 				all .5s;
		-webkit-user-select: 		none;
		-moz-user-select: 			none;
		-ms-user-select: 			none;
		user-select: 				none;
		
		background-color: 			unset;
		outline: 					unset;
		border:						unset;
	}
	
	@media (hover: hover) {
		.mobile-bottom-slide-menu > .mobile-bottom-slide-title .arrow:hover {
			-webkit-transform: 		translateX(-5px);
			-moz-transform: 		translateX(-5px);
			-ms-transform: 			translateX(-5px);
			-o-transform: 			translateX(-5px);
			transform: 				translateX(-5px);
		}
	}
	
	@media (hover: none) {
		.mobile-bottom-slide-menu > .mobile-bottom-slide-title .arrow:active {
			-webkit-transform: 		translateX(-5px);
			-moz-transform: 		translateX(-5px);
			-ms-transform: 			translateX(-5px);
			-o-transform: 			translateX(-5px);
			transform: 				translateX(-5px);
		}
	}

	.mobile-bottom-slide-menu > .mobile-bottom-slide-items {
		display: 					flex;
		flex-direction: 			column;
		width: 						100%;
		max-height: 				calc(55vh - 60px);
		overflow: 					hidden auto;
		padding: 					24px 0;
		
		box-shadow: 				inset 0 7px 9px -13px rgba(var(--color-black-rgb), .7)
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-items.mobile-bottom-slide-items-padding {
		padding-left: 				24px;
		padding-right: 				24px;
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-subtitle {
		display: 					block;
		text-transform: 			uppercase;
		font-weight: 				500;
		font-size: 					13px;
		margin-bottom: 				4px;
		padding: 					0 24px;
		
		color: 						rgba(var(--color-secondary-rgb), 1);
	}

	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item {
		display: 					flex;
		align-items: 				center;
		padding: 					10px 24px;
		cursor: 					pointer;
		-webkit-user-select: 		none;
		-moz-user-select: 			none;
		-ms-user-select: 			none;
		user-select: 				none;
		
		background-color: 			unset;
		outline: 					unset;
		border:						unset;
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item.disabled {
		opacity:					.5;
		cursor: 					not-allowed;
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item.column {
		flex-direction: 			column;
		align-items: 				start;
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item .icon {
		margin-right: 				12px;
	}

	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item .title {
		font-weight: 				500;
		font-size: 					12px;
		line-height: 				18px;
		
		color: 						rgba(var(--color-primary-rgb), 1);
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item .remove {
		position: 					relative;
		display: 					flex;
		align-items: 				center;
		justify-content: 			center;
		margin-left: 				auto;
		padding: 					2px 10px;
		border-radius: 				5px;
		font-size: 					11px;
		height: 					24px;

		background-color: 			#eeedee;
		color: 						rgba(var(--color-primary-rgb), 1);
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item .description {
		font-size: 					12px;
		line-height: 				18px;
		
		color: 						rgba(var(--color-secondary-rgb), 1);
	}
	
	@media (hover: hover) {
		.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item:not(.disabled):hover {
			background-color: 		rgba(var(--color-light-rgb), 1);
		}
		
		.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item:not(.disabled):hover .title {
			color: 					rgba(var(--color-blue-rgb), 1);
		}
	}

	@media (hover: none) {
		.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item:not(.disabled):active {
			background-color: 		rgba(var(--color-light-rgb), 1);
		}
		
		.mobile-bottom-slide-menu > .mobile-bottom-slide-items > .mobile-bottom-slide-item:not(.disabled):active .title {
			color: 					rgba(var(--color-blue-rgb), 1);
		}
	}

	.mobile-bottom-slide-menu .mobile-bottom-slide-separator {
		width: 						100%;
		display: 					flex;
		align-self: 				center;
		margin: 					12px 0;
		height: 					0;
		overflow: 					hidden;
		
		border-top: 				1px solid rgba(var(--color-border-rgb), 1);
	}
	
	.mobile-bottom-slide-menu > .mobile-bottom-slide-search {
		position: 					relative;
		padding: 					16px 24px 16px 24px;
		margin-bottom: 				0px;
		
		border-bottom: 				1px solid rgba(var(--color-border-rgb), 1);
	}
}


/**********[   MOBILE FOOTER - HIDE ON DESKTOP   ]**********/
@media (min-width: 992px) {
	.mobile-bottom-menu {
		display: 					none !important;
	}
	
	.mobile-bottom-slide {
		display: 					none !important;
	}
	
	.mobile-bottom-slide-menu {
		display: 					none !important;
	}
}


/**********[   SCROLL TO TOP   ]**********/
.theme-scroll-to-top {
	position: 						fixed;
	display: 						none;
	margin-bottom: 					-2px;
	margin-right: 					-2px;
	padding: 						2px;
	border-radius: 					50px;
	z-index: 						1999;
	
	box-shadow: 					var(--shadow-md);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.theme-scroll-to-top > a {
	display: 						flex;
	justify-content: 				center;
	align-items: 					center;
	
	border-radius: 					50px;
	background: 					linear-gradient(to right, #373047 60%, #4b4459);
}

@media (min-width: 992px) {
	.theme-scroll-to-top {
		right: 						16px;
		bottom: 					16px;
	}
	
	.theme-scroll-to-top > a {
		width: 						60px;
		height: 					60px;
	}
	
	.theme-scroll-to-top > a > img {
		width: 						32px;
		height: 					32px;
	}
}

@media (max-width: 991px) {
	.theme-scroll-to-top {
		right: 						8px;
		bottom: 					72px;
	}
	
	.theme-scroll-to-top > a {
		width: 						42px;
		height: 					42px;
	}
	
	.theme-scroll-to-top > a > img {
		width: 						24px;
		height: 					24px;
	}
}

@media (hover: hover) {
	.theme-scroll-to-top > a:hover {
		background: 				linear-gradient(to right, #373047, #4f4565);
	}
}

@media (hover: none) {
	.theme-scroll-to-top > a:active {
		background: 				linear-gradient(to right, #373047, #4f4565);
	}
}