.elementor-kit-1746{--e-global-color-primary:#282828;--e-global-color-secondary:#DFCD29;--e-global-color-text:#282828;--e-global-color-accent:#FFEB3B;--e-global-color-3f3c3a8:#282828;--e-global-color-ff03bc4:#282828;--e-global-color-ca817b4:#89B6B1;--e-global-color-88542e9:#A6D3CE;--e-global-color-bea2939:#EAF8F6;--e-global-color-824cd36:#282828;--e-global-color-3c2c361:#282828;--e-global-color-14002d6:#B7A590;--e-global-color-fc54e80:#E5D9CA;--e-global-color-99a7e46:#FCF7F1;--e-global-color-09afe73:#0C2B40;--e-global-color-846ad98:#174868;--e-global-color-3b7e41c:#669EC3;--e-global-color-b8f006a:#A8C7DD;--e-global-color-6375eb7:#E9F1FC;--e-global-color-1015657:#282828;--e-global-color-eff34ee:#3E3E3E;--e-global-color-e6ff4b9:#939393;--e-global-color-f8ea714:#E4E4E4;--e-global-color-2c71b47:#F9F9F9;--e-global-color-7d6cb63:#FFFFFF;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:clamp(2.25rem, 1.886rem + 1.553vi, 5.5rem);--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:clamp(1.875rem, 1.784rem + 0.388vi, 3.375rem);--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-font-style:normal;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:clamp(1rem, .8rem + 0.1vi, 1.5rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5;--e-global-typography-1140b50-font-family:"Playfair Display";--e-global-typography-1140b50-font-size:clamp(1.875rem, 1.784rem + 0.388vi, 3.375rem);--e-global-typography-1140b50-font-weight:500;--e-global-typography-1140b50-font-style:normal;--e-global-typography-fc7cb91-font-family:"Montserrat";--e-global-typography-fc7cb91-font-size:clamp(1.25rem, 1.189rem + 0.259vi, 1.5rem);--e-global-typography-fc7cb91-font-weight:400;--e-global-typography-fc7cb91-text-transform:uppercase;--e-global-typography-fc7cb91-letter-spacing:0.4px;--e-global-typography-0f1dc60-font-family:"Montserrat";--e-global-typography-0f1dc60-font-size:clamp(1.125rem, 1.095rem + 0.129vi, 1.25rem);--e-global-typography-0f1dc60-font-weight:500;--e-global-typography-27b52f1-font-family:"Montserrat";--e-global-typography-27b52f1-font-size:clamp(1rem, 0.97rem + 0.129vi, 1.125rem);--e-global-typography-27b52f1-font-weight:400;--e-global-typography-4cbe69c-font-family:"Montserrat";--e-global-typography-4cbe69c-font-size:clamp(0.875rem, 0.845rem + 0.129vi, 1rem);--e-global-typography-4cbe69c-font-weight:500;--e-global-typography-4cbe69c-text-transform:uppercase;--e-global-typography-4cbe69c-letter-spacing:0.42px;--e-global-typography-be62aee-font-family:"Montserrat";--e-global-typography-be62aee-font-size:1rem;--e-global-typography-be62aee-font-weight:500;--e-global-typography-be62aee-line-height:1.5;--e-global-typography-984dc3d-font-family:"Montserrat";--e-global-typography-984dc3d-font-size:clamp(1rem, .8rem + 0.1vi, 1.5rem);--e-global-typography-984dc3d-font-weight:600;--e-global-typography-984dc3d-line-height:1.5;--e-global-typography-8c7ed1c-font-family:"Montserrat";--e-global-typography-8c7ed1c-font-size:0.875rem;--e-global-typography-8c7ed1c-font-weight:400;--e-global-typography-8c7ed1c-line-height:1.5;--e-global-typography-159c1b0-font-family:"Montserrat";--e-global-typography-159c1b0-font-size:0.875rem;--e-global-typography-159c1b0-font-weight:500;--e-global-typography-159c1b0-line-height:1.5;--e-global-typography-e635e80-font-family:"Montserrat";--e-global-typography-e635e80-font-size:0.875rem;--e-global-typography-e635e80-font-weight:600;--e-global-typography-e635e80-line-height:1.5;--e-global-typography-7f2adfd-font-family:"Montserrat";--e-global-typography-7f2adfd-font-size:0.75rem;--e-global-typography-7f2adfd-font-weight:400;--e-global-typography-7f2adfd-line-height:1.5;--e-global-typography-69f7e6a-font-family:"Montserrat";--e-global-typography-69f7e6a-font-size:0.75rem;--e-global-typography-69f7e6a-font-weight:500;--e-global-typography-69f7e6a-line-height:1.5;--e-global-typography-1004cab-font-family:"Montserrat";--e-global-typography-1004cab-font-size:0.75rem;--e-global-typography-1004cab-font-weight:600;--e-global-typography-1004cab-line-height:1.5;--e-global-typography-b55616f-font-family:"Open Sans";--e-global-typography-b55616f-font-size:clamp(1rem, .8rem + 0.1vi, 1.5rem);--e-global-typography-b55616f-font-weight:400;--e-global-typography-b55616f-letter-spacing:0.64px;--e-global-typography-d389885-font-family:"Open Sans";--e-global-typography-d389885-font-size:clamp(1rem, .8rem + 0.1vi, 1.5rem);--e-global-typography-d389885-font-weight:500;--e-global-typography-d389885-text-decoration:underline;--e-global-typography-d389885-line-height:1.5;color:var( --e-global-color-text );}.elementor-kit-1746 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;--container-default-padding-top:0;--container-default-padding-right:var(--mft-space-s);--container-default-padding-bottom:0;--container-default-padding-left:var(--mft-space-s);}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0;--container-default-padding-right:var(--mft-space-s);--container-default-padding-bottom:0;--container-default-padding-left:var(--mft-space-s);}}@media(max-width:767px){.elementor-kit-1746{--e-global-typography-text-font-size:16px;--e-global-typography-b55616f-font-size:0.875rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0;--container-default-padding-right:var(--mft-space-xs);--container-default-padding-bottom:0;--container-default-padding-left:var(--mft-space-xs);}}/* Start custom CSS */:root{
  --mirai-finder-button-background: #DFCD29!important;
  --mirai-ui-button-color: #232323!important;
  --mirai-finder-button-focus-color: #FFEB3B!important;
  --mirai-ui-calendar-selected-background: #FFEB3B!important;
  --mirai-ui-calendar-selected-color: #232323!important;
  --mirai-ui-calendar-selected-background: #e5d335!important;
  --mirai-ui-calendar-selected-color: #232323!important;
  --mirai-ui-button-secondary-color:#232323!important;
  --mirai-ui-button-background: #FFEB3B!important;
  --mirai-ui-accent-background:#fffdeb!important;
  --mirai-ui-accent-border: #fffbd7!important;
  --mirai-ui-button-secondary-background-active: #fffdeb!important;
  --mirai-ui-button-secondary-focus-color: #232323!important;
}


/*************************/
/***** fixed general *****/

/* so that loading does not appear in bookingstep1 */
body.elementor-editor-active .mi-rs.loading {
display: none;
}

/* to make the language .elementor-kit-1746 visible in modal */
.wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu {
visibility: visible;
}

/*************************************/
/********** general styles **********/
body {

/*********** color & hover ***********/
--mft-cta: var(--e-global-color-accent);
--mft-cta-hover: var(--e-global-color-846ad98);
--mft-btn-primary: var(--e-global-color-primary);
--mft-btn-primary-hover: var(--e-global-color-ff03bc4);
--mft-highlight-color: var(--e-global-color-primary);
--mft-link-hover: var(--e-global-color-primary);
--mft-background-ligh: var(--e-global-color-2c71b47);
--mft-background-dark: var(--e-global-color-1015657);     

/*********** contanier ***********/
--width-s: 900px;
--width-m: 1440px;

/*********** min-height img ***********/
--min-height-s: 200px;
--min-height-m: 400px;
--min-height-l: 800px;

/********** spaces **********/
--mft-space-base: 16px;
--mft-section-space-v: var(--mft-space-3xl);
--mft-space-5xs: 4px;
--mft-space-4xs: 8px;
--mft-space-3xs: 12px;
--mft-space-2xs: var(--mft-space-base); /*16*/
--mft-space-xs: calc(var(--mft-space-base) * 1.5); /*24*/
--mft-space-s: calc(var(--mft-space-base) * 2); /*32*/
--mft-space-m: calc(var(--mft-space-base) * 2.5); /*40*/
--mft-space-l: calc(var(--mft-space-base) * 3); /*48*/
--mft-space-xl: calc(var(--mft-space-base) * 3.5); /*56*/
--mft-space-2xl: calc(var(--mft-space-base) * 4); /*64*/
--mft-space-3xl: calc(var(--mft-space-base) * 5); /*80*/
--mft-space-4xl: calc(var(--mft-space-base) * 6); /*96*/
--mft-space-5xl: calc(var(--mft-space-base) * 10); /*160*/
}

/***** contanier *****/
.mft-container-s.elementor-element {
max-width: var(--width-s);
margin: 0 auto;
box-sizing: border-box;
}

.mft-container-m.elementor-element {
max-width: var(--width-m);
margin: 0 auto;
box-sizing: border-box;
}

/***** paddings vertical sections *****/
.mft-section-pt {
padding-top: var(--mft-section-space-v);
padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-section-space-v) / 2), var(--mft-section-space-v));
}

.mft-section-pb {
padding-bottom: var(--mft-section-space-v);
padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-section-space-v) / 2), var(--mft-section-space-v));
}

.mft-section-mt {
margin-top: var(--mft-section-space-v);
margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-section-space-v) / 2), var(--mft-section-space-v));
}

.mft-section-mb {
margin-bottom: var(--mft-section-space-v);
margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-section-space-v) / 2), var(--mft-section-space-v));
}

/***** paddings *****/
.mft-pt5xs {padding-top: var(--mft-space-5xs);}
.mft-pr5xs {padding-right: var(--mft-space-5xs);}
.mft-pb5xs {padding-bottom: var(--mft-space-5xs);}
.mft-pl5xs {padding-left: var(--mft-space-5xs);}
.mft-ph5xs {padding-inline: var(--mft-space-5xs);}
.mft-pv5xs {padding-block: var(--mft-space-5xs);}
.mft-pa5xs {padding: var(--mft-space-5xs);}
.mft-pt4xs {padding-top: var(--mft-space-4xs);}
.mft-pr4xs {padding-right: var(--mft-space-4xs);}
.mft-pb4xs {padding-bottom: var(--mft-space-4xs);}
.mft-pl4xs {padding-left: var(--mft-space-4xs);}
.mft-ph4xs {padding-inline: var(--mft-space-4xs);}
.mft-pv4xs {padding-block: var(--mft-space-4xs);}
.mft-pa4xs {padding: var(--mft-space-4xs);}
.mft-pt3xs {padding-top: var(--mft-space-3xs);}
.mft-pr3xs {padding-right: var(--mft-space-3xs);}
.mft-pb3xs {padding-bottom: var(--mft-space-3xs);}
.mft-pl3xs {padding-left: var(--mft-space-3xs);}
.mft-ph3xs {padding-inline: var(--mft-space-3xs);}
.mft-pv3xs {padding-block: var(--mft-space-3xs);}
.mft-pa3xs {padding: var(--mft-space-3xs);}
.mft-pt2xs {padding-top: var(--mft-space-2xs);}
.mft-pr2xs {padding-right: var(--mft-space-2xs);}
.mft-pb2xs {padding-bottom: var(--mft-space-2xs);}
.mft-pl2xs {padding-left: var(--mft-space-2xs);}
.mft-ph2xs {padding-inline: var(--mft-space-2xs);}
.mft-pv2xs {padding-block: var(--mft-space-2xs);}
.mft-pa2xs {padding: var(--mft-space-2xs)}
.mft-ptxs {padding-top: var(--mft-space-xs);}
.mft-prxs {padding-right: var(--mft-space-xs);}
.mft-pbxs {padding-bottom: var(--mft-space-xs);}
.mft-plxs {padding-left: var(--mft-space-xs);}
.mft-phxs {padding-inline: var(--mft-space-xs);}
.mft-pvxs {padding-block: var(--mft-space-xs);}
.mft-paxs {padding: var(--mft-space-xs);}
.mft-pts {padding-top: var(--mft-space-s);}
.mft-prs {padding-right: var(--mft-space-s);}
.mft-pbs {padding-bottom: var(--mft-space-s);}
.mft-pls {padding-left: var(--mft-space-s);}
.mft-phs {padding-inline: var(--mft-space-s);}
.mft-pvs {padding-block: var(--mft-space-s);}
.mft-pas {padding: var(--mft-space-s);}
.mft-ptm {padding-top: var(--mft-space-m); padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-prm {padding-right: var(--mft-space-m); padding-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-pbm {padding-bottom: var(--mft-space-m); padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-plm {padding-left: var(--mft-space-m); padding-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-phm {padding-inline: var(--mft-space-m); padding-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-pvm {padding-block: var(--mft-space-m); padding-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-pam {padding: var(--mft-space-m); padding: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-ptl {padding-top: var(--mft-space-l); padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-prl {padding-right: var(--mft-space-l); padding-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-pbl {padding-bottom: var(--mft-space-l); padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-pll {padding-left: var(--mft-space-l); padding-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-phl {padding-inline: var(--mft-space-l); padding-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-pvl {padding-block: var(--mft-space-l); padding-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-pal {padding: var(--mft-space-l); padding: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-ptxl {padding-top: var(--mft-space-xl); padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-prxl {padding-right: var(--mft-space-xl); padding-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-pbxl {padding-bottom: var(--mft-space-xl); padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-plxl {padding-left: var(--mft-space-xl); padding-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-phxl {padding-inline: var(--mft-space-xl); padding-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-pvxl {padding-block: var(--mft-space-xl); padding-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-paxl {padding: var(--mft-space-xl); padding: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-pt2xl {padding-top: var(--mft-space-2xl); padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-pr2xl {padding-right: var(--mft-space-2xl); padding-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-pb2xl {padding-bottom: var(--mft-space-2xl); padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-pl2xl {padding-left: var(--mft-space-2xl); padding-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-ph2xl {padding-inline: var(--mft-space-2xl); padding-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-pv2xl {padding-block: var(--mft-space-2xl); padding-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-pa2xl {padding: var(--mft-space-2xl); padding: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-pt3xl {padding-top: var(--mft-space-3xl); padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-pr3xl {padding-right: var(--mft-space-3xl); padding-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-pb3xl {padding-bottom: var(--mft-space-3xl); padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-pl3xl {padding-left: var(--mft-space-3xl); padding-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-ph3xl {padding-inline: var(--mft-space-3xl); padding-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-pv3xl {padding-block: var(--mft-space-3xl); padding-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-pa3xl {padding: var(--mft-space-3xl); padding: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-pt4xl {padding-top: var(--mft-space-4xl); padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-pr4xl {padding-right: var(--mft-space-4xl); padding-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-pb4xl {padding-bottom: var(--mft-space-4xl); padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-pl4xl {padding-left: var(--mft-space-4xl); padding-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-ph4xl {padding-inline: var(--mft-space-4xl); padding-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-pv4xl {padding-block: var(--mft-space-4xl); padding-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-pa4xl {padding: var(--mft-space-4xl); padding: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-pt5xl {padding-top: var(--mft-space-5xl); padding-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-pr5xl {padding-right: var(--mft-space-5xl); padding-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-pb5xl {padding-bottom: var(--mft-space-5xl); padding-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-pl5xl {padding-left: var(--mft-space-5xl); padding-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-ph5xl {padding-inline: var(--mft-space-5xl); padding-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-pv5xl {padding-block: var(--mft-space-5xl); padding-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-pa5xl {padding: var(--mft-space-5xl); padding: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}

/***** margins *****/
.mft-mt5xs {margin-top: var(--mft-space-5xs);}
.mft-mr5xs {margin-right: var(--mft-space-5xs);}
.mft-mb5xs {margin-bottom: var(--mft-space-5xs);}
.mft-ml5xs {margin-left: var(--mft-space-5xs);}
.mft-mh5xs {margin-inline: var(--mft-space-5xs);}
.mft-mv5xs {margin-block: var(--mft-space-5xs);}
.mft-ma5xs {margin: var(--mft-space-5xs);}
.mft-mt4xs {margin-top: var(--mft-space-4xs);}
.mft-mr4xs {margin-right: var(--mft-space-4xs);}
.mft-mb4xs {margin-bottom: var(--mft-space-4xs);}
.mft-ml4xs {margin-left: var(--mft-space-4xs);}
.mft-mh4xs {margin-inline: var(--mft-space-4xs);}
.mft-mv4xs {margin-block: var(--mft-space-4xs);}
.mft-ma4xs {margin: var(--mft-space-4xs);}
.mft-mt3xs {margin-top: var(--mft-space-3xs);}
.mft-mr3xs {margin-right: var(--mft-space-3xs);}
.mft-mb3xs {margin-bottom: var(--mft-space-3xs);}
.mft-ml3xs {margin-left: var(--mft-space-3xs);}
.mft-mh3xs {margin-inline: var(--mft-space-3xs);}
.mft-mv3xs {margin-block: var(--mft-space-3xs);}
.mft-ma3xs {margin: var(--mft-space-3xs);}
.mft-mt2xs {margin-top: var(--mft-space-2xs);}
.mft-mr2xs {margin-right: var(--mft-space-2xs);}
.mft-mb2xs {margin-bottom: var(--mft-space-2xs);}
.mft-ml2xs {margin-left: var(--mft-space-2xs);}
.mft-mh2xs {margin-inline: var(--mft-space-2xs);}
.mft-mv2xs {margin-block: var(--mft-space-2xs);}
.mft-ma2xs {margin: var(--mft-space-2xs);}
.mft-mtxs {margin-top: var(--mft-space-xs);}
.mft-mrxs {margin-right: var(--mft-space-xs);}
.mft-mbxs {margin-bottom: var(--mft-space-xs);}
.mft-mlxs {margin-left: var(--mft-space-xs);}
.mft-mhxs {margin-inline: var(--mft-space-xs);}
.mft-mvxs {margin-block: var(--mft-space-xs);}
.mft-maxs {margin: var(--mft-space-xs);}
.mft-mts {margin-top: var(--mft-space-s);}
.mft-mrs {margin-right: var(--mft-space-s);}
.mft-mbs {margin-bottom: var(--mft-space-s);}
.mft-mls {margin-left: var(--mft-space-s);}
.mft-mhs {margin-inline: var(--mft-space-s);}
.mft-mvs {margin-block: var(--mft-space-s);}
.mft-mas {margin: var(--mft-space-s);}
.mft-mtm {margin-top: var(--mft-space-m); margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-mrm {margin-right: var(--mft-space-m); margin-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-mbm {margin-bottom: var(--mft-space-m); margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-mlm {margin-left: var(--mft-space-m); margin-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-mhm {margin-inline: var(--mft-space-m); margin-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-mvm {margin-block: var(--mft-space-m); margin-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-mam {margin: var(--mft-space-m); margin: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-m) / 2), var(--mft-space-m));}
.mft-mtl {margin-top: var(--mft-space-l); margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-mrl {margin-right: var(--mft-space-l); margin-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-mbl {margin-bottom: var(--mft-space-l); margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-mll {margin-left: var(--mft-space-l); margin-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-mhl {margin-inline: var(--mft-space-l); margin-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-mvl {margin-block: var(--mft-space-l); margin-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-mal {margin: var(--mft-space-l); margin: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-l) / 2), var(--mft-space-l));}
.mft-mtxl {margin-top: var(--mft-space-xl); margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-mrxl {margin-right: var(--mft-space-xl); margin-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-mbxl {margin-bottom: var(--mft-space-xl); margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-mlxl {margin-left: var(--mft-space-xl); margin-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-mhxl {margin-inline: var(--mft-space-xl); margin-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-mvxl {margin-block: var(--mft-space-xl); margin-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-maxl {margin: var(--mft-space-xl); margin: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-xl) / 2), var(--mft-space-xl));}
.mft-mt2xl {margin-top: var(--mft-space-2xl); margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-mr2xl {margin-right: var(--mft-space-2xl); margin-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-mb2xl {margin-bottom: var(--mft-space-2xl); margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-ml2xl {margin-left: var(--mft-space-2xl); margin-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-mh2xl {margin-inline: var(--mft-space-2xl); margin-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-mv2xl {margin-block: var(--mft-space-2xl); margin-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-ma2xl {margin: var(--mft-space-2xl); margin: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-2xl) / 2), var(--mft-space-2xl));}
.mft-mt3xl {margin-top: var(--mft-space-3xl); margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-mr3xl {margin-right: var(--mft-space-3xl); margin-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-mb3xl {margin-bottom: var(--mft-space-3xl); margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-ml3xl {margin-left: var(--mft-space-3xl); margin-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-mh3xl {margin-inline: var(--mft-space-3xl); margin-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-mv3xl {margin-block: var(--mft-space-3xl); margin-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-ma3xl {margin: var(--mft-space-3xl); margin: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-3xl) / 2), var(--mft-space-3xl));}
.mft-mt4xl {margin-top: var(--mft-space-4xl); margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-mr4xl {margin-right: var(--mft-space-4xl); margin-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-mb4xl {margin-bottom: var(--mft-space-4xl); margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-ml4xl {margin-left: var(--mft-space-4xl); margin-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-mh4xl {margin-inline: var(--mft-space-4xl); margin-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-mv4xl {margin-block: var(--mft-space-4xl); margin-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-ma4xl {margin: var(--mft-space-4xl); margin: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-4xl) / 2), var(--mft-space-4xl));}
.mft-mt5xl {margin-top: var(--mft-space-5xl); margin-top: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-mr5xl {margin-right: var(--mft-space-5xl); margin-right: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-mb5xl {margin-bottom: var(--mft-space-5xl); margin-bottom: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-ml5xl {margin-left: var(--mft-space-5xl); margin-left: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-mh5xl {margin-inline: var(--mft-space-5xl); margin-inline: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-mv5xl {margin-block: var(--mft-space-5xl); margin-block: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}
.mft-ma5xl {margin: var(--mft-space-5xl); margin: clamp(var(--mft-space-5xs), 4vw + calc(var(--mft-space-5xl) / 2), var(--mft-space-5xl));}

/*********** widget img responsive ***********/
.mft-bg-img .elementor-element,
.mft-bg-img .elementor-element .elementor-widget-image,
.mft-bg-img .elementor-element .e-n-carousel.swiper,
.mft-bg-img .elementor-element .elementor-widget-container {
height: 100%;
}

.mft-bg-img .elementor-element .elementor-widget-image img,
.mft-bg-img .elementor-element .elementor-widget-container img {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
left: 0;
top: 0;
}

.mft-minh-s {
min-height: var(--min-height-s); /*200px*/
}

.mft-minh-m {
min-height: var(--min-height-m); /*400px*/
}

.mft-minh-l {
min-height: var(--min-height-l); /*800px*/
}

@media(max-width:1024px) {
.mft-minh-l {
  min-height: var(--min-height-m);
}

.mft-minh-m {
  min-height: var(--min-height-s);
}

}

/*********** separator line between title and text ***********/
.mft-divider.elementor-element {
width: 70px !important;
border-top: 3px solid var(--mft-highlight-color);
}

.mft-divider-white.elementor-element {
border-top: 3px solid var(--e-global-color-7d6cb63);
}

/*********** widget social icons / centre the icons in the background ***********/
.elementor-widget-social-icons .elementor-icon.elementor-social-icon {
display: flex;
}

/********** arrows & dots carousel styles **********/

/***** arrows *****/
.mft-arrows-carousel-styles .elementor-swiper-button i {
font-family: 'mirai-icofonts';
font-size: var(--e-global-typography-text-font-size);
font-weight: var(--e-global-typography-text-font-weight);
color: var(--e-global-color-eff34ee);
border: 1px solid;
border-radius: 50%;
padding: 10px;
box-shadow: 0px 0px 7px 3px #0000002b;
transition: all .3s ease-out;
}

.mft-arrows-carousel-styles .elementor-swiper-button:hover i {
color: var(--mft-link-hover);
}

.mft-arrows-carousel-styles .elementor-swiper-button-prev i:before {
content: "\e962";
}

.mft-arrows-carousel-styles .elementor-swiper-button-next i:before {
content: "\e963";
}

.mft-carousel-styles-white .elementor-swiper-button i {
color: var(--e-global-color-7d6cb63);
}

/***** dots *****/
.mft-dots-carousel-styles .swiper-pagination .swiper-pagination-bullet {
background: var(--e-global-color-eff34ee);
width: 10px;
height: 10px;
margin: 5px;
transition: all .3s ease-out;
}

.mft-dots-carousel-styles .swiper-pagination .swiper-pagination-bullet:hover {
background: var(--e-global-color-primary);
}

.mft-dots-carousel-styles .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 20px;
border-radius: 30px;
}

.mft-carousel-styles-white .swiper-pagination .swiper-pagination-bullet {
background: var(--e-global-color-7d6cb63);
}

/********** fix mobile icon box **********/
@media (max-width: 767px) {
.elementor-widget-icon-box.elementor-position-left.elementor-vertical-align-middle:not(.elementor-mobile-position-top) .elementor-icon-box-wrapper,
.elementor-widget-icon-box.elementor-position-right.elementor-vertical-align-middle:not(.elementor-mobile-position-top) .elementor-icon-box-wrapper,
.elementor-widget-icon-box.elementor-position-left.elementor-vertical-align-middle .elementor-icon-box-icon,
.elementor-widget-icon-box.elementor-position-right.elementor-vertical-align-middle .elementor-icon-box-icon {
  display: flex;
  align-items: center;
}
}

/********** autoscroll Y on popups **********/
.mft-scrolly-auto {
overflow: hidden !important;
overflow-y: auto !important;
max-height: calc(100vh - 140px);
}

/***** scroll bar styles *****/
.mft-modal-scroll::-webkit-scrollbar {
width: 5px;
}

.mft-modal-scroll::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px var(--e-global-color-e6ff4b9);
border-radius: 2px;
}

.mft-modal-scroll::-webkit-scrollbar-thumb {
background-color: var(--e-global-color-eff34ee);
border-radius: 2px;
-webkit-transition: all .3s;
transition: all .3s;
}

.mft-modal-scroll::-webkit-scrollbar-thumb:hover {
background: var(--e-global-color-e6ff4b9);
}

/********************************/
/*********** see more ***********/
.mft-view-more .eael-accordion-list {
display: flex;
flex-direction: column-reverse;
}

.mft-view-more .eael-adv-accordion .eael-accordion-list .eael-accordion-header,
.mft-view-more .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active {
background-color: transparent !important;
}

.mft-view-more .elementor-tab-title .eael-accordion-tab-title .mft-view-more-text {
display: none;
}

.mft-view-more .elementor-tab-title.active .eael-accordion-tab-title {
font-size: 0 !important;
}

.mft-view-more .elementor-tab-title.active .eael-accordion-tab-title .mft-view-more-text {
display: block;
font-size: 16px;
}

.mft-view-more .elementor-tab-title {
flex-direction: row-reverse;
justify-content: flex-end !important;
}

.mft-view-more .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .eael-accordion-tab-title {
flex-grow: 0;
padding-right: 10px
}

@media (max-width:767px) {
.mft-view-more.mft-view-more-center-mb .eael-accordion-list {
  align-items: center;
  text-align: center;
}

}

/***************************************/
/********** language .elementor-kit-1746 **********/
.wpml-ls-legacy-dropdown-click a.js-wpml-ls-item-toggle.wpml-ls-item-toggle,
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
font-family: var(--e-global-typography-be62aee-font-family), Sans-serif;
font-weight: var(--e-global-typography-be62aee-font-weight);
letter-spacing: var(--e-global-typography-be62aee-letter-spacing);
word-spacing: var(--e-global-typography-be62aee-word-spacing);     
/*color: var(--e-global-color-eff34ee);*/
background: transparent;
border: 0;
padding-left: 18px;
  padding-right: 17px;
transition: .3s ease-in-out;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
content: '\e961';
font-family: 'mirai-icofonts';
vertical-align: middle;
display: inline-block;
border: 0;
border-top: 0;
position: absolute;
right: 0px;
top: 9px;
font-size: 12px;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:before {
  content: "\e9a1";
  font-family: 'mirai-icofonts' !important;
  position: absolute;
  height: 16px;
  width: 16px;
  left: 0px;
}

/**************************/
/********** club **********/

/***** Login club *****/
.elementor-widget-Mirai-Club-Login span{
font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
font-size: var(--e-global-typography-text-font-size)!important;
font-weight: var(--e-global-typography-text-font-weight)!important;
line-height: var(--e-global-typography-text-line-height)!important;  
color: #fff!important;
}

[is="ui-modal"] ui-action,
[is="ui-modal"]  ui-text,
[is="ui-modal"] p{
font-family: "Open Sans";
color: #232323;
}
.elementor-sticky--effects .elementor-widget-Mirai-Club-Login span{
  color: #000!important;
}

.mi-club-login__access-icon,
.mim-club-login__access-icon {
font-size: 17px;
}


.mim-club-login__access {
width: auto;
}

/***** modal club & page *****/
.mi-bsmodal-body .mi-s-color-link,
.mi-club-signup .mi-s-color-link,
.mim-modal-body .mi-s-color-link {
color: var(--mft-cta);
}

.mi-bsmodal-body .mi-s-color-link:hover,
.mi-club-signup .mi-s-color-link:hover,
.mim-modal-body .mi-s-color-link:hover {
color: var(--mft-cta-hover);
}

.mi-bsmodal-body .mi-s-color-button,
.mi-clubarea .mi-s-color-button,
.mi-club-signup .mi-s-color-button,
.mim-modal-body .mi-s-color-button {
background-color: var(--mft-cta);
transition: .3s ease-in-out;
}

.mi-bsmodal-body .mi-s-color-button:hover,
.mi-clubarea .mi-s-color-button:hover,
.mi-club-signup .mi-s-color-button:hover,
.mim-modal-body .mi-s-color-button:hover {
background-color: var(--mft-cta-hover);
}

/*****************************/
/********** buttons **********/

/***** btn 1 *****/
.elementor-button.mft-btn-1 {
font-size: var(--e-global-typography-b55616f-font-size);
font-weight: var(--e-global-typography-b55616f-font-weight);
line-height: var(--e-global-typography-b55616f-line-height);
letter-spacing: var(--e-global-typography-b55616f-letter-spacing);
word-spacing: var(--e-global-typography-b55616f-word-spacing);
color: var(--e-global-color-7d6cb63);
background-color: var(--mft-cta);
padding: var(--mft-space-2xs) var(--mft-space-xs);
border-radius: var(--mft-space-5xs);
transition: all .3s ease;
}

.elementor-button.mft-btn-1:hover {
background-color: var(--mft-cta-hover);
}

/***** btn 2 *****/
.elementor-button.mft-btn-2 {
font-size: var(--e-global-typography-b55616f-font-size);
font-weight: var(--e-global-typography-b55616f-font-weight);
line-height: var(--e-global-typography-b55616f-line-height);
letter-spacing: var(--e-global-typography-b55616f-letter-spacing);
word-spacing: var(--e-global-typography-b55616f-word-spacing);
color: var(--mft-btn-primary);
background-color: transparent;
padding: var(--mft-space-2xs) var(--mft-space-xs);
border: 1px solid;
border-radius: var(--mft-space-5xs);
transition: all .3s ease;
}

.elementor-button.mft-btn-2:hover {
color: var(--mft-btn-primary-hover);
}

/****** btn 3 ******/
.elementor-button.mft-btn-3 {
font-size: var(--e-global-typography-b55616f-font-size);
font-weight: var(--e-global-typography-b55616f-font-weight);
line-height: var(--e-global-typography-b55616f-line-height);
letter-spacing: var(--e-global-typography-b55616f-letter-spacing);
word-spacing: var(--e-global-typography-b55616f-word-spacing);
color: var(--mft-btn-primary-hover);
background-color: var(--mft-btn-primary);
padding: var(--mft-space-2xs) var(--mft-space-xs);
border-radius: var(--mft-space-5xs);
transition: all .3s ease;
}

.elementor-button.mft-btn-3:hover {
color: var(--e-global-color-7d6cb63);
background-color: var(--mft-btn-primary-hover);
}

/***** btn 4 *****/
.elementor-button.mft-btn-4 {
font-size: var(--e-global-typography-b55616f-font-size);
font-weight: var(--e-global-typography-b55616f-font-weight);
line-height: var(--e-global-typography-b55616f-line-height);
letter-spacing: var(--e-global-typography-b55616f-letter-spacing);
word-spacing: var(--e-global-typography-b55616f-word-spacing);
color: var(--mft-btn-primary);
background-color: transparent;
padding: 0 0 var(--mft-space-5xs);
border-bottom: 2px solid;
border-radius: 0;
transition: all .3s ease;
}

.elementor-button.mft-btn-4:hover {
color: var(--mft-btn-primary-hover);
}

/***** btn 5 *****/
.elementor-button.mft-btn-5 {
font-size: var(--e-global-typography-b55616f-font-size);
font-weight: var(--e-global-typography-b55616f-font-weight);
line-height: var(--e-global-typography-b55616f-line-height);
letter-spacing: var(--e-global-typography-b55616f-letter-spacing);
word-spacing: var(--e-global-typography-b55616f-word-spacing);
color: var(--mft-btn-primary);
background-color: transparent;
padding: var(--mft-space-5xs);
transition: all .3s ease;
}

.elementor-button.mft-btn-5:hover {
color: var(--mft-btn-primary-hover);
}

/***** link btn *****/
.elementor-button.mft-link-btn {
font-family: var(--e-global-typography-text-font-family), Sans-serif;
font-size: var(--e-global-typography-text-font-size);
font-weight: var(--e-global-typography-text-font-weight);
line-height: var(--e-global-typography-text-line-height);
color: inherit;
background-color: transparent;
padding: 0;
text-align: left;
transition: all .3s ease;
}

.elementor-button.mft-link-btn:hover {
color: var(--mft-link-hover);
}

.elementor-button.mft-link-btn:hover .elementor-button-icon svg path {
fill: var(--mft-link-hover);
}

/***** link btn - icon color *****/
.mft-link-icon-color i {
color: var(--mft-highlight-color);
font-size: 20px;
}

.mft-link-icon-color .elementor-button-icon svg path {
fill: var(--mft-highlight-color);
}

/***** link icon-list - icon color & hover *****/
.mft-link-btn-list-icon-color .elementor-icon-list-item .elementor-icon-list-icon i,
.mft-link-btn-list .elementor-icon-list-item:hover,
.mft-link-btn-list .elementor-icon-list-item:hover .elementor-icon-list-icon i {
color: var(--mft-highlight-color);
}

.mft-link-btn-list-icon-color .elementor-icon-list-item .elementor-icon-list-icon svg path,
.mft-link-btn-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg path {
fill: var(--mft-highlight-color);
}

/***** transition svg *****/
.elementor-button.mft-link-btn .elementor-button-icon svg path,
.mft-link-btn-list .elementor-icon-list-icon svg path {
transition: var(--e-a-transition-hover);
}

/********** change of text colour on coloured background **********/
.mft-light-text,
.mft-light-text .elementor-button {
color: var(--e-global-color-7d6cb63);
}

.mft-dark-text,
.mft-dark-text .elementor-button {
color: var(--e-global-color-824cd36);
}

/************************************/
/********** flight + hotel **********/
.mft-flight-hotel ul.elementor-icon-list-items li span,
.mft-flight-hotel ul.elementor-icon-list-items li span i {
transition: none !important;
}

.mft-flight-hotel ul.elementor-icon-list-items li {
color: var(--e-global-color-f8ea714);
transition: .2s linear;
}

.mft-flight-hotel ul.elementor-icon-list-items li:first-child,
.mft-flight-hotel ul.elementor-icon-list-items li:hover {
color: var(--mft-cta);
}

.mft-flight-hotel ul.elementor-icon-list-items li {
border-bottom: 2px solid;
padding-bottom: 3px;
}

.mft-flight-hotel ul.elementor-icon-list-items li:first-child {
border-bottom: 2px solid var(--mft-cta);
}

/****************************/
/********** HEROS ***********/

/***** hero img slider *****/
.mft-slider-hero .e-n-carousel.swiper:after {
content: "";
background: linear-gradient(0deg, #00000080, transparent);
position: absolute;
width: 100%;
height: 100%;
}

/***** hero - max-height *****/
.mft-hero-height {
height: 100vh;
max-height: 1080px;
}

/***** dinamic hero images on details *****/
.dynamic-detail-image {
transition: .5s ease !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}

.dynamic-detail-image:not(.dynamic-detail-image-ready) {
opacity: 0;
}

/******************************************/
/*********** preheader & header ***********/

/***** preheader - when the header is sticky preheader hidden *****/
.mft-header.elementor-sticky--effects .mft-preheader {
display: none;
}

/***** header *****/

/* blur header start */
.mft-header.elementor-sticky--active:not(.elementor-sticky--effects):before {
content: '';
background-color: transparent;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
backdrop-filter: blur(7px);
}

/* background header sticky  & box-shadow */
.mft-header.elementor-sticky--active.elementor-sticky--effects {
background-color: var(--e-global-color-7d6cb63);
box-shadow: 0px 0px 9px #0000002e;
}

/* colours dropdown & icon-box header & language .elementor-kit-1746 - hover */
.mft-header.elementor-sticky--active li.e-n-menu-title:hover,
.mft-header.elementor-sticky--active li.e-n-menu-title:hover .e-n-menu-title-container span,
.mft-header.elementor-sticky--active li.e-n-menu-title:hover .e-n-menu-title-container span i,
.mft-header.elementor-sticky--active li.e-n-menu-title:hover .e-n-menu-dropdown-icon span i,
.mft-header .elementor-icon-box-wrapper:hover,
.mft-header:not(.elementor-sticky--effects) .wpml-ls-current-language:hover a {
color: var(--mft-highlight-color) !important;
}

/* background language .elementor-kit-1746 - hover */
.mft-header .wpml-ls-current-language:hover > a {
background-color: transparent !important;
}

/* correct transitions icons and texts */
.mft-header .elementor-icon-box-title a {
transition: var(--e-a-transition-hover);
}

.mft-header .e-n-menu-title .e-n-menu-dropdown-icon span i {
transition: none;
}

/* btn book header animation add/remove class .mft-book-btn */
.mft-header .mft-book-btn {
overflow: hidden;
}

/* dividing line items header */
.mft-dividing-line-items div:not(:nth-child(-n+2)):before {
content: "";
background-color: var(--mft-background-ligh);
width: 1px;
height: 17px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}

@media (min-width:768px) {
.mft-header .mft-book-btn a {
  margin-right: -150px;
  transition: 1s ease;
}

.mft-header .mft-book-btn.mft-offset-active a {
  margin: 0 0 0 var(--mft-space-2xs);
}
}

@media (max-width:767px) {
/* btn book fixed botton mobile */
.mft-book-btn-mb a {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
}

/* animation scroll up - scroll down header */
.mft-header[data-mft-toggle-scroll="false"].mft-offset-active:not(.mft-book-btn.mft-offset-active) {
transform: translateY(-100%);
}

@media (max-width:1600px) {
/* horizontal header menu / hide menu items */
.mft-header .mft-menu-h-hidden .elementor-nav-menu li:nth-child(-n + 2) {
  display: none;
}

/* vertical header menu / hide menu items */
.mft-header .mft-menu-v-hidden .elementor-nav-menu li:nth-child(n + 3) {
  display: none;
}
}

@media (max-width:1440px) {
/* horizontal header menu / hide menu */
.mft-header .mft-menu-h-hidden {
  display: none;
}

/* vertical header menu / visible menu items */
.mft-header .mft-menu-v-hidden .elementor-nav-menu li:nth-child(n + 3) {
  display: block;
}
}

@media (max-width:1024px) {
/* hide text icons */
.mft-txt-hidden-tb .e-n-menu-title-container .e-n-menu-title-text,
.mft-txt-hidden-tb .mft-link-btn .elementor-button-text {
  display: none;
}

/* vertical header menu / visible menu items */
.mft-header .mft-menu-v-hidden {
  display: none;
}
}

@media (max-width:767px) {
/* hide text icons */
.mft-txt-hidden-mb .e-n-menu-title-container .e-n-menu-title-text {
  display: none;
}

/* hide icon wpml */
.mft-header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:before {
  display: none;
}
}

/****************************/
/********** footer **********/

.mft-wrapper-footer .mi-vcard-phone a:hover,
.mft-wrapper-footer .mi-vcard-email a:hover {
color: var(--mft-highlight-color);
}

.mft-wrapper-footer [data-role="content"],
#developed-wrapper {
color: var(--mft-cta);
font-family: var(--e-global-typography-159c1b0-font-family), Sans-serif;
font-size: var(--e-global-typography-159c1b0-font-size);
line-height: var(--e-global-typography-159c1b0-line-height);
letter-spacing: var(--e-global-typography-159c1b0-letter-spacing);
word-spacing: var(--e-global-typography-159c1b0-word-spacing);
}

#developed-wrapper {
color: var(--e-global-color-e6ff4b9);
}

.mft-wrapper-footer [data-role="content"],
#developed-wrapper a {
font-weight: bold;
}

/***********************************/
/********** dynamic pages **********/

/********** general styles **********/

/***** hide mft-book-btn in room detail & offer detail *****/
.cat-room-detail .mft-book-btn,
.cat-offer-detail .mft-book-btn {
display: none !important;
}

/***** calendar colors (detail rooms) *****/

/* selected and hover dates */
.dynamic-calendar .ui-datepicker-calendar ._selected-date a,
.dynamic-calendar .ui-datepicker-calendar ._checkin-date a,
.dynamic-calendar .ui-datepicker-calendar ._checkout-date._checkin-date a,
.dynamic-calendar .ui-datepicker-calendar a:hover {
background: var(--e-global-color-6375eb7) !important;
color: #555 !important;
}

/* last day selected */
.dynamic-calendar .ui-datepicker-calendar ._checkout-date a {
background: var(--mft-cta) !important;
color: var(--e-global-color-7d6cb63) !important;
}

/***** container *****/
.rooms-listing-wrapper,
.rooms-detail-wrapper,
.offers-listing-wrapper,
.offers-detail-wrapper {
max-width: var(--width-m);
margin: 0 auto;
box-sizing: border-box;
}

/***** titles rooms & detail room *****/
.page-template-mirai-club-template h1,
.page-template-mirai-club-template h2,
.rooms-listing-wrapper h2,
.rooms-listing-wrapper .room-box h3 a,
.rooms-detail-wrapper h2,
.rooms-detail-wrapper h3 {
font-family: var(--e-global-typography-1140b50-font-family), Sans-serif;
font-size: var(--e-global-typography-1140b50-font-size);
font-weight: var(--e-global-typography-1140b50-font-weight) !important;
font-style: var(--e-global-typography-1140b50-font-style);
line-height: var(--e-global-typography-1140b50-line-height);
letter-spacing: var(--e-global-typography-1140b50-letter-spacing);
word-spacing: var(--e-global-typography-1140b50-word-spacing);
text-decoration: none;
text-transform: none;
transition: .3s ease-in-out;
}

/* hover title room */
.rooms-listing-wrapper .room-box h3 a:hover {
color: var(--mft-btn-primary-hover) !important;
}

.offers-listing-wrapper h2, /* title intro offer */
.offers-listing .offer .offer-title, /* title offer */
.offers-detail-wrapper .offer-wrapper .offer-title, /* title offer detail */
.offers-listing-4 .offer-text h3 /* title card offer tpl 4*/ {
font-family: "Open Sans" !important;
font-size: var(--e-global-typography-fc7cb91-font-size) !important;
font-weight: var(--e-global-typography-fc7cb91-font-weight) !important;
text-transform: var(--e-global-typography-fc7cb91-text-transform);
line-height: var(--e-global-typography-fc7cb91-line-height);
letter-spacing: var(--e-global-typography-fc7cb91-letter-spacing);
word-spacing: var(--e-global-typography-fc7cb91-word-spacing);
}

/* decoration title */
.offers-listing .offer .offer-title:after,
.offers-detail-wrapper .offer-header-content-wrapper .offer-title:after {
content: "";
width: 70px;
height: 3px;
background: var(--mft-highlight-color);
display: block;
margin: var(--mft-space-2xs) 0;
}

/***** btn - more information & offer-button *****/
.rooms-listing-wrapper .room-box a.more-info,
.rooms-listing-wrapper .room-box .room-intro a,
.offers-listing .offer .offer-button,
input.room-calendar-button:not(.room-calendar-button[disabled])

/* button calendar room detail tpl 5 */ {
font-size: var(--e-global-typography-b55616f-font-size);
font-weight: var(--e-global-typography-b55616f-font-weight);
line-height: var(--e-global-typography-b55616f-line-height);
letter-spacing: var(--e-global-typography-b55616f-letter-spacing);
word-spacing: var(--e-global-typography-b55616f-word-spacing);
color: var(--mft-btn-primary-hover);
background-color: var(--mft-btn-primary);
padding: var(--mft-space-2xs) var(--mft-space-xs);
border-radius: var(--mft-space-5xs);
transition: all .3s ease;
}

/* hover btn - more information & button */
.rooms-listing-wrapper .room-box a.more-info:hover,
.rooms-listing-wrapper .room-box .room-intro a:hover,
.offers-listing .offer .offer-button:hover,
input.room-calendar-button:not(.room-calendar-button[disabled]):hover {
color: var(--e-global-color-7d6cb63) !important;
background-color: var(--mft-btn-primary-hover) !important;
}

/* btn - more information */
.rooms-listing-wrapper .room-box a.more-info,
.rooms-listing-wrapper .room-box .room-intro a {
margin-top: var(--mft-space-m);
display: block !important;
width: max-content;
text-decoration: none !important;
}

/* btn -  offer-button */
.offers-listing .offer .offer-button {
position: relative !important;
bottom: 0;
right: 0;
display: inline-block;
margin: 10px 35px;
}

/* hover button disabled calendar room detail tpl 5 */
input.room-calendar-button[disabled]:hover {
color: #b9b9b9;
}

input.room-calendar-button {
font-size: 24px !important;
font-weight: normal !important;
letter-spacing: normal !important;
}

/* btn - more information full width & center mobile */
@media (max-width:767px) {
.rooms-listing-wrapper .room-box a.more-info,
.rooms-listing-wrapper .room-box .room-intro a {
  width: auto;
  text-align: center;
}

.offers-listing .offer .offer-button {
  display: block;
}

}

/***** icons and room description text *****/
.rooms-listing-1 .room-box .room-detail ul li {
font-weight: 500;
}

.rooms-listing-wrapper .room-box .room-detail ul li span.occupancies-ico,
.rooms-listing-wrapper .room-box .room-detail ul li span.size-ico,
.rooms-listing-wrapper .room-box .room-detail ul li span.distibution-ico {
background-image: none !important;
width: auto;
height: auto;
}

.rooms-listing-wrapper .room-box .room-detail ul li span.occupancies-ico:before,
.rooms-listing-wrapper .room-box .room-detail ul li span.size-ico:before,
.rooms-listing-wrapper .room-box .room-detail ul li span.distibution-ico:before {
font-family: 'mirai-icofonts';
font-size: 25px;
padding-right: 5px;
color: var(--mft-highlight-color);
}

.rooms-listing-wrapper .room-box .room-detail ul li span.occupancies-ico:before {
content: "\ea44";
}

.rooms-listing-wrapper .room-box .room-detail ul li span.size-ico:before {
content: "\e97e";
}

.rooms-listing-wrapper .room-box .room-detail ul li span.distibution-ico:before {
content: "\eaa0";
}

/********** templates rooms **********/

/***** room template 1 *****/
.rooms-listing-1 .room-box .room-detail ul {
background: transparent !important;
text-align: left;
padding: var(--mft-space-m) 0;
margin: 0;
}

.rooms-listing-1 .room-box .room-detail ul li {
width: auto !important;
padding-right: var(--mft-space-s);
}

.rooms-listing-1 .room-box .room-content .room-price {
border-top: none;
}

.rooms-listing-1 .room-box .room-content .room-price .box-from .box-price,
.rooms-listing-1 .room-box .room-content .room-price .box-from .price-description {
color: var(--e-global-color-text);
}

.rooms-listing-1 .room-box .room-content .room-price .box-from .box-price {
font-weight: bold;
}

.rooms-listing-1 .room-box .room-content .room-price .box-from .box-price span {
font-size: 16px;
}

@media (min-width:1025px) {
.rooms-listing-1 .room-box .room-detail {
  padding: 0 var(--mft-space-m) !important;
}

.rooms-listing-1 .room-box .room-content {
  padding: 0 var(--mft-space-m) var(--mft-space-m) !important;
}
}

/***** room template 2 *****/
.rooms-listing-2 .room-box {
border: none;
}

.rooms-listing-2 .room-box .room-detail {
padding: 0px 2%;
}

@media (min-width:979px) {
.rooms-listing-2 .room-box .room-image,
.rooms-listing-2 .room-box .room-detail {
  width: 50%;
}

.rooms-listing-2 .room-box .room-detail ul {
  width: 50%;
  left: auto;
}
}

@media (max-width:979px) {
.rooms-listing-2 .room-detail h3 {
  padding-top: var(--mft-space-m);
}
}

/***** room template 3 *****/
.rooms-listing-3 .room-item h3 {
font-family: var(--e-global-typography-fc7cb91-font-family), Sans-serif;
font-size: var(--e-global-typography-fc7cb91-font-size);
font-weight: var(--e-global-typography-fc7cb91-font-weight);
text-transform: var(--e-global-typography-fc7cb91-text-transform);
line-height: var(--e-global-typography-fc7cb91-line-height);
letter-spacing: var(--e-global-typography-fc7cb91-letter-spacing);
word-spacing: var(--e-global-typography-fc7cb91-word-spacing);
background-color: rgb(32 32 32 / 60%);
}

.rooms-listing-3 a.room-image-link img {
transition: all .3s ease;
}

.rooms-listing-3 a.room-image-link:hover img {
filter: brightness(0.8);
}

.rooms-listing-3 .room-item .min-price {
background-color: var(--mft-background-dark);
color: var(--e-global-color-7d6cb63);
}

/***** room template 4 *****/
.rooms-listing-4 .room-box .room-image-link {
position: relative;
min-height: 400px;
}

.rooms-listing-4 .room-box .room-image-link img {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
left: 0;
top: 0;
}

.rooms-listing-4 .room-box .room-content {
background-color: var(--mft-background-ligh) !important;
}

/***** room template 5 *****/
@media (min-width:768px) {
.rooms-listing-5 .room-box {
  padding: var(--mft-space-l);
  background-color: transparent !important;
}

.rooms-listing-5 .room-name,
.rooms-listing-5 .room-intro {
  padding-right: var(--mft-space-l);
  padding-left: 0;
}

.rooms-listing-5 .room-box:nth-child(odd) .room-name,
.rooms-listing-5 .room-box:nth-child(odd) .room-intro {
  padding-left: var(--mft-space-l);
  padding-right: 0;
}
}

@media (max-width:767px) {
.rooms-listing-wrapper .room-box .room-content {
  padding-top: var(--mft-space-m) !important;
}

.rooms-listing-4 .room-box .room-image-link {
  min-height: 200px;
}

.rooms-listing-4 .room-box .room-content {
  background-color: transparent !important;
}
}

/* descomentar cuando pidan el contenido centrado - para todos los templates*/

/*.rooms-listing-wrapper .room-detail,
.rooms-listing-wrapper .room-box .room-detail ul,
.rooms-listing-wrapper .room-box .room-content,
.rooms-listing-5 .room-name,
.rooms-listing-5 .room-description {
text-align: center !important;
}*/

/* centrado para el template 2 y 4*/

/*.rooms-listing-wrapper .room-box .room-content,
.rooms-listing-2 .room-box .room-detail .room-description,
.rooms-listing-4 .room-box .room-description,
.rooms-listing-5 .room-intro .row:last-child {
display: flex;
flex-direction: column;
align-items: center;
}*/

/* centrado check-list template 5 */

/*.rooms-listing-5 .room-services-list {
padding-left: var(--mft-space-l);
}*/

/********** templates offer **********/

/****** offer template 1 ******/
.offers-listing-1 .offers-listing {
display: flex;
flex-wrap: wrap;
gap: var(--mft-space-l);
padding-top: var(--mft-space-l);
}

.offers-listing-1 .offer {
margin: 0 auto;
width: 48%;
}

.offers-listing-1 .offer .offer-photo {
position: relative;
height: 350px;
width: 150px;
}

.offers-listing-1 .offer .offer-photo img {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
left: 0;
top: 0;
}

.offers-listing-1 .offer .offer-title {
padding: 25px 35px 0;
}

.offers-listing-1 .offer .offer-date-range {
padding: 0 35px;
}

.offers-listing-1 .offer-box.box-3 {
display: none;
}

.offers-listing-1 .offer-link {
background: var(--mft-background-ligh);
}

.offers-listing-1 .offer .offer-description,
.offers-listing-1 .offer .offer-includes {
margin-right: 0;
padding: 0 35px 20px;
}

@media (max-width:1024px) {
.offers-listing-1 .offer {
  width: 45%;
}
}

@media (max-width:820px) {
.offers-listing-1 .offer {
  width: 100%;
}
}

@media (max-width:767px) {
.offers-listing-1 .offer .offer-photo {
  height: 150px;
  width: 100%;
}

.offers-listing-1 .offer .offer-title {
  padding: 25px 0 0;
}

.offers-listing-1 .offer .offer-description,
.offers-listing-1 .offer .offer-includes {
  padding: 0 0 20px;
}

.offers-listing-1 .offer .offer-button {
  margin: 20px 0;
}

.offers-listing .offer .offer-title {
  text-align: left;
}
}

/***** offer template 2 *****/
.offers-listing-2 .offer .offer-intro,
.offers-listing-2 .offer .offer-date-range {
background-color: var(--e-global-color-eff34ee);
}

.offers-listing-2 .offer .offer-photo {
height: 200px;
position: relative;
}

.offers-listing-2 .offer .offer-photo img {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
left: 0;
top: 0;
}

.offers-listing-2 .offer .offer-deco {
background-color: var(--mft-background-ligh);
}

.offers-listing-2 .offer-deco i:before {
content: "\ea7a";
color: var(--e-global-color-eff34ee);
}

.offers-listing-2 .offer .offer-description {
padding: var(--mft-space-xs);
}

.offers-listing-2 .offer .offer-box {
background-color: var(--mft-background-ligh);
}

.offers-listing-2 .offer .offer-box span,
.offers-detail-wrapper .offer .offer-box span {
font-family: var(--e-global-typography-159c1b0-font-family), Sans-serif;
font-size: var(--e-global-typography-159c1b0-font-size);
font-weight: var(--e-global-typography-159c1b0-font-weight);
line-height: var(--e-global-typography-159c1b0-line-height);
letter-spacing: var(--e-global-typography-159c1b0-letter-spacing);
word-spacing: var(--e-global-typography-159c1b0-word-spacing);
color: var(--e-global-color-eff34ee);
}

@media (min-width:1025px) {
.offers-listing-2 .offers-listing .offer {
  width: 33%;
}
}

/***** offer template 4 *****/
.offers-listing-4 .offer-text {
text-align: center;
}

.offers-listing-4 .offer .offer-box {
min-height: 400px;
transition: .3s ease-in-out;
}

.offers-listing-4 .offer .offer-box img {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
left: 0;
top: 0;
}

.offers-listing-4 .offer .offer-box:hover {
box-shadow: 0px 0px 9px #00000047;
}

/**** offer template 5 *****/
.offers-listing-5 .offer .offer-link,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper {
background: var(--mft-background-ligh) !important;
transition: .3s ease-in-out;
}

.offers-listing-5 .offer .offer-link *,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper {
color: var(--mft-background-dark) !important;
}

.offers-listing-5 .offer .offer-link:hover {
box-shadow: 0px 0px 9px #00000047 !important;
}

.offers-listing-5 .offer .offer-link::before {
opacity: 0 !important;
}

.offers-listing-5 .offer .offer-title,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper .offer-title {
border-bottom: 2px solid var(--mft-highlight-color) !important;
}

.offers-listing-5 .offer .offer-content i:before,
.offers-detail-wrapper.offer-detail-5 .offer-wrapper .offer-title i:before {
content: "\e997";
color: var(--mft-highlight-color);
}

.offers-listing-5 .offer .offer-date-range {
left: 30px;
font-weight: 600;
}

.offers-listing-5 .offer .offer-date-range i:before {
content: "\e9e2";
color: var(--mft-highlight-color);
}

.offers-listing-5 .offer .offer-title:after {
display: none;
}

@media (min-width:1025px) {
.offers-listing-5 .offers-listing .offer {
  width: 33%;
}
}

/***** detalle habitacion *****/
.rooms-detail-wrapper h4 {
font-family: var(--e-global-typography-fc7cb91-font-family), Sans-serif;
font-size: var(--e-global-typography-fc7cb91-font-size);
font-weight: var(--e-global-typography-fc7cb91-font-weight);
line-height: var(--e-global-typography-fc7cb91-line-height);
letter-spacing: var(--e-global-typography-fc7cb91-letter-spacing);
word-spacing: var(--e-global-typography-fc7cb91-word-spacing);
}

.rooms-detail-wrapper h2 {
padding-bottom: var(--mft-space-s);
}

.rooms-detail-wrapper .room-box-detail,
.rooms-detail-wrapper .room-box-price {
background-color: var(--mft-background-ligh) !important;
}

@media (min-width:1025px) {
.rooms-detail-wrapper .room-box-services,
.rooms-detail-wrapper .room-box-common-services {
  width: 50% !important;
  display: inline-block;
  margin-bottom: var(--mft-space-m);
}

.rooms-detail-wrapper .room-box-services {
  float: none;
}

.rooms-detail-wrapper .room-box-common-services {
  border-right: 2px solid var(--mft-background-ligh);
}

.rooms-detail-wrapper .room-box-offers h3:not(.offer-link h3) {
  text-align: center;
}

.rooms-detail-wrapper .room-box-services ul,
.rooms-detail-wrapper .room-box-common-services ul {
  width: 50%;
}
}

.rooms-detail-5 .offers-listing-1 {
display: flex;
flex-wrap: wrap;
gap: 25px;
}

.rooms-detail-5 .offers-listing-1 .offer {
width: 48%;
}

.rooms-detail-5 .room-box-offers {
background: var(--mft-background-ligh);
}

/***** detail offer *****/
.offers-detail-wrapper .offer-photo {
width: auto;
}

.offers-detail-wrapper.offer-detail-2 .offer-wrapper {
float: none;
}

.offers-detail-wrapper.offer-detail-2 .offer {
margin: 55px auto;
}

/************************************/
/********** mashup offers ***********/

/********** general styles **********/
.mashup-1 .offers-mashup-slide,
.mashup-2 .offers-mashup-slide {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--mft-space-xs);
}

.offers-mashup dl dt {
font-family: var(--e-global-typography-1140b50-font-family), Sans-serif;
font-size: var(--e-global-typography-1140b50-font-size);
font-weight: var(--e-global-typography-1140b50-font-weight);
font-style: var(--e-global-typography-1140b50-font-style);
line-height: var(--e-global-typography-1140b50-line-height);
letter-spacing: var(--e-global-typography-1140b50-letter-spacing);
word-spacing: var(--e-global-typography-1140b50-word-spacing);
}

.offers-mashup dl dd {
font-family: var(--e-global-typography-0f1dc60-font-family), Sans-serif;
font-size: var(--e-global-typography-0f1dc60-font-size);
font-weight: var(--e-global-typography-0f1dc60-font-weight);
line-height: var(--e-global-typography-0f1dc60-line-height);
letter-spacing: var(--e-global-typography-0f1dc60-letter-spacing);
word-spacing: var(--e-global-typography-0f1dc60-word-spacing);
}

.offers-mashup dl .more-info-link {
font-size: var(--e-global-typography-b55616f-font-size);
font-weight: var(--e-global-typography-b55616f-font-weight);
line-height: var(--e-global-typography-b55616f-line-height);
letter-spacing: var(--e-global-typography-b55616f-letter-spacing);
word-spacing: var(--e-global-typography-b55616f-word-spacing);
color: var(--mft-btn-primary-hover);
background-color: var(--mft-btn-primary);
padding: var(--mft-space-2xs) var(--mft-space-xs);
border-radius: var(--mft-space-5xs);
transition: all .3s ease;
}

.offers-mashup dl .more-info-link:hover {
color: var(--e-global-color-7d6cb63);
background-color: var(--mft-btn-primary-hover);
}

/***** mashup 1 --- 2 ofertas fijas, con foto y sin carrusel *****/
.mashup-1 .offers-mashup-slide dl {
background: var(--mft-background-ligh);
}

.mashup-1 .offers-mashup-slide dl img {
width: 100%;
height: 250px;
object-fit: cover;
}

.mashup-1 .offers-mashup dl dt {
padding: var(--mft-space-2xs);
}

.mashup-1 .offers-mashup dl dd {
padding: 0 var(--mft-space-2xs) var(--mft-space-2xs);
}

/***** mashup 2 --- 2 ofertas fijas, sin foto y sin carrusel *****/
.mashup-2 .offers-mashup-slide dl {
background-color: var(--mft-background-ligh);
padding: var(--mft-space-l);
}

.mashup-2 .offers-mashup dl dt {
border-bottom: 2px solid var(--mft-highlight-color);
padding: 0 35px 24px;
margin-bottom: 24px;
position: relative;
}

.mashup-2 .offers-mashup dl dt:before {
content: "\e997";
font-family: 'mirai-icofonts';
color: var(--mft-highlight-color);
position: absolute;
left: 0;
}

/***** mashup 3 --- con foto y carrusel (flickity) *****/
.mashup-3 .offers-mashup dl dt {
padding: var(--mft-space-s) 0;
}

.mashup-3 .offers-mashup dl dd {
padding-bottom: var(--mft-space-s);
}

[data-custom-flickity-params] {
padding-bottom: 50px;
}

[data-custom-flickity-params] .carousell-cell {
width: 33%;
padding: 0 var(--mft-space-3xs);
margin-top: 0;
}

[data-custom-flickity-params] .offers-mashup-inner img {
width: 100%;
height: 250px;
object-fit: cover;
}

@media (max-width:767px) {
.mashup-1 .offers-mashup-slide,
.mashup-2 .offers-mashup-slide {
  grid-template-columns: 1fr;
}

[data-custom-flickity-params] .carousell-cell {
  width: 100%;
}

}

/****************************************/
/***** START LEGAL PAGE TEXT WIDGET *****/

/* .mft-legal-text */
section.cookies-section {
max-width: var(--width-m);
margin: 0 auto;
box-sizing: border-box;
}

.cookies-section a {
font-weight: bold;
transition: .3s ease-in-out;
}

.cookies-section a:hover {
color: var(--mft-link-hover);
}

/* Heading H1 */
.mft-legal-text h1 {
font-family: var(--e-global-typography-primary-font-family), Sans-serif;
font-size: var(--e-global-typography-primary-font-size);
font-weight: var(--e-global-typography-primary-font-weight);
text-transform: var(--e-global-typography-primary-text-transform);
font-style: var(--e-global-typography-primary-font-style);
line-height: var(--e-global-typography-primary-line-height);
padding-bottom: 20px;
}

/* Heading H2 */
.mft-legal-text h2,
.cookies-section .elementor-widget-wrap .elementor-widget-heading:first-child .mi-title3 {
font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
font-size: var(--e-global-typography-secondary-font-size);
font-weight: var(--e-global-typography-secondary-font-weight);
font-style: var(--e-global-typography-secondary-font-style);
line-height: var(--e-global-typography-secondary-line-height);
padding-bottom: 20px;
}

/* Heading H3*/
.mft-legal-text h3,
.cookies-section .mi-title3 {
font-family: var(--e-global-typography-1140b50-font-family), Sans-serif;
font-size: var(--e-global-typography-1140b50-font-size);
font-weight: var(--e-global-typography-1140b50-font-weight);
font-style: var(--e-global-typography-1140b50-font-style);
line-height: var(--e-global-typography-1140b50-line-height);
letter-spacing: var(--e-global-typography-1140b50-letter-spacing);
word-spacing: var(--e-global-typography-1140b50-word-spacing);
padding-bottom: 20px;
}

/* Heading H4*/
.mft-legal-text h4 {
font-family: var(--e-global-typography-0f1dc60-font-family), Sans-serif;
font-size: var(--e-global-typography-0f1dc60-font-size);
font-weight: var(--e-global-typography-0f1dc60-font-weight);
line-height: var(--e-global-typography-0f1dc60-line-height);
letter-spacing: var(--e-global-typography-0f1dc60-letter-spacing);
word-spacing: var(--e-global-typography-0f1dc60-word-spacing);
padding-bottom: 20px;
}

.mft-legal-text h2:not(:first-of-type),.mft-legal-text h3,.mft-legal-text h4,.cookies-section .mi-title3 {
margin-top: 25px;
}

/* LINKS */
.mft-legal-text a {
text-wrap: wrap;
overflow-wrap: break-word;
text-decoration: none;
color: var(--mft-btn-primary);
transition: .3s ease-in-out;
}

.mft-legal-text a:hover {
color: var(--mft-btn-primary-hover);
}

.mft-legal-text a span {
color: inherit !important;
}

/* SPACE AFTER ELEMENTS */
.mft-legal-text p,
.mft-legal-text ul,
.mft-legal-text ol {
margin-bottom: 15px;
}

/* LISTS */
.mft-legal-text ol {
padding-left: 18px;
}

.mft-legal-text ol li {
list-style-type: disc;
list-style-position: outside;
overflow-wrap: break-word;
margin-bottom: 5px;
}

.mft-legal-text ul {
padding-left: 35px;
}

.mft-legal-text ul li {
list-style-type: circle;
list-style-position: outside;
overflow-wrap: break-word;
margin-bottom: 5px;
}

/* TABLE STYLE */
.mft-legal-text table tr:first-child {
background-color: var(--mft-btn-primary);
color: var(--e-global-color-7d6cb63);
}

/*Table general styles*/
.mft-legal-text table {
background-color: transparent;
width: 100%;
font-size: 1em;
border-spacing: 0;
border-collapse: collapse;
margin: 30px 0;
}

@media (max-width:1023px) {
.mft-legal-text table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}
}

/*Table cell padding and styles*/
.mft-legal-text table td,
.mft-legal-text table th {
padding: 15px;
line-height: 1.5em;
vertical-align: top;
border: 1px solid var(--e-global-color-f8ea714);
min-width: 200px;
}

/*Background of odd table rows*/
.mft-legal-text table tbody > tr:nth-child(odd) > td,
.mft-legal-text table tbody > tr:nth-child(odd) > th {
background-color: #09090912;
}

.mft-legal-text table a:hover {
text-decoration: none;
}

/*rooms*/
.page-template-mirai-club-template button,
.page-template-mirai-club-template .mi-form-item__select option,
.page-template-mirai-club-template li,
.page-template-mirai-club-template span,
.page-template-mirai-club-template small,
.page-template-mirai-club-template p,
.page-template-tpl-rooms-listing .min-price,
.page-template-tpl-rooms-listing span,
.page-template-tpl-rooms-listing ul,
.page-template-tpl-rooms-listing p{
  font-family: var(--e-global-typography-text-font-family);
}
.page-template-mirai-club-template .mi-form__submit.mi-s-color-button,
.page-template-tpl-rooms-listing .more-info{
font-family: "Open Sans";
  font-size: clamp(1rem, .8rem + 0.1vi, 1.5rem);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--e-global-color-1015657);
  background-color: #FFFFFF!important;
  border: 1px solid var(--e-global-color-1015657)!important;
  border-radius: 50px!important;

}

.page-template-mirai-club-template .mi-form__submit.mi-s-color-button:hover{
  background-color: #232323!important;
  color: #fff;

}



/*offers*/
.offers-listing-wrapper ul li span,
.offers-listing-wrapperul li h3{
  text-align: start;
}
.offers-listing-wrapper.offers-listing-5{
  margin-top: 2rem;
}
.page-template-tpl-offers-listing h2{
  font-family: var(--e-global-typography-1140b50-font-family)!important;
  font-size: clamp(1.875rem, 1.784rem + 0.388vi, 3.375rem)!important;
  text-transform: capitalize;
}

.-template-tpl-rooms-detail #calendar-wrapper{
  --mft-btn-primary-hover: #fff!important;
}
.-template-tpl-rooms-detail #calendar-wrapper{
  --e-global-color-7d6cb63: #232323;
}
.-template-tpl-rooms-detail #calendar-wrapper{
  --mft-btn-primary-hover: #383838;
}

.-template-tpl-rooms-detail label,
.-template-tpl-rooms-detail input,
.-template-tpl-rooms-detail .ui-datepicker-header,
.-template-tpl-rooms-detail a,
.page-template-tpl-offers-listing span,
.page-template-tpl-offers-listing p,
.page-template-tpl-offers-listing ul{
  font-family: var(--e-global-typography-text-font-family);
}


.page-template-tpl-offers-listing .offer-box{
  border: 1px solid #232323;
}
.page-template-tpl-offers-listing .offer-text{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  background:  rgba(255,255,255,1);
  gap: 1rem;
}

.page-template-tpl-offers-listing .offer-text{
  height: 200px;
}

.popup-reserve .login{
  color: #DFCD29;
  font-family: "Open Sans", Sans-serif;
}


.popup-inmersive.elementor-popup-modal{
 overflow-y: auto!important;
 overflow-x:hidden!important;
}
@media(min-width:1500px) {
  .popup-inmersive.elementor-popup-modal{
      overflow-y: hidden!important;
      overflow-x:hidden!important;
   }
}

.elementor-widget-Mirai-Club-Login,
.elementor-element.elementor-element-b123788.elementor-widget.elementor-widget-Mirai-Club-Login{
  margin-top: 0!important;
}
.elementor-element.elementor-element-b123788.elementor-widget.elementor-widget-Mirai-Club-Login .login{
  text-decoration: underline;
}


/* detail offers */
.-template-tpl-offers-detail{
--mirai-ui-calendar-selected-background: #FFEB3B;
--mirai-ui-calendar-highlight-color: #232323;
--mirai-ui-base: #232323;
--mirai-ui-button-background:#FFEB3B;
--mirai-ui-button-color: #232323;
--mirai-ui-calendar-selected-color: #232323;
--mirai-ui-button-focus-color: #DFCD29;
}

.-template-tpl-offers-detail h3{
  font-family: "Playfair Display" !important;
  font-size: clamp(1.875rem, 1.784rem + 0.388vi, 3.375rem) !important;

}

.-template-tpl-offers-detail a,
.-template-tpl-offers-detail li,
.-template-tpl-offers-detail p{
  font-family: "Open Sans" !important;
  font-size: clamp(1rem, .8rem + 0.1vi, 1.5rem) !important;
}



/* finder */

[data-role="finder-button"]{
   --mirai-finder-border-radius: 50px;
   text-transform: uppercase;
}




@media (min-width:1070px) {
.page-template-tpl-offers-listing .offer-text{
  height: 200px;
}
}

@media (min-width:1445px) {
.page-template-tpl-offers-listing .offer-text{
  height: 160px;
}
}




/* end */

/* header custom */
@media (min-width: 767px) {
.mft-header.mft-toggle-scroll-header:before {
  content: "";
  display: block;
  height: 1px;
  width: 95%;
  top: 100% !important;
  background-color: #ffffff !important;
  left: 2% !important;
}
}

@media (max-width: 767px) {
.Array {
  display: flex;
      flex-direction: column;
      align-items: center;
}

header .elementor-sticky .elementor-widget-container{
border-width: 0;
}
.elementor-widget-Mirai-Club-Login span{
  font-size: .75rem!important;
}
}


/* footer */

.footer-logo-img img{
   filter: brightness(0) invert(1)!important;
}



.cat-events.mi-curlang-de .elementor-element.e-con-full.elementor-hidden-mobile.e-flex.e-con.e-child {
width: 100%!important;
}

.-template-tpl-offers-detail p,
.-template-tpl-offers-detail span:not(.login),
.-template-tpl-rooms-detail ul li,
.-template-tpl-rooms-detail p,
.-template-tpl-rooms-detail span:not(.login),
.mi-bsmodal-content span,
.mi-bsmodal-content button,
.mi-bsmodal-content p{
color: #232323!important;
font-family: "Open Sans"!important;
}

.button-insert-iframe.mi-gallerymedia-video-btn span,
.button-insert-iframe.mi-gallerymedia-firstview-btn span{
   color: #fff!important; 
}

.dynamic-calendar .ui-datepicker-calendar ._selected-date a, .dynamic-calendar .ui-datepicker-calendar ._checkin-date a, .dynamic-calendar .ui-datepicker-calendar ._checkout-date._checkin-date a, .dynamic-calendar .ui-datepicker-calendar a:hover{
  background-color: #FFEB3B!important;
  color: #232323!important
}


/* club */

/*---------------*/
/*CLub*/
.page-template-mirai-club-signup [data-mirai-component="signup"]{
    width: min(1120px, 100%);
    margin: 0 auto;
}

/*Club Formulario*/
body:is(.page-template-mirai-club-signup ) [data-role="signup"]{
    max-width:1120px;
    padding:80px 0px;
}

body:is(.page-template-mirai-club-signup ) [data-role="signup"] [is="ui-view"]{
 padding:0px;
}

body:is(.page-template-mirai-club-signup ) [data-role="form"]{
    margin-top:20px;
    padding:0px;
}

/* Ajustar los campos de entrada de texto y selección */
body:is(.page-template-mirai-club-signup ) [data-role="input-text"], 
body:is(.page-template-mirai-club-signup ) [data-role="input-select"] {
    width: calc(50%); 
    display: inline-block;
    vertical-align: top; 
    padding-right:20px

}

/* Ajustar color texto */


/* Ajustar el botón */
body:is(.page-template-mirai-club-signup ) [data-role="signup"] [data-role="button"] {
    width: 40%; 
    margin: 60px auto; 
    text-align: center; 
}

/* Asegurar que se vea bien en móviles */
@media (max-width: 768px) {
    body:is(.page-template-mirai-club-signup ) [data-role="signup"]{
    padding:0px 24px; 
    }
body:is(.page-template-mirai-club-signup ) [data-role="signup"] [data-role="input-text"], 
body:is(.page-template-mirai-club-signup ) [data-role="signup"] [data-role="input-select"] {
    width: calc(100%); 
	}	
}

.page-template-mirai-club-signup [data-mirai-component="signup"] {
    display: flex;
        justify-content: center;
    margin-bottom: 4em;
    --mirai-ui-error: #232323;
    --mirai-ui-button-radius: 50px;
    --mirai-ui-font: "Open Sans";
    --mirai-ui-font-bold: "Source Serif 4", Sans-serif
}

.mi-curlang-en a.more-info-link.btn {
  font-size: 1rem !important;
  padding: .7em 1em!important;
  border-radius: 50px!important;
  border: 1px solid #232323!important;
}


/*Room detail Page Rooms*/

.rooms-detail-wrapper .room-box-detail {
    display: none;
}


/* DYNAMIC IMAGES DETAIL */

.dynamic-detail-image{
    transition: .5s ease !important;
}
 
.dynamic-detail-image:not(.dynamic-detail-image-ready){
    opacity: 0;
}/* End custom CSS */