/* Start:/bitrix/templates/mobile/public/css/style.css?175310092993432*/
@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@font-face {
    font-display: swap;
    font-family: starticons;
    src: url(/bitrix/templates/mobile/fonts/starticons7.svg#icomoon) format("svg"), url(/bitrix/templates/mobile/fonts/starticons7.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Circe';
    src: url(/bitrix/templates/common/fonts/circe/circe-extrabold.woff2) format("woff2"), url(/bitrix/templates/common/fonts/circe/circe-extrabold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Circe';
    src: url(/bitrix/templates/common/fonts/circe/circe-bold.woff2) format("woff2"), url(/bitrix/templates/common/fonts/circe/circe-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Circe';
    src: url(/bitrix/templates/common/fonts/circe/circe-regular.woff2) format("woff2"), url(/bitrix/templates/common/fonts/circe/circe-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Circe';
    src: url(/bitrix/templates/common/fonts/circe/circe-light.woff2) format("woff2"), url(/bitrix/templates/common/fonts/circe/circe-light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Circe';
    src: url(/bitrix/templates/common/fonts/circe/circe-extralight.woff2) format("woff2"), url(/bitrix/templates/common/fonts/circe/circe-extralight.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Circe';
    src: url(/bitrix/templates/common/fonts/circe/circe-thin.woff2) format("woff2"), url(/bitrix/templates/common/fonts/circe/circe-thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

body {
    margin: 0;
    padding: 0;
    font-family: "Circe", "Arial", sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    background-color: #fff
}

img {
    width: 100%;
    height: auto
}

a {
    color: #00a5b5
}

.visually-hidden {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}

.h1, h1 {
    color: #000;
    font-weight: 700;
    text-transform: uppercase
}

.h1, .h2, h1, h2 {
    font-size: 30px;
    line-height: 1
}

.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    color: #00a5b5;
    font-weight: 700
}

.svgstore-item {
    fill: #54565a
}

.slick-slide.slick-loading img, [class^=x-tl-booking-widget-] {
    display: none
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.slick-list {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list, .slick-slider .slick-track {
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

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

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

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

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

.slick-arrow.slick-hidden {
    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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    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;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

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

.fancybox-caption, .fancybox-infobar, .fancybox-toolbar {
    opacity: 0;
    position: absolute
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    transition: opacity .25s ease, visibility 0s ease .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 ease 0s, visibility 0s ease 0s;
    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;
    -ms-user-select: none;
    user-select: none
}

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

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

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

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    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;
    transition-property: transform, opacity, -webkit-transform;
    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-slide--html {
    padding: 6px 6px 0
}

.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 {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-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: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    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;
    -ms-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;
    color: #ccc
}

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

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

.fancybox-button:focus {
    outline: 0
}

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

.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--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) {
    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 {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    border: 6px solid rgba(99, 99, 99, .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
}

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

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

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

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(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;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

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

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

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

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

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

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

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

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

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

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

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(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: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    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: all .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
}*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background-color: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner, .fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe, .fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
    background-image: url(/bitrix/templates/mobile/public/css/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/bitrix/templates/mobile/public/css/fancybox_loading.gif) center center no-repeat
}

.fancybox-close, .fancybox-nav {
    position: absolute;
    cursor: pointer;
    z-index: 8040
}

.fancybox-close {
    right: -18px;
    top: -18px;
    width: 36px;
    height: 36px
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(/bitrix/templates/mobile/public/css/blank.gif);
    -webkit-tap-highlight-color: transparent
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: visible !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(/bitrix/templates/mobile/public/css/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background-color: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background-color: rgba(0, 0, 0, .8)
}

.fancybox-overlay {
    background-color: rgba(50, 50, 50, .75);
}

.fancybox-skin {
    padding: 0 !important;
}
.fancybox-close:before {
    content: '\D7';
    color: #fff;
    font-size: 45px;
    line-height: 1;
    font-family: 'Tahoma', sans-serif;
}
.fancybox-close {
    top: -47px;
    text-decoration: none;
}

/*****************************************************************/

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px
}

.container__title {
    padding: 50px 15px
}

.header {
    background-color: #fff
}

.header + section {
    padding-top: 0
}

.header__title {
    padding: 40px 15px 20px;
    margin: 0 auto;
    max-width: 1180px
}

.btn, .cookie-notification__button {
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    border: 0
}

.btn--slider, .cookie-notification__button {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 7px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    background-color: #00a5b5
}

.btn--booking, .btn--light {
    padding: 10px 15px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    background-color: #00a5b5
}

.btn--light {
    color: #00a5b5;
    background-color: #fff
}

.btn--offer {
    margin-top: 10px
}

.btn--main-menu {
    display: none
}

.btn--primary-dark {
    height: 34px;
    font: 14px/34px Tahoma, sans-serif;
    color: #fff;
    padding: 0 20px;
    text-align: center;
    background-color: #007b8b;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    text-transform: uppercase
}

.btn--primary-dark:hover {
    color: #fff
}

.btn--blue, .btn--primary-dark:active {
    color: #fff;
    background-color: #323e48
}

.btn--blue {
    height: 34px;
    font: 14px/34px Tahoma, sans-serif;
    padding: 0 20px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    border: 0;
    cursor: pointer
}

.btn--blue:hover {
    color: #fff
}

.btn--blue:active {
    color: #fff;
    background-color: #54565a
}

.page-header {
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    z-index: 990;
    max-height: 60px;
    background-color: rgba(0, 0, 0, .5)
}

.page-header, .page-header--sticky {
    position: fixed
}

.page-header--sticky .page-header__logo {
    padding: 0 10px;
    min-width: 60px
}

.page-header--sticky .page-header__logo-image {
    max-width: 125px
}

.page-header--sticky .main-menu {
    width: 100%;
    background-color: #323e48
}

.page-header--sticky .main-menu__btn {
    width: 55px;
    font-size: 0
}

.page-header--sticky .lang {
    display: none
}

.page-header--sticky .btn--booking.cookie-notification__button, .page-header--sticky .btn.btn--booking {
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px
}

.page-header + * {
    margin-top: 60px
}

.page-header__logo {
    flex-shrink: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 145px;
    min-width: 60px;
    box-sizing: border-box;
    background-color: #54565a
}

.page-header__entry {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.page-header__title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    font-size: 18px;
    background-color: rgba(0, 125, 188, .8)
}

.page-header__link {
    color: #fff;
    text-decoration: none
}

.page-header__menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 60px
}

.page-header__logo-image {
    display: block;
    max-height: 60px;
    max-width: 100%;
    padding: 10px 0;
    margin: 0 auto
}

.page-header__up {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    padding: 0;
    background-color: #404040;
    border: 0;
    outline: 0;
    cursor: pointer;
    z-index: 1000
}

.page-header__up:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-left: -9px;
    margin-top: -5px;
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    transform: rotate(45deg)
}

.page-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    background-color: #54565a;
    padding: 25px 15px 70px
}

.section {
    padding: 50px 0 20px;
    background-color: #fff;
    line-height: 1.7
}

.section--color-bg {
    background-color: #f7f7f7
}

.section--slider {
    position: relative;
    padding: 0
}

.section--slider + .section--search-form {
    margin-top: 0
}

.section--slider .label-safe-travel-mobile {
    position: absolute;
    left: 8px;
    bottom: 49px;
    z-index: 2
}

.section--slider .safe-travel__image--mob {
    width: 94px
}

.section--search-form, .slider--default .slick-dots .slick-active .slider__dot, .slider--simple .slick-dots .slick-active .slider__dot {
    background-color: #00a5b5
}

.section--about {
    color: #000;
    padding-bottom: 70px
}

.section--about-detail, .section--rooms {
    padding-bottom: 20px
}

.section--ivisa {
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #00a5b5
}

.section--ivisa .section__title {
    color: inherit;
    margin-bottom: 30px
}

.section--ivisa .section__desc {
    margin-bottom: 30px
}

.section--gallery-detail {
    min-height: calc(100vh - 505px)
}

.section--provider {
    padding: 0 0 20px
}

.section--provider .section__title {
    margin-bottom: 25px
}

.section--room .section__title {
    text-transform: uppercase;
    font-weight: 400
}

.section--contacts-map .section__title {
    margin-bottom: 25px
}

.section--booking {
    padding-bottom: 40px
}

.section__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px
}

.section__content--card-container, .section__content--container {
    padding: 0 15px
}

.section__content--ivisa {
    max-width: 1200px
}

.section__title {
    text-decoration: none;
    padding: 0 15px;
    margin: 0 auto 47px;
    max-width: 1180px
}

.section__title--dark {
    color: #000
}

.section__title--wide, .section__title--wide-light {
    margin-bottom: 25px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .35em
}

.section__title--wide .section__link, .section__title--wide-light .section__link {
    position: relative;
    display: inline-block;
    margin-right: -.35em
}

.section__title--wide .section__link::before, .section__title--wide-light .section__link::before {
    content: "";
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    right: .35em;
    width: auto;
    height: 1px
}

.section__title--wide {
    color: #54565a
}

.section__title--wide .section__link::before {
    background-color: #54565a
}

.section__title--wide-light {
    color: #fff
}

.section__title--wide-light .section__link::before {
    background-color: #fff
}

.section__subtitle {
    padding: 0 15px;
    margin: 0 auto 30px;
    max-width: 1180px
}

.section__link {
    color: inherit;
    text-decoration: none
}

.section__desc {
    padding: 0 15px;
    line-height: 1.3
}

.main-menu, .main-menu__btn {
    width: 120px;
    font-size: 14px;
    font-weight: 700
}

.main-menu {
    line-height: 1
}

.main-menu.-open .main-menu__wrap {
    display: block
}

.main-menu.-open .main-menu__btn:before {
    content: '\e940'
}

.main-menu__btn {
    display: block;
    position: absolute;
    height: 60px;
    padding-left: 50px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    border: 0;
    background-color: #404040;
    border-radius: 0
}

.main-menu__btn:focus {
    outline: 0
}

.main-menu__btn:before {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -9px;
    font-size: 18px
}

.main-menu__wrap {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 260px;
    max-height: calc(100vh - 60px);
    padding-bottom: 24px;
    box-sizing: border-box;
    background-color: #404040;
    overflow-y: auto
}

.main-menu__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-menu__item {
    display: block;
    margin: 0;
    padding: 0
}

.main-menu__item--current .main-menu__link {
    background-color: #007b8b
}

.main-menu__link {
    display: block;
    padding: 16px 10px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #404040
}

.main-menu .btn--booking {
    display: none
}

.lang {
    display: flex;
    margin-left: auto;
    position: relative
}

.lang__item, .lang__list {
    position: relative;
    width: 60px
}

.lang__list {
    margin: 0;
    padding: 60px 0 0;
    color: #fff;
    list-style: none;
    font-size: 10px;
    overflow: hidden
}

.lang__list:before {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    z-index: 2
}

.lang__list.-open {
    overflow: visible
}

.lang__item {
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    background-color: rgba(50, 62, 72, .7)
}

.lang__item--current, .lang__link {
    display: block;
    position: absolute;
    top: 0
}

.lang__item--current {
    left: 0;
    background-color: transparent
}

.lang__item--current .lang__link {
    display: block;
    width: 18px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px
}

.lang__link {
    width: 100%;
    height: 100%;
    right: 0;
    background-position: center;
    background-repeat: no-repeat
}

.lang__link--ru {
    background-image: url(/bitrix/templates/mobile/public/images/ru.png)
}

.lang__link--en {
    background-image: url(/bitrix/templates/mobile/public/images/en.png)
}

.slider {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    list-style: none
}

.slider__item {
    position: relative;
    display: block;
    height: 440px
}

.slider__image {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: inherit
}

.slider--main {
    margin-top: -120px;
    height: 380px;
    overflow: hidden
}

.slider--default .slider__item {
    position: relative;
    height: 240px;
    margin: 15px;
    border-radius: 5px
}

.slider--default .slider__content {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.slider--default .slider__overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 0 0 5px 5px
}

.slider--default .slider__title {
    color: #fff;
    margin: 0;
    padding: 17px 0 19px 29px;
    font-size: 22px;
    line-height: 1;
    border-radius: 0 0 5px 5px
}

.slider--default .slider__booking {
    position: absolute;
    width: 100%;
    bottom: -67px
}

.slider--default .slick-list {
    padding-bottom: 80px
}

.slider--default .slick-dots {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.slider--default .slick-dots li, .slider--simple .slick-dots li {
    display: inline-block;
    margin: 0 8px 8px
}

.slider--default .slick-dots .slider__dot, .slider--simple .slick-dots .slider__dot {
    background-color: #d9d9d9;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    cursor: pointer;
    outline: 0;
    border-radius: 100%
}

.slider--simple .slider__item {
    position: relative;
    display: flex;
    margin: 15px;
    height: auto
}

.slider--simple .slick-dots {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    list-style: none
}

.slider--simple .slick-track {
    display: flex
}

.slider-arrows, .slider-dots {
    display: flex;
    justify-content: center
}

.slider-arrows {
    align-items: center;
    column-gap: 16px;
    margin-bottom: 6px
}

.slider-arrows .slick-arrow {
    position: relative;
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 0;
    border: 0;
    background-color: transparent;
    transition: .3s ease
}

.slider-arrows .slick-arrow:hover {
    opacity: .65
}

.slider-arrows .slick-arrow.slick-next::before, .slider-arrows .slick-arrow.slick-prev::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: 2px solid #000;
    transform: translateY(-50%)
}

.slider-arrows .slick-arrow.slick-next::after, .slider-arrows .slick-arrow.slick-prev::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000
}

.slider-arrows .slick-arrow.slick-prev::before {
    left: 0;
    transform: translateY(-50%) rotate(-135deg)
}

.slider-arrows .slick-arrow.slick-next::after {
    right: 0;
    transform: translateY(-50%) rotate(45deg)
}

.slider-dots {
    padding-left: 15px;
    padding-right: 15px
}

.slider-dots .slick-dots {
    display: flex;
    gap: 11px 16px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-left: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    list-style: none
}

.slider-dots__item {
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 100%;
    background-color: #e6e6e6
}

.slick-active .slider-dots__item {
    background-color: #00a5b5
}

.search-form {
    margin-top: 60px;
    padding: 10px 0
}

.search-form__container {
    max-width: 1180px;
    margin: 0 auto
}

.about__image {
    border-radius: 5px;
    margin-bottom: 15px
}

.about__desc {
    line-height: 1.7
}

.about__more {
    text-decoration: underline
}

.ivisa {
    margin: 0 15px;
    min-width: 250px;
    color: #323e48;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 3px
}

.ivisa__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 12px
}

.ivisa__logo {
    min-width: 70px;
    width: 70px;
    height: 34px
}

.ivisa__get {
    padding-left: 15px
}

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

.services__item {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

.services__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 3px solid #00a5b5;
    border-right: 3px solid #00a5b5;
    transform: translateY(-50%) rotate(45deg);
    border-radius: 2px
}

.contacts--detail .contacts__item {
    margin-bottom: 30px
}

.contacts__list {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.5
}

.contacts__item {
    position: relative;
    padding-left: 45px;
    margin-bottom: 45px
}

.contacts__item:before {
    position: absolute;
    left: 0;
    top: -5px;
    color: #00a5b5;
    font-size: 24px;
    margin-left: 2px
}

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

.contacts__phone-item {
    display: block;
    margin-bottom: 15px
}

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

.contacts__email-item {
    display: block;
    margin-bottom: 15px
}

.contacts__link {
    text-decoration: none
}

.contacts__desc {
    margin: 20px 0
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: "starticons";
    font-style: normal;
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.icon-3d:before {
    content: "\e900"
}

.icon-3d1:before {
    content: "\e901"
}

.icon-mans:before {
    content: "\e902"
}

.icon-mans2:before {
    content: "\e903"
}

.icon-24hours:before {
    content: "\e904"
}

.icon-adapter:before {
    content: "\e905"
}

.icon-airplane:before {
    content: "\e906"
}

.icon-alarm:before {
    content: "\e907"
}

.icon-alcove:before {
    content: "\e908"
}

.icon-ambulance:before {
    content: "\e909"
}

.icon-aqua-aerobics:before {
    content: "\e90a"
}

.icon-arms:before {
    content: "\e90b"
}

.icon-arrow1:before {
    content: "\e90c"
}

.icon-arrow1_down:before {
    content: "\e90d"
}

.icon-arrow1_left:before {
    content: "\e90e"
}

.icon-arrow1_up:before {
    content: "\e90f"
}

.icon-arrow2:before {
    content: "\e910"
}

.icon-arrow3:before {
    content: "\e911"
}

.icon-arrow3_left:before {
    content: "\e912"
}

.icon-arrow4:before {
    content: "\e913"
}

.icon-arrow4_left:before {
    content: "\e914"
}

.icon-arrow5:before {
    content: "\e915"
}

.icon-atm:before {
    content: "\e916"
}

.icon-audiocenter:before {
    content: "\e917"
}

.icon-autowash:before {
    content: "\e918"
}

.icon-baby-carriages:before {
    content: "\e919"
}

.icon-badewanne:before {
    content: "\e91a"
}

.icon-ball:before {
    content: "\e91b"
}

.icon-bar:before {
    content: "\e91c"
}

.icon-barbershop:before {
    content: "\e91d"
}

.icon-basketball:before {
    content: "\e91e"
}

.icon-bathrobe:before {
    content: "\e91f"
}

.icon-beach:before {
    content: "\e920"
}

.icon-bed:before {
    content: "\e921"
}

.icon-bed2:before {
    content: "\e922"
}

.icon-bell:before {
    content: "\e923"
}

.icon-benches-lantern:before {
    content: "\e924"
}

.icon-bicycle:before {
    content: "\e925"
}

.icon-billiards:before {
    content: "\e926"
}

.icon-binoculars:before {
    content: "\e927"
}

.icon-book:before {
    content: "\e928"
}

.icon-bottle:before {
    content: "\e929"
}

.icon-bus:before {
    content: "\e92a"
}

.icon-businessman:before {
    content: "\e92b"
}

.icon-cake:before {
    content: "\e92c"
}

.icon-calendar1:before {
    content: "\e92d"
}

.icon-calendar2:before {
    content: "\e92e"
}

.icon-calendar3:before {
    content: "\e92f"
}

.icon-calendar4:before {
    content: "\e930"
}

.icon-calendar5:before {
    content: "\e931"
}

.icon-calendar6:before {
    content: "\e932"
}

.icon-car:before {
    content: "\e933"
}

.icon-car2:before {
    content: "\e934"
}

.icon-carpet-covering:before {
    content: "\e935"
}

.icon-casino_1:before {
    content: "\e936"
}

.icon-casino_2:before {
    content: "\e937"
}

.icon-casino_3:before {
    content: "\e938"
}

.icon-cctv:before {
    content: "\e939"
}

.icon-check:before {
    content: "\e93a"
}

.icon-chess:before {
    content: "\e93b"
}

.icon-chinese:before {
    content: "\e93c"
}

.icon-church:before {
    content: "\e93d"
}

.icon-clear:before {
    content: "\e93e"
}

.icon-cloche:before {
    content: "\e93f"
}

.icon-close:before {
    content: "\e940"
}

.icon-cloudy:before {
    content: "\e941"
}

.icon-clown:before {
    content: "\e942"
}

.icon-cocktail:before {
    content: "\e943"
}

.icon-coffeemaker:before {
    content: "\e944"
}

.icon-conditioner:before {
    content: "\e945"
}

.icon-conference:before {
    content: "\e946"
}

.icon-cooking:before {
    content: "\e947"
}

.icon-cosmetics:before {
    content: "\e948"
}

.icon-cow:before {
    content: "\e949"
}

.icon-creditcard:before {
    content: "\e94a"
}

.icon-cripple:before {
    content: "\e94b"
}

.icon-cross-country-skiing:before {
    content: "\e94c"
}

.icon-cup:before {
    content: "\e94d"
}

.icon-currencyexchange:before {
    content: "\e94e"
}

.icon-depositbox:before {
    content: "\e94f"
}

.icon-desk-2:before {
    content: "\e950"
}

.icon-display:before {
    content: "\e951"
}

.icon-document:before {
    content: "\e952"
}

.icon-document2:before {
    content: "\e953"
}

.icon-double-bed-2:before {
    content: "\e954"
}

.icon-douche:before {
    content: "\e955"
}

.icon-drink:before {
    content: "\e956"
}

.icon-drop:before {
    content: "\e957"
}

.icon-duck:before {
    content: "\e958"
}

.icon-duck-2:before {
    content: "\e959"
}

.icon-electric-range:before {
    content: "\e95a"
}

.icon-elevator:before {
    content: "\e95b"
}

.icon-eng:before {
    content: "\e95c"
}

.icon-esp:before {
    content: "\e95d"
}

.icon-euro:before {
    content: "\e95e"
}

.icon-euro-serif:before {
    content: "\e95f"
}

.icon-family:before {
    content: "\e960"
}

.icon-faq:before {
    content: "\e961"
}

.icon-fax1:before {
    content: "\e962"
}

.icon-fax2:before {
    content: "\e963"
}

.icon-fb:before {
    content: "\e964"
}

.icon-feeder:before {
    content: "\e965"
}

.icon-fireplacee:before {
    content: "\e966"
}

.icon-fish:before {
    content: "\e967"
}

.icon-flatTV:before {
    content: "\e968"
}

.icon-flickr:before {
    content: "\e969"
}

.icon-flower:before {
    content: "\e96a"
}

.icon-fousquare:before {
    content: "\e96b"
}

.icon-fruits:before {
    content: "\e96c"
}

.icon-gallery:before {
    content: "\e96d"
}

.icon-googleplus:before {
    content: "\e96e"
}

.icon-gym:before {
    content: "\e96f"
}

.icon-gym-bike:before {
    content: "\e970"
}

.icon-hairdryer:before {
    content: "\e971"
}

.icon-hanger:before {
    content: "\e972"
}

.icon-hanger-2:before {
    content: "\e973"
}

.icon-heating:before {
    content: "\e974"
}

.icon-home1:before {
    content: "\e975"
}

.icon-home2:before {
    content: "\e976"
}

.icon-home3:before {
    content: "\e977"
}

.icon-home4:before {
    content: "\e978"
}

.icon-home5:before {
    content: "\e979"
}

.icon-home6:before {
    content: "\e97a"
}

.icon-hoover:before {
    content: "\e97b"
}

.icon-horse:before {
    content: "\e97c"
}

.icon-hygiene:before {
    content: "\e97d"
}

.icon-icq:before {
    content: "\e97e"
}

.icon-inmap:before {
    content: "\e97f"
}

.icon-inmap1:before {
    content: "\e980"
}

.icon-inmap2:before {
    content: "\e981"
}

.icon-inmap3:before {
    content: "\e982"
}

.icon-inmap4:before {
    content: "\e983"
}

.icon-inmap5:before {
    content: "\e984"
}

.icon-inmap6:before {
    content: "\e985"
}

.icon-inmap7:before {
    content: "\e986"
}

.icon-instagram:before {
    content: "\e987"
}

.icon-instagram2:before {
    content: "\e988"
}

.icon-internet:before {
    content: "\e989"
}

.icon-iPod:before {
    content: "\e98a"
}

.icon-iron:before {
    content: "\e98b"
}

.icon-ivisa:before {
    content: "\e98c"
}

.icon-jacuzzi:before {
    content: "\e98d"
}

.icon-keys:before {
    content: "\e98e"
}

.icon-keys2:before {
    content: "\e98f"
}

.icon-kidgirl:before {
    content: "\e990"
}

.icon-kitchen-furniture:before {
    content: "\e991"
}

.icon-kvadrik:before {
    content: "\e992"
}

.icon-lamp-2:before {
    content: "\e993";
    color: #000
}

.icon-lj:before {
    content: "\e994"
}

.icon-magnifier1:before {
    content: "\e995"
}

.icon-magnifier2:before {
    content: "\e996"
}

.icon-magnifier3:before {
    content: "\e997"
}

.icon-magnifier4:before {
    content: "\e998"
}

.icon-mail1:before {
    content: "\e999"
}

.icon-mail2:before {
    content: "\e99a"
}

.icon-mail3:before {
    content: "\e99b"
}

.icon-mail4:before {
    content: "\e99c"
}

.icon-mail5:before {
    content: "\e99d"
}

.icon-mail6:before {
    content: "\e99e"
}

.icon-makeup-mirror:before {
    content: "\e99f"
}

.icon-man:before {
    content: "\e9a0"
}

.icon-manbuysticket:before {
    content: "\e9a1"
}

.icon-manOk:before {
    content: "\e9a2"
}

.icon-man-roof:before {
    content: "\e9a3"
}

.icon-man-with-racket:before {
    content: "\e9a4"
}

.icon-mariornament:before {
    content: "\e9a5"
}

.icon-massage:before {
    content: "\e9a6"
}

.icon-matrioshka:before {
    content: "\e9a7"
}

.icon-medicine:before {
    content: "\e9a8"
}

.icon-menu1:before {
    content: "\e9a9"
}

.icon-menu2:before {
    content: "\e9aa"
}

.icon-metro:before {
    content: "\e9ab"
}

.icon-metro2:before {
    content: "\e9ac"
}

.icon-microphone:before {
    content: "\e9ad"
}

.icon-microwave:before {
    content: "\e9ae"
}

.icon-mineralwater:before {
    content: "\e9af"
}

.icon-minibus:before {
    content: "\e9b0"
}

.icon-moneypay:before {
    content: "\e9b1"
}

.icon-moneyterminal:before {
    content: "\e9b2"
}

.icon-museum2:before {
    content: "\e9b3"
}

.icon-music:before {
    content: "\e9b4"
}

.icon-mute:before {
    content: "\e9b5"
}

.icon-newspaper:before {
    content: "\e9b6"
}

.icon-nightstand:before {
    content: "\e9b7"
}

.icon-nosmoke:before {
    content: "\e9b8"
}

.icon-notdisturb:before {
    content: "\e9b9"
}

.icon-odnoklassiki:before {
    content: "\e9ba"
}

.icon-overcast:before {
    content: "\e9bb"
}

.icon-package:before {
    content: "\e9bc"
}

.icon-pajamas:before {
    content: "\e9bd"
}

.icon-paragliding:before {
    content: "\e9be"
}

.icon-parilka:before {
    content: "\e9bf"
}

.icon-parking:before {
    content: "\e9c0"
}

.icon-partlycloudy:before {
    content: "\e9c1"
}

.icon-people:before {
    content: "\e9c2"
}

.icon-phone1:before {
    content: "\e9c3"
}

.icon-phone2:before {
    content: "\e9c4"
}

.icon-phone3:before {
    content: "\e9c5"
}

.icon-phone4:before {
    content: "\e9c6"
}

.icon-phone5:before {
    content: "\e9c7"
}

.icon-photocamera1:before {
    content: "\e9c8"
}

.icon-photocamera2:before {
    content: "\e9c9"
}

.icon-photocamera3:before {
    content: "\e9ca"
}

.icon-pillow-one:before {
    content: "\e9cb"
}

.icon-pinterest:before {
    content: "\e9cc"
}

.icon-plates:before {
    content: "\e9cd"
}

.icon-pool:before {
    content: "\e9ce"
}

.icon-present:before {
    content: "\e9cf"
}

.icon-print:before {
    content: "\e9d0"
}

.icon-projector:before {
    content: "\e9d1"
}

.icon-pyramid:before {
    content: "\e9d2"
}

.icon-qiwi:before {
    content: "\e9d3"
}

.icon-rain:before {
    content: "\e9d4"
}

.icon-ramp:before {
    content: "\e9d5"
}

.icon-razor:before {
    content: "\e9d6"
}

.icon-refrigerator:before {
    content: "\e9d7"
}

.icon-restaurant:before {
    content: "\e9d8"
}

.icon-reverse:before {
    content: "\e9d9"
}

.icon-review1:before {
    content: "\e9da"
}

.icon-rink:before {
    content: "\e9db"
}

.icon-rollerblade:before {
    content: "\e9dc"
}

.icon-roomservice:before {
    content: "\e9dd"
}

.icon-rouble-sans:before {
    content: "\e9de"
}

.icon-rouble-serif:before {
    content: "\e9df"
}

.icon-safe:before {
    content: "\e9e0"
}

.icon-sauna:before {
    content: "\e9e1"
}

.icon-sauna-hot:before {
    content: "\e9e2"
}

.icon-seating-banket:before {
    content: "\e9e3"
}

.icon-seating-banquet:before {
    content: "\e9e4"
}

.icon-seating-cabinet:before {
    content: "\e9e5"
}

.icon-seating-furshet:before {
    content: "\e9e6"
}

.icon-seating-klass:before {
    content: "\e9e7"
}

.icon-seating-p:before {
    content: "\e9e8"
}

.icon-seating-perimeter:before {
    content: "\e9e9"
}

.icon-seating-roundtable:before {
    content: "\e9ea"
}

.icon-seating-t:before {
    content: "\e9eb"
}

.icon-seating-theater:before {
    content: "\e9ec"
}

.icon-seating-ustyle:before {
    content: "\e9ed"
}

.icon-setting:before {
    content: "\e9ee"
}

.icon-shashlik:before {
    content: "\e9ef"
}

.icon-shell:before {
    content: "\e9f0"
}

.icon-shield:before {
    content: "\e9f1"
}

.icon-shoes2:before {
    content: "\e9f2"
}

.icon-shower:before {
    content: "\e9f3"
}

.icon-ski-slope:before {
    content: "\e9f4"
}

.icon-skype:before {
    content: "\e9f5"
}

.icon-slippers:before {
    content: "\e9f6"
}

.icon-smokeman:before {
    content: "\e9f7"
}

.icon-snow:before {
    content: "\e9f8"
}

.icon-snowmobile:before {
    content: "\e9f9"
}

.icon-soccerball:before {
    content: "\e9fa"
}

.icon-solarium:before {
    content: "\e9fb"
}

.icon-spa:before {
    content: "\e9fc"
}

.icon-sport-2:before {
    content: "\e9fd"
}

.icon-stairs:before {
    content: "\e9fe"
}

.icon-star:before {
    content: "\e9ff"
}

.icon-storm:before {
    content: "\ea00"
}

.icon-suitcase:before {
    content: "\ea01"
}

.icon-sunbed:before {
    content: "\ea02"
}

.icon-tablet:before {
    content: "\ea03"
}

.icon-target:before {
    content: "\ea04"
}

.icon-taxi:before {
    content: "\ea05"
}

.icon-teapot:before {
    content: "\ea06"
}

.icon-tennis-court:before {
    content: "\ea07"
}

.icon-tennissmall:before {
    content: "\ea08"
}

.icon-terrenkur:before {
    content: "\ea09"
}

.icon-theater:before {
    content: "\ea0a"
}

.icon-threads:before {
    content: "\ea0b"
}

.icon-tires:before {
    content: "\ea0c"
}

.icon-tlstart:before {
    content: "\ea0d"
}

.icon-tlstart2:before {
    content: "\ea0e"
}

.icon-tooth:before {
    content: "\ea0f"
}

.icon-towel:before {
    content: "\ea10"
}

.icon-train:before {
    content: "\ea11"
}

.icon-train-2:before {
    content: "\ea12"
}

.icon-travelline:before {
    content: "\ea13"
}

.icon-tripadvisor:before {
    content: "\ea14"
}

.icon-triplearrow:before {
    content: "\ea15"
}

.icon-tubing:before {
    content: "\ea16"
}

.icon-tubing2:before {
    content: "\ea17"
}

.icon-tv:before {
    content: "\ea18"
}

.icon-tv2:before {
    content: "\ea19"
}

.icon-twitter:before {
    content: "\ea1a"
}

.icon-umbrellaandchair:before {
    content: "\ea1b"
}

.icon-valve:before {
    content: "\ea1c"
}

.icon-vk:before {
    content: "\ea1d"
}

.icon-vk-new:before {
    content: "\ea1e"
}

.icon-volleyball:before {
    content: "\ea1f"
}

.icon-walking:before {
    content: "\ea20"
}

.icon-wallet:before {
    content: "\ea21"
}

.icon-warm:before {
    content: "\ea22"
}

.icon-warmflooring:before {
    content: "\ea23"
}

.icon-washingmachine:before {
    content: "\ea24"
}

.icon-watch:before {
    content: "\ea25"
}

.icon-wc:before {
    content: "\ea26"
}

.icon-webcam:before {
    content: "\ea27"
}

.icon-wedding1:before {
    content: "\ea28"
}

.icon-wedding2:before {
    content: "\ea29"
}

.icon-wifi:before {
    content: "\ea2a"
}

.icon-wififree:before {
    content: "\ea2b"
}

.icon-worktable:before {
    content: "\ea2c"
}

.icon-youtube1:before {
    content: "\ea2d"
}

.icon-youtube2:before {
    content: "\ea2e"
}

.icon-telegram:before {
    content: "\e993"
}

.icon-animal:before {
    content: "\ea2f"
}

.icon-doc:before {
    content: "\ea30"
}

.icon-meal:before {
    content: "\ea31"
}

.icon-services:before {
    content: "\ea32"
}

.icon-speech:before {
    content: "\ea33"
}

.icon-price:before {
    content: "\ea34"
}

.icon-discount:before {
    content: "\ea35"
}

.icon-snowflake1:before {
    content: "\ea36"
}

.icon-boy:before {
    content: "\ea37"
}

.map {
    padding: 0
}

.map__container {
    height: 320px
}

.copyright {
    margin: 15px 20px 15px 0
}

.copyright__link, .copyright__official {
    font-size: 13px;
    margin-top: 26px;
    margin-left: 15px
}

.copyright__official {
    line-height: 1.2
}

.copyright__link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 0 #fff
}

.pay {
    position: relative;
    margin: 25px 20px 25px 0;
    padding-left: 30px;
    line-height: 1
}

.pay__link {
    color: #fff
}

.pay:before {
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 20px;
    color: #00a5b5
}

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

.social__item {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    background-color: #00a5b5
}

.social__link {
    color: #54565a;
    text-decoration: none
}

.social__link:before {
    font-size: 18px
}

.social.-type-menu .social__list {
    justify-content: center;
    margin-top: 20px
}

.social.-type-menu .social__item {
    box-shadow: none;
    color: #fff;
    margin: 0 12px
}

.social.-type-menu .social__link {
    color: #404040
}

.table {
    width: 100%;
    margin: 15px 0;
    line-height: 1.5;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #e6e6e6
}

.table__item, .table__value {
    vertical-align: top;
    border-top: 1px solid #e6e6e6
}

.table__item {
    font-weight: 700;
    padding: 20px 20px 15px 0
}

.table__value {
    padding: 15px 0;
    line-height: 30px
}

.card.-open .card__info-detail {
    max-height: none
}

.card.-open .card__toggle--open {
    display: none
}

.card.-open .card__toggle--close {
    display: block
}

.card--rooms, .card--services {
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6
}

.card--rooms:first-child {
    padding-top: 0
}

.card--rooms:last-child {
    border-bottom: 0
}

.card--rooms .card__title {
    color: #00a5b5;
    text-transform: uppercase
}

.card--services:first-child {
    padding-top: 0
}

.card--services .card__link {
    display: inline-block;
    text-decoration: none;
    line-height: 1.2;
    border-bottom: 1px solid #323e48
}

.card--services .card__link:hover {
    border-bottom-color: transparent
}

.card--room {
    padding: 0
}

.card--room .card__image-area {
    height: 400px;
    overflow: hidden
}

.card--offers {
    padding: 30px 0 10px;
    border-bottom: 1px solid #e6e6e6
}

.card--offers:first-child {
    padding-top: 0
}

.card--offers:last-child {
    border-bottom: 0
}

.card--conference, .card--restaurants {
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6
}

.card--restaurants .card__image-area {
    height: 400px
}

.card--restaurants .card__table td {
    padding-right: 10px
}

.card--restaurants:first-child {
    padding-top: 0
}

.card--restaurants:last-child {
    border-bottom: 0
}

.card--conference:first-child {
    padding-top: 0
}

.card--conference:last-child {
    border-bottom: 0
}

.card--conference .card__title {
    text-transform: none
}

.card--partner {
    display: flex;
    flex-direction: column
}

.card--partner .card__image {
    position: static;
    height: auto;
    margin-top: auto
}

.card--partner .card__bottom {
    margin-top: auto
}

.card--partner .card__title {
    margin-top: 0
}

.card__image-area {
    position: relative;
    height: 245px
}

.card__image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: inherit
}

.card__overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 101;
    display: flex;
    align-items: center;
    padding: 14px 33px;
    background-color: #fff;
    font-size: 18px;
    border-bottom-right-radius: inherit
}

.card__price {
    margin-right: 17px;
    font-size: 18px;
    line-height: 1.3;
    text-transform: uppercase
}

.card__bold {
    color: #00a5b5;
    font-weight: 700
}

.card__title {
    margin: 25px 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none
}

.card__desc, .card__info {
    margin: 0;
    line-height: 1.7
}

.card__more {
    display: flex;
    justify-content: flex-end
}

.card__link {
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}

.card__toggle {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    color: inherit;
    font: inherit;
    border: 0;
    background: 0 0;
    outline: 0;
    cursor: pointer
}

.card__toggle:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 8px;
    height: 8px;
    border-left: 3px solid #323e48;
    border-bottom: 3px solid #323e48;
    transform: rotate(-45deg)
}

.card__toggle--open {
    display: block
}

.card__toggle--close {
    display: none
}

.card__toggle--close:before {
    margin-top: -4px;
    transform: rotate(135deg)
}

.card__info-detail {
    max-height: 0;
    overflow: hidden
}

.card__slider {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    list-style: none
}

.card__slider, .card__slider .slick-list, .card__slider .slick-track {
    border-radius: inherit
}

.card__slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.card__slider .slick-arrow {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 50%;
    margin-top: -19px;
    z-index: 10;
    font-size: 0;
    border: 0;
    background: 0 0;
    background-color: rgba(0, 0, 0, .6);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: .6;
    outline: 0;
    box-shadow: 0 0 5px 0 rgba(127, 127, 127, .5)
}

.card__slider .slick-prev {
    left: 0
}

.card__slider .slick-next {
    right: 0
}

.card__slider svg {
    fill: #fff;
    opacity: .8
}

.card__slider .slick-arrow:hover {
    opacity: 1
}

.card__slider-image, .card__slider-item {
    border-radius: inherit
}

.link--overlay-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100
}

.link--as-text {
    color: inherit;
    text-decoration: none
}

.link--as-text:hover {
    text-decoration: underline
}

.link--text-color {
    color: inherit
}

.link--dot-left, .link--dot-left-dark {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: lowercase;
    text-decoration: none
}

.link--dot-left-dark::before, .link--dot-left::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 7px;
    margin-right: 13px;
    border-radius: 100%
}

.blocking__block.-banner .blocking__close:hover:before, .link--dot-left {
    color: #fff
}

.link--dot-left::before {
    background-color: #fff
}

.link--dot-left-dark {
    color: #000
}

.link--dot-left-dark::before {
    background-color: #54565a
}

.near {
    margin-top: 40px;
    margin-bottom: 20px
}

.near__title {
    color: #000;
    font-size: 16px;
    margin-bottom: 5px
}

.near__list-item {
    margin: 0
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.gallery__image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: inherit
}

.gallery__item {
    position: relative;
    height: 160px;
    width: 100%;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px
}

.gallery__overlay, .gallery__title {
    position: absolute;
    left: 0;
    width: 100%
}

.gallery__overlay {
    height: 100%;
    z-index: 2;
    background-color: rgba(50, 62, 72, .7);
    border-radius: inherit;
    top: 0
}

.gallery__title {
    top: 50%;
    margin: 0;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    color: #fff;
    transform: translateY(-50%)
}

.gallery__title:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    font-size: 35px
}

.equipment {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.equipment__item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.equipment__svg {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 20px
}

.breadcrumbs {
    padding-top: 20px;
    line-height: 2
}

.breadcrumbs .container {
    padding: 0 15px
}

.breadcrumbs .separator {
    font-family: sans-serif
}

.header-wrap + .breadcrumbs {
    margin-top: 60px
}

.b-404 {
    margin: 0 auto;
    max-width: 1180px;
    text-align: center
}

.b-404__image {
    width: auto
}

.b-404__text {
    padding: 20px;
    line-height: 1.7
}

.cookie-notification {
    position: fixed;
    background: #fff;
    left: 0;
    width: 100%;
    color: #000;
    padding: 15px;
    z-index: 10000;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    bottom: -300px;
    transition: all .5s ease-in;
    font-size: 13px;
    line-height: 1.5;
    box-sizing: border-box
}

.cookie-notification.show {
    bottom: 0
}

.cookie-notification__text {
    margin-bottom: 10px
}

.cookie-notification_hidden {
    display: none
}

.cookie-notification__panel {
    visibility: visible;
    opacity: 1;
    transition: all .5s ease-in;
    margin-bottom: 10px
}

.cookie-notification__input {
    vertical-align: top
}

.cookie-notification__input:hover, .cookie-notification__label:hover {
    cursor: pointer
}

.cookie-notification__item {
    margin: 5px 0
}

.cookie-notification p {
    margin: 5px 0 10px
}

.cookie-notification a {
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    color: #54565a;
    border-bottom: 1px solid transparent
}

.cookie-notification a:focus, .cookie-notification a:hover {
    opacity: .9;
    text-decoration: none;
    border-bottom-color: #54565a
}

.cookie-notification__button {
    cursor: pointer;
    transition: background-color .2s ease
}

.cookie-notification__button:focus, .cookie-notification__button:hover {
    opacity: .9
}

.cookie-notification__button.-size {
    font-size: 15px;
    text-transform: none
}

.cookie-notification__recommend {
    color: #00af87
}

.page-booking {
    margin-bottom: 40px
}

.ny.-ny20 .ny__section {
    margin-bottom: 30px
}

.ny.-ny20 .ny__section.-image {
    border-radius: 5px;
    overflow: hidden
}

.ny.-ny20 .ny__section-col {
    width: 52%
}

.ny.-ny20 .ny__section-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #0074c2;
    margin-bottom: 14px
}

.ny.-ny20 .ny__section-text {
    font-size: 14px;
    line-height: 24px
}

.ny.-ny20 .ny__container {
    padding: 0 15px
}

.ny.-ny20 .ny__schedule {
    width: 100%;
    margin: 0 auto
}

.ny.-ny20 .ny__date {
    width: 140px;
    margin: 0 auto 15px
}

.ny.-ny20 .ny__invitation {
    font-size: 14px;
    line-height: 24px
}

.ny.-ny20 .ny__invitation-title {
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    color: #0074c2
}

.ny.-ny20 .ny__hour {
    display: flex;
    border-radius: 5px;
    overflow: hidden
}

.ny.-ny20 .ny__hour-item {
    width: 50%;
    text-align: center;
    padding: 10px 15px;
    text-transform: uppercase
}

.ny.-ny20 .ny__hour-item:first-child {
    color: #fff;
    background-color: #000
}

.ny.-ny20 .ny__hour-item:last-child {
    color: #000;
    background-color: #f1c32c
}

.ny.-ny20 .ny__hour-value {
    font-weight: 700
}

.ny.-ny20 .ny__contact {
    display: flex;
    border-radius: 5px;
    overflow: hidden
}

.ny.-ny20 .ny__contact-item {
    width: 50%;
    padding: 10px 15px;
    line-height: 19px
}

.ny.-ny20 .ny__contact-item:first-child {
    font-size: 14px;
    color: #000;
    background-color: #f1c32c;
    text-transform: uppercase
}

.ny.-ny20 .ny__contact-item:last-child {
    font-size: 12px;
    color: #fff;
    background-color: #000
}

.ny.-ny20 .ny__contact-value {
    font-weight: 700
}

.ny.-ny20 .ny__contact .link-as-text {
    text-decoration: none
}

.ny.-ny20 .ny__contact.-korporativ .ny__contact-item {
    width: 100%;
    font-size: 12px;
    line-height: 19px;
    text-transform: initial;
    padding: 10px 20px;
    color: #323e48;
    background-color: #fff
}

.ny.-ny20 .ny__text.-red {
    color: #f7004b
}

.ny.-ny20 .ny__text.-blue {
    color: #0074c2
}

.ny.-ny20 .ny__text.-bold {
    font-weight: 700
}

.ny.-ny20 .ny__text.-center {
    text-align: center
}

.ny.-ny20 .ny__text.-min {
    font-size: 12px;
    line-height: 24px
}

.ny.-ny20 .ny__price-table {
    border-collapse: collapse;
    border-spacing: 0
}

.ny.-ny20 .ny__price-table tr:nth-child(even) {
    background: #fff
}

.ny.-ny20 .ny__price-table tr:nth-child(even) td {
    border: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.ny.-ny20 .ny__price-table td {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #f7004b;
    text-align: center;
    height: 70px;
    padding: 6px 0
}

.ny.-ny20 .ny__price-table td .ny__text:not(.-bold) {
    font-weight: 400
}

.ny.-ny20 .ny__price-table td:first-child {
    width: 66%;
    color: #323e48;
    font-weight: 400;
    text-align: left;
    padding-left: 10px
}

.ny.-ny20 .ny__price-table.-korporativ td {
    height: 54px
}

.ny.-ny20 .ny__price-table.-korporativ td:first-child {
    width: 38%
}

.ny.-ny20 .gallery__item {
    margin-bottom: 20px
}

.ny.-ny20 .gallery__title {
    font-size: 14px;
    line-height: 17px
}

.smart-card {
    position: fixed;
    right: 25px;
    bottom: 110px;
    z-index: 9999;
    max-width: 390px;
    width: 100%;
    transform: translateX(calc(100% + 50px));
    box-sizing: border-box;
    transition: all .7s cubic-bezier(.02, .01, .47, 1)
}

.smart-card * {
    box-sizing: inherit
}

.smart-card.card-shown {
    transform: translateX(0)
}

.smart-card__container.container-main {
    position: relative;
    display: flex;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    border-radius: 3px;
    overflow: hidden
}

.smart-card__container.container-image {
    flex-shrink: 0;
    width: 144px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.smart-card__container.container-content {
    flex-grow: 1;
    padding: 18px 35px 18px 16px
}

.smart-card__title {
    margin: 0;
    color: #323e48;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: none
}

.smart-card__description {
    margin-top: 8px;
    color: #323e48;
    font-size: 14px;
    line-height: 1.2
}

.smart-card__button.button-main {
    display: inline-block;
    margin-top: 15px;
    padding: 9px 16px 8px;
    color: #fff;
    font-size: 14px;
    line-height: 1.29;
    font-weight: 700;
    text-decoration: none;
    background-color: #00a5b5;
    border-radius: 3px;
    transition: .3s ease
}

.smart-card__button.button-main:hover {
    background-color: #007b8b
}

.smart-card__button.button-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1;
    width: 11px;
    height: 11px;
    cursor: pointer;
    background-color: transparent;
    border: 0
}

.smart-card__button.button-close:hover {
    opacity: .7
}

.smart-card__button.button-close:after, .smart-card__button.button-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: #d9d9d9
}

.smart-card__button.button-close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.smart-card__button.button-close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.grecaptcha-badge, .hotbot-has-chat .hotbot-widget-buttons-wrap-shop {
    display: none
}

.image-block--white-card {
    padding: 10px 15px;
    background-color: #fff
}

.blocking.-show, .image-block--white-card .image-block__image {
    display: block
}

.blocking {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    max-height: 100%;
    overflow: auto
}

.blocking.-subscription-center .blocking__container {
    text-align: center
}

.blocking.-subscription-center .blocking__container:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.blocking.-subscription-center .blocking__block {
    position: static;
    display: inline-block;
    max-width: calc(100% - 30px);
    vertical-align: middle;
    line-height: 1.3;
    text-align: left
}

.blocking__container {
    position: relative;
    width: 980px;
    height: 100%;
    max-width: 100%;
    margin: 0 auto
}

.blocking__block {
    position: absolute
}

.blocking__block.-subscription {
    right: 0;
    width: 580px;
    padding-bottom: 45px;
    background: #f7f7f7
}

.blocking__block.-banner {
    width: 620px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.blocking__block.-banner .blocking__close {
    border-radius: 50%;
    border: 2px solid #323e48;
    position: absolute;
    top: 13px;
    right: 13px;
    width: 26px;
    height: 26px;
    margin: 0;
    color: #54565a;
    text-align: center;
    transition: all .3s;
    z-index: 2
}

.blocking__block.-banner .blocking__close:before {
    line-height: 23px;
    font-size: 13px;
    font-weight: 700 !important;
    transition: all .3s
}

.blocking__block.-banner .blocking__close:hover {
    background: #54565a
}

.blocking__panel {
    height: 37px;
    width: 100%
}

.blocking__close {
    cursor: pointer;
    width: 18px;
    height: 18px;
    float: right;
    margin: 10px 16px;
    color: #007b8b;
    font-size: 16px
}

.blocking__title {
    padding: 15px 40px;
    background: #00a5b5;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 21px
}

.blocking__text {
    padding: 0 40px;
    margin-bottom: 30px
}

.blocking__content {
    padding: 0 40px
}

.subscription-card {
    display: inline-flex;
    align-items: center;
    padding: 24px 30px 24px 24px;
    color: #007b8b;
    font-size: 16px;
    line-height: 1.6;
    border: 1px solid #00a5b5
}

.subscription-card__icon {
    align-self: flex-start;
    justify-content: center;
    margin-right: 17px;
    padding: 9px;
    color: #00a5b5;
    font-size: 24px;
    line-height: 1;
    border: 1px solid #00a5b5;
    border-radius: 100%
}

.subscription-card__content, .subscription-card__icon {
    display: flex;
    align-items: center
}

.subscription-card__text {
    max-width: 294px;
    margin-top: 0;
    margin-bottom: 0
}

.subscription-card__button {
    margin-left: 16px
}

.b-form {
    overflow: hidden;
    margin: 0 0 20px;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease opacity
}

.b-form.-review {
    width: 50%
}

.b-form#card-form, .b-form#tarif-form {
    padding: 30px 50px 0
}

.b-form.state-shown {
    opacity: 1;
    visibility: visible;
    max-height: 100%
}

.b-form .datepicker {
    position: relative
}

.b-form .datepicker .dropdown-menu {
    background: #e6e6e6;
    border: 1px solid #7f7f7f;
    padding: 5px;
    position: absolute;
    z-index: 10;
    color: #333;
    font: 14px/20px Arial, sans-serif
}

.b-form .datepicker strong {
    font: 14px/28px Arial, sans-serif
}

.b-form .datepicker .h6 th {
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    color: #7f7f7f
}

.b-form .datepicker .btn, .b-form .datepicker .cookie-notification__button {
    background: 0 0;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block
}

.b-form .datepicker td, .b-form .datepicker thead tr:first-child th {
    background: #fff;
    border: 1px solid #7f7f7f;
    text-align: center
}

.b-form .datepicker td span, .b-form .datepicker thead tr:first-child th span {
    display: block;
    padding: 6px
}

.b-form .datepicker td span.text-muted, .b-form .datepicker thead tr:first-child th span.text-muted {
    background: #e6e6e6;
    color: #fff
}

.b-form .datepicker tbody td span:hover {
    color: #fff;
    background: #323e48;
    box-shadow: 0 0 0 1px #323e48, 0 0 0 2px #323e48;
    position: relative
}

.b-form .datepicker tbody td span.text-muted:hover {
    background: #e6e6e6;
    color: #fff;
    box-shadow: none
}

.b-form .datepicker th .pull-left, .b-form .datepicker th .pull-right {
    font: 14px/28px Arial, sans-serif;
    text-align: center
}

.b-form .datepicker th .pull-right:before {
    content: '\00BB'
}

.b-form .datepicker th .pull-left:before {
    content: '\00AB'
}

.b-form .row {
    width: 100%;
    margin: 20px 0 0
}

.b-form .row .field {
    float: left;
    width: 50%;
    margin: 0
}

.b-form .row .field > * {
    display: table-cell;
    vertical-align: middle
}

.b-form .row .field:first-child .name {
    text-align: left
}

.b-form .row .field:only-child {
    width: 100%
}

.b-form .row .name {
    width: 120px;
    text-align: center
}

.b-form .field {
    display: table;
    width: 100%;
    margin: 25px 0
}

.b-form .field.-type-checkbox {
    padding-left: 120px
}

.b-form .field__container {
    position: relative
}

.b-form .field.type-half .name {
    width: 50%
}

.b-form .field .counter-wrapper {
    display: table;
    width: 50%
}

.b-form .field .counter-wrapper .input {
    width: 80%;
    margin: 0 10%
}

.b-form .input {
    width: 100%;
    height: 30px;
    padding: 0 0 0 6px;
    line-height: 30px;
    color: #000;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    transition: .3s ease;
    border-radius: 4px;
    box-shadow: none
}

.b-form .input:focus, .b-form .input:hover {
    background-color: #e6e6e6
}

.b-form .input.hasDatepicker {
    background: #fff url(/upload/ui/datepicker.png) 95% 50% no-repeat;
    cursor: pointer
}

.b-form .input.ng-invalid.ng-touched {
    border: 1px solid #943330
}

.b-form .input.width-half {
    width: 50%
}

.b-form .input.select {
    display: block;
    position: relative
}

.b-form .input.select select {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1;
    opacity: 0
}

.b-form textarea.input {
    height: 100px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 18px;
    resize: none
}

.b-form .name {
    display: block;
    text-align: left
}

.b-form .important .name:after {
    content: '*';
    color: #007b8b
}

.b-form .error {
    position: relative
}

.b-form .error:before {
    height: 24px;
    position: absolute;
    left: 0;
    bottom: -25px;
    padding: 0 5px;
    border-radius: 3px;
    font: 12px/24px 'Arial', sans-serif;
    font-weight: 400;
    color: #007b8b;
    background: #e6e6e6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    white-space: nowrap;
    content: attr(data-error)
}

.b-form .error:after {
    position: absolute;
    bottom: -2px;
    left: 10px;
    border-bottom: 6px solid #e6e6e6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: ' ' !important
}

.b-form button {
    border: 0
}

.b-form .submit {
    padding: 10px 0 0 120px;
    font-size: 12px
}

.b-form .submit .b-button {
    margin-bottom: 20px
}

.b-form.type-hallclaim .toggle-hall-list {
    color: #323e48;
    text-decoration: underline;
    text-align: right;
    cursor: pointer
}

.b-form.type-hallclaim .setup-wrap {
    margin: 20px 0
}

.b-form.type-hallclaim .time-wrap {
    display: table;
    width: 100%;
    margin: 0 0 20px
}

.b-form.type-hallclaim .time-wrap > * {
    display: table-cell;
    vertical-align: middle
}

.b-form.type-hallclaim .time-wrap .input {
    padding: 0 10px
}

.b-form.type-hallclaim .b-table {
    margin: 20px 0 0;
    text-align: left
}

.b-form.type-hallclaim .b-table .hall {
    cursor: pointer
}

.b-form.type-hallclaim .b-table .hall input {
    cursor: pointer;
    box-shadow: none
}

.b-form.type-hallclaim .b-table .hall.state-disabled {
    opacity: .4
}

.b-form.type-hallclaim .b-table td {
    height: 40px
}

.b-form.type-event .submit {
    padding: 10px 0 0
}

.b-form.type-event .submit .b-button {
    float: left;
    margin: 5px 20px 0 0
}

.b-form.type-event .submit .important-info {
    color: #007b8b;
    display: block;
    overflow: hidden
}

.b-form.type-event .b-style-blue {
    color: #004e96
}

.bx-chrome .b-form input.type-date, .bx-chrome .b-form input[type=date] {
    padding-right: 0
}

.bx-chrome .b-form input.type-date:focus, .bx-chrome .b-form input.type-date:hover, .bx-chrome .b-form input[type=date]:focus, .bx-chrome .b-form input[type=date]:hover {
    background-image: none
}

.form {
    box-sizing: border-box
}

.form * {
    box-sizing: inherit
}

.form__row {
    display: flex
}

.form__row.-three-quarters {
    width: 75%
}

.form__field {
    flex-grow: 1
}

.form__field:not(:last-child) {
    margin-right: 20px
}

.form__control {
    transition: all .3s;
    height: 34px;
    padding: 0 6px;
    color: #000;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    outline: 0;
    width: 100%;
    font-size: 14px
}

.form__control:focus {
    background: #e6e6e6
}

.form__control.ng-invalid.ng-touched {
    border-color: #007b8b
}

.form__response {
    color: #fff;
    background: #323e48;
    padding: 15px;
    text-align: center
}

.form__response * {
    color: #fff;
    font-weight: 400
}

.form__checkbox {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
    top: 20px;
    left: 10px;
    margin: 0 auto;
    pointer-events: none
}

.form__checkbox-container {
    position: relative;
    float: left;
    min-width: 110px;
    margin-bottom: 25px;
    margin-right: 25px
}

.form__checkbox + label:before {
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.form__checkbox:checked + label, .form__checkbox:not(:checked) + label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 21px
}

.form__checkbox:checked + label:before, .form__checkbox:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    background: #fff
}

.form__checkbox:checked + label:after, .form__checkbox:not(:checked) + label:after {
    content: '✓';
    position: absolute;
    top: 1px;
    left: 5px;
    font-size: 18px;
    line-height: 1;
    color: #323e48;
    transition: .3s
}

.form__checkbox:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0)
}

.form__checkbox:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

.form__text {
    display: block
}

.form.-accommodation .form__row:not(:last-child) {
    margin-bottom: 25px
}

.form.-accommodation .form__field {
    display: flex;
    flex-basis: 50%
}

.form.-accommodation .form__field:first-child {
    margin-right: 50px
}

.form.-accommodation .form__field.-half {
    max-width: calc(50% - 65px)
}

.form.-accommodation .form__field.-three-quarters {
    max-width: calc(75% - 65px)
}

.form.-accommodation .form__label {
    width: 150px;
    min-width: 150px;
    font-weight: 700
}

.form.-accommodation .form__label, .form.-accommodation .form__sublabel {
    margin-right: 15px;
    line-height: 30px
}

.vacancies-list {
    list-style-type: none;
    padding-left: 0
}

.vacancies-list .vacancies-list-item {
    padding: 0 0 12px
}

.vacancies-list .vacancies-list-item:before {
    content: ''
}

.vacancies-motivator {
    text-align: justify
}

.rules-list {
    padding-left: 0;
    list-style: none
}

.rules-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.rules-list__icon {
    flex-shrink: 0;
    width: 40px;
    margin-right: 20px;
    color: #007b8b;
    font-size: 40px
}

.rules-list__icon:before {
    line-height: 1em
}

.rules-list__link {
    font-size: 14px
}

.choose-us {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #f7f7f7
}

.choose-us__title {
    margin-bottom: 30px;
    color: #00a5b5
}

.choose-us-list {
    padding-left: 0;
    list-style: none
}

.choose-us-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

.choose-us-list__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    font-size: 30px;
    color: #00a5b5
}

.choose-us-list__icon:before {
    line-height: 1
}

.choose-us-list__content {
    font-size: 13px;
    line-height: 1.4
}

.choose-us-list__title {
    font-size: 15px;
    color: inherit;
    font-weight: 500;
    text-transform: uppercase
}

.choose-us-list__description, .choose-us-list__title {
    margin-top: 0;
    margin-bottom: 0
}

.columns {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none
}

.columns__item {
    width: 100%;
    margin-bottom: 40px
}

.warning-info {
    padding: 24px;
    color: #592900;
    background-color: #f2a834
}

.pagination {
    margin: 30px 0
}

.pagination__list {
    display: flex;
    flex-wrap: wrap
}

.pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    background-color: #00a5b5;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    border-radius: 2px;
    margin-right: 13px;
    padding-top: 3px
}

.pagination__item:hover {
    color: #fff
}

.pagination__item:active {
    color: #fff;
    background-color: #007b8b
}

.pagination__item--next, .pagination__item--prev {
    padding-top: 0
}

.pagination__item--current {
    background-color: #323e48;
    color: #fff
}

.pagination__item--current:hover {
    color: #fff
}

.pagination__item--inactive {
    background-color: rgba(0, 165, 181, .4);
    pointer-events: none
}

.card-default[href] {
    text-decoration: none
}

.card-default__image {
    display: block;
    width: 100%;
    height: auto
}

.card-default__content {
    padding: 30px 24px;
    background-color: #fff
}

.card-default__title {
    margin-top: 0;
    margin-bottom: 0;
    color: #54565a;
    font-size: 18px;
    text-transform: uppercase
}

.card-default__link {
    margin-top: 20px
}

.card-review {
    display: grid;
    grid-template-areas:"date name" "text text";
    grid-template-columns:60px auto;
    grid-template-rows:min-content auto;
    width: 100%;
    gap: 30px 16px
}

.card-review__date, .card-review__name {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0
}

.card-review__date {
    justify-content: center;
    padding: 10px;
    color: #fff;
    text-align: center;
    background-color: #00a5b5;
    grid-area: date;
    font-size: 14px;
    line-height: 1.4
}

.card-review__name {
    grid-area: name;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.06em
}

.card-review__text {
    position: relative;
    grid-area: text;
    margin-top: 0;
    margin-bottom: 0;
    padding: 25px 30px;
    line-height: 1.5;
    background-color: #fff
}

.card-review__text::before {
    content: "";
    position: absolute;
    top: -19px;
    left: 79px;
    border: 19px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent
}

.mx--block {
    display: block
}

.mx--p--0 {
    padding: 0
}

.mx--pt--0 {
    padding-top: 0
}

.mx--color--black {
    color: #000
}

.mx--color--secondary {
    color: #007b8b
}

.mx--text--uppercase {
    text-transform: uppercase
}

.mx--margin-top--10 {
    margin-top: 10px
}

.mx--margin-left--10 {
    margin-left: 10px
}

@media (min-width: 380px) {
    .page-header--sticky .lang {
        display: flex
    }

    .page-header--sticky .btn--booking.cookie-notification__button, .page-header--sticky .btn.btn--booking {
        right: 75px
    }
}

@media (min-width: 480px) {
    .page-header--sticky .main-menu {
        background-color: transparent
    }

    .page-header--sticky .main-menu__btn {
        width: 120px;
        font-size: 14px
    }

    .equipment__item {
        width: 50%;
        padding-right: 20px;
        box-sizing: border-box
    }

    .equipment__svg {
        width: 50px;
        min-width: 50px;
        height: 50px
    }
}

@media (min-width: 767px) {
    .about__desc > p:first-child {
        margin-top: 0
    }

    .card--services {
        display: flex
    }

    .card--services .card__image-area {
        min-width: 280px;
        width: 280px;
        height: 160px;
        align-self: flex-start;
        margin-right: 25px
    }

    .card--services .card__title {
        margin-top: 0
    }

    .card__image-area {
        height: 345px
    }

    .gallery__item {
        width: calc(33.33% - 40px / 3);
        margin-right: 20px;
        margin-bottom: 20px
    }

    .gallery__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .about__entry {
        display: flex
    }

    .about__image {
        max-width: 360px;
        margin-right: 40px;
        align-self: flex-start;
        flex-shrink: 0
    }

    .columns--2 .columns__item {
        width: calc((100% - 40px) / 2)
    }

    .columns--2 .columns__item:nth-child(2n-1) {
        margin-right: 40px
    }
}

@media (min-width: 992px) {
    .columns--2 .columns__item {
        width: calc((100% - 60px) / 2)
    }

    .columns--2 .columns__item:nth-child(2n-1) {
        margin-right: 60px
    }
}

@media (max-width: 1140px) {
    .section--gallery-detail {
        min-height: calc(100vh - 560px)
    }
}

@media (max-width: 991px) {
    .gallery__title {
        font-size: 22px
    }
}

@media (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: 767px) {
    .section--gallery-detail {
        min-height: 0
    }

    .smart-card {
        position: static;
        max-width: 100%;
        padding: 16px
    }

    .smart-card, .smart-card.card-shown {
        transform: none
    }

    .smart-card__container.container-image {
        width: 96px
    }

    .smart-card__button.button-close {
        display: none
    }

    .tl-widgets-container {
        z-index: 20 !important
    }

    .blocking.-subscription-center .blocking__block {
        padding-bottom: 30px
    }

    .blocking.-subscription-center .form__row {
        flex-direction: column
    }

    .blocking.-subscription-center .form__field:not(:last-child) {
        margin-right: 0;
        margin-bottom: 9px
    }

    .blocking.-subscription-center .blocking__content, .blocking.-subscription-center .blocking__text, .blocking.-subscription-center .blocking__title {
        padding-left: 20px;
        padding-right: 20px
    }

    .blocking.-subscription-center .blocking__text, .blocking.-subscription-center .blocking__title {
        margin-bottom: 20px
    }

    .subscription-card__content {
        display: block
    }

    .subscription-card__button {
        margin-top: 16px;
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .table__item, .table__value {
        display: block
    }

    .table__item {
        padding-bottom: 0;
        margin-bottom: 10px
    }

    .table__value {
        border-top: none;
        padding-top: 0
    }

    .card--restaurants .card__image-area, .card--room .card__image-area {
        height: 300px
    }

    .card__overlay {
        flex-direction: column;
        padding: 10px 15px;
        font-size: 16px
    }

    .card__price {
        margin-bottom: 10px;
        margin-right: 0
    }

    .card__more {
        margin-top: 20px;
        justify-content: flex-start
    }

    .b-404__image {
        width: 100%
    }
}

@media (max-width: 380px) {
    .card__title {
        font-size: 21px
    }

    .pagination__item {
        width: 28px;
        height: 31px;
        font-size: 16px
    }
}

@media (max-width: 375px) {
    .page-footer {
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

    .page-footer .pay {
        margin-bottom: 40px
    }
}

@media (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
    }
}
/* End */


/* Start:/bitrix/templates/mobile/public/css/custom.css?177504116716585*/
.b-open-info .main-list li {
    padding-bottom: 5px
}

.b-open-info .main-list li.b-info {
    position: relative;
    padding: 0 0 5px 26px
}

.b-open-info .main-list li.b-info:before {
    position: absolute;
    left: 5px;
    top: 0;
    content: '\25CF';
    color: #00a5b5
}

.b-open-info .list:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 5px
}

.b-info > .container {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: .3s ease opacity;
    -moz-transition: .3s ease opacity;
    transition: .3s ease opacity
}

.b-info .link {
    text-decoration: none;
    border-bottom: 1px dotted #00a5b5
}

.b-info .link:hover {
    color: #007b8b;
    border-bottom: 1px dotted #007b8b
}

.b-info .close, .b-info .open {
    text-decoration: none;
    color: #000;
    font-weight: 700;
    text-transform: lowercase;
    transition: opacity .3s ease
}

.b-info .close:after, .b-info .open:after {
    content: ' ';
    display: inline-block;
    margin-left: 8px;
    line-height: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.b-info .close > .text, .b-info .open > .text {
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    color: inherit;
    text-decoration: none;
    border: 0
}

.b-info .close:hover, .b-info .open:hover {
    opacity: .65
}

.b-info .close:hover > .text, .b-info .open:hover > .text {
    color: inherit;
    border: 0;
    text-decoration: none
}

.b-info .open:after {
    border-top: 7px solid #000
}

.b-info .open:hover:after {
    border-top-color: #000
}

.b-info .close:after {
    border-bottom: 7px solid #000
}

.b-info .close:hover:after {
    border-bottom-color: #000
}

.b-info.state-open .open {
    visibility: hidden
}

.b-info.state-open > .container {
    opacity: 1;
    max-height: 100%
}

.b-info.contact-container {
    display: grid;
    grid-template-columns:auto 316px;
    gap: 45px 172px
}

.container-mobile {
    padding: 0 15px;
}

.container-mobile p:first-child {
    padding: 0 0 20px 0;
    margin: 0;
}

.tags-container {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    gap: 15px;
    text-align: center;
}

.-offers .tile__overlay {
    width: auto;
    height: 30px;
    top: auto;
    left: 0;
    padding: 15px;
    right: 0;
    bottom: 0;
}

.-offers .tile.-type-offer {
    position: relative;
}

.-offers .tile__name {
    color: #fff;
}

.-offers .slider__item {
    margin: 0 15px;
}

.-offers a.mx-fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.conference-card_slider .conference-card{
    margin: 15px;
    height: auto;
}


@media (max-width: 768px) {
    .-offers .tile__overlay {
        width: auto;
        height: 15px;
        width: 1000%;
        overflow: hidden;
    }
}

@media (max-width: 985px) {
    .b-slideshow.type-full {
        width: 100% !important;
    }
    .-rooms-detail .slick-slide{
        width: 100%;
    }
    .b-rooms.type-detail {
        overflow: hidden;
    }
    .slider.-rooms .tile.-type-room {
        padding: 0 15px;
    }

    .slider.-rooms .tile__price{
        padding: 15px 0;
    }
}

.mx-fill {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.mx-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}

.tile.-type-room .tile__overlay {
    background-color: rgba(50, 62, 72, .8);
    height: auto;
    position: absolute;
    bottom: 0;
    top: auto;
    padding: 5px 20px;
    overflow: hidden;
    transition: all .3s;
}

.tile.-type-room .tile__image {
    flex: 1;
    position: relative;
}

.tile.-type-room {
    height: 400px;
    margin: 0 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.-rooms .tile__description {
    display: none;
}

.-rooms .tile__name {
    color: #fff;
    width: 100%;
    padding: 10px;
    font-size: 1.3em;
}

.-rooms .tile__price {
    margin: 20px 0;
    font-size: 1.3em;
}

@media(max-width: 700px){
    .-rooms .tile__price {
        margin: 10px 0;
        font-size: 1.3em;
    }
}

.slider.-conferences .card{
    min-height: 240px;
}

.slider.-conferences .card {
    margin: 15px !important;
}

@media(max-width: 480px){
    .conference-card_slider .conference-card {
        margin: 6px;
    }
}

.restaurant-card__image {
    overflow: hidden;
}

.b-special.type-list .card__image {
        position: relative;
}

.b-special.type-list .card {
    height: fit-content;
    margin: 15px;
}

.tabs-nav_with-shadow{
    margin: 0 15px;
}

.news-container .card{
    position: relative;
    margin: 15px;
    margin-bottom: 30px;
}

.card__image {
    position: relative;
    min-height: 200px;
}

.news-container .card .card__text br{
    display: none;
}

.news-container .card .card__text a{
    margin-top: 15px;
    display: inline-block;

}

.news-container .card .card__text .name .h2 a{
    text-decoration: none;
    font-size: 0.8em;
}

@media (max-width: 480px) {
    .conference-card_slider .conference-card {
        margin-bottom: 30px;
    }
}

.slider.-conferences .card__text {
    margin-top: 15px;
}

.slider.-conferences .card__property.icon-document.js-fancybox {
    display: none;
}

.slider.-conferences .card__text a {
    display: block;
    margin-top: 10px;
}

.b-content.type-inner {
    padding: 0 15px;
}

.ng-scope {
    margin-top: 15px;
}

.service_slider_container .mx-image {
    position: relative;
}

.slider--simple.slider--news .card-default[href] {
    width: 100%;
}

@media (max-width: 768px) {
    .service_slider_container .slider__item {
        margin: 0 2px !important;
    }
    .service_slider_container .tile__overlay {
        width: auto !important;
    }
}

.type-infographics .mx-image {
    position: relative;
}

.category-slider_new .mx-image {
    position: relative;
}

.category-slider_new h2{
    padding: 0 15px;
}

-restaurants-mobile .mx-image{
    position: relative;
}

.-restaurants-mobile .card {
    margin: 0 15px !important;
}

.-restaurants-mobile .b-button{
    margin-top: 20px;
}

.ng-scope {
    padding: 0 15px;
}

.b-table th {
    padding: 8px;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    background-color: #323e48;
}

.b-form.type-hallclaim .b-table td {
    font-size: 0.8em;
}

.ng-scope br {
    display: none;
}

.setup .item.ng-binding.ng-scope{
    list-style:none;
    margin-left: 0;
    padding-left: 0;
}

ul.setup {
    margin-left: 0;
    padding-left: 0;
}

.b-form .field {
    display: flex;
    width: 100% !important;
    margin: 20px 0 !important;
    flex-flow: column;
    gap: 10px;
}

.b-form .field.type-half .name {
    width: 100%;
}

.b-category.type-detail .-conferences .mx-image {
    z-index: -1;
}

.b-category.type-detail .-conferences .card__title {
    position: absolute;
    top: 10px;
    background-color: rgba(84, 86, 90, .85);
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    padding: 13px 20px;
    z-index: 1;
    left: 0;
    text-decoration: none;
    text-transform: uppercase;
}

/* IGOR */

.b-category.type-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1210px;
    position: relative;
    margin: 0 auto;
}
.b-form-ajax {
    position: relative;
    z-index: 1;
}

.vue-form.-events-filter {
    width: 100%;
    margin-bottom: 20px;
}

.vue-form.-events-filter .vue-form__calendar {
    min-height: 170px
}

.vue-form.-events-filter .vue-form__all-dates, .vue-form.-events-filter .vue-form__items {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.vue-form.-events-filter .vue-form__all-dates {
    display: inline-flex
}

.vue-form.-events-filter .vue-form__button {
    display: flex;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.vue-form.-events-filter .vue-form__button .vue-form__button-checkbox:checked + .vue-form__button-label, .vue-form.-events-filter .vue-form__button:hover .vue-form__button-label {
    color: #fff;
    background-color: #00a5b5
}

.vue-form.-events-filter .vue-form__button-label {
    display: flex;
    align-items: center;
    padding: 16px 19px;
    color: #54565a;
    background-color: #fff;
    transition: all .3s
}

.vue-form.-events-filter .vue-form__button .vue-form__button-checkbox:checked + .vue-form__button-label, .vue-form.-events-filter .vue-form__button:hover .vue-form__button-label {
    color: #fff;
    background-color: #00a5b5
}

.vue-form.-events-filter .vue-form__button-label {
    display: flex;
    align-items: center;
    padding: 16px 19px;
    color: #54565a;
    background-color: #fff;
    transition: all .3s
}

.cal-cell.cell[selected], .cell-content[selected], .month-cell.cell[selected] .cell-content {
    background-color: #00a5b5 !important
}

.drag-calendar .days .cell[data-v-5af1977c][selected] {
    color: #fff !important
}

.drag-calendar .days .cell.first[data-v-5af1977c]:not([selected]) {
    background-color: rgba(0, 165, 181, .1) !important
}

.drag-calendar .days .cell[data-v-5af1977c] {
    color: #54565a !important
}

.drag-calendar .days .cell.first[data-v-5af1977c] {
    color: #323e48 !important
}

.drag-calendar .days .cell .day[data-v-5af1977c], .drag-calendar .months .cell .cell-content[data-v-5af1977c] span:nth-child(2) {
    font-weight: 300 !important
}

.drag-calendar .months .cell:not([selected=selected]) .cell-content[selected=selected][data-v-5af1977c] {
    width: 100% !important
}

.drag-calendar .cal-cell[selected=selected] .cell-content div[data-v-5af1977c], .drag-calendar .cal-cell[selected=selected][data-v-5af1977c], .drag-calendar .month-cell[selected=selected] .cell-content div[data-v-5af1977c], .drag-calendar .month-cell[selected=selected][data-v-5af1977c] {
    transform: none !important
}

.month-cell.past {
    display: none !important
}

.drag-calendar .days .cell.today .day-number[data-v-5af1977c] {
    color: inherit !important;
    text-decoration: none !important
}

.drag-calendar .cal-cell[selected=selected][data-v-5af1977c], .drag-calendar .month-cell[selected=selected][data-v-5af1977c], .drag-calendar .months .cell:not([selected=selected]) .cell-content[selected=selected][data-v-5af1977c], .drag-calendar .months .cell[selected=selected] .cell-content[data-v-5af1977c] {
    border-radius: 5px !important
}

.drag-calendar .days .cell[data-v-5af1977c] {
    padding: 1.25em !important
}

.drag-calendar .months .cell[data-v-5af1977c] {
    padding: 0 10px !important
}

.drag-calendar .months .cell[data-v-5af1977c]:not(.past) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.drag-calendar .months .cell[selected=selected] .cell-content[data-v-5af1977c]:not(.month-name) {
    width: 100%;
    margin-top: 0 !important;
    padding: 9px 0 !important
}

.drag-calendar .months .cell:not([selected=selected]) .cell-content[selected=selected][data-v-5af1977c] {
    margin-top: 0 !important;
    padding: 9px 0 !important
}

.drag-calendar .cal-cell[selected=selected] .cell-content .day-number[data-v-5af1977c], .drag-calendar .month-cell[selected=selected] .cell-content .day-number[data-v-5af1977c] {
    margin-bottom: 0 !important
}

.content-filter {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: 20px
}

.content-filter__left-column {
    flex-grow: 1
}

.content-filter__right-column {
    flex-shrink: 0;
    width: 230px;
    margin-left: 20px
}

.content-filter__items {
    display: flex;
    flex-direction: column
}

.content-filter__item {
    flex-grow: 1
}

.content-filter__item .content-filter__button-label {
    width: 100%
}

.content-filter__button {
    display: flex;
    text-transform: uppercase;
    cursor: pointer
}

.content-filter__button .content-filter__button-checkbox:checked + .content-filter__button-label, .content-filter__button:hover .content-filter__button-label {
    color: #fff;
    background-color: #00a5b5
}

.content-filter__button-label {
    display: flex;
    align-items: center;
    padding: 16px 18px;
    color: #54565a;
    background-color: #f7f7f7;
    transition: all .3s
}


.filter-card-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

.filter-card-list__item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.filter-card-list__item:not(:nth-of-type(2n)) {
    margin-right: 20px
}

.filter-card-list__image-container {
    position: relative;
    z-index: 1;
    min-height: 240px
}

.filter-card-list__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.filter-card-list__image-label, .filter-card-list__image-title {
    position: absolute;
    left: 0;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(84, 86, 90, .8)
}

.filter-card-list__image-label {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 20px;
    box-sizing: border-box;
}

.filter-card-list__image-title {
    top: 10px;
    max-width: calc(100% - 10px);
    padding: 13px 20px;
    font-size: 16px;
    line-height: 25px;
    text-decoration: none
}

.filter-card-list__image-right-overlay {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    min-height: 40px;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, .8)
}

.filter-card-list__image-right-overlay .b-icon:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 19px
}

.filter-card-list__image-right-overlay-item {
    display: flex;
    align-items: center
}

.filter-card-list__image-right-overlay-item:not(:first-child) {
    margin-top: 12px
}

.filter-card-list__content {
    padding: 20px;
    background-color: #fff
}

.filter-card-list__content a {
    color: #007b8b;
}

.filter-card-list__content a:hover {
    color: #00a5b5;
}

.filter-card-list__title {
    color: inherit;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 25px;
    font-weight: 400;
    line-height: 1;
}

.filter-card-list__bottom, .filter-card-list__text {
    margin-top: 18px;
    margin-bottom: 0;
    line-height: 1.5;
}

.filter-card-list__bottom a {
    color: #007b8b;
}

.filter-card-list__bottom a:hover {
    color: #00a5b5;
}

.b-form-ajax {
    position: relative;
    z-index: 1
}

.b-form-ajax.-show:before {
    content: none
}

.b-form-ajax.-show #events-content, .b-form-ajax.-show .vue-from {
    opacity: 1
}

.b-form-ajax:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(https://www.hotelcosmos.ru/upload/ui/loader.gif);
    background-repeat: no-repeat;
    background-position: center
}

.b-form-ajax #events-content, .b-form-ajax .vue-from {
    opacity: 0
}

ol, ul {
    list-style: none;
}

.mobile-padding {
    padding: 0 10px;
}

.mobile-padding {
    line-height: 1.5;
}

.hc-share-block {
    line-height: 24px;
    color: #00a5b5;
    margin: 30px 0;
    display: flex;
}

.hc-share-block .hc-share-label {
    margin: 0 11px 0 0;
}

.hc-share-block .hc-share-item.hc-share-vk {
    background-position: 0 0;
}

.hc-share-block .hc-share-item.hc-share-ok {
    background-position: -72px 0;
}

.hc-share-block .hc-share-item.hc-share-tg {
    background-position: -96px 0;
}

.hc-share-block .hc-share-item {
    background-image: url(/upload/ui/hc-share-v2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 6px 0 0;
}

@media (max-width: 768px) {
    .content-filter {
        flex-direction: column-reverse;
    }

    .vue-form__all-dates {
        margin: 0 20px;
    }

    .content-filter__items {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .content-filter__right-column {
        margin: 0 20px;
        width: inherit;
    }

    .content-filter__left-column {
        padding: 20px 20px 0 20px;
    }
}

@media (max-width: 768px) {
    .filter-card-list__content {
        padding: 10px;
    }
}

/* End */


/* Start:/bitrix/templates/common/public/custom/css/central-popup.css?17127516631638*/
.central-popup{display:none;position:fixed;top:0;width:100%;height:100%;z-index:99999}.central-popup--open{display:flex}.central-popup--mobile .central-popup__container{max-width:288px;min-height:288px}.central-popup__background{background-color:#0c0c0c;opacity:.65;position:fixed;width:100%;height:100%}.central-popup__container{position:relative;display:flex;width:100%;max-width:660px;min-height:340px;margin:auto;text-decoration:none}.central-popup__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:95px 70px;border-radius:5px}.central-popup__content::before{content:"";position:absolute;top:0;right:0;z-index:1;width:140px;height:140px;background-image:linear-gradient(225deg,rgba(0,0,0,.6) 0%,transparent 50%);pointer-events:none}.central-popup__image{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.central-popup__hidden-text{margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);position:absolute}.central-popup__title{margin:0;font-size:28px;line-height:34px;font-weight:700;text-transform:uppercase}.central-popup__close{position:absolute;top:20px;right:20px;z-index:1;height:20px;width:20px;padding:0;border:0;background:0 0;cursor:pointer;outline:0;opacity:.9}.central-popup__close:hover{opacity:.75}.central-popup__close::after,.central-popup__close::before{content:'';position:absolute;top:50%;left:0;z-index:1;width:100%;height:3px;background:#fff}.central-popup__close::before{transform:rotate(-45deg)}.central-popup__close::after{transform:rotate(45deg)}
/* End */
/* /bitrix/templates/mobile/public/css/style.css?175310092993432 */
/* /bitrix/templates/mobile/public/css/custom.css?177504116716585 */
/* /bitrix/templates/common/public/custom/css/central-popup.css?17127516631638 */