:root{
/* html */
--mks-html-font-size: 16px;
/* rgb colors */
--mks-primary-rgb: 171 3 52;
--mks-secondary-rgb: 244 192 149;
--mks-green-rgb: 153 213 201;
--mks-darker-green-rgb: 108 150 157;
--mks-blue-rgb: 2 84 168;
--mks-black-rgb: 10 9 8;
--mks-white-rgb: 255 255 255;
--mks-gray-rgb: 220 224 217;
/* Full colors */
--mks-primary-color: rgb(var(--mks-primary-rgb));
--mks-secondary-color: rgb(var(--mks-secondary-rgb));
--mks-green-color: rgb(var(--mks-green-rgb));
--mks-darker-green-color: rgb(var(--mks-darker-green-rgb));
--mks-blue-color: rgb(var(--mks-blue-rgb));
--mks-black-color: rgb(var(--mks-black-rgb));
--mks-white-color: rgb(var(--mks-white-rgb));
--mks-gray-color: rgb(var(--mks-gray-rgb));
/* Lighter colors */
--mks-primary-light-color: rgb(var(--mks-primary-rgb) / .05);
--mks-primary10-light-color: rgb(var(--mks-primary-rgb) / .1);
--mks-secondary-light-color: rgb(var(--mks-secondary-rgb) / .2);
--mks-secondary40-light-color: rgb(var(--mks-secondary-rgb) / .4);
--mks-green-light-color: rgb(var(--mks-green-rgb) / .15);
--mks-darker-green-light-color: rgb(var(--mks-darker-green-rgb) / .15);
--mks-blue-light-color: rgb(var(--mks-blue-rgb) / .05);
--mks-black-light-color: rgb(var(--mks-black-rgb) / .05);
--mks-gray-light-color: rgb(var(--mks-gray-rgb) / .2);
--mks-gray30-light-color: rgb(var(--mks-gray-rgb) / .3);
/* body */
--mks-font-sans-serif: 'Arian', sans-serif;
--mks-body-font-family: var(--mks-font-sans-serif);
--mks-body-font-size: 1.125rem;
--mks-body-font-weight: 400;
--mks-body-line-height: 1.4;
--mks-body-color: var(--mks-black-color);
--mks-body-bg: rgb(var(--mks-gray-rgb) / .3);
--mks-wrapper-bg: var(--mks-white-color);
--mks-general-border-radius: .625rem;
/* typography */
--mks-heading-color: inherit;
--mks-h-font-family: inherit;
--mks-h-font-weight: 700;
--mks-h1-font-size: 5rem;
--mks-h1-line-height: 1em;
--mks-h1-font-weight: var(--mks-h-font-weight);
--mks-h1-letter-spacing: normal;
--mks-h2-font-size: 2.5rem;
--mks-h2-line-height: 1.1em;
--mks-h2-font-weight: var(--mks-h-font-weight);
--mks-h2-letter-spacing: normal;
--mks-h3-font-size: 1.875rem;
--mks-h3-line-height: 1.2em;
--mks-h3-font-weight: var(--mks-h-font-weight);
--mks-h3-letter-spacing: normal;
--mks-h4-font-size: 1.5rem;
--mks-h4-line-height: 1.2em;
--mks-h4-font-weight: var(--mks-h-font-weight);
--mks-h4-letter-spacing: normal;
--mks-h5-font-size: 1.3125rem;
--mks-h5-line-height: 1.2em;
--mks-h5-font-weight: var(--mks-h-font-weight);
--mks-h5-letter-spacing: normal;
--mks-h6-font-size: 1.25rem;
--mks-h6-line-height: 1.5294117647058822em;
--mks-h6-font-weight: var(--mks-h-font-weight);
--mks-h6-letter-spacing: normal;
--mks-xxl-font-size: var(--mks-h1-font-size);
--mks-xxl-line-height: var(--mks-h1-line-height);
--mks-semi-xxl-font-size: var(--mks-h2-font-size);
--mks-semi-xxl-line-height: var(--mks-h2-line-height);
--mks-xl-font-size: var(--mks-h3-font-size);
--mks-xl-line-height: var(--mks-h3-line-height);
--mks-lg-font-size: var(--mks-h4-font-size);
--mks-lg-line-height: var(--mks-h4-line-height);
--mks-semi-lg-font-size: var(--mks-h5-font-size);
--mks-semi-lg-line-height: var(--mks-h5-line-height);
--mks-md-font-size: var(--mks-h6-font-size);
--mks-md-line-height: var(--mks-h6-line-height);
--mks-sm-font-size: calc(var(--mks-body-font-size) - .125rem);
--mks-sm-line-height: 1em;
--mks-post-title-font-size: var(--mks-h1-font-size);
--mks-post-title-line-height: var(--mks-h1-line-height);
--mks-query-title-font-size: var(--mks-h1-font-size);
--mks-query-title-line-height: var(--mks-h1-line-height);
--mks-site-title-font-size: var(--mks-h1-font-size);
--mks-site-title-line-height: var(--mks-h1-line-height);
/* ul style */
--mks-marker-color: var(--mks-primary-color);
/* gutter */
--mks-gutter-x: 1.25rem;
--mks-gutter-double-x: calc(var(--mks-gutter-x) * 2);
--mks-gutter-y: 0;
--mks-gutter-button-x: .625rem;
--mks-gutter-column-x: var(--mks-gutter-x);
/* margins */
--mks-margin-top-base: 1.25rem;
--mks-margin-top-heading: 2.5rem;
--mks-margin-top-li: .625rem;
--mks-margin-top-button: 1.875rem;
--mks-margin-top-buttons: calc(var(--mks-margin-top-button) - var(--mks-gutter-button-x))!important;
--mks-margin-top-columns: 3.125rem;
--mks-margin-top-wpcf7: 1.875rem;
--mks-margin-top-block: 6.25rem;
/* offsets */
--mks-offset-top-first: 2.5rem;
--mks-offset-bottom-last: var(--mks-margin-top-block);
/* alerts */
--mks-alert-bg: transparent;
--mks-alert-padding-x: 1rem;
--mks-alert-padding-y: 1rem;
--mks-alert-margin-bottom: 1rem;
--mks-alert-color: inherit;
--mks-alert-border-color: transparent;
--mks-alert-border: 1px solid var(--mks-alert-border-color);
--mks-alert-border-radius: .375rem;
--mks-body-color-rgb: 33, 37, 41;
--mks-body-bg-rgb: 255, 255, 255;
--mks-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* borders (modal / accordion etc) */
--mks-border-width: 1px;
--mks-border-style: solid;
--mks-border-color: #dee2e6;
--mks-border-color-translucent: rgba(0, 0, 0, .175);
--mks-border-radius: .375rem;
--mks-border-radius-pill: 50rem;
/* header */
--mks-header-height: 12.5rem;
--mks-header-bgcolor: rgba(255, 255, 255, 0);
--mks-header-box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, 0);
/* footer */
--mks-footer-padding-top: 3.75rem;
--mks-footer-padding-bottom: 7.5rem;
--mks-footer-bgcolor: var(--mks-body-bg);
/* link */
--mks-link-color: inherit;
--mks-link-hover-color: var(--mks-primary-color);
/* code / highlight */
--mks-code-color: #d63384;
--mks-highlight-bg: #fff3cd;
/* containers */
--mks-container: 80rem;
--mks-container-xl: 87.5rem;
--mks-container-xxl: 105rem;
/* buttons */
--mks-btn-font-family: inherit;
--mks-btn-font-size: var(--mks-body-font-size);
--mks-btn-font-weight: 700;
--mks-btn-line-height: 1.2;
--mks-btn-border-width: 1px;
--mks-btn-border-color: transparent;
--mks-btn-padding-y: calc(0.5em - var(--mks-btn-border-width));
--mks-btn-padding-x: calc(1.1111111111111112em - var(--mks-btn-border-width));
--mks-btn-border-radius: 1.25rem;
--mks-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
--mks-btn-disabled-opacity: .65;
--mks-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--mks-btn-focus-shadow-rgb), .5);
--mks-btn-transform: none;
--mks-btn-color: var(--mks-white-color);
--mks-btn-bg: var(--mks-primary-color);
--mks-btn-border-color: var(--mks-btn-bg);
--mks-btn-disabled-opacity: .5;
--mks-btn-translateY: -.3125rem;
/* tooltips */
--mks-tooltip-zindex: 1080;
--mks-tooltip-max-width: 12.5rem;
--mks-tooltip-padding-x: .5rem;
--mks-tooltip-padding-y: .25rem;
--mks-tooltip-margin: ;
--mks-tooltip-font-size: .75rem;
--mks-tooltip-color: var(--mks-white-color);
--mks-tooltip-bg: var(--mks-black-color);
--mks-tooltip-border-radius: .375rem;
--mks-tooltip-opacity: .9;
--mks-tooltip-arrow-width: .8rem;
--mks-tooltip-arrow-height: .4rem;
/* scroll-to-top */
--mks-scroll-top-width: 3rem;
--mks-scroll-top-height: 3rem;
--mks-scroll-top-border-radius: 50%;
--mks-scroll-top-color: var(--mks-white-color);
--mks-scroll-top-bg: var(--mks-primary-color);
/* swiper */
--mks-swiper-width: 3.125rem;
--mks-swiper-height: var(--mks-swiper-width);
--mks-swiper-color: var(--mks-primary-color);
--mks-swiper-bgcolor: transparent;
--mks-swiper-border-width: 2px;
--mks-swiper-border-color: var(--mks-swiper-color);
--mks-swiper-border-radius: 50%;
/* forms */
--mks-input-font-size: var(--mks-sm-font-size);
--mks-input-font-weight: 400;
--mks-input-line-height: 1.25em;
--mks-input-color: var(--mks-body-color);
--mks-input-border-width: 1px;
--mks-input-border-color: #efefef;
--mks-input-background-color: var(--mks-white-color);
--mks-input-border-radius: 1.25rem;
--mks-input-padding-y: calc(.625rem - var(--mks-input-border-width));
--mks-input-padding-x: calc(1.25rem - var(--mks-input-border-width));
--mks-input-padding-select-x: calc(2.5rem - var(--mks-input-border-width));
--mks-input-color-focus: var(--mks-body-color);
--mks-input-border-color-focus: #ddd;
--mks-input-background-color-focus: var(--mks-white-color);
--mks-input-placeholder-color: var(--mks-input-color);
/* content-grid */
--grid-padding-inline: var(--mks-gutter-x);
--content-max-width: var(--mks-container);
--breakout-max-width: var(--mks-container-xl);
--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
/* mks-social */
--mks-social-gap: .625rem;
--mks-social-color: currentColor;
--mks-social-height: 1.875rem;
--mks-social-hover-color: var(--mks-primary-color);
}
#html .arve{margin-bottom: 0}
br + *,
* + br{margin-top: 0!important}
/* =============================================================================
typography
========================================================================== */
h1{font-size: var(--mks-h1-font-size); line-height: var(--mks-h1-line-height)}
h2{font-size: var(--mks-h2-font-size); line-height: var(--mks-h2-line-height)}
h3{font-size: var(--mks-h3-font-size); line-height: var(--mks-h3-line-height)}
h4{font-size: var(--mks-h4-font-size); line-height: var(--mks-h4-line-height)}
h5{font-size: var(--mks-h5-font-size); line-height: var(--mks-h5-line-height)}
h6{font-size: var(--mks-h6-font-size); line-height: var(--mks-h6-line-height)}
.has-giant-font-size{font-size: var(--mks-xxl-font-size); line-height: var(--mks-xxl-line-height)!important}
.has-semi-giant-font-size{font-size: var(--mks-semi-xxl-font-size); line-height: var(--mks-semi-xxl-line-height)!important}
.has-huge-font-size{font-size: var(--mks-xl-font-size); line-height: var(--mks-xl-line-height)!important}
.has-large-font-size{font-size: var(--mks-lg-font-size); line-height: var(--mks-lg-line-height)!important}
.has-semi-large-font-size{font-size: var(--mks-semi-lg-font-size); line-height: var(--mks-semi-lg-line-height)!important}
.has-medium-font-size{font-size: var(--mks-md-font-size); line-height: var(--mks-md-line-height)!important}
.has-small-font-size{font-size: var(--mks-sm-font-size); line-height: var(--mks-sm-line-height)!important}
.fst-italic{font-style: italic !important}
.fst-normal{font-style: normal !important}
.fw-thin, .is-style-fw-thin{font-weight: 100!important}
.fw-extralight, .is-style-fw-extralight{font-weight: 200!important}
.fw-light, .is-style-fw-light{font-weight: 300!important}
.fw-normal, .is-style-fw-normal{font-weight: 400!important}
.fw-medium, .is-style-fw-medium{font-weight: 500!important}
.fw-semibold, .is-style-fw-semibold{font-weight: 600!important}
.fw-bold, .is-style-fw-bold{font-weight: 700!important}
.fw-extrabold, .is-style-fw-extrabold{font-weight: 800!important}
.fw-black, .is-style-fw-black{font-weight: 900!important}
.text-start{text-align: left !important}
.text-end{text-align: right !important}
.text-center{text-align: center !important}
.text-decoration-none{text-decoration: none !important}
.text-decoration-underline{text-decoration: underline !important}
.text-decoration-line-through{text-decoration: line-through !important}
.text-lowercase{text-transform: lowercase !important}
.text-uppercase{text-transform: uppercase !important}
.text-capitalize{text-transform: capitalize !important}
.text-wrap{white-space: normal !important}
.text-nowrap{white-space: nowrap !important}
/* =============================================================================
tables
========================================================================== */
table{width: 100%}
table th{text-align: unset}
table tr > *{padding: .3125rem}
/* =============================================================================
content-grid
========================================================================== */
.content-grid {
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.content-grid > :not(.breakout, .full-width),
.full-width > :not(.breakout, .full-width){grid-column: content}
.content-grid > .breakout {grid-column: breakout}
.content-grid > .full-width {grid-column: full-width; display: grid; grid-template-columns: inherit}
/* =============================================================================
buttons
========================================================================== */
.wp-block-button .wp-block-button__link.has-secondary-background-color,
.mks-narrow-form .wpcf7-submit,
#headerOffcanvas .wpml-ls-legacy-dropdown-click a,
.mks-inquiry-cart-btn{
--mks-btn-color: var(--mks-black-color);
--mks-btn-bg: var(--mks-secondary-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
.wp-block-button .wp-block-button__link.has-green-background-color{
--mks-btn-color: var(--mks-black-color);
--mks-btn-bg: var(--mks-green-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
.wp-block-button .wp-block-button__link.has-darker-green-background-color{
--mks-btn-color: var(--mks-white-color);
--mks-btn-bg: var(--mks-darker-green-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
.wp-block-button .wp-block-button__link.has-blue-background-color{
--mks-btn-color: var(--mks-white-color);
--mks-btn-bg: var(--mks-blue-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
.wp-block-button .wp-block-button__link.has-black-background-color{
--mks-btn-color: var(--mks-white-color);
--mks-btn-bg: var(--mks-black-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
.wp-block-button .wp-block-button__link.has-white-background-color{
--mks-btn-color: var(--mks-black-color);
--mks-btn-bg: var(--mks-white-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
.wp-block-button .wp-block-button__link.has-gray-background-color{
--mks-btn-color: var(--mks-black-color);
--mks-btn-bg: var(--mks-gray-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
#headerOffcanvas .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle,
#headerOffcanvas .wpml-ls-legacy-dropdown-click a:hover{
--mks-btn-color: var(--mks-white-color);
--mks-btn-bg: var(--mks-primary-color);
--mks-btn-border-color: var(--mks-btn-bg);
}
.mks-inquiry-cart-btn,
#headerOffcanvas .wpml-ls-legacy-dropdown-click a,
.btn:not(.plus, .minus),
body:not(.wp-admin) .button:not(.plus, .minus),
.wpcf7-submit,
.wp-block-button:not(.is-style-read-more) .wp-block-button__link{
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
user-select: none;
padding: var(--mks-btn-padding-y) var(--mks-btn-padding-x);
font-family: var(--mks-btn-font-family);
font-size: var(--mks-btn-font-size);
font-weight: var(--mks-btn-font-weight);
line-height: var(--mks-btn-line-height);
color: var(--mks-btn-color)!important;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--mks-btn-border-width) solid var(--mks-btn-border-color)!important;
border-radius: var(--mks-btn-border-radius);
background-color: var(--mks-btn-bg);
transition: color .3s linear, border-color .3s linear, background-color .3s linear, transform .3s linear;
text-transform: var(--mks-btn-transform)
}
.wp-block-button.is-style-outline .wp-block-button__link{
background-color: transparent!important;
border-width: var(--mks-btn-border-width)!important;
padding: var(--mks-btn-padding-y) var(--mks-btn-padding-x)!important;
color: var(--mks-btn-bg)!important
}
.wp-block-button.is-style-outline .wp-block-button__link.has-secondary-background-color{
color: var(--mks-black-color)!important
}
.wp-block-button.is-style-read-more{align-self: center}
.wp-block-button.is-style-read-more .wp-block-button__link,
.cards__overlay-cta{
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
user-select: none;
color: var(--mks-btn-bg)!important;
font-family: var(--mks-btn-font-family);
font-size: var(--mks-btn-font-size);
font-weight: var(--mks-btn-font-weight);
line-height: var(--mks-btn-line-height);
text-decoration: none;
vertical-align: middle;
border: none!important;
background: none!important;
padding: 0!important;
transition: transform .25s linear;
text-transform: var(--mks-btn-transform)
}
.wp-block-button.is-style-read-more .wp-block-button__link::before,
.cards__overlay-cta::before{
content: '';
display: block;
width: .5rem;
height: 1rem;
margin-right: .5rem;
background-color: currentColor;
mask-image: url(../images/rm-arrow.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: 100% auto;
-webkit-mask-image: url(../images/rm-arrow.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% auto
}
@media (prefers-reduced-motion: reduce) {
.mks-inquiry-cart-btn,
.btn:not(.plus, .minus),
body:not(.wp-admin) .button:not(.plus, .minus),
.wpcf7-submit,
.wp-block-button .wp-block-button__link,
.cards__overlay-cta{transition: none}
}
.mks-inquiry-cart-btn:hover,
.btn:not(.plus, .minus):not(:disabled):hover,
body:not(.wp-admin) .button:not(.plus, .minus):not(:disabled):hover,
.wpcf7-submit:not(:disabled):hover,
.wp-block-button .wp-block-button__link:not(:disabled):hover,
.cards__overlay-cta:hover{transform: translateY(var(--mks-btn-translateY))}
.btn:disabled, .btn.disabled,
fieldset:disabled .btn:not(.plus, .minus),
fieldset:disabled .button:not(.plus, .minus),
body:not(.wp-admin) .button:not(.plus, .minus):disabled, body:not(.wp-admin) .button:not(.plus, .minus).disabled,
.wpcf7-submit:disabled,
.wp-block-button.disabled .wp-block-button__link,
.wp-block-button .wp-block-button__link.disabled,
.wp-block-button .wp-block-button__link:disabled{pointer-events: none; opacity: var(--mks-btn-disabled-opacity)}
.wp-block-buttons,
.wp-block-columns{gap: 0!important}
@media (min-width: 782px){
.wp-block-columns > *:not(:last-child){padding-right: var(--mks-gutter-column-x)}
.wp-block-columns > *:not(:first-child){padding-left: var(--mks-gutter-column-x)}
}
@media (max-width: 781px){
.wp-block-column + .wp-block-column{margin-top: calc(var(--mks-gutter-column-x) * 2)}
}
/* =============================================================================
pagination
========================================================================== */
.woocommerce-pagination,
.pagi-nav{
--mks-pagination-width: 2.5rem;
--mks-pagination-height: 2.5rem;
--mks-pagination-font-size: 1rem;
--mks-pagination-font-weight: 400;
--mks-pagination-border-width: 1px;
--mks-pagination-border-style: solid;
--mks-pagination-border-radius: calc(var(--mks-pagination-height) / 2);
--mks-pagination-color: var(--mks-primary-color);
--mks-pagination-hover-color: var(--mks-white-color);
--mks-pagination-hover-bgcolor: var(--mks-pagination-color);
--mks-pagination-hover-border-color: var(--mks-pagination-color);
color: var(--mks-pagination-color)
}
* + .woocommerce-pagination,
* + .pagi-nav{margin-top: 2.5rem}
.woocommerce-pagination ul,
.woocommerce-pagination li > *,
.pagi-nav ul,
.pagi-nav li > *{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0}
.woocommerce-pagination ul,
.pagi-nav ul{list-style: none; margin: -.5rem}
.woocommerce-pagination li,
.pagi-nav li{margin: .5rem}
.woocommerce-pagination li > *,
.pagi-nav li > *{
font-size: var(--mks-pagination-font-size);
line-height: 1em;
font-weight: var(--mks-pagination-font-weight);
width: var(--mks-pagination-width);
height: var(--mks-pagination-height);
border-radius: var(--mks-pagination-border-radius);
text-decoration: none!important;
color: inherit;
border: var(--mks-pagination-border-width) var(--mks-pagination-border-style) currentColor;
transition: all .15s ease-in-out
}
.woocommerce-pagination li > a:hover,
.woocommerce-pagination li > .current,
.pagi-nav li > a:hover,
.pagi-nav li > .current{color: var(--mks-pagination-hover-color); background-color: var(--mks-pagination-hover-bgcolor); border-color: var(--mks-pagination-hover-border-color)}
/* =============================================================================
grid
========================================================================== */
.row,
.wp-block-buttons{display: flex; flex-wrap: wrap}
.row{margin-right: calc(-1 * var(--mks-gutter-x)); margin-left: calc(-1 * var(--mks-gutter-x))}
.row-grid{margin-top: calc(-1 * var(--mks-gutter-x)); margin-bottom: calc(-1 * var(--mks-gutter-x))}
.wp-block-buttons{margin: calc(-1 * var(--mks-gutter-button-x))}
.row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: var(--mks-gutter-x); padding-left: var(--mks-gutter-x); margin-top: var(--mks-gutter-y)}
.row-grid > *{padding-top: var(--mks-gutter-x); padding-bottom: var(--mks-gutter-x)}
.wp-block-buttons > *{padding: var(--mks-gutter-button-x)}
.col{flex:1 0 0}.row-cols-auto > *{flex:0 0 auto;width:auto}.row-cols-1 > *{flex:0 0 auto;width:100%}.row-cols-2 > *{flex:0 0 auto;width:50%}.row-cols-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-4 > *{flex:0 0 auto;width:25%}.row-cols-5 > *{flex:0 0 auto;width:20%}.row-cols-6 > *{flex:0 0 auto;width:16.66668%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33334%}.col-2{flex:0 0 auto;width:16.66668%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33334%}.col-5{flex:0 0 auto;width:41.66668%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33334%}.col-8{flex:0 0 auto;width:66.66668%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33334%}.col-11{flex:0 0 auto;width:91.66668%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33334%}.offset-2{margin-left:16.66668%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33334%}.offset-5{margin-left:41.66668%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33334%}.offset-8{margin-left:66.66668%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33334%}.offset-11{margin-left:91.66668%}
@media (min-width: 576px){.col-sm{flex:1 0 0}.row-cols-sm-auto > *{flex:0 0 auto;width:auto}.row-cols-sm-1 > *{flex:0 0 auto;width:100%}.row-cols-sm-2 > *{flex:0 0 auto;width:50%}.row-cols-sm-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-sm-4 > *{flex:0 0 auto;width:25%}.row-cols-sm-5 > *{flex:0 0 auto;width:20%}.row-cols-sm-6 > *{flex:0 0 auto;width:16.66668%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33334%}.col-sm-2{flex:0 0 auto;width:16.66668%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33334%}.col-sm-5{flex:0 0 auto;width:41.66668%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33334%}.col-sm-8{flex:0 0 auto;width:66.66668%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33334%}.col-sm-11{flex:0 0 auto;width:91.66668%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33334%}.offset-sm-2{margin-left:16.66668%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33334%}.offset-sm-5{margin-left:41.66668%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33334%}.offset-sm-8{margin-left:66.66668%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33334%}.offset-sm-11{margin-left:91.66668%}}@media (min-width: 768px){.col-md{flex:1 0 0}.row-cols-md-auto > *{flex:0 0 auto;width:auto}.row-cols-md-1 > *{flex:0 0 auto;width:100%}.row-cols-md-2 > *{flex:0 0 auto;width:50%}.row-cols-md-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-md-4 > *{flex:0 0 auto;width:25%}.row-cols-md-5 > *{flex:0 0 auto;width:20%}.row-cols-md-6 > *{flex:0 0 auto;width:16.66668%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33334%}.col-md-2{flex:0 0 auto;width:16.66668%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33334%}.col-md-5{flex:0 0 auto;width:41.66668%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33334%}.col-md-8{flex:0 0 auto;width:66.66668%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33334%}.col-md-11{flex:0 0 auto;width:91.66668%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33334%}.offset-md-2{margin-left:16.66668%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33334%}.offset-md-5{margin-left:41.66668%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33334%}.offset-md-8{margin-left:66.66668%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33334%}.offset-md-11{margin-left:91.66668%}}@media (min-width: 992px){.col-lg{flex:1 0 0}.row-cols-lg-auto > *{flex:0 0 auto;width:auto}.row-cols-lg-1 > *{flex:0 0 auto;width:100%}.row-cols-lg-2 > *{flex:0 0 auto;width:50%}.row-cols-lg-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-lg-4 > *{flex:0 0 auto;width:25%}.row-cols-lg-5 > *{flex:0 0 auto;width:20%}.row-cols-lg-6 > *{flex:0 0 auto;width:16.66668%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33334%}.col-lg-2{flex:0 0 auto;width:16.66668%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33334%}.col-lg-5{flex:0 0 auto;width:41.66668%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33334%}.col-lg-8{flex:0 0 auto;width:66.66668%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33334%}.col-lg-11{flex:0 0 auto;width:91.66668%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33334%}.offset-lg-2{margin-left:16.66668%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33334%}.offset-lg-5{margin-left:41.66668%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33334%}.offset-lg-8{margin-left:66.66668%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33334%}.offset-lg-11{margin-left:91.66668%}}@media (min-width: 1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto > *{flex:0 0 auto;width:auto}.row-cols-xl-1 > *{flex:0 0 auto;width:100%}.row-cols-xl-2 > *{flex:0 0 auto;width:50%}.row-cols-xl-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-xl-4 > *{flex:0 0 auto;width:25%}.row-cols-xl-5 > *{flex:0 0 auto;width:20%}.row-cols-xl-6 > *{flex:0 0 auto;width:16.66668%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33334%}.col-xl-2{flex:0 0 auto;width:16.66668%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33334%}.col-xl-5{flex:0 0 auto;width:41.66668%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33334%}.col-xl-8{flex:0 0 auto;width:66.66668%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33334%}.col-xl-11{flex:0 0 auto;width:91.66668%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33334%}.offset-xl-2{margin-left:16.66668%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33334%}.offset-xl-5{margin-left:41.66668%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33334%}.offset-xl-8{margin-left:66.66668%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33334%}.offset-xl-11{margin-left:91.66668%}}@media (min-width: 1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto > *{flex:0 0 auto;width:auto}.row-cols-xxl-1 > *{flex:0 0 auto;width:100%}.row-cols-xxl-2 > *{flex:0 0 auto;width:50%}.row-cols-xxl-3 > *{flex:0 0 auto;width:33.33334%}.row-cols-xxl-4 > *{flex:0 0 auto;width:25%}.row-cols-xxl-5 > *{flex:0 0 auto;width:20%}.row-cols-xxl-6 > *{flex:0 0 auto;width:16.66668%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33334%}.col-xxl-2{flex:0 0 auto;width:16.66668%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33334%}.col-xxl-5{flex:0 0 auto;width:41.66668%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33334%}.col-xxl-8{flex:0 0 auto;width:66.66668%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33334%}.col-xxl-11{flex:0 0 auto;width:91.66668%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33334%}.offset-xxl-2{margin-left:16.66668%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33334%}.offset-xxl-5{margin-left:41.66668%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33334%}.offset-xxl-8{margin-left:66.66668%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33334%}.offset-xxl-11{margin-left:91.66668%}}
.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}
.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}
.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}
.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}
@media (min-width: 576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width: 768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width: 992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width: 1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width: 1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}
/* =============================================================================
components
========================================================================== */
/* mks-block (common) */
.block__header{
margin-bottom: 3.75rem;
--mks-link-color: var(--mks-primary-color);
--mks-link-hover-color: currentColor;
}
.block__header .is-style-pretitle{
margin-bottom: 3.75rem;
text-transform: uppercase;
font-size: var(--mks-body-font-size);
line-height: var(--mks-body-line-height);
}
.block__header:not(.text-center).has-btns{
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1.875rem var(--mks-gutter-double-x);
align-content: flex-end
}
.block__header:not(.text-center).has-btns > h2,
.block__header:not(.text-center).has-btns > .classic-editor{
grid-column: 1 / 9;
}
.block__header:not(.text-center).has-btns > .wp-block-buttons{
margin-top: calc(var(--mks-gutter-button-x) * -1)!important;
grid-column: 9 / -1;
align-self: flex-end;
justify-content: flex-end;
}
.block__header:not(.text-center).has-btns > h2 + .wp-block-buttons{align-self: center}
.block__header:not(.text-center).has-btns > .classic-editor + .wp-block-buttons{align-self: flex-end}
.block__header:not(.text-center).has-btns > h2 + .classic-editor + .wp-block-buttons{grid-row: 1 / 3; align-self: flex-end}
.block__header.text-center{
width: 100%;
max-width: 66.25rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 2.5rem
}
.block__header.text-center > * + *{margin-top: 1.875rem}
.block__header.text-center > * + .wp-block-buttons{margin-top: calc(1.875rem - var(--mks-gutter-button-x))!important}
.block-newsletter .block__header.text-center{max-width: 40rem}
.block__footer{margin-top: 3.75rem}
/* mks-social */
.mks-social,
.mks-social a{display: flex; flex-wrap: wrap; align-items: center}
.mks-social{margin: calc(var(--mks-social-gap) * -1)}
.mks-social a{
align-items: center;
justify-content: center;
margin: var(--mks-social-gap);
color: var(--mks-social-color);
height: var(--mks-social-height);
text-decoration: none!important;
transition: color .3s linear
}
.mks-social a > svg{
display: block;
width: auto;
height: var(--mks-social-height);
margin: 0
}
.mks-social a:hover{color: var(--mks-social-hover-color)}
/* booking */
.block__booking{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.mks-bouk-booking-form{
display: grid;
grid-template-columns: 8.125rem 8.125rem 1fr 8.125rem auto;
align-items: center;
gap: .625rem;
padding: .625rem .9375rem;
color: var(--mks-black-color);
background-color: var(--mks-white-color);
position: relative;
border-radius: 1.875rem;
}
.mks-bouk-booking-form .mks-bouk--input{position: relative}
.mks-bouk-booking-form .mks-bouk--input > label:first-child{
font-size: .75rem;
line-height: 1rem;
visibility: hidden;
opacity: 0;
user-select: none;
pointer-events: none;
position: absolute;
bottom: 100%;
left: .625rem;
max-width: calc(100% - 1.25rem)
}
.mks-bouk-booking-form .mks-bouk--input > .guests-dropdown{min-width: 8.125rem}
.mks-bouk-booking-form input[type="text"],
.mks-bouk-booking-form #guests-toggle{
display: block;
width: 100%;
height: 1.875rem;
overflow: hidden;
padding: .3125rem .9375rem;
color: var(--mks-black-color);
background-color: var(--mks-gray-color);
border-radius: .9375rem;
border: none;
font-size: var(--mks-body-font-size);
line-height: 1.1111111111111112em;
text-align: left
}
.mks-bouk-booking-form .guests-dropdown {position: relative;}
.mks-bouk-booking-form .guests-content {
width: max-content;
max-width: 20rem;
min-width: 100%;
position: absolute;
bottom: calc(100% + .625rem);
left: 50%;
transform: translateX(-50%);
background: var(--mks-white-color);
border: 1px solid var(--mks-gray-color);
padding: 0.875rem;
z-index: 10;
border-radius: .625rem
}
.mks-bouk-booking-form .guest-row{
display: grid;
grid-template-columns: 7.5rem 6.875rem;
gap: .625rem;
align-items: center
}
.mks-bouk-booking-form .guest-row > label{font-size: var(--mks-sm-font-size); line-height: var(--mks-sm-line-height)}
.mks-bouk-booking-form .guest-row + .guest-row{margin-top: .625rem}
.guest-row-controls,
.wcinq-qty{
width: 100%;
max-width: 6.875rem;
height: 2.5rem;
border: 1px solid rgb(var(--mks-black-rgb) / .2);
background-color: var(--mks-white-color);
border-radius: 1.25rem;
display: grid;
grid-template-columns: 1.5rem 1fr 1.5rem;
align-items: center;
padding: 0.25rem 0.4375rem
}
.guest-row-controls button,
.guest-row-controls input,
.wcinq-qty .wcinq-qty-btn,
.wcinq-qty .wcinq-qty-input,
.wcinq-qty .wcinq-loop-qty{
font-size: var(--mks-body-font-size);
line-height: 1.5rem;
height: 1.5rem;
display: flex;
padding: 0!important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
border: none;
outline: none;
color: var(--mks-black-color)
}
.guest-row-controls button,
.wcinq-qty .wcinq-qty-btn{
width: 1.5rem;
border-radius: 50%;
background-color: var(--mks-secondary-color);
}
.guest-row-controls input,
.wcinq-qty .wcinq-qty-input,
.wcinq-qty .wcinq-loop-qty{width: 100%; pointer-events: none; user-select: none; border-radius: 0!important; border: none!important}
/* swiper controls */
.swiper-button-prev,
.swiper-button-next{
width: var(--mks-swiper-width)!important;
height: var(--mks-swiper-height)!important;
color: var(--mks-swiper-color)!important;
background-color: var(--mks-swiper-bgcolor)!important;
border: var(--mks-swiper-border-width) solid var(--mks-swiper-border-color)!important;
border-radius: var(--mks-swiper-border-radius)!important;
padding: 0!important;
margin: 0!important
}
.swiper-arrows:not(.progress-arrows) .swiper-button-prev,
.swiper-arrows:not(.progress-arrows) .swiper-button-next{top: 50%; transform: translateY(-50%)}
.swiper-button-prev svg,
.swiper-button-next svg{
max-width: 1.25rem;
max-height: 1.25rem;
width: auto;
height: auto
}
.swiper-pagination-bullets .swiper-pagination-bullet{
display: block;
width: 1.25rem;
height: 1.25rem;
background-color: var(--mks-white-color);
opacity: 1
}
.swiper-pagination-bullets .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active){opacity: .7}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--mks-primary-color)}
.swiper-horizontal > .swiper-pagination-bullets{bottom: 1.875rem!important; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.swiper-arrows.progress-arrows{
position: relative;
display: grid;
grid-template-columns: var(--mks-swiper-width) var(--mks-swiper-width) 1fr;
align-items: center;
gap: 0 1.25rem;
margin: 3.75rem 0 0 0
}
.swiper-arrows.progress-arrows:has(.swiper-pagination-lock) {margin-top: 0}
.swiper-arrows.progress-arrows .swiper-button-prev,
.swiper-arrows.progress-arrows .swiper-button-next,
.swiper-arrows.progress-arrows .swiper-pagination-progressbar{grid-row: 1}
.swiper-arrows.progress-arrows .swiper-button-prev,
.swiper-arrows.progress-arrows .swiper-button-next{position: relative; top: unset!important; left: unset!important; right: unset!important}
.swiper-arrows.progress-arrows .swiper-button-prev{grid-column: 1}
.swiper-arrows.progress-arrows .swiper-button-next{grid-column: 2}
.swiper-arrows.progress-arrows .swiper-pagination-progressbar{
position: relative;
grid-column: 3;
margin: 0 0 0 .625rem!important;
height: 1px!important;
background: rgb(var(--mks-black-rgb) / .2)
}
.swiper-arrows.progress-arrows .swiper-pagination-progressbar-fill{
background: var(--mks-primary-color);
position: absolute;
left: 0;
top: calc(50% - .1563rem);
height: .3125rem;
border-radius: 0.1875rem;
}
.swiper-arrows svg path:not([fill]){fill: none!important}
/* .is-title */
.is-title{font-weight: var(--mks-h-font-weight); color: var(--mks-heading-color)}
/* is-tag */
.is-tag,
.cards__mini-card-price:not(:empty),
.cards__overlay-price:not(:empty){
display: inline-block;
text-transform: uppercase;
font-size: var(--mks-sm-font-size);
line-height: 1em;
font-weight: 400;
padding: .4375rem .75rem;
color: var(--mks-black-color);
background-color: var(--mks-secondary-light-color);
border-radius: .3125rem
}
.block-txtmedia .body__content > .is-tag{background-color: var(--mks-secondary-color)}
.block-txtmedia .body__content > * + .is-tag,
.block-txtmedia .body__content > .is-tag + *{margin-top: 1.875rem}
.block-bgcolor[style] .is-tag{background-color: var(--mks-white-color)}
/* post-item */
.post-item{color: currentColor; display: block; text-decoration: none}
.post-item:hover{color: currentColor;}
.post-item > .item__content > * + *{margin-top: var(--mks-margin-top-base)}
.post-item .is-title{
font-size: var(--mks-xl-font-size);
line-height: var(--mks-xl-line-height)
}
/* creview-item */
.creview-item{
color: var(--mks-body-color);
background-color: var(--mks-white-color);
border: 1px solid rgb(var(--mks-gray-rgb));
padding: 1.8125rem;
display: grid;
grid-template-rows: auto 1fr auto;
gap: 1.25rem 0
}
.creview-item > .item__author{
display: grid;
grid-template-columns: 2.5rem 1fr;
gap: .625rem 1.25rem;
align-items: center;
}
.creview-item > .item__author > img{display: block; border-radius: 50%}
.creview-item > .item__author > p:only-child{grid-column: 1 / -1}
.swiper-slide .creview-item{height: 100%}
.creview-item .excerpt-overlay{position: relative}
.creview-item .excerpt-overlay::after{
content: '';
display: block;
width: 100%;
height: 100%;
max-height: 3.75rem;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 100%);
user-select: none;
pointer-events: none;
position: absolute;
left: 0;
bottom: 0
}
.creview-item.is-full{display: block; --mks-margin-top-base: .625rem}
.creview-item.is-full > .item__author{grid-template-columns: 2.5rem 1fr auto; margin-bottom: 1.25rem}
.creview-item.is-full > .item__author > p:first-child{grid-column: auto/span 2}
/* card-item */
.card-item{
display: grid;
grid-template-rows: auto 1fr;
gap: 1.25rem;
color: currentColor;
text-decoration: none
}
.card-item > .item__thumb{overflow: hidden}
.card-item > .item__content:first-child{grid-row: auto/span 2}
.card-item > .item__content > * + *{margin-top: 1.25rem}
.card-item .is-title{
font-size: var(--mks-xl-font-size);
line-height: var(--mks-xl-line-height)
}
a.card-item:hover{color: currentColor}
.card-item > .item__thumb a img,
a.card-item > .item__thumb img{transition: all .3s linear}
.card-item > .item__thumb a:hover img,
a.card-item:hover > .item__thumb img{transform: scale(1.05)}
a.card-item:hover .wp-block-button__link{transform: translateY(var(--mks-btn-translateY))}
/* food-menu-item */
.food-menu-item{
display: grid;
grid-template-columns: 5.625rem 1fr auto;
gap: .625rem 1.25rem;
align-items: flex-start;
padding: 1.1875rem;
color: var(--mks-body-color);
border: 1px solid rgb(var(--mks-gray-rgb));
background-color: #fff;
font-size: var(--mks-body-font-size);
line-height: 1.1111111111111112em;
}
.food-menu-item > a{display: block}
.food-menu-item > .is-fm-title:first-child{grid-column: auto/span 2}
.food-menu-item > .is-fm-title:only-child{grid-column: 1 / -1}
.food-menu-item > .is-fm-price-tag{font-weight: 700}
/* logo-item */
.block-logos .logo-item{
position: relative;
display: block;
overflow: hidden;
width: 13.75rem;
background-color: rgb(var(--mks-gray-rgb) / .3)
}
.block-logos .logo-item::before{content: ''; display: block; padding-top: 100%}
.block-logos .logo-item img,
.block-logos .logo-item svg{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.block-logos .logo-item:not(.is-cropped) img,
.block-logos .logo-item:not(.is-cropped) svg{width: auto; height: auto; max-width: calc(100% - 2.5rem); max-height: calc(100% - 2.5rem)}
.block-logos .logo-item.is-cropped img,
.block-logos .logo-item.is-cropped svg{width: 100%; height: 100%; object-fit: cover}
.block-logos > .block__body > .d-flex{
justify-content: center;
flex-wrap: wrap;
margin: calc(var(--mks-gutter-x) * -1)
}
.block-logos > .block__body > .d-flex > *{margin: var(--mks-gutter-x)}
/* =============================================================================
acf blocks
========================================================================== */
* + .mks-block,
.mks-block + *{margin-top: var(--mks-margin-top-block)}
/* block-landing */
.block-landing.full-width{
padding-top: calc(var(--mks-header-height) + 7.5rem);
position: relative;
isolation: isolate;
z-index: 5
}
.block-landing.full-width > .block__body{color: #fff}
.block-landing.full-width > .block__booking{margin-top: 2.5rem; align-self: flex-end}
.block-landing.full-width > .block__bg,
.block-landing.full-width > .block__bg img,
.block-landing.full-width > .block__bg video,
.block-landing.full-width > .block__bg::after{
width: 100%;
height: 100%
}
.block-landing.full-width > .block__bg,
.block-landing.full-width > .block__bg::after{
position: absolute;
top: 0;
left: 0;
}
.block-landing.full-width > .block__bg{
grid-column: full-width!important;
overflow: hidden;
background-color: var(--mks-secondary-color);
z-index: -1;
user-select: none;
pointer-events: none
}
.block-landing.full-width > .block__bg img,
.block-landing.full-width > .block__bg video{margin: 0; object-fit: cover}
.block-landing.full-width > .block__bg::after{content: ''; background-color: rgb(var(--mks-black-rgb) / .4)}
.block-landing.full-width > .block__bg > svg{position: absolute; bottom: 0; right: 0; z-index: 1; width: 25%}
.block-landing.full-width:not(.is-style-tall) > .block__bg > svg{max-width: 18.75rem}
.block-landing.full-width.is-style-tall > .block__bg > svg{max-width: 25rem}
.block-landing.full-width:not(.is-style-tall){padding-bottom: 4.375rem; min-height: 37.5rem; align-content: flex-end}
.block-landing.full-width.is-style-tall{padding-bottom: 6.25rem; min-height: 61.25rem}
.block-landing.full-width.is-style-tall > .block__body{align-self: center}
.block-landing p{max-width: 38.75rem}
/* block-bgcolor */
.block-bgcolor{
padding-top: 6.25rem;
padding-bottom: 6.25rem;
position: relative;
isolation: isolate;
position: relative
}
.block-bgcolor > .is-bg-strecil{
grid-column: full-width!important;
margin: 0!important;
position: absolute;
z-index: -1;
user-select: none;
pointer-events: none;
max-height: 100%;
overflow: hidden;
width: 100%
}
.block-bgcolor > .is-bg-strecil > svg{position: absolute; width: 100%; height: auto}
.block-bgcolor > .is-bg-strecil::before{content: ''; display: block; padding-top: 100%}
.block-bgcolor > .s-pos-left{left: 0}
.block-bgcolor > .s-pos-center{left: 50%; transform: translateX(-50%)}
.block-bgcolor > .s-pos-right{right: 0}
.block-bgcolor > .s-size-small{max-width: 9.375rem}
.block-bgcolor > .s-size-small svg,
.block-bgcolor > .s-size-medium svg,
.block-bgcolor > .s-size-large svg{width: 200%}
.block-bgcolor > .s-size-medium{max-width: 18.75rem; opacity: .1}
.block-bgcolor > .s-size-large{max-width: 31.25rem; opacity: .3}
.block-bgcolor > .s-size-large.s-pos-center{max-width: 50rem}
.block-bgcolor[style] > .s-size-medium,
[data-type="mks/bgcolor"][class*="-background-color"] .s-size-medium{opacity: .3}
#wrapper .block-bgcolor:not([style]) > .s-size-large,
[data-type="mks/bgcolor"]:not([class*="-background-color"]) .s-size-large{opacity: .2}
.block-bgcolor[style="background-color: var(--mks-secondary-light-color);"] > .s-size-medium,
[data-type="mks/bgcolor"].has-secondary-light-background-color > .s-size-medium{opacity: .7}
.block-bgcolor[style] > .s-size-medium svg path[fill="#f4c095"],
.block-bgcolor[style] > .s-size-medium svg path[fill="#ab0334"],
.block-bgcolor[style] > .s-size-large svg path[fill="#f4c095"],
.block-bgcolor[style] > .s-size-large svg path[fill="#ab0334"],
[data-type="mks/bgcolor"][class*="-background-color"] .s-size-medium svg path[fill="#f4c095"],
[data-type="mks/bgcolor"][class*="-background-color"] .s-size-medium svg path[fill="#ab0334"],
[data-type="mks/bgcolor"][class*="-background-color"] .s-size-large svg path[fill="#f4c095"],
[data-type="mks/bgcolor"][class*="-background-color"] .s-size-large svg path[fill="#ab0334"]{fill: #fff}
#wrapper .block-bgcolor:not([style]) > .s-size-large svg path[fill="#f4c095"],
#wrapper .block-bgcolor:not([style]) > .s-size-large svg path[fill="#ab0334"],
[data-type="mks/bgcolor"]:not([class*="-background-color"]) .s-size-large svg path[fill="#f4c095"],
[data-type="mks/bgcolor"]:not([class*="-background-color"]) .s-size-large svg path[fill="#ab0334"]{fill: var(--mks-gray-color)}
.block-bgcolor > .s-pos-center::before{padding-top: 50%}
.block-bgcolor > .s-size-small.s-pos-right > svg path[fill="#f4c095"],
.block-bgcolor > .s-size-medium.s-pos-right > svg path[fill="#f4c095"]{fill: var(--mks-primary-color)}
.block-bgcolor > .s-size-small.s-pos-right > svg path[fill="#ab0334"],
.block-bgcolor > .s-size-medium.s-pos-right > svg path[fill="#ab0334"]{fill: var(--mks-secondary-color)}
.block-bgcolor > .t_stencil{top: 0}
.block-bgcolor > .t_stencil.s-size-small.s-pos-left > svg{top: 0; left: 0}
.block-bgcolor > .t_stencil.s-size-small.s-pos-center > svg{bottom: 0; left: 50%; transform: translateX(-50%); width: 100%}
.block-bgcolor > .t_stencil.s-size-small.s-pos-right > svg{bottom: 0; right: 0}
.block-bgcolor > .t_stencil.s-size-medium.s-pos-left > svg{bottom: 0; right: 0}
.block-bgcolor > .t_stencil.s-size-medium.s-pos-center > svg{bottom: 0; left: 50%; transform: translateX(-50%); width: 100%}
.block-bgcolor > .t_stencil.s-size-medium.s-pos-right > svg{bottom: 0; left: 0}
.block-bgcolor > .t_stencil.s-size-large.s-pos-left > svg{bottom: 0; right: 0}
.block-bgcolor > .t_stencil.s-size-large.s-pos-center > svg{bottom: 0; left: 50%; transform: translateX(-50%); width: 100%}
.block-bgcolor > .t_stencil.s-size-large.s-pos-right > svg{bottom: 0; left: 0}
.block-bgcolor > .b_stencil{bottom: 0}
.block-bgcolor > .b_stencil.s-size-small.s-pos-left > svg{top: 0; right: 0}
.block-bgcolor > .b_stencil.s-size-small.s-pos-center > svg{top: 0; left: 50%; transform: translateX(-50%); width: 100%}
.block-bgcolor > .b_stencil.s-size-small.s-pos-right > svg{bottom: 0; left: 0}
.block-bgcolor > .b_stencil.s-size-medium.s-pos-left > svg{top: 0; right: 0}
.block-bgcolor > .b_stencil.s-size-medium.s-pos-center > svg{top: 0; left: 50%; transform: translateX(-50%); width: 100%}
.block-bgcolor > .b_stencil.s-size-medium.s-pos-right > svg{top: 0; left: 0}
.block-bgcolor > .b_stencil.s-size-large.s-pos-left > svg{top: 0; right: 0}
.block-bgcolor > .b_stencil.s-size-large.s-pos-center > svg{top: 0; left: 50%; transform: translateX(-50%); width: 100%}
.block-bgcolor > .b_stencil.s-size-large.s-pos-right > svg{top: 0; left: 0}
.block-bgcolor[style="background-color: var(--mks-primary-color);"],
[data-type="mks/bgcolor"].has-primary-background-color{
color: #fff;
--mks-input-border-color: #fff;
}
.block-bgcolor[style="background-color: var(--mks-primary-color);"] > .s-size-medium,
[data-type="mks/bgcolor"].has-primary-background-color > .s-size-medium{opacity: 1}
.block-bgcolor[style="background-color: var(--mks-primary-color);"] > .s-size-medium > svg path[fill="#f4c095"],
[data-type="mks/bgcolor"].has-primary-background-color > .s-size-medium > svg path[fill="#f4c095"]{fill: #F4C095}
.block-bgcolor[style="background-color: var(--mks-primary-color);"] > .s-size-medium > svg path[fill="#ab0334"],
[data-type="mks/bgcolor"].has-primary-background-color > .s-size-medium > svg path[fill="#ab0334"]{fill: #fff}
.block-bgcolor.is-inquiry-form{
background-color: rgb(var(--mks-blue-rgb) / .05)
}
.block-bgcolor.is-inquiry-form .wcinq-cat-form{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--mks-gutter-double-x)
}
.block-bgcolor.is-inquiry-form .wcinq-cat-form > .mks-group-products{grid-column: auto/span 2}
.block-bgcolor.is-inquiry-form .wcinq-cat-form > .mks-group-textarea,
.block-bgcolor.is-inquiry-form .wcinq-cat-form > .mks-inquiry-submit{grid-column: 1/ -1}
.block-bgcolor.is-inquiry-form .wcinq-cat-form > .mks-inquiry-submit{text-align: center}
/* block-scrolling-label */
@keyframes scrollingLabel{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}
.block-scrolling-label{grid-column: full-width!important; overflow:hidden; user-select: none; pointer-events: none}
.block-scrolling-label .scrolling-label{width:100%; overflow:hidden; white-space:nowrap}
.block-scrolling-label .scrolling-track{display: inline-flex; align-items: center; will-change: transform}
.block-scrolling-label .scrolling-item{
flex:0 0 auto;
padding-right: 1.875rem;
font-size: 10.625rem;
line-height: 0.8823529411764706em;
text-transform: uppercase
}
.block-scrolling-label .scrolling-item{
position: relative;
display: inline-block;
white-space: nowrap;
padding-right: 4rem
}
.block-scrolling-label .scrolling-item:nth-child(odd){color: var(--mks-gray-color)}
.block-scrolling-label .scrolling-item:nth-child(even){
color: #fff;
-webkit-text-stroke: 2px var(--mks-gray-color);
pointer-events: none
}
/* block-txtmedia */
.block-txtmedia{
--content-order: 0;
}
.block-txtmedia > .block__body{
display: grid;
grid-template-columns: 1fr;
gap: var(--mks-gutter-double-x);
align-items: center;
}
.block-txtmedia > .block__body > .body__content{order: var(--content-order)}
.block-txtmedia > .block__body > .body__media{width: 100%; max-width: 38.75rem; margin: 0 auto}
.block-txtmedia > .block__body > .body__media img,
.block-txtmedia > .block__body > .body__media video{display: block; width: 100%; height: 100%; object-fit: cover}
.block-txtmedia > .block__body > .body__media{
--mks-swiper-width: 3.75rem;
--mks-swiper-height: 6.25rem;
--mks-swiper-color: var(--mks-white-color);
--mks-swiper-border-width: 0;
--mks-swiper-bgcolor: var(--mks-primary-color);
--mks-swiper-border-radius: .625rem
}
.block-txtmedia > .block__body > .body__media .swiper-button-prev{border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; left: 0}
.block-txtmedia > .block__body > .body__media .swiper-button-next{border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; right: 0}
.block-txtmedia > .block__body > .body__media .swiper-button-prev svg,
.block-txtmedia > .block__body > .body__media .swiper-button-next svg{
width: 1rem;
height: 2rem;
max-width: 2rem;
max-height: 2rem
}
@media (min-width: 768px){
.block-txtmedia.reverse-order{
--content-order: 1;
}
.block-txtmedia > .block__body{
grid-template-columns: repeat(2, 1fr);
}
.block-txtmedia > .block__body > .body__content{width: 100%; max-width: 34.375rem}
.block-txtmedia.reverse-order > .block__body > .body__content{margin-left: auto}
}
/* block-food-menu */
.block-food-menu.is-style-daily .food-day-heading + *{margin-top: 1.25rem}
.block-food-menu.is-style-daily * + .food-day-heading{margin-top: 2.5rem}
.block-food-menu.is-style-daily .food-menu-group + .food-menu-group{margin-top: 1.875rem}
@media (min-width: 992px){
.block-food-menu.is-style-daily .food-menu,
.block-food-menu:not(.is-style-daily) > .block__body{
columns: 2;
column-gap: var(--mks-gutter-double-x);
}
.block-food-menu:not(.is-style-daily) > .block__body > *{margin-bottom: var(--mks-gutter-double-x)}
}
@media (max-width: 991px){
.block-food-menu:not(.is-style-daily) > .block__body > * + *{margin-top: var(--mks-gutter-double-x)}
}
.block-food-menu.is-style-daily .food-menu > *{margin-bottom: var(--mks-gutter-x)}
.block-food-menu:not(.is-style-daily) .is-title{font-size: var(--mks-xl-font-size); line-height: var(--mks-xl-line-height)}
.block-food-menu:not(.is-style-daily) .is-title + .food-menu,
.block-food-menu:not(.is-style-daily) .food-menu-item + .food-menu-item{margin-top: var(--mks-gutter-x)}
.food-menu-group {
break-inside: avoid;
display: block;
}
/* block-gallery */
.block-gallery .gallery-item{margin: 0}
.block-gallery .gallery-item,
.block-gallery .gallery-item a,
.block-gallery .swiper-slide a{display: block; overflow: hidden}
.block-gallery .gallery-item a,
.block-gallery .swiper-slide a{height: 100%}
.block-gallery .gallery-item img,
.block-gallery .swiper-slide a img{width: 100%; height: 100%; object-fit: cover}
.block-gallery .swiper-slide a img,
.block-gallery .gallery-item a img{transition: all .3s linear}
.block-gallery .swiper-slide a:hover img,
.block-gallery .gallery-item a:hover img{transform: scale(1.05)}
.block-gallery.is-style-alt > .block__body > .gallery,
.block-gallery.is-style-alt2 > .block__body > .gallery{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--mks-gutter-double-x)
}
.block-gallery.is-style-alt > .block__body > .gallery > .gallery-item:nth-child(n+6),
.block-gallery.is-style-alt2 > .block__body > .gallery > .gallery-item:nth-child(n+6){display: none!important}
.block-gallery.is-style-alt > .block__body > .gallery > .gallery-item:nth-child(1){
grid-column: 1 / 3;
grid-row: 1 / 3
}
.block-gallery.is-style-alt2 > .block__body > .gallery > .gallery-item:nth-child(5){
grid-column: 3 / -1;
grid-row: 1 / 3
}
.block-gallery.is-style-alt > .block__body > .gallery > .gallery-item:nth-child(1),
.block-gallery.is-style-alt2 > .block__body > .gallery > .gallery-item:nth-child(5){position: relative}
.block-gallery.is-style-alt > .block__body > .gallery > .gallery-item:nth-child(1)::after,
.block-gallery.is-style-alt2 > .block__body > .gallery > .gallery-item:nth-child(5)::after{
content: '';
display: block;
width: 40%;
height: 50%;
max-width: 7.5rem;
max-height: 7.5rem;
background-image: url(../images/parallax-stencil.svg);
position: absolute;
z-index: 1;
user-select: none;
pointer-events: none;
background-size: 100% auto
}
.block-gallery.is-style-alt > .block__body > .gallery > .gallery-item:nth-child(1)::after{top: 0; left: 0; transform: scaleX(-1)}
.block-gallery.is-style-alt2 > .block__body > .gallery > .gallery-item:nth-child(5)::after{bottom: 0; right: 0; transform: scale(-1, -1)}
.block-gallery.is-style-slider,
.block-gallery.is-style-slider2{
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.block-gallery.is-style-slider > :not(.block__body),
.block-gallery.is-style-slider2 > :not(.block__body){grid-column: content}
.block-gallery.is-style-slider > .block__body,
.block-gallery.is-style-slider2 > .block__body{
grid-column: full-width;
overflow: hidden
}
.block-gallery.is-style-slider > .block__body > .swiper{
width: 100%;
max-width: calc(var(--mks-container-xl) + calc(var(--grid-padding-inline) * 2));
margin-left: auto;
margin-right: auto;
padding-left: var(--grid-padding-inline);
padding-right: var(--grid-padding-inline)
}
.block-gallery.is-style-slider2 > .block__body > .swiper{
width: 100%;
max-width: calc(56.25rem + calc(var(--grid-padding-inline) * 2));
margin-left: auto;
margin-right: auto;
padding-left: var(--grid-padding-inline);
padding-right: var(--grid-padding-inline);
padding-bottom: calc(3.75rem + var(--mks-swiper-height))
}
.block-gallery.is-style-slider2 > .block__body > .swiper > .swiper-arrows{
position: absolute;
bottom: 0;
padding-left: var(--grid-padding-inline);
padding-right: var(--grid-padding-inline);
width: max-content;
width: 100vw;
max-width: calc(var(--mks-container) + calc(var(--grid-padding-inline) * 2));
left: 50%;
transform: translateX(-50%)
}
.block-gallery.is-style-slider > .block__body > .swiper,
.block-gallery.is-style-slider2 > .block__body > .swiper{overflow: visible}
.block-gallery.is-style-slider > .block__body > .swiper .swiper-arrows.progress-arrows{
width: 100%;
max-width: var(--mks-container);
margin-left: auto;
margin-right: auto;
}
.block-gallery.is-style-slider2 > .block__body > .swiper a{
display: block;
text-align: center;
max-width: 52.5rem;
width: 100%;
margin: 0 auto
}
/* block-parallax-txtmedia */
.block-parallax-txtmedia{
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.block-parallax-txtmedia > :not(.block__body){grid-column: content}
.block-parallax-txtmedia > .block__body{grid-column: full-width}
[data-swiper-parallax-pair]{
--mks-pagi-bg: var(--mks-secondary-color);
--mks-pagi-color: var(--mks-white-color);
--mks-pagi-active-color: var(--mks-primary-color);
min-height: 28.125rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr auto;
gap: var(--mks-gutter-x) var(--mks-gutter-double-x)
}
[data-swiper-parallax-pair] > .swiper-parallax-images,
[data-swiper-parallax-pair] > .swiper-parallax-text{overflow: hidden}
[data-swiper-parallax-pair] > .swiper-parallax-images{grid-column: 1; grid-row: 1 / 3; pointer-events: none; user-select: none; position: relative}
[data-swiper-parallax-pair] > .swiper-parallax-images::after{
content: '';
display: block;
width: 20%;
max-width: 10rem;
height: 100%;
background-image: url(../images/parallax-stencil.svg);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
@media (min-width: 1440px){
[data-swiper-parallax-pair] > .swiper-parallax-images{margin-right: 4.375rem}
}
[data-swiper-parallax-pair] > .swiper-parallax-images .swiper-wrapper::before{content: ''; display: block; padding-top: 52.175%}
[data-swiper-parallax-pair] > .swiper-parallax-images .img-fill{height: 100%}
[data-swiper-parallax-pair] > .swiper-parallax-images img{width: 100%; height: 100%; object-fit: cover}
[data-swiper-parallax-pair] > .swiper-parallax-text{grid-column: 2; grid-row: 1; max-width: 38.75rem}
[data-swiper-parallax-pair] > .swiper-parallax-text:last-child{grid-row: 1 / -1}
[data-swiper-parallax-pair] > .swiper-parallax-text .swiper-slide > * + *{margin-top: 1.25rem}
[data-swiper-parallax-pair] > .js-parallax-controls{
grid-column: 2;
grid-row: 2;
display: grid;
align-items: center;
grid-template-columns: var(--mks-swiper-width) var(--mks-swiper-width) 1fr;
gap: .625rem var(--mks-gutter-x);
max-width: 38.75rem
}
[data-swiper-parallax-pair] .js-parallax-prev,
[data-swiper-parallax-pair] .js-parallax-next{width: var(--mks-swiper-width)!important; height: var(--mks-swiper-height)!important; color: var(--mks-swiper-color)!important; background-color: var(--mks-swiper-bgcolor)!important; border: var(--mks-swiper-border-width) solid var(--mks-swiper-border-color)!important; border-radius: var(--mks-swiper-border-radius)!important; padding: 0!important; margin: 0!important}
[data-swiper-parallax-pair] .js-parallax-prev svg,
[data-swiper-parallax-pair] .js-parallax-next svg{max-width: 1.25rem; max-height: 1.25rem; width: auto; height: auto}
[data-swiper-parallax-pair] .js-parallax-pagination{
display: flex;
flex-wrap: wrap;
align-items: center;
color: #fff;
background-color: var(--mks-pagi-bg);
padding: .625rem;
border-radius: .9375rem;
}
[data-swiper-parallax-pair] .js-parallax-pagination .js-parallax-bullet:not(:last-child){margin-right: .625rem}
[data-swiper-parallax-pair] .js-parallax-pagination .js-parallax-bullet{display: block; width: .625rem; height: .625rem; border-radius: 50%; border: none; padding: 0; background-color: var(--mks-pagi-color)}
[data-swiper-parallax-pair] .js-parallax-pagination .js-parallax-bullet:hover,
[data-swiper-parallax-pair] .js-parallax-pagination .js-parallax-bullet.is-active{background-color: var(--mks-pagi-active-color)}
[data-swiper-parallax-pair] > .js-parallax-controls > .js-parallax-pagination{justify-self: flex-end; justify-content: flex-end}
/* block-newsletter */
.mks-narrow-form{
width: 100%;
max-width: 31.25rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem 1.25rem;
align-items: flex-end;
margin-left: auto;
margin-right: auto
}
.mks-narrow-form > .wpcf7-submit-wrapper{
grid-column: 1 / -1;
text-align: center
}
/* block-products */
.block-products .block__body > .nav-tabs{
list-style: none;
padding-left: 0;
margin: -.9375rem -.9375rem 2.1875rem -.9375rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.block-products .block__body > .nav-tabs > li{padding: .9375rem 1.875rem; position: relative}
.block-products .block__body > .nav-tabs > li:not(:last-child)::after{
content: '';
display: block;
width: 1px;
height: 1.25rem;
position: absolute;
top: calc(50% - .625rem);
left: 100%;
background-color: #515151
}
.block-products .block__body > .nav-tabs .nav-link{
font-size: var(--mks-xl-font-size);
line-height: var(--mks-line-height);
font-weight: 400;
padding: 0;
color: currentColor;
border: none;
background: none;
}
.block-products .block__body > .nav-tabs .nav-link:hover,
.block-products .block__body > .nav-tabs .nav-link.active{color: var(--mks-primary-color)}
/* block-cards */
.block-cards:not(.is-style-slider) > .block__body{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: calc(var(--mks-gutter-x) * 2) var(--mks-gutter-double-x)
}
.block-cards:not(.is-style-slider) .card-item,
.mks-list-product{
--mks-swiper-width: 1.875rem;
--mks-swiper-height: 3.125rem;
--mks-swiper-color: var(--mks-white-color);
--mks-swiper-border-width: 0;
--mks-swiper-bgcolor: var(--mks-primary-color);
--mks-swiper-border-radius: .625rem
}
.block-cards:not(.is-style-slider) .card-item .swiper-button-prev,
.mks-list-product .swiper-button-prev{border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; left: 0!important}
.block-cards:not(.is-style-slider) .card-item .swiper-button-next,
.mks-list-product .swiper-button-next{border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; right: 0!important}
.block-cards:not(.is-style-slider) .card-item .swiper-button-prev svg,
.block-cards:not(.is-style-slider) .card-item .swiper-button-next svg,
.mks-list-product .swiper-button-prev svg,
.mks-list-product .swiper-button-next svg{
width: 0.625rem;
height: 1.125rem;
max-width: 0.625rem;
max-height: 1.125rem
}
.block-cards:not(.is-style-slider) .card-item .swiper-pagination,
.mks-list-product .swiper-pagination{bottom: .625rem!important}
.block-cards:not(.is-style-slider) .card-item .swiper-pagination-bullets .swiper-pagination-bullet,
.mks-list-product .swiper-pagination-bullets .swiper-pagination-bullet{width: .625rem; height: .625rem}
.block-cards.is-style-slider{
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.block-cards.is-style-slider > :not(.block__body){grid-column: content}
.block-cards.is-style-slider > .block__body{
grid-column: full-width;
overflow: hidden
}
.block-cards.is-style-slider > .block__body > .swiper{
width: 100%;
max-width: calc(var(--mks-container) + calc(var(--grid-padding-inline) * 2));
margin-left: auto;
margin-right: auto;
padding-left: var(--grid-padding-inline);
padding-right: var(--grid-padding-inline);
overflow: visible
}
/* block-creviews */
.block-creviews.is-style-slider{
grid-column: full-width!important;
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--grid-padding-inline), 1fr)
[breakout-start] minmax(0, var(--breakout-size))
[content-start] min(
100% - (var(--grid-padding-inline) * 2),
var(--content-max-width)
)
[content-end]
minmax(0, var(--breakout-size)) [breakout-end]
minmax(var(--grid-padding-inline), 1fr) [full-width-end];
}
.block-creviews.is-style-slider > :not(.block__body){grid-column: content}
.block-creviews.is-style-slider > .block__body{
grid-column: full-width;
overflow: hidden
}
.block-creviews.is-style-slider > .block__body > .swiper{
width: 100%;
max-width: calc(var(--mks-container) + calc(var(--grid-padding-inline) * 2));
margin-left: auto;
margin-right: auto;
padding-left: var(--grid-padding-inline);
padding-right: var(--grid-padding-inline);
overflow: visible
}
.block-creviews.is-style-slider .swiper-slide{height: unset}
.block-creviews:not(.is-style-slider, .is-style-full) > .block__body{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--mks-gutter-double-x)}
@media (max-width: 1199px){
.block-creviews:not(.is-style-slider, .is-style-full) > .block__body{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 991px){
.block-creviews:not(.is-style-slider, .is-style-full) > .block__body{grid-template-columns: 1fr}
}
@media (min-width: 1200px){
.block-creviews.is-style-full > .block__body{
columns: 2;
column-gap: var(--mks-gutter-double-x);
}
.block-creviews.is-style-full > .block__body > *{
break-inside: avoid;
display: block;
margin-bottom: var(--mks-gutter-double-x)
}
}
@media (max-width: 1199px){
.block-creviews.is-style-full > .block__body > * + *{margin-top: var(--mks-gutter-double-x)}
}
/* =============================================================================
margin corrections
========================================================================== */
.full-width + .full-width{margin-top: 0}
/* =============================================================================
404
========================================================================== */
/* glitch effect */
.block-404{
position: relative;
height: 100%
}
.block-404 > .block-inner{
display: grid;
place-items: center;
align-content: center;
gap: 1.25rem;
position: relative;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.block-404 * + h1{margin-top: 0!important}
.block-404 h1{
font-size: clamp(2.5rem, 5vw, 7rem);
line-height: 1em;
}
.glitch {
letter-spacing: .1em;
text-transform: uppercase;
position: relative;
text-shadow: .05em 0 0 rgba(255, 0, 0, .75), -0.025em -0.05em 0 rgba(0, 255, 0, .75), 0.025em 0.05em 0 rgba(0, 0, 255, .75);
animation: glitch 500ms infinite
}
.glitch span{position: absolute; top: 0; left: 0; user-select: none; pointer-events: none}
.glitch span:first-child {
animation: glitch 650ms infinite;
clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
transform: translate(-.025em, -.0125em);
opacity: 0.8
}
.glitch span:last-child {
animation: glitch 375ms infinite;
clip-path: polygon(0 80%, 100% 20%, 100% 100%, 0 100%);
transform: translate(.0125em, .025em);
opacity: 0.8
}
@keyframes glitch {
0% {
text-shadow: .05em 0 0 rgba(255, 0, 0, .75), -.05em -.025em 0 rgba(0, 255, 0, .75), -.025em .05em 0 rgba(0, 0, 255, .75)
}
14% {
text-shadow: .05em 0 0 rgba(255, 0, 0, .75), -.05em -.025em 0 rgba(0, 255, 0, .75), -.025em .05em 0 rgba(0, 0, 255, .75);
}
15% {
text-shadow: -.05em -0.025em 0 rgba(255, 0, 0, .75), .025em .025em 0 rgba(0, 255, 0, .75), -.05em -.05em 0 rgba(0, 0, 255, .75);
}
49% {
text-shadow: -.05em -0.025em 0 rgba(255, 0, 0, .75), .025em .025em 0 rgba(0, 255, 0, .75), -.05em -.05em 0 rgba(0, 0, 255, .75);
}
50% {
text-shadow: .025em 0.05em 0 rgba(255, 0, 0, .75), .05em 0 0 rgba(0, 255, 0, .75), 0 -.05em 0 rgba(0, 0, 255, .75);
}
99% {
text-shadow: .025em 0.05em 0 rgba(255, 0, 0, .75), .05em 0 0 rgba(0, 255, 0, .75), 0 -.05em 0 rgba(0, 0, 255, .75);
}
100% {
text-shadow: -.025em 0 0 rgba(255, 0, 0, .75), -.025em -.025em 0 rgba(0, 255, 0, .75), -.025em -.05em 0 rgba(0, 0, 255, .75);
}
}
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
background-attachment: initial !important;
scroll-behavior: auto !important;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
}
/* wpcf7 */
.wpcf7 .screen-reader-response{display: none!important}
.wpcf7 form .wpcf7-response-output:empty{display: none}
.wpcf7 *:not(.wpcf7-form-control) label:not([class]){display: block}
.wpcf7 .wpcf7-form-control-wrap + label:not([class]),
.wpcf7 *:not(.wpcf7-form-control) label:not([class]) + label:not([class]){margin-top: 1.25rem!important}
.wpcf7 label:not([class]) + .wpcf7-form-control-wrap{margin-top: 1.875rem!important}
.wpcf7 *:not(.wpcf7-form-control) label:not([class]) > .wpcf7-form-control-wrap{margin-top: .625rem}
/* ARVE */
.bp-wrap{z-index: 1030!important}
.wp-block-nextgenthemes-arve-block{grid-area: unset!important; grid-column: content!important}
.gutenberg-elements .wp-block-nextgenthemes-arve-block{margin: 0}
.gutenberg-elements *:not(.mks-block) + .wp-block-nextgenthemes-arve-block,
.gutenberg-elements .wp-block-nextgenthemes-arve-block + *:not(.mks-block){margin-top: 3.125rem}
/* tab-pane */
.tab-content > .tab-pane{display: none}
.tab-content > .tab-pane.active{display: block}
/* cards mega slider */
/* ─── Section ─────────────────────────────────── */
.block-cards.js-cards-slider {
grid-column: full-width!important;
overflow: hidden;
display: grid;
grid-template-columns:
minmax(var(--grid-padding-inline), 1fr)
minmax(0, calc(var(--mks-container) / 2))
minmax(0, calc(var(--mks-container) / 2))
minmax(var(--grid-padding-inline), 1fr)
;
grid-template-rows: 1fr auto auto;
gap: var(--mks-gutter-double-x) var(--mks-gutter-double-x);
min-height: 43.75rem;
}
.block-cards.js-cards-slider > .block__header,
.block-cards.js-cards-slider > .cards__nav{grid-column: 2 / 3}
.block-cards.js-cards-slider > .cards__miniatures{
grid-column: 1 / 3;
}
/* ─── Header ──────────────────────────────────── */
.block-cards.js-cards-slider .block__header{max-width: 34.375rem; align-self: flex-start}
.block-cards.js-cards-slider .block__header.has-btns{display: block}
.block-cards.js-cards-slider .block__header.has-btns > * + *{margin-top: var(--mks-margin-top-base)!important}
.block-cards.js-cards-slider .block__header.has-btns > .wp-block-buttons{justify-content: flex-start}
/* ─── Main Image Area ─────────────────────────── */
.block-cards.js-cards-slider .cards__main-image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: var(--mks-black-color);
user-select: none;
-webkit-user-select: none;
touch-action: pan-y;
grid-column: 3 / -1;
grid-row: auto / span 3
}
.block-cards.js-cards-slider .cards__slot-container {
position: absolute;
inset: 0;
}
.block-cards.js-cards-slider .cards__slot-container::after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(45deg,rgba(10, 9, 8, 1) 0%, rgba(10, 9, 8, 0.1) 50%, rgba(10, 9, 8, 0) 100%);
}
/* ─── Overlay ─────────────────────────────────── */
.block-cards.js-cards-slider .cards__overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 3.75rem;
color: #fff;
pointer-events: none;
z-index: 10;
}
.block-cards.js-cards-slider .cards__overlay > * + *{margin-top: var(--mks-margin-top-base)}
.block-cards.js-cards-slider .cards__main-image::after{
content: '';
display: block;
width: 25%;
height: 100%;
max-width: 9.375rem;
background-image: url(../images/parallax-stencil.svg);
background-position: bottom right;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
user-select: none;
pointer-events: none;
transform: scaleX(-1)
}
.block-cards.js-cards-slider .cards__overlay-title {
font-size: var(--mks-xl-font-size);
line-height: var(--mks-xl-line-height);
font-weight: var(--mks-h-font-weight);
transition: opacity .25s ease;
}
.block-cards.js-cards-slider .cards__overlay-desc {
font-size: var(--mks-body-font-size);
line-height: var(--mks-body-line-height);
transition: opacity .25s ease;
max-width: 25rem
}
.block-cards.js-cards-slider .cards__overlay-footer {
display: flex;
align-items: center;
gap: var(--mks-gutter-x);
}
.block-cards.js-cards-slider .cards__overlay-price:empty{display: none!important}
.block-cards.js-cards-slider .cards__overlay-price{background-color: var(--mks-white-color); color: var(--mks-black-color)}
.block-cards.js-cards-slider .cards__overlay-cta{
color: currentColor!important;
pointer-events: all
}
/* ─── Miniatures Strip ────────────────────────── */
.block-cards.js-cards-slider .cards__miniatures {
direction: rtl;
display: flex;
gap: var(--mks-gutter-double-x);
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
align-self: flex-end;
}
.block-cards.js-cards-slider .cards__miniatures::-webkit-scrollbar {
display: none;
}
.block-cards.js-cards-slider .cards__mini-card {
flex: 0 0 25rem;
cursor: pointer;
position: relative;
opacity: .55;
transition: opacity .3s;
}
.block-cards.js-cards-slider .cards__mini-card.is-active {
opacity: 1;
}
.block-cards.js-cards-slider .cards__mini-card:hover:not(.is-active) {
opacity: .8;
}
.block-cards.js-cards-slider .cards__mini-card-line {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: var(--mks-black-color);
transform: scaleX(0);
transform-origin: left;
transition: transform .4s ease;
z-index: 1;
}
.block-cards.js-cards-slider .cards__mini-card.is-active .block-cards.js-cards-slider .cards__mini-card-line {
transform: scaleX(1);
}
.block-cards.js-cards-slider .cards__mini-card-img {
width: 100%;
overflow: hidden;
}
.block-cards.js-cards-slider .cards__mini-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .4s ease;
}
.block-cards.js-cards-slider .cards__mini-card:hover .block-cards.js-cards-slider .cards__mini-card-img img {
transform: scale(1.04);
}
.block-cards.js-cards-slider .cards__mini-card-body {padding: 1.25rem 0 0; direction: ltr}
.block-cards.js-cards-slider .cards__mini-card-body > :not(:empty) + :not(:empty){margin-top: .625rem}
.block-cards.js-cards-slider .cards__mini-card-name {
font-size: 1.4375rem;
line-height: 1.75rem;
}
/* ─── Navigation ──────────────────────────────── */
.block-cards.js-cards-slider .cards__nav {
display: flex;
gap: 12px;
align-items: center;
grid-row: 2
}
.block-cards.js-cards-slider .cards__nav-btn {
background: none;
border: var(--mks-swiper-border-width) solid var(--mks-swiper-border-color);
color: var(--mks-swiper-color);
width: var(--mks-swiper-width);
height: var(--mks-swiper-height);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .22s, color .22s, border-color .22s;
border-radius: var(--mks-swiper-border-radius);
padding: 0
}
.block-cards.js-cards-slider .cards__nav-btn svg {
width: 0.75rem;
height: 1.375rem;
}
.block-cards.js-cards-slider .cards__nav-counter {
font-size: 11px;
color: #9a8870;
letter-spacing: .05em;
margin-left: 8px;
}
.woocommerce-breadcrumb{
--mks-link-color: currentColor;
--mks-link-hover-color: currentColor;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin: -.3125rem -0.3125rem .9375rem -.3125rem;
font-size: var(--mks-body-font-size);
line-height: var(--mks-body-line-height)
}
.woocommerce-breadcrumb > *{display: block; margin: .3125rem}
.woocommerce-breadcrumb a:hover{text-decoration: none}
@media (max-height: 600px){
.block-landing.full-width:not(.is-style-tall){
min-height: 100vh;
min-height: 100dvh;
min-height: 100svh;
padding-bottom: 2.5rem
}
}
@media (max-height: 980px){
.block-landing.full-width:not(.is-style-tall){
min-height: 50vh;
min-height: 50dvh;
min-height: 50svh;
padding-bottom: 2.5rem
}
.block-landing.full-width.is-style-tall{
min-height: 100vh;
min-height: 100dvh;
min-height: 100svh;
padding-bottom: 2.5rem
}
}
@media (min-width: 1200px) and (max-width: 1280px){
:root{
--mks-html-font-size: 1.17vw;
}
}
@media (max-width: 1199px){
:root{
--mks-header-height: 5rem;
--mks-h1-font-size: 3.125rem;
--mks-h2-font-size: 2.25rem;
--mks-h3-font-size: 1.75rem;
--mks-h4-font-size: 1.5rem;
--mks-h5-font-size: 1.3125rem;
--mks-h6-font-size: 1.25rem;
--mks-margin-top-block: 5rem;
}
.block-landing.full-width:not(.is-style-tall){padding-bottom: 2.5rem}
.block-landing.full-width > .block__body{text-align: center}
.block-landing.full-width p{margin-left: auto; margin-right: auto}
.block-landing.full-width > .block__body > .wp-block-buttons{justify-content: center}
.block-cards.js-cards-slider .cards__overlay{padding: var(--grid-padding-inline)}
.block-gallery.is-style-alt > .block__body > .gallery, .block-gallery.is-style-alt2 > .block__body > .gallery{gap: var(--mks-gutter-x)}
.block-bgcolor > .is-bg-strecil,
.block-bgcolor[style="background-color: var(--mks-primary-color);"] > .s-size-medium,
[data-type="mks/bgcolor"].has-primary-background-color > .s-size-medium{opacity: .1}
.block-cards.is-style-slider .card-item{
width: 100%;
max-width: 25rem;
margin-left: auto;
margin-right: auto
}
.block__header{margin-bottom: 1.875rem}
.block__header .is-style-pretitle{margin-bottom: 1.25rem}
.block-landing.full-width{
padding-top: calc(var(--mks-header-height) + 2.5rem)
}
.woocommerce-breadcrumb{justify-content: center}
}
@media (max-width: 1023px){
:root{
--mks-margin-top-block: 3.125rem;
}
.block__header:not(.text-center).has-btns{grid-template-columns: 1fr; text-align: center}
.block__header:not(.text-center).has-btns > h2,
.block__header:not(.text-center).has-btns > .classic-editor,
.block__header:not(.text-center).has-btns > h2 + .classic-editor + .wp-block-buttons,
.block__header:not(.text-center).has-btns > .wp-block-buttons{grid-column: 1 / -1}
.block__header:not(.text-center).has-btns > .wp-block-buttons{justify-content: center}
.block__header:not(.text-center).has-btns > h2 + .classic-editor + .wp-block-buttons{grid-row: unset; justify-content: center}
.block-cards.js-cards-slider{min-height: unset; gap: var(--mks-gutter-double-x) 0}
.block-cards.js-cards-slider > .block__header, .block-cards.js-cards-slider > .cards__nav{grid-column: 2 / 4}
.block-cards.js-cards-slider .cards__miniatures{display: none!important}
.block-cards.js-cards-slider .cards__main-image{grid-column: 1 / -1}
.block-cards.js-cards-slider .block__header{max-width: 100%; margin-bottom: unset}
.block-cards.js-cards-slider .cards__main-image{grid-row: unset; min-height: 25rem;}
.block-cards.js-cards-slider .cards__main-image::before{
content: '';
display: block;
padding-top: 50%
}
.block-cards.js-cards-slider > .cards__nav{order: 4; grid-row: unset}
.block-cards.js-cards-slider .cards__overlay{
bottom: unset;
top: 50%;
max-height: 100%;
transform: translateY(-50%);
text-align: center
}
.block-cards.js-cards-slider .cards__overlay-desc{max-width: 100%}
.block-cards.js-cards-slider .cards__overlay-footer{justify-content: center}
.block-bgcolor{padding-top: 3.125rem; padding-bottom: 3.125rem}
}
@media (max-width: 991px){
:root{
--mks-body-font-size: 1rem;
--mks-h1-font-size: 2.625rem;
--mks-h2-font-size: 2rem;
--mks-h3-font-size: 1.625rem;
--mks-h4-font-size: 1.375rem;
--mks-h5-font-size: 1.25rem;
--mks-h6-font-size: 1.125rem;
}
[data-swiper-parallax-pair]{grid-template-columns: 1fr}
[data-swiper-parallax-pair] > .swiper-parallax-images,
[data-swiper-parallax-pair] > .swiper-parallax-text,
[data-swiper-parallax-pair] > .js-parallax-controls{grid-column: unset; grid-row: unset}
[data-swiper-parallax-pair] > .swiper-parallax-text,
[data-swiper-parallax-pair] > .js-parallax-controls{max-width: 100%; margin-left: var(--grid-padding-inline); margin-right: var(--grid-padding-inline)}
[data-swiper-parallax-pair] > .swiper-parallax-text{order: 3}
.block-cards:not(.is-style-slider) > .block__body{grid-template-columns: repeat(2, 1fr)}
.block-cards:not(.is-style-slider) .card-item .item__thumb img{width: 100%; height: auto; display: block}
.mks-bouk-booking-form{grid-template-columns: repeat(2, 1fr)}
.mks-bouk-booking-form > .btn{grid-column: 1 / -1}
}
@media (max-width: 767px){
.mks-bouk-booking-form .guests-content{left: 0; transform: unset}
}
@media (min-width: 568px) and (max-width: 820px){
.block-cards:not(.is-style-slider) > .block__body{grid-template-columns: 1fr}
.block-cards:not(.is-style-slider) .card-item{grid-template-columns: repeat(2, 1fr)}
.block-cards:not(.is-style-slider) .card-item > .item__content:first-child{grid-column: 1 / -1}
}
@media (min-width: 568px) and (max-width: 767px){
.block-cards:not(.is-style-slider) .card-item{grid-template-columns: 45% 1fr}
}
@media (max-width: 640px){
.mks-bouk-booking-form > .mks-bouk--input{grid-column: 1 / -1}
.mks-bouk-booking-form > .mks-bouk--input:nth-child(1){grid-column: 1}
.mks-bouk-booking-form > .mks-bouk--input:nth-child(2){grid-column: 2}
.mks-narrow-form{grid-template-columns: 1fr; gap: 1.25rem 0}
.block-gallery.is-style-alt > .block__body > .gallery,
.block-gallery.is-style-alt2 > .block__body > .gallery{grid-template-columns: repeat(2, 1fr)}
.block-gallery.is-style-alt > .block__body > .gallery > .gallery-item:nth-child(1),
.block-gallery.is-style-alt2 > .block__body > .gallery > .gallery-item:nth-child(5){grid-row: unset; grid-column: 1 / -1}
}
@media (max-width: 567px){
.block-txtmedia > .block__body > .body__media{
--mks-swiper-width: 1.875rem;
--mks-swiper-height: 3.125rem;
}
.block-txtmedia > .block__body > .body__media .swiper-button-prev svg,
.block-txtmedia > .block__body > .body__media .swiper-button-next svg {
width: 0.625rem;
height: 1.125rem;
max-width: 0.625rem;
max-height: 1.125rem;
}
.block-txtmedia > .block__body > .body__media .swiper-pagination{bottom: .625rem!important}
.block-txtmedia > .block__body > .body__media .swiper-pagination-bullets .swiper-pagination-bullet{width: .625rem; height: .625rem}
.block-cards:not(.is-style-slider) > .block__body{grid-template-columns: 1fr}
.block-cards:not(.is-style-slider) .card-item{width: 100%; max-width: 25rem; margin-left: auto; margin-right: auto}
}
@media (min-width: 768px) and (max-width: 1199px){
.block-txtmedia > .block__body > .body__media{
--mks-swiper-width: 1.875rem;
--mks-swiper-height: 3.125rem;
}
.block-txtmedia > .block__body > .body__media .swiper-button-prev svg,
.block-txtmedia > .block__body > .body__media .swiper-button-next svg {
width: 0.625rem;
height: 1.125rem;
max-width: 0.625rem;
max-height: 1.125rem;
}
.block-txtmedia > .block__body > .body__media .swiper-pagination{bottom: .625rem!important}
.block-txtmedia > .block__body > .body__media .swiper-pagination-bullets .swiper-pagination-bullet{width: .625rem; height: .625rem}
}
@media (max-width: 1199px){
.block-bgcolor.is-inquiry-form .wcinq-cat-form{gap: 1.25rem}
}
@media (max-width: 991px){
.block-bgcolor.is-inquiry-form .wcinq-cat-form{grid-template-columns: repeat(3, 1fr)}
.block-bgcolor.is-inquiry-form .wcinq-cat-form > .mks-group-products{grid-column: 1 / -1}
}
@media (max-width: 768px){
.block-bgcolor.is-inquiry-form .wcinq-cat-form{
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 568px){
.block-bgcolor.is-inquiry-form .wcinq-cat-form{
grid-template-columns: 1fr;
}
}
span.mks-inquiry-cart-btn{
visibility: hidden;
pointer-events: none;
opacity: 0
}