/*#region fonts import */
@font-face {
	font-family: 'NotoSansHebrew-Regular';
	font-display: swap;
	src: url('fonts/NotoSansHebrew-Regular.ttf') format('truetype');
}

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

@font-face {
	font-family: 'NotoSansHebrew-Bold';
	font-display: swap;
	src: url('fonts/NotoSansHebrew-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'NotoSansHebrew-Bold';
	font-display: swap;
	src: url('fonts/NotoSansHebrew-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'NotoSansHebrew-Medium';
	font-display: swap;
	src: url('fonts/NotoSansHebrew-Medium.ttf') format('truetype');
}


/*#endregion fonts */
:root {
	/*#region ==================================== general color variables ======================================= */
	--main-color: #E2E2D7;
	--primary-color: #343B43;
	--secondary-color: #343B43;
	--sub-color: #1A6E78;
	--text-color: #333333;
	--text-sub-color: #616161;
	--body-background-color: #E2E2D7;
	--sub-background-color: #FBFAF7;
	--head-color: var(--main-color);
	--footer-color: #3888B3;
	--benefits-banner-background: #223B5A;
	/*#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: #EFEFEF;
	/*#endregion color variables*/
	/*#region elements */
	/* navbar */
	--scrolled-navbar-height: 100px;
	--navbar-background: linear-gradient(180deg, rgba(72, 83, 97, 0.73) 0%, rgba(72, 83, 97, 0) 100%);
	--scrolled-navbar-background: var(--gray-10);
	--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: 91vh;
	--menu-mobile-width: 100%;
	--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: var( --gray-10);
	--book-btn-desktop-font-size: var(--extra-large);
	--book-btn-desktop-hover-font-size: 18px;
	--book-btn-desktop-background-color: #373737;
	--book-btn-desktop-border-radius: 2px;
	--book-btn-desktop-hover-color: var(--book-btn-desktop-background-color);
	--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(--gray-10);
	--book-btn-mobile-font-size: var(--large);
	--book-btn-mobile-background-color: var(--book-btn-desktop-background-color);
	--book-btn-mobile-border-radius: 5px;
	--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% - 20px);
	--book-btn-mobile-height: 60px;
	--book-btn-mobile-shadow: none;
	--book-btn-mobile-border: none;
	--book-btn-mobile-fake-background: #FFFFFF;
	--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: #373737;
	--secondary-btn-desktop-border-radius: 2px;
	--secondary-btn-desktop-hover-color: #525252;
	--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: #333;
	--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 #333;
	--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: 87px;
	--logo-height: 70px;
	--deal-carousel-arrow: url('/Content/images/deal-arrow-right.png');
	--main-carousel-arrow: url('images/main-arrow-right.png');
	--carousel-arrow-height: 30px;
	--carousel-arrow-width: 100%;
	--element-main-background: var(--gray-10);
	--engine-holder-bg: var(--gray-10);
	--engine-holder-bg-mobile: var(--gray-10);
	--engine-holder-wrapper-bg-mobile: var(--gray-10);
	--room-slider-wrap-background: none;
	--gallery-tab-background: var(--secondary-btn-desktop-background-color);
	--footer-bg: #151515;
	/*#endregion backgrounds */
	/*#region indicators*/
	--active-indicator-background: #3E3E3E;
	--indicator-border: 1px solid #3E3E3E;
	--indicator-bottom-location: 70px;
	/*#endregion */
	/*#region heights */
	--home-page-slider-height: 85vh;
	--inner-page-slider-height: 70vh;
	--deals-page-image-height: 450px;
	--room-inner-page-img-height-desktop: 600px;
	--room-inner-page-img-height-mobile: 260px;
	/*#endregion heights */
	/*#region engine location */
	--engine-location: 80vh;
	--engine-inner-page-location: 64vh;
	/*#endregion */
	/*#region fonts vars */
	--font-light: 'NotoSansHebrew-Light';
	--font-regular: 'NotoSansHebrew-Regular';
	--font-medium: 'NotoSansHebrew-Medium';
	--font-semibold: 'NotoSansHebrew-SemiBold';
	--font-bold: '';
	--font-size: 16px;
	/*#endregion fonts */
	/*#region headings font sizes */
	--engine-discount-font-size: 1rem;
	--h1-size: 32px;
	--h2-size: 24px;
	--h3-size: 1.5rem;
	--h4-size: 1.25rem;
	--h1-mobile-size: 1.875rem;
	--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: 16px;
	--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 headings Hebrew Language */

.rtl {
}
/*#endregion Hebrew Language */
/*#region headings ltr Languages */
.ltr {
	/*#region fonts vars */
	--font-light: 'NotoSansHebrew-Light' !important;
	--font-regular: 'NotoSansHebrew-Regular' !important;
	--font-medium: 'NotoSansHebrew-Medium' !important;
	--font-semibold: 'NotoSansHebrew-SemiBold' !important;
	--font-bold: 'NotoSansHebrew-SemiBold' !important;
	/*#endregion fonts */
	/*#region headings font sizes */
	--h1-size: 32px;
	--h2-size: 24px;
	--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: 16px;
	--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 */