@import '/template/css/flexboxgrid.css' screen;
@import '/template/css/owl.carousel.css' screen;
@import '/template/css/swiper.min.css' screen;
@import '/template/css/magnific-popup.css' screen;
@import '/template/css/owl.theme.default.css' screen;
@import '/template/css/jquery-ui-1.10.4.custom.min.css' screen;

@import url("https://use.typekit.net/rgf4qoj.css");

*::selection {
    background-color: #20314f16;
}

:root {
    --d: #102d32;
    --dd: #1d201a;
    --w: #ffffff;
    --l: #fcf3e0;
    --a: #b4975a;
    --ah: #c5c7b9;
    --title: miller-banner, serif;
    --text: 'source-sans-3', sans-serif;
    --ano: 'mrleopold-pro', sans-serif;
    --over: #22251fcb;
}

.break {
    width: 0px;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    border: 0px none;
    margin: 0px;
    padding: 0px;
    float: none;
    clear: both;
    visibility: hidden;
}

.roomcalendar.mfp-bg,
.roomcalendar {
    background: transparent !important
}

html#cal body {
    background: #ffffff !important;
}

html#cal body::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    mask-image: url(/template/villa/img/pat.svg);
    -webkit-mask-image: url(/template/villa/img/pat.svg);
    mask-position: 50%;
    mask-size: 750px;
    background-color: #20314f22;
    mask-repeat: repeat;
    transition: background-color 200ms;
}

html#cal h2 {
    font-family: var(--title), sans-serif;
    text-align: center;
    margin: 50px auto 0;
}

.roomcalendar .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 820px;
    border-radius: 6px;
}

.roomcalendar .mfp-content .mfp-iframe-scaler {
    height: 560px;
    max-height: 88vh;
}

.roomcalendar .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: transparent;
    overflow: hidden;
    box-shadow: 0px 0px 80px #8a6e34;
    border-radius: 10px;
    overflow: hidden;
}

.roomcalendar.mfp-bg {
    background: var(--d) !important;
}

.first-line {
    justify-content: stretch;
}

.first-line .box {
    align-self: stretch;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.first-line .box.two {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.first-line .box.three a:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.first-line .box.three a {
    height: 100%;
    display: inline-block;
    padding: 30px;
    color: white;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.first-line .box.three a .text {
    overflow: hidden;
}

.first-line .box.three a span {
    display: block;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    text-shadow: 0px 16px 0px var(--a);
    height: 20px;
}

.first-line .box.three a:hover span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.first-line .box.one {
    max-width: 130px;
}

.first-line .box.three {
    max-width: fit-content;
}

.first-line .box.two a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
}

.second-line {
    border-bottom: 1px solid rgb(255 255 255 / 21%);
}

.second-line #mmenu a,
.second-line #mmenu a:hover {
    color: white !important;
    text-decoration: none;
    padding: 20px 26px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative
}

.second-line #mmenu a:hover {
    font-weight: 600;
}

.second-line #mmenu a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: #FEFEFE;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.second-line #mmenu a:hover::after,
.second-line #mmenu .f:hover a::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.second-line #mmenu a::selection,
.second-line #mmenu a:hover::selection {
    background: transparent !important;
}

#mmenu .f {
    display: flex;
    position: relative;
}

@keyframes growDown {
    0% {
        transform: translateX(-50%)scaleY(0)
    }

    80% {
        transform: translateX(-50%)scaleY(1.1)
    }

    100% {
        transform: translateX(-50%)scaleY(1)
    }
}

@keyframes Down {
    0% {
        transform: scaleY(0)
    }

    80% {
        transform: scaleY(1.1)
    }

    100% {
        transform: scaleY(1)
    }
}

#mmenu .f .sub-menu {
    position: absolute;
    left: 50%;
    top: 67px;
    visibility: hidden;
    background: rgb(255 255 255 / 21%);
    width: max-content;
    opacity: 0;
    transition: 600ms;
    transform: translateX(-50%);
    z-index: 556;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center
}

#mmenu .f:hover .sub-menu,
#mmenu .f:active .sub-menu,
#mmenu .f:focus-within .sub-menu {
    opacity: 1;
    visibility: visible;
}

#mmenu .f .sub-menu a {
    display: block;
    padding: 15px 30px;
    font-size: 11px;
    transition: 300ms;
}

#mmenu .f .sub-menu a:hover {
    background: rgb(255 255 255 / 12%);
}

.second-line #mmenu .f .sub-menu a:hover::after,
.second-line #mmenu .f:hover .sub-menu a::after {
    display: none;
}

h2.title {
    font-family: var(--title);
    font-size: 38px;
    margin-bottom: 0;
    color: var(--d);
}

p.fo {
    font-family: 'mrleopold-pro';
    color: var(--a);
    font-size: 35px;
    margin: 20px 0 30px;
}

#lang a {
    color: white;
    text-decoration: none;
    opacity: 1;
    font-weight: 600;
    font-family: var(--text);
    text-transform: uppercase;
    padding: 28px 10px;
    display: inline-block;
    font-size: 13px;
}

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

html {
    width: 100%;
    margin: 0;
    padding: 0
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    overflow-x: hidden;
    color: var(--d);
    background: white;
    font-family: var(--text);
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

span.likeh1 {
    font-family: var(--title);
    color: white;
    font-size: 55px;
    line-height: 65px;
    font-weight: 400;
    margin: 20px auto;
    display: block;
    position: relative;
}

.bbb {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    z-index: -1;
}

.ball {
    width: 500px;
    height: 500px;
    background: #b4975a1a;
    background: -moz-radial-gradient(circle, #b4975a1a 50%, rgba(156, 171, 24, 0) 84%);
    background: -webkit-radial-gradient(circle, #b4975a1a 50%, rgba(156, 171, 24, 0) 84%);
    background: radial-gradient(circle, #b4975a1a 50%, rgba(156, 171, 24, 0) 84%);
    border-radius: 1888px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(40px);
    opacity: 1;
    z-index: -1;
}

.ball.blue {
    width: 500px;
    height: 500px;
    background: #b4975a1a;
    background: -moz-radial-gradient(circle, #22251f23 50%, rgba(156, 171, 24, 0) 84%);
    background: -webkit-radial-gradient(circle, #22251f23 50%, rgba(156, 171, 24, 0) 84%);
    background: radial-gradient(circle, #22251f23 50%, rgba(156, 171, 24, 0) 84%);
    border-radius: 1888px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(40px);
    opacity: 1;
    z-index: -1;
}

.swiper-button-disabled {
    opacity: .4;
    cursor: not-allowed;
}

.ball.move {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyMzM5OTU3MzY3NjZlLTE3LC0xLDEsNi4xMjMyMzM5OTU3MzY3NjZlLTE3LDAsNTEyKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTZTMzk3LjM4NSA1MTIgMjU2IDUxMiAwIDM5Ny4zODUgMCAyNTYgMTE0LjYxNSAwIDI1NiAwem0yMy4wNTEgMjU2QTIzLjA1MSAyMy4wNTEgMCAxIDAgMjU2IDI3OS4wNSAyMy4wNzggMjMuMDc4IDAgMCAwIDI3OS4wNTEgMjU2em0tNjAuMTY0IDBBMzcuMTEzIDM3LjExMyAwIDEgMCAyNTYgMjE4Ljg4NyAzNy4xNTIgMzcuMTUyIDAgMCAwIDIxOC44ODcgMjU2ek0yNTYgMzg2LjNsMzguNDY2LTU3LjY1NWgtNzYuOTMzem01MS42MDktNzEuNzE4SDIwNC4zOWE3LjAzMiA3LjAzMiAwIDAgMC01Ljg0NyAxMC45MzRsNTEuNjEgNzcuMzU1YTcuMDI4IDcuMDI4IDAgMCAwIDExLjcgMGw1MS42MS03Ny4zNTZhNy4wMzIgNy4wMzIgMCAwIDAtNS44NDgtMTAuOTMzek0yNTYgMTI1LjdsLTM4LjQ2OCA1Ny42NTdoNzYuOTM0em0tNTEuNjEgNzEuNzE4aDEwMy4yMmE3LjAzMSA3LjAzMSAwIDAgMCA1Ljg0Ny0xMC45MzRsLTUxLjYwOS03Ny4zNTVhNy4wMjkgNy4wMjkgMCAwIDAtMTEuNyAwbC01MS42MDkgNzcuMzU1YTcuMDMxIDcuMDMxIDAgMCAwIDUuODQ3IDEwLjkzNHoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyMzM5OTU3MzY3NjZlLTE3LC0xLDEsNi4xMjMyMzM5OTU3MzY3NjZlLTE3LDAsNTEyKSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTZTMzk3LjM4NSA1MTIgMjU2IDUxMiAwIDM5Ny4zODUgMCAyNTYgMTE0LjYxNSAwIDI1NiAwem0yMy4wNTEgMjU2QTIzLjA1MSAyMy4wNTEgMCAxIDAgMjU2IDI3OS4wNSAyMy4wNzggMjMuMDc4IDAgMCAwIDI3OS4wNTEgMjU2em0tNjAuMTY0IDBBMzcuMTEzIDM3LjExMyAwIDEgMCAyNTYgMjE4Ljg4NyAzNy4xNTIgMzcuMTUyIDAgMCAwIDIxOC44ODcgMjU2ek0yNTYgMzg2LjNsMzguNDY2LTU3LjY1NWgtNzYuOTMzem01MS42MDktNzEuNzE4SDIwNC4zOWE3LjAzMiA3LjAzMiAwIDAgMC01Ljg0NyAxMC45MzRsNTEuNjEgNzcuMzU1YTcuMDI4IDcuMDI4IDAgMCAwIDExLjcgMGw1MS42MS03Ny4zNTZhNy4wMzIgNy4wMzIgMCAwIDAtNS44NDgtMTAuOTMzek0yNTYgMTI1LjdsLTM4LjQ2OCA1Ny42NTdoNzYuOTM0em0tNTEuNjEgNzEuNzE4aDEwMy4yMmE3LjAzMSA3LjAzMSAwIDAgMCA1Ljg0Ny0xMC45MzRsLTUxLjYwOS03Ny4zNTVhNy4wMjkgNy4wMjkgMCAwIDAtMTEuNyAwbC01MS42MDkgNzcuMzU1YTcuMDMxIDcuMDMxIDAgMCAwIDUuODQ3IDEwLjkzNHoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+);
    mask-size: 56px;
    mask-position: center;
    mask-repeat: no-repeat;
    background: var(--w);
    opacity: .5;
    z-index: 25;
}

#about h1 {
    font-size: 60px;
    line-height: 75px;
    font-weight: 300;
    margin-bottom: 27px;
    position: relative;
    font-family: var(--title);
}

#about h1::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    aspect-ratio: 16 / 10;
    max-width: 90%;
    background: url(/template/villa/img/ski.webp) 50% 50% no-repeat;
    background-size: 570px;
    z-index: -1;
    opacity: 0.2;
}

#about .afterhead {
    max-width: 930px;
    margin: 10px auto;
    width: 90%;
    position: relative;
}

#about .afterhead p {
    font-size: 20px;
    line-height: 30px;
}

@keyframes move {
    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    100% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@keyframes see {
    0% {
        width: 0%;
        padding-bottom: 0;
    }

    100% {
        width: 80%;
        padding-bottom: 80%;
    }
}

section.slider .animated-image {
    -webkit-animation: move 15s infinite forwards;
    -moz-animation: move 15s infinite forwards;
    animation: move 15s infinite forwards;
}

.likeh {
    background-color: var(--d);
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    color: #fff;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 50px;
    z-index: 54870;
}

.centeredall a {
    display: inline-block;
    padding: 0 30px 0 0;
    background: #fcf3e000;
    color: var(--dd);
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--text);
    cursor: pointer;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    position: relative;
    z-index: 88;
    opacity: 0.6;
}

.centeredall a::before {
    content: '';
    display: inline-block;
    padding: 0;
    position: absolute;
    right: 5px;
    background: var(--dd);
    text-transform: uppercase;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDkwLjY2NyA0OTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0zMjUuMzMyIDI1MUgxNmMtOC44MzIgMC0xNi03LjE2OC0xNi0xNnM3LjE2OC0xNiAxNi0xNmgzMDkuMzMyYzguODMyIDAgMTYgNy4xNjggMTYgMTZzLTcuMTY4IDE2LTE2IDE2em0wIDAiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjQwIDMzNi4zMzJjLTQuMDk4IDAtOC4xOTEtMS41NTUtMTEuMzA5LTQuNjkxLTYuMjUtNi4yNS02LjI1LTE2LjM4MyAwLTIyLjYzN2w3NC4wMjgtNzQuMDI0LTc0LjAyOC03NC4wMjdjLTYuMjUtNi4yNS02LjI1LTE2LjM4NyAwLTIyLjYzNyA2LjI1NC02LjI1IDE2LjM4Ny02LjI1IDIyLjYzNyAwbDg1LjMzMiA4NS4zMzZjNi4yNSA2LjI1IDYuMjUgMTYuMzgzIDAgMjIuNjMzbC04NS4zMzIgODUuMzMyQTE1Ljg4IDE1Ljg4IDAgMCAxIDI0MCAzMzYuMzMyem0wIDAiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjU2IDQ2OS42NjhjLTk3LjA5IDAtMTgyLjgwNS01OC40MS0yMTguNDEtMTQ4LjgyNC0zLjI0Mi04LjE5Mi44MDgtMTcuNDkyIDkuMDIzLTIwLjczNSA4LjE5Mi0zLjE5OSAxNy41MTYuNzkgMjAuNzU4IDkuMDQ3Qzk4LjExMyAzODcuMjE1IDE3Mi4xNjEgNDM3LjY2OCAyNTYgNDM3LjY2OGMxMTEuNzQyIDAgMjAyLjY2OC05MC45MjYgMjAyLjY2OC0yMDIuNjY4UzM2Ny43NDIgMzIuMzMyIDI1NiAzMi4zMzJjLTgzLjg0IDAtMTU3Ljg4NyA1MC40NTMtMTg4LjYyOSAxMjguNTEyLTMuMjY2IDguMjU4LTEyLjU2NiAxMi4yNDYtMjAuNzU4IDkuMDQ3LTguMjE1LTMuMjQzLTEyLjI2NS0xMi41NDMtOS4wMjMtMjAuNzM1QzczLjE5NSA1OC43NDIgMTU4LjkxLjMzMiAyNTYgLjMzMiAzODUuMzg3LjMzMiA0OTAuNjY4IDEwNS42MTMgNDkwLjY2OCAyMzVTMzg1LjM4NyA0NjkuNjY4IDI1NiA0NjkuNjY4em0wIDAiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    mask-size: 16px;
    mask-position: center;
    mask-repeat: no-repeat;
    text-decoration: none;
    font-size: 0;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--text);
    cursor: pointer;
    margin: 0;
    width: 20px;
    height: 30px;
}

#events span.btn {
    color: var(--w);
    padding-right: 35px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDkwLjY2NyA0OTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0zMjUuMzMyIDI1MUgxNmMtOC44MzIgMC0xNi03LjE2OC0xNi0xNnM3LjE2OC0xNiAxNi0xNmgzMDkuMzMyYzguODMyIDAgMTYgNy4xNjggMTYgMTZzLTcuMTY4IDE2LTE2IDE2em0wIDAiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjQwIDMzNi4zMzJjLTQuMDk4IDAtOC4xOTEtMS41NTUtMTEuMzA5LTQuNjkxLTYuMjUtNi4yNS02LjI1LTE2LjM4MyAwLTIyLjYzN2w3NC4wMjgtNzQuMDI0LTc0LjAyOC03NC4wMjdjLTYuMjUtNi4yNS02LjI1LTE2LjM4NyAwLTIyLjYzNyA2LjI1NC02LjI1IDE2LjM4Ny02LjI1IDIyLjYzNyAwbDg1LjMzMiA4NS4zMzZjNi4yNSA2LjI1IDYuMjUgMTYuMzgzIDAgMjIuNjMzbC04NS4zMzIgODUuMzMyQTE1Ljg4IDE1Ljg4IDAgMCAxIDI0MCAzMzYuMzMyem0wIDAiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjU2IDQ2OS42NjhjLTk3LjA5IDAtMTgyLjgwNS01OC40MS0yMTguNDEtMTQ4LjgyNC0zLjI0Mi04LjE5Mi44MDgtMTcuNDkyIDkuMDIzLTIwLjczNSA4LjE5Mi0zLjE5OSAxNy41MTYuNzkgMjAuNzU4IDkuMDQ3Qzk4LjExMyAzODcuMjE1IDE3Mi4xNjEgNDM3LjY2OCAyNTYgNDM3LjY2OGMxMTEuNzQyIDAgMjAyLjY2OC05MC45MjYgMjAyLjY2OC0yMDIuNjY4UzM2Ny43NDIgMzIuMzMyIDI1NiAzMi4zMzJjLTgzLjg0IDAtMTU3Ljg4NyA1MC40NTMtMTg4LjYyOSAxMjguNTEyLTMuMjY2IDguMjU4LTEyLjU2NiAxMi4yNDYtMjAuNzU4IDkuMDQ3LTguMjE1LTMuMjQzLTEyLjI2NS0xMi41NDMtOS4wMjMtMjAuNzM1QzczLjE5NSA1OC43NDIgMTU4LjkxLjMzMiAyNTYgLjMzMiAzODUuMzg3LjMzMiA0OTAuNjY4IDEwNS42MTMgNDkwLjY2OCAyMzVTMzg1LjM4NyA0NjkuNjY4IDI1NiA0NjkuNjY4em0wIDAiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    background-size: 16px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    opacity: 0.6
}

.likeh .links {
    align-items: center;
    bottom: 25px;
    display: flex;
    height: 0;
    left: 50%;
    position: absolute;
    transform: rotate(-90deg);
    width: 0;
}

.likeh .links a,
.likeh .links span {
    letter-spacing: 5px;
    margin-right: 3.5em;
    text-transform: uppercase;
    transition: color .5s;
    text-decoration: none;
    white-space: nowrap;
    color: #bec2a5;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: 500ms;
}

.likeh .links a:hover,
.likeh .links span:hover {
    opacity: .6;
}

.likeh .links .onlyf {
    width: 50px;
    margin: 0;
    padding: 0;
    height: 50px;
    display: block;
    position: relative;
    white-space: pre;
    opacity: 1;
    transition: 500ms;
}

.likeh .links .onlyf:hover {
    opacity: .3;
}

.likeh .onlyf img {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    transform: translate(-50%, -50%)rotate(90deg);
}

.shu {
    position: absolute;
    left: 15px;
    bottom: 20px;
    z-index: 46;
    width: 200px;
    height: 200px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNjYgMTcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjYgMTcwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzdGODM2Mjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzIuNCwzOC42Yy0yOC44LTMzLjEtOTAtMjYuMi0xMTAuNSwyLjJjLTguNiwxMS45LTguMywyNS4zLTguMiwzMC4xYzEuNCw0NS4xLDU3LjUsOTUuNSw5NC43LDgxLjcKCUMxNDEuOSwxNDAuMywxNjMuNyw3NC41LDEzMi40LDM4LjZ6Ii8+Cjwvc3ZnPgo=);
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 130px;
    text-align: center;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    color: #dbdec5;
    padding: 30px;
    font-family: var(--text);
    font-weight: 800;
    font-size: 18px;
    line-height: 21px;
}

.centeredall a.bookme {
    background: #bec2a5;
    color: #67713f;
}

.roomprice {
    position: absolute;
    top: 0;
    right: 15px;
    width: 100px;
    height: 109px;
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    line-height: 99px;
    text-align: center;
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -0.8px;
    color: var(--w);
    opacity: 1;
    z-index: 656;
    background-color: var(--d);
}

.roomprice::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mask-image: url(/template/villa/img/pat.svg);
    -webkit-mask-image: url(/template/villa/img/pat.svg);
    mask-position: 50%;
    mask-size: 350px;
    background-color: #37445c;
    mask-repeat: repeat;
    z-index: -1;
    transition: background-color 200ms;
}

.roomprice span {
    display: block;
    line-height: 15px;
    transform: translateY(-35px);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
}

.wrapper-10-0 {
    padding: 10px 0;
    min-height: 1px;
    display: block
}

.wrapper-20-0 {
    padding: 20px 0;
    min-height: 1px;
    display: block
}

.wrapper-30-0 {
    padding: 30px 0;
    min-height: 1px;
    display: block
}

.wrapper-60 {
    padding: 60px;
    min-height: 1px;
    display: block
}

.wrapper-60-0 {
    padding: 60px 0;
    min-height: 1px;
    display: block
}

.wrapper-90 {
    padding: 90px;
    min-height: 1px;
    display: block
}

.wrapper-90-0 {
    padding: 90px 0;
    min-height: 1px;
    display: block
}

.wrapper-120 {
    padding: 120px;
    min-height: 1px;
    display: block
}

.wrapper-120-0 {
    padding: 120px 0;
    min-height: 1px;
    display: block
}

.container {
    margin-left: auto;
    margin-right: auto;
}

#frontendeditor {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 120px;
    background: transparent;
    display: block;
    z-index: 99999999999999;
}

#frontendeditor .switch {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 34px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#frontendeditor .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#frontendeditor .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#frontendeditor .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: var(--d);
    -webkit-transition: .4s;
    transition: .4s;
}

#frontendeditor input:checked+.slider {
    background-color: #75c11d;
}

#frontendeditor input:focus+.slider {
    box-shadow: 0 0 1px #75c11d;
}

#frontendeditor input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

#frontendeditor .slider.round {
    border-radius: 34px;
}

#frontendeditor .slider.round:before {
    border-radius: 50%;
}

p:empty {
    display: none;
}

#modaleditor {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(2, 13, 25, 0.8);
    display: none;
}

#modal-close,
#modal-save {
    display: inline-block;
    background: #ff0045;
    color: var(--d);
    cursor: pointer;
    padding: 5px 20px;
    margin: 20px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    width: 50px;
    border-radius: 30px;
    transition: 400ms;
    outline: none
}

#modal-close:hover {
    background: #bf0739;
}

#modal-save {
    background: #76c11e;
    margin-left: 0;
    margin-right: 10px;
}

#modal-save:hover {
    background: #528a10;
}

#modal-in textarea {
    margin: 0px;
    width: 800px;
    min-height: 280px;
    resize: vertical;
    border: none;
    border-radius: 3px;
    padding: 10px;
    font-size: 15px;
    color: var(--d);
}

#modal-in .cke_chrome {
    border: none;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 20px
}

#modal-buttons {
    position: fixed;
    bottom: 14px;
    right: 100px;
    text-align: center;
    display: none;
}

.swiper-container-homepage {
    position: relative;
    height: 100vh;
    min-height: 600px;
    width: 100%;
    overflow: hidden;
}

.swiper-container-homepage .swiper-slide {
    margin: 0px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
}

.wr {
    -webkit-animation: fadeIn .6s forwards;
    -webkit-animation-delay: .6s;
    animation: fadeIn .6s forwards;
    animation-delay: .6s;
}

.toggle {
    transition: 600ms;
    animation: Down 300ms ease-in-out forwards;
    transform-origin: top center;
}

.toggle.off {
    height: 0;
    overflow: hidden;
}

.toggle:not(.off) {
    margin-top: -50px;
}

.but.more {
    margin: 10px auto;
    cursor: pointer;
    padding: 10px 30px;
    transition: 600ms;
}

.off.but.more {
    transform: rotateX(90deg);
}

.steam {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: .35;
}

.steam video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s;
}

img {
    max-width: 100%;
}

header {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
    transition: 800ms;
    z-index: 550;
}

header .logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 200px;
    opacity: 0;
}

header .logo a {
    display: block;
    width: 100%;
    height: 110px;
}

header .logo a img {
    height: auto;
    width: 200px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 600ms;
}

header.fixed .logo a img {
    opacity: 0;
}

.slider {
    overflow: hidden;
}

.line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 140px;
    top: -70px;
    overflow: hidden;
    z-index: 4587;
    background-color: var(--l);
}

@keyframes line {
    0% {
        top: -161px
    }

    100% {
        top: 162px
    }
}

.line::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 90px;
    top: -161px;
    display: block;
    background-color: var(--a);
    -webkit-animation: line 3s infinite backwards;
    -moz-animation: line 3s infinite backwards;
    animation: line 3s infinite backwards;
}

.buu {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 600px;
    max-width: 100%;
}

.buu h2 {
    color: #dbdec5;
    font-size: 40px;
    max-width: 400px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto 100px;
    z-index: 6;
    position: relative;
    font-weight: 500;
}

.buu .g {
    position: absolute;
    left: 50%;
    bottom: -150%;
    transform: translateX(-50%);
    background: #dbdec52d;
    z-index: 5;
    display: block;
    width: 0%;
    height: 0;
    padding-bottom: 0%;
    border-radius: 8000px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -webkit-animation: see 5s forwards;
    -moz-animation: see 5s forwards;
    animation: see 5s forwards;
}

#menuopener {
    position: absolute;
    top: 15px;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#menuopener span {
    width: 30px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    top: 7px;
    left: 2px;
    transition: 800ms;
    border-radius: 6px;
}

#menuopener span:nth-child(2) {
    top: 16px;
    transition: 800ms;
}

#menuopener span:nth-child(3) {
    top: 25px;
}

#menuopener.open span:nth-child(1) {
    width: 15px;
    transform: rotate(45deg);
    top: 15px;
    left: 14px;
}

#menuopener.open span:nth-child(2) {
    opacity: 0;
    transform: translateX(-10px);
    transition: none;
}

#menuopener.open span:nth-child(3) {
    width: 16px;
    transform: rotate(-45deg);
    top: 25px;
    left: 14px;
}

.roombox .wrapp h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    font-weight: 800;
}

#fullmenu {
    height: 100%;
    width: 360px;
    max-width: 100%;
    right: 50px;
    background: #7f8362;
    z-index: 54869;
    position: fixed;
    transform: translateX(calc(100% + 50px));
    transition: 500ms;
    top: 0
}

#fullmenu.ishere {
    transform: translateX(0%);
}

#fullmenu .dow {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    text-align: left;
}

#fullmenu .dow img {
    width: 130px;
    margin-bottom: 80px;
}

#fullmenu .dow li a {
    color: white;
    opacity: .6;
    text-decoration: none;
    letter-spacing: 1px;
    margin: 10px 20px;
    display: block;
    padding: 5px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--text);
    transition: 500ms;
    text-transform: uppercase;
}

#fullmenu .dow li a:hover {
    opacity: 1;
}

.call {
    margin-top: 50px;
}

#fullmenu .dow .call a {
    display: block;
    text-decoration: none;
    color: white;
    font-family: var(--ano);
    font-weight: 300;
    font-size: 12px;
    padding: 4px 15px 4px 15px;
    opacity: .4;
    line-height: 16px;
    transition: 500ms;
}

#fullmenu .dow .call a:hover {
    opacity: 1;
}

.blurik {
    position: fixed;
    top: 0;
    left: 0;
    bottom: unset;
    right: unset;
    width: 100vw;
    height: 100vh;
    background-color: #c5c7b921;
    visibility: hidden;
    display: none;
    opacity: .0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: 500ms;
    transition-delay: 500ms;
    z-index: 54868;
}

.blurik.ishere {
    opacity: 1;
    transition-delay: 50ms;
    visibility: visible;
    display: block;
}

#logoh {
    position: absolute;
    position: absolute;
    left: 50%;
    top: 100px;
    width: 100%;
    max-width: 260px;
    transform: translateX(-50%);
    z-index: 5456;
}

#bookpanel {
    position: relative;
    width: 100%;
    max-width: 1200px;
    z-index: 54;
    display: block;
    background: transparent;
    border-radius: 0px;
    border: 1px solid #ffffff4f;
}

#bookpanel .day,
#bookpanel .month {
    display: inline-block;
    padding-right: 2px;
    font-weight: bolder;
    font-size: 18px;
    line-height: 20px;
}

#bookpanel a::selection,
#bookpanel *::selection {
    background-color: transparent !important;
}

#bookpanel a {
    text-decoration: none;
    color: #20314f;
    padding: 0;
    display: block;
}

#bookpanel .textwrap {
    margin: 10px;
    text-align: left;
}

.hand {
    font-family: var(--ano);
    color: var(--a);
    font-size: 47px;
    margin-bottom: 40px;
    display: block;
    margin-top: 30px;
}

.popis {
    display: block;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    transform: translateY(3px);
    opacity: .75;
}

.search {
    width: auto;
    background-color: var(--d);
    display: block;
    margin: 5px;
    padding: 23px;
    color: var(--l);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 16px;
    text-align: center !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
    margin-top: -2px;
    border-radius: 0;
    transition: 600ms;
    font-family: var(--text);
    height: calc(100% + 2px);
    margin: -1px;
    background: var(--a);
    color: var(--w);
}

.search::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzAuMjM5IDMwLjIzOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIwLjE5NCAzLjQ2Yy00LjYxMy00LjYxMy0xMi4xMjEtNC42MTMtMTYuNzM0IDAtNC42MTIgNC42MTQtNC42MTIgMTIuMTIxIDAgMTYuNzM1IDQuMTA4IDQuMTA3IDEwLjUwNiA0LjU0NyAxNS4xMTYgMS4zNC4wOTcuNDU5LjMxOS44OTcuNjc2IDEuMjU0bDYuNzE4IDYuNzE4YTIuNDk4IDIuNDk4IDAgMCAwIDMuNTM1IDAgMi40OTYgMi40OTYgMCAwIDAgMC0zLjUzNWwtNi43MTgtNi43MmEyLjUgMi41IDAgMCAwLTEuMjUzLS42NzRjMy4yMDktNC42MTEgMi43NjktMTEuMDA4LTEuMzQtMTUuMTE4em0tMi4xMjEgMTQuNjE0Yy0zLjQ0NCAzLjQ0NC05LjA0OSAzLjQ0NC0xMi40OTIgMC0zLjQ0Mi0zLjQ0NC0zLjQ0Mi05LjA0OCAwLTEyLjQ5MiAzLjQ0My0zLjQ0MyA5LjA0OC0zLjQ0MyAxMi40OTIgMCAzLjQ0NCAzLjQ0NCAzLjQ0NCA5LjA0OCAwIDEyLjQ5MnoiIGZpbGw9IiNjNWM3YjkiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzAuMjM5IDMwLjIzOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIwLjE5NCAzLjQ2Yy00LjYxMy00LjYxMy0xMi4xMjEtNC42MTMtMTYuNzM0IDAtNC42MTIgNC42MTQtNC42MTIgMTIuMTIxIDAgMTYuNzM1IDQuMTA4IDQuMTA3IDEwLjUwNiA0LjU0NyAxNS4xMTYgMS4zNC4wOTcuNDU5LjMxOS44OTcuNjc2IDEuMjU0bDYuNzE4IDYuNzE4YTIuNDk4IDIuNDk4IDAgMCAwIDMuNTM1IDAgMi40OTYgMi40OTYgMCAwIDAgMC0zLjUzNWwtNi43MTgtNi43MmEyLjUgMi41IDAgMCAwLTEuMjUzLS42NzRjMy4yMDktNC42MTEgMi43NjktMTEuMDA4LTEuMzQtMTUuMTE4em0tMi4xMjEgMTQuNjE0Yy0zLjQ0NCAzLjQ0NC05LjA0OSAzLjQ0NC0xMi40OTIgMC0zLjQ0Mi0zLjQ0NC0zLjQ0Mi05LjA0OCAwLTEyLjQ5MiAzLjQ0My0zLjQ0MyA5LjA0OC0zLjQ0MyAxMi40OTIgMCAzLjQ0NCAzLjQ0NCAzLjQ0NCA5LjA0OCAwIDEyLjQ5MnoiIGZpbGw9IiNjNWM3YjkiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    mask-size: auto 20px;
    mask-position: center center;
    background-color: var(--w);
    mask-repeat: no-repeat;
    transition: background-color 200ms;
}

.search:hover {
    background: var(--d);
    color: var(--w);
}

.search:hover::after {
    background-color: var(--w);
}

.paaay {
    max-width: 50%;
    margin: 0 auto;
}

.paaay p {
    color: white
}

.paaay img {
    max-width: 300px;
    color: white
}

#bookpanel .sear .textwrap {
    margin: 0;
    text-align: left;
    height: 100%;
}

#bookpanel h2 {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
}

#bookpanel .col-md-3 {
    align-self: stretch;
}

#bookpanel .date .textwrap,
#bookpanel .persons .textwrap {
    background: #ffffff2b;
    border-radius: 0;
    padding: 16px;
    margin: 0;
    font-weight: 500;
    display: inline-block;
    height: 100%;
    width: 100%;
    font-family: var(--text);
    color: white
}

#bookpanel .date:nth-child(2) .textwrap {
    border-left: 1px solid #ffffff4f;
    ;
    border-right: 1px solid #ffffff4f;
    ;
}

#bookpanel .date .textwrap {
    padding-left: 60px;
    background-position: 15px 50%;
    position: relative;
}

#bookpanel .date .textwrap::after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 37px;
    left: 6px;
    transform: translateY(-50%);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iIzdmODM2MiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iIzdmODM2MiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    mask-size: auto 22px;
    mask-position: center center;
    background-color: var(--w);
    mask-repeat: no-repeat;
    transition: background-color 200ms;
}

#bookpanel .persons .textwrap {
    padding-left: 60px;
    background-size: 22px;
    position: relative;
}

#bookpanel .persons .textwrap::after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 37px;
    left: 6px;
    transform: translateY(-50%);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDYwLjggNDYwLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yMzAuNDMyIDIzOS4yODJjNjUuODI5IDAgMTE5LjY0MS01My44MTIgMTE5LjY0MS0xMTkuNjQxQzM1MC4wNzMgNTMuODEyIDI5Ni4yNjEgMCAyMzAuNDMyIDBzLTExOS42NCA1My44MTItMTE5LjY0IDExOS42NDEgNTMuODEyIDExOS42NDEgMTE5LjY0IDExOS42NDF6TTQzNS43NTUgMzM0Ljg5Yy0zLjEzNS03LjgzNy03LjMxNC0xNS4xNTEtMTIuMDE2LTIxLjk0My0yNC4wMzMtMzUuNTI3LTYxLjEyNi01OS4wMzctMTAyLjkyMi02NC43ODQtNS4yMjQtLjUyMi0xMC45NzEuNTIyLTE1LjE1MSAzLjY1Ny0yMS45NDMgMTYuMTk2LTQ4LjA2NSAyNC41NTUtNzUuMjMzIDI0LjU1NXMtNTMuMjktOC4zNTktNzUuMjMzLTI0LjU1NWMtNC4xOC0zLjEzNS05LjkyNy00LjcwMi0xNS4xNTEtMy42NTctNDEuNzk2IDUuNzQ3LTc5LjQxMiAyOS4yNTctMTAyLjkyMiA2NC43ODQtNC43MDIgNi43OTItOC44ODIgMTQuNjI5LTEyLjAxNiAyMS45NDMtMS41NjcgMy4xMzUtMS4wNDUgNi43OTIuNTIyIDkuOTI3IDQuMTggNy4zMTQgOS40MDQgMTQuNjI5IDE0LjEwNiAyMC44OTggNy4zMTQgOS45MjcgMTUuMTUxIDE4LjgwOCAyNC4wMzMgMjcuMTY3IDcuMzE0IDcuMzE0IDE1LjY3MyAxNC4xMDYgMjQuMDMzIDIwLjg5OCA0MS4yNzMgMzAuODI1IDkwLjkwNiA0Ny4wMiAxNDIuMTA2IDQ3LjAyczEwMC44MzMtMTYuMTk2IDE0Mi4xMDYtNDcuMDJjOC4zNTktNi4yNjkgMTYuNzE4LTEzLjU4NCAyNC4wMzMtMjAuODk4IDguMzU5LTguMzU5IDE2LjcxOC0xNy4yNDEgMjQuMDMzLTI3LjE2NyA1LjIyNC02Ljc5MiA5LjkyNy0xMy41ODQgMTQuMTA2LTIwLjg5OCAyLjYxMS0zLjEzNSAzLjEzMy02Ljc5MyAxLjU2Ni05LjkyN3oiIGZpbGw9IiM3ZjgzNjIiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDYwLjggNDYwLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yMzAuNDMyIDIzOS4yODJjNjUuODI5IDAgMTE5LjY0MS01My44MTIgMTE5LjY0MS0xMTkuNjQxQzM1MC4wNzMgNTMuODEyIDI5Ni4yNjEgMCAyMzAuNDMyIDBzLTExOS42NCA1My44MTItMTE5LjY0IDExOS42NDEgNTMuODEyIDExOS42NDEgMTE5LjY0IDExOS42NDF6TTQzNS43NTUgMzM0Ljg5Yy0zLjEzNS03LjgzNy03LjMxNC0xNS4xNTEtMTIuMDE2LTIxLjk0My0yNC4wMzMtMzUuNTI3LTYxLjEyNi01OS4wMzctMTAyLjkyMi02NC43ODQtNS4yMjQtLjUyMi0xMC45NzEuNTIyLTE1LjE1MSAzLjY1Ny0yMS45NDMgMTYuMTk2LTQ4LjA2NSAyNC41NTUtNzUuMjMzIDI0LjU1NXMtNTMuMjktOC4zNTktNzUuMjMzLTI0LjU1NWMtNC4xOC0zLjEzNS05LjkyNy00LjcwMi0xNS4xNTEtMy42NTctNDEuNzk2IDUuNzQ3LTc5LjQxMiAyOS4yNTctMTAyLjkyMiA2NC43ODQtNC43MDIgNi43OTItOC44ODIgMTQuNjI5LTEyLjAxNiAyMS45NDMtMS41NjcgMy4xMzUtMS4wNDUgNi43OTIuNTIyIDkuOTI3IDQuMTggNy4zMTQgOS40MDQgMTQuNjI5IDE0LjEwNiAyMC44OTggNy4zMTQgOS45MjcgMTUuMTUxIDE4LjgwOCAyNC4wMzMgMjcuMTY3IDcuMzE0IDcuMzE0IDE1LjY3MyAxNC4xMDYgMjQuMDMzIDIwLjg5OCA0MS4yNzMgMzAuODI1IDkwLjkwNiA0Ny4wMiAxNDIuMTA2IDQ3LjAyczEwMC44MzMtMTYuMTk2IDE0Mi4xMDYtNDcuMDJjOC4zNTktNi4yNjkgMTYuNzE4LTEzLjU4NCAyNC4wMzMtMjAuODk4IDguMzU5LTguMzU5IDE2LjcxOC0xNy4yNDEgMjQuMDMzLTI3LjE2NyA1LjIyNC02Ljc5MiA5LjkyNy0xMy41ODQgMTQuMTA2LTIwLjg5OCAyLjYxMS0zLjEzNSAzLjEzMy02Ljc5MyAxLjU2Ni05LjkyN3oiIGZpbGw9IiM3ZjgzNjIiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    mask-size: auto 22px;
    mask-position: center center;
    background-color: var(--w);
    mask-repeat: no-repeat;
    transition: background-color 200ms;
}

section {
    position: relative;
}

.hero-heading {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: var(--text);
    font-weight: 500;
    font-size: 33px;
    line-height: 44px;
}

.slider .animated-image::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    background-color: #0f1e37b3;
    background: linear-gradient(181deg, var(--dd), var(--d));
    opacity: .75;
}

header .right {
    position: absolute;
    right: 70px;
    top: 50px;
}

header .left {
    position: absolute;
    left: 70px;
    top: 50px;
}

header .left #lang a {
    text-decoration: none;
    color: var(--l);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

header .right a,
header .left a.tel {
    color: var(--l);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0;
    border: 2px solid #c5c7b9;
    padding: 7px 18px;
    border-radius: 26px;
    padding-left: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEzLjY0IDUxMy42NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTQ5OS42NiAzNzYuOTYtNzEuNjgtNzEuNjhjLTI1LjYtMjUuNi02OS4xMi0xNS4zNTktNzkuMzYgMTcuOTItNy42OCAyMy4wNDEtMzMuMjggMzUuODQxLTU2LjMyIDMwLjcyLTUxLjItMTIuOC0xMjAuMzItNzkuMzYtMTMzLjEyLTEzMy4xMi03LjY4LTIzLjA0MSA3LjY4LTQ4LjY0MSAzMC43Mi01Ni4zMiAzMy4yOC0xMC4yNCA0My41Mi01My43NiAxNy45Mi03OS4zNmwtNzEuNjgtNzEuNjhjLTIwLjQ4LTE3LjkyLTUxLjItMTcuOTItNjkuMTIgMEwxOC4zOCA2Mi4wOGMtNDguNjQgNTEuMiA1LjEyIDE4Ni44OCAxMjUuNDQgMzA3LjJzMjU2IDE3Ni42NDEgMzA3LjIgMTI1LjQ0bDQ4LjY0LTQ4LjY0YzE3LjkyMS0yMC40OCAxNy45MjEtNTEuMiAwLTY5LjEyeiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    margin-right: 15px;
    transition: 500ms;
}

header .right a.book {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    margin-right: 15px;
}

header .right a:hover,
header .left a.tel:hover {
    background-color: #213830;
    border-color: var(--d);
}

#lang {
    display: inline-block;
}

.desktop-hidden {
    display: none
}

.slider.sub h1 {
    font-family: var(--title);
    color: white;
    font-size: 55px;
    line-height: 65px;
    font-weight: 400;
    margin: 20px auto;
    display: block;
    position: relative;
}

.slider.sub .subhead {
    font-family: var(--ano);
    color: var(--a);
    font-size: 47px;
    margin-bottom: 40px;
    display: block;
    margin-top: 30px;
}

.cencen {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    display: block;
    width: 65%;
    text-align: center
}

.slider.sub .cencen {
    position: absolute;
    top: unset;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    display: block;
    width: 65%;
    text-align: center;
    bottom: 46px;
}

#roomspart {
    padding: 80px 0;
    margin: 0;
    height: 80vh;
    min-height: 800px;
    overflow: hidden;
}

#roomspart .swiper-ser .centeredall h3 {
    font-size: 25px;
}

.cencen h2 {
    font-family: var(--title);
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    margin: 0;
    position: relative;
}

.pat .content {
    position: relative;
    z-index: 879;
}

#gal .cover {
    display: block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

#gal .gal {
    padding: 30px;
    background-color: #afa8a6;
    margin-right: -40px;
    margin-bottom: 40px;
}

#gal p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

ul,
ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

[class^='col-md'] {
    position: relative;
}

#gal .wrapp {
    z-index: 546;
    position: relative;
}

.cencenden {
    margin: 130px 5vw;
    color: #f3f1de;
}

#roomspart .col-md-5,
#roomspart .col-md-7 {
    position: relative;
}

.swiper-ser {
    overflow: hidden;
    padding: 20px 1% 40px;
    position: relative;
    margin-right: 0;
}

.swiper-ser .swiper-slide {
    width: 350px;
    position: relative;
    aspect-ratio: unset;
    height: 500px;
    border-radius: 5px;
    overflow: hidden;
    background: var(--ah);
    margin-right: 12px;
}

.swiper-ser .swiper-slide::before {
   
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: var(--d);
    background: -moz-linear-gradient(180deg, rgba(11, 28, 56, 0) 0%, rgba(11, 28, 56, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(11, 28, 56, 0) 0%, rgba(11, 28, 56, 1) 100%);
    background: linear-gradient(180deg, rgba(11, 28, 56, 0) 0%, rgba(11, 28, 56, 1) 100%);
    opacity: 1;
    transition: 400ms;
    z-index: 4;
}

#roomspart .swiper-ser .swiper-slide::before {
    top: 50%;
}

.boxx {
    margin-bottom: 50px;
}

.swiper-e {
    max-width: 90%;
    overflow: hidden;
}

.swiper-e .swiper-slide {
    width: 360px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 3px;
    background: transparent
}

.swiper-e .text,
.eve .text {
    padding: 15px 10px;
    display: block;
}

.swiper-e .text h3,
.eve h3 {
    color: var(--dd);
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

.swiper-e .date,
.eve .date {
    margin: 10px 0;
}

.swiper-e .date p,
.eve .date p {
    position: relative;
    opacity: 1;
    margin: 0;
    padding-left: 24px;
    font-weight: 500;
    display: table;
    background: transparent;
    color: white;
    background-size: 200% auto;
    color: #b4975a;
    padding: 4px 15px 4px 22px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
}

.swiper-e .date p::before,
.eve .date p::before {
    content: '';
    width: 18px;
    height: 25px;
    position: absolute;
    top: 4px;
    left: 0;
    transform: none;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iIzdmODM2MiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iIzdmODM2MiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    mask-size: 15px;
    mask-position: 0px center;
    background-color: var(--a);
    mask-repeat: no-repeat;
    transition: background-color 200ms;
}

.swiper-e .btn,
.eve span {
    display: inline-block;
    padding: 0 15px 0 15px;
    background: #fcf3e000;
    color: var(--a);
    background-image: linear-gradient(to right, #b29559 0, #825a05 51%, #b29559 100%);
    background-size: 200% auto;
    color: var(--w);
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--text);
    cursor: pointer;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    position: relative;
    z-index: 88;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 2px;
    transition: 600ms;
}

.swiper-e .btn:hover,
.eve span:hover {
    background-position: right center;
}

.oneinf {
    position: relative;
    padding-left: 70px;
    max-width: 450px;
    font-family: var(--text);
    font-weight: 300;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 25px;
}

.oneinf::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 50px;
    width: 1px;
    height: 90%;
    background-color: var(--a);
    background: -moz-linear-gradient(180deg, var(--a), transparent);
    background: -webkit-linear-gradient(180deg, var(--a), transparent);
    background: linear-gradient(180deg, var(--a), transparent);
}

.oneinf::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQzNy4wMTggMzkuNjg3Yy01Ljg1OS01Ljg1OS0xNS4zNTUtNS44NTctMjEuMjE0IDAtNS44NTcgNS44NTgtNS44NTcgMTUuMzU1LjAwMSAyMS4yMTNDNDU4LjQ5MiAxMDMuNTg1IDQ4MiAxNjAuMzM5IDQ4MiAyMjAuNzA3YzAgOC4yODQgNi43MTcgMTUgMTUgMTUgOC4yODUgMCAxNS02LjcxNiAxNS0xNSAwLTY4LjM4Mi0yNi42MjktMTMyLjY2OS03NC45ODItMTgxLjAyek05Ni4xOTMgMzkuNjg4Yy01Ljg1OS01Ljg1OS0xNS4zNTUtNS44NTctMjEuMjE0IDBDMjYuNjI5IDg4LjA0MiAwIDE1Mi4zMjggMCAyMjAuNzA3YzAgOC4yODQgNi43MTYgMTUgMTUgMTVzMTUtNi43MTYgMTUtMTVjMC02MC4zNjUgMjMuNTA4LTExNy4xMTkgNjYuMTkzLTE1OS44MDYgNS44NTgtNS44NTggNS44NTgtMTUuMzU1IDAtMjEuMjEzek0zNzAuMzU3IDg1LjEyNmMtNS44NTcgNS44NTgtNS44NTcgMTUuMzU1LjAwMSAyMS4yMTQgMzAuNTUgMzAuNTQ3IDQ3LjM3NCA3MS4xNjMgNDcuMzc0IDExNC4zNjcgMCA4LjI4NCA2LjcxNyAxNSAxNSAxNSA4LjI4NSAwIDE1LTYuNzE2IDE1LTE1IDAtNTEuMjE4LTE5Ljk0NS05OS4zNjgtNTYuMTYxLTEzNS41ODItNS44NTgtNS44NTctMTUuMzU2LTUuODU2LTIxLjIxNC4wMDF6TTE0MS42MzQgODUuMTMzYy01Ljg1OC01Ljg1Ny0xNS4zNTUtNS44NTYtMjEuMjEzLjAwMS0zNi4yMTIgMzYuMjE2LTU2LjE1NSA4NC4zNjMtNTYuMTU1IDEzNS41NzMgMCA4LjI4NCA2LjcxNyAxNSAxNSAxNSA4LjI4NSAwIDE1LTYuNzE2IDE1LTE1IDAtNDMuMTk3IDE2LjgyMy04My44MTIgNDcuMzY5LTExNC4zNiA1Ljg1Ny01Ljg1OSA1Ljg1Ny0xNS4zNTctLjAwMS0yMS4yMTR6TTM4My40NjcgMzI5LjYzM1YyNTIuODRjMC0yOC4wMS04LjkxOC01NC41ODktMjUuNzg5LTc2Ljg2NC0xNC4xMDItMTguNjE2LTMzLjMzMy0zMy4xNi01NC45MzktNDEuNzE4QzI5OS43MyAxMTEuMTQ2IDI3OS45MTggOTMuMjQgMjU2IDkzLjI0cy00My43MzIgMTcuOTA2LTQ2LjczOSA0MS4wMThjLTIxLjYwNiA4LjU1OC00MC44MzcgMjMuMTAyLTU0LjkzOCA0MS43MTgtMTYuODcyIDIyLjI3NS0yNS43OSA0OC44NTQtMjUuNzkgNzYuODY0djc2Ljc5M2wtMzAuNTQ5IDYxLjA5OUExNSAxNSAwIDAgMCAxMTEuNCA0MTIuNDRoMjg5LjJhMTQuOTk4IDE0Ljk5OCAwIDAgMCAxMy40MTctMjEuNzA4ek0yNTYgNDc2LjcwN2MyNy4wMDUgMCA1MC44ODYtMTMuNTg0IDY1LjIwNC0zNC4yNjhIMTkwLjc5NWMxNC4zMTkgMjAuNjg0IDM4LjIgMzQuMjY4IDY1LjIwNSAzNC4yNjh6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQzNy4wMTggMzkuNjg3Yy01Ljg1OS01Ljg1OS0xNS4zNTUtNS44NTctMjEuMjE0IDAtNS44NTcgNS44NTgtNS44NTcgMTUuMzU1LjAwMSAyMS4yMTNDNDU4LjQ5MiAxMDMuNTg1IDQ4MiAxNjAuMzM5IDQ4MiAyMjAuNzA3YzAgOC4yODQgNi43MTcgMTUgMTUgMTUgOC4yODUgMCAxNS02LjcxNiAxNS0xNSAwLTY4LjM4Mi0yNi42MjktMTMyLjY2OS03NC45ODItMTgxLjAyek05Ni4xOTMgMzkuNjg4Yy01Ljg1OS01Ljg1OS0xNS4zNTUtNS44NTctMjEuMjE0IDBDMjYuNjI5IDg4LjA0MiAwIDE1Mi4zMjggMCAyMjAuNzA3YzAgOC4yODQgNi43MTYgMTUgMTUgMTVzMTUtNi43MTYgMTUtMTVjMC02MC4zNjUgMjMuNTA4LTExNy4xMTkgNjYuMTkzLTE1OS44MDYgNS44NTgtNS44NTggNS44NTgtMTUuMzU1IDAtMjEuMjEzek0zNzAuMzU3IDg1LjEyNmMtNS44NTcgNS44NTgtNS44NTcgMTUuMzU1LjAwMSAyMS4yMTQgMzAuNTUgMzAuNTQ3IDQ3LjM3NCA3MS4xNjMgNDcuMzc0IDExNC4zNjcgMCA4LjI4NCA2LjcxNyAxNSAxNSAxNSA4LjI4NSAwIDE1LTYuNzE2IDE1LTE1IDAtNTEuMjE4LTE5Ljk0NS05OS4zNjgtNTYuMTYxLTEzNS41ODItNS44NTgtNS44NTctMTUuMzU2LTUuODU2LTIxLjIxNC4wMDF6TTE0MS42MzQgODUuMTMzYy01Ljg1OC01Ljg1Ny0xNS4zNTUtNS44NTYtMjEuMjEzLjAwMS0zNi4yMTIgMzYuMjE2LTU2LjE1NSA4NC4zNjMtNTYuMTU1IDEzNS41NzMgMCA4LjI4NCA2LjcxNyAxNSAxNSAxNSA4LjI4NSAwIDE1LTYuNzE2IDE1LTE1IDAtNDMuMTk3IDE2LjgyMy04My44MTIgNDcuMzY5LTExNC4zNiA1Ljg1Ny01Ljg1OSA1Ljg1Ny0xNS4zNTctLjAwMS0yMS4yMTR6TTM4My40NjcgMzI5LjYzM1YyNTIuODRjMC0yOC4wMS04LjkxOC01NC41ODktMjUuNzg5LTc2Ljg2NC0xNC4xMDItMTguNjE2LTMzLjMzMy0zMy4xNi01NC45MzktNDEuNzE4QzI5OS43MyAxMTEuMTQ2IDI3OS45MTggOTMuMjQgMjU2IDkzLjI0cy00My43MzIgMTcuOTA2LTQ2LjczOSA0MS4wMThjLTIxLjYwNiA4LjU1OC00MC44MzcgMjMuMTAyLTU0LjkzOCA0MS43MTgtMTYuODcyIDIyLjI3NS0yNS43OSA0OC44NTQtMjUuNzkgNzYuODY0djc2Ljc5M2wtMzAuNTQ5IDYxLjA5OUExNSAxNSAwIDAgMCAxMTEuNCA0MTIuNDRoMjg5LjJhMTQuOTk4IDE0Ljk5OCAwIDAgMCAxMy40MTctMjEuNzA4ek0yNTYgNDc2LjcwN2MyNy4wMDUgMCA1MC44ODYtMTMuNTg0IDY1LjIwNC0zNC4yNjhIMTkwLjc5NWMxNC4zMTkgMjAuNjg0IDM4LjIgMzQuMjY4IDY1LjIwNSAzNC4yNjh6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 30px;
    mask-position: 5px 5px;
    background-color: var(--a);
    mask-repeat: no-repeat;
}

.oneinf h3 {
    margin-bottom: 0;
    font-family: var(--text);
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    margin-top: 0;
}

.oneinf .textp p {
    margin: 0 !important;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding-top: 5px;
}

.pat .pat {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ffffff2c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%2320314f' fill-opacity='1'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
    opacity: .1;
}

.patb .pat {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #5b6e9022;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%2320314f' fill-opacity='1'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
    opacity: .4;
}

.pat h2,
.form h2 {
    font-family: var(--title);
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    margin: 0;
    
}

.blue.pat h2, .blue .form h2 {
    color: var(--w);
}

.form #submitform {
    float: none;
}

.pat .ah {
    margin-bottom: 60px;
}

.pat .pat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    opacity: 1;
    z-index: -1;
    transition: 400ms;
    background: var(--w);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.pat .pat::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    width: 100%;
    opacity: 1;
    z-index: -1;
    transition: 400ms;
    background: var(--w);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.blue.pat .pat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    opacity: 1;
    z-index: -1;
    transition: 400ms;
    background: var(--w);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--dd) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--dd) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--dd) 100%);
}

.blue.pat .pat::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    width: 100%;
    opacity: 1;
    z-index: -1;
    transition: 400ms;
    background: var(--w);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--dd) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--dd) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--dd) 100%);
}

.swiper-ser .swiper-slide .name,
.swiper-ser .swiper-slide .text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: white;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    transition: 100ms, opacity 0ms;
}

.btns {
    width: 85px;
    height: 60px;
    background: transparent;
    position: relative;
    z-index: 8766;
}

.btns .button-next,
.btns .button-next2 {
    display: inline-block;
    background: transparent;
    width: 40px;
    height: 40px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 35px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--a);
    cursor: pointer;
    transition: 600ms;
    float: right;
}

.btns .button-prev,
.btns .button-prev2 {
    display: inline-block;
    background: transparent;
    width: 40px;
    height: 40px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 35px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--a);
    cursor: pointer;
    transform: rotate(180deg);
    transition: 600ms;
}

.swiper-ser .swiper-scrollbar,
.swiper-ser .swiper-scrollbar2 {
    height: 6px;
    width: 400px;
    margin: 26px 0;
    border-radius: 80px;
    overflow: hidden;
    background-color: #20314f4d;
    max-width: 100%;
}

.swiper-ser .swiper-scrollbar-drag,
.swiper-ser .swiper-scrollbar2 .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--a);
    border-radius: 80px;
    left: 0;
    top: 0;
    cursor: pointer;
}

.swiper-ser .centeredall {
    position: absolute;
    bottom: 30px;
    left: 33px;
    width: calc(100% - 65px);
    transform: none;
    text-align: left;
    z-index: 54;
}

.swiper-ser .centeredall h3 {
    font-size: 36px;
    color: var(--l);
    line-height: 40px;
    margin: 10px;
    opacity: .8;
}

.swiper-ser .centeredall .text {
    display: block;
    position: relative;
    text-align: left;
    color: var(--dd);
    font-family: var(--text);
    font-size: 15px;
    line-height: 19px;
    margin: 0;
    display: -webkit-box;
    margin-bottom: 7px;
}

.swiper-ser .centeredall .text p {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.swiper-ser .centeredall h3  {
    font-size: 23px;
    color: var(--d);
    line-height: 1.2;
    margin: 10px 0;
    opacity: 1;
    font-family: var(--text);
    font-weight: 600;
    margin-bottom: 7px;
    display: inline-block;
}

#gal h2 {
    font-size: 60px;
    line-height: 70px;
    margin: 0;
}

footer {
    background: #102d32
}

footer .contact a {
    position: relative;
    padding-left: 25px;
    background: transparent !important;
    margin-bottom: 5px;
    transition: 500ms;
}

footer .contact a:hover {
    opacity: .5;
}

footer .contact a.tel::before,
footer .contact a.mail::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 25px;
    height: 30px;
    display: block;
}

footer .contact a.tel::before {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEzLjY0IDUxMy42NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTQ5OS42NiAzNzYuOTYtNzEuNjgtNzEuNjhjLTI1LjYtMjUuNi02OS4xMi0xNS4zNTktNzkuMzYgMTcuOTItNy42OCAyMy4wNDEtMzMuMjggMzUuODQxLTU2LjMyIDMwLjcyLTUxLjItMTIuOC0xMjAuMzItNzkuMzYtMTMzLjEyLTEzMy4xMi03LjY4LTIzLjA0MSA3LjY4LTQ4LjY0MSAzMC43Mi01Ni4zMiAzMy4yOC0xMC4yNCA0My41Mi01My43NiAxNy45Mi03OS4zNmwtNzEuNjgtNzEuNjhjLTIwLjQ4LTE3LjkyLTUxLjItMTcuOTItNjkuMTIgMEwxOC4zOCA2Mi4wOGMtNDguNjQgNTEuMiA1LjEyIDE4Ni44OCAxMjUuNDQgMzA3LjJzMjU2IDE3Ni42NDEgMzA3LjIgMTI1LjQ0bDQ4LjY0LTQ4LjY0YzE3LjkyMS0yMC40OCAxNy45MjEtNTEuMiAwLTY5LjEyeiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEzLjY0IDUxMy42NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTQ5OS42NiAzNzYuOTYtNzEuNjgtNzEuNjhjLTI1LjYtMjUuNi02OS4xMi0xNS4zNTktNzkuMzYgMTcuOTItNy42OCAyMy4wNDEtMzMuMjggMzUuODQxLTU2LjMyIDMwLjcyLTUxLjItMTIuOC0xMjAuMzItNzkuMzYtMTMzLjEyLTEzMy4xMi03LjY4LTIzLjA0MSA3LjY4LTQ4LjY0MSAzMC43Mi01Ni4zMiAzMy4yOC0xMC4yNCA0My41Mi01My43NiAxNy45Mi03OS4zNmwtNzEuNjgtNzEuNjhjLTIwLjQ4LTE3LjkyLTUxLjItMTcuOTItNjkuMTIgMEwxOC4zOCA2Mi4wOGMtNDguNjQgNTEuMiA1LjEyIDE4Ni44OCAxMjUuNDQgMzA3LjJzMjU2IDE3Ni42NDEgMzA3LjIgMTI1LjQ0bDQ4LjY0LTQ4LjY0YzE3LjkyMS0yMC40OCAxNy45MjEtNTEuMiAwLTY5LjEyeiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    mask-size: 20px;
    mask-repeat: no-repeat;
    mask-position: 0 50%;
    background-color: var(--w);
}

footer .contact a.mail::before {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI5OC43ODkgMzEzLjY5M2MtMTIuNzM4IDguNDkyLTI3LjUzNCAxMi45ODEtNDIuNzg5IDEyLjk4MS0xNS4yNTQgMC0zMC4wNS00LjQ4OS00Mi43ODgtMTIuOTgxTDMuNDA5IDE3My44MkE3Ni4yNjkgNzYuMjY5IDAgMCAxIDAgMTcxLjQwM1Y0MDAuNmMwIDI2LjI3OCAyMS4zMjUgNDcuMTMzIDQ3LjEzMyA0Ny4xMzNoNDE3LjczM2MyNi4yNzggMCA0Ny4xMzMtMjEuMzI1IDQ3LjEzMy00Ny4xMzNWMTcxLjQwMmE3NS4yMSA3NS4yMSAwIDAgMS0zLjQxNiAyLjQyMnoiIGZpbGw9IiNjNWM3YjkiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtMjAuMDUgMTQ4Ljg1OCAyMDkuODAzIDEzOS44NzRjNy45NDIgNS4yOTUgMTcuMDQ0IDcuOTQyIDI2LjE0NiA3Ljk0MiA5LjEwMyAwIDE4LjIwNi0yLjY0OCAyNi4xNDgtNy45NDJMNDkxLjk1IDE0OC44NThjMTIuNTU1LTguMzY1IDIwLjA1LTIyLjM2NSAyMC4wNS0zNy40NzUgMC0yNS45ODEtMjEuMTM3LTQ3LjExNy00Ny4xMTctNDcuMTE3SDQ3LjExN0MyMS4xMzcgNjQuMjY3IDAgODUuNDAzIDAgMTExLjQwOGE0NC45MTIgNDQuOTEyIDAgMCAwIDIwLjA1IDM3LjQ1eiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI5OC43ODkgMzEzLjY5M2MtMTIuNzM4IDguNDkyLTI3LjUzNCAxMi45ODEtNDIuNzg5IDEyLjk4MS0xNS4yNTQgMC0zMC4wNS00LjQ4OS00Mi43ODgtMTIuOTgxTDMuNDA5IDE3My44MkE3Ni4yNjkgNzYuMjY5IDAgMCAxIDAgMTcxLjQwM1Y0MDAuNmMwIDI2LjI3OCAyMS4zMjUgNDcuMTMzIDQ3LjEzMyA0Ny4xMzNoNDE3LjczM2MyNi4yNzggMCA0Ny4xMzMtMjEuMzI1IDQ3LjEzMy00Ny4xMzNWMTcxLjQwMmE3NS4yMSA3NS4yMSAwIDAgMS0zLjQxNiAyLjQyMnoiIGZpbGw9IiNjNWM3YjkiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtMjAuMDUgMTQ4Ljg1OCAyMDkuODAzIDEzOS44NzRjNy45NDIgNS4yOTUgMTcuMDQ0IDcuOTQyIDI2LjE0NiA3Ljk0MiA5LjEwMyAwIDE4LjIwNi0yLjY0OCAyNi4xNDgtNy45NDJMNDkxLjk1IDE0OC44NThjMTIuNTU1LTguMzY1IDIwLjA1LTIyLjM2NSAyMC4wNS0zNy40NzUgMC0yNS45ODEtMjEuMTM3LTQ3LjExNy00Ny4xMTctNDcuMTE3SDQ3LjExN0MyMS4xMzcgNjQuMjY3IDAgODUuNDAzIDAgMTExLjQwOGE0NC45MTIgNDQuOTEyIDAgMCAwIDIwLjA1IDM3LjQ1eiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    mask-size: 20px;
    mask-repeat: no-repeat;
    mask-position: 0 50%;
    background-color: var(--w);
}

.insta {
    border-top: 8px solid #b4975a;
    border-bottom: 8px solid #b4975a;
    width: 100%;
    overflow: hidden;
}

#newsletter {
    padding: 100px 35px 60px;
    background: white
}

#newsletter .pat::after {
    display: none;
}

#newsletter span.prehead {
    font-family: var(--ano);
    font-size: 75px;
    font-weight: 300;
    color: var(--a);
    opacity: 1;
    text-transform: none;
    letter-spacing: 0;
    margin: 20px;
    position: relative;
    display: block;
    margin-top: 15px;
    z-index: 234;
}

#newsletter h2 {
    font-family: var(--head);
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    margin: 0;
    margin-top: -10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#newsletter .crm-text {
    display: none;
}

#newsletter .crm-form {
    background: transparent;
    position: relative;
    width: 360px;
    max-width: 90%;
    margin: 2% auto 0;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    background-color: transparent;
    padding-left: 40px;
}

#newsletter #crm-email::-webkit-placeholder,
#newsletter #crm-email::placeholder {
    color: var(--dd);
    opacity: .5;
    font-weight: 500;
}

#newsletter .crm-form::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik00OTIgMjkxLjVjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB2LTEzMWMwLTQ0LjExMi0zNS44ODgtODAtODAtODBIODBjLTQ0LjExMiAwLTgwIDM1Ljg4OC04MCA4MHYyMzFjMCA0NC4xMTIgMzUuODg4IDgwIDgwIDgwaDM1MmM0NC4xMTIgMCA4MC0zNS44ODggODAtODAgMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBzLTIwIDguOTU0LTIwIDIwYzAgMjIuMDU2LTE3Ljk0NCA0MC00MCA0MEg4MGMtMjIuMDU2IDAtNDAtMTcuOTQ0LTQwLTQwVjE0NC43MzhsMTczLjc1NSAxMDguMDQ1YzEzLjAyOSA4LjEwMSAyNy42MzcgMTIuMTUyIDQyLjI0NSAxMi4xNTIgMTQuNjA4IDAgMjkuMjE2LTQuMDUxIDQyLjI0NS0xMi4xNTJMNDcyIDE0NC43MzhWMjcxLjVjMCAxMS4wNDYgOC45NTQgMjAgMjAgMjB6bS0yMTQuODc4LTcyLjY4NmMtMTMuMDI4IDguMTAxLTI5LjIxNiA4LjEwMi00Mi4yNDQgMEw1Ni42ODkgMTA4LjAxMkEzOS43ODMgMzkuNzgzIDAgMCAxIDgwIDEwMC41aDM1MmEzOS43ODQgMzkuNzg0IDAgMCAxIDIzLjMxMSA3LjUxM0wyNzcuMTIyIDIxOC44MTR6IiBmaWxsPSIjMTcyOTIzIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik00OTIgMjkxLjVjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB2LTEzMWMwLTQ0LjExMi0zNS44ODgtODAtODAtODBIODBjLTQ0LjExMiAwLTgwIDM1Ljg4OC04MCA4MHYyMzFjMCA0NC4xMTIgMzUuODg4IDgwIDgwIDgwaDM1MmM0NC4xMTIgMCA4MC0zNS44ODggODAtODAgMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBzLTIwIDguOTU0LTIwIDIwYzAgMjIuMDU2LTE3Ljk0NCA0MC00MCA0MEg4MGMtMjIuMDU2IDAtNDAtMTcuOTQ0LTQwLTQwVjE0NC43MzhsMTczLjc1NSAxMDguMDQ1YzEzLjAyOSA4LjEwMSAyNy42MzcgMTIuMTUyIDQyLjI0NSAxMi4xNTIgMTQuNjA4IDAgMjkuMjE2LTQuMDUxIDQyLjI0NS0xMi4xNTJMNDcyIDE0NC43MzhWMjcxLjVjMCAxMS4wNDYgOC45NTQgMjAgMjAgMjB6bS0yMTQuODc4LTcyLjY4NmMtMTMuMDI4IDguMTAxLTI5LjIxNiA4LjEwMi00Mi4yNDQgMEw1Ni42ODkgMTA4LjAxMkEzOS43ODMgMzkuNzgzIDAgMCAxIDgwIDEwMC41aDM1MmEzOS43ODQgMzkuNzg0IDAgMCAxIDIzLjMxMSA3LjUxM0wyNzcuMTIyIDIxOC44MTR6IiBmaWxsPSIjMTcyOTIzIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-color: var(--a);
    mask-size: 24px;
    mask-repeat: no-repeat;
    mask-position: 6px 50%;
}

#newsletter #crm-email {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent !important;
    border: none;
    padding: 20px;
    font-size: 20px;
    font-family: var(--text);
    font-weight: 600;
    padding-left: 45px;
    outline: none;
    border-bottom: 1px solid #111e1940;
    color: var(--dd);
}

#newsletter .crm-form .crm-send {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Im01MDYuMTM0IDI0MS44NDMtLjAxOC0uMDE5LTEwNC41MDQtMTA0Yy03LjgyOS03Ljc5MS0yMC40OTItNy43NjItMjguMjg1LjA2OC03Ljc5MiA3LjgyOS03Ljc2MiAyMC40OTIuMDY3IDI4LjI4NEw0NDMuNTU4IDIzNkgyMGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoNDIzLjU1N2wtNzAuMTYyIDY5LjgyNGMtNy44MjkgNy43OTItNy44NTkgMjAuNDU1LS4wNjcgMjguMjg0IDcuNzkzIDcuODMxIDIwLjQ1NyA3Ljg1OCAyOC4yODUuMDY4bDEwNC41MDQtMTA0IC4wMTgtLjAxOWM3LjgzMy03LjgxOCA3LjgwOC0yMC41MjItLjAwMS0yOC4zMTR6IiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Im01MDYuMTM0IDI0MS44NDMtLjAxOC0uMDE5LTEwNC41MDQtMTA0Yy03LjgyOS03Ljc5MS0yMC40OTItNy43NjItMjguMjg1LjA2OC03Ljc5MiA3LjgyOS03Ljc2MiAyMC40OTIuMDY3IDI4LjI4NEw0NDMuNTU4IDIzNkgyMGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoNDIzLjU1N2wtNzAuMTYyIDY5LjgyNGMtNy44MjkgNy43OTItNy44NTkgMjAuNDU1LS4wNjcgMjguMjg0IDcuNzkzIDcuODMxIDIwLjQ1NyA3Ljg1OCAyOC4yODUuMDY4bDEwNC41MDQtMTA0IC4wMTgtLjAxOWM3LjgzMy03LjgxOCA3LjgwOC0yMC41MjItLjAwMS0yOC4zMTR6IiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 22px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--a);
    transition: 770ms;
    font-size: 0;
    cursor: pointer;
}

footer h3 {
    color: var(--a);
    font-family: var(--text);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    margin-top: 70px;
    text-align: left;
    margin-bottom: 20px;
}

footer ul {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
    margin-bottom: 120px;
}

footer ul li a {
    color: white;
    text-transform: none;
    text-decoration: none;
    font-size: 15px;
    margin: 10px 10px 10px 0;
    display: table;
    position: relative;
    padding-right: 0;
    transition: color 600ms;
    opacity: 0.6;
    font-weight: 500;
}

footer .logofoot {
    width: 70%;
    height: auto;
    position: relative;
    display: block;
    margin-top: 70px;
}

footer .row .col-md-8 .row {
    justify-content: stretch;
}

footer .row .col-md-8 .row [class^='col-md'] {
    align-self: stretch;
    position: relative;
}

footer .row .col-md-8 .row [class^='col-md'] a.map {
    position: absolute;
    top: 50%;
    display: block;
    width: 120%;
    transform: translateY(-50%);
    left: -10%;
}

footer a.map span,
.googlenav {
    background: var(--a);
    color: white;
    background-image: linear-gradient(to right, #b29559 0, #825a05 51%, #b29559 100%);
    background-size: 200% auto;
    padding: 7px 21px;
    border-radius: 3px;
    cursor: pointer;
    margin: 20px auto 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    transition: 600ms;
}

footer a.map span:hover,
.googlenav:hover {
    background-position: right center;
}

.googlenav {
    position: absolute;
    bottom: 160px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 456;
}

body.con_8 h2 {
    font-size: 50px;
    font-family: 'playfair-display';
    line-height: 60px;
}

body.con_8 #submitform {
    float: none;
}

body.con_8 .kontaktsec .box {
    background: url('/img/rs/8.jpg') 50% 50% no-repeat;
    background-size: cover !important;
    width: 100%;
    padding-top: 90%;
    position: relative;
}

body.con_8 .kontaktsec .box img {
    height: 0;
    opacity: 0;
}

body.con_8 .patb h2 {
    text-align: center;
    width: unset;
    max-width: unset;
    margin: 0;
    margin-bottom: 40px;
}

body.con_8 .patb::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 80%;
    height: 0;
    padding-bottom: 20%;
    min-width: 300px;
    background: url(/template/villa/img/fav.svg) center center no-repeat;
    background-size: contain;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .051;
    z-index: 0;
}

body.con_8 .patb .col-md-4 {
    margin-top: 50px;
}

body.con_8 .patb h3 {
    color: white;
    text-transform: none;
    font-weight: 100;
    font-family: var(--text);
    font-size: 11px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: -5px;
    margin-top: 40px;
}

body.con_8 .patb a {
    text-decoration: none;
    font-size: 19px;
    line-height: 29px;
    color: #e0c288;
    transition: 600ms;
}

body.con_8 .patb a:hover {
    color: var(--a);
}

footer ul li a:hover {
    opacity: 1;
}

footer .copy {
    width: 100%;
    position: relative;
    bottom: unset;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    border-top: 1px solid #bcc1a42b;
    padding: 0;
    margin-top: 40px;
}

footer .copy p {
    color: rgb(159 164 173);
    opacity: 1;
    font-size: 14px;
}

footer .text-right {
    text-align: right !important;
}

footer .copy a {
    color: var(--a);
    text-decoration: none;
    padding: 4px;
    padding-right: 0;
    font-weight: 500;
}

footer .contact a {
    display: table;
    color: var(--w);
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    padding: 5px 10px 9px 32px;
    transition: 600ms;
    line-height: 26px;
}

footer .social {
    margin: 25px auto 20px 8px;
    text-align: center;
    width: 70%;
}

footer .social a {
    display: inline-block;
    margin-right: 40px;
    padding: 8px;
    width: 30px;
    height: 30px;
    opacity: .3;
    transition: 600ms;
}

footer .social a.fb {
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTI1NS4xODIgNy43NThxNjkuMjMuNzkgMTI1LjA4NiAzNC4wM2EyNDkuNzM0IDI0OS43MzQgMCAwIDEgODguODkgODkuNDM0cTMzLjAzNyA1Ni4xOTEgMzMuODI1IDEyNS44NDMtMS45NjIgOTUuMy02MC4xMTcgMTYyLjc5Yy0zOC43NyA0NC45OTUtODguNDI1IDcyLjgzLTEzOS44MjcgODMuNTAxVjMyNS4yM2g0OC41OTdsMTAuOTktNzBoLTczLjU4N3YtNDUuODQ4YTM5Ljg0NCAzOS44NDQgMCAwIDEgOC40NzQtMjYuMzIzcTguODI3LTExLjI1MyAzMS4wOS0xMS44MjloNDQuNDM2di02MS4zMThxLS45NTctLjMwOC0xOC4xNS0yLjQzNGEzNjAuNzQzIDM2MC43NDMgMCAwIDAtMzkuMTYtMi40MzRxLTQ0LjQzMy4yMDUtNzAuMjgxIDI1LjA2OC0yNS44NSAyNC44NTUtMjYuNDA5IDcxLjkydjUzLjE5OGgtNTZ2NzBoNTZ2MTc4LjEyN2MtNjMuMTE1LTEwLjY3LTExMi43Ny0zOC41MDYtMTUxLjU0LTgzLjVTOC42OTEgMzIwLjU5OCA3LjM4MyAyNTcuMDY1cS43ODUtNjkuNjU1IDMzLjgyNC0xMjUuODQzYTI0OS43MzkgMjQ5LjczOSAwIDAgMSA4OC44OTEtODkuNDM1cTU1Ljg1NC0zMy4yMzMgMTI1LjA4NC0zNC4wM3oiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    margin-right: 15px;
    transition: 600ms;
}

footer .social a.ig {
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iNTIuNSIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9jaXJjbGU+PHBhdGggZD0iTTI1NiA2QzExNy45MjkgNiA2IDExNy45MjkgNiAyNTZzMTExLjkyOSAyNTAgMjUwIDI1MCAyNTAtMTExLjkyOSAyNTAtMjUwUzM5NC4wNzEgNiAyNTYgNnptMTU0LjQ1OCAzMTMuNTRjLTEuMiAyMy43NjgtNy44NzkgNDcuMjA2LTI1LjIgNjQuMzQzLTE3LjQ4OSAxNy4zLTQxLjAzOCAyMy43NDYtNjUuMDM1IDI0LjkzNEgxOTEuNzc4Yy0yNC0xLjE4OC00Ny41NDYtNy42My02NS4wMzUtMjQuOTM0LTE3LjMyMi0xNy4xMzctMjQtNDAuNTc1LTI1LjItNjQuMzQzVjE5Mi40NmMxLjItMjMuNzY4IDcuODc5LTQ3LjIwNiAyNS4yLTY0LjM0NCAxNy40ODktMTcuMyA0MS4wMzgtMjMuNzQ2IDY1LjAzNS0yNC45MzNoMTI4LjQ0NGMyNCAxLjE4NyA0Ny41NDYgNy42MyA2NS4wMzUgMjQuOTMzIDE3LjMyMiAxNy4xMzggMjQgNDAuNTc2IDI1LjIgNjQuMzQ0eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0zMTguNiAxMzIuMTM4Yy0zMS4yODYtLjg1OC05My45MDYtLjg1OC0xMjUuMTkyIDAtMTYuMjgxLjQ0Ny0zNC43MzggNC41LTQ2LjMzOCAxNi44OS0xMi4wNTQgMTIuODc5LTE2LjYwOSAyOC40MzktMTcuMDcxIDQ1Ljg0Ni0uODEyIDMwLjU1MiAwIDEyMi4yNTIgMCAxMjIuMjUyLjUyOSAxNy40MDUgNS4wMTcgMzIuOTY3IDE3LjA3MSA0NS44NDYgMTEuNiAxMi4zOTQgMzAuMDU3IDE2LjQ0MyA0Ni4zMzggMTYuODkgMzEuMjg2Ljg1OCA5My45MDYuODU4IDEyNS4xOTIgMCAxNi4yODEtLjQ0NyAzNC43MzgtNC41IDQ2LjMzOC0xNi44OSAxMi4wNTQtMTIuODc5IDE2LjYwOS0yOC40MzkgMTcuMDcxLTQ1Ljg0NlYxOTQuODc0Yy0uNDYyLTE3LjQwNy01LjAxNy0zMi45NjctMTcuMDcxLTQ1Ljg0Ni0xMS42MDQtMTIuMzk0LTMwLjA2MS0xNi40NDMtNDYuMzM4LTE2Ljg5ek0yNTYgMzM3LjM3NUE4MS4zNzUgODEuMzc1IDAgMSAxIDMzNy4zNzUgMjU2IDgxLjM3NSA4MS4zNzUgMCAwIDEgMjU2IDMzNy4zNzV6bTgxLjcyMS0xNDUuOTUzQTE2LjI3NSAxNi4yNzUgMCAxIDEgMzU0IDE3NS4xNDdhMTYuMjc1IDE2LjI3NSAwIDAgMS0xNi4yNzkgMTYuMjc1eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    margin-right: 15px;
    transition: 600ms;
}

footer .social a.ln {
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0yNTYgMEMxMTQuNjM3IDAgMCAxMTQuNjM3IDAgMjU2czExNC42MzcgMjU2IDI1NiAyNTYgMjU2LTExNC42MzcgMjU2LTI1NlMzOTcuMzYzIDAgMjU2IDB6bS03NC4zOSAzODdoLTYyLjM0OFYxOTkuNDI2aDYyLjM0N3ptLTMxLjE3My0yMTMuMTg4aC0uNDA2Yy0yMC45MjIgMC0zNC40NTMtMTQuNDAyLTM0LjQ1My0zMi40MDIgMC0xOC40MDYgMTMuOTQ1LTMyLjQxIDM1LjI3NC0zMi40MSAyMS4zMjggMCAzNC40NTMgMTQuMDA0IDM0Ljg1OSAzMi40MSAwIDE4LTEzLjUzMSAzMi40MDMtMzUuMjc0IDMyLjQwM3pNNDA2LjQyMyAzODdoLTYyLjM0VjI4Ni42NTJjMC0yNS4yMTgtOS4wMjctNDIuNDE4LTMxLjU4Ni00Mi40MTgtMTcuMjIzIDAtMjcuNDggMTEuNjAyLTMxLjk4OCAyMi44MDEtMS42NDkgNC4wMDgtMi4wNTEgOS42MS0yLjA1MSAxNS4yMTVWMzg3aC02Mi4zNDRzLjgxNy0xNjkuOTc3IDAtMTg3LjU3NGg2Mi4zNDR2MjYuNTU4YzguMjg1LTEyLjc4IDIzLjExLTMwLjk2IDU2LjE4OC0zMC45NiA0MS4wMiAwIDcxLjc3NyAyNi44MDggNzEuNzc3IDg0LjQyMXptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    margin-right: 15px;
    transition: 600ms;
}

footer .social a:hover {
    opacity: 1;
}

footer .contact a.tel {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEzLjY0IDUxMy42NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTQ5OS42NiAzNzYuOTYtNzEuNjgtNzEuNjhjLTI1LjYtMjUuNi02OS4xMi0xNS4zNTktNzkuMzYgMTcuOTItNy42OCAyMy4wNDEtMzMuMjggMzUuODQxLTU2LjMyIDMwLjcyLTUxLjItMTIuOC0xMjAuMzItNzkuMzYtMTMzLjEyLTEzMy4xMi03LjY4LTIzLjA0MSA3LjY4LTQ4LjY0MSAzMC43Mi01Ni4zMiAzMy4yOC0xMC4yNCA0My41Mi01My43NiAxNy45Mi03OS4zNmwtNzEuNjgtNzEuNjhjLTIwLjQ4LTE3LjkyLTUxLjItMTcuOTItNjkuMTIgMEwxOC4zOCA2Mi4wOGMtNDguNjQgNTEuMiA1LjEyIDE4Ni44OCAxMjUuNDQgMzA3LjJzMjU2IDE3Ni42NDEgMzA3LjIgMTI1LjQ0bDQ4LjY0LTQ4LjY0YzE3LjkyMS0yMC40OCAxNy45MjEtNTEuMiAwLTY5LjEyeiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=)
}

#all-offers-list .image-inner {
    padding-bottom: 69%;
}

#all-offers-list .image-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--d);
    background: -moz-linear-gradient(180deg, rgba(11, 28, 56, 0) 0%, rgba(11, 28, 56, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(11, 28, 56, 0) 0%, rgba(11, 28, 56, 1) 100%);
    background: linear-gradient(180deg, rgba(11, 28, 56, 0) 0%, rgba(11, 28, 56, 1) 100%);
    opacity: .85;
    transition: 400ms;
    z-index: 4;
}

#all-offers-list .onepack {
    position: relative;
    margin: 0 10px 15px 10px;
}

#all-offers-list .offer-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 5;
    text-align: left;
    width: 90%;
}

body.type-offer #article-cont ul {
    margin: unset;
    padding: 0 30px;
    list-style: circle;
}

body.type-offer #article-cont ul li {
    list-style: circle;
}

#all-offers-list .offer-info h3 {
    font-family: var(--text);
    font-size: 20px;
    color: var(--w);
    line-height: 26px;
    margin: 5px;
    opacity: 1;
    max-width: 80%;
    margin-bottom: 15px;
    font-weight: 600;
}

#all-offers-list {
    margin: 0 30px;
    overflow: hidden;
}

.bt {
    margin: 10px auto;
    display: block;
    width: 100px;
}

.bt .prev,
.bt .next {
    display: inline-block;
    width: 48px;
    text-align: center;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 35px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--d);
    cursor: pointer;
}

.bt .prev:hover,
.bt .next:hover {
    display: inline-block;
    width: 48px;
    background-color: var(--a);
    cursor: pointer;
}

.bt .next {
    float: right;
}

.bt .prev {
    float: right;
    transform: rotate(180deg);
}

#all-offers-list .offer-info .btn,
#all-offers-list .offer-info a.bookme {
    display: inline-block;
    padding: 6px 20px;
    background: #ffffff1a;
    color: var(--w);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--text);
    cursor: pointer;
    margin: 10px 5px;
    border: 1px solid #ffffff29;
    margin: 0px 5px 10px;
    transition: 700ms;
}

#all-offers-list .offer-info .btn:hover {
    background: var(--w);
    color: var(--d);
}

#all-offers-list .offer-info a.bookme {
    background: var(--a);
    color: var(--w);
    border: none;
}

#h .centerlogo {
    width: 220px;
    margin: 35px auto;
    display: block;
}

.leftext {
    text-align: left;
    padding: 0 20px 0 0;
    position: sticky;
    top: 50px;
}

.leftext h1 {
    font-size: 55px;
    line-height: 67px;
    font-weight: 800;
    margin-bottom: 27px;
    position: relative;
    margin-top: 0;
    word-break: break-all;
}

body.temp-page_1 header .right a,
body.temp-page_1 header .left a.tel {
    color: #213830;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0;
    border: 2px solid #213830;
    padding: 7px 18px;
    border-radius: 26px;
    padding-left: 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzIxMzgzMDt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5OC4xLDM3NS44bC03MS41LTcxLjVjLTI1LjUtMjUuNS02OC45LTE1LjMtNzkuMSwxNy45Yy03LjcsMjMtMzMuMiwzNS43LTU2LjEsMzAuNgoJCWMtNTEtMTIuOC0xMTkuOS03OS4xLTEzMi43LTEzMi43Yy03LjctMjMsNy43LTQ4LjUsMzAuNi01Ni4xYzMzLjItMTAuMiw0My40LTUzLjYsMTcuOS03OS4xbC03MS41LTcxLjVjLTIwLjQtMTcuOS01MS0xNy45LTY4LjksMAoJCUwxOC4zLDYxLjljLTQ4LjUsNTEsNS4xLDE4Ni4zLDEyNSwzMDYuMnMyNTUuMiwxNzYuMSwzMDYuMiwxMjVsNDguNS00OC41QzUxNS45LDQyNC4yLDUxNS45LDM5My42LDQ5OC4xLDM3NS44TDQ5OC4xLDM3NS44eiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    margin-right: 15px;
    transition: 500ms;
}

body.temp-page_1 header .right a {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzIxMzgzMDt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0NS43LDMwLjFoLTQ1LjJ2NDUuMmMwLDktNy41LDE1LjEtMTUuMSwxNS4xcy0xNS4xLTYtMTUuMS0xNS4xVjMwLjFIMTI5LjV2NDUuMmMwLDktNy41LDE1LjEtMTUuMSwxNS4xCgkJcy0xNS4xLTYtMTUuMS0xNS4xVjMwLjFINTQuMmMtMjIuNiwwLTM5LjIsMTkuNi0zOS4yLDQ1LjJ2NTQuMmg0ODEuOVY3NS4zQzQ5Ni45LDQ5LjcsNDY5LjgsMzAuMSw0NDUuNywzMC4xeiBNMTUuMSwxNjEuMXYyNzUuNgoJCWMwLDI3LjEsMTYuNiw0NS4yLDQwLjcsNDUuMmgzOTEuNWMyNC4xLDAsNTEuMi0xOS42LDUxLjItNDUuMlYxNjEuMUgxNS4xeiBNMTQ5LjEsNDE0LjFoLTM2LjFjLTYsMC0xMi00LjUtMTItMTJ2LTM3LjYKCQljMC02LDQuNS0xMiwxMi0xMmgzNy42YzYsMCwxMiw0LjUsMTIsMTJ2MzcuNkMxNjEuMSw0MDkuNiwxNTYuNiw0MTQuMSwxNDkuMSw0MTQuMUwxNDkuMSw0MTQuMXogTTE0OS4xLDI3OC42aC0zNi4xCgkJYy02LDAtMTItNC41LTEyLTEydi0zNy42YzAtNiw0LjUtMTIsMTItMTJoMzcuNmM2LDAsMTIsNC41LDEyLDEydjM3LjZDMTYxLjEsMjc0LjEsMTU2LjYsMjc4LjYsMTQ5LjEsMjc4LjZMMTQ5LjEsMjc4LjZ6CgkJIE0yNjkuNiw0MTQuMWgtMzcuNmMtNiwwLTEyLTQuNS0xMi0xMnYtMzcuNmMwLTYsNC41LTEyLDEyLTEyaDM3LjZjNiwwLDEyLDQuNSwxMiwxMnYzNy42QzI4MS42LDQwOS42LDI3Ny4xLDQxNC4xLDI2OS42LDQxNC4xegoJCSBNMjY5LjYsMjc4LjZoLTM3LjZjLTYsMC0xMi00LjUtMTItMTJ2LTM3LjZjMC02LDQuNS0xMiwxMi0xMmgzNy42YzYsMCwxMiw0LjUsMTIsMTJ2MzcuNkMyODEuNiwyNzQuMSwyNzcuMSwyNzguNiwyNjkuNiwyNzguNnoKCQkgTTM5MCw0MTQuMWgtMzcuNmMtNiwwLTEyLTQuNS0xMi0xMnYtMzcuNmMwLTYsNC41LTEyLDEyLTEySDM5MGM2LDAsMTIsNC41LDEyLDEydjM3LjZDNDAyLjEsNDA5LjYsMzk3LjYsNDE0LjEsMzkwLDQxNC4xegoJCSBNMzkwLDI3OC42aC0zNy42Yy02LDAtMTItNC41LTEyLTEydi0zNy42YzAtNiw0LjUtMTIsMTItMTJIMzkwYzYsMCwxMiw0LjUsMTIsMTJ2MzcuNkM0MDIuMSwyNzQuMSwzOTcuNiwyNzguNiwzOTAsMjc4LjZ6Ii8+CjwvZz4KPC9zdmc+Cg==")
}

body.temp-page_1 header .right a:hover {
    color: #c5c7b9;
    border: 2px solid #213830;
    background-color: #213830;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    margin-right: 15px;
}

body.temp-page_1 header .left a.tel:hover {
    color: #c5c7b9;
    border: 2px solid #213830;
    background-color: #213830;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEzLjY0IDUxMy42NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTQ5OS42NiAzNzYuOTYtNzEuNjgtNzEuNjhjLTI1LjYtMjUuNi02OS4xMi0xNS4zNTktNzkuMzYgMTcuOTItNy42OCAyMy4wNDEtMzMuMjggMzUuODQxLTU2LjMyIDMwLjcyLTUxLjItMTIuOC0xMjAuMzItNzkuMzYtMTMzLjEyLTEzMy4xMi03LjY4LTIzLjA0MSA3LjY4LTQ4LjY0MSAzMC43Mi01Ni4zMiAzMy4yOC0xMC4yNCA0My41Mi01My43NiAxNy45Mi03OS4zNmwtNzEuNjgtNzEuNjhjLTIwLjQ4LTE3LjkyLTUxLjItMTcuOTItNjkuMTIgMEwxOC4zOCA2Mi4wOGMtNDguNjQgNTEuMiA1LjEyIDE4Ni44OCAxMjUuNDQgMzA3LjJzMjU2IDE3Ni42NDEgMzA3LjIgMTI1LjQ0bDQ4LjY0LTQ4LjY0YzE3LjkyMS0yMC40OCAxNy45MjEtNTEuMiAwLTY5LjEyeiIgZmlsbD0iI2M1YzdiOSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
}

body.temp-page_1 header .left #lang a {
    text-decoration: none;
    color: var(--d);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.container {
    width: 1230px;
}

.room-gallery-small .swiper-slide {
    height: unset;
    aspect-ratio: 16/11;
    margin: 0;
}

.roombox .wrapp .lightgallery {
    display: none;
}

.roombox {
    text-align: left;
    margin-top: 60px;
}

.roombox .col-md-6:nth-child(2) .wrapp {
    margin: 0px 20px 30px 70px;
}

.roombox .col-md-6:nth-child(2) .wrapp ul {
    list-style: inherit;
    margin: 20px;
    padding-left: 20px;
}

.roombox .col-md-6:nth-child(2) .wrapp ul li {
    list-style: disc;
    padding-left: 0;
}

.mogalery-filter {
    position: relative;
    margin: 50px auto 50px;
    text-align: center;
}

.mg-button {
    background: transparent;
    color: var(--d);
    padding: 3px 16px;
    border: none;
    border-radius: 0;
    margin: 10px 0;
    display: inline-block;
    font-weight: 300;
    letter-spacing: 0;
    font-size: 17px;
    margin-right: 5px;
    cursor: pointer !important;
    transition: 500ms;
    font-family: var(--text);
    position: relative;
    transition: 600ms;
}

.mg-button:hover {
    letter-spacing: 1px;
}

.mg-button.act {
    font-weight: 600;
}

#mogo {
    position: relative;
    width: calc(100% - 70px);
    margin: 0 auto 100px;
}

#mogo::before {
    content: '';
    position: absolute;
    display: block;
    top: 60px;
    width: 200px;
    height: 60px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    background: url(/template/villa/img/load.svg) 50% 50% no-repeat;
    background-size: 80px;
    opacity: 0;
    transition: 300ms;
}

#mogo.preloader::before {
    opacity: 1
}

#mogo ul.lightgallery {
    margin-left: 0 !important;
    margin-right: 0 !important;
    list-style: none !important;
    padding: 0 !important;
}

#mogo ul.lightgallery li {
    overflow: hidden;
    margin: 0 0 8px 8px;
    background-color: transparent;
    color: white;
    position: relative;
    flex: auto;
    height: 250px;
    min-width: 150px;
    max-width: 480px;
}

#mogo ul.lightgallery li:nth-child(4n+1) {
    width: 250px;
}

#mogo ul.lightgallery li:nth-child(4n+2) {
    width: 325px;
}

#mogo ul.lightgallery li:nth-child(4n+3) {
    width: 180px;
}

#mogo ul.lightgallery li:nth-child(4n+4) {
    width: 380px;
}

#mogo ul.lightgallery li:nth-child(5n) {
    width: 480px;
}

ul.lightgallery li::before {
    width: 100%;
    height: 100%;
    background: var(--d);
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    -webkit-transition: all .55s linear;
    -moz-transition: all .55s linear;
    transition: all .55s linear;
    opacity: 0;
    content: '';
    z-index: 2;
    transform: none;
}

ul.lightgallery li::after {
    content: '';
    background: url(/template/villa/img/s.svg) 50% 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 10px;
    top: 50%;
    left: 50%;
    position: absolute;
    font-size: 0;
    z-index: 3;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .4s all ease;
    transition: .4s all ease;
    opacity: 0;
}

ul.lightgallery li:hover::before {
    opacity: .7;
}

ul.lightgallery li:hover::after {
    opacity: .8;
    background-size: 25px;
}

.mogalery-content .lightgallery li a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
}

.lightgallery li a img {
    display: none;
}

#video {
    height: 100vh;
    width: 100%;
    min-height: 730px;
}

.wr {
    -webkit-animation: fadeIn .6s forwards;
    -webkit-animation-delay: .6s;
    animation: fadeIn .6s forwards;
    animation-delay: .6s;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 23;
}

.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s;
}

#video .position {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 546;
    max-width: 100%;
    width: 90%;
    max-width: 1200px;
}

.desktop-hidden {
    display: none;
}

.play {
    position: absolute;
    margin: 0;
    width: 70px;
    height: 70px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44MzMgMCAwIDExNC44NDQgMCAyNTZzMTE0LjgzMyAyNTYgMjU2IDI1NiAyNTYtMTE0Ljg0NCAyNTYtMjU2UzM5Ny4xNjcgMCAyNTYgMHptMCA0OTAuNjY3QzEyNi42MDQgNDkwLjY2NyAyMS4zMzMgMzg1LjM5NiAyMS4zMzMgMjU2UzEyNi42MDQgMjEuMzMzIDI1NiAyMS4zMzMgNDkwLjY2NyAxMjYuNjA0IDQ5MC42NjcgMjU2IDM4NS4zOTYgNDkwLjY2NyAyNTYgNDkwLjY2N3oiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMzU3Ljc3MSAyNDcuMDMxLTE0OS4zMzMtOTZjLTMuMjcxLTIuMTM1LTcuNS0yLjI1LTEwLjg3NS0uMzk2QTEwLjY1MyAxMC42NTMgMCAwIDAgMTkyIDE2MHYxOTJjMCAzLjkwNiAyLjEyNSA3LjQ5IDUuNTYzIDkuMzY1YTEwLjY4IDEwLjY4IDAgMCAwIDUuMTA0IDEuMzAyYzIgMCA0LjAyMS0uNTYzIDUuNzcxLTEuNjk4bDE0OS4zMzMtOTZjMy4wNDItMS45NTggNC44OTYtNS4zNDQgNC44OTYtOC45NjlzLTEuODU0LTcuMDEtNC44OTYtOC45Njl6bS0xNDQuNDM4IDg1LjQyN1YxNzkuNTQyTDMzMi4yNzEgMjU2bC0xMTguOTM4IDc2LjQ1OHoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+);
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    cursor: pointer;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    z-index: 54;
}

#bookpanel .textwrap {
    transition: 600ms;
}

#bookpanel .textwrap:hover {
    background: #b4975a5c;
}

.patb h2 {
    font-family: var(--title);
    font-weight: 300;
    font-size: 43px;
    line-height: 56px;
    margin: 0;
    position: relative;
    max-width: 90%;
    width: 90%;
    color: var(--w);
    text-align: left;
    margin: 35px auto 35px 30px;
}

.patb p {
    color: #ffffffa8
}

.patb .col-md-6 p {
    color: var(--w);
    margin: 50px;
}

.patb {
    background: var(--d);
}

.swiper-ev {
    overflow: hidden;
}

.swiper-ev .swiper-slide {
    width: 100%;
    max-width: 800px;
}

#events .hand {
    margin-left: 30px;
    font-size: 30px;
    margin-top: -15px;
}

#events h2 {
    background: -webkit-linear-gradient(359deg, #b49759, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.swiper-ev .swiper-slide .nq {
    position: absolute;
    right: 30px;
    bottom: 30px;
    color: var(--a);
    font-size: 190px;
    line-height: 200px;
    font-family: var(--title);
    opacity: 0;
    transition: 600ms;
    transition-delay: 1200ms;
}

.swiper-ev .swiper-slide.swiper-slide-active .nq {
    opacity: .5;
}

.swiper-ev .animated-image {
    height: 500px;
    position: relative;
    margin: 10px;
}

.swiper-ev .animated-image h3 {
    color: var(--w);
    font-size: 30px;
    line-height: 35px;
    margin: 0;
    font-weight: 700;
    margin-bottom: 20px;
}

.swiper-ev .swiper-slide .animated-image .textp {
    overflow: hidden;
    max-height: 0;
    transition: max-height 5000ms 500ms;
}

.swiper-ev .swiper-slide.swiper-slide-active .animated-image .textp,
.swiper-ev .swiper-slide:last-child .animated-image .textp {
    max-height: 1000px;
    transition: max-height 5000ms 500ms;
}

.swiper-ev .animated-image::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0b1932;
    background: linear-gradient(359deg, var(--dd), transparent);
    opacity: 1;
    transition: 800ms;
}

.swiper-ev .swiper-slide.swiper-slide-active .animated-image::before,
.swiper-ev .swiper-slide:last-child .animated-image::before {
    top: 0%
}

.swiper-ev .animated-image .text {
    width: 65%;
    text-align: left;
    position: absolute;
    left: 50px;
    bottom: 30px;
}

.swiper-ev .centeredall a {
    color: var(--a)
}

.swiper-ev .centeredall a::before {
    background-color: var(--a)
}

.swiper-ev .bb,
.bb {
    position: absolute;
    bottom: -70px;
    left: calc(50% + 10px);
    transform: translateX(-50%);
    display: block;
    width: 90px;
    height: 46px;
    z-index: 556;
    border-radius: 25px;
}

.swiper-ev .bb .n,
.swiper-ev .bb .p,
.bb .n,
.bb .p {
    display: inline-block;
    background: transparent;
    width: 45px;
    height: 46px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxMy4zMzIgMEM5NS41MTIgMCAwIDk1LjUxMiAwIDIxMy4zMzJzOTUuNTEyIDIxMy4zMzYgMjEzLjMzMiAyMTMuMzM2IDIxMy4zMzYtOTUuNTE2IDIxMy4zMzYtMjEzLjMzNkM0MjYuNTM1IDk1LjU2NiAzMzEuMTAyLjEzMiAyMTMuMzMyIDB6bTAgNDA1LjMzMmMtMTA2LjAzOSAwLTE5Mi04NS45Ni0xOTItMTkyIDAtMTA2LjAzOSA4NS45NjEtMTkyIDE5Mi0xOTIgMTA2LjA0IDAgMTkyIDg1Ljk2MSAxOTIgMTkyLS4xMjEgMTA1Ljk4OC04Ni4wMTIgMTkxLjg3OS0xOTIgMTkyem0wIDAiIGZpbGw9IiMyMTM4MzAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMTg4LjM1NSAxMzAuNjM3Yy00LjQzNy0zLjg4LTExLjE3NS0zLjQyNi0xNS4wNTQgMS4wMDgtMy44NzUgNC40MzctMy40MjIgMTEuMTc1IDEuMDEyIDE1LjA1NGw3Ni4xNTYgNjYuNjMzLTc2LjE2IDY2LjYzN2MtNC40MzggMy44NzktNC44ODcgMTAuNjE3LTEuMDEyIDE1LjA1IDMuODc5IDQuNDM4IDEwLjYxNyA0Ljg5MSAxNS4wNTUgMS4wMTJsODUuMzMyLTc0LjY2OGExMC42NyAxMC42NyAwIDAgMCAwLTE2LjA2M3ptMCAwIiBmaWxsPSIjMjEzODMwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 28px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--a);
    cursor: pointer;
    transition: 600ms;
}

.swiper-ev .bb .p,
.bb .p {
    transform: rotate(180deg);
}

.swiper-ev .bb .n,
.bb .n {
    float: right;
}

#info::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/template/villa/img/skica22.webp) 70% 50% no-repeat;
    display: block;
    position: absolute;
    background-size: contain;
    opacity: .15;
    z-index: -1;
}

#info .bb {
    bottom: 0;
    left: 45px;
}

#info h2 {
    font-family: var(--title);
    letter-spacing: 0;
    font-weight: 300;
    font-size: 46px;
    line-height: 56px;
    margin-top: 40px;
}

.afterhead p {
    font-size: 20px;
    line-height: 33px;
    width: 90%;
    margin: 30px auto;
}

.afterhead h2 {
    font-size: 40px;
    line-height: 50px;
    font-family: var(--title);
    font-weight: 500;
}

.subpage ul {
    margin: 10px;
    padding: 0 20px;
}

.subpage address {
    background: transparent;
    background: linear-gradient(45deg, #f2ede2, transparent);
    padding: 20px 40px 20px 30px;
    border-left: 5px solid var(--a);
    margin: 30px 0;
    font-size: 15px;
    line-height: 21px;
    max-width: 80%;
}

.subpage a {
    color: var(--a);
}

.subpage ul li {
    list-style: disc;
}

.slider.sub .cencen p {
    font-size: 24px;
    color: var(--a);
}

.subpage .col-md-8 {
    padding-right: 50px;
}

.subpage .col-md-4 {
    padding-left: 50px;
}

.subpage .box {
    position: sticky;
    top: 50px;
    margin-top: 80px;
}

.subpage .box .bt {
    transform: scale(0.70);
    margin-left: -20px;
    margin-top: -5px;
}

.subpage .box .roomprice {
    transform: scale(0.8);
    top: -10px;
    right: 0;
}

.subpage .box .swiper-one {
    overflow: hidden;
}

.subpage .box h4 {
    font-family: var(--text);
    color: var(--dd);
    font-size: 18px;
    margin: 0;
}

.subpage .box .date p {
    font-size: 12px;
    font-weight: 600;
    margin: -10px 0 0;
}

.subpage .box #all-offers-list .image-inner::before {
    background: var(--d);
    background: -moz-linear-gradient(180deg, rgba(11, 28, 56, 0.76) 0%, rgba(11, 28, 56, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(11, 28, 56, .76) 0%, rgba(11, 28, 56, 1) 100%);
    background: linear-gradient(180deg, rgb(6 20 43 / 76%) 0%, rgba(11, 28, 56, 1) 100%);
    opacity: .95;
    transition: 400ms;
    z-index: 4;
}

.subpage .box #all-offers-list .offer-info h3 {
    font-family: var(--text);
    font-size: 16px;
    color: var(--w);
    line-height: 21px;
    margin: 5px;
    opacity: 1;
    max-width: 70%;
    margin-bottom: 15px;
    font-weight: 600;
}

.subpage .box .eve {
    margin-top: 0;
}

.subpage ul.lightgallery,
.subpage ul.lightgallery li {
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

.subpage ul.lightgallery li {
    margin: 1% 1% 1% 0;
    width: 32%;
    min-width: 32%;
    max-width: 49%;
}

.subpage h2 {
    font-family: var(--title);
    font-size: 43px;
    line-height: 51px;
    margin-bottom: 40px;
    color: var(--dd);
}

.box h3 {
    font-family: var(--text);
    font-size: 27px;
    line-height: 35px;
    margin-top: 60px;
    font-weight: 800;
    margin-bottom: 10px;
}

.box #all-offers-list {
    margin: 0;
    margin-right: 10px;
}

.box #all-offers-list .onepack {
    margin-left: 0;
}

#price {
    position: absolute;
    top: -130px;
    left: 50%;
    z-index: 223;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    width: 120px;
    height: 120px;
    border-radius: 130px;
    text-align: center;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    color: white;
    text-decoration: none;
    opacity: 1;
    transform: rotate(-7deg) translateX(-50%);
    overflow: hidden;
}

#price .pricefrom,
#price span,
#price p {
    z-index: 4;
}

#price::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    mask-image: url(/template/villa/img/pat.svg);
    -webkit-mask-image: url(/template/villa/img/pat.svg);
    mask-position: 50%;
    mask-size: 360px;
    background-color: #ffffff3d;
    mask-repeat: repeat;
    transition: background-color 200ms;
    z-index: 1;
}

#price::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #22251F;
    background: linear-gradient(324deg, #22251F, #22251F52);
    z-index: 2
}

#price p {
    color: white;
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    font-family: var(--title);
    margin: 0;
    transform: translateY(-6px);
}

#price span {
    font-size: 14px;
    line-height: 15px;
    margin: -2px;
}

.oneone ul {
    text-align: left;
}

.oneone ul li {
    display: inline-block;
    text-align: left;
    margin: 10px 20px;
    margin-left: 0;
}

.oneone ul li strong {
    display: block
}

body.home #events .textp ul {
    display: none
}

.eve {
    margin: 20px;
    display: block;
    text-decoration: none;
    margin-left: 0;
    margin-right: 30px;
}

.eve h3 {
    margin-top: 5px;
}

header aside {
    right: 0;
    top: 80px;
    z-index: 2332;
}

#marque {
    position: absolute;
    right: 0px;
    padding: 6px 20px;
    background: #ffffff38;
    background: linear-gradient(-90deg, white, transparent);
    overflow: hidden;
    transition: 500ms;
}

#marque .one,
.info-slider .swiper-slide {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-left: 20px;
    color: var(--dd);
    line-height: 28px;
}

#marque .one span i,
.info-slider .swiper-slide span i {
    background: var(--a);
    color: white;
    border-radius: 50px;
    padding: 3px;
    width: 20px;
    height: 20px;
    color: transparent;
    margin-right: 4px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTExLjU3NyAxMTEuNTc3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtNzguOTYyIDk5LjUzNi0xLjU1OSA2LjM3M2MtNC42NzcgMS44NDYtOC40MTMgMy4yNTEtMTEuMTk1IDQuMjE3LTIuNzg1Ljk2OS02LjAyMSAxLjQ1MS05LjcwOCAxLjQ1MS01LjY2MiAwLTEwLjA2Ni0xLjM4Ny0xMy4yMDctNC4xNDItMy4xNDEtMi43NjYtNC43MTItNi4yNzEtNC43MTItMTAuNTIzIDAtMS42NDYuMTE0LTMuMzM5LjM1MS01LjA2NC4yMzktMS43MjcuNjE5LTMuNjcyIDEuMTM5LTUuODQ2bDUuODQ1LTIwLjY4OGMuNTItMS45ODEuOTYyLTMuODU4IDEuMzE2LTUuNjMzLjM1OS0xLjc2NC41MzItMy4zODcuNTMyLTQuODQ4IDAtMi42NDItLjU0Ny00LjQ5LTEuNjM2LTUuNTI5LTEuMDg5LTEuMDM2LTMuMTY3LTEuNTYyLTYuMjUyLTEuNTYyLTEuNTExIDAtMy4wNjQuMjQyLTQuNjQ3LjcxLTEuNTkuNDctMi45NDkuOTI0LTQuMDkgMS4zNDZsMS41NjMtNi4zNzhjMy44MjktMS41NTkgNy40ODktMi44OTQgMTAuOTktNC4wMDIgMy41MDEtMS4xMTEgNi44MDktMS42NjcgOS45MzgtMS42NjcgNS42MjMgMCA5Ljk2MiAxLjM1OSAxMy4wMDkgNC4wNzcgMy4wNDcgMi43MiA0LjU3IDYuMjQ2IDQuNTcgMTAuNTkxIDAgLjg5OS0uMSAyLjQ4My0uMzE1IDQuNzQ3LS4yMSAyLjI2OS0uNjAxIDQuMzQ4LTEuMTcxIDYuMjM5bC01LjgyIDIwLjYwNWMtLjQ3NyAxLjY1NS0uOTA2IDMuNTQ3LTEuMjc5IDUuNjc2LS4zODUgMi4xMTUtLjU2OSAzLjczMS0uNTY5IDQuODE1IDAgMi43MzYuNjEgNC42MDQgMS44MzMgNS41OTcgMS4yMzIuOTkzIDMuMzU0IDEuNDg3IDYuMzY4IDEuNDg3IDEuNDE1IDAgMy4wMjUtLjI1MSA0LjgxNC0uNzQ0IDEuNzg0LS40OTMgMy4wODUtLjkyNiAzLjg5Mi0xLjMwNXptMS40NzYtODYuNTA2YzAgMy41OS0xLjM1MyA2LjY1Ni00LjA3MiA5LjE3Ny0yLjcxMiAyLjUzLTUuOTggMy43OTYtOS44MDMgMy43OTYtMy44MzUgMC03LjExMS0xLjI2Ni05Ljg1NC0zLjc5Ni0yLjczOC0yLjUyMi00LjExLTUuNTg3LTQuMTEtOS4xNzcgMC0zLjU4MyAxLjM3Mi02LjY1NCA0LjExLTkuMjA3QzU5LjQ0NyAxLjI3NCA2Mi43MjkgMCA2Ni41NjMgMGMzLjgyMiAwIDcuMDkxIDEuMjc3IDkuODAzIDMuODIzIDIuNzIxIDIuNTUzIDQuMDcyIDUuNjI1IDQuMDcyIDkuMjA3eiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
}

#price span:first-of-type {
    margin-top: 5px;
}

#all-offers-list .swiper-slide a {
    text-decoration: none !important;
    color: inherit !important;
}

#all-offers-list .swiper-slide a .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 54564;
    width: 80%;
    text-align: center;
    background: transparent !important;
    color: white;
    filter: drop-shadow(2px 4px 7px black);
}

#all-offers-list .swiper-slide a .text .box h3 {
    font-family: var(--text);
    font-size: 27px;
    line-height: 35px;
    margin-top: 10px;
    font-weight: 800;
    margin-bottom: 0;
}


 .subpage .box #all-offers-list .bt {
    transform: scale(0.70);
    margin-left: -20px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

#all-offers-list .swiper-slide:not(.swiper-slide-active) {
    visibility: hidden;
    opacity: 0;
    transition: 500ms;
}

@media only screen and (max-width: 1600px) {
    .box h3 {
        font-size: 22px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 670px) {
    .desktop-hidden {
        display: block
    }

    #mogo {
        position: relative;
        width: calc(100% - 20px);
        max-width: 1600px;
        margin: 0 auto 100px auto;
    }
}

#js-calendar {
    position: relative;
    width: 100%;
    max-width: 1000px;
    height: 430px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: none !important
}

#calendar-wrapper {
    width: calc(500px * 6);
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
}

.month-block {
    float: left;
    margin: 10px;
}

.mb-title {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: -5px;
    text-align: center;
}

.mb-day,
.mb-empty,
.caldayname {
    width: calc((100% / 7) - 2px);
    display: inline-block;
    text-align: center;
    float: left;
    line-height: 32px;
    height: 52px;
    margin-top: 0;
    margin-bottom: 0;
    margin: 1px;
    position: relative;
    font-weight: 600;
    font-family: var(--text);
    font-size: 14px
}

.caldayname {
    font-weight: 400;
}

.mb-day.selectable:hover {
    background: var(--d) !important;
    color: var(--l) !important;
    opacity: 1;
    cursor: pointer;
}

#js-calendar .mb-content {
    width: 480px;
    max-width: 100%;
    float: left;
}

.selectable {
    opacity: 1 !important;
    text-decoration: none !important;
    font-weight: 700;
    font-family: var(--title);
    font-size: 16px;
}

.selectable.frsp::after,
.selectable.unvst::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(254, 211, 222, 0);
    background: -moz-linear-gradient(left, rgba(254, 211, 222, 0) 0, rgba(254, 211, 222, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(254, 211, 222, 0) 0, rgba(254, 211, 222, 1) 100%);
    background: linear-gradient(to right, rgba(254, 211, 222, 0) 0, rgba(254, 211, 222, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fed3de', endColorstr='#fed3de', GradientType=1);
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}

.mb-day::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #c7c7c7;
    z-index: -1;
    opacity: .3;
}

.mb-day:not(.selectable),
#js-calendar .mb-day.unavailable.unvst:not(.selectable) {
    line-height: 52px !important;
    height: 52px !important;
    position: relative;
    cursor: pointer;
    opacity: .3 !important;
    font-size: 14px !important;
    color: var(--d) !important;
    background: transparent !important;
    font-weight: 500;
    text-align: center;
    text-decoration: line-through !important;
    font-weight: 500;
    text-align: center;
    text-decoration: line-through !important;
    color: #f26d7d !important;
    opacity: 1 !important;
    cursor: not-allowed;
    background: rgb(254 211 222) !important;
}

.mb-day.selectable span,
.mb-day.unavailable.enddate span {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 11px;
    display: block;
    bottom: -1px;
    font-weight: 600;
    opacity: 0.7;
    font-family: var(--text);
}

.mb-day:not(.selectable) span {
    display: none
}

.checkin .date span,
.checkout .date span {
    font-family: var(--title);
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
}

.cal h2 {
    font-family: var(--text);
    font-size: 33px;
    line-height: 36px;
    display: block;
    font-weight: 800;
}

.cal h2 span {
    font-family: var(--text);
    display: block;
    font-size: 30px;
    font-weight: 400;
    color: #b49759;
    font-family: 'mrleopold-pro';
    letter-spacing: 0;
}

.startdate {
    background: var(--d);
    color: var(--l);
    opacity: 1;
    text-decoration: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 0;
}

.selecteddays {
    background: var(--d);
    color: var(--l);
    text-decoration: none !important;
}

.enddate {
    background: var(--d) !important;
    color: var(--l) !important;
    opacity: 1 !important;
    text-decoration: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 15px !important;
}

.enddate span {
    opacity: 0 !important;
}

.next,
.prev {
    background-size: 25px;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: var(--d);
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSI3OS4wOTMsMCA0OC45MDcsMzAuMTg3IDE0Ni43MiwxMjggNDguOTA3LDIyNS44MTMgNzkuMDkzLDI1NiAyMDcuMDkzLDEyOCAgICIgZmlsbD0iIzBjMTc0MiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wb2x5Z29uPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=) 50% 50% no-repeat;
    clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSI3OS4wOTMsMCA0OC45MDcsMzAuMTg3IDE0Ni43MiwxMjggNDguOTA3LDIyNS44MTMgNzkuMDkzLDI1NiAyMDcuMDkzLDEyOCAgICIgZmlsbD0iIzBjMTc0MiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wb2x5Z29uPgoJPC9nPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjwvZz48L3N2Zz4=);
    opacity: 1;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.prev {
    transform: rotate(180deg);
}

.prev.disabled {
    opacity: 0.3;
    cursor: disabled !important
}

#js-cb-next,
#js-cb-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 15px;
    cursor: pointer;
    z-index: 3;
    transition: 600ms;
}

#js-cb-prev {
    left: 10px;
}

#js-cb-next {
    right: 10px;
}

#gotobook .checkin,
#gotobook .checkout {
    padding: 0px 18px;
    padding-right: 26px;
    background: transparent;
    color: var(--d);
    border-radius: 3px;
    min-width: 110px;
    font-family: var(--text);
    font-size: 30px;
}

.roombox .wrapp #imgs .lightgallery {
    display: flex;
}

.roombox .wrapp #imgs .lightgallery .col-md-3 {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32.6%;
    max-width: 32.6%;
    margin: 1% 0 0 0;
    position: relative;
    padding-bottom: 21%;
}

.roombox .wrapp #imgs .lightgallery .col-md-3:nth-child(2),
.roombox .wrapp #imgs .lightgallery .col-md-3:nth-child(5),
.roombox .wrapp #imgs .lightgallery .col-md-3:nth-child(8),
.roombox .wrapp #imgs .lightgallery .col-md-3:nth-child(11) {
    margin-right: 1%;
    margin-left: 1%;
}

.roombox .wrapp #imgs .lightgallery .col-md-3 img {
    opacity: 0;
}

.roombox .wrapp #imgs .lightgallery .col-md-3 a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-size: cover;
}

.cover::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    background-color: var(--over);
}

.cover .heading {
    position: absolute;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
    bottom: 70px;
    width: 80%;
    color: #bdc2a5;
}

.cover .heading h1 {
    font-size: 50px;
    line-height: 60px;
}

.cover .heading p {
    letter-spacing: 7px;
}

#fixedbook {
    width: 90%;
    margin: 40px auto;
    position: sticky;
    top: 90px;
    border-radius: 3px;
    overflow: hidden;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 355px;
}

#fixedbook .t {
    background: var(--d);
    color: #ffffff;
    text-align: center;
}

#fixedbook .t span.fu {
    padding: 16px;
    display: block;
    position: relative;
    text-align: center;
    font-family: var(--text);
    font-weight: 300;
    background: var(--a);
    color: #20314f;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
}

#fixedbook .t a.book:hover {
    background: var(--a);
    color: var(--d);
}

#fixedbook .t a.book {
    background: var(--a);
    color: var(--d);
    padding: 14px 30px;
    width: 74%;
    display: table;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: var(--text);
    font-weight: 600;
    transition: 700ms;
    position: relative;
    text-decoration: none;
    font-size: 16px;
}

#fixedbook .b .col-md-12 {
    background: white;
    border: 2px solid #f2f2f2;
}

#fixedbook .share {
    opacity: .4;
    display: block;
    text-align: center;
    padding: 4px 10px;
    transform: translateY(-7px);
    filter: grayscale(1);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
}

#fixedbook .share a {
    padding: 5px;
    transform: translateY(4px)scale(.7);
    display: inline-block;
    transition: 600ms;
}

#fixedbook .t .col-md-6 span {
    color: #b49759;
    font-size: 14px;
}

#fixedbook .t .col-md-6 p {
    text-transform: none;
    margin-bottom: 20px;
    font-family: var(--text);
    color: var(--a);
    font-size: 57px;
    line-height: 45px;
    margin-top: 18px;
    font-weight: 900;
    margin: 0;
    font-family: var(--title);
    transform: translateY(-10px);
}

#fixedbook .t .col-md-6 p span {
    font-family: var(--text);
    font-size: 12px;
    border-bottom: none;
    padding: 0;
    font-weight: 200;
    line-height: 12px;
    display: block;
    letter-spacing: 1px;
}

#fixedbook .share {
    opacity: .4;
    display: block;
    text-align: center;
    padding: 4px 10px;
    transform: translateY(-7px);
    filter: grayscale(1);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
}

#fixedbook .share span {
    border-bottom: none;
    display: inline-block;
}

#fixedbook .share a {
    padding: 5px;
    transform: translateY(4px)scale(.7);
    display: inline-block;
    transition: 600ms;
}

#fixedbook .b {
    background: #f2f2f2;
    margin-bottom: 60px;
}

#fixedbook .b span {
    width: 70px;
    margin: 20px auto 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQ0OS4wNjggMzg4YTcuNSA3LjUgMCAwIDAgNy41LTcuNXYtMTgwYzAtOC45NTItMy40ODktMTguMTA5LTkuODI0LTI1Ljc4NGwtNTUuNjIzLTY3LjM5NGE0My45ODUgNDMuOTg1IDAgMCAwLTkuOTAyLTguODc3Yy4yMjMtMi4yOTIuMzUtNC42MDcuMzUtNi45NDR2LTg0YTcuNSA3LjUgMCAwIDAtMTUgMHMtLjAxNSA4NC43MTUtLjAyMSA4NS4wNzNhMzcuMTMzIDM3LjEzMyAwIDAgMC02LjQ3OS0uNTczaC05N2MtNi44MjkgMC0xMy41MjMgMS45MTYtMTkuNTE2IDUuNDM3YTcuNiA3LjYgMCAwIDAtLjc2OC4zMmwtNzMuMTExIDM1LjYxMmEzOS4xODcgMzkuMTg3IDAgMCAwLTE4LjI0IDE5LjE4OWMtLjA0LjA5MS0uMDc4LjE4Mi0uMTE0LjI3NGwtMzAuMjI4IDc2LjY3MmE3LjUwMSA3LjUwMSAwIDAgMCAxMy45NTUgNS41MDJsMzAuMTY5LTc2LjUyNGMyLjI2OS01LjA2OSA2LjIzNi05LjIyMiAxMS4xMDUtMTEuNjY2bDM4LjYyOC0xOC44MTUtMzguNTU2IDQ2LjcxNWMtNS43NzMgNi45OTQtOC44MjQgMTUuOTExLTguODI0IDI1Ljc4NXYyNTljMCAzLjAxNi4yNjUgNS45NjkuNzQ2IDguODQ3bC03Ny4yODItMzQuMjQ0Yy0xNy40NTgtNy43MzUtMjUuMzctMjguMjgyLTE3LjYzNC00NS44MDJsLjA5Ny0uMjI5IDQ4Ljg4My0xMjEuNDg0YTcuNSA3LjUgMCAwIDAtMTMuOTE2LTUuNmwtNDguODQgMTIxLjM3MWMtMTAuOTgyIDI1LjA1LjM2MiA1NC4zOTIgMjUuMzMzIDY1LjQ1Nmw5MC42MjQgNDAuMTU2Yy4xMTEuMDQ5LjIyNC4wODUuMzM2LjEyOCA5LjE5OCAxNC4zNzIgMjUuMSAyMy44OTkgNDMuMTUzIDIzLjg5OWgxODVjMjguNDU4IDAgNTIuNS0yNC4wNDIgNTIuNS01Mi41di00NGE3LjUgNy41IDAgMCAwLTE1IDB2NDRjMCAyMC4zMjctMTcuMTczIDM3LjUtMzcuNSAzNy41aC0xODVjLTIwLjEyNiAwLTM2LjUtMTYuODIyLTM2LjUtMzcuNXYtMjU5YzAtNi40MzggMS44MTQtMTEuOTAxIDUuMzkzLTE2LjIzNmw1NS42MjMtNjcuMzk0YzUuMTc3LTYuMjcyIDEyLjI3OS05Ljg3IDE5LjQ4NC05Ljg3aDk3YzEuNDEzIDAgMi44MjEuMTQzIDQuMjEyLjQxMy00LjY5NSAxNi4wMTEtMTYuMzI1IDI5LjM3MS0zMi4wMyAzNi4wNjZDMzI4LjE0NCAxMzYuNjEgMzIwLjYzNiAxMzIgMzEyLjA2OCAxMzJjLTEyLjk1OCAwLTIzLjUgMTAuNTQyLTIzLjUgMjMuNXMxMC41NDIgMjMuNSAyMy41IDIzLjVjMTEuOTgzIDAgMjEuODkzLTkuMDE4IDIzLjMxOC0yMC42MjMgMjAuMTk5LTcuNjQgMzUuNDczLTIzLjgyOCA0Mi4yNzgtNDMuNTg3YTMwLjM3IDMwLjM3IDAgMCAxIDEuODg5IDIuMDhsNTUuNjIzIDY3LjM5NWM0LjEyMiA0Ljk5NCA2LjM5MyAxMC43NiA2LjM5MyAxNi4yMzZ2MTgwYTcuNDk4IDcuNDk4IDAgMCAwIDcuNDk5IDcuNDk5em0tMTM3LTIyNGMtNC42ODcgMC04LjUtMy44MTMtOC41LTguNXMzLjgxMy04LjUgOC41LTguNSA4LjUgMy44MTMgOC41IDguNS0zLjgxMyA4LjUtOC41IDguNXoiIGZpbGw9IiNjMzk2MGYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNMjQ3LjA2OCAzOTlhNy40NzQgNy40NzQgMCAwIDAgNS4zMDMtMi4xOTdsMTI4LTEyOGE3LjUgNy41IDAgMCAwIDAtMTAuNjA2IDcuNSA3LjUgMCAwIDAtMTAuNjA2IDBsLTEyOCAxMjhjLTQuNzgyIDQuNDU3LTEuMTEzIDEzLjAzIDUuMzAzIDEyLjgwM3pNMjYzLjA2OCAzMjBjMTcuOTIgMCAzMi41LTE0LjU4IDMyLjUtMzIuNXMtMTQuNTgtMzIuNS0zMi41LTMyLjVoLTFjLTE3LjkyIDAtMzIuNSAxNC41OC0zMi41IDMyLjVzMTQuNTggMzIuNSAzMi41IDMyLjV6bS0xOC41LTMyLjVjMC05LjY0OSA3Ljg1MS0xNy41IDE3LjUtMTcuNWgxYzkuNjQ5IDAgMTcuNSA3Ljg1MSAxNy41IDE3LjVzLTcuODUxIDE3LjUtMTcuNSAxNy41aC0xYy05LjY0OSAwLTE3LjUtNy44NTEtMTcuNS0xNy41ek0zNjAuMDY4IDM5OWgxYzE3LjkyIDAgMzIuNS0xNC41OCAzMi41LTMyLjVzLTE0LjU4LTMyLjUtMzIuNS0zMi41aC0xYy0xNy45MiAwLTMyLjUgMTQuNTgtMzIuNSAzMi41czE0LjU4IDMyLjUgMzIuNSAzMi41em0wLTUwaDFjOS42NDkgMCAxNy41IDcuODUxIDE3LjUgMTcuNXMtNy44NTEgMTcuNS0xNy41IDE3LjVoLTFjLTkuNjQ5IDAtMTcuNS03Ljg1MS0xNy41LTE3LjVzNy44NTEtMTcuNSAxNy41LTE3LjV6IiBmaWxsPSIjYzM5NjBmIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    display: block;
    background-position: center;
    background-size: 45px;
}

#fixedbook .b .col-md-6 p {
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    width: 70%;
    margin: 0 auto;
    color: var(--d);
    margin-bottom: 30px;
}

#fixedbook .b .col-md-6 p b,
#fixedbook .b .col-md-6 p em,
#fixedbook .b .col-md-6 p strong {
    font-weight: 500;
}

#fixedbook .b .col-md-6:nth-child(2) span {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNjgyLjY2NyA2ODIuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNMCA1MTJoNTEyVjBIMFoiIGZpbGw9IiNjMzk2MGYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMgMCAwIC0xLjMzMzMzIDAgNjgyLjY2NykiPjxwYXRoIGQ9Ik0wIDB2LTY2IiBzdHlsZT0ic3Ryb2tlLXdpZHRoOjE1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy41IDMwNi45ODUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNjMzk2MGYiIHN0cm9rZS13aWR0aD0iMTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtZGFzaGFycmF5PSJub25lIiBzdHJva2Utb3BhY2l0eT0iIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0iTTAgMHYtMTc4aDQ5N3YyNzkiIHN0eWxlPSJzdHJva2Utd2lkdGg6MTU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjUgMjA1Ljk4NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MzOTYwZiIgc3Ryb2tlLXdpZHRoPSIxNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9Im5vbmUiIHN0cm9rZS1vcGFjaXR5PSIiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtMCAwIDg1Ljg0OC02Ny4wNzkiIHN0eWxlPSJzdHJva2Utd2lkdGg6MTU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTguNjUyIDk1LjA2NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MzOTYwZiIgc3Ryb2tlLXdpZHRoPSIxNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9Im5vbmUiIHN0cm9rZS1vcGFjaXR5PSIiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtMCAwIDIxMy4xMTIgMTY0LjUyM2MyMS43MDMgMTYuNzU0IDUyLjAwMyAxNi42NjYgNzMuNjA4LS4yMTVsOTcuNjQxLTc2LjI5NCIgc3R5bGU9InN0cm9rZS13aWR0aDoxNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNSAyNy45ODUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNjMzk2MGYiIHN0cm9rZS13aWR0aD0iMTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtZGFzaGFycmF5PSJub25lIiBzdHJva2Utb3BhY2l0eT0iIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTAgMCAyMTMuMTEyIDE2NC41MjNjMjEuNzAzIDE2Ljc1NCA1Mi4wMDMgMTYuNjY2IDczLjYwOC0uMjE1TDQ5NyAwTTAgMGwyMDkuNDktMTE3LjAyMiIgc3R5bGU9InN0cm9rZS13aWR0aDoxNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNSAzMDYuOTg1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzM5NjBmIiBzdHJva2Utd2lkdGg9IjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Im0wIDAgNTAuNTQ1IDI4LjQ3NiA3MC42NDkgMzkuODAyIiBzdHlsZT0ic3Ryb2tlLXdpZHRoOjE1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzgzLjMwNiAyMzcuNzA3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzM5NjBmIiBzdHJva2Utd2lkdGg9IjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Im0wIDAgNTUuOTEgMzEuNDk5IiBzdHlsZT0ic3Ryb2tlLXdpZHRoOjE1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjk3Ljc3MiAxODkuNTE5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzM5NjBmIiBzdHJva2Utd2lkdGg9IjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0wIDBjMC0yMi4wOTItMTcuOTA5LTQwLTQwLTQwLTIyLjA5MiAwLTQwIDE3LjkwOC00MCA0MCAwIDIyLjA5MSAxNy45MDggNDAgNDAgNDBDLTE3LjkwOSA0MCAwIDIyLjA5MSAwIDBaIiBzdHlsZT0ic3Ryb2tlLXdpZHRoOjE1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjk2LjAwOCAzMzcuNzQ1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzM5NjBmIiBzdHJva2Utd2lkdGg9IjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0wIDB2LTYxLjgyMmMwLTEyLjgwMiAxMC4zNzctMjMuMTc5IDIzLjE3OC0yMy4xNzkgOS44MTgtLjAwMSAxOC42MyA2LjE2NCAyMS44NTQgMTUuNDM4IDMuNDYgOS45NTQgNS4yMjIgMjAuNzAzIDQuOTM4IDMxLjktMS4xOSA0Ni45MzktMzguODc3IDg1LjQ0Mi04NS43ODMgODcuNTY3LTUxLjQyMSAyLjc3OC05NS41NDQtNDAuMTE3LTk0LjE3MS05MS42MjkuOTA1LTQ4LjM4NCA0MC41ODUtODcuNzQgODguOTc1LTg4LjI3IDExLjE5My0uMTIyIDIxLjkyIDEuNzk4IDMxLjgzNCA1LjQxMiIgc3R5bGU9InN0cm9rZS13aWR0aDoxNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5Ni4wMDggMzc3Ljc0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MzOTYwZiIgc3Ryb2tlLXdpZHRoPSIxNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9Im5vbmUiIHN0cm9rZS1vcGFjaXR5PSIiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    display: block;
    background-position: center;
    background-size: 45px;
}

#fixedbook .b .wrap {
    width: 80%;
    margin: 0 auto;
}

#fixedbook .b .wrap p {
    font-size: 10px;
    color: var(--d);
    margin: 0;
    margin-top: 7px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: -5px;
}

.cards {
    width: 100%;
}

.conditions .one {
    padding: 20px 0 0 0;
    max-width: 90%;
    margin-bottom: -20px;
}

.conditions .onehead {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 93px;
    padding: 0 73px 0 0;
    border-top: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background-color .2s, border-color .2s;
    font-size: 20px;
    transition: 500ms;
    color: var(--d);
    font-family: var(--text)
}

.conditions .onecontent {
    display: none;
    padding: 0 0 20px;
    overflow: hidden;
    animation: FadeOutDown .6s ease forwards;
    margin-top: -20px;
    max-width: 90%;
    opacity: .7;
}

.conditions .checkout,
.conditions .checkin {
    justify-content: flex-start;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: inline-flex;
    padding-right: 60px;
    margin-bottom: 20px;
}

.conditions .checkin div {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNjQyIDY0Mi42NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0zOTIuMzQgMTQ4LjhhMTEuMjQ5IDExLjI0OSAwIDAgMC03LjY1Mi01LjcwMiAxMS40MSAxMS40MSAwIDAgMC0yLjUtLjIyM0gxMzQuMjYyYy02LjIwNyAwLTExLjI0MiA1LjAyNy0xMS4yNDIgMTEuMjM4djEwMi4yMDNjMCA2LjIwNyA1LjAzNSAxMS4yNDMgMTEuMjQyIDExLjI0MyA2LjIxIDAgMTEuMjQyLTUuMDM2IDExLjI0Mi0xMS4yNDN2LTkwLjk2aDE2MC4xOTFsLTEwNy44NjMgMzIuMjkyYTExLjI0NSAxMS4yNDUgMCAwIDAtOC4wMTYgMTAuNzd2MzE3LjI5N2gtNDQuMzEydi04Ni45NzdjMC02LjIxLTUuMDMxLTExLjIzOC0xMS4yNDItMTEuMjM4LTYuMjA3IDAtMTEuMjQyIDUuMDI3LTExLjI0MiAxMS4yMzh2OTguMjE5YzAgNi4yMTEgNS4wMzUgMTEuMjQyIDExLjI0MiAxMS4yNDJoNTUuNTU0djQzLjA2N2MwIDMuNTUgMS42OCA2Ljg5IDQuNTI4IDkuMDE1YTExLjI0OCAxMS4yNDggMCAwIDAgOS45NDEgMS43NWwxODEuMzcxLTU0LjNhMTEuMjU1IDExLjI1NSAwIDAgMCA4LjAyNC0xMC43NzRWMTU0LjM3MWExMS4yOSAxMS4yOSAwIDAgMC0xLjM0LTUuNTd6bS0yMS4xNDUgMzc5Ljc5LTE1OC44OTQgNDcuNTc0VjIxNi43ODVsMTU4Ljg5NC00Ny41N3ptMCAwIiBmaWxsPSIjYzM5NjBmIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0iTTI1NC42MDIgMzk2LjQyMmMxNi41NTggMCAyOS45NzItMTMuNDIyIDI5Ljk3Mi0yOS45NzcgMC0xNi41NTQtMTMuNDE0LTI5Ljk3Ni0yOS45NzItMjkuOTc2LTE2LjU1NSAwLTI5Ljk3NyAxMy40MjItMjkuOTc3IDI5Ljk3Ni4wMiAxNi41NDMgMTMuNDMgMjkuOTU3IDI5Ljk3NyAyOS45Nzd6bTAtMzcuNDczYzQuMTQgMCA3LjQ5MiAzLjM2IDcuNDkyIDcuNDk2YTcuNDkxIDcuNDkxIDAgMCAxLTcuNDkyIDcuNDkyIDcuNDk0IDcuNDk0IDAgMCAxLTcuNDk3LTcuNDkyIDcuNTA4IDcuNTA4IDAgMCAxIDcuNDk3LTcuNDk2ek0yNjQuNTk0IDExOS45MWMyOC4wMzktLjAwOCA1Mi4zMjgtMTkuNDM3IDU4LjQ4LTQ2Ljc4OSA2LjE2LTI3LjM2LTcuNDY5LTU1LjMyNC0zMi44LTY3LjMzNkMyNjQuOTQtNi4yMjcgMjM0LjY2My45MjIgMjE3LjM4MiAyM2MtMTguMjg1IDIzLjM1NS0xNi43NDIgNTYuNTcgMy42MjUgNzguMTI5YTYwLjIxMyA2MC4yMTMgMCAwIDAgNDMuNTg2IDE4Ljc4MXptLTMxLjQ3Ny04NC41NzhjMTIuMDQtMTUuMzcxIDMzLjQxOC0xOS44MDkgNTAuNTctMTAuNDggMTcuMTU3IDkuMzM2IDI1LjA2IDI5LjY4NyAxOC42OTIgNDguMTQ0LTYuMzY3IDE4LjQ2NS0yNS4xNCAyOS42MTctNDQuMzk5IDI2LjM4Ny0xOS4yNTctMy4yMy0zMy4zNjMtMTkuOTAzLTMzLjM1NS0zOS40MjZhMzkuNzk0IDM5Ljc5NCAwIDAgMSA4LjQ5Mi0yNC42MjV6bTAgMCIgZmlsbD0iI2MzOTYwZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Im0yNTQuNzUgNzIuNzcgMTMuOTA2IDguOTAyYzQuNjQgMi44OTQgMTAuNzQ2IDEuNTIgMTMuNy0zLjA4NiAyLjk1My00LjYxIDEuNjQ4LTEwLjczLTIuOTIyLTEzLjc0MmwtOS4zMDEtNS45NjFWMzYuNjZjMC01LjUyMy00LjQ3My05Ljk5Mi05Ljk5Mi05Ljk5MnMtOS45OTMgNC40NjktOS45OTMgOS45OTJ2MjcuNjkyYzAgMy40MDYgMS43MzUgNi41NzggNC42MDIgOC40MTh6TTE3My44ODcgMzM3LjI2MmwtNTEuMjIzLTUxLjIyM2MtNC4zOS00LjM5LTExLjUwOC00LjM5LTE1Ljg5OCAwLTQuMzkxIDQuMzg3LTQuMzkxIDExLjUwNCAwIDE1Ljg5NWwzMi4wMzUgMzIuMDM1SDQuOGMtNi4yMDcgMC0xMS4yNDIgNS4wMzEtMTEuMjQyIDExLjI0MiAwIDYuMjA3IDUuMDM1IDExLjI0MiAxMS4yNDIgMTEuMjQyaDEzNGwtMzIuMDM1IDMyLjAzNWMtNC4zOTEgNC4zODctNC4zOTEgMTEuNTA0IDAgMTUuODk1IDQuMzkgNC4zOSAxMS41MDcgNC4zOSAxNS44OTggMGw1MS4yMjMtNTEuMjIzYzQuMzg2LTQuMzkgNC4zODYtMTEuNTEyIDAtMTUuODk4em0wIDAiIGZpbGw9IiNjMzk2MGYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    background-size: 50px;
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: transparent;
}

.conditions .checkout div {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNjQyIDY0Mi42NjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0zOTIuMzQ4IDE0OC44MTZjLTItMy43NDItNS45My02LjAzOS0xMC4xNzItNS45NDlIMTM0LjI1NGMtNi4yMDMgMC0xMS4yMzggNS4wMzEtMTEuMjM4IDExLjI0MnYxMDIuMjAzYzAgNi4yMDggNS4wMzUgMTEuMjQzIDExLjIzOCAxMS4yNDMgNi4yMSAwIDExLjI0Mi01LjAzNSAxMS4yNDItMTEuMjQzdi05MC45NmgxNjAuMTk1bC0xMDcuODYzIDMyLjI5M2ExMS4yMzkgMTEuMjM5IDAgMCAwLTguMDE2IDEwLjc2NXYzMTcuM2gtNDQuMzE2di04Ni45NzZjMC02LjIxLTUuMDMxLTExLjIzOC0xMS4yNDItMTEuMjM4LTYuMjAzIDAtMTEuMjM4IDUuMDI3LTExLjIzOCAxMS4yMzh2OTguMjJjMCA2LjIxIDUuMDM1IDExLjI0MSAxMS4yMzggMTEuMjQxaDU1LjU1OHY0My4wNjNhMTEuMjM4IDExLjIzOCAwIDAgMCAxNC40NjUgMTAuNzdsMTgxLjM3NS01NC4zMDFhMTEuMjQ3IDExLjI0NyAwIDAgMCA4LjAyLTEwLjc3NFYxNTQuMzY3Yy4wMzktMS45My0uNDE0LTMuODQ0LTEuMzI0LTUuNTV6bS0yMS4xNTcgMzc5Ljc3TDIxMi4yOTMgNTc2LjE2VjIxNi43ODFsMTU4Ljg5OC00Ny41N3ptMCAwIiBmaWxsPSIjYzM5NjBmIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0iTTI1NC41OTQgMzk2LjQxNGMxNi41NTggMCAyOS45NzYtMTMuNDIyIDI5Ljk3Ni0yOS45NzMgMC0xNi41NTQtMTMuNDE4LTI5Ljk3Ni0yOS45NzYtMjkuOTc2LTE2LjU1NSAwLTI5Ljk3NyAxMy40MjItMjkuOTc3IDI5Ljk3Ni4wMiAxNi41NDMgMTMuNDM0IDI5Ljk1NCAyOS45NzcgMjkuOTczem0wLTM3LjQ2OWE3LjQ5MiA3LjQ5MiAwIDAgMSA3LjQ5MiA3LjQ5NiA3LjQ5MSA3LjQ5MSAwIDAgMS03LjQ5MiA3LjQ5MyA3LjQ5NCA3LjQ5NCAwIDAgMS03LjQ5Mi03LjQ5MyA3LjUwMiA3LjUwMiAwIDAgMSA3LjQ5Mi03LjQ5NnpNMjY0LjU4NiAxMTkuOTAyYzMzLjExMyAwIDU5Ljk1My0yNi44NDMgNTkuOTUzLTU5Ljk0OUMzMjQuNTQgMjYuODQzIDI5Ny43IDAgMjY0LjU4NiAwYy0zMy4xMSAwLTU5Ljk1MyAyNi44NDQtNTkuOTUzIDU5Ljk1M2E1OS42NjggNTkuNjY4IDAgMCAwIDE3LjQ2OSA0Mi40ODggNTkuNiA1OS42IDAgMCAwIDQyLjQ4NCAxNy40NjF6bTAtOTkuOTE4YzIyLjA3OCAwIDM5Ljk2OSAxNy44OTUgMzkuOTY5IDM5Ljk3IDAgMjIuMDctMTcuODkgMzkuOTY0LTM5Ljk3IDM5Ljk2NC0yMi4wNzMgMC0zOS45NjgtMTcuODk1LTM5Ljk2OC0zOS45NjUgMC0yMi4wNzQgMTcuODk1LTM5Ljk2OSAzOS45NjktMzkuOTY5em0wIDAiIGZpbGw9IiNjMzk2MGYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtMjQ5Ljc1IDU1LjA2MyA5LjI5NyA1Ljk2djIyLjIzNWMwIDUuNTIgNC40NzYgOS45OTIgOS45OTIgOS45OTJhOS45OSA5Ljk5IDAgMCAwIDkuOTkyLTkuOTkyVjU1LjU1NWE5Ljk5MiA5Ljk5MiAwIDAgMC00LjYwMS04LjQxNGwtMTMuOTAzLTguOTFjLTQuNjQ0LTIuOTc3LTEwLjgyOC0xLjYyMi0xMy44MDQgMy4wMjctMi45NzcgNC42NDgtMS42MjUgMTAuODI4IDMuMDI3IDEzLjgwNHpNMzEuOTM0IDM1Ni40NWgxMzRjNi4yMDcgMCAxMS4yNDItNS4wMzYgMTEuMjQyLTExLjI0MyAwLTYuMjEtNS4wMzUtMTEuMjQyLTExLjI0Mi0xMS4yNDJoLTEzNGwzMi4wMzUtMzIuMDM1YzQuMzg2LTQuMzkgNC4zODYtMTEuNTA4IDAtMTUuODk1LTQuMzktNC4zOS0xMS41MDgtNC4zOS0xNS44OTkgMGwtNTEuMjIyIDUxLjIyM2MtNC4zODcgNC4zODctNC4zODcgMTEuNTA0IDAgMTUuODk4TDQ4LjA3IDQwNC4zOGM0LjM5IDQuMzkgMTEuNTA4IDQuMzkgMTUuODk5IDAgNC4zODYtNC4zOSA0LjM4Ni0xMS41MTIgMC0xNS44OTV6bTAgMCIgZmlsbD0iI2MzOTYwZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 50px;
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: transparent;
}

.conditions .checkout span,
.conditions .checkin span {
    font-family: var(--text);
    font-size: 24px;
    letter-spacing: -0.4px;
    color: var(--d);
}

.conditions .checkout span span,
.conditions .checkin span span {
    display: block;
    font-family: var(--text);
    letter-spacing: 1.5px;
    font-size: 12px;
    opacity: 1;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--a);
}

.but.onleft {
    display: table;
    padding: 15px 31px;
    background-color: var(--d);
    color: var(--w);
    text-transform: none;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 400;
    font-family: var(--text);
    cursor: pointer;
    margin: 30px 5px 50px 0;
    transition: 400ms;
}

.but.onleft:hover {
    background-color: var(--dd);
    color: var(--w);
}

#article-cont h1 {
    font-family: var(--text);
    font-weight: 900;
    font-size: 50px;
    line-height: 60px;
    margin: 0;
    letter-spacing: -0.5px;
}

.prehead {
    text-transform: none;
    letter-spacing: 0;
    margin-top: 60px;
    display: block;
    opacity: 1;
    margin-bottom: 7px;
    color: var(--a);
    font-family: var(--ano);
    font-size: 42px;
}

#article-cont {
    padding-right: 40px;
}

.conditions .one.active .onecontent {
    display: block;
    animation: FadeInUp .6s ease forwards;
    opacity: 1;
}

.conditions .one.active .onehead {
    font-family: var(--text);
    font-weight: 600;
}

.conditions .onehead::before {
    content: '';
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
    height: 30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTY0IDg4YTMuOTg4IDMuOTg4IDAgMCAxLTIuODI4LTEuMTcybC00MC00MGMtMS41NjMtMS41NjMtMS41NjMtNC4wOTQgMC01LjY1NnM0LjA5NC0xLjU2MyA1LjY1NiAwTDY0IDc4LjM0NGwzNy4xNzItMzcuMTcyYzEuNTYzLTEuNTYzIDQuMDk0LTEuNTYzIDUuNjU2IDBzMS41NjMgNC4wOTQgMCA1LjY1NmwtNDAgNDBBMy45ODggMy45ODggMCAwIDEgNjQgODh6IiBmaWxsPSIjMjEzODMwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    transition: 600ms ease;
}

.conditions .one.active .onehead::before {
    transform: rotate(180deg);
}

#article-cont #smallorder {
    width: 700px;
    max-width: 98%;
    margin-top: 5px;
}

.form_block {
    display: block;
}

#smallorder input,
#smallorder textarea {
    border: none;
    background: transparent;
    padding: 12px;
    font-size: 17px;
    border-radius: 0px;
    color: var(--d);
    width: calc(50% - 5px);
    margin-right: 5px;
    margin-top: 5px;
    float: left;
    outline: none;
    border: 1px solid var(--d);
    transition: 600ms;
    font-family: var(--text);
    font-weight: 500;
}

#smallorder input::placeholder,
#smallorder textarea::placeholder {
    color: var(--d);
    opacity: .5;
}

#smallorder textarea {
    width: calc(100% - 5px);
    min-height: 150px;
    resize: vertical;
    margin-bottom: 10px;
}

#smallorder input.form_error,
#smallorder textarea.form_error {
    background: #ff007526;
    border-color: #b40049;
}

section.tipy .one {
    margin: 10px;
    text-align: left;
}

section.tipy .one {
    margin-bottom: 50px;
}

section.tipy .one a.btn {
    background: var(--a);
    color: white;
    background-image: linear-gradient(to right, #b29559 0, #825a05 51%, #b29559 100%);
    background-size: 200% auto;
    padding: 7px 21px;
    border-radius: 3px;
    cursor: pointer;
    margin: 20px auto 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    transition: 600ms;
    text-decoration: none;
}

section.tipy .one a.btn:hover {
    background-position: right center;
    color: white;
}

section.tipy .one a.btn.left {
    margin-left: 0 !important;
}

section.tipy .one a.btn.right {
    margin-right: 0 !important;
}

section.tipy .one .text {
    padding: 0 10px;
}

.text .box h3 {
    font-family: var(--text);
    font-size: 27px;
    line-height: 35px;
    margin-top: 10px;
    font-weight: 800;
    margin-bottom: 10px;
}

.text.subpage .col-md-4 .box .text {
    background: white;
}

section.tipy .one h3 {
    font-family: var(--title);
    font-size: 22px;
    line-height: 32px;
    margin-top: 25px;
    font-weight: 900;
    margin-bottom: 0;
    text-align: left;
}

#submitform {
    background: var(--d);
    color: var(--w);
    display: table;
    margin: 10px auto 10px auto;
    padding: 11px 35px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    transition: 600ms;
    text-transform: uppercase;
    font-family: var(--text);
    border-radius: 0px;
    letter-spacing: 1px;
    transition: 800ms;
    float: none;
}

#submitform:hover {
    background: var(--a);
    color: var(--w);
    letter-spacing: 2px;
    font-size: 15px;
}

.offers h2 {
    font-size: 28px;
    line-height: 36px;
}

#all-offers-list .roomprice span.uzod,
.roomprice span.uzod {
    display: block;
    line-height: 9px;
    transform: none;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 25px;
}

#all-offers-list .roomprice p,
.roomprice p {
    line-height: 33px;
    text-align: center;
    font-size: 27px;
    font-weight: 900;
    letter-spacing: -0.8px;
    margin: 0;
}

#all-offers-list .roomprice span.osnoc,
.roomprice span.osnoc {
    display: block;
    line-height: 12px;
    transform: none;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
}

#article-cont ul li {
    list-style: outside;
}

#article-cont ul {
    margin: 10px;
    padding: 0 30px;
    text-align: left;
}

p.likehead {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    margin-top: -20px;
}

#events.patb .wrap {
    margin: 0 0 0 30px;
    padding-right: 50px;
    color: white;
}

#events.patb .textp {
    margin-top: -15px;
}

#events .wrap h3 {
    font-family: var(--title);
    font-size: 23px;
    line-height: 34px;
    margin-top: 10px;
    font-weight: 900;
    margin-bottom: 0;
}

#events .wrap ul {
    list-style: disc;
    margin: 10px;
    padding: 0 0 0 20px;
}

#events .wrap ul li {
    font-size: 15px;
    list-style: disc;
    line-height: 16px;
    margin-bottom: 8px;
    padding-right: 15px;
    opacity: 0.6;
}

#events.smoke .wrap em {
    font-size: 15px;
    line-height: 29px;
    font-family: var(--text);
    font-weight: 600;
    letter-spacing: 0;
    margin: 26px 0 10px;
    display: table;
    padding-right: 10px;
    color: var(--w);
    background: transparent;
    -webkit-text-fill-color: unset;
    -webkit-text-fill-color: unset;
    font-style: normal;
    position: relative;
    z-index: 2;
    transform: translateX(30px);
}

.smoke {
    background-color: whitesmoke;
}

#events .wrap em {
    background: -webkit-linear-gradient(359deg, #b49759, #d39d33);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    line-height: 36px;
    font-family: var(--title);
    letter-spacing: 0;
    margin: 30px 0 10px;
    display: table;
    padding-right: 10px;
    font-style: normal;
}

#events.patb .wrap a.btn {
    text-decoration: none;
    background: var(--w);
    color: var(--dd);
    display: table;
    margin: 10px auto 10px auto;
    padding: 8px 25px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    transition: 600ms;
    text-transform: uppercase;
    font-family: var(--text);
    border-radius: 0px;
    letter-spacing: 1px;
    transition: 800ms;
    float: left;
}

body.rs #events.patb h2 {
    max-width: 520px;
}

#events.smoke h2 {
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: 42px;
    line-height: 45px;
    font-family: var(--title);
    letter-spacing: 0;
    margin: 10px 0 10px;
    display: table;
    padding-right: 10px;
    color: var(--dd);
}

#events.smoke .wrap h3 {
    font-family: var(--text);
    font-size: 20px;
    line-height: 38px;
    margin-top: 30px;
    font-weight: 700;
    margin-bottom: 11px;
}

#events.smoke .wrap em::before {
    content: '';
    -webkit-mask: url(/vs/img/flak.svg) 0 50% no-repeat;
    clip-path: url(/vs/img/flak.svg) 50% 50% no-repeat;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    background-color: var(--d);
    display: inline-block;
    width: 220px;
    height: 62px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: 600ms;
    z-index: -1;
    opacity: 1;
    left: -22px;
}

#events.smoke .wrap {
    padding-right: 30px;
}

#events.smoke h2 {
    transition: 800ms;
}

#events.smoke {
    transition: 800ms;
}

#events.smoke.closed {
    max-height: 80px;
    overflow: hidden;
    transition: 800ms;
}

#events.smoke {
    max-height: 800px;
    overflow: hidden;
}

#events.smoke.closed h2 {
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: 26px;
    line-height: 45px;
    margin: 0;
    margin-top: -47px;
    cursor: pointer;
}

#events.smoke.closed h2 .op {
    mask-size: 18px;
    mask-repeat: no-repeat;
    mask-position: 50% 90%;
    background-color: var(--dd);
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 17px;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44MzMgMCAwIDExNC44MzMgMCAyNTZzMTE0LjgzMyAyNTYgMjU2IDI1NiAyNTYtMTE0Ljg1MyAyNTYtMjU2UzM5Ny4xNjcgMCAyNTYgMHptMCA0NzIuMzQxYy0xMTkuMjc1IDAtMjE2LjM0MS05Ny4wNDYtMjE2LjM0MS0yMTYuMzQxUzEzNi43MjUgMzkuNjU5IDI1NiAzOS42NTkgNDcyLjM0MSAxMzYuNzA1IDQ3Mi4zNDEgMjU2IDM3NS4yOTUgNDcyLjM0MSAyNTYgNDcyLjM0MXoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMzU1LjE0OCAyMzQuMzg2SDI3NS44M3YtNzkuMzE4YzAtMTAuOTQ2LTguODY0LTE5LjgzLTE5LjgzLTE5Ljgzcy0xOS44MyA4Ljg4NC0xOS44MyAxOS44M3Y3OS4zMThoLTc5LjMxOGMtMTAuOTY2IDAtMTkuODMgOC44ODQtMTkuODMgMTkuODNzOC44NjQgMTkuODMgMTkuODMgMTkuODNoNzkuMzE4djc5LjMxOGMwIDEwLjk0NiA4Ljg2NCAxOS44MyAxOS44MyAxOS44M3MxOS44My04Ljg4NCAxOS44My0xOS44M3YtNzkuMzE4aDc5LjMxOGMxMC45NjYgMCAxOS44My04Ljg4NCAxOS44My0xOS44M3MtOC44NjQtMTkuODMtMTkuODMtMTkuODN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44MzMgMCAwIDExNC44MzMgMCAyNTZzMTE0LjgzMyAyNTYgMjU2IDI1NiAyNTYtMTE0Ljg1MyAyNTYtMjU2UzM5Ny4xNjcgMCAyNTYgMHptMCA0NzIuMzQxYy0xMTkuMjc1IDAtMjE2LjM0MS05Ny4wNDYtMjE2LjM0MS0yMTYuMzQxUzEzNi43MjUgMzkuNjU5IDI1NiAzOS42NTkgNDcyLjM0MSAxMzYuNzA1IDQ3Mi4zNDEgMjU2IDM3NS4yOTUgNDcyLjM0MSAyNTYgNDcyLjM0MXoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMzU1LjE0OCAyMzQuMzg2SDI3NS44M3YtNzkuMzE4YzAtMTAuOTQ2LTguODY0LTE5LjgzLTE5LjgzLTE5Ljgzcy0xOS44MyA4Ljg4NC0xOS44MyAxOS44M3Y3OS4zMThoLTc5LjMxOGMtMTAuOTY2IDAtMTkuODMgOC44ODQtMTkuODMgMTkuODNzOC44NjQgMTkuODMgMTkuODMgMTkuODNoNzkuMzE4djc5LjMxOGMwIDEwLjk0NiA4Ljg2NCAxOS44MyAxOS44MyAxOS44M3MxOS44My04Ljg4NCAxOS44My0xOS44M3YtNzkuMzE4aDc5LjMxOGMxMC45NjYgMCAxOS44My04Ljg4NCAxOS44My0xOS44M3MtOC44NjQtMTkuODMtMTkuODMtMTkuODN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 23px;
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    background-color: var(--d);
    background-size: 30px;
    transform: translateY(5px);
}

#faq {
    display: block;
    margin: 0;
    margin-bottom: 50px;
    text-align: left !important;
    margin-top: -40px;
}

#faq .faop {
    display: none;
    margin: 10px auto;
    background: var(--d);
    color: white;
    padding: 9px 20px;
    font-weight: 600;
    margin-top: 30px;
    cursor: pointer;
}

#faq .one.more {
    display: none;
}

#faq:not(.t) .onecontent,
#faq:not(.t) .one.noactive .onecontent {
    overflow: hidden;
    transition: 800ms;
    max-height: 0;
    opacity: 0;
    width: 80%;
}

#faq .onecontent p {
    margin-top: 0;
}

#faq .one.active:not(.noactive) .onecontent,
#faq.t .one.active:not(.noactive) .onecontent {
    max-height: 600px;
    margin-bottom: 20px;
    opacity: 1;
}

#faq .onehead::before {
    content: '';
    position: absolute;
    right: 30px;
    top: 40px;
    width: 30px;
    height: 30px;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44MzMgMCAwIDExNC44MzMgMCAyNTZzMTE0LjgzMyAyNTYgMjU2IDI1NiAyNTYtMTE0Ljg1MyAyNTYtMjU2UzM5Ny4xNjcgMCAyNTYgMHptMCA0NzIuMzQxYy0xMTkuMjc1IDAtMjE2LjM0MS05Ny4wNDYtMjE2LjM0MS0yMTYuMzQxUzEzNi43MjUgMzkuNjU5IDI1NiAzOS42NTkgNDcyLjM0MSAxMzYuNzA1IDQ3Mi4zNDEgMjU2IDM3NS4yOTUgNDcyLjM0MSAyNTYgNDcyLjM0MXoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMzU1LjE0OCAyMzQuMzg2SDI3NS44M3YtNzkuMzE4YzAtMTAuOTQ2LTguODY0LTE5LjgzLTE5LjgzLTE5Ljgzcy0xOS44MyA4Ljg4NC0xOS44MyAxOS44M3Y3OS4zMThoLTc5LjMxOGMtMTAuOTY2IDAtMTkuODMgOC44ODQtMTkuODMgMTkuODNzOC44NjQgMTkuODMgMTkuODMgMTkuODNoNzkuMzE4djc5LjMxOGMwIDEwLjk0NiA4Ljg2NCAxOS44MyAxOS44MyAxOS44M3MxOS44My04Ljg4NCAxOS44My0xOS44M3YtNzkuMzE4aDc5LjMxOGMxMC45NjYgMCAxOS44My04Ljg4NCAxOS44My0xOS44M3MtOC44NjQtMTkuODMtMTkuODMtMTkuODN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44MzMgMCAwIDExNC44MzMgMCAyNTZzMTE0LjgzMyAyNTYgMjU2IDI1NiAyNTYtMTE0Ljg1MyAyNTYtMjU2UzM5Ny4xNjcgMCAyNTYgMHptMCA0NzIuMzQxYy0xMTkuMjc1IDAtMjE2LjM0MS05Ny4wNDYtMjE2LjM0MS0yMTYuMzQxUzEzNi43MjUgMzkuNjU5IDI1NiAzOS42NTkgNDcyLjM0MSAxMzYuNzA1IDQ3Mi4zNDEgMjU2IDM3NS4yOTUgNDcyLjM0MSAyNTYgNDcyLjM0MXoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMzU1LjE0OCAyMzQuMzg2SDI3NS44M3YtNzkuMzE4YzAtMTAuOTQ2LTguODY0LTE5LjgzLTE5LjgzLTE5Ljgzcy0xOS44MyA4Ljg4NC0xOS44MyAxOS44M3Y3OS4zMThoLTc5LjMxOGMtMTAuOTY2IDAtMTkuODMgOC44ODQtMTkuODMgMTkuODNzOC44NjQgMTkuODMgMTkuODMgMTkuODNoNzkuMzE4djc5LjMxOGMwIDEwLjk0NiA4Ljg2NCAxOS44MyAxOS44MyAxOS44M3MxOS44My04Ljg4NCAxOS44My0xOS44M3YtNzkuMzE4aDc5LjMxOGMxMC45NjYgMCAxOS44My04Ljg4NCAxOS44My0xOS44M3MtOC44NjQtMTkuODMtMTkuODMtMTkuODN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 27px;
    mask-repeat: no-repeat;
    mask-position: 50% 90%;
    background-color: var(--d);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    transition: 600ms ease;
}

#faq .active:not(.noactive) .onehead::before {
    transform: scaleY(-1);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44NTMgMCAwIDExNC44MzMgMCAyNTZzMTE0Ljg1MyAyNTYgMjU2IDI1NmMxNDEuMTY3IDAgMjU2LTExNC44MzMgMjU2LTI1NlMzOTcuMTQ3IDAgMjU2IDB6bTAgNDcyLjM0MWMtMTE5LjI5NSAwLTIxNi4zNDEtOTcuMDQ2LTIxNi4zNDEtMjE2LjM0MVMxMzYuNzA1IDM5LjY1OSAyNTYgMzkuNjU5IDQ3Mi4zNDEgMTM2LjcwNSA0NzIuMzQxIDI1NiAzNzUuMjk1IDQ3Mi4zNDEgMjU2IDQ3Mi4zNDF6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0iTTM1NS4xNDggMjM0LjM4NkgxNTYuODUyYy0xMC45NDYgMC0xOS44MyA4Ljg4NC0xOS44MyAxOS44M3M4Ljg4NCAxOS44MyAxOS44MyAxOS44M2gxOTguMjk2YzEwLjk0NiAwIDE5LjgzLTguODg0IDE5LjgzLTE5Ljgzcy04Ljg4NC0xOS44My0xOS44My0xOS44M3oiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44NTMgMCAwIDExNC44MzMgMCAyNTZzMTE0Ljg1MyAyNTYgMjU2IDI1NmMxNDEuMTY3IDAgMjU2LTExNC44MzMgMjU2LTI1NlMzOTcuMTQ3IDAgMjU2IDB6bTAgNDcyLjM0MWMtMTE5LjI5NSAwLTIxNi4zNDEtOTcuMDQ2LTIxNi4zNDEtMjE2LjM0MVMxMzYuNzA1IDM5LjY1OSAyNTYgMzkuNjU5IDQ3Mi4zNDEgMTM2LjcwNSA0NzIuMzQxIDI1NiAzNzUuMjk1IDQ3Mi4zNDEgMjU2IDQ3Mi4zNDF6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0iTTM1NS4xNDggMjM0LjM4NkgxNTYuODUyYy0xMC45NDYgMC0xOS44MyA4Ljg4NC0xOS44MyAxOS44M3M4Ljg4NCAxOS44MyAxOS44MyAxOS44M2gxOTguMjk2YzEwLjk0NiAwIDE5LjgzLTguODg0IDE5LjgzLTE5Ljgzcy04Ljg4NC0xOS44My0xOS44My0xOS44M3oiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+);
}

#faq .active,
#faq .one:hover {
    background-color: white !important
}

#faq .active .onehead {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 18px;
}

#faq .one {
    padding: 0px 0 0 60px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer !important;
    background: linear-gradient(270deg, white, transparent);
    transition: 700ms;
}

#faq .active .onecontent p {
    margin-top: 0;
    padding-bottom: 20px;
    font-size: 17px;
    line-height: 22px;
}

#faq .onehead {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 93px;
    padding: 0 73px 0 0;
    cursor: pointer;
    transition: background-color .2s, border-color .2s;
    font-size: 18px;
    transition: 0;
    color: var(--d);
}

#faq .active .onehead {
    border: none;
    min-height: 0;
    padding-top: 35px;
    padding-bottom: 8px;
}

#faq .active .onecontent {
    min-height: 80px;
}

#faq .one:first-child .onehead {
    border-top: none;
}

@media only screen and (max-width: 440px) {
    body.type-offer .cover .heading {
        display: none;
    }

    body.type-offer #slider .cover {
        height: 400px !important;
    }

    body.type-offer #article-cont {
        padding-right: 20px;
        padding-left: 20px;
        text-align: left !important;
    }

    body.type-offer #article-cont h1,
    body.type-offer .prehead,
    body.type-offer #article-cont p {
        text-align: left;
    }

    .conditions {
        text-align: left;
    }

    .conditions .checkout,
    .conditions .checkin {
        padding-right: 30px;
        margin-bottom: 20px;
    }

    .wrapper-60-0 {
        padding: 30px 0;
        min-height: 1px;
        display: block;
    }

    .conditions .one {
        padding: 20px 0 0 0;
        max-width: 100%;
        margin-bottom: -20px;
    }

    .mb-day:not(.selectable),
    #js-calendar .mb-day.unavailable.unvst:not(.selectable),
    .selectable.frsp {
        line-height: 42px !important;
        height: 42px !important;
        font-size: 14px !important;
    }

    #js-calendar .mb-content {
        width: 100vw;
        max-width: 100%;
        float: left;
    }

    .month-block {
        float: left;
        margin: 5px 10px;
        width: calc(100vw - 20px);
        transform: translateX(-10px);
    }

    #calendar-block {
        position: relative !important;
        top: unset !important;
        left: unset !important;
        box-shadow: none !important;
        transform: none !important;
        display: flex;
        margin: 20px 0px;
        padding: 20px 10px 10px;
        -ms-flex-pack: center;
        -webkit-box-pack: start;
        justify-content: start;
        text-align: left;
        background: transparent;
        width: 1170px;
        max-width: 100%;
        z-index: 9;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: none !important;
    }

    .mb-day.selectable span {
        font-size: 8px;
    }

    .mb-day,
    .mb-empty,
    .caldayname {
        line-height: 29px;
        height: 42px;
        font-size: 13px;
    }

    #gotobook .checkin,
    #gotobook .checkout {
        padding: 0px 2.5%;
        padding-right: 2.5%;
        background: transparent;
        color: var(--d);
        border-radius: 3px;
        min-width: 110px;
        font-family: var(--text);
        font-size: 19px;
        text-align: center;
        width: 45%;
        display: inline-block;
        margin: 10px 0;
    }

    #gotobook .cancel,
    #gotobook .search {
        text-align: center;
    }

    #gotobook {
        display: block;
        text-align: center;
        margin: 0 10px;
        width: calc(100% - 20px);
    }

    section.slider:before,
    section#slide:before {
        display: none;
    }

    header {
        height: unset;
    }

    .swiper-80hv .heading {
        width: 95%;
        text-align: center;
    }

    .swiper-80hv .heading h1 {
        color: white;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    .room-gallery-sliderf .swiper-wrapper .swiper-slide {
        height: 200px !important;
        width: calc(100vw / 1.4);
        background-position: center bottom !important;
    }

    #fullmenu .wrap div a {
        text-align: left;
        display: block;
        color: white;
        font-size: 30px;
        font-family: 'miller-banner', serif;
        text-decoration: none;
        line-height: 36px;
        margin-bottom: 25px;
        transition: 600ms;
    }

    #fullmenu {
        overflow-y: auto;
    }

    #all-offers-list .image-inner {
        padding-bottom: 68%;
        width: 100%;
        height: 0;
        z-index: 6;
        position: relative;
    }

    #all-offers-list .offer-info {
        display: block;
        background: whitesmoke;
        padding: 25px 20px 50px;
        z-index: 5;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-top: 0;
    }

    #all-offers-list .offer-info h3 {
        font-family: var(--title);
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
        margin: 10px 0;
    }

    .roomprice p {
        font-size: 26px;
        line-height: 26px;
        margin: 0;
    }

    .roombox .wrapp h1 {
        margin-top: 60px;
    }

    .oneroom .item {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .filter {
        overflow-x: auto;
        background: transparent;
    }

    .filter .inline-block {
        display: inline-block;
        padding: 22px;
        cursor: pointer;
        font-family: var(--title);
        font-size: 15px;
        color: var(--d);
        opacity: .6;
        transition: 500ms;
    }
}

#gotobook {
    position: sticky !important;
    bottom: 0;
    background: transparent;
    margin: 0 auto 40px;
    text-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 1000px;
    padding: 0;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    margin-top: 50px
}

#gotobook .date p {
    font-family: var(--text);
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    opacity: .5;
}

#calendar-block {
    position: relative;
}

#gotobook .search {
    width: auto;
    background-color: var(--d);
    display: block;
    margin: 5px;
    padding: 12px 30px;
    color: var(--l);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 800;
    font-size: 16px;
    text-align: center !important;
    background-image: none;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
    margin-top: -2px;
    border-radius: 2px;
    transition: 600ms;
    font-family: var(--text);
    font-size: 12px;
    cursor: pointer;
}

#gotobook .search:hover {
    background: var(--a);
    color: var(--l);
}

#gotobook .cancel {
    opacity: .5;
    margin: 0 18px;
    text-decoration: underline;
    font-size: 12px;
}

section.text {
    padding-bottom: 100px;
}

.roombox .col-md-6 {
    min-height: 100%;
    align-self: stretch;
}

.roombox .row .col-md-6:nth-child(1) .wrapp {
    position: sticky;
    top: 20px;
}

p a {
    color: var(--a);
}

.afterhead a.mail,
.afterhead a.tel {
    text-decoration: none;
    color: #c6af69;
    font-size: 30px;
    margin: 35px 0 0;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI5OC43ODkgMzEzLjY5M2MtMTIuNzM4IDguNDkyLTI3LjUzNCAxMi45ODEtNDIuNzg5IDEyLjk4MS0xNS4yNTQgMC0zMC4wNS00LjQ4OS00Mi43ODgtMTIuOTgxTDMuNDA5IDE3My44MkE3Ni4yNjkgNzYuMjY5IDAgMCAxIDAgMTcxLjQwM1Y0MDAuNmMwIDI2LjI3OCAyMS4zMjUgNDcuMTMzIDQ3LjEzMyA0Ny4xMzNoNDE3LjczM2MyNi4yNzggMCA0Ny4xMzMtMjEuMzI1IDQ3LjEzMy00Ny4xMzNWMTcxLjQwMmE3NS4yMSA3NS4yMSAwIDAgMS0zLjQxNiAyLjQyMnoiIGZpbGw9IiNjNmFmNjkiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMjAuMDUgMTQ4Ljg1OCAyMDkuODAzIDEzOS44NzRjNy45NDIgNS4yOTUgMTcuMDQ0IDcuOTQyIDI2LjE0NiA3Ljk0MiA5LjEwMyAwIDE4LjIwNi0yLjY0OCAyNi4xNDgtNy45NDJMNDkxLjk1IDE0OC44NThjMTIuNTU1LTguMzY1IDIwLjA1LTIyLjM2NSAyMC4wNS0zNy40NzUgMC0yNS45ODEtMjEuMTM3LTQ3LjExNy00Ny4xMTctNDcuMTE3SDQ3LjExN0MyMS4xMzcgNjQuMjY3IDAgODUuNDAzIDAgMTExLjQwOGE0NC45MTIgNDQuOTEyIDAgMCAwIDIwLjA1IDM3LjQ1eiIgZmlsbD0iI2M2YWY2OSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0px 75%;
    padding-left: 46px;
    line-height: 40px;
}

.afterhead a.tel {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEzLjY0IDUxMy42NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTQ5OS42NiAzNzYuOTYtNzEuNjgtNzEuNjhjLTI1LjYtMjUuNi02OS4xMi0xNS4zNTktNzkuMzYgMTcuOTItNy42OCAyMy4wNDEtMzMuMjggMzUuODQxLTU2LjMyIDMwLjcyLTUxLjItMTIuOC0xMjAuMzItNzkuMzYtMTMzLjEyLTEzMy4xMi03LjY4LTIzLjA0MSA3LjY4LTQ4LjY0MSAzMC43Mi01Ni4zMiAzMy4yOC0xMC4yNCA0My41Mi01My43NiAxNy45Mi03OS4zNmwtNzEuNjgtNzEuNjhjLTIwLjQ4LTE3LjkyLTUxLjItMTcuOTItNjkuMTIgMEwxOC4zOCA2Mi4wOGMtNDguNjQgNTEuMiA1LjEyIDE4Ni44OCAxMjUuNDQgMzA3LjJzMjU2IDE3Ni42NDEgMzA3LjIgMTI1LjQ0bDQ4LjY0LTQ4LjY0YzE3LjkyMS0yMC40OCAxNy45MjEtNTEuMiAwLTY5LjEyeiIgZmlsbD0iI2M2YWY2OSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
}

.oneone {
    margin: 60px auto 40px;
    max-width: 1200px;
    width: 100%;
}

.oneone:nth-child(even) {
    flex-direction: row-reverse;
}

.oneone .anin-img {
    width: 90%;
    aspect-ratio: 16/10;
    display: block;
    background-size: cover;
    margin: 20px auto;
    margin-right: 50px;
}

.oneone:nth-child(even) .col-md-6:nth-child(2) {
    text-align: left;
    padding-right: 50px;
    padding-left: 100px;
}

.oneone h3 {
    font-size: 33px;
    letter-spacing: 0px;
    line-height: 44px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 800;
}

.oneone p {
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
}

.oneone p b,
.oneone p strong {
    display: inline-block;
    min-width: 200px;
    text-align: left;
    color: var(--d);
    opacity: .4;
    margin-bottom: 8px;
    font-weight: 500;
}

.oneone p em,
.oneone p i {
    display: inline-block;
    min-width: 200px;
    text-align: right;
    font-style: normal;
    float: right
}

.oneone p u {
    text-decoration: none;
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}

.slider.sub,
.slider.sub .swiper-container-homepage {
    height: 580px;
    min-height: 580px;
}

section.pat.bread {
    position: relative;
    background: rgb(163 121 32 / 15%);
    background: linear-gradient(45deg, rgb(163 121 32 / 22%), rgb(163 121 32 / 62%));
}

section.pat.bread .scrollrow span,
section.pat.bread .scrollrow a {
    padding: 6px 10px;
    display: inline-block;
    text-transform: uppercase;
    mask-position: center;
    mask-repeat: no-repeat;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}

.pat.bread .pat {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    mask-image: url(/template/villa/img/pat.svg);
    -webkit-mask-image: url(/template/villa/img/pat.svg);
    mask-position: 50%;
    mask-size: 360px;
    background-color: #b49759;
    mask-repeat: repeat;
    transition: background-color 200ms;
}

.bread .h {
    padding-left: 40px;
    padding: 0;
    text-transform: uppercase;
    mask-position: center;
    mask-repeat: no-repeat;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--text);
    cursor: pointer;
    margin: 10px 0px 10px 0;
    display: inline-block;
    width: unset;
    color: var(--dd);
    padding-left: 30px !important;
}

.bread .h::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--dd);
    text-transform: uppercase;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDkwLjY2NyA0OTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0zMjUuMzMyIDI1MUgxNmMtOC44MzIgMC0xNi03LjE2OC0xNi0xNnM3LjE2OC0xNiAxNi0xNmgzMDkuMzMyYzguODMyIDAgMTYgNy4xNjggMTYgMTZzLTcuMTY4IDE2LTE2IDE2em0wIDAiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjQwIDMzNi4zMzJjLTQuMDk4IDAtOC4xOTEtMS41NTUtMTEuMzA5LTQuNjkxLTYuMjUtNi4yNS02LjI1LTE2LjM4MyAwLTIyLjYzN2w3NC4wMjgtNzQuMDI0LTc0LjAyOC03NC4wMjdjLTYuMjUtNi4yNS02LjI1LTE2LjM4NyAwLTIyLjYzNyA2LjI1NC02LjI1IDE2LjM4Ny02LjI1IDIyLjYzNyAwbDg1LjMzMiA4NS4zMzZjNi4yNSA2LjI1IDYuMjUgMTYuMzgzIDAgMjIuNjMzbC04NS4zMzIgODUuMzMyQTE1Ljg4IDE1Ljg4IDAgMCAxIDI0MCAzMzYuMzMyem0wIDAiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjU2IDQ2OS42NjhjLTk3LjA5IDAtMTgyLjgwNS01OC40MS0yMTguNDEtMTQ4LjgyNC0zLjI0Mi04LjE5Mi44MDgtMTcuNDkyIDkuMDIzLTIwLjczNSA4LjE5Mi0zLjE5OSAxNy41MTYuNzkgMjAuNzU4IDkuMDQ3Qzk4LjExMyAzODcuMjE1IDE3Mi4xNjEgNDM3LjY2OCAyNTYgNDM3LjY2OGMxMTEuNzQyIDAgMjAyLjY2OC05MC45MjYgMjAyLjY2OC0yMDIuNjY4UzM2Ny43NDIgMzIuMzMyIDI1NiAzMi4zMzJjLTgzLjg0IDAtMTU3Ljg4NyA1MC40NTMtMTg4LjYyOSAxMjguNTEyLTMuMjY2IDguMjU4LTEyLjU2NiAxMi4yNDYtMjAuNzU4IDkuMDQ3LTguMjE1LTMuMjQzLTEyLjI2NS0xMi41NDMtOS4wMjMtMjAuNzM1QzczLjE5NSA1OC43NDIgMTU4LjkxLjMzMiAyNTYgLjMzMiAzODUuMzg3LjMzMiA0OTAuNjY4IDEwNS42MTMgNDkwLjY2OCAyMzVTMzg1LjM4NyA0NjkuNjY4IDI1NiA0NjkuNjY4em0wIDAiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTQ5OC4xOTUgMjIyLjY5NS0uMDM1LS4wMzVMMjg5LjMwNSAxMy44MTNDMjgwLjQwMiA0LjkwNSAyNjguNTY2IDAgMjU1Ljk3NyAwYy0xMi41OSAwLTI0LjQyNiA0LjkwMi0zMy4zMzIgMTMuODA5TDEzLjg5OCAyMjIuNTVjLS4wNy4wNy0uMTQuMTQ0LS4yMS4yMTUtMTguMjgyIDE4LjM4Ni0xOC4yNSA0OC4yMTguMDkgNjYuNTU4IDguMzc4IDguMzgzIDE5LjQ0NSAxMy4yMzggMzEuMjc3IDEzLjc0Ni40OC4wNDcuOTY1LjA3IDEuNDUzLjA3aDguMzI0djE1My43QzU0LjgzMiA0ODcuMjU0IDc5LjU3OCA1MTIgMTEwIDUxMmg4MS43MWM4LjI4MiAwIDE1LTYuNzE1IDE1LTE1VjM3Ni41YzAtMTMuODc5IDExLjI5LTI1LjE2OCAyNS4xNjktMjUuMTY4aDQ4LjE5NWMxMy44OCAwIDI1LjE2OCAxMS4yOSAyNS4xNjggMjUuMTY4VjQ5N2MwIDguMjg1IDYuNzE1IDE1IDE1IDE1aDgxLjcxMWMzMC40MjIgMCA1NS4xNjgtMjQuNzQ2IDU1LjE2OC01NS4xNnYtMTUzLjdoNy43MTljMTIuNTg2IDAgMjQuNDIyLTQuOTAyIDMzLjMzMi0xMy44MDggMTguMzYtMTguMzcxIDE4LjM2Ny00OC4yNTQuMDIzLTY2LjYzN3ptMCAwIiBmaWxsPSIjMTAxYzMyIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask-size: 14px;
    mask-position: center;
    mask-repeat: no-repeat;
    text-decoration: none;
    font-size: 0;
    letter-spacing: 1px;
    font-weight: 600;
    width: 30px;
    height: 30px
}

section.pat.bread span.dot {
    padding: 0;
    margin: 0;
    font-size: 30px;
    width: 5px;
    transform: translateY(5px);
}

.col-md-5 .cencen h2,
.col-md-5 .cencen p {
    text-align: left;
}

.col-md-5 .cencen p {
    font-size: 18px;
    line-height: 24px;
}

.oneone {
    margin: 60px auto 40px;
    max-width: 1200px;
    width: 100%;
    text-align: left
}

.oneone:nth-child(even) {
    flex-direction: row-reverse;
}

.oneone .anin-img {
    width: 90%;
    aspect-ratio: 16/10;
    display: block;
    background-size: cover;
    margin: 20px auto;
    margin-right: 50px;
}

.oneone:nth-child(even) .col-md-6:nth-child(2) {
    text-align: left;
    padding-left: 10px;
    padding-right: 70px;
}

.oneone:nth-child(odd) .col-md-6:nth-child(2) {
    text-align: left;
    padding-right: 50px;
    padding-left: 50px;
}

.oneone h3 {
    font-size: 38px;
    letter-spacing: 0px;
    line-height: 44px;
    margin-bottom: 0;
    margin-top: 20px;
    font-weight: 800;
}

.oneone .room-gallery-small {
    margin: 20px 20px 0 0;
}

.oneone .room-gallery-small .button-next {
    position: absolute;
    right: 0;
    bottom: 6px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQ0IDEwOGEzLjk4OCAzLjk4OCAwIDAgMS0yLjgyOC0xLjE3MiAzLjk5NyAzLjk5NyAwIDAgMSAwLTUuNjU2TDc4LjM0NCA2NCA0MS4xNzIgMjYuODI4Yy0xLjU2My0xLjU2My0xLjU2My00LjA5NCAwLTUuNjU2czQuMDk0LTEuNTYzIDUuNjU2IDBsNDAgNDBhMy45OTcgMy45OTcgMCAwIDEgMCA1LjY1NmwtNDAgNDBBMy45ODggMy45ODggMCAwIDEgNDQgMTA4eiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 545;
    cursor: pointer;
    filter: drop-shadow(2px 4px 6px var(--d));
}

.oneone .room-gallery-small .button-prev {
    position: absolute;
    right: 40px;
    bottom: 6px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQ0IDEwOGEzLjk4OCAzLjk4OCAwIDAgMS0yLjgyOC0xLjE3MiAzLjk5NyAzLjk5NyAwIDAgMSAwLTUuNjU2TDc4LjM0NCA2NCA0MS4xNzIgMjYuODI4Yy0xLjU2My0xLjU2My0xLjU2My00LjA5NCAwLTUuNjU2czQuMDk0LTEuNTYzIDUuNjU2IDBsNDAgNDBhMy45OTcgMy45OTcgMCAwIDEgMCA1LjY1NmwtNDAgNDBBMy45ODggMy45ODggMCAwIDEgNDQgMTA4eiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 545;
    filter: drop-shadow(2px 4px 6px var(--d));
    transform: rotate(180deg);
}

.oneone p {
    font-size: 16px;
    line-height: 23px;
    font-weight: normal;
}

.oneone p b,
.oneone p strong {
    display: inline-block;
    min-width: 200px;
    text-align: left;
    color: var(--d);
    opacity: .4;
    margin-bottom: 8px;
    font-weight: 500;
}

.oneone p em,
.oneone p i {
    display: inline-block;
    min-width: 200px;
    text-align: right;
    font-style: normal;
    float: right
}

.oneone p u {
    text-decoration: none;
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}

.but,
.oneone a {
    display: table;
    background: var(--d);
    color: var(--w);
    text-decoration: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 25px;
    transition: 800ms;
    position: relative;
}

.but:hover,
.oneone a:hover {
    background: var(--dd);
}

.but::before,
.oneone a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    mask-image: url(/template/villa/img/pat.svg);
    -webkit-mask-image: url(/template/villa/img/pat.svg);
    mask-position: 50%;
    mask-size: 750px;
    background-color: #5b6e9022;
    mask-repeat: repeat;
    transition: background-color 200ms;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li::before {
    content: '';
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--d);
    display: block;
    border-radius: 80px;
    margin-bottom: 8px;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(/template/villa/img/divadelne.svg);
    display: block;
    filter: brightness(80);
    top: 7px;
    left: 8px;
    background-size: 76%;
    background-repeat: no-repeat;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li:nth-child(2)::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(/template/villa/img/skolske.svg);
    display: block;
    filter: brightness(80);
    top: 7px;
    left: 8px;
    background-size: 76%;
    background-repeat: no-repeat;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li:nth-child(3)::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(/template/villa/img/usedenie.svg);
    display: block;
    filter: brightness(80);
    top: 7px;
    left: 7px;
    background-size: 80%;
    background-repeat: no-repeat;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li:nth-child(4)::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(/template/villa/img/isedenie.svg);
    display: block;
    filter: brightness(80);
    top: 6px;
    left: 6px;
    transform: none;
    background-size: 85%;
    background-repeat: no-repeat;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li:nth-child(5)::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(/template/villa/img/zeneva.svg);
    display: block;
    filter: brightness(80);
    top: 6px;
    left: 6px;
    transform: none;
    background-size: 85%;
    background-repeat: no-repeat;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li:nth-child(6)::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(/template/villa/img/banket.svg);
    display: block;
    filter: brightness(80);
    top: 6px;
    left: 6px;
    transform: none;
    background-size: 85%;
    background-repeat: no-repeat;
}

body.rs.con_7 .oneone ul:not(.swiper-wrapper) li {
    display: inline-block;
    text-align: center;
    margin: 10px 20px;
    margin-left: 0;
    font-size: 12px;
    line-height: 14px;
    position: relative;
}

.kontaktsec .left a,
.kontaktsec .right a {
    font-size: 28px;
    line-height: 38px;
    text-decoration: none;
}

.lightgallery {
    list-style: none;
    padding: 0;
    display: flex;
}

.lightgallery li a {
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 65%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.lightgallery li {
    position: relative;
}

#menu ul {
    margin: 20px auto;
    width: max-content;
    max-width: 80%;
    list-style: none;
    padding: 0;
    display: block;
}

#menu ul li {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    text-align: center !important;
}

#menu ul li a {
    font-size: 14px;
    font-weight: 600 !important;
    padding-top: 60px;
    text-decoration: none;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMjAzMTRmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNi4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgNzA5KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxnPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3Ni40LDMxMy4yYy0zLjksMC02LjYuNC03LjkuOHYyNS4xYzEuNi40LDMuNi41LDYuNC41LDEwLjIsMCwxNi41LTUuMiwxNi41LTEzLjlzLTUuNC0xMi41LTE1LTEyLjVoMFpNMjUwLjgsMzEzLjRjLTQuMywwLTcsLjQtOC43Ljh2NTUuN2MxLjYuNCw0LjMuNCw2LjcuNCwxNy40LjEsMjguOC05LjUsMjguOC0yOS44LjEtMTcuNy0xMC4yLTI3LjEtMjYuOC0yNy4xaDBaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjk4LjcsNDIuN2gtMTcwLjdjLTIzLjYsMC00Mi43LDE5LjEtNDIuNyw0Mi43djM0MS4zYzAsMjMuNiwxOS4xLDQyLjcsNDIuNyw0Mi43aDI1NmMyMy42LDAsNDIuNy0xOS4xLDQyLjctNDIuN1YxNzAuN0wyOTguNyw0Mi43Wk0yMDIuNiwzNDUuNGMtNi42LDYuMi0xNi4zLDktMjcuNiw5LTIuMiwwLTQuNC0uMS02LjYtLjR2MzAuNGgtMTkuMXYtODRjOC42LTEuMywxNy4zLTEuOSwyNi0xLjcsMTEuOSwwLDIwLjMsMi4zLDI2LDYuOCw1LjQsNC4zLDkuMSwxMS40LDkuMSwxOS43LDAsOC40LTIuOCwxNS40LTcuOCwyMC4yaDBaTTI4My44LDM3NC4zYy05LDcuNC0yMi42LDExLTM5LjMsMTFzLTE3LS42LTIxLjgtMS4zdi04My42YzguNi0xLjMsMTcuMy0xLjgsMjYtMS44LDE2LjEsMCwyNi42LDIuOSwzNC44LDkuMSw4LjksNi42LDE0LjQsMTcsMTQuNCwzMi4xcy02LDI3LjUtMTQuMSwzNC41Wk0zNjIuNywzMTUuMWgtMzIuN3YxOS40aDMwLjV2MTUuN2gtMzAuNXYzNC4yaC0xOS4zdi04NS4xaDUydjE1LjhaTTI5OC43LDE5MmgtMjEuM3YtMTA2LjdsMTA2LjcsMTA2LjdoLTg1LjNaIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 30px;
    display: block;
    max-width: 90px;
    line-height: 19px;
    color: var(--d) !important;
    display: table;
    transition: 600ms;
    width: 90px;
    text-align: center;
}

body.rs .cencen::before,
body.rs .afterhead h2::before {
    content: '';
    position: absolute;
    top: 40px;
    width: 80%;
    height: 0;
    padding-bottom: 20%;
    min-width: 300px;
    background: url(/template/villa/img/fav.svg) center center no-repeat;
    background-size: contain;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .1;
    z-index: -1;
}

body.rs .slider-main .cencen::before {
    display: none;
}

body.rs #video {
    height: 80vh;
    width: 100%;
    min-height: 570px;
}

h3 {
    font-family: var(--title);
    font-size: 33px;
    line-height: 40px;
    margin-top: 60px;
    font-weight: 900;
    margin-bottom: 0;
}

.room-gallery-slider>.swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}



.patb .swiper-ser .swiper-scrollbar,
.patb .swiper-ser .swiper-scrollbar2 {
    height: 6px;
    width: 400px;
    margin: 26px 0;
    border-radius: 80px;
    overflow: hidden;
    background-color: #b4975940;
}

.but.center {
    margin: 30px auto;
}

.but.bigger {
    padding: 14px 28px;
}

.but.bigger.center {
    margin: 60px auto;
}

body.rs #offers.pat #all-offers-list .offer-info h3 {
    margin-bottom: 0;
}

#about.patb .swiper-ser .centeredall h3 {
    font-size: 28px;
}

.kontaktsec p b,
.kontaktsec p strong {
    font-family: 'playfair-display';
    font-size: 50px;
}

.pat.gold .pat {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#map-holder {
    width: 1200px;
    margin: 0px auto;
    height: 630px;
    padding: 80px 0;
    max-width: 100%;
}

#infoaside {
    position: absolute;
    right: 0;
    top: 150px;
    z-index: 545;
}

@media only screen and (min-width: 1650px) {

    .slider.sub,
    .slider.sub .swiper-container-homepage {
        height: 700px;
        min-height: 700px;
    }

    .afterhead h2 {
        font-size: 50px;
        line-height: 60px;
        font-family: var(--title);
        font-weight: 500;
    }
}

@media only screen and (max-width: 1550px) {
    

    #events .wrap h3 {
        font-size: 20px;
        line-height: 32px;
        margin-top: 10px;
        font-weight: 900;
        margin-bottom: 0;
    }

    #events.smoke .wrap h3 {
        font-family: var(--text);
        font-size: 18px;
        line-height: 30px;
        margin-top: 30px;
        font-weight: 700;
        margin-bottom: 11px;
    }
}

@media only screen and (max-width: 1300px) {
    #bookpanel {
        width: 90%
    }
}

@media only screen and (max-width: 1000px) {
    .pat .content {
        position: relative;
        z-index: 879;
        padding: 0;
    }

    #infoaside {
        position: absolute;
        top: 82px !important;
        z-index: 546456456;
        left: 0;
        right: 0;
    }

    .first-line .box {
        border: none !important;
    }

    #bookpanel {
        display: none;
    }

    .container,
    .col-md-12,
    .col-md-11,
    .col-md-10,
    .col-md-9,
    .col-md-8,
    .col-md-7,
    .col-md-6,
    .col-md-5,
    .col-md-4,
    .col-md-3 {
        width: 100%;
        text-align: center;
    }

    .likeh {
        background-color: var(--d);
        box-shadow: 0 0 6px rgba(0, 0, 0, .16);
        color: #fff;
        height: 50px;
        position: fixed;
        right: 0;
        top: unset;
        -webkit-user-select: none;
        bottom: 0;
        user-select: none;
        width: 50px;
        z-index: 548610;
        left: 0;
        width: 100%;
    }

    .likeh .links {
        display: none;
    }

    .desktop-hidden {
        display: block;
    }

    #menuopener {
        position: absolute;
        top: 0;
        right: 0;
        width: 82px;
        height: 82px;
        cursor: pointer;
        padding-top: 0;
        background: #ffffff33;
    }

    #menuopener .lines {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 36px;
    }

    .likeh .onlyf img {
        transform: translate(-50%, -50%)rotate(0deg);
    }

    .likeh .links a,
    .likeh .links span {
        letter-spacing: 5px;
        margin-right: 20px;
        text-transform: uppercase;
        transition: color .5s;
        text-decoration: none;
        white-space: nowrap;
        color: #bec2a5;
        font-weight: 500;
        font-size: 14px;
        cursor: pointer;
        transition: 500ms;
        padding-left: 20px;
        padding-right: 20px;
    }

    .swiper-ser {
        overflow: hidden;
        padding: 20px 20px 40px;
        position: relative;
        margin-right: 0;
    }

    .swiper-ser .swiper-slide {
        width: calc(100vw - 50px);
        position: relative;
        aspect-ratio: unset;
        min-height: 350px;
        aspect-ratio: 1/1;
    }

    #about h1 {
        font-size: 43px;
        line-height: 56px;
        font-weight: 800;
        margin-bottom: 27px;
        position: relative;
    }

    #gal .gal {
        padding: 10px;
        background-color: #afa8a6;
        margin-right: 0;
        margin-bottom: 40px;
    }

    #about .afterhead p {
        font-size: 23px;
        line-height: 36px;
    }

    .cencen {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
        text-align: left;
        display: block;
        width: 100%;
        padding: 0 20px;
    }

    #about .wrapper-120-0 {
        padding: 50px 0;
        min-height: 1px;
        display: block;
    }

    #roomspart {
        padding: 0 0 40px 0;
        margin: 0;
        height: unset;
        min-height: unset;
        overflow: hidden;
    }

    .swiper-ser .swiper-scrollbar {
        height: 6px;
        width: 96%;
        margin: 26px 2%;
        border-radius: 80px;
        overflow: hidden;
    }

    .swiper-ser .centeredall {
        position: absolute;
        top: 65%;
        left: 50%;
        width: 80%;
        transform: translate(-50%, -50%);
    }

    .steam {
        display: none;
    }

    #gal .cover::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--over)
    }

    #newsletter h2 {
        font-family: var(--head);
        font-size: 26px;
        line-height: 38px;
        font-weight: 600;
        margin: 0;
    }

    footer .black {
        padding: 0 30px;
    }

    footer .col-md-2:nth-child(2),
    footer .col-md-2:nth-child(5) {
        display: none;
    }

    footer .col-md-2:nth-child(3),
    footer .col-md-2:nth-child(4) {
        width: 50%;
    }

    footer ul {
        margin-bottom: 20px;
    }

    .likeh {
        display: block;
        position: fixed;
        top: 0;
        width: 100vw;
    }

    footer .text-right {
        text-align: center !important;
    }

    span.likeh1 {
        font-family: var(--title);
        color: white;
        font-size: 35px;
        line-height: 45px;
        font-weight: 400;
        margin: 20px auto;
        display: block;
        position: relative;
    }

    .first-line {
        justify-content: stretch;
        height: 83px;
    }

    #lang {
        display: inline-block;
        position: absolute;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        top: 115px;
    }

    .first-line .box.two a {
        position: absolute;
        left: 0;
        transform: none;
        width: 270px;
        top: 5px;
    }

    footer .row .col-md-8 .row [class^='col-md'] a.map {
        position: relative;
        top: 0;
        display: block;
        width: 100%;
        transform: translateY(0%) translateX(-50%);
        left: 50%;
    }

    footer .logofoot {
        margin-left: auto;
        margin-right: auto;
    }

    footer .social {
        margin: 15px auto 20px auto;
        text-align: center;
        width: 70%;
    }

    footer .social a {
        margin-right: 8px;
        margin-left: 8px;
        transition: 600ms;
    }

    footer h3 {
        margin-top: 30px;
        text-align: left;
        margin-bottom: 20px;
    }

    #linemenu li {
        width: 49%;
        display: inline-block;
    }

    footer ul li a {
        margin: 5px 7px 5px 0;
    }

    #newsletter h2 {
        font-family: var(--head);
        font-size: 12px;
        line-height: 38px;
        font-weight: 600;
        margin: 0;
    }

    .oneinf {
        text-align: left;
        margin: 10px 20px;
    }

    .swiper-e {
        max-width: 90%;
        overflow: hidden;
        margin: 10px auto;
    }

    #info h2 {
        font-family: var(--title);
        letter-spacing: 0;
        font-weight: 300;
        font-size: 38px;
        line-height: 56px;
        margin-top: 40px;
        margin-left: 20px;
    }

    .first-line .box.three {
        display: none;
    }

    header {
        max-width: 100%;
        overflow: hidden;
    }

    .second-line {
        transition: 500ms;
    }

    header.ishere .second-line {
        right: 0;
        visibility: visible;
        opacity: 1;
        position: relative;
        top: 0px;
        border-bottom: none;
    }

    header.ishere  .first-line {
        justify-content: stretch;
        height: 83px;
        background: var(--a);
    }

    body.ishere {
        overflow: hidden;
    }

    header.ishere #menuopener .lines {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-70%, -50%);
        width: 30px;
        height: 36px;
    }

    #mmenu .f {
        position: relative;
        width: 100%;
        margin: 0;
        text-align: left;
        display: block;
    }

    .second-line {
        display: block;
        position: absolute;
        left: unset;
        width: 100%;
        right: -100%;
        text-align: center;
    }

    #mmenu {
        background: #22251Fa1;
        width: 100vw;
        padding-top: 60px;
        text-align: center;
        float: right;
        position: relative;
        height: calc(100vh - 84px);
        overflow-y: auto;
        padding-bottom: 150px;
        backdrop-filter: blur(5px);
    }

    #marque.info-slider {
        position: absolute;
        right: 0px;
        padding: 6px 20px;
        background: #ffffff38;
        background: linear-gradient(-90deg, white, #ffffff);
        overflow: hidden;
        transition: 500ms;
    }

    .second-line #mmenu a::after {
        display: none;
    }

    .second-line #mmenu a, .second-line #mmenu a:hover {
        color: white !important;
        text-decoration: none;
        padding: 15px 26px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
        position: relative;
        text-align: center;
        width: 100%;
        display: block;
        width: 100%;
    }

    #video {
        height: 70vh;
        width: 100%;
        min-height: 730px;
        overflow: hidden;
    }

    #mmenu .f .sub-menu {
        position: relative;
        left: 50%;
        top: 0;
        visibility: visible;
        background: transparent;
        width: 100%;
        opacity: 1;
        width: 100%;
        transform: none;
        right: unset;
    }

    #mmenu .f .sub-menu a {
        display: block;
        padding: 15px 27px;
        font-size: 14px;
        transition: 300ms;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .mobsale {
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%;
        background: var(--dd);
        z-index: 21348;
        border-top: 1px solid var(--d);
    }

    .mobsale {
        height: 70px;
    }

    .mobsale .col-md-3 {
        width: 25%;
        overflow: hidden;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        height: 70px;
    }

    .mobsale .col-md-3 a {
        color: var(--ah);
        display: block;
        height: 70px;
        position: relative;
        font-weight: 500;
        border-left: 1px solid #dae3d63b;
    }

    .mobsale .col-md-3:nth-child(1) a {
        border-left: none;
    }

    .swiper-prev.full .roomimg {
        aspect-ratio: 16/12;
    }

    .mobsale .col-md-3 {
        width: 25%;
        overflow: hidden;
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
        height: 70px;
    }

    .mobsale .col-md-3 a span:nth-child(2) {
        word-spacing: unset;
        text-align: left;
        padding-left: 50px;
        line-height: 15px;
        font-size: 12px;
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 10px;
        font-weight: 600;
        top: unset;
        bottom: 5px;
        color: var(--a);
        font-family: var(--text);
    }

    .mobsale .col-md-3 a.book span:nth-child(1) {
        -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDY4Mi42NjcgNjgyLjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgNTEyaDUxMlYwSDBaIiBmaWxsPSIjZGFlM2Q2IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzMzMzIDAgMCAtMS4zMzMzMyAwIDY4Mi42NjcpIj48cGF0aCBkPSJNMCAwaDM5LjMzM203OC44OTUgMGgzOS4zMzNNLTExOCAwaDM5LjMzM00wIDExOGgzOS4zMzNtNzguODk1IDBoMzkuMzMzTS0xMTggMTE4aDM5LjMzM20tMTM3LjY2NiA5OC42NjdoNDcyLjIyN00tMTM3LjQzOS05OEgxNzdjNDMuNTcyIDAgNzguODk0IDM1LjMyMiA3OC44OTQgNzguODk1djI3NC44NzdjMCA0My41NzItMzUuMzIyIDc4Ljg5NS03OC44OTQgNzguODk1aC0zMTQuNDM5Yy00My41NzIgMC03OC44OTQtMzUuMzIzLTc4Ljg5NC03OC44OTVWLTE5LjEwNWMwLTQzLjU3MyAzNS4zMjItNzguODk1IDc4Ljg5NC03OC44OTV6bTI3NS4zMzMgMzczLjY2N1YzNzRtLTIzNi4yMjctOTguMzMzVjM3NCIgc3R5bGU9InN0cm9rZS13aWR0aDo0MDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNi4zMzMgMTE4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGFlM2Q2IiBzdHJva2Utd2lkdGg9IjQwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
        clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDY4Mi42NjcgNjgyLjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgNTEyaDUxMlYwSDBaIiBmaWxsPSIjZGFlM2Q2IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzMzMzIDAgMCAtMS4zMzMzMyAwIDY4Mi42NjcpIj48cGF0aCBkPSJNMCAwaDM5LjMzM203OC44OTUgMGgzOS4zMzNNLTExOCAwaDM5LjMzM00wIDExOGgzOS4zMzNtNzguODk1IDBoMzkuMzMzTS0xMTggMTE4aDM5LjMzM20tMTM3LjY2NiA5OC42NjdoNDcyLjIyN00tMTM3LjQzOS05OEgxNzdjNDMuNTcyIDAgNzguODk0IDM1LjMyMiA3OC44OTQgNzguODk1djI3NC44NzdjMCA0My41NzItMzUuMzIyIDc4Ljg5NS03OC44OTQgNzguODk1aC0zMTQuNDM5Yy00My41NzIgMC03OC44OTQtMzUuMzIzLTc4Ljg5NC03OC44OTVWLTE5LjEwNWMwLTQzLjU3MyAzNS4zMjItNzguODk1IDc4Ljg5NC03OC44OTV6bTI3NS4zMzMgMzczLjY2N1YzNzRtLTIzNi4yMjctOTguMzMzVjM3NCIgc3R5bGU9InN0cm9rZS13aWR0aDo0MDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNi4zMzMgMTE4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGFlM2Q2IiBzdHJva2Utd2lkdGg9IjQwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
        -webkit-mask-size: 23px !important;
        mask-size: 23px !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: var(--a);
        background-size: 23px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 26px;
    }

    .mobsale .col-md-3 a.gift span:nth-child(1) {
        -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik00NjcgMTIwaC02MS4wNDFDNDE1LjM5NyAxMDcuNDU2IDQyMSA5MS44NzEgNDIxIDc1YzAtNDEuMzU1LTMzLjY0NS03NS03NS03NS0yNC45MTEgMC00My4yOCA4LjkyNS01Ny44MDkgMjguMDg3QzI3Ni4wMzYgNDQuMTE5IDI2Ny4xNDggNjYuNTAzIDI1NiA5NC43ODVjLTExLjE0OC0yOC4yODMtMjAuMDM2LTUwLjY2Ni0zMi4xOTEtNjYuNjk4QzIwOS4yOCA4LjkyNSAxOTAuOTExIDAgMTY2IDBjLTQxLjM1NSAwLTc1IDMzLjY0NS03NSA3NSAwIDE2Ljg3MSA1LjYwMyAzMi40NTYgMTUuMDQxIDQ1SDQ1Yy0yNC44MTMgMC00NSAyMC4xODctNDUgNDV2MzBjMCAxOS41NTUgMTIuNTQxIDM2LjIyOCAzMCA0Mi40MlY0NjdjMCAyNC44MTMgMjAuMTg3IDQ1IDQ1IDQ1aDM2MmMyNC44MTMgMCA0NS0yMC4xODcgNDUtNDVWMjM3LjQyYzE3LjQ1OS02LjE5MiAzMC0yMi44NjUgMzAtNDIuNDJ2LTMwYzAtMjQuODEzLTIwLjE4Ny00NS00NS00NXptLTE4My40NjYtMTMuMjZDMzA2LjUxMyA0OC40NDIgMzE1LjI0OSAzMCAzNDYgMzBjMjQuODEzIDAgNDUgMjAuMTg3IDQ1IDQ1cy0yMC4xODcgNDUtNDUgNDVoLTY3LjcxM2MxLjgzOC00LjYxNSAzLjU5MS05LjA1OCA1LjI0Ny0xMy4yNnpNMTY2IDMwYzMwLjc1MSAwIDM5LjQ4NyAxOC40NDIgNjIuNDY2IDc2Ljc0IDEuNjU2IDQuMjAyIDMuNDA5IDguNjQ1IDUuMjQ3IDEzLjI2SDE2NmMtMjQuODEzIDAtNDUtMjAuMTg3LTQ1LTQ1czIwLjE4Ny00NSA0NS00NXptMzAgNDUySDc1Yy04LjI3MSAwLTE1LTYuNzI5LTE1LTE1VjI0MGgxMzZ2MjQyem0wLTI3Mkg0NWMtOC4yNzEgMC0xNS02LjcyOS0xNS0xNXYtMzBjMC04LjI3MSA2LjcyOS0xNSAxNS0xNWgxNTF2NjB6bTkwIDI3MmgtNjBWMTUwaDYwdjMzMnptMTY2LTE1YzAgOC4yNzEtNi43MjkgMTUtMTUgMTVIMzE2VjI0MGgxMzZ2MjI3em0zMC0yNzJjMCA4LjI3MS02LjcyOSAxNS0xNSAxNUgzMTZ2LTYwaDE1MWM4LjI3MSAwIDE1IDYuNzI5IDE1IDE1djMweiIgZmlsbD0iI2RhZTNkNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
        clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik00NjcgMTIwaC02MS4wNDFDNDE1LjM5NyAxMDcuNDU2IDQyMSA5MS44NzEgNDIxIDc1YzAtNDEuMzU1LTMzLjY0NS03NS03NS03NS0yNC45MTEgMC00My4yOCA4LjkyNS01Ny44MDkgMjguMDg3QzI3Ni4wMzYgNDQuMTE5IDI2Ny4xNDggNjYuNTAzIDI1NiA5NC43ODVjLTExLjE0OC0yOC4yODMtMjAuMDM2LTUwLjY2Ni0zMi4xOTEtNjYuNjk4QzIwOS4yOCA4LjkyNSAxOTAuOTExIDAgMTY2IDBjLTQxLjM1NSAwLTc1IDMzLjY0NS03NSA3NSAwIDE2Ljg3MSA1LjYwMyAzMi40NTYgMTUuMDQxIDQ1SDQ1Yy0yNC44MTMgMC00NSAyMC4xODctNDUgNDV2MzBjMCAxOS41NTUgMTIuNTQxIDM2LjIyOCAzMCA0Mi40MlY0NjdjMCAyNC44MTMgMjAuMTg3IDQ1IDQ1IDQ1aDM2MmMyNC44MTMgMCA0NS0yMC4xODcgNDUtNDVWMjM3LjQyYzE3LjQ1OS02LjE5MiAzMC0yMi44NjUgMzAtNDIuNDJ2LTMwYzAtMjQuODEzLTIwLjE4Ny00NS00NS00NXptLTE4My40NjYtMTMuMjZDMzA2LjUxMyA0OC40NDIgMzE1LjI0OSAzMCAzNDYgMzBjMjQuODEzIDAgNDUgMjAuMTg3IDQ1IDQ1cy0yMC4xODcgNDUtNDUgNDVoLTY3LjcxM2MxLjgzOC00LjYxNSAzLjU5MS05LjA1OCA1LjI0Ny0xMy4yNnpNMTY2IDMwYzMwLjc1MSAwIDM5LjQ4NyAxOC40NDIgNjIuNDY2IDc2Ljc0IDEuNjU2IDQuMjAyIDMuNDA5IDguNjQ1IDUuMjQ3IDEzLjI2SDE2NmMtMjQuODEzIDAtNDUtMjAuMTg3LTQ1LTQ1czIwLjE4Ny00NSA0NS00NXptMzAgNDUySDc1Yy04LjI3MSAwLTE1LTYuNzI5LTE1LTE1VjI0MGgxMzZ2MjQyem0wLTI3Mkg0NWMtOC4yNzEgMC0xNS02LjcyOS0xNS0xNXYtMzBjMC04LjI3MSA2LjcyOS0xNSAxNS0xNWgxNTF2NjB6bTkwIDI3MmgtNjBWMTUwaDYwdjMzMnptMTY2LTE1YzAgOC4yNzEtNi43MjkgMTUtMTUgMTVIMzE2VjI0MGgxMzZ2MjI3em0zMC0yNzJjMCA4LjI3MS02LjcyOSAxNS0xNSAxNUgzMTZ2LTYwaDE1MWM4LjI3MSAwIDE1IDYuNzI5IDE1IDE1djMweiIgZmlsbD0iI2RhZTNkNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=);
        -webkit-mask-size: 23px !important;
        mask-size: 23px !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: var(--a);
        background-size: 23px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 26px;
    }

    .mobsale .col-md-3 a.live span:nth-child(1) {
        -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNDYyLjg4IDMzNy43ODFjMCA0My4yMzYtMzUuMTcgNzguMzUxLTc4LjM1MSA3OC4zNTFIMTI3LjQ3MmMtNDMuMTgxIDAtNzguMzUyLTM1LjExNi03OC4zNTItNzguMzUxVjE3NC4yMTlhNzcuODAyIDc3LjgwMiAwIDAgMSAxMC44MDktMzkuNjE1bDEyNS40MjggMTI1LjQyOGMxOC43NjUgMTguODIgNDMuODk0IDI5LjE5IDcwLjY3IDI5LjE5IDI2LjcyMSAwIDUxLjg1LTEwLjM3IDcwLjYxNS0yOS4xOUw0NTIuMDcgMTM0LjYwNGE3Ny43OSA3Ny43OSAwIDAgMSAxMC44MDkgMzkuNjE1djE2My41NjJ6TTM4NC41MjggOTUuODY4SDEyNy40NzJjLTE3LjgzMiAwLTM0LjI5MyA2LjAzNS00Ny40NjEgMTYuMDc2bDEyNi42OSAxMjYuNzQ1YzEzLjExNCAxMy4wNTggMzAuNjE2IDIwLjMwMSA0OS4zMjYgMjAuMzAxIDE4LjY1NSAwIDM2LjE1OC03LjI0MyA0OS4yNzEtMjAuMzAxbDEyNi42OS0xMjYuNzQ1Yy0xMy4xNjctMTAuMDQxLTI5LjYyNy0xNi4wNzYtNDcuNDYtMTYuMDc2em0wLTMwLjIzMkgxMjcuNDcyYy01OS44NjEgMC0xMDguNTg0IDQ4LjcyMy0xMDguNTg0IDEwOC41ODR2MTYzLjU2MmMwIDU5LjkxNiA0OC43MjMgMTA4LjU4NCAxMDguNTg0IDEwOC41ODRoMjU3LjA1NmM1OS44NjEgMCAxMDguNTg0LTQ4LjY2OCAxMDguNTg0LTEwOC41ODRWMTc0LjIxOWMwLTU5Ljg2MS00OC43MjMtMTA4LjU4My0xMDguNTg0LTEwOC41ODN6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNkYWUzZDYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
        clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNDYyLjg4IDMzNy43ODFjMCA0My4yMzYtMzUuMTcgNzguMzUxLTc4LjM1MSA3OC4zNTFIMTI3LjQ3MmMtNDMuMTgxIDAtNzguMzUyLTM1LjExNi03OC4zNTItNzguMzUxVjE3NC4yMTlhNzcuODAyIDc3LjgwMiAwIDAgMSAxMC44MDktMzkuNjE1bDEyNS40MjggMTI1LjQyOGMxOC43NjUgMTguODIgNDMuODk0IDI5LjE5IDcwLjY3IDI5LjE5IDI2LjcyMSAwIDUxLjg1LTEwLjM3IDcwLjYxNS0yOS4xOUw0NTIuMDcgMTM0LjYwNGE3Ny43OSA3Ny43OSAwIDAgMSAxMC44MDkgMzkuNjE1djE2My41NjJ6TTM4NC41MjggOTUuODY4SDEyNy40NzJjLTE3LjgzMiAwLTM0LjI5MyA2LjAzNS00Ny40NjEgMTYuMDc2bDEyNi42OSAxMjYuNzQ1YzEzLjExNCAxMy4wNTggMzAuNjE2IDIwLjMwMSA0OS4zMjYgMjAuMzAxIDE4LjY1NSAwIDM2LjE1OC03LjI0MyA0OS4yNzEtMjAuMzAxbDEyNi42OS0xMjYuNzQ1Yy0xMy4xNjctMTAuMDQxLTI5LjYyNy0xNi4wNzYtNDcuNDYtMTYuMDc2em0wLTMwLjIzMkgxMjcuNDcyYy01OS44NjEgMC0xMDguNTg0IDQ4LjcyMy0xMDguNTg0IDEwOC41ODR2MTYzLjU2MmMwIDU5LjkxNiA0OC43MjMgMTA4LjU4NCAxMDguNTg0IDEwOC41ODRoMjU3LjA1NmM1OS44NjEgMCAxMDguNTg0LTQ4LjY2OCAxMDguNTg0LTEwOC41ODRWMTc0LjIxOWMwLTU5Ljg2MS00OC43MjMtMTA4LjU4My0xMDguNTg0LTEwOC41ODN6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNkYWUzZDYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
        -webkit-mask-size: 23px !important;
        mask-size: 23px !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: var(--a);
        background-size: 23px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 26px;
    }

    .mobsale .col-md-3 a.central span:nth-child(1) {
        -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDczLjgwNiA0NzMuODA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMzc0LjQ1NiAyOTMuNTA2Yy05LjctMTAuMS0yMS40LTE1LjUtMzMuOC0xNS41LTEyLjMgMC0yNC4xIDUuMy0zNC4yIDE1LjRsLTMxLjYgMzEuNWMtMi42LTEuNC01LjItMi43LTcuNy00LTMuNi0xLjgtNy0zLjUtOS45LTUuMy0yOS42LTE4LjgtNTYuNS00My4zLTgyLjMtNzUtMTIuNS0xNS44LTIwLjktMjkuMS0yNy00Mi42IDguMi03LjUgMTUuOC0xNS4zIDIzLjItMjIuOCAyLjgtMi44IDUuNi01LjcgOC40LTguNSAyMS0yMSAyMS00OC4yIDAtNjkuMmwtMjcuMy0yNy4zYy0zLjEtMy4xLTYuMy02LjMtOS4zLTkuNS02LTYuMi0xMi4zLTEyLjYtMTguOC0xOC42LTkuNy05LjYtMjEuMy0xNC43LTMzLjUtMTQuN3MtMjQgNS4xLTM0IDE0LjdsLS4yLjItMzQgMzQuM2MtMTIuOCAxMi44LTIwLjEgMjguNC0yMS43IDQ2LjUtMi40IDI5LjIgNi4yIDU2LjQgMTIuOCA3NC4yIDE2LjIgNDMuNyA0MC40IDg0LjIgNzYuNSAxMjcuNiA0My44IDUyLjMgOTYuNSA5My42IDE1Ni43IDEyMi43IDIzIDEwLjkgNTMuNyAyMy44IDg4IDI2IDIuMS4xIDQuMy4yIDYuMy4yIDIzLjEgMCA0Mi41LTguMyA1Ny43LTI0LjguMS0uMi4zLS4zLjQtLjUgNS4yLTYuMyAxMS4yLTEyIDE3LjUtMTguMSA0LjMtNC4xIDguNy04LjQgMTMtMTIuOSA5LjktMTAuMyAxNS4xLTIyLjMgMTUuMS0zNC42IDAtMTIuNC01LjMtMjQuMy0xNS40LTM0LjNsLTU0LjktNTUuMXptMzUuOCAxMDUuM2MtLjEgMC0uMS4xIDAgMC0zLjkgNC4yLTcuOSA4LTEyLjIgMTIuMi02LjUgNi4yLTEzLjEgMTIuNy0xOS4zIDIwLTEwLjEgMTAuOC0yMiAxNS45LTM3LjYgMTUuOS0xLjUgMC0zLjEgMC00LjYtLjEtMjkuNy0xLjktNTcuMy0xMy41LTc4LTIzLjQtNTYuNi0yNy40LTEwNi4zLTY2LjMtMTQ3LjYtMTE1LjYtMzQuMS00MS4xLTU2LjktNzkuMS03Mi0xMTkuOS05LjMtMjQuOS0xMi43LTQ0LjMtMTEuMi02Mi42IDEtMTEuNyA1LjUtMjEuNCAxMy44LTI5LjdsMzQuMS0zNC4xYzQuOS00LjYgMTAuMS03LjEgMTUuMi03LjEgNi4zIDAgMTEuNCAzLjggMTQuNiA3bC4zLjNjNi4xIDUuNyAxMS45IDExLjYgMTggMTcuOSAzLjEgMy4yIDYuMyA2LjQgOS41IDkuN2wyNy4zIDI3LjNjMTAuNiAxMC42IDEwLjYgMjAuNCAwIDMxLTIuOSAyLjktNS43IDUuOC04LjYgOC42LTguNCA4LjYtMTYuNCAxNi42LTI1LjEgMjQuNC0uMi4yLS40LjMtLjUuNS04LjYgOC42LTcgMTctNS4yIDIyLjdsLjMuOWM3LjEgMTcuMiAxNy4xIDMzLjQgMzIuMyA1Mi43bC4xLjFjMjcuNiAzNCA1Ni43IDYwLjUgODguOCA4MC44IDQuMSAyLjYgOC4zIDQuNyAxMi4zIDYuNyAzLjYgMS44IDcgMy41IDkuOSA1LjMuNC4yLjguNSAxLjIuNyAzLjQgMS43IDYuNiAyLjUgOS45IDIuNSA4LjMgMCAxMy41LTUuMiAxNS4yLTYuOWwzNC4yLTM0LjJjMy40LTMuNCA4LjgtNy41IDE1LjEtNy41IDYuMiAwIDExLjMgMy45IDE0LjQgNy4zbC4yLjIgNTUuMSA1NS4xYzEwLjMgMTAuMiAxMC4zIDIwLjcuMSAzMS4zek0yNTYuMDU2IDExMi43MDZjMjYuMiA0LjQgNTAgMTYuOCA2OSAzNS44czMxLjMgNDIuOCAzNS44IDY5YzEuMSA2LjYgNi44IDExLjIgMTMuMyAxMS4yLjggMCAxLjUtLjEgMi4zLS4yIDcuNC0xLjIgMTIuMy04LjIgMTEuMS0xNS42LTUuNC0zMS43LTIwLjQtNjAuNi00My4zLTgzLjVzLTUxLjgtMzcuOS04My41LTQzLjNjLTcuNC0xLjItMTQuMyAzLjctMTUuNiAxMXMzLjUgMTQuNCAxMC45IDE1LjZ6TTQ3My4yNTYgMjA5LjAwNmMtOC45LTUyLjItMzMuNS05OS43LTcxLjMtMTM3LjVzLTg1LjMtNjIuNC0xMzcuNS03MS4zYy03LjMtMS4zLTE0LjIgMy43LTE1LjUgMTEtMS4yIDcuNCAzLjcgMTQuMyAxMS4xIDE1LjYgNDYuNiA3LjkgODkuMSAzMCAxMjIuOSA2My43IDMzLjggMzMuOCA1NS44IDc2LjMgNjMuNyAxMjIuOSAxLjEgNi42IDYuOCAxMS4yIDEzLjMgMTEuMi44IDAgMS41LS4xIDIuMy0uMiA3LjMtMS4xIDEyLjMtOC4xIDExLTE1LjR6IiBmaWxsPSIjZGFlM2Q2IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
        clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDczLjgwNiA0NzMuODA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMzc0LjQ1NiAyOTMuNTA2Yy05LjctMTAuMS0yMS40LTE1LjUtMzMuOC0xNS41LTEyLjMgMC0yNC4xIDUuMy0zNC4yIDE1LjRsLTMxLjYgMzEuNWMtMi42LTEuNC01LjItMi43LTcuNy00LTMuNi0xLjgtNy0zLjUtOS45LTUuMy0yOS42LTE4LjgtNTYuNS00My4zLTgyLjMtNzUtMTIuNS0xNS44LTIwLjktMjkuMS0yNy00Mi42IDguMi03LjUgMTUuOC0xNS4zIDIzLjItMjIuOCAyLjgtMi44IDUuNi01LjcgOC40LTguNSAyMS0yMSAyMS00OC4yIDAtNjkuMmwtMjcuMy0yNy4zYy0zLjEtMy4xLTYuMy02LjMtOS4zLTkuNS02LTYuMi0xMi4zLTEyLjYtMTguOC0xOC42LTkuNy05LjYtMjEuMy0xNC43LTMzLjUtMTQuN3MtMjQgNS4xLTM0IDE0LjdsLS4yLjItMzQgMzQuM2MtMTIuOCAxMi44LTIwLjEgMjguNC0yMS43IDQ2LjUtMi40IDI5LjIgNi4yIDU2LjQgMTIuOCA3NC4yIDE2LjIgNDMuNyA0MC40IDg0LjIgNzYuNSAxMjcuNiA0My44IDUyLjMgOTYuNSA5My42IDE1Ni43IDEyMi43IDIzIDEwLjkgNTMuNyAyMy44IDg4IDI2IDIuMS4xIDQuMy4yIDYuMy4yIDIzLjEgMCA0Mi41LTguMyA1Ny43LTI0LjguMS0uMi4zLS4zLjQtLjUgNS4yLTYuMyAxMS4yLTEyIDE3LjUtMTguMSA0LjMtNC4xIDguNy04LjQgMTMtMTIuOSA5LjktMTAuMyAxNS4xLTIyLjMgMTUuMS0zNC42IDAtMTIuNC01LjMtMjQuMy0xNS40LTM0LjNsLTU0LjktNTUuMXptMzUuOCAxMDUuM2MtLjEgMC0uMS4xIDAgMC0zLjkgNC4yLTcuOSA4LTEyLjIgMTIuMi02LjUgNi4yLTEzLjEgMTIuNy0xOS4zIDIwLTEwLjEgMTAuOC0yMiAxNS45LTM3LjYgMTUuOS0xLjUgMC0zLjEgMC00LjYtLjEtMjkuNy0xLjktNTcuMy0xMy41LTc4LTIzLjQtNTYuNi0yNy40LTEwNi4zLTY2LjMtMTQ3LjYtMTE1LjYtMzQuMS00MS4xLTU2LjktNzkuMS03Mi0xMTkuOS05LjMtMjQuOS0xMi43LTQ0LjMtMTEuMi02Mi42IDEtMTEuNyA1LjUtMjEuNCAxMy44LTI5LjdsMzQuMS0zNC4xYzQuOS00LjYgMTAuMS03LjEgMTUuMi03LjEgNi4zIDAgMTEuNCAzLjggMTQuNiA3bC4zLjNjNi4xIDUuNyAxMS45IDExLjYgMTggMTcuOSAzLjEgMy4yIDYuMyA2LjQgOS41IDkuN2wyNy4zIDI3LjNjMTAuNiAxMC42IDEwLjYgMjAuNCAwIDMxLTIuOSAyLjktNS43IDUuOC04LjYgOC42LTguNCA4LjYtMTYuNCAxNi42LTI1LjEgMjQuNC0uMi4yLS40LjMtLjUuNS04LjYgOC42LTcgMTctNS4yIDIyLjdsLjMuOWM3LjEgMTcuMiAxNy4xIDMzLjQgMzIuMyA1Mi43bC4xLjFjMjcuNiAzNCA1Ni43IDYwLjUgODguOCA4MC44IDQuMSAyLjYgOC4zIDQuNyAxMi4zIDYuNyAzLjYgMS44IDcgMy41IDkuOSA1LjMuNC4yLjguNSAxLjIuNyAzLjQgMS43IDYuNiAyLjUgOS45IDIuNSA4LjMgMCAxMy41LTUuMiAxNS4yLTYuOWwzNC4yLTM0LjJjMy40LTMuNCA4LjgtNy41IDE1LjEtNy41IDYuMiAwIDExLjMgMy45IDE0LjQgNy4zbC4yLjIgNTUuMSA1NS4xYzEwLjMgMTAuMiAxMC4zIDIwLjcuMSAzMS4zek0yNTYuMDU2IDExMi43MDZjMjYuMiA0LjQgNTAgMTYuOCA2OSAzNS44czMxLjMgNDIuOCAzNS44IDY5YzEuMSA2LjYgNi44IDExLjIgMTMuMyAxMS4yLjggMCAxLjUtLjEgMi4zLS4yIDcuNC0xLjIgMTIuMy04LjIgMTEuMS0xNS42LTUuNC0zMS43LTIwLjQtNjAuNi00My4zLTgzLjVzLTUxLjgtMzcuOS04My41LTQzLjNjLTcuNC0xLjItMTQuMyAzLjctMTUuNiAxMXMzLjUgMTQuNCAxMC45IDE1LjZ6TTQ3My4yNTYgMjA5LjAwNmMtOC45LTUyLjItMzMuNS05OS43LTcxLjMtMTM3LjVzLTg1LjMtNjIuNC0xMzcuNS03MS4zYy03LjMtMS4zLTE0LjIgMy43LTE1LjUgMTEtMS4yIDcuNCAzLjcgMTQuMyAxMS4xIDE1LjYgNDYuNiA3LjkgODkuMSAzMCAxMjIuOSA2My43IDMzLjggMzMuOCA1NS44IDc2LjMgNjMuNyAxMjIuOSAxLjEgNi42IDYuOCAxMS4yIDEzLjMgMTEuMi44IDAgMS41LS4xIDIuMy0uMiA3LjMtMS4xIDEyLjMtOC4xIDExLTE1LjR6IiBmaWxsPSIjZGFlM2Q2IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
        -webkit-mask-size: 23px !important;
        mask-size: 23px !important;
        mask-repeat: no-repeat;
        mask-position: center;
        background-color: var(--a);
        background-size: 23px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 26px;
    }

    .mobsale .col-md-3 a .small {
        word-spacing: unset;
        text-align: left;
        padding-left: 50px;
        line-height: 15px;
        font-size: 12px;
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 10px;
        font-weight: 700;
        top: unset;
        bottom: 5px;
    }

    footer .copy {
        border-top: none;
        margin-top: 90px;
    }

    footer {
        padding-bottom: 160px;
    }

    .mobsale a span {
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
    }

    footer .copy a {
        display: block;
    }

    .shu {
        display: none;
    }

    .swiper-container-homepage {
        position: relative;
        height: 100vh;
		min-height: 730px;
    }

    header .left a.tel,
    header .right a.book {
        display: none;
    }

    header .left {
        position: fixed;
        left: 60px;
        top: 12px;
    }

    header .left #lang a {
        text-decoration: none;
        color: var(--l);
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .buu h2 {
        color: #dbdec5;
        font-size: 34px;
        max-width: 90%;
        text-align: center;
        line-height: 44px;
        margin: 0 auto 100px;
        z-index: 6;
        position: relative;
        font-weight: 500;
    }

    .buu .g {
        position: absolute;
        left: 50%;
        bottom: -80%;
        transform: translateX(-50%);
    }

    header {
        height: unset;
        z-index: 548611;
    }

    #fullmenu {
        height: 100%;
        width: 80vw;
        max-width: 90vw;
        right: 0px;
        background: #7f8362;
        z-index: 54869;
        position: fixed;
        transform: translateX(100%);
        transition: 500ms;
        top: 0;
    }

    #fullmenu.ishere {
        right: 0;
        left: 50px;
        transform: translateX(0);
        width: auto;
    }

    #frontendeditor {
        display: none;
    }

    .ball {
        display: none !important;
    }

    .leftext {
        text-align: left;
        padding: 0 20px 60px 20px;
        position: relative;
        top: unset;
    }

    #all-offers-list {
        margin: 0 10px;
    }

    #all-offers-list .onepack {
        position: relative;
        margin-bottom: 10px;
    }

    #all-offers-list .image-inner {
        padding-bottom: 90%;
        width: 100%;
        height: 0;
        z-index: 6;
        position: relative;
    }

    #all-offers-list .offer-info {
        display: block;
        background: transparent;
        padding: 25px 0px 10px 15px;
        z-index: 5;
        margin-left: 0;
        margin-right: 0;
        bottom: 6px;
        width: 100%;
        margin-top: 0;
        z-index: 554;
        left: 0;
    }

    #roomspart .swiper-ser .centeredall h3 {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .swiper-ev .swiper-slide:last-child {
        margin-right: 15px;
    }

    .swiper-e .text h3,
    .eve h3 {
        color: var(--dd);
        font-size: 18px;
        line-height: 24px;
        margin: 0;
        text-align: left;
    }

    .swiper-e .btn,
    .eve span {
        float: left;
    }

    #info .bb {
        bottom: -10px;
        left: 70px;
    }

    .swiper-e .date p,
    .eve .date p {
        position: relative;
        opacity: 1;
        margin: 0;
        padding-left: 24px;
        font-weight: 500;
        display: table;
        background: transparent;
        color: white;
        background-size: 200% auto;
        color: #b4975a;
        padding: 4px 15px 4px 22px;
        border-radius: 3px;
        font-size: 14px;
        font-weight: 600;
        text-align: left;
        line-height: 17px;
        padding-top: 7px;
        max-width: 70%;
    }

    #all-offers-list .offer-info .btn,
    #all-offers-list .offer-info a.bookme {
        margin-left: 0;
        margin-right: 15px;
    }

    #all-offers-list .offer-info h3 {
        font-family: unset;
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
        margin: 10px 0;
        max-width: 90%;
        margin: 10px auto 10px 0;
    }

    .roombox .col-md-6:nth-child(2) .wrapp {
        margin: 20px;
        text-align: left;
    }

    #gotobook {
        display: block;
        text-align: center;
        margin: 0 10px;
        width: calc(100% - 20px);
    }

    #gotobook .checkin,
    #gotobook .checkout {
        padding: 0px 2.5%;
        padding-right: 2.5%;
        background: transparent;
        color: var(--d);
        border-radius: 3px;
        min-width: 110px;
        font-family: var(--text);
        font-size: 19px;
        text-align: center;
        width: 45%;
        display: inline-block;
        margin: 10px 0;
    }

    #gotobook .cancel,
    #gotobook .search {
        text-align: center;
    }

    #gotobook .search {
        background: var(--d);
        color: var(--l);
        font-size: 16px;
        font-weight: 500;
        height: 55px;
        line-height: 55px;
        padding: 0 30px;
        border-radius: 0;
        cursor: pointer;
        position: relative;
        text-transform: none;
    }

    #js-calendar {
        height: 370px;
    }

    .oneone .anin-img {
        width: 100%;
        aspect-ratio: 16/10;
        display: block;
        background-size: cover;
        margin: 20px auto;
        margin-right: 50px;
    }

    .oneone .col-md-6:nth-child(2) {
        padding: 20px;
    }

    .call {
        margin-top: 30px;
    }

    #fullmenu .dow img {
        width: 130px;
        margin-bottom: 40px;
    }

    .afterhead a.tel {
        margin-bottom: 80px;
    }

    .oneone p b,
    .oneone p strong {
        display: block;
        min-width: 200px;
        text-align: center;
        margin-top: 30px;
        float: none;
    }

    .oneone:nth-child(even) .col-md-6:nth-child(2) {
        text-align: center;
        padding-right: 20px;
        padding-left: 20px;
    }

    .oneone p em,
    .oneone p i {
        display: inline-block;
        min-width: 200px;
        text-align: center;
        font-style: normal;
        float: none;
        text-align: center
    }

    .oneone p u {
        margin-top: 50px;
    }

    section#h {
        margin-top: 80px;
    }

    section.text .col-md-12 {
        text-align: left;
        padding: 0 20px
    }

    #h .centerlogo {
        width: 220px;
        margin: 35px auto 30px 15px;
        display: block;
    }

    body.temp-page_1 header .left #lang a {
        text-decoration: none;
        color: #bec2a5;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .likeh .fstone {
        position: absolute;
        left: 0px;
        top: 0;
        width: 50px;
        height: 50px;
        background: url(/template/villa/img/logof.svg) no-repeat;
        background-size: 33px;
        background-position: center center;
    }

    #about .afterhead p {
        font-size: 16px;
        line-height: 26px;
    }

    .hand {
        line-height: 44px;
    }

    #about h1 {
        font-size: 43px;
        line-height: 56px;
        font-weight: 600;
        margin-bottom: 27px;
        position: relative;
    }

    .swiper-ser .centeredall {
        position: absolute;
        top: unset;
        left: 20px;
        width: 80%;
        transform: none;
    }

    .swiper-ser .swiper-slide {
        width: 94%;
        position: relative;
        aspect-ratio: unset;
        min-height: 350px;
        aspect-ratio: 1 / 1;
    }

    #offers .swiper-boxes .swiper-slide {
        width: calc(100vw - 40px) !important;
        max-width: calc(100vw - 40px);
        margin-right: 0;
    }

    #offers .swiper-ser {
        padding-left: 0;
        padding-right: 0;
    }

    #offers .swiper-boxes {
        overflow: visible;
        padding: 20px;
    }

    .pat h2,
    .form h2 {
        font-family: var(--title);
        font-weight: 300;
        font-size: 35px;
        line-height: 45px;
        margin: 0;
    }

    .hand {
        font-family: var(--ano);
        color: var(--a);
        font-size: 36px;
        margin-bottom: 40px;
        display: block;
        margin-top: 30px;
    }

    .pat .ah {
        margin-bottom: 50px;
        margin-top: 10px;
    }

    #all-offers-list .onepack {
        position: relative;
        margin-bottom: 10px;
        margin: 0;
        min-height: 200px;
    }

    #all-offers-list .image-inner {
        padding-bottom: 70%;
        width: 100%;
        height: 0;
        z-index: 6;
        position: relative;
    }

    section.text .col-md-12 {
        text-align: left;
        padding: 0;
    }

    .cencen h2 {
        font-family: var(--title);
        font-weight: 300;
        font-size: 35px;
        line-height: 40px;
        margin: 0;
        position: relative;
    }

    .patb .col-md-6 p {
        color: var(--w);
        margin: 50px;
        margin-left: 20px;
        text-align: left;
        margin-top: 0;
    }

    .patb h2 {
        margin: 35px auto 35px 20px;
    }

    #events .hand {
        margin-left: 0px;
        font-size: 30px;
        margin-top: -15px;
        transform: none;
        padding-right: 10px;
        padding-left: 20px;
        text-align: left;
    }

    .patb .col-md-6 p {
        color: var(--w);
        margin: 50px;
        margin-left: 20px;
        text-align: left;
        margin-top: 0;
        width: calc(100% - 40px);
    }

    .swiper-ev .swiper-slide {
        width: calc(100% - 20px);
    }

    .swiper-ev .animated-image .text {
        width: 80%;
        text-align: left;
        position: absolute;
        left: 25px;
        bottom: 30px;
    }

    .swiper-ev .swiper-slide .nq {
        position: absolute;
        right: 10px;
        bottom: 35px;
    }

    .patb {
        background: var(--d);
        padding-bottom: 40px;
    }

    .content {
        padding: 0 20px;
    }

    #faq .one {
        padding: 0px 0 0 30px;
        max-width: 100%;
    }

    #faq:not(.t) .onecontent,
    #faq:not(.t) .one.noactive .onecontent {
        width: 94%;
    }

    .but,
    .oneone a {
        margin-left: auto;
        margin-right: auto;
    }

    .oneone .room-gallery-small {
        margin: 20px 10px 0 10px;
    }

    .oneone:nth-child(odd) .col-md-6:nth-child(2) {
        text-align: center;
        padding-right: 25px;
        padding-left: 25px;
    }

    .bread {
        overflow: hidden;
    }

    .mobile-hidden {
        display: none
    }

    #marque.info-slider .swiper-slide {
        width: 140%;
    }

    #marque.info-slider .swiper-slide {
        width: max-content;
    }

    #marque.info-slider {
        left: 0;
        right: 0;
    }

    .info-slider .swiper-wrapper {
        -webkit-transition-timing-function: linear !important;
        -o-transition-timing-function: linear !important;
        transition-timing-function: linear !important;
    }

    .scrollrow {
        text-align: left;
        margin-left: 12px;
        position: relative;
        white-space: normal;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        white-space: nowrap;
    }

    .info-slider .swiper-slide {
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        margin-left: 40px;
        color: var(--dd);
        line-height: 22px;
    }

    .slider.sub .cencen {
        width: 96%;
    }

    .scrollrow::-webkit-scrollbar {
        display: none;
    }

    #faq .onehead::before {
        content: '';
        position: absolute;
        right: 15px;
        top: 30px;
    }

    .swiper-ev .swiper-slide.swiper-slide-active .nq {
        opacity: .25;
    }

    .patb p {
        color: #ffffffa8;
        font-size: 14px;
        line-height: 21px;
    }

    .paaay {
        max-width: 90%;
        margin: 0 auto;
    }

    #about h1 {
        font-size: 36px;
        line-height: 48px;
        font-weight: 600;
        margin-bottom: 27px;
        position: relative;
        padding-right: 10px;
        padding-left: 10px;
    }

    .hand {
        font-family: var(--ano);
        color: var(--a);
        font-size: 32px;
        margin-bottom: 40px;
        display: block;
        margin-top: 30px;
    }

    .patb h2 {
        margin: 35px auto 35px 20px;
        font-size: 35px;
        line-height: 40px;
    }

    #info h2 {
        font-family: var(--title);
        letter-spacing: 0;
        font-weight: 300;
        font-size: 35px;
        line-height: 40px;
        margin-top: 40px;
        margin-left: 20px;
        text-align: left;
        padding-right: 20px;
    }

    #newsletter span.prehead {
        font-family: var(--ano);
        font-size: 55px;
        font-weight: 300;
        color: var(--a);
        opacity: 1;
        text-transform: none;
        letter-spacing: 0;
        margin: 20px;
        position: relative;
        display: block;
        margin-top: 15px;
        z-index: 234;
        margin-bottom: 0;
        text-align: center;
    }

    body.con_24 section.eventy .eve .animated-image {
        aspect-ratio: 16 / 16 !important;
    }

    .swiper-ev .bb,
    .bb {
        position: absolute;
        bottom: -70px;
        left: calc(50% + 0px);
        transform: translateX(-50%);
    }

    .slider.sub h1 {
        font-family: var(--title);
        color: white;
        font-size: 34px;
        line-height: 40px;
        font-weight: 400;
        margin: 20px auto;
        display: block;
        position: relative;
    }

    .slider.sub .subhead {
        font-family: var(--ano);
        color: var(--a);
        font-size: 34px;
        margin-bottom: 43px;
        display: block;
        margin-top: 30px;
        line-height: 40px;
        padding: 0 15px;
    }

    .subpage h2 {
        font-family: var(--title);
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 40px;
        color: var(--dd);
        text-align: left;
        width: 100%;
    }

    .subpage .col-md-8 {
        padding-right: 10px;
        padding-left: 10px;
        text-align: left;
    }

    .subpage address {
        max-width: 100%;
    }

    .subpage .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .subpage .box {
        position: sticky;
        top: 0;
        margin-top: 10px;
    }

    .subpage .box {
        text-align: left;
    }

    .subpage .box .bt {
        transform: scale(0.70);
        margin-left: -10px;
        margin-top: 20px;
    }

    .eve {
        margin: 20px;
        display: block;
        text-decoration: none;
        margin-left: 0;
        margin-right: 0;
    }

    .eve .animated-image {
        aspect-ratio: 16 / 16 !important;
    }

    h2.title {
        font-family: var(--title);
        font-size: 35px;
        margin-bottom: 0;
        color: var(--d);
        line-height: 40px;
    }

    section.eventy .eve {
        margin: 20px;
        display: block;
        text-decoration: none;
        margin-left: 10px;
        margin-right: 10px;
    }

    section.eventy .eve .animated-image {
        aspect-ratio: 16 / 10 !important;
    }

    body.rs .swiper-ser .swiper-slide,
    body.offer .swiper-ser .swiper-slide {
        width: 94%;
        position: relative;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

    body.rs #offers.pat #all-offers-list .offer-info h3 {
        margin-bottom: 10px;
    }

    #article-cont h1 {
        font-size: 35px;
        line-height: 42px;
        font-weight: 400;
        margin: 15px auto 0;
        display: block;
        position: relative;
        text-align: left;
        font-family: var(--title);
    }

    #article-cont {
        padding-right: 10px;
        padding-left: 10px;
        text-align: left;
    }

    #article-cont p {
        text-align: left;
    }

    .conditions .onehead::before {
        content: '';
        position: absolute;
        right: 10px;
    }

    body.rs.con_7 .oneone ul:not(.swiper-wrapper) li {
        display: inline-block;
        text-align: center;
        margin: 5px 10px;
        margin-left: 0;
        font-size: 10px;
        line-height: 12px;
        position: relative;
    }

    .oneone .col-md-6 {
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
    }

    body.rs.con_7 .oneone ul:not(.swiper-wrapper) li::before {
        content: '';
        position: relative;
        width: 42px;
        height: 42px;
        background: var(--d);
        display: block;
        border-radius: 80px;
        margin-bottom: 8px;
    }

    .oneone:nth-child(odd) .col-md-6:nth-child(2) {
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
    }

    body.rs.con_7 .oneone ul:not(.swiper-wrapper) li::after {
        content: '';
        position: absolute;
        width: 40px !important;
        height: 40px !important;
        top: 6px !important;
        left: 6px !important;
        background-size: 30px !important;
        background-repeat: no-repeat !important;
    }

    body.rs.con_7 .oneone ul:not(.swiper-wrapper) li:nth-child(6)::after {
        content: '';
        position: absolute;
        width: 40px !important;
        height: 40px !important;
        top: 7px !important;
        left: 7px !important;
    }

    body.rs.con_7 .oneone ul:not(.swiper-wrapper) li:nth-child(5)::after {
        content: '';
        position: absolute;
        width: 40px !important;
        height: 40px !important;
        top: 6px !important;
        left: 7px !important;
    }

    body.rs.con_7 .oneone ul {
        text-align: center;
    }

    #faq .active .onecontent p {
        margin-top: 15px;
        padding-bottom: 20px;
        font-size: 15px;
        line-height: 18px;
    }

    #faq .active .onehead {
        border: none;
        min-height: 0;
        padding-top: 35px;
        padding-bottom: 8px;
        font-size: 18px;
        line-height: 22px;
    }

    .oneone h3 {
        font-size: 35px;
        letter-spacing: 0px;
        line-height: 40px;
        margin-bottom: 0;
        margin-top: 20px;
        font-weight: 800;
    }

    .afterhead p {
        font-size: 18px;
        line-height: 27px;
        width: 94%;
        margin: 30px auto;
    }

    .play {
        background-size: 46px;
    }

    .pat h2,
    .form h2 {
        font-family: var(--title);
        font-weight: 300;
        font-size: 35px;
        line-height: 45px;
        margin: 0;
        padding-right: 15px;
        padding-left: 15px;
    }

    #events.patb .wrap {
        margin: 0 0 0 30px;
        padding-right: 40px;
        color: white;
        text-align: left;
    }

    #events.smoke.closed h2 {
        padding-left: 15px;
    }

    .oneone .room-gallery-small {
        margin: 20px 0px -10px 0px;
    }

    #all-offers-list .onepack {
        position: relative;
        margin-bottom: 10px;
        margin: 0;
        min-height: 200px;
        margin-bottom: 10px;
    }

    .conditions .onehead {
        font-size: 16px;
        line-height: 20px;
    }

    .prehead {
        text-align: left;
    }

    #references .prehead {
        text-align: center;
    }

    .conditions .one {
        padding: 20px 5px 0 10px;
        max-width: 100%;
        margin-bottom: -20px;
    }

    body.offer .conditions .one:first-child {
        padding: 20px 0px 0 0px;
    }

    .conditions .checkout,
    .conditions .checkin {
        padding-right: 20px;
        margin-bottom: 20px;
    }

    #fixedbook .b .col-md-6 {
        width: 50%;
    }

    body.con_8 .kontaktsec .box {
        margin: 50px auto;
    }

    .kontaktsec .left a,
    .kontaktsec .right a {
        font-size: 22px;
        line-height: 35px;
        text-decoration: none;
    }

    body.con_8 h2 {
        font-size: 35px;
        font-family: 'playfair-display';
        line-height: 40px;
    }

    body.con_8 p {
        padding: 0 15px;
    }

    body.con_8 .patb .col-md {
        width: 100%;
        text-align: center;
    }

    body.con_8 main>section:last-of-type {
        padding: 0 15px;
    }

    body.room #room-content .col-md-12.wrapper-30-0 {
        margin-top: -60px;
    }

    .cal h2 {
        font-family: var(--text);
        font-size: 25px;
        line-height: 30px;
        display: block;
        font-weight: 800;
        padding: 0 15px;
    }

    .checkin .date span,
    .checkout .date span {
        font-family: var(--title);
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
    }

    #roomspart .col-md-5 .cencen h2 {
        text-align: left;
        margin-top: 50px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 700px) {

    #marque.info-slider .swiper-slide,
    #marque.info-slider .swiper-slide span {
        font-size: 10px !important;
        line-height: 14px !important;
    }

    .wrapper-120-0 {
        padding: 20px 0 0 0;
        min-height: 1px;
        display: block;
    }
}

/* Icon box styles */
.icon-box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}

.icon-item {
    flex: 1 1 150px;
    min-width: 150px;
    max-width: 200px;
    text-align: center;
    padding: 20px 10px;
    background: transparent;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.icon-item:hover {
    transform: translateY(-5px);
}

.icon-image {
    margin-bottom: -15px;
}

.icon-image img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

#about h2 {
    font-family: 'source-sans-3';
    font-weight: 400;
}


.icon-item h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
    color: var(--d);
    font-family: 'source-sans-3';
}

.icon-description {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

/* Mobile responsive - 2 items per row */
@media only screen and (max-width: 768px) {
    .icon-box {
        gap: 15px;
        max-width: 80%;
        margin: 0 auto;
    }

    .swiper-ser .centeredall h3 {
        font-size: 18px;
        color: var(--d);
        line-height: 26px;
    }

    .insta {
        border-top: 8px solid #b4975a;
        border-bottom: 8px solid #b4975a;
        width: 100vw;
        overflow: hidden;
    }
    
    .icon-item {
        flex: 1 1 calc(50% - 15px);
        min-width: 120px;
        max-width: none;
    }
    
    .icon-image img {
        width: 50px;
        height: 50px;
    }
    
    .icon-item h3 {
        font-size: 14px;
		line-height: 1.3
    }
    
    .icon-description {
        font-size: 12px;
    }
}

/* Desktop - more items per row */
@media only screen and (min-width: 1200px) {
    .icon-item {
        flex: 1 1 calc(20% - 20px);
    }
}

/* References section styles */
#references {
    padding: 80px 0;
}

.references-swiper {
    margin-top: 50px;
    padding: 0 20px;
}

.reference-item {
    background: transparent;
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    max-width: 500px;
    margin: 0 auto;
}

#offers.pat .pat {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ffffff2c;
    background-image: url(/template/villa/img/skifull.webp);
    background-position: center top;
    background-size: cover;
    opacity: .05;
    background-repeat: no-repeat;
}

.reference-text {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    font-style: italic;
    margin-bottom: 25px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reference-text p {
    color: var(--w);
}

.reference-author {
    font-size: 45px;
    color: var(--a);
    font-family: var(--ano);
    font-weight: 100;
}

.reference-author strong {
    font-weight: 100;
	font-size: 35px
}

.reference-author small {
    display: block;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.8;
    margin-top: 5px;
    font-family: var(--text);
}

.references-slider .swiper-pagination {
    position: relative;
    margin-top: 30px;
}

.references-slider .swiper-pagination-bullet {
    background: var(--w);
    opacity: 0.3;
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.references-slider .swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.2);
}

/* Mobile responsive for references */
@media only screen and (max-width: 768px) {
    #references {
        padding: 60px 0;
    }
    
    .references-swiper {
        margin-top: 30px;
        padding: 0 10px;
    }
    
    .reference-item {
        padding: 30px 20px;
    }
    
    .reference-text {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .reference-author {
        font-size: 14px;
    }
    
    .reference-author small {
        font-size: 12px;
    }
}