/*#region fonts import */
@font-face {
    font-family: 'Assistant-Regular';
    font-display: swap;
    src: url('../fonts/Assistant-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Assistant-SemiBold';
    font-display: swap;
    src: url('../fonts/Assistant-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Assistant-Light';
    font-display: swap;
    src: url('../fonts/Assistant-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Assistant-Bold';
    font-display: swap;
    src: url('../fonts/Assistant-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Times-new-roman';
    font-display: swap;
    src: url('../fonts/Times-new-roman.ttf') format('truetype');
}
@font-face {
    font-family: 'Salty-Bash';
    font-display: swap;
    src: url('../fonts/Salty-Bash.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Light';
    font-display: swap;
    src: url('../fonts/Montserrat-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Medium';
    font-display: swap;
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    font-display: swap;
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'VarelaRound-Regular';
    font-display: swap;
    src: url('../fonts/VarelaRound-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Organy-Regular';
    font-display: swap;
    src: url('../fonts/organyregular.ttf') format('truetype');
}


/*#endregion fonts */
html body {
    /*#region ==================================== general color variables ======================================= */
    --main-color: #EB008B;
    --primary-color: #FFFFFF;
    --secondary-color: #392C29;
    --sub-color: #1A6E78;
    --text-color: #fff;
    --text-sub-color: #616161;
    --body-background-color: #fff;
    --sub-background-color: #FBFAF7;
    --head-color: var(--main-color);
    --footer-color: #415161;
    --benefits-banner-background: #223B5A;
    --page-loader-bg: rgba(0, 0, 0, 0.7);
    /*#region grayscale */
    --color-100: #0A0A0A;
    --color-90: #424242;
    --color-80: #616161;
    --color-70: #757575;
    --color-60: #9E9E9E;
    --color-50: #C2C2C2;
    --color-40: #BDBDBD;
    --gray-30: #EDEDED;
    --gray-20: #F5F5F5;
    --gray-10: #FFFFFF;
    /*#endregion grayscale */
    --body-background: #fff;
    --hotels-dropdown-bg: none;
    /*#endregion color variables*/
    /*#region elements */
    /* navbar */
    --scrolled-navbar-height: 80px;
    --navbar-background: linear-gradient(180deg, rgba(72, 83, 97, 0.73) 0%, rgba(72, 83, 97, 0) 100%);
    --scrolled-navbar-background: #000;
    --navbar-mobile-background: var(--scrolled-navbar-background);
    --navbar-mobile-height: 80px;
    /* main-menu */
    --menu-background: var(--gray-10);
    --menu-desktop-height: 100vh;
    --menu-top-section-height: 140px;
    --menu-desktop-width: 400px;
    --menu-mobile-height: 95vh;
    --menu-mobile-width: 100vw;
    --menu-mobile-top-location: 60px;
    --close-menu-btn-fill: var(--text-color);
    --menu-line-border: 1px solid var(--color-40);
    --menu-line-color: var(--text-color);
    --menu-line-hover: var(--font-semibold);
    --room-slider-wrap-desktop-height: auto;
    --room-slider-wrap-mobile-height: 500px;
    /*#endregion elements*/
    /*#region buttons */
    --book-btn-desktop-text-color: #392C29;
    --book-btn-desktop-font-size: var(--large);
    --book-btn-desktop-hover-font-size: 1.5rem;
    --book-btn-desktop-background-color: var(--primary-color);
    --book-btn-desktop-border-radius: 5px;
    --book-btn-desktop-hover-color: #EB008B;
    --book-btn-desktop-active-color: #3E4E5F;
    --book-btn-desktop-focus-border: none;
    --book-btn-desktop-width: 100%;
    --book-btn-desktop-max-width: 200px;
    --book-btn-desktop-height: 50px;
    --book-btn-desktop-shadow: none;
    --book-btn-desktop-border: none;
    --book-btn-mobile-text-color: var(--primary-color);
    --book-btn-mobile-font-size: var(--large);
    --book-btn-mobile-background-color: var(--main-color);
    --book-btn-mobile-border-radius: 10px;
    --book-btn-mobile-hover-color: var(--book-btn-desktop-background-color);
    --book-btn-mobile-active-color: var(--book-btn-desktop-active-color);
    --book-btn-mobile-focus-color: none;
    --book-btn-mobile-width: calc(100% - 50px);
    --book-btn-mobile-height: 48px;
    --book-btn-mobile-shadow: none;
    --book-btn-mobile-border: none;
    --book-btn-mobile-bottom: 20px;
    --book-btn-mobile-align: 25px;
    --book-btn-mobile-fake-background: rgba(0, 0, 0, 0.8);
    --secondary-btn-desktop-text-color: var(--gray-10);
    --secondary-btn-desktop-font-size: var(--medium);
    --secondary-btn-desktop-hover-font-size: var(--large);
    --secondary-btn-desktop-background-color: var(--main-color);
    --secondary-btn-desktop-border-radius: 2px;
    --secondary-btn-desktop-hover-color: var(--secondary-color);
    --secondary-btn-desktop-active-color: #4F757D;
    --secondary-btn-desktop-focus-color: none;
    --secondary-btn-desktop-width: 180px;
    --secondary-btn-desktop-height: 40px;
    --secondary-btn-desktop-shadow: none;
    --secondary-btn-desktop-border: none;
    --secondary-btn-desktop-font-family: var(--font-regular);
    --secondary-btn-desktop-line-height: var(--large-line);
    --secondary-btn-mobile-font-family: var(--font-regular);
    --secondary-btn-mobile-text-color: var(--gray-10);
    --secondary-btn-mobile-font-size: var(--medium);
    --secondary-btn-mobile-hover-font-size: var(--large);
    --secondary-btn-mobile-background-color: #55848E;
    --secondary-btn-mobile-border-radius: 2px;
    --secondary-btn-mobile-hover-color: #55848E;
    --secondary-btn-mobile-active-color: none;
    --secondary-btn-mobile-focus-color: none;
    --secondary-btn-mobile-width: 180px;
    --secondary-btn-mobile-height: 40px;
    --secondary-btn-mobile-shadow: none;
    --secondary-btn-mobile-border: none;
    --secondary-btn-mobile-line-height: var(--large-line);
    --room-more-details-btn-mobile-width: 100%;
    --room-more-details-btn-mobile-background: none;
    --room-more-details-btn-mobile-color: #9C8047;
    --room-more-details-btn-desktop-width: 150px;
    --room-more-details-btn-line-height: var(--h4-size);
    --all-deals-link-background: var(--gray-10);
    --all-deals-link-border-radius: 4px;
    --all-deals-link-border: 2px solid #53667B;
    --contact-btn-send-background: var(--secondary-btn-desktop-background-color);
    --contact-btn-send-color: var(--gray-10);
    /*#endregion buttons */
    /*img tag border-radius*/
    --element-image-border-radius: 0;
    /*#region backgrounds */
    --lang-switch-arrow: url('/Content/images/arrow-language.png') no-repeat;
    --lang-switch-arrow-mobile: url('/Content/images/arrow-language-mobile.png') no-repeat;
    --main-logo: url('/Content/images/logomainport.png') no-repeat;
    --logo-width: 140px;
    --logo-height: 60px;
    --deal-carousel-arrow: url('/Content/images/deals-slick-right.png');
    --main-carousel-arrow: url('images/main-carousel-arrow-right.png');
    --carousel-arrow-height: 40px;
    --carousel-arrow-width: 100%;
    --element-main-background: rgba(255, 255, 255, 0.9);
    --engine-holder-bg: #000;
    --engine-holder-bg-mobile: #000;
    --engine-holder-wrapper-bg-mobile: var(--engine-holder-bg-mobile);
    --room-slider-wrap-background: none;
    --gallery-tab-background: var(--secondary-btn-desktop-background-color);
    --footer-bg: #000;
    /*#endregion backgrounds */
    /*#region indicators*/
    --active-indicator-background: #3E3E3E;
    --indicator-border: 1px solid #3E3E3E;
    --indicator-bottom-location: 70px;
    /*#endregion */
    /*#region heights */
    --home-page-slider-height: 100vh;
    --inner-page-slider-height: 80vh;
    --deals-page-image-height: 450px;
    --room-inner-page-img-height-desktop: 550px;
    --room-inner-page-img-height-mobile: 250px;
    /*#endregion heights */
    /*#region engine location */
    --engine-location: 85vh;
    --engine-inner-page-location: 80vh;
    /*#endregion */
    /*#region fonts vars */
    --font-light: 'Montserrat-Light';
    --font-medium: 'Montserrat-Medium';
    --font-regular: 'Montserrat-Regular';
    --font-semibold: 'Montserrat-SemiBold';
    --font-bold: 'Montserrat-Bold';
    --font-extrabold: 'Montserrat-ExtraBold';
    --special-font: 'Salty-Bash';
    --font-size: 16px;
    /*#endregion fonts */
    /*#region headings font sizes */
    --engine-discount-font-size: 1.375rem;
    --h1-size: 40px;
    --h2-size: 1.75rem;
    --h3-size: 1.5rem;
    --h4-size: 1.25rem;
    --h1-mobile-size: 1.5rem;
    --h2-mobile-size: 1.75rem;
    --h3-mobile-size: 1.5rem;
    --h4-mobile-size: 1.125rem;
    /*#endregion headings font sizes */
    /*#region lines-height */
    --h1-line-height: 2.75rem;
    --h2-line-height: 2.25rem;
    --h3-line-height: 1.75rem;
    --h4-line-height: 1.625rem;
    /*#endregion lines-height */
    /*#region text font sizes */
    --extra-small: 0.875rem;
    --small: 0.938rem;
    --medium: 1rem;
    --large: 1.125rem;
    --extra-large: 1.25rem;
    --mobile-font-size: 1rem;
    /*#endregion text font sizes */
    /*#region text lines-height*/
    --large-line: 2.5rem;
    --big-line: 1.5rem;
    --medium-line: 1.313rem;
    --small-line: 1.25rem;
    /*#endregion text lines heights*/
    /*#region Banner grid vars*/
    --grid-template-columns-desktop: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    --grid-template-rows-desktop: 1fr;
    --grid-template-gap-desktop: 30px;
    --grid-template-areas-desktop: "a6 a6 a6 a1 a1 a1 a2 a2 a2" "a3 a3 a4 a4 a4 a4 a4 a5 a5";
    --grid-width-desktop: 83vw;
    --grid-max-width-desktop: 1400px;
    /*#endregion Banner grid vars*/
    /*#region added chain variables*/
    --slick-resorts-slider-text-color: var(--primary-color);
    --slick-resorts-shadow-bg: linear-gradient(176.06deg, rgba(30, 24, 19, 0) 3.17%, #1E1813 83.55%);
    --slick-slider-item-width: calc(89vw + 25px);
    --slick-item-height: 560px;
    --slick-deals-shadow-bg: linear-gradient(180.09deg, rgba(30, 24, 19, 0) 0.08%, #1E1813 90.58%);
    --slick-deals-shadow-bg-desktop: linear-gradient(181.09deg, rgba(0, 0, 0, 0) 0.93%, #2E201D 90.37%);
    --slick-activities-shadow-bg: linear-gradient(175deg, rgba(30, 24, 19, 0) 0.69%, #1E1813 77.66%, #1E1813 100.55%);
    --activity-slick-item-height: 400px;
    --slick-slider-item-width-desktop: 415px;
    --activity-slick-item-height-desktop: 650px;
    --slick-slider-activity-width-desktop: 65vw;
    --slick-deal-item-height: 50vh;
    --slick-slider-deal-item-width: 24vw;
    --slick-deal-item-height-desktop: 555px;
    --room-slick-item-height: 250px;
    --room-slick-item-height-desktop: 100vh;
    --navbar-background-desktop: #000;
    --navbar-height-desktop: 80px;
    --navbar-color-desktop: #F7F7F7;
    --engine-hover-border: 2px solid var(--primary-color);
    --engine-hover-box-shadow: 2px 2px 12px rgba(243, 226, 193, 0.3);
    --navbar-hotel-mobile-height: 88px;
    --main-carousel-arrow-desktop: url('images/activity-slick-right.png');
    --facilities-inner-page-img-height-desktop: 400px;
    --facilities-inner-page-img-height-mobile: 300px;
    --events-inner-page-img-height-desktop: 400px;
    --events-inner-page-img-height-mobile: 300px;
    /*#endregion*/
}
/*#region headings Hebrew Language */

.rtl {
    --font-light: 'VarelaRound-Regular';
    --font-medium: 'VarelaRound-Regular';
    --font-regular: 'VarelaRound-Regular';
    --font-semibold: 'VarelaRound-Regular';
    --font-bold: 'VarelaRound-Regular';
    --special-font: 'Organy-Regular';
}
/*#endregion Hebrew Language */
/*#region headings ltr Languages */
html body.ltr {
    /*#region fonts vars */
    --font-light: 'Montserrat-Light';
    --font-medium: 'Montserrat-Medium';
    --font-regular: 'Montserrat-Regular';
    --font-semibold: 'Montserrat-SemiBold';
    --font-bold: 'Montserrat-Bold';
    --font-extrabold: 'Montserrat-ExtraBold';
    /*#endregion fonts */
    /*#region headings font sizes */
    --h1-size: 50px;
    --h2-size: 1.75rem;
    --h3-size: 1.25rem;
    --h4-size: 1.25rem;
    /*#endregion headings font sizes */
    /*#region lines-height */
    --h1-line-height: 2.75rem;
    --h2-line-height: 2.25rem;
    --h3-line-height: 1.75rem;
    --h4-line-height: 1.625rem;
    /*#endregion lines-height */
    /*#region text font sizes */
    --small: 0.938rem;
    --medium: 1rem;
    --large: 1.125rem;
    --extra-large: 1.25rem;
    /*#endregion text font sizes */
    /*#region text lines-height*/
    --large-line: 2.5rem;
    --big-line: 1.5rem;
    --medium-line: 1.313rem;
    --small-line: 1rem;
    /*#endregion text lines heights*/
    /*overrides*/
    --menu-line-hover: var(--font-semibold);
    --secondary-btn-desktop-font-family: var(--font-regular);
}
/*#endregion ltr Languages */