html
{
	scroll-behavior: smooth;
}
html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Montserrat", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6;
}
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
a
{
	text-decoration: none;
}
:root
{
	--primary: #FAB600;
	--primary-dark: #e7a800;
	--dark: #1a1a1a;
	--darker: #0f0f0f;
	--light: #f5f5f5;
	--white: #ffffff;
	--gray-100: #f5f5f5;
	--gray-200: #e5e5e5;
	--gray-400: #a0a0a0;
	--gray-500: #737373;
	--gray-600: #525252;
	--bg: #0b0b0c;
	--panel: #111214;
	--line: rgba(255,255,255,.10);
	--text: #ffffff;
	--muted: rgba(255,255,255,.65);
	--accent: #e11b22;
	--accent-soft: rgba(225,27,34,.15);
	--radius: 0px;
}
a
{
	text-decoration: none;
	color: inherit;
}
ul
{
	list-style: none;
}
img
{
	max-width: 100%;
	height: auto;
}
button
{
	cursor: pointer;
	border: none;
	background: none;
	font-family: inherit;
}
input, textarea, select
{
	font-family: inherit;
}
/* Typography */
.font-oswald
{
	font-family: "Montserrat", sans-serif;
}
.section-label
{
	color: var(--gray-400);
	letter-spacing: 0.3em;
	font-size: 0.875rem;
	display: block;
	margin-bottom: 1.5rem;
}
.section-title
{
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 3rem;
	line-height: 1.2;
}
.section-title.white
{
	color: var(--white);
}
.section-title.black
{
	color: #000;
}
/* Container */
.container
{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 1.5rem;
}
/* Buttons */
.btn
{
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 2rem;
	font-size: 0.875rem;
	letter-spacing: 0.2em;
	transition: all 0.3s ease;
}
.btn-primary
{
	background: var(--primary);
	color: var(--white);
}
.btn-primary:hover
{
	background: var(--primary-dark);
}
.btn-dark
{
	background: var(--dark);
	color: var(--white);
}
.btn-dark:hover
{
	background: var(--primary);
}
.btn-outline
{
	border: 1px solid var(--white);
	color: var(--white);
	background: transparent;
}
.btn-outline:hover
{
	background: var(--white);
	color: var(--primary);
}
/* Header */
.header
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 5px;
	transition: all 0.3s ease;
}
.header.scrolled
{
	background: #000;
	backdrop-filter: blur(10px);
}
.header-inner
{
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 0 62px;
	height: 100px;
}
.logo
{
	width: 17%;
	float: left;
}
.logo a 
{
	width: 100%;
	float: left;
}
.logo img 
{
	width: auto;
	float: left;
}

.menu
{
	width: auto;
	max-width: 80%;
	height: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #000;
}
.menu ul
{
	width: auto;
	float: left;
	margin: 0px;
	padding: 0px;
}
.menu .main-menu
{
	width: auto;
	float: left;
}
.menu .menu-inner
{
	width: 100%;
	height: 100%;
	float: left;
}
.menu .main-menu li
{
	width: auto;
	height: 100px;
	float: left;
	position: relative;
	list-style-type: none;
}
.menu .main-menu a
{
	width: 100%;
	float: left;
	position: relative;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 100px;
	color: #fff;
	padding: 0 36px;
	text-transform: uppercase;
}
.menu input[type="checkbox"]
{
	display: none;
}
.menu label
{
	width: 100%;
	float: left;
	margin: 0px;
}
.menu .menu-btn
{
	display: none;
}
.menu .menu-icon
{
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}
.menu .menu-icon img
{
	width: 10px;
	height: 10px;
	float: right;
	margin: 18px;
}
.menu .second
{
	width: 250px;
	float: left;
	position: absolute;
	top: 120%;
	left: 0;
	display: none;
	padding-top: 20px;
}
.menu .second .sub-menu
{
	width: 100%;
	height: 100%;
	float: left;
	background-color: #000;
	text-align: left;
	padding: 27px 0 35px;
}
.menu .sub-menu li
{
	width: 100%;
	height: 34px;
	float: left;
}
.menu .sub-menu a
{
	width: 100%;
	padding: 5px 30px;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	line-height: 24px;
}
.menu .sub-menu a span
{
	width: auto;
	max-width: 100%;
	float: left;
	position: relative;
}
.menu .sub-menu a span:after
{
	content: "";
	width: 0px;
	height: 2px;
	position: absolute;
	top: 80%;
	left: 0px;
	background-color: #000000;
	transition: 0.3s ease;
	margin-top: 3px;
	opacity: 0;
}
.menu input[type="checkbox"]:checked + .sub-menu
{
	display: block;
}
.menu .sub-menu .sub-menu
{
	top: -12px;
	left: 100%;
	border-radius: 20px;
}
.sub-menu-div
{
	width: 100%;
	max-width: 800px;
	float: left;
}
.menu .sub-menu a b
{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #1c2354;
	margin-left: 6px;
	display: none;
}
.menu-close
{
	width: 48px;
	height: 48px;
	float: left;
	position: absolute;
	top: 0px;
	right: -48px;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	text-align: center;
	line-height: 48px;
	z-index: 4;
	display: none;
}
.menu-close img
{
	width: 14px;
	height: 14px;
	display: inline-block;
}
.menu-overlay
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 2;
	display: none;
}
.mobil-buttons
{
	width: 100%;
	height: 62px;
	float: left;
	display: none;
}

@media (hover: hover)
{
	.menu li:hover>input[type=checkbox]~.second
	{
		visibility: visible;
		display: block;
		top: 100%;
	}
}





------------
.nav
{
	display: flex;
	align-items: center;
	gap: 2.5rem;
}
.nav-link
{
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.875rem;
	letter-spacing: 0.2em;
	transition: color 0.3s ease;
	position: relative;
}
.nav-link:hover,
.nav-link.active
{
	color: var(--white);
}
.nav-link.active::after
{
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--primary);
}
/* Dropdown */
.dropdown
{
	position: relative;
}
.dropdown-menu
{
	position: absolute;
	top: 100%;
	left: 0;
	background: rgba(0, 0, 0, 0.95);
	min-width: 200px;
	padding: 1rem 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
}
.dropdown:hover .dropdown-menu
{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.dropdown-item
{
	display: block;
	padding: 0.5rem 1.5rem;
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.875rem;
	transition: all 0.3s ease;
}
.dropdown-item:hover
{
	color: var(--primary);
	background: rgba(255, 255, 255, 0.05);
}
/* Mobile Menu */
.mobile-toggle
{
	display: none;
	color: var(--white);
	font-size: 1.5rem;
}
.mobile-menu
{
	display: none;
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.95);
	padding: 1.5rem;
}
.mobile-menu.active
{
	display: block;
}
.mobile-menu a
{
	display: block;
	padding: 0.75rem 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.875rem;
	letter-spacing: 0.2em;
}
.mkdf-side-menu-close
{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	position: relative;
	z-index: 4;
}
.mkdf-side-menu-close span
{
	width: auto;
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
}
.mkdf-close-side-menu
{
	width: 25px;
	height: 25px;
	float: left;
	cursor: pointer;
}
.mkdf-close-side-menu svg
{
	fill: #fff;
}
html.mkdf-right-side-menu-opened
{
	overflow: hidden;
}
.mkdf-side-menu-overlay
{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease;
	z-index: 9998;
}
html.mkdf-right-side-menu-opened .mkdf-side-menu-overlay
{
	opacity: 1;
	visibility: visible;
}
.mkdf-side-menu
{
	position: fixed;
	top: 5px;
	right: 0px;
	width: 500px;
	height: calc(100% - 10px);
	min-height: calc(100% - 10px);
	padding: 35px 65px 36px;
	background: #000;
	color: #fff;
	z-index: 9999;
	transform: translateX(100%);
	transition: transform .45s cubic-bezier(.77,0,.175,1);
}
html.mkdf-right-side-menu-opened .mkdf-side-menu
{
	transform: translateX(-5px);
}
.mkdf-side-menu-inner
{
	width: 100%;
	float: left;
	opacity: 0;
	transform: translateX(40px);
	transition: all .5s ease .2s;
}
html.mkdf-right-side-menu-opened .mkdf-side-menu-inner
{
	opacity: 1;
	transform: translateX(0);
}
.mkdf-separator
{
	width: 100%;
	float: left;
	height: 1px;
	background: rgba(255,255,255,.2);
	margin: 30px 0;
}
.mkdf-separator.small
{
	margin: 15px 0;
}
.mkdf-separator.large
{
	margin: 60px 0;
}
.mkdf-side-logo
{
	width: 100%;
	float: left;
}
.mkdf-side-logo img
{
	width: 100%;
	float: left;
}
.mkdf-side-text
{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 1.6;
}
.mkdf-working-hours,
.mkdf-socials
{
	width: 100%;
	float: left;
}
.mkdf-working-hours h5,
.mkdf-socials h5
{
	margin-bottom: 10px;
}
.mkdf-socials a
{
	width: auto !important;
	display: inline-block !important;
	margin-right: 15px !important;
	color: #fff !important;
	text-decoration: none !important;
	opacity: .8 !important;
	padding: 0px !important;
	border: unset !important;
}
.mkdf-socials a:hover
{
	opacity: 1;
}
.mkdf-side-menu .mkdf-side-bg-text
{
	font-weight: 800;
	line-height: 1;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(104,104,104,.4);
	color: transparent;
	text-transform: uppercase;
	position: absolute;
	display: inline-block;
	width: auto;
	font-size: 175px;
	-webkit-transform: rotate(90deg) translate(0, -510%);
	-ms-transform: rotate(90deg) translate(0, -510%);
	transform: rotate(90deg) translate(0, -510%);
	-webkit-transform-origin: -.5em center;
	-ms-transform-origin: -.5em center;
	transform-origin: -.5em center;
	right: 0;
	top: -150px;
	white-space: nowrap;
	-webkit-transition: .7s .2s;
	transition: .7s .2s;
	z-index: 1;
}

.mkdf-right-side-menu-opened .mkdf-side-menu .mkdf-side-bg-text {
	-webkit-transform: rotate(90deg) translate(0%,-710%)!important;
	-ms-transform: rotate(90deg) translate(0%,-710%)!important;
	transform: rotate(90deg) translate(0%,-710%)!important
}

@media only screen and (max-width: 1440px) {
	.mkdf-right-side-menu-opened .mkdf-side-menu .mkdf-side-bg-text {
		-webkit-transform: rotate(90deg) translate(0%,-710%)!important;
		-ms-transform: rotate(90deg) translate(0%,-710%)!important;
		transform: rotate(90deg) translate(0%,-710%)!important
	}
}

@media only screen and (max-width: 1366px) {
	.mkdf-right-side-menu-opened .mkdf-side-menu .mkdf-side-bg-text {
		-webkit-transform: rotate(90deg) translate(0%,-710%)!important;
		-ms-transform: rotate(90deg) translate(0%,-710%)!important;
		transform: rotate(90deg) translate(0%,-710%)!important
	}
}

@media only screen and (max-width: 1440px)
{
	.mkdf-side-menu .mkdf-side-bg-text
	{
		font-size:180px
	}
	.menu .main-menu a
	{
		padding: 0 16px;
	}
}
@media only screen and (max-width: 1366px)
{
	.mkdf-side-menu .mkdf-side-bg-text
	{
		font-size:170px
	}
}
.mkdf-side-menu-button-opener
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 63px
}
@media only screen and (max-width: 1366px)
{
	.mkdf-side-menu-button-opener
	{
		margin-right:45px
	}
}
.mkdf-side-menu-button-opener .mkdf-side-area-opener-label
{
	padding: 0 15px 0 20px;
	color: currentColor;
	font-size: 12px;
	line-height: 23px;
	letter-spacing: .18em;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Montserrat,sans-serif
}
@media only screen and (max-width: 1366px)
{
	.mkdf-side-menu-button-opener .mkdf-side-area-opener-label
	{
		padding:0 15px 0 25px
	}
}
.mkdf-side-menu-button-opener .mkdf-side-menu-title
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
	padding: 0 26px 0 0;
	color: currentColor
}
.mkdf-side-menu-button-opener .mkdf-side-menu-icon
{
	position: relative;
	display: inline-block;
	vertical-align: middle
}
.mkdf-side-menu-button-opener.opened,.mkdf-side-menu-button-opener:hover
{
	color: #000
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-icon-pack .mkdf-side-menu-icon
{
	font-size: 20px
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-icon-pack .mkdf-side-menu-icon *
{
	display: block;
	line-height: inherit
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-icon-pack .mkdf-side-menu-icon :before
{
	display: block;
	line-height: inherit
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-svg-path:hover .mkdf-side-menu-icon svg rect:nth-of-type(1)
{
	-webkit-transform: translateY(7px);
	-ms-transform: translateY(7px);
	transform: translateY(7px)
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-svg-path:hover .mkdf-side-menu-icon svg rect:nth-of-type(2)
{
	-webkit-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	transform: translateY(-7px)
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-svg-path .mkdf-side-menu-icon svg rect
{
	-webkit-transition: -webkit-transform .3s cubic-bezier(.78,.2,.21,.88);
	transition: -webkit-transform .3s cubic-bezier(.78,.2,.21,.88);
	transition: transform .3s cubic-bezier(.78,.2,.21,.88);
	transition: transform .3s cubic-bezier(.78,.2,.21,.88),-webkit-transform .3s cubic-bezier(.78,.2,.21,.88)
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-svg-path .mkdf-side-menu-icon>*
{
	vertical-align: middle
}
.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-svg-path .mkdf-side-menu-icon path,.mkdf-side-menu-button-opener.mkdf-side-menu-button-opener-svg-path .mkdf-side-menu-icon>*
{
	fill: currentColor
}
.hero
{
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.hero-bg
{
	position: absolute;
	inset: 0;
	display: flex;
}
.hero-bg-left,
.hero-bg-right
{
	flex: 1;
	background-size: cover;
	background-position: center;
}
.hero-bg-left
{
	background-image: url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=1200&h=800&fit=crop');
}
.hero-bg-right
{
	background-image: url('https://images.unsplash.com/photo-1594381898411-846e7d193883?w=1200&h=800&fit=crop');
}
.hero-overlay
{
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
}
.hero-content
{
	position: relative;
	text-align: center;
	padding: 0 1.5rem;
}
.hero-title
{
	font-family: "Montserrat", sans-serif;
	font-weight: 200;
	font-size: 5rem;
	color: var(--white);
	letter-spacing: 0.3em;
	line-height: 1.1;
}
.hero-title span
{
	font-weight: 700;
}

.slider
{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}

.home-swiper
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.swiper-wrapper
{
	width: 100%;
	height: 100%;
	float: left;
}
#homevideo
{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	object-fit: cover;
}
.slider .swiper-slide
{
	width: 100%;
	height: 100%;
	float: left;
	background-size: cover;
	background-position: center;
}
.slider .home-swiper,
.slider .home-swiper .swiper-slide a,
.slider .home-swiper .swiper-slide img,
.slider .home-swiper .swiper-slide video
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: center center;
}
.slider .home-swiper .swiper-button-next,
.slider .home-swiper .swiper-button-prev
{
	width: 60px;
	height: 60px;
	color: #374151;
	border-radius: 32px;
	border: 2px solid #B0DBD5;
	background: #E6F3F1;
	box-shadow: 0px 6px 10px -1px rgba(191, 145, 53, 0.00);
}
.slider .home-swiper .swiper-button-prev
{
	left: 100px;
}
.slider .home-swiper .swiper-button-next
{
	right: 100px;
}
.swiper-button-next:after,
.swiper-button-prev:after
{
	font-size: 24px;
}
.slider .home-swiper .swiper-button-next:after
{
	margin-left: 3px;
}
.slider .home-swiper .swiper-button-prev:after
{
	margin-right: 3px;
}
.hero-progress
{
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 8px;
	background: rgba(255, 255, 255, 0.3);
	overflow: hidden;
	z-index: 10;
}
.hero-progress-bar
{
	display: block;
	width: 0%;
	height: 100%;
	background: #fff;
	transition-property: width;
}
.slider-text-box
{
	max-width: 750px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.slider-text-box h1
{
	width: 100%;
	float: left;
	color: #FFF;
	font-size: 70px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
	letter-spacing: 20px;
	text-align: center;
}



/* Page Banner */
.page-banner
{
	height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-size: cover;
	background-position: center;
}
.page-banner-overlay
{
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}
.page-banner-content
{
	position: relative;
	text-align: center;
}
.page-banner h1
{
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4rem;
	color: var(--white);
	margin-bottom: 1rem;
}
.page-banner p
{
	color: rgba(255, 255, 255, 0.8);
	letter-spacing: 0.3em;
	font-size: 0.875rem;
}
.page-container
{
	max-width: 1200px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 60px;
}
.page-sidebar
{
	width: 25%;
	padding: 20px;
	/*position: sticky;
	top: 98px;*/
	background: #2E2014;
	border-radius: 8px;
}
.static-page 
{
	width: 75%;
}
.page-sidebar ul
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.page-sidebar li
{
	width: 100%;
	list-style-type: none;
}
.page-sidebar a
{
	width: 100%;
	padding: 7px 0;
	transition: .3s ease;
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	color: #FFFFFF;
}
.page-sidebar .active
{
	background: #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.sidebar-sub
{
	padding-left: 15px!important;
}
.sidebar-sub a 
{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #0C0C0C;
	padding: 3px 0px;
}
.static-page h1
{
	width: 100%;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 30px;
	color: #0C0C0C;
}
.static-page > img
{
	width: 100%;
	float: left;
	border-radius: 10px;
	aspect-ratio: 800 / 420;
}
.static-page-text
{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.static-page-text p
{
	width: 100%;
	float: left;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #0C0C0C;
}
.page-gallery
{
	width: 100%;
	margin-top: 80px;
	margin-bottom: 30px;
	position: relative;
}
.page-gallery-header
{
	width: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.page-gallery h3
{
	width: 100%;
	float: left;
	margin-top: 0;
	font-size: 24px;
	font-weight: 500;
	position: relative;
}
.gallery-swiper
{
	width: 100%;
	position: relative;
}
.page-gallery .swiper-button-prev,
.page-gallery .swiper-button-next
{
	width: 40px;
	height: 40px;
	border: 1px solid #F3AF21;
	background: #F3AF21;
	border-radius: 0;
	color: #fff;
	top: 0px;
	position: relative;
}
.page-gallery .swiper-button-prev
{
	right: unset;
	left: unset;
	margin: 0px;
}
.page-gallery .swiper-button-next
{
	right: unset;
	margin: 0px;
	margin-left: 16px;
}
.page-gallery .swiper-button-prev::after,
.page-gallery .swiper-button-next::after
{
	font-size: 16px;
}
.page-gallery .swiper-button-prev:hover,
.page-gallery .swiper-button-next:hover
{
	background: #2E2014;
	border-color: #2E2014;
}
.gallery-swiper .swiper-slide a
{
	width: 100%;
	height: 200px;
	float: left;
	padding: 10px;
}
.gallery-swiper .swiper-slide img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.gallery-swiper .swiper-slide a > span
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #dbdbdb94;
	transition: 0.3s ease;
	opacity: 0;
}
.gallery-swiper .swiper-slide:hover a > span
{
	opacity: 1;
}
.gallery-swiper .swiper-slide a > span img
{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* Sections */
.section
{
	padding: 5rem 0;
}
.section-dark
{
	background: var(--dark);
}
.section-light
{
	background: var(--light);
}
.section-header
{
	text-align: center;
	margin-bottom: 4rem;
}
.section-header p
{
	color: var(--gray-500);
	max-width: 600px;
	margin: 1.5rem auto 0;
	font-size: 1.125rem;
}
.section-header.white p
{
	color: var(--gray-400);
}

/* Portfolio Grid */
.portfolio-grid
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 650px;
	grid-auto-flow: row dense;
}
.portfolio-item.large.left
{
	grid-column: 1 / span 2;
}
.portfolio-item.large.right
{
	grid-column: 3 / span 2;
}
@media (max-width: 1799px)
{
	.portfolio-grid
	{
		grid-auto-rows: 420px;
	}
}
.portfolio-item
{
	position: relative;
	overflow: hidden;
	border: 4px solid white;
}
.portfolio-item.large
{
	grid-column: span 2;
}
.portfolio-item a
{
	width: 100%;
	height: 100%;
}
.portfolio-item img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.portfolio-item:hover img
{
	transform: scale(1.1);
}
.portfolio-overlay
{
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.portfolio-item:hover .portfolio-overlay
{
	opacity: 1;
}
.portfolio-info
{
	text-align: center;
	color: var(--white);
	transform: translateY(20px);
	transition: transform 0.5s ease;
}
.portfolio-item:hover .portfolio-info
{
	transform: translateY(0);
}
.portfolio-info span
{
	width: 100%;
	float: left;
}
.gallery-info span
{
	width: 30px;
	height: 30px;
	float: left;
}

.portfolio-info h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	margin-top: 0.5rem;
}
/* Team Grid */
.team-grid
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
.team-card
{
	text-align: center;
}
.team-image
{
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5rem;
}
.team-image img
{
	width: 100%;
	height: 500px;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.team-card:hover .team-image img
{
	transform: scale(1.05);
}
.team-overlay
{
	position: absolute;
	inset: 0;
	background: rgba(229, 69, 96, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.team-card:hover .team-overlay
{
	opacity: 1;
}
.team-social
{
	display: flex;
	gap: 1rem;
}
.team-social a
{
	width: 48px;
	height: 48px;
	border: 1px solid var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	transition: all 0.3s ease;
}
.team-social a:hover
{
	background: var(--white);
	color: var(--primary);
}
.team-role
{
	color: var(--gray-500);
	font-size: 0.875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.team-name
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--white);
}
.instructors-container .blog-link
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	color: #FFFFFF;
}
/* Testimonials */
.testimonials
{
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.testimonial-slide
{
	text-align: center;
	display: none;
}
.testimonial-slide.active
{
	display: block;
}
.testimonial-text
{
	font-size: 1.375rem;
	color: var(--gray-400);
	font-style: italic;
	line-height: 1.8;
	margin-bottom: 2rem;
}
.testimonial-author span
{
	display: block;
	color: var(--gray-500);
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}
.testimonial-author h4
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--white);
}
.testimonial-thumbs
{
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 3rem;
}
.testimonial-thumb
{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid transparent;
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.3s ease;
}
.testimonial-thumb.active
{
	border-color: var(--primary);
	opacity: 1;
	transform: scale(1.1);
}
.testimonial-thumb img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* BMI Calculator */
.bmi-grid
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	max-width: 1000px;
	margin: 0 auto;
}
.bmi-form
{
	background: var(--white);
	padding: 3rem;
}
.form-group
{
	margin-bottom: 1.5rem;
}
.form-group input,
.form-group select
{
	width: 100%;
	padding: 1rem;
	border: 1px solid var(--gray-200);
	outline: none;
	transition: border-color 0.3s ease;
}
.form-group input:focus,
.form-group select:focus
{
	border-color: var(--primary);
}
.radio-group
{
	display: flex;
	gap: 1.5rem;
}
.radio-group label
{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	color: var(--gray-600);
}
.radio-group input[type="radio"]
{
	width: 20px;
	height: 20px;
	accent-color: var(--primary);
}
.bmi-table
{
	background: var(--white);
	padding: 3rem;
}
.bmi-table table
{
	width: 100%;
	border-collapse: collapse;
}
.bmi-table th,
.bmi-table td
{
	padding: 1rem;
	text-align: left;
	border-bottom: 1px solid var(--gray-200);
}
.bmi-table th
{
	color: var(--gray-600);
	font-weight: 400;
}
.bmi-result
{
	margin-top: 1.5rem;
	padding: 1rem;
	background: var(--gray-100);
	text-align: center;
}
.bmi-result .value
{
	font-family: "Montserrat", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	color: var(--primary);
}
.mkdf-bmic-notifications
{
	display: none;
	position: relative;
	margin-top: 30px;
	padding: 20px 60px 20px 30px;
	background: #000;
	color: #fff;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.5;
}
.mkdf-bmic-notification-highlight
{
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 10px;
	color: #ff4d2d;
}
.mkdf-bmic-notification-close
{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	text-decoration: none;
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	opacity: 0.7;
}
.mkdf-bmic-notification-close:hover
{
	opacity: 1;
}
.mkdf-bmic-notification-close::before
{
	content: "×";
}

/* Banner Cards */
.banner-grid
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.banner-card
{
	position: relative;
	height: 500px;
	overflow: hidden;
}
.banner-card img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.banner-card:hover img
{
	transform: scale(1.1);
}
.banner-overlay
{
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	text-align: center;
	transition: background 0.5s ease;
}
.banner-card:hover .banner-overlay
{
	background: rgba(0, 0, 0, 0.7);
}
.banner-icon
{
	width: 80px;
	height: 80px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
	transition: transform 0.5s ease;
}
.banner-card:hover .banner-icon
{
	transform: scale(1.1);
}
.banner-icon svg
{
	width: 40px;
	height: 40px;
	stroke: var(--white);
	stroke-width: 1;
	fill: none;
}
.banner-card h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.875rem;
	font-weight: 600;
	color: var(--white);
	margin-bottom: 1rem;
}
.banner-card p
{
	color: var(--gray-400);
	margin-bottom: 1.5rem;
	max-width: 300px;
}
.banner-link
{
	color: var(--white);
	font-size: 0.875rem;
	letter-spacing: 0.2em;
	border-bottom: 1px solid var(--white);
	padding-bottom: 0.25rem;
	transition: all 0.3s ease;
}
.banner-link:hover
{
	color: var(--primary);
	border-color: var(--primary);
}
/* Schedule */
.schedule-filters
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 3rem;
}
.filter-btn
{
	padding: 0.75rem 1.5rem;
	font-size: 0.875rem;
	letter-spacing: 0.15em;
	background: var(--gray-100);
	color: var(--gray-600);
	transition: all 0.3s ease;
}
.filter-btn.active,
.filter-btn:hover
{
	background: var(--primary);
	color: var(--white);
}
.schedule-table
{
	width: 100%;
	border-collapse: collapse;
	overflow-x: auto;
	display: block;
}
.schedule-table th,
.schedule-table td
{
	padding: 1rem;
	text-align: center;
	border-bottom: 1px solid var(--gray-200);
}
.schedule-table th
{
	background: var(--gray-100);
	color: var(--gray-600);
	font-weight: 400;
}
.schedule-event
{
	background: var(--gray-100);
	padding: 0.75rem;
	transition: all 0.3s ease;
	cursor: pointer;
}
.schedule-event:hover
{
	background: var(--primary);
	color: var(--white);
}
.schedule-event h4
{
	font-family: "Montserrat", sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
}
.schedule-event p
{
	font-size: 0.75rem;
	color: var(--gray-500);
	margin-top: 0.25rem;
}
.schedule-event:hover p
{
	color: rgba(255, 255, 255, 0.8);
}
/* Blog Grid */
.blog-grid
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
.blog-card
{
	background: var(--white);
}
.blog-image
{
	position: relative;
	overflow: hidden;
}
.blog-image img
{
	width: 100%;
	height: 280px;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.blog-card:hover .blog-image img
{
	transform: scale(1.1);
}
.blog-date
{
	position: absolute;
	top: 1rem;
	left: 1rem;
	background: var(--primary);
	color: var(--white);
	padding: 0.5rem 1rem;
	text-align: center;
}
.blog-date .day
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	display: block;
}
.blog-date .month
{
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}
.blog-content
{
	padding: 1.5rem;
}
.blog-category
{
	color: var(--primary);
	font-size: 0.875rem;
	letter-spacing: 0.1em;
}
.blog-content h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0.75rem 0;
	transition: color 0.3s ease;
}
.blog-card:hover .blog-content h3
{
	color: var(--primary);
}
.blog-content p
{
	color: var(--gray-500);
	margin-bottom: 1rem;
}
.blog-link
{
	font-size: 0.875rem;
	letter-spacing: 0.15em;
	color: #000;
	transition: color 0.3s ease;
}
.blog-link:hover
{
	color: var(--primary);
}
/* Programs Grid */
.programs-grid
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.program-card
{
	position: relative;
	height: 500px;
	overflow: hidden;
}
.program-card img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.program-card:hover img
{
	transform: scale(1.1);
}
.program-overlay
{
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 2rem;
}
.program-card h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--white);
	margin-bottom: 0.75rem;
}
.program-card p
{
	color: var(--gray-400);
	font-size: 0.875rem;
	margin-bottom: 1rem;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.program-card:hover p
{
	opacity: 1;
}
.program-link
{
	color: var(--white);
	font-size: 0.875rem;
	letter-spacing: 0.15em;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: 0.25rem;
	transition: all 0.3s ease;
}
.program-link:hover
{
	color: var(--primary);
	border-color: var(--primary);
}
/* Contact Section */
.contact-grid
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	max-width: 1000px;
	margin: 0 auto;
}
.contact-info
{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.contact-item
{
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
.contact-item svg
{
	width: 24px;
	height: 24px;
	stroke: var(--primary);
	flex-shrink: 0;
}
.contact-item p,
.contact-item a
{
	color: var(--white);
}
.contact-item a:hover
{
	color: var(--primary);
}
.contact-map
{
	height: 300px;
	margin-top: 2rem;
}
.contact-map iframe
{
	width: 100%;
	height: 100%;
	border: 0;
	filter: grayscale(100%) invert(92%) contrast(83%);
}
.contact-form h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--white);
	margin-bottom: 2rem;
}
.contact-form input,
.contact-form textarea
{
	width: 100%;
	padding: 1rem 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--gray-600);
	color: var(--black);
	margin-bottom: 1.5rem;
	outline: none;
	transition: border-color 0.3s ease;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder
{
	color: var(--gray-500);
}
.contact-form input:focus,
.contact-form textarea:focus
{
	border-color: var(--primary);
}
.contact-grid .contact-form input,
.contact-grid .contact-form textarea
{
	color: var(--white);
}
/* Instagram Grid */
.instagram-header
{
	text-align: center;
	padding: 2rem 0;
	background: #000;
}
.instagram-header a
{
	color: var(--white);
	font-size: 0.875rem;
	letter-spacing: 0.2em;
	transition: color 0.3s ease;
}
.instagram-header a:hover
{
	color: var(--primary);
}
.instagram-grid
{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}
.instagram-item
{
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
}
.instagram-item img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.instagram-item:hover img
{
	transform: scale(1.1);
}
.instagram-overlay
{
	position: absolute;
	inset: 0;
	background: rgba(229, 69, 96, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.instagram-item:hover .instagram-overlay
{
	opacity: 1;
}
.instagram-overlay svg
{
	width: 32px;
	height: 32px;
	stroke: var(--white);
}
/* Footer */
.footer
{
	background: var(--darker);
	padding: 2rem 0;
}
.footer-advanced
{
	width: 100%;
	float: left;
	background: #111;
	color: #ccc;
	font-family: 'Montserrat', sans-serif;
}
.footer-container
{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px;
}
.footer-top
{
	border-bottom: 1px solid #222;
}
.footer-container
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}
.footer-col h3,
.footer-col h4
{
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
}
.footer-logo
{
	font-size: 22px;
	letter-spacing: 2px;
}
.footer-col p
{
	font-size: 14px;
	line-height: 1.7;
}
.footer-links
{
	list-style: none;
	padding: 0;
}
.footer-links li
{
	margin-bottom: 12px;
}
.footer-links a
{
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
}
.footer-links a:hover
{
	color: #fff;
}
.footer-social
{
	margin-top: 25px;
}
.footer-social a
{
	display: inline-block;
	margin-right: 15px;
	font-size: 18px;
	color: #ccc;
	transition: 0.3s;
}
.footer-social a:hover
{
	color: #fff;
	transform: translateY(-2px);
}
.footer-bottom
{
	background: #0b0b0b;
}
.footer-bottom-inner
{
	grid-template-columns: repeat(2, 1fr);
	padding: 20px;
	text-align: left;
	font-size: 13px;
	color: #777;
}
.creation
{
	text-align: right;
}
@media (max-width: 900px)
{
	.footer-container
	{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 600px)
{
	.footer-container
	{
		grid-template-columns: 1fr;
		text-align: center;
	}

	.footer-social
	{
		text-align: center;
	}
}

/* Scroll to Top */
.scroll-top
{
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	width: 48px;
	height: 48px;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
.scroll-top.visible
{
	opacity: 1;
	visibility: visible;
}
.scroll-top:hover
{
	background: var(--primary);
	color: var(--white);
}
/* Pricing Cards */
.pricing-grid
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	max-width: 1000px;
	margin: 0 auto;
}
.pricing-card
{
	background: var(--white);
	padding: 2.5rem;
	border: 1px solid var(--gray-200);
	text-align: center;
	transition: all 0.3s ease;
}
.pricing-card.featured
{
	background: var(--dark);
	color: var(--white);
	transform: scale(1.05);
	box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.pricing-badge
{
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
	background: var(--primary);
	color: var(--white);
	padding: 0.25rem 1rem;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}
.pricing-card h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.pricing-price
{
	margin-bottom: 2rem;
}
.pricing-price .currency
{
	font-size: 2rem;
	vertical-align: top;
}
.pricing-price .amount
{
	font-family: "Montserrat", sans-serif;
	font-size: 4rem;
	font-weight: 700;
}
.pricing-price .period
{
	color: var(--gray-500);
}
.pricing-features
{
	margin-bottom: 2rem;
}
.pricing-features li
{
	padding: 0.75rem 0;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.pricing-features li svg
{
	width: 20px;
	height: 20px;
	stroke: var(--primary);
}
.pricing-card.featured .pricing-features li
{
	color: rgba(255,255,255,0.8);
}
/* Shop Grid */
.shop-grid
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}
.product-card
{
	background: var(--white);
}
.product-image
{
	position: relative;
	overflow: hidden;
	background: var(--gray-100);
}
.product-image img
{
	width: 100%;
	height: 300px;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.product-card:hover .product-image img
{
	transform: scale(1.1);
}
.product-badge
{
	position: absolute;
	top: 1rem;
	left: 1rem;
	background: var(--primary);
	color: var(--white);
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem;
}
.product-actions
{
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	display: flex;
	gap: 0.5rem;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.3s ease;
}
.product-card:hover .product-actions
{
	opacity: 1;
	transform: translateY(0);
}
.product-actions button
{
	flex: 1;
	padding: 0.75rem;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}
.product-content
{
	padding: 1.5rem;
	text-align: center;
}
.product-category
{
	color: var(--gray-500);
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}
.product-content h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
	margin: 0.5rem 0;
	transition: color 0.3s ease;
}
.product-card:hover .product-content h3
{
	color: var(--primary);
}
.product-rating
{
	display: flex;
	justify-content: center;
	gap: 0.25rem;
	margin: 0.5rem 0;
}
.product-rating svg
{
	width: 16px;
	height: 16px;
	fill: #fbbf24;
	stroke: #fbbf24;
}
.product-rating svg.empty
{
	fill: none;
	stroke: var(--gray-400);
}
.product-price .original
{
	color: var(--gray-400);
	text-decoration: line-through;
	margin-right: 0.5rem;
}
.product-price .current
{
	color: var(--primary);
	font-weight: 700;
}
/* Events Grid */
.events-grid
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
.event-card
{
	background: var(--white);
	border: 1px solid var(--gray-100);
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	transition: box-shadow 0.3s ease;
}
.event-card:hover
{
	box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}
.event-image
{
	position: relative;
	overflow: hidden;
}
.event-image img
{
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.event-card:hover .event-image img
{
	transform: scale(1.1);
}
.event-badge
{
	position: absolute;
	top: 1rem;
	left: 1rem;
	background: var(--primary);
	color: var(--white);
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
}
.event-content
{
	padding: 1.5rem;
}
.event-content h3
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1rem;
	transition: color 0.3s ease;
}
.event-card:hover .event-content h3
{
	color: var(--primary);
}
.event-meta
{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
.event-meta div
{
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--gray-500);
	font-size: 0.875rem;
}
.event-meta svg
{
	width: 16px;
	height: 16px;
	stroke: var(--primary);
}
.event-content p
{
	color: var(--gray-600);
	font-size: 0.875rem;
	margin-bottom: 1rem;
}
/* FAQ */
.faq-list
{
	max-width: 800px;
	margin: 0 auto;
}
.faq-item
{
	border: 1px solid var(--gray-200);
	margin-bottom: 1rem;
}
.faq-question
{
	width: 100%;
	padding: 1.25rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--white);
	text-align: left;
}
.faq-question h4
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
}
.faq-question svg
{
	width: 20px;
	height: 20px;
	stroke: var(--primary);
	transition: transform 0.3s ease;
}
.faq-item.active .faq-question svg
{
	transform: rotate(180deg);
}
.faq-answer
{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}
.faq-item.active .faq-answer
{
	max-height: 200px;
}
.faq-answer p
{
	padding: 0 1.5rem 1.5rem;
	color: var(--gray-600);
}
/* Stats */
.stats-grid
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}
.stat-item
{
	text-align: center;
}
.stat-number
{
	font-family: "Montserrat", sans-serif;
	font-size: 4rem;
	font-weight: 700;
	color: var(--primary);
}
.stat-label
{
	color: rgba(255,255,255,0.8);
	font-size: 0.875rem;
	letter-spacing: 0.1em;
}
/* Contact Info Cards */
.contact-cards
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	margin-top: -8rem;
	position: relative;
	z-index: 4;
}
.contact-card
{
	background: var(--white);
	padding: 2rem;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
}
.contact-card:hover
{
	background: var(--primary);
}
.contact-card-icon
{
	width: 64px;
	height: 64px;
	border: 2px solid var(--gray-200);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	transition: all 0.3s ease;
}
.contact-card:hover .contact-card-icon
{
	border-color: var(--white);
}
.contact-card-icon svg
{
	width: 24px;
	height: 24px;
	stroke: var(--primary);
	transition: stroke 0.3s ease;
}
.contact-card:hover .contact-card-icon svg
{
	stroke: var(--white);
}
.contact-card h4
{
	font-family: "Montserrat", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	transition: color 0.3s ease;
}
.contact-card:hover h4
{
	color: var(--white);
}
.contact-card p
{
	color: var(--gray-500);
	font-size: 0.875rem;
	transition: color 0.3s ease;
}
.contact-card:hover p
{
	color: rgba(255,255,255,0.8);
}
.post-content
{
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.post-img-grid
{
	aspect-ratio: 1000 / 600;
	margin-bottom: 30px;
}
.post-img-grid img
{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}
.post-text-grid h3
{
	width: 100%;
	font-size: 40px;
}
.post-text-grid p
{
	width: 100%;
	font-size: 16px;
}
.contact-banner
{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
}

.whc
{
	padding: 90px 0;
	background: var(--bg);
}
.whc__container
{
	width: min(1500px, calc(100% - 48px));
	margin: 0 auto;
}
.whc__head
{
	margin-bottom: 30px;
}
.whc__title
{
	margin: 0;
	font-size: clamp(20px, 3vw, 26px);
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: center;
}
.whc__tableWrap
{
	background: var(--panel);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow-x: auto;
}
.whc__table
{
	width: 100%;
	min-width: 1000px;
	border-collapse: separate;
	border-spacing: 0;
}
.whc__table thead th
{
	background: #141517;
	color: rgba(255,255,255,.85);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: 18px 14px;
	border-bottom: 1px solid var(--line);
	border-right: 1px solid var(--line);
}
.whc__corner
{
	width: 180px;
}
.whc__table tbody th,
.whc__table tbody td
{
	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	vertical-align: top;
}
.whc__time
{
	padding: 20px 14px;
	background: rgba(255,255,255,.02);
	font-weight: 700;
	color: rgba(255,255,255,.75);
	white-space: nowrap;
}
.whc__table td
{
	padding: 14px;
	min-height: 90px;
}
.whc__table td:empty
{
	background: rgba(255,255,255,.015);
}
.whc__event
{
	height: 100%;
	padding: 14px;
	background: linear-gradient(135deg, rgba(225,27,34,.18), rgba(225,27,34,0) 60%), rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.12);
	transition: transform .2s ease, box-shadow .2s ease;
}
.whc__event:hover
{
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(0,0,0,.35);
}
.whc__eventTitle
{
	display: inline-block;
	margin-bottom: 8px;
	font-weight: 800;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
}
.whc__eventTitle:hover
{
	text-decoration: underline;
	text-underline-offset: 4px;
}
.whc__eventMeta
{
	display: flex;
	align-items: flex-start;
	gap: 4px;
	flex-wrap: wrap;
	flex-direction: column;
}
.whc__event--long
{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.whc__education
{
	font-size: 12px;
	font-weight: 600;
	color: rgba(255,255,255,.65);
}
.whc__pill
{
	font-size: 10px;
	font-weight: 400;
	color: #fff;
}
.whc__event + .whc__event
{
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed rgba(0,0,0,0.1);
}
.whc__mobile { display:none; }


@media only screen and (max-width: 1690px)
{
	.menu .main-menu a
	{
		padding: 0 18px;
	}
}
@media only screen and (max-width: 1440px)
{
	.menu .main-menu a
	{
		padding: 0 12px;
	}
}


/* Responsive */
@media (max-width: 1024px)
{
	.nav
	{
		display: none;
	}
	.mobile-toggle
	{
		display: block;
	}
	.hero-title
	{
		font-size: 3rem;
	}
	.section-title
	{
		font-size: 2.5rem;
	}
	.portfolio-grid
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.team-grid,
	.blog-grid,
	.events-grid
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.banner-grid,
	.programs-grid
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.pricing-grid
	{
		grid-template-columns: 1fr;
		max-width: 400px;
	}
	.pricing-card.featured
	{
		transform: none;
	}
	.shop-grid
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.bmi-grid,
	.contact-grid
	{
		grid-template-columns: 1fr;
	}
	.stats-grid,
	.contact-cards
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.instagram-grid
	{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 768px)
{
	.hero-title
	{
		font-size: 2rem;
		letter-spacing: 0.15em;
	}
	.section-title
	{
		font-size: 2rem;
	}
	.page-banner h1
	{
		font-size: 2.5rem;
	}
	.portfolio-grid,
	.team-grid,
	.blog-grid,
	.events-grid,
	.banner-grid,
	.programs-grid,
	.shop-grid
	{
		grid-template-columns: 1fr;
	}
	.portfolio-item.large
	{
		grid-column: span 1;
	}
	.stats-grid,
	.contact-cards
	{
		grid-template-columns: 1fr;
	}
	.contact-cards
	{
		margin-top: -4rem;
	}
	.footer-inner
	{
		flex-direction: column;
		gap: 1rem;
		text-align: center;
	}
}
@keyframes menuOpen
{
	0%
	{
		opacity: 0;
		transform: translate(-75%, 0%);
	}
	100%
	{
		opacity: 1;
		transform: translate(0%, 0%);
	}
}
@media only screen and (max-width: 991px)
{
	.header-inner
	{
		height: 60px;
		padding: 0px 10px;
	}
	.header-container
	{
		justify-content: space-between;
		left: unset;
		transform: unset;
	}
	.logo
	{
		width: 55%;
		padding: 0px;
		min-width: auto;
	}
	.logo a
	{
		width: 100%;
		float: left;
	}
	.header-right
	{
		width: 56%;
	}
	.menu
	{
		width: auto;
		float: right;
		background: transparent;	
	}
	.menu .main-menu
	{
		width: 70%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: white;
		animation: menuOpen 0.3s ease;
		transform: unset;
		text-align: left;
		z-index: 4;
		display: none;
	}
	.menu .menu-inner
	{
		height: calc(100% - 300px);
		overflow: auto;
		background-color: #FFFFFF;
		flex-direction: column;
		justify-content: flex-start;
	}
	#menu-button:checked ~ .main-menu
	{
		display: block;
	}
	#menu-button:checked ~ .main-menu + .menu-overlay
	{
		display: block;
	}
	.menu .has-child-menu:hover
	{
	border-bottom: none;
	}
	.menu-close
	{
		display: block;
	}
	.menu .main-menu li
	{
		width: 100% !important;
		height: auto;
		margin-right: 0px;
		padding-right: 0px;
	}
	.menu .main-menu li:first-child a
	{
		padding-left: 15px;
	}
	.menu .second
	{
		width: 100%;
		height: auto;
		position: relative;
		top: unset !important;
		left: unset !important;
		right: unset !important;
		border-radius: 0px;
		padding: 0px 0px 0px 10px;
		transform: none;
		background-color: #FFFFFF;
	}
	.menu .second .sub-menu
	{
		background-color: #FFFFFF;
		padding: 0px;
	}
	.menu input[type="checkbox"]:checked ~ .second
	{
		display: block;
	}
	.menu .sub-menu input[type="checkbox"]:checked ~ .sub-menu-box-center
	{
		display: block;
	}
	.sub-menu-box-center
	{
		width: 100%;
		float: left;
		background-color: #FFFFFF;
		padding-top: 0px;
		position: unset;
		right: unset;
		top: unset;
	}
	.menu .sub-menu li a
	{
		width: 100%;
		float: left;
		padding: 10px !important;
		font-size: 14px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 27px;
	}
	.menu .sub-menu a span:after
	{
		display: none;
	}
	.menu .sub-menu img 
	{
		margin: 19px;
	}
	.menu .sub-menu li
	{
		width: 100%;
		padding: 0px;
		height: auto;
	}
	.menu-overlay
	{
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 3;
	}
	.menu .menu-btn
	{
		width: auto;
		float: left;
		padding: 25px 0px;
		display: block;
	}
	.menu .menu-btn img
	{
		width: 22px;
		height: 16px;
		float: left;
	}
	.menu .menu-icon
	{
		display: block;
	}
	.menu .menu-minus
	{
		display: none;
	}
	.menu input[type="checkbox"]:checked + .menu-icon .menu-minus
	{
		display: block;
	}
	.menu input[type="checkbox"]:checked + .menu-icon .menu-plus
	{
		display: none;
	}
	.menu .sub-menu li .alt-menu-images
	{
		display: none;
	}
	.menu .sub-menu li .sub-menu-alt 
	{
		display: none;
	}
	.menu .main-menu a
	{
		color: #000000 !important;
		padding: 10px !important;
		border-bottom: 1px solid #000000;
		text-align: left;
		font-size: 16px;
		line-height: 27px;
	}
	.mobil-buttons
	{
		display: block;
	}
	.mobil-buttons a
	{
		width: 50%;
		text-align: center;
		font-size: 12px;
		border-bottom: none;
		background-color: #ED7203;
		border: 1px solid #e5e5e5;
		padding: 10px!important;
		height: 100%;
		line-height: 14px;
	}
	.mobil-buttons img
	{
		width: 14px;
		height: 14px;
		display: inline-block;
	}
	.mobil-buttons p
	{
		width: 100%;
		float: left;
		margin: 0;
		margin-top: 4px;
	}
	.sub-menu-box
	{
		width: 100%;
	}
	.sub-menu-box > ul
	{
		width: 100%;
		padding-top: 0px;
	}
	.slider-text-box h1
	{
		font-size: 24px;
		letter-spacing: 10px;
	}
	.header.scrolled
	{
		backdrop-filter: unset;
	}
	.portfolio-grid
	{
		display: flex;
		flex-direction: column;
	}
	.bmi-grid
	{
		display: flex;
		flex-direction: column-reverse;
	}
	.contact-banner
	{
		display: flex;
		flex-direction: column;
	}
	.contact-banner-iframe
	{
		width: 100%;
	}
	.contact-banner-iframe iframe
	{
		width: 100%;
	}
	.whc__desktop
	{
		display:none;
	}
	.whc__mobile
	{
		display:block;
	}
	.whc-m-day
	{
		margin-bottom:24px;
	}
	.whc-m-day h3
	{
		font-size:18px;
		margin-bottom:10px;
		border-bottom:2px solid #eee;
		padding-bottom:6px;
		color: white;
	}
	.whc-m-timeBlock
	{
		background:#f9f9f9;
		padding:10px;
		border-radius:8px;
		margin-bottom:10px;
	}
	.whc-m-time
	{
		font-weight:600;
		margin-bottom:6px;
	}
	.whc-m-event
	{
		background:#fff;
		padding:6px 8px;
		border-radius:6px;
		margin-bottom:6px;
		box-shadow:0 1px 3px rgba(0,0,0,.06);
	}
	.whc-m-event a
	{
		display:block;
		font-weight:600;
		color:#000;
		text-decoration:none;
	}
	.whc-m-empty
	{
		color:#999;
		font-size:14px;
	}
	.whc__education
	{
		display: block;
		color: #000;
	}
	.static-page
	{
		width: 100%;
	}
	.mkdf-side-menu-inner
	{
		transform: unset;	
		opacity: 1;
		padding: 10px;
	}
}