.light20 {
	color: #4b5563 !important;
	--bs-bg-opacity: 0.2 !important;
}
.light30 {
	color: #4b5563 !important;
	--bs-bg-opacity: 0.3 !important;
}
.light50 {
	color: #4b5563 !important;
	--bs-bg-opacity: 0.5 !important;
}
.light70 {
	color: #4b5563 !important;
	--bs-bg-opacity: 0.7 !important;
}
.light10 {
	color: #4b5563 !important;
	--bs-bg-opacity: 0.1 !important;
}

.main {
	display: flex;
	position: relative;
	flex-direction: column;
	min-height: calc(var(--vh, 1vh) * 100);
}

/*collapse-link*/
a.collapse-link{
	transition: 160ms ease-in-out;
}
a.collapse-link:not(.collapsed){
	transform: rotate(180deg);
}

/*custom*/
a:focus-visible,
a:active,
a:hover {
	outline: none !important;
	box-shadow: none !important;
}
.max-w {
	max-width: 64rem;
}
.min-w-0 {
	min-width: initial;
}
.min-w-22rem {
	min-width: 22rem;
}
.todo-body p{
	margin-bottom: 1px;
}
.main-nav {
	z-index: 999;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 25px -5px !important
}
.fixed-top {
	-webkit-animation-name: headerAnimation;
	animation-name: headerAnimation;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.admin_bar .fixed-top {
	top:30px;
}
@-webkit-keyframes headerAnimation {
	from {
		transform: translate3d(0, -100%, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes headerAnimation {
	from {
		transform: translate3d(0, -100%, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

@media (max-width: 700px) {
	:root {
		--main-body-padding: 1rem;
	}
}

.main-header img {
	height: 25px;
}
.main-container {
	max-width: 1350px !important;
}

/*banner*/
.banner .splide__slide {
	min-height: 550px;
}
.banner .card-img-overlay {
	background: none;
 }
.banner-video {
	width: 100%;
	height: 550px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.banner-video:after {
	content: '';
	background: linear-gradient(rgba(162, 183, 211, 0.59), rgb(44, 80, 114));
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.banner-video video {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	height: 650px;
	object-fit: cover !important;
}
.dropdown-lang ul {
	min-width: auto !important;
	max-width: none !important;
}
.btn-xl, .btn-group-xl > .btn {
	padding: 1.1rem 1.5rem;
	font-size: 1.3rem;
	border-radius: 0.4rem;
}
.promo1 {
	border-radius: 1rem;
	background: #0938b0;
	background: linear-gradient(90deg, rgba(9, 56, 176, 1) 0%, rgba(28, 96, 214, 1) 50%, rgba(18, 38, 166, 1) 100%);
}
.promo3 {
	background: #6C2770;
	background: linear-gradient(90deg, rgba(108, 39, 112, 1) 0%, rgba(180, 28, 214, 1) 50%, rgba(108, 39, 112, 1) 100%);
}
.no-sidebar {
	display: flex;
	position: relative;
	flex-direction: column;
}
.mb--3 {
	margin-bottom: -1rem !important;
}
.rounded-4 {
	border-radius: 0.4rem !important;
}
.rounded-5 {
	border-radius: 0.5rem !important;
}
.rounded-7 {
	border-radius: 0.7rem !important;
}
.rounded-top {
	border-top-left-radius: 0.7rem !important;
	border-top-right-radius: 0.7rem !important;
}
.rounded-bottom-start {
	border-bottom-left-radius: 0.5rem !important;
}
.rounded-bottom-end {
	border-bottom-right-radius: 0.5rem !important;
}

.btn-blue {background-image: linear-gradient(to right, #83a4d4 0%, #b6fbff  51%, #83a4d4  100%)}
.btn-blue {
	border: none;
	transition: 0.5s !important;
	background-size: 200% auto !important;
	color: #000;
}
.btn-blue:hover {
	background-position: right center !important;
}

.btn-rose {background-image: linear-gradient(to right, #fccbd3 0%, #fad6c2 51%, #fad0d8 100%)}
.btn-rose {
	transition: 0.5s !important;
	background-size: 200% auto !important;
}
.btn-rose:hover {
	background-position: right bottom !important;
}

.btn-yell {background-image: linear-gradient(to right, #A1FFCE 0%, #FAFFD1  51%, #A1FFCE  100%)}
.btn-yell {
	border: none;
	transition: 0.5s !important;
	background-size: 200% auto !important;
}
.btn-yell:hover {
	background-position: right center !important;
}

.btn-violet {
	border: none;
	background: linear-gradient(90deg, #FFD2D7 0%, #fcd6da 50%, #e7d2f5 100%);
	background-size: 100% 100%;
	background-position: left center !important;
	-webkit-transition: background-position .3s ease !important;
	transition: background-position .3s ease !important;
}
.btn-violet:hover,
.btn-violet:focus{
	-webkit-transition: color .3s ease 0s, background-position .3s ease 0s !important;
	transition: color .3s ease 0s, background-position .3s ease 0s !important;
	background-position: 300% 0 !important;
}

/*btn-purple*/
.btn-purple {
	border: none;
	background: linear-gradient(90deg, #ffe6d7 0, #ffefef 33%, #ffefef 40%, #cff6ce 65.5%, #edcef6 100%);
	background-size: 300% 100%;
	background-position: left center !important;
	-webkit-transition: background-position .3s ease !important;
	transition: background-position .3s ease !important;
}
.btn-purple:hover,
.btn-purple:focus{
	-webkit-transition: color .3s ease 0s, background-position .3s ease 0s !important;
	transition: color .3s ease 0s, background-position .3s ease 0s !important;
	background-position: 55% 0 !important;
}

/*btn-green*/
.btn-green {
	border: none;
	background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
	background-size: 300% 100%;
	background-position: left center !important;
	-webkit-transition: background-position .3s ease !important;
	transition: background-position .3s ease !important;
}
.btn-green:hover,
.btn-green:focus{
	-webkit-transition: color .3s ease 0s, background-position .3s ease 0s !important;
	transition: color .3s ease 0s, background-position .3s ease 0s, transform 0.2s ease !important;
	background-position: 55% 0 !important;
}
.btn-green:active {
	background: #f5ee79 !important;
	transform: scale(0.85);
}

/*splide-items*/
.splide-items .card img,
.products .card img {
	-webkit-transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
}
.splide-items .card img:hover,
.products .card img:hover,
.splide-items .card img:focus,
.products .card img:focus {
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.splide-items h6{
	margin-bottom: 0;
	text-align: center;
}
.splide-items .card-body{
	padding: 0.5rem 1rem;
}
.splide__arrow--prev {
	left: -0.5em;
	opacity: 1;
	background: #fff
}
.splide__arrow--next {
	right: -0.5em;
	opacity: 1;
	background: #fff;
}

.footer {
	/*background: #f7f7f7;*/

	background-color: #f8f9fa;
	background-image: radial-gradient(circle, #dee2e6 1px, rgba(0,0,0,0) 1px);
	background-size: 1rem 1rem;
}
.top-nav {
	/*
	background: #FFE6D7;
	background: linear-gradient(90deg, rgba(255, 230, 215, 1) 0%, rgba(250, 222, 240, 1) 50%, rgba(255, 230, 215, 1) 100%);
	*/

	background-color: #f8f9fa;
	background-image: radial-gradient(circle, #dee2e6 1px, rgba(0,0,0,0) 1px);
	background-size: 1rem 1rem;

}
.top-nav .nav-link,
.main-nav .nav-link {
	font-weight: 500;
}
.sitemap a {
	font-weight: 500;
	text-decoration: none;
}
.sitemap a.active {
	color: #0d6efd !important;
}
.h-85 {
	height: 85% !important;
}
.mw-90 {
	max-width: 90% !important;
}
.mw-80 {
	max-width: 80% !important;
}
.mw-50 {
	max-width: 50% !important;
}
.mw-40 {
	max-width: 40% !important;
}

/*offcanvas-product*/
.offcanvas-product {
	max-width: 95% !important;
	height: 95% !important;
	margin: 0 auto;
	border-top-left-radius: 0.7rem !important;
	border-top-right-radius: 0.7rem !important;
}

@media (min-width: 768px) {
	.offcanvas-product {
		max-width: 80% !important;
	}
}

.offcanvas-product .product-image {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.offcanvas-product .product-image img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.catalog-filter a.active{
	background: #cff6ce !important;
}

.scroll-margin-top {
	scroll-margin-top: 80px;
}
.admin_bar .scroll-margin-top {
	scroll-margin-top: 110px;
}

/*content*/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
	margin-bottom: 1.7rem !important;
}
.content,
.content p,
.content p span{
	font-size: 1rem !important;
}
.content p,
.content hr{
	margin-bottom: 1.7rem !important;
}
.content ul,
.content ol{
	margin-bottom: 2rem !important;
}
.content ul ul,
.content ul ol,
.content ol ul{
	margin-top: 1rem !important;
}
.content li{
	margin-bottom: 0.5rem !important;
}

.chapter .placeholder{
	vertical-align: top;
}

.cart-stiky{
	position: fixed !important;
	z-index: 1500 !important;
	bottom: 0 !important;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 36px !important;
}

.cart-summary .card:after {
	background:
			linear-gradient(45deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667%),
			linear-gradient(-45deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667%) !important;
	background-position: 0 -20px !important;
	background-size: 20px 40px !important;
	bottom: -10px;
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	right: 0;
	top: auto;
}

.order-summary .card:after {
	background:
			linear-gradient(45deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667%),
			linear-gradient(-45deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667%) !important;
	background-position: 0 -20px !important;
	background-size: 20px 40px !important;
	bottom: -10px;
	content: "";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	right: 0;
	top: auto;
}

.square25 {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 25px !important;
	height: 25px !important ;
	margin: 0 !important;
	padding: 0 !important;
}

.tips_value input{
	display: none;
}
.tips_value span{
	color: #000;
	background-color: #f3f4f6;
	border-color: #f3f4f6;
}
.tips_value span:hover {
	background-color: #f5f6f7;
	border-color: #f4f5f7;
}
.tips_value .active span{
	background-color: #facc15;
	border-color: #facc15;
}
.tips_value .active span:hover {
	background-color: #fbd438;
	border-color: #fbd12c;
}

/*
@media (max-width: 700px) {
	#checkout_delivery .form-check-input {

	}
}
*/

#checkout_delivery .accordion-item {
	border-color: #eaeaea;
}
#checkout_delivery .accordion-item.active {
	background-color: #f3f4f6;
	border-color: #939393;
}
#checkout_delivery .active .delivery-label{
	color: #1f2937 !important;
}
#checkout_delivery .form-check-input {
	outline: none !important;
}
#checkout_delivery .form-check-input:checked {
	background-color: #facc15;
	border-color: #dab317;
	outline: none !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
	color: #f0683f;
}

.top-20 {
	top: 20% !important;
}
.top-30 {
	top: 30% !important;
}

/*delivery_method*/
.delivery_method .form-check-input {
	outline: none !important;
}
.delivery_method .form-check-input:checked {
	background-color: #ffe6d7 !important;
	border-color: #ffe6d7 !important;
}
.delivery_method label {
	width: 100%;
	color: #4b5563;
	background-color: #f3f4f6;
	border-color: #f3f4f6;
	cursor: pointer;
}
.delivery_method label:hover {
	background-color: #f5f6f7;
	border-color: #f4f5f7;
}
.delivery_method .active label{
	color: #000;
	background-color: #ffe6d7;
	border-color: #ffe6d7;
}
.delivery_method .active label:hover {
	background-color: #ffe6d7;
	border-color: #ffe6d7;
}

/*delivery_time*/
.delivery_time .form-check-input {
	outline: none !important;
}
.delivery_time .form-check-input:checked {
	background-color: #ffe6d7 !important;
	border-color: #ffe6d7 !important;
}
.delivery_time label {
	width: 100%;
	color: #4b5563;
	background-color: #f3f4f6;
	border-color: #f3f4f6;
	cursor: pointer;
}
.delivery_time label:hover {
	background-color: #f5f6f7;
	border-color: #f4f5f7;
}
.delivery_time .active label{
	color: #000;
	background-color: #ffe6d7;
	border-color: #ffe6d7;
}
.delivery_time .active label:hover {
	background-color: #ffe6d7;
	border-color: #ffe6d7;
}

/*address_type*/
.address_type .form-check-input {
	outline: none !important;
}
.address_type .form-check-input:checked {
	background-color: #ffe6d7 !important;
	border-color: #ffe6d7 !important;
}
.address_type label {
	width: 100%;
	color: #4b5563;
	background-color: #f3f4f6;
	border-color: #f3f4f6;
	cursor: pointer;
}
.address_type label:hover {
	background-color: #f5f6f7;
	border-color: #f4f5f7;
}
.address_type .active label{
	color: #000;
	background-color: #ffe6d7;
	border-color: #ffe6d7;
}
.address_type .active label:hover {
	background-color: #ffe6d7;
	border-color: #ffe6d7;
}

/*delivery_schedule*/
.delivery_schedule select{
	width: auto !important
}

.bg-dotted {
	background-color: #f8f9fa;
	background-image: radial-gradient(circle, #dee2e6 1px, rgba(0,0,0,0) 1px);
	background-size: 1rem 1rem;
}

@media (min-width: 768px) {
	.w-md-25 {
		width: 50% !important;
	}
	.w-md-50 {
		width: 50% !important;
	}
	.w-md-60 {
		width: 60% !important;
	}
	.w-md-75 {
		width: 75% !important;
	}
	.w-md-100 {
		width: 100% !important;
	}
}

/*collapse-link*/
a.extra_link svg{
	transition: 300ms ease-in-out;
}
a.extra_link:not(.collapsed) svg {
	transform: rotate(180deg);
}