/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@300;400;700;800&display=swap');

/* #Site Styles
================================================== */


/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { max-width: 1416px; }
.btn { padding: 15px 50px; position: relative; max-width: 100%; font-family: var(--theme-form-button-font-family); font-size: var(--theme-form-button-font-size); font-weight: var(--theme-form-button-font-weight); border: 0; border-radius: 50px; transition: all 0.3s; overflow: hidden; cursor: pointer; }
.btn .btn-label { position: relative; z-index: 1; }
.btn:hover .btn-hover { width: 100%; transform: translate3d(0, -100%, 0) scale3d(3.8, 3.8, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; }
.btn-primary { color: var(--theme-form-button-color); background-color: var(--theme-form-button-bgcolor); }
.btn-primary:hover { color: var(--theme-form-button-color); background-color: var(--theme-form-button-bgcolor); }
.btn-primary:after { margin-left: 7px; position: relative; z-index: 1; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 10px; vertical-align: middle; content: '\e905'; }
.btn .btn-hover { position: absolute; top: 100%; right: 0; bottom: auto; left: 50%; width: 60px; height: 60px; border-radius: 50px; color: var(--theme-form-button-hover-color); background-color: var(--theme-form-button-hover-bgcolor); transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) translateX(-50%); transition: all 0.9s; transform-style: preserve-3d; }
.btn:focus { border: 0; background-color: var(--theme-form-button-bgcolor); outline: inherit; box-shadow: none; }
.btn-primary.disabled { color: var(--theme-form-button-color); background-color: var(--theme-form-button-bgcolor); opacity: 0.5; }
.form-control { padding: 10px 30px; width: 100%; height: 50px; font-family: var(--theme-form-field-font-family); font-size: var(--theme-form-field-font-size); color: var(--theme-form-field-color); border-width: var(--theme-form-field-border-width); border-color: var(--theme-form-field-border-color); border-style:solid; border-radius: var(--theme-form-field-border-radius);  background-color: var(--theme-form-field-bgcolor);  }
.form-control::placeholder { color: rgba(40, 41, 40, 0.3); }
.form-control:focus { color: var(--theme-form-field-color); border-style:solid; border-width: var(--theme-form-field-border-width); border-color: var(--theme-form-field-color); box-shadow: none; outline: inherit; }
.custom-select { padding: 10px 30px; width: 100%; height: 50px; font-size: 16px; color: var(--theme-global-body-color); border: 0; border-radius: 50px; background: rgba(187, 187, 187, 0.5) url('../images/select-arrow.png') no-repeat center right 30px; appearance: none; cursor: pointer; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }





/* ### card-gift ### */
.card-gift { padding: 22px 22px 22px 20px; width: 100%; }
.card-gift h6 { margin-bottom: 25px; font-family: var(--theme-menu-main-font-family); font-weight: 600; text-align: center; }
.card-gift h5 { min-height: 59px; font-family: var(--theme-menu-main-font-family); font-size: 16px; font-weight: 600; color: var(--theme-global-body-color); }
.card-gift .items { margin-bottom: 18px; padding-bottom: 16px; display: flex; align-items: center; width: 100%; border-bottom: solid 1px #bbb; }
.card-gift .image { flex-shrink: 0; width: 80px; }
.card-gift .image img { width: 100%; }
.card-gift .title { margin-left: 9px; display: flex; flex-wrap: wrap; }
.card-gift .info { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.card-gift .info ul { display: flex; flex-wrap: wrap; list-style: none; }
.card-gift .info ul > li { margin-right: 5px; font-size: 16px; color: var(--theme-global-body-color); }
.card-gift .info ul > li > small { font-size: 16px; color: var(--theme-global-primary-color); }
.card-gift .info .delete-icon { font-size: 16px; color: var(--theme-global-body-color); }
.card-gift .info .delete-icon:hover { color: var(--theme-global-primary-color); }
.card-gift .total { margin-top: -3px; padding-bottom: 16px; width: 100%; font-size: 16px; font-weight: 600; text-align: center; color: var(--theme-global-body-color); border-bottom: solid 1px #bbb; }
.card-gift .total em { font-style: normal; color: var(--theme-global-primary-color); }
.card-gift .spend { margin-bottom: 25px; padding-top: 15px; padding-bottom: 16px; width: 100%; font-size: 16px; font-weight: 600; text-align: center; color: var(--theme-global-body-color); border-bottom: solid 1px #bbb; }
.card-gift .spend p { margin-bottom: 0; font-weight: 300; }
.card-gift .spend em { display: block; font-weight: 300; font-style: normal; }
.card-gift .spend a { display: block; font-size: 16px; text-decoration: underline; color: var(--theme-global-primary-color); }
.card-gift .spend a:hover { text-decoration: none; }
.card-gift .change { width: 100%; text-align: center; }
.card-gift .change .btn { margin-bottom: 10px; padding: 15px 20px; width: 100%; }
.card-gift .change .btn .btn-label { color: #fff; }
.card-gift .change .link { font-size: 16px; text-decoration: underline; color: var(--theme-global-body-color); }
.card-gift .change .link:hover { text-decoration: none; }


/* ### heading box ### */
.headingBox { padding-top: 50px; padding-bottom: 0; background-color: #fff; }
.headingBox h1 { position: relative; z-index: 2; }
.headingBox .shape { position: absolute; bottom: -110px; left: 0; width: 100%; }
.headingBox .shape svg { fill: var(--theme-global-header-bgcolor); }

/* ### product box ### */
.productBox { padding-top: 210px; padding-bottom: 62px; width: 100%; }
.productBox .filter-list { width: 100%; }
.productBox .filter-list ul { list-style: none; }
.productBox .filter-list ul > li { margin-bottom: 30px; position: relative; text-align: center; }
.productBox .filter-list ul > li > a.title { margin-bottom: 20px; position: relative; display: block; font-size: 22px; text-align: left; color: var(--theme-global-primary-color); text-decoration:none; }
.productBox .filter-list ul > li > a.title:after { margin-left: 5px; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 15px; color: #a1a1a1; vertical-align: middle; content: '\e908'; }
.productBox .filter-list ul > li > ul > li { margin-bottom: 7px; }
.productBox .filter-list ul > li > ul > li > a { padding: 10px; display: block; font-size: var(--theme-menu-prodcat-font-size); font-weight: var(--theme-menu-prodcat-font-weight); color: var(--theme-menu-prodcat-link-color); border-radius: 5px; background-color: var(--theme-menu-prodcat-link-bgcolor); transition: all 0.3s; text-decoration:none; }
.productBox .filter-list ul > li ul > li.is-active a { color: var(--theme-menu-prodcat-link-active-color); background-color: var(--theme-menu-prodcat-link-active-bgcolor); text-decoration:none; }
.productBox .filter-list ul > li > ul > li a:hover { color: var(--theme-menu-prodcat-link-hover-color); background-color: var(--theme-menu-prodcat-link-hover-bgcolor); text-decoration:none; }
.productBox .right { padding-top: 7px; }
.productBox .right { padding-top: 7px; }
.productBox .right .items { margin-bottom: 32px; }
.productBox .sort { margin-bottom: 19px; padding-right: 20px; font-size: 16px; color: rgba(40, 40, 41, 0.5); }
.productBox .sort ul { list-style: none; }
.productBox .sort ul > li { padding-bottom: 4px; position: relative; }
.productBox .sort ul > li > span { margin-left: 5px; display: inline-flex; align-items: center; color: var(--theme-global-primary-color); transition: all 0.3s ease-in-out; cursor: pointer; }
.productBox .sort ul > li > span i { margin-left: 7px; font-size: 15px; color: rgba(40, 40, 41, 0.5); }
.productBox .sort ul > li > ul { padding: 10px; position: absolute; top: 100%; right: -5px; z-index: 1; opacity: 0; visibility: hidden; width: 172px; list-style: none; border-radius: 12px; background: #fff; transition: all 0.3s ease-in-out; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }
.productBox .sort ul > li:hover > ul { opacity: 1; visibility: visible; }
.productBox .sort ul > li:hover span { color: rgba(143, 23, 93, 0.5); }
.productBox .sort ul > li > ul > li { margin-bottom: 12px; padding-bottom: 0; }
.productBox .sort ul > li > ul > li > a { padding: 9px 5px; display: block; font-size: 16px; text-align: center; color: var(--theme-menu-sub-color); background-color: var(--theme-menu-sub-bgcolor); border-radius: 6px; text-decoration:none; }
.productBox .sort ul > li > ul > li > a:hover { color: var(--theme-menu-sub-link-hover-color);  background: var(--theme-menu-sub-link-hover-bgcolor); text-decoration:none; }
.productBox .sort ul > li:last-child { margin-bottom: 0; }
.productBox .btn-scroll { margin-top: -6px; }
.productBox .btn-scroll a { display: inline-block; font-size: 16px; color: rgba(40, 40, 41, 0.5); text-decoration:none; }
.productBox .btn-scroll a:hover { text-decoration:none; }
.productBox .btn-scroll a span { display: block; font-size: 18px; }
.productBox .mm-filter i { margin-left: 10px; color: var(--theme-global-body-color); }
.productBox h3 { margin-bottom: 18px; font-family: var(--theme-global-body-font-family); font-size: 20px; }
.productBox .text { margin-bottom: 51px; }
.productBox .text strong { margin-bottom: 23px; display: block; }
.productBox .text p { margin-bottom: 22px; }
.productBox .text .add { font-weight: 700; }
.productBox .bdr { margin-bottom: 55px; padding-bottom: 28px; border-bottom: 1px solid #bbb; }
.productBox .close-icon { position: absolute; top: -10px; right: -10px; display: none; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--theme-global-primary-color); border-radius: 75px; background-color: var(--theme-global-body-bgcolor); text-decoration:none; }
.productBox .close-icon:hover { text-decoration:none; }

/* ### detail box ### */
.detailBox { margin-bottom: 160px; padding-top: 158px; }
.detailBox .block { margin: 0 auto; max-width: 1150px; }
.detailBox .detail-for { margin-bottom: 92px; }
.detailBox .detail-nav .slick-current { filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3)); }
.detailBox .detail-nav .slick-track { margin-left: 0; }
.detailBox .slick-list { margin: 0 -13px; padding: 0 !important; }
.detailBox .slide { padding: 0 13px 18px; cursor: pointer; }
.detailBox .slide img { width: 100%; }
.detailBox .box { padding: 98px 25px 7px; border-radius: 22px; background-color: #fff; }
.detailBox .content { padding-top: 13px; padding-left: 42px; }
.detailBox .link { margin-bottom: 63px; }
.detailBox .link li { display: inline-block; font-size: 16px; color: rgba(40, 40, 41, 0.5); }
.detailBox .link li a { text-decoration: underline; color: rgba(40, 40, 41, 0.5); transition: all 0.3s; }
.detailBox .link li a:hover { color: var(--theme-global-body-link-hover-color); }
.detailBox h5 { font-family: var(--theme-global-body-font-family); }
.detailBox h5 span { color: var(--theme-global-body-color); }
.detailBox .content .form-control { margin-bottom: 10px; padding: 10px 17px; width: 70px; font-size: 32px; font-weight: 700; text-align: center; margin-right: 10px; }
.detailBox .field-1 { margin-bottom: 25px; }
.detailBox .field-1 h3 { margin-bottom: 10px; margin-left: 0; }
.detailBox .field-1 span { margin-left: 0px; font-size: var(--theme-form-error-font-size); font-weight: 400; color: var(--theme-form-error-color); }
.detailBox .error { clear: both; width:100%; margin-left: 0px; font-size: var(--theme-form-error-font-size); font-weight: 400; color: var(--theme-form-error-color); }
.detailBox h3 { margin-bottom: 35px; font-family: var(--theme-global-body-font-family); color: var(--theme-global-body-color); }
.detailBox h3 i { padding: 8px 17px; display: inline-block; width: 70px; height: 50px; font-size: 32px; font-style: normal; color: var(--theme-global-primary-color); border: 1px solid #bbb; border-radius: 35px; background-color: #fff; }
.detailBox .paragraph { margin-bottom: 31px; }
.detailBox p { margin-bottom: 0; }
.detailBox p.more-text { display: none; }
.detailBox .buttons { margin-bottom: 33px; }
.detailBox .buttons li { margin-right: 16px; display: inline-block; }
.detailBox .buttons li:last-child { margin-right: 0; }
.detailBox a.heart-icon { padding-left: 31px; position: relative; color: rgba(40, 40, 41, 0.5); transition: all 0.3s ease-in-out; text-decoration:none; }
.detailBox a.heart-icon.is-active { text-decoration:none; color: var(--theme-global-header-link-hover-color); }
.detailBox a.heart-icon .icon { position: absolute; top: 2px; left: 0; transition: all 0.3s ease-in-out; }
.detailBox a.heart-icon .icon svg { fill: var(--theme-global-body-color); }
.detailBox a.heart-icon.is-active .icon svg { fill: var(--theme-global-header-link-hover-color); }
.detailBox a.heart-icon .icon-default { opacity: 1; }
.detailBox a.heart-icon .icon-hover { opacity: 0; text-decoration:none; }
.detailBox a.heart-icon:hover .icon-hover, .detailBox a.heart-icon.is-active .icon-hover { opacity: 1; transform: scale(1.1); text-decoration:none; }
.detailBox a.heart-icon:hover .icon-hover svg { fill: var(--theme-global-primary-color); }
.detailBox a.heart-icon:hover .icon-default, .detailBox a.heart-icon.is-active .icon-default { opacity: 0; }
.detailBox .heart { font-size: 16px; font-weight: 300; }
.detailBox .heart i { position: absolute; top: 1px; left: 0; font-size: 18px; color: rgba(40, 40, 41, 0.5); vertical-align: middle; }
.detailBox .heart-icon:hover { color: var(--theme-global-header-link-hover-color); }
.detailBox .buttons li .heart-icon:hover i { display: none; }
.detailBox .load-more { text-decoration: underline; color: var(--theme-global-body-color); transition: all 0.3s; }
.detailBox .load-more:hover { color: var(--theme-global-body-link-hover-color); }
.detailBox .load-more span { display: block; }
.detailBox .btn { padding: 9px 20px; font-size: 22px; font-weight: 400; }
.detailBox em { margin-bottom: 34px; display: block; }


/* ### category box ### */
.categoryBox { margin-bottom: 125px; }
.categoryBox h2 { margin-bottom: 46px; font-weight: 700; }
.categoryBox .view-all { position: absolute; top: 8px; right: 0; }
.categoryBox .view-all a { font-size: 16px; text-decoration: underline; color: var(--theme-global-body-link-color); transition: all 0.3s; }
.categoryBox .view-all a:hover { color: var(--theme-global-body-link-hover-color); }

/* ### card-category ### */
.card-category { padding: 30px 30px 25px; border-radius: 22px; background-color: #fff; transition: all 0.2s ease-in-out; text-decoration:none; }
.card-category:hover { text-decoration:none; }
.card-category h6 { margin-bottom: 10px; min-height: 58px; font-family: var(--theme-global-body-font-family); font-weight: 600; color: var(--theme-global-body-color); }
.card-category .image { margin-bottom: 26px; display: flex; flex-wrap: wrap; align-items: center; aspect-ratio: 3/3; }
.card-category .image img { width: 100%; }
.card-category strong { display: block; font-weight: 600; color: var(--theme-global-primary-color); }
.card-category .number { display: block; font-size: 16px; color: var(--theme-global-body-color); }
.card-category a.heart-icon { position: absolute; top: 0; right: 0; z-index: 1; text-decoration:none; }
.card-category a.heart-icon .icon { position: absolute; top: 0; right: 0; transition: all 0.3s ease-in-out; }
.card-category a.heart-icon .icon svg { fill: var(--theme-global-body-color); }
.card-category a.heart-icon .icon-default { opacity: 1; }
.card-category a.heart-icon .icon-hover { opacity: 0; }
.card-category a.heart-icon .icon-hover svg { fill: var(--theme-global-header-link-hover-color); }
.card-category a.heart-icon:hover .icon-hover { opacity: 1; transform: scale(1.1); text-decoration:none; }
.card-category a.heart-icon:hover .icon-default { opacity: 0; }
.card-category a.heart-icon:hover .icon-default svg { fill: var(--theme-global-body-color); }
.card-category a.heart-icon.is-active .icon-hover { opacity: 1; transform: scale(1.1); }
.card-category a.heart-icon.is-active .icon-default { opacity: 0; }
.card-category a.heart-icon.is-active .icon-default svg { fill: var(--theme-global-header-link-hover-color); }
.card-category:hover { border-radius: 24px; background: rgba(255, 255, 255, 0.85); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }
.card-category .overlay { padding: 10px 30px; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; border-radius: 22px; background-color: rgba(255, 255, 255, 0.85); transition: all 0.3s ease-in-out; cursor: pointer; }
.card-category .overlay a { margin-bottom: 15px; display: block; }
.card-category .overlay .order-link { text-decoration: underline; color: var(--theme-global-primary-color); }
.card-category .overlay .order-link:hover { text-decoration: none; }
.card-category .overlay p { font-size: 16px; line-height: 1.7; color: var(--theme-global-primary-color); }
.card-category:hover .overlay { opacity: 1; visibility: visible; }
.card-category.sold { opacity: 0.50; transition: all 0.3s ease-in-out; }
.card-category.sold:hover { opacity: 1; }

/* ### content box ### */
.contentBox { margin-bottom: 105px; padding-top: 170px; }
.contentBox h3 { margin-bottom: 25px; font-family: var(--theme-global-body-font-family); }
.contentBox p { margin-bottom: 22px; }
.contentBox ul { padding-left: 32px; }
.contentBox li { margin-bottom: 22px; list-style: disc; }
.contentBox a { text-decoration: var(--theme-global-body-link-decoration); color: var(--theme-global-body-link-color); transition: all 0.3s; }
.contentBox a:hover { color: var(--theme-global-body-link-hover-color); text-decoration: var(--theme-global-body-link-hover-decoration); }

/* ### faq box ### */
.faqBox { margin-bottom: 105px; padding-top: 170px; }
.faqBox .text { margin-bottom: 9px; }
.faqBox .accordion-button { margin-bottom: 15px; color: var(--e-global-color-primary );
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
}
.faqBox p { margin-bottom: 0; }

/* ### accordion box ### */
.accordion .accordion-button:focus { border-color: transparent; box-shadow: none; }
.accordion .accordion-item { border-top: 0; border-right: 0; border-bottom-color: #81a6b76b!important; border-bottom-style:solid; border-bottom-width: 1px; border-left: 0; background-color: transparent; }
.accordion .accordion-button { padding: 25px 40px 25px 0; font-family: var(--theme-global-body-font-family); font-size: 20px; font-weight: var(--theme-heading-h3-font-weight); color: var(--theme-global-primary-color); background-color: transparent; }
.accordion .accordion-button:not(.collapsed) { background-color: #F8F0E3!important; box-shadow: none; border-top-left-radius: 0; border-top-right-radius: 0; }
.accordion .accordion-body { padding: 0 0 15px; }
.accordion .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.accordion .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.accordion .accordion-button:after { position: absolute; top: 22px; right: 0; font-family: 'icomoon', sans-serif; font-size: 24px; color: #282829!important; background-image: none!important; transition: all 0.3s; content: '\e904'; }
.accordion .accordion-button:not(.collapsed):after { background-color: #F8F0E3!important; transform: rotate(-45deg); }

/* ### basket box ### */
.basketBox { margin-bottom: 105px; padding-top: 170px; }
.basketBox .card-gift { padding: 26px 22px 17px 30px; border-radius: 10px; background-color: #fff; }
.basketBox .card-gift h5 { min-height: 46px; font-size: 18px; }
.basketBox .card-gift .info ul > li { font-weight: 600; color: var(--theme-global-primary-color); }
.basketBox .card-gift .info ul > li span { margin-right: 4px; padding: 3px 8px; display: inline-block; vertical-align: middle; border: 1px solid #bbb; border-radius: 8px; }
.basketBox .card-gift .info .delete-icon { font-size: 20px; text-decoration:none; }
.basketBox .card-gift .info .delete-icon:hover { text-decoration:none; }
.basketBox .card-gift .title { margin-left: 29px; width: 100%; }
.basketBox .card-gift .total { font-size: 18px; }
.basketBox .card-gift .change .btn { padding: 15px 30px; }
.basketBox .info .form-control { margin-right: 7px; padding: 5px 7px; width: 34px; height: 28px; border-radius: 5px; }
.basketBox .field { margin-right: 30px; }
.basketBox .sub,
.basketBox .add { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 20px; font-weight: 400; color: #000; border: 0; border-radius: 50%; background-color: #d9d9d9; cursor: pointer; }
.basketBox .sub { padding-bottom: 5px; font-size: 36px; font-weight: 300; }
.basketBox .quantity input, .basketBox .quantity span { padding: 0 3px; width: 25px; height: auto; font-weight: 600; text-align: center; color: var(--theme-global-primary-color); border: 0; }
.basketBox .quantity span { margin-right: 20px; }
.basketBox .left { padding-right: 40px; width: 50%; }
.basketBox .right { width: 50%; }
.basketBox .left strong { margin-bottom: 2px; display: block; font-size: 16px; font-weight: 600; }
.basketBox .left p { margin-bottom: 0; font-size: 16px; line-height: 1.5; }
.basketBox .left a { font-weight: 600; text-decoration: underline; color: var(--theme-global-primary-color); transition: all 0.3s; }
.basketBox .left a:hover { color: var(--theme-global-body-color); }

/* ### contact box ### */
.contactBox { margin-bottom: 105px; padding-top: 170px; }
.contactBox h3 { font-family: var(--theme-menu-main-font-family); }
.contactBox .holder { margin: 0 auto; max-width: 930px; }
.contactBox .row.gap { margin: 0 -8px; }
.contactBox .form-group { margin-bottom: 20px; padding: 0 8px; }
.contactBox .form-control.light { background-color: rgba(255, 255, 255, 0.2); }
.contactBox .form-group p { margin-bottom: 4px; font-size: 16px; }
.contactBox .check { padding-left: 30px; }
.contactBox .check span { display: block; font-size: 16px; cursor: pointer; }
.contactBox input[type='checkbox'] { padding: 0; position: absolute; top: 1px; left: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 0; background-color: var(--theme-form-field-bgcolor); -webkit-appearance: none; cursor: pointer; border-width: var(--theme-form-field-border-width); border-color: var(--theme-form-field-border-color); border-style: solid; }
.contactBox input[type='checkbox']:checked:before { width: 12px; height: 12px; background-color: var(--theme-global-primary-color); content: ''; }
.contactBox .card-gift { border-radius: 10px; background-color: #fff; }
.contactBox .card-gift .title { width: 100%; }
.contactBox .card-gift .delete-icon { text-decoration: underline; }
.contactBox .card-gift .change .btn { padding: 15px 20px; }
.contactBox .card-gift h6:after { margin-left: 8px; display: none; font-family: 'icomoon', sans-serif; color: rgba(0, 0, 0, 0.5); vertical-align: middle; content: '\e908'; }
.contactBox .bdr { margin-top: 20px; padding: 13px; font-size: var(--theme-form-error-font-size); font-weight: var(--theme-form-error-font-weight); color: var(--theme-form-error-color); border-style: var(--theme-form-error-border-style); border-width: var(--theme-form-error-border-width); border-color: var(--theme-form-error-border-color); border-radius: var(--theme-form-error-border-radius); background-color: var(--theme-form-error-bgcolor); font-family: var(--theme-form-error-font-family); }
.contactBox .bdr a { text-decoration: var(--theme-form-error-link-decoration); color: var(--theme-form-error-link-color); }
.contactBox .bdr a:hover { text-decoration: var(--theme-form-error-link-hover-decoration); }

/* ### range slider ### */
.range-slider .range-heading { z-index: 1; font-size: 22px; color: var(--theme-global-primary-color); }
.range-slider .range-gap { padding-top: 16px; }
.range-slider .range-gap span { display: block; font-size: 16px; }
.range-slider .irs { margin-top: -11px; }
.range-slider .irs--round { height: auto; }
.range-slider .irs--round .irs-from,
.range-slider .irs--round .irs-to,
.range-slider .irs--round .irs-min,
.range-slider .irs--round .irs-max { display: none !important; }
.range-slider .irs--round .irs-bar { position: relative; top: 6px; height: 32px; border-radius: 5px; background: var(--theme-form-button-bgcolor); }
.range-slider .irs--round .irs-line { height: 28px; border-radius: 5px; background-color: var(--theme-global-body-color); opacity: 0.1; }
.range-slider .irs--round .irs-handle { top: 34px; display: flex; align-items: center; justify-content: center; width: 10px; height: 32px; border: 0; background: #b15d8f; box-shadow: none; cursor: pointer; }
.range-slider .irs--round .irs-handle.from { padding-right: 1px; border-radius: 5px 0 0 5px; }
.range-slider .irs--round .irs-handle.to { border-radius: 0 5px 5px 0; }
.range-slider input { padding: 0 5px; width: 36px; height: auto; font-size: 16px; text-align: right; border: 0; background: transparent; }
.range-slider input.to { padding-left: 0; }
.range-slider .irs--round .irs-handle:before { font-family: 'icomoon', sans-serif; color: #fff; content: '\e908'; }
.range-slider .irs--round .irs-handle.from:before { transform: rotate(90deg); }
.range-slider .irs--round .irs-handle.to:before { transform: rotate(-90deg); }
.range-slider .irs--round .irs-single { display: none !important; }

/* ### fixed box ### */
.fixedBox { padding: 15px; position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; }
.fixedBox .btn { width: 100%; }

/* ### footer container ### */
#footerCntr { padding-top: 95px; overflow: hidden; width: 100%; }

/* ### footer box ### */
.footerBox { padding-top: 55px; padding-bottom: 96px; background-color: var(--theme-global-footer-bgcolor); }
.footerBox .title { margin-bottom: 15px; font-size: 20px; font-weight: 600; color: var(--theme-global-footer-title-color); }
.footerBox li { line-height: 1.4; }
.footerBox li a { font-size: 16px; text-decoration: var(--theme-global-footer-link-decoration); color: var(--theme-global-footer-link-color); transition: all 0.3s; }
.footerBox li a:hover { color: var(--theme-global-footer-link-hover-color); text-decoration: var(--theme-global-footer-link-hover-decoration); }
.footerBox .logo { margin-top: 12px; margin-left: 55px; width: 142px; height: 109px; background-color: #cbcbcb; }
.footerBox .right { padding-bottom: 3px; }
.footerBox .right li { display: inline-block; }
.footerBox .right li:after { margin: 0 1px 0 4px; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background-color: val(--theme-global-footer-color); content: ''; }
.footerBox .right li:last-child:after { display: none; }
.footerBox .right li a { font-size: 14px; }
.footerBox .shape { position: absolute; top: -199px; left: 0; width: 100%; }
.footerBox .shape svg { fill: var(--theme-global-footer-bgcolor); }

.contact-form textarea{
    padding: 10px 30px;
    width: 100%;
    height: 200px;
    border-radius: 30px!important;
	color: #81A6B7!important;
	border-color: #bbbbbb!important;
}
.contact-form textarea::placeholder { color: #69727d!important; }
.contact-form input{
    padding: 10px 30px;
    width: 100%;
    height: 50px;
}
.contact-form input { padding: 10px 30px; width: 100%; height: 50px; color: #81A6B7!important; border-width: 1; border-color: #bbbbbb!important; border-style:solid; border-radius: 50px;  }
.contact-form input::placeholder { color: #69727d!important; }
.contact-form input:focus { color: #81A6B7; border-style:solid; border-width: 1px; border-color: #81A6B7!important; box-shadow: none; outline: inherit; }

.contact-form button:hover {
  	background-color: #212529!important;
}

/* #Media Queries
================================================== */

@media only screen and (max-width: 1600px) {
	.videoBox .image { transform: rotate(6deg) translateX(0); }
	.videoBox .paragraph { max-width: 69%; }
}


@media only screen and (max-width: 1439px) {
	.basketBox .left { padding-right: 20px; }
	.heroBox .title { margin-right: 40px; width: 75%; min-height: fit-content; }
	.videoBox .paragraph { height: calc(90% - 60px); } 
}
@media only screen and (max-width: 1359px) {
	.videoBox .image { max-width: 560px; }
	.videoBox .content { padding: 245px 41px 160px 20px; }
	/* .videoBox svg { right: -320px; } */
	.videoBox .shadow-bg { right: -25px; bottom: -29px; }
	.videoBox .shadow-bg img { height: 370px; }
	.videoBox .continue { bottom: 10px; }
	.videoBox .paragraph { max-width: 75%; }
}

@media only screen and (max-width: 1239px) {
	.videoBox .image { max-width: 520px; }
	.videoBox .video { padding-right: 9vw; }
}

@media only screen and (max-width: 1199px) {
	.container { padding-right: 20px; padding-left: 20px; }
	.heroBox .title { width: 100%; }
	.heroBox .video { right: -20px; width: 500px; }
	.heroBox .shadow-bg { right: -19px; bottom: -21px; }
	.heroBox .shadow-bg img { height: 270px; }
	.heroBox.inner { padding-bottom: 0; }
	.loginBox .login-box { padding-right: 0; max-width: 450px; }
	.navigation { width: 71%; }
	.detailBox .field-1 span { padding-top: 12px; display: block; }
	.videoBox .paragraph { max-width: 70%; }
}
@media only screen and (max-width: 1119px) {
	.videoBox .video { padding-right: 60px; }
}
@media only screen and (min-width: 991px) {
	.headingBox { padding-top: 93px; }
	.productBox .filter-list ul > li > ul { display: block !important; height: auto !important; }
}

@media only screen and (min-width: 992px) {
	.menuBox ul > li > ul { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 991px) {
	.container { max-width: 992px; }
	.scroll-hide #headerCntr.inner { z-index: 9; }
	.heroBox .title { margin-right: 88px; padding-top: 50px; }
	.heroBox .video { right: 60px; width: 440px; }
	#headerCntr { padding-top: 48px; padding-bottom: 40px; }
	#headerCntr .logo { top: -56px; left: -36px; width: 209px; }
	#headerCntr .logo:before { top: -27px; left: -24px; height: 180px; }
	#headerCntr.inner .logo { top: -50px; }
	#headerCntr.inner .logo img { max-width: 141px; }
	.navigation .cart-icon > li:first-child { order: 2; }
	.navigation .cart-icon > li .flag { width: 22px; }
	.navigation .cart-icon > li > a { font-size: 25px; }
	.navigation .cart-icon > li > a em { width: 18px; height: 18px; font-size: 12px; }
	.navigation .cart-icon > li > a.heart-icon span svg { width: 30px; }
	.navigation .cart-icon > li > a img { width: 22px; }
	.navigation .flag .en-flag { padding: 4px; left: -4px; width: 30px; border-radius: 4px; }

	.menuBox { margin-top: 0; padding: 50px 30px 25px; position: fixed; top: 0; left: 0; z-index: 2; display: none; width: 100%; height: 100vh; background: rgba(143, 23, 93, 0.9); transition: all 0.3s ease-in-out; }
	.menuBox.open { z-index: 6; display: block; opacity: 1; visibility: visible; }
	.menuBox .menu-bg { padding: 45px 29px 90px; position: relative; height: 100%; border-radius: 12px; background-color: #fff; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }
	.menuBox .menu-bg span { margin-bottom: 34px; display: inline-block; text-align: start; }
	.menuBox ul { padding-bottom: 110px; display: block; height: 100%; overflow-y: auto; }
	.menuBox ul > li { margin-bottom: 21px; padding: 0; }
	.menuBox ul > li .icon-angle-down { margin-left: 15px; display: inline-block; }
	.menuBox ul > li > ul { padding-bottom: 50px; }
	.menuBox ul > li:hover > ul { padding: 17px 0 8px; position: relative; top: unset; left: unset; display: none; opacity: 1; visibility: visible; width: 100%; transition: unset; box-shadow: none; }
	.navigation .search { padding-bottom: 70px; position: absolute; bottom: 0; left: 20px; z-index: 3; width: 90%; border-radius: 0; background-color: #fff; }
	.navigation .search .form-control { position: relative; right: unset; left: unset; opacity: 1; visibility: visible; width: 100%; min-width: 100%; }
	.navigation .search .btn-search { position: absolute; top: 8px; right: 6px; left: unset; }
	.hamburger { display: inline-flex; }
	.hamburger.is_active { background-color: var(--theme-global-body-bgcolor); }
	.hamburger.is_active span:before,
	.hamburger.is_active span:after { background-color: var(--theme-global-header-link-active-color); }
	.loginBox .login-box { max-width: 330px; }
	.loginBox .privacy { padding-left: 0; font-size: 15px; }
	.loginBox .btn { padding: 18px 40px; }
	.videoBox { padding-top: 40px; height: 100%; }
	.videoBox .holder { height: 100%; }
	.videoBox .paragraph { padding-right: 0; max-width: 100%; height: 100%; font-size: 16px; overflow: hidden; }
	.videoBox .video { padding-right: 0; }
	.loginBox svg { right: -280px; }
	.videoBox svg.d-phone { position: absolute; top: 60px; right: auto; left: 0; display: block; height: auto; }
	.videoBox svg.d-desktop { display: none; }
	.videoBox .image { margin-right: 60px; margin-left: 20px; z-index: 2; max-width: 100%; }
	.videoBox .content { padding: 150px 30px 50px; position: relative; width: 100%; height: 100%; text-align: center; }
	.videoBox h1 { margin: 0 auto 30px; max-width: 600px; }
	.videoBox .play-video { padding-left: 4px; width: 40px; height: 40px; font-size: 18px; }
	.videoBox .logo { padding: 57px 28px 42px 51px; top: -15px; bottom: auto; border-radius: 0 15px 15px 0; }
	.videoBox .continue { padding-top: 25px; position: relative; bottom: auto; right: auto; text-align: center; z-index: 1; }
	.productBox { padding-top: 150px; }
	.productBox .left { padding: 50px 30px 25px; position: fixed; top: 0; left: 0; z-index: 9; display: none; height: 100vh; background: rgba(143, 23, 93, 0.9); }
	.productBox .left .bg-block { position: relative; height: 100%; border-radius: 12px; background-color: #fff; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }
	.productBox .left .scroll { padding: 22px 29px; overflow-y: scroll; height: 100%; }
	.productBox .left.open { display: block; }
	.productBox .filter-list { margin-bottom: 25px; }
	.productBox .filter-list ul > li { margin-bottom: 2px; }
	.productBox .filter-list ul > li.active > a.title { color: var(--theme-global-primary-color); }
	.productBox .filter-list ul > li > a.title { padding: 0; color: var(--theme-menu-prodcat-link-color); }
	.productBox .filter-list ul > li > a { padding: 9px 10px; }
	.productBox .filter-list ul > li > ul { display: none; }
	.productBox .close-icon { display: flex; }
	.productBox .left.open .mm-filter { padding-bottom: 30px; font-size: 14px; color: rgba(40, 40, 41, 0.5); }
	.detailBox { margin-bottom: 100px; }
	.detailBox .content { padding-left: 0; }
	.detailBox .buttons li { margin-bottom: 15px; display: block; }
	.detailBox .buttons li:last-child { margin-bottom: 0; }
	.detailBox .field-1 span { width: 100%; }
	.categoryBox { margin-bottom: 100px; }
	.categoryBox .item { margin-bottom: 30px; }
	.categoryBox .view-all { position: unset; top: auto; right: auto; }
	.contentBox { margin-bottom: 100px; }
	.card-category .btn { padding: 15px 45px; }
}

@media only screen and (min-width: 768px) {
	.contactBox .d-phone { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	body.scroll-hide #headerCntr { z-index: 9; }
	.form-control { padding: 10px 16px; }
	#headerCntr { padding-bottom: 67px; }
	#headerCntr .logo { top: -75px; }
	#headerCntr .logo img { max-width: 105px; }
	#headerCntr .logo:before { left: -26px; height: 182px; border-radius: 19px; }
	#headerCntr.inner .logo { padding: 45px 28px 35px 46px; top: -54px; left: -34px; }
	#headerCntr.inner .logo img { max-width: 108px; }
	.heroBox { margin-top: -15px; padding-top: 0; }
	.heroBox .video { margin-right: 40px; margin-left: 10px; position: relative; right: 0; z-index: 2; width: 100%; }
	.heroBox .title { margin-right: 0; margin-bottom: -145px; padding-top: 72px; text-align: center; }
	.heroBox .shape { bottom: -80px; }
	.heroBox .shadow-bg { right: -12px; bottom: -14px; }
	.heroBox .shadow-bg img { height: 180px; }
	.loginBox { padding-top: 62px; height: 100%; }
	.loginBox h1 { text-align: center; }
	.loginBox .login-box { max-width: 100%; }
	.loginBox .image { position: relative; top: auto; left: auto; width: 100%; height: 100%; }
	.loginBox svg { top: 85px; right: auto; left: 0; height: auto; }
	.loginBox svg.d-phone { display: block; }
	.loginBox svg.d-desktop { display: none; }
	.loginBox .logo { padding: 57px 28px 42px 51px; top: 16px; bottom: auto; border-radius: 0 15px 15px 0; }
	.loginBox .logo img { max-width: 108px; }
	.popupBox .further { padding-top: 20px; width: 100%; }
	.popupBox .btn { width: 100%; }
	.popupBox .bdr { display: none; }
	.popupBox .custom-select { width: 100%; }
	.videoBox { padding-top: 0; }
	.videoBox .video { margin-top: -35px; padding-bottom: 50px; width: 100%; max-width: 355px; margin-inline: auto; }
	.videoBox .image { margin-right: 35px; margin-left: 10px; }
	.videoBox .content { margin-top: -40px; padding: 120px 50px; }
	.videoBox .line { top: -30px; right: -30px; width: 23px; }
	.videoBox h1 { max-width: 100%; }
	.videoBox .shadow-bg { right: -12px; bottom: -14px; }
	.videoBox .shadow-bg img { height: 180px; }
	.headingBox { padding-top: 20px; padding-bottom: 15px; }
	.headingBox .shape { bottom: -100px; }
	.detailBox { margin-bottom: 60px; padding-top: 73px; z-index: 2; }
	.detailBox .detail-for { margin-bottom: 55px; }
	.detailBox .slick-list { margin: 0 -8px; }
	.detailBox .slide { padding: 0 8px 16px; }
	.detailBox .link { margin-bottom: 17px; }
	.detailBox .box { padding: 60px 15px 0; border-radius: 12px; }
	.detailBox .content { padding-top: 33px; }
	.detailBox .buttons li { margin-right: 0; margin-bottom: 25px; text-align: center; }
	.detailBox .buttons li:last-child { margin-bottom: 0; }
	.detailBox .btn { width: 100%; }
	.productBox { padding-top: 100px; padding-bottom: 0; }
	.productBox .right { padding-top: 60px; }
	.productBox .sort { margin-bottom: 13px; padding-right: 5px; font-size: 14px; }
	.productBox .text { margin-bottom: 35px; }
	.productBox h3 { width: calc(100% + 100px); }
	.productBox .btn-scroll { margin-top: 0; }
	.productBox.inner .right { padding-top: 0; }

	.categoryBox { margin-bottom: 0; }
	.categoryBox h2 { margin-bottom: 20px; }
	.card-category { padding: 15px; border-radius: 12px; }
	.card-category .image { margin-bottom: 7px; }
	.card-category h6 { min-height: 42px; font-size: 14px; }
	.card-category strong { font-size: 12px; }
	.card-category a.heart-icon { top: -3px; }
	.card-category a.heart-icon span svg { width: 16px; }
	.card-category .number { font-size: 12px; }
	.card-category:hover { border-radius: 15px; }
	.card-category .overlay { padding: 10px; border-radius: 15px; }
	.card-category .overlay a { font-size: 14px; }
	.card-category .overlay .btn { padding: 5px 22px; }
	.card-category .overlay p { font-size: 14px; }
	.contentBox { margin-bottom: 0; padding-top: 80px; }
	.faqBox { margin-bottom: 0; padding-top: 80px; }
	.accordion .accordion-button { font-size: 18px; }
	.basketBox { margin-bottom: 0; padding-top: 80px; }
	.basketBox .card-gift .total { font-size: 16px; }
	.basketBox .right { width: 100%; }
	.basketBox .card-gift .title { margin-left: 10px; }
	.basketBox .card-gift h5 { font-size: 16px; }
	.contactBox { margin-bottom: 0; padding-top: 80px; }
	.contactBox .form { padding-top: 40px; }
	.contactBox .d-phone { padding: 0 22px 22px 20px; display: none; }
	.contactBox .card-gift { padding: 0; }
	.contactBox .card-gift h6 { margin-bottom: 0; padding: 23px 15px; }
	.contactBox .card-gift h6:after { display: inline-block; }
	.footerBox { padding-top: 40px; padding-bottom: 35px; }
	.footerBox .title { margin-bottom: 8px; font-size: 16px; }
	.footerBox .shape { top: -100px; }
	.footerBox li a { font-size: 14px; }
	.footerBox .logo { margin-top: 3px; margin-left: 20px; }
	.footerBox .left { margin-bottom: 45px; }
	.footerBox.inner { padding-bottom: 110px; }
}

@media only screen and (max-width: 575px) {
	.card-category h6 { min-height: 32px; }
	.productBox .right .items { margin-bottom: 60px; }
	.card-gift { width: 300px; }
	.basketBox .card-gift { padding: 26px 20px 17px; width: 100%; }
	.basketBox .field { margin-right: 12px; }
	.contactBox .card-gift { width: 100%; }
	.card-category { height: 100%; }
}
/* @media only screen and (max-width: 1500px) {
	.nav-bar .menu-item .elementor-sub-item{
		float: right!important;
    	right: 17px!important;
	}
}
*/