/* Start:/css/jquery.fancybox.min.css?176287600712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/css/swiper.5.min.css?176287600813593*/ /** * Swiper 5.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 30, 2019 */ @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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}: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(-1 * 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)}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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-container-horizontal>.swiper-pagination-bullets,.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:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.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-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/css/style.css?176287600884306*/ @font-face { font-family: 'Roboto'; src: url('/fonts/Roboto/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } :root { --white: #ffffff; --dark: #1d202b; --brownish_grey: #777777; --brown_grey: #9c9c9c; --light_pink: #bbbbbb; --lighter_pink: #d5d5d5; --lightest_pink: #f2f2f2; --royal_blue: #000669; --cobalt_blue: #000bb3; --light_grey_green: #bfe68f; --sun_yellow: #e9dd37; --banana_yellow: #fff34e; --apricot: #f0ad7a; --bright_red: #e3000f; } html, body { width: 100%; margin: 0; padding: 0; max-width: 1920px; overflow-x: hidden; font-family: 'Roboto', sans-serif; } html *, body * { box-sizing: border-box; margin: 0; padding: 0; } html *::after, body *::after, html *::before, body *::before { box-sizing: border-box; display: inline-block; } html * :active, body * :active, html * :hover, body * :hover, html * :focus, body * :focus, html * select, body * select, html * option, body * option { outline: 0; outline-offset: 0; } input { background-color: transparent; border: none; font-family: 'Roboto', sans-serif; } h1, h2, p, span { padding: 0; margin: 0; } a { text-decoration: none; /* РЎС“РВ±РёСЂР°ем РС—РѕдчерРС”РС‘РР†РВ°РР…РёСЏ*/ color: inherit; } ul { list-style: none; /* РЎС“РВ±РёСЂР°ем марРєирРѕвку РЎРѓРС—РёСЃРС”РВ°*/ } button { border: none; background-color: inherit; } body { display: flex; flex-direction: column; min-height: 100vh; width: 100%; max-width: 100%; } section { width: 100%; } /**/ .gui { width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 80px 100px; } .gui__col { width: 100%; padding: 20px 40px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid grey; margin-bottom: 40px; } .gui__item { width: 100%; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid lightgrey; padding-bottom: 20px; margin-bottom: 20px; } .gui__item-title { font-size: 20px; font-weight: 400; line-height: 1; color: #212121; margin-bottom: 15px; } /* РћбщРС‘РВµ СЃС‚РС‘РВ»РС‘ Рґля РІСЃРВµРв„– СЃистемы */ .page-title { font-family: 'Roboto', sans-serif; font-size: 54px; font-weight: 300; line-height: 1.3; text-align: left; color: var(--royal_blue); } .text, .text > p { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); } .text-title h2, .text-title h3, .text-title { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.43; text-align: left; color: var(--dark); } .text-14-grey { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--brownish_grey); } .text-14-dark { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--dark); } .text-18-grey { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--brownish_grey); } .text-18-dark { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); } .switch { cursor: pointer; } .switch input { display: none; } .switch__oval { width: 47px; height: 22px; border-radius: 15px; border: solid 1px var(--light_pink); background-color: var(--white); transition: 0.2s ease-out; position: relative; } .switch__oval::before { content: ''; width: 24px; height: 24px; border-radius: 50%; border: solid 1px var(--cobalt_blue); background-color: var(--white); transition: 0.2s ease-out; position: absolute; top: -2px; left: -2px; } .switch input:checked + .switch__oval { background-color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .switch input:checked + .switch__oval::before { left: calc(100% - 22px); } .chbox { display: flex; align-items: center; cursor: pointer; } .chbox input { display: none; } .chbox__label { font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 400; line-height: 1.46; text-align: left; color: #242424; margin-left: 16px; } .chbox__box { width: 24px; height: 24px; border-radius: 2px; border: solid 2px var(--light_pink); background-color: var(--lightest_pink); transition: 0.2s ease-out; position: relative; } .chbox__box::before, .chbox__box::after { content: ''; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 15px; height: 12px; position: absolute; left: 3px; top: 4px; opacity: 0; transition: 0.2s ease-out; } .chbox__box::before { background-image: url('/images/svg/check_grey.svg'); } .chbox__box::after { background-image: url('/images/svg/check_white.svg'); } .chbox input:checked + .chbox__box { border-color: var(--cobalt_blue); background-color: var(--cobalt_blue); } .chbox input:checked + .chbox__box::before { opacity: 0; } .chbox input:checked + .chbox__box::after { opacity: 1; } .chbox:hover .chbox__box::before { opacity: 1; } .chfloor { display: flex; cursor: pointer; } .chfloor input { display: none; } .chfloor span { width: 32px; height: 32px; border-radius: 4px; border: solid 1px var(--light_pink); background-color: var(--white); font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.7; text-align: center; color: var(--dark); transition: 0.2s ease-out; } .chfloor:hover span { border-color: var(--cobalt_blue); color: var(--cobalt_blue); } .chfloor input:checked + span { border-color: var(--cobalt_blue); background-color: var(--cobalt_blue); color: var(--lightest_pink); } .gui .double-input { max-width: 393px; } .double-input { width: 100%; display: flex; align-items: center; height: 50px; padding-left: 15px; padding-right: 15px; border-radius: 4px; border: solid 1px var(--light_pink); background-color: var(--white); } .double-input__label { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: var(--dark); margin-right: auto; } .double-input__measure { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: right; color: var(--dark); margin-left: auto; } .double-input input { min-width: 0px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: center; color: var(--cobalt_blue); } .double-input input::-webkit-input-placeholder { color: var(--brownish_grey); } .double-input input:-ms-input-placeholder { color: var(--brownish_grey); } .double-input input::-ms-input-placeholder { color: var(--brownish_grey); } .double-input input::placeholder { color: var(--brownish_grey); } .double-input input.double-input__from { text-align: right; } .double-input input.double-input__to { text-align: left; } .double-input__from ~ span { width: 1px; height: calc(50px - 16px); align-self: center; background-color: var(--light_pink); flex-shrink: 0; margin: 0 16px; } /* ДрРС•РС—РґауРР… */ .double-input-dd { display: flex; align-items: center; position: relative; } .double-input-dd .select2-container .select2-selection--single { border: none; height: 28px; margin-top: 0px; } .double-input-dd .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; right: 0; } .double-input-dd .select2-container .select2-selection--single .select2-selection__rendered { display: flex; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: right; color: var(--dark); margin-left: auto; padding-left: 0; padding-right: 25px; } .double-input-dd .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: -4px; } .double-input-dd .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { background-color: var(--white); } .double-input-dd .select2-container .select2-selection--single:hover { background-color: var(--white); } .double-input-dd .select2-container .select2-selection--single:hover .select2-selection__arrow b { border-color: #707070; } .gui .btn { margin-bottom: 10px; max-width: 393px; } .btn { width: 100%; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-family: 'Roboto', sans-serif; transition: 0.25s ease-out; cursor: pointer; } .btn--blue { border-radius: 4px; height: 54px; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: center; background-color: var(--royal_blue); color: #f9f9f9; } .btn--blue:hover { background-color: var(--cobalt_blue); } .btn--blue:focus { background-color: var(--royal_blue); } .btn--sun { border-radius: 6px; height: 68px; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: center; background-color: var(--sun_yellow); color: var(--dark); } .btn--sun:hover { background-color: var(--banana_yellow); } .btn--sun:focus { background-color: var(--sun_yellow); } .btn--default { height: 40px; border-radius: 4px; border: solid 1px var(--brownish_grey); background-color: var(--white); padding: 0 24px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.43; text-align: center; color: var(--brownish_grey); } .btn--default.active, .btn--default:hover { border-color: var(--cobalt_blue); color: var(--cobalt_blue); } .gui .dd { max-width: 300px; } .dd { width: 100%; display: flex; align-items: center; position: relative; } .dd__label { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: var(--dark); position: absolute; left: 15px; top: 19px; z-index: 1; pointer-events: none; transition: 0.2s ease-out; } .dd__label._focus { top: 8px; font-size: 12px; font-weight: 300; line-height: 1; text-align: left; color: var(--brownish_grey); } .dd._selected .select2-container .select2-selection--single .select2-selection__rendered { display: flex; padding-left: 15px; padding-right: 0px; line-height: 1; padding-bottom: 8px; overflow: hidden; text-overflow: ellipsis; padding-right: 0; margin-right: 35px; } .dd._selected .dd__label { top: 8px; font-size: 12px; font-weight: 300; line-height: 1; text-align: left; color: var(--brownish_grey); } .select2-container { padding-bottom: 8px; } .select2-container--open .select2-dropdown--below { border: 1px solid var(--light_pink); border-radius: 4px; padding-top: 10px; position: relative; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .select2-container--open .select2-dropdown--below::before { content: ''; width: 12px; height: 12px; position: absolute; right: 17px; top: -7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid var(--light_pink); background: white; border-bottom-width: 0; border-right-width: 0; } .select2-results__option { font-size: 14px; font-weight: 300; background-color: var(--white); color: var(--dark); transition: 0.2s ease-out; padding: 10px 5px 10px 15px; } .select2-results__option:hover { background-color: var(--lightest_pink); color: var(--cobalt_blue); } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--lightest_pink); color: var(--cobalt_blue); } .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: var(--lightest_pink); color: var(--cobalt_blue); } .select2-container--default .select2-results__option[aria-selected='true'] { background-color: var(--lightest_pink); color: var(--cobalt_blue); } .select2-container .select2-selection--single { border: 1px solid var(--light_pink); border-radius: 4px; height: 50px; display: flex; align-items: flex-end; transition: 0.2s ease; } .select2-container .select2-selection--single:hover { background-color: #f9f9f9; } .select2-container .select2-selection--single:hover .select2-selection__arrow b { border-color: var(--cobalt_blue); } .select2-container .select2-selection--single .select2-selection__rendered { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--cobalt_blue); width: 100%; display: none; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 14px; right: 14px; } .select2-container--default .select2-results__option[aria-disabled=true] { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: var(--brownish_grey); pointer-events: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 8px; height: 8px; border: 1px solid #707070; border-left: 0; border-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px; transition: 0.2s ease-out; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { width: 8px; height: 8px; border: 1px solid var(--cobalt_blue); border-left: 0; border-top: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -3px; } .select2-container--open .select2-dropdown--below { min-width: 94px!important; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-radius: 4px; background-color: #f9f9f9; } /* РРЎРЏРТ‘ РС‘РР…РїСѓС‚РС•РР†*/ .dd-row { width: 100%; display: flex; align-items: center; } .dd-row .dd.dd__bc .select2-container .select2-selection--single { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd-row .dd.dd__date .select2-container .select2-selection--single, .dd-row .dd.dd__time .select2-container .select2-selection--single { border-left: 0; border-right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; position: relative; } .dd-row .dd.dd__date .select2-container .select2-selection--single::after, .dd-row .dd.dd__time .select2-container .select2-selection--single::after, .dd-row .dd.dd__date .select2-container .select2-selection--single::before, .dd-row .dd.dd__time .select2-container .select2-selection--single::before { content: ''; width: 1px; height: 32px; background-color: #c3c3c3; position: absolute; right: 0; top: 8px; } .dd-row .dd.dd__date .select2-container .select2-selection--single::before, .dd-row .dd.dd__time .select2-container .select2-selection--single::before { right: auto; left: 0; } .icon-walking, .icon-bus { padding-left: 3px; padding-right: 32px; position: relative; } .icon-walking::after, .icon-bus::after { position: absolute; right: 8px; top: 1px; } .icon-walking { padding-right: 24px; } .icon-walking::after { width: 9px; height: 14px; content: url('/images/svg/walking.svg'); } .icon-bus::after { width: 14px; height: 14px; content: url('/images/svg/bus.svg'); } .icon-metro{ position: relative; display: inline-block; vertical-align:middle; width: 24px; height: 11px; } .icon-metro__red, .icon-metro__blue, .icon-metro__green, .icon-metro__violet, .icon-metro__orange, .icon-metro__brown, .icon-metro__grey { position: relative; } .icon-metro__red::before, .icon-metro__blue::before, .icon-metro__green::before, .icon-metro__violet::before, .icon-metro__orange::before, .icon-metro__brown::before, .icon-metro__grey::before { content: url('/images/svg/metro_red.svg'); position: absolute; width: 14px; height: 11px; } .icon-metro__red::before { content: url('/images/svg/metro_red.svg'); } .icon-metro__blue::before { content: url('/images/svg/metro_blue.svg'); } .icon-metro__green::before { content: url('/images/svg/metro_green.svg'); } .icon-metro__violet::before { content: url('/images/svg/metro_violet.svg'); } .icon-metro__orange::before { content: url('/images/svg/metro_orange.svg'); } .icon-metro__brown::before { content: url('/images/svg/metro_brown.svg'); } .icon-metro__grey::before { content: url('/images/svg/metro_grey.svg'); } .list { display: flex; flex-direction: column; } .list li { margin-bottom: 16px; padding-left: 32px; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); position: relative; } .list li::before { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: var(--light_pink); } .add-fav { display: flex; justify-content: flex-start; align-items: center; background-color: var(--dark); border-radius: 4px; opacity: 0.5; transition: 0.2s ease-out; cursor: pointer; padding: 8px 8px; height: 32px; width: 32px; overflow: hidden; } .add-fav svg { flex-shrink: 0; width: 16px; height: 16px; fill: #f9f9f9; transition: 0.2s ease-out; } .add-fav span { margin-left: 8px; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: normal; line-height: 1; text-align: left; color: #f9f9f9; transition: 0.25s ease; overflow: hidden; height: 13px; } .add-fav span.add-fav__add { width: 77px; } .add-fav span.add-fav__rem { width: 51px; display: none; } .add-fav:hover { opacity: 0.7; width: calc(32px + 8px + 77px); } .add-fav._added svg { fill: var(--sun_yellow); } .add-fav._added .add-fav__add { display: none; } .add-fav._added .add-fav__rem { display: flex; } .add-fav._added:hover { width: calc(32px + 8px + 51px); } .dd-faq { width: 100%; display: flex; flex-direction: column; border-bottom: 2px solid var(--light_pink); overflow: hidden; position: relative; } .dd-faq::before { content: ''; position: absolute; right: 100px; top: 38px; background-image: url('/images/svg/plus.svg'); background-repeat: no-repeat; background-size: cover; background-position: center -10px; width: 16px; height: 16px; } .dd-faq__header { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.43; text-align: left; color: var(--brownish_grey); background: white; padding: 24px 0; padding-right: 140px; cursor: pointer; transition: 0.25s ease-out; } .dd-faq__header:hover, .dd-faq__header:active { color: var(--dark); } .dd-faq__content { width: 100%; max-width: 882px; display: flex; flex-direction: column; transition: 0.25s ease-out; padding-bottom: 48px; } .dd-faq__text { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); } .dd-faq._show .dd-faq__header { color: var(--dark); } .dd-faq._show::before { background-image: url('/images/svg/x_mark.svg'); background-position-y: center; } .sort { width: 100%; display: flex; align-items: flex-start; padding: 16px 0 8px 0; border-bottom: 2px solid var(--light_pink); } .sort__title { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); margin-right: 24px; flex-shrink: 0; } .sort__list { width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; } .sort__btn { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--brownish_grey); margin-right: 16px; margin-bottom: 8px; transition: 0.2s ease-out; } .sort__btn:hover, .sort__btn._current { color: var(--cobalt_blue); } .sort__btn._last { margin-left: auto; text-decoration: underline; } .sort__btn span { color: var(--cobalt_blue); } .sort__btn-clear { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--brownish_grey); padding-left: 16px; margin-left: auto; transition: 0.25s ease-out; position: relative; } .sort__btn-clear::before { content: ''; width: 8px; height: 8px; background-image: url('/images/svg/x_mark.svg'); background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; left: 0; top: 9px; } .sort__btn-clear:hover, .sort__btn-clear:active { color: var(--bright_red); } .output-ctrls { display: flex; align-items: center; } .output-ctrl { display: flex; align-items: center; margin-left: 40px; cursor: pointer; } .output-ctrl > * { transition: 0.2s ease-out; } .output-ctrl svg { width: 20px; height: 16px; fill: var(--light_pink); margin-right: 16px; } .output-ctrl span { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.44; text-align: left; color: var(--light_pink); border-bottom: 1px dotted var(--light_pink); } .output-ctrl:hover svg, .output-ctrl._current svg { fill: var(--cobalt_blue); } .output-ctrl:hover span, .output-ctrl._current span { color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .header { width: 100%; display: flex; justify-content: flex-start; align-items: center; padding: 0 60px; height: 88px; background-color: var(--royal_blue); z-index: 15; position: fixed; top: 0; left: 0; } .header__tel { font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 300; line-height: 1.16; text-align: left; color: #f9f9f9; transition: 0.2s ease-out; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; margin-left: 230px; } .header__tel:hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } .logo { display: flex; align-items: flex-start; cursor: pointer; } .logo__col { display: flex; flex-direction: column; } .logo__name { font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: 300; line-height: 0.75; letter-spacing: 1.75px; text-align: left; color: #f9f9f9; text-transform: uppercase; margin-bottom: 3px; } .logo__desc { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.43; letter-spacing: normal; text-align: left; color: #f9f9f9; } .logo__img { width: 41px; height: 41px; border: 1px solid var(--lightest_pink); position: relative; margin-right: 14px; margin-left: 8px; /* чтРѕбы РС‘РС”РС•РР…РС”РВ° РР…РВµ РІС‹РВ»РВµРВ·РВ°РВ»РВ° */ } .logo__icon { width: 57px; height: 56px; position: absolute; left: -8px; top: -8px; } /* header favorites */ .header__fav { margin-left: auto; display: flex; align-items: center; font-size: 18px; line-height: 24px; font-weight: 300; color: white; } .header__fav-star { width: 32px; height: 32px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url('/images/svg/header_fav_default.svg'); margin-right: 8px; } .header__fav-count { display: none; transition: .2s ease; } .header__fav-text { transition: .2s ease; } .header__fav._current .header__fav-star { background-image: url('/images/svg/header_fav_active.svg'); } .header__fav._current .header__fav-text { text-decoration: underline; } .header__fav._current .header__fav-count { text-decoration: underline; display: flex; } .header__fav._current:hover .header__fav-text, .header__fav._current:hover .header__fav-count { color: #fff34e; } /* header favorites */ .burger { width: 36px; height: 30px; cursor: pointer; display: none; align-items: center; } .burger > * { pointer-events: none; } .burger span { width: 100%; background-color: #f9f9f9; height: 2px; position: relative; } .burger span::after, .burger span::before { position: absolute; left: 0; width: 100%; height: 2px; content: ''; background-color: #f9f9f9; transition: 0.25s ease-out; } .burger span::before { top: -12px; -webkit-transform-origin: top right; transform-origin: top right; } .burger span::after { top: 12px; -webkit-transform-origin: bottom right; transform-origin: bottom right; } .burger._show span { background-color: transparent; } .burger._show span::before { -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } .burger._show span::after { -webkit-transform: rotate(43deg); transform: rotate(43deg); } .form-gg { width: 100%; border-radius: 10px; background-color: var(--royal_blue); padding: 110px 150px 80px 150px; display: flex; flex-direction: column; align-items: center; } .form-gg__title { color: #f9f9f9; text-align: center; margin-bottom: 48px; } .form-gg__text { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.45; text-align: center; color: #f9f9f9; margin-bottom: 48px; } .form-gg__text-min { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.43; text-align: center; color: var(--light_pink); margin-top: 16px; } .form-gg__form { width: 100%; display: flex; align-items: center; } .form-gg__btn { height: 50px; width: 274px; flex-shrink: 0; margin-left: 30px; font-weight: 400; margin-bottom: 9px; } .dd__bc { width: 100%; max-width: 240px; } .dd__date, .dd__time { width: 100%; } .dd__date { max-width: 120px; } .dd__time { max-width: 130px; } .dd__tel { max-width: 240px; min-width: 120px; } .dd__tel .dd__input { height: 50px; border: 1px solid var(--light_pink); border-left: 0; margin-bottom: 8px; background: white; width: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding-left: 15px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: var(--royal_blue); } .dd__tel .dd__input::-webkit-input-placeholder { color: var(--dark); } .dd__tel .dd__input:-ms-input-placeholder { color: var(--dark); } .dd__tel .dd__input::-ms-input-placeholder { color: var(--dark); } .dd__tel .dd__input::placeholder { color: var(--dark); } .dd__date { position: relative; cursor: pointer; } .dd__date .dd__input { height: 50px; border: 1px solid var(--light_pink); border-right: 0; margin-bottom: 8px; background: white; width: 100%; padding-left: 15px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: var(--royal_blue); display: flex; align-items: flex-end; padding-top: 25px; padding-bottom: 8px; } .dd__date .dd__input::-webkit-input-placeholder { color: var(--dark); } .dd__date .dd__input:-ms-input-placeholder { color: var(--dark); } .dd__date .dd__input::-ms-input-placeholder { color: var(--dark); } .dd__date .dd__input::placeholder { color: var(--dark); } .dd__date:hover .dd__arrow span { border-color: var(--royal_blue); } .dd__arrow { height: 26px; position: absolute; top: 14px; right: 14px; width: 20px; } .dd__arrow span { left: 50%; margin-left: -4px; position: absolute; top: 50%; width: 8px; height: 8px; border: 1px solid #707070; border-left: 0; border-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px; transition: 0.2s ease-out; } .dd__arrow._focus span { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -3px; } .ui-widget { font-family: 'Roboto', sans-serif; } .ui-widget-header { border: none; background: white; } .ui-datepicker .ui-datepicker-title { font-size: 16px; font-weight: 400; } .ui-widget-header .ui-icon { background-image: url('/images/svg/arrow_left.svg'); background-position: center center; background-size: cover; width: 8px; height: 16px; } .ui-datepicker-next .ui-icon { background-image: url('/images/svg/arrow_right.svg'); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none; background: var(--light_grey_green); color: var(--dark); } .ui-datepicker th { font-weight: 400; } .form-gg-grey { width: 100%; border-radius: 10px; background-color: var(--lightest_pink); padding: 40px 30px 16px 30px; display: flex; flex-direction: column; align-items: flex-start; } .form-gg-grey__title { color: var(--royal_blue); text-align: left; margin-bottom: 24px; } .form-gg-grey__text { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); margin-bottom: 24px; } .form-gg-grey__text-min { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.43; text-align: center; color: var(--light_pink); margin-top: 16px; align-self: center; } .form-gg-grey__text-min a { text-decoration: underline; transition: 0.25s ease-out; } .form-gg-grey__text-min a:hover, .form-gg-grey__text-min a:active { color: var(--cobalt_blue); } .form-gg-grey__form { width: 100%; display: flex; align-items: center; } .form-gg-grey__btn { height: 50px; width: 274px; flex-shrink: 0; margin-left: 30px; font-weight: 400; margin-bottom: 9px; } .form-gg-grey__cancel-btn { align-self: flex-start; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: left; color: var(--dark); border-bottom: 2px solid var(--light_pink); } .form-gg-grey__cancel-btn:hover, .form-gg-grey__cancel-btn:active { color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .form-gg-grey .dd__tel { max-width: 100%; } .form-gg-grey .dd__date .dd__input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .table-card { display: flex; flex-direction: column; width: calc(100% / 3 - 20px); margin-bottom: 30px; border-radius: 10px; border: solid 1px var(--light_pink); background-color: var(--white); position: relative; height: 100%; height: auto; } .table-card:nth-child(3n + 2) { margin-left: 30px; margin-right: 30px; } .table-card__add-fav { position: absolute; top: 24px; right: 24px; z-index: 2; } .table-card__content { width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding-top: 16px; padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } .table-card__name { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); margin-bottom: 8px; transition: 0.2s ease-out; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .table-card__name:hover, .table-card__name:active { color: var(--cobalt_blue); -webkit-text-decoration-color: var(--cobalt_blue); text-decoration-color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .table-card__bc { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--dark); margin-bottom: 24px; } .table-card__row { width: 100%; display: flex; align-items: flex-start; } .table-card__col { width: 100%; max-width: 140px; display: flex; flex-direction: column; margin-bottom: 16px; } .table-card__param { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: left; color: var(--dark); } .table-card__address { display: flex; flex-direction: column; margin-bottom: 8px; } .table-card__metro { display: flex; flex-direction: column; } .table-card__add-to-order { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: left; color: var(--dark); border-bottom: 2px solid var(--light_pink); align-self: center; margin-top: auto; margin-bottom: 40px; transition: 0.2s ease-out; } .table-card__add-to-order:hover { color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .table-card__add-to-order._added { position: relative; padding-left: 24px; color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .table-card__add-to-order._added::before { content: url('/images/svg/check_blue.svg'); position: absolute; width: 15px; height: 12px; left: 0; top: 0; } .table-card__slider { align-self: center; width: calc(100% - 16px); margin-top: 8px; overflow: hidden; position: relative; } .table-card__slider .swiper-pagination { display: flex; justify-content: center; align-items: center; } .table-card__slider .swiper-pagination-bullet { width: 4px; height: 4px; background-color: white; opacity: 0.7; } .table-card__slider .swiper-pagination-bullet-active { width: 8px; height: 8px; background-color: white; opacity: 1; } .search-result-table { width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; } .search-result-list { width: 100%; display: flex; flex-direction: column; } .search-result-list__head { width: 100%; display: flex; align-items: center; border-top: 2px solid var(--light_pink); border-bottom: 2px solid var(--light_pink); padding: 16px 0; } .search-result-list__head-item { font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 300; line-height: 1.46; text-align: left; color: #7a7a7a; } .search-result-list__head-item._sort { cursor: pointer; transition: 0.2s ease-out; position: relative; padding-right: 16px; } .search-result-list__head-item._sort::before { content: ''; border-color: #969ea8 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; width: 0; position: absolute; right: 0; top: 8px; transition: 0.2s ease-out; } .search-result-list__head-item._sort._current::before { border-color: transparent transparent #969ea8 transparent; border-width: 0 4px 5px 4px; } .search-result-list__head-item._sort:hover, .search-result-list__head-item._sort:active { color: var(--cobalt_blue); } .search-result-list__head-item._sort:hover:not(._current)::before, .search-result-list__head-item._sort:active:not(._current)::before { border-color: var(--cobalt_blue) transparent transparent transparent; } .search-result-list__head-item._sort:hover._current::before, .search-result-list__head-item._sort:active._current::before { border-color: transparent transparent var(--cobalt_blue) transparent; } .search-result-list__head-item[search-col="area"] { text-align: right; width: 120px; flex-shrink: 0; margin-right: 30px; margin-left: 30px; } .search-result-list__head-item[search-col="price"] { text-align: right; width: 150px; flex-shrink: 0; } .search-result-list__head-item[search-col='room'] { text-align: left; width: calc(274px + 30px + 274px); } .list-card__add-fav { position: absolute; right: 8px; top: 8px; z-index: 2; } .search-result-list__body { width: 100%; display: flex; flex-direction: column; } .list-card { width: 100%; display: flex; align-items: center; padding: 16px 30px 16px 0; border-bottom: 2px solid var(--light_pink); } .list-card-content { display: flex; align-items: flex-start; } .list-card__slider { width: 274px; height: 160px; align-self: flex-start; overflow: hidden; position: relative; } .list-card__slider .swiper-pagination { display: flex; justify-content: center; align-items: center; } .list-card__slider .swiper-pagination-bullet { width: 4px; height: 4px; background-color: white; opacity: 0.7; } .list-card__slider .swiper-pagination-bullet-active { width: 8px; height: 8px; background-color: white; opacity: 1; } .list-card-content__col { display: flex; flex-direction: column; width: 100%; max-width: 274px; margin-left: 30px; } .list-card__name { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); margin-bottom: 8px; } .list-card__bc { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.43; text-align: left; color: var(--dark); margin-bottom: 24px; } .list-card__address { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); } .list-card__metro { display: flex; flex-direction: column; } .list-card__metro-item { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--brownish_grey); padding-left: 22px; } .list-card__metro-item::before { left: 0; top: 1px; } .list-card__sqr { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.56; color: var(--dark); text-align: right; width: 120px; flex-shrink: 0; margin-right: 30px; margin-left: 30px; margin-bottom: 20px; } .list-card__price { text-align: right; width: 150px; display: flex; flex-direction: column; flex-shrink: 0; margin-right: 30px; } .list-card__price-month { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.56; color: var(--dark); } .list-card__price-sqr { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.43; color: var(--dark); } .list-card__add-to-order { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: left; color: var(--dark); border-bottom: 2px solid var(--light_pink); flex-shrink: 0; align-self: center; margin-left: auto; transition: 0.2s ease-out; } .list-card__add-to-order:hover { color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .list-card__add-to-order._added { position: relative; padding-left: 24px; color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .list-card__add-to-order._added::before { content: url('/images/svg/check_blue.svg'); position: absolute; width: 15px; height: 12px; left: 0; top: 0; } .form-room { width: 100%; display: flex; flex-direction: column; padding: 40px 30px; border-radius: 6px; background-color: var(--lightest_pink); margin-bottom: 40px; } .form-room__title { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.43; text-align: left; color: var(--dark); font-weight: 400; color: var(--royal_blue); margin-bottom: 16px; } .form-room__text { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); margin-bottom: 24px; } .form-room__row { display: flex; align-items: flex-start; } .form-room__btn { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); font-weight: 400; align-self: flex-start; transition: 0.25s ease-out; cursor: pointer; border-bottom: 2px solid var(--light_pink); margin-bottom: 8px; } .form-room__btn:hover, .form-room__btn:active { color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .form-room__btn._added { color: var(--cobalt_blue); border: none; padding-left: 24px; margin-right: 24px; position: relative; cursor: auto; } .form-room__btn._added::before { content: ''; background-image: url('/images/svg/check_blue.svg'); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 15px; height: 12px; position: absolute; left: 0; top: 8px; } .cards-list { width: 100%; display: flex; flex-direction: column; margin-bottom: 120px; } .cards-list__title { margin-bottom: 55px; } .cards-list-item { width: 100%; max-width: 424px; display: flex; flex-direction: column; border-radius: 10px; border: solid 1px var(--light_pink); background-color: var(--white); } .cards-list-item__content { width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 24px 24px; } .cards-list-item__name { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.45; text-align: left; color: var(--dark); margin-bottom: 8px; transition: 0.2s ease-out; } .cards-list-item__name:hover, .cards-list-item__name:active { color: var(--royal_blue); text-decoration: underline; } .cards-list-item__desc { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--dark); margin-bottom: 16px; } .cards-list-item__row { width: 100%; display: flex; align-items: flex-start; } .cards-list-item__col { width: 100%; max-width: 130px; display: flex; flex-direction: column; margin-bottom: 16px; } .cards-list-item__param { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: left; color: var(--dark); } .cards-list-item__address { display: flex; flex-direction: column; margin-bottom: 8px; } .cards-list-item__metro { display: flex; flex-direction: column; } .cards-list-item__slider { align-self: center; width: calc(100% - 16px); margin-top: 8px; overflow: hidden; position: relative; } .cards-list-item__slider .swiper-pagination { display: flex; justify-content: center; align-items: center; } .cards-list-item__slider .swiper-pagination-bullet { width: 4px; height: 4px; background-color: white; opacity: 0.7; } .cards-list-item__slider .swiper-pagination-bullet-active { width: 8px; height: 8px; background-color: white; opacity: 1; } .cards-list-item { position: relative; height: 100%; height: auto; } .cards-list-item__add-fav { position: absolute; top: 24px; right: 24px; z-index: 2; } .cards-list__slider { width: 100%; overflow: hidden; display: flex; flex-direction: column; } .cards-list__slider > .swiper-wrapper { align-items: stretch; } .cards-list__slider-ctrls { width: 100%; max-width: 1130px; order: 2; display: flex; align-self: center; align-items: center; justify-content: space-between; padding: 40px 0; } .cards-list__slider-prev, .cards-list__slider-next { cursor: pointer; width: 16px; height: 32px; transition: 0.2s ease-out; stroke: var(--light_pink); flex-shrink: 0; } .cards-list__slider-prev:hover, .cards-list__slider-next:hover { stroke: var(--cobalt_blue); } .swiper-scrollbar { height: 1px; width: 100%; margin: 0 48px; background: rgba(122, 122, 122, 0.3); } .swiper-scrollbar-drag { width: 72px; height: 40px; border-radius: 4px; border: solid 1px var(--lighter_pink); background-color: var(--white); left: 10px; top: -19px; position: relative; cursor: pointer; transition: 0.2s ease-out; } .swiper-scrollbar-drag::before { position: absolute; content: 'Стр. 1'; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: left; color: var(--dark); left: 17px; top: 13px; transition: 0.2s ease-out; } .swiper-scrollbar-drag:hover, .swiper-scrollbar-drag:focus { border-color: var(--cobalt_blue); } .swiper-scrollbar-drag:hover::before, .swiper-scrollbar-drag:focus::before { color: var(--cobalt_blue); } .rent { width: 100%; display: flex; flex-direction: column; margin-bottom: 60px; } .rent__title { margin-bottom: 50px; } .rent__row { width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; } .rent__item { display: flex; flex-direction: column; margin-bottom: 20px; width: calc(100% / 3 - 20px); } .rent__item ul{ display: flex; flex-direction: column; } .rent__item ul li{ margin-bottom: 16px; padding-left: 32px; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); position: relative; } .rent__item ul li::before { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: var(--light_pink); } .rent__item:nth-child(3n+2) { margin-left: 30px; margin-right: 30px; } .rent__item-title, .rent__item h3, .rent__item h4 { margin-bottom: 24px; font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.43; text-align: left; color: var(--dark); } .rent__item p, .rent__item-text { color: var(--brownish_grey); font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; } .rent__item-tel { margin-top: 8px; transition: 0.2s ease-out; } .rent__item-tel:hover { color: var(--royal_blue); text-decoration: underline; } .rent__item-docs { display: flex; flex-direction: column; margin-top: 48px; margin-bottom: 32px; } .rent__item-doc { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.43; text-align: left; color: var(--dark); text-decoration: underline; margin-bottom: 12px; transition: 0.2s ease-out; padding-left: 28px; position: relative; } .rent__item-doc:hover { text-decoration: none; } .rent__item-doc:hover::before { opacity: 1; } .rent__item-doc::before { content: url('/images/svg/doc.svg'); width: 12px; height: 16px; position: absolute; left: 0; top: 0; opacity: 0.75; transition: 0.2s ease-out; } .side { width: 100%; max-width: 490px; height: 100vh; background-color: var(--white); border-right: 1px solid var(--lighter_pink); display: flex; flex-direction: column; position: fixed; left: 0; top: 0; } .side__container { width: 100%; display: flex; flex-direction: column; padding-top: calc(28px + 88px); padding-left: 64px; padding-right: 34px; padding-bottom: 16px; } .side__container._scroll { overflow-y: scroll; } .filter { width: 100%; display: flex; flex-direction: column; margin-bottom: 40px; flex-shrink: 0; } .filter__header { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 8px; } .filter__title { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.45; text-align: left; color: var(--brownish_grey); } .filter__reset-btn { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: right; color: var(--royal_blue); text-decoration: underline; flex-shrink: 0; transition: 0.2s ease-out; cursor: pointer; } .filter__hide-btn { display: none; } .filter-main { width: 100%; display: flex; flex-direction: column; flex-shrink: 0; } .filter-main .double-input { margin-bottom: 8px; } .filter__submit { margin-bottom: 8px; width: 100%; } .filter__show-sub { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: center; color: var(--brownish_grey); text-decoration: underline; align-self: center; transition: 0.25s ease-out; cursor: pointer; } .filter__show-sub:hover { color: var(--royal_blue); } .filter-sub { width: 100%; flex-direction: column; transition: 0.25s ease-out; margin-bottom: 16px; /* display: none; */ display: flex!important; flex-shrink: 0; } .filter-sub._show { display: flex; } .filter-sub-floors { width: 100%; display: flex; align-items: center; padding: 16px 15px 8px 15px; border-bottom: 1px solid var(--lighter_pink); flex-shrink: 0; } .filter-sub-floors__title { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 16px; text-align: left; color: var(--dark); flex-shrink: 0; margin-right: 16px; } .filter-sub-floors__list { width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; } .filter-sub-floors__floor { margin-bottom: 8px; } .filter-sub-floors__floor:not(:last-child) { margin-right: 8px; } .filter-sub__switches { width: 100%; display: flex; flex-direction: column; flex-shrink: 0; } .filter-sub__switch { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 8px 15px; } .filter-sub__switch:not(:last-child) { border-bottom: 1px solid var(--lighter_pink); } .filter-sub__switch-label { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.43; text-align: left; color: var(--dark); } .side-menu { width: 100%; display: flex; flex-direction: column; } .side-menu__back-btn { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--brownish_grey); margin-bottom: 24px; transition: 0.2s ease-out; } .side-menu__back-btn:hover { color: var(--royal_blue); } .side-menu__tel-mobile { display: none; } .side-menu__footer { width: 100%; display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 0; padding-bottom: 16px; max-width: 393px; background-color: var(--white); } .side-menu__footer-mail { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--brownish_grey); } .side-menu__footer-links>[id^="bx_incl_area"], .side-menu__footer-links { display: flex; align-items: center; } .side-menu__footer-link { overflow: hidden; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; } .side-menu__footer-link:not(:first-child) { margin-left: 10px; } .side-menu__footer-link svg { fill: var(--brownish_grey); transition: 0.2s ease-out; } .side-menu__footer-link.__fb svg { max-height: 16px; } .side-menu__footer-link.__odnoklassniki svg { max-height: 16px; } .side-menu__footer-link:hover.__vk svg, .side-menu__footer-link:focus.__vk svg { fill: #4a76a8; } .side-menu__footer-link:hover.__fb svg, .side-menu__footer-link:focus.__fb svg { fill: #3b5998; } .side-menu__footer-link:hover.__odnoklassniki svg, .side-menu__footer-link:focus.__odnoklassniki svg { fill: #f7931e; } .side-menu__footer-link:hover.__inst svg, .side-menu__footer-link:focus.__inst svg { fill: #bc046f; } .side-menu__footer-link:hover.__twitter svg, .side-menu__footer-link:focus.__twitter svg { fill: #41abe1; } .side-menu__footer-link:hover.__tg svg, .side-menu__footer-link:focus.__tg svg { fill: #2ca8dc; } .side-menu__footer-link:hover.__whatsapp svg, .side-menu__footer-link:focus.__whatsapp svg { fill: #39be4c; } .side-menu__footer-link:hover.__viber svg, .side-menu__footer-link:focus.__viber svg { fill: #7a4e9d; } .side-nav { width: 100%; display: flex; flex-direction: column; } .side-nav__item { width: 100%; margin-bottom: 24px; display: flex; flex-direction: column; } .side-nav__item a { width: 100%; height: 22px; overflow: hidden; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1; text-align: left; color: var(--brownish_grey); transition: 0.2s ease-out; } .side-nav__item a svg { fill: var(--brownish_grey); width: 14px; height: 14px; transition: 0.2s ease-out; margin-right: 8px; } .side-nav__item a:hover { color: var(--royal_blue); } .side-nav__item a:hover svg { fill: var(--royal_blue); } .side-nav__item._favorites { margin-bottom: 0; } .side-nav__item._favorites span { color: var(--royal_blue); } .side-nav__item._in-order { padding-left: 24px; } .side-nav__item._in-order a { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.56; } .side-nav__item._in-order span { color: var(--royal_blue); } .side-nav__item._current a { color: var(--royal_blue); } .side-nav__item._current svg { fill: var(--royal_blue); } .main { flex-direction: column; align-items: center; padding-top: 16px; padding-bottom: 16px; min-height: calc(100vh - 88px - 139px); margin-top: 88px; /* position: relative; */ } .main>[id^="bx_incl_area"]>[id^="bx_incl_area"]>[id^="bx_incl_area"], .main>[id^="bx_incl_area"]>[id^="bx_incl_area"], .main>[id^="bx_incl_area"]{ display: flex; width: 100%; flex-direction: column; align-items: center; } .main, .footer { display: flex; padding-left: 30px; padding-right: 64px; margin-left: 490px; } .footer { margin-top: 50px; padding-bottom: 16px; align-items: flex-start; justify-content: space-between; } .footer span, .footer p, .footer a { font-family: 'Roboto'; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--dark); opacity: 0.7; transition: 0.2s ease-out; } .footer a:hover { opacity: 1; text-decoration: underline; color: var(--royal_blue); } .crumbs { width: 100%; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; } .crumbs__item { position: relative; } .crumbs__item:not(:last-child) { padding-right: 12px; margin-right: 6px; } .crumbs__item:not(:last-child)::after { content: '/'; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.75; text-align: left; color: var(--brownish_grey); position: absolute; right: 0; top: 0; } .crumbs__item a, .crumbs__item span { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.75; text-align: left; color: var(--brownish_grey); transition: 0.2s ease-out; cursor: pointer; } .crumbs__item a:hover { text-decoration: underline; color: var(--royal_blue); } .documents-list { display: flex; flex-direction: column; margin-top: 48px; margin-bottom: 32px; } .documents-list a { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.43; text-align: left; color: var(--dark); text-decoration: underline; margin-bottom: 12px; transition: 0.2s ease-out; padding-left: 28px; position: relative; } .documents-list a:hover { text-decoration: none; } .documents-list a:hover::before { opacity: 1; } .documents-list a::before { content: url('/images/svg/doc.svg'); width: 12px; height: 16px; position: absolute; left: 0; top: 0; opacity: 0.75; transition: 0.2s ease-out; } /* fav-hint */ .fav-hint { font-size: 18px; line-height: 24px; font-weight: 300; color: #1D202B; text-align: left; margin-bottom: 16px; } .fav-hint a { font-weight: 500; text-decoration: underline; text-decoration-color: transparent; transition: .2s ease; } .fav-hint a:hover { text-decoration-color: #1D202B; } /* fav-hint */ .similar-offices{ } .similar-offices-header{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 28px; line-height: 40px; text-align: left; color: #777; margin-bottom: 50px; } .favorites-similar-offices{ margin-top: 200px; } @media only screen and (max-width: 1919.98px) { .gogi { width: 100%; } .list-card__slider { width: 196px; height: 120px; } .list-card-content__col { width: 196px; margin-left: 24px; } .search-result-list__head-item[search-col='room'] { width: calc(196px + 24px + 196px); } .search-result-list__head-item[search-col="area"] { margin-left: 24px; margin-right: 24px; width: 90px; } .list-card__sqr { margin-left: 24px; margin-right: 24px; width: 90px; } .list-card__name { font-size: 14px; } .list-card__bc { font-size: 12px; margin-bottom: 8px; } .list-card__address { font-size: 14px; } .list-card__metro-item { font-size: 12px; } .list-card__price { margin-right: 24px; } } @media only screen and (max-width: 1800px) { .gogi { width: 100%; } .form-gg { padding: 110px 30px 80px 30px; } .form-gg__form { flex-direction: column; } .form-gg__form .dd-row { justify-content: center; } .form-gg__btn { margin-bottom: 0; margin-top: 16px; margin-left: 0; } .dd__tel { max-width: 240px; } .dd__tel { width: auto; } .form-gg-grey .dd__tel { width: 100%; } } @media only screen and (max-width: 1366px) { .rent__item-title, .rent__item h3, .rent__item h4 { font-size: 22px; } .gogi { width: 100%; } .page-title { font-size: 35px; line-height: 1.42; } .text-title { font-size: 22px; } .header { padding: 0 35px; } .table-card { width: calc(100% / 3 - 16px); } .table-card:nth-child(3n + 2) { margin-left: 24px; margin-right: 24px; } .list-card { padding-right: 0; } .cards-list-item__name { font-size: 18px; line-height: 1.5; } .rent__item p, .rent__item-text { font-size: 14px; } .side { max-width: 340px; } .side__container { padding-top: calc(24px + 88px); padding-left: 35px; padding-right: 24px; padding-bottom: 16px; } .filter__title { font-size: 18px; line-height: 1.25; } .side-menu__footer { max-width: 280px; } .side-nav__item { margin-bottom: 16px; } .side-nav__item._favorites svg { width: 14px; height: 14px; margin-right: 10px; } .side-menu__footer-mail { font-size: 12px; line-height: 1.67; margin-right: auto; } .side-menu__footer-link { width: 14px; height: 14px; } .side-menu__footer-link:not(:first-child) { margin-left: 6px; } .side-menu__footer-link svg { max-height: 14px!important; } .main, .footer { padding-left: 24px; padding-right: 35px; margin-left: 340px; } /* header_fav */ .header__tel { margin-left: 100px; } /* header_fav */ } @media only screen and (max-width: 1280px) { /* header_fav */ .header__tel { margin-left: 75px; } /* header_fav */ .gogi { width: 100%; } .dd-faq__header { padding-right: 48px; } .dd-faq::before { right: 16px; } .form-gg-grey { padding: 32px 24px 16px 24px; } .form-gg-grey__btn { margin-left: 24px; } .table-card { width: calc(50% - 12px); } .table-card:nth-child(3n + 2) { margin-left: 0; margin-right: 0; } .table-card:nth-child(odd) { margin-right: 24px; } .list-card { position: relative; } .list-card__slider { width: 152px; height: 93px; } .list-card-content__col { width: 152px; margin-left: 16px; } .search-result-list__head-item[search-col='room'] { width: calc(152px + 16px + 152px); } .search-result-list__head-item[search-col="area"] { margin-left: 16px; margin-right: 16px; width: 70px; } .list-card__sqr { margin-left: 16px; margin-right: 16px; width: 70px; font-size: 16px; } .list-card__price, .search-result-list__head-item[search-col="price"] { width: 130px; flex-shrink: 1; } .list-card__price-month { font-size: 16px; } .list-card__address { font-size: 12px; } .list-card__add-to-order { font-size: 14px; position: absolute; right: 0; align-self: flex-end; } .side { max-width: 316px; } .side__container { padding-top: calc(24px + 88px); padding-left: 28px; padding-right: 16px; padding-bottom: 16px; max-width: 316px; } .side-menu__footer { max-width: 271px; } .main, .footer { margin-left: 316px; } } @media only screen and (max-width: 1024px) { /* header_fav */ .header__tel { margin-left: 25px; } /* header_fav */ .gogi { width: 100%; } .list li { font-size: 14px; padding-left: 16px; } .list li::before { top: 6px; } .header { padding: 0 16px; } .form-gg { padding: 56px 24px 32px 24px; } .dd__bc { max-width: 180px; } .form-gg-grey { padding: 24px 16px 8px 16px; } .form-gg-grey__btn { margin-left: 0; margin-bottom: 0; margin-top: 8px; } .form-gg-grey__form { flex-direction: column; } .table-card__content { padding-top: 16px; padding-left: 16px; padding-right: 16px; padding-bottom: 24px; } .table-card__add-to-order { margin-bottom: 24px; } .form-room { padding: 24px 16px; } .form-room__title { font-size: 22px; } .form-room__text { font-size: 14px; } .form-room__row { flex-wrap: wrap; } .cards-list__title { margin-bottom: 80px; } .side { max-width: 252px; } .side__container { padding-top: calc(24px + 88px); padding-left: 16px; padding-right: 8px; padding-bottom: 16px; } .side-menu__footer { max-width: calc(251px - 24px); flex-direction: column; align-items: center; } .side-menu__footer-mail { margin-right: 0; margin-bottom: 8px; } .main, .footer { padding-left: 16px; padding-right: 16px; margin-left: 252px; } } @media only screen and (max-width: 768px) { .header__tel { margin-left: 25px; } .header__fav-text { display: none; } .header__fav { margin-right: 24px; } .header__fav._current { margin-right: 16px; } .gogi { width: 100%; } .dd-faq__header { padding: 24px 0; padding-right: 48px; font-size: 22px; } .dd-faq::before { top: 32px; } .dd-faq__text { font-size: 14px; } .dd-faq__content { padding-bottom: 24px; } .burger { display: flex; } .header__tel { margin-left: auto; margin-right: 24px; } .cards-list__title { margin-bottom: 48px; } .side { position: static; margin-top: 88px; max-width: 100%; height: auto; } .side__container { padding: 0; max-width: 100%; } .filter__title { display: none; } .filter__reset-btn { width: 100%; } .filter__show-sub { display: none; } .filter__hide-btn { width: 100%; display: flex; align-items: flex-start; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--royal_blue); background-color: var(--lightest_pink); padding: 8px 16px; cursor: pointer; position: relative; } .filter__hide-btn::after { content: ''; position: absolute; right: 20px; top: 24px; width: 8px; height: 8px; border: 1px solid var(--royal_blue); border-left: 0; border-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px; transition: 0.2s ease-out; } .filter__hide-btn._show::after { top: 28px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .filter { padding: 24px 16px; border-bottom: 1px solid var(--lighter_pink); transition: 0.3s ease-out; overflow: hidden; } .filter-main { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .filter-main__dd { width: calc(50% - 8px); } .filter-main .double-input { width: calc(50% - 8px); } .filter-sub { display: flex; flex-direction: row; flex-wrap: wrap; } .filter-sub-floors { width: 100%; justify-content: center; padding: 16px 0px 16px 0; border-bottom: none; } .filter-sub-floors__list { width: auto; } .filter-sub__switches { flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .filter-sub__switch { width: calc(50% - 8px); } .filter-sub__switch:nth-child(1), .filter-sub__switch:nth-child(2) { border-top: 1px solid var(--lighter_pink); border-bottom: 1px solid var(--lighter_pink); } .filter-sub__switch:nth-child(3), .filter-sub__switch:nth-child(4) { border-top: none; border-bottom: 1px solid var(--lighter_pink); } .filter__submit { max-width: 355px; align-self: center; margin-bottom: 0; } .side-menu__footer { max-width: 100%; position: static; flex-direction: row; margin-top: auto; padding-bottom: 0; } .side-menu__footer-mail { margin-bottom: 0; } .side-menu { background-color: var(--white); width: 100%; padding: 40px 20px 16px 20px; height: calc(100vh - 88px); position: fixed; left: 0; top: 88px; z-index: 11; top: calc(100vh + 88px); pointer-events: none; transition: 0.3s ease-out; } .side-menu._show { top: 88px; pointer-events: auto; } .side-nav__item { margin-bottom: 24px; } .main, .footer { padding-left: 16px; padding-right: 16px; margin-left: 0px; } .main { margin-top: 0px; min-height: calc(100vh - 88px - 139px - 45px); } } @media only screen and (max-width: 640px) { /* header_fav */ .header__fav { margin-right: 16px; } .header__fav._current { margin-right: 8px; } .header__fav-star { margin-right: 0; } /* header_fav */ .gogi { width: 100%; } .sort { flex-direction: column; } .sort__title { margin-right: 0; margin-bottom: 8px; } .sort__list { width: 100%; padding-left: 16px; } .output-ctrl { margin-left: 32px; } .output-ctrl:first-child { margin-left: 0; } .output-ctrl svg { margin-right: 8px; } .header__tel { display: none; } .logo__name { font-size: 25px; line-height: 0.8; letter-spacing: 1.25px; } .logo__desc { font-size: 10px; line-height: 1.67; } .header { height: 64px; } .logo__img { width: 29px; height: 29px; margin-left: 4px; } .logo__icon { width: 40px; height: 41px; left: -4px; top: -5px; } .side { margin-top: 64px; } .form-gg { padding: 40px 16px 24px 16px; width: calc(100% + 32px); border-radius: 0; } .form-gg__title { display: none; } .form-gg .dd-row { flex-wrap: wrap; } .dd__bc { max-width: 100%; } .dd-row .dd.dd__bc .select2-container .select2-selection--single { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .dd__date, .dd__time { max-width: 50%; } .dd-row .dd.dd__date .select2-container .select2-selection--single { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .dd-row .dd.dd__time .select2-container .select2-selection--single { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .dd__tel { max-width: 100%; width: 100%; } .dd__tel .dd__input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-gg__btn { width: 100%; height: 56px; font-size: 14px; } .dd__date .dd__input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-gg-grey .dd-row { flex-wrap: wrap; } .form-gg-grey .dd__tel .dd__input { border-left: 1px solid var(--light_pink); } .form-gg-grey .dd-row .dd.dd__time .select2-container .select2-selection--single { border-right: 1px solid var(--light_pink); } .form-gg-grey .dd-row .dd.dd__time .select2-container .select2-selection--single::after { content: none; } .form-gg-grey__btn { width: 100%; } .form-gg-grey { border-radius: 0; width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; } .table-card { width: 100%; } .table-card:nth-child(odd) { margin-right: 0; } .search-result-list__head { display: none; } .list-card { flex-direction: column; align-items: flex-start; } .list-card:first-of-type { border-top: 2px solid var(--light_pink); } .list-card-content { width: 100%; flex-direction: column; } .list-card__slider { width: 100%; height: auto; } .list-card-content__col { width: 100%; max-width: 100%; margin-left: 0; margin-top: 8px; padding: 0 16px; } .list-card__sqr { margin: 0; margin-bottom: 16px; margin-top: 16px; align-self: center; } .list-card__price { margin: 0; margin-bottom: 16px; align-self: center; } .list-card__add-to-order { position: static; align-self: center; margin: 0; } .list-card__name { font-size: 18px; line-height: 1.5; } .list-card__bc { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: left; color: var(--dark); margin-bottom: 16px; } .list-card__address { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.56; text-align: left; color: var(--dark); } .list-card { max-width: 424px; display: flex; border-radius: 10px; border: solid 1px var(--light_pink); background-color: var(--white); flex-direction: column; align-items: flex-start; padding: 24px 24px; } .list-card-content__col { padding: 0; } .list-card__price-sqr { display: none; } .rent__title { margin-bottom: 80px; } .rent__row { flex-direction: column; } .rent__item { margin-bottom: 48px; width: 100%; } .rent__item:nth-child(3n+2) { margin-left: 0px; margin-right: 0px; } .filter__hide-btn { padding: 8px 16px; } .filter__header { margin-bottom: 24px; } .filter { padding: 16px 16px 24px 16px; } .filter-main__dd { width: 100%; } .filter-main .double-input { width: 100%; } .filter-sub-floors { flex-direction: column; align-items: flex-start; } .filter-sub-floors__title { margin-bottom: 8px; } .filter-sub__switch { width: 100%; } .filter-sub__switch:nth-child(n) { border-top: 0; border-bottom: 1px solid var(--lighter_pink); } .filter-sub__switch:last-child { border-top: 0; border-bottom: 0; } .filter__submit { max-width: 100%; } .side-menu._show { top: 64px; } .side-menu { padding: 16px 16px; height: calc(100vh - 64px); } .side-menu__tel-mobile { display: flex; font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 300; line-height: 1.16; text-align: center; color: var(--cobalt_blue); margin-bottom: 24px; } .side-menu__tel-mobile:hover { text-decoration: underline; } .footer { flex-direction: column; align-items: center; justify-content: flex-start; } .footer span { margin-bottom: 8px; } .footer a:not(:last-child) { margin-bottom: 32px; text-decoration: underline; text-decoration-color: var(--dark); } .main { min-height: calc(100vh - 88px - 233px - 45px); } .fav-hint { font-size: 14px; line-height: 18px; } .yulplan-work-area-wrapper .zoom-more { right: 45px; } .yulplan-work-area-wrapper .zoom-less { right: 45px; } .list li { padding-left: 24px; } .page-title { font-size: 24px; line-height: 32px; } .rent { margin-bottom: 16px; } .rent__title { margin-bottom: 48px; } .rent__item-title, .rent__item h3, .rent__item h4 { font-size: 18px; line-height: 22px; margin-bottom: 16px; margin-bottom: 24px; } .rent__item ul li { padding-left: 24px; font-size: 14px; line-height: 18px; } .rent__item ul li::before { top: 4px; } .rent__item-docs { margin-top: 24px; margin-bottom: 8px; } .form-gg__text { font-size: 18px; line-height: 22px; text-align: left; margin-bottom: 24px; } .form-gg__text-min { font-size: 12px; line-height: 14px; } } /* End */ /* Start:/yul.plan/style.css?176287673213405*/ .yulplan{ display: block; /* border: 1px solid transparent; */ clear: both; /* overflow: hidden; */ width: 100%; height: 100%; } .yulplan.is-floor .yulplan-work-area-wrapper{ /* margin-top:50px; */ } .yulplan-work-area-wrapper{ position:relative; clear: both; } @media (max-width: 1039px) { .yulplan-work-area-wrapper.is-fasad{ display:none; } } .yulplan-not-work-area, .yulplan-work-area{ position:relative; max-width: 100%; height: 500px; min-height: 250px; max-height: 80vh; /* border: 1px solid #ccc; */ overflow: hidden; } .yulplan-work-area>svg{ display: block; height:100%; width:100%; max-width: 100%; max-height: 100%; } .yulplan-minimap{ position: absolute; right:0; top:0; border: 1px solid #ccc; max-width: 100%; max-height: 100%; width: 150px; padding: 3px 3px; overflow: hidden; background: #FFF; } .yulplan-minimap-inner{ position: relative; } .yulplan-minimap svg{ max-width: 100%; } .yulplan-minimap-visible-area{ position: absolute; left:0%; top:0%; border: 2px solid rgb(209, 34, 16); cursor: pointer; background: rgba(0,0,0,0.01); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .yulplan .shops{ margin-top:30px; -webkit-columns: 200px 3; -moz-columns: 200px 3; columns: 200px 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .yulplan .shop-item{ display: inline-block; width: 100%; padding: 5px 0; } .yulplan .shop-item.selected{ background-color: rgba(218, 57, 40, 0.7); page-break-inside: avoid; break-inside: avoid; } .yulplan .shop-item .shop-info{ margin-left: 85px; padding-left:10px; } .yulplan .shop-item .shop-number{ width: 75px; border-right: 1px solid black; line-height: 120%; padding: 9px 9px 9px 0; float: left; text-align: right; } .yulplan .shop-item .shop-name{ color: #000000; font-weight: bold; } .yulplan .shop-item .shop-desc{ font-family: "Trebuchet MS", Arial, sans-serif; font-style: italic; font-size: 12px; /*color: #7B8591;*/ font-weight: normal; } .yul-plan-marker-top{ position: fixed; display:none; opacity: 0; text-align:center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); padding-bottom: 8px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; /* -webkit-transition: all 50ms linear; -moz-transition: all 50ms linear; -ms-transition: all 50ms linear; -o-transition: all 50ms linear; transition: all 50ms linear;*/ z-index: 100000000; max-width: 220px; font-size: 14px; } .yul-plan-marker-top:before{ content: ''; width:25px; height: 25px; position: absolute; bottom: -8px; left: 50%; margin-left: -12px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #FFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,1); } .yul-plan-marker-top.yulplan-right-pos:before{ left: -8px; bottom: 50%; margin-bottom: -12px; margin-left:initial; } .yul-plan-marker-top.yulplan-left-pos:before{ left: auto; right: -8px; bottom: 50%; margin-bottom: -12px; margin-left:initial; } .yul-plan-marker-top-content{ position: relative; z-index: 1; background: #FFF; padding: 10px 10px 8px; margin-bottom:-8px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .yul-plan-marker-top a{ text-decoration: none; color: #1D1D1B; border-bottom: 1px solid #44B7A9; } .yul-plan-marker-top a:hover{ color: #44B7A9; border-bottom: 1px solid #44B7A9; } .yul-plan-marker-top img{ max-width:100%; } .yulplan-work-area-wrapper .zoom-more, .yulplan-work-area-wrapper .zoom-less { display: block; width: 32px; height: 32px; text-decoration: none; position: absolute; z-index: 1; text-align: center; border-radius: 4px; background-color: #707070; transition: .2s ease; /* background-size: cover; */ background-repeat: no-repeat; background-position: center center; } .yulplan-work-area-wrapper .zoom-less { top: 8px; left: 8px; } .yulplan-work-area-wrapper .zoom-more { top: 8px; left: 48px; } .yulplan-work-area-wrapper .zoom-more:before, .yulplan-work-area-wrapper .zoom-less:before { content: ''; display: block; height: 16px; width: 16px; background-repeat: no-repeat; background-position: center center; background-size: cover; position:absolute; top: 8px; left: 8px; z-index: 2; } .yulplan-work-area-wrapper .zoom-less:before { background-image: url('/images/svg/zoom-less.svg'); } .yulplan-work-area-wrapper .zoom-more:before { background-image: url('/images/svg/zoom-more.svg'); } .yulplan-work-area-wrapper .zoom-less:hover, .yulplan-work-area-wrapper .zoom-more:hover { background-color: #000bb3; } .yulplan-work-area-wrapper .zoom-less.disabled, .yulplan-work-area-wrapper .zoom-more.disabled { background-color: rgba(29,32,43,0.2); } .yulplan-work-area-wrapper .zoom-less.disabled:hover, .yulplan-work-area-wrapper .zoom-more.disabled:hover { background-color: rgba(29,32,43,0.2); } .yulplan-work-area-wrapper.is-fasad .zoom-more, .yulplan-work-area-wrapper.is-fasad .zoom-less { display:none; } .yulplan-work-area-wrapper.is-fasad .yulplan-work-area{ border:none; } .yulplan .plan-legend{ margin-top: 0px; } .yulplan .plan-legend>span{ vertical-align: middle; color:#70706f; font-size: 13px; margin-left: 5px; display: inline-block; } .yulplan .plan-legend>span:before{ content:''; display: inline-block; height: 32px; vertical-align:middle; width: 1px; } .yulplan .plan-legend>span>span{ vertical-align: middle; color:#70706f; font-size: 13px; display: inline-block; /* height: 30px; */ } .yulplan .floor-ico{ display: inline-block; margin-right: 7px; height: 17px; width:17px; vertical-align: middle; } .yulplan .floor-ico-1{ background: #b2e9b1; } .yulplan .floor-ico-2{ background: #f09b8f; } .yulplan .floor-ico-2-1{ background: #46b044; } .yulplan .floor-ico-3{ background: #8ed6de; } .yulplan .floor-ico-4{ position: relative; background: #ffe0be; border:1px solid black; width: 15px; height: 15px; } .yulplan .floor-ico-5{ position: relative; background: #d2e4f3; border:1px solid black; width: 15px; height: 15px; } .yulplan .floor-ico-4:after, .yulplan .floor-ico-5:after{ content:''; border-bottom:1px solid black; transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; position: absolute; top: 7px; left: -4px; width: 23px; } .yulplan .floor-ico-4:before, .yulplan .floor-ico-5:before{ content:''; border-bottom:1px solid black; transform: rotate(-45deg) ; -webkit-transform: rotate(-45deg) ; -moz-transform: rotate(-45deg) ; -o-transform: rotate(-45deg) ; -ms-transform: rotate(-45deg) ; position: absolute; bottom: 7px; left: -4px; width: 23px; } .yulplan .floor-ico-6{ background: #f0e590; } .yulplan .floor-ico-7{ background: #b0b0ac; } .yulplan .floor-ico-8{ background: #c4d3f5; } .yulplan .floor-ico-9{ background: #f6cef7; } .yulplan-popup-header-left{ font-size: 15px; font-style: italic; color: #8D8D8D; font-weight: normal; line-height: 30px; float: left; padding-right: 10px; } .yulplan-popup-header-right{ float: right; font-family: Arial, sans-serif; color: #221F1F; font-weight: bold; font-size: 25px; } .yulplan-popup-header-right a,.yulplan-popup-header-right a:hover{ color:#333; } .yulplan-windowFloor-title-phone{ height: 23px; margin-top: 0px; float: none; display: inline-block; position: relative; vertical-align: middle; display: inline-block; width: 16px; background: url(/arenda-ofisa/image/ico-contacts.png) no-repeat; vertical-align: middle; background-position: 0 0; margin-right: 5px; } .yulplan-popup-open{ overflow:hidden; } .yulplan-popup{ white-space: nowrap; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000000; text-align: center; } .yulplan-popup:before{display:inline-block;content:'';height:100%;width:1px;/* margin-left:-1px; */vertical-align: middle;} .yulplan-popup-back{ position: fixed; background: rgba(0,0,0,.7); top: 0; left: 0; right: 0; bottom: 0; z-index: 100000000; } .yulplan-popup-window{ /* background: #fff; */ /* position: fixed; */ /* top: 10px; */ /* left: 10px; */ /* bottom: 10px; */ /* right: 10px; */ z-index: 100000000; overflow-y: auto; border-radius: 3px; /* display: flex; */ /* flex-direction: column; */ width:1000px; display: inline-block; white-space: normal; vertical-align: middle; text-align: initial; position: relative; max-width: 100%; max-height: 100%; } .yulplan-popup-header{ /* min-height: 40px; */ padding: 45px 50px 10px 35px; border-bottom: dashed 1px #000; height: auto; background: #fff; } .yulplan-popup-content{ flex-grow: 1; overflow-y: auto; padding: 20px 20px 50px; background: #fff; } .yulplan-popup .button-close, .yulplan-popup .btn-close{ position: absolute; right: 15px; top: 15px; } @media( max-width:560px ) { .yulplan-popup-window-bottom-close-area{ height:50px; } .yulplan-popup-header{ padding: 10px 50px 5px 15px; } .yulplan-popup-header-right{ float:left; } .yulplan-popup-header-right a{ font-size: 20px; } .yulplan-popup-content{ padding: 10px 10px 30px; } /*.yulplan-popup-window{ left:0; right:0; bottom:0; top:0; } */ .yulplan-not-work-area, .yulplan-work-area { max-height: 70vh; } .yulplan-popup-window{ /* display: block; */ } } .yulplan-popup .yulplan.is-floor .yulplan-work-area-wrapper{ margin-top: 80px; } @keyframes yulplanpointer { from {opacity: 1;} 50% {opacity: 0.5;} to {opacity: 1;} } .yulplan-hidden-target-pointer{ width: 0; height:0; position:absolute; cursor: pointer; /*border: 14px solid #fff; border-bottom: 14px solid transparent; border-right: 14px solid transparent;*/ animation: yulplanpointer 2s infinite linear; } .yulplan-hidden-target-pointer:after{ content:''; display: block; width: 0; height:0; position:absolute; top:-14px; right:-14px; border: 9px solid var(--cobalt_blue); border-bottom: 9px solid transparent; border-right: 9px solid transparent; } .yulplan-hidden-target-pointer:before{ content:''; display: block; width: 0; height:0; position:absolute; top:-17px; right:-17px; border: 12px solid var(--royal_blue); border-bottom: 12px solid transparent; border-right: 12px solid transparent; } a.a1{ position: relative; padding: 0 4px; cursor: pointer; white-space: pre-wrap; border-radius: 4px; background: #ebfffd; box-shadow: inset 1px 0 #ebfffd, inset 0 1px #ebfffd, inset -1px 0 #ebfffd, inset 0 -1px #ebfffd; color: #44B7A9; text-decoration: none; } a.a1:hover { background: #dffffb; box-shadow: inset 1px 0 #dffffb, inset 0 1px #dffffb, inset -1px 0 #dffffb, inset 0 -1px #dffffb; color: #44B7A9; } a.a3{ text-decoration: none; position: relative; display: inline-block; padding-left:3px; padding-right:3px; } a.a3:hover{ color:#fff; } a.a3:after { content: ""; position: absolute; left: 0; top: calc(100% - 1px); bottom: 0px; width: 100%; background: #44B7A9; transition: all .3s ease 0s; z-index: -1; } a.a3:hover:after{ top: 0px; } .mobilepopup.open .mobilepopup-overflow, .mobilepopup.open .mobilepopup-outer{ z-index: 10000000000; } .holderChangeFloor_ a{ margin-right: 10px; } /* End */ /* Start:/bitrix/templates/kvartal/template_styles.css?1762875588727*/ .tablebodytext{ display:none; } header{ background: #000669; } .header-first-line{ min-height: 88px; } .header-phone-wrapper{ text-align: right; } .header-phone, .header-phone:visited, .header-phone:hover, .header-phone:focus{ font-size: 25px; font-family: 'Roboto', sans-serif; font-weight: 200; color:#F9F9F9; text-decoration: none; } /*---------------------------*/ .office-item .info{ display: none; } .office-item.active .info{ display: block; } ._text_floor_change{ color: #1D202B; } ._text_floor_change.selected{ border: 2px solid #BFE68F; padding:3px 5px 5px; border-radius: 5px; } /* End */ /* Start:/css/service.css?17628760088023*/ /* @import "/css/./fonts.less"; @import "/css/./variables.less"; @import "/css/./carcass.less"; @import "/css/./elements/typography.less"; @import "/css/./elements/switch.less"; @import "/css/./elements/chbox.less"; @import "/css/./elements/chfloor.less"; @import "/css/./elements/double_input.less"; @import "/css/./elements/buttons.less"; @import "/css/./elements/fields.less"; @import "/css/./elements/dd.less"; @import "/css/./elements/metro.less"; @import "/css/./elements/list.less"; @import "/css/./elements/fav_star.less"; @import "/css/./elements/dd_faq.less"; @import "/css/./elements/sort.less"; @import "/css/./elements/output_ctrl.less"; @import "/css/./blocks/header.less"; // компоненты @import "/css/./components/form_gg.less"; @import "/css/./components/form_gg_grey.less"; @import "/css/./components/table_card.less"; @import "/css/./components/list_card.less"; @import "/css/./components/form_room.less"; @import "/css/./components/cards_list.less"; @import "/css/./components/rent.less"; // -------------- // Side @import "/css/./blocks/side/side.less"; @import "/css/./blocks/side/filter.less"; @import "/css/./blocks/side/menu.less"; // -------------- // MAIN @import "/css/./blocks/main/main.less"; @import "/css/./blocks/main/crumbs.less"; // -------------- */ .service { width: 100%; padding-top: 18px; display: flex; flex-direction: column; } .service h1 { font-family: 'Roboto', sans-serif; font-size: 54px; font-weight: 300; line-height: 1.3; text-align: left; color: var(--royal_blue); margin-bottom: 140px; max-width: 882px; } .service-cam { width: 100%; display: flex; flex-direction: column; margin-bottom: 80px; } .service-cam h2 { font-family: 'Roboto', sans-serif; font-size: 54px; font-weight: 300; line-height: 1.3; text-align: left; color: var(--royal_blue); margin-bottom: 50px; margin-top: 50px; } .service-cam__col { display: flex; flex-direction: column; } .service-cam__ctrls { display: flex; align-items: flex-start; margin-bottom: 8px; } .service-cam__ctrl { padding: 0 16px; height: 40px; display: flex; justify-content: center; align-items: center; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; line-height: 1; text-align: center; margin-right: 8px; margin-bottom: 8px; background-color: #f9f9f9; border-radius: 4px; border: solid 1px var(--brownish_grey); color: var(--brownish_grey); transition: 0.25s ease-out; } .service-cam__ctrl:hover, .service-cam__ctrl:active, .service-cam__ctrl._current { color: var(--cobalt_blue); border-color: var(--cobalt_blue); } .service-cam__container { width: 100%; display: flex; } .service-cam-item { width: 100%; max-width: 882px; display: flex; flex-direction: column; display: none; } .service-cam-item._show { display: flex; } .service-cam-item__container { width: 100%; height: 472px; margin-bottom: 16px; } .service__thx { width: 100%; height: 360px; border-radius: 10px; background-color: var(--royal_blue); display: flex; justify-content: center; align-items: center; font-family: 'Roboto', sans-serif; font-size: 54px; font-weight: 300; line-height: 1.3; text-align: center; color: #f9f9f9; } .service-way { width: 100; display: flex; flex-direction: column; margin-bottom: 70px; } .service-way h2 { font-family: 'Roboto', sans-serif; font-size: 54px; font-weight: 300; line-height: 1.3; text-align: left; color: var(--royal_blue); margin-bottom: 50px; } .service-way__container { width: 100%; display: flex; align-items: flex-start; } .service-way__content { width: 426px; margin-right: 30px; flex-shrink: 0; display: flex; flex-direction: column; margin-bottom: 24px; } .service-way__sub-title { margin-bottom: 48px; } .service-way__text { margin-bottom: 48px; } .service-way__text-title { margin-bottom: 16px; } .service-way__map { width: 100%; display: flex; align-items: flex-start; margin-bottom: 48px; } .service-net { width: 100%; display: flex; flex-direction: column; margin-bottom: 70px; } .service-net h2 { font-family: 'Roboto', sans-serif; font-size: 54px; font-weight: 300; line-height: 1.3; text-align: left; color: var(--royal_blue); margin-bottom: 50px; } .service-net__col { width: 100%; display: flex; flex-direction: column; } .service-member { width: 100%; display: flex; flex-direction: column; margin-bottom: 70px; } .service-member__title { max-width: 882px; margin-top: 50px; margin-bottom: 50px; } .service-member__container { width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; } .service-member-item { width: calc(100% / 3 - 16px); display: flex; flex-direction: column; padding: 40px 40px; margin-bottom: 24px; border-radius: 10px; border: solid 1px var(--royal_blue); background-color: rgba(0, 6, 105, 0); } .service-member-item:nth-child(3n+2) { margin-left: 24px; margin-right: 24px; } .service-member-item__title { margin-bottom: 8px; } .service-member-item__img { width: 100%; max-width: 66.67%; height: auto; align-self: center; margin-top: auto; margin-bottom: 8px; } .service-member-item__sub-title { margin-bottom: 8px; } .service-member-item__text { margin-bottom: 16px; } .service-member-item__text-link { text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; cursor: pointer; transition: 0.25s ease-out; } .service-member-item__text-link:hover, .service-member-item__text-link:active { -webkit-text-decoration-color: var(--cobalt_blue); text-decoration-color: var(--cobalt_blue); } @media only screen and (max-width: 1366px) { .service h1 { font-size: 35px; margin-bottom: 140px; } .service__thx { height: 240px; font-size: 35px; line-height: 1.4; padding: 0 16px; } .service-cam { margin-bottom: 140px; } .service-cam h2 { font-size: 35px; margin-bottom: 80px; margin-top: 80px; } .service-way { margin-bottom: 110px; } .service-way h2 { font-size: 35px; margin-bottom: 80px; } .service-way__content { width: 305px; margin-right: 24px; } .service-net h2 { font-size: 35px; margin-bottom: 80px; } .service-net { margin-bottom: 110px; } .service-member { margin-bottom: 110px; } .service-member__title { margin-top: 80px; margin-bottom: 80px; } } @media only screen and (max-width: 1280px) { .service-cam { margin-bottom: 110px; } .service-cam-item__container { height: 422px; } .service h1 { margin-bottom: 110px; } .service-way__content { width: 288px; } .service-way__map iframe { height: 382px!important; } .service-member-item { padding: 24px 16px; } } @media only screen and (max-width: 1024px) { .service h1 { margin-bottom: 80px; } .service-cam { margin-bottom: 80px; } .service-cam-item__container { height: 336px; } .service-cam__ctrls { flex-wrap: wrap; } .service-way { margin-bottom: 80px; } .service-way__content { margin-right: 16px; width: 236px; } .service-member__container { flex-direction: column; align-items: flex-start; } .service-member-item { width: 100%; max-width: 426px; } .service-member-item:nth-child(3n+2) { margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 640px) { .service-cam-item__container { height: 248px; } .service-way__container { flex-direction: column; } .service-way__content { width: 100%; } .service-way__text-title { margin-bottom: 8px; } .service-way__map iframe { height: 288px!important; } } @media only screen and (max-width: 768px) { .service-way__sub-title { margin-bottom: 32px; } .service-way__text { margin-bottom: 24px; } .service-net h2 { margin-bottom: 64px; } .service-net { margin-bottom: 80px; } } @media only screen and (max-width: 1919.98px) { .service-member-item { padding: 24px 24px; } } /* End */ /* /css/jquery.fancybox.min.css?176287600712795 */ /* /css/swiper.5.min.css?176287600813593 */ /* /css/style.css?176287600884306 */ /* /yul.plan/style.css?176287673213405 */ /* /bitrix/templates/kvartal/template_styles.css?1762875588727 */ /* /css/service.css?17628760088023 */