:root {
    --spun-pearl-50: #f5f6f8;
    --spun-pearl-100: #edeef2;
    --spun-pearl-200: #dedfe7;
    --spun-pearl-300: #c9cbd8;
    --spun-pearl-400: #adadc2;
    --spun-pearl-500: #9f9eb6;
    --spun-pearl-600: #8c88a3;
    --spun-pearl-700: #79758d;
    --spun-pearl-800: #636073;
    --spun-pearl-900: #52515e;
    --spun-pearl-950: #312f37;
    --medium-purple-50: #f4f2ff;
    --medium-purple-100: #eae8ff;
    --medium-purple-200: #d7d4ff;
    --medium-purple-300: #bbb1ff;
    --medium-purple-400: #9a85ff;
    --medium-purple-500: #805cff;
    --medium-purple-600: #6830f7;
    --medium-purple-700: #5a1ee3;
    --medium-purple-800: #4b18bf;
    --medium-purple-900: #3f169c;
    --medium-purple-950: #250b6a;
    --mindaro-50: #f9fee7;
    --mindaro-100: #f1fccb;
    --mindaro-200: #dbf881;
    --mindaro-300: #cdf363;
    --mindaro-400: #b6e734;
    --mindaro-500: #97cd15;
    --mindaro-600: #75a40c;
    --mindaro-700: #597d0e;
    --mindaro-800: #476212;
    --mindaro-900: #3d5314;
    --mindaro-950: #1e2e05;
    --blue-ribbon-50: #edf7ff;
    --blue-ribbon-100: #d7eaff;
    --blue-ribbon-200: #b9dcff;
    --blue-ribbon-300: #88c8ff;
    --blue-ribbon-400: #50a8ff;
    --blue-ribbon-500: #2883ff;
    --blue-ribbon-600: #1364ff;
    --blue-ribbon-700: #0a4ceb;
    --blue-ribbon-800: #0f3dbe;
    --blue-ribbon-900: #133995;
    --blue-ribbon-950: #11245a;
    --sky-blue-50: #eaffff;
    --sky-blue-100: #cbfcff;
    --sky-blue-200: #9ef7ff;
    --sky-blue-300: #5bedff;
    --sky-blue-400: #1edcff;
    --sky-blue-500: #00bde5;
    --sky-blue-600: #0096c0;
    --sky-blue-700: #03769b;
    --sky-blue-800: #0d5f7d;
    --sky-blue-900: #104f69;
    --sky-blue-950: #033349;
    --wild-sand-50: #f6f5f4;
    --wild-sand-100: #eceae8;
    --wild-sand-200: #d8d4d0;
    --wild-sand-300: #bfb8b2;
    --wild-sand-400: #a59a92;
    --wild-sand-500: #93847c;
    --wild-sand-600: #867770;
    --wild-sand-700: #70625e;
    --wild-sand-800: #5d524f;
    --wild-sand-900: #4c4342;
    --wild-sand-950: #282322;
    --picasso-50: #fefce8;
    --picasso-100: #fffac2;
    --picasso-200: #fff494;
    --picasso-300: #ffe445;
    --picasso-400: #fcd113;
    --picasso-500: #ecb806;
    --picasso-600: #cc8f02;
    --picasso-700: #a26506;
    --picasso-800: #864f0d;
    --picasso-900: #724111;
    --picasso-950: #432105;
    --mint-green-50: #f1feef;
    --mint-green-100: #ddffd9;
    --mint-green-200: #bdfcb6;
    --mint-green-300: #8bf881;
    --mint-green-400: #4cea3e;
    --mint-green-500: #23d314;
    --mint-green-600: #17af0a;
    --mint-green-700: #15890c;
    --mint-green-800: #156c0f;
    --mint-green-900: #13580f;
    --mint-green-950: #043102;
    --thunderbird-50: #fff0f1;
    --thunderbird-100: #ffdddf;
    --thunderbird-200: #ffc1c6;
    --thunderbird-300: #ff959d;
    --thunderbird-400: #ff5965;
    --thunderbird-500: #ff2636;
    --thunderbird-600: #fc0618;
    --thunderbird-700: #db0010;
    --thunderbird-800: #af0511;
    --thunderbird-900: #900c16;
    --thunderbird-950: #500006;
    --red-orange-50: #fef3f2;
    --red-orange-100: #ffe3e1;
    --red-orange-200: #ffccc8;
    --red-orange-300: #ffa8a2;
    --red-orange-400: #fc776d;
    --red-orange-500: #f44336;
    --red-orange-600: #e22d20;
    --red-orange-700: #be2217;
    --red-orange-800: #9d2017;
    --red-orange-900: #82211a;
    --red-orange-950: #470c08;
    --blaze-orange-50: #fff8ec;
    --blaze-orange-100: #fff0d3;
    --blaze-orange-200: #ffdea7;
    --blaze-orange-300: #ffc56f;
    --blaze-orange-400: #ffa035;
    --blaze-orange-500: #ff830e;
    --blaze-orange-600: #fb6b04;
    --blaze-orange-700: #c94d05;
    --blaze-orange-800: #9f3d0d;
    --blaze-orange-900: #80340e;
    --blaze-orange-950: #451805;
    --fuchsia-pink-50: #fcf3ff;
    --fuchsia-pink-100: #f9e7ff;
    --fuchsia-pink-200: #f3cdff;
    --fuchsia-pink-300: #eda6ff;
    --fuchsia-pink-400: #e372ff;
    --fuchsia-pink-500: #d23df8;
    --fuchsia-pink-600: #be1de2;
    --fuchsia-pink-700: #9d14b7;
    --fuchsia-pink-800: #821296;
    --fuchsia-pink-900: #6e157a;
    --fuchsia-pink-950: #480052;
    --dull-lavender-50: #f4f5fe;
    --dull-lavender-100: #ebeafd;
    --dull-lavender-200: #d8d9fc;
    --dull-lavender-300: #bab9f9;
    --dull-lavender-400: #9790f4;
    --dull-lavender-500: #7564ee;
    --dull-lavender-600: #6244e3;
    --dull-lavender-700: #5231d0;
    --dull-lavender-800: #4529ae;
    --dull-lavender-900: #39238f;
    --dull-lavender-950: #211560;
    --white: #fff;
    --black: #000;
    --grey: rgba(29, 34, 47, .8);
    --grey-60: rgba(29, 34, 47, .6);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--spun-pearl-50);
    color: var(--spun-pearl-950);
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue" ,Helvetica, Arial, sans-serif;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

a {
    color: var(--spun-pearl-950);
    text-decoration: none;
}

a:hover {
    color: var(--blue-ribbon-400);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

button, input {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    outline: 0;
}

button:focus:not(:focus-visible),
input:focus:not(:focus-visible) {
    outline: 0;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

.custom-link:empty {
    display: none;
}

.heading-h1 {
    font-size: 32px;
    color: var(--blue-ribbon-400);
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 24px 0;
}

.heading-h2 {
    font-size: 18px;
    color: var(--blue-ribbon-400);
    font-weight: 600;
    margin: 0 0 12px 0;
}

.sidebar-heading {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
}

.hr {
    margin: 24px 0;
    border-bottom: 1px solid var(--blue-ribbon-200);
}

.csp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 36px;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    border-radius: 16px;
    transition: all ease .15s;
}

.csp-btn:hover {
    text-decoration: none;
}

.csp-btn--red {
    background: var(--red-orange-500);
}

.csp-btn--red:hover {
    color: var(--white);
    background: var(--red-orange-400);
}

.csp-btn--secondary {
    background: var(--blue-ribbon-500);
}

.csp-btn--secondary:hover {
    color: var(--white);
    background: var(--blue-ribbon-400);
}

.csp-btn--blue {
    background: var(--blue-ribbon-400);
}

.csp-btn--blue:hover {
    color: var(--white);
    background: var(--blue-ribbon-500);
}

.csp-btn--green {
    background: var(--mint-green-500);
}

.csp-btn--green:hover {
    color: var(--white);
    background: var(--mint-green-400);
}

.csp-btn--dark {
    color: var(--white);
    background: var(--spun-pearl-900);
}

.csp-btn--dark:hover {
    color: var(--white);
    background: var(--spun-pearl-950);
}

.csp-btn--white {
    color: var(--blue-ribbon-500);
    background: var(--white);
}

.csp-btn--white:hover {
    color: var(--blue-ribbon-500);
    background: var(--blue-ribbon-50);
}

.csp-btn--border-grey {
    color: var(--red-orange-500);
    border: 1px solid var(--spun-pearl-200);
}

.csp-btn--border-grey:hover {
    color: var(--white);
    background: var(--red-orange-500);
}

.csp-btn--borderbg-grey {
    color: var(--white);
    background: var(--spun-pearl-900);
}

.csp-btn--borderbg-grey:hover {
    color: var(--white);
    background: var(--spun-pearl-950);
}

.csp-btn--border-red {
    color: var(--red-orange-500);
    border: 1px solid var(--red-orange-500);
}

.csp-btn--border-red:hover {
    color: var(--white);
    background: var(--red-orange-500);
}


.csp-btn-icon {
    display: inline-grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    grid-gap: 12px;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 24px 4px 4px;
    border-radius: 32px;
    height: 48px;
    transition: all ease .1s;
}

.csp-btn-icon:hover {
    text-decoration: none;
}

.csp-btn--ico {
    padding: 8px;
    height: 40px;
    border-radius: 50%;
    transition: all ease .1s;
}

.csp-btn--ico svg {
    width: 100%;
    height: 100%;
}

.csp-btn-icon--blue {
    color: var(--blue-ribbon-400);
    border: 1px solid var(--spun-pearl-200);
}

.csp-btn-icon--blue .csp-btn--ico {
    background: var(--blue-ribbon-400);
}

.csp-btn-icon--blue:hover {
    color: var(--white);
    background: var(--blue-ribbon-500);
    border-color: var(--blue-ribbon-500);
}

.csp-btn-icon--blue:hover .csp-btn--ico {
    background: var(--blue-ribbon-500);
}

.csp-btn-icon--blue-full {
    color: var(--white);
    background: var(--blue-ribbon-700);
}

.csp-btn-icon--blue-full .csp-btn--ico {
    background: var(--blue-ribbon-500);
}

.csp-btn-icon--blue-full:hover {
    color: var(--white);
    background: var(--blue-ribbon-800);
}

.csp-btn-icon--blue-full:hover .csp-btn--ico {
    background: var(--blue-ribbon-600);
}

.copy-code {
    display: inline-grid;
    grid-template-columns: auto 16px;
    align-items: center;
    grid-gap: 4px;
    color: var(--red-orange-500);
    line-height: 20px;
    cursor: pointer;
    transition: color ease .1s;
}

.copy-code:hover {
    color: var(--red-orange-600);
}

.copy-code-text {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px dashed var(--red-orange-500);
}

.copy-code:hover .copy-code-text {
    border-color: var(--red-orange-600);
}

.copy-code-ico {
    width: 16px;
    height: 16px;
}

.room-rating {
    max-width: max-content;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    background: var(--blue-ribbon-950);
    border-radius: 32px;
}

.room-rating-star {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--blue-ribbon-400);
}

.room-rating-star svg {
    width: 12px;
    height: 12px;
}

.room-rating-number {
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
}

.aside-item{
    margin-bottom: 32px;
}

.sidebar-featured-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.sidebar-featured-list button {
    position: relative;
    color: var(--white);
    font-weight: 600;
    background: var(--red-orange-500);
    padding: 0 12px;
    height: 36px;
    border-radius: 8px;
}

.sidebar-featured-list button::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    pointer-events: none;
}

.sidebar-featured-list button:hover {
    background: var(--red-orange-600);
}

.sidebar-featured-list button.active {
    border-radius: 8px 8px 0 0;
    background: var(--spun-pearl-100);
    color: var(--red-orange-500);
}

.sidebar-featured-list button.active::before {
    background: var(--spun-pearl-100);
}

.sidebar-featured-panel:not(.active) {
    display: none;
}

.sgl-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 8px 12px;
    background: var(--blue-ribbon-500);
    border-radius: 4px;
}

.sgl-social-title {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    margin: 0 12px;
}

.sgl-social__item {
    background-color: var(--blue-ribbon-400);
    border-radius: 4px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color ease .1s;
}

.sgl-social__item:hover {
    background-color: var(--blue-ribbon-300);
}

.sgl-social__item.vk-share {
    background-image: url(../images/social/vk.svg);
}

.sgl-social__item.fb-share {
    background-image: url(../images/social/fb.svg);
}

.sgl-social__item.tw-share {
    background-image: url(../images/social/x.svg);
}

.sgl-social__item.wa-share {
    background-image: url(../images/social/wa.svg);
}

.sgl-social__item.tg-share {
    background-image: url(../images/social/tg.svg);
}

.post-author {
    display: grid;
    align-items: center;
    grid-gap: 24px;
    padding: 24px;
    border: 1px solid var(--spun-pearl-200);
    border-radius: 4px;
    margin-bottom: 24px;
}

.post-author--image-link img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}

.post-author--name {
    display: block;
    font-size: 16px;
    color: var(--blue-ribbon-400);
    font-weight: 600;
    margin-top: 10px;
}

.post-author--name:hover {
    color: var(--blue-ribbon-500);
}

.post-author--position {
    color: var(--spun-pearl-700);
}

.post-author--excerpt {
    color: var(--grey-60);
}

.post-author--socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
}

.post-author--socials a {
    display: block;
    max-width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
    background: var(--blue-ribbon-400);
    transition: background ease .1s;
}

.post-author--socials a:hover {
    background: var(--blue-ribbon-500);
}

.post-author--socials img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* pagination style */
.pagination-box {
    margin: 34px 0;
}

.pagination-box ul.pagination-list {
    margin: 0;
    padding: 0;
}
.pagination-box ul.pagination-list li {
    display: inline-block;
    margin-right: 3px;
}
.pagination-box ul.pagination-list li .page-numbers {
    display: inline-block;
    text-decoration: none;
    transition: all .1s ease-in-out;
    color: #333333;
    font-size: 12px;
    padding: 6px 11px;
    border: 1px solid var(--spun-pearl-100);
    border-radius: 4px;
}
.pagination-box ul.pagination-list li a.page-numbers:hover,
.pagination-box ul.pagination-list li.active .page-numbers {
    color: var(--white);
    border: 1px solid var(--blue-ribbon-400);
    background: var(--blue-ribbon-400);
}

.subscribe-response {
    color: var(--mint-green-700);
}

.subscribe-response:empty {
    display: none;
}

@media (max-width: 991px) {
    .heading-h2 {
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .sgl-social-title {
        flex-basis: 100%;
        text-align: center;
    }
}

@media (min-width: 577px) {
    .post-author {
        grid-template-columns: 150px 1fr;
        padding: 12px;
    }

    .post-author-side {
        text-align: center;
    }
}


.popup__layout {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
    will-change: top;
    opacity: .75;
    visibility: visible;
    -webkit-transition: opacity 300ms cubic-bezier(0.2, 0, 0.2, 1), visibility 0ms 0ms;
    transition: opacity 300ms cubic-bezier(0.2, 0, 0.2, 1), visibility 0ms 0ms;
}

.popup__container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-perspective: 600px;
    perspective: 600px;
    z-index: 1001;
    text-align: center;
    visibility: visible;
    overflow-y: scroll;
    padding: 50px 0;
}

.popup__container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popup__body {
    background-color: #fff;
    pointer-events: auto;
    position: relative;
    min-width: 380px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto 0 -3px;
    -webkit-transition: all 300ms cubic-bezier(0.2, 0, 0.2, 1), visibility 0ms 0ms;
    transition: all 300ms cubic-bezier(0.2, 0, 0.2, 1), visibility 0ms 0ms;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    padding: 45px;
    max-width: 600px;
}

.popup__close {
    position: absolute;
    font-size: 1.2rem;
    right: 0px;
    top: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #22252D;
    width: 45px;
    height: 45px;
    border: 0;
}

.popup__close:before,
.popup__close:after {
    content: '';
    width: 3px;
    height: 100%;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.popup__close:after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

.popup__heading {
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 15px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 768px) {
    .popup__container {
        padding: 20px;
    }

    .popup__body {
        min-width: auto;
    }

    .promo__image {
        max-width: 100%;
        margin-top: 10px;
    }

    html.with--no_scroll {
        margin-right: 0;
    }
}