* { 
	box-sizing: border-box; 
}

html, body {
	padding: 0;
	margin: 0;
}

body {
	position: relative;
	background-color: #0a0a0a;
	line-height: 1.7;
	font-size: 19px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	overflow-x: hidden;
}
img {
	max-width: 100%;
	height: auto;
}

.anim-image-parallax {
	transform: scale(1.2);
	transform-origin: 50% 100%;
}
.list-unstyled {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
/* Disable scroll */
.yk-no-scroll {
	overflow-y: hidden !important;
}
body {
	font-family: 'Poppins', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
#ball,
.yk-main-menu,
.ph-caption-title-ghost,
.ph-caption-subtitle,
.scroll-down-circle,
.made-with-love,
.yk-ol-menu-toggle-btn-text,
.yk-m-menu-toggle-btn-text,
.yk-ol-menu-list,
.yk-heading,
.yk-btn,
.social-buttons,
.footer-social,
.yk-ps-nav-pagination,
.yk-pc-navigation,
.yk-cc-pagination,
.yk-phc-item::before,
.yk-phc-counter,
.pli-counter,
.pmgr-cat-trigger-wrap,
.pmgr-cat-list,
.pmgr-cat-classic-nav,
.portfolio-interactive-item,
.yk-copyright,
.project-info-list,
.yk-pn-link,
.yk-pn-subtitle,
.ph-share-ghost,
.yk-search-ghost,
.yk-pagination,
.yk-scrolling-text,
bdi span,
#blog-list.bli-compact .bli-info::before,
.blog-interactive-item::before {
	font-family: 'Noto Serif JP', serif;
}

/* ------------------------------------------------------------- *
 * Page transitions
/* ------------------------------------------------------------- */

#page-transition {
	display: none;
}
body.yk-transition #page-transition {
	position: relative;
	display: block;
	z-index: 99999;
}

/* Transition overlay */
body.yk-transition .ptr-overlay {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #111;
	z-index: 1;
}

/* Transition preloader */
body.yk-transition .ptr-preloader {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
}

body.yk-transition .ptr-prel-content {
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	color: #af1212;
}
.ptr-prel-image {
	max-height: 90px; 
	opacity: .4;
}

/* Magic Cursor Style */
#magic-cursor {
	position: absolute;
	display: none;
	width: 10px;
	height: 10px;
	pointer-events: none;
	opacity: 0;
	z-index: 99999;
}
body.yk-magic-cursor #magic-cursor {
	display: block;
}
#ball {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	pointer-events: none;
	border-style: solid;
	/*border-color: #FFF;*/
	border-radius: 50%;
}
/* Ball view 
============= */
#ball .ball-view {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	line-height: 1.3;
	text-align: center;
	transform: scale(0);
}

#ball .ball-view i {
	font-size: 19px;
}


/* Ball drag 
============= */
#ball .ball-drag {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	font-weight: 600;
	color: #FFF;
	line-height: 1.2;
	text-align: center;
	transition: all 0.3s;
}
#ball .ball-drag::before,
#ball .ball-drag::after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	font-size: 19px;
	color: #FFF;
	height: 10px;
	line-height: 10px;

	/* Font Awesome */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
#ball .ball-drag::before {
	content: "\f104"; /* Font Awesome */
	left: 0;
	transform: translate3d(-30px, 0, 0);
	transition: all 0.25s;
}
#ball .ball-drag::after {
	content: "\f105"; /* Font Awesome */
	right: 0;
	transform: translate3d(30px, 0, 0);
	transition: all 0.25s;
}


/* Ball close 
============== */
#ball.ball-close-enabled {
	opacity: 1 !important;
}
#ball .ball-close {
	position: absolute;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	line-height: 1;
	text-align: center;
}


/* Background Noise */
.bg-noise {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}
.bg-noise:before {
	position: absolute;
	content: '';
	top: -10rem;
	left: -10rem;
	width: calc(100% + 20rem);
	height: calc(100% + 20rem);
	z-index: -1;
	pointer-events: none;
	background-image: url("../images/bg-noise.png");
	background-position: 50%;
	animation: BgNoise 1s steps(2) infinite;
}
@keyframes BgNoise {
	0% { transform: translate3d(0, 9rem, 0) }
	10% { transform: translate3d(-1rem, -4rem, 0) }
	20% { transform: translate3d(-8rem, 2rem, 0) }
	30% { transform: translate3d(9rem, -9rem, 0) }
	40% { transform: translate3d(-2rem, 7rem, 0) }
	50% { transform: translate3d(-9rem, -4rem, 0) }
	60% { transform: translate3d(2rem, 6rem, 0) }
	70% { transform: translate3d(7rem, -8rem, 0) }
	80% { transform: translate3d(-9rem, 1rem, 0) }
	90% { transform: translate3d(6rem, -5rem, 0) }
	to { transform: translate3d(-7rem, 0, 0) }
}

/* Custom scrollbar style */

.yk-custom-scrollbar {
	overflow-y: auto;
}
/* Works on Firefox */
.yk-custom-scrollbar,
.yk-sliding-sidebar-inner,
.yk-sidebar {
	scrollbar-width: thin;
	scrollbar-color: #555 #2a2a2a;
}
select {
	scrollbar-width: thin;
	scrollbar-color: #666 #2a2a2a;
}
/* Works on Chrome, Edge, and Safari */
.yk-custom-scrollbar::-webkit-scrollbar,
.yk-sliding-sidebar-inner::-webkit-scrollbar,
.yk-sidebar::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
select::-webkit-scrollbar {
	width: 10px;
}
.yk-custom-scrollbar::-webkit-scrollbar-track,
.yk-sliding-sidebar-inner::-webkit-scrollbar-track,
.yk-sidebar::-webkit-scrollbar-track,
select::-webkit-scrollbar-track {
	background: #2a2a2a;
}
.yk-custom-scrollbar::-webkit-scrollbar-thumb,
.yk-sliding-sidebar-inner::-webkit-scrollbar-thumb,
.yk-sidebar::-webkit-scrollbar-thumb {
	background-color: #555;
	border-radius: 50px;
}
select::-webkit-scrollbar-thumb {
	background-color: #666;
	border-radius: 50px;
}
/* Smooth Scroll Style*/
body:not(.is-mobile).yk-smooth-scroll {
	overflow: hidden;
}
body:not(.is-mobile).yk-smooth-scroll #scroll-container { 
	width: auto;
	height: 100vh;
	overflow: auto;
	margin: 0;
}
/* Styling scrollbar */
.scrollbar-track {
	background: transparent !important;
	z-index: 99999 !important;
}
.scrollbar-track:hover {
	/*background: rgba(222, 222, 222, 0.1) !important;*/
}
.scrollbar-thumb {
	background: #DDD !important;
	opacity: .25;
	transition: opacity 0.2s ease-in-out;
}
.scrollbar-track:hover .scrollbar-thumb {
	opacity: .5;
}
/* Header Style */
#yk-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	pointer-events: none;
	z-index: 999;
}
#yk-header.yk-header-fixed {
	position: fixed;
}
.yk-header-inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 100%;
	padding-top: 40px;
}
body:not(.yk-boxed) .yk-header-inner,
.yk-header-inner:not(.yk-wrap) {
	padding-left: 3.5%;
	padding-right: 3.5%;
}
.yk-header-col {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.yk-header-col:first-child {
	margin-right: auto;
}
.yk-logo {
	position: absolute;
	top: 40px;
	margin-right: auto;
	line-height: 1;
	pointer-events: initial;
	z-index: 9;
}
.yk-logo a {
	display: inline-block;
	font-size: 21px;
	color: #FFF;
}
.yk-logo img {
	max-height: 60px;
}
#yk-ol-menu-toggle-btn-wrap {
	position: relative;
	display: flex;
	align-items: center;
	pointer-events: initial;
	cursor: pointer;
	z-index: 9;
}
.yk-ol-menu-toggle-btn-holder {
	float: left;
}
.yk-ol-menu-toggle-btn {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
}
.yk-ol-menu-toggle-btn span {
	position: absolute;
	display: block;
	top: 54%;
	left: 50%;
	height: 2px;
	width: 24px;
	background-color: transparent;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out;
}
.yk-ol-menu-toggle-btn span::before,
.yk-ol-menu-toggle-btn span::after {
	position: absolute;
	display: block;
	content: '';
	height: 2px;
	width: 24px;
	background-color: #FFF;
	transition: all 0.3s ease-in-out;
}
.yk-ol-menu-toggle-btn span::before {
	top: -4px;
	width: 24px;
}
.yk-ol-menu-toggle-btn span::after {
	top: auto;
	bottom: -4px;
	width: 18px;
}
.yk-ol-menu-toggle-btn-text {
	float: left;
	padding-right: 5px;
	overflow: hidden;
	text-align: right;
	font-size: 15px;
	color: #FFF;
}
.yk-ol-menu-toggle-btn-text .text-menu {
	position: relative;
	display: inline-block;
	text-align: right;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}
body.yk-ol-menu-open .yk-ol-menu-toggle-btn-text .text-menu {
	display: none;
}
body:not(.is-mobile) .yk-ol-menu-toggle-btn-text .text-menu::before {
	position: absolute;
	top: 100%;
	right: 0;
	content: attr(data-hover);
}
body:not(.is-mobile) #yk-ol-menu-toggle-btn-wrap:hover .yk-ol-menu-toggle-btn-text .text-menu {
	transform: translate3d(0, -100%, 0);
}
/* Toggle button close */
body.yk-ol-menu-open .yk-ol-menu-toggle-btn span {
	width: 20px;
	background-color: transparent;
}
body.yk-ol-menu-open .yk-ol-menu-toggle-btn span::before {
	top: 0;
	width: 20px;
	transform: rotate(45deg);
}
body.yk-ol-menu-open .yk-ol-menu-toggle-btn span::after {
	bottom: 0;
	width: 20px;
	transform: rotate(-45deg);
}
.yk-ol-menu-toggle-btn-text .text-close {
	display: none;
}
body.yk-ol-menu-open .yk-ol-menu-toggle-btn-text .text-close {
	display: block;
}
body.olm-toggle-no-click .yk-ol-menu-toggle-btn-text,
body.olm-toggle-no-click .yk-ol-menu-toggle-btn {
	pointer-events: none;
}

/* menu Style Start*/
.yk-overlay-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #0a0a0a;
	visibility: hidden;
	opacity: 0;
	pointer-events: initial;
}
.yk-ol-menu-holder {
	position: relative;
	height: 100%;
	width: calc(100% + 17px);
	padding-right: 17px;
	overflow-y: scroll;
	z-index: 2;
}
.yk-ol-menu-inner {
	display: table;
	width: 100%;
	height: 100%;
	padding-left: 0;
	padding-right: 0;
}
.yk-ol-menu-content {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 120px 5% 120px 5%;
}
body.yk-ol-menu-open {
	overflow-y: hidden !important;
}
body.yk-smooth-scroll.yk-ol-menu-open .scrollbar-track {
	display: none !important;
}
.yk-ol-menu-list {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.yk-ol-menu-list > li {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.yk-ol-menu-list > li:first-child {
	margin-top: 0;
}
.yk-ol-menu-list > li:last-child {
	margin-bottom: 0;
}
.yk-ol-menu-list > li > a,
.yk-ol-menu-list > li > .yk-ol-submenu-trigger > a {
	position: relative;
	display: inline-block;
	font-size: clamp(34px, 3.2vw, 62px);
	font-weight: bold;
	font-weight: 600;
	line-height: 1.2;
	color: #eaeaea;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
body:not(.is-mobile) .yk-ol-menu-list.yk-ol-menu-hover > li > a,
body:not(.is-mobile) .yk-ol-menu-list.yk-ol-menu-hover > li > .yk-ol-submenu-trigger > a,
body:not(.is-mobile) .yk-ol-menu-list.yk-ol-menu-hover > li > .yk-ol-submenu-trigger .yk-ol-submenu-caret {
	opacity: .5;
}
body:not(.is-mobile) .yk-ol-menu-list > li.active > a,
body:not(.is-mobile) .yk-ol-menu-list > li.active > .yk-ol-submenu-trigger > a,
body:not(.is-mobile) .yk-ol-menu-list > li.active > .yk-ol-submenu-trigger .yk-ol-submenu-caret,
body:not(.is-mobile) .yk-ol-menu-list > li > a:hover,
body:not(.is-mobile) .yk-ol-menu-list > li > .yk-ol-submenu-trigger:hover > a,
body:not(.is-mobile) .yk-ol-menu-list > li > .yk-ol-submenu-trigger:hover .yk-ol-submenu-caret,
body:not(.is-mobile) .yk-ol-menu-list > li > .yk-ol-submenu-trigger.yk-ol-submenu-open > a,
body:not(.is-mobile) .yk-ol-menu-list > li > .yk-ol-submenu-trigger.yk-ol-submenu-open .yk-ol-submenu-caret {
	opacity: 1;
}
.yk-ol-submenu-wrap {
	position: relative;
}
.yk-ol-submenu-trigger {
	position: relative;
	display: inline-block;
}
.yk-ol-submenu-list > li a,
.yk-ol-submenu-list > li > .yk-ol-submenu-trigger > a {
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 19px;
	color: #AAA;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.yk-ol-submenu-caret-wrap {
	position: absolute;
	top: 60%;
	right: -40px;
	transform: translate3d(0, -50%, 0);
}
.yk-ol-submenu-caret {
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #eaeaea;
	cursor: pointer;
	z-index: 2;
	border-radius: 100%;
	transition: opacity 0.3s ease-in-out;
}
.yk-ol-submenu-caret::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: all 0.2s ease-in-out;
}
.yk-ol-submenu-trigger.yk-ol-submenu-open .yk-ol-submenu-caret::after {
	transform: rotate(180deg);
}
.yk-ol-menu-list > li li .yk-ol-submenu-caret-wrap {
	top: 50%;
	right: -40px;
}
.yk-ol-menu-list > li li .yk-ol-submenu-caret {
	font-size: 16px;
	color: #8a8a8a;
}
.yk-ol-submenu {
	display: none;
	position: relative;
	height: auto;
	margin-left: 20px;
	color: #8a8a8a;
}
.yk-ol-menu-list > li > .yk-ol-submenu {
	margin-top: 20px;
	margin-bottom: 20px;
}
.yk-ol-submenu-list .yk-ol-submenu {
	margin-top: 15px;
	margin-bottom: 20px;
}
.yk-overlay-menu.yk-ol-menu-center .yk-ol-menu-content {
	text-align: center;
}
.yk-overlay-menu.yk-ol-menu-center .yk-ol-submenu {
	margin-left: 0;
}
.yk-ol-submenu-list {
	padding: 0;
	list-style: none;
}
.yk-ol-submenu-list .yk-ol-submenu {
	margin-top: 15px;
	margin-bottom: 20px;
}
.yk-ol-submenu-list > li a,
.yk-ol-submenu-list > li > .yk-ol-submenu-trigger > a {
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 19px;
	color: #aaaaaa;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.yk-ol-submenu-list > li > .yk-ol-submenu-trigger.yk-ol-submenu-open > a,
.yk-ol-submenu-list > li > .yk-ol-submenu-trigger.yk-ol-submenu-open .yk-ol-submenu-caret,
.yk-ol-submenu-list > li.active > a,
.yk-ol-submenu-list > li.active > .yk-ol-submenu-trigger > a,
.yk-ol-submenu-list > li.active > .yk-ol-submenu-trigger .yk-ol-submenu-caret,
.yk-ol-submenu-list > li a:hover,
.yk-ol-submenu-list > li > .yk-ol-submenu-trigger:hover > a,
.yk-ol-submenu-list > li > .yk-ol-submenu-trigger:hover .yk-ol-submenu-caret {
	color: #FFF;
}

/* Header Tool Style */
.yk-header-tools {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	pointer-events: initial;
}
.yk-header-tools-dynamic {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.yk-hti-btn {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	font-size: 16px;
	color: #fff;
}
.yk-search-trigger {
	pointer-events: initial;
	cursor: pointer;
}
.yk-search {
	position: fixed;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #0a0a0a;
	visibility: hidden;
	opacity: 0;
	z-index: 99998;
}
.yk-search-close {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.yk-search-inner {
	position: relative;
	width: 100%;
	max-width: 800px;
	padding: 5%;
	margin-bottom: 10%;
	text-align: center;
	z-index: 3;
}
.yk-search-title {
	font-size: clamp(48px, 6vw, 112px);
	margin-top: 0;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 10%;
}
.yk-search .yk-search-form .yk-form-control {
	font-size: clamp(19px, 2vw, 26px);
}
.yk-form-minimal .yk-form-group {
}
.yk-form-minimal .yk-form-group label {
	margin-bottom: 0px;
}
.yk-form-minimal .yk-form-control:not(select),
.yk-form-minimal select.yk-form-control:not([multiple]) {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	font-size: 17px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-radius: 2px;
}
.yk-form-minimal select.yk-form-control:not([multiple]) {
	padding-right: 15px;
}
.yk-form-minimal .yk-form-control:focus {
	border-color: #FFF;
}
.yk-form-minimal .yk-form-control:disabled, 
.yk-form-minimal .yk-form-control[readonly] {
	opacity: .2;
}
.yk-form-minimal .yk-form-control,
.yk-form-minimal .yk-form-control select {
	border-color: rgb(136 136 136 / 60%);
}
.yk-form-lg .yk-form-control:not(textarea):not([size]),
.yk-form-control.yk-form-lg,
.yk-form-btn-inside .yk-form-control.yk-form-lg + button {
	height: 70px !important;
}
.yk-form-lg .yk-form-btn-inside button {
	height: 68px !important;
}
.yk-form-btn-inside {
	position: relative;
}
.yk-form-btn-inside .yk-form-control {
	padding-right: 60px !important;
}
.yk-form-btn-inside button {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 60px;
	height: 54px;
	background-color: transparent;
	font-size: 19px;
	color: #999;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 0 3px 3px 0;
}
.yk-form-btn-inside button:hover {
	color: #FFF;
}
.yk-search-ghost {
	position: absolute;
	font-size: calc(28px + 28vw);
	font-weight: 600;
	color: #fff;
	top: 0;
	bottom: -3.5%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	white-space: nowrap;
	line-height: 1;
	opacity: .03;
	z-index: 1;
}
.yk-search-close-btn {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 30px;
	right: 40px;
	width: 40px;
	height: 40px;
	background-color: #333;
	font-size: 16px;
	cursor: pointer;
	border-radius: 50px;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	z-index: 3;
}
.yk-search-close-btn:hover {
	transform: rotate(90deg);
}
body.yk-search-open {
	overflow-y: hidden !important;
}
body.yk-search-open .scrollbar-track {
	display: none !important;
}
.yk-custome-scrollbar,
.yk-sliding-sidebar-inner,
.yk-sidebar {
	scrollbar-width: thin;
	scrollbar-color: #555 #2a2a2a;
}
.yk-custome-scrollbar {
	overflow-y: auto
}
.yk-hti-btn-count {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 5px;
	right: 3px;
	width: 16px;
	height: 16px;
	background-color: #b50408;
	font-size: 12px;
	color: #FFF;
	line-height: 1;
	border-radius: 50px;
}
.yk-sliding-cart-trigger {
	pointer-events: initial;
	cursor: pointer;
}
.yk-sliding-cart-wrap {
	position: relative;
	pointer-events: initial;
	z-index: 9999;
}
.yk-sliding-cart {
	position: fixed;
	top: 0;
	right: 0;
	width: 400px;
	height: 100vh;
	background-color: #1b1b1b;
	font-size: 16px;
	transform: translate3d(100%, 0, 0);
	-webkit-transition: transform 0.4s ease-in-out;
	-moz-transition: transform 0.4s ease-in-out;
	-ms-transition: transform 0.4s ease-in-out;
	-o-transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	z-index: 2;
}
body.yk-sliding-cart-open .yk-sliding-cart {
	transform: translate3d(0, 0, 0);
}
body.yk-sliding-cart-open {
	overflow-y: hidden !important;
}
.yk-sliding-cart-inner {
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #222;
}
.yk-sliding-cart-heading {
	font-size: 26px;
	margin: 0 6% 30px 6%;
	padding: 40px 0 20px 0;
	border-bottom: 2px solid rgb(120 120 102 / 25%);
}
.yk-sliding-cart-content {
	height: 100%;
	overflow-y: auto;
	padding: 0% 6% 8% 6%;
}
.yk-sliding-cart-empty {
	padding: 10%;
	text-align: center;
}
.yk-sliding-cart-empty-icon {
	font-size: clamp(48px, 6vw, 68px);
	opacity: .3;
}
.yk-sliding-cart-product-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.yk-sliding-cart-product-list > li {
	padding: 15px 0;
	border-bottom: 1px dashed rgb(120 120 120 / 30%);
}
.yk-sliding-cart-product-list > li:first-child {
	padding-top: 0;
}
.yk-sliding-cart-product-list > li:last-child {
	padding-bottom: 0;
	border: none;
}
.yk-sliding-cart-product {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-right: 25px;
}
.yk-sc-product-thumb {
	display: block;
	margin-right: 15px;
	color: #fff;
}
.yk-sc-product-thumb:hover {
	opacity: 8;
}
.yk-sc-product-thumb img {
	max-width: 60px;
	height: auto;
}
.yk-sc-product-info {
	
}
.yk-sc-product-title {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: #fff;
}
.yk-sc-product-title:hover {
	opacity: .8;
}
.yk-sc-product-variations {
	margin: 5px 0;
}
.yk-scp-variation {
	font-size: 13px;
	font-weight: 300;
	color: #ccc;
	line-height: 1.2;
}
.yk-sc-product-quantity-pricing {
	
}
.yk-sc-product-quantity {
	display: inline-block;
	font-size: 14px;
}
.yk-sc-product-price {
	display: inline-block;
	font-size: 14px;
}
.yk-sc-product-remove {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size: 12px;
	opacity: .8;
}
.yk-sc-product-remove:hover {
	opacity: 1;
}
.yk-sliding-cart-footer {
	padding: 20px 6% 30px 6%;
}
body.is-mobile .yk-sliding-cart-footer {
	padding-bottom: 60px;
}
.yk-sliding-cart-total {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 20px 0 5px 0;
	text-align: right;
	border-top: 2px solid rgb(120 120 120 / 25%);
}
.yk-sliding-cart-total bdi {
	font-size: 21px;
	font-weight: 500;
}
.yk-btn-light-outline {
	box-shadow: inset 0 0 0 2px #fff;
}
.yk-btn-light-outline > *,
.yk-btn-light-outline > *::after {
	color: #fff;
}
.yk-btn-light-outline:hover > * {
	color: #fff;
}
.yk-btn-block {
	display: block;
	width: 100%;
	margin-right: 0;
	text-align: center;
}
.yk-btn-block > * {
	width: 100%;
}
.yk-btn-primary {
	background-color: #4c2122;
}
.yk-btn-primary > *,
.yk-btn-primary > *::after {
	color: #fff;
}
.yk-btn-primary:hover > * {
	color: #fff;
}
.yk-sliding-cart-close {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 20px;
	right: 15px;
	width: 30px;
	height: 30px;
	font-size: 16px;
	background-color: rgb(51, 51, 51);
	border-radius: 50px;
	-webkit-transition: transform 0.3s ease 0s;
	-moz-transition: transform 0.3s ease 0s;
	-ms-transition: transform 0.3s ease 0s;
	-o-transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	cursor: pointer;
}
.yk-sliding-cart-close:hover {
	transform: rotate(90deg);
}
.yk-sliding-cart-cover {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 75%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	-moz-transition: opacity 0.3s, visibility 0.3s;
	-ms-transition: opacity 0.3s, visibility 0.3s;
	-o-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
	z-index: 1;
}
body.yk-sliding-cart-open .yk-sliding-cart-cover {
	opacity: 1;
	visibility: visible;
	pointer-events: initial;
}
body.yk-sliding-cart-open .scrollbar-track {
	display: none !important;
}


/* Home Page Style ----------------------------------------- */

/* Slider Style */
.yk-portfolio-hover-carousel {
	position: relative;
}
.yk-portfolio-hover-carousel .swiper-slide {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	height: 100vh;
	padding: 0;
}
body.yk-transition .yk-portfolio-hover-carousel::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}
body.yk-transition .yk-portfolio-hover-carousel.yk-phc-ready::before {
	display: none;
}
.yk-portfolio-hover-carousel-images {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: -1;
}
.yk-phc-item {
	position: relative;
	display: flex;              /* 👈 KEY */
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;                /* 👈 KEY */
	height: 100%;
	pointer-events: none;
	text-align: center;
	padding-top: 42vh;
}
.yk-portfolio-hover-carousel .swiper-slide.active .yk-phc-item {
	pointer-events: inherit;
}
.yk-phc-item::before {
	position: absolute;
	content: attr(data-number);
	width: 20px;
	font-size: calc(12px + 0.1vw);
	font-weight: 300;
	line-height: 1;
	color: #fff;
	opacity: .5;
	transition: opacity .3s ease-in-out;
}
.yk-portfolio-hover-carousel .swiper-slide.active .yk-phc-item::before {
	opacity: 1;
}
.yk-phc-item-title {
	position: relative;
	font-size: calc(28px + 1.5vw);
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	opacity: .8;
	transition: color .3s ease-in-out;
}
.yk-portfolio-hover-carousel .swiper-slide.active .yk-phc-item-title {
	color: #fff;
	opacity: 1;
}
.yk-phc-categories {
	position: relative;
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, -5px, 0);
	transition: all .3s ease-in-out;
}
.yk-portfolio-hover-carousel .swiper-slide.active .yk-phc-categories {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0 ,0);
}
.yk-phc-category {
	position: relative;
	display: inline-block;
	margin-left: 3px;
	font-size: calc(13px + 0.1vw);
	color: #fff;
	line-height: 1.2;
}
.yk-phc-category ~ .yk-phc-category {
	margin-left: -4px;
}
.yk-phc-category ~ .yk-phc-category:not(:empty)::before {
	content: ", ";
}
.yk-phc-category ~ .yk-phc-category ~ .yk-phc-category ~ .yk-phc-category {
	visibility: hidden;
	width: 0;
}
.yk-phc-category ~ .yk-phc-category ~ .yk-phc-category ~ .yk-phc-category ~ .yk-phc-category {
	display: none;
}
.yk-phc-category + .yk-phc-category + .yk-phc-category + .yk-phc-category::before {
	content: "...";
	margin-left: 5px;
	visibility: visible;
}
.phc-images-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #121212;
}
.phc-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.03);
	transition: all .4s ease-in-out;
}
.phc-image.active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.phc-image img,
.phc-image video.phc-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.yk-phc-counter {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 35px;
	right: 50%;
	height: 40px;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	transform: translate3d(-50%, 0, 0);
	z-index: 1;
}
.yk-phc-count {
	position: relative;
	top: -4px;
	height: 40px;
	line-height: 40px;
}
.yk-phc-count span:first-child {
	opacity: 1;
}
.yk-phc-count span {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}
.yk-phc-counter-separator {
	position: relative;
	margin: 0;
}
.yk-phc-counter-separator::before {
	content: "";
	display: block;
	width: 17px;
	height: 2px;
	background-color: #fff;
	opacity: .7;
	transform: rotate(-70deg);
}

/* Mobile Slider Full Screen ===================================== */
.yk-portfolio-slider {
	position: relative;
	width: 100%;
	background-color: #0a0a0a;
	display: none;
}
.yk-portfolio-slider .swiper {
	height: 100vh;
}
.yk-portfolio-slider .swiper-slide {
	position: relative;
	overflow: hidden;
	background-color: #000;
}
.yk-portfolio-slider-item {
	position: relative;
	height: 100%;
}
img.yk-psi-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.yk-portfolio-slider-item::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background-color: #000;
	visibility: hidden;
	transition: 0.5s ease-in-out;
	z-index: 9;
}
.swiper-slide-prev .yk-portfolio-slider-item::after,
.swiper-slide-next .yk-portfolio-slider-item::after {
	opacity: .7;
	visibility: visible;
}
.yk-portfolio-slider-caption {
	position: absolute;
	top: 55%;
	left: 0;
	width: auto;
	margin: 0px 2% 0 12%;
	color: #fff;
	pointer-events: none;
	transform: translate3d(0, -50%, 0);
	z-index: 998;
}
.yk-portfolio-slider-caption a {
	pointer-events: initial;
}
.yk-ps-caption-title {
	font-size: clamp(40px, 5.2vw, 100px);
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}
.yk-ps-caption-title a {
	display: inline;
	color: #fff;
}
body:not(.yk-magic-cursor) .yk-ps-caption-title a {
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(transparent calc(100% - 3px),currentColor 3px);
	background-image: linear-gradient(transparent calc(100% - 3px),currentColor 3px);
	background-image: -ms-linear-gradient(transparent 96%,currentColor 3px);
	transition: 0.6s cubic-bezier(.215,.61,.355,1);
	background-size: 0 96%;
}
body:not(.yk-magic-cursor) .yk-ps-caption-title a:hover {
	background-size: 100% 96%;
	color: currentColor;
}
.yk-ps-caption-category {
	font-size: calc(13px + 0.1vw);
	font-weight: 500;
	margin: 30px 0 0 0;
}
.yk-portfolio-slider-caption.psc-center {
	top: 50%;
	left: 50%;
	width: 90%;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	transform: translate(-50%, -50%);
}
.yk-portfolio-slider-navigation {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 4%;
	left: 50%;
	width: 300px;
	height: 60px;
	z-index: 1;
	transform: translate3d(-50%, 0, 0);
}
.yk-ps-nav-prev,
.yk-ps-nav-next {
	position: absolute;
	top: 0;
	z-index: 20;
}
.yk-ps-nav-prev {
	left: 0;
}
.yk-ps-nav-next {
	right: 0;
}
.yk-ps-nav-arrow {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #FFF;
	cursor: pointer;
	outline: none;
}
body:not(.yk-magic-cursor) .yk-ps-nav-arrow:hover {
	opacity: .5;
}
.yk-ps-nav-arrow-prev::after,
.yk-ps-nav-arrow-next::after {
	line-height: 0;

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.yk-ps-nav-arrow-prev::after {
	content: "\f053";
}
.yk-ps-nav-arrow-next::after {
	content: "\f054";
}
.yk-ps-nav-arrow.yk-ps-nav-arrow-disabled {
	/* opacity: .5; */
	cursor: auto;
	pointer-events: none;
}
.yk-portfolio-slider .swiper-button-lock {
	display: none;
}
.yk-portfolio-slider .swiper-pagination-lock {
	display: none;
}
/* Portfolio slider pagination bullets */
.yk-ps-nav-pagination-bullets {
	font-size: 0;
}
.yk-ps-nav-pagination-bullets .swiper-pagination-bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: transparent;
	margin: 8px;
	opacity: 1;
	border-radius: 100%;
	border: 2px solid #fff;
}
.yk-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
	background: #FFF;
	opacity: 1;
}
.yk-ps-nav-pagination-bullets-dynamic {
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}
.yk-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative;
	transition: .2s transform, .2s left;
}
.yk-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66);
}
.yk-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33);
}
.yk-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66);
}
.yk-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33);
}
.yk-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}
.yk-ps-nav-pagination-fraction {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	line-height: 1;
}
.yk-ps-nav-pagination-fraction .swiper-pagination-current {
	position: relative;
	top: -4px;
}
.yk-ps-nav-pagination-fraction .swiper-pagination-total {
	position: relative;
	bottom: -4px;
}
.yk-ps-nav-pagination-progressbar {
	position: absolute;
	left: 70px;
	right: 70px;
	width: auto;
	max-width: 100%;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.3);
}
.yk-ps-nav-pagination-progressbar .swiper-pagination-progressbar-fill {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	transform: scale(0);
	transform-origin: left top;
}
body.psi-light-image-on .yk-ps-caption-category,
body.psi-light-image-on .yk-ps-caption-title a {
	color: #111;
}

body.psi-light-image-on .yk-portfolio-slider-caption.psc-stroke .yk-ps-caption-title {
    -webkit-text-stroke-color: #111;
}

/* Make slider navigation dark */
body.psi-light-image-on .yk-ps-nav-pagination-fraction,
body.psi-light-image-on .yk-ps-nav-arrow {
	color: #111;
}
body.psi-light-image-on .yk-ps-nav-pagination-progressbar {
	background-color: rgb(0 0 0 / 20%);
}
body.psi-light-image-on .yk-ps-nav-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #111;
}
body.psi-light-image-on .yk-ps-nav-pagination-bullets .swiper-pagination-bullet {
	border-color: #111;
}
body.psi-light-image-on .yk-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
	background: #111;
}
body.psi-light-image-on:not(.yk-ol-menu-open) #ball {
	border-color: #515151;
}
body.psi-light-image-on:not(.yk-ol-menu-open) #ball .ball-drag::before,
body.psi-light-image-on:not(.yk-ol-menu-open) #ball .ball-drag::after {
	color: #111;
}
/* Make header logo dark */
body.psi-light-image-on #yk-header .yk-logo-light {
	display: none;
}
body.psi-light-image-on #yk-header .yk-logo-dark {
	display: block;
}
body.psi-light-image-on:not(.yk-ol-menu-open) .yk-ol-menu-toggle-btn-text {
	color: #111;
}
body.psi-light-image-on:not(.yk-ol-menu-open) .yk-ol-menu-toggle-btn span::before, 
body.psi-light-image-on:not(.yk-ol-menu-open) .yk-ol-menu-toggle-btn span::after {
	background-color: #111;
}
/* Make classic menu links dark */
@media (min-width: 1025px) {
	body.psi-light-image-on .yk-main-menu-list > li > a, 
	body.psi-light-image-on .yk-main-menu-list > li > .yk-submenu-trigger > a {
		color: #111;
	}
	body.psi-light-image-on .yk-main-menu-list.yk-mm-hover > li > a:hover, 
	body.psi-light-image-on .yk-main-menu-list.yk-mm-hover > li > .yk-submenu-trigger > a:hover, 
	body.psi-light-image-on .yk-main-menu-list.yk-mm-hover > li.active > a, 
	body.psi-light-image-on .yk-main-menu-list.yk-mm-hover > li.active > .yk-submenu-trigger > a, 
	body.psi-light-image-on .yk-main-menu-list.yk-mm-hover > li.yk-submenu-open > .yk-submenu-trigger > a {
		opacity: 1;
		color: #000;
	}
}
@media (max-width: 1024px) {
	body.psi-light-image-on:not(.yk-m-menu-open) .yk-m-menu-toggle-btn-text {
		color: #111;
	}
	body.psi-light-image-on:not(.yk-m-menu-open) .yk-m-menu-toggle-btn span::before, 
	body.psi-light-image-on:not(.yk-m-menu-open) .yk-m-menu-toggle-btn span::after {
		background-color: #111;
	}
}
/* Make header tools dark */
body.psi-light-image-on .yk-header-tools .yk-hti-btn {
	color: #111;
}
/* Make footer dark (if position is absolute) */
@media (min-width: 1025px) {
	body.psi-light-image-on #yk-footer.footer-absolute,
	body.psi-light-image-on #yk-footer.footer-absolute a,
	body.psi-light-image-on #yk-footer.footer-absolute .yk-btn-link > *, 
	body.psi-light-image-on #yk-footer.footer-absolute .yk-btn-link > *::after {
		color: #111;
	}
	body.psi-light-image-on #tt-footer.footer-absolute .yk-btn-link::after {
		background-color: #111;
	}
}

.yk-sport-item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	background: rgb(255 255 255 / 3%) !important;
	border-radius: 18px;
	padding: 22px;
	height: 100%;
	flex-direction: column;
	gap: 14px;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.yk-sport-title {
	font-size: calc(22px + 0.4vw);
	margin-bottom: 15px;
}
.yk-sport-hover-image {
	width: 100%;
	height: 200px;
	border-radius: 14px;
	overflow: hidden;
}
.yk-sport-hover-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.45;
	filter: brightness(0.65) saturate(0.85);
	transform: scale(1.05);
	transition: all 0.7s ease;
}
.yk-sport-item:hover .yk-sport-hover-image img {
	opacity: 1;
	filter: brightness(1) saturate(1);
	transform: scale(1);
}
.yk-sport-title {
	margin-top: 8px;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
.yk-sport-item p {
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}
.yk-sport-item:hover .yk-sport-title {
	text-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
.yk-sport-item:hover {
	transform: translateY(-4px);
	transition: transform 0.4s ease;
}
.yk-sport-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 25px 60px rgba(0,0,0,0.4);
}
.yk-sport-item .yk-btn {
	justify-content: flex-start;
}

/* ===============================
   PLAYMORE PREMIUM STATS SECTION
================================ */

.yk-stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 60px;
	padding-left: 40px;
}

.yk-stat-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.yk-stat-number {
	font-size: clamp(42px, 5vw, 64px);
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
}

.yk-stat-label {
	font-size: 14px;
	color: rgba(255,255,255,0.65);
	letter-spacing: 0.4px;
	max-width: 220px;
}

/* Optional subtle divider feel */
.yk-stat-item::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: rgba(255,255,255,0.08);
	margin-top: 14px;
}



/* ===============================
   INTERACTIVE PROGRAMS SECTION
================================ */
.yk-program-on-left,
.yk-program-on-right {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.yk-program-item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
}
.yk-program-item:not(:last-child) {
	margin-bottom: 84px;
}
.yk-program-on-left .yk-program-content {
	border-right: 2px solid #b9b9b9;
	padding-right: 9px;
	text-align: end;
}
.yk-program-content h4 {
	font-size: 20px;
	display: block;
	font-weight: 500;
	line-height: 28px;
	text-transform: capitalize;
	margin-bottom: 8px;
}
.yk-program-content p {
	font-size: 14px;
	font-weight: normal;
	color: #b9b9b9;
	line-height: 28px;
	display: block;
}
.yk-program-number span.yk-number {
	font-family: "Oswald", sans-serif;
	display: block;
	font-weight: 400;
	font-size: 80px;
	color: #ffffff;
	line-height: 88px;
}
.yk-program-on-right .yk-program-content {
	border-left: 2px solid #b9b9b9;
	padding-left: 9px;
	text-align: start;
}
.yk-program-center {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.yk-program-image-circle {
	position: relative;
	border-radius: 100%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	width: 320px;
	height: 320px;
	padding: 10px;
}
.yk-program-image-circle img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	object-fit: cover;
	border-radius: 100%;
	border: 12px solid rgb(255 255 255 / 15%);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.05);
	transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}
.yk-program-image-circle img.active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	box-shadow: 0 0 40px rgba(181, 31, 57, 0.15);
	z-index: 2;
}




/* About Style CSS ======================================================================= */
.logo-sticky-wrap {
	position: relative;
	will-change: transform;
}
.logo-circle-animation {
	max-width: 220px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	animation: spinSlow 10s linear infinite;
	transform-origin: center center;
}
.logo-circle-animation img {
	width: 100%;
	height: auto;
	display: block;
}
@keyframes spinSlow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.yk-sticky-col {
  position: relative;
}
.main-details-section {
	position: relative;
	min-height: 1000px;
	background-color: skyblue;
}

/* FEATURE GRID */
.pm-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin: 40px 0 60px;
}

/* FEATURE BOX */
.pm-feature-box {
	position: relative;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	padding: 20px 20px 20px;
	backdrop-filter: blur(6px);
	transition: all 0.3s ease;
}
.pm-feature-box:hover {
	transform: translateY(-6px);
	border-color: rgba(255, 255, 255, 0.2);
}
/* NUMBER BADGE */
.pm-feature-number {
	position: absolute;
	top: -26px;
	left: 24px;
	font-size: 52px;
	font-weight: 700;
	line-height: 1;
	color: rgba(255, 255, 255, 0.12);
	pointer-events: none;
}
/* CONTENT */
.pm-feature-box h4 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #fff;
}
.pm-feature-box p {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 767px) {
  .pm-feature-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .pm-feature-number {
    font-size: 44px;
  }
}

/* ===============================================================
   PLAYMORE — MEMBERSHIP PAGE
   Append this whole block to the end of css/main.css
   Brand accent: #8d0020
=============================================================== */

/* ---------- SPORT PRICE SELECTOR ---------- */
.pm-sport-toggle {
	display: flex;
	width: max-content;
	max-width: 100%;
	margin: -20px auto 55px;
	gap: 6px;
	padding: 6px;
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 50px;
	background: rgb(255 255 255 / 3%);
}
.pm-sport-btn {
	border: 0;
	background: transparent;
	color: rgba(255,255,255,0.7);
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.3px;
	padding: 12px 30px;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.pm-sport-btn:hover { color: #fff; }
.pm-sport-btn.is-active {
	background: #8d0020;
	color: #fff;
}

/* ---------- BOOKING PLANS ---------- */
.pm-plan-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	align-items: stretch;
}
.pm-plan-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: rgb(255 255 255 / 3%);
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	padding: 40px 32px;
	transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.pm-plan-card:hover {
	transform: translateY(-6px);
	border-color: rgb(255 255 255 / 18%);
	box-shadow: 0 25px 60px rgba(0,0,0,0.4);
}
/* Featured plan */
.pm-plan-featured {
	background: rgb(141 0 32 / 12%);
	border-color: rgb(141 0 32 / 55%);
}
.pm-plan-featured:hover {
	border-color: rgb(141 0 32 / 85%);
	box-shadow: 0 25px 60px rgba(141,0,32,0.35);
}
.pm-plan-badge {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: #8d0020;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 7px 18px;
	border-radius: 40px;
	white-space: nowrap;
}
.pm-plan-head {
	border-bottom: 1px solid rgb(255 255 255 / 8%);
	padding-bottom: 24px;
	margin-bottom: 24px;
}
.pm-plan-tag {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.55);
	margin-bottom: 12px;
}
.pm-plan-name {
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 16px;
}
.pm-plan-price {
	display: flex;
	align-items: baseline;
	gap: 6px;
}
.pm-plan-amount {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
}
.pm-plan-period {
	font-size: 15px;
	color: rgba(255,255,255,0.55);
}
.pm-plan-features {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	flex: 1 1 auto;
}
.pm-plan-features li {
	position: relative;
	padding: 0 0 0 28px;
	margin-bottom: 14px;
	font-size: 14.5px;
	line-height: 1.55;
	color: rgba(255,255,255,0.8);
}
.pm-plan-features li::before {
	content: "\f00c"; /* fa check */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 1px;
	font-size: 12px;
	color: #8d0020;
}
.pm-plan-featured .pm-plan-features li::before {
	color: #e23d5c;
}
.pm-plan-btn {
	margin-top: auto;
}
.pm-plan-note {
	text-align: center;
	font-size: 13.5px;
	margin-top: 40px;
	opacity: 0.8;
}

/* ---------- COACHING FORMATS ---------- */
.pm-format-card {
	height: 100%;
	background: rgb(255 255 255 / 3%);
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	padding: 40px 32px;
	transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.pm-format-card:hover {
	transform: translateY(-6px);
	border-color: rgb(255 255 255 / 18%);
	box-shadow: 0 25px 60px rgba(0,0,0,0.4);
}
.pm-format-icon {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: rgb(141 0 32 / 18%);
	color: #fff;
	font-size: 24px;
	margin-bottom: 24px;
}
.pm-format-title {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 14px;
}

/* ---------- HOW TO BOOK ---------- */
.pm-app-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}
.pm-app-btn {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 26px 16px 22px;
	border-radius: 14px;
	background: rgb(255 255 255 / 4%);
	border: 1px solid rgb(255 255 255 / 12%);
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.pm-app-btn:hover {
	background: #8d0020;
	border-color: #8d0020;
	transform: translateY(-3px);
}
.pm-app-btn i {
	font-size: 22px;
	opacity: 0.85;
}
.pm-app-btn span {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}
.pm-app-btn small {
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: 0.65;
}

.pm-steps {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.pm-step {
	display: flex;
	align-items: flex-start;
	gap: 26px;
	padding: 26px 0;
	border-bottom: 1px solid rgb(255 255 255 / 8%);
}
.pm-step:last-child {
	border-bottom: 0;
}
.pm-step-number {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: #ccc;
	min-width: 60px;
}
.pm-step-content h4 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 8px;
}
.pm-step-content p {
	font-size: 14.5px;
	line-height: 1.6;
	margin: 0;
}
/* 2 — Spinning logo spotlight: grayscale by default, full colour on hover */
.pm-logo-spotlight {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0;
}
.pm-logo-spotlight .logo-circle-animation {
	justify-content: center;
}
.pm-logo-spotlight .logo-circle-animation img {
	filter: grayscale(100%);
	transition: filter 0.45s ease;
}
.pm-logo-spotlight:hover .logo-circle-animation img {
	filter: grayscale(0%);
}

/* 3 — Coaching cards: stack full-width, one below another */
.pm-feature-grid.pm-feature-grid-stack {
	grid-template-columns: 1fr;
}

/* 4 — "Who We Train For": three across, stacks below 1024px */
.pm-feature-grid.pm-feature-grid-3 {
	grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
	.pm-feature-grid.pm-feature-grid-3 {
		grid-template-columns: 1fr;
	}
}

/* ---------- FINAL CTA BAND ---------- */
.pm-cta-band {
	background: rgb(255 255 255 / 5%);
	border: 1px solid var(--border-color);
	border-radius: 24px;
	padding: 70px 40px;
	text-align: center;
}
.pm-cta-actions {
	display: flex;
	gap: 24px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ===============================================================
   RESPONSIVE
=============================================================== */
@media (max-width: 991px) {
	.pm-plan-grid {
		grid-template-columns: 1fr;
		gap: 40px;
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
	}
	.pm-plan-featured {
		transform: none;
	}
}
@media (max-width: 767px) {
	.pm-plan-card,
	.pm-format-card {
		padding: 32px 24px;
	}
	.pm-app-btns {
		flex-direction: column;
	}
	.pm-app-btn {
		width: 100%;
	}
	.pm-step {
		gap: 18px;
	}
	.pm-step-number {
		font-size: 32px;
		min-width: 46px;
	}
	.pm-cta-band {
		padding: 50px 24px;
	}
}
@media (max-width: 575px) {
	.pm-sport-toggle { width: 100%; }
	.pm-sport-btn { flex: 1; padding: 12px 8px; font-size: 13px; }
}

















































/* page Content Style */
#content-wrap {
	position: relative;
	overflow: hidden;
}
#page-header {
	position: relative;
	z-index: 1;
}
#page-header:not(.ph-full) .scroll-down-circle {
	display: none;
}
#page-header.ph-cap-xxlg .ph-caption-title {
	font-size: clamp(48px, 10vw, 180px);
}
#page-header.ph-center {
	text-align: center;
}
#page-header.ph-center .ph-caption,
#page-header.ph-center .ph-caption-title,
#page-header.ph-center .ph-caption-subtitle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#page-header.ph-center .ph-caption-description,
#page-header.ph-center .ph-caption > p {
	margin-left: auto;
	margin-right: auto;
}
#page-header.ph-center:not(.ph-bg-image) .ph-image {
	right: 50%;
	transform: translate(50%, 0);
}
#page-header.ph-center .project-info-list .social-buttons {
	margin-left: 0;
}
#page-header:not(.ph-center):not(.ph-bg-image) .ph-caption-subtitle {
	color: #a7a7a7;
}
#page-header:not(.ph-image-cropped) .ph-video-wrap {
	position: relative;
	padding-bottom: 140%;
}
.ph-image-inner {
	position: relative;
	width: 100%;
}
[class*="ph-image-cover-"] .ph-image-inner::before {
	position: absolute;
	display: block;
	content: "";
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	background-color: #040404;
	z-index: 1;
	opacity: 0;
}
.ph-image-cover-2 .ph-image-inner::before { 
	opacity: .2; 
}
.ph-image-cover-4 .ph-image-inner::before { 
	opacity: .4; 
}
.ph-image-cover-6 .ph-image-inner::before { 
	opacity: .6; 
}
.page-header-inner,
body.ph-image-on.ph-bg-image-on #page-header:not(.project-info-list-on) .page-header-inner {
	width: 100%;
	padding-top: 13vw;
	padding-bottom: 7vw;
	z-index: 2;
}
body.ph-image-on #page-header:not(.project-info-list-on) .page-header-inner {
	padding-top: 16vw;
	padding-bottom: 13vw;
}
body:not(.yk-boxed) .page-header-inner, 
.page-header-inner:not(.yk-wrap) {
	padding-left: 13%;
	padding-right: 13%;
}
.ph-image {
	position: absolute;
	top: 160px;
	right: 18vw;
	width: clamp(340px, 18vw, 800px);
	z-index: 2;
	line-height: 0;
}
@media (max-width: 1920px) {
	.ph-image {
		width: 380px;
	}
}
#page-header.ph-bg-image .ph-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin: 0;
	transform: none;
	overflow: hidden;
	z-index: -1;
}
#page-header.ph-bg-image .ph-image-inner {
	width: 100%;
	height: 100%;
}
#page-header:not(.ph-bg-image).ph-image-cropped .ph-image-inner {
	position: relative;
	padding-bottom: 130%;
}
#page-header:not(.ph-bg-image).ph-image-cropped .ph-image-inner img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
/* Caption size sm */
#page-header.ph-cap-sm .ph-caption-title {
	font-size: clamp(40px, 4vw, 68px);
}
#page-header.ph-cap-sm .ph-caption-title-ghost {
	padding-top: 3%;
	font-size: calc(16px + 8vw);
}
#page-header.ph-bg-image .ph-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.ph-caption {
	position: relative;
}
.ph-caption-title {
	position: relative;
	margin: 0;
	font-size: clamp(40px, 5vw, 94px);
	font-weight: bold;
	font-weight: 500;
	color: #FFF;
	line-height: 1.3;
	z-index: 9;
}
.ph-caption-title-ghost {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	bottom: 0;
	left: -6%;
	padding-top: 8%;
	font-size: calc(16px + 9vw);
	font-weight: bold;
	font-weight: 600;
	color: #FFF;
	white-space: nowrap;
	line-height: 1;
	opacity: .04;
	z-index: 1;
}
.ph-caption-subtitle {
	position: relative;
	margin-top: 40px;
	font-size: calc(15px + 0.5vw);
	font-weight: 600;
	color: #e4e4e4;
	z-index: 9;
}
.ph-caption > p {
	position: relative;
	max-width: 900px;
	z-index: 9;
}
.ph-caption .ph-caption-title + p,
.ph-caption .ph-caption-title-ghost + p,
.ph-caption .ph-caption-subtitle + p {
	margin-top: 50px;
}
.ph-caption > p:last-child {
	margin-bottom: 0;
}
#page-header.ph-center .ph-caption > p {
	margin-left: auto;
	margin-right: auto;
}
#page-header.ph-cap-xxlg .ph-caption-title-ghost {
	padding-top: 5%;
	font-size: calc(16px + 13vw);
}
#page-header.ph-center .ph-caption-title-ghost {
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}
.scroll-down-circle {
	position: absolute;
	display: block;
	left: 3%;
	bottom: -100px;
	width: 250px;
	height: 250px;
	z-index: 9;
}
.scroll-down-circle .sdc-icon {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	font-size: 16px;
	color: #999;
	transform: translate(-50%, -50%);
}
#page-header.ph-bg-image .scroll-down-circle .sdc-icon {
	color: #FFF;
}
.scroll-down-circle svg { 
	width: 100%; 
	animation: sdc-rotation 8s infinite linear;
}
.scroll-down-circle rect { 
	fill: #FFF; 
}
.scroll-down-circle text { 
	font-size: 33px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 25px;
	fill: #BBB;
	transition: fill .2s;
}
.scroll-down-circle:hover text { 
	fill: #FFF; 
}
#page-header.ph-bg-image .scroll-down-circle text {
}

@keyframes sdc-rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}
.made-with-love {
	position: absolute;
	display: none;
	right: 3.5%;
	bottom: 50px;
	font-size: 14px;
	color: #FFF;
	opacity: .5;
	z-index: 9;
}
#page-header.ph-full .made-with-love,
#page-header.ph-bg-image .made-with-love {
	display: block;
}
.mwl-inner {
	display: flex;
	align-items: center;
	transform: rotate(-90deg);
	transform-origin: 50% -70%;
}
.mwl-text {
	display: inline-block;
}
.mwl-icon {
	display: inline-block;
	margin-left: 8px;
	animation: animateHeart 2.5s infinite;
}
@keyframes animateHeart {
	0% { transform: scale(1); }
	5% { transform: scale(1.1); }
	10% { transform: scale(1); }
	15% { transform: scale(1.2); }
	50% { transform: scale(1); }
	100% { transform: scale(1); }
}

/* YK Section Style */
.yk-section {
	position: relative;
	padding: 80px 0;
}
.yk-section-inner {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}

.yk-heading {
	margin-bottom: 40px;
}
.yk-heading-subtitle {
	margin: 0 0 20px 0;
	font-size: calc(19px + 0.1vw);
	font-weight: bold;
	font-weight: normal;
	color: #FFF;
}
.yk-heading-title {
	margin: 0;
	font-size: calc(24px + 1vw);
	font-weight: bold;
	font-weight: 500;
	color: #FFF;
}
.yk-heading-title + .yk-heading-subtitle {
	margin: 20px 0 0 0;
}
.yk-heading > p:first-child {
	margin-bottom: 0;
}
.yk-heading-title + p,
.yk-heading-subtitle + p {
	margin-top: 50px;
}
.yk-heading > p:last-child {
	margin-bottom: 0;
}
.yk-heading.yk-heading-lg .yk-heading-subtitle {
	font-size: calc(16px + 0.3vw);
	font-weight: bold;
	font-weight: 500;
}
.yk-heading.yk-heading-lg .yk-heading-title {
	font-size: calc(28px + 2vw);
	line-height: 1.3;
}
.yk-heading.yk-heading-xsm .yk-heading-title {
	font-size: calc(24px + 0.1vw);
	font-weight: bold;
	font-weight: 600;
}
.yk-heading.yk-heading-xsm .yk-heading-subtitle {
	font-size: calc(13px + 0.1vw);
}
.yk-heading.yk-heading-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.yk-contact-info {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 17px;
}
.yk-contact-info > li {
	padding: 3px 0;
}
.yk-ci-icon {
	display: inline-block;
	margin-right: 10px;
	font-size: 80%;
}
.yk-contact-info a {
	display: inline;
	transition: color 0.2s;
}
.yk-contact-info a:hover {
	color: #FFF;
}
.yk-contact-info .social-buttons {
	display: inline-block;
	margin-top: 15px;
	margin-left: -13px;
}
.social-buttons {
}
.social-buttons ul {
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-buttons ul > li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin: 0 2px;
}
.social-buttons ul > li:first-child {
	margin-left: 0;
}
.social-buttons ul > li:last-child {
	margin-right: 0;
}
.social-buttons > ul > li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 15px;
	font-weight: 600;
	color: #eaeaea;
	transition: opacity 0.2s;
}
body:not(.yk-magic-cursor) .social-buttons > ul:hover > li a {
	opacity: .5;
}
body:not(.yk-magic-cursor) .social-buttons > ul > li a:hover {
	opacity: 1;
}
.yk-page-nav {
	position: relative;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.yk-pn-link {
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none;
	overflow: hidden;
}
.yk-pn-title {
	position: relative;
	display: block;
	left: 50%;
	font-size: clamp(42px, 6vw, 110px);
	font-weight: bold;
	font-weight: 500;
	color: #FFF;
	line-height: 1.6;
	opacity: .4;
	white-space: nowrap;
	transform: translate3d(-50%, 0, 0);
	transition: transform .6s cubic-bezier(0.51, 0.57, 0.17, 1);
	overflow: hidden;
	text-overflow: ellipsis;
} 
.yk-pn-hover-title {
	position: absolute;
	left: 50%;
	font-size: clamp(36px, 6vw, 110px);
	font-weight: bold;
	font-weight: 500;
	color: #FFF;
	line-height: 1.6;
	white-space: nowrap;
	transform: translate3d(-50%, 100%, 0);
	transition: transform .6s cubic-bezier(0.51, 0.57, 0.17, 1);
}
.yk-pn-hover-title span::after {
	position: absolute;
	display: block;
	content: "";
	right: 1.9vw;
	top: 56%;
	width: .8vw;
	height: .8vw;
	background-color: #FFF;
	border-radius: 100px;
	transform: translate3d(0, -50%, 0);
}
.yk-pn-subtitle {
	margin-top: 20px;
	font-size: calc(16px + 0.1vw);
	color: #FFF;
}
.yk-page-nav .yk-pn-image {
	display: none;
}
.yk-pn-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.yk-pn-image::before {
	position: absolute;
	display: block;
	content: "";
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: #040404;
	opacity: .1;
}
.yk-pn-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#magic-cursor.yk-pn-hover-on {
	z-index: -1;
}
#magic-cursor.yk-pn-hover-on #ball {
	overflow: hidden;
	border: none !important;
}


/* Shopping Page Style ---------------------- */

#shop-grid {
	position: relative;
}
.yk-grid {
	position: relative;
}
.yk-grid::after {
	content: "";
	display: table;
	clear: both;
}
.yk-grid.ykgr-gap-2,
.yk-grid.ykgr-gap-2 .yk-grid-top {
	margin-left: 1vw;
	margin-right: 1vw;
}
body.yk-boxed .yk-wrap .yk-grid.ykgr-gap-2 {
	margin-left: -1vw;
	margin-right: -1vw;
}
body:not(.yk-boxed) .yk-section-inner.yk-wrap .yk-grid.ykgr-gap-2 .yk-grid-top,
.yk-section-inner:not(.yk-wrap) .yk-grid.ykgr-gap-2 .yk-grid-top {
	padding-left: 1.5vw;
	padding-right: 1.5vw;
}
.yk-grid.ykgr-gap-2 .ykgr-item-inner {
	margin: 0 1vw 2vw 1vw;
}
.yk-grid-top {
	position: relative;
	padding-bottom: 40px;
	text-align: right;
}
body:not(.yk-boxed) .yk-section-inner.yk-wrap .yk-grid:not([class*="ykgr-gap-"]) .yk-grid-top,
.yk-section-inner:not(.yk-wrap) .yk-grid:not([class*="ykgr-gap-"]) .yk-grid-top {
	padding-left: 3vw;
	padding-right: 3vw;
}
.shop-grid-header {
	position: relative;
}
body.yk-boxed .yk-wrap .shop-grid-header {
	margin-left: 15px;
	margin-right: 15px;
}
.shop-grid-count {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 100%;
	font-size: 16px;
	color: #999;
	align-items: center;
}
.shop-grid-toolbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.shg-toolbox-item {
	font-size: 16px;
	margin-right: 25px;
	color: #999;
}
.shg-toolbox-item:last-child {
	margin-right: 0;
}
.shg-toolbox-item .yk-form-control {
	font-size: 16px;
	color: #999;
}
.shg-toolbox-item .yk-form-control:not(textarea):not([sixe]) {
	height: 40px;
}
form.shop-grid-per-page .yk-form-group {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin: 0;
}
form.shop-grid-per-page .yk-form-group label {
	margin-right: 15px;
}
form.shop-grid-ordering select.yk-form-control {
	max-width: 260px;
}
form.shop-grid-ordering label.sgpp-mobile-label {
	display: none;
}
form.shop-grid-ordering .yk-form-group {
	margin: 0;
	padding: 0;
}
.yk-grid-items-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.yk-grid-item {
	position: relative;
	float: left;
	width: 100%;
}
.ykgr-item-inner {
	position: relative;
}
.yk-product {
	position: relative;
}
.yk-product-image-holder {
	position: relative;
	overflow: hidden;
}
.yk-product-image-wrap {
	display: block;
}
.yk-product-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.yk-product-image {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	z-index: 1;
}
.yk-product-hover-image {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.yk-product-hover-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.yk-product-image-holder:hover .yk-product-image {
	opacity: 0;
	visibility: hidden;
}
.yk-product-image-holder:hover .yk-product-hover-image {
	opacity: 1;
	visibility: visible;
}
.ykp-fixed-height .yk-product-image-wrap {
	padding-bottom: 100%;
}
.ykp-fixed-height .yk-product-image,
.ykp-fixed-height .yk-product-image .anim-zoomin-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.yk-product-out-of-stock {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgb(0 0 0 / 80%);
	text-align: center;
	padding: 15px 5px;
	font-size: 16px;
	color: #fff;
	z-index: 2;
}
















/* Shop Wishlist Style --------------------------------------- */

#shop-wishlist {
	position: relative;
}

/* Shop Wishlist Empty */
.shop-wishlist-empty {
	text-align: center;
	background-color: rgb(129 129 129 / 5%);
	padding: 5%;
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px solid rgb(120 120 120 / 20%);
}
.shop-wishlist-empty-icon {
	font-size: clamp(68px, 6vw, 100px);
	opacity: .5;
}
.shop-wishlist-empty-text {
	font-size: 19px;
}
.shop-wishlist-empty-button {
	margin-top: 30px;
}

/* Shop wishlist table 
======================= */
table.shop-wishlist-table {
	position: relative;
}
tbody.shop-wishlist-table-body {
}

/* Item remove button */
td.swti-product-remove {
	text-align: center;
}
td.swti-product-remove a:hover {
	opacity: .8;
}

/* Product thumbnail */
td.swti-product-thumb {
	text-align: center;
}
td.swti-product-thumb a {
	display: inline-block;
	width: 80px;
	height: auto;
	background-color: #363636;
	line-height: 0;
}
td.swti-product-thumb a:hover {
	opacity: .8;
}

/* Product title */
td.swti-product-title {
	font-weight: bold;
	font-weight: 500;
	line-height: 1.3;
}
td.swti-product-title a:hover {
	opacity: .8;
}

/* Product price */
td.swti-price {
}
.swti-price-sale {
}
.swti-current-price {
	text-decoration: none;
}
.swti-old-price {
	text-decoration: line-through;
	color: #888;
}

/* Product stock status */
td.swti-stock-status {
}
.swti-in-stock {
}
.swti-out-of-stock {
}

/* Product action */
td.swti-action {
	text-align: center;
}

/* Shop product carousel ------------ */

.yk-product-carousel {
	position: relative;
}
.yk-product-carousel .yk-product-title {
	font-size: 18px;
}
.yk-prc-heading {
	font-size: clamp(28px, 2vw, 34px);
	margin: 0 0 50px 0;
}
.yk-product {
	position: relative;
}
.yk-product-image {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.yk-product-image-holder:hover .yk-product-image {
	opacity: 0;
	visibility: hidden;
}
.yk-product-image-holder:hover .yk-product-hover-image {
	opacity: 1;
	visibility: visible;
}
.ykp-fixed-height .yk-product-image,
.ykp-fixed-height .yk-product-image .anim-zoomin-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.yk-product-hover-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.yk-product-hover-image:hover .yk-product-image {
	opacity: 1;
	visibility: visible;
}
.yk-product-badges {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 2;
}
.pr-badge {
	font-size: 14px;
	padding: 5px;
	margin-bottom: 5px;
	color: #fff;
	line-height: 1;
	background-color: #323232;
}
.pr-badge.pr-sale-badge {
	background-color: #519506;
}
.pr-badge.pr-new-badge {
	background-color: #1c5376;
}
.pr-badge.pr-hot-badge {
	background-color: #950606;
}
.yk-product-additional-buttons {
	position: absolute;
	display: block;
	top: 15px;
	right: 12px;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all .3s ease-in-out;
	transform: translate3d(10px, 0, 0);
}
.yk-product:hover .yk-product-additional-buttons {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
.yk-product-additional-buttons .yk-pab-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #0a0a0a;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
	line-height: 1;
	pointer-events: initial;
	border-radius: 100px;
	transition: background-color .2s ease-in-out;
}
.yk-product-additional-buttons .yk-pab-btn:hover {
	background-color: #4c2122;
}
.yk-pr-addit-btn-wrap.active .yk-add-to-wishlist-btn,
.yk-pr-addit-btn-wrap:not(.active) .yk-add-to-wishlist-btn-active,
.yk-pr-addit-btn-wrap.active .yk-add-to-compare-btn,
.yk-pr-addit-btn-wrap:not(.active) .yk-add-to-compare-btn-active {
	display: none;
}
.yk-product-info {
	position: relative;
	width: 100%;
	padding-top: 15px;
}
.yk-product-title {
	margin: 0 0 15px 0;
	font-size: 21px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.yk-sidebar-on .yk-product-title {
	font-size: 18px;
}
.yk-product-title a {
}
.yk-product-title a:hover {
	opacity: .8;
}
.yk-product-info .yk-product-rating {
	margin: 0 0 15px 0;
}
.yk-product-info .yk-product-rating-stars {
	font-size: 13px;
	color: #999;
}
.yk-product-info .yk-product-rating-stars .far {
	color: #999;
}
.yk-product-rating-stars {
	font-size: 13px;
	color: #ededed;
}
.yk-product-rating-stars .far {
	color: #706f6c;
}
.yk-pi-price-btn-wrap {
	position: relative;
	font-size: 16px;
	line-height: 1.4;
	overflow: hidden;
}
.yk-product-price {
	transform: translate3d(0, 0, 0);
	transition: all .2s ease-in-out;
}
.yk-product:hover .yk-product-price {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, -10px, 0);
}
.yk-product-price .pp-current-price {
	text-decoration: none;
}
.yk-product-price .pp-old-price {
	text-decoration: line-through;
	color: #999;
}
.yk-product-buttons {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	padding-bottom: 3px;
	font-size: 14px;
	transform: translate3d(0, 10px, 0);
	transition: all .2s ease-in-out;
}
.yk-product:hover .yk-product-buttons {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
.yk-product-btn {
	position: relative;
	padding-bottom: 3px;
	line-height: 1;
}
.yk-product-btn::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: #FFF;
	transition: width .3s ease-in-out;
	transition-delay: 0.1s;
}
.yk-product:hover .yk-product-btn::after {
	width: 100%;
}
.yk-product-adc-btn,
.yk-product-sel-opt-btn {
 	padding-left: 20px;
}
.yk-product-adc-btn span::before,
.yk-product-adc-btn span::after,
.yk-product-sel-opt-btn span::before {
	position: absolute;
	top: 3px;
	left: 0;

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.yk-product-adc-btn span::before { /* "Add to cart" icon */
	content: "\f07a";
}
.yk-product-adc-btn span::after { /* Loading spinner (disabled by default) */
	content: "\f110";
	display: none;
	opacity: .8;
}
.yk-product-adc-btn.loading span::before {
	display: none;
}
.yk-product-adc-btn.loading span::after {
	display: inline-block;
	animation: adc-btn-spin 1s infinite linear;
}
@keyframes adc-btn-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.yk-product-sel-opt-btn span::before { /* "Select options" icon */
	content: "\f06e";
}
.yk-product-price .pp-current-price {
	text-decoration: none;
}
.yk-product-price .pp-old-price {
	text-decoration: line-through;
	color: #999;
}

.yk-prc-nav-prev,
.yk-prc-nav-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
}
.yk-prc-nav-prev {
	left: 0;
}
.yk-prc-arrow {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	outline: none;
}
.yk-prc-arrow-prev::after,
.yk-prc-arrow-next::after {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	line-height: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.yk-prc-arrow-prev::after {
	content: "\f053";
}
.yk-prc-arrow-next::after {
	content: "\f054";
}
.yk-prc-nav-next {
	right: 0;
}
.yk-prc-arrow.yk-prc-arrow-disabled {
	opacity: .2;
	pointer-events: none;
}
.yk-product-carousel .swiper-button-lock {
	display: none;
}

/* Login Page Style */
.slr-box {
	position: relative;
	padding: 5%;
	margin-bottom: 30px;
	border-radius: 5px;
	border: 1px solid rgb(120 120 120 / 20%);
}
.slr-heading {
	font-size: 28px;
	margin: 0 0 20px 0;
}
.yk-login-form,
.yk-register-form,
.yk-reset-password-form,
.yk-reset-password-form-link {
	padding-top: 30px;
}
.shop-login-box,
.shop-register-box,
.shop-reset-password-box {
	background-color: rgb(129 129 129 / 10%);
}
.shop-goto-login-box,
.shop-goto-register-box {
	background-color: rgb(129 129 129 / 5%);
}

/* Shop Cart Page Style */
.shop-cart-empty {
	text-align: center;
	padding: 5%;
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px solid rgb(120 120 120 / 20%);
	background-color: rgb(129 129 129 / 5%);
}
.shop-cart-empty-icon {
	font-size: clamp(68px, 6vw, 100px);
	opacity: .5;
}
.shop-cart-empty-text {
	font-size: 19px;
}
.shop-cart-empty-button {
	margin-bottom: 30px;
}

#shop-cart-list {
	position: relative;
}
.shop-cart-form {
	
}

/* Shop Cart Table */
table.shop-cart-table {
}
tbody.shop-cart-table-body {
	position: relative;
}
td.cti-product-remove {
	text-align: center;
}
td.cti-product-remove a:hover {
	opacity: .8;
}

td.cti-product-thumb {
	text-align: center;
}
td.cti-product-thumb a {
	display: inline-block;
	width: 80px;
	height: auto;
	background-color: #363636;
	line-height: 0;
}
td.cti-product-thumb a:hover {
	opacity: .8;
}
td.cti-product-title {
	font-weight: bold;
	font-weight: 500;
	line-height: 1.3;
}
td.cti-product-title a:hover {
	opacity: .8;
}
.cti-product-variations {
	margin: 5px 0 0 0;
	font-weight: normal;
	font-weight: 300;
	font-size: 14px;
	color: #ccc;
	line-height: 1.2;
}
.ctip-variation {
}
/* Product quantity */
.qtybutton.inc,
.qtybutton.dec {
	position: absolute;
	right: 0;
	width: 40px;
	height: 50%;
	line-height: 25px;
	background-color: #404040;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	user-select: none;
	z-index: 2;
}
.qtybutton.inc {
	top: 0;
}
.qtybutton.dec {
	bottom: 0;
}
.qtybutton.inc:hover,
.qtybutton.dec:hover {
	background-color: #4c4c4c;
}
table.shop-cart-table .single-product-quantity {
	width: 100px;
	height: 34px;
}
table.shop-cart-table input.cart-plus-minus-box {
	text-align: center;
	font-size: 14px;
	transform: none;
}
table.shop-cart-table .qtybutton.inc, 
table.shop-cart-table .qtybutton.dec {
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	line-height: 35px;
}
table.shop-cart-table .qtybutton.inc {
	right: 0;
} 
table.shop-cart-table .qtybutton.dec {
	left: 0;
	right: auto;
}
td.cti-subtotal bdi {
	font-weight: bold;
	font-weight: 600;
}

.single-product-quantity {
	position: relative;
	max-width: 95px;
	height: 50px;
	overflow: hidden;
	border-radius: 3px;
}
.shop-cart-box {
	padding: 5%;
	margin-bottom: 20px;
	background-color: rgba(129 129 129 / 12%);
	border-radius: 5px;
	border: 1px solid rgb(120 120 120 / 20%);
}
.shop-cart-box-heading {
	font-size: 28px;
	margin: 0 0 25px 0;
}
.shop-cart-total {
	
}
.sc-totals-total bdi {
	font-size: 24px;
	font-weight: 600;
	color: #2ca904;
}
table.shop-cart-total-table {
	margin-bottom: 30px;
}
table.shop-cart-total-table tr {
	border-bottom: 1px dashed rgb(120 120 120 / 25%);
}
table.shop-cart-total-table td {
	text-align: right;
}

table.shop-cart-total-table th, 
table.shop-cart-total-table td  {
	padding: 8px 5px;
	font-size: 16px;
	vertical-align: middle;
}
.shop-cart-discount {
}

/* Shop Checkout Style */
.shop-checkout-form {
	position: relative;
}
.shop-checkout-box {
	padding: 5%;
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px solid rgb(120 120 120 / 20%);
}
.shop-checkout-box-heading {
	font-size: 28px;
	margin: 0 0 25px 0;
}
.shop-payment-methods {
	background-color: rgb(129 129 129 / 12%);
}
ul.shop-payment-methods-list {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}
ul.shop-payment-methods-list > li {
	margin-bottom: 5px;
}
.shop-payment-methods-list .yk-form-radio label img,
.shop-payment-methods-list .yk-form-check label img {
	max-height: 32px;
	margin-bottom: -8px;
}
.shop-billing-details {
	background-color: rgb(129 129 129 / 5%);
	margin-bottom: 40px;
}
.shop-additional-info {
	background-color: rgb(129 129 129 / 5%);
	margin-bottom: 40px;
}
.shop-additional-info-heading {
	margin: 0 0 25px 0;
	font-size: 28px;
}
.shop-order-review {
	background-color: rgb(129 129 129 / 12%);
	margin-bottom: 20px;
}
table.shop-order-review-table {
	margin: 0;
}
table.shop-order-review-table th {
	font-weight: 600;
}
table.shop-order-review-table thead {
	border-bottom: 2px solid rgb(120 120 120 / 25%);
}
th.sor-table-head-subtotal {
	text-align: right;
}
table.shop-order-review-table th, 
table.shop-order-review-table td {
	padding: 10px 5px;
	font-size: 16px;
	vertical-align: middle;
}
tr.sor-cart-item {
	border-bottom: 1px dashed rgb(120 120 120 / 30%);
}
tr.sor-cart-item:first-child .sor-product-wrap {
	padding-top: 20px;
}
tr.sor-cart-item:last-child .sor-product-wrap {
	padding-bottom: 20px;
}
.sor-product {
}
td.sor-product-thumb {
	text-align: left;
}
td.sor-product-thumb a {
	display: inline-block;
	width: 60px;
	height: auto;
	background-color: #363636;
	line-height: 0;
}
.sor-product-title {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3;
}
.sor-product-quantity  {
	display: inline;
	font-weight: bold;
	font-weight: 600;
	white-space: nowrap;
}
.sor-product-variations {
	margin: 5px 0 0 0;
}
.sorp-variation {
	font-weight: normal;
	font-weight: 300;
	font-size: 13px;
	color: #ccc;
	line-height: 1.2;
}
td.sor-product-subtotal {
	text-align: right;
}
table.shop-order-review-table tfoot {
	border-top: 2px solid rgb(120 120 120 / 25%);
}
table.shop-order-review-table tfoot td {
	text-align: right;
}
table.shop-order-review-table tfoot tr {
	line-height: 1.3;
	border-bottom: 1px dashed rgb(120 120 120 / 30%);
}
table.shop-order-review-table tfoot tr:first-child,
table.shop-order-review-table tfoot tr:last-child {
	border-bottom: none;
}
tr.sor-table-foot-total bdi {
	font-size: 21px;
	font-size: bold;
	font-weight: 600;
	color: #2ca904;
}

/* Accordion Style */

.yk-accordion {
	position: relative;
}
.yk-accordion-item {
	position: relative;
}
.yk-accordion-heading {
	position: relative;
	padding: 20px 13% 20px 0;
	cursor: pointer;
}
.yk-accordion-item:first-child .yk-accordion-heading {
	padding-top: 0;
}
.yk-ac-head-title {
	margin: 0;
	font-size: 32px;
	line-height: 1.2;
}
.yk-accordion-subtext {
	margin-top: 10px;
	font-size: 19px;
	font-weight: normal;
	color: #999;
}
.yk-accordion-caret-wrap {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate3d(0, -50%, 0);
}
.yk-accordion-caret {
	position: relative;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 21px;
	color: #FFF;
	cursor: pointer;
	z-index: 2;
	opacity: .3;
	transition: opacity 0.3s;
}
.yk-accordion-item:not(.active) .yk-accordion-heading:hover .yk-accordion-caret,
.yk-accordion-caret:hover {
	opacity: 1;
}
.yk-accordion-caret::before,
.yk-accordion-caret::after {
	position: absolute;
	display: block;
	content: "";
	background-color: #FFF;
}
.yk-accordion-caret::before {
	width: 3px;
	height: 100%;
	transition: height 0.3s;
}
.yk-accordion-caret::after {
	width: 100%;
	height: 3px;
}
.yk-accordion-item.active .yk-accordion-caret::before {
	height: 0;
}
.yk-accordion-content {
	padding-bottom: 40px;
	color: #e0e0e0;
}
.yk-accordion-content:not(.is-open) {
	display: none;
}
.yk-accordion-content p:last-child {
	margin-bottom: 0;
}
.yk-accordion.yk-ac-borders .yk-accordion-heading {
	padding-top: 30px;
	padding-bottom: 30px;
}
.yk-accordion.yk-ac-borders .yk-accordion-item:last-child {
	border-bottom: 1px solid rgb(125 125 125 / 40%);
}
.yk-accordion.yk-ac-lg .yk-ac-head-title {
	font-size: calc(18px + 1vw);
}

/* Coupon Code Field in checkout Style */
.coupon-container {
    background-color: rgb(129 129 129 / 12%);
	margin-bottom: 20px;
}
.coupon-checkout-box {
	padding: 5%;
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px solid rgb(120 120 120 / 20%);
}
.coupon-checkout-box-header {
    font-size: 28px;
	margin: 0 0 25px 0;
}
.coupon-list-box {
	border: 1px dashed rgb(120 120 120 / 30%);
	padding: 3%;
}
.coupon-list-box h4 {
	font-size: 16px;
	font-weight: 600;
	padding: 0px;
	margin-top: 0;
	vertical-align: middle;
}
.coupon-list {
	padding: 0;
	margin-top: 10px;
	list-style: none;
	margin: 0;
}
.coupon-list > li {
	font-size: 14px;
	padding-bottom: 0;
	margin-bottom: 0;
	cursor: pointer;
	list-style: none;
}
.coupon-list .voucher-list-item {
	position: relative;
	margin: 10px 0;
	padding-left: 35px;
}
.coupon-list .voucher-list-item .yk-form-radio {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	cursor: pointer
}

/* Shop Order review Style */
.shop-thankyou-order-review {
	margin-bottom: 30px;
}
.shop-thankyou-order-review ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.shop-thankyou-order-review ul li {
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	border-right: 1px dotted rgb(120 120 120 / 70%);
}
.shop-thankyou-order-review ul li:last-child {
	margin-right: none;
	padding-right: none;
	border: none;
}
.stor-item {
	font-size: 16px;
}
.stor-item-heading {
}
.stor-item-cont {
	color: #CCC;
}

/* Shop Order details style */
.shop-order-details {
	position: relative;
	background-color: rgb(129 129 129 / 12%);
	margin-bottom: 20px;
	padding: 4%;
	border-radius: 5px;
	border: 1px solid rgb(120 120 120 / 20%);
}
.shop-order-details-heading {
	margin: 0 0 30px 0;
	font-size: 32px;
}
table.shop-order-details-table {
	margin: 0;
}
table.shop-order-details-table th,
table.shop-order-details-table td {
	padding: 20px 5px;
}
table.shop-order-details-table td:nth-child(2) {
	max-width: 50%;
	width: 50%;
}

table.shop-order-details-table th {
	font-weight: 600;
}
table.shop-order-details-table thead {
	font-size: 19px;
	border-bottom: 2px solid rgb(120 120 120 / 25%);
}
table.shop-order-details-table thead th {
	font-size: 19px;
}
table.shop-order-details-table tr th:last-child,
table.shop-order-details-table tr td:last-child {
	text-align: right;
}
table.shop-order-details-table tbody tr {
	border-bottom: 1px dashed rgb(120 120 120 / 30%);
}
td.sod-product-thumb {
	text-align: left;
}
td.sod-product-thumb a {
	display: inline-block;
	width: 80px;
	height: auto;
	background-color: #363636;
	line-height: 0;
}
.sod-product {
}
.sod-product-title {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3;
}
.sod-product-title:hover {
	opacity: .8;
}
.sod-product-quantity  {
	display: inline;
	font-weight: bold;
	font-weight: 600;
	white-space: nowrap;
}
.sod-product-variations {
	margin: 5px 0 0 0;
}
.sodp-variation {
	font-weight: normal;
	font-weight: 300;
	font-size: 13px;
	color: #ccc;
	line-height: 1.2;
}
table.shop-order-details-table tfoot {
	border-top: 2px solid rgb(120 120 120 / 25%);
}
table.shop-order-details-table tfoot td {
	text-align: right;
}
table.shop-order-details-table tfoot tr {
	border-bottom: 1px dashed rgb(120 120 120 / 30%);
}
table.shop-order-details-table tfoot tr:first-child,
table.shop-order-details-table tfoot tr:last-child {
	border-bottom: none;
}
tr.sod-table-foot-total bdi {
	font-size: 21px;
	font-size: bold;
	font-weight: 600;
	color: #2ca904;
}

/* Pagination Style */
.yk-pagination {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 40px;
	padding: 40px 3%;
}
body.yk-boxed .yk-wrap .yk-pagination {
	padding-left: 0;
	padding-right: 0;
}
.yk-pagin-numbers {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.yk-pagin-item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	line-height: 1;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	opacity: .4;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.yk-pagin-item:hover,
.yk-pagin-item.active {
	opacity: 1;
}
.yk-pagin-prev {
	margin-right: 3%;
}
.yk-pagin-next {
	margin-left: 3%;
}
.yk-pagination.yk-pagin-center {
	text-align: center;
	justify-content: space-between;
}

/* Filter Slider Style --------------- */
.yk-sliding-sidebar-wrap {
	position: relative;
	z-index: 9999;
}
body.yk-sliding-sidebar-open {
	overflow-y: hidden !important;
}
body.yk-sliding-sidebar-open .scrollbar-track {
	display: none !important;
}
.yk-sliding-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 400px;
	height: 100vh;
	background-color: #1b1b1b;
	padding-top: 60px;
	overflow: hidden;
	transform: translate3d(-100%, 0, 0);
	transition: transform 0.4s ease-in-out;
	z-index: 2;
}
body.yk-sliding-sidebar-open .yk-sliding-sidebar {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
.yk-sliding-sidebar-inner {
	padding: 0 6% 10% 6%;
	height: 100%;
	overflow-y: auto;
}
body.is-mobile .yk-sliding-sidebar-inner {
	padding-bottom: 100px;
}
.shop-filter-form {
	
}
.sidebar-widget {
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.sidebar-widget.shop-filter-widget {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sidebar-widget.shop-filter-widget .sidebar-heading {
	padding-right: 30px;
}
.sidebar-heading {
	position: relative;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 40px;
	
}
.sidebar-heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 35px;
	height: 2px;
	background-color: #555;
}
.shop-fw-caret {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 14px;
	color: #fff;
	opacity: .5;
	cursor: pointer;
}
.shop-fw-caret:hover {
	opacity: 1;
}
.shop-fw-caret:before {
	content: "\f077";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smooting: antialiased;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}
.shop-filter-widget.hidden .shop-fw-caret:before {
	transform: rotate(180deg);
}
.shop-filter-widget-content {
	min-height: 1px;
}
.shop-fwc-inner {
	width: 100%;
	max-height: 220px;
	overflow-y: auto;
	margin-bottom: 50px;
	padding-bottom: 1px;
}
.shop-fw-price-range {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	color: #999;
}
.shop-fw-price-range .yk-form-control {
	font-size: 17px !important;
	height: 40px !important;
	padding-left: 18px !important;
	color: #999 !important;
}
.shop-fw-price-box {
	position: relative;
	width: 100%;
}
.shop-fw-price-box-currency {
	position: absolute;
	font-size: 17px;
	top: 6px;
	left: 7px;
	color: #999;
}
.shop-fw-price-range-separator {
	margin: 0 8px;
}
.shop-fw-price-box input::-webkit-outer-spin-button,
.shop-fw-price-box input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.shop-fw-price-box input[type=number] {
	-moz-appearance: textfield;
}
.yk-sliding-sidebar-trigger {
	position: fixed;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 40px;
	height: 100vh;
	font-size: 20px;
	line-height: 1;
	color: #808080;
	background-color: #1b1b1b;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s, width 0.3s;
}
.yk-sliding-sidebar-trigger .yk-ss-icon-close {
	display: none;
}
.yk-sliding-sidebar-close {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 /75%);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	z-index: 1;
}
body.yk-sliding-sidebar-open .yk-sliding-sidebar-close {
	opacity: 1;
	visibility: visible;
}
.yk-sliding-sidebar-close-btn {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 20px;
	right: 25px;
	width: 30px;
	height: 30px;
	background-color: #333;
	font-size: 16px;
	cursor: pointer;
	border-radius: 50px;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}
.yk-sliding-sidebar-close-btn:hover {
	transform: rotate(90deg);
}
.shop-filter-widget .yk-form-radio > label,
.shop-filter-widget .yk-form-check > label {
	font-size: 16px;
	width: 100%;
	font-weight: normal;
	color: #b1b1b1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* product Single Page Style */
.single-product-slider-wrap {
	position: relative;
	z-index: 1;
}
.single-product-slider {
	position: relative;
	width: 100%;
	height: 100%;
}
.sps-image {
	display: block;
	line-height: 0;
}
.sps-image > img {
	width: 100%;
	height: auto;
}
.sps-nav-prev,
.sps-nav-next {
	position: absolute;
	top: 50%;
	z-index: 20;
	transform: translateY(-50%);
	background-color: rgb(0 0 0 / 70%);
}
.sps-nav-prev {
	left: 0;
}
.sps-nav-next {
	right: 0;
}
.sps-arrow {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	outline: none;
}
.sps-arrow-prev::after,
.sps-arrow-next::after {
	line-height: 0;

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.sps-arrow-prev::after {
	content: "\f053";
}
.sps-arrow-next::after {
	content: "\f054";
}
.sps-arrow.sps-arrow-disabled {
	display: none;
}
.single-product-slider-thumbs {
	position: relative;
	height: 20%;
	padding: 15px 0;
}
.single-product-slider-thumbs .sps-thumb {
	position: relative;
	height: auto;
	cursor: pointer;
	opacity: .4;
	transition: 0.2s ease-in-out;
}
.single-product-slider-thumbs .sps-thumb::before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 100%;
}
.single-product-slider-thumbs .sps-thumb:hover {
	opacity: 1;
}
.single-product-slider-thumbs .swiper-slide-thumb-active .sps-thumb {
	opacity: 1;
}
.single-product-slider-thumbs .sps-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.single-product-slider-thumbs .sps-arrow {
	width: 40px;
	height: 40px;
}
.single-product-badges {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 2;
}
.sp-badge {
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #323232;
}
.sp-badge.sp-sale-badge {
	background-color: #519506;
}
.sp-badge.sp-new-badge {
	background-color: #111;
}
.sp-badge.sp-hot-badge {
	background-color: #950606;
}
.single-product-summary {
	padding: 0 0 0 5%;
	font-size: 16px;
}
.single-product-title {
	margin: 0 0 30px 0;
	font-size: clamp(32px, 3vw, 42px);
}
.single-product-price {
	padding-top: 5px;
	font-size: 28px;
	line-height: 1;
	overflow: hidden;
}
.single-product-current-price {
	float: left;
	margin: 0 5px 0 0;
	text-decoration: none;
}
.single-product-old-price {
	float: left;
	margin-top: 5px;
	text-decoration: line-through;
	font-size: 70%;
	color: #999;
}
.single-product-availability {
	margin-top: 10px;
}
.single-product-availability .spa-in-stock {
	color: #529706;
}
.single-product-availability .spa-out-of-stock {
	color: #c31111;
}
.single-product-rating-wrap {
	margin-top: 5px;
}
.single-product-review-count {
	font-size: 15px;
	color: #888;
}
.single-product-review-count:hover {
	opacity: .8;
}
.single-product-short-description {
	margin-top: 40px;
}
.single-product-short-description p {
	margin-bottom: 15px;
}
.single-product-form {
	margin-top: 50px;
	margin-bottom: 50px;
}
.single-product-variations {
	position: relative;
	max-width: 100%;
}
.single-product-variations .yk-form-group {
	margin: 0 0 15px 0;
}
.single-product-form.yk-form-minimal .single-product-variations .yk-form-group {
	margin: 0 0 25px 0;
}
.single-product-variations .yk-form-group label {
	font-weight: normal;
	font-size: 16px
}
.single-product-variations .yk-form-group:first-child label {
	padding-right: 50px;
}
.size-colors {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
}
.size-colors .product-size > span,
.size-colors .product-size > a {
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
}
.size-colors .product-size > a {
	text-decoration: underline !important;
	margin-left: 32px;
}
.size-colors .product-size .size-list {
	margin-top: 15px;
	list-style: none;
	padding-left: 0;
}
.size-colors .product-size .size-list li {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #888;
	list-style: none;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #888;
	text-transform: uppercase;
	margin-right: 5px;
	cursor: pointer;
}
.size-colors .product-size .size-list li.active {
	border-color: #f6f7f8;
	color: #f6f7f8;
}
.size-colors .product-colors {
	padding-left: 56px;
}
.size-colors .product-colors > span {
	display: inline-block;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
}
.size-colors .product-colors .colors-list {
	margin-top: 15px;
	padding-left: 0;
	list-style: none;
}
.size-colors .product-colors .colors-list li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	list-style: none;
}
.size-colors .product-colors .colors-list li::before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 32px;
	height: 32px;
	border: 1px solid #B88669;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}
.size-colors .product-colors .colors-list li:hover::before,
.size-colors .product-colors .colors-list li.active::before {
	opacity: 1;
	visibility: visible;
}
.size-colors .product-colors .colors-list li:last-child {
	margin-right: 0;
}
.size-colors .product-colors .colors-list li > span {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.size-colors .product-colors .colors-list li > span.clr1 {
	background-color: #ff3c7c;
}
.size-colors .product-colors .colors-list li > span.clr2 {
	background-color: #E74048;
}
.size-colors .product-colors .colors-list li > span.clr3 {
	background-color: #276AEF;
}
.single-product-add-to-cart {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
input.cart-plus-minus-box:focus {
	outline: none;
}
input.cart-plus-minus-box::-webkit-outer-spin-button,
input.cart-plus-minus-box::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.single-product-adc-button {
	padding-left: 20px;
}
.sp-adc-btn {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
	height: 50px;
	background-color: #4c2122;
	padding: 0 40px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	border: none;
	border-radius: 100px;
	z-index: 9;
}
.sp-adc-btn.disabled { /* If disabled */
	opacity: .6;
	pointer-events: none;
}
.sp-adc-btn-text {
	position: relative;
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s;
}
.sp-adc-btn-text,
.sp-adc-btn-text::after {
	display: flex;
	align-items: center;
	height: 100%;
	line-height: 1;
}
.sp-adc-btn-text::after {
	position: absolute;
	content: attr(data-hover);
	top: 100%;
	left: 0;
	width: 100%;
}
.sp-adc-btn:hover .sp-adc-btn-text {
	transform: translate3d(0, -100%, 0);
}
.sp-adc-btn-icon {
	position: relative;
	display: inline-flex;
	width: 24px;
	height: 24px;
}
.sp-adc-btn-icon::before,
.sp-adc-btn-icon::after {
	position: absolute;
	top: 3px;
	left: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.sp-adc-btn-icon::before {
	content: "\f07a";
}
.sp-adc-btn-icon::after {
	content: "\f110";
	display: none;
	opacity: .8;
}
.sp-adc-btn.loading .sp-adc-btn-icon::before {
	display: none;
}
.sp-adc-btn.loading .sp-adc-btn-icon::after {
	display: inline-block;
	animation: adc-btn-spin 1s infinite linear;
}
@keyframes adc-btn-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.single-product-additional-buttons {
	display: flex;
	margin-bottom: 30px;
}
.spr-addit-elem {
	margin-right: 20px;
}
.spr-addit-elem:last-child {
	margin-right: 0;
}
.spr-addit-elem .spr-addit-btn {
	display: inline-block;
	font-size: 16px;
}
.spr-addit-elem .spr-addit-btn:hover {
	opacity: .8;
}
.spr-addit-elem .spr-addit-btn span {
	margin-right: 5px;
	font-size: 18px;
}
.spr-addit-elem .spr-addit-btn a {
	font-size: 15px;
	font-style: italic;
	color: #b9b9b9;
	border-bottom: 1px dotted;
}
.spr-add-to-wishlist-btn {
	cursor: pointer;
}
.spr-addit-elem.active .spr-add-to-wishlist-btn,
.spr-addit-elem:not(.active) .spr-add-to-wishlist-btn-filled {
	display: none;
}
.spr-add-to-wishlist-btn-filled span {
}
.single-product-meta {
	margin-bottom: 20px;
}
.single-product-sku {
}
.single-product-sku .sku {
	color: #888;
}
.single-product-categories {
}
.single-product-categories a {
	color: #888;
}
.single-product-categories a:hover {
	opacity: .8;
}
.single-product-categories a ~ a:not(:empty)::before {
	content: ", ";
	margin-left: -4px;
}

/* Shopping Single Page Tab Style ------------ */
.yk-tabs {
	position: relative;
}
.yk-tabs.single-product-tabs {
	
}
.yk-tabs-buttons {
	border-radius: 3px;
	overflow: hidden;
}
.yk-tabs-buttons ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.yk-tabs-buttons > ul > li {
	margin: 0 5px 5px 0;
}
.yk-tab-btn {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 90px;
	background-color: #1c1c1c;
	padding: 10px 40px;
	text-align: center;
	font-size: 19px;
	color: #8b8b8b;
	cursor: pointer;
	border: none;
	outline: none;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.yk-tab-btn:hover {
	background-color: #262626;
	color: #fff;
}
.yk-tab-btn.active {
	background-color: #323232;
	color: #fff;
}
.yk-tab-content {
	display: none;
	padding-top: 50px;
}
.yk-tab-content.active {
	display: block;
}
.yk-tab-content p {
	font-size: 16px;
}
.yk-tab-content h6 {
	position: relative;
	font-size: 20px;
	line-height: 1.2;
}
.yk-tab-content ol {
	padding-left: 15px;
	margin: 0;
}
/* Table Style */
table {
	width: 100%;
	empty-cells: show;
	word-wrap: break-word;
	margin: 0 0 30px 0;
	text-align: left;
	font-size: 16px;
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}
th {
	font-weight: bold;
	font-weight: 600;
}
th, 
td {
	padding: 8px 5px;
	font-size: 16px;
	vertical-align: middle;
}
table.yk-table th, 
table.yk-table td {
	border: 1px solid rgb(120 120 120 / 25%);
}
table.yk-table tbody tr:nth-of-type(odd) {
	background-color: rgb(133 133 133 / 5%);
}
table.yk-table thead {
	background-color: rgb(133 133 133 / 15%);
}
table.yk-table thead th, 
table.yk-table thead td {
	padding: 16px 20px;
}

/* tbody */
table.yk-table tbody th, 
table.yk-table tbody td {
	padding: 12px 20px;
}

/* tfoot */
table.yk-table tfoot {
	background-color: rgb(133 133 133 / 15%);
}
table.yk-table tfoot th, 
table.yk-table tfoot td {
	padding: 16px 20px;
}
.spr-heading {
	margin: 0 0 40px 0;
	font-size: clamp(19px, 2vw, 21px);
}
.sp-reviews-list {
	margin-top: 60px;
}
.sp-review-body {
	margin-bottom: 60px;
}
.sp-review-meta {
	margin-bottom: 20px;
}
.sp-review-avatar {
	position: relative;
	display: inline-block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 100px;
}
.sp-review-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.sp-review-info {
	position: relative;
}
.sp-review-author {
	margin: 0 0 5px 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 19px;
	color: #e9e9e9;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sp-review-time {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: normal;
	color: #999;
}
.sp-review-text {
	color: #b9b9b9;
	clear: both;
}
#single-product-review-form {
	max-width: 1100px;
	margin: 140px auto 0 auto;
}
.sprf-heading {
	font-size: clamp(30px, 2vw, 36px);
}
.sprf-notes {
	margin-top: 5px;
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	color: #ababab;
}
.sprf-rating {
	margin-top: 60px;
	margin-bottom: 60px;
}
.sprf-rating-stars {
	position: relative;
	display: flex;
	height: 22px;
	font-size: 19px;
}
.sprf-rating-stars a {
	color: #706f6c;
	text-indent: -9999px;
	letter-spacing: 4px;
	width: 22px;
	height: 22px;
}
.sprf-rating-stars a:before {
	content: "";
	position: absolute;
	left: 0;
	height: 22px;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	text-indent: 0;
	overflow: hidden;
	white-space: nowrap;
}
.sprf-rating-stars a.active:before,
.sprf-rating-stars a:hover:before {
	content: "\f005\f005\f005\f005\f005";
	font-weight: 900;
	color: #ededed;
}
.sprf-rating-stars .star-1 {
	z-index: 10;
}
.sprf-rating-stars .star-2 {
	z-index: 9;
}
.sprf-rating-stars .star-3 {
	z-index: 8;
}
.sprf-rating-stars .star-4 {
	z-index: 7;
}
.sprf-rating-stars .start-5 {
	z-index: 6;
}
.sprf-rating-stars .star-1:before {
	width: 24px;
}
.sprf-rating-stars .star-2:before {
	width: 49px;
}
.sprf-rating-stars .star-3:before {
	width: 74px;
}
.sprf-rating-stars .star-4:before {
	width: 100px;
}
.sprf-rating-stars .star-5:before {
	content: "\f005\f005\f005\f005\f005";
}






























/* Footer Section Style */
#yk-footer {
	position: relative;
	width: 100%;
	font-size: 14px;
	z-index: 2;
}
.yk-footer-inner {
	position: relative;
}
body:not(.yk-boxed) .yk-footer-inner, 
.yk-footer-inner:not(.yk-wrap) {
	padding-left: 3.5%;
	padding-right: 3.5%;
}
#yk-footer a {
	font-size: 14px;
	color: #FFF;
}

#yk-footer .yk-btn {
	margin-top: 3px;
	margin-bottom: 3px;
}
.yk-btn-link {
	align-items: center;
	border-radius: 0;
}
.yk-btn-link > *,
.yk-btn-link > *::after {
	padding: 0;
	line-height: 1.6;
	color: #FFF;
}
.yk-btn-link:hover > * {
	color: #FFF;
}

.yk-btn-link::after {
	display: inline-block;
	content: "";
	width: 40px;
	height: 1px;
	background-color: #FFF;
	margin-top: 2px;
	margin-left: 15px;
}
body:not(.is-mobile) .yk-btn-link:hover::after {
	animation: swipe-line .8s cubic-bezier(0.475, 0.425, 0, 0.995) forwards;
}

@keyframes swipe-line {
	0% {
		transform-origin: right;
		transform: scale(1); 
	}
	33% {
		transform-origin: right;
		transform: scaleX(0); 
	}
	66% {
		transform-origin: left;
		transform: scaleX(0); 
	}
	to {
		transform-origin: left;
		transform: scale(1); } 
}

/* Footer copyright */
#yk-footer .yk-copyright {
	color: #888;
	text-align: center
}
#yk-footer .yk-copyright a {
	color: #888;
}
#yk-footer .yk-copyright a:hover {
}

.yk-image {
	overflow: hidden;
}



/* ============================================================
   GOOGLE REVIEWS SECTION
   Append the contents of this file to the end of main.css
   (matches the companion-file pattern used for the About page)
   ============================================================ */

/* ---- Rating summary bar ---- */
.pm-reviews-summary {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 40px;
	max-width: 900px;
	margin: 0 auto 70px;
	padding: 36px 40px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
}

.pm-google-badge {
	display: flex;
	align-items: center;
	gap: 14px;
}

.pm-google-g {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #8d0020;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 1;
}

.pm-google-label {
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.3;
}

.pm-reviews-score {
	display: flex;
	align-items: center;
	gap: 16px;
}

.pm-reviews-rating-num {
	font-family: 'Noto Serif JP', serif;
	font-size: 52px;
	font-weight: 600;
	color: #fff;
	line-height: 1;
}

.pm-reviews-score-meta {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pm-reviews-count {
	font-size: 13px;
}

.pm-reviews-cta {
	margin-left: auto;
}

/* ---- Stars ---- */
.pm-stars {
	display: inline-flex;
	gap: 3px;
	color: #fbbc04;
	font-size: 20px;
	line-height: 1;
}

.pm-stars-sm {
	font-size: 15px;
}

/* ---- Review cards grid ---- */
.pm-review-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.pm-review-card {
	padding: 32px 30px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
	transition: all 0.3s ease;
}

.pm-review-card:hover {
	background: rgba(255, 255, 255, 0.06);
	transform: translateY(-4px);
}

.pm-review-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}

.pm-review-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #8d0020;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px;
}

.pm-review-id {
	display: flex;
	flex-direction: column;
}

.pm-review-name {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 15px;
}

.pm-review-date {
	font-size: 12px;
}

.pm-review-source {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	margin-left: auto;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 13px;
}

.pm-review-text {
	margin: 14px 0 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	line-height: 1.7;
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
	.pm-review-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.pm-reviews-summary {
		flex-direction: column;
		text-align: center;
		gap: 24px;
		padding: 30px 24px;
	}

	.pm-reviews-cta {
		margin-left: 0;
	}

	.pm-review-grid {
		grid-template-columns: 1fr;
	}
}

/* ---- Dynamic (Google API) additions ---- */
.pm-review-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

a.pm-review-name {
	text-decoration: none;
}

a.pm-review-name:hover {
	text-decoration: underline;
}

.pm-review-empty {
	grid-column: 1 / -1;
	text-align: center;
	padding: 30px 0;
	font-size: 15px;
}

.pm-review-card {
	animation: pmFadeUp 0.6s ease both;
}

@keyframes pmFadeUp {
	from { opacity: 0; transform: translateY(20px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ---- Reviews carousel (Swiper) ---- */
.pm-reviews-swiper {
	position: relative;
	padding: 0 56px 60px;
	--swiper-theme-color: #8d0020;
}

.pm-reviews-swiper .swiper-slide {
	height: auto;       /* equal-height cards */
	display: flex;
}

.pm-reviews-swiper .pm-review-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.pm-reviews-swiper .pm-review-card:hover {
	border-color: rgba(255, 255, 255, 0.18);
}

/* clamp review text so every card matches */
.pm-reviews-swiper .pm-review-text {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* navigation arrows */
.pm-reviews-swiper .swiper-button-next,
.pm-reviews-swiper .swiper-button-prev {
	color: #fff;
	transition: color 0.3s ease;
}

.pm-reviews-swiper .swiper-button-next:hover,
.pm-reviews-swiper .swiper-button-prev:hover {
	color: #8d0020;
}

.pm-reviews-swiper .swiper-button-next:after,
.pm-reviews-swiper .swiper-button-prev:after {
	font-size: 26px;
}

/* pagination dots */
.pm-reviews-swiper .swiper-pagination {
	bottom: 0;
}

.pm-reviews-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.4);
	opacity: 1;
}

.pm-reviews-swiper .swiper-pagination-bullet-active {
	background: #8d0020;
}

@media (max-width: 768px) {
	.pm-reviews-swiper {
		padding: 0 0 56px;
	}

	.pm-reviews-swiper .swiper-button-next,
	.pm-reviews-swiper .swiper-button-prev {
		display: none;   /* swipe + dots on mobile */
	}
}