:root {
    --color-gold: #AE9C71;
    --color-gold-rgb: 174,156,113;
    --color-red: #FF0000;
    --color-red-rgb: 255,0,0;
    --color-red-dark: #E30000;
    --color-red-dark-rgb: 227,0,0;
    --color-blue: #0606EF;
    --color-blue-rgb: 6,6,239;
    --color-blue-dark: #1C2A56;
    --color-blue-dark-rgb: 28,42,86;
    --color-blue-light: #0C3B92;
    --color-blue-light-rgb: 12,59,146;
    --color-blue-bright: #25A9E1;
    --color-blue-bright-rgb: 37,169,225;
    --color-gray: #1E1E1E;
    --color-gray-rgb: 30,30,30;
    --color-gray-light: #EBEBEB;
    --color-gray-light-rgb: 235,235,235;
    --color-gray-bright: #F2F2F2;
    --color-gray-bright-rgb: 242,242,242;
    
    --color-theme: var(--color-blue-dark);
    --color-theme-rgb: var(--color-blue-dark-rgb);
    --color-body: #000000;
    --color-body-rgb: 0,0,0;
    --color-body-bg: #ffffff;
    --color-body-bg-rgb: 255,255,255;
    --color-border: var(--color-gray-light);
    --color-error: var(--color-red);
    --color-placeholder: inherit;
    
    --filter-black: brightness(0);
    --filter-white: brightness(0) invert(1);
    --filter-gold: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(1147%) hue-rotate(4deg) brightness(92%) contrast(90%);
    
    --font-body: 'Barlow', 'anugrom', sans-serif;
    --font-heading: 'New Amsterdam', 'anugrom', sans-serif;
    --font-weight-regular: 400;
    --font-weight-light: 300;
    --font-weight-bold: 600;
    --font-size-3xs: 8px;
    --font-size-2xs: 10px;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-h4: 22px;
    --font-size-h3: 28px;
    --font-size-h2: 40px;
    --font-size-h1: 50px;
    --icon-size: 20px;
    --icon-size-lg: 24px;
    --icon-size-xl: 30px;
    --line-height-xs: 1;
    --line-height-sm: 1.1;
    --line-height-md: 1.3;
    
    --spacing-3xl: 120px;
    --spacing-3xl-minus: -120px;
    --spacing-2xl: 90px;
    --spacing-2xl-minus: -90px;
    --spacing-xl: 80px;
    --spacing-xl-minus: -80px;
    --spacing-lg: 50px;
    --spacing-lg-minus: -50px;
    --spacing-md: 30px;
    --spacing-md-minus: -30px;
    --spacing-sm: 20px;
    --spacing-sm-minus: -20px;
    --spacing-xs: 15px;
    --spacing-xs-minus: -15px;
    --spacing-2xs: 10px;
    --spacing-2xs-minus: -10px;
    --spacing-3xs: 5px;
    --spacing-3xs-minus: -5px;

    --font-weight-body: var(--font-weight-light);
    --font-size-body: var(--font-size-md);
    --font-size-body-sub: var(--font-size-sm);
    --line-height-body: var(--line-height-md);
    --spacing-container: var(--spacing-lg);
    --spacing-container-minus: var(--spacing-lg-minus);
    --header-nav-height-start: 100px;
    --header-nav-height-fixed: 80px;
    --header-nav-height: var(--header-nav-height-start);
    --header-noti-height: 0px;
    --header-height: calc(var(--header-nav-height) + var(--header-noti-height));
    --header-height-fixed: calc(var(--header-nav-height-fixed) + var(--header-noti-height));
    --input-height: 46px;
    --button-height: 60px;
    --button-height-lg: 80px;
    --radius: 5px;
    --opacity: 0.5;
    --opacity-light: 0.3;
    --duration: 0.3s;
    --duration-x2: 0.8s;
    --timing-function: ease-in-out;
    --timing-function-expo: cubic-bezier(0.87, 0, 0.13, 1);
    --cta-shadow: 0 -2px 0 0 var(--color-gold) inset;
}

html.page-scrolling {
    --header-nav-height: var(--header-nav-height-fixed);
}

.c-black { 
    --rgb: 0,0,0; 
}
.c-white { 
    --rgb: 255,255,255;
}

.rws-html {
    --color-theme: #000;
    --color-theme-rgb: 0,0,0;
    --cta-shadow: 0 -2px 0 0 var(--color-red) inset;
}

/*========== FIX STYLE:THEME ==========*/
.bg-theme { background-color: var(--color-theme) !important;}
.bg-red { background-color: var(--color-red) !important;}
.bg-blue-dark { background-color: var(--color-blue-dark) !important;}
.bg-gray-bright { background-color: var(--color-gray-bright) !important;}
.c-theme { color: var(--color-theme) !important;}
.c-gold { color: var(--color-gold) !important;}
.c-gray { color: var(--color-gray) !important;}
.c-red { color: var(--color-error) !important;}
.c-body { color: var(--color-body) !important;}
.c-error { color: var(--color-error) !important;}
.padding-top-3xl { padding-top: var(--spacing-3xl) !important;}
.padding-top-2xl { padding-top: var(--spacing-2xl) !important;}
.padding-top-xl { padding-top: var(--spacing-xl) !important;}
.padding-top-lg { padding-top: var(--spacing-lg) !important;}
.padding-top-md { padding-top: var(--spacing-md) !important;}
.padding-top-sm { padding-top: var(--spacing-sm) !important;}
.padding-top-xs { padding-top: var(--spacing-xs) !important;}
.padding-top-2xs { padding-top: var(--spacing-2xs) !important;}
.padding-top-3xs { padding-top: var(--spacing-3xs) !important;}
.padding-bottom-3xl { padding-bottom: var(--spacing-3xl) !important;}
.padding-bottom-2xl { padding-bottom: var(--spacing-2xl) !important;}
.padding-bottom-xl { padding-bottom: var(--spacing-xl) !important;}
.padding-bottom-lg { padding-bottom: var(--spacing-lg) !important;}
.padding-bottom-md { padding-bottom: var(--spacing-md) !important;}
.padding-bottom-sm { padding-bottom: var(--spacing-sm) !important;}
.padding-bottom-xs { padding-bottom: var(--spacing-xs) !important;}
.padding-bottom-2xs { padding-bottom: var(--spacing-2xs) !important;}
.padding-bottom-3xs { padding-bottom: var(--spacing-3xs) !important;}
.padding-y-3xl { padding-top: var(--spacing-3xl) !important; padding-bottom: var(--spacing-3xl) !important;}
.padding-y-2xl { padding-top: var(--spacing-2xl) !important; padding-bottom: var(--spacing-2xl) !important;}
.padding-y-xl { padding-top: var(--spacing-xl) !important; padding-bottom: var(--spacing-xl) !important;}
.padding-y-lg { padding-top: var(--spacing-lg) !important; padding-bottom: var(--spacing-lg) !important;}
.padding-y-md { padding-top: var(--spacing-md) !important; padding-bottom: var(--spacing-md) !important;}
.padding-y-sm { padding-top: var(--spacing-sm) !important; padding-bottom: var(--spacing-sm) !important;}
.padding-y-xs { padding-top: var(--spacing-xs) !important; padding-bottom: var(--spacing-xs) !important;}
.padding-y-2xs { padding-top: var(--spacing-2xs) !important; padding-bottom: var(--spacing-2xs) !important;}
.padding-y-3xs { padding-top: var(--spacing-3xs) !important; padding-bottom: var(--spacing-3xs) !important;}
.margin-top-3xl:not(:first-child) { margin-top: var(--spacing-3xl) !important;}
.margin-top-2xl:not(:first-child) { margin-top: var(--spacing-2xl) !important;}
.margin-top-xl:not(:first-child) { margin-top: var(--spacing-xl) !important;}
.margin-top-lg:not(:first-child) { margin-top: var(--spacing-lg) !important;}
.margin-top-md:not(:first-child) { margin-top: var(--spacing-md) !important;}
.margin-top-sm:not(:first-child) { margin-top: var(--spacing-sm) !important;}
.margin-top-xs:not(:first-child) { margin-top: var(--spacing-xs) !important;}
.margin-top-2xs:not(:first-child) { margin-top: var(--spacing-2xs) !important;}
.margin-top-3xs:not(:first-child) { margin-top: var(--spacing-3xs) !important;}
.margin-bottom-3xl:not(:last-child) { margin-bottom: var(--spacing-3xl) !important;}
.margin-bottom-2xl:not(:last-child) { margin-bottom: var(--spacing-2xl) !important;}
.margin-bottom-xl:not(:last-child) { margin-bottom: var(--spacing-xl) !important;}
.margin-bottom-lg:not(:last-child) { margin-bottom: var(--spacing-lg) !important;}
.margin-bottom-md:not(:last-child) { margin-bottom: var(--spacing-md) !important;}
.margin-bottom-sm:not(:last-child) { margin-bottom: var(--spacing-sm) !important;}
.margin-bottom-xs:not(:last-child) { margin-bottom: var(--spacing-xs) !important;}
.margin-bottom-2xs:not(:last-child) { margin-bottom: var(--spacing-2xs) !important;}
.margin-bottom-3xs:not(:last-child) { margin-bottom: var(--spacing-3xs) !important;}

.padding-container { padding: var(--spacing-container) !important;}
.padding-x-container { padding-left: var(--spacing-container) !important; padding-right: var(--spacing-container) !important;}
.padding-y-container { padding-top: var(--spacing-container) !important; padding-bottom: var(--spacing-container) !important;}
.padding-top-header { padding-top: var(--header-height) !important; transition: var(--duration);}

/*========== FIX STYLE:GENERAL ==========*/
.bg-black { background-color: #000000 !important;}
.bg-white { background-color: #ffffff !important;}
.c-black { color: #000000 !important;}
.c-white { color: #ffffff !important;}
.filter-black { -webkit-filter: brightness(0) !important; filter: brightness(0) !important;}
.filter-white { -webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;}
.a-left { text-align: left !important;}
.a-right { text-align: right !important;}
.a-center { text-align: center !important;}
.margin-0 { margin: 0 !important;}
.margin-top-0 { margin-top: 0 !important;}
.margin-bottom-0 { margin-bottom: 0 !important;}
.padding-0 { padding: 0 !important;}
.padding-top-0 { padding-top: 0 !important;}
.padding-bottom-0 { padding-bottom: 0 !important;}
.uppercase { text-transform: uppercase !important;}
.nowrap { white-space: nowrap !important;}
.overflow-hidden { overflow: hidden !important;}
.overflow-clip { overflow: clip !important;}
.hidden { display: none !important;}
.alignfull { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}

/*========== RESET ==========*/
*, *:before, *:after {
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 0px;
    overflow: hidden;
}
::-moz-selection {
    background: var(--color-body);
    color: var(--color-body-bg);
}
::selection {
    background: var(--color-body);
    color: var(--color-body-bg);
}

article, aside, figcaption, figure, picture, footer, header, hgroup, main, nav, section {
    display: block;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
    margin: 0;
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    background: var(--color-body-bg);
    color: var(--color-body);
    opacity: 0;
    will-change: opacity;
    transition: opacity 1.3s var(--timing-function) .2s;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
p {
    margin: 0;
}
address {
    font-style: normal;
}
ul, ol {
    list-style: none;
}
ul, ol, li {
    margin: 0;
    padding: 0;
}
a {
    color: inherit;
}
a, a:hover, a:focus {
    outline: 0;
    text-decoration: none;
    box-shadow: none;
}
a[href^=tel] {
    white-space: nowrap;
}
a[href^=mailto] {
    word-break: break-word;
}
a, button, [role="button"] {
    cursor: pointer;
}
button, input, textarea, select {
    outline: 0;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    font: inherit;
    line-height: normal;
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-indent: inherit;
    color: inherit;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
    outline: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
figure {
    margin: 0;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    padding: 0;
    font-weight: inherit;
    text-align: inherit;
}
iframe {
    border: 0;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
script {
    margin: 0 !important;
}
hr {
    border: 0;
    margin: 0;
    display: block;
    height: 1px;
    width: 100%;
    background: currentColor;
}

/*========== TEXT STYLE ==========*/
body {
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong {
    font-weight: var(--font-weight-regular);
}
small {
    font-size: 85.7142857143%;
}

.font-body {
    font-family: var(--font-body);
}
.weight-regular {
    font-weight: var(--font-weight-regular);
}
.weight-light {
    font-weight: var(--font-weight-light);
}
.weight-bold {
    font-weight: var(--font-weight-bold);
}

.size-body {
    font-size: var(--font-size-body) !important;
    line-height: inherit;
}
.size-h1 {
    font-size: var(--font-size-h1) !important;
    line-height: var(--line-height-xs);
}
.size-h2,
.size-h1 small {
    font-size: var(--font-size-h2) !important;
    line-height: var(--line-height-xs);
}
.size-h3,
.size-h2 small,
.entry-content h2 {
    font-size: var(--font-size-h3) !important;
    line-height: var(--line-height-sm);
}
.size-h4,
.entry-content h3 {
    font-size: var(--font-size-h4) !important;
    line-height: var(--line-height-sm);
}
.size-xl,
.entry-content h4 {
    font-size: var(--font-size-xl) !important;
    line-height: inherit;
}
.size-lg,
.entry-content h5 {
    font-size: var(--font-size-lg) !important;
    line-height: inherit;
}
.size-md,
.entry-content h6 {
    font-size: var(--font-size-md) !important;
    line-height: inherit;
}
.size-sm {
    font-size: var(--font-size-sm) !important;
    line-height: inherit;
}
.size-xs {
    font-size: var(--font-size-xs) !important;
    line-height: inherit;
}
.size-2xs {
    font-size: var(--font-size-2xs) !important;
    line-height: inherit;
}
.size-3xs {
    font-size: var(--font-size-3xs) !important;
    line-height: inherit;
}

.entry-content {
    --wp--preset--font-size--small: var(--font-size-sm);
    --wp--preset--font-size--medium: var(--font-size-md);
    --wp--preset--font-size--large: var(--font-size-lg);
    --wp--preset--font-size--x-large: var(--font-size-xl);
}
.entry-content .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
    line-height: inherit !important;
}
.entry-content .has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: inherit !important;
}
.entry-content .has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: inherit !important;
}
.entry-content .has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
    line-height: inherit !important;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
}

/*========== TRANSITION ==========*/
img, a, button, [role="button"], 
input, textarea, select,
.select2-selection__placeholder,
.select2-results__option,
.label.anim,
.button, 
.ctrl,
.explore,
.container,
#header,
#footer,
#main,
*[class*="object"],
.bg-img,
.tab-content,
.tabchild-content,
.tabdata-content,
[class*="swiper-button-"] {
    transition: var(--duration) var(--timing-function);
}

/*========== CTAs ==========*/
a:hover, 
a.active, 
button:hover, 
button.active,
.current-cat > a {
    box-shadow: var(--cta-shadow);
}

.link-overlay {
    box-shadow: none !important;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 0;
}

.link-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--spacing-2xs-minus) var(--spacing-3xs-minus);
}
.link-wrapper > * {
    margin: 0 var(--spacing-2xs) var(--spacing-3xs);
}
.link-wrapper a {
    box-shadow: var(--cta-shadow);
}
.link-wrapper a:hover {
    color: var(--color-body);
}

.link-icon {
    display: inline-block;
    vertical-align: top;
    font-size: var(--font-size-xl);
    line-height: 1;
}
.link-icon > * {
    vertical-align: top;
}

.explore {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-lg);
    text-transform: uppercase;
}

.explore-container {
    display: flex;
    flex-wrap: wrap;
    margin: var(--spacing-2xs-minus) var(--spacing-sm-minus);
}
.explore-container > * {
    margin: var(--spacing-2xs) var(--spacing-sm);
}

.button {
    text-decoration: none !important;
	box-shadow: none !important;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    vertical-align: top;
    width: auto;
    min-width: 150px;
    max-width: 100%;
    height: var(--button-height);
    min-height: 0;
    max-height: none;
    padding: 0 var(--spacing-xs);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-lg);
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: inherit;
    background: none;
    border: 1px solid;
    border-radius: 0;
    overflow: hidden;
}
.button:hover,
.button.active,
html.touchevents .button.fix-touch {
    color: #fff;
    background: var(--color-red);
    border-color: var(--color-red);
}
.button.active:hover {
    color: #fff;
    background: var(--color-red-dark);
    border-color: var(--color-red-dark);

}

.button.w-full {
    width: 100%;
}
.button.w-full-max {
    width: 100%;
    max-width: 435px;
}


.cta-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: var(--spacing-sm) var(--spacing-lg);
}
.a-center .cta-container {
    justify-content: center;
}


.highlight-link a {
    box-shadow: var(--cta-shadow);
}

/*========== GENERAL ==========*/
.container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
}
.ic, .ic-name {
    display: inline-block;
    vertical-align: middle;
}
*[class*="ic-"] + *[class*="ic-"] {
    margin-left: var(--spacing-2xs);
}

.brand {
    display: inline-block;
    vertical-align: top;
}

.logo {
    display: block;
    width: auto;
    height: 26px;
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.object,
.object-fit {
    display: block;
    overflow: hidden;
    position: relative;
}
.object > img,
.object > video,
.object > iframe {
    display: block;
    width: 100%;
    margin: auto;
}
.object-fit > img,
.object-fit > video,
.object-fit > iframe {
    display: block;
    margin: 0 auto;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0; left: 0;
}
.object-fit:before {
    content: "";
    display: block;
    width: 100%;
}
.object-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
}

.bg-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.no-touchevents .bg-img.fixed {
    background-attachment: fixed;
}

.social {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    grid-gap: var(--spacing-sm);
    line-height: 1;
}
.social > * {
    display: block;
    color: inherit;
}
.social a {
    color: inherit;
}
.social:hover a {
    opacity: var(--opacity-light);
}
.social:hover a:hover {
    opacity: 1;
}
.social .ic {
    font-size: var(--icon-size-lg);
    padding: 1px;
    margin: -1px;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.iframe-container iframe {
    outline: 0;
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.map-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.map-container:before {
    content: "";
    display: block;
    width: 100%;
}
.map-container iframe {
    outline: 0;
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; 
    top: 0;
}
.map-container .mockup {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    left: 50%; 
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.map-container .mockup img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.weight-tag,
.tag {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    white-space: nowrap;
    padding: 0 var(--spacing-2xs);
    width: auto;
    height: 26px;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body-sub);
    text-transform: uppercase;
    line-height: 1;
    background: #000;
    color: #fff;
}
.tags {
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: top;
    line-height: 1;
}

/*========== CLIPBOARD ==========*/
#clipboard {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-2xs);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: normal;
    text-transform: uppercase;
    background-color: rgba(var(--color-theme-rgb),0.9);
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*========== FORM ==========*/
input,
textarea,
select {
    width: 100%;
    height: var(--input-height);
    padding: var(--spacing-3xs) 0;
    background: none;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
}
textarea {
    display: block;
    overflow: auto;
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
    min-height: 139px;
    padding-top: 10px;
    resize: none;
}

/* SELECT:START */
.select {
    position: relative;
}
.select select {
    line-height: normal;
    padding-right: var(--input-height);
    text-overflow: "";
    cursor: pointer;
}
.select:after {
    font-family: 'iconfont';
    content: "\e908";
    font-size: var(--font-size-xs);
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding-right: 0;
    width: var(--input-height);
    height: 100%;
    position: absolute;
    top: 0; bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.select2-parent:after {
    display: none;
}
.select2-rendered__match {
    text-decoration: underline;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}
.select2-dropdown {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1051;
    left: -100000px;
    background: #fff;
    color: var(--color-body);
    border: 1px solid;
    border-radius: 0 !important;
    box-sizing: border-box;
    transition: none;
    overflow: hidden;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--below {
    margin: var(--spacing-2xs) 0 0;
}
.select2-container--open .select2-dropdown--above {
    margin: var(--spacing-2xs-minus) 0 0;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: var(--spacing-xs) calc(var(--spacing-sm) - 1px);
    line-height: normal;
}
.select2-results__option {
    padding: 0;
}
.select2-results__option:not(:last-child) {
    margin-bottom: var(--spacing-3xs);
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-search--dropdown {
    display: block;
    padding: var(--spacing-xs);
}
.select2-search--dropdown .select2-search__field {
    padding: 7px 15px 8px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-container--default .select2-selection--single {
    outline: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: var(--input-height);
    background: none;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0 !important;
    transition: var(--duration) var(--timing-function);
    overflow: hidden;
    cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: var(--spacing-3xs) var(--spacing-xs);
    height: 100%;
    line-height: calc(var(--input-height) - var(--spacing-3xs)*2);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: inherit;
    opacity: var(--opacity-light);
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: var(--input-height);
    height: 100%;
    font-size: 0;
    text-align: center;
    padding-right: 0;
    cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    margin: 0;
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    font-family: 'iconfont';
    font-size: var(--font-size-xs);
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding-right: 0;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\e908";
}
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: "\e900";
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid;
}
.select2-container--default .select2-search--inline {
    float: left;
}
.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;
    outline: 0;
    font-size: 100%;
    margin-top: 5px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 30vh;
    overflow-y: auto;
}
.select2-container--default .select2-results__option span {
    display: inline;
    transition: var(--duration) var(--timing-function);
}
.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] span {
    color: inherit;
    box-shadow: var(--cta-shadow);
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: none;
    text-decoration: none;
    font-weight: inherit;
    color: inherit;
}
.select2-container--default .select2-results__option[aria-selected=true] span {
    color: inherit;
    box-shadow: none;
    font-weight: var(--font-weight-regular);
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    background: none !important;
    color: inherit !important;
    opacity: var(--opacity-light) !important;
    pointer-events: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.select2-container--default .select2-results__group {
    display: block;
    padding: 0;
    cursor: default;
}
/* SELECT:END */

/* DATEPICKER:START */
.datepicker {
    position: relative;
}
.datepicker:before {
    font-family: 'iconfont';
    content: "\e934";
    font-weight: normal;
    font-size: var(--font-size-md);
    width: var(--input-height);
    height: var(--input-height);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--spacing-sm);
    position: absolute;
    top: 0; 
    right: 0;
    pointer-events: none;
}
.ui-datepicker-trigger {
    position: absolute;
    right: 0;
    top: 0;
}
.ui-datepicker {
    width: 345px;
    max-width: calc(100vw - var(--spacing-sm)*2);
    margin: 0;
    padding: var(--spacing-2xs) 0;
    font: inherit;
    font-weight: inherit;
    text-transform: none;
    line-height: normal;
    background: var(--color-body-bg);
    color: var(--color-body);
    border: 1px solid;
    border-radius: calc(var(--button-height)/2);
    box-shadow: none;
    overflow: hidden;
    z-index: 9999 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-datepicker a {
    box-shadow: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: var(--spacing-xs) 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: normal;
    border-radius: 0;
    text-transform: inherit;
    font-weight: inherit;
    border: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: flex;
    align-items: center;
    vertical-align: top;
    width: var(--input-height);
    height: 100%;
    line-height: inherit;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1;
}
.ui-datepicker .ui-datepicker-prev {
    padding-left: var(--spacing-sm);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}
.ui-datepicker .ui-datepicker-next {
    padding-right: var(--spacing-sm);
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: static;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-indent: inherit;
}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
    font-family: 'iconfont';
    font-size: var(--font-size-sm);
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
    justify-content: flex-start;
}
.ui-datepicker .ui-datepicker-prev span:before {
    content: "\e909";
    transform: translateX(-3px);
}
.ui-datepicker .ui-datepicker-next span {
    justify-content: flex-end;
}
.ui-datepicker .ui-datepicker-next span:before {
    content: "\e90a";
    transform: translateX(3px);
}
.ui-datepicker .ui-datepicker-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    font-size: inherit;
    padding-left: var(--font-size-xs);
}
.ui-datepicker .ui-datepicker-title select {
    width: auto;
    padding: 0 var(--spacing-sm) 0 0 !important;
    border: 0;
    background: none;
    height: auto;
    min-height: 0;
    line-height: normal;
    font-weight: inherit;
    text-transform: inherit;
}
.ui-datepicker .ui-datepicker-title select:not(:last-child) {
    margin-right: 0;
}
.ui-datepicker .ui-datepicker-title option {
    color: #000;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    order: 1;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    order: 3;
}
.ui-datepicker .ui-datepicker-title:before,
.ui-datepicker .ui-datepicker-title:after {
    font-family: 'iconfont';
    content: "\e904";
    font-size: var(--font-size-2xs);
    font-weight: normal;
    line-height: 1;
    pointer-events: none;
    transform: translateX(calc(var(--spacing-sm-minus) + var(--spacing-2xs)));
}
.ui-datepicker .ui-datepicker-title:before {
    order: 2;
}
.ui-datepicker .ui-datepicker-title:after {
    order: 4;
}
.ui-datepicker .ui-datepicker-calendar {
    border-radius: 0;
    border: 0;
    padding: 0;
    width: calc(100% - var(--spacing-xs));
    margin: 0 auto var(--spacing-2xs);
}
.ui-datepicker table {
    margin: 0;
    padding: var(--spacing-2xs) 0;
    font: inherit;
    font-weight: inherit;
}
.ui-datepicker th,
.ui-datepicker td {
    padding: 0;
    text-align: center;
    text-transform: inherit;
}
.ui-datepicker td span,
.ui-datepicker td a {
    margin: 0 auto;
    padding: var(--spacing-3xs);
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-datepicker .ui-state-default {
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-datepicker .ui-state-default:hover {
    opacity: 1;
    color: var(--color-body);
}
.ui-datepicker th,
.ui-datepicker td .ui-state-highlight,
.ui-datepicker td .ui-state-active,
.ui-datepicker .ui-datepicker-title {
    font-weight: inherit;
    font-style: normal;
    opacity: 1;
    color: inherit;
}
.ui-datepicker th {
    font-weight: inherit;
    padding-bottom: var(--spacing-2xs);
}
.ui-datepicker td.ui-state-disabled {
    pointer-events: none;
    opacity: 0.1;
}
.ui-datepicker td.ui-datepicker-current-day > * {
   color: var(--color-body) !important;
   font-weight: inherit !important;
}
/* DATEPICKER:END */

/* UI-SLIDER:START */
.ui-slider-horizontal {
    height: 40px;
}
.ui-slider-horizontal:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
    position: absolute;
    top: 8px; 
    left: 0;
}
.ui-slider-horizontal .ui-slider-range {
    height: 2px;
    background: var(--color-gold);
    top: 7px;
}
.ui-slider-horizontal .ui-slider-handle {
    width: 16px;
    height: 16px;
    background: var(--color-gold);
    border-radius: 50%;
    top: 8px;
    margin-top: -8px;
    margin-left: -8px;
    outline: none;
}
.ui-slider-horizontal .ui-slider-handle .range-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ui-slider-horizontal .ui-slider-handle .text {
    display: block;
    padding-top: var(--spacing-2xs);
    color: inherit;
    font-weight: inherit;
    white-space: nowrap;
    line-height: 1;
    position: absolute;
    top: 100%; left: 50%;
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slider-range-box {
    position: relative;
    z-index: 1;
    font-weight: inherit;
}
.slider-amount {
    margin-bottom: var(--spacing-2xs);
    display: flex;
    align-items: center;
}
.slider-amount > * {
    flex: 1;
    text-align: center;
}

/* UI-SLIDER:END */

/* CHECKBOX&RADIO:START */
.choice {
    position: relative;
    display: inline-flex;
    font-weight: var(--font-weight-regular);
    line-height: inherit;
}
.choice > span {
    position: relative;
    display: inline-block;
    -webkit-touch-callout: none;
}
.choice > input {
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    background: none;
}
.choice input + span {
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    padding-left: calc(var(--font-size-xs) + var(--font-size-2xs));
    line-height: normal;
    min-width: var(--font-size-xs);
    min-height: var(--font-size-xs);
    height: auto;
    cursor: pointer;
}
.choice input + span:before,
.choice input + span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0; 
    top: 0;
    margin: .3em 0 0;
    border-radius: 0;
}
.choice input + span:before {
    width: var(--font-size-xs);
    height: var(--font-size-xs);
    background: none;
    border: 1px solid;
}
.choice input + span:after {
    background: currentColor;
    width: calc(var(--font-size-xs) - 4px);
    height: calc(var(--font-size-xs) - 4px);
    top: 2px;
    left: 2px;
	opacity: 0;
}
.choice input:checked + span:after {
    opacity: 1;
}
.choice input[type="radio"] + span:before,
.choice input[type="radio"] + span:after {
    border-radius: 50%;
}

.choice-flex {
    display: flex;
    flex-wrap: wrap;
    margin: var(--spacing-3xs-minus) var(--spacing-sm-minus);
}
.choice-flex > * {
    margin: var(--spacing-3xs) var(--spacing-sm) !important;
}
.field:not(:first-child) .choice-flex {
    margin-top: var(--spacing-2xs);
}

.choice-group {
    display: flex;
    flex-direction: column;
}
.choice-group > * {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
}
.choice-group > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
/* CHECKBOX&RADIO:END */

.field {
    width: 100%;
    margin-bottom: var(--spacing-sm);
}
.field.focusin {
    position: relative;
}
.field[data-field="title"] {
    font-weight: inherit;
    font-size: var(--font-size-lg);
}
.fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: var(--spacing-sm-minus);
}
[class*="fields"] + [class*="fields"] {
    margin-top: var(--spacing-sm);
}

.label {
    padding: 0;
    border-radius: 0;
    position: relative;
    display: block;
    font-family: inherit;
    font-weight: var(--font-weight-regular);
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
}
.label a {
    box-shadow: var(--cta-shadow);
}
.label small {
    color: inherit;
    opacity: var(--opacity-light);
}
.label.anim {
	padding: 0 calc(var(--spacing-xs) + 1px);
    height: auto;
    width: 100%;
    max-width: 100%;
    color: inherit;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    z-index: 1;
    left: 0;
    top: calc(var(--input-height)/2);
    transform: translateY(-50%);
    pointer-events: none;
}
.label.anim:not(.fixed) {
    transition-property: opacity, visibility;
}
.label:not(.anim):not(:last-child) {
    margin-bottom: var(--spacing-3xs);
}

.input {
    position: relative;
    text-align: left;
}
.input.filled .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}
.input.filled .label.anim.fixed {
    top: 0;
    transform: translateY(-50%);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-body);
    opacity: var(--opacity);
}

.input.filled input,
.input.filled textarea,
.input.filled select,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: var(--font-weight-regular);
}
.input input:-webkit-autofill,
.input textarea:-webkit-autofill,
.input select:-webkit-autofill {
    font-weight: var(--font-weight-regular);
}
.input input:-internal-autofill-selected,
.input textarea:-internal-autofill-selected,
.input select:-internal-autofill-selected {
    font-weight: var(--font-weight-regular);
    color: inherit;
}
.input input:disabled,
.input textarea:disabled,
.input select:disabled,
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
    opacity: 0.1;
}
.input input[type="checkbox"]:disabled,
.input input[type="radio"]:disabled {
    background-color: transparent;
}
.input :-ms-input-placeholder {
    font-family: inherit !important;
    font-weight: var(--font-weight-body) !important;
    font-size: inherit !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input ::-webkit-input-placeholder {
    font-family: inherit !important;
    font-weight: var(--font-weight-body) !important;
    font-size: inherit !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input ::-moz-placeholder {
    font-family: inherit !important;
    font-weight: var(--font-weight-body) !important;
    font-size: inherit !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input ::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.input ::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 0;
}
input::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    font-weight: var(--font-weight-regular);
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: 5000s ease 0s;
    transition: 5000s ease 0s;
    font-weight: var(--font-weight-regular);
}
input[type=number] {
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*========== UPLOAD FILE ==========*/
.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: flex;
    align-items: center;
    margin: 0;
}
.file-upload-wrapper {
    position: relative; 
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.file-upload-wrapper .file-upload-action {
    cursor: pointer; 
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: auto;
    height: var(--input-height);
    display: flex;
    align-items: center;
}
.file-upload-wrapper .file-upload-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    width: auto;
    height: 28px;
    padding: 0 calc(28px/2);
    color: var(--color-body);
    border: 1px solid;
    border-radius: 50vw;
    box-shadow: none !important;
    white-space: nowrap;
    overflow: visible;
}
.file-upload-wrapper .file-upload-button:hover {
    background: var(--color-body);
    border-color: var(--color-body);
    color: #fff;
}
.file-upload-wrapper .file-upload-input {
    padding-right: 100px;
}

/*========== PLUGIN:POPUP ==========*/
[class*="open-popup-"] {
    cursor: pointer;
}
.mfp-bg, 
.mfp-content {
    transition: var(--duration) var(--timing-function);
    opacity: 0;
}
.mfp-bg {
    background: none;
    background-color: rgba(0,0,0,0.3);
    z-index: 9998;
}
.mfp-bg.mfp-ready {
    opacity: 1;
}
.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-wrap {
    z-index: 9999;
}
.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.mfp-container {
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    max-height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.mfp-iframe-holder {
    padding: 0;
}
.mfp-zoom-out-cur {
    cursor: default;
}
button.mfp-close,
button.mfp-close:active,
.modal-dismiss,
.mfp-iframe-holder .mfp-close, 
.mfp-image-holder .mfp-close {
    font-family: inherit;
    font-size: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0;
    color: inherit;
    background: none !important;
    border-radius: 0;
    overflow: hidden;
    opacity: 1;
    position: fixed;
    z-index: 10;
    bottom: auto;
    left: auto;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
}
button.mfp-close:hover,
.modal-dismiss:hover,
.mfp-iframe-holder .mfp-close:hover, 
.mfp-image-holder .mfp-close:hover {
    color: inherit !important;
    background: none !important;
    opacity: 1;
}
button.mfp-close:before,
.modal-dismiss:before {
    font-family: 'iconfont';
    content: "\e900";
    font-size: var(--icon-size);
    font-weight: bold;
    line-height: 1;
    color: inherit;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.modal-dismiss.circle {
    padding: 0;
    width: 36px;
    height: 36px;
    color: inherit !important;
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-dismiss.circle:before {
    font-size: var(--font-size-md);
}
.modal-dismiss.circle:hover {
    background: #fff !important;
    color: var(--color-theme) !important;
}

.popup-ctrl {
    font-size: 0;
    line-height: 0;
    position: fixed;
    z-index: -99999;
    top: 100%;
}

.popup-style-player.mfp-bg,
.popup-style-gallery.mfp-bg {
    background-color: rgba(var(--color-theme-rgb),0.9);
}
.popup-style-modal .mfp-content,
.popup-style-player .mfp-content {
    padding: 0;
    width: auto;
    max-width: 100%;
}
.popup-style-modal .modal-dismiss,
.popup-style-player .modal-dismiss {
    position: absolute;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
}

.modal-box {
    position: relative;
    width: 485px;
    max-width: calc(100vw - var(--spacing-container)*2);
    margin: 0 auto;
    color: var(--color-body);
    background: var(--color-body-bg);
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-fixed {
    width: 100vw;
    min-height: 100vh;
    min-height: calc(var(--vhFlexible, 1vh) * 100);
    padding: var(--spacing-2xs);
    display: flex;
    align-items: flex-end;
}
@supports (-webkit-touch-callout:none) {
    .instagram-browser .modal-fixed {
        min-height: 100vh;
    }
}
.modal-fixed .modal-box {
    margin: 0;
    max-width: 100%;
}
.modal-fixed .modal-box.f-right {
    margin-left: auto;
}
.modal-fixed-overlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.modal-container {
    padding: var(--spacing-lg);
}
.modal-container > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.modal-container .modal-header > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.modal-container .modal-header .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
}

*[data-modal="banner"] {
    width: 924px;
}
*[data-modal="banner"] .modal-banner {
    overflow: hidden;
}
*[data-modal="banner"] .modal-banner .banner {
    position: relative;
    display: block;
}
*[data-modal="banner"] .modal-banner .object-fit:before {
    padding-bottom: 56.3186813187%;
}
*[data-modal="banner"] .modal-banner .swiper-slide {
    width: 100% !important;
}
*[data-modal="banner"] .modal-banner .swiper-button-prev {
    left: var(--spacing-2xs);
}
*[data-modal="banner"] .modal-banner .swiper-button-next {
    right: var(--spacing-2xs);
}

.popup-style-player .modal-dismiss {
    top: var(--spacing-3xs);
    right: var(--spacing-3xs);
}
.popup-style-player .modal-dismiss:not(:hover) {
    color: #fff !important;
}
.modal-player {
    width: calc(728px + 36px*2 + var(--spacing-3xs)*2);
    max-width: 100vw;
    margin: 0 auto;
    padding: calc(36px + var(--spacing-3xs));
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.modal-player .modal-cover {
    background: #000;
    color: #fff;
}
.modal-player .modal-cover .object-fit:before {
    padding-bottom: 56.25%;
}

.popup-style-gallery {
    cursor: default !important;
}
.popup-style-gallery .mfp-container {
    padding: 0 !important;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.popup-style-gallery .mfp-container:before {
    display: none;
}
.popup-style-gallery .mfp-container > * {
    height: 100%;
}
.popup-style-gallery .mfp-content {
    display: block;
    width: 100%;
    height: 100%;
}
.popup-style-gallery .mfp-arrow {
    opacity: 1;
    padding: 0;
    margin: 0;
	width: auto;
	height: auto;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--color-body) !important;
    box-shadow: none !important;
}
.popup-style-gallery .mfp-arrow:before,
.popup-style-gallery .mfp-arrow:after {
    display: none;
}
.popup-style-gallery .mfp-arrow-left {
    left: var(--spacing-sm) !important;
}
.popup-style-gallery .mfp-arrow-right {
    right: var(--spacing-sm) !important;
}
.popup-style-gallery .mfp-arrow-left:before,
.popup-style-gallery .mfp-arrow-right:before {
    display: block;
    position: static;
    z-index: 10;
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    opacity: 1;
    font-family: 'iconfont';
    font-size: var(--icon-size-xl);
}
.popup-style-gallery .mfp-arrow-left:before {
    content: "\e905";
    transform: translateX(-0.2em);
}
.popup-style-gallery .mfp-arrow-right:before {
    content: "\e906";
    transform: translateX(0.2em);
}
.popup-style-gallery .mfp-figure:after,
.popup-style-gallery .mfp-figure figcaption,
.popup-style-gallery .mfp-figure .mfp-title:empty {
    display: none;
} 
.popup-style-gallery .mfp-figure {
    cursor: default !important;
    line-height: normal;
    position: relative;
    padding: 0;
    width: auto;
    height: 100%;
    padding-right: 25px;
    margin-right: -25px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.popup-style-gallery img.mfp-img {
    display: block !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important; 
    max-height: calc(100vh - var(--spacing-2xl)*2) !important;
    max-height: calc((var(--vhFlexible, 1vh) * 100) - var(--spacing-2xl)*2) !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.modal-gallery {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-gallery .modal-dismiss {
    color: #fff !important;
}
.modal-gallery .modal-dismiss:hover {
    color: var(--color-gold) !important;
}


/*========== PLUGIN:SLIDER ==========*/
.swiper-container {
    width: 100%;
}
.swiper-wrapper {
    will-change: transform;
}
[class*="swiper-button-"] {
    z-index: 10;
    outline: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    border-radius: 0;
    overflow: hidden;
    color: inherit;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--duration) var(--timing-function);
}
[class*="swiper-button-"]:hover {
    opacity: 1;
    /* color: var(--color-gold); */
}
.swiper-button-prev {
    left: 0;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev.spacing-x {
    left: var(--spacing-sm);
}
.swiper-button-next.spacing-x {
    right: var(--spacing-sm);
}
.swiper-button-prev.spacing-x-container {
    left: var(--spacing-container);
}
.swiper-button-next.spacing-x-container {
    right: var(--spacing-container);
}
[class*="swiper-button-"]:after {
    font-family: 'iconfont';
    font-size: var(--icon-size-xl);
    color: inherit;
    opacity: 1;
    position: relative;
}
.swiper-button-prev:after {
    content: "\e905";
    transform: translateX(-0.2em);
}
.swiper-button-next:after {
    content: "\e906";
    transform: translateX(0.2em);
}
.swiper-button-disabled {
    opacity: 0 !important;
}

.swiper-buttons {
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
    line-height: 1;
    width: auto;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    pointer-events: none;
}
.swiper-buttons [class*="swiper-button-"] {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    position: static;
    transform: none;
    pointer-events: auto;
}
.swiper-buttons [class*="swiper-button-"]:not(:last-child) {
    margin-right: var(--spacing-2xs) !important;
}

.swiper-pagination {
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.swiper-pagination.a-left {
    justify-content: flex-start;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: var(--spacing-sm);
}
.swiper-pagination-bullet {
    outline: none;
    font-size: 0;
    vertical-align: top;
    width: 5px;
    height: 5px;
    margin: 0 3px !important;
    background: currentColor;
    border-radius: 50%;
    border: 0;
    opacity: var(--opacity-light);
}
.swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}
.swiper-pagination-bullet:last-child {
    margin-right: 0 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}
.swiper-pagination.static {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    vertical-align: top;
}
.swiper-pagination.static > * {
    margin-top: var(--spacing-md) !important;
}

.swiper-scrollbar,
.swiper-container-horizontal>.swiper-scrollbar {
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
    height: 2px;
    width: calc(100% - var(--spacing-lg)*2);
    max-width: 1280px;
    margin: 0 auto;
    background: none;
    border: 0;
    border-radius: 0;
}
.swiper-scrollbar {
    margin-top: var(--spacing-lg) !important;
}
.swiper-scrollbar:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    z-index: 0;
    left: 0; 
    top: 50%;
    transform: translateY(-50%);
}
.swiper-scrollbar-drag {
    z-index: 1;
    background: var(--color-theme);
    border: 0;
    border-radius: 0;
}

.swiper-container:not(.swiper-container-initialized) [class*="swiper-button-"],
.swiper-container:not(.swiper-container-initialized) .swiper-pagination,
.swiper-pagination-bullet:first-child:last-child {
    display: none !important;
}

.swiper-container-fade .swiper-slide {
    width: 100% !important;
    opacity: 0 !important;
}
.swiper-container-fade .swiper-slide-active {
    opacity: 1 !important;
    z-index: 1 !important;
}

.swiper-container.default .swiper-slide {
    width: 100% !important;
}
.swiper-container.default:not(.fade) .swiper-wrapper {
    transition-timing-function: var(--timing-function-expo);
}

.swiper-container.fix [class*="swiper-button-"] {
    top: 0;
    transform: none;
}

.swiper-mask {
    width: 100%;
    /* -webkit-mask-box-image: -webkit-linear-gradient(0deg, transparent 0%, white var(--spacing-container)); */
}
.swiper-mask .swiper-container {
    /* -webkit-mask-box-image: -webkit-linear-gradient(180deg, transparent 0%, white var(--spacing-container)); */
}
.swiper-mask ~ .swiper-pagination {
    position: relative;
}

.swiper-container.mask .swiper-slide {
    overflow: hidden;
}

/*========== POST ==========*/
.entry > *:not(:last-child) {
    margin-bottom: var(--spacing-md);
}
.entry-header > *:not(:first-child),
.entry-content > *:not(:first-child),
.entry-content .wp-block-group > *:not(:first-child),
.entry-content .wp-block-column > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.entry-content li:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.entry-content ul {
    list-style-type: disc;
    padding-left: 1.4em;
}
.entry-content ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 1em;
}
.entry-content a:not(a[class]) {
    color: var(--color-gold);
}
.bg-theme .entry-content a:not(a[class]) {
    color: inherit;
    box-shadow: var(--cta-shadow);
}
.entry-content table tr > *:not(:last-child) {
    padding-right: var(--spacing-sm);
}
.entry-content figure {
    overflow: hidden;    
}
.entry-content .wp-block-image {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.entry-content .wp-block-image figcaption {
    font-size: var(--font-size-xs);
    text-align: center;
    color: var(--color-gray);
    margin: var(--spacing-2xs) 0 0;
}
.entry-content .wp-block-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.entry-content .wp-block-image:not(.alignfull):not(.alignwide) img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 450px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.entry-content [class*="wp-block-"] {
    list-style: none;
    padding: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.entry-content [class*="wp-block-"] li {
    margin: 0 auto !important;
}
.entry-content [class*="wp-block-"] {
    margin: 0;
}
.entry-content [class*="wp-block-"] + *,
.entry-content * + [class*="wp-block-"] {
    margin-top: var(--spacing-lg);
}
.entry-content [class*="wp-block-"].alignfull {
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
.entry-content .wp-block-gallery .blocks-gallery-grid {
    list-style: none;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: grid;
    grid-gap: var(--spacing-2xs);
    grid-template-columns: 100%;
}
.entry-content .wp-block-gallery .blocks-gallery-grid > li {
    flex: none !important;
    flex-basis: auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
.entry-content .wp-block-gallery.columns-2 .blocks-gallery-grid {
    grid-template-columns: repeat(2,1fr);
}
.entry-content .wp-block-gallery.columns-3 .blocks-gallery-grid {
    grid-template-columns: repeat(3,1fr);
}
.entry-content .wp-block-gallery.columns-4 .blocks-gallery-grid {
    grid-template-columns: repeat(4,1fr);
}
.entry-content .wp-block-gallery.columns-5 .blocks-gallery-grid {
    grid-template-columns: repeat(5,1fr);
}
.entry-content .wp-block-gallery.columns-6 .blocks-gallery-grid {
    grid-template-columns: repeat(6,1fr);
}
.entry-content .wp-block-gallery.columns-7 .blocks-gallery-grid {
    grid-template-columns: repeat(7,1fr);
}
.entry-content .wp-block-gallery.columns-8 .blocks-gallery-grid {
    grid-template-columns: repeat(8,1fr);
}
.entry-content .wp-block-gallery .blocks-gallery-item,
.entry-content .wp-block-gallery .blocks-gallery-item > * {
    display: block;
    width: 100%;
}
.entry-content .wp-block-columns {
    justify-content: space-between;
}
.entry-content .wp-block-columns .wp-block-column {
    margin: 0;
}
.entry-content .wp-block-columns .wp-block-image {
    width: 100%;
}
.entry-content .wp-block-navigation {
    gap: unset;
    display: block;
    padding: 0;
    background: none;
    border: 0;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: inherit !important;
    display: block !important;
    margin: 0 !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-open,
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-close {
    display: none !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-content {
    gap: unset !important;
    display: block !important;
    margin: 0 !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__container {
    display: block;
    padding: 0;
    list-style-type: decimal;
    list-style-position: inside;
}
.entry-content .wp-block-navigation .wp-block-navigation-item {
    display: list-item;
    list-style: inherit
}
.entry-content .wp-block-navigation .wp-block-navigation-item:not(:first-child) {
    margin-top: var(--spacing-2xs) !important;
}
.entry-content .wp-block-navigation .wp-block-navigation-item a:hover {
    box-shadow: var(--cta-shadow);
}
.entry-content .wp-block-navigation .wp-block-navigation-item__content {
    box-shadow: none;
    display: inline;
}
.entry-content .wp-block-embed {
    width: 100%;
}
.entry-content .wp-block-embed__wrapper {
    position: relative;
}
.entry-content .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
}
.entry-content .wp-block-embed__wrapper > iframe {
    position: absolute;
    top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.entry-content.clear-spacing > *:not(:first-child) {
    margin-top: 0 !important;
}

.entry-share {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-sm);
}
.entry-share .title {
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.entry-share,
.entry-share .social {
    grid-column-gap: var(--spacing-md);
}

/*========== FUNCTION:TAB ==========*/
.tab,
.tabchild,
.tabdata {
    position: relative;
}
.tab a.active,
.tabchild a.active,
.tabdata a.active {
}
.tab-content,
.tabchild-content,
.tabdata-content {
    position: relative;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    margin: 0 !important;
    transition-duration: var(--duration-x2);
}
.tab-content.active,
.tabchild-content.active,
.tabdata-content.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
}
/* .tab-content > *:not(:first-child),
.tabchild-content > *:not(:first-child),
.tabdata-content > *:not(:first-child) {
    margin-top: var(--spacing-md);
} */

/*========== FUNCTION:ACCORDION ==========*/
.accordion:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.accordion > .entry-panel {
    display: none;
    padding: var(--spacing-2xs) 0;
}
.accordion:last-child > .entry-panel {
    padding-bottom: 0;
}
.accordion > .entry-title {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: inherit;
    font-weight: inherit;
    font-size: var(--font-size-md);
    text-transform: none;
}
.accordion > .entry-title:after {
    font-family: 'iconfont';
    content: "\e908";
    font-size: var(--font-size-xs);
    display: block;
}
.accordion.active > .entry-title:after {
    content: "\e907";
}

/*========== FUNCTION:VIDEO ==========*/
.video {
    position: relative;
    line-height: 0;
}
.video .ctrl {
    cursor: pointer;
    transition: var(--duration) var(--timing-function);
}
.video .ctrls {
    position: absolute;
    z-index: 3;
    right: 0; top: 0;
    transition: var(--duration) var(--timing-function);
}
.video .ctrls .ctrl {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.video .ctrls .ctrl:before {
    font-family: 'iconfont';
    font-size: var(--font-size-2xs);
    line-height: 1;
}
.video .ctrls .ctrl.play:before {
    content: "\e933";
}
.video .ctrls .ctrl.pause:before {
    content: "\e936";
}
.video .ctrls .ctrl.mute:before {
    content: "\e93d";
}
.video .ctrls .ctrl.unmute:before {
    content: "\e93e";
}
.video .ctrls .ctrl.fullscreen {
    display: none !important;
}
.video .ctrls .ctrl.fullscreen:before {
    content: "\e93c";
}
.video .ctrls-overlaid {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.video .ctrls-overlaid .ctrl {
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    border-radius: 0;
    overflow: hidden;
    background: none;
    color: #fff;
}
.video .ctrls-overlaid .ctrl:not(:hover) {
    opacity: 1;
}
.video .ctrls-overlaid .ctrl.play {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    line-height: 1;
    color: var(--color-body-bg);
    background: var(--color-body);
    border-radius: 50%;
    overflow: hidden;
    -webkit-filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.25));
    transition: var(--duration) var(--timing-function);
    cursor: pointer;
}
.video .ctrls-overlaid .ctrl.play:before {
    font-family: 'iconfont';
    content: "\e933";
    font-size: var(--icon-size);
}
.video video {
    width: 100%;
}
.video video[muted] ~ .ctrls .ctrl.unmute,
.video video[autoplay] ~ .ctrls .ctrl.play,
.video video[autoplay] ~ .ctrls-overlaid,
.video video:not([muted]) ~ .ctrls .ctrl.mute,
.video video:not([autoplay]) ~ .ctrls,
.video video:not([autoplay]) ~ .ctrls .ctrl.pause {
    display: none;
}
.video video[controls] ~ .ctrls,
.video video[controls] ~ .ctrls-overlaid,
.video.hidden-ctrls .ctrls,
.video:not(.playing) .ctrls,
.video:not(.playing) video:not([controls])::-webkit-media-controls {
    display: none !important;
}
.video:not(.playing) .ctrls-overlaid {
    display: block !important;
}

/*========== LANGUAGE ==========*/
.lang-container {
    position: relative;
    text-transform: uppercase;
}
.lang-container .ctrl {
    display: flex;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
    box-shadow: none !important;
}
.lang-container .ctrl:after {
    display: block;
    font-family: 'iconfont';
    content: "\e908";
    font-size: var(--font-size-2xs);
}
.lang-container:hover .ctrl:after {
    content: "\e907";
}
.lang-container .lang a {
    transition-property: opacity !important;
    box-shadow: none !important;
    opacity: var(--opacity-light);
}
.lang-container .lang a.current,
.lang-container .lang a:hover {
    opacity: 1;
}
.lang-container .lang:has(a:hover) a:not(:hover) {
    opacity: var(--opacity-light);
}

/*========== HAMBURGER ==========*/
.hamburger {
    position: relative;
    display: block;
    width: 22px;
    height: 15px;
    padding: 8px 0;
}
.hamburger .bars,
.hamburger .bars:before,
.hamburger .bars:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: var(--duration) var(--timing-function);
}
.hamburger .bars {
    display: block;
    font-size: 0;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    transition-property: background-color, transform;
}
.hamburger .bars:before,
.hamburger .bars:after {
    display: block;
    content: "";
}
.hamburger .bars:before {
    top: -6px;
    transition-property: background-color, top;
    transition-delay: 0s, .10s;
}
.hamburger .bars:after {
    bottom: -6px;
    transition-property: background-color, bottom, transform;
    transition-delay: 0s, .10s, 0s;
}
.ctrl.active > .hamburger .bars {
    transform: translateY(-50%) rotate(45deg);
    transition-delay: 0s, .10s;
}
.ctrl.active > .hamburger .bars:before {
    top: 0;
    opacity: 0;
}
.ctrl.active > .hamburger .bars:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition-delay: 0s, 0s, .10s;
}

/*========== HEADER ==========*/
#header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0; 
    left: 0;
}

.header-nav {
    position: relative;
    z-index: 101;
    width: 100%;
    height: var(--header-nav-height);
    background: var(--color-theme);
    color: #fff;
    display: grid;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    text-transform: uppercase;
}
html:not(.page-scrolling) .header-nav {
    background: linear-gradient(180deg, var(--color-theme) 0%, rgba(var(--color-theme-rgb),0.6) 50.52%, rgba(var(--color-theme-rgb),0) 100%);
}
.header-nav .ic {
    font-size: var(--icon-size);
    vertical-align: top;
}
.header-nav .menu,
.header-nav .tools {
    height: 100%;
    display: flex;
}
.header-nav .menu > *,
.header-nav .tools > * {
    display: flex;
    align-items: center;
}
.header-nav .menu.style-arrow a {
    box-shadow: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
.header-nav .menu.style-arrow a:after {
    font-family: 'iconfont';
    content: "\e90e";
    font-size: 77.7777777778%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: var(--duration) var(--timing-function);
}
.no-touchevents .header-nav .menu.style-arrow a:hover {
    padding-right: calc(0.8em + var(--spacing-2xs));
}
.no-touchevents .header-nav .menu.style-arrow a:hover:after {
    opacity: 1;
}
.header-nav .cta {
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto;
    height: 100%;
    min-height: var(--header-nav-height);
    padding: 0 var(--spacing-container);
    border: 0;
    border-radius: 0;
    background: #000;
    color: #fff;
    position: relative;
}
.header-nav .cta .logo-rws {
    height: 16px;
}
.header-nav .cta .logo-rws.hover {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
}
.header-nav .cta:hover .logo-rws.hover {
    opacity: 1;
}
.header-nav .tool .ctrl {
    box-shadow: none;
    line-height: 1;
}
.header-nav a:not(:hover) {
    transition-property: box-shadow, padding;
}
.header-nav .cta:not(:hover) {
    transition-property: min-height, padding;
}

.header-brand {
    grid-row: 1;
    grid-column: 1;
    justify-self: flex-start;
    align-self: center;
    display: inline-flex;
    align-items: center;
}
.header-brand .brand {
    position: relative;
}
.header-brand .brand:not(:last-child) {
    margin-right: calc(var(--spacing-sm)*2 + 1px);
}
.header-brand .brand:not(:last-child):after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: currentColor;
    opacity: var(--opacity-light);
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(var(--spacing-sm));
}
.header-brand .logo {
    height: 40px;
}
.header-brand .logo-main-mini,
.header-brand .logo-rws {
    height: 24px;
}
.header-brand .logo-main,
.header-brand .logo-main-mini {
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
}

.header-menu .menu-dropdown {
    font-weight: var(--font-weight-body);
}
.header-menu .menu-dropdown a {
    box-shadow: none;
}
.header-menu .menu-dropdown-inner > ul > li > *:not(ul),
.header-menu .menu-dropdown-ctrl,
.header-menu .featured-title {
    font-weight: var(--font-weight-regular);
}
.header-menu .menu-dropdown-inner > ul > li > *:not(ul),
.header-menu .featured-title {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
}
.header-menu .menu-dropdown-inner > ul > li > *:not(:first-child),
.header-menu .featured > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.header-menu .featured-card .card .cover .object-fit:before {
    padding-bottom: 61.1111111111%;
}
.header-menu .featured-card .card .caption:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.header-menu .menu-dropdown-inner > ul > li a {
    transition: none;
}
.header-menu .menu-dropdown-inner > ul > li a:hover,
.header-menu .featured-card .card .entry-title {
    font-weight: var(--font-weight-regular);
}

.header-system .search-box {
    display: block;
    width: 100%;
    border: 1px solid var(--color-gray-bright);
    border-left: 0;
    border-right: 0;
    background-color: rgba(255,255,255,0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #000;
    font-size: inherit;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: calc(var(--header-height) - 1px);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration);
}
.header-system .search-box.active {
    opacity: 1;
    pointer-events: auto;
}
.header-system .search-form {
    --input-height: 60px;
    position: relative;
    width: 100%;
}
.header-system .search-form > *:not(:last-child) {
    margin-right: var(--spacing-2xs);
}
.header-system .search-form .input {
    flex: 1;
    width: 100%;
    text-transform: none;
}
.header-system .search-form .input input {
    padding-left: var(--spacing-container);
    padding-right: 15vw;
    color: inherit;
    background: none;
    border: 0;
    border-radius: 0;
}
.header-system .search-form .input input:-ms-input-placeholder {
    font-weight: var(--weight-regular) !important;
    color: inherit !important;
    opacity: 1 !important;
}
.header-system .search-form .input input::-webkit-input-placeholder {
    font-weight: var(--weight-regular) !important;
    color: inherit !important;
    opacity: 1 !important;
}
.header-system .search-form .input input::-moz-placeholder {
    font-weight: var(--weight-regular) !important;
    color: inherit !important;
    opacity: 1 !important;
}
.header-system .search-form .input-ctrl {
    display: flex;
    align-items: center;
    width: auto;
    height: 100%;
    position: absolute;
    right: var(--spacing-container);
    top: 0;
}
.header-system .search-form .input-ctrl > * {
    box-shadow: none !important;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-system .search-form .input-ctrl > *:not(:first-child) {
    margin-left: var(--spacing-sm);
}

.header-noti {
    position: relative;
    z-index: 99;
    width: 100%;
    height: var(--header-noti-height);
    display: flex;
    align-items: center;
    background: #000;
    color: #fff;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body-sub);
    text-transform: uppercase;
} 
.header-noti .noti {
    position: relative;
    display: block;
    will-change: transform;
    -webkit-animation: notimarquee 25s linear infinite;
    animation: notimarquee 25s linear infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.header-noti .noti:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.header-noti .noti .msg {
    white-space: nowrap;
}
.header-noti .noti .msg > * {
    display: inline-block;
    vertical-align: top;
}
.header-noti .noti .msg > *:not(:first-child) {
    padding-left: 25vw;
}
@-webkit-keyframes notimarquee {
    0% { transform: translateX(100vw);}
    100% { transform: translateX(-100%);}
}
@keyframes notimarquee {
    0% { transform: translateX(100vw);}
    100% { transform: translateX(-100%);}
}

.rws-html .header-nav {
    background: #000;
    color: #fff;
}
.rws-html:not(.page-scrolling) .header-nav {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 50.52%, rgba(0,0,0,0) 100%);
}

.store-html .header-nav {
    background: #fff;
    color: #000;
}
.store-html:not(.page-scrolling) .header-nav {
    background: #fff;
}

/*========== FOOTER ==========*/
#footer {
    position: relative;
    width: 100%;
    background: var(--color-theme);
    color: #fff;
}
.footer-nav {
    position: relative;
    display: grid;
    grid-gap: var(--spacing-lg) 0;
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.footer-nav .group {
    display: inline-grid;
    grid-template-columns: repeat(4,auto);
    grid-gap: var(--spacing-2xs) var(--spacing-md);
    justify-content: space-between;
    align-items: center;
    line-height: 1;
}
.footer-nav .group .logo {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.footer-nav .menu > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.footer-nav .social {
    width: 100%;
    max-width: 236px;
    justify-content: space-between;
}
.footer-nav .copyright {
    font-size: var(--font-size-body-sub);
}
.footer-nav .app-download {
    display: flex;
    justify-content: space-between;
}
.footer-nav .app-download > *:not(:last-child) {
    margin-right: var(--spacing-md);
}
.footer-nav .app-download > .entry-app {
    margin-left: auto;
}
.footer-nav .app-download img {
    display: block;
    width: auto;
    height: 40px;
}
.footer-nav .app-download a {
    box-shadow: none !important;
}
.footer-nav .secure-payments > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.footer-nav .secure-payments .entry-payment {
    display: inline-grid;
    grid-template-columns: repeat(4,auto);
    grid-gap: var(--spacing-2xs) var(--spacing-sm);
    justify-content: space-between;
    align-items: center;
    vertical-align: top;
}
.footer-nav .secure-payments .entry-payment img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 20px;
}
.footer-nav .secure-payments .entry-payment a {
    box-shadow: none !important;
}
.footer-nav .newsletter > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.footer-nav .newsletter .entry-form:not(:first-child),
.footer-detail > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.footer-detail .contact > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}

.footer-break hr {
    background: var(--color-blue-light);
}
.footer-break:first-child,
.footer-break:last-child {
    display: none !important;
}

.rws-html #footer {
    background: #000;
    color: #fff;
}
.rws-html .footer-break hr {
    background: currentColor;
    opacity: var(--opacity-light);
}

.store-html #footer {
    background: #000;
    color: #fff;
}
.store-html .footer-break hr {
    background: currentColor;
    opacity: var(--opacity-light);
}

/*========== BAR ==========*/
#match-bar,
#store-bar {
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    transition: opacity var(--duration) var(--timing-function-expo);
}
#match-bar + #footer,
#store-bar + #footer {
    z-index: 11;
}
/* html.scroll-down.scroll-down-end #match-bar, */
html.scroll-down.scroll-down-end #store-bar {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#match-bar {
    transition-property: opacity, transform !important;
}
html.main-end #main > #match-bar {
    position: absolute;
}
html.scroll-down:not(.main-end) #main > #match-bar {
    transform: translateY(100%);
    pointer-events: none;
}

.match {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--color-gray);
    color: #fff;
    text-transform: uppercase;
    line-height: var(--line-height-sm);
}
.match a {
    box-shadow: none !important;
}
.match .entry-label,
.match .entry-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

.match .entry-label {
    background: #000;
    color: #fff;
}
.match .entry-label > img {
    display: block;
    margin: 0 auto;
    width: calc(100% - var(--spacing-sm)*2);
    /* height: 24px; */
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.match .entry-cta {
    background: var(--color-red);
    color: #fff;
}
.match .entry-cta:hover {
    background: var(--color-red-dark);
    color: #fff;
}
.match .entry-cta.soldout {
    background: var(--color-theme) !important;
    color: rgba(255,255,255,0.2) !important;
    pointer-events: none !important;
    cursor: default !important;
}
.match .entry-detail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: var(--spacing-2xs);
    overflow: hidden;
}
.match .entry-weight {
    margin-right: var(--spacing-2xs);
}
.match .entry-title {
    font-family: var(--font-heading);
}
.match .entry-title strong {
    font-size: var(--font-size-h4);
}
.match .entry-title .vs {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    background: linear-gradient(180deg, #AE9C71 0%, #786435 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.match .entry-time {
    font-weight: var(--font-weight-regular);
}
.match .entry-location {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
}

.match .cover {
    display: flex;
    position: relative;
}
.match .cover .vs {
    display: block;
    width: auto;
    height: auto;
    font-weight: var(--font-weight-regular);
    font-size: 56px;
    line-height: 1;
    letter-spacing: -0.1em;
    text-indent: -0.1em;
    padding: 0 0.1em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #FFFFFF 60%, #878787 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.match .cover > .object-fit {
    width: 100%;
}
.match .cover > .object-fit:before {
    padding-bottom: 21.3333333333%;
}

.match .fighter {
    width: 50%;
    height: 100%;
    min-height: var(--button-height-lg);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 26px;
}
.match .fighter .entry-title {
    width: 86px;
    font-size: var(--font-size-body-sub);
    position: relative;
    z-index: 2;
}
.match .fighter .entry-title strong {
    margin-top: 3px;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    background: linear-gradient(97.85deg, #AEAEAE 6.81%, #F0F0F0 26.85%, #A3A3A3 95.09%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.match .fighter .entry-bg {
    display: block;
    width: calc(100% + var(--spacing-sm));
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}
.match .fighter .entry-bg .bg-skew,
.match .fighter .entry-bg .bg {
    display: block;
    width: 100%;
    height: 100%;
}
.match .fighter .entry-bg .bg-skew {
    overflow: hidden;
}
.match .fighter .entry-bg .bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.match .fighter .entry-pic {
    flex: 1;
    width: auto;
    height: 100%;
    position: relative;
}
.match .fighter .entry-pic > * {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: none;
    height: calc(100% + var(--spacing-sm));
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.match .fighter:last-child {
    flex-direction: row-reverse;
    text-align: right;
}
.match .fighter:last-child .entry-title strong {
    background: linear-gradient(97.85deg, #CAB15B 6.81%, #EBD99D 26.85%, #CAB15B 95.09%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.match .fighter:last-child .entry-bg {
    left: auto;
    right: 0;
}
.match .fighter:last-child .entry-bg .bg-skew,
.match .fighter:last-child .entry-bg .bg {
    position: relative;
    transform-origin: left bottom;
}
.match .fighter:last-child .entry-bg .bg-skew {
    transform: skewX(-26deg);
}
.match .fighter:last-child .entry-bg .bg {
    transform: skewX(26deg);
}
.match .aside .entry-title {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-column-gap: var(--spacing-2xs);
    align-items: center;
    font-weight: var(--font-weight-regular);
}
.match .aside.left > .entry-detail {
    text-align: center;
}
/* .match-container {
    padding-top: var(--spacing-sm);
} */
.match-container .swiper-container {
    overflow: visible;
    background: var(--color-gray);
    color: #fff;
}
.match-container .swiper-wrapper {
    transition-timing-function: var(--timing-function-expo);
}
.match-container .swiper-slide {
    width: 100% !important;
    height: auto;
}
.match-container .swiper-pagination {
    width: 2px;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: 1fr;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
}
.match-container .swiper-pagination-bullet {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: currentColor;
    opacity: 0.2;
}
.match-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
.match-container .swiper-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    justify-content: space-between;
}

.match-container *[class*="swiper-button-"],
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] *[class*="swiper-button-"] {
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    opacity: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    font-size: var(--font-size-3xs);
}
.match-container *[class*="swiper-button-"]:hover,
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] *[class*="swiper-button-"]:hover {
    background: #000;
    color: #fff;
}
.match-container *[class*="swiper-button-"]:after,
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] *[class*="swiper-button-"]:after {
    font-size: var(--font-size-sm);
    transform: none !important;
}
.match-container .swiper-button-disabled,
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-button-disabled {
    opacity: 0 !important;
}

#store-bar {
    pointer-events: none;
    overflow: visible;
}
#store-bar .button {
    min-width: 200px;
    border: 0;
    background: #fff;
    color: #000;
    pointer-events: auto;
}
#store-bar .button:hover {
    background: #1E1E1E;
    color: #fff;
}
#store-bar .button.active {
    background: #000;
    color: #fff;
}
#store-bar ul {
    display: flex;
    justify-content: center;
    -webkit-filter: drop-shadow(0px -7px 12px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px -7px 12px rgba(0, 0, 0, 0.05));
}
#store-bar ul > li {
    flex: 0;
}
#store-bar ul > li:not(:last-child) .button {
    border-right: 1px solid var(--color-gray-bright);
}
#store-bar ul > li:not(:last-child) .button:hover {
    border-color: #1E1E1E;
}
#store-bar ul > li:not(:last-child) .button.active {
    border-color: #000;
}

#get-tickets-fixed {
    width: auto;
    position: fixed;
    z-index: 10;
    bottom: var(--spacing-container);
    right: 0;
    transform: rotate(-90deg) translateX(100%);
    transform-origin: right bottom;
}
#get-tickets-fixed .button {
    --button-height: 40px;
    min-width: 0;
}

/*========== PAGE ==========*/
#page {
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
}
#page.error-page {
    grid-template-rows: 1fr;
}
#page.error-page #header,
#page.error-page #footer,
#page.error-page #match-bar,
#page.error-page #store-bar,
#page.error-page #get-tickets-fixed {
    display: none !important;
}

/*========== MAIN ==========*/
#main {
    position: relative;
}

.padding-top-header {
    transition: var(--duration);
}

/*========== SECTION ==========*/
section {
    position: relative;
    width: 100%;
}

.sc-inner {
    width: 100%;
    position: relative;
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
}
.sc-inner.header-pull {
    padding-top: var(--spacing-lg);
}

.sc-container:not(:first-child),
.sc-break:not(:first-child),
.sc-boxes + .sc-boxes,
.sc-container > .margin-top-sc:not(:first-child) {
    margin-top: var(--spacing-2xl);
}
.sc-container > *:not(:first-child),
.sc-group > *:not(:first-child),
.sc-layout > *:not(:first-child),
.sc-sidebar > *:not(:first-child),
.sc-main > *:not(:first-child),
.sc-boxes > *:not(:first-child),
.sc-columns > *:not(:first-child),
.sc-column > *:not(:first-child),
.sc-content > *:not(:first-child),
.sc-elevator > *:not(:first-child),
.sc-block > *:not(:first-child) {
    margin-top: var(--spacing-md);
}

.sc-headline > *:not(:first-child),
.sc-explore > *:not(:first-child),
.sc-box > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.sc-desc > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}

.sc-link {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0; 
    left: 0;
    font-size: 0;
    opacity: 0;
}

.sc-headline.align {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.sc-headline.align > *:not(:first-child) {
    margin-top: 0;
}
.sc-headline.align > *:not(:last-child) {
    margin-right: var(--spacing-container);
}
.sc-headline.align > .sc-explore {
    margin-left: auto;
}

.sc-heading,
.sc-heading-sub {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.sc-heading + .sc-heading-sub {
    margin-top: var(--spacing-2xs);
}
.sc-heading strong,
.sc-heading-sub strong {
    font-weight: inherit;
    color: var(--color-gold);
}
.sc-heading img,
.sc-logo img {
    display: inline-block;
    vertical-align: baseline;
    width: auto;
    max-width: 105px;
    height: auto;
    min-height: 32px;
    max-height: 36px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.sc-logo {
    line-height: 1;
}

.sc-category {
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}

.sc-breadcrumb {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    font-size: var(--font-size-xs);
    text-transform: none;
}
.sc-breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
}
.sc-breadcrumb ul li:not(:last-child):after {
    content: "/";
    margin: 0;
}
.sc-breadcrumb + .sc-inner {
    padding-top: 0;
}

.sc-function {
    position: relative;
    z-index: 3;
}

.sc-menu-container {
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
    padding: var(--spacing-sm) 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--color-blue-light);
}
.sc-menu-wrapper {
    width: 100%;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.sc-menu-wrapper ul {
    display: flex;
    text-align: center;
}
.sc-menu-wrapper ul > li {
    padding: 0 var(--spacing-3xs) !important;
    width: calc(100%/5) !important;
    height: auto !important;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sc-menu-wrapper ul > li:not(:last-child) {
    border-right: 1px solid var(--color-blue-light);
}
.sc-menu-wrapper ul > li > a:hover {
    box-shadow: none;
}
.sc-menu-wrapper ul > li > a.active, 
.sc-menu-wrapper ul > li.current-cat > a {
    box-shadow: var(--cta-shadow);
}
.sc-menu-wrapper.swiper-container {
    overflow: visible;
}
.sc-menu-wrapper.swiper-container *[class*="swiper-button-"]:after {
    font-size: var(--font-size-sm);
}
.sc-menu-wrapper.center-enabled .swiper-wrapper {
    justify-content: center;
}

.store-html .sc-menu-container,
.store-html .sc-menu-wrapper ul > li:not(:last-child) {
    border-color: var(--color-gray-bright);
}

#page.bright-page .sc-menu-container,
#page.bright-page .sc-menu-wrapper ul > li:not(:last-child) {
    border-color: var(--color-border);
}

.sc-navi-bound + .sc-navi {
    margin-top: 0 !important;
}
.sc-navi {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: -1px 0;
    overflow: hidden;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-lg);
}
.sc-navi.sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 98;
    top: calc(var(--header-height) - 1px);
    transition: var(--duration);
}
html.sc-sticky-start .sc-navi-bound ~ .sc-navi.sticky {
    background: var(--color-theme);
    color: #fff;
}

.sc-navi + .sc-inner {
    padding-top: var(--spacing-lg);
}

.sc-scene {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    pointer-events: none;
}
.sc-scene:before {
    content: "";
    display: block;
    width: 100%;
    background-repeat: no-repeat;
}
.sc-scene > img {
    display: block;
    width: 100%;
    height: auto;
}
.sc-scene-relative {
    position: relative;
}
.sc-scene-relative .sc-scene {
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(50% - 50vw);
    left: 0;
    right: 0;
}
.sc-scene-relative .sc-scene + * {
    margin-top: 0 !important;
    position: relative;
    z-index: 1;
}

.sc-billboard {
    position: relative;
    width: 100%;
    min-height: 42.1527777778vw;
    display: flex;
    flex-direction: column;
}
.sc-billboard.h-small {
    min-height: 40.8333333333vw;
}
.sc-billboard.h-medium {
    min-height: 45.8333333333vw;
}
.sc-billboard.h-full {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}
.sc-billboard.h-full-fix {
    min-height: calc(100vh - var(--header-height-fixed));
    min-height: calc((var(--vh, 1vh) * 100) - var(--header-height-fixed));
}
.sc-billboard.h-full-header {
    min-height: calc(100vh - var(--header-nav-height-start) - var(--header-noti-height));
    min-height: calc((var(--vh, 1vh) * 100) - var(--header-nav-height-start) - var(--header-noti-height));
}
@supports (-webkit-touch-callout:none) {
    .instagram-browser .sc-billboard.h-full {
        min-height: 100vh;
    }
    .instagram-browser .sc-billboard.h-full-fix {
        min-height: calc(100vh - var(--header-height-fixed));
    }
    .instagram-browser .sc-billboard.h-full-header {
        min-height: calc(100vh - var(--header-nav-height-start) - var(--header-noti-height));
    }
}

.sc-billboard .sc-inner {
    flex: 1;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    pointer-events: none;
}
.sc-billboard.h-small .sc-inner {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
}
.sc-billboard .sc-inner a,
.sc-billboard .sc-inner button {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
.sc-billboard .sc-container {
    flex: 1;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto 1fr;
    grid-gap: var(--spacing-sm) 0;
}
.sc-billboard .sc-container > *:not(:first-child) {
    margin-top: 0;
}
.sc-billboard .sc-container > *[data-pos="top"] {
    grid-row: 1;
    align-self: flex-start;
}
.sc-billboard .sc-container > *[data-pos="middle"] {
    grid-row: 2;
    align-self: center;
}
.sc-billboard .sc-container > *[data-pos="bottom"] {
    grid-row: 3;
    align-self: flex-end;
}
.sc-billboard .sc-container[data-row="1"] {
    grid-template-rows: 1fr;
    grid-gap: 0;
}
.sc-billboard .sc-container[data-row="1"] > * {
    grid-row: auto;
}
.sc-billboard .sc-container[data-row="2"] {
    grid-template-rows: 1fr auto;
}
.sc-billboard .sc-container[data-row="2"] > *[data-pos="bottom"] {
    grid-row: 2;
}
.sc-billboard .sc-cover {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.sc-billboard .sc-cover .object-fit,
.sc-billboard .sc-cover .object-fit:before,
.sc-billboard .sc-cover .swiper-container,
.sc-billboard .sc-cover .swiper-wrapper,
.sc-billboard .sc-cover .swiper-slide {
    height: 100%;
}
.sc-billboard.overlay .sc-cover > * {
    opacity: 0.7;
}
.sc-billboard.blend .sc-cover > * {
    mix-blend-mode: luminosity;
}
.sc-billboard.border .sc-cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    pointer-events: none;
    border: var(--spacing-sm) solid #fff;
}
.sc-billboard[class*="overlay-"] .sc-cover:after,
.sc-billboard[class*="overlay-"] .sc-cover .swiper-container:after {
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    min-height: 230px;
    position: absolute;
    left: 0;
    pointer-events: none;
}
.sc-billboard[class*="overlay-"] .sc-cover .swiper-container:after {
    z-index: 1;
}
.sc-billboard .sc-scene {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}
.sc-billboard .sc-scene:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-container-initialized .sc-billboard .sc-container.container {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
}

.sc-banners {
    display: grid;
}
.sc-banner {
    position: relative;
    display: block;
    width: 100%;
    min-height: 25.7638888889vw;
}
.sc-banner.h-small {
    min-height: 12.8472222222vw;
}
.sc-banner .sc-inner {
    --spacing: 2.0833333333vw;
    width: 100%;
    height: 100%;
    padding: 5.1724137931%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    pointer-events: none;
}

.sc-banner.c-white .sc-inner {
    background: linear-gradient(90deg, rgba(var(--color-gray-rgb),1) 0%, rgba(var(--color-gray-rgb),0) 50%);
}
.sc-banner .sc-inner a,
.sc-banner .sc-inner button {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
.sc-banner .sc-container {
    flex: 1;
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr auto 1fr;
    grid-gap: var(--spacing) 0;
}
.sc-banner .sc-container > *:not(:first-child) {
    margin-top: 0 !important;
}
.sc-banner .sc-container > *[data-pos="top"] {
    grid-row: 1;
    align-self: flex-start;
}
.sc-banner .sc-container > *[data-pos="middle"] {
    grid-row: 2;
    align-self: flex-end;
}
.sc-banner .sc-container > *[data-pos="bottom"] {
    grid-row: 3;
    align-self: flex-end;
}
.sc-banner .sc-container[data-row="1"] {
    grid-template-rows: 1fr;
    grid-gap: 0;
}
.sc-banner .sc-container[data-row="1"] > * {
    grid-row: auto;
}
.sc-banner .sc-container[data-row="2"] {
    grid-template-rows: 1fr auto;
}
.sc-banner .sc-container[data-row="2"] > *[data-pos="bottom"] {
    grid-row: 2;
}
.sc-banner .sc-group {
    width: 100%;
}
.sc-banner .sc-group {
    width: 100%;
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.sc-banner .sc-group .fittext {
    display: block;
    line-height: 1em;
}
.sc-banner .sc-group > *:not(:first-child) {
    margin-top: var(--spacing);
}
.sc-banner .sc-headline > *:not(:first-child) {
    margin-top: calc(var(--spacing)/2);
} 
.sc-banner .sc-desc {
    font-family: var(--font-heading);
}
.sc-banner .sc-explore {
    width: 100%;
}
.sc-banner .sc-explore > * {
    font-size: inherit;
}
.sc-banner .sc-logo > img {
    max-width: 100%;
    height: 2.7777777778vw;
    max-height: 40px;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
}
.sc-banner .sc-cover {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.sc-banner .sc-cover .object-fit,
.sc-banner .sc-cover .object-fit:before,
.sc-banner .sc-cover .swiper-container,
.sc-banner .sc-cover .swiper-wrapper,
.sc-banner .sc-cover .swiper-slide {
    height: 100%;
}

.sc-store-banner .sc-cover {
    width: 86.4583333333%;
    margin-left: 0;
    margin-right: auto;
}
.sc-store-banner .sc-cover .object-fit:before {
    padding-bottom: 51.7269076305%;
}
.sc-store-banner .sc-container {
    width: 39.2361111111%;
    margin: 0;
    padding: var(--spacing-container);
    position: absolute;
    z-index: 3;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-body-bg);
    color: var(--color-body);
}
.sc-store-banner.bg-black .sc-container {
    background: #000;
    color: #fff;
}
.sc-store-banner.bg-red .sc-container {
    background: var(--color-red);
    color: #fff;
}

.sc-box.cover .sc-cover {
    overflow: hidden;
}
.sc-box.cover .sc-cover .object-fit:before {
    padding-bottom: 116.3888888889%;
}

.sc-tile {
    position: relative;
}
.sc-tile.detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sc-tile.detail > * {
    width: 100%;
}
.sc-tile.cover .sc-cover {
    position: relative;
    overflow: hidden;
}
.sc-tile.cover .sc-cover .object-fit:before {
    padding-bottom: 125%;
}

.sc-gallery .object-fit:before {
    padding-bottom: 55.7638888889%;
}

.sc-spacing {
    padding: var(--spacing-sm);
}

.sc-break {
    pointer-events: none;
}


section[class*="h-"] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
section[class*="h-"] > * {
    width: 100%;
}
section[class*="h-"].v-center {
    align-items: center;
}
section.h-medium {
    min-height: 41.6666666667vw;
}
section.h-full {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}
section.h-full-header {
    min-height: calc(100vh - var(--header-nav-height-start) - var(--header-noti-height));
    min-height: calc((var(--vh, 1vh) * 100) - var(--header-nav-height-start) - var(--header-noti-height));
}
@supports (-webkit-touch-callout:none) {
    .instagram-browser section.h-full {
        min-height: 100vh;
    }
    .instagram-browser section.h-full-header {
        min-height: calc(100vh - var(--header-nav-height-start) - var(--header-noti-height));
    }
}

*[data-section="bundle"] > section:not(:last-child) > .sc-inner:last-child {
    padding-bottom: 0 !important;
}

*[data-section="gradient"] { 
    background: linear-gradient(180deg, var(--color-theme) 0%, #00091B 100%);
}

.sc-layout[data-layout="detail"] .sc-menu-container {
    padding: 0;
    border: 0;
}
.sc-layout[data-layout="detail"] .sc-cover .object-fit:before,
.sc-layout[data-layout="detail"] .sc-cover .map-container:before {
    padding-bottom: 61.1111111111%;
}

.sc-block {
    background: #263460;
    padding: var(--spacing-lg) var(--spacing-container);
}

/*========== FILTER ==========*/
.fn {
    position: relative;
    width: auto;
    font-size: inherit;
    line-height: normal;
    text-transform: none;
}
.fn.enabled {
    z-index: 1;
}
.fn .ctrl {
    padding: 0;
    width: auto;
    height: auto;
    font-family: inherit;
    font-weight: var(--font-weight-regular);
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.fn .ctrl > * {
    margin: 0;
}
.fn .ctrl > *:not(:first-child) {
    margin-left: var(--spacing-2xs);
}
.fn .ctrl .ic {
    font-size: 87.5%;
    color: inherit;
    line-height: 1;
}
.fn .ctrl .ic:not([class*="ic-"]):before {
    content: "\e90c";
}
.fn form,
.fn .select {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
}
.fn .select:after {
    display: none;
}
.fn .select select,
.fn .select2-container,
.fn .select2-container .select2-selection--single {
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
}
.fn .select select,
.fn .select2-container .select2-selection--single {
    opacity: 0;
}
.fn .fn-panel {
    display: none;
    position: absolute;
    z-index: 99;
    top: 100%;
    width: 100%;
}
.fn .select2-dropdown,
.fn .fn-panel {
    left: 0 !important;
    right: auto !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    max-width: 100vw !important;
    min-width: calc(100% + var(--spacing-xs)*2) !important;
    margin: var(--spacing-2xs) auto 0 !important;
    color: var(--color-body) !important;
    background: var(--color-body-bg) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    font-size: var(--font-size-body);
    text-align: left;
}
.fn.left .select2-dropdown,
.fn.left .fn-panel {
    left: 0 !important;
    right: auto !important;
}
.fn.right .select2-dropdown,
.fn.right .fn-panel {
    left: auto !important;
    right: 0 !important;
}
.fn .select2-results__options,
.fn .fn-panel-wrap {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 30vh !important;
}
.fn .select2-results__options,
.fn .fn-panel-inner {
    line-height: inherit;
    padding: var(--spacing-sm);
}
.fn .fn-menu li:not(:last-child) {
    margin-bottom: var(--spacing-2xs);
}
.fn .fn-menu li > a {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    position: relative;
    padding-left: calc(var(--font-size-md) + var(--spacing-2xs));
    opacity: 1 !important;
}
.fn .fn-menu li > a:before,
.fn .fn-menu li > a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0; 
    top: 0;
    margin: 1px 0 0;
    width: var(--font-size-md);
    height: var(--font-size-md);
}
.fn .fn-menu li > a:before {
    background: #f3f3f3;
    border: 0;
    border-radius: var(--radius);
}
.fn .fn-menu li > a:after {
    font-family: 'iconfont';
    content: "\e923";
    font-size: var(--font-size-2xs);
    display: flex;
    align-items: center;
    justify-content: center;
	opacity: 0;
}
.fn .fn-menu li.current-cat > a:after {
    opacity: 1;
}
.fn-sort .select-value {
    margin-left: 0 !important;
}

.fn-container {
    position: relative;
    z-index: 3;
}
.fn-container.type-flex {
    display: flex;
}
.fn-container.type-flex > *:not(:last-child) {
    margin-right: var(--spacing-md);
}
.fn-container.type-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}
.fn-container.type-grid .fn.left {
    grid-row: 1;
    grid-column: 1;
    justify-self: start;
}
.fn-container.type-grid .fn.center {
    grid-row: 1;
    grid-column: 2;
    justify-self: center;
}
.fn-container.type-grid .fn.right {
    grid-row: 1;
    grid-column: 3;
    justify-self: end;
}

.filter-slider {
    padding: 0 var(--spacing-container);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
}
.filter-slider a {
    opacity: 0.3;
    box-shadow: none;
}
.filter-slider a.active {
    opacity: 1;
}
.filter-slider .swiper-slide {
    width: calc(100%/3) !important;
    padding: 0 var(--spacing-container);
}


/*========== MODULES ==========*/
.card {
    box-shadow: none !important;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: inherit;
    transition: var(--duration) var(--timing-function);
}
.card:hover {
    -webkit-filter: drop-shadow(7px 7px 20px rgba(0,0,0,0.4));
    filter: drop-shadow(7px 7px 20px rgba(0,0,0,0.4));
}
.card .cover,
.card .caption {
    position: relative;
    z-index: 3;
    pointer-events: none;
}
.card a:not(.link-overlay),
.card button,
.card .swiper-container {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
.card .ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.card .entry-title .highlight-text {
    display: inline;
    padding: 0 0.25em;
    color: #fff;
    background-image: linear-gradient(120deg,#000 0%,#000 100%);
    background-repeat: no-repeat;
    background-size: 100% 95%;
    background-position: center center;
    background-origin: border-box;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition: var(--duration) var(--timing-function);
}
.card:hover .entry-title .highlight-text {
    color: #000;
    background-image: linear-gradient(120deg,#fff 0%,#fff 100%);
}

.card-container {
    position: relative;
}
.card-container.type-grid {
    display: grid;
}
.card-container.type-grid > .card {
    width: 100%;
}

*[data-card="video"] .card .link-overlay {
    opacity: 1;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
}
*[data-card="video"] .card .link-overlay .ic {
    font-size: var(--icon-size-xl);
    color: #fff;
}
*[data-card="video"] .card .cover {
    background: #000;
}
*[data-card="video"] .card .cover .object-fit:before {
    padding-bottom: 151.8055555556%;
}
*[data-card="video"] .card .cover .object-fit:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(10,36,87,0) 0%, #0A2457 100%);
    mix-blend-mode: exclusion;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
*[data-card="video"] .card:hover .cover .object-fit > * {
    transform: scale(1.05);
    mix-blend-mode: luminosity;
    opacity: 0.7;
}
*[data-card="video"] .card .cover .object-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--spacing-2xs);
    padding-right: var(--spacing-sm);
}
*[data-card="video"] .card .entry-title {
    width: 100%;
    position: relative;
    z-index: 1;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
}
*[data-card="video"] .card .object-scene {
    display: block;
    width: 45.2898550725%;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: var(--duration);
}
*[data-card="video"] .card .object-scene:before {
    content: "";
    display: block;
    padding-bottom: 139.2%;
    background: url(../img/design/card-video-scene.svg) no-repeat left bottom;
    background-size: contain;
}
*[data-card="video"] .card:hover .object-scene {
    opacity: 1;
}
*[data-card="video"].type-slider {
    margin: 0 var(--spacing-2xs-minus);
}
*[data-card="video"].type-slider .swiper-slide {
    width: 20.5555555556% !important;
    min-width: 272px;
    padding: 0 var(--spacing-2xs);
}
*[data-card="video"].type-slider .swiper-container {
    overflow: visible;
}

*[data-card="ticket"] .card {
    --radius: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: var(--radius);
    overflow: hidden;
}
*[data-card="ticket"] .card .cover .object-fit:before {
    padding-bottom: 71.3888888889%;
}
*[data-card="ticket"] .card .cover:first-child .object-fit > *,
*[data-card="ticket"] .card .link-overlay + .cover .object-fit > * {
    border-radius: var(--radius) var(--radius) 0 0;
    overflow: hidden;
}
*[data-card="ticket"] .card .caption {
    flex: 1;
    background: #fff;
    color: var(--color-theme);
    padding: var(--spacing-md) var(--spacing-sm);
    text-transform: uppercase;
}
*[data-card="ticket"] .card .caption > *:not(:first-child),
*[data-card="ticket"] .card .entry-desc > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-card="ticket"] .card .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-sm);
}
*[data-card="ticket"] .card .cta {
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    background: var(--color-red);
    color: #fff;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: normal;
    text-transform: uppercase;
    overflow: hidden;
}
*[data-card="ticket"] .card .cta:hover,
*[data-card="ticket"] .card .cta.active {
    background: var(--color-red-dark);
    color: #fff;
}
*[data-card="ticket"] .card .cta:last-child {
    border-radius: 0 0 var(--radius) var(--radius);
}
*[data-card="ticket"].type-slider {
    margin: 0 var(--spacing-2xs-minus);
}
*[data-card="ticket"].type-slider .swiper-slide {
    width: 27.4747474747% !important;
    min-width: 272px;
    height: auto;
    padding: 0 var(--spacing-2xs);
}
*[data-card="ticket"].type-slider .swiper-container {
    overflow: visible;
}

*[data-card="news"] .card {
    display: flex;
    background: #fff;
    color: #000;
}
*[data-card="news"] .card .cover {
    width: 50%;
}
*[data-card="news"] .card .cover .object-fit {
    height: 100%;
}
*[data-card="news"] .card .cover .object-fit:before {
    padding-bottom: 129.8611111111%;
    min-height: 100%;
}
*[data-card="news"] .card .object-scene {
    display: block;
    width: 48.1308411215%;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: var(--duration);
}
*[data-card="news"] .card .object-scene:before {
    content: "";
    display: block;
    padding-bottom: 138.8349514563%;
    background: url(../img/design/card-news-scene.svg) no-repeat right top;
    background-size: auto 100%;
}
*[data-card="news"] .card:hover .object-scene {
    opacity: 1;
}
*[data-card="news"] .card .caption {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: var(--spacing-sm);
}
*[data-card="news"] .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
*[data-card="news"] .card .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
    color: var(--color-theme);
    transition: color var(--duration) var(--timing-function);
}
*[data-card="news"] .card:hover .entry-title {
    color: var(--color-blue-bright);
}
*[data-card="news"] .card .entry-date {
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
*[data-card="news"] .card .entry-desc {
    display: none;
}
*[data-card="news"] .card .entry-title .ellipsis {
    -webkit-line-clamp: 5;
}
*[data-card="news"] .card .entry-desc .ellipsis {
    -webkit-line-clamp: 4;
}
*[data-card="news"][class*="type-grid"] {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-2xs) 0;
}
*[data-card="news"].type-grid,
*[data-card="news"].type-grid-all {
    grid-auto-flow: dense;
}
*[data-card="news"].type-grid-all > .card:nth-child(1) .entry-desc {
    display: block;
}
*[data-card="news"].type-grid-latest > .card:nth-child(-n+2) .entry-desc {
    display: flex;
    align-items: flex-end;
    flex: 1;
}
*[data-card="news"].type-grid-latest > .card:not(:nth-child(-n+2)) .cover {
    width: 120px;
}
*[data-card="news"].type-grid-latest > .card:not(:nth-child(-n+2)) .caption {
    width: auto;
    flex: 1;
}

*[data-card="news"].type-tile {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: var(--spacing-sm);
}
*[data-card="news"].type-tile .card .cover {
    width: 100%;
}
*[data-card="news"].type-tile .card .cover .object-fit:before {
    padding-bottom: 100%;
}
*[data-card="news"].type-tile .card .cover .object-scene,
*[data-card="news"].type-tile .card .caption {
    display: none !important;
}


*[data-card="event"] .card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-md) 0;
    overflow: hidden;
}
*[data-card="event"] .card .cover .object-fit:before {
    padding-bottom: 100%;
}
*[data-card="event"] .card .caption {
    flex: 1;
}
*[data-card="event"] .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
*[data-card="event"] .card .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h2);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
    transition: var(--duration) var(--timing-function);
}
*[data-card="event"] .card:hover .entry-title {
    color: var(--color-blue-bright);
}
*[data-card="event"] .card .entry-desc {
    text-transform: uppercase;
}
*[data-card="event"].type-slider {
    margin: 0 var(--spacing-2xs-minus);
}
*[data-card="event"].type-slider .swiper-slide {
    width: 27.6119402985% !important;
    min-width: 300px;
    height: auto;
    padding: 0 var(--spacing-2xs);
}
*[data-card="event"].type-slider .swiper-container {
    overflow: visible;
}

*[data-modal="event"] .modal-dismiss {
    color: #fff !important;
}
*[data-modal="event"] .modal-column.cover .object-fit:before {
    padding-bottom: 100%;
}
*[data-modal="event"] .modal-column.cover .swiper-button-prev {
    left: var(--spacing-2xs);
}
*[data-modal="event"] .modal-column.cover .swiper-button-next {
    right: var(--spacing-2xs);
}
*[data-modal="event"] .modal-column.cover .swiper-pagination-bullet {
    opacity: 1 !important;
}
*[data-modal="event"] .modal-column.cover .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: var(--color-blue-bright) !important;
}
*[data-modal="event"] .modal-container {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-md);
    min-height: 100%;
}
*[data-modal="event"] .modal-container > *:not(:first-child) {
    margin-top: 0;
}
*[data-modal="event"] .modal-container .entry-title {
    color: var(--color-theme);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
*[data-modal="event"] .modal-container .entry-desc {
    color: var(--color-gold);
    text-transform: uppercase;
}
*[data-modal="event"] .modal-container .entry-explore {
    margin-top: auto;
}
*[data-modal="event"] .modal-container *:is(.entry-header, .entry-content) > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}

*[data-card="thingstodo"] .card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-3xs) 0;
    overflow: hidden;
    -webkit-filter: none !important;
    filter: none !important;
}
*[data-card="thingstodo"] .card .cover {
    position: relative;
    -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-sm));
}
*[data-card="thingstodo"] .card .cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 32.8125%;
    background: linear-gradient(180deg, rgba(17, 29, 63, 0.00) 0%, #111D3F 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
*[data-card="thingstodo"] .card .cover .object-fit:before {
    padding-bottom: 73.1428571429%;
}
*[data-card="thingstodo"] .card .caption {
    flex: 1;
}
*[data-card="thingstodo"] .card .caption > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
*[data-card="thingstodo"] .card .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h2);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
    transition: var(--duration) var(--timing-function);
}
*[data-card="thingstodo"] .card:hover .entry-title {
    color: var(--color-blue-bright);
}
*[data-card="thingstodo"] .card .entry-desc {
    text-transform: uppercase;
}
*[data-card="thingstodo"].type-slider {
    margin: 0 var(--spacing-2xs-minus);
}
*[data-card="thingstodo"].type-slider .swiper-slide {
    width: 27.6119402985% !important;
    min-width: 300px;
    height: auto;
    padding: 0 var(--spacing-2xs);
}
*[data-card="thingstodo"].type-slider .swiper-container {
    overflow: visible;
}

*[data-card="thingstodo"].style-normal .card .cover {
    -webkit-mask-box-image: unset;
}
*[data-card="thingstodo"].style-normal .card .cover:after {
    display: none;
}
*[data-card="thingstodo"].style-normal .card .cover + .caption {
    margin-top: var(--spacing-sm);
}
*[data-card="thingstodo"].style-normal .card:not(:hover) .entry-title,
*[data-card="thingstodo"].style-normal .card .entry-explore .explore {
    color: var(--color-theme);
}
*[data-card="thingstodo"].style-normal .card .entry-explore .explore {
    color: var(--color-theme);
}

.partner-marquee {
    font-size: 0;
    line-height: 1;
}
.partner-wrapper {
    display: flex;
    align-items: center;
    line-height: 1;
}
.partner-wrapper .partner {
    box-shadow: none !important;
    display: block;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 0 var(--spacing-md);
}
.partner-wrapper .partner > img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 80px;
    min-height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* PAGE:INDEX */
.index-main .sc-scene.scene2 {
    width: 222px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.index-main *[data-section="intro"] .sc-mask {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
.index-main *[data-section="intro"] .sc-mask .object-fit,
.index-main *[data-section="intro"] .sc-mask .object-fit:before {
    width: 100%;
    height: 100%;
}
.index-main *[data-section="update"] {
    background: linear-gradient(113.79deg, #000000 0%, #1C2A56 100%);
    color: #fff;
}

#intro-yt-player {
    width: 100vw;
    min-width: 175vh;
    height: 100vw;
    min-height: 175vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}

.intro-slider .intro-yt-player {
    width: 100vw;
    min-width: 175vh;
    height: 100vw;
    min-height: 175vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}
.intro-slider .swiper-button-disabled {
    opacity: var(--opacity-light) !important;
}

/* PAGE:EVENT */
.event {
    position: relative;
    display: block;
    text-transform: uppercase;
    line-height: var(--line-height-sm);
}
.event a {
    box-shadow: none !important;
}
.event .entry-label,
.event .entry-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.event .entry-label {
    background: var(--color-gold);
    color: #fff;
}
.event .entry-cta {
    background: var(--color-red);
    color: #fff;
}
.event .entry-cta:hover {
    background: var(--color-red-dark);
    color: #fff;
}
.event .entry-cta.soldout {
    background: var(--color-theme) !important;
    color: rgba(255,255,255,0.2) !important;
    pointer-events: none !important;
    cursor: default !important;
}
.event .entry-detail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: var(--spacing-2xs);
    background: #fff;
    color: var(--color-theme);
    text-align: center;
    overflow: hidden;
}
.event .entry-title {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-column-gap: var(--spacing-2xs);
    align-items: center;
}
.event .entry-title .vs {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
}
.event .entry-title .name strong {
    font-size: var(--font-size-h4);
}
.event .entry-weight {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.event .entry-location {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
}
.event:not(.v3) .entry-time {
    color: #000;
}
.event .entry-banner {
    position: relative;
}
.event .entry-banner .object-fit:before {
    padding-bottom: 26.724137931%;
}
.event .cover {
    height: 100%;
    background: url(../img/design/card-event-bg.jpg) no-repeat center center;
    background-size: cover;
}
.event .cover .object-fit {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.event .cover .object-fit:before {
    height: 100%;
    background: #000;
}
.event .cover .object-fit > * {
    -o-object-fit: contain;
    object-fit: contain;
}
.event .cover .swiper-container,
.event .cover .swiper-wrapper {
    height: 100%;
}
.event .cover .swiper-wrapper {
    transition-timing-function: var(--timing-function-expo);
}
.event .cover .swiper-slide {
    height: auto;
}

.event *[class*="swiper-button-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #fff;
    color: #000;
    font-size: var(--font-size-3xs);
    opacity: 1 !important;
}
.event *[class*="swiper-button-"]:hover {
    background: #000;
    color: #fff;
}
.event *[class*="swiper-button-"]:after {
    font-size: var(--font-size-sm);
    transform: none !important;
}
.event .swiper-button-disabled {
    opacity: 0 !important;
}

.event-container > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}


*[data-section="event-lists"] .sc-navi > .sc-function {
    padding-top: var(--spacing-lg);
    transition: var(--duration);
}
html.page-scrolling *[data-section="event-lists"] .sc-navi > .sc-function {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
}


/* PAGE:VENUE */
.venue-main .sc-scene.scene1 {
    top: 8.75vw;
    overflow: visible;
}
.venue-main .sc-scene.scene2 {
    top: 42.9166666667vw;
}

.venue-main *[data-section="venue-vip"] .sc-scene.scene1 {
    top: 100%;
    transform: translateY(-40vw);
    overflow: visible;
}
.venue-main *[data-section="venue-vip"]:not(:has(.sc-cover)) .sc-scene.scene1 {
    display: none !important
}
.venue-main *[data-section="venue-stores"]:has(.offer-container) .sc-scene.scene2 {
    top: auto;
    bottom: var(--spacing-2xl-minus);
}
.venue-main *[data-section="venue-stores"]:has(.offer-container) .sc-scene.scene2 img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
}

*[data-section="venue-stores"] .entry-content table tr > th {
    width: 1%;
}
*[data-section="venue-event"] .sc-billboard .sc-cover .object-fit > * {
    -o-object-position: center top;
    object-position: center top;
}

/* *[data-section="venue-event"] {
    -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-sm));
}
*[data-section="venue-event"] .sc-billboard {
    -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-sm));
}
*[data-section="venue-event"] + *[data-section="banner"] > .sc-inner {
    padding-top: 0;
} */

*[data-card="stadium"] {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-sm) 0;
    grid-auto-flow: dense;
}
*[data-card="stadium"] .card {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
}
*[data-card="stadium"] .card:hover {
    -webkit-filter: none;
    filter: none;
}
*[data-card="stadium"] .card > * {
    width: 100%;
}
*[data-card="stadium"] .card > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-card="stadium"] .card > .cover {
    flex: 1;
}
*[data-card="stadium"] .card .cover .object-fit {
    height: 100%;
}
*[data-card="stadium"] .card .cover .object-fit:before {
    padding-bottom: 64.5833333333%;
    min-height: 100%;
}
*[data-card="stadium"] > .card:nth-child(4n+1) .cover .object-fit:before,
*[data-card="stadium"] > .card:nth-child(4n+4) .cover .object-fit:before {
    padding-bottom: 143.0555555556%;
}
*[data-card="stadium"] .card .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-sm);
}

.plan-container  {
    position: relative;
    display: block;
    width: 100%;
}
.plan-container > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.plan-container .privilege-lists {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: var(--spacing-sm) var(--spacing-2xs);
    text-align: center;
}
.plan-container .privilege-lists > li {
    display: block;
    width: 100%;
}
.plan-container .privilege-lists > li > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
.plan-container .privilege-lists .entry-icon {
    line-height: 1;
}
.plan-container .privilege-lists .entry-icon > img {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    width: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.plan-container .privilege-lists .entry-desc {
    font-size: var(--font-size-body-sub);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
}

.plan-ctrl {
    width: 100%;
    display: block;
}

.plan-display .sc-menu-container {
    padding: 0;
    border: 0;
}
.plan-display .sc-cover .object-fit:before {
    padding-bottom: 61.1111111111%;
}


.testimonial {
    padding: var(--spacing-sm);
    color: var(--color-theme);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    white-space: normal;
    background: #fff;
    border-radius: var(--radius);
    overflow: hidden;
}
.testimonial > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.testimonial .entry-content {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-sm);
}
.testimonial-wrapper {
    display: flex;
}
.testimonial-wrapper > .testimonial {
    height: 100%;
    width: 312px;
    max-width: 83.2vw;
    margin-right: var(--spacing-sm);
}
.testimonial-container {
    overflow: visible !important;
}

.vip-container > *:not(:first-child),
.vip-facilities > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.vip-facilities-wrap {
    display: flex;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
    font-size: var(--font-size-body-sub);
    text-transform: uppercase;
}
.vip-facilities-wrap > img {
    display: block;
    width: 50px;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.vip-display .tab-content > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.vip-display .sc-cover .object-fit:before {
    padding-bottom: 52.9850746269%;
}

.offer {
    position: relative;
    white-space: normal;
}
.offer > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
.offer .caption > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.offer .cover {
    position: relative;
    -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-sm));
}
.offer .cover:after {
    content: "";
    display: block;
    width: 100%;
    height: 32.8125%;
    background: linear-gradient(180deg, rgba(45, 51, 68, 0) 0%, #2D3344 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.offer .cover .object-fit:before {
    padding-bottom: 73.1428571429%;
}

.offer .caption .entry-title {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h2);
    line-height: var(--line-height-xs);
    text-transform: uppercase;
}
.offer-wrapper {
    display: flex;
}
.offer-wrapper > .offer {
    width: 350px;
    max-width: 80vw;
    margin: 0 auto;
    margin-right: var(--spacing-sm);
}
.offer-container {
    overflow: visible !important;
}

/* PAGE:HISTORY */
.history-main .sc-scene.scene2 {
    width: 51.8055555556%;
    left: auto;
    right: 0;
}

*[data-card="quick-access"] .card .cover {
    background: #000;
}
*[data-card="quick-access"] .card .cover .object-fit:before {
    padding-bottom: 64.2032332564%;
}
*[data-card="quick-access"] .card .cover .object-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--spacing-2xs);
    padding-right: var(--spacing-sm);
}
*[data-card="quick-access"] .card .entry-title {
    width: 100%;
    position: relative;
    z-index: 1;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
}
*[data-card="quick-access"].type-slider {
    margin: 0 var(--spacing-2xs-minus);
}
*[data-card="quick-access"].type-slider .swiper-slide {
    width: 50% !important;
    padding: 0 var(--spacing-2xs);
}
*[data-card="quick-access"].type-slider .swiper-container {
    overflow: visible;
}


/* PAGE:NEWS */
*[data-section="news-intro"] .sc-tile.detail {
    position: relative;
    background-color: #121F47;
    background-image: url(../img/design/news-single-scene1.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
*[data-section="news-intro"] .sc-tile.detail .sc-container > *:not(:first-child),
*[data-section="news-intro"] .sc-tile.detail .sc-headline > *:not(:first-child) {
    margin-top: var(--spacing-lg);
}

*[data-section="news-content"] .entry-content h1,
*[data-section="news-content"] .entry-content h2,
*[data-section="news-content"] .entry-content h3,
*[data-section="news-content"] .entry-content h4,
*[data-section="news-content"] .entry-content h5,
*[data-section="news-content"] .entry-content h6 {
    color: var(--color-theme);
}
*[data-section="news-content"] .entry-content .wp-block-image.alignwide {
    width: calc(100% + var(--spacing-container)*2);
    max-width: calc(100% + var(--spacing-container)*2);
    margin-left: var(--spacing-container-minus);
    margin-right: var(--spacing-container-minus);
}
*[data-section="news-content"] .entry-share {
    padding: var(--spacing-sm) 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--color-border);
}
*[data-section="news-content"] .entry-share:not(:first-child) {
    margin-top: var(--spacing-xl);
}
*[data-section="news-content"] .entry-share:not(:last-child) {
    margin-bottom: var(--spacing-xl);
}

*[data-section="news-content"] .sc-boxes > .sc-box.cover .object-fit:before {
    padding-bottom: 66.6235446313%;
}


/* PAGE:CONTACT */
.contact-main {
    background: linear-gradient(180deg, #00091B 0%, var(--color-theme) 100%);
}

.contact-group[class*="type-grid"] {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-sm) 0;
}
.contact-group .contact {
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.contact-group .contact .entry-content {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-sm);
}
.contact-group .contact > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}

.contact-map {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 var(--spacing-sm);
}
.contact-map .map-container:before {
    padding-bottom: 40.5714285714%;
    min-height: 535px;
}

.transportation-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-md) 0;
}
.transportation > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.transportation .entry-icon {
    width: 46px;
    height: 36px;
}
.transportation .entry-icon > * {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
}
.transportation .entry-content {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
}

/* PAGE:RWS */
.rws-main {
    background: linear-gradient(180deg, #1E1E1E 0%, #000000 100%);
    color: #fff;
}

.rws-main .sc-menu-container,
.rws-main .sc-menu-wrapper ul > li:not(:last-child) {
    border-color: #333;
}

.rws-main *[data-card="video"] .card .cover .object-fit:after {
    background: linear-gradient(180deg, rgba(255, 0, 0, 0) 0%, #FF0000 100%);
    mix-blend-mode: screen;
}
.rws-main *[data-card="video"] .card:hover .cover .object-fit:after {
    opacity: 0;
}
.rws-main *[data-card="video"] .card .object-scene {
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
}
.rws-main *[data-card="video"] .card .object-scene:before {
    height: 100%;
    padding-bottom: 0%;
    background: url(../img/design/card-video-scene-rws.svg) no-repeat right top;
    background-size: auto 100%;
    background-blend-mode: screen;
}

.rws-main *[data-card="news"] .card:hover .entry-title {
    color: var(--color-red);
}
.rws-main *[data-card="news"] .card .object-scene {
    width: 78.9719626168%;
}
.rws-main *[data-card="news"] .card .object-scene:before {
    padding-bottom: 66.8639053254%;
    background: url(../img/design/card-news-scene-rws.svg) no-repeat right top;
    background-size: auto 100%;
}

*[data-card="fighter"] .card {
    --radius: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #000;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 58.33%, #000000 100%);
    color: #fff;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-align: left;
    text-transform: uppercase;
    line-height: var(--line-height-sm);
}
*[data-card="fighter"] .card:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background: url(../img/design/card-fighter-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 1;
    transition: opacity var(--duration);
    will-change: opacity;
}
*[data-card="fighter"] .card:hover:before {
    opacity: 0.3;
}
*[data-card="fighter"] .card,
*[data-card="fighter"] .card:before,
*[data-card="fighter"] .card .cover .object-fit > * {
    border-radius: var(--radius);
    overflow: hidden;
}
*[data-card="fighter"] .card .cover .object-fit:before {
    padding-bottom: 153.9583333333%;
}
*[data-card="fighter"] .card .object-overlay {
    padding: var(--spacing-sm) var(--spacing-xs);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58.33%, #000000 100%);
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: 1fr auto;
}
*[data-card="fighter"] .card .overlay-top {
    grid-row: 1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
*[data-card="fighter"] .card .overlay-top > .entry-desc {
    margin-left: auto;
}
*[data-card="fighter"] .card .overlay-top > *:not(:last-child) {
    margin-right: var(--spacing-2xs);
}
*[data-card="fighter"] .card .overlay-bottom {
    grid-row: 2;
}
*[data-card="fighter"] .card .overlay-bottom > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
*[data-card="fighter"] .card .overlay-bottom > .entry-social + * {
    margin-top: var(--spacing-2xs);
}
*[data-card="fighter"] .card .entry-weight,
*[data-card="fighter"] .card .entry-title {
    font-weight: var(--font-weight-regular);
}
*[data-card="fighter"] .card .entry-title strong {
    font-size: var(--font-size-h4);
    font-weight: inherit;
}
*[data-card="fighter"] .card .entry-social .social .ic {
    font-size: var(--font-size-md);
}
*[data-card="fighter"] .card .entry-social .social {
    grid-column-gap: var(--spacing-xs);
}
*[data-card="fighter"] .card .entry-fight {
    font-size: var(--font-size-body-sub);
}
*[data-card="fighter"].type-slider {
    padding: 0 var(--spacing-2xs-minus);
}
*[data-card="fighter"].type-slider .swiper-slide {
    width: 18.8888888889% !important;
    padding: 0 var(--spacing-2xs);
    min-width: 272px;
}
*[data-card="fighter"].type-slider .swiper-container {
    overflow: visible;
}

*[data-modal="fighter"] {
    width: 1050px;
}
*[data-modal="fighter"] .modal-dismiss {
    color: #fff;
}
*[data-modal="fighter"] .modal-dismiss:hover {
    color: var(--color-red) !important;
}
*[data-modal="fighter"] .modal-columns {
    position: relative;
    width: 100%;
}

*[data-modal="fighter"] .entry-social .social .ic {
    font-size: var(--icon-size);
}

*[data-modal="fighter"] .entry-win {
    display: flex;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-xs);
    width: 100%;
}
*[data-modal="fighter"] .entry-win > * {
    flex: 1;
    padding: 0 var(--spacing-sm);
}
*[data-modal="fighter"] .entry-win > *:not(:last-child) {
    border-right: 1px solid var(--color-gray);
}

*[data-modal="fighter"] .entry-win > * > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-modal="fighter"] .entry-win .total {
    display: flex;
    width: 80px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 34px;
    background: #fff;
    color: #000;
}

*[data-modal="fighter"] .entry-background {
    text-align: center;
    text-transform: uppercase;
}
*[data-modal="fighter"] .entry-background > *:not(:first-child) {
    margin-top: var(--spacing-xs);
}
*[data-modal="fighter"] .entry-background strong {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
}
*[data-modal="fighter"] .entry-background table {
    table-layout: fixed;
}
*[data-modal="fighter"] .entry-background table tr > * {
    padding: var(--spacing-3xs) var(--spacing-2xs);
}
*[data-modal="fighter"] .entry-background table tr > *:first-child {
    padding-left: 0;
}
*[data-modal="fighter"] .entry-background table tr > *:last-child {
    padding-right: 0;
}
*[data-modal="fighter"] .entry-background table tr > *:not(:last-child) {
    border-right: 1px solid var(--color-border);
}

*[data-modal="fighter"] .entry-fight {
    display: flex;
    grid-gap: var(--spacing-sm);
    justify-content: center;
    position: relative;
}
*[data-modal="fighter"] .entry-fight > * {
    width: calc(50% - var(--spacing-sm)/2);
    max-width: 168px;
}
*[data-modal="fighter"] .entry-fight .fight-cards {
    position: relative;
}
*[data-modal="fighter"] .entry-fight .fight-cards > .card-tag {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    width: auto;
    height: 20px;
    padding: 0 var(--spacing-2xs);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body-sub);
    line-height: 1;
    text-transform: uppercase;
    background: var(--color-gray);
    color: #fff;
    pointer-events: none;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .card .cover .object-fit:before,
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-buttons:before {
    padding-bottom: 53.5714285714%;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .card .caption {
    background: var(--color-gray-bright);
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .card .caption > *:not(:first-child) {
    margin-top: 0;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .card .entry-title {
    font-family: var(--font-heading);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    text-transform: uppercase;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .card .entry-desc {
    font-size: var(--font-size-body-sub);
    line-height: var(--line-height-body);
    text-transform: uppercase;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .card .cta {
    height: 36px;
    font-size: var(--font-size-lg);
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"],
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-container,
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-wrapper {
    height: 100%;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-slide {
    height: auto !important;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-buttons {
    width: 100%;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-buttons:before {
    content: "";
    display: block;
    width: 100%;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-buttons > * {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-button-prev {
    left: 0;
}
*[data-modal="fighter"] .entry-fight *[data-card="ticket"] .swiper-button-next {
    right: 0;
}

*[data-modal="fighter"] .fighter-cover {
    position: relative;
    background: #000 url(../img/design/card-fighter-bg.jpg) no-repeat center center;
    background-size: 100% auto;
    color: #fff;
}
*[data-modal="fighter"] .fighter-cover .object-fit:before {
    /* padding-bottom: 115.0476190476%; */
    min-height: 100%;
    padding-bottom: 121.7142857143%;
}
*[data-modal="fighter"] .fighter-cover .object-fit > * {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center bottom;
    object-position: center bottom;
}
*[data-modal="fighter"] .fighter-cover .object-overlay {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: 1fr auto;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75.52%, rgba(0, 0, 0, 0.78) 100%);
}
*[data-modal="fighter"] .fighter-cover .overlay-bottom {
    grid-row: 2;
}
*[data-modal="fighter"] .fighter-cover .overlay-bottom > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-modal="fighter"] .fighter-cover .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-xs);
    text-transform: uppercase;
}
*[data-modal="fighter"] .fighter-cover .entry-title strong {
    font-size: var(--font-size-h1);
    font-weight: inherit;
}
*[data-modal="fighter"] .fighter-count {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-sm);
    background: #000;
    color: #fff;
    line-height: var(--line-height-sm);
    text-transform: uppercase;
}
*[data-modal="fighter"] .fighter-count > * {
    flex-grow: 1;
}
*[data-modal="fighter"] .fighter-count strong {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
}
*[data-modal="fighter"] .fighter-cover .object-overlay,
*[data-modal="fighter"] .fighter-count,
*[data-modal="fighter"] .fighter-header,
*[data-modal="fighter"] .fighter-body-inner {
    padding: var(--spacing-sm);
}
*[data-modal="fighter"] .fighter-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    line-height: var(--line-height-sm);
}
*[data-modal="fighter"] .fighter-header > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}
*[data-modal="fighter"] .fighter-header > .entry-social:not(:first-child) {
    margin-top: var(--spacing-md);
}
*[data-modal="fighter"] .fighter-body {
    background: #fff;
    color: #000;
}
*[data-modal="fighter"] .fighter-body-inner > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}

.fight-night-container {
    position: relative;
    overflow: hidden;
}
.fight-night-container > *:not(:last-child) {
    margin-bottom: -1px;
}
.fight-night-header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--spacing-2xs) var(--spacing-container);
    min-height: 100px;
}
.fight-night-body .sc-menu-wrapper ul > li {
    flex: 1;
}
.fight-night-table {
    line-height: 1;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fight-night-table,
.fight-night-table table,
.fight-night-table .tb-group-head table,
.fight-night-table .tb-group-head tr {
    height: 100%;
}
.fight-night-table .tb-group-head table tr > * {
    vertical-align: middle;
}
.fight-night-table .tb-group-head table tr .order {
    width: 38px;
    min-width: 38px;
    text-align: center;
    background: #000;
    color: #fff;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
}
.fight-night-table .tb-group-head table tr .cover {
    width: 70px;
    min-width: 70px;
    position: relative;
}
.fight-night-table .tb-group-head table tr .cover .object-fit:before {
    padding-bottom: 85.7142857143%;
}
.fight-night-table .tb-group-head table tr .cover .flag {
    display: block;
    width: 22px;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%,-50%);
}
.fight-night-table .tb-group-head table tr .name {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-2xs);
}
.fight-night-table .tb-group-head table tr .name strong {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
}
.fight-night-table .tb-group-body {
    text-align: center;
}
.fight-night-table > thead {
    font-weight: var(--font-weight-regular);
    background: var(--color-gray-bright);
    color: #000;
}
.fight-night-table > thead .tb-group-body table tr > * {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
}
.fight-night-table > tbody {
    background: #fff;
    color: #000;
}
.fight-night-table > tbody .tb-group-body table tr > * {
    position: relative;
}
.fight-night-table > tbody .tb-group-body table .title,
.fight-night-table > tbody .tb-group-body table .total {
    font-weight: var(--font-weight-regular);
}

.ranking-container {
    --order-w: 38px;
    --order-h: 44px;

    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    line-height: 1;
}
.ranking-container > * {
    width: 100%;
}
.ranking-header {
    flex: 1;
    display: flex;
    padding: var(--spacing-sm);
}
.ranking-body .sc-content > *:not(:first-child) {
    margin-top: 0;
}
.ranking-title {
    padding: var(--spacing-sm);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
}
.ranking-table .order {
    width: var(--order-w);
    height: var(--order-h);
    background: #000;
    color: #fff;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
    text-align: center;
}
.ranking-table .name,
.ranking-table .icon .ic-name {
    font-weight: var(--font-weight-regular);
}
.ranking-table .value {
    display: flex;
    align-items: center;
    min-height: calc(var(--order-h) - var(--spacing-2xs));
    background: #fff;
    color: #000;
    padding: 0 var(--spacing-2xs);
}
.ranking-table > tbody > tr > * {
    vertical-align: middle;
}
.ranking-table > tbody > tr > *:not(.order) {
    padding: var(--spacing-3xs) 0;
}
.ranking-table > tbody > tr > *:not(.order):last-child .value {
    padding-right: var(--spacing-sm);
}

.fight-night-table > tbody > tr:nth-child(1) .tb-group-head .order,
.ranking-table > tbody > tr:nth-child(1) .order {
    background: linear-gradient(180deg, #AE9C71 0%, #997C36 100%);
}
.fight-night-table > tbody > tr:nth-child(2) .tb-group-head .order,
.ranking-table > tbody > tr:nth-child(2) .order {
    background: linear-gradient(180deg, #C6C6C6 0%, #9C9C9C 100%);
}
.fight-night-table > tbody > tr:nth-child(3) .tb-group-head .order,
.ranking-table > tbody > tr:nth-child(3) .order {
    background: linear-gradient(180deg, #B87C45 0%, #995F2A 100%);
}
.fight-night-table .tb-group-head table tr .icon,
.fight-night-table .tb-group-head table tr .ctrl,
.ranking-table .icon {
    width: 1%;
    white-space: nowrap;
}
.fight-night-table .tb-group-head table tr .icon .ic, 
.fight-night-table .tb-group-head table tr .ctrl .ic,
.ranking-table .icon .ic {
    font-size: var(--font-size-xs);
}
.fight-night-table .tb-group-head table tr .icon .ic-chevron-up,
.ranking-table .icon .ic-chevron-up {
    color: #20E100;
}
.fight-night-table .tb-group-head table tr .icon .ic-chevron-down,
.ranking-table .icon .ic-chevron-down {
    color: var(--color-red);
}
.fight-night-table .tb-group-head table tr .icon .ic-pause,
.ranking-table .icon .ic-pause {
    color: #B0B0B0;
}


/* PAGE:STORE */
.store-html .popup-style-gallery.mfp-bg {
    background-color: rgba(255,255,255,1);
}

html.page-scrolling .store-main .sc-navi.sticky {
    background: #fff;
    color: #000;
}

*[data-card="category"] .card {
    background: #000;
    color: #fff;
}
*[data-card="category"] .card .cover .object-fit:before {
    padding-bottom: 100%;
}
*[data-card="category"] .card:hover .cover .object-fit > * {
    transform: scale(1.05);
}
*[data-card="category"] .card .cover .object-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--spacing-sm);
}
*[data-card="category"] .card .entry-title {
    width: 100%;
    position: relative;
    z-index: 1;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
}
*[data-card="category"].type-slider {
    margin: 0 var(--spacing-2xs-minus);
}
*[data-card="category"].type-slider .swiper-slide {
    width: 20.5555555556% !important;
    min-width: 272px;
    padding: 0 var(--spacing-2xs);
}
*[data-card="category"].type-slider .swiper-container {
    overflow: visible;
}


/* PAGE v2:THINGS TO DO */
.thingstodo-container > *:not(:first-child) {
    margin-top: var(--spacing-md);
}

.thingstodo-ctrl {
    font-size: var(--font-size-body);
    line-height: var(--line-height-sm);
}
.thingstodo-ctrl .sc-menu-container {
    border-top: 0;
    border-bottom: 0;
}
.thingstodo-ctrl .sc-menu-wrapper ul > li {
    width: auto !important;
    height: auto !important;
}
.thingstodo-ctrl .sc-menu-wrapper ul > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    grid-gap: var(--spacing-2xs) 0;
    text-transform: uppercase;
    text-align: center;
    padding: 0 var(--spacing-sm);
    box-shadow: none !important;
}
.thingstodo-ctrl .sc-menu-wrapper ul > li:first-child > a {
    padding-left: 0 !important;
}
.thingstodo-ctrl .sc-menu-wrapper ul > li:last-child > a {
    padding-right: 0 !important;
}
.thingstodo-ctrl .sc-menu-wrapper ul > li > a > img {
    display: block;
    height: 40px;
    width: auto;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    margin: 0 auto;
    -webkit-filter: var(--filter-white);
            filter: var(--filter-white);
}
.thingstodo-ctrl .sc-menu-wrapper ul > li > a > strong {
    margin: auto 0;
}
.thingstodo-ctrl .sc-menu-wrapper ul > li > a.active {
    color: var(--color-gold);
}
.thingstodo-ctrl .sc-menu-wrapper ul > li > a.active > img {
    -webkit-filter: var(--filter-gold);
            filter: var(--filter-gold);
}

.ticket-banner,
.ticket-banner .cover {
    position: relative;
    overflow: auto;
}
.ticket-banner .cover .object-fit:before {
    padding-bottom: 155.0724637681%;
}
.ticket-banner .cover .object-overlay {
    padding: var(--spacing-sm) var(--spacing-xs);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ticket-banner .caption .entry-title {
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}


/* PAGE V2:SEAT TYPES */
*[data-section="seat-types"] .sc-navi a > small {
    display: block;
    font-weight: var(--font-weight-light);
}
*[data-section="seat-types"] .sc-navi.sticky {
    top: var(--header-height);
}

.seat-types > .sc-columns:not(:last-child) {
    padding-bottom: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    border-bottom: 1px solid var(--color-blue-light);
}
.seat-types > .sc-columns > .sc-column.cover .sc-cover .object-fit:before {
    padding-bottom: 73.1428571429%;
}
.seat-types > .sc-columns > .sc-column.detail {
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--spacing-md);
}
.seat-types > .sc-columns > .sc-column.detail > *:not(:first-child) {
    margin-top: 0 !important;
}
.seat-types > .sc-columns > .sc-column.detail > .sc-explore {
    padding-top: var(--spacing-md);
    border-top: 1px solid var(--color-blue-light);
    margin-top: auto !important;
}

/* PAGE V2:COMPARE SEATS */
.compare-seats {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.compare-seats-ctrl {
    --button-height: var(--input-height);
    text-align: center;
}
.compare-seats-ctrl .button {
    width: 350px;
    min-width: 0;
    max-width: 100%;
}
.compare-seats-ctrl .button:not(:hover) {
    background-color: var(--color-blue-dark);
}

.compare-seats-fieldset {
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid;
    border-color: var(--color-blue-light);
}
.compare-seats-fieldset,
.compare-seats-fieldset > *:is([class*="fields"]) {
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-xs) var(--spacing-md);
    flex-wrap: wrap;
    justify-content: center;
}
.compare-seats-fieldset *:is([class*="field"]) {
    margin: 0 !important;
}
.compare-seats-fieldset > .fields {
    flex: 1;
    flex-wrap: nowrap;
}
.compare-seats-fieldset > .fields > .field {
    flex: 1;
}
.compare-seats-fieldset *:is(select, .select2-selection--single) {
    border-color: rgba(255,255,255,0.2);
} 
.compare-seats-fieldset *:is(select, .select2-selection__rendered) {
    padding-left: 0 !important;
    font-weight: var(--font-weight-regular);
}
.compare-seats-fieldset *:is(select, .select2-selection__rendered, .select2-results__options) {
    font-size: var(--font-size-h4);
    text-transform: uppercase;
}
.compare-seats-fieldset .select2-container--default .select2-selection__placeholder {
    opacity: 1 !important;
}
.compare-seats-fieldset .select2-container--default .select2-results__option span {
    display: inline-block;
    line-height: var(--line-height-sm);
}

.compare-seats-results {
    table-layout: fixed;
}
.compare-seats-results tr > * {
    vertical-align: top;
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
    border-left: 1px solid var(--color-blue-light);
    border-right: 1px solid var(--color-blue-light);
}
.compare-seats-results tr > *:first-child {
    padding-left: 0;
    border-left: 0;
}
.compare-seats-results tr > *:last-child {
    padding-right: 0;
    border-right: 0;
}
.compare-seats-results tr:not(:first-child) > * {
    padding-top: var(--spacing-md);
}
.compare-seats-results .entry-gallery .object-fit:before {
    padding-bottom: 67.7419354839%;
}
.compare-seats-results .entry-facilities .vip-facilities {
    -moz-column-count: unset;
         column-count: unset;
    -moz-column-gap: unset;
         column-gap: unset;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-sm);
}
.compare-seats-results .entry-facilities .vip-facilities > * {
    display: block;
    width: 100%;
}
.compare-seats-results .entry-facilities .vip-facilities-wrap {
    padding: 0;
}
.compare-seats-results .entry-explore {
    padding-top: var(--spacing-md);
    border-top: 1px solid var(--color-blue-light);
    margin-top: auto;
}

/* PAGE V2:HISTORY */
.history-container {
    position: relative;
}
.history-container > * {
    width: 100%;
}
.history-container > *:not(:first-child) {
    margin-top: var(--spacing-md);
}
.history-control {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xs);
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word;
}
.history-control .swiper-slide a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    grid-gap: var(--spacing-2xs) 0;
    padding: var(--spacing-xs) var(--spacing-2xs);
    box-shadow: none !important;
}
.history-control .swiper-slide a > strong {
    margin: auto 0;
}
.history-control .swiper-slide a > img {
    display: block;
    height: 40px;
    width: auto;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    margin: 0 auto;
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
}
.history-control .swiper-slide a.active {
    color: var(--color-gold);
}
.history-control .swiper-slide a.active > img {
    -webkit-filter: var(--filter-gold);
    filter: var(--filter-gold);
}
.history-control *[class*="swiper-button-"]:after {
    font-size: var(--font-size-sm);
}

.history-content .swiper-slide {
    width: 100% !important;
    padding: 0 !important;
}
.history-content .sc-boxes > .sc-box.cover .sc-cover .object-fit:before {
    padding-bottom: 100%;
}


/* PAGE V2:CHAMPIONS */
.champions-main {
    --color-theme: #000;
    --color-theme-rgb: 0,0,0;
    --cta-shadow: 0 -2px 0 0 var(--color-red) inset;
}
.champions-main ~ #footer {
    background: #000;
    color: #fff;
}
.champions-main ~ #footer .footer-break hr {
    background: currentColor;
    opacity: var(--opacity-light);
}

.fighter-ranking-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-lg) var(--spacing-sm);
    overflow: auto;
}
.fighter-ranking {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-sm);
    text-transform: uppercase;
}
.fighter-ranking > * {
    width: 100%;
}
.fighter-ranking .title {
    font-size: var(--font-size-h3);
    line-height: inherit;
}
.fighter-ranking .cover {
    position: relative;
}
.fighter-ranking .cover .object-fit:before {
    padding-bottom: 66.5625%;
}
.fighter-ranking .cover .object-fit:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.33%, #000 100%);
}
.fighter-ranking .cover .object-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-gap: var(--spacing-2xs) 0;
    padding: var(--spacing-sm) var(--spacing-xs);
}
.fighter-ranking .cover .object-overlay .name > strong {
    font-size: var(--font-size-h4);
    font-weight: inherit;
    line-height: inherit;
}
.fighter-ranking .ranking {
    counter-reset: ranking;
}
.fighter-ranking .ranking li {
    display: flex;
    align-items: center;
}
.fighter-ranking .ranking li:before {
    counter-increment: ranking;
    content: counter(ranking);
    font-size: var(--font-size-h4);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 44px;
    background: #000;
    color: #fff;
}
.fighter-ranking .ranking li:nth-child(1):before {
    background: linear-gradient(180deg, #AE9C71 0%, #997C36 100%);
    color: #fff;
}
.fighter-ranking .ranking li:nth-child(2):before {
    background: linear-gradient(180deg, #C6C6C6 0%, #9C9C9C 100%);
    color: #fff;
}
.fighter-ranking .ranking li:nth-child(3):before {
    background: linear-gradient(180deg, #B87C45 0%, #995F2A 100%);
    color: #fff;
}
.fighter-ranking .ranking-label {
    flex: 1;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    grid-gap: 0 var(--spacing-3xs);
    padding: 0 var(--spacing-2xs);
}
.fighter-ranking .ranking-label > .name {
    flex: 1;
}
.fighter-ranking .ranking-label > .desc {
    display: flex;
    align-items: center;
    grid-gap: 0 var(--spacing-2xs);
    white-space: nowrap;
}
.fighter-ranking .ranking-label > .desc .ic {
    font-size: var(--font-size-xs);
}
.fighter-ranking .ranking-label > .desc .ic-chevron-up {
    color: #20E100;
}
.fighter-ranking .ranking-label > .desc .ic-chevron-down {
    color: #FF0000;
}
.fighter-ranking .ranking-more {
    text-align: center;
}
.fighter-ranking .ranking-more .explore:before {
    content: attr(data-text-less);
}
.fighter-ranking .cover:not(:first-child),
.fighter-ranking .ranking-more:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.fighter-ranking:not(.all) .ranking-more .explore:before {
    content: attr(data-text-more);
}
.fighter-ranking:not(.all) .ranking > li:not(:nth-child(-n+3)) {
    display: none;
}


*[data-section="champion-intro"] {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0 var(--spacing-container);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
*[data-section="champion-intro"] > .champion-picture {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    pointer-events: none;
}

.champion-detail {
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-sm);
}
.champion-detail .entry-header {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-2xs);

}
.champion-detail .entry-header > *:not(:first-child) {
    margin-top: 0;
}
.champion-detail .entry-category {
    color: var(--color-gold);
}
.champion-detail *:is(.entry-name, .entry-desc) {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-xs);
}
.champion-detail .entry-name > strong {
    font-size: var(--font-size-h1);
}

.champion-counts {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-height: 95px;
    padding: var(--spacing-sm) var(--spacing-container);
    background: #000;
    color: #fff;
    display: flex;
    justify-content: space-between;
    grid-gap: var(--spacing-xs);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
}
.champion-count {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-xs);
}
.champion-count strong {
    display: flex;
    align-items: center;
    text-align: center;
    width: auto;
    height: 100%;
    padding: 0 var(--spacing-2xs);
    font-size: var(--font-size-h1);
    line-height: var(--line-height-xs);
    background: #fff;
    color: #000;
}

.champion-fight {
    display: flex;
    grid-gap: var(--spacing-sm);
    justify-content: center;
    position: relative;
    width: 100%;
}
.champion-fight > * {
    width: calc(50% - var(--spacing-sm)/2);
}
.champion-fight .fight-cards {
    position: relative;
}
.champion-fight .fight-cards > .card-tag {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    width: auto;
    height: 20px;
    padding: 0 var(--spacing-2xs);
    font-size: var(--font-size-body-sub);
    line-height: 1;
    text-transform: uppercase;
    background: var(--color-gray);
    color: #fff;
    pointer-events: none;
}
.champion-fight *[data-card="ticket"] .card .cover .object-fit:before,
.champion-fight *[data-card="ticket"] .swiper-buttons:before {
    padding-bottom: 53.5714285714%;
}
.champion-fight *[data-card="ticket"] .card {
    filter: none !important;
}
.champion-fight *[data-card="ticket"] .card .caption {
    background: var(--color-gray-bright);
    padding: var(--spacing-2xs);
}
.champion-fight *[data-card="ticket"] .card .caption > *:not(:first-child) {
    margin-top: 0;
}
.champion-fight *[data-card="ticket"] .card .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    text-transform: uppercase;
}
.champion-fight *[data-card="ticket"] .card .entry-desc {
    font-size: var(--font-size-body-sub);
    line-height: var(--line-height-body);
    text-transform: uppercase;
}
.champion-fight *[data-card="ticket"] .card .cta {
    height: 36px;
    font-size: var(--font-size-lg);
}
.champion-fight *[data-card="ticket"],
.champion-fight *[data-card="ticket"] .swiper-container,
.champion-fight *[data-card="ticket"] .swiper-wrapper {
    height: 100%;
}
.champion-fight *[data-card="ticket"] .swiper-slide {
    height: auto !important;
}
.champion-fight *[data-card="ticket"] .swiper-buttons {
    width: 100%;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.champion-fight *[data-card="ticket"] .swiper-buttons:before {
    content: "";
    display: block;
    width: 100%;
}
.champion-fight *[data-card="ticket"] .swiper-buttons > * {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
}
.champion-fight *[data-card="ticket"] *[class*="swiper-button-"] { 
    width: min(15.4761904762%, 26px);
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
}
.champion-fight *[data-card="ticket"] *[class*="swiper-button-"]:after {
    font-size: 10px;
}
.champion-fight *[data-card="ticket"] .swiper-button-prev {
    left: 0;
}
.champion-fight *[data-card="ticket"] .swiper-button-next {
    right: 0;
}
.champion-fight *[data-card="ticket"] .swiper-button-disabled {
    opacity: 0 !important;
}


.information {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    padding: var(--spacing-sm);
    box-shadow: 0 0 1px rgba(255,255,255,var(--opacity-light));
}
.information .entry-desc {
    line-height: inherit;
}
.information-container {
    --column: 4;
    display: grid;
    grid-template-columns: repeat(var(--column), calc(100% / var(--column)));
    grid-auto-rows: 1fr;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: -1px;
}

.record {
    --cover-width: 207px;
    position: relative;
    width: 100%;
    display: flex;
    text-transform: uppercase;
}
.record > .cover {
    width: var(--cover-width);
    min-width: var(--cover-width);
    max-width: var(--cover-width);
}
.record > .cover .object-fit {
    height: 100%;
}
.record > .cover .object-fit:before {
    padding-bottom: 59.9033816425%;
}
.record > .button:not(:hover) {
    background: var(--color-gray);
    border-color: var(--color-gray);
}
.record > .detail {
    flex: 1;
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-sm) var(--spacing-container);
    padding: var(--spacing-sm) var(--spacing-container);
    background: var(--color-gray-bright);
    color: #000;
}
.record > .detail strong {
    font-size: var(--font-size-h4);
    line-height: inherit;
}
.record-container {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-2xs);
}

/*========== IFRAME ==========*/
#iframe-body {
    height: auto !important;
    min-height: 0 !important;
    background: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
}
#iframe-body #page {
    padding: 0 !important;
    min-height: 0 !important;
}
#iframe-body #cookie-law-info-bar,
#iframe-body #cookie-law-info-again,
#iframe-body .woofc-overlay,
#iframe-body #woofc-count,
#iframe-body #woofc-area,
#iframe-body #fb-root {
    display: none !important;
}


/*========== MAILCHIMP ==========*/
#mc_embed_signup #mc_embed_signup_scroll {
    display: block !important;
    position: relative !important;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h4);
    text-align: left;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
    position: relative !important;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid;
    padding-left: 0;
    padding-right: calc(var(--font-size-xl) + var(--spacing-xs)*2);
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:-ms-input-placeholder {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    font-style: normal !important;
    color: inherit !important;
    opacity: 1 !important;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input::-webkit-input-placeholder {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    font-style: normal !important;
    color: inherit !important;
    opacity: 1 !important;
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input::-moz-placeholder {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    font-style: normal !important;
    color: inherit !important;
    opacity: 1 !important;
}
#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe {
    box-shadow: none;
    margin: 0;
    width: auto;
    height: var(--input-height);
    display: flex;
    align-items: center;
    line-height: normal;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    font-size: var(--font-size-body);
    opacity: var(--opacity-light);
}
#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe:hover {
    opacity: 1;
}
#mc_embed_signup #mce-responses {
    width: 100% !important;
    padding: 0 !important;
    position: absolute !important;
    left: 0 !important;
    top: calc(var(--input-height) + var(--spacing-3xs)) !important; 
    text-align: inherit;
    text-transform: none;
}
#mc_embed_signup #mce-responses .response {
    padding: 0 var(--spacing-sm) !important;
    font-size: var(--font-size-2xs) !important;
    color: inherit !important;
}
#mc_embed_signup #mce-responses #mce-error-response {
    color: var(--color-error) !important;
}
#mc_embed_signup #mce-responses #mce-success-response {
    color: var(--color-body) !important;
}
#mc_embed_signup div.mce_inline_error {
    width: 100%;
    margin: 0 !important;
    background: none !important;
    padding: 0 !important;
    font-size: var(--font-size-xs) !important;
    font-weight: inherit !important;
    color: var(--color-error) !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important; 
    bottom: 0 !important;
    display: none !important;
}
#mc_embed_signup input.mce_inline_error {
    border-color: var(--color-error) !important;
}

.iframe-subscribe {
    display: block !important;
    width: 100% !important;
}
.iframe-subscribe.position-popup,
.iframe-subscribe.position-footer {
    height: calc(var(--input-height) + var(--spacing-md)) !important;
    margin: 0 0 var(--spacing-md-minus) !important;
}
#mc_embed_signup.popupstyle,
#mc_embed_signup.footerstyle {
    padding: 0 0 var(--spacing-md);
    color: #fff;
}
#mc_embed_signup.popupstyle #mc_embed_signup_scroll .mc-field-group input,
#mc_embed_signup.footerstyle #mc_embed_signup_scroll .mc-field-group input {
    border-color: rgba(255,255,255,var(--opacity-light));
}

/*========== ANIMATE ==========*/
.animated {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.animate {
    -webkit-animation-duration: var(--duration-x2);
    animation-duration: var(--duration-x2);
    -webkit-animation-timing-function: var(--timing-function);
    animation-timing-function: var(--timing-function);
    will-change: opacity, transform;
}
.animate.fadeIn {
    -webkit-animation-timing-function: var(--timing-function-expo);
    animation-timing-function: var(--timing-function-expo);
}

#page-mask .pageMask {
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-animation-name: pageMask;
    animation-name: pageMask;
    transition: none;
}
#page-mask .pageMask.animated {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);
    animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#page-mask .pageMask.animate:not(.animated) {
    opacity: 0;
    width: 950vw; 
    height: 950vw;
}
@-webkit-keyframes pageMask {
    0% { opacity: 1; width: 100%; height: 100%;}
    90% { opacity: 1;}
    100% { opacity: 0; width: 950vw; height: 950vw;}
}
@keyframes pageMask {
    0% { opacity: 1; width: 100%; height: 100%;}
    90% { opacity: 1;}
    100% { opacity: 0; width: 950vw; height: 950vw;}
}
html.page-mask-html #header,
html.page-mask-html #match-bar,
html.page-mask-html #get-tickets-fixed,
html.page-mask-html:not(.loaded) #cookie-law-info-bar {
    transition: opacity var(--duration);
}
html.page-mask-html:not(.loaded) #header,
html.page-mask-html:not(.loaded) #match-bar,
html.page-mask-html:not(.loaded) #get-tickets-fixed,
html.page-mask-html:not(.loaded) #cookie-law-info-bar {
    opacity: 0 !important;
}
html.page-mask-html:not(.loaded) #header,
html.page-mask-html:not(.loaded) #header a,
html.page-mask-html:not(.loaded) #header button,
html.page-mask-html:not(.loaded) #cookie-law-info-bar {
    pointer-events: none !important;
}
html.page-mask-html:not(.loaded),
html.page-mask-html:not(.loaded) body {
    height: 100% !important;
    overflow: hidden !important;
}

*[data-js="liMarquee"] .mMove,
*[data-js="liMarquee"] .mItem {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}
*[data-js="liMarquee"] .mItem {
    float: left;
}
*[data-js="liMarquee"] .cloneContent {
    padding: 0 !important;
}


/*========== BUNDLE ==========*/
img, 
iframe,
.button,
.loadmore,
.explore,
#header, 
#footer,
#addon,
.mfp-close,
.select2-selection--single,
.select2-results__option,
.choice > span,
.fn,
.sc-billboard,
.sc-menu-container,
.highlight-text,
.event,
.match,
.filter-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.brand,
.hamburger,
.plaimanas,
.button,
.social a,
*[class*="object"],
.qty-btn,
.sc-link,
.mfp-close,
.modal-dismiss {
    text-decoration: none !important;
    box-shadow: none !important;
}

*[data-card="ticket"].type-slider .swiper-buttons,
*[data-card="quick-access"].type-slider .swiper-buttons,
*[data-card="category"].type-slider .swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0 var(--spacing-container);
    position: absolute;
    z-index: 10;
    left: auto;
    right: var(--spacing-container-minus);
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: var(--duration) var(--timing-function);
}
.no-touchevents [data-card="ticket"].type-slider:hover .swiper-buttons,
.no-touchevents [data-card="quick-access"].type-slider:hover .swiper-buttons,
.no-touchevents [data-card="category"].type-slider:hover .swiper-buttons {
    opacity: 1;
}