@charset "UTF-8";

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-size: 16px;
    scroll-behavior: smooth;
    font-size: calc(1 * var(--fz))
}

*,
::after,
::before {
    box-sizing: inherit
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    vertical-align: 0
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent;
    vertical-align: 0
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots li:first-child:last-child {
    display: none
}

body.compensate-for-scrollbar {
    overflow: hidden;
    -ms-overflow-style: none
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px 44px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    padding: 44px 0 0;
    overflow: visible
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 44px;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    backface-visibility: hidden;
    background: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-slide--html .fancybox-content {
    margin: 0 0 6px
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: calc(100% - 44px);
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: dotted 1px
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background: 0 0;
    height: 100px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    background: rgba(30, 30, 30, .6);
    height: 100%;
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: .8s linear infinite fancybox-rotate;
    background: 0 0;
    border: 6px solid rgba(100, 100, 100, .5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

* {
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent
}

img {
    max-width: 100%
}

.clearfix:after,
.clearfix:before,
.container:after,
.container:before {
    content: "";
    display: table
}

.clearfix:after,
.container:after {
    clear: both
}

.clearfix,
.container {
    *zoom: 1;
    width: 100%
}

:root {
    --fz: .2778vw;
    --bg-body: #fff;
    --index-content-menu: 99985;
    --index-date: 99995;
    --text-font-size: calc(16 * var(--fz));
    --font: "DigitalOctober-Light", sans-serif;
    --font-title: "Blacker Sans Display Book", sans-serif;
    --back-gray: #F7F6F5;
    --back-brown: #DFDCDC;
    --back-gold: #C7A08C;
    --back-black: #1C2329;
    --text-gold: #C7A08C;
    --text-gray-light: #999999;
    --text-light-gray: var(--text-gray-light);
    --text-gray: #787878;
    --line-new-gold: #8fd8f9;
    --line-dark-gold: #8fd8f9;
    --line-dark-gold-invert: #4f7096;
    --line-soft-gray: #D9D9D9;
    --line-gray: #C0C0C0
}

body {
    font-family: var(--font);
    margin: 0;
    padding: 0;
    font-size: 16rem;
    line-height: 1;
    overflow-x: hidden;
    position: relative;
    color: #000;
    background: var(--bg-body);
    font-weight: 300;
    transition: background .3s
}

button,
input,
label,
legend,
textarea {
    font-family: var(--font);
    font-weight: 300
}

button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
label::-webkit-input-placeholder,
legend::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family: var(--font)
}

button:-moz-placeholder,
input:-moz-placeholder,
label:-moz-placeholder,
legend:-moz-placeholder,
textarea:-moz-placeholder {
    font-family: var(--font)
}

button::-moz-placeholder,
input::-moz-placeholder,
label::-moz-placeholder,
legend::-moz-placeholder,
textarea::-moz-placeholder {
    font-family: var(--font)
}

button:-ms-input-placeholder,
input:-ms-input-placeholder,
label:-ms-input-placeholder,
legend:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-family: var(--font)
}

a {
    transition: .2s
}

a:focus {
    color: inherit
}

a:active,
a:hover {
    text-decoration: none
}

footer,
header,
section {
    position: relative
}

section {
    position: relative;
    z-index: 5
}

.ico {
    display: inline-block;
    vertical-align: top
}

.ico-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.list-vert {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0
}

.list-vert li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    list-style: none
}

.list-vert li:last-child {
    margin-bottom: 0
}

.list-hor {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0
}

.list-hor li {
    display: inline-block;
    vertical-align: top;
    float: left;
    list-style: none
}

.list-hor li:last-child {
    margin-right: 0
}

.container {
    position: relative;
    z-index: 5;
    max-width: 100vw;
    padding: 0 20rem
}

[href*=savefrom] {
    display: none !important
}

.pfl-bg,
.pfl-img {
    transition: opacity .1s
}

.pfl-bg.pfl-lazy,
.pfl-bg[data-lazy],
.pfl-img.pfl-lazy,
.pfl-img[data-lazy] {
    opacity: 0
}

@font-face {
    font-family: "Blacker Sans Display Book";
    src: url(../fonts/BlackerSansDisplay/BlackerSansDisplay-BookItalic.eot);
    src: url(../fonts/BlackerSansDisplay/BlackerSansDisplay-BookItalic-1.eot) format("embedded-opentype"), url(../fonts/BlackerSansDisplay/BlackerSansDisplay-BookItalic.woff2) format("woff2"), url(../fonts/BlackerSansDisplay/BlackerSansDisplay-BookItalic.woff) format("woff"), url(../fonts/BlackerSansDisplay/BlackerSansDisplay-BookItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Blacker Sans Display Book";
    src: url(../fonts/BlackerSansDisplay/BlackerSansDisplay-Book.eot);
    src: url(../fonts/BlackerSansDisplay/BlackerSansDisplay-Book-1.eot) format("embedded-opentype"), url(../fonts/BlackerSansDisplay/BlackerSansDisplay-Book.woff2) format("woff2"), url(../fonts/BlackerSansDisplay/BlackerSansDisplay-Book.woff) format("woff"), url(../fonts/BlackerSansDisplay/BlackerSansDisplay-Book.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: DigitalOctober-Light;
    src: url(../fonts/DigitalOctober/DigitalOctober-Light.eot);
    src: url(../fonts/DigitalOctober/DigitalOctober-Light-1.eot) format("embedded-opentype"), url(../fonts/DigitalOctober/DigitalOctober-Light.woff2) format("woff2"), url(../fonts/DigitalOctober/DigitalOctober-Light.woff) format("woff"), url(../fonts/DigitalOctober/DigitalOctober-Light.ttf) format("truetype");
    font-display: swap
}

.btn,
.form__date .ui-widget .ui-datepicker-next,
.form__date .ui-widget .ui-datepicker-prev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: .3s ease-out;
    position: relative;
    text-decoration: none !important;
    border: none;
    overflow: hidden;
    z-index: 5
}

.btn:before,
.form__date .ui-widget .ui-datepicker-next:before,
.form__date .ui-widget .ui-datepicker-prev:before {
    content: "";
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: none;
    border-radius: inherit;
    z-index: -2;
    width: 100%;
    height: 100%;
    transition: .45s
}

.btn span,
.form__date .ui-widget .ui-datepicker-next span,
.form__date .ui-widget .ui-datepicker-prev span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 5;
    text-decoration: none;
    transition: .2s;
    color: currentColor
}

.btn:after,
.btn:before,
.form__date .ui-widget .ui-datepicker-next:after,
.form__date .ui-widget .ui-datepicker-next:before,
.form__date .ui-widget .ui-datepicker-prev:after,
.form__date .ui-widget .ui-datepicker-prev:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    bottom: 0
}

.btn:after,
.form__date .ui-widget .ui-datepicker-next:after,
.form__date .ui-widget .ui-datepicker-prev:after {
    border-radius: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transform: scaleX(0);
    transition: transform .6s cubic-bezier(.075, .82, .165, 1), color .45s ease-in-out;
    z-index: -1;
    transform-origin: center right
}

.active-btn.btn:after,
.btn:hover:after,
.form__date .ui-widget .active-btn.ui-datepicker-next:after,
.form__date .ui-widget .active-btn.ui-datepicker-prev:after,
.form__date .ui-widget .ui-datepicker-next:hover:after,
.form__date .ui-widget .ui-datepicker-prev:hover:after {
    transform: scaleX(1);
    transform-origin: center left
}

.btn {
    --btn-color: var(--text-gray);
    --btn-color-hover: #fff;
    --btn-border: var(--line-new-gold);
    --btn-bg-before: transparent;
    --btn-bg-after: var(--line-new-gold);
    --btn-svg: #000;
    --btn-svg-hover: var(--btn-color-hover);
    min-height: 46rem;
    border-radius: 23rem;
    padding: 0 20rem;
    color: var(--btn-color);
    font-size: 13rem;
    overflow: hidden;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
    letter-spacing: .2em
}

.btn:before {
    border: 1px solid var(--btn-border);
    background: var(--btn-bg-before)
}

.btn:after {
    background: var(--btn-bg-after)
}

.btn.active-btn,
.btn:hover {
    color: var(--btn-color-hover)
}

.btn.active-btn svg,
.btn:hover svg {
    fill: var(--btn-svg-hover)
}

.btn:active,
.btn:focus {
    color: var(--btn-color)
}

.btn:active:hover,
.btn:focus:hover {
    color: var(--btn-color-hover)
}

.btn:active:hover svg,
.btn:focus:hover svg {
    fill: var(--btn-svg-hover)
}

.btn svg {
    fill: var(--btn-svg);
    transition: inherit
}

.btn-pass {
    --btn-color-hover: var(--btn-color);
    --btn-bg-after: var(--btn-bg-before);
    --btn-svg-hover: var(--btn-svg);
    cursor: default
}

.btn-white,
.form__date .ui-widget .ui-datepicker-next,
.form__date .ui-widget .ui-datepicker-prev {
    --btn-color: #000;
    --btn-border: rgba(255, 255, 255, 0.75);
    --btn-bg-before: rgba(255, 255, 255, 0.75)
}

.btn-white:before,
.form__date .ui-widget .ui-datepicker-next:before,
.form__date .ui-widget .ui-datepicker-prev:before {
    border-width: 0
}

.scroll-btn {
    --btn-border: rgba(255, 255, 255, 0.15)
}

.btn-arrow svg {
    width: 12rem;
    height: 11rem;
    margin-left: 8rem;
    position: relative;
    transform: translateX(0);
    will-change: transform
}

.btn-trans {
    background: 0 0
}

.btn-gray {
    --btn-color: var(--line-new-gold);
    --btn-bg-before: var(--back-gray);
    min-height: 31rem;
    padding: 0 10rem;
    font-size: 14rem;
    text-transform: none;
    letter-spacing: 0
}

.btn-gray:before {
    border: none
}

.modal__title h1,
.modal__title h2,
.title h1,
.title h2,
.title-simple h1,
.title-simple h2 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0
}

.modal__title,
.title,
.title-simple {
    font-family: var(--font-title);
    text-transform: uppercase;
    position: relative;
    font-size: 42rem;
    line-height: 1.25;
    letter-spacing: .05em
}

.content {
    position: relative
}

.content-gray+.footer .footer__corner {
    --corner-color: var(--back-gray)
}

.content__menu {
    display: none;
    position: absolute;
    font-size: 15rem;
    line-height: 1.35;
    letter-spacing: .1em;
    text-transform: uppercase;
    z-index: var(--index-content-menu);
    max-width: 170rem
}

.content__menu li {
    margin-bottom: 15rem;
    position: relative
}

.content__menu .form__agree a,
.content__menu .link,
.content__menu .text a:not(.btn),
.form__agree .content__menu a,
.text .content__menu a:not(.btn) {
    --link-color: #000;
    --link-under: transparent
}

.content__menu a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: var(--back-gold);
    will-change: transform;
    transform: scale(0);
    top: calc(15 * var(--fz) * 1.35 / 2);
    margin-top: -1rem;
    left: 0;
    border-radius: 50%;
    transition: .2s ease-out
}

.content__menu a.active,
.content__menu a:hover {
    padding-left: 11rem;
    margin-right: -11rem
}

.content__menu a.active:before,
.content__menu a:hover:before {
    transform: scale(1)
}

.title {
    margin: 0 auto 30rem;
    padding-bottom: 31rem;
    text-align: center
}

.title-sub {
    padding-bottom: 0
}

.title-sub:before {
    display: none
}

.subtitle {
    font-family: var(--font);
    text-align: center;
    margin: 10rem auto 0;
    font-size: 16rem;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0
}

.titlebtn {
    margin-top: 20rem;
    text-align: center
}

.titlebtn .btn {
    --btn-color: #000
}

.phone {
    --phone-color: #fff;
    --phone-svg: var(--line-dark-gold);
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    line-height: 23rem;
    letter-spacing: .1em;
    font-size: 14rem
}

.form__agree .phone a,
.phone .form__agree a,
.phone .link,
.phone .text a:not(.btn),
.text .phone a:not(.btn) {
    --link-color: var(--phone-color);
    --link-color-hover: var(--line-new-gold);
    --link-under: transparent
}

.phone svg {
    width: 20rem;
    height: 23rem;
    fill: var(--phone-svg);
    margin-right: 4rem
}

.timelist {
    width: 100%;
    font-size: 0;
    line-height: 1;
    margin-bottom: 10rem
}

.timelist li {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin-right: 5rem;
    background: var(--text-light-gray);
    line-height: 1
}

.timelist li.active {
    border: 1px solid var(--line-new-gold);
    background: 0 0
}

.sliderline {
    overflow: hidden;
    margin: 0 -5rem
}

.sliderline.changing .slick-slide img {
    animation: 1.5s linear sliderline
}

.sliderline_outer {
    overflow: hidden
}

.sliderline .slick-track {
    display: flex
}

.sliderline .slick-slide {
    height: auto;
    display: flex !important;
    align-items: center;
    padding: 0 5rem
}

.sliderline .slick-slide img {
    max-height: 240rem;
    max-width: 280rem;
    transition: .2s ease-in-out;
    clip-path: inset(0)
}

.sliderline .slick-prev {
    display: none !important
}

.sliderline .slick-next {
    display: none
}

@keyframes sliderline {

    0%,
    100% {
        clip-path: inset(0)
    }

    50% {
        clip-path: inset(3%)
    }
}

.textrow {
    text-align: center
}

.banner {
    text-align: center;
    z-index: 1;
    position: relative
}

.banner img {
    position: relative;
    z-index: 1
}

.banner_in {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.banner_bottom,
.banner_left,
.banner_right {
    position: absolute;
    z-index: 2
}

.banner_left {
    left: 0;
    bottom: 0;
    top: 0;
    width: 31.87%;
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1)
}

.banner_right {
    right: -3px;
    bottom: 0;
    top: 0;
    width: 37.56%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 1%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1)
}

.banner_bottom {
    left: 0;
    bottom: 0;
    right: 0;
    height: 48.84%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0)
}

.map-item>ymaps,
.map-item>ymaps>ymaps {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.map-item>ymaps>ymaps [class*=ground-pane],
.map-item>ymaps>ymaps canvas {
    -moz-filter: grayscale(100%);
    filter: grayscale(100%)
}

.map-item>ymaps>ymaps [class*=areas-pane] canvas {
    -moz-filter: none;
    filter: none
}

.map-item>ymaps>ymaps [class*=placemark-overlay] [class*=-image] {
    left: -6rem !important;
    top: -17rem !important;
    width: 12rem !important;
    height: 17rem !important;
    background-size: 12rem 17rem !important
}

.signature-main {
    transition: 1.7s ease-out;
    stroke-dasharray: 3255;
    stroke-dashoffset: 3255
}

.signature-dop {
    stroke-dasharray: 75;
    stroke-dashoffset: 75;
    transition: .1s ease-out 1.7s
}

.signature.active .signature-main {
    stroke-dashoffset: 1420
}

.signature.active .signature-dop {
    stroke-dashoffset: 0
}

.link_outer {
    text-decoration: none !important
}

.form__agree .link_outer:active a,
.form__agree .link_outer:hover a,
.link_outer:active .form__agree a,
.link_outer:active .link,
.link_outer:active .text a:not(.btn),
.link_outer:hover .form__agree a,
.link_outer:hover .link,
.link_outer:hover .text a:not(.btn),
.text .link_outer:active a:not(.btn),
.text .link_outer:hover a:not(.btn) {
    background-size: 100% 1px;
    background-position: 0 100%;
    color: var(--link-color-hover)
}

.link_outer:active .link-sm,
.link_outer:hover .link-sm {
    background-size: 30rem 1px;
    background-position: 0 100%
}

.form__agree a,
.link,
.text a:not(.btn) {
    --link-color: #000;
    --link-color-hover: var(--link-color);
    --link-under: var(--link-color);
    --link-animation: background-size .3s cubic-bezier(0, 0, 0.4, 1), background-position .3s cubic-bezier(0, 0, 0.4, 1), color .2s ease-in-out;
    --link-delay: 0s, 0s, 0s;
    text-decoration: none !important;
    color: var(--link-color);
    background-image: linear-gradient(var(--link-under), var(--link-under));
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: var(--link-animation);
    transition-delay: var(--link-delay);
    padding-bottom: 2rem
}

.form__agree a:hover,
.link:hover,
.text a:hover:not(.btn) {
    background-size: 100% 1px;
    background-position: 0 100%;
    color: var(--link-color-hover)
}

.form__agree a:focus,
.link:focus,
.text a:focus:not(.btn) {
    color: var(--link-color)
}

.form__agree a,
.link_u,
.text a:not(.btn) {
    background-size: 100% 1px;
    background-position: 0 100%
}

.form__agree a:hover,
.link_u:hover,
.text a:hover:not(.btn) {
    background-position: 0 100%;
    background-size: 0 1px
}

.form {
    --form-line-default: #686868;
    --form-line-hover: #9D9D9D;
    --form-line-invalid: var(--line-new-gold)
}

.form__row {
    margin: 0 -10rem
}

.form__row>[class*=col-] {
    padding-left: 10rem;
    padding-right: 10rem
}

.form__outer {
    padding: 0 20rem;
    margin-bottom: 47rem
}

.form__outer-date,
.form__outer-time {
    z-index: 10
}

.form__outer:last-child {
    margin-bottom: 0
}

.form__outer>[class*=col-] {
    padding-left: 0
}

.form__inp {
    position: relative;
    margin-bottom: 10rem;
    padding-top: 4px;
    border-bottom: 1px solid var(--form-line-default)
}

.form__inp:after,
.form__inp:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 100%;
    transition: .3s ease-in-out;
    height: 1px
}

.form__inp:before {
    z-index: 1;
    background: var(--form-line-hover)
}

.form__inp:after {
    z-index: 2;
    background: var(--form-line-invalid)
}

.form__inp:last-child {
    margin-bottom: 0
}

.form__inp:hover:before {
    right: 0
}

.form__inp:hover .form__label {
    top: -15rem;
    opacity: .65
}

.form__inp:hover .form__icon {
    opacity: 1;
    visibility: visible
}

.form__inp.invalid:after {
    right: 0
}

.form__icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    fill: var(--form-line-hover);
    width: 10rem;
    height: 6rem;
    margin-top: 3rem
}

.form__sel {
    position: relative
}

.form__sel:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

.form__input,
.form__textarea {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: none;
    background: 0 0;
    color: #fff;
    font-size: 16rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: .3s;
    line-height: 1.5;
    padding: 0
}

.form__input.valid+.form__label,
.form__input:focus+.form__label,
.form__input:hover+.form__label,
.form__textarea.valid+.form__label,
.form__textarea:focus+.form__label,
.form__textarea:hover+.form__label {
    top: -15rem;
    opacity: .65
}

.form__input:focus~.form__icon,
.form__input:hover~.form__icon,
.form__textarea:focus~.form__icon,
.form__textarea:hover~.form__icon {
    opacity: 1;
    visibility: visible
}

.form__input.invalid,
.form__textarea.invalid {
    border-color: var(--form-line-invalid)
}

.form__input {
    height: 36rem;
    padding-bottom: 8rem
}

.form__input.error+.form__error,
.form__input.error+.form__label+.form__error {
    opacity: 1;
    margin-top: 0
}

.form__textarea {
    resize: none;
    padding-top: 1rem;
    padding-bottom: 11rem;
    overflow: hidden
}

.form__textarea-auto {
    min-height: 37rem
}

.form__label {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-weight: 300;
    transition: .3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    line-height: 1.35;
    letter-spacing: .2em;
    z-index: 0;
    font-size: 12rem;
    will-change: top
}

.form__date {
    z-index: 10;
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out
}

.form__date.active {
    opacity: 1;
    visibility: visible
}

.form__date .ui-widget.ui-widget-content {
    border: 1px solid #000;
    background: #282e34;
    color: #fff;
    transform: translateY(-35rem);
    font-size: 13rem;
    width: 100%;
    border-radius: 0
}

.form__date .ui-widget .ui-widget-header {
    background: 0 0;
    border: none;
    color: #fff;
    display: flex;
    align-items: center
}

.form__date .ui-widget .ui-datepicker-title {
    order: 2;
    margin: 0 auto;
    padding: 0 4rem;
    flex: auto
}

.form__date .ui-widget .ui-state-default {
    background: 0 0;
    border: none;
    color: #fff
}

.form__date .ui-widget .ui-state-active {
    color: var(--line-new-gold)
}

.form__date .ui-widget .ui-datepicker-next,
.form__date .ui-widget .ui-datepicker-prev {
    border-radius: 50%;
    cursor: pointer
}

.form__date .ui-widget .ui-datepicker-next:before,
.form__date .ui-widget .ui-datepicker-prev:before {
    background: var(--back-gray)
}

.form__date .ui-widget .ui-datepicker-next .ui-icon,
.form__date .ui-widget .ui-datepicker-prev .ui-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-size: 80% 60%;
    background-position: center center;
    background-repeat: no-repeat
}

.form__date .ui-widget .ui-datepicker-next {
    top: 2px !important;
    right: 2px !important;
    order: 3
}

.form__date .ui-widget .ui-datepicker-next .ui-icon {
    background-image: url(../img/arrow-right.svg)
}

.form__date .ui-widget .ui-datepicker-prev {
    top: 2px !important;
    left: 2px !important;
    order: 1
}

.form__date .ui-widget .ui-datepicker-prev .ui-icon {
    background-image: url(../img/arrow-left.svg)
}

.form__time:focus~.form__time_list {
    opacity: 1;
    visibility: visible
}

.form__time_list {
    background: var(--back-black);
    border: 1px solid #000;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: translateY(-35rem);
    z-index: 99;
    padding: 15rem 10rem;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out
}

.form__time_list:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .05)
}

.form__time_list ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10rem
}

.form__time_list li {
    padding: 0 10rem;
    text-align: center;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 12rem
}

.form__time_item {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    cursor: pointer;
    font-size: 12rem;
    line-height: 1.5;
    font-weight: 300
}

.form__time_item:hover span {
    color: var(--line-new-gold)
}

.form__time_item input {
    display: none
}

.form__time_item input:checked+span {
    color: var(--line-new-gold)
}

.form__time_item span {
    color: #fff;
    transition: .3s ease-in-out
}

.form__submit {
    --btn-border: rgba(255, 255, 255, 1);
    --btn-bg-before: rgba(255, 255, 255, 1);
    --btn-svg: var(--line-new-gold)
}

.form__select {
    width: 100%;
    position: relative;
    z-index: 99
}

.form__select select {
    display: none
}

.form__bottom {
    margin-top: 35rem;
    display: flex;
    align-items: center
}

.form__agree {
    color: var(--text-light-gray);
    font-size: 14rem;
    line-height: 1.5;
    margin-top: 20rem
}

.form__agree a {
    --link-color: var(--text-light-gray);
    padding-bottom: 0;
    color: var(--text-light-gray)
}

.form__error {
    color: var(--line-new-gold);
    display: none;
    padding-top: 20rem;
    line-height: 1.5
}

.fancybox-is-open .fancybox-bg {
    background: #000;
    opacity: .25
}

.fancybox-bg {
    transition: .5s !important
}

.fancy-from-right .mmenu__hover,
.fancy-from-right .mmenu__show {
    transform: translateX(-200%)
}

.fancy-from-right .fancybox-slide {
    padding: 0 !important;
    overflow-x: hidden
}

.fancy-mmenu .fancybox-bg {
    visibility: hidden !important
}

.fancybox-slide--html {
    padding: 0 !important
}

.modal__cont {
    float: right;
    min-height: 100vh;
    transform: translateY(-100%);
    transition: .45s ease-out;
    opacity: 1 !important;
    width: 100%;
    background: 0 0;
    color: #fff;
    padding: 59rem 30rem;
    overflow: hidden;
    margin: 0 !important;
    display: flex !important;
    flex-flow: column
}

.modal__cont_in {
    flex: auto;
    display: flex !important;
    flex-flow: column
}

.modal__cont.active {
    transform: none
}

.modal__cont.active .modal__corner_wrap,
.modal__cont.active .modal__corner_wrap:before {
    transition-delay: .1s
}

.modal__cont.active .modal__title_line span {
    transform: none
}

.modal__cont.active .modal__text,
.modal__cont.active .modal__top_col {
    opacity: 1
}

.modal__cont.active .modal__form .form__outer {
    clip-path: polygon(0 -200vh, 100% -200vh, 100% 200vh, 0 200vh)
}

.modal__cont.active .modal__form .form__bottom {
    opacity: 1
}

.modal__corner {
    --animation-corner: all .65s cubic-bezier(.7, 0, .2, 1);
    --corner-color: var(--back-black);
    position: absolute;
    z-index: -1
}

.modal__corner_wrap {
    transition: var(--animation-corner)
}

.modal__corner_wrap:before {
    content: "";
    background: var(--corner-color);
    display: inline-block;
    vertical-align: top;
    position: absolute;
    transition: var(--animation-corner);
    z-index: 1
}

.modal__corner_div {
    background: var(--corner-color);
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    z-index: 2
}

.modal__logo {
    overflow: hidden;
    padding: 0 80rem;
    margin: auto -30rem 0
}

.modal__logo img {
    width: 100%
}

.modal__logo span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 32rem 41rem 24rem
}

.modal__logo span:after,
.modal__logo span:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    height: 2rem;
    width: 200rem
}

.modal__logo span:before {
    background: linear-gradient(90deg, #8fd8f9 0, rgba(213, 176, 132, 0) 100%);
    right: 100%
}

.modal__logo span:after {
    background: linear-gradient(90deg, rgba(213, 176, 132, 0) 0, #8fd8f9 100%);
    left: 100%
}

.modal__close {
    border: none;
    background: 0 0;
    padding: 0;
    width: 70rem;
    height: 40rem;
    position: absolute;
    top: 20rem;
    right: 2rem;
    z-index: 99981;
    transition: .3s ease-in-out;
    cursor: pointer;
    color: #fff;
    opacity: .65
}

.modal__close:after,
.modal__close:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 24rem;
    height: 1px;
    background: currentColor !important;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s ease-in-out
}

.modal__close:before {
    transform: translateX(-50%) rotate(-135deg)
}

.modal__close:after {
    transform: translateX(-50%) rotate(135deg)
}

.modal__close:hover {
    opacity: 1
}

.modal__title {
    line-height: 1.25;
    margin-bottom: 32rem;
    font-size: 32rem
}

.modal__title_line {
    display: flex;
    align-items: center;
    overflow: hidden
}

.modal__title_line span {
    will-change: transform;
    transition: 1.2s cubic-bezier(.73, 0, .22, 1);
    transform: translateY(100%)
}

.modal__title_line:nth-child(1) span {
    transition-delay: .15s
}

.modal__title_line:nth-child(2) span {
    transition-delay: .25s
}

.modal__title_line:nth-child(3) span {
    transition-delay: .35s
}

.modal__title_line:nth-child(4) span {
    transition-delay: .45s
}

.modal__title_line:nth-child(5) span {
    transition-delay: .55s
}

.modal__title_line:nth-child(6) span {
    transition-delay: .65s
}

.modal__title_line:nth-child(7) span {
    transition-delay: .75s
}

.modal__title_line:nth-child(8) span {
    transition-delay: .85s
}

.modal__title_line:nth-child(9) span {
    transition-delay: .95s
}

.modal__title_line:nth-child(10) span {
    transition-delay: 1.05s
}

.modal__text {
    font-size: 16rem;
    line-height: 1.35;
    will-change: opacity;
    transition: .4s ease-in-out .9s;
    opacity: 0
}

.modal__top {
    margin: 0 -10rem
}

.modal__top_col {
    padding: 0 10rem;
    will-change: opacity;
    transition: .4s ease-in-out;
    opacity: 0
}

.modal__top_col:nth-child(1) {
    transition-delay: 1.1s
}

.modal__top_col:nth-child(2) {
    transition-delay: 1.3s
}

.modal__capt {
    font-size: 12rem;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: .2em;
    opacity: .6;
    margin-bottom: 9rem
}

.modal__contact span {
    font-size: 14rem;
    line-height: 1.25
}

.modal__phone {
    margin-right: -20rem
}

.modal__form {
    margin-top: 70rem
}

.modal__form .form__outer {
    will-change: clip-path;
    transition: .5s ease-in-out;
    clip-path: polygon(0 -100%, 0 -100%, 0 200%, 0 200%)
}

.modal__form .form__outer:nth-child(1) {
    transition-delay: 1.1s
}

.modal__form .form__outer:nth-child(2) {
    transition-delay: 1.3s
}

.modal__form .form__outer:nth-child(3) {
    transition-delay: 1.5s
}

.modal__form .form__outer:nth-child(4) {
    transition-delay: 1.7s
}

.modal__form .form__outer:nth-child(5) {
    transition-delay: 1.9s
}

.modal__form .form__outer:nth-child(6) {
    transition-delay: 2.1s
}

.modal__form .form__outer:nth-child(7) {
    transition-delay: 2.3s
}

.modal__form .form__outer:nth-child(8) {
    transition-delay: 2.5s
}

.modal__form .form__outer:nth-child(9) {
    transition-delay: 2.7s
}

.modal__form .form__outer:nth-child(10) {
    transition-delay: 2.9s
}

.modal__form .form__bottom {
    opacity: 0;
    will-change: opacity;
    transition: .5s ease-in-out 2.2s
}

.modal__map {
    padding: 0;
    width: 100vw;
    height: 100vh;
    margin: 0 !important;
    transition: .35s ease-out;
    opacity: 0
}

.modal__map.active {
    opacity: 1
}

.modal__map .modal__close {
    z-index: 99;
    background: var(--line-new-gold);
    border-radius: 50%;
    width: 40rem;
    height: 40rem;
    opacity: 1;
    top: 20rem;
    right: 20rem
}

.modal__map .map-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.nav__item {
    --nav-scale: 1;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    border: none;
    background: 0 0;
    padding: 0;
    transition: .4s ease-in-out;
    top: 50%;
    transform: translateY(-50%) scale(var(--nav-scale));
    z-index: 99;
    overflow: hidden;
    cursor: pointer;
    background: rgba(255, 255, 255, .75);
    color: #000;
    border-radius: 50%;
    will-change: transform
}

.nav__item:hover {
    color: #000
}

.nav__item svg {
    width: 14rem;
    height: 13rem
}

.nav__item-prev {
    left: 0
}

.nav__item-next {
    right: 0
}

.text {
    --text-margin: calc(20 * var(--fz));
    --text-margin-head-top: calc(30 * var(--fz));
    --text-margin-head-bottom: calc(30 * var(--fz));
    font-size: var(--text-font-size);
    line-height: 1.5
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    margin: var(--text-margin-head-top) 0 var(--text-margin-head-bottom);
    font-family: var(--font-title);
    letter-spacing: .05em
}

.text h1:first-child,
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child,
.text h6:first-child {
    margin-top: 0
}

.text h1 {
    font-size: 42rem;
    line-height: 1.25
}

.text h2 {
    font-size: 32rem
}

.text h3 {
    font-size: 22rem
}

.text h4 {
    font-size: 16rem
}

.text h5 {
    font-size: 14rem
}

.text h6 {
    font-size: 16rem
}

.text p {
    margin: 0 0 var(--text-margin)
}

.text li {
    position: relative;
    padding-left: 16rem
}

.text li:last-child {
    margin-bottom: 0
}

.text ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.text ul li {
    padding-left: 37rem;
    margin-bottom: 10rem
}

.text ul li:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 15rem;
    height: 13rem;
    left: 0;
    top: calc(var(--text-font-size) * 1.5 / 2);
    transform: translateY(-50%);
    background: url(../img/icon-check.svg) center no-repeat;
    background-size: contain
}

.text ol {
    list-style: none;
    counter-reset: myCounter;
    margin: 0;
    padding: 0
}

.text ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter) ".";
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    color: green
}

.text a:not(.btn) {
    padding-bottom: 1px
}

.text blockquote {
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
    padding-top: 76rem
}

.text blockquote.active:before {
    opacity: 1;
    transform: scale(1)
}

.text blockquote:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    background: url(../img/icon-quote-full.svg) center no-repeat;
    background-size: contain;
    top: 10rem;
    left: 0;
    width: 62rem;
    height: 52rem;
    transition: .5s ease-in-out;
    opacity: 0;
    transform: scale(.75);
    will-change: transform
}

.text blockquote div {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 20rem;
    padding-left: 50rem;
    position: relative;
    color: var(--text-gray);
    text-transform: uppercase;
    line-height: 1.35;
    letter-spacing: .2em;
    font-size: 12rem
}

.text blockquote div:before {
    content: "";
    height: 1px;
    width: 30rem;
    background: var(--line-new-gold);
    position: absolute;
    left: 0;
    top: calc(12 * var(--fz) * 1.35 / 2);
    transform: translateY(-50%)
}

.header {
    text-align: center;
    padding-top: 30rem;
    margin-bottom: 84rem;
    overflow: hidden
}

.header__logo {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 0
}

.header__logo img {
    width: 85rem;
    object-fit: contain;
}

.header__logo:after,
.header__logo:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    height: 1px;
    bottom: 0
}

.header__logo:before {
    background: linear-gradient(to right, rgba(213, 176, 132, .25) 0, #8fd8f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4053c2e6", endColorstr="#8fd8f9", GradientType=1);
    right: 75.9%;
    width: calc(50vw + 100% - 75.9%)
}

.header__logo:after {
    background: linear-gradient(to right, #8fd8f9 0, rgba(213, 176, 132, .25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fd8f9", endColorstr="#4053c2e6", GradientType=1);
    left: 65.9%;
    width: calc(50vw + 100% - 65.9%)
}

.footer {
    background: var(--back-black);
    color: #fff;
    font-size: 14rem;
    line-height: 1.5;
    padding-top: 120rem;
    padding-bottom: 56rem;
    position: relative;
    overflow: hidden
}

.footer__corner {
    --corner-color: #fff;
    position: absolute;
    z-index: 10;
    top: -2px;
    width: 100%;
    left: 0
}

.footer__corner_wrap {
    height: 5vh;
    width: 100%;
    will-change: height
}

.footer__corner_div {
    background: var(--corner-color);
    display: block;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    width: 160%;
    height: 775%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0
}

.foot__reserve {
    --icon-width: calc(42 * var(--fz));
    --icon-max: calc(64 * var(--fz));
    --icon-margin: calc(22 * var(--fz));
    font-size: 32rem;
    line-height: 1.25;
    letter-spacing: .05em;
    font-family: var(--font-title);
    text-transform: uppercase
}

.foot__reserve_line {
    display: inline-block;
    vertical-align: top;
    transition: .4s cubic-bezier(.8, 0, .2, 1);
    will-change: transform
}

.foot__reserve a {
    --link-color: #fff;
    display: inline-block;
    vertical-align: top;
    text-decoration: none !important
}

.foot__reserve a:hover .foot__reserve_line {
    transform: skew(-10deg, 0deg)
}

.foot__reserve a:hover .foot__reserve_icon {
    width: var(--icon-max);
    margin-left: 0
}

.foot__reserve .form__agree a,
.foot__reserve .link,
.foot__reserve .text a:not(.btn),
.form__agree .foot__reserve a,
.text .foot__reserve a:not(.btn) {
    --link-color: #fff;
    --link-color-hover: var(--line-new-gold);
    --link-under: transparent
}

.foot__reserve_icon {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 10rem;
    position: relative;
    height: 22rem;
    width: var(--icon-width);
    margin-left: var(--icon-max);
    overflow: hidden;
    transition: .4s cubic-bezier(.8, 0, .2, 1);
    will-change: width
}

.foot__reserve_icon svg {
    position: absolute;
    top: 0;
    right: 0;
    fill: var(--line-new-gold);
    height: 100%;
    width: var(--icon-max)
}

.foot__top {
    display: flex;
    flex-flow: column;
    margin-top: 61rem;
    position: relative
}

.foot__col {
    margin-bottom: 30rem
}

.foot__col-time {
    margin-bottom: 34rem
}

.foot__col-circle {
    display: none
}

.foot__col-up {
    position: absolute;
    margin: 0;
    right: -55px;
    bottom: 34px
}

.fsoc li {
    margin-right: 10rem
}

.fsoc a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 30rem;
    height: 30rem
}

.fsoc a:hover svg:first-child {
    opacity: 0;
    visibility: hidden
}

.fsoc a:hover svg:nth-child(2) {
    opacity: 1;
    visibility: visible
}

.fsoc svg {
    fill: var(--line-new-gold);
    transition: .3s ease-in-out;
    will-change: opacity;
    width: 100%;
    height: 100%
}

.fsoc svg:nth-child(2) {
    opacity: 0;
    visibility: hidden
}

.toTop {
    display: inline-block;
    vertical-align: top;
    width: 110rem;
    height: 110rem;
    position: relative;
    will-change: transform;
    transition: .3s ease-in-out
}

.toTop svg {
    fill: #fff
}

.toTop_circle {
    width: 100%;
    height: 100%;
    will-change: transform;
    animation: 10s linear infinite totop_circle
}

.toTop_arrow {
    width: 11rem;
    height: 11rem;
    will-change: transform
}

.foot__title {
    font-size: 12rem;
    line-height: 1.35;
    letter-spacing: .2em;
    opacity: .6;
    text-transform: uppercase;
    margin-bottom: 9rem
}

.foot__map {
    margin-top: 2rem
}

.foot__map .form__agree a,
.foot__map .link,
.foot__map .text a:not(.btn),
.form__agree .foot__map a,
.text .foot__map a:not(.btn) {
    --link-color: var(--line-new-gold);
    --link-color-hover: var(--line-dark-gold);
    --link-under: transparent
}

.foot__time {
    line-height: 1
}

.foot__time_list {
    width: 100%
}

.foot__time_list li:not(.active) {
    background: rgba(255, 255, 255, .2)
}

.foot__time span {
    line-height: 1.35
}

.foot__call {
    letter-spacing: .1em
}

.foot__center {
    font-size: 16rem;
    line-height: 1.5
}

.foot__copy {
    opacity: .65
}

.foot__menu .form__agree a,
.foot__menu .link,
.foot__menu .text a:not(.btn),
.form__agree .foot__menu a,
.text .foot__menu a:not(.btn) {
    --link-color: #fff;
    --link-color-hover: var(--line-new-gold);
    --link-under: transparent
}

.dev__item {
    display: inline-block;
    vertical-align: top;
    transition: .3s ease-in-out
}

.dev__item:hover {
    opacity: .65
}

.frest__top {
    text-align: center;
    position: relative
}

.frest__top:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    background: rgba(255, 255, 255, .1);
    height: 1px
}

.frest__logo {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    padding: 20rem 26rem 15rem;
    background: var(--back-black)
}

.frest__logo a {
    display: inline-block;
    vertical-align: top
}

.frest__logo:hover:before {
    opacity: 0
}

.frest__logo:before {
    content: "";
    display: none;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(28, 35, 41, .74) 21.35%, rgba(28, 35, 41, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bd1c2329", endColorstr="#001c2329", GradientType=0);
    transition: .2s linear;
    pointer-events: none
}

.frest__logo img {
    max-width: 75rem
}

.frest__capt {
    font-size: 9rem;
    line-height: 1.35;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: -7rem
}

.frest__list {
    margin-top: 55rem
}

.frest__list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.frest__list li {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 46rem;
    opacity: .5;
    transition: .2s linear
}

.frest__list li:hover {
    opacity: 1
}

.frest__list img {
    max-height: 44rem
}

@keyframes totop_circle {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.fancy-mmenu .fancybox-slide {
    padding: 0 !important;
    opacity: 1 !important
}

.mmenu__hover {
    position: fixed;
    z-index: 99970;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    will-change: width;
    transition: .5s cubic-bezier(.7, 0, .2, 1), z-index
}

.mmenu__hover:before {
    content: "";
    background: #1c2329;
    height: 150%;
    content: "";
    display: block;
    position: absolute;
    width: 775%;
    top: 50%;
    border-radius: 50%;
    transform: translate(0, -50%);
    right: 0;
    z-index: 2
}

.mmenu__show {
    width: 70rem;
    height: 40rem;
    position: fixed;
    top: 56rem;
    left: 10rem;
    z-index: 99981;
    transition: .3s ease-in-out;
    background-color: transparent;
    border: none;
    cursor: pointer;
    mix-blend-mode: difference
}

.mmenu__show:after,
.mmenu__show:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 30rem;
    height: 1px;
    background: currentColor !important;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s ease-in-out
}

.mmenu__show:before {
    margin-top: -3rem
}

.mmenu__show:after {
    margin-top: 3rem
}

.mmenu__show:not(.vis) {
    transform: translateX(-200%)
}

.mmenu__show.active {
    z-index: 99999;
    top: 30rem
}

.mmenu__show.active:before {
    margin-top: 0;
    transform: translateX(-50%) rotate(-135deg)
}

.mmenu__show.active:after {
    margin-top: 0;
    transform: translateX(-50%) rotate(135deg)
}

.mmenu__cont {
    --dark: #1C2329;
    width: 100%;
    padding: 0;
    margin: 0 !important;
    overflow: hidden;
    background: 0 0;
    transition: .8s .3s;
    opacity: 1 !important;
    will-change: transform;
    transform: translateY(-100%)
}

.mmenu__cont .mmenu__data {
    transform: translateY(-100%);
    transition: .6s .1s
}

.mmenu__cont .mmenu__rest {
    transform: translateY(-100%);
    transition: .5s .2s, opacity .8s .2s;
    opacity: 0
}

.mmenu__cont .mmenu__btn,
.mmenu__cont .mmenu__contact {
    opacity: 0;
    transition: .35s
}

.mmenu__cont.active {
    transform: none;
    transition-delay: 0s
}

.mmenu__cont.active .mmenu__corner_wrap,
.mmenu__cont.active .mmenu__corner_wrap:before {
    transition-delay: .2s
}

.mmenu__cont.active .mmenu__data {
    transition-delay: .25s;
    transform: none
}

.mmenu__cont.active .mmenu__data_in {
    transition-delay: .8s;
    opacity: 1
}

.mmenu__cont.active .mmenu__menu a span {
    transform: none;
    opacity: 1
}

.mmenu__cont.active .mmenu__menu li:nth-child(1) a span {
    transition-delay: .45s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(2) a span {
    transition-delay: .55s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(3) a span {
    transition-delay: .65s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(4) a span {
    transition-delay: .75s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(5) a span {
    transition-delay: .85s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(6) a span {
    transition-delay: .95s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(7) a span {
    transition-delay: 1.05s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(8) a span {
    transition-delay: 1.15s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(9) a span {
    transition-delay: 1.25s, var(--link-delay)
}

.mmenu__cont.active .mmenu__menu li:nth-child(10) a span {
    transition-delay: 1.35s, var(--link-delay)
}

.mmenu__cont.active .mmenu__btn {
    opacity: 1;
    transition-delay: 1.7s
}

.mmenu__cont.active .mmenu__contact {
    opacity: 1;
    transition-delay: 1.9s
}

.mmenu__cont.active .mmenu__rest {
    transform: none;
    opacity: 1;
    transition-delay: 0s, 1.65s
}

.mmenu__cont_in {
    min-height: 100vh;
    display: flex;
    flex-flow: column;
    position: relative;
    z-index: 2
}

.mmenu__data {
    flex: auto;
    align-content: flex-start;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 60rem 30rem 49rem;
    text-align: center;
    will-change: transform
}

.mmenu__data_in {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.mmenu__data .mmenu__corner {
    --corner-color: var(--back-gray)
}

.mmenu__menu {
    text-transform: uppercase;
    font-family: var(--font-title);
    font-size: 28rem;
    line-height: 1.25;
    letter-spacing: .05em
}

.mmenu__menu li {
    margin: 0 -10rem 20rem;
    padding: 0 10rem;
    justify-content: center
}

.mmenu__menu a {
    display: inline-flex;
    overflow: hidden;
    will-change: transform
}

.mmenu__menu a span {
    transition: transform 1.2s cubic-bezier(.73, 0, .22, 1), var(--link-animation);
    will-change: transform;
    transform: translateY(100%);
    opacity: 1;
    background: 0 0
}

.mmenu__menu a:hover {
    transform: skew(-10deg, 0deg)
}

.form__agree .mmenu__menu a:hover,
.mmenu__menu .form__agree a:hover,
.mmenu__menu .link:hover,
.mmenu__menu .text a:hover:not(.btn),
.text .mmenu__menu a:hover:not(.btn) {
    color: var(--line-dark-gold)
}

.mmenu__btn {
    margin-top: 21rem
}

.mmenu__contact {
    font-size: 14rem;
    line-height: 1.5;
    text-align: center;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 41rem
}

.mmenu__contact_time {
    color: var(--text-gray);
    margin-top: 10rem
}

.mmenu__contact_time+.mmenu__contact_time {
    margin-top: 0
}

.mmenu__contact .phone {
    --phone-color: #000;
    font-size: 16rem
}

.mmenu__contact_address {
    margin-top: 17rem
}

.mmenu__rest {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    padding-bottom: 53rem;
    margin-top: auto;
    text-decoration: none !important;
    will-change: transform
}

.mmenu__rest:hover .mmenu__rest_logo img {
    opacity: 1
}

.mmenu__rest_logo {
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    padding: 22rem 29rem 17rem;
    margin-top: 26rem
}

.mmenu__rest_logo:after,
.mmenu__rest_logo:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    height: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 50vw
}

.mmenu__rest_logo:before {
    background: linear-gradient(to right, #8fd8f9 65%, rgba(213, 176, 132, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fd8f9", endColorstr="#0053c2e6", GradientType=1);
    right: 100%
}

.mmenu__rest_logo:after {
    background: linear-gradient(to right, rgba(213, 176, 132, 0) 0, #8fd8f9 35.71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0053c2e6", endColorstr="#8fd8f9", GradientType=1);
    left: 100%
}

.mmenu__rest_logo img {
    max-height: 47rem;
    opacity: .65;
    transition: .3s ease-in-out
}

.mmenu__rest_bottom {
    width: 100%;
    margin-top: 27rem;
    text-align: center
}

.mmenu__rest_capt {
    font-size: 13rem;
    line-height: 1.35;
    color: rgba(255, 255, 255, .65);
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center
}

.mmenu__rest_capt svg {
    opacity: 0;
    transition: .3s ease-in-out, fill;
    width: 0;
    height: 0;
    fill: var(--line-new-gold);
    vertical-align: middle
}

.mmenu__corner {
    --animation-corner: all .85s cubic-bezier(.7, 0, .2, 1);
    --corner-color: var(--dark);
    position: absolute;
    z-index: -1
}

.mmenu__corner_wrap {
    transition: var(--animation-corner)
}

.mmenu__corner_wrap:before {
    content: "";
    background: var(--corner-color);
    display: inline-block;
    vertical-align: top;
    position: absolute;
    transition: var(--animation-corner);
    z-index: 1
}

.mmenu__corner_div {
    background: var(--corner-color);
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    z-index: 2
}

.section_top {
    background: var(--back-black);
    overflow: hidden;
    color: #fff;
    display: flex;
    flex-flow: column;
    min-height: 100vh
}

.section_top .header {
    margin-bottom: 0
}

.top__inner {
    flex: auto;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding-top: 95rem;
    margin-bottom: 180rem
}

.top__title {
    text-align: center;
    font-family: var(--font-title);
    font-weight: 300;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 32rem;
    line-height: 40rem
}

.top__title h1 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0
}

.top__btn {
    text-align: center;
    margin-top: 20rem
}

.top__btn .btn {
    --btn-svg: var(--line-new-gold);
    --btn-color: #fff
}

.top__menu {
    position: absolute;
    left: 60rem;
    top: calc(100vh - 60rem);
    transform: translateY(-100%);
    font-size: 15rem;
    line-height: 1.35;
    letter-spacing: .1em;
    text-transform: uppercase
}

.top__menu li {
    margin-bottom: 15rem
}

.form__agree .top__menu a,
.text .top__menu a:not(.btn),
.top__menu .form__agree a,
.top__menu .link,
.top__menu .text a:not(.btn) {
    --link-color: var(--line-new-gold);
    --link-under: transparent
}

.top__menu a {
    transition: .2s ease-out
}

.top__menu a:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: var(--back-gold);
    will-change: transform;
    transform: scale(0);
    top: calc(15 * var(--fz) * 1.35 / 2);
    margin-top: -1rem;
    left: 0;
    border-radius: 50%;
    transition: .3s ease-in-out
}

.top__menu a.active,
.top__menu a:hover {
    padding-left: 11rem;
    margin-right: -11rem
}

.top__menu a.active:before,
.top__menu a:hover:before {
    transform: scale(1)
}

.top__contact {
    --top-contact-color: #fff;
    text-align: center;
    margin-top: 50rem;
    color: var(--top-contact-color)
}

.top__contact_address {
    font-size: 14rem;
    line-height: 1.5
}

.top__contact_time {
    font-size: 15rem;
    line-height: 1.35;
    opacity: .65;
    margin-top: 10rem;
    letter-spacing: .1em;
    display: none
}

.top__contact_phone {
    margin-top: 14rem
}

.top__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    clip-path: ellipse(170rem 155rem at 50% 103%)
}

.top__bg_line {
    display: inline-block;
    vertical-align: top;
    z-index: -2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    clip-path: ellipse(180rem 163rem at 50% 103%);
    background: linear-gradient(to bottom, #8fd8f9 .07%, rgba(213, 176, 132, .2) 99.93%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fd8f9", endColorstr="#3353c2e6", GradientType=0);
    transition: 1.6s
}

.top__bg_line:before {
    content: "";
    background: var(--back-black);
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    clip-path: ellipse(178rem 161rem at 50% 103%);
    transition: inherit
}

.top__bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.top__scroll {
    position: absolute;
    top: calc(100vh - 60rem);
    transform: translate(-50%, -100%);
    left: 50%;
    padding-top: 56rem;
    text-align: center;
    color: #fff;
    font-size: 15rem;
    line-height: 1.35;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-left: -2rem
}

.top__scroll span {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, .35);
    border-radius: 2rem;
    width: 1px;
    height: 40rem
}

.top__scroll span:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 25%;
    background: #fff;
    border-radius: inherit;
    animation: 1s ease-in-out infinite alternate line-arrow
}

.section_hist {
    padding-bottom: 21rem
}

.hist__banner {
    width: 150rem;
    height: 225rem;
    position: relative;
    top: -60rem;
    margin: 0 0 36rem 30rem
}

.hist__banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hist__text {
    text-align: center;
    font-size: var(--text-font-size);
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10rem
}

.hist__btn {
    text-align: center;
    margin-top: 21rem
}

.hist__btn .btn {
    --btn-color: #000
}

.hist__image {
    margin: 98rem 0 0 -26rem;
    overflow: hidden
}

.section_kitchen {
    background: var(--back-gray);
    z-index: 10;
    padding: 136rem 10rem 0
}

.kitchen__title {
    display: block;
    vertical-align: top;
    margin-left: -20px;
    margin-right: -10px;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 45rem
}

.kitchen__title:before {
    display: none
}

.kitchen__title_bottom {
    display: inline-block;
    vertical-align: top;
    position: relative;
    float: right;
    margin-right: 13rem
}

.kitchen__title_bottom img {
    position: absolute;
    right: 100%;
    margin-right: -66rem;
    top: 100%;
    max-height: 51rem;
    margin-top: -20rem
}

.kitchen__sign {
    position: absolute;
    top: 100%;
    left: 0;
    width: 136rem;
    height: 102rem;
    margin: -55rem 0 0 -80rem
}

.kitchen__text {
    line-height: 1.5;
    font-size: var(--text-font-size);
    text-align: center;
    margin: 0 auto
}

.kitchen__menu {
    --height: 330;
    --width: 247;
    --scale: 0;
    position: relative;
    z-index: 10;
    font-family: var(--font-title);
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 24rem;
    text-align: center;
    margin-top: 64rem
}

.kitchen__menu_item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    cursor: none;
    border-bottom: 1px solid var(--line-soft-gray);
    text-align: center;
    color: #000 !important;
    text-decoration: none !important;
    position: relative;
    z-index: 2;
    letter-spacing: .05em;
    padding: 31rem 0 30rem
}

.kitchen__menu_item:first-child {
    border-top: 1px solid var(--line-soft-gray)
}

.kitchen__menu_item .mix-blend-top {
    padding-left: inherit;
    padding-right: inherit
}

.kitchen__menu_item:hover {
    --scale: 1
}

.kitchen__menu_text {
    display: block;
    margin: 0 -10rem
}

.kitchen__menu_cursor {
    display: none;
    background-size: cover;
    background-position: center;
    position: fixed;
    z-index: 1;
    height: 0;
    opacity: 0;
    height: calc(var(--height) * var(--fz));
    width: calc(var(--width) * var(--fz));
    font-size: 0;
    line-height: 1;
    transition: opacity .3s;
    transform: translate3d(-50%, -50%, 0);
    top: var(--move-y);
    left: var(--move-x);
    will-change: transform;
    pointer-events: none
}

.kitchen__btn {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 30rem
}

.gardentop {
    height: max(100vh, 636rem);
    position: relative;
    z-index: 1
}

.gardentop:before {
    content: "";
    display: block;
    vertical-align: top;
    position: absolute;
    top: 120rem;
    bottom: 152rem;
    left: 50rem;
    right: 50rem;
    border: 1px solid var(--line-new-gold);
    border-radius: calc(50vw - 50rem)
}

.gardentop__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.gardentop__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    clip-path: inset(130rem 60rem 162rem 60rem round calc(50vw - 60rem))
}

.gardentop__title {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0
}

.gardentop__title:before {
    content: "";
    content: attr(data-title);
    position: absolute;
    top: inherit;
    left: inherit;
    width: inherit;
    height: inherit;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    padding-bottom: inherit;
    color: #fff;
    clip-path: inset(130rem 60rem 162rem 60rem round calc(50vw - 60rem))
}

.gardentop__bottom {
    margin: -119rem 0 0 30rem;
    position: relative;
    z-index: 2;
    width: 150rem;
    height: 225rem
}

.gardentop__bottom img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.garden__content {
    margin-top: 91rem
}

.garder__text {
    text-align: center;
    margin: 0 auto;
    padding-top: 32rem
}

.garden__buttons {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-items: center;
    margin: 20rem -10rem 0
}

.garden__buttons .btn {
    margin: 0 10rem 20rem
}

.garden__images {
    margin-top: 50rem
}

.section_eco {
    padding-top: 120rem;
    padding-bottom: 96rem;
    overflow-x: hidden
}

.eco__drag {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    color: var(--line-new-gold);
    letter-spacing: .025em;
    margin-bottom: 30rem
}

.eco__drag span {
    will-change: transform
}

.eco__text {
    line-height: 1.5;
    font-size: 16rem;
    text-align: center;
    margin: 0 10rem
}

.eco__btn {
    text-align: center;
    display: block;
    margin-top: 20rem
}

.eco__image {
    display: none;
    vertical-align: top;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%
}

.eco__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.marquee {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 100%;
    overflow: hidden;
    z-index: 15
}

.marquee li {
    padding: 0;
    flex-shrink: 0;
    list-style-type: none
}

.marquee li:after {
    content: "—";
    padding: 0 1vw
}

.marquee__inner {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    animation: 33s linear infinite slide-left;
    overflow: hidden;
    padding: 0;
    margin: 0
}

@keyframes slide-left {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.aboutton__banner {
    margin: 13rem 0 0 -25rem;
    overflow: hidden
}

.aboutton__banner .banner_in {
    margin-right: 0
}

.section_txtcol {
    overflow: hidden;
    padding-top: 121rem;
    padding-bottom: 101rem
}

.txtcol__cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.txtcol__col {
    display: flex;
    flex-flow: column;
    align-items: flex-start
}

.txtcol__col+.txtcol__col {
    margin-top: 40rem
}

.txtcol__col-right .txtcol__image:after {
    left: 100%
}

.txtcol__image {
    display: inline-block;
    vertical-align: top;
    background: #8fd8f9;
    background: linear-gradient(135deg, #8fd8f9 0, #6bccebcf 50%, #8fd8f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fd8f9", endColorstr="#8fd8f9", GradientType=1);
    position: relative;
    line-height: 1;
    font-size: 0;
    padding: 10rem;
    order: 1;
    margin-bottom: 20rem
}

.txtcol__image-grad2 {
    background: #8fd8f9;
    background: linear-gradient(45deg, #8fd8f9 0, #6bccebcf 33%, #6bccebcf 66%, #8fd8f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fd8f9", endColorstr="#8fd8f9", GradientType=1)
}

.txtcol__image_in {
    position: relative
}

.txtcol__image:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background: #fff;
    z-index: 0
}

.txtcol__image:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 20rem;
    height: 20rem;
    top: 0;
    left: 0;
    border: 1px solid var(--line-new-gold);
    will-change: transform;
    transform: translate(-50%, -50%)
}

.txtcol__image:hover img:first-child {
    opacity: 0
}

.txtcol__image:hover img:last-child {
    opacity: 1
}

.txtcol__image img {
    -o-object-fit: cover;
    object-fit: cover;
    transition: .8s ease-in-out;
    z-index: 2
}

.txtcol__image img:last-child {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.txtcol__text {
    order: 2;
    padding: 0 10rem
}

.section_concept {
    background: var(--back-gray);
    padding-top: 121rem
}

.concept__text {
    margin: 0 auto;
    text-align: center
}

.concept__btn {
    text-align: center;
    margin-top: 21rem
}

.concept__images {
    margin-top: 60rem
}

.section_column {
    background: var(--back-gray);
    position: relative;
    padding-top: 60rem;
    padding-bottom: 120rem;
    overflow: hidden
}

.section_column:after,
.section_column:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

.section_column:before {
    top: 0;
    background: linear-gradient(to bottom, #f7f6f5 0, rgba(247, 246, 245, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f6f5", endColorstr="#00f7f6f5", GradientType=0);
    height: 19.59%
}

.section_column:after {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(247, 246, 245, 0) 0, #f7f6f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f7f6f5", endColorstr="#f7f6f5", GradientType=0);
    height: 21.86%
}

.column__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: url(../img/bg-column.jpg) center no-repeat
}

.section_cook {
    background: var(--back-gray);
    padding-bottom: 167rem
}

.cook__row {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    justify-content: space-between
}

.cook__image {
    display: flex;
    align-items: flex-start;
    margin: 0 -20rem 60rem
}

.cook__img {
    --coeff: .45;
    position: relative;
    width: 190rem
}

.cook__img:nth-child(1) {
    margin-right: -50rem
}

.cook__img_sec {
    position: absolute;
    top: 100%;
    right: 0;
    max-height: 67rem;
    margin: -22rem -24rem 0 0
}

.cook__img_sign {
    position: absolute;
    top: 100%;
    right: 0;
    width: 160rem;
    height: 120rem;
    margin: -45rem -20rem 0 0
}

.cook__img:nth-child(1) .signature {
    width: calc(var(--w) * var(--coeff) * 1rem);
    height: calc(var(--h) * var(--coeff) * 1rem);
    left: 20rem;
    bottom: -70rem;
    top: auto
}

.cook__img:nth-child(2) {
    margin-top: 50rem
}

.cook__img:nth-child(2) .signature {
    width: calc(var(--w) * var(--coeff) * 1rem);
    height: calc(var(--h) * var(--coeff) * 1rem);
    left: 50rem;
    bottom: -60rem;
    top: auto
}

.cook__img path {
    stroke-dashoffset: var(--length);
    stroke-dasharray: var(--length)
}

.cook__title {
    font-family: var(--font-title);
    line-height: 1.25;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 42rem
}

.cook__text {
    margin-top: 19rem
}

.section_afisha {
    padding-bottom: 0rem
}

.afisha__cont {
    max-width: 1000rem;
    margin: 79rem auto 0
}

.afisha__cont .border-item {
    z-index: -10
}

.afisha__item {
    --height: 220;
    --width: 220;
    --scale: 0;
    display: flex;
    flex-flow: column;
    padding: 30rem 0;
    line-height: 1.5;
    color: #000;
    position: relative
}

.afisha__item:hover {
    --scale: 1;
    z-index: 10
}

.afisha__item:hover .afisha__cursor {
    opacity: 1
}

.afisha__date {
    font-size: 12rem;
    line-height: 1.35;
    letter-spacing: .2em;
    text-transform: uppercase
}

.afisha__title {
    font-size: 26rem;
    margin-top: 10rem
}

.afisha__text {
    font-size: var(--text-font-size);
    margin-top: 3rem
}

.afisha__cursor {
    display: none;
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: -1;
    height: 0;
    opacity: 0;
    height: calc(var(--height) * var(--fz));
    width: calc(var(--width) * var(--fz));
    font-size: 0;
    line-height: 1;
    transition: opacity .3s;
    transform: translate3d(calc(50 * var(--fz) - var(--move-x)/ 20), calc(50 * var(--fz) - var(--move-y)/ 20), 0);
    top: calc(-.42 * var(--height) * var(--fz));
    right: calc(-.6 * var(--width) * var(--fz));
    will-change: transform;
    pointer-events: none
}

.section_banquet {
    padding-bottom: 120rem
}

.banquet__top .title {
    font-size: 32rem
}

.banquet__images {
    margin-top: 60rem
}

.banquet__content {
    margin-top: 120rem
}

.banquet__cont {
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.banquet__data {
    margin-top: 58rem
}

.banquet__sub {
    color: var(--text-gray);
    font-size: 12rem;
    line-height: 1.35;
    letter-spacing: .2em;
    text-transform: uppercase
}

.banquet__list {
    font-family: var(--font-title);
    font-size: 32rem;
    line-height: 1.25;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-top: 9rem
}

.banquet__list li {
    margin-bottom: 10rem
}

.banquet__qty {
    border-top: 1px solid var(--line-soft-gray);
    border-bottom: 1px solid var(--line-soft-gray);
    padding: 31rem 0 29rem;
    margin: 30rem 0
}

.banquet__qty_val {
    font-size: 42rem;
    line-height: 1.25;
    font-family: var(--font-title);
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-top: 10rem
}

.banquet__text {
    margin-top: 10rem
}

.banquet__btn {
    border-top: 1px solid var(--line-soft-gray);
    display: none
}

.section_contact {
    padding-bottom: 74rem
}

.cont__data {
    padding-top: 6rem
}

.cont__item {
    font-size: 14rem;
    line-height: 1.5;
    margin-bottom: 31rem
}

.cont__item .form__agree a,
.cont__item .link,
.cont__item .text a:not(.btn),
.form__agree .cont__item a,
.text .cont__item a:not(.btn) {
    --link-color: #000
}

.cont__title {
    font-size: 12rem;
    line-height: 1.35;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--text-gray);
    margin-bottom: 10rem
}

.cont__time {
    display: flex;
    flex-flow: column
}

.cont__time_list {
    margin-bottom: 4rem
}

.cont__links {
    letter-spacing: .1em
}

.cont__links li {
    margin-bottom: 2rem
}

.cont__links .form__agree a,
.cont__links .link,
.cont__links .text a:not(.btn),
.form__agree .cont__links a,
.text .cont__links a:not(.btn) {
    --link-color: #000;
    --link-color-hover: var(--line-dark-gold);
    --link-under: var(--line-dark-gold)
}

.cont__address {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

.cont__address_coord {
    white-space: nowrap;
    margin-left: 10rem
}

.cont__how {
    margin-top: 4rem
}

.cont__how li {
    display: inline-block;
    margin-bottom: 5rem
}

.cont__how span {
    color: var(--text-gray)
}

.cont__how svg {
    vertical-align: middle;
    width: 12rem;
    height: 11rem;
    fill: var(--line-new-gold);
    margin: 0 7rem 0 5rem
}

.cont__el {
    margin-top: 15rem
}

.cont__el .btn {
    --btn-svg: var(--line-dark-gold);
    --btn-svg-hover: var(--line-dark-gold);
    --btn-color: var(--text-gray);
    cursor: default
}

.cont__el svg {
    width: 8rem;
    height: 12rem;
    margin-right: 8rem
}

.cont__map {
    flex: auto;
    margin: 34rem -10rem 0;
    overflow: hidden
}

.map {
    --map-transition: .8s ease-out;
    --map-btn-transition: .4s ease-out;
    position: relative;
    z-index: 99;
    padding-bottom: 100%
}

.map:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: -5rem;
    right: -5rem;
    bottom: -5rem;
    left: -5rem;
    border-radius: 50%;
    border: solid #fff;
    z-index: 5;
    transition: var(--map-transition)
}

.map__icon {
    width: 100%;
    height: 100%;
    fill: #000;
    z-index: 10;
    transition: var(--map-transition);
    will-change: transform;
    animation: 30s linear infinite map_circle
}

.map__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1
}

.map__btn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    will-change: transform;
    transition: var(--map-btn-transition);
    transform: translate(-50%, -50%);
    opacity: 0
}

.map__btn .btn {
    --btn-bg-before: #fff
}

@keyframes map_circle {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.section_menu {
    position: relative
}

.menu__content {
    background: var(--back-gray);
    position: relative;
    margin-top: 100rem;
    padding-top: 51rem;
    padding-bottom: 120rem
}

.menu__menu {
    cursor: grab;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 calc(-50vw + 50%);
    padding: 0 calc(50vw - 50%)
}

.menu__menu::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: 0 0
}

.menu__menu_inner {
    display: flex;
    white-space: nowrap;
    margin: 0 -5rem;
    justify-content: center
}

.menu__item {
    min-height: 30rem;
    font-size: 12rem;
    padding: 0 12rem;
    margin: 0 5rem
}

.menu__list {
    font-size: 0;
    line-height: 1;
    margin: 20rem -20rem 0
}

.menu__list img {
    margin-bottom: 20rem
}

.menu__list img:last-child {
    margin-bottom: 0
}

.menu__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: -95rem;
    bottom: 0;
    z-index: -1;
    overflow: hidden
}

.menu__bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 257rem;
    clip-path: ellipse(155rem 127rem at 50%);
    background: var(--back-gray)
}

.menu__grad {
    position: absolute;
    left: 0;
    right: 0;
    top: -107rem;
    bottom: 0;
    z-index: -2;
    overflow: hidden
}

.menu__grad:after,
.menu__grad:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 277rem
}

.menu__grad:before {
    background: linear-gradient(to bottom, #8fd8f9 0, rgba(213, 176, 132, 0) 41.6%, rgba(125, 185, 232, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fd8f9", endColorstr="#007db9e8", GradientType=0);
    clip-path: ellipse(165rem 137rem at 50%)
}

.menu__grad:after {
    background: #fff;
    clip-path: ellipse(164rem 136rem at 50%)
}

.section_info {
    padding-bottom: 120rem
}

.section_info .title {
    padding-bottom: 0;
    font-size: 32rem;
    margin-bottom: 40rem
}

.info__tags {
    font-size: 12rem;
    line-height: 1.5;
    color: var(--text-gray);
    letter-spacing: .2em;
    text-transform: uppercase;
    font-family: var(--font);
    margin-top: 10rem
}

.info__tags ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.info__tags li {
    width: auto
}

.info__tags li:after {
    content: "/";
    display: inline-block;
    vertical-align: top;
    margin: 0 6rem
}

.info__tags li:last-child:after {
    display: none
}

.info__cont {
    --text-margin-head-top: calc(40 * var(--fz));
    --text-margin-head-bottom: var(--text-margin);
    border-top: 1px solid var(--line-soft-gray);
    border-bottom: 1px solid var(--line-soft-gray);
    padding: var(--text-margin-head-top) 0
}

.info__cont h1,
.info__cont h2,
.info__cont h3,
.info__cont h4,
.info__cont h5,
.info__cont h6 {
    font-family: var(--font);
    letter-spacing: 0;
    font-weight: 300
}

.info__cont h2 {
    font-size: 26rem
}

.info__cont>:last-child {
    margin-bottom: 0
}

.info__img {
    font-size: 0
}

.info__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.section_nf {
    min-height: 100vh;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background: var(--back-black);
    color: #fff;
    padding: 40rem 0
}

.nf__top {
    text-align: center;
    padding: 0 20rem
}

.nf__top .title {
    font-size: 32rem;
    padding: 0;
    margin: 0
}

.nf__btn {
    margin-top: 20rem
}

.nf__btn .btn {
    --btn-bg-before: rgba(255, 255, 255, 1);
    --btn-svg: var(--line-new-gold)
}

.nf__cont {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-top: 30rem;
    padding-right: 25rem;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.nf__cont:after,
.nf__cont:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    height: 1px;
    background: var(--line-new-gold);
    width: 100%;
    left: 0;
    top: 50%;
    z-index: -1
}

.nf__cont:before {
    margin-top: 30rem
}

.nf__cont:after {
    margin-top: 32rem
}

.nf__icon {
    fill: var(--line-dark-gold);
    width: 74rem;
    height: 129rem
}

.nf__circle {
    border: 1px solid var(--line-new-gold);
    font-size: 0;
    padding: 5rem;
    border-radius: 60rem;
    margin: 0 6rem 0 30rem;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.nf__circle_image {
    width: 110rem;
    height: 163rem;
    border-radius: 55rem;
    position: relative;
    overflow: hidden;
    background: var(--back-black)
}

.nf__circle img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1.2)
}

.section_atmo {
    background: var(--back-gray) url(../img/bg_atmo.jpg) center center no-repeat;
    background-size: 100% auto;
    padding-top: 121rem
}

.atmo__text {
    line-height: 1.5;
    margin: 4rem -5rem 0;
    text-align: center;
    font-size: var(--text-font-size)
}

.atmo__text p {
    margin: 0 0 20rem
}

.atmo__btn {
    text-align: center
}

.atmo__images {
    position: relative;
    margin-top: 112rem;
    height: 782rem
}

.atmo__image {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover
}

.atmo__image-1 {
    left: 22.58%;
    width: 55.5555555556%;
    height: 38.2352941176%;
    top: 0
}

.atmo__image-2 {
    left: 0;
    top: 29%;
    width: 41.6666666667%;
    height: 28.6445012788%
}

.atmo__image-3 {
    left: 58.2%;
    top: 54.6%;
    width: 41.6666666667%;
    height: 26.8542199488%
}

.atmo__image-4 {
    left: 8.2%;
    top: 71.2%;
    width: 41.6666666667%;
    height: 28.7723785166%
}

.kitchen-appear,
.link-item,
.upwrap {
    display: flex;
    display: block ruby
}

.contact-item,
.kitchen-appear {
    overflow: hidden
}

.list-vert li,
.unwrap {
    overflow: hidden;
    display: inline-flex
}

.text-appear .unwrap {
    overflow: hidden
}

span.upwrap {
    will-change: transform
}

.line {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--back-black);
    overflow: hidden;
    left: 0;
    top: 0
}

.mask-bg-line {
    width: 100%;
    height: 50%;
    bottom: 0;
    background-color: var(--back-black);
    position: absolute;
    z-index: -1
}

.pin-firstScreen {
    height: 230vh
}

.pin-spacer {
    height: 100vh
}

.top__contact,
.top__menu {
    z-index: -3
}

.section_hist .hist__banner.parallax-item {
    top: calc(100 * var(--fz))
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    background: var(--back-black);
    z-index: 99999999999
}

@keyframes line-arrow {
    from {
        top: 0
    }

    to {
        top: 72%
    }
}

.line-anim {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 2rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to right, rgba(213, 176, 132, 0) 0, #8fd8f9 50.01%, rgba(213, 176, 132, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0053c2e6", endColorstr="#0053c2e6", GradientType=1);
    width: 60%
}

.line-anim-garden {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to right, rgba(213, 176, 132, 0) 0, #8fd8f9 50.01%, rgba(213, 176, 132, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0053c2e6", endColorstr="#0053c2e6", GradientType=1);
    width: 60%
}

#modal_menu {
    border-radius: 0
}

.overlay {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 99;
    text-align: center;
    clip-path: inset(calc(170 * var(--fz)) calc(660 * var(--fz)) calc(170 * var(--fz)) calc(660 * var(--fz)) round calc(50vw - 600 * var(--fz)))
}

.overlay span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: calc(42 * var(--fz))
}

.gardentop {
    overflow: hidden;
    background: var(--back-gray)
}

.mmenu-fon {
    height: 100vh;
    position: absolute;
    background-color: #f5f4f2;
    border: none;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    clip-path: ellipse(0 50% at 0 50%);
    z-index: -1
}

.mmenu__show.active .mmenu-fon {
    background-color: transparent
}

.border-item {
    overflow: hidden;
    position: relative
}

.border-item-afisha {
    background: var(--line-soft-gray);
    width: 0%;
    height: 1px;
    margin-left: 50%
}

li.banquet-appear {
    display: block
}

.cont__address_text .cont-anim-item {
    display: inline-block;
    will-change: transform
}

.eco__image-1,
.eco__image-2,
.eco__image-3 {
    z-index: 9 !important
}

.eco__text.text-appear.mix-blend-bottom,
.kitchen__menu_item .mix-blend-top {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 9999 !important;
    mix-blend-mode: color-dodge
}

.kitchen__menu_item .mix-blend-top {
    top: auto;
    transform: translate3d(0, 0, 200px)
}

.eco__text.text-appear.mix-blend-bottom {
    top: 0
}

.eco__text.text-appear.mix-blend-top,
.kitchen__menu_item .mix-blend-bottom {
    z-index: 0;
    color: #000
}

.mmenu__show:after,
.mmenu__show:before {
    color: #fff
}

.footer-line {
    z-index: 99;
    background-color: var(--back-black);
    position: relative
}

.footer-line:after {
    top: 100%;
    width: 100%;
    position: absolute;
    content: "";
    left: 0;
    background: linear-gradient(to bottom, #1c2329 0, rgba(28, 35, 41, .738) 19%, rgba(28, 35, 41, .541) 34%, rgba(28, 35, 41, .382) 47%, rgba(28, 35, 41, .278) 56.5%, rgba(28, 35, 41, .194) 65%, rgba(28, 35, 41, .126) 73%, rgba(28, 35, 41, .075) 80.2%, rgba(28, 35, 41, .042) 86.1%, rgba(28, 35, 41, .021) 91%, rgba(28, 35, 41, .008) 95.2%, rgba(28, 35, 41, .002) 98.2%, rgba(28, 35, 41, 0) 100%);
    pointer-events: none;
    opacity: .8
}

.footer-part-top {
    background-color: var(--back-black)
}

.fon-between-block {
    width: 100%;
    height: 20px;
    background-color: var(--back-gray);
    position: absolute;
    bottom: -20px;
    z-index: 99
}

.hover-reveal {
    position: fixed;
    height: calc(var(--height) * var(--fz));
    width: calc(var(--width) * var(--fz));
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.hover-reveal__img,
.hover-reveal__inner {
    width: 100%;
    height: 100%;
    position: relative
}

.hover-reveal__img {
    background-size: cover;
    background-position: 50% 50%
}

.hover_float_img {
    isolation: isolate
}

button.mmenu__show.vis.active:hover:after,
button.mmenu__show.vis.active:hover:before {
    opacity: .4
}

.fancybox-is-closing .mmenu__rest_capt,
.fancybox-is-closing span.mmenu__rest_logo {
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.onComplete {
    display: none
}

.preloader-spin {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.preloader-spin:before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    flex: 0 0 200px;
    box-shadow: inset 2px 0 0 var(--line-new-gold), -2px 0 0 var(--line-new-gold);
    animation: 1s linear infinite spin;
    border-radius: 100%;
    margin: 0;
    transform-origin: center
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

img.speed-item.atmo__image.atmo__image-4 {
    filter: grayscale(70%)
}

@media (min-width:320px) {
    .container {
        max-width: 419px
    }

    .col-xs {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xs-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xs-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xs-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xs-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xs-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xs-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xs-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xs-first {
        order: -1
    }

    .order-xs-last {
        order: 13
    }

    .order-xs-0 {
        order: 0
    }

    .order-xs-1 {
        order: 1
    }

    .order-xs-2 {
        order: 2
    }

    .order-xs-3 {
        order: 3
    }

    .order-xs-4 {
        order: 4
    }

    .order-xs-5 {
        order: 5
    }

    .order-xs-6 {
        order: 6
    }

    .order-xs-7 {
        order: 7
    }

    .order-xs-8 {
        order: 8
    }

    .order-xs-9 {
        order: 9
    }

    .order-xs-10 {
        order: 10
    }

    .order-xs-11 {
        order: 11
    }

    .order-xs-12 {
        order: 12
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 8.3333333333%
    }

    .offset-xs-2 {
        margin-left: 16.6666666667%
    }

    .offset-xs-3 {
        margin-left: 25%
    }

    .offset-xs-4 {
        margin-left: 33.3333333333%
    }

    .offset-xs-5 {
        margin-left: 41.6666666667%
    }

    .offset-xs-6 {
        margin-left: 50%
    }

    .offset-xs-7 {
        margin-left: 58.3333333333%
    }

    .offset-xs-8 {
        margin-left: 66.6666666667%
    }

    .offset-xs-9 {
        margin-left: 75%
    }

    .offset-xs-10 {
        margin-left: 83.3333333333%
    }

    .offset-xs-11 {
        margin-left: 91.6666666667%
    }

    .d-xs-none {
        display: none !important
    }

    .d-xs-inline {
        display: inline !important
    }

    .d-xs-inline-block {
        display: inline-block !important
    }

    .d-xs-block {
        display: block !important
    }

    .d-xs-table {
        display: table !important
    }

    .d-xs-table-row {
        display: table-row !important
    }

    .d-xs-table-cell {
        display: table-cell !important
    }

    .d-xs-flex {
        display: flex !important
    }

    .d-xs-inline-flex {
        display: inline-flex !important
    }

    .flex-xs-row {
        flex-direction: row !important
    }

    .flex-xs-column {
        flex-direction: column !important
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xs-wrap {
        flex-wrap: wrap !important
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xs-start {
        justify-content: flex-start !important
    }

    .justify-content-xs-end {
        justify-content: flex-end !important
    }

    .justify-content-xs-center {
        justify-content: center !important
    }

    .justify-content-xs-between {
        justify-content: space-between !important
    }

    .justify-content-xs-around {
        justify-content: space-around !important
    }

    .align-items-xs-start {
        align-items: flex-start !important
    }

    .align-items-xs-end {
        align-items: flex-end !important
    }

    .align-items-xs-center {
        align-items: center !important
    }

    .align-items-xs-baseline {
        align-items: baseline !important
    }

    .align-items-xs-stretch {
        align-items: stretch !important
    }

    .align-content-xs-start {
        align-content: flex-start !important
    }

    .align-content-xs-end {
        align-content: flex-end !important
    }

    .align-content-xs-center {
        align-content: center !important
    }

    .align-content-xs-between {
        align-content: space-between !important
    }

    .align-content-xs-around {
        align-content: space-around !important
    }

    .align-content-xs-stretch {
        align-content: stretch !important
    }

    .align-self-xs-auto {
        align-self: auto !important
    }

    .align-self-xs-start {
        align-self: flex-start !important
    }

    .align-self-xs-end {
        align-self: flex-end !important
    }

    .align-self-xs-center {
        align-self: center !important
    }

    .align-self-xs-baseline {
        align-self: baseline !important
    }

    .align-self-xs-stretch {
        align-self: stretch !important
    }
}

@media (min-width:500px) {
    .container {
        max-width: 550px
    }

    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }

    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .container {
        max-width: 500rem
    }
}

@media (min-width:768px) {
    .container {
        max-width: 750px
    }

    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }

    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    :root {
        --fz: .13021vw
    }

    .container {
        max-width: 700rem;
        padding: 0 15rem
    }

    .modal__title,
    .title,
    .title-simple {
        font-size: 60rem
    }

    .title {
        margin-bottom: 45rem
    }

    .subtitle {
        font-size: 20rem;
        max-width: 440rem
    }

    .titlebtn {
        margin-top: 30rem
    }

    .sliderline {
        margin: 0 -10rem
    }

    .sliderline .slick-slide {
        padding: 0 10rem
    }

    .sliderline .slick-slide img {
        max-height: 380rem;
        max-width: 450rem
    }

    .textrow {
        text-align: left
    }

    .map-item>ymaps>ymaps [class*=placemark-overlay] [class*=-image] {
        left: -15rem !important;
        top: -39rem !important;
        width: 30rem !important;
        height: 39rem !important;
        background-size: 30rem 39rem !important
    }

    .form__row {
        margin: 0 -20rem
    }

    .form__row>[class*=col-] {
        padding-left: 20rem;
        padding-right: 20rem
    }

    .form__outer {
        margin-bottom: 65rem
    }

    .form__submit {
        font-size: 15rem;
        width: 100%
    }

    .form__agree {
        margin-top: 0
    }

    .modal__cont {
        transform: translateX(100%);
        padding: 80rem 80rem 60rem
    }

    .modal__cont.active .modal__corner_wrap {
        width: 0
    }

    .modal__corner {
        left: 0;
        transform: translateX(-100%);
        height: 100%;
        top: 0
    }

    .modal__corner_wrap {
        width: 6vw;
        height: 100%;
        will-change: width
    }

    .modal__corner_wrap:before {
        width: 100vw;
        left: 200%;
        top: 0;
        bottom: 0
    }

    .modal__corner_div {
        height: 150%;
        width: 775%;
        top: 50%;
        transform: translate(6.5%, -50%);
        left: 50%
    }

    .modal__logo {
        margin-left: -80rem;
        margin-right: -80rem;
        padding: 0 260rem
    }

    .modal__logo span:after,
    .modal__logo span:before {
        height: 4rem;
        margin-top: -2rem;
        width: 400rem
    }

    .modal__title {
        font-size: 40rem;
        margin-bottom: 40rem
    }

    .modal__text {
        font-size: 22rem
    }

    .modal__top {
        margin: 0 -20rem
    }

    .modal__top_col {
        padding: 0 20rem
    }

    .header__logo img {
        width: 100rem;
        object-fit: contain;
    }

    .foot__reserve {
        --icon-width: calc(65 * var(--fz));
        --icon-max: calc(95 * var(--fz));
        --icon-margin: calc(30 * var(--fz));
        font-size: 45rem
    }

    .foot__reserve_icon {
        height: 33rem;
        margin-top: 15rem
    }

    .foot__top {
        flex-flow: row;
        flex-wrap: wrap
    }

    .foot__col {
        flex: 0 0 25%;
        max-width: 25%;
        margin-right: 30rem
    }

    .frest__list li {
        flex: auto
    }

    .frest__list img {
        max-height: 55rem
    }

    .mmenu__cont {
        transform: translateX(-100%)
    }

    .mmenu__cont_in {
        flex-flow: row
    }

    .mmenu__cont .mmenu__data,
    .mmenu__cont .mmenu__rest {
        transform: translateX(-100%)
    }

    .mmenu__cont.active .mmenu__corner_wrap {
        width: 0
    }

    .mmenu__data {
        text-align: left;
        flex: 0 0 calc(100% - 300rem);
        max-width: calc(100% - 300rem);
        padding: 50rem 30rem;
        display: flex;
        align-items: center
    }

    .mmenu__menu li {
        justify-content: flex-start
    }

    .mmenu__btn {
        margin-top: 30rem
    }

    .mmenu__contact {
        text-align: left;
        margin-top: 60rem
    }

    .mmenu__rest {
        flex: 0 0 300rem;
        max-width: 300rem;
        padding-bottom: 180rem;
        margin: 0
    }

    .mmenu__rest_logo:after,
    .mmenu__rest_logo:before {
        width: 170rem
    }

    .mmenu__rest_bottom {
        margin-top: auto
    }

    .mmenu__corner {
        right: 0;
        transform: translateX(100%);
        height: 100%;
        top: 0
    }

    .mmenu__corner_wrap {
        width: 6vw;
        height: 100%;
        will-change: width
    }

    .mmenu__corner_wrap:before {
        width: 100vw;
        right: 200%;
        top: 0;
        bottom: 0
    }

    .mmenu__corner_div {
        height: 150%;
        width: 775%;
        top: 50%;
        transform: translate(-6.5%, -50%);
        right: 50%
    }

    .top__title {
        font-size: 45rem;
        line-height: 55rem
    }

    .top__btn {
        margin-top: 30rem
    }

    .top__bg {
        clip-path: ellipse(350rem 180rem at 50% 103%)
    }

    .top__bg_line {
        clip-path: ellipse(360rem 193rem at 50% 103.5%)
    }

    .top__bg_line:before {
        clip-path: ellipse(358rem 190rem at 50% 103.6%)
    }

    .hist__banner {
        top: -100rem;
        margin: 0 0 34rem 70rem;
        width: 225rem;
        height: 370rem
    }

    .hist__btn {
        margin-top: 31rem
    }

    .section_kitchen {
        padding: 150px 0 0
    }

    .kitchen__title_bottom {
        margin-left: 48%;
        float: left;
        margin-right: 0
    }

    .kitchen__title_bottom img {
        top: 100%;
        left: 100%;
        margin: -30rem 0 0 -60rem;
        max-height: 70rem
    }

    .kitchen__sign {
        width: 160rem;
        height: 120rem;
        margin: -55rem 0 0 -90rem;
        left: 100%
    }

    .kitchen__text {
        max-width: 300rem
    }

    .kitchen__menu {
        --height: 405;
        --width: 305;
        font-size: 32rem;
        margin: 120rem 0 0
    }

    .kitchen__menu_text {
        margin: 0
    }

    .kitchen__btn {
        margin-top: 50rem
    }

    .gardentop:before {
        border-radius: calc(50vw - 235rem);
        top: 105rem;
        bottom: 105rem;
        left: 235rem;
        right: 235rem
    }

    .gardentop__title {
        padding-bottom: 42rem
    }

    .gardentop__image img,
    .gardentop__title:before {
        clip-path: inset(120rem 250rem 120rem 250rem round calc(50vw - 250rem))
    }

    .gardentop__bottom {
        width: 250rem;
        height: 375rem;
        margin: -250rem 0 0 70rem
    }

    .garder__text {
        padding-top: 60rem
    }

    .garden__buttons {
        margin-top: 40rem;
        justify-content: center;
        flex-flow: row
    }

    .eco__drag {
        margin-bottom: 45rem
    }

    .eco__text {
        font-size: 24rem
    }

    .aboutton__banner {
        margin: 17rem 0 0
    }

    .aboutton__banner_in {
        margin-right: 3.15%
    }

    .txtcol__col {
        margin-top: 0
    }

    .txtcol__text {
        padding: 0
    }

    .concept__images {
        margin-top: 90rem
    }

    .section_column {
        padding-top: 150rem;
        padding-bottom: 150rem
    }

    .cook__row {
        flex-flow: row
    }

    .cook__data {
        flex: 0 0 40%;
        max-width: 40%
    }

    .cook__image {
        flex: 0 0 65%;
        max-width: 65%
    }

    .cook__img {
        margin-left: -20rem;
        width: 220rem
    }

    .cook__img:nth-child(1) {
        margin-right: -40rem
    }

    .cook__img:nth-child(2) {
        margin-top: 90rem
    }

    .cook__img_sec {
        margin: -30rem -40rem 0 0;
        max-height: 85rem
    }

    .cook__img_sign {
        width: 160rem;
        height: 120rem;
        margin: -45rem -40rem 0 0
    }

    .cook__title {
        text-indent: -70rem
    }

    .cook__title .unwrap:nth-child(1) {
        margin-left: -70rem
    }

    .cook__btn {
        margin-top: 30rem
    }

    .afisha__cont {
        margin-top: 100rem
    }

    .afisha__item {
        --height: 300;
        --width: 300;
        padding: 45rem 0
    }

    .afisha__date {
        font-size: 14rem
    }

    .afisha__title {
        font-size: 32rem;
        margin-top: 20rem
    }

    .afisha__text {
        margin-top: 8rem
    }

    .banquet__top .title {
        font-size: 45rem
    }

    .banquet__images {
        margin-top: 90rem
    }

    .banquet__cont {
        flex-flow: row
    }

    .banquet__img {
        /* flex: 0 0 50.4%; */
        max-width: 80.4%
    }

    .banquet__data {
        margin-top: 0;
        flex: 0 0 55%;
        max-width: 55%
    }

    .banquet__btn {
        display: block;
        margin-top: 50rem;
        padding-top: 50rem
    }

    .cont__cont {
        display: flex;
        align-items: flex-start
    }

    .cont__data {
        flex: 0 0 40%;
        max-width: 40%;
        padding-top: 20rem
    }

    .cont__how {
        margin-right: -30rem
    }

    .cont__map {
        margin: -16rem -40rem 0 37rem
    }

    .map:before {
        border-width: 47rem
    }

    .menu__content {
        margin-top: 148rem;
        padding-top: 72rem;
        padding-bottom: 170rem
    }

    .menu__list {
        margin-top: 40rem
    }

    .menu__list img {
        margin-bottom: 40rem
    }

    .menu__bg {
        top: -130rem
    }

    .menu__bg:before {
        height: 600rem;
        clip-path: ellipse(400rem 300rem at 50%)
    }

    .menu__grad {
        top: -140rem
    }

    .menu__grad:before {
        height: 615rem;
        clip-path: ellipse(405rem 305rem at 50%);
        background: linear-gradient(to bottom, #8fd8f9 0, rgba(213, 176, 132, 0) 24.6%, rgba(125, 185, 232, 0) 100%)
    }

    .menu__grad:after {
        height: 615rem;
        clip-path: ellipse(404rem 304rem at 50%)
    }

    .section_info .title {
        font-size: 45rem;
        margin-bottom: 60rem
    }

    .info__tags {
        font-size: 14rem;
        margin-top: 20rem
    }

    .nf__top .title {
        font-size: 40rem
    }

    .nf__cont {
        padding-right: 83rem
    }

    .nf__cont:before {
        margin-top: 46rem
    }

    .nf__cont:after {
        margin-top: 49rem
    }

    .nf__icon {
        width: 112rem;
        height: 195rem
    }

    .nf__circle {
        border-radius: 90rem;
        margin: 0 6rem 0 91rem;
        padding: 10rem
    }

    .nf__circle_image {
        border-radius: 84rem;
        width: 166rem;
        height: 246rem
    }

    .atmo__text {
        text-align: left
    }

    .atmo__images {
        margin-top: 150rem;
        height: 550rem
    }

    .atmo__image-1 {
        left: 39.58%;
        width: 29%;
        height: 60%;
        top: 0
    }

    .atmo__image-2 {
        left: 27%;
        top: 46.5%;
        width: 26%;
        height: 53.7%
    }

    .atmo__image-3 {
        left: 77%;
        top: 44%;
        width: 23%;
        height: 44.2%
    }

    .atmo__image-4 {
        left: -2.2%;
        top: 18.5%;
        width: 25%;
        height: 51.6%
    }

    .pin-firstScreen {
        margin-bottom: 0
    }

    .section_top-trigger {
        height: 150vh
    }

    .section_hist .hist__banner.parallax-item {
        top: calc(300 * var(--fz))
    }

    .gardentop__bottom {
        top: calc(500 * var(--fz)) !important
    }
}

@media (min-width:992px) {
    .container {
        max-width: 970px
    }

    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }

    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    :root {
        --fz: .08581vw;
        --text-font-size: calc(22 * var(--fz))
    }

    .container {
        max-width: 900rem
    }

    .btn {
        padding: 0 30rem;
        font-size: 16rem;
        min-height: 60rem;
        border-radius: 30rem
    }

    .btn-arrow:hover svg {
        transform: translateX(5rem)
    }

    .btn-arrow svg {
        width: 14rem;
        height: 13rem;
        margin-left: 13rem
    }

    .btn-gray {
        min-height: 34rem;
        padding: 0 15rem;
        font-size: 16rem
    }

    .modal__title,
    .title,
    .title-simple {
        font-size: 90rem
    }

    .title {
        margin-bottom: 60rem
    }

    .subtitle {
        font-size: 26rem;
        max-width: 440rem
    }

    .titlebtn {
        margin-top: 40rem
    }

    .sliderline {
        margin: 0 -20rem
    }

    .sliderline .slick-slide {
        padding: 0 20rem
    }

    .sliderline .slick-slide img {
        max-height: 380rem;
        max-width: 450rem
    }

    .textrow {
        margin-left: -60rem;
        margin-right: -60rem
    }

    .textrow__col {
        padding: 0 60rem
    }

    .form__outer {
        margin-bottom: 80rem
    }

    .form__inp:hover .form__label {
        top: -20rem
    }

    .form__icon {
        width: 14rem;
        height: 8rem;
        margin-top: 7rem
    }

    .form__input,
    .form__textarea {
        font-size: 22rem
    }

    .form__input.valid+.form__label,
    .form__input:focus+.form__label,
    .form__input:hover+.form__label,
    .form__textarea.valid+.form__label,
    .form__textarea:focus+.form__label,
    .form__textarea:hover+.form__label {
        top: -20rem
    }

    .form__input {
        height: 55rem
    }

    .form__textarea-auto {
        padding-top: 5rem;
        padding-bottom: 15rem;
        min-height: 59rem
    }

    .form__label {
        font-size: 15rem
    }

    .form__date .ui-widget.ui-widget-content {
        font-size: 16rem
    }

    .form__time_list {
        padding: 31rem 50rem 14rem
    }

    .form__time_item {
        font-size: 15rem
    }

    .form__bottom {
        margin-top: 60rem
    }

    .form__error {
        font-size: 26rem
    }

    .modal__cont {
        width: 60%
    }

    .modal__logo {
        padding: 0 200rem
    }

    .modal__logo span {
        padding: 50rem 90rem
    }

    .modal__close {
        top: 90rem;
        right: 61rem;
        width: 30rem;
        height: 30rem
    }

    .modal__close:after,
    .modal__close:before {
        width: 40rem
    }

    .modal__title {
        line-height: 1.1;
        font-size: 50rem;
        margin-bottom: 50rem
    }

    .modal__text {
        font-size: 26rem
    }

    .modal__capt {
        font-size: 15rem;
        margin-bottom: 20rem
    }

    .modal__contact span,
    .modal__phone .phone {
        font-size: 16rem
    }

    .modal__map .modal__close {
        width: 80rem;
        height: 80rem;
        top: 70rem;
        right: 70rem
    }

    .text h1 {
        font-size: 80rem;
        line-height: 1.1
    }

    .text h2 {
        font-size: 46rem
    }

    .text h3 {
        font-size: 36rem
    }

    .text h4 {
        font-size: 26rem
    }

    .text h5 {
        font-size: 18rem
    }

    .text h6 {
        font-size: 16rem
    }

    .text blockquote {
        padding-top: 140rem
    }

    .text blockquote:before {
        width: 107rem;
        height: 90rem
    }

    .text blockquote div {
        font-size: 16rem;
        margin-top: 45rem;
        padding-left: 80rem
    }

    .text blockquote div:before {
        width: 40rem;
        top: calc(16rem * 1.35 / 2)
    }

    .text ul li {
        padding-left: 50rem;
        margin-bottom: 30rem
    }

    .header__logo img {
        width: 140rem;
        object-fit: contain;
    }

    .footer {
        font-size: 18rem;
        line-height: 1.7
    }

    .footer__corner_wrap {
        height: 10vh
    }

    .foot__reserve {
        --icon-width: calc(87 * var(--fz));
        --icon-max: calc(130 * var(--fz));
        --icon-margin: calc(43 * var(--fz));
        font-size: 70rem
    }

    .foot__reserve_icon {
        margin-top: 25rem;
        height: 45rem
    }

    .foot__top {
        margin-top: 103rem
    }

    .foot__col {
        margin-bottom: 0
    }

    .foot__col-address {
        flex: 0 0 25%;
        max-width: 25%;
        margin-right: 5%
    }

    .foot__col-time {
        flex: 0 0 21%;
        max-width: 21%;
        margin-right: 5%
    }

    .foot__col-call {
        flex: 0 0 25%;
        max-width: 25%;
        margin-right: 5%
    }

    .foot__col-up {
        position: static;
        margin-left: auto
    }

    .toTop {
        width: 150rem;
        height: 150rem;
        margin-top: -20rem
    }

    .toTop:hover {
        transform: scale(1.15)
    }

    .toTop_arrow {
        width: 15rem;
        height: 15rem
    }

    .foot__title {
        font-size: 15rem;
        margin-bottom: 20rem
    }

    .foot__center {
        margin-top: 80rem
    }

    .foot__copy {
        flex: 0 0 25%;
        max-width: 25%;
        padding-bottom: 7rem
    }

    .foot__menu {
        flex: 0 0 calc(75% - 90rem);
        max-width: calc(75% - 90rem)
    }

    .foot__menu li {
        margin-right: 15rem
    }

    .foot__dev {
        flex: 0 0 90rem;
        max-width: 90rem;
        margin-left: auto;
        padding: 0 15rem 0 0
    }

    .frest {
        padding-top: 120rem
    }

    .frest__top:before {
        display: none
    }

    .frest__logo {
        padding: 0
    }

    .frest__logo:before {
        display: inline-block
    }

    .frest__logo img {
        max-width: 100%
    }

    .frest__capt {
        font-size: 12rem;
        letter-spacing: .1em;
        opacity: .6;
        margin-top: 16rem
    }

    .frest__list img {
        max-height: 85rem
    }

    .mmenu__show {
        width: 100rem;
        height: 100vh;
        left: 0;
        top: 0
    }

    .mmenu__show:after,
    .mmenu__show:before {
        width: 40rem
    }

    .mmenu__show:before {
        margin-top: -4rem
    }

    .mmenu__show:after {
        margin-top: 6rem
    }

    .mmenu__show.active {
        top: 0
    }

    .mmenu__show:hover:not(.active) {
        z-index: 99999
    }

    .mmenu__show:hover:not(.active):after,
    .mmenu__show:hover:not(.active):before {
        width: 50rem
    }

    .mmenu__show:hover:not(.active):after {
        margin-top: 4rem
    }

    .mmenu__show:hover:not(.active)+.mmenu__hover {
        width: 131rem;
        z-index: 99995
    }

    .mmenu__data {
        flex: 0 0 calc(100% - 300rem);
        max-width: calc(100% - 300rem);
        padding: 70rem 100rem 70rem 140rem
    }

    .mmenu__data_left {
        flex: 0 0 calc(100% - 250rem);
        max-width: calc(100% - 250rem)
    }

    .mmenu__menu {
        font-size: 45rem
    }

    .mmenu__menu li {
        margin-bottom: 30rem
    }

    .mmenu__btn {
        margin-top: 45rem
    }

    .mmenu__contact {
        font-size: 18rem;
        line-height: 1.7;
        flex: 0 0 250rem;
        max-width: 250rem;
        text-align: right;
        margin-top: 0
    }

    .mmenu__contact_phone {
        margin-bottom: 23rem
    }

    .mmenu__contact .phone {
        font-size: 22rem;
        letter-spacing: 0
    }

    .mmenu__contact .phone svg {
        width: 26rem;
        height: 30rem;
        margin-right: 11rem
    }

    .mmenu__contact_time {
        margin-top: 11rem
    }

    .mmenu__rest {
        flex: 0 0 300rem;
        max-width: 300rem;
        padding-bottom: 180rem
    }

    .mmenu__rest:hover .mmenu__rest_capt {
        color: var(--line-new-gold)
    }

    .mmenu__rest:hover .mmenu__rest_capt svg {
        opacity: 1;
        margin-left: 13rem
    }

    .mmenu__rest_logo {
        margin-top: 76rem;
        padding: 32rem 42rem 24rem
    }

    .mmenu__rest_logo:after,
    .mmenu__rest_logo:before {
        width: 170rem
    }

    .mmenu__rest_logo img {
        max-height: 100%
    }

    .mmenu__rest_capt {
        font-size: 18rem
    }

    .mmenu__rest_capt svg {
        width: 14rem;
        height: 13rem;
        margin-left: -13rem;
        will-change: margin
    }

    .section_top {
        padding-bottom: 150rem
    }

    .top__title {
        font-size: 60rem;
        line-height: 70rem
    }

    .top__btn {
        margin-top: 40rem
    }

    .top__contact {
        right: 58rem;
        bottom: auto;
        top: calc(100vh - 50rem);
        transform: translateY(-100%);
        text-align: right;
        position: absolute;
        margin-top: 0
    }

    .top__contact_time {
        display: block
    }

    .top__bg {
        clip-path: ellipse(380rem 310rem at 50% 103%)
    }

    .top__bg_line {
        clip-path: ellipse(396rem 332rem at 50% 103.5%)
    }

    .top__bg_line:before {
        clip-path: ellipse(394rem 330rem at 50% 103.6%)
    }

    .hist__banner {
        top: -150rem;
        margin: 0 0 34rem 112rem;
        width: 375rem;
        height: 520rem
    }

    .hist__image {
        margin: 0;
        padding: 0 100rem
    }

    .section_kitchen {
        padding-top: 200rem;
        padding-bottom: 100rem
    }

    .kitchen__title {
        margin-bottom: 60rem
    }

    .kitchen__title_bottom img {
        margin: -35rem 0 0 -80rem;
        max-height: 80rem
    }

    .kitchen__sign {
        width: 270rem;
        height: 200rem;
        margin: -93rem 0 0 -135rem
    }

    .kitchen__text {
        max-width: 736rem;
        margin: 0 auto
    }

    .kitchen__menu {
        --height: 540;
        --width: 405;
        font-size: 45rem;
        margin: 120rem -60rem 0
    }

    .kitchen__menu_item {
        padding: 40rem
    }

    .kitchen__menu_item:hover {
        z-index: 5
    }

    .gardentop {
        height: max(100vh, 950rem)
    }

    .gardentop:before {
        border-radius: calc(50vw - 285rem);
        top: 105rem;
        bottom: 105rem;
        left: 285rem;
        right: 285rem
    }

    .gardentop__title {
        padding-bottom: 42rem
    }

    .gardentop__image img,
    .gardentop__title:before {
        clip-path: inset(120rem 300rem 120rem 300rem round calc(50vw - 300rem))
    }

    .gardentop__bottom {
        width: 375rem;
        height: 520rem;
        margin: -380rem 0 0 115rem
    }

    .section_eco {
        padding-top: 200rem;
        padding-bottom: 400rem
    }

    .eco__drag {
        margin-bottom: 60rem
    }

    .eco__text {
        font-size: 32rem
    }

    .eco__btn {
        margin-top: 40rem
    }

    .eco__image {
        display: inline-block;
        width: 240rem;
        height: 315rem
    }

    .eco__image-1 {
        top: 138rem;
        margin-left: 436rem
    }

    .eco__image-2 {
        margin-top: -53rem;
        margin-left: -600rem
    }

    .eco__image-3 {
        margin-top: 100rem;
        margin-left: 195rem
    }

    .section_txtcol {
        padding-top: 150rem;
        padding-bottom: 150rem;
        z-index: 10
    }

    .section_txtcol .container {
        max-width: 950rem
    }

    .txtcol__col-left {
        flex: 0 0 50%;
        max-width: 50%
    }

    .txtcol__col-left .txtcol__image-large {
        margin-left: -110rem;
        margin-right: -20rem
    }

    .txtcol__col-right {
        flex: 0 0 40%;
        max-width: 40%;
        padding-top: 50rem
    }

    .txtcol__image {
        order: 2
    }

    .txtcol__image:after {
        width: 40rem;
        height: 40rem
    }

    .txtcol__image+.txtcol__text,
    .txtcol__text+.txtcol__image {
        margin-top: 40rem
    }

    .section_concept {
        padding-top: 170rem
    }

    .concept__btn {
        margin-top: 31rem
    }

    .concept__images {
        margin-top: 120rem
    }

    .section_column {
        padding-top: 240rem;
        padding-bottom: 200rem
    }

    .column__row {
        margin: 0 -60rem
    }

    .column__col {
        padding: 0 60rem
    }

    .section_cook {
        padding-bottom: 200rem
    }

    .cook__image {
        margin-left: -50rem
    }

    .cook__img {
        --coeff: .6;
        width: 320rem
    }

    .cook__img:nth-child(1) {
        margin-right: -67rem
    }

    .cook__img:nth-child(1) .signature {
        left: 60rem;
        bottom: -90rem
    }

    .cook__img:nth-child(2) .signature {
        left: 70rem;
        bottom: -80rem
    }

    .cook__img_sec {
        margin: -40rem -50rem 0 0;
        max-height: 100rem
    }

    .cook__img_sign {
        width: 230rem;
        height: 170rem;
        margin: -63rem -45rem 0 0
    }

    .cook__btn {
        margin-top: 41rem
    }

    .afisha__cont {
        margin-top: 140rem
    }

    .afisha__item {
        --height: 350;
        --width: 350;
        padding: 60rem 0
    }

    .afisha__date {
        font-size: 16rem
    }

    .afisha__title {
        font-size: 38rem;
        margin-top: 26rem
    }

    .section_banquet {
        padding-bottom: 170rem
    }

    .banquet__top .title {
        font-size: 60rem;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .banquet__top .title:before {
        display: none
    }

    .banquet__top .subtitle {
        max-width: 948rem;
        margin-top: 41rem
    }

    .banquet__images {
        margin-top: 120rem
    }

    .banquet__content {
        margin-top: 170rem
    }

    .banquet__content .container {
        max-width: 950rem
    }

    .banquet__data {
        flex: 0 0 52%;
        max-width: 52%;
        padding-top: 30rem
    }

    .banquet__sub {
        font-size: 16rem
    }

    .banquet__list {
        font-size: 50rem;
        margin-top: 20rem
    }

    .banquet__list li {
        margin-bottom: 15rem
    }

    .banquet__qty {
        margin: 50rem 0;
        padding: 50rem 0
    }

    .banquet__qty_val {
        font-size: 80rem;
        margin-top: 10rem
    }

    .banquet__text {
        margin-top: 30rem
    }

    .section_contact {
        padding-bottom: 120rem
    }

    .section_contact .container {
        max-width: 950rem
    }

    .cont__item {
        font-size: 16rem
    }

    .cont__title {
        font-size: 15rem
    }

    .cont__links {
        letter-spacing: 0
    }

    .cont__links a[href^=tel] {
        letter-spacing: .1em
    }

    .cont__address_coord {
        margin-left: 20rem
    }

    .cont__how {
        margin-top: 5rem;
        margin-right: 0
    }

    .cont__how li {
        margin-bottom: 11rem
    }

    .cont__how svg {
        width: 14rem;
        height: 13rem;
        margin: 0 6rem
    }

    .cont__map {
        margin: -16rem -110rem 0 37rem
    }

    .map:before {
        border-width: 70rem
    }

    .menu__content {
        margin-top: 198rem;
        padding-top: 95rem;
        padding-bottom: 217rem
    }

    .menu__menu_inner {
        margin: 0 20rem
    }

    .menu__item {
        margin: 0 10rem;
        min-height: 46rem;
        font-size: 15rem;
        padding: 0 20rem
    }

    .menu__list {
        margin: 68rem -21rem 0
    }

    .menu__list img {
        margin-bottom: 60rem
    }

    .menu__bg {
        top: -160rem
    }

    .menu__bg:before {
        height: 933rem;
        clip-path: ellipse(628rem 466rem at 50%)
    }

    .menu__grad {
        top: -170rem
    }

    .menu__grad:before {
        height: 963rem;
        clip-path: ellipse(643rem 481rem at 50%);
        background: linear-gradient(to bottom, #8fd8f9 0, rgba(213, 176, 132, 0) 20.6%, rgba(125, 185, 232, 0) 100%)
    }

    .menu__grad:after {
        height: 963rem;
        clip-path: ellipse(642rem 480rem at 50%)
    }

    .section_info .title {
        font-size: 60rem;
        line-height: 1.1;
        margin-bottom: 70rem
    }

    .info__tags {
        font-size: 16rem;
        margin-top: 30rem
    }

    .info__tags li:after {
        margin: 0 7rem 0 10rem
    }

    .info__cont {
        --text-margin: calc(30 * var(--fz));
        --text-margin-head-top: calc(60 * var(--fz))
    }

    .info__cont h2 {
        font-size: 32rem
    }

    .nf__top .title {
        font-size: 50rem;
        line-height: 1.1
    }

    .nf__btn {
        margin-top: 30rem
    }

    .nf__btn .btn {
        min-height: 60rem;
        padding: 0 30rem;
        font-size: 15rem
    }

    .nf__cont {
        margin-top: 37rem;
        padding-right: 148rem
    }

    .nf__cont:before {
        margin-top: 79rem
    }

    .nf__cont:after {
        margin-top: 84rem
    }

    .nf__icon {
        width: 199rem;
        height: 348rem;
        margin-top: -5rem
    }

    .nf__circle {
        margin: 0 12rem 0 162rem;
        border-radius: 160rem
    }

    .nf__circle_image {
        border-radius: 150rem;
        width: 296rem;
        height: 438rem
    }

    .section_atmo {
        padding-top: 180rem
    }

    .atmo__text {
        margin: 0 -60rem
    }

    .atmo__col {
        padding: 0 60rem
    }

    .atmo__btn {
        display: none
    }

    .atmo__images {
        margin-top: 180rem;
        height: 1200rem
    }

    .section_hist .hist__banner.parallax-item {
        top: calc(450 * var(--fz))
    }

    .eco__text.text-appear.mix-blend-bottom,
    .kitchen__menu_item .mix-blend-top {
        mix-blend-mode: overlay
    }

    .footer-line:after {
        height: 120rem
    }

    .footer-line {
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        padding-bottom: 120rem
    }

    .kitchen__menu_cursor {
        display: none
    }

    .section_kitchen {
        padding-bottom: calc(100 * var(--fz) * 2.5) !important
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px
    }

    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    :root {
        --fz: .052vw;
        --text-font-size: calc(26 * var(--fz))
    }

    .container {
        max-width: 1190rem
    }

    .btn {
        padding: 0 35rem;
        font-size: 18rem;
        min-height: 70rem;
        border-radius: 35rem
    }

    .btn-min {
        padding: 0 30rem;
        font-size: 15rem;
        min-height: 60rem;
        border-radius: 30rem
    }

    .modal__title,
    .title,
    .title-simple {
        font-size: 120rem
    }

    .content__menu {
        display: inline-block;
        left: 60rem;
        top: 30rem
    }

    .title {
        max-width: 880rem;
        padding-bottom: 63rem;
        margin-bottom: 80rem
    }

    .title-sub {
        padding-bottom: 0
    }

    .phone {
        font-size: 16rem
    }

    .sliderline .slick-slide img {
        max-height: 510rem;
        max-width: 600rem
    }

    .sliderline .slick-next {
        right: 190rem;
        display: inline-block
    }

    .textrow {
        margin-left: -22rem;
        margin-right: -22rem
    }

    .banner_in {
        margin-right: 4.72%
    }

    .banner_left {
        width: 30.49%
    }

    .banner_right {
        width: 35.67%
    }

    .banner_bottom {
        height: 48.96%
    }

    .form__inp,
    .form__outer {
        margin-bottom: 101rem
    }

    .form__input,
    .form__textarea {
        font-size: 26rem
    }

    .form__agree {
        font-size: 18rem;
        line-height: 1.7
    }

    .modal__cont {
        max-width: 980rem;
        padding: 100rem 120rem 60rem
    }

    .modal__logo {
        padding-left: 262rem;
        padding-right: 292rem;
        margin-left: -120rem;
        margin-right: -120rem
    }

    .modal__logo span {
        padding: 68rem 88rem 51rem
    }

    .modal__logo span:after,
    .modal__logo span:before {
        width: 596rem
    }

    .modal__close {
        top: 120rem;
        right: 101rem
    }

    .modal__title {
        font-size: 60rem
    }

    .modal__text {
        font-size: 32rem
    }

    .modal__top {
        margin-top: 50rem
    }

    .modal__contact span {
        font-size: 18rem
    }

    .modal__phone {
        margin-top: 26rem
    }

    .modal__phone .phone {
        font-size: 18rem;
        line-height: 1.7
    }

    .modal__phone .phone svg {
        margin-top: -3rem;
        margin-left: 4rem
    }

    .modal__form {
        margin-top: 125rem
    }

    .nav__item {
        width: 70rem;
        height: 70rem
    }

    .nav__item:hover {
        --nav-scale: 1.142;
        background: #fff
    }

    .text {
        --text-margin: calc(30 * var(--fz))
    }

    .text blockquote {
        padding-top: 187rem
    }

    .text blockquote:before {
        width: 143rem;
        height: 119rem
    }

    .text blockquote div {
        font-size: 18rem;
        margin-top: 59rem;
        padding-left: 100rem
    }

    .text blockquote div:before {
        width: 60rem;
        top: calc(18rem * 1.35 / 2)
    }

    .text ul li {
        padding-left: 77rem;
        margin-bottom: 40rem
    }

    .header {
        padding-top: 67rem;
        padding-left: 13rem;
        margin-bottom: 145rem
    }

    .footer {
        padding-top: 370rem;
        padding-bottom: 84rem
    }

    .footer .container {
        max-width: 1470rem
    }

    .foot__reserve {
        --icon-width: calc(116 * var(--fz));
        --icon-max: calc(176 * var(--fz));
        --icon-margin: calc(60 * var(--fz));
        font-size: 120rem
    }

    .foot__reserve_icon {
        margin-top: 45rem;
        margin-right: 19rem;
        height: 61rem
    }

    .foot__col-address {
        flex: 0 0 15%;
        max-width: 15%;
        margin-right: 9.2%
    }

    .foot__col-time {
        flex: 0 0 15%;
        max-width: 15%;
        margin-right: 5.4%
    }

    .foot__col-call {
        flex: 0 0 17%;
        max-width: 17%;
        margin-right: 4.45%
    }

    .foot__col-circle {
        display: block;
        margin-top: -6rem;
        flex: 0 0 10%;
        max-width: 10%
    }

    .foot__col-up {
        flex: 0 0 14%;
        margin-right: -85rem
    }

    .toTop {
        width: 197rem;
        height: 196rem;
        margin-top: -80rem
    }

    .toTop_arrow {
        width: 20rem;
        height: 20rem
    }

    .foot__map {
        margin-top: 11rem
    }

    .foot__time_list {
        margin-bottom: 12rem
    }

    .foot__call {
        margin-top: 24rem
    }

    .foot__call .phone {
        font-size: 18rem
    }

    .foot__center {
        margin-top: 121rem;
        align-items: center
    }

    .foot__copy {
        flex: 0 0 23.7%;
        max-width: 23.7%;
        padding-bottom: 7rem
    }

    .foot__menu {
        flex: 0 0 55%;
        max-width: 55%;
        padding-bottom: 7rem
    }

    .foot__menu li {
        margin-right: 35rem
    }

    .foot__dev {
        flex: 0 0 110rem;
        max-width: 110rem;
        margin-left: auto;
        padding: 0 6rem
    }

    .frest {
        padding-top: 130rem
    }

    .frest__logo:before {
        top: -130rem;
        bottom: -25
    }

    .frest__list {
        margin-top: 72rem;
        padding-right: 15rem;
        padding-left: 3rem
    }

    .frest__list ul {
        padding: 0 58rem
    }

    .mmenu__data {
        flex: 0 0 calc(100% - 400rem);
        max-width: calc(100% - 400rem);
        padding: 70rem 181rem 70rem 361rem
    }

    .mmenu__menu {
        font-size: 80rem;
        line-height: 1.1
    }

    .mmenu__menu li {
        margin-bottom: 40rem
    }

    .mmenu__btn {
        margin-top: 61rem
    }

    .mmenu__contact {
        font-size: 18rem;
        line-height: 1.7;
        flex: 0 0 250rem;
        max-width: 250rem;
        text-align: right
    }

    .mmenu__contact_phone {
        margin-bottom: 23rem
    }

    .mmenu__contact .phone {
        font-size: 26rem;
        line-height: 39rem
    }

    .mmenu__contact .phone svg {
        width: 26rem;
        height: 30rem;
        margin-right: 11rem
    }

    .mmenu__contact_time {
        margin-top: 11rem
    }

    .mmenu__rest {
        flex: 0 0 400rem;
        max-width: 400rem;
        padding-bottom: 260rem
    }

    .mmenu__rest_logo {
        margin-top: 76rem;
        padding: 32rem 42rem 24rem
    }

    .mmenu__rest_logo:after,
    .mmenu__rest_logo:before {
        width: 280rem
    }

    .section_top {
        padding-bottom: 404rem
    }

    .top__inner {
        padding-top: 112rem;
        margin-bottom: 42rem
    }

    .top__title {
        font-size: 80rem;
        line-height: 88rem
    }

    .top__contact_address {
        font-size: 16rem
    }

    .top__contact_phone {
        margin-top: 19rem
    }

    .top__bg {
        clip-path: ellipse(510rem 413rem at 50% 103%)
    }

    .top__bg_line {
        clip-path: ellipse(532rem 442rem at 50% 103.5%)
    }

    .top__bg_line:before {
        clip-path: ellipse(530rem 440rem at 50% 103.6%)
    }

    .section_hist {
        padding-bottom: 127rem
    }

    .hist__banner {
        top: -227rem;
        margin: 0 0 45rem 150rem;
        width: 460rem;
        height: 690rem
    }

    .hist__text {
        max-width: 896rem;
        padding: 0
    }

    .hist__image {
        padding: 0 145rem
    }

    .kitchen__title {
        margin-left: -23rem;
        margin-bottom: 85rem;
        max-width: 200%;
        width: auto;
        margin-left: -92rem;
        margin-right: -82rem;
        text-align: center
    }

    .kitchen__title_bottom img {
        margin: -50rem 0 0 -120rem;
        max-height: 120rem
    }

    .kitchen__sign {
        width: 363rem;
        height: 268rem;
        margin: -125rem 0 0 -180rem
    }

    .kitchen__menu {
        --height: 720;
        --width: 541;
        font-size: 60rem;
        line-height: 1.1;
        margin: 160rem -120rem 0
    }

    .kitchen__menu_item {
        padding: 60rem 80rem
    }

    .kitchen__menu_cursor {
        display: inline-block
    }

    .kitchen__btn {
        margin-top: 70rem
    }

    .gardentop {
        height: max(100vh, 1200rem)
    }

    .gardentop:before {
        border-radius: calc(50vw - 640rem);
        top: 150rem;
        bottom: 150rem;
        left: 640rem;
        right: 640rem
    }

    .gardentop__title {
        padding-bottom: 42rem
    }

    .gardentop__image img,
    .gardentop__title:before {
        clip-path: inset(170rem 660rem 170rem 660rem round calc(50vw - 600rem))
    }

    .gardentop__bottom {
        width: 460rem;
        height: 690rem;
        margin: -510rem 0 0 150rem
    }

    .garden__content {
        margin-top: 268rem
    }

    .garder__text {
        max-width: 1006rem;
        padding-top: 84rem
    }

    .garden__buttons {
        margin-top: 59rem
    }

    .garden__images {
        margin-top: 130rem
    }

    .section_eco {
        padding-top: 356rem;
        padding-bottom: 600rem
    }

    .eco__drag {
        margin-bottom: 81rem
    }

    .eco__text {
        font-size: 46rem;
        margin: 0 -70rem
    }

    .eco__image {
        width: 320rem;
        height: 420rem
    }

    .eco__image-1 {
        top: 183rem;
        margin-left: 582rem
    }

    .eco__image-2 {
        margin-top: -71rem;
        margin-left: -737rem
    }

    .eco__image-3 {
        margin-top: 101rem;
        margin-left: 182rem
    }

    .aboutton__banner {
        margin-top: 17rem
    }

    .section_txtcol {
        padding-top: 188rem;
        padding-bottom: 205rem
    }

    .section_txtcol .container {
        max-width: 1630rem
    }

    .txtcol__cont {
        margin: 0 -70rem
    }

    .txtcol__col {
        padding: 0 70rem
    }

    .txtcol__col-left {
        flex: 0 0 58%;
        max-width: 58%;
        padding-left: 330rem
    }

    .txtcol__col-left .txtcol__image-large {
        margin-left: -214rem;
        margin-right: -114rem
    }

    .txtcol__col-right {
        flex: 0 0 35.5%;
        max-width: 35.5%;
        padding-top: 91rem
    }

    .txtcol__image {
        padding: 30rem
    }

    .txtcol__image+.txtcol__text {
        margin-top: 100rem
    }

    .txtcol__text+.txtcol__image {
        margin-top: 70rem
    }

    .section_concept {
        padding-top: 250rem
    }

    .concept__text {
        max-width: 896rem
    }

    .concept__images {
        margin-top: 150rem
    }

    .section_column {
        padding-top: 304rem;
        padding-bottom: 280rem
    }

    .column__row {
        margin: 0 -20rem
    }

    .section_cook {
        padding-bottom: 247rem
    }

    .cook__data {
        flex: 0 0 45%;
        max-width: 45%;
        margin-bottom: -100rem;
        margin-left: 80rem
    }

    .cook__image {
        margin: 102rem 0 0 -71rem;
        flex: 0 0 76.7%;
        max-width: 76.7%
    }

    .cook__img {
        --coeff: 1;
        width: 520rem
    }

    .cook__img:nth-child(1) {
        margin-right: -67rem
    }

    .cook__img:nth-child(1) .signature {
        left: 90rem;
        bottom: -150rem
    }

    .cook__img:nth-child(2) {
        margin-top: 197rem
    }

    .cook__img:nth-child(2) .signature {
        left: 80rem;
        bottom: -132rem
    }

    .cook__img_sec {
        margin: -46rem -89rem 0 0;
        max-height: 100%
    }

    .cook__img_sign {
        width: 363rem;
        height: 268rem;
        margin: -102rem -98rem 0 0
    }

    .cook__title {
        font-size: 80rem;
        line-height: 1.1;
        text-indent: -258rem
    }

    .cook__title .unwrap:nth-child(1) {
        margin-left: -258rem
    }

    .cook__text {
        margin-top: 41rem;
        padding-right: 10rem
    }

    .section_afisha {
        padding-bottom: 0rem
    }

    .afisha__cont {
        margin-top: 184rem
    }

    .afisha__item {
        --height: 500;
        --width: 500;
        padding: 80rem 0
    }

    .afisha__date {
        font-size: 18rem
    }

    .afisha__title {
        font-size: 46rem;
        margin-top: 38rem
    }

    .afisha__cursor {
        display: inline-block
    }

    .section_banquet {
        padding-bottom: 225rem
    }

    .banquet__top .title {
        font-size: 80rem;
        line-height: 1.1
    }

    .banquet__images {
        margin-top: 150rem
    }

    .banquet__content {
        margin-top: 251rem
    }

    .banquet__content .container {
        max-width: 1704rem
    }

    .banquet__cont {
        padding-left: 176rem
    }

    .banquet__data {
        flex: 0 0 52%;
        max-width: 52%;
        padding-top: 51rem;
        padding-left: 2rem
    }

    .banquet__sub {
        font-size: 18rem
    }

    .banquet__list {
        font-size: 80rem;
        line-height: 1.1;
        margin-top: 31rem
    }

    .banquet__list li {
        margin-bottom: 30rem
    }

    .banquet__qty {
        margin-top: 79rem;
        margin-bottom: 80rem;
        padding: 80rem 0
    }

    .banquet__qty_val {
        font-size: 120rem
    }

    .banquet__text {
        margin-top: 41rem
    }

    .banquet__btn {
        margin-top: 80rem;
        padding-top: 82rem
    }

    .section_contact {
        padding-bottom: 154rem
    }

    .section_contact .container {
        max-width: 1232rem
    }

    .cont__data {
        flex: 0 0 32%;
        max-width: 32%;
        padding-top: 30rem
    }

    .cont__item {
        font-size: 18rem;
        line-height: 1.7;
        margin-bottom: 40rem
    }

    .cont__time {
        margin-top: 15rem
    }

    .cont__time_list {
        margin-bottom: 5rem
    }

    .cont__el {
        margin-top: 15rem
    }

    .cont__el svg {
        width: 9rem;
        height: 14rem;
        margin-right: 10rem
    }

    .cont__map {
        margin: -16rem -301rem 0 117rem
    }

    .map__btn {
        margin-top: -75rem
    }

    .map:hover:before {
        border-width: 56rem
    }

    .map:hover .map__btn {
        transform: translate(-50%, -50%);
        opacity: 1;
        margin-top: -95rem
    }

    .map:before {
        border-width: 106rem
    }

    .menu__content {
        margin-top: 264rem;
        padding-top: 127rem;
        padding-bottom: 290rem
    }

    .menu__list img {
        margin-bottom: 80rem
    }

    .menu__bg {
        top: -250rem
    }

    .menu__bg:before {
        height: 1245rem;
        clip-path: ellipse(838rem 622rem at 50%)
    }

    .menu__grad {
        top: -271rem
    }

    .menu__grad:before {
        height: 1285rem;
        clip-path: ellipse(858rem 642rem at 50%);
        background: linear-gradient(to bottom, #8fd8f9 0, rgba(213, 176, 132, 0) 22.6%, rgba(125, 185, 232, 0) 100%)
    }

    .menu__grad:after {
        height: 1285rem;
        clip-path: ellipse(856rem 640rem at 50%)
    }

    .section_info {
        padding-bottom: 239rem
    }

    .section_info .container {
        max-width: 1230rem
    }

    .section_info .title {
        font-size: 80rem;
        max-width: 1045rem
    }

    .info__tags {
        font-size: 18rem;
        margin-top: 40rem
    }

    .info__cont {
        --text-margin: calc(40 * var(--fz));
        --text-margin-head-top: calc(80 * var(--fz));
        --text-margin-head-bottom: calc(40 * var(--fz))
    }

    .nf__top .title {
        font-size: 56rem
    }

    .nf__icon {
        width: 199rem;
        height: 348rem;
        margin-top: -5rem
    }

    .section_atmo {
        padding-top: 269rem
    }

    .atmo__text {
        margin: 0 -22rem
    }

    .atmo__text p {
        margin-bottom: 30rem
    }

    .atmo__images {
        margin-top: 239rem;
        height: 1397rem
    }

    .line-anim,
    .line-anim-garden {
        width: 61.3%;
        max-width: 540rem
    }

    .gardentop__title:before {
        display: none
    }

    .eco__image-3 {
        margin-top: calc(250 * var(--fz)) !important
    }

    .eco__image-2 {
        margin-top: calc(171 * var(--fz)) !important
    }

    .eco__image-1 {
        top: calc(-200 * var(--fz))
    }

    .section_kitchen {
        padding-top: 0 !important
    }

    .footer-line:after {
        height: 161rem
    }

    .footer-line {
        padding-bottom: 161rem
    }
}

@media (max-width:1199px) {
    .map__btn {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none
    }

    .map__btn .btn {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media (max-width:991px) {

    .foot__center,
    .top__menu,
    .top__scroll {
        display: none
    }

    .kitchen__menu_item.active {
        z-index: 5
    }

    .kitchen__menu_item.active .kitchen__menu_cursor {
        opacity: 1
    }

    .kitchen__menu_cursor {
        display: inline-block;
        right: 0;
        left: auto;
        top: 50%;
        transform: translate(0, -50%)
    }

    .preloader-spin:before {
        zoom: .6
    }
}

@media all and (max-width:768px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media (max-width:768px) {
    .section_kitchen {
        padding-top: 0;
        margin-top: -100px
    }

    .top__bg img {
        top: auto;
        bottom: 0;
        height: 50%
    }

    .section_top {
        max-height: 100vh
    }

    .atmo__images {
        position: relative;
        margin-top: calc(150 * var(--fz))
    }

    .section_top-trigger {
        height: 150vh
    }

    .overlay {
        clip-path: inset(calc(130 * var(--fz)) calc(60 * var(--fz)) calc(162 * var(--fz)) calc(60 * var(--fz)) round calc(50vw - 60 * var(--fz)))
    }

    .overlay span {
        padding-bottom: 0
    }

    .pin-firstScreen {
        margin-bottom: 100px
    }

    .garden__content {
        margin-top: calc(20 * var(--fz))
    }

    .gardentop__bottom {
        margin: calc(-15 * var(--fz)) 0 0 calc(30 * var(--fz))
    }
}

@media (max-width:767px) {
    .modal__cont.active .modal__corner_wrap {
        height: 0
    }

    .modal__corner {
        bottom: 0;
        width: 100%;
        left: 0
    }

    .modal__corner_wrap {
        height: 6vh;
        width: 100%;
        will-change: height
    }

    .modal__corner_wrap:before {
        left: 0;
        right: 0;
        height: 300vw;
        bottom: 200%
    }

    .modal__corner_div {
        width: 150%;
        height: 775%;
        left: 50%;
        transform: translate(-50%, 6.5%);
        bottom: 50%
    }

    .modal__contact .timelist {
        margin-bottom: 7rem
    }

    .footer .container {
        padding: 0 30rem
    }

    .mmenu__cont.active .mmenu__corner_wrap {
        height: 0
    }

    .mmenu__corner {
        bottom: 0;
        transform: translateY(100%);
        width: 100%;
        left: 0
    }

    .mmenu__corner_wrap {
        height: 6vh;
        width: 100%;
        will-change: height
    }

    .mmenu__corner_wrap:before {
        left: 0;
        right: 0;
        height: 200vw;
        bottom: 200%
    }

    .mmenu__corner_div {
        width: 150%;
        height: 775%;
        left: 50%;
        transform: translate(-50%, -6.5%);
        bottom: 50%
    }

    .banquet__content .container,
    .banquet__top .container,
    .section_abouttop .container,
    .section_afisha .container,
    .section_column .container,
    .section_concept .container,
    .section_contact .container,
    .section_cook .container,
    .section_menu .container {
        padding-left: 30rem;
        padding-right: 30rem
    }

    .section_info .container {
        padding: 0 30rem
    }

    .info__img img {
        min-height: 356rem
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

@media all and (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0 0
    }

    .fancybox-slide--image .fancybox-content {
        margin-bottom: 6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
}