/* ===========================
   Gilroy
   =========================== */
@font-face {
    font-family: 'Gilroy';
    src: url('font/Gilroy-Medium.eot');
    src: url('font/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
         url('font/Gilroy-Medium.woff') format('woff'),
         url('font/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('font/Gilroy-Regular.eot');
    src: url('font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/Gilroy-Regular.woff') format('woff'),
         url('font/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('font/Gilroy-SemiBold.eot');
    src: url('font/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('font/Gilroy-SemiBold.woff') format('woff'),
         url('font/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ===========================
   NyghtSerif
   =========================== */
@font-face {
    font-family: 'NyghtSerif';
    src: url('font/NyghtSerif-LightItalic.otf') format('opentype'),
         url('font/NyghtSerif-LightItalic.woff') format('woff'),
         url('font/NyghtSerif-LightItalic.woff2') format('woff2'),
         url('font/NyghtSerif-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NyghtSerif';
    src: url('font/NyghtSerif-MediumItalic.otf') format('opentype'),
         url('font/NyghtSerif-MediumItalic.woff') format('woff'),
         url('font/NyghtSerif-MediumItalic.woff2') format('woff2'),
         url('font/NyghtSerif-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NyghtSerif';
    src: url('font/NyghtSerif-RegularItalic.otf') format('opentype'),
         url('font/NyghtSerif-RegularItalic.woff') format('woff'),
         url('font/NyghtSerif-RegularItalic.woff2') format('woff2'),
         url('font/NyghtSerif-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ===========================
   KyivTypeSans
   =========================== */
@font-face {
  font-family: "KyivTypeSans";
  src: local("KyivTypeSans Light"), local("KyivTypeSans-Light"),
    url("font/KyivTypeSans-Light.woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "KyivTypeSans";
  src: local("KyivTypeSans Medium"), local("KyivTypeSans-Medium"),
    url("font/KyivTypeSans-Medium.woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "KyivTypeSans";
  src: local("KyivTypeSans Medium3"), local("KyivTypeSans-Medium3"),
    url("font/KyivTypeSans-Medium3.woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "KyivTypeSans";
  src: local("KyivTypeSans Bold3"), local("KyivTypeSans-Bold3"),
    url("font/KyivTypeSans-Bold3.woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
    font-family: "kudryashev";
    src: url("font/Kudryashev Headline.otf");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
body {
    font-size: calc(13px + 3 * ((100vw - 375px) / 1545));    
    font-family: 'Gilroy';
    font-weight: 400;
    line-height: 1.2;
    /*font-family: 'KyivTypeSans';*/
    /*letter-spacing: -0.02em;*/
    font-weight: normal;
    
}
/*.alt-font, .is-alt-font, em {
    font-family: 'NyghtSerif';
    font-style: italic;
    font-weight: 300;
}*/
.alt-font, .is-alt-font, em {
    font-family: 'kudryashev';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.room__title, .new-title  {
    font-family: 'kudryashev';
    line-height: 1;
    font-weight: 400;
}
.m-p-0 p{
    margin-bottom: 0;    
}
.m-p-3 p{
    margin-bottom: 0.3em;    
}
.m-p-5 p{
    margin-bottom: 0.5em;    
}
.m-p-8 p{
    margin-bottom: 0.8em;    
}
.w-500 {
    font-weight: 500;
}
.w-600 {
    font-weight: 600;
}
.font-14 {
    font-size: calc(12px + 2 * ((100vw - 375px) / 1545));
}
/*.font-36 {
    font-size: calc(20px + 16 * ((100vw - 375px) / 1545));
}*/
.font-20 {
    font-size: calc(14px + 6 * ((100vw - 375px) / 1545));
}
.font-28 {
    font-size: calc(16px + 10 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.03em;
}
.font-36 {
    font-size: calc(18px + 14 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.03em;
}
.font-48 {
    font-size: calc(26px + 22 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.03em;
}
.font-60 {
    font-size: calc(26px + 30 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.03em;
}
/*.font-64 {
    font-size: calc(28px + 36 * ((100vw - 375px) / 1545));
    font-weight: 500;
}*/
.font-64 {
    font-size: calc(28px + 30 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.04em;
}
.font-66 {
    font-size: calc(34px + 30 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.04em;
}
.font-100 {
    font-size: calc(46px + 44 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.04em;
}
.font-120 {
    font-size: calc(76px + 44 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.04em;
}
.font-140 {
    font-size: calc(86px + 54 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: -0.04em;
}

/*size font clamp*/
.font-14 {
    font-size: clamp(12px, calc(12px + 2 * ((100vw - 375px) / 2095)), 14px);
}

.font-36 {
    font-size: clamp(18px, calc(18px + 18 * ((100vw - 375px) / 2095)), 36px);
    font-weight: 500;
    letter-spacing: -0.03em;
}

.font-48 {
    font-size: clamp(26px, calc(26px + 22 * ((100vw - 375px) / 2095)), 48px);
    font-weight: 500;
    letter-spacing: -0.03em;
}

.font-60 {
    font-size: clamp(26px, calc(26px + 34 * ((100vw - 375px) / 2095)), 60px);
    font-weight: 500;
    letter-spacing: -0.03em;
}

.font-64 {
    font-size: clamp(28px, calc(28px + 36 * ((100vw - 375px) / 2095)), 64px);
    font-weight: 500;
    letter-spacing: -0.04em;
}

.font-66 {
    font-size: clamp(34px, calc(34px + 32 * ((100vw - 375px) / 2095)), 66px);
    font-weight: 500;
    letter-spacing: -0.04em;
}

.font-100 {
    font-size: clamp(46px, calc(46px + 54 * ((100vw - 375px) / 2095)), 100px);
    font-weight: 500;
}
.font-120 {
    font-size: clamp(40px, calc(40px + 80 * ((100vw - 375px) / 2095)), 120px);
    font-weight: 500;
    letter-spacing: -0.04em;
}
.font-140 {
    font-size: clamp(86px, calc(86px + 54 * ((100vw - 375px) / 2095)), 140px);
    font-weight: 500;
    letter-spacing: -0.04em;
}


.button-book-home {
    font-size: 1.2em;
    font-weight: 400;
}
/*
.radius-8{
    border-radius: 8px;
    overflow: hidden;
}
*/
@media screen and (max-width: 549px) {
    .font-120 {
        text-align: center;
    }
}