/* Start:/local/templates/status-test/css/fonts.css?1720092854829*/ @font-face { font-family: "New York Large"; src: url("/local/templates/status-test/css/../fonts/NewYorkLarge-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: "New York Large"; src: url("/local/templates/status-test/css/../fonts/NewYorkLarge-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; } @font-face { font-family: "New York Large"; src: url("/local/templates/status-test/css/../fonts/NewYorkLarge-Semibold.ttf") format("truetype"); font-style: normal; font-weight: 600; } @font-face { font-family: "New York Large"; src: url("/local/templates/status-test/css/../fonts/NewYorkLarge-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; } @font-face { font-family: "New York Large"; src: url("/local/templates/status-test/css/../fonts/NewYorkLarge-Heavy.ttf") format("truetype"); font-style: normal; font-weight: 800; } /* End */ /* Start:/local/templates/status-test/css/hystmodal.min.css?17218114714550*/ :root{--hystmodal-speed: .2s;--hystmodal-zindex: 70}.hystmodal{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none;display:grid;grid-template-columns:100%;grid-template-rows:0px min-content 0px;justify-content:center;align-content:space-between;visibility:hidden;scrollbar-width:none;-ms-overflow-style:none}.hystmodal::-webkit-scrollbar{display:none}.hystmodal:before{position:fixed;top:0;left:0;width:100%;height:100%;content:"";display:block;background-color:#000;opacity:0;pointer-events:none}.hystmodal--animated:before{transition:opacity var(--hystmodal-speed) ease}.hystmodal--active:before{opacity:.6}.hystmodal--moved,.hystmodal--active{opacity:1;pointer-events:none;visibility:visible}.hystmodal--active{pointer-events:auto}.hystmodal__wrap{display:block;min-width:0;grid-row:2 / 3}.hystmodal__window{min-width:0;grid-row:2 / 3;position:relative;z-index:10;box-sizing:border-box;flex-shrink:0;flex-grow:0;background:#fff;width:600px;max-width:100%;overflow:visible;transform:scale(.95);opacity:0;margin:50px auto}.hystmodal__window--loading{min-height:400px;background-image:url("data:image/svg+xml,%0A%3Csvg width='105' height='105' viewBox='0 0 105 105' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='0s' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='52.5' r='12.5' fill-opacity='.5'%3E%3Canimate attributeName='fill-opacity' begin='100ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='300ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='600ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='800ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='400ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='700ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='500ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='200ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");background-position:50%;background-repeat:no-repeat;background-size:48px}.hystmodal--animated .hystmodal__window{transition:transform var(--hystmodal-speed) ease 0s,opacity var(--hystmodal-speed) ease 0s}.hystmodal--active .hystmodal__window{transform:none;opacity:1}.hystmodal__close{position:absolute;z-index:10;top:15px;right:15px;display:block;width:25px;height:25px;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");background-size:100% 100%;border:none;font-size:0;cursor:pointer;outline:none}.hystmodal__close--wh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E")}.hystmodal__close:hover{opacity:.95}.hystmodal__close:focus{outline:2px dotted rgba(0,0,0,.7);outline-offset:2px}.hystmodal__close--wh:focus{outline:2px dotted rgba(255,255,255,.7)}@media all and (max-width:767px){.hystmodal__close{top:10px;right:10px;width:24px;height:24px}.hystmodal__window{margin-top:0;margin-bottom:0}} /* End */ /* Start:/local/templates/status-test/css/swiper-bundle.min.css?173996988715829*/ /** * Swiper 8.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 4, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/status-test/components/bitrix/menu/status-horizontal/style.min.css?17210287763715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/status-test/components/bitrix/menu/status-horizontal/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/status-test/components/bitrix/menu/status-horizontal/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/status-test/components/bitrix/menu/status-horizontal/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/status-test/components/bitrix/menu/status-main-mobile/style.min.css?17210346962111*/ ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/status-test/components/bitrix/menu/status-main-mobile/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/local/templates/status-test/components/bitrix/menu/status-main-mobile/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/status-test/components/bitrix/menu/status-main-mobile/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/local/templates/status-test/components/bitrix/menu/status-main-mobile/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/local/templates/status-test/components/bitrix/menu/status-main-mobile/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block} /* End */ /* Start:/local/templates/status-test/components/bitrix/news.list/promo-swiper/style.css?1720714128241*/ div.news-list img.preview-picture { float:left; margin:0 4px 6px 0; } p.news-item { margin:0; margin-bottom:15px; } .news-date-time { font-size:95%; display:block; color:#82929a; } .preview-picture { border: 1px solid #E4E7E9; } /* End */ /* Start:/local/templates/status-test/styles.css?1789717774162221*/ /* room-page swiper отношения картинок конец*/ /* главные стили */ :root { --status-header-height: 80px; --bx-panel-height: 0px; --full-header-height: calc(var(--bx-panel-height) + var(--status-header-height)); --promo-modal-margin-top: calc(var(--full-header-height) + 49px); /*--primary-gold: #F9C783;*/ --primary-gold: #ffffff; --dropdown-svg: url('/local/templates/status-test/img/dropdown-arrow.svg'); --swiper-navigation-color: #BBBBBB; --swiper-navigation-sides-offset: 0px; /*--current-swiper-bottom-padding: 0px;*/ } * { font-family: "Open Sans",sans-serif; box-sizing: border-box; } *:focus { outline: none !important; } *:has(> .status-full-sz-link) { position: relative; } html { scroll-behavior: smooth; } html, body { height: 100%; counter-reset: foldable; } .body-wrapper { min-height: 100%; display: flex; flex-direction: column; } body { overflow-x: hidden; } body:has(.header-container.header-menu-opened) { overflow-y: hidden; touch-action: none; } main { flex: 1 1 auto; } /* bg video */ .with-media-bg .main__bg_full-size *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ .with-media-bg .main__bg_full-size *::-webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works! */ .with-media-bg .main__bg_full-size *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } /* bg video */ .container { margin: 0 auto; padding: 0 20px; max-width: 1200px; } .container::before, .container::after { content: unset; } picture { display: block; } picture > img { width: 100%; height: 100%; object-fit: cover; opacity: 1; /*background: url('/local/templates/status-test/img/photo-zaglushka-dark.png');*/ background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; align-items: center; } .booking__title { color: var(--primary-gold)!important; } .review-header__source-logo > img { background: transparent; } h1,h2,h3,h4,h5,h6 { font-family: New York Large; margin: 0; padding: 0; text-align: center; letter-spacing: -0.01em; } p { padding: 0; margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } /* условия оплаты окно */ #paymentRules ul { list-style: '- '; } #paymentRules .hystmodal__window.modal-include__window { max-width: 750px; } #paymentRules { padding-top: 40px; } .modal-include.hystmodal--active:before { opacity: .4; } /* условия оплаты окно */ a, a:hover { text-decoration: none; color: #000; } *:has(> .swiper) { padding-left: var(--current-swiper-side-padding, 0px); padding-right: var(--current-swiper-side-padding, 0px); padding-bottom: var(--current-swiper-bottom-padding, 0px); } .status__swiper-btn { --swiper-navigation-top-offset: calc(50% - var(--current-swiper-bottom-padding)/2); } .status__swiper-btn::after { --swiper-navigation-size: 20px; } .status__swiper-pagination { --swiper-pagination-bottom: 0; --swiper-pagination-bullet-border-radius: 0; --swiper-pagination-bullet-horizontal-gap: 15px; --swiper-pagination-color: #000000; --swiper-pagination-bullet-inactive-color: #BBBBBB; --swiper-pagination-bullet-size: 4px; --swiper-pagination-bullet-active-size: 6px; --swiper-pagination-bullet-inactive-opacity: 1; display: flex; justify-content: center; align-items: center; } .status__swiper-pagination .swiper-pagination-bullet { transition: all .3s; } .status__swiper-pagination .swiper-pagination-bullet-active { height: var(--swiper-pagination-bullet-active-size); width: var(--swiper-pagination-bullet-active-size); } .status-site__btn, .status-site__btn_reverse { display: flex; justify-content: center; align-items: center; text-align: center; outline: 0; border: none; cursor: pointer; position: relative; -webkit-transition: all .3s; transition: all .3s; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; z-index: 2; box-sizing: border-box; line-height: 1.5; font-weight: 700; /*--outer-bg: #fff; --outer-border: none; --inner-bg: none: --inner-border: 1px solid #000; --hover-color*/ } .status-site__btn::before, .status-site__btn::after, .status-site__btn_reverse::before, .status-site__btn_reverse::after { box-sizing: border-box; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s; transition: all .3s; } .status-site__btn::before, .status-site__btn_reverse::before { background: var(--inner-bg, none); border: var(--inner-border, 1px solid #000); } .status-site__btn::after, .status-site__btn_reverse::after { background: var(--outer-bg, #ffffff); border: var(--outer-border, none); } .status-site__btn::before { z-index: 1; } .status-site__btn::after { opacity: 0; -webkit-transform: scale(.5,.5); transform: scale(.5,.5); } .status-site__btn:hover::before { opacity: 0; -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .status-site__btn:hover::after { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); } .status-site__btn_reverse::before { z-index: 1; } .status-site__btn_reverse::after { opacity: 0; -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); pointer-events: none; } .status-site__btn_reverse:hover::before { opacity: 0; -webkit-transform: scale(.5,.5); transform: scale(.5,.5); -webkit-transition: all .3s; transition: all .3s; } .status-site__btn_reverse:hover::after { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); } .status-site__btn_reverse span, .status-site__btn span { position: relative; font-weight: inherit; line-height: inherit; letter-spacing: 3px; z-index: 2; text-transform: uppercase; color: inherit; font-size: inherit; font-family: inherit; display: flex; justify-content: center; align-items: center; } .status-site__btn_reverse:hover span, .status-site__btn:hover span { color: var(--hover-color, #000); } .border-link { position: relative; } .border-link::before { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .border-link:hover::before { width: 100%; } /* обложка с рамками */ .with__bg-blocks { position: relative; z-index: 1; overflow: hidden; } .bg-block__link-overlay, .bg-block__picture-overlay, .bg-block__contour-overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: transparent; } .bg-block__link-overlay { z-index: 1; } .bg-block__picture-overlay { z-index: -1; object-fit: cover; } .bg-block__content-overlay { z-index: 2; position: relative; height: 100%; width: 100%; background: transparent; padding: 0 30px; pointer-events: none; } .bg-block__content-overlay .status-site__btn { pointer-events: all; } .bg-block__contour-overlay { z-index: 0; } .contour { width: 100%; height: 100%; position: absolute; top: 0; padding: var(--contour-padding, 20px); } .contour__container { position: relative; width: 100%; height: 100%; overflow: hidden; } .contour__line_top, .contour__line_right, .contour__line_bottom, .contour__line_left { display: inline-block; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; position: absolute; background: #fff; } .contour__line_top { width: 100%; height: 2px; transition-delay: 0.3s; top: 0; left: 0; transform: translateX(-101%); } .contour__line_right { transition-delay: 0.2s; right: 0; height: 100%; width: 2px; top: 0; transform: translateY(-101%); } .contour__line_bottom { width: 100%; height: 2px; transition-delay: 0.1s; bottom: 0; right: 0; transform: translateX(101%); } .contour__line_left { height: 100%; width: 2px; left: 0; bottom: 0; transform: translateY(101%); } .with__bg-blocks:hover .contour__line_top { transition-delay: revert; transform: translateX(0); } .with__bg-blocks:hover .contour__line_right { transition-delay: 0.1s; transform: translateY(0); } .with__bg-blocks:hover .contour__line_bottom { transition-delay: 0.2s; transform: translateX(0); } .with__bg-blocks:hover .contour__line_left { transition-delay: 0.3s; transform: translateY(0); } .moving-underline-link { overflow: hidden; position: relative; display: inline-block; padding-bottom: 10px; } .moving-underline-link::after { content: ' '; position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; height: 3px; background: #000; transition: .3s ease-in-out; transform: translateX(-101%); z-index: 0; } .moving-underline-link:hover::after { transform: translateX(0px); } /* обложка с рамками конец */ /* карточка-книжка */ .fold-card { width: 100%; height: 916px; position: relative; display: flex; justify-content: flex-start; counter-increment: foldable; } .fold-card.inverted { justify-content: flex-end; } .fold-card.inverted .fold-card__img { right: auto; left: 0; } .fold-card__img { position: absolute; z-index: 0; top: 0; right: 0; width: 700px; height: 100%; display: block; float: right; } .fold-card__info { background: #fff; position: relative; z-index: 1; box-shadow: 0px 0px 30px 0px rgba(33, 33, 39, 0.1); display: flex; flex-direction: column; justify-content: space-between; gap: 36px; padding: 86px 100px; width: 620px; min-height: 800px; align-self: center; } .fold-card__info:not(:has(.fold-card__info-footer)) { justify-content: flex-start; } .fold-card__info-header { color: #A8A8A8; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 24px; } .fold-card__order-num { font-size: 14px; font-weight: 400; line-height: 17px; text-align: center; } .fold-card__order-num::before { content: counter(foldable, decimal-leading-zero); } .fold-card__header-divider { background: #A8A8A8; height: 1px; width: 100px; } .fold-card__header-name { font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 4px; text-align: center; text-transform: uppercase; } .fold-card__info-body { display: flex; flex-direction: column; gap: 36px; } .fold-card__title { color: #000; font-size: 40px; font-weight: 500; line-height: 130%; text-align: left; } .fold-card__description { color: #000; font-size: 16px; font-weight: 300; line-height: 200%; text-align: left; } .fold-card__description ul { display: flex; flex-direction: column; gap: 8px; } .fold-card__description ul li:before { content: "- "; } .fold-card__info-footer { width: 100%; } .fold-card__btn { padding: 17px 70px; width: 100%; } /* карточка-книжка конец */ /* фото-галерея(4слипшихся фотки) */ .photo-square { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; height: auto; } .photo-square__picture { height: auto; width: 100%; aspect-ratio: 1 / 1; } .photo-square__picture img { width: 100%; height: 100%; } /* фото-галерея(4слипшихся фотки) конец */ /* список контактных данных */ .contact-data_list { display: flex; flex-direction: column; gap: 14px; } .contact-data_list-item { font-family: New York Large; font-size: 24px; font-weight: 500; line-height: 31px; letter-spacing: -0.01em; text-align: left; color: #000; display: flex; align-items: flex-start; gap: 15px; } .contact-data_list-item::before { content: ' '; background-color: #000; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: left; mask-position: left; height: 1lh; width: 26px; } .contact-data_list-item.li-tel::before { -webkit-mask-image: url('/local/templates/status-test/img/li-tel.svg'); mask-image: url('/local/templates/status-test/img/li-tel.svg'); } .contact-data_list-item.li-email::before { -webkit-mask-image: url('/local/templates/status-test/img/li-email.svg'); mask-image: url('/local/templates/status-test/img/li-email.svg'); } .contact-data_list-item.li-address::before { -webkit-mask-image: url('/local/templates/status-test/img/li-map.svg'); mask-image: url('/local/templates/status-test/img/li-map.svg'); } .contact-data_list-item.li-schedule_round-the-clock::before { -webkit-mask-image: url('/local/templates/status-test/img/li-schedule_round-the-clock.svg'); mask-image: url('/local/templates/status-test/img/li-schedule_round-the-clock.svg'); } .contact-data_list-item.li-schedule_part-time::before { -webkit-mask-image: url('/local/templates/status-test/img/li-schedule_part-time.svg'); mask-image: url('/local/templates/status-test/img/li-schedule_part-time.svg'); } .contact-data_list-item a { font-family: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; font-size: inherit; color: inherit; } /* список контактных данных конец */ /* главные стили */ /* header */ .status-header { /*height: var(--status-header-height, 80px);*/ display: block; font-family: New York Large; z-index: 3; } .status-header * { color: #fff; font-family: New York Large; } .status-header a:hover { color: var(--primary-gold); } .header-container { width: 100%; height: var(--status-header-height, 80px); background: #000000; color: #fff; z-index: 1001; } .header-container.unscrolled { position: sticky; } .header-container:not(.unscrolled) { position: fixed; top: 0; left: 0; } .status-header__menu_mobile, .status-header__menu_desktop { position: relative; z-index: inherit; background: inherit; height: 100%; } .status-header__menu-block-list { height: 100%; display: grid; grid-template-columns: 1fr auto 1fr; background: inherit; } .status-header__menu-block { height: 100%; display: flex; background: inherit; } .status-header__menu-block.menu-block_left { justify-content: flex-end; } .status-header__menu-block.menu-block_right { justify-content: space-between; } .status-header__menu-content-wrapper_left, .status-header__menu-content-wrapper_right { flex: 2 2 auto; display: flex; align-items: center; background: inherit; } .status-header__menu-content-wrapper_left { justify-content: flex-end; } .status-header__menu-content-wrapper_right { justify-content: flex-start; } .status-header__menu-list { display: flex; align-items: center; height: 100%; background: inherit; } .status-header__menu-item { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 2vw; background: inherit; } .menu-item_lv1 { position: relative; } .status-header__status-phone > a, .menu-item_lv1 > a { font-size: 16px; font-weight: 500; line-height: 23px; letter-spacing: -0.01em; cursor: pointer; } .status-header__menu-item.menu-item_lv1:hover .status-header__menu-dropdown { display: block } .status-header__menu-item.menu-item_lv1:has(.status-header__menu-dropdown):hover > a { color: var(--primary-gold); } .status-header__menu-dropdown { display: none; position: absolute; width: 100%; top: 100%; z-index: 2; background: inherit; padding: 0 24px 10px; } .menu-list_lv2 { flex-direction: column; } .menu-item_lv2 { padding: 15px 0; } .menu-item_lv2:not(:last-child) { border-bottom: 1px solid #4E4E4E; } .menu-item_lv2 a { font-family: New York Large; font-size: 17px; font-weight: 500; line-height: 22px; letter-spacing: -0.01em; text-align: center; } .status-header__menu-block_center { width: 220px; background: inherit; } .status-main-page .header-container.unscrolled .status-header__menu-block_center { width: 280px; } .status-header__menu-logo-container { position: relative; width: 100%; overflow-y: visible; height: 100%; background: inherit; } .status-header__menu-logo { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } .status-full-sz-link { position: absolute; z-index: 2; display: block; height: 100%; width: 100%; top: 0; left: 0; right: 0; margin: auto; background: transparent; cursor: pointer; } .menu-logo_default { padding: 12px 35px; height: 100%; } .status-main-page .header-container.unscrolled .menu-logo_unscrolled { display: flex; } .menu-logo_unscrolled { display: none; position: absolute; z-index: 2; width: 100%; top: 0; left: 0; right: 0; gap: 10px; padding: 12px 30px 14px; margin: 0 auto; background: #000; transition: all .3s ease-in-out .1s; /*height: 189%;*/ height: 151px; } a.img-logo { display: contents; } a.img-logo img { width: 100%; height: 100%; object-fit: contain; } .status-header__menu_desktop .menu-logo_default a.img-logo img { width: 220px; height: 55px; } .status-header__menu_mobile .menu-logo_default a.img-logo img { width: 100px; height: 40px; } /*.header-container.booking-menu-opened .menu-logo_unscrolled,*/ .header-container.header-menu-opened .menu-logo_unscrolled { opacity: 0; visibility: hidden; transition: .3s ease-in-out; } .status__logo-vector { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='34' height='56' viewBox='0 0 34 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0144 53.0228C23.4235 53.569 22.7621 54.0462 22.0308 54.4544C24.9737 53.6068 27.5553 51.8757 29.4784 49.5622C31.7062 46.8821 33.0505 43.42 33.0505 39.6442V37.4087H24.4769C24.7804 37.7437 25.0632 38.0969 25.3248 38.4681C25.6646 38.9505 25.9711 39.4666 26.2431 40.0165C26.5883 40.7141 26.8473 41.4862 27.0197 42.3319C27.1917 43.1753 27.2778 44.0902 27.2778 45.0763C27.2778 46.1783 27.1537 47.2103 26.9056 48.172C26.6572 49.1349 26.2843 50.0263 25.7869 50.8455C25.2898 51.6643 24.6987 52.3903 24.0143 53.0228H24.0144ZM0.949383 16.3562V39.6441C0.949383 43.7382 2.53007 47.4636 5.10338 50.2232C7.67359 52.9793 11.2341 54.7727 15.1988 55.0085L15.3656 55.0104C16.1426 55.0104 16.8645 54.9388 17.531 54.7955C18.1953 54.6527 18.8067 54.4385 19.3642 54.153C19.9206 53.8685 20.4147 53.5242 20.8462 53.1208C21.2774 52.7177 21.6462 52.2553 21.9525 51.7341C22.2584 51.2132 22.4882 50.6423 22.6418 50.0218C22.7957 49.4001 22.8727 48.7278 22.8727 48.0053C22.8727 47.3502 22.7887 46.7481 22.6208 46.1995C22.4536 45.6526 22.2026 45.1571 21.8686 44.7133C21.5293 44.2628 21.1368 43.8433 20.6912 43.4554C20.2444 43.0662 19.744 42.708 19.19 42.3812C18.6297 42.0508 18.0413 41.7306 17.4252 41.4205C16.8081 41.11 16.1622 40.8091 15.4879 40.5179C14.8006 40.2213 14.1221 39.9188 13.4528 39.6104C12.7763 39.2986 12.0976 38.9757 11.4174 38.6417C10.7343 38.3071 10.0804 37.9412 9.45611 37.5445C8.82998 37.1465 8.23252 36.7172 7.66427 36.2568C7.09268 35.7937 6.57619 35.2777 6.11511 34.7095C5.65451 34.1416 5.2502 33.5226 4.90266 32.8527C4.55265 32.1779 4.29031 31.4299 4.11586 30.6087C3.94189 29.79 3.85487 28.8982 3.85487 27.9338C3.85487 26.9667 3.97549 26.0614 4.21666 25.218C4.45822 24.3734 4.82018 23.5936 5.30275 22.8786C5.76868 22.1879 6.30811 21.5751 6.91991 21.0398C7.51482 20.5192 8.17798 20.072 8.90833 19.6977L15.3859 0.981915C11.4095 1.16875 7.82797 2.92163 5.22695 5.6464C2.58055 8.41842 0.949306 12.1973 0.949306 16.3564L0.949383 16.3562ZM13.7459 8.64425L10.1186 19.1626C10.7056 18.9449 11.3098 18.7766 11.9311 18.6579C12.6751 18.5158 13.442 18.4446 14.2318 18.4446C14.7671 18.4446 15.2871 18.4764 15.7921 18.5392C16.1904 18.5887 16.5803 18.6582 16.9618 18.7471L13.7458 8.64433L13.7459 8.64425ZM11.9557 19.851C11.2069 20.1065 10.5757 20.4894 10.0626 20.9993C9.54895 21.5099 9.16343 22.0979 8.90666 22.7631C8.64901 23.4306 8.51994 24.1779 8.51994 25.0047C8.51994 25.5953 8.60147 26.1383 8.76454 26.6335C8.9272 27.1276 9.17131 27.5766 9.49656 27.9799C9.82913 28.3921 10.2147 28.7794 10.6535 29.1411C11.0939 29.5042 11.5901 29.8438 12.1414 30.1593C12.7001 30.4793 13.2832 30.7923 13.8905 31.0979C14.5015 31.4053 15.1381 31.7064 15.8 32.0008C16.4639 32.2963 17.1327 32.6078 17.8059 32.9347C18.4791 33.2616 19.1486 33.6004 19.814 33.9504C20.3328 34.2232 20.8342 34.5154 21.3183 34.8262C21.6511 35.0399 21.9759 35.2625 22.2926 35.4939L17.3049 19.8255C16.8971 19.7105 16.4744 19.6223 16.0372 19.5617C15.5715 19.4972 15.0879 19.4643 14.5861 19.4643C13.5877 19.4643 12.7107 19.5932 11.9556 19.851L11.9557 19.851ZM33.0506 36.4604V16.3562C33.0506 12.1128 31.3521 8.26484 28.6098 5.47793C25.8882 2.71198 22.1381 0.99114 17.9999 0.965408L30.1219 36.4604H33.0506ZM16.0942 0H17.9058C22.343 0 26.3667 1.83437 29.2809 4.79597C32.195 7.75758 34 11.8467 34 16.3562V39.6441C34 44.1536 32.195 48.2427 29.2809 51.2041C26.3667 54.1657 22.343 56 17.9058 56H16.0942C11.657 56 7.6333 54.1657 4.71914 51.2041C1.80498 48.2426 0 44.1536 0 39.6441V16.3562C0 11.8467 1.80498 7.75758 4.71914 4.79597C7.6333 1.83437 11.6569 0 16.0942 0Z' fill='white'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg width='34' height='56' viewBox='0 0 34 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0144 53.0228C23.4235 53.569 22.7621 54.0462 22.0308 54.4544C24.9737 53.6068 27.5553 51.8757 29.4784 49.5622C31.7062 46.8821 33.0505 43.42 33.0505 39.6442V37.4087H24.4769C24.7804 37.7437 25.0632 38.0969 25.3248 38.4681C25.6646 38.9505 25.9711 39.4666 26.2431 40.0165C26.5883 40.7141 26.8473 41.4862 27.0197 42.3319C27.1917 43.1753 27.2778 44.0902 27.2778 45.0763C27.2778 46.1783 27.1537 47.2103 26.9056 48.172C26.6572 49.1349 26.2843 50.0263 25.7869 50.8455C25.2898 51.6643 24.6987 52.3903 24.0143 53.0228H24.0144ZM0.949383 16.3562V39.6441C0.949383 43.7382 2.53007 47.4636 5.10338 50.2232C7.67359 52.9793 11.2341 54.7727 15.1988 55.0085L15.3656 55.0104C16.1426 55.0104 16.8645 54.9388 17.531 54.7955C18.1953 54.6527 18.8067 54.4385 19.3642 54.153C19.9206 53.8685 20.4147 53.5242 20.8462 53.1208C21.2774 52.7177 21.6462 52.2553 21.9525 51.7341C22.2584 51.2132 22.4882 50.6423 22.6418 50.0218C22.7957 49.4001 22.8727 48.7278 22.8727 48.0053C22.8727 47.3502 22.7887 46.7481 22.6208 46.1995C22.4536 45.6526 22.2026 45.1571 21.8686 44.7133C21.5293 44.2628 21.1368 43.8433 20.6912 43.4554C20.2444 43.0662 19.744 42.708 19.19 42.3812C18.6297 42.0508 18.0413 41.7306 17.4252 41.4205C16.8081 41.11 16.1622 40.8091 15.4879 40.5179C14.8006 40.2213 14.1221 39.9188 13.4528 39.6104C12.7763 39.2986 12.0976 38.9757 11.4174 38.6417C10.7343 38.3071 10.0804 37.9412 9.45611 37.5445C8.82998 37.1465 8.23252 36.7172 7.66427 36.2568C7.09268 35.7937 6.57619 35.2777 6.11511 34.7095C5.65451 34.1416 5.2502 33.5226 4.90266 32.8527C4.55265 32.1779 4.29031 31.4299 4.11586 30.6087C3.94189 29.79 3.85487 28.8982 3.85487 27.9338C3.85487 26.9667 3.97549 26.0614 4.21666 25.218C4.45822 24.3734 4.82018 23.5936 5.30275 22.8786C5.76868 22.1879 6.30811 21.5751 6.91991 21.0398C7.51482 20.5192 8.17798 20.072 8.90833 19.6977L15.3859 0.981915C11.4095 1.16875 7.82797 2.92163 5.22695 5.6464C2.58055 8.41842 0.949306 12.1973 0.949306 16.3564L0.949383 16.3562ZM13.7459 8.64425L10.1186 19.1626C10.7056 18.9449 11.3098 18.7766 11.9311 18.6579C12.6751 18.5158 13.442 18.4446 14.2318 18.4446C14.7671 18.4446 15.2871 18.4764 15.7921 18.5392C16.1904 18.5887 16.5803 18.6582 16.9618 18.7471L13.7458 8.64433L13.7459 8.64425ZM11.9557 19.851C11.2069 20.1065 10.5757 20.4894 10.0626 20.9993C9.54895 21.5099 9.16343 22.0979 8.90666 22.7631C8.64901 23.4306 8.51994 24.1779 8.51994 25.0047C8.51994 25.5953 8.60147 26.1383 8.76454 26.6335C8.9272 27.1276 9.17131 27.5766 9.49656 27.9799C9.82913 28.3921 10.2147 28.7794 10.6535 29.1411C11.0939 29.5042 11.5901 29.8438 12.1414 30.1593C12.7001 30.4793 13.2832 30.7923 13.8905 31.0979C14.5015 31.4053 15.1381 31.7064 15.8 32.0008C16.4639 32.2963 17.1327 32.6078 17.8059 32.9347C18.4791 33.2616 19.1486 33.6004 19.814 33.9504C20.3328 34.2232 20.8342 34.5154 21.3183 34.8262C21.6511 35.0399 21.9759 35.2625 22.2926 35.4939L17.3049 19.8255C16.8971 19.7105 16.4744 19.6223 16.0372 19.5617C15.5715 19.4972 15.0879 19.4643 14.5861 19.4643C13.5877 19.4643 12.7107 19.5932 11.9556 19.851L11.9557 19.851ZM33.0506 36.4604V16.3562C33.0506 12.1128 31.3521 8.26484 28.6098 5.47793C25.8882 2.71198 22.1381 0.99114 17.9999 0.965408L30.1219 36.4604H33.0506ZM16.0942 0H17.9058C22.343 0 26.3667 1.83437 29.2809 4.79597C32.195 7.75758 34 11.8467 34 16.3562V39.6441C34 44.1536 32.195 48.2427 29.2809 51.2041C26.3667 54.1657 22.343 56 17.9058 56H16.0942C11.657 56 7.6333 54.1657 4.71914 51.2041C1.80498 48.2426 0 44.1536 0 39.6441V16.3562C0 11.8467 1.80498 7.75758 4.71914 4.79597C7.6333 1.83437 11.6569 0 16.0942 0Z' fill='white'/%3E%3C/svg%3E%0A"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 100%; mask-size: auto 100%; height: 100%; width: 100%; background: #fff; transition: transform .3s ease-in-out; } .menu-logo_unscrolled .status__logo-vector, .status__logo-vector.full { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='116' height='96' viewBox='0 0 116 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.72401 92.1063C2.26233 93.0117 3.98153 93.5552 5.79111 93.5552C8.68654 93.5552 10.4056 92.0157 10.4056 89.8423C10.4056 87.7598 9.2295 86.5829 6.24334 85.496C2.71447 84.2284 0.45266 82.327 0.45266 79.2481C0.45266 75.8071 3.25752 73.2718 7.60079 73.2718C9.3199 73.1812 10.9487 73.5437 12.487 74.3586L11.6726 76.6221C10.4056 75.8977 8.95789 75.5357 7.51031 75.5357C4.52423 75.5357 3.348 77.3467 3.348 78.7956C3.348 80.8781 4.70536 81.8741 7.69118 83.0515C11.4009 84.5001 13.3011 86.311 13.3011 89.4804C13.3011 92.8309 10.7678 95.8189 5.61016 95.8189C3.61935 95.8189 1.71919 95.3663 0 94.3703L0.72401 92.1063ZM46.5992 88.2126L44.7895 92.0155H48.4088L46.5992 88.2126ZM46.5087 72.9097L36.5557 95.5473H39.994L46.5087 80.0631L52.9329 95.5473H56.3713L46.5087 72.9097ZM103.423 92.1063C104.961 93.0118 106.771 93.5553 108.581 93.5553C111.476 93.5553 113.195 92.0158 113.195 89.8424C113.195 87.7599 112.019 86.583 109.033 85.4961C105.413 84.2285 103.242 82.327 103.242 79.2481C103.242 75.8072 106.047 73.2719 110.3 73.2719C112.019 73.1813 113.648 73.5438 115.186 74.3587L114.372 76.7128C113.105 76.0791 111.657 75.7168 110.209 75.7168C107.223 75.7168 106.047 77.5278 106.047 78.9767C106.047 81.0592 107.404 82.0552 110.39 83.2326C114.1 84.6812 116 86.4925 116 89.6615C116 93.012 113.467 96 108.309 96C106.318 96 104.418 95.5474 102.699 94.6419L103.423 92.1063ZM81.9784 73.5436V86.5828C81.9784 91.4726 84.1498 93.5552 87.1359 93.5552C90.3935 93.5552 92.4743 91.3818 92.4743 86.5828V73.5436H95.3698V86.4018C95.3698 93.1022 91.8409 95.9095 87.0454 95.9095C82.5213 95.9095 79.1733 93.3741 79.1733 86.4922V73.5436H81.9784ZM63.4292 75.9884H56.7333V73.5434H73.0205V75.9884H66.2341V95.547H63.3388L63.4292 75.9884ZM24.9737 75.9884H18.2777V73.5434H34.5649V75.9884H27.869V95.547H24.9737V75.9884Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.739 57.6049C65.0871 58.1983 64.3573 58.7168 63.5505 59.1603C66.7974 58.2394 69.6456 56.3587 71.7674 53.8452C74.2253 50.9336 75.7085 47.1722 75.7085 43.0702V40.6415H66.2493C66.5841 41.0055 66.8961 41.3891 67.1848 41.7924C67.5597 42.3165 67.8978 42.8772 68.1979 43.4746C68.5788 44.2325 68.8645 45.0713 69.0548 45.9901C69.2445 46.9064 69.3395 47.9004 69.3395 48.9717C69.3395 50.169 69.2026 51.2901 68.9289 52.3349C68.6548 53.3811 68.2434 54.3495 67.6946 55.2394C67.1461 56.129 66.4941 56.9177 65.739 57.6049ZM40.2915 17.7697V43.0701C40.2915 47.5179 42.0355 51.5653 44.8746 54.5633C47.7103 57.5577 51.6386 59.506 56.0129 59.7622L56.1969 59.7643C57.0541 59.7643 57.8506 59.6865 58.5859 59.5308C59.3189 59.3756 59.9933 59.1429 60.6085 58.8328C61.2224 58.5237 61.7675 58.1497 62.2435 57.7114C62.7193 57.2735 63.1262 56.7711 63.4641 56.2048C63.8016 55.639 64.0552 55.0187 64.2246 54.3446C64.3944 53.6691 64.4794 52.9387 64.4794 52.1539C64.4794 51.4421 64.3867 50.7879 64.2015 50.1919C64.0169 49.5978 63.7401 49.0595 63.3716 48.5773C62.9973 48.0879 62.5642 47.6322 62.0726 47.2107C61.5796 46.7879 61.0275 46.3987 60.4163 46.0437C59.7981 45.6847 59.1489 45.3369 58.4692 44.9999C57.7884 44.6626 57.0758 44.3357 56.3317 44.0194C55.5735 43.6971 54.8249 43.3685 54.0864 43.0334C53.3401 42.6947 52.5913 42.3439 51.8408 41.9811C51.0872 41.6175 50.3657 41.22 49.6769 40.789C48.9861 40.3566 48.327 39.8902 47.7 39.3901C47.0694 38.8869 46.4995 38.3264 45.9908 37.709C45.4827 37.092 45.0366 36.4195 44.6531 35.6917C44.267 34.9587 43.9775 34.1461 43.7851 33.2539C43.5931 32.3644 43.4971 31.3955 43.4971 30.3478C43.4971 29.2971 43.6302 28.3136 43.8963 27.3973C44.1628 26.4797 44.5621 25.6325 45.0946 24.8557C45.6086 24.1053 46.2038 23.4396 46.8788 22.858C47.5351 22.2925 48.2668 21.8066 49.0726 21.3999L56.2192 1.06677C51.8321 1.26975 47.8806 3.17411 45.0109 6.13435C42.0912 9.14592 40.2915 13.2512 40.2915 17.7697ZM54.4098 9.39127L50.4079 20.8186C51.0555 20.5821 51.7221 20.3993 52.4076 20.2703C53.2284 20.1158 54.0746 20.0386 54.9459 20.0386C55.5365 20.0386 56.1103 20.0731 56.6674 20.1413C57.1069 20.1951 57.537 20.2706 57.9579 20.3672L54.4098 9.39127ZM52.4347 21.5664C51.6085 21.844 50.9122 22.26 50.346 22.814C49.7794 23.3687 49.354 24.0076 49.0707 24.7303C48.7865 25.4554 48.6441 26.2673 48.6441 27.1656C48.6441 27.8071 48.734 28.3971 48.9139 28.9351C49.0934 29.472 49.3627 29.9598 49.7216 30.3979C50.0885 30.8457 50.5139 31.2664 50.998 31.6594C51.4839 32.0539 52.0313 32.4228 52.6397 32.7656C53.2561 33.1132 53.8993 33.4533 54.5693 33.7853C55.2434 34.1193 55.9458 34.4463 56.6761 34.7662C57.4086 35.0873 58.1465 35.4256 58.8892 35.7809C59.6319 36.136 60.3706 36.504 61.1047 36.8843C61.6771 37.1807 62.2304 37.4981 62.7645 37.8358C63.1317 38.068 63.49 38.3098 63.8393 38.5613L58.3364 21.5387C57.8865 21.4138 57.4202 21.318 56.9378 21.2522C56.424 21.1821 55.8904 21.1464 55.3368 21.1464C54.2353 21.1464 53.2678 21.2864 52.4347 21.5664ZM75.7086 39.6112V17.7697C75.7086 13.1596 73.8346 8.97907 70.8091 5.95132C67.8064 2.94634 63.6689 1.07679 59.1032 1.04884L72.4774 39.6112H75.7086ZM57.0007 0H58.9995C63.895 0 68.3343 1.99289 71.5495 5.21043C74.7647 8.42797 76.7561 12.8704 76.7561 17.7697V43.0701C76.7561 47.9692 74.7647 52.4117 71.5495 55.6291C68.3343 58.8466 63.895 60.8394 58.9995 60.8394H57.0007C52.1052 60.8394 47.6658 58.8466 44.4507 55.6291C41.2355 52.4116 39.2441 47.9692 39.2441 43.0701V17.7697C39.2441 12.8705 41.2355 8.42797 44.4507 5.21043C47.6658 1.99289 52.105 0 57.0007 0Z' fill='white'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg width='116' height='96' viewBox='0 0 116 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.72401 92.1063C2.26233 93.0117 3.98153 93.5552 5.79111 93.5552C8.68654 93.5552 10.4056 92.0157 10.4056 89.8423C10.4056 87.7598 9.2295 86.5829 6.24334 85.496C2.71447 84.2284 0.45266 82.327 0.45266 79.2481C0.45266 75.8071 3.25752 73.2718 7.60079 73.2718C9.3199 73.1812 10.9487 73.5437 12.487 74.3586L11.6726 76.6221C10.4056 75.8977 8.95789 75.5357 7.51031 75.5357C4.52423 75.5357 3.348 77.3467 3.348 78.7956C3.348 80.8781 4.70536 81.8741 7.69118 83.0515C11.4009 84.5001 13.3011 86.311 13.3011 89.4804C13.3011 92.8309 10.7678 95.8189 5.61016 95.8189C3.61935 95.8189 1.71919 95.3663 0 94.3703L0.72401 92.1063ZM46.5992 88.2126L44.7895 92.0155H48.4088L46.5992 88.2126ZM46.5087 72.9097L36.5557 95.5473H39.994L46.5087 80.0631L52.9329 95.5473H56.3713L46.5087 72.9097ZM103.423 92.1063C104.961 93.0118 106.771 93.5553 108.581 93.5553C111.476 93.5553 113.195 92.0158 113.195 89.8424C113.195 87.7599 112.019 86.583 109.033 85.4961C105.413 84.2285 103.242 82.327 103.242 79.2481C103.242 75.8072 106.047 73.2719 110.3 73.2719C112.019 73.1813 113.648 73.5438 115.186 74.3587L114.372 76.7128C113.105 76.0791 111.657 75.7168 110.209 75.7168C107.223 75.7168 106.047 77.5278 106.047 78.9767C106.047 81.0592 107.404 82.0552 110.39 83.2326C114.1 84.6812 116 86.4925 116 89.6615C116 93.012 113.467 96 108.309 96C106.318 96 104.418 95.5474 102.699 94.6419L103.423 92.1063ZM81.9784 73.5436V86.5828C81.9784 91.4726 84.1498 93.5552 87.1359 93.5552C90.3935 93.5552 92.4743 91.3818 92.4743 86.5828V73.5436H95.3698V86.4018C95.3698 93.1022 91.8409 95.9095 87.0454 95.9095C82.5213 95.9095 79.1733 93.3741 79.1733 86.4922V73.5436H81.9784ZM63.4292 75.9884H56.7333V73.5434H73.0205V75.9884H66.2341V95.547H63.3388L63.4292 75.9884ZM24.9737 75.9884H18.2777V73.5434H34.5649V75.9884H27.869V95.547H24.9737V75.9884Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.739 57.6049C65.0871 58.1983 64.3573 58.7168 63.5505 59.1603C66.7974 58.2394 69.6456 56.3587 71.7674 53.8452C74.2253 50.9336 75.7085 47.1722 75.7085 43.0702V40.6415H66.2493C66.5841 41.0055 66.8961 41.3891 67.1848 41.7924C67.5597 42.3165 67.8978 42.8772 68.1979 43.4746C68.5788 44.2325 68.8645 45.0713 69.0548 45.9901C69.2445 46.9064 69.3395 47.9004 69.3395 48.9717C69.3395 50.169 69.2026 51.2901 68.9289 52.3349C68.6548 53.3811 68.2434 54.3495 67.6946 55.2394C67.1461 56.129 66.4941 56.9177 65.739 57.6049ZM40.2915 17.7697V43.0701C40.2915 47.5179 42.0355 51.5653 44.8746 54.5633C47.7103 57.5577 51.6386 59.506 56.0129 59.7622L56.1969 59.7643C57.0541 59.7643 57.8506 59.6865 58.5859 59.5308C59.3189 59.3756 59.9933 59.1429 60.6085 58.8328C61.2224 58.5237 61.7675 58.1497 62.2435 57.7114C62.7193 57.2735 63.1262 56.7711 63.4641 56.2048C63.8016 55.639 64.0552 55.0187 64.2246 54.3446C64.3944 53.6691 64.4794 52.9387 64.4794 52.1539C64.4794 51.4421 64.3867 50.7879 64.2015 50.1919C64.0169 49.5978 63.7401 49.0595 63.3716 48.5773C62.9973 48.0879 62.5642 47.6322 62.0726 47.2107C61.5796 46.7879 61.0275 46.3987 60.4163 46.0437C59.7981 45.6847 59.1489 45.3369 58.4692 44.9999C57.7884 44.6626 57.0758 44.3357 56.3317 44.0194C55.5735 43.6971 54.8249 43.3685 54.0864 43.0334C53.3401 42.6947 52.5913 42.3439 51.8408 41.9811C51.0872 41.6175 50.3657 41.22 49.6769 40.789C48.9861 40.3566 48.327 39.8902 47.7 39.3901C47.0694 38.8869 46.4995 38.3264 45.9908 37.709C45.4827 37.092 45.0366 36.4195 44.6531 35.6917C44.267 34.9587 43.9775 34.1461 43.7851 33.2539C43.5931 32.3644 43.4971 31.3955 43.4971 30.3478C43.4971 29.2971 43.6302 28.3136 43.8963 27.3973C44.1628 26.4797 44.5621 25.6325 45.0946 24.8557C45.6086 24.1053 46.2038 23.4396 46.8788 22.858C47.5351 22.2925 48.2668 21.8066 49.0726 21.3999L56.2192 1.06677C51.8321 1.26975 47.8806 3.17411 45.0109 6.13435C42.0912 9.14592 40.2915 13.2512 40.2915 17.7697ZM54.4098 9.39127L50.4079 20.8186C51.0555 20.5821 51.7221 20.3993 52.4076 20.2703C53.2284 20.1158 54.0746 20.0386 54.9459 20.0386C55.5365 20.0386 56.1103 20.0731 56.6674 20.1413C57.1069 20.1951 57.537 20.2706 57.9579 20.3672L54.4098 9.39127ZM52.4347 21.5664C51.6085 21.844 50.9122 22.26 50.346 22.814C49.7794 23.3687 49.354 24.0076 49.0707 24.7303C48.7865 25.4554 48.6441 26.2673 48.6441 27.1656C48.6441 27.8071 48.734 28.3971 48.9139 28.9351C49.0934 29.472 49.3627 29.9598 49.7216 30.3979C50.0885 30.8457 50.5139 31.2664 50.998 31.6594C51.4839 32.0539 52.0313 32.4228 52.6397 32.7656C53.2561 33.1132 53.8993 33.4533 54.5693 33.7853C55.2434 34.1193 55.9458 34.4463 56.6761 34.7662C57.4086 35.0873 58.1465 35.4256 58.8892 35.7809C59.6319 36.136 60.3706 36.504 61.1047 36.8843C61.6771 37.1807 62.2304 37.4981 62.7645 37.8358C63.1317 38.068 63.49 38.3098 63.8393 38.5613L58.3364 21.5387C57.8865 21.4138 57.4202 21.318 56.9378 21.2522C56.424 21.1821 55.8904 21.1464 55.3368 21.1464C54.2353 21.1464 53.2678 21.2864 52.4347 21.5664ZM75.7086 39.6112V17.7697C75.7086 13.1596 73.8346 8.97907 70.8091 5.95132C67.8064 2.94634 63.6689 1.07679 59.1032 1.04884L72.4774 39.6112H75.7086ZM57.0007 0H58.9995C63.895 0 68.3343 1.99289 71.5495 5.21043C74.7647 8.42797 76.7561 12.8704 76.7561 17.7697V43.0701C76.7561 47.9692 74.7647 52.4117 71.5495 55.6291C68.3343 58.8466 63.895 60.8394 58.9995 60.8394H57.0007C52.1052 60.8394 47.6658 58.8466 44.4507 55.6291C41.2355 52.4116 39.2441 47.9692 39.2441 43.0701V17.7697C39.2441 12.8705 41.2355 8.42797 44.4507 5.21043C47.6658 1.99289 52.105 0 57.0007 0Z' fill='white'/%3E%3C/svg%3E%0A"); } .status-full-sz-link:hover + .status__logo-vector { background: var(--primary-gold); } .status-header__logo-signature { font-family: Open Sans; font-size: 11px; font-weight: 400; line-height: 17.6px; letter-spacing: 0.4em; text-align: center; text-transform: uppercase; color: #BBBBBB; } .status-header__menu_desktop { display: block; } .status-header__menu_mobile { display: none; } .status-header__menu-container_modal { display: none; } .status-header__status-phone { display: flex; align-items: center; justify-content: center; flex-grow: 0; padding: 0 20px; } /*body.status-main-page .header-container.unscrolled .status-header__status-phone { flex-grow: 2; }*/ .status-main-page .header-container.unscrolled .status-header__status-phone { flex-grow: 2; } .status-header__booking-form-container { position: absolute; top: var(--status-header-height, 50px); right: 0; width: 100%; max-width: 380px; background: #000; display: flex; flex-direction: column; align-items: center; color: #fff; transition: .3s ease-in-out; } .header-container:not(.booking-menu-opened) .status-header__booking-form-container { /* opacity: 0; visibility: hidden; */ display: none; } .booking-form__header { width: 100%; } .booking-form__span { display: block; width: 100%; font-family: Open Sans; line-height: 20px; text-align: center; padding: 20px 20px; } .booking-form__title { width: 100%; font-size: 25px; font-weight: 600; line-height: 30px; background: #333333; padding: 15px 15px; text-align: center; } .status-header__booking-form { width: 100%; min-height: 370px; } #block-search.header-form__block-search { align-self: stretch; background: inherit; } body.status-main-page .header-container.unscrolled .header-btn_desktop { display: none; } /*body:not(.status-main-page) .header-btn_desktop.status-header__booking-btn { display: none; }*/ .header-btn_desktop { background: #fff; color: #000; width: 88px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .header-btn_desktop:hover { cursor: pointer; } .status-header__booking-btn { position: relative; } .booking-close { position: absolute; } .booking-close, .call-bell { transition: .3s ease-in-out; } .header-container:not(.booking-menu-opened) .booking-close, .header-container.booking-menu-opened .call-bell { transform: scale(0); } /* header */ /* стили главной страницы */ .main-video { display: flex; flex-direction: column; } .with-media-bg { position: relative; height: 100vh; min-height: 100vh; } .with-media-bg .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; justify-content: flex-end; } .main__bg_full-size { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; z-index: -1; } .main__bg-overlay_full-size { background: #000; position: relative; z-index: 0; width: 100%; height: 100%; opacity: 0.2; } .main-video .main__bg-overlay_full-size { opacity: 0.1; } .gastrobar__main .main__bg-overlay_full-size { opacity: 0; } /*@media (orientation: landscape) { .gastrobar__main .main__bg-media_full-size { object-position: center 76%; } }*/ .main__bg-media_full-size { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background: #212127; } .main-catalog { background: #ffffff; padding: 70px 0 150px; } .main-catalog .container { display: flex; flex-direction: column; gap: 60px; } .main-catalog__rooms-block { display: flex; flex-direction: column; gap: 60px; } .main-catalog__rooms { display: flex; flex-direction: row; gap: 10px 13px; } .main-catalog__room { display: inline-flex; flex-direction: column; flex: 1 1 auto; height: 300px; width: 100%; overflow: hidden; } .main-catalog__room-link {} .main-catalog__room-image { } .main-catalog__room-content { display: grid; grid-template-rows: repeat(2, 1fr); align-items: center; justify-content: center; gap: 16px; } .main-catalog__room-title { font-family: New York Large; font-size: 26px; font-weight: 500; line-height: 31.2px; text-align: center; color: #fff; align-self: end; z-index: 2; transition: .3s ease-in-out; transform: translateY(50%); } .main-catalog__room:hover .main-catalog__room-title { transform: revert; } .main-catalog__room-btn-container { position: relative; align-self: start; width: 260px; justify-self: center; } .main-catalog__room-btn { padding: 10px 54px; display: flex; justify-content: center; transform: translateY(100%); transition: all .3s ease-in-out; opacity: 0; --inner-bg: #fff; --inner-border: none; --outer-bg: transparent; --outer-border: 1px solid #fff; --hover-color: #fff; } .main-catalog__room:hover .main-catalog__room-btn { transform: revert; opacity: 1; } .main-catalog__room-btn span { color: #333; } .main-catalog__room-overlay { background: rgba(51,51,51,.4); } .main-catalog__link {} .main-catalog__horizontal-line {} .main-catalog__link-container { display: inline-flex; align-self: center; position: relative; width: 338px; height: 120px; } .main-catalog__link-container::before { content: ''; width: 120px; height: 1px; background: #BBBBBB; transition: all .3s; } .main-catalog__more-btn { width: 100%; padding: 17px 25px; background: inherit; --inner-bg: transparent; --inner-border: 2px solid #000; --outer-bg: transparent; --outer-border: none; } .main-catalog__more-btn.status-site__btn_reverse { height: 60px; } .main-catalog__more-btn span { color: #000; } .main-top-services { background: #F8F9FA; padding: 80px 0 94px; } .main-instagram { background: #F8F9FA; padding: 120px 0 110px; } /* блок с топовыми предложениями */ .main-catalog__places-block { align-self: center; padding: 0 20px; } .main-catalog__title { /*font-family: New York Large; font-size: 48px; font-weight: 500; line-height: 62.4px; letter-spacing: -0.01em; text-align: center; margin-bottom: 40px;*/ } .main-catalog__description { /*display: flex; flex-direction: column; font-size: 16px; font-weight: 300; line-height: 28.8px; text-align: center; margin-bottom: 70px;*/ } .presentation__header { width: 100%; text-align: center; display: flex; flex-direction: column; gap: 30px; align-items: center; margin-bottom: 70px; } .presentation__header-title { font-family: New York Large; font-size: 48px; font-weight: 500; line-height: 62.4px; letter-spacing: -0.01em; text-align: inherit; } .presentation__header-description { display: flex; flex-direction: column; font-size: 16px; font-weight: 300; line-height: 28.8px; text-align: inherit; } .main-catalog__services { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 476px; gap: 20px 14px; } .main-catalog__service-block { position: relative; height: 100%; } .main-catalog__service-pic { display: block; width: 100%; height: calc(100% - 36px); } .main-catalog__service-info { padding: 10px; height: 135px; width: 71%; position: absolute; background: #fff; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 1; box-shadow: 0px 1px 10px 0px #5757571A; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; } .main-catalog_service-title { font-size: 14px; font-weight: 600; line-height: 16.8px; text-align: center; } .main-top-services .container { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 170px; } .top-service-card__btn { max-width: 338px; --hover-color: #fff; } .top-service-card__btn span { color: #000; } /*.top-service-card__btn:hover span { color: #fff; }*/ .top-service-card__btn::before { border: 1px solid #000; } .top-service-card__btn::after { background: #000; } .main-instagram .container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; } .main-instagram__title-container { position: relative; width: 100%; max-width: 382px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; } .main-instagram__border { width: 100%; position: relative; display: flex; margin-bottom: 7px; } .main-instagram__border::before { content: ''; display: inline-block; vertical-align: middle; height: 2px; width: 100%; background: #bbb; } .main-instagram__border-text { box-sizing: border-box; position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 139px; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; background: #F8F9FA; z-index: 1; color: #A8A8A8; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0.24em; text-transform: uppercase; } .main-instagram__title { font-size: 40px; font-weight: 500; line-height: 130%; text-align: center; letter-spacing: -0.01em; } .main-instagram__nick span { color: #9F9F9F; font-family: New York Large; font-size: 20px; font-weight: 500; line-height: 130%; text-align: center; } .main-instagram__gallery-photos { width: 100%; display: flex; flex-direction: row; justify-content: center; gap: 15px; flex-wrap: nowrap; } .main-instagram__gallery-photo { position: relative; height: auto; width: auto; max-width: 220px; max-height: 220px; flex: 1 1 auto; aspect-ratio: 1; } .main-instagram__gallery-photo-link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } /* стили главной страницы */ /*кнопка to top*/ .back-to-top { border-radius: 50%; position: fixed; left: var(--tray-offset, 79px); bottom: -50px; background: #000; width: var(--tray-width, 50px); height: var(--tray-width, 50px); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.5s all; z-index: 10; } .back-to-top.active { bottom: var(--tray-offset, 79px); transition: 0.5s all; } .back-to-top__btn-pulse { position: relative; z-index: -1; animation: pulse infinite 3.5s ease-out; animation-delay: 1s; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; background: transparent; border: 1px solid #00000066; } /*кнопка to top*/ /* sticky кнопка контактов */ .contacts-tray-block { --tray-offset: 79px; --tray-width: 70px; z-index: 99999; } .contacts-tray__overlay { position: fixed; background: rgba(33, 33, 33, .3); width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; z-index: 5; opacity: 0; transition: all .3s ease-out; } .contacts-tray-block.opened .contacts-tray__overlay { visibility: visible; opacity: 1; } .contacts-tray { width: var(--tray-width, 70px); height: auto; max-height: calc(100vh - var(--tray-offset)*2); position: fixed; z-index: 10; bottom: var(--tray-offset, 79px); right: var(--tray-offset, 79px); display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; } .contacts-tray-block:not(.opened) .contacts-tray { pointer-events: none; } .contacts-tray-block .contacts-tray__main-btn-block { cursor: pointer; width: var(--tray-width); height: var(--tray-width); flex: 0 0 auto; background: rgba(0, 0, 0, .2); opacity: 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .3s ease-out; pointer-events: auto; } .contacts-tray__btn { position: relative; width: 80%; height: 80%; background: #000; border-radius: inherit; display: flex; align-items: center; justify-content: center; transition: all .3s ease-out; } .contacts-tray-block.opened .contacts-tray__main-btn-block { transform: scale(.83, .83); } .contacts-tray-block.opened .contacts-tray__btn { background: #D6D6D6; transform: rotate(90deg); } .contacts-tray__btn-pulse { position: relative; z-index: -1; animation: pulse infinite 3.5s ease-out; animation-delay: 1s; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; background: transparent; border: 1px solid #00000066; } .contacts-tray-block.opened .contacts-tray__btn-pulse { display: none; } svg.to-open, svg.to-close { display: none; } .contacts-tray-block:not(.opened) svg.to-open { display: block; } .contacts-tray-block.opened svg.to-close { display: block; } .contacts-tray__links-block { display: flex; flex-direction: column; align-items: center; gap: 10px; transition: .3s ease-in-out; } .contacts-tray-block:not(.opened) .contacts-tray__links-block { visibility: hidden; opacity: 0; transform: translateY(10%); } .contacts-tray__messenger-link { display: flex; align-items: center; justify-content: center; width: calc(var(--tray-width, 70px)*.66); height: calc(var(--tray-width, 70px)*.66); flex: 0 0 auto; border-radius: 50%; cursor: pointer; transition: .2s ease-in-out; } .contacts-tray__messenger-link:hover { box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32); } .tg-icon-link { background: linear-gradient(180deg, #2AABEE 0%, #229ED9 10000%); } .vb-icon-link { background: #7360F2; } .wh-icon-link { background: #24CB60; } .in-site-message-link { background: #000000; } @keyframes pulse { 0% { transform: scale(.9, .9); opacity: 1; } 40% { transform: scale(2, 2); opacity: 0; } 100% { transform: scale(2, 2); opacity: 0; } } /* sticky кнопка контактов */ /* boutique-hotel */ .boutique-hotel__main .container { padding: 40px 0 0; height: 100%; position: relative; display: flex; flex-direction: column; /* justify-content: space-between;*/ justify-content: center; align-items: center; } .boutique__promo-list { width: 100%; max-width: 100%; height: calc(var(--promo-item-height, 140px) + var(--promo-shadow-width, 0px)*2); overflow: visible auto; scroll-snap-type: x proximity; -ms-overflow-style: none; scrollbar-width: none; display: flex; align-items: center; gap: 10px; --promo-item-height: 140px; --promo-item-width: 224px; font-size: 18px; font-weight: 400; line-height: 25.2px; } .boutique__promo-list::before, .boutique__promo-list::after { content: ' '; margin: auto; width: 4px; flex: 0 0 auto; } .boutique__promo-list_wrapper::-webkit-scrollbar, .boutique__promo-list::-webkit-scrollbar { width: 0; height: 0; } .boutique__promo-list-item { flex: 0 0 var(--promo-item-width, 224px); height: var(--promo-item-height, 140px); padding: 20px; background: #F8F9FA; display: flex; flex-direction: column; justify-content: space-between; transition: .3s ease-in-out; opacity: 0.4; } .boutique__promo-list-item:hover { background: #FFFFFF; box-shadow: 0px 0px var(--promo-shadow-width, 20px) 0px rgba(33, 33, 39, 0.15); opacity: 1; } .boutique__promo-item-title { font-size: inherit; font-weight: inherit; line-height: inherit; text-align: left; } .boutique__promo-item-link { width: 130px; padding: 6px 10px; font-size: 10px; --inner-bg: transparent; --inner-border: 1px solid #000000; --outer-bg: #000000; --outer-border: none; --hover-color: #fff; } .boutique__promo-item-link span { font-weight: 600; letter-spacing: 0.1lh; } .boutique-hotel__main-bottom { display: flex; flex-direction: column; gap: 40px; align-items: center; width: 100%; padding: 0 20px; } .boutique__title-text { display: flex; flex-direction: column; gap: 18px; align-items: center; max-width: 900px; margin: 0 25px; } .boutique__page-title { font-size: 36px; line-height: 46.8px; letter-spacing: -0.01em; text-align: center; color: #fff; } .boutique__page-description { font-family: Open Sans; font-size: 14px; line-height: 22.4px; text-align: center; color: #FFFFFF; } .boutique__booking-form-container { width: 100%; /*height: 114px;*/ background: #ffffff; border: 1px solid #000; transform: translateY(30px); } .boutique__room-list { background: #fff; padding: 50px 0 50px; } .boutique__room-list .container { display: flex; flex-direction: column-reverse; align-items: center; gap: 60px; } .boutique__room-card { display: flex; border: 1px solid #000000; width: 100%; } .room-card__img-container { flex: 0 0 auto; width: 33%; position: relative; } .room-card__img-title { display: flex; justify-content: center; align-items: center; padding: 0 35px; } .room-card__info-container { flex: 1 1 auto; padding: 36px 40px 40px; display: flex; flex-direction: column; gap: 20px; letter-spacing: -0.01em; text-align: left; } .room-card__title { padding-bottom: 13px; font-size: 26px; line-height: 31.2px; letter-spacing: inherit; text-align: inherit; } .room-card__title.mobile-title { display: none; text-align: center; color: #fff; } .room-card__description { display: grid; grid-template-rows: 2lh 1fr; gap: 13px; } .room-card__description-text { font-size: 18px; font-weight: 300; line-height: 25.2px; } .room-card__room-parameters { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 14px 16px; } .room-card__room-parameter { display: flex; flex-direction: column; flex-wrap: no-wrap; align-items: center; justify-content: center; gap: 7px; min-width: 44px; } .room-parameter__value { font-size: 15px; font-weight: 600; line-height: 23px; text-align: center; } .room-card__btn-block { display: grid; /*grid-template-columns: repeat(2, 1fr);*/ grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; gap: 20px; } .room-card__video-btn, .room-card__book-btn { font-size: 14px; padding: 16px; } .room-card__book-btn { color: #fff; --inner-bg: #000000; --inner-border: none; --outer-bg: transparent; --outer-border: 1px solid #000000; --hover-color: #000; } .room-card__video-btn { color: #000; --inner-bg: transparent; --inner-border: 1px solid #000000; --outer-bg: #000000; --outer-border: none; --hover-color: #fff; } .boutique__description-text { margin-bottom: 15px; text-align: justify; } .boutique__description-h2 { margin-bottom: 15px; text-align: left; } /* boutique-hotel конец */ /* детальная страница номера */ .room-page__info { background: #fff; padding: 60px 0 43px; min-width: 0; } .room-page__info .container { display: flex; flex-direction: column; gap: 60px; min-width: 0; } .room-page__header { display: flex; flex-direction: column; align-items: center; gap: 4px; } .room-page__title { font-size: 48px; line-height: 62.4px; letter-spacing: -0.01em; } .room-page__room-type { font-size: 12px; line-height: 19.2px; letter-spacing: 0.26em; text-align: center; text-transform: uppercase; color: #68686B; } .room-page__top-block { display: flex; gap: 90px 40px; padding-bottom: 80px; } .room-page__double-swiper { min-width: 0; height: auto; flex: 0 0 64%; position: relative; } .room-page__swiper img { width: 100%; height: 100%; object-fit: cover; } .room-page__swiper-container_main { position: relative; } .room-page__swiper_main img { aspect-ratio: 37 /23; } .room-page__swiper-container_thumbs { --current-swiper-side-padding: 36px; --thumbs-swiper-side-margin: 20px; --thumbs-swiper-translate-y: 50%; position: absolute; bottom: 0; z-index: 1; transform: translateY(var(--thumbs-swiper-translate-y)); width: calc(100% - var(--thumbs-swiper-side-margin, 20px)*2); margin: 0 var(--thumbs-swiper-side-margin, 20px) 0; } .room-page__swiper-slide_thumbs { text-align: center; } .room-page__swiper-btn-next.status__swiper-btn, .room-page__swiper-btn-prev.status__swiper-btn { --swiper-navigation-top-offset: calc(100% - var(--thumbs-swiper-translate-y)/2); } .room-page__swiper_thumbs img { aspect-ratio: 4 / 3; } .room-page__description-block { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 30px; } .roop-page__description { display: flex; flex-direction: column; line-height: 25.2px; font-size: 14px; font-weight: 300; text-align: left; gap: 1lh; } .room-page__btn-block { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 340px; } .room-page__details { border-top: 1px solid #000000; padding: 60px 0 43px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .room-page__amenities-list { display: flex; flex-direction: column; gap: 30px; text-align: left; } .room-page__amenities-list h3 { font-family: New York Large; font-size: 26px; line-height: 31.2px; letter-spacing: -0.01em; text-align: left; } .room-page__amenities-list h4 { text-align: left; } .room-page__amenities-list ul { line-height: 22.4px; text-align: left; display: flex; flex-direction: column; gap: 24px; } .room-page__amenities-list li { display: flex; gap: 10px; } .room-page__amenities-list li::before { content: "•"; } #room-rent { scroll-margin-top: 20vh; } .main-catalog_with-title { padding: 60px 0 0; background: #F8F9FA; } .main-catalog_with-title .container { display: flex; flex-direction: column; gap: 30px; } .main-catalog__title { font-size: 40px; line-height: 52px; letter-spacing: -0.01em; text-align: center; } /* детальная страница номера конец */ /* акции детальная */ .promotion-detail__content-section { background: #FFFFFF; padding: 90px 0 200px; } .promotion-detail__content-section .container { display: flex; flex-direction: column; gap: 60px; } .promotion-detail__title { color: #000000; font-size: 40px; line-height: 52px; letter-spacing: -0.01em; } .promotion-detail__content { display: flex; justify-content: center; gap: 20px 40px; } .promotion-detail__img { flex: 0 0 40%; height: auto; object-position: center; object-fit: contain; display: flex; justify-content: center; } .promotion-detail__img img { /*aspect-ratio: 360/240;*/ width: auto; max-height: 560px; max-width: 100%; object-position: center } .promotion-detail__text { display: flex; flex-direction: column; gap: 20px; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; } .promotion-detail__text h4, .promotion-detail__text h5, .promotion-detail__text h3 { font-family: Open Sans; text-transform: uppercase; font-size: inherit; font-weight: inherit; line-height: inherit; text-align: inherit; } .promotion-detail__text ul { display: flex; flex-direction: column; gap: 11px; } .promotion-detail__text ul li { display: flex; gap: 5px; } .promotion-detail__text ul li::before { content: "•"; } .promotion-detail__promo-list-section { background: inherit; padding-bottom: 90px; } .promotion-detail__promo-list-section .container { display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 0; max-width: 1200px; } .promo-list-title { font-size: 28px; line-height: 36.4px; letter-spacing: -0.01em; } .promotion-detail__promo-list-section .boutique__promo-list { --promo-shadow-width: 20px; --promo-item-width: 280px; --promo-item-height: 175px; font-size: 22px; line-height: 30.8px; } .promotion-detail__promo-list-section .boutique__promo-list-item { opacity: 1; } .promotion-detail__promo-list-section .boutique__promo-item-link { width: 157px; font-size: 12px; line-height: 19.2px; padding: 8px 10px; } /* акции детальная конец */ /* business-center */ .business-center__main .container { height: 100%; padding: 14vh 20px 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; } .page-intro-content-1 { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 34px; } .page-intro__list-block { margin-top: 44px; background: transparent; display: flex; flex-direction: column; gap: 60px; max-width: 520px; } .page-into__title { font-size: 48px; line-height: 62.4px; text-align: left; color: #fff; } .page-intro__list { display: flex; flex-direction: column; gap: 40px; } .page-intro__list-item { counter-increment: counter-li; --marker-edge-width: 50px; height: var(--marker-edge-width, 50px); color: #fff; font-size: 18px; line-height: 25.2px; letter-spacing: 1px; display: flex; justify-content: flex-start; align-items: flex-start; } .page-intro__list-item::before { content: counter(counter-li); flex: 0 0 auto; margin-right: 20px; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; width: var(--marker-edge-width, 50px); height: var(--marker-edge-width, 50px); font-size: 20px; font-weight: 600; line-height: 26px; } .page-intro__list-item span { color: #fff; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; min-height: var(--marker-edge-width, 50px); display: flex; align-items: center; } .page-intro__call-request-form-block, .call-request { max-width: 440px; height: 100%; position: relative; background: transparent; } .call-request__underlay { position: absolute; height: 100%; width: calc(100% - 40px); margin: 0 20px; background: #909093; bottom: 0; left: 0; right: 0; z-index: -1; } .call-request__form-container { width: 100%; height: calc(100% - 19px); background: #fff; padding: 40px 40px 48px; } #call-request-form { scroll-margin-top: 15vh; } .call-request__form { display: flex; flex-direction: column; gap: 40px; } .call-request__form-header { display: flex; flex-direction: column; gap: 10px; } .call-request__title { font-size: 27px; font-weight: 500; line-height: 35.1px; letter-spacing: 0.01em; text-align: left; color: #000; } .call-request__form-description { font-size: 14px; line-height: 16.8px; letter-spacing: 0.005em; color: #808080; } .call-request__form-fields { display: flex; flex-direction: column; gap: 24px; } .call-request__form-field { display: flex; flex-direction: column; gap: 8px; } .call-request__input-label { font-size: 14px; font-weight: 600; line-height: 19.07px; } .call-request__input { transition: all .3s ease-in-out; font-size: 15px; line-height: 20.43px; text-align: left; padding: 15px 20px; background: #F8F9FA; border: 1px solid #EEEEEF; } .call-request__form-footer { width: 100%; display: flex; flex-direction: column; gap: 14px; } .call-request__submit-btn { display: flex; justify-content: center; align-items: center; padding: 15px; color: #fff; background: #000; border: 1px solid #000; font-size: 14px; font-weight: 600; line-height: 22.4px; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; } .page-intro-content-2 { width: 100%; display: flex; justify-content: center; align-items: center; background: transparent; } .page-intro__advantages-list, .advantages__list { width: 100%; max-width: 1160px; height: 100%; transform: translateY(50%); background: #fff; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7.8%; padding: 30px 11.5% 36px; } .page-intro___advantages-list, .advantages___list { width: 100%; max-width: 1160px; height: 100%; transform: translateY(50%); background: #fff; display: grid; grid-template-columns: repeat(5, 1fr); gap: 7.8%; padding: 30px 11.5% 36px; /*новый*/ /*transform: revert; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px 10px; padding: 20px 20px 30px;*/ } .advantages__list-item { display: flex; flex-direction: column; gap: 15px; align-items: center; justify-content: space-between; text-align: center; } .advantages__list-item-img { display: flex; justify-content: center; align-items: center; } .advantages__list-item-name { color: #000; font-size: 17px; font-weight: 600; line-height: 23px; text-align: center; } .advantages__list-item-name mark { font-size: 15px; font-weight: 600; line-height: 20.43px; background: transparent; } .advantages__list-item-btn { padding: 9px 15px; font-size: 16px; font-weight: 600; line-height: 21.79px; letter-spacing: 0px; --hover-color: #fff; } .advantages__list-item-btn:hover::after { background: #000; } .status-site__btn.advantages__list-item-btn span { font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .congress-hall__content-body, .gastrobar__content-body, .business-center__content-body { background: #F8F9FA; padding: 70px 0 0; } .congress-hall__content-body .container, .gastrobar__content-body .container, .business-center__content-body .container { padding: 90px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .business-center__reasons-for-rent { background: #212127; color: #FFFFFF; padding: 150px 0; } .business-center__reasons-for-rent .container { display: flex; flex-direction: column; gap: 100px; } .reasons-for-rent__block-header { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 36px; } .reasons-for-rent__block-title { font-size: 42px; line-height: 54.6px; letter-spacing: -0.01em; } .reasons-for-rent__header-description { line-height: 27px; text-align: center; color: #B2B2B2; } .reasons-for-rent__reasons-list { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); gap: 70px 64px; } .reasons-for-rent__reason-item { display: grid; grid-template-columns: 35px 1fr; grid-template-rows: 35px auto; align-items: center; justify-items: left; gap: 15px; } .reason-item__reason-name { font-size: 18px; line-height: 23.4px; letter-spacing: -0.01em; text-align: left; } .reason-item__reason-description { grid-column: 1 / 3; align-self: start; font-size: 15px; line-height: 22.5px; letter-spacing: -0.02em; text-align: left; } .business-center__building-scheme-section { background: #F8F9FA; padding-top: 100px; } .business-center__building-scheme-section .container { display: flex; flex-direction: column; gap: 30px; } .building-scheme-section__title { font-size: 30px; font-weight: 500; line-height: 39px; padding-bottom: 10px; } .building-scheme-section__swiper-container { position: relative; --current-swiper-bottom-padding: 40px; --current-swiper-side-padding: 65px; } .building-scheme__call-request-btn { align-self: center; padding: 18px; max-width: 391px; margin: 0 30px; --inner-bg: #000; --inner-border: none; --outer-bg: transparent; --outer-border: 1px solid #000; font-size: 15px; font-weight: 600; letter-spacing: 0.1em; color: #fff; } .building-scheme__call-request-btn:hover { color: #000; } .building-scheme__call-request-btn span { letter-spacing: inherit; } /* business-center конец */ /* congress-hall */ .congress-hall__main .container { max-width: revert; padding: 14vh 20px 0; max-width: 1920px; } .congress-hall__main .page-intro-content-1 { padding: 0 40px; } .congress-hall__last-events { background: #000; padding: 130px 0 187px; } .congress-hall__last-events .container { display: flex; flex-direction: column; align-items: center; gap: 87px; } .last-events__title { font-size: 48px; line-height: 62.4px; letter-spacing: -0.01em; color: var(--primary-gold); } .last-events__list { display: flex; justify-content: center; flex-wrap: nowrap; gap: 50px 40px; } .last-events__list-item { flex: 1 1 auto; display: flex; flex-direction: column; gap: 30px; } .last-events-item__img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; } .last-events-item__title { font-size: 26px; font-weight: 500; line-height: 33.8px; letter-spacing: -0.01em; color: #FFFFFF; } /* ------------------*/ .congress__heading { padding-bottom: 30px; color: #FFFFFF; } .congress__main .container { padding-top: 60px; } .congress__main .page-intro-content-1 { justify-content: center; } .congress__content-body { background: #F8F9FA; padding: 70px 0 0; } .congress__content-body .container { padding: 90px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .congress__menu-swiper-section { background: #F8F9FA; padding: 65px 0 41px; } .congress__menu-swiper-section .container { display: flex; flex-direction: column; gap: 66px; --current-swiper-side-padding: 65px; max-width: calc(1200px + var(--current-swiper-side-padding)*2); } .menu-swiper-section__swiper-container { position: relative; --current-swiper-bottom-padding: 60px; min-width: 0; } .congress__menu-swiper { min-width: 0; } .menu-swiper-section__title { font-size: 48px; line-height: 62.4px; letter-spacing: -0.01em; text-align: left; padding: 0 var(--current-swiper-side-padding) 0; } .hystmodal { padding-top: calc(var(--status-header-height) *.75); z-index: 9999 !important; --swiper-navigation-sides-offset: 3%; } .hystmodal__window { width: 100%; max-width: 900px; } #congressMenuModal .hystmodal__window { width: 100%; } .hystmodal .hystmodal__close { background-image: none; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); background-color: #BBBBBB; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; top: revert; right: 0; bottom: calc(100% + 10px); } .congress-menu__swiper-btn-prev.swiper-button-prev, .congress-menu__swiper-btn-next.swiper-button-next { position: fixed; width: 10%; height: 100%; top: calc(0px + var(--swiper-navigation-size)/2); } .congress-menu__swiper-btn-prev.swiper-button-prev { justify-content: flex-start; } .congress-menu__swiper-btn-next.swiper-button-next { justify-content: flex-end; } /* congress-hall конец */ /* furshety */ .furshety__heading { padding-bottom: 30px; color: #FFFFFF; } .furshety__main .container { padding-top: 60px; } .furshety__main .page-intro-content-1 { justify-content: center; } .furshety__content-body { background: #F8F9FA; padding: 70px 0 0; } .furshety__content-body .container { padding: 90px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .furshety__menu-swiper-section { background: #F8F9FA; padding: 65px 0 41px; } .furshety__menu-swiper-section .container { display: flex; flex-direction: column; gap: 66px; --current-swiper-side-padding: 65px; max-width: calc(1200px + var(--current-swiper-side-padding)*2); } .menu-swiper-section__swiper-container { position: relative; --current-swiper-bottom-padding: 60px; min-width: 0; } .furshety__menu-swiper { min-width: 0; } .menu-swiper-section__title { font-size: 48px; line-height: 62.4px; letter-spacing: -0.01em; text-align: left; padding: 0 var(--current-swiper-side-padding) 0; } .hystmodal { padding-top: calc(var(--status-header-height) *.75); z-index: 9999 !important; --swiper-navigation-sides-offset: 3%; } .hystmodal__window { width: 100%; max-width: 900px; } #furshetyMenuModal .hystmodal__window { width: 40%; } .hystmodal .hystmodal__close { background-image: none; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); background-color: #BBBBBB; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; top: revert; right: 0; bottom: calc(100% + 10px); } .furshety-menu__swiper-btn-prev.swiper-button-prev, .furshety-menu__swiper-btn-next.swiper-button-next { position: fixed; width: 10%; height: 100%; top: calc(0px + var(--swiper-navigation-size)/2); } .furshety-menu__swiper-btn-prev.swiper-button-prev { justify-content: flex-start; } .furshety-menu__swiper-btn-next.swiper-button-next { justify-content: flex-end; } /* furshety конец*/ /* banketnyy-zal */ .bankquet__heading { padding-bottom: 30px; color: #FFFFFF; } .bankquet__main .container { padding-top: 60px; } .bankquet__main .page-intro-content-1 { justify-content: center; } .bankquet__content-body { background: #F8F9FA; padding: 70px 0 0; } .bankquet__content-body .container { padding: 90px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .bankquet__menu-swiper-section { background: #F8F9FA; padding: 65px 0 41px; } .bankquet__menu-swiper-section .container { display: flex; flex-direction: column; gap: 66px; --current-swiper-side-padding: 65px; max-width: calc(1200px + var(--current-swiper-side-padding)*2); } .menu-swiper-section__swiper-container { position: relative; --current-swiper-bottom-padding: 60px; min-width: 0; } .bankquet__menu-swiper { min-width: 0; } .menu-swiper-section__title { font-size: 48px; line-height: 62.4px; letter-spacing: -0.01em; text-align: left; padding: 0 var(--current-swiper-side-padding) 0; } .hystmodal { padding-top: calc(var(--status-header-height) *.75); z-index: 9999 !important; --swiper-navigation-sides-offset: 3%; } .hystmodal__window { width: 100%; max-width: 900px; } #bankquetMenuModal .hystmodal__window { width: 40%; } .hystmodal .hystmodal__close { background-image: none; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); background-color: #BBBBBB; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; top: revert; right: 0; bottom: calc(100% + 10px); } .banquet-menu__swiper-btn-prev.swiper-button-prev, .banquet-menu__swiper-btn-next.swiper-button-next { position: fixed; width: 10%; height: 100%; top: calc(0px + var(--swiper-navigation-size)/2); } .banquet-menu__swiper-btn-prev.swiper-button-prev { justify-content: flex-start; } .bankquet-menu__swiper-btn-next.swiper-button-next { justify-content: flex-end; } /* banketnyy-zal конец */ /* gastrobar */ .gastrobar__heading { padding-top: 90px; } .gastrobar__main .container { padding-top: 60px; } .gastrobar__main .page-intro-content-1 { justify-content: center; } .gastrobar__content-body { background: #F8F9FA; padding: 70px 0 0; } .gastrobar__content-body .container { padding: 90px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .gastrobar__menu-swiper-section { background: #F8F9FA; padding: 65px 0 41px; } .gastrobar__menu-swiper-section .container { display: flex; flex-direction: column; gap: 66px; --current-swiper-side-padding: 65px; max-width: calc(1200px + var(--current-swiper-side-padding)*2); } .menu-swiper-section__swiper-container { position: relative; --current-swiper-bottom-padding: 60px; min-width: 0; } .gastrobar__menu-swiper { min-width: 0; } .menu-swiper-section__title { font-size: 48px; line-height: 62.4px; letter-spacing: -0.01em; text-align: left; padding: 0 var(--current-swiper-side-padding) 0; } .hystmodal { padding-top: calc(var(--status-header-height) *.75); z-index: 9999 !important; --swiper-navigation-sides-offset: 3%; } .hystmodal__window { width: 100%; max-width: 900px; } #gastroMenuModal .hystmodal__window { width: 40%; } .hystmodal .hystmodal__close { background-image: none; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E"); background-color: #BBBBBB; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; top: revert; right: 0; bottom: calc(100% + 10px); } .gastro-menu__swiper-btn-prev.swiper-button-prev, .gastro-menu__swiper-btn-next.swiper-button-next { position: fixed; width: 10%; height: 100%; top: calc(0px + var(--swiper-navigation-size)/2); } .gastro-menu__swiper-btn-prev.swiper-button-prev { justify-content: flex-start; } .gastro-menu__swiper-btn-next.swiper-button-next { justify-content: flex-end; } /* gastrobar конец */ /* about стили */ .about-heading { padding-bottom: 40px; } .about-title-section { padding: 80px 0 94px; } .about-title-section .container { width: 100%; display: flex; flex-direction: column; align-items: center; } .about-title-card__title { font-weight: 500; letter-spacing: -0.01em; } .about-title-card__description { font-size: 18px; } .about__pr-block-1 { background: #F8F9FA; padding: 20px 0 70px; } .about__pr-header.presentation__header { margin-bottom: 0; } .about__pr-block-2 { background: #F8F9FA; padding: 20px 0 140px; } .about__pr-body, .presentation__body { display: flex; flex-direction: column; align-items: center; gap: 60px; } .presentation__body { --pr-img-height: 700px; --pr-img-width: calc(var(--pr-img-height) * .9); --reverse-img-padding: 30px; } .about__pr-body-item { display: flex; gap: 60px; position: relative; } .about__pr-body-item.reversed { flex-direction: row-reverse; } .pr-body-item__img-container { width: var(--pr-img-width); flex: 1 0 var(--pr-img-width); position: relative; } .about__pr-body-item.reversed .pr-body-item__img-container { flex: 1 0 calc(var(--pr-img-width) + var(--reverse-img-padding)); } .pr-body-item__img { width: var(--pr-img-width); height: var(--pr-img-height); } .about__pr-body-item.reversed .pr-body-item__img { width: calc(var(--pr-img-width) + var(--reverse-img-padding)); height: calc(var(--pr-img-height) + var(--reverse-img-padding)); position: absolute; bottom: 0; right: 0; z-index: 1; padding: var(--reverse-img-padding) 0 0 var(--reverse-img-padding); background: #F8F9FA; } .pr-body-item__text-container { flex: 0 1 auto; font-size: 16px; font-weight: 300; line-height: 2; text-align: left; padding: 20px 0 70px 0; } .pr-body-item__text-container p { font-size: inherit; font-weight: inherit; line-height: inherit; text-align: inherit; } .pr-text-overlay { display: none; } .about__reviews { background: #fff; padding: 80px 0 40px; } .about__reviews .container { display: flex; flex-direction: column; gap: 40px; } .about__reviews-title { font-size: 40px; line-height: 52px; } .reviews__swiper-container { --current-swiper-bottom-padding: 65px; position: relative; padding: 0 70px var(--current-swiper-bottom-padding); } .swiper.reviews__swiper { } .swiper-button-next:after, .swiper-button-prev:after { } .swiper-slide.about__review-slide { font-family: Arial; letter-spacing: -0.02em; border: 1px solid #BBBBBB; padding: 40px 40px 37px; display: flex; flex-direction: column; gap: 34px; } .review-slide__header { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .review-header__user-personal-data { display: flex; flex-direction: row; gap: 20px; } .review-header__user-avatar { --review-user-avatar-width: 52px; width: var(--review-user-avatar-width); height: var(--review-user-avatar-width); background: #D9D9D9; border-radius: 50%; overflow: hidden; } .review-header__user-avatar.first-letter-generated { display: flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: var(--review-user-avatar-width); font-weight: 600; color: #fff; } .review-header__user-info { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .review-header__user-name { font-family: inherit; font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: inherit; } .review-header__user-location { font-family: inherit; line-height: 19.2px; letter-spacing: inherit; color: #BBBBBB; } .review-header__source-logo { max-width: 200px; } .review-slide__body { display: flex; flex-direction: column; gap: 8px; } .review__rating { display: flex; gap: 2px; justify-content: flex-start; } .review__rating-point { width: 20px; height: 20px; border: 1px solid #00AA6C; border-radius: 50%; } .review__rating-point_full { background: #00AA6C; } .review__rating-point_half { background: #00AA6C; background: linear-gradient(90deg, #00AA6C 0%, #00AA6C 50%, #FFFFFF 50%, #FFFFFF 100%); } .review__rating-point_empty { background: #FFFFFF; } .review__title { font-family: inherit; font-size: 22px; font-weight: 700; line-height: 26.4px; letter-spacing: inherit; } .review__text { font-family: inherit; font-size: 18px; line-height: 23.4px; letter-spacing: -0.01em; } /* about стили */ /* contacts стили */ .contacts { padding: 120px 0 198px; background: #F8F9FA; } .contacts .container { display: flex; flex-direction: column; gap: 120px; padding: 0 30px; } .contacts__title { font-size: 40px; line-height: 52px; letter-spacing: -0.01em; text-align: left; } .contacts__contact-blocks { display: flex; flex-direction: column; gap: 154px; } .contacts__contact-block { width: 100%; display: grid; grid-template-columns: 1fr 280px; gap: 30px; } .contact-block__header { display: flex; flex-direction: column; gap: 40px; } .contact-block__title { font-family: Open Sans; font-size: 18px; font-weight: 600; line-height: 25px; letter-spacing: 3px; text-align: left; text-transform: uppercase; } .contact-block__description { line-height: 22.4px; letter-spacing: 0.02em; text-align: left; } .contacts__form-section { background: #212127; color: #F1F1F1; padding: 112px 0 110px; } .contacts__form-section .container { max-width: 800px; } .contact-form { display: flex; flex-direction: column; gap: 40px; } .contact-form__title { font-size: 42px; line-height: 54.6px; letter-spacing: -0.01em; color: #fff; padding-bottom: 20px; } .contact-form__fields { display: flex; flex-direction: column; gap: 25px; width: 100%; } .contact-form__field-group { display: flex; flex-direction: column; gap: 5px; } .contact-form__label { font-size: 18px; line-height: 24px; text-align: left; } .contact-form__input { padding: 18px 21px; font-family: Open Sans; font-size: 15px; line-height: 20px; text-align: left; border: none; } .contact-form__textarea { border: none; padding: 18px 21px; font-family: Open Sans; font-size: 15px; line-height: 20px; text-align: left; resize: none; } .contact-form__footer { display: flex; flex-direction: column; align-items: center; gap: 30px; } .contact-form__submit { text-transform: uppercase; width: 100%; max-width: 287px; padding: 18px 10px 19px; display: flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 21.79px; text-align: center; background: #fff; color: #000; } .contact-form__privace-policy-agreement { font-size: 13px; line-height: 22px; text-align: center; } .map-block .container { margin: 0; max-width: revert; display: flex; flex-direction: column; padding: 0; } .map { width: 100%; height: 100%; } .map-address { padding: 68px 0 65px; display: flex; justify-content: center; } .map-address__text { padding: 0 30px; line-height: 23.25px; text-align: center; } /* map-yandex-main стили */ .map-main { margin: 0; display: flex; flex-direction: row; padding: 0; justify-content: center; background: #F8F9FA; } .container_map { display: flex; flex-direction: row; max-width:1200px; width: 100%; border-color: red; } .map_yandex { width: 100%; height: 100%; } /* contacts стили */ /* cookies */ body:has(.status-cookie-block.policy-open) { overflow-y: hidden; } .status-cookie-block { position: fixed; display: flex; flex-direction: column; align-items: center; z-index: 100000; width: 100%; max-width: 620px; bottom: 0; left: 0; right: 0; margin: 0 auto; opacity: 1; background: transparent; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; } .status-cookie-block.policy-open { overflow-y: auto; max-width: 100%; height: 100vh; padding: 0 20px; background: rgba(0, 0, 0, .75); } .status-cookie-block.policy-open::before, .status-cookie-block.policy-open::after { content: ' '; position: relative; z-index: -2; display: block; flex: 0 0 auto; height: 100px; } .status-cookie-block:not(.active) { visibility: hidden; opacity: 0; } .status-cookie { position: relative; width: 100%; max-width: 1160px; background: #fff; box-shadow: 0px 0px 30px 0px #2121271A; padding: 14px 20px; font-family: Open Sans; font-size: 12px; font-weight: 400; line-height: 19px; text-align: left; display: flex; flex-direction: column; gap: 40px; transition: transform .3s ease-in-out; } .status-cookie__policy { display: flex; flex-direction: column; gap: 20px; } .status-cookie-block:not(.policy-open) .status-cookie__policy { display: none; } .status-cookie__close-btn { position: absolute; right: 0; top: -4px; transform: translateY(-100%); cursor: pointer; } .status-cookie__policy-text { display: flex; flex-direction: column; gap: 1lh; } .status-cookie-block.policy-open .status-cookie { font-size: 16px; font-weight: 300; line-height: 32px; } .status-cookie-block:not(.active) .status-cookie { transform: translateY(100%); } .status-cookie h2 { font-family: New York Large; font-size: 32px; font-weight: 500; line-height: 41.6px; letter-spacing: -0.01em; text-align: left; } .status-cookie h3 { font-family: Open Sans; font-size: 15px; font-weight: 600; line-height: 20.43px; text-align: left; } .status-cookie__form { display: flex; flex-direction: column; gap: 20px; } .status-cookie.shortcut-form .status-cookie__form_main, .status-cookie.main-form .status-cookie__form_shortcut { display: none; } .status-cookie__form_main { width: 100%; display: flex; flex-direction: column; gap: 20px; } .status-cookie__form_shortcut, .status-cookie__input-section { width: 100%; display: flex; flex-direction: column; gap: 8px; } .status-cookie__input-section { padding-bottom: 14px; border-bottom: 1px solid #E8E8E8; } .status-cookie__input-section-header { width: 100%; display: flex; justify-content: space-between; align-items: center; } .status-cookie__input_switch { --switch-btn-width: 32px; --switch-btn-height: 18px; --switch-btn-side-padding: 2px; --switch-btn-ball-side-size: calc(var(--switch-btn-height) - var(--switch-btn-side-padding)*2); display: block; position: relative; width: var(--switch-btn-width); height: var(--switch-btn-height); } .status-cookie__input_switch input { display: none; } .status-cookie__input_switch label { width: 100%; height: 100%; cursor: pointer; background-color: #9D9D9D; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 10px; display: flex; justify-content: flex-start; padding: var(--switch-btn-side-padding); } .status-cookie__input_switch label:before { transition: inherit; content: ' '; flex: 0 0 auto; width: var(--switch-btn-ball-side-size); height: var(--switch-btn-ball-side-size); border-radius: 50%; background: #fff; } .status-cookie__input_switch input[disabled] + label, .status-cookie__input_switch input[disabled]:checked + label { background: #DBDBDB; cursor: default; } .status-cookie__input_switch input:checked + label { background: #000; } .status-cookie__input_switch input:checked + label:before { transform: translateX(calc(var(--switch-btn-width) - var(--switch-btn-side-padding)*2 - 100%)); } .status-cookie__policy-link { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .status-cookie-block.policy-open .status-cookie__policy-link { font-weight: revert-layer; text-decoration: revert-layer; cursor: text; } .status-cookie__policy-link:hover { cursor: pointer; text-decoration: none; } .status-cookie-block.policy-open .status-cookie__form-btn-group_1, .status-cookie-block:not(.policy-open) .status-cookie__form-btn-group_2 { display: none; } .status-cookie__form-btn-group_1, .status-cookie__form-btn-group_2 { flex: 0 0 auto; } .status-cookie__form-btn-group_1 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; height: 35px; } .status-cookie__form-btn-group_2 { display: flex; justify-content: center; align-items: center; height: 46px; } .status-cookie__form-btn-group > * { display: flex; height: 100%; justify-content: center; align-items: center; font-family: Open Sans; font-size: 12px; font-weight: 600; line-height: 19.2px; letter-spacing: 0.1em; text-transform: uppercase; border: 1px solid #000000; color: #000; background: #fff; transition: all .1s ease-in-out; } .status-cookie__form-btn-group > *:hover { background: #F8F9FA; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .status-cookie__btn_submit { font-size: 13px; font-weight: 700; line-height: 20.8px; color: #fff; background: #000; border: none; } .status-cookie__btn_submit:hover { background: #16171C; } .status-cookie__form-btn-group_2 .status-cookie__btn_submit { width: 100%; max-width: 308px; } .status-cookie__btn_settings { --setting-icon-width: 16px; gap: 4px; } .status-cookie__btn_settings::before { content: ' '; flex: 0 0 auto; -webkit-mask-image: url(/local/templates/status-test/img/cookie-settings.svg); mask-image: url(/local/templates/status-test/img/cookie-settings.svg); mask-size: cover; background-color: #000; mask-repeat: no-repeat; mask-position: center; width: var(--setting-icon-width); height: var(--setting-icon-width); transition: inherit; } .status-cookie.main-form .status-cookie__btn_settings { background: #BBBBBB; color: #fff; border: none; } .status-cookie.main-form .status-cookie__btn_settings::before { background-color: #fff; transform: rotate(90deg); } /* cookies конец */ /* стили футера */ .status-footer { background: #16171C; padding: 40px 0 0; color: #68686B; } .status-footer > .container { display: flex; flex-direction: column; gap: 80px; } .top-footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .top-footer__status-logo { display: flex; width: 103px; height: 85px; } .top-footer__status-phone a { font-family: New York Large; font-size: 22px; font-weight: 500; line-height: 29px; color: #fff; } .center-footer { display: flex; flex-direction: column; gap: 22px; } .center-footer__requisites { font-family: Open Sans; font-size: 11px; font-weight: 400; line-height: 18px; text-align: center; } .center-footer__payment { display: flex; flex-direction: column; gap: 22px; justify-content: center; align-items: center; } .center-footer__pay-systems { display: flex; gap: 7px 9px; flex-direction: row; flex-wrap: wrap; margin: 0 auto; } .center-footer__pay-systems-icon { } .center-footer__payment-rules-link { font-size: 11px; font-weight: 400; line-height: 18px; text-align: center; } .center-footer__payment-rules-link > span { color: #68686B; } .bottom-footer { margin: 30px 0 0; padding: 25px 0 30px; border-top: 1px solid #68686B; } .bottom-footer .container { display: flex; flex-direction: row; justify-content: space-between; gap: 16px 35px; } .bottom-footer__link { max-width: 160px; } .bottom-footer__link a { font-size: 14px; font-weight: 400; line-height: 19px; color: #e3e3e3; } /* стили футера конец*/ /* акции модал главная */ .promotions-modal { position: fixed; left: 50px; bottom: 60px; width: 505px; height: 291px; min-height: 261px; z-index: 10; background: transparent; opacity: 0; transition: all .3s; visibility: hidden; } body:not(.status-main-page) .promotions-modal { display: none; } .promotions-modal.opened { opacity: 1; visibility: visible; } .promotions-modal__overlay { position: relative; width: 100%; height: 100%; background: inherit; cursor: pointer; z-index: -1; } .promotions-modal__window { position: absolute; width: 100%; height: 100%; padding: 25px 25px 0 0; top: 0; left: 0; right: 0; margin: 0 auto; background: transparent; z-index: 1; transition: .3s linear; transform: translateX(-110%); } .promotions-modal.opened .promotions-modal__window { transform: unset; } .promotions-modal__close-btn { position: absolute; top: 0; right: 0; cursor: pointer; color: #BBBBBB; width: 19px; height: 19px; } .promotions-modal__close-btn_ny { position: absolute; top: -26px; right: -26px; cursor: pointer; color: #BBBBBB; width: 19px; height: 19px; } .promotions-modal__content { --current-swiper-bottom-padding: 36px; height: 100%; } .promotions-modal__swiper { height: 100%; /*height: calc(100% - var(--current-swiper-bottom-padding));*/ box-shadow: 0px 0px 30px 0px rgba(33, 33, 39, 0.2); } .promotions-modal__swiper-pagination { --swiper-pagination-color: var(--primary-gold); } .promo-slide.swiper-slide { background: #fff; width: 100%; height: 100%; display: grid; grid-template-columns: 37% auto; /*transition: all .7s; opacity: 0;*/ } .promo-slide__info { display: flex; flex-direction: column; justify-content: space-between; padding: 14px 20px 20px; } .promo-slide__title { font-family: Open Sans; font-size: 18px; font-weight: 700; line-height: 24px; text-align: left; } .promo-slide__description { font-size: 14px; font-weight: 300; line-height: 19px; text-align: left; margin: 0; } .promo-slide__btn { width: 100%; max-width: 124px; height: 35px; margin-top: 5px; color: #fff; } .promo-slide__btn span { text-align: center; font-family: Open Sans; font-size: 12px; font-weight: 600; line-height: 19px; letter-spacing: 0.1em; text-align: center; color: inherit; } .promo-slide__btn:hover span { color: #fff; } .modal__btn { cursor: pointer; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #fff; background: #000; } .promo__swiper-btn-next.status__swiper-btn { position: absolute; top: 50%; right: 0; } .promo__swiper-btn-prev.status__swiper-btn { position: absolute; top: 50%; left: 0; } .promo-slide.swiper-slide-active { /*opacity: 1;*/ } /* акции модал главная конец */ /* 404!!!!!!!!!!! */ main:has(.status-404) { position: relative; /*padding-bottom: 90px;*/ } .status-404 { width: 100%; height: 100% } .status-404 .container { width: 100%; min-height: 50%; max-width: 895px; margin: calc(74vh - var(--status-header-height)) auto 90px; /*margin: 74vh auto 9.3vh;*/ padding: 0 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .status-404__picture { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; object-fit: cover; overflow: hidden; } .status-404__picture img { width: 100%; height: 100%; } .status-404__text { display: flex; flex-direction: column; text-align: center; align-items: center; height: auto; } .status-404__text-block { font-size: 22px; font-weight: 300; line-height: 35px; } .status-404__text-block a { font-weight: 600; text-decoration: underline; color: #000; } /* 404!!!!!!!!!!! */ /* Окно СТРОЙКА */ .popup_container { height: 1000px; } .popup_container_ny { height: 1020px; } #popup-preloader, popup-preloader_ny { position: fixed; left: 0px; top: 0px; right: 0; bottom: 0; /*background: #2c2c2c;*/ background:rgba(0, 0, 0, 0.7); background-attachment: fixed; background-position: center; z-index: 1000000; } .popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1160px; height: 346px; background-color: #fff; border: 1px solid #000; opacity: 1; z-index: 2000000; } .popup_picture { float: left; max-width: 100%; max-height: 100%; } .popup-content { background-color: #fefefe; margin: 15% auto; /* Центрирование по вертикали и горизонтали */ padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; /* Максимальная ширина */ } .popup_info { text-align: justify; padding: 40px 20px 10px; margin: 0px auto 20px; box-sizing: border-box; } .popup_info_ny { text-align: justify; padding: 40px 20px 10px; margin: 0px auto 10px; box-sizing: border-box; font-size: 26 px; } .popup_text { margin: 20px 20px 30px 400px; font-size: 17px; } .popup_text_ny { margin: 20px 20px 40px 400px; font-size: 18px; line-height: 30px; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .popup_btn-block { margin: 10px 40px 10px 440px; } /* Окно СТРОЙКА конец */ @media screen and (min-width: 769px) { .pr-body-item__text-container .paragraph-img { display: none; } .about__pr-body-item:first-child .pr-body-item__text-container { padding-top: calc(10px + 2lh)!important; } .business-center__main.with-media-bg { max-width: 100%; } } @media (max-width: 1199px) { .main-catalog__room:last-child { display: none; } } /* Окно СТРОЙКА */ @media (max-height: 600px) and (orientation: landscape){ .popup { height: 220px; width: calc(100vw - 60px); } .popup_picture { max-height: 220px; } .popup_info, .popup_info_ny { padding: 10px; } .popup_info, .popup_info_ny h2{ font-size: 18px; } .popup_text, .popup_text_ny { margin: 0px 10px 10px 250px; font-size: 11px; } .popup_btn-block { margin: 5px 40px 5px 300px; } } @media (max-width: 1160px) { .popup { width: calc(100vw - 100px); } .popup_info, .popup_info_ny { margin: 0; padding: 20px 20px 10px; } .popup_text, .popup_text_ny { font-size: 17px; } } @media (max-width: 1100px) { .popup_text, .popup_text_ny { font-size: 16px; } } @media (max-width: 1070px) { .popup_text { font-size: 15px; } .popup_text_ny { font-size: 12px; line-height: 20px; } } @media (max-width: 930px) { .popup_info,.popup_info_ny { padding: 10px, 20px, 10px, 20px; } .popup_text { font-size: 14px; } } @media (max-width: 890px) { .popup_text, .popup_text_ny { margin: 10px 20px 20px 400px; } .popup_text { font-size: 11px; } .popup_info, .popup_info_ny { padding: 30px 20px 20px; } } @media (max-width: 845px){ .popup_text, .popup_text_ny { margin: 10px 20px 10px 280px; } .popup_info, .popup_info_ny { padding: 7px 20px; } } @media (max-width: 780px) { .popup { height: 240px; width: calc(100vw - 60px); } .popup_picture { max-height: 238px; } .popup_info, .popup_info_ny { padding: 10px; } .popup_info, .popup_info_ny h2{ font-size: 20px; } .popup_text, .popup_text_ny { margin: 0px 10px 10px 280px; font-size: 11px; } .popup_btn-block { margin: 5px 40px 5px 300px; } } @media (max-width: 745px) { .popup_text, .popup_text_ny { margin: 5px 15px 5px 280px; } .popup_info, .popup_info_ny { padding: 5px 10px; } .container_map { flex-direction: column; } } @media (max-width: 675px) { .popup_text, .popup_text_ny { margin: 0px 10px 10px 280px; font-size: 12px; line-height: 1.2; } } @media (max-width: 666px) { .popup { height: 680px; } .popup_picture { float: inherit; position: static; max-width: 100%; max-height: 100%; display: block; margin-left: auto; margin-right: auto; } .popup_info, .popup_info_ny { padding: 5px; margin: 20px; } .popup_info, .popup_info_ny h2{ font-size: 27px; } .popup_text, .popup_text_ny { margin: 10px 20px 20px 20px; font-size: 16px; } .popup_btn-block { margin: 10px 40px 10px 40px; } } @media (max-width: 660px) { .popup_text, .popup_text_ny { margin: 10px 20px 20px 20px; font-size: 15px; } } @media (max-width: 640px) { .popup_text, .popup_text_ny { margin: 0px 20px 10px 20px; } .popup_info, .popup_info_ny { margin: 10px 20px 10px 20px; } } @media (max-width: 540px) { .popup_text, .popup_text_ny { margin: 0px 20px 40px 20px; font-size: 12px; } } @media (max-width: 480px) { .popup { height: 640px; width: calc(100vw - 130px); } .popup_info, .popup_info_ny { margin: 10px 20px 10px 20px; } .popup_text, .popup_text_ny { margin: 10px 20px 10px 20px; } } @media (max-width: 462px) { .popup { height: 590px; width: calc(100vw - 130px); } .popup_info, .popup_info_ny { margin: 5px 10px; } .popup_text, .popup_text_ny { margin: 5px 10px 15px; } .popup_text_ny { line-height: 15px; } } @media (max-width: 420px) { .popup_info, .popup_info_ny { margin: 1px 20px; } .popup_text{ margin: 3px 10px 15px; line-height: 1.3; } .popup_text_ny { margin: 3px 10px 15px; } } @media (max-width: 365px) { .popup { width: calc(100vw - 100px); } .popup_info, .popup_info_ny { margin: 5px 5px; } .popup_text, .popup_text_ny { margin: 2px 5px; } } /* Окно СТРОЙКА конец */ @media screen and (max-width: 1130px) { /* need to delete */ /* need to delete */ :root { --status-header-height: 50px; } /* header*/ .header-container.booking-menu-opened .menu-logo_unscrolled { opacity: 0; visibility: hidden; transition: .3s ease-in-out; } .status-header { /*height: var(--status-header-height, 50px);*/ } .header-container { height: var(--status-header-height, 50px); } .status-header__menu_desktop { display: none; } .status-header__menu_mobile { display: block; } .status-header__menu-container_modal { display: block; } .status-main-page .header-container.unscrolled .status-header__menu-block_center { width: 186px; } .menu-logo_default { padding: 5px 30px; } .menu-logo_unscrolled { /*padding: 12px 13px 7px;*/ /*height: 200%;*/ height: 100px; } .status-main-page .header-container.unscrolled .status-header__menu-logo.menu-logo_unscrolled { display: flex; } .status-header__logo-signature { font-size: 8px; line-height: 12.8px; } .header-menu-opened .status__logo-vector { transform: translateY(3px); } /* mobile btns */ .status-header__menu-block.menu-block_right { justify-content: flex-end; } .status-header__menu-block.menu-block_left { justify-content: flex-start; } .header-btn_mobile { background: #fff; color: #000; width: 55px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .header-btn_mobile:hover { cursor: pointer; } .status-header__burger { } .status-header__burger_line { width: 40%; height: 2px; background: #000; position: relative; display: flex; justify-content: center; transition: all .2s ease-in-out .1s; } .status-header__burger_line:first-child { top: 1px; } .status-header__burger_line:last-child { bottom: 1px; } .status-header__burger_line::before { content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; opacity: 1; transition: all .3s ease-in-out; } .status-header__burger_line:first-child::before { transform: translateY(-6px); } .status-header__burger_line:last-child::before { transform: translateY(6px); } .header-container.header-menu-opened .status-header__burger.header-btn_mobile .status-header__burger_line { transition: all .2s ease-in-out .1s; } .header-container.header-menu-opened .status-header__burger.header-btn_mobile .status-header__burger_line:first-child { transform: rotate(-45deg); } .header-container.header-menu-opened .status-header__burger.header-btn_mobile .status-header__burger_line:last-child { transform: rotate(45deg); } .header-container.header-menu-opened .status-header__burger.header-btn_mobile .status-header__burger_line::before { transform: unset; width: 0; opacity: 0; } /* mobile btns */ /* mobile header modal */ .header-container { transition: .3s ease-in-out; } .header-container.booking-menu-opened .status-header__booking-form-container, .header-container.header-menu-opened .status-header__menu-block.menu-block_modal, .header-container.header-menu-opened, .header-container.booking-menu-opened { background: #212127; } .status-header__menu-container_modal { width: 100%; height: calc(100vh - var(--bx-panel-height)); position: absolute; top: 0; left: 0; visibility: hidden; } .header-container.header-menu-opened .status-header__menu-container_modal { visibility: visible; } .status-header__menu-overlay_modal { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: #000; cursor: pointer; opacity: 0; transition: .3s ease-in-out; } .header-container.header-menu-opened .status-header__menu-overlay_modal { opacity: 0.6; } .status-header__menu-block.menu-block_modal { width: 100%; position: absolute; top: var(--status-header-height); height: auto; background: #000; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px; padding: 27px 40px 20px; max-height: 555px; z-index: 2; opacity: 0; transform: translateY(-100%); transition: .3s ease-in-out; } .header-container.header-menu-opened .status-header__menu-block.menu-block_modal { transform: revert; opacity: 1; } .status-header__menu-list.menu-list_modal { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; overflow-y: auto; /*max-height: 500px;*/ } .status-header__menu-item{ height: auto; } .status-header__menu-item.menu-item_lv1 { display: flex; flex-direction: column; line-height: 22px; } .status-header__menu-item.menu-item_lv1 a { } .menu-item_lv1:has(.status-header__menu-dropdown) .link-group { display: flex; align-items: center; justify-content: center; } .menu-item_lv1:has(.status-header__menu-dropdown) .link-group::after { content: ' '; cursor: pointer; width: 18px; height: 22px; display: block; padding: 0 0 0 8px; transition: transform .3s ease-in-out; background: #fff; -webkit-mask-image: var(--dropdown-svg); mask-image: var(--dropdown-svg); mask-repeat: no-repeat; mask-position: right; } .menu-item_lv1 .link-group:hover::after { background: var(--primary-gold); } /* opened dropdown */ .menu-item_lv1.opened .link-group::after { transform: scale(1, -1); background: var(--primary-gold); } .menu-item_lv1:not(.opened) .status-header__menu-dropdown { padding: 0; opacity: 0; } .menu-item_lv1:not(.opened) .status-header__menu-list.menu-list_lv2 { gap: 0; } .menu-item_lv1:not(.opened) .status-header__menu-item.menu-item_lv2 a { line-height: 0; } /* opened dropdown */ .menu-item_lv1.opened a { color: var(--primary-gold); } .status-header__menu-dropdown { position: static; z-index: 0; display: block; padding-top: 14px; transition: all .3s ease-in-out; opacity: 1; overflow-y: hidden; } .status-header__menu-dropdown * { transition: all .3s ease-in-out; } .status-header__menu-list.menu-list_lv2 { gap: 20px; } .status-header__menu-item.menu-item_lv2 { } .menu-item_lv2 { padding: 0; } .menu-item_lv2:not(:last-child) { border-bottom: revert; } .status-header__menu-item.menu-item_lv2 a { font-size: 14px; font-weight: 400; line-height: 19px; color: #A3A3A3; } .status-header__contact-info.contact-info_modal { display: flex; flex-direction: column; align-items: center; justify-content: center; } .status-header__status-phone { } .status-header__status-phone > a { color: var(--primary-gold); } /* mobile header modal конец */ /* header конец*/ /* about */ .about__pr-block-2 .container { max-width: 960px; } .presentation__body { --pr-img-height: 534px; gap: 20px; } .pr-body-item__text-container { line-height: 1.8; } /* about */ /* business-center */ .business-center__main.with-media-bg { min-height: 840px; } /* business-center конец */ /* congress-hall */ .congress-hall__main.with-media-bg { min-height: 814px; } .congress-hall__main .advantages__list { gap: 5%; padding: 30px 9% 36px; } /* congress-hall конец */ /* Карта на главной странице */ } @media screen and (max-width: 991px) { /* анимация кнопок главная */ .main-catalog__room-btn { transform: revert; opacity: 1; } .main-catalog__room-title { transform: revert; } .main-catalog__room:hover .contour__line_top, .main-catalog__room:hover .contour__line_right, .main-catalog__room:hover .contour__line_bottom, .main-catalog__room:hover .contour__line_left { transition-delay: revert; } .main-catalog__room:hover .contour__line_top { transform: translateX(-101%); } .main-catalog__room:hover .contour__line_right { transform: translateY(-101%); } .main-catalog__room:hover .contour__line_bottom { transform: translateX(101%); } .main-catalog__room:hover .contour__line_left { transform: translateY(101%); } /* анимация кнопок главная конец*/ .room-card__description { grid-template-rows: auto 1fr; } /* business-center */ .page-intro-content-1 { flex-direction: column; align-items: center; gap: 70px; } .business-center__main.with-media-bg { min-height: 960px; } .advantages__list { gap: 5%; padding: 30px 7% 36px; } /* business-center конец */ /* congress-hall */ .congress-hall__main.with-media-bg { min-height: 1300px; } .congress-hall__main .page-intro-content-1 { padding: 0; } /* congress-hall конец */ } @media screen and (max-width: 960px) { /* блок с топовыми предложениями */ .main-catalog__places-block { max-width: 765px; } .main-catalog__services { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 576px); } /* блок с топовыми предложениями конец*/ /* акции */ .promotion-detail__content { flex-direction: column; } /* акции конец */ /* about */ .about__pr-block-2 { padding-bottom: 70px; } .about__pr-block-2 .container { max-width: 680px; } .presentation__body { --pr-img-height: 355px; gap: 10px; } .about__pr-body-item { gap: 20px; } .pr-body-item__text-container { font-size: 14px; line-height: 1.4; padding: 10px 0 20px; } /* about */ /* boutique-hotel */ .boutique-hotel__main-bottom { padding: 0; } .boutique__room-list .container { padding: 0; } .room-card__img-container { width: 41%; } /* boutique-hotel */ /* детальная страница номера */ .room-page__top-block { flex-direction: column; row-gap: 120px; } /* детальная страница номера */ /*404!!!!!!!!!!! */ .status-404 .container { margin-bottom: 7.8vh; } .status-404__text { gap: 10px; } .status-404__text-block { font-size: 18px; line-height: 22px; } /*404!!!!!!!!!!! */ } @media screen and (max-width: 830px) { .booking-menu-opened .status__logo-vector { transform: translateY(3px); } .main__bg-media_full-size { position: absolute; z-index: -1; top: 0; left: 0; width: auto; height: 100%; object-fit: cover; } } @media screen and (max-width: 768px) { .page-intro___advantages-list, .advantages___list { /*новый*/ transform: revert; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px 10px; padding: 20px 20px 30px; } /* карточка-книжка */ .container:has(.fold-card) { padding: 0 0 30px; } .fold-card { height: auto; flex-direction: column; padding-top: 333px; max-width: 431px; } .fold-card.inverted { justify-content: revert; } .fold-card.inverted .top-service-card__info { left: revert; right: revert; } .fold-card__img { width: 100%; height: 413px; float: revert; } .fold-card__info { gap: 10px; padding: 30px 13px; width: calc(100% - 40px); min-height: revert; margin: 0 20px; } .fold-card__info-header { gap: 13px; } .fold-card__info-body { gap: 10px; } .fold-card__order-num { font-size: 13px; line-height: 16px; } .fold-card__header-divider { width: 20px; } .fold-card__header-name { font-size: 13px; line-height: 16px; letter-spacing: 3px; } .fold-card__title { font-size: 26px; line-height: 34px; text-align: left; } .fold-card__description { font-size: 14px; line-height: 28px; } .fold-card__btn { padding: 16px 40px; } /* карточка-книжка конец */ /* фото-галерея(4слипшихся фотки) */ .photo-square { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); padding: 0 0 40px; background: #F8F9FA; } /* фото-галерея(4слипшихся фотки) конец */ /* статус, комфорт, престиж */ .presentation__header { gap: 18px; margin-bottom: 30px; } .presentation__header-title { font-size: 36px; line-height: 46.8px; } .presentation__header-description { text-align: left; } /* статус, комфорт, престиж */ /* список контактных данных */ .contact-data_list-item { font-size: 20px; line-height: 24px; } /* список контактных данных */ /* стили главной страницы */ .main-catalog { padding: 40px 0 40px; background: #F8F9FA; } .main-catalog .container { padding: 0; gap: 50px; } .main-catalog__rooms-block { gap: 40px; } .main-catalog__rooms { background: #fff; display: flex; flex-direction: column; } .main-catalog__room:last-child { display: revert; } .main-catalog__room-title { font-family: New York Large; font-size: 26px; font-weight: 500; line-height: 31.2px; text-align: center; color: #fff; z-index: 2; transform: revert; padding: 0 50px; } .main-catalog__room-btn-container { position: relative; } .main-catalog__room-btn { padding: 10px 54px; opacity: revert; transform: revert; } .main-catalog__room-btn::before { background-color: #fff; } .main-catalog__room-btn::after { border: 1px solid #fff; } .main-catalog__room-btn span { color: #333; } .main-catalog__room-btn:hover span { color: #fff; } .main-catalog__link-container { display: inline-flex; align-self: center; position: relative; width: 338px; height: 120px; } .main-catalog__link-container::before { content: ''; width: 120px; height: 1px; background: #BBBBBB; transition: all .3s; } .main-catalog__more-btn { width: 100%; padding: 17px 25px; background: inherit; } .main-catalog__more-btn.status-site__btn_reverse { display: inline-flex; height: 60px; align-items: center; justify-content: center; } .main-catalog__more-btn span { color: #000; } .main-catalog__more-btn::before { border: 2px solid #000; } /* блок с топовыми предложениями */ .main-top-services { padding: 20px 0 15px; } .main-top-services .container { gap: 34px; } .top-service-card__btn { /*height: 53px;*/ } .top-service-card__btn span { font-size: 13px; font-weight: 600; line-height: 21px; letter-spacing: 2px; } .main-instagram { padding: 50px 0 30px; } .main-instagram .container { gap: 25px; padding: 0; } .main-instagram__title-container { max-width: 258px; } .main-instagram__border-text { font-size: 13px; font-weight: 400; text-align: center; } .main-instagram__title { font-size: 30px; line-height: 39px; } .main-instagram__nick span { font-size: 20px; line-height: 26px; } .main-instagram__gallery-photos { gap: 3px; } .main-instagram__gallery-photo { height: auto; width: auto; max-width: 150px; max-height: 150px; flex: 1 1 auto; } .main-instagram__gallery-photo:nth-last-child(1) { display: none; } /* стили главной страницы */ /* contacts стили */ .contacts { padding: 40px 0 80px; background: #F8F9FA; } .contacts .container { gap: 70px; } .contacts__title { font-size: 26px; line-height: 33.8px; } .contacts__contact-blocks { gap: 94px; } .contacts__contact-block { grid-template-columns: 1fr; grid-template-rows: auto auto; } .contact-block__header { gap: 14px; } .contact-block__title { font-size: 18px; line-height: 25px; letter-spacing: 3px; }/*перенести на меньший формат*/ .contact-block__description { line-height: 22.4px; /*font-size: 13px;*/ }/*перенести на меньший формат*/ .contacts__form-section { padding: 100px 0 100px; } .contact-form__title { font-size: 30px; line-height: 39px; letter-spacing: -0.01em; } .contact-form__label { font-size: 16px; line-height: 22px; } .contact-form__textarea, .contact-form__input { font-size: 14px; line-height: 19px; } .contact-form__submit { max-width: 400px; padding: 20px 10px 20px; font-size: 14px; line-height: 19px; } .map { } .map-address { padding: 50px 0; } .map-address__text { padding: 0 30px; line-height: 23px; } /* contacts стили */ /* cookies */ .status-cookie { padding: 24px 20px; gap: 10px; } .status-cookie, .status-cookie-block.policy-open .status-cookie__form { font-size: 12px; font-weight: 400; line-height: 16.8px; } .status-cookie-block.policy-open .status-cookie { font-size: 14px; line-height: 25.2px; } .status-cookie h2 { font-size: 26px; line-height: 33.8px; } .status-cookie h3 { font-size: 15px; font-weight: 700; line-height: 20.43px; } .status-cookie__form_main { gap: 8px; } .status-cookie__form-btn-group_2 { height: 38px; } .status-cookie__form-btn-group > * { font-size: 11px; line-height: 17.6px; } .status-cookie__btn_submit { font-size: 12px; line-height: 19.2px; } .status-cookie__btn_settings { --setting-icon-width: 14px; } /* cookies */ /* стили футера */ .contacts-tray { --tray-offset: 50px; } .status-footer { padding: 16px 0 0; } .status-footer > .container { gap: 33px; } .top-footer { flex-direction: column; justify-content: center; gap: 47px; } .top-footer__status-logo { width: 80px; height: 65px; } .top-footer__status-phone a { font-size: 16px; line-height: 21px; } .center-footer { gap: 12px; } .center-footer__requisites { font-size: 11px; text-align: center; } .center-footer__payment { gap: 12px; } .center-footer__payment-rules-link { text-align: left; } .bottom-footer { margin: 12px 0 0; padding: 16px 0 20px; } .bottom-footer .container { display: flex; flex-direction: column; justify-content: flex-start; } .bottom-footer__link { max-width: revert; } .bottom-footer__link:last-child { margin-top: 14px; align-self: center; } .bottom-footer__link a { font-size: 14px; font-weight: 400; line-height: 19px; } .adaptive-br { display: none; } /* стили футера */ /* акции модал главная */ .promotions-modal { position: fixed; left: 50px; bottom: 60px; width: 505px; height: 291px; min-height: 261px; z-index: 10; background: transparent; opacity: 0; transition: all .3s; visibility: hidden; } body:not(.status-main-page) .promotions-modal { display: none; } .promotions-modal.opened { opacity: 1; visibility: visible; } .promotions-modal__overlay { position: relative; width: 100%; height: 100%; background: inherit; cursor: pointer; z-index: -1; } .promotions-modal__window { position: absolute; width: 100%; height: 100%; padding: 25px 25px 0 0; top: 0; left: 0; right: 0; margin: 0 auto; background: transparent; z-index: 1; transition: .3s linear; transform: translateX(-110%); } .promotions-modal.opened .promotions-modal__window { transform: unset; } .promotions-modal__close-btn { position: absolute; top: 0; right: 0; cursor: pointer; color: #BBBBBB; width: 19px; height: 19px; } .promotions-modal__content { --current-swiper-bottom-padding: 36px; height: 100%; } .promotions-modal__swiper { height: 100%; /*height: calc(100% - var(--current-swiper-bottom-padding));*/ box-shadow: 0px 0px 30px 0px rgba(33, 33, 39, 0.2); } .promotions-modal__swiper-pagination { --swiper-pagination-color: var(--primary-gold); } .promo-slide.swiper-slide { background: #fff; width: 100%; height: 100%; display: grid; grid-template-columns: 37% auto; /*transition: all .7s; opacity: 0;*/ } .promo-slide__info { display: flex; flex-direction: column; justify-content: space-between; padding: 14px 20px 20px; } .promo-slide__title { font-family: Open Sans; font-size: 18px; font-weight: 700; line-height: 24px; text-align: left; } .promo-slide__description { font-size: 14px; font-weight: 300; line-height: 19px; text-align: left; margin: 0; } .promo-slide__btn { width: 100%; max-width: 124px; height: 35px; margin-top: 5px; color: #fff; } .promo-slide__btn span { text-align: center; font-family: Open Sans; font-size: 12px; font-weight: 600; line-height: 19px; letter-spacing: 0.1em; text-align: center; color: inherit; } .promo-slide__btn:hover span { color: #fff; } .modal__btn { cursor: pointer; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #fff; background: #000; } .promo-slide.swiper-slide-active { /*opacity: 1;*/ } /* акции модал главная конец */ /* about */ .about-heading { padding: 40px; } .about-title-section { padding: 0 0 4px; } .about-title-section .container { color: #000; margin: 15px 0; } .about__pr-block-1 { background: #FFFFFF; padding: 40px 0 30px; } .about__pr-block-2 { padding: 20px 0 50px; } .about__pr-body, .presentation__body { gap: 16px; } .presentation__body { --pr-img-height: 360px; --reverse-img-padding: 0px; } .about__pr-body-item { flex-direction: column; gap: 0; width: 100%; max-width: var(--pr-img-width); } .about__pr-body-item.reversed { flex-direction: column; } .pr-body-item__img-container { width: 100%; flex: 1 1 0; position: revert; } .about__pr-body-item.reversed .pr-body-item__img-container { flex: 1 1 0; } .pr-body-item__img { position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; width: 100%; } .about__pr-body-item.reversed .pr-body-item__img { position: absolute; bottom: 0; right: 0; z-index: revert; width: 100%; } .pr-body-item__text-container { margin-top: calc(var(--pr-img-height) - 50px); position: relative; flex: 1 1 auto; font-size: 14px; line-height: 25px; padding: 6px 0 0 0; background: transparent; z-index: 1; } .pr-body-item__text-container p { position: relative; z-index: 2; } .pr-body-item__text-container .paragraph-img { width: 23px; height: 2lh; float: right; opacity: 0; visibility: hidden; pointer-events: none; } .pr-text-overlay { display: block; position: absolute; z-index: 0; top:0; left: 0; background: #F8F9FA; width: calc(100% - 18px); height: 100%; } .about__reviews { padding: 40px 0 30px; } .about__reviews .container { gap: 30px; } .about__reviews-title { font-size: 30px; line-height: 39px; } .reviews__swiper-container { --current-swiper-bottom-padding: 36px; padding: 0 0 var(--current-swiper-bottom-padding); } .swiper.reviews__swiper { } .reviews__swiper-btn-prev, .reviews__swiper-btn-next { display: none !important; } .swiper-slide.about__review-slide { padding: 20px 13px; } .review-slide__header { justify-content: flex-start; align-items: flex-start; flex-direction: column-reverse; gap: 30px; } .review-header__user-personal-data { } .review-header__user-avatar { } .review-header__user-info { } .review-header__user-name { font-size: 16px; line-height: 19.2px; } .review-header__user-location { font-size: 14px; line-height: 16.8px; } .review-header__source-logo { align-self: center; } .review__title { font-size: 18px; line-height: 21.6px; } .review__text { font-size: 16px; line-height: 20.8px; } /* about */ /* boutique-hotel */ .with-media-bg { min-height: 922px; } .boutique-hotel__main .main__bg-overlay_full-size { opacity: revert; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 26%, rgba(0, 0, 0, 0.65) 40%, rgba(0, 0, 0, 0.8) 77%); } .boutique-hotel__main .container { padding: 14px 0; gap: 40px; } .boutique__booking-form-container { transform: revert; height: 394px; } .boutique__room-list{ padding: 0 0 10px; background: #F8F9FA; } .boutique__room-card { flex-direction: column; box-shadow: 0px 0px 20px 0px rgba(33, 33, 39, 0.2); border: none; } .room-card__img-container { width: 100%; height: 285px; } .room-card__img-container .bg-block__contour-overlay { background: rgba(33, 33, 39, 0.2); } .room-card__img-container .contour__container * { transform: revert; } .room-card__title.mobile-title { display: block; } .room-card__title.desktop-title { display: none; } .room-card__description-text { font-size: 16px; line-height: 22.4px; } .room-card__btn-block { grid-template-columns: 1fr; grid-auto-flow: row; } /* boutique-hotel end*/ /* детальная страница номера */ .room-page__info { padding: 30px 0; } .room-page__info .container { gap: 20px; } .room-page__title { font-size: 36px; line-height: 46.8px; } .room-page__top-block { padding-bottom: 40px; row-gap: 180px; } .room-page__double-swiper { margin: 0 -20px 0; } .room-page__swiper_main img { aspect-ratio: 4 / 3; } .room-page__swiper-container_thumbs { --thumbs-swiper-translate-y: 75%; --current-swiper-side-padding: 40px; } .room-page__swiper_thumbs img { aspect-ratio: 3 / 2; } .room-page__details { padding: 50px 0 0; grid-template-columns: 1fr; } .main-catalog__with-title { padding: 40px 0 30px; } .main-catalog__title { font-size: 30px; line-height: 39px; } /* детальная страница номера конец */ /* services стили */ .services { padding: 120px 0 198px; background: #F8F9FA; } .services .container { display: flex; flex-direction: column; gap: 120px; padding: 0 30px; } .services__title { font-size: 22px; line-height: 25px; letter-spacing: -0.01em; text-align: left; } .services__service-blocks { display: flex; flex-direction: column; gap: 154px; } .services__service-block { width: 100%; display: grid; grid-template-columns: 1fr 280px; gap: 30px; } .service-block__header { display: flex; flex-direction: column; gap: 1px; } .service-block__title { font-family: Open Sans; font-size: 18px; font-weight: 600; line-height: 25px; letter-spacing: 3px; text-align: left; text-transform: uppercase; } .service-block__description { line-height: 26px; letter-spacing: 0.02em; text-align: justify; } /* services стили end*/ /* акции детальная */ .promotion-detail__content-section { background: #FFFFFF; padding: 90px 0 200px; } .promotion-detail__content-section .container { display: flex; flex-direction: column; gap: 60px; } .promotion-detail__title { color: #000000; font-size: 40px; line-height: 52px; letter-spacing: -0.01em; } .promotion-detail__content { display: flex; justify-content: center; gap: 20px 40px; } .promotion-detail__img { flex: 0 0 63.8%; height: auto; object-position: center; object-fit: contain; display: flex; justify-content: center; } .promotion-detail__img img { /*aspect-ratio: 360/240;*/ width: auto; max-height: 560px; max-width: 100%; object-position: center } .promotion-detail__text { display: flex; flex-direction: column; gap: 20px; font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: left; } .promotion-detail__text h4, .promotion-detail__text h5, .promotion-detail__text h3 { font-family: Open Sans; text-transform: uppercase; font-size: inherit; font-weight: inherit; line-height: inherit; text-align: inherit; } .promotion-detail__text ul { display: flex; flex-direction: column; gap: 11px; } .promotion-detail__text ul li { display: flex; gap: 5px; } .promotion-detail__text ul li::before { content: "•"; } .promotion-detail__promo-list-section { background: inherit; padding-bottom: 90px; } .promotion-detail__promo-list-section .container { display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 0; max-width: 1200px; } .promo-list-title { font-size: 28px; line-height: 36.4px; letter-spacing: -0.01em; } .promotion-detail__promo-list-section .boutique__promo-list { --promo-shadow-width: 20px; --promo-item-width: 280px; --promo-item-height: 175px; font-size: 22px; line-height: 30.8px; } .promotion-detail__promo-list-section .boutique__promo-list-item { opacity: 1; } .promotion-detail__promo-list-section .boutique__promo-item-link { width: 157px; font-size: 12px; line-height: 19.2px; padding: 8px 10px; } /* акции детальная конец */ /* business-center */ .business-center__main.with-media-bg { min-height: 1024px; } .congress-hall__main .container, .gastrobar__main .container, .business-center__main .container { padding: 0; gap: 10px; } .page-intro-content-1 { flex-direction: column; align-items: center; gap: 0; max-width: 431px; } .page-intro__list-block { margin: 0; max-width: 500px; } .business-center__intro-list-block { padding: 40px 30px 34px; } .page-into__title { font-size: 27px; line-height: 35.1px; text-align: center; } .page-intro__list { gap: 28px; } .page-intro__list-item { font-size: 13px; font-weight: 600; line-height: 16.9px; letter-spacing: 1px; } .page-intro__list-item::before { margin-right: 10px; } .call-request__form-container { height: 100%; padding: 30px; } .call-request__form { gap: 20px; } .call-request__form-header { gap: 0; } .call-request__title { font-size: 22px; line-height: 28.6px; text-align: center; } .call-request__form-header .call-request__form-description{ display: none; } .call-request__form-description { font-size: 12px; line-height: 14.4px; } .page-intro-content-2 { /*min-height: 230px;*/ /*новый*/ min-height: 300px; } .page-intro__advantages-list, .advantages__list { transform: revert; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px 10px; padding: 20px 20px 30px; min-width: 431px; } .advantages__list-item { gap: 8px; } .advantages__list-item-name { font-size: 14px; line-height: 18.2px; } .advantages__list-item-name mark { font-size: 13px; line-height: 17.7px; } .congress-hall__content-body, .gastrobar__content-body, .business-center__content-body { padding: 0; } .business-center__reasons-for-rent { padding: 40px 0 50px; } .business-center__reasons-for-rent .container { gap: 40px; } .reasons-for-rent__block-header { gap: 10px; } .reasons-for-rent__block-title { font-size: 30px; line-height: 36px; } .reasons-for-rent__header-description { font-size: 14px; } .reasons-for-rent__reasons-list { grid-template-columns: 1fr; gap: 40px; } .reasons-for-rent__reason-item { gap: 5px 15px; } .reason-item__reason-name { font-size: 17px; line-height: 22.1px; } .reason-item__reason-description { font-size: 14px; line-height: 21px; letter-spacing: -0.02em; } .business-center__building-scheme-section { padding: 50px 0 0; } .business-center__building-scheme-section .container { padding: 0; } .building-scheme-section__swiper-container { --current-swiper-bottom-padding: 30px; --current-swiper-side-padding: 0px; } .building-scheme-swiper__btn-prev, .building-scheme-swiper__btn-next { display: none !important; } .building-scheme__call-request-btn { font-size: 14px; line-height: 22.4px; margin: 0 30px; } /* business-center конец */ /* congress-hall */ .congress-hall__main.with-media-bg { min-height: 1034px; } .congress-hall__intro-list-block { padding: 30px 20px 52px; } .congress-hall__last-events { padding: 60px 0 80px; } .congress-hall__last-events .container { gap: 60px; } .last-events__title { font-size: 30px; line-height: 36px; } .last-events__list { flex-direction: column; max-width: 500px; } .last-events__list-item { gap: 20px; } /* congress-hall конец */ /* gastrobar */ .gastrobar__heading { padding: 30px; } .gastrobar__main.with-media-bg { min-height: calc(100vh + 230px); } .gastrobar__main .container { padding-top: 40px; } .gastrobar__title-img svg { width: 243px; height: 81px; } .gastrobar__menu-swiper-section { background: #FFFFFF; padding: 60px 0 30px; } .gastrobar__menu-swiper-section .container { gap: 30px; --current-swiper-side-padding: 0px; max-width: 500px; } .menu-swiper-section__swiper-container { --current-swiper-bottom-padding: 30px; } .menu-swiper-section__title { font-size: 36px; line-height: 43.2px; text-align: center; padding: 0 30px } .gastrobar__menu-swiper-btn-prev, .gastrobar__menu-swiper-btn-next { display: none !important; } #gastroMenuModal .hystmodal__window { width: 80%; --swiper-navigation-sides-offset: 2%; } #gastroMenuModal .gastro-menu__swiper-btn-prev:after, #gastroMenuModal .gastro-menu__swiper-btn-next:after { --swiper-navigation-size: 22px; } /* gastrobar конец */ /*404!!!!!!!!!!! */ .status-404 .container { margin: calc(74vh - var(--status-header-height)) auto 7.8vh; } /*404!!!!!!!!!!! */ } @media screen and (max-width: 640px) { /* блок с топовыми предложениями */ .main-catalog__places-block { max-width: 471px; } .main-catalog__services { grid-template-rows: repeat(2, 380px); } .main-catalog__service-block { } .main-catalog__service-pic { height: calc(100% - 30px); } /* блок с топовыми предложениями конец*/ /* кнопки в акционном предложении*/ .promo__swiper-btn-next.status__swiper-btn, .promo__swiper-btn-prev.status__swiper-btn { display: none !important; } /* кнопки в акционном предложении конец*/ /*404!!!!!!!!!!! */ .status-404 .container { margin-bottom: 6.3vh; } .status-404__text { gap: 10px; } .status-404__text-block { font-size: 14px; line-height: 22px; } /*404!!!!!!!!!!! */ } @media screen and (max-width: 480px) { /* фото-галерея(4слипшихся фотки) */ .photo-square { background: #FFFFFF; } /* фото-галерея(4слипшихся фотки) конец */ .fold-card { max-width: revert; padding-top: 383px; } /* блок с топовыми предложениями */ .main-catalog__places-block { } .main-catalog__services { grid-template-columns: 1fr; grid-template-rows: repeat(4, 214px); } .main-catalog__service-block { } .main-catalog__service-pic { } .main-catalog__service-info { width: 100%; height: 50px; align-items: flex-start; padding-left: 14px; } .main-catalog__service-icon { display: none; } /* блок с топовыми предложениями конец*/ .room-page__top-block { row-gap: 90px; } /* about */ .about-heading { padding-bottom: 30px; color: #FFFFFF; } .about-title-section { background: #222228; } /* about конец */ /* business-center */ .advantages__list { width: 100%; min-width: revert; } /* business-center конец */ /* contacts */ .contact-block__title { font-size: 15px; line-height: 26px; } .contact-block__description { line-height: 18.2px; font-size: 13px; } /* contacts */ } @media screen and (max-width: 420px) { .status-main-page .header-container.unscrolled .status-header__menu-block_center { width: 210px; } .status-header__menu-block_center { width: 160px; } } @media screen and (max-width: 360px) { .business-center__main.with-media-bg { min-height: 1120px; } /* business-center */ .page-intro__list { gap: 50px; padding: 0 0 50px; } /* business-center конец */ .congress-hall__main.with-media-bg { /*min-height: 1078px;*/ /*новый*/ min-height: 1148px; } .congress-hall__main .page-intro__list { padding: 0; } } @media(max-width:500px){ .swiper-slide.promo-slide{ display: flex; flex-wrap: wrap; height: 409px; /* width: calc(100% - 100px);*/ } .promotions-modal__window { position: absolute; width: calc(100% - 100px); height: 100%; padding: 0; top: 95px; left: 50px; right: 0; margin: 0 auto; background: transparent; z-index: 1; transition: .3s linear; transform: translateX(-110%); margin: 0; } .promotions-modal.opened { opacity: 1; visibility: visible; width: 100%; height: 100%; } .promotions-modal { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 100%; min-height: 261px; z-index: 10; background: transparent; opacity: 0; transition: all .3s; visibility: hidden; } .promotions-modal picture{ width: 100%; max-height: 260px; height: 260px; } .promotions-modal picture img{ width: 100%; object-fit: cover; object-position: center; } .swiper-slide.promo-slide h3,.swiper-slide.promo-slide p{ display: none; } .swiper-slide.promo-slide .promo-slide__title{ display: block; } .promotions-modal__close-btn { position: absolute; top: -26px; right: -26px; cursor: pointer; color: #BBBBBB; width: 19px; height: 19px; } .promotions-modal__overlay { position: absolute; inset: 0; width: 100%; height: 100%; background: #000000; opacity: .6; cursor: pointer; z-index: -1; } } /*promotions*/ .boutique-hotel__main .container.promotions { justify-content: center; } .room-card__btn-block .boutique__promo-item-link span{ display: block; width: 100%; padding: 6px 10px; font-size: 14px; font-weight: 600; } .room-card__btn-block .boutique__promo-item-link { display: flex; justify-content: center; align-items: center; width: 100%; } /*.modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: white; display: flex; justify-content: center; align-items: center; z-index: 12; } .modal__container { position: relative; background-color: #fff; padding: 21px 30px 28px 30px; max-width: 560px; max-height: 100%; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; background: rgba(226, 233, 230, 1); } .modal__container .content_header_form{ padding: 0; } .modal__overlay.dark { padding: 0px 10px; background-color: rgba(0, 0, 0, 0.5); } .modal__close { width: 17.5px; height: 17.5px; cursor: pointer; color: #959595; } .formModal .modal__close { position: absolute; top: 20px; right: 20px; } .modal.is-open { display: block; } .modal { display: none; }*/ @media(max-width:1130px){ .status-header__menu-item.menu-item_lv1, .status-header__menu-item.menu-item_lv1 a { font-size: 16px; } } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* End */ /* /local/templates/status-test/css/fonts.css?1720092854829 */ /* /local/templates/status-test/css/hystmodal.min.css?17218114714550 */ /* /local/templates/status-test/css/swiper-bundle.min.css?173996988715829 */ /* /local/templates/status-test/components/bitrix/menu/status-horizontal/style.min.css?17210287763715 */ /* /local/templates/status-test/components/bitrix/menu/status-main-mobile/style.min.css?17210346962111 */ /* /local/templates/status-test/components/bitrix/news.list/promo-swiper/style.css?1720714128241 */ /* /local/templates/status-test/styles.css?1789717774162221 */