/* Start:/local/templates/stayproperty/css/swiper-bundle.min.css?175005598515563*/ /** * Swiper 7.3.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 22, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;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 .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/stayproperty/css/ion.rangeSlider.css?175005598519649*/ /** Ion.RangeSlider, 2.3.1 © Denis Ineshin, 2010 - 2019, IonDen.com Build date: 2019-12-19 16:51:02 */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.2rem; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 2rem; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 0.8rem; background: #000; } .irs-grid-pol.small { height: .4rem; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 0.9rem; line-height: 0.9rem; padding: 0 .3rem; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 4.0rem; } .irs--flat.irs-with-grid { height: 6.0rem; } .irs--flat .irs-line { top: 2.5rem; height: 1.2rem; background-color: #e1e4e9; border-radius: .4rem; } .irs--flat .irs-bar { top: 2.5rem; height: 1.2rem; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: .4rem 0 0 .4rem; } .irs--flat .irs-shadow { height: 1px; bottom: 1.6rem; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 2.2rem; width: 1.6rem; height: 1.8rem; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: .2rem; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: .1rem .3rem; color: #999; font-size: 1.0rem; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: .4rem; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 1.0rem; line-height: 1.333; text-shadow: none; padding: 1px .5rem; background-color: #ed5565; border-radius: .4rem; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -0.6rem; left: 50%; width: 0; height: 0; margin-left: -.3rem; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 5.5rem; } .irs--big.irs-with-grid { height: 7rem; } .irs--big .irs-line { top: 3.3rem; height: 1.2rem; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 1.2rem; } .irs--big .irs-bar { top: 3.3rem; height: 1.2rem; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 1.2rem 0 0 1.2rem; } .irs--big .irs-shadow { height: 1px; bottom: 1.6rem; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 2.5rem; width: 3.0rem; height: 3.0rem; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px .2rem rgba(0, 0, 0, 0.2), inset 0 0 .3rem 1px white; border-radius: 3.0rem; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px .5rem; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px .5rem; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 5.5rem; } .irs--modern.irs-with-grid { height: 5.5rem; } .irs--modern .irs-line { top: 2.5rem; height: .5rem; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: .5rem; } .irs--modern .irs-bar { top: 2.5rem; height: .5rem; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: .5rem 0 0 .5rem; } .irs--modern .irs-shadow { height: 1px; bottom: 2.1rem; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 3.7rem; width: 1.2rem; height: 1.3rem; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -.4rem; left: 1px; width: .6rem; height: .6rem; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 1.0rem; height: 1.2rem; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: .3rem; left: .3rem; width: .4rem; height: .5rem; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 1.0rem; line-height: 1.333; text-shadow: none; padding: 1px .5rem; color: white; background-color: #d1d6e0; border-radius: .5rem; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 1.0rem; line-height: 1.333; text-shadow: none; padding: 1px .5rem; background-color: #20b426; color: white; border-radius: .5rem; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -.6rem; left: 50%; width: 0; height: 0; margin-left: -.3rem; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 2.5rem; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 1.3rem; } .irs--sharp { height: 5.0rem; font-size: 1.2rem; line-height: 1; } .irs--sharp.irs-with-grid { height: 5.7rem; } .irs--sharp .irs-line { top: 3.0rem; height: .2rem; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 3.0rem; height: .2rem; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 2.1rem; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 2.5rem; width: 1.0rem; height: 1.0rem; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: .5rem solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 1.4rem; line-height: 1; top: 0; padding: .3rem .4rem; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 1.4rem; line-height: 1; text-shadow: none; padding: .3rem .4rem; background-color: #a804b2; color: white; border-radius: .2rem; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -.6rem; left: 50%; width: 0; height: 0; margin-left: -.3rem; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 2.5rem; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 1.3rem; } .irs--round { height: 5.0rem; } .irs--round.irs-with-grid { height: 6.5rem; } .irs--round .irs-line { top: 3.6rem; height: 2px; background-color: #dee4ec; border-radius: .4rem; } .irs--round .irs-bar { top: 3.6rem; height: 2px; background-color: #0199E4; } .irs--round .irs-bar--single { border-radius: .4rem 0 0 .4rem; } .irs--round .irs-shadow { height: .4rem; bottom: 2.1rem; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 2.6rem; width: 2.4rem; height: 2.4rem; border: .34rem solid white; background-color: #0199E4; border-radius: 2.4rem; box-shadow: .5rem .5rem 2rem 0 #25286B33; cursor: pointer; } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #0088c9; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 1.4rem; line-height: 1; top: 0; padding: .3rem .5rem; background-color: rgba(0, 0, 0, 0.1); border-radius: .4rem; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 1.4rem; line-height: 1; text-shadow: none; padding: .3rem .5rem; background-color: #006cfa; color: white; border-radius: .4rem; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -.6rem; left: 50%; width: 0; height: 0; margin-left: -.3rem; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 2.5rem; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 1.3rem; } .irs--square { height: 5.0rem; } .irs--square.irs-with-grid { height: 6.0rem; } .irs--square .irs-line { top: 3.1rem; height: .4rem; background-color: #dedede; } .irs--square .irs-bar { top: 3.1rem; height: .4rem; background-color: black; } .irs--square .irs-shadow { height: .2rem; bottom: 2.1rem; background-color: #dedede; } .irs--square .irs-handle { top: 2.5rem; width: 1.6rem; height: 1.6rem; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 1.4rem; line-height: 1; top: 0; padding: .3rem .5rem; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 1.4rem; line-height: 1; text-shadow: none; padding: .3rem .5rem; background-color: black; color: white; } .irs--square .irs-grid { height: 2.5rem; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 1.1rem; } @media (max-width: 48em) { .irs { font-size: 2.4rem; } .irs-grid { height: 4rem; } .irs-grid-pol { height: 1.6rem; } .irs-grid-pol.small { height: .8rem; } .irs-grid-text { font-size: 1.8rem; line-height: 1.8rem; padding: 0 .6rem; } .irs--flat { height: 8rem; } .irs--flat.irs-with-grid { height: 12rem; } .irs--flat .irs-line { top: 5rem; height: 2.4rem; border-radius: .8rem; } .irs--flat .irs-bar { top: 5rem; height: 2.4rem; } .irs--flat .irs-bar--single { border-radius: .8rem 0 0 .8rem; } .irs--flat .irs-shadow { bottom: 3.2rem; } .irs--flat .irs-handle { top: 4.4rem; width: 3.2rem; height: 3.6rem; } .irs--flat .irs-handle > i:first-child { width: .4rem; } .irs--flat .irs-min, .irs--flat .irs-max { padding: 1px .6rem; font-size: 2rem; border-radius: .8rem; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { font-size: 2rem; padding: 1px 1rem; border-radius: .8rem; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { bottom: -2.4rem; margin-left: -.6rem; } .irs--big { height: 11rem; } .irs--big.irs-with-grid { height: 14rem; } .irs--big .irs-line { top: 6.6rem; height: 2.4rem; border-radius: 2.4rem; } .irs--big .irs-bar { top: 6.6rem; height: 2.4rem; } .irs--big .irs-bar--single { border-radius: 2.4rem 0 0 2.4rem; } .irs--big .irs-shadow { bottom: 3.2rem; } .irs--big .irs-handle { top: 5rem; width: 6rem; height: 6rem; border-radius: 6rem; } .irs--big .irs-min, .irs--big .irs-max { padding: 1px .6rem; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { padding: 1px .6rem; } .irs--modern { height: 11rem; } .irs--modern.irs-with-grid { height: 11rem; } .irs--modern .irs-line { top: 5rem; height: 1rem; border-radius: 1rem; } .irs--modern .irs-bar { top: 5rem; height: 1rem; } .irs--modern .irs-bar--single { border-radius: 1rem 0 0 1rem; } .irs--modern .irs-shadow { bottom: 4.2rem; } .irs--modern .irs-handle { top: 7.4rem; width: 2.4rem; height: 2.6rem; } .irs--modern .irs-handle > i:nth-child(1) { top: -.8rem; width: 1.2rem; height: 1.2rem; } .irs--modern .irs-handle > i:nth-child(2) { width: 2rem; height: 2.4rem; } .irs--modern .irs-handle > i:nth-child(3) { top: .6rem; left: .6rem; width: .8rem; height: 1rem; } .irs--modern .irs-min, .irs--modern .irs-max { font-size: 2rem; padding: 1px 1rem; border-radius: 1rem; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 2rem; padding: 1px 1rem; border-radius: 1rem; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { bottom: -1.2rem; margin-left: -.6rem; } .irs--modern .irs-grid { height: 5rem; } .irs--modern .irs-grid-text { font-size: 2.6rem; } .irs--sharp { height: 10rem; font-size: 2.4rem; } .irs--sharp.irs-with-grid { height: 11.4rem; } .irs--sharp .irs-line { top: 6rem; height: .4rem; } .irs--sharp .irs-bar { top: 6rem; height: .4rem; } .irs--sharp .irs-shadow { height: 1px; bottom: 4.2rem; } .irs--sharp .irs-handle { top: 5rem; width: 2rem; height: 2rem; } .irs--sharp .irs-handle > i:first-child { border: 1rem solid transparent; } .irs--sharp .irs-min, .irs--sharp .irs-max { font-size: 2.8rem; padding: .6rem .8rem; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 2.8rem; padding: .6rem .8rem; border-radius: .4rem; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { bottom: -1.2rem; margin-left: -.6rem; } .irs--sharp .irs-grid { height: 5rem; } .irs--sharp .irs-grid-text { font-size: 2.6rem; } .irs--round { height: 10rem; } .irs--round.irs-with-grid { height: 13rem; } .irs--round .irs-line { top: 7.2rem; border-radius: .8rem; } .irs--round .irs-bar { top: 7.2rem; height: 2px; } .irs--round .irs-bar--single { border-radius: .8rem 0 0 .8rem; } .irs--round .irs-shadow { height: .8rem; bottom: 4.2rem; } .irs--round .irs-handle { top: 5.2rem; width: 4.4rem; height: 4.4rem; border: .6rem solid white; border-radius: 4.8rem; } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #0088c9; } .irs--round .irs-min, .irs--round .irs-max { font-size: 2.8rem; padding: .6rem 1rem; border-radius: .8rem; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 2.8rem; padding: .6rem 1rem; border-radius: .8rem; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { bottom: -1.2rem; margin-left: -.6rem; } .irs--round .irs-grid { height: 5rem; } .irs--round .irs-grid-text { font-size: 2.6rem; } .irs--square { height: 10rem; } .irs--square.irs-with-grid { height: 12rem; } .irs--square .irs-line { top: 6.2rem; height: .8rem; } .irs--square .irs-bar { top: 6.2rem; height: .8rem; } .irs--square .irs-shadow { height: .4rem; bottom: 4.2rem; } .irs--square .irs-handle { top: 5rem; width: 3.2rem; height: 3.2rem; } .irs--square .irs-min, .irs--square .irs-max { font-size: 2.8rem; padding: .6rem 1rem; } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 2.8rem; padding: .6rem 1rem; } .irs--square .irs-grid { height: 5rem; } .irs--square .irs-grid-text { font-size: 2.2rem; } } /* End */ /* Start:/local/templates/stayproperty/css/style.css?1750055985550048*/ @charset "UTF-8"; @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Bold.eot"); src: local("Euclid Circular A Bold"), local("EuclidCircularA-Bold"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Bold.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Bold.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Light.eot"); src: local("Euclid Circular A Light"), local("EuclidCircularA-Light"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Light.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Light.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-BoldItalic.eot"); src: local("Euclid Circular A Bold Italic"), local("EuclidCircularA-BoldItalic"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-BoldItalic.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-BoldItalic.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-LightItalic.eot"); src: local("Euclid Circular A Light Italic"), local("EuclidCircularA-LightItalic"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-LightItalic.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-LightItalic.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Regular.eot"); src: local("Euclid Circular A Regular"), local("EuclidCircularA-Regular"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Regular.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Regular.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBold.eot"); src: local("Euclid Circular A SemiBold"), local("EuclidCircularA-SemiBold"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBold.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBold.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Medium.eot"); src: local("Euclid Circular A Medium"), local("EuclidCircularA-Medium"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Medium.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Medium.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Italic.eot"); src: local("Euclid Circular A Italic"), local("EuclidCircularA-Italic"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Italic.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Italic.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBoldItalic.eot"); src: local("Euclid Circular A SemiBold Italic"), local("EuclidCircularA-SemiBoldItalic"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBoldItalic.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBoldItalic.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "Euclid Circular A"; src: url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-MediumItalic.eot"); src: local("Euclid Circular A Medium Italic"), local("EuclidCircularA-MediumItalic"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-MediumItalic.woff2") format("woff2"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-MediumItalic.woff") format("woff"), url("/local/templates/stayproperty/css/../fonts/EuclidCircularA-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: "Euclid Circular A", sans-serif; font-size: 0.5208335vw; font-style: normal; font-weight: normal; -webkit-animation: bugfix infinite 1s; line-height: 1.2; margin: 0; padding: 0; } body { font-style: normal; font-weight: normal; -webkit-animation: bugfix infinite 1s; line-height: 1.2; margin: 0; padding: 0; color: rgb(43, 47, 54); background-color: #fafaff; font-size: 3rem; } body.lock { overflow: hidden; } input, textarea { -webkit-animation: bugfix infinite 1s; line-height: inherit; margin: 0; padding: 0; background-color: transparent; border: none; color: inherit; } a { color: unset; } a, a:hover { text-decoration: none; } button, input, a, textarea { outline: none; cursor: pointer; font: inherit; } button:focus, input:focus, a:focus, textarea:focus { outline: none; } button:active, input:active, a:active, textarea:active { outline: none; } h1, h2, h3, h4, h5, h6 { /*font: inherit;*/ margin: 0; padding: 0; } /*p {*/ /* margin-top: 0;*/ /* margin-bottom: 0;*/ /*}*/ img { width: 100%; height: auto; display: block; } button { border: none; color: inherit; font: inherit; text-align: inherit; padding: 0; background-color: transparent; } /*ul {*/ /* padding: 0;*/ /* margin: 0;*/ /*}*/ ul li { /* margin: 0;*/ /* padding: 0;*/ list-style: none; } .container { width: 156rem; margin: 0 auto; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } @media (max-width: 48em) { html { font-size: 5px; font-size: 1.5625vw; font-size: 1.3333333333vw; -webkit-text-size-adjust: none; } body { -webkit-text-size-adjust: none; } .container { padding: 0 4rem; width: 100%; } .container--sm { width: 100%; } } .logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 27.1rem; height: 6.5rem; } .logo img { width: 6.96rem; height: 6.09rem; } .logo__text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: end; align-self: flex-end; width: 19.1rem; } .logo__text-wrap svg { width: 18.8rem; } .logo__text-wrap svg:not(:last-child) { margin-bottom: 0.7rem; } .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; } .btn span { font-size: 1.8rem; font-weight: 600; color: rgb(255, 255, 255); /*margin-right: 1.986rem;*/ } .btn__img { width: 3rem; height: 3rem; -o-object-fit: contain; object-fit: contain; } .btn__arrow { width: 4.3rem; height: 4.3rem; margin-left: 2rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); } .btn__arrow svg { width: 2rem; height: 1.5rem; } .btn__arrow img { width: 2rem; height: 1.5rem; -o-object-fit: contain; object-fit: contain; } .btn__arrow__arrow-img { width: 2rem; height: 1.5rem; -o-object-fit: contain; object-fit: contain; } .btn__arrow.btn--red { background: -webkit-gradient(linear, left bottom, left top, from(#e82e3d), to(#e82e3d)); background: linear-gradient(0deg, #e82e3d, #e82e3d); } .btn__arrow.btn--red path { stroke: white; } .btn__arrow.btn--blue { background: rgb(1, 153, 228); } .btn__arrow.btn--white { background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%); } .btn__arrow.arrow-img img { width: 2rem; height: 1.5rem; -o-object-fit: contain; object-fit: contain; } .btn-video { width: 8rem; height: 8rem; background: -webkit-gradient(linear, left bottom, left top, from(#e72535), to(#e72535)), #de1117; background: linear-gradient(0deg, #e72535, #e72535), #de1117; -webkit-box-shadow: 1rem 2rem 5rem rgba(243, 83, 83, 0.25); box-shadow: 1rem 2rem 5rem rgba(243, 83, 83, 0.25); border-radius: 50%; font-size: 2rem; font-weight: 600; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .btn-video::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 1.3rem 1.3rem 1.3rem 1.5rem; border-color: transparent transparent transparent #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); } .title { font-size: 5.5rem; font-weight: 700; color: rgb(43, 47, 54); } .subtitle { font-size: 1.7rem; font-weight: 400; color: rgb(138, 145, 170); } .corner { position: relative; background-color: #ffffff; width: 2rem; height: 3rem; } .corner::before { content: ""; display: block; padding-bottom: 100%; background-color: #f2f1f5; border-top-left-radius: 100%; height: 3rem; width: 3rem; position: absolute; top: 0; left: 0; } .button-select { font-size: 1.7rem; font-weight: 500; color: #2b2f36; background: #eff0f8; border-radius: 1.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 6rem; } .swiper-bullets-two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; } .swiper-bullets-two .bullets-two-bullet { font-size: 2rem; font-weight: 400; color: #bdc1cf; } .swiper-bullets-two .bullets-two-bullet:not(:last-child) { margin-right: 1.5rem; } .swiper-bullets-two .bullets-two-bullet:first-child { margin-right: 4rem; position: relative; } .swiper-bullets-two .bullets-two-bullet-active { font-size: 4rem; font-weight: 600; color: #2b2f36; } .spoller-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; font-weight: 400; color: #bdc1cf; } .swiper-pagination-bullets.swiper-pagination-horizontal { width: auto; } .spoller-pagination-num { cursor: pointer; margin-right: 1.5rem; -webkit-transition: 0.01s; transition: 0.01s; } .spoller-pagination-num.active { font-size: 4rem; font-weight: 600; color: #2b2f36; } .spoller-pagination-num:first-child { margin-right: 11.6rem; position: relative; } .spoller-pagination-num:first-child::before { content: ""; width: 6rem; height: 0.2rem; background-color: #d4daec; position: absolute; right: -9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .more { text-align: center; } .more__btn { margin: 0 auto; } .more__btn span { color: #000000; } .slider__number { font-size: 6rem; font-weight: 600; color: rgb(255, 255, 255); margin-right: 4.8rem; } .swiper__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .swiper__arrow { width: 9.4rem; height: 9.4rem; border-radius: 50%; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); margin-right: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.8s; transition: 0.8s; cursor: pointer; } .swiper__arrow img { width: 2.1rem; height: 2.1rem; -webkit-transition: 0.8s; transition: 0.8s; } .swiper__arrow.swiper-button-disabled { -webkit-transform: scale(0.85); transform: scale(0.85); } .swiper__arrow.swiper-button-disabled img { width: 1.5rem; height: 1.5rem; } @media (max-width: 48em) { .btn span { font-size: 3.2rem; margin-right: 3rem; } .btn__img { width: 3rem; height: 3rem; } .btn__arrow { width: 7.6rem; height: 7.6rem; -ms-flex-negative: 0; flex-shrink: 0; } .btn__arrow svg { width: 3rem; height: 3rem; } .btn__arrow img { width: 3rem; height: 3rem; } .title { font-size: 7rem; } .subtitle { font-size: 3.2rem; } .button-select { font-size: 3.2rem; border-radius: 2.6rem; height: 10rem; } .spoller-pagination { font-size: 3.2rem; } .spoller-pagination-num { margin-right: 1.5rem; } .spoller-pagination-num.active { font-size: 7rem; } .spoller-pagination-num:first-child { margin-right: 20rem; } .spoller-pagination-num:first-child::before { content: ""; width: 12.4rem; right: -16rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .header { position: relative; } .header::before { content: ""; width: 100%; height: 8.7rem; background: rgb(240, 247, 255); position: absolute; left: 0; right: 0; top: 0; z-index: -1; } .header::after { content: ""; width: 100%; height: 9.7rem; background: rgb(255, 255, 255); position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; } .header__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 8.7rem; } .header__phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; font-weight: 700; color: rgb(43, 47, 54); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .header__phone:hover { color: rgb(1, 153, 228); } .header__phone:not(:last-child) { margin-right: 2.5rem; } .header__phone-img { width: 3rem; height: 100%; -o-object-fit: contain; object-fit: contain; margin-right: 1.14rem; } .header__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 9.7rem; } .header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.7rem; font-weight: 500; color: #2b2f36; } .header__item { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; /* padding-bottom: 4rem; */ } /*.header__item:hover { color: rgb(1, 153, 228); }*/ .header__item > a:hover { color: rgb(1, 153, 228); } /*.header__item:hover .header__item-link > button { color: rgb(1, 153, 228); }*/ .header__item:not(:last-child) { margin-right: 3.3rem; } .header__btn-back-call { width: 24.7rem; height: 6rem; background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.5rem 0 2.3rem; } .header__btn-back-call span { font-size: 1.7rem; font-weight: 500; color: #ffffff; } .header__btn-arrow { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__btn-arrow img { height: 100%; width: 1rem; -o-object-fit: contain; object-fit: contain; } .header__item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } /* .header__item-link:hover button{ color: rgb(1, 153, 228); } */ .header__item-link svg { width: 1.3rem; height: 0.8rem; -o-object-fit: contain; object-fit: contain; margin-left: 1.5rem; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } .header__item-link.active svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } @media (min-width: 48.01em) { .header__item:hover .header__sub-list { display: block; } .header__item:hover .header__item-link > button { color: rgb(1, 153, 228); } .header__item:hover .header__item-link svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .header__sub-list li .header__sub-sub-list { display: none; } .header__sub-list li:hover .header__sub-sub-list { display: block; } .header__sub-list li:hover .header__sub-item-link svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } /*.header__sub-item-link:hover svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }*/ } /*.header__item:hover .header__sub-list{ display: block; }*/ .header__sub-list { padding-top: 6rem; display: none; position: absolute; top: -3rem; left: 0; z-index: 50; } .header__sub-list-inner { background: #ffffff; border: 1px solid rgba(43, 47, 54, 0.5); -webkit-box-shadow: 0px 0.4rem 1.3rem rgba(43, 47, 54, 0.5); box-shadow: 0px 0.4rem 1.3rem rgba(43, 47, 54, 0.5); border-radius: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -ms-border-radius: 1.6rem; -o-border-radius: 1.6rem; padding: 2.1rem 2rem; width: 27rem; } /*.header__sub-list li:hover { color: rgba(1, 153, 228, 1); }*/ .header__sub-list li:not(:first-child):hover { color: rgb(1, 153, 228); } .header__sub-list li:not(:last-child) { margin-bottom: 1.6rem; } .header__item { position: relative; } .header__sub-item-link, .header__sub-item-to-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .header__sub-item-link svg, .header__sub-item-to-link svg { width: 1.4rem; height: 0.8rem; -webkit-transition: 0.2s; transition: 0.2s; } .header__sub-item-link.active svg, .header__sub-item-to-link.active svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .header__sub-sub-list { position: absolute; top: 6rem; right: -19rem; width: 24rem; min-height: 200px; padding-left: 6rem; } .header__sub-sub-to-list { display: none; position: absolute; top:0; right: -19rem; width: 24rem; min-height: 250px; padding-left: 6rem; } .header__sub-sub-list-inner { background: #ffffff; border: 1.2px solid rgba(43, 47, 54, 0.5); -webkit-box-shadow: 0px 0.4rem 1rem rgba(43, 47, 54, 0.5); box-shadow: 0px 0.4rem 1rem rgba(43, 47, 54, 0.5); border-radius: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -ms-border-radius: 1.6rem; -o-border-radius: 1.6rem; padding: 2.1rem 2rem; /* min-height: 250px;*/ } .header__sub-sub-list li:hover .header__sub-sub-to-list{ display: block; } .header__sub-item-to-link:hover svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .header__sub-list ul li { font-size: 1.6rem; font-weight: 500; color: rgb(43, 47, 54); } .header__sub-list ul li:not(:last-child) { margin-bottom: 1.6rem; } .header__sub-list ul li:hover { color: rgb(1, 153, 228); } .banner { position: relative; /*height: 100rem;*/ padding-top: 65rem; margin-bottom: 3rem; } .banner__slider { height: 76rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .banner__slide-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .banner__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 11rem 18rem 5rem 18rem; } .banner__btn-video { width: 13.9rem; height: 13.9rem; background: -webkit-gradient(linear, left bottom, left top, from(#e72535), to(#e72535)), #de1117; background: linear-gradient(0deg, #e72535, #e72535), #de1117; -webkit-box-shadow: 1rem 2rem 5rem rgba(243, 83, 83, 0.25); box-shadow: 1rem 2rem 5rem rgba(243, 83, 83, 0.25); border-radius: 50%; font-size: 2rem; font-weight: 600; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: end; align-self: flex-end; -ms-flex-negative: 0; flex-shrink: 0; padding: 1rem 1rem 4rem 1rem; margin-bottom: 21.7rem; position: relative; } .banner__btn-video::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 1.1rem 1.1rem 1.1rem 1.3rem; /* размер и форма */ border-color: transparent transparent transparent #ffffff; /* red — цвет */ position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-25%, -85%); transform: translate(-25%, -85%); } .banner__title { font-size: 6rem; font-weight: 700; color: #ffffff; text-shadow: 0.5rem 0.5rem 2.8rem rgba(9, 13, 26, 0.25); -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 2rem; } .banner__btn { width: 48.8rem; height: 7.6rem; background: #ffffff; border-radius: 100rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 4.3rem 0 3.8rem; } .banner__btn-title { font-size: 1.7rem; font-weight: 500; color: rgb(43, 47, 54); /*margin-right: 14rem;*/ margin-right: 3rem; } .banner__btn-title span { font-size: 2.4rem; font-weight: 700; color: rgb(43, 47, 54); } .banner__btn-arrow { width: 6rem; height: 2rem; } .banner__inner { position: relative; margin-bottom: 9.2rem; } .banner .swiper__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0rem; top: -9.4rem; z-index: 10; } .banner .swiper__arrows { position: absolute; right: 0; top: -9.4rem; z-index: 10; } .swiper__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper__pagination span { width: 1.2rem; height: 1.2rem; background: #ffffff; } .swiper__pagination span:not(:last-child) { margin-right: 1.6rem; } .filter { position: relative; z-index: 2; border-radius: 4rem; } .filter__header { padding: 3rem 4.3rem 0rem 4.3rem; background: #ffffff; border-radius: 4rem 4rem 0 0; width: 34rem; margin-bottom: -0.2rem; position: relative; } .filter__corner { position: absolute; background: radial-gradient(circle at 103% 0, rgba(0, 0, 0, 0) 4rem, #ffffff 10px); width: 5rem; height: 5rem; bottom: -0.9rem; right: -3.3rem; } .filter__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter__title-img { width: 1.4rem; height: 1.6rem; -o-object-fit: contain; object-fit: contain; margin-right: 2rem; } .filter__title { font-size: 2.4rem; font-weight: 700; color: rgb(43, 47, 54); } .filter__body { width: 100%; background: #ffffff; border-radius: 0rem 4rem 2rem 4rem; padding: 5rem 4.4rem 4rem 4.2rem; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.09); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.09); } .filter__body-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 7rem; margin-right: -4.6rem; -webkit-transition: max-height 0.3s ease-in; transition: max-height 0.3s ease-in; } .filter__body-top.active { max-height: 25rem; } .filter__body-top > *:not(:last-child) { margin-right: 4.6rem; } .filter__body-top .filter-hide { position: relative; z-index: -1; opacity: 0; margin-top: 3rem; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .filter__body-top.active .filter-hide { z-index: 1; opacity: 1; } .filter__selects { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .filter__select { position: relative; } .filter__select.active .filter__wrapper { background: #f7f7fd; } .filter__select.active .filter__wrapper svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .filter__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 17rem; height: 6rem; background: #f7f7fd; border-radius: 1rem; display: flex; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem 2rem 2rem 2rem; cursor: pointer; } .filter__wrapper svg { width: 1.5rem; height: 0.8rem; -webkit-transition: 0.5s; transition: 0.5s; } .filter__current { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .filter__option { position: absolute; top: 5rem; left: 0; background: #f7f7fd; -webkit-box-shadow: 1rem 2rem 2rem rgba(40, 44, 78, 0.09); box-shadow: 1rem 2rem 2rem rgba(40, 44, 78, 0.09); border-radius: 0 0 1rem 1rem; width: 100%; display: none; z-index: 10; max-height: 20rem; /*overflow-y: scroll;*/ overflow-y: auto; } .filter__type-item { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); cursor: pointer; padding: 0.75rem 2rem 0.75rem 2rem; padding-top: 0.75rem; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; } .filter__type-item:hover { background: #ededfd; font-weight: 600; } .filter__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter__inputs--one .filter__input { width: 17rem; } .filter__input { position: relative; height: 6rem; width: 19.6rem; background: #f7f7fd; border-radius: 1rem; font-size: 1.7rem; font-weight: 500; color: rgb(43, 47, 54); } .filter__input input::-webkit-input-placeholder { color: rgb(138, 145, 170); } .filter__input input::-moz-placeholder { color: rgb(138, 145, 170); } .filter__input input:-ms-input-placeholder { color: rgb(138, 145, 170); } .filter__input input::-ms-input-placeholder { color: rgb(138, 145, 170); } .filter__input input::placeholder { color: rgb(138, 145, 170); } .filter__input.input-id { width: 14.1rem; } .filter__input input { height: 100%; width: 100%; padding: 2rem 2rem 2rem 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter__input span { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); position: absolute; top: 50%; left: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .filter__input.articul { width: 17rem; } .filter__input.input-from { border-radius: 1rem 0 0 1rem; -webkit-border-radius: 1rem 0 0 1rem; -moz-border-radius: 1rem 0 0 1rem; -ms-border-radius: 1rem 0 0 1rem; -o-border-radius: 1rem 0 0 1rem; position: relative; } .filter__input.input-from input, .filter__input.input-to input { padding: 2rem 4rem 2rem 5rem; } .filter__input.input-from:after, .filter__input.input-to:after { content: "€"; position: absolute; top: 50%; right: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .filter__input.input-from:before { content: ""; position: absolute; right: 0; top: 50%; display: block; height: 3.5rem; width: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #cdd1df; } .filter__input.input-to { border-radius: 0rem 1rem 1rem 0rem; -webkit-border-radius: 0rem 1rem 1rem 0rem; -moz-border-radius: 0rem 1rem 1rem 0rem; -ms-border-radius: 0rem 1rem 1rem 0rem; -o-border-radius: 0rem 1rem 1rem 0rem; } .filter__value { width: 18.9rem; height: 6rem; background: #0199e4; border-radius: 1rem; font-size: 1.9rem; font-weight: 700; color: rgb(255, 255, 255); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; } .filter__body-bottom { position: relative; padding-bottom: 6rem; } .filter__bottom-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 9; bottom: -2rem; right: 0rem; } .filter__more-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); position: absolute; left: 0; bottom: 0; } /*.filter__more-filters.active { display: none; }*/ .filter__more-filters svg { width: 1.4rem; height: 2.2rem; margin-right: 2.1rem; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } .filter__more-filters.active svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .filter__clean-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); margin-right: 3.8rem; } .filter__clean-filters.mobile { display: none; } .filter__bottom-more-wrap { display: none; } .filter__bottom-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 3rem; } .filter__clean-filters span { margin-right: 1.2rem; } .filter__clean-filters svg { width: 2.4rem; height: 2.4rem; } .photo { margin-bottom: 14rem; } .photo__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 6rem; } .photo__big-block { margin-right: 3.8rem; height: 47.1rem; } .photo__big { position: relative; padding: 5rem 2rem 5rem 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(38.2%, rgba(0, 0, 0, 0)) ), -webkit-gradient(linear, left top, left bottom, color-stop(64.9%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 38.2%), linear-gradient(180deg, rgba(0, 0, 0, 0) 64.9%, rgba(0, 0, 0, 0.4) 100%); border-radius: 3rem; width: 36.2rem; height: 100%; } .photo__big img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; position: absolute; top: 0; left: 0; z-index: -1; } .photo__blocks-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .photo__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .photo__row:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .photo__block { position: relative; padding: 3rem 2rem 3rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(38.2%, rgba(0, 0, 0, 0)) ), -webkit-gradient(linear, left top, left bottom, color-stop(64.9%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 38.2%), linear-gradient(180deg, rgba(0, 0, 0, 0) 64.9%, rgba(0, 0, 0, 0.4) 100%); border-radius: 3rem; width: 36.2rem; height: 25rem; } .photo__block img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; height: 100%; width: 100%; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .photo__block:nth-child(2n) { background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(38.2%, rgba(0, 0, 0, 0)) ), -webkit-gradient(linear, left top, left bottom, color-stop(64.9%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 38.2%), linear-gradient(180deg, rgba(0, 0, 0, 0) 64.9%, rgba(0, 0, 0, 0.4) 100%); height: 20rem; } .photo__block-title { font-size: 3.7rem; font-weight: 700; color: rgb(255, 255, 255); } .new-objects { margin-bottom: 17.5rem; } .new-objects__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .new-objects__title { margin-bottom: 6.5rem; } .new-objects .objects-box:not(:nth-child(4n + 4)) { margin-right: 3.7rem; } .new-objects .objects-box:not(:nth-child(n + 5)) { margin-bottom: 3.7rem; } .support { margin-bottom: 10rem; position: relative; } .support::before { content: ""; width: 105rem; height: 44rem; background: #ececf5; border-radius: 50rem 0 0 50rem; position: absolute; top: 15.2rem; right: 0; z-index: -1; } .support__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .support__text-block { width: 64.3rem; padding-top: 9.5rem; } .support__title { margin-bottom: 2.2rem; } .support__subtitle { margin-bottom: 5rem; line-height: 1.58; width: 73%; } .support__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5.7rem; } .support__btn span { color: rgb(43, 47, 54); } .support__btn:not(:last-child) { margin-right: 3.7rem; } .support__img { width: 39.5rem; height: 20.5rem; } .support__img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .support__slider-block { width: 90rem; position: relative; } .support__slide-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .support__slide-img { width: 59rem; /*height: 56rem;*/ /*width: 67.4rem;*/ /*height: auto;*/ position: relative; bottom: 0; left: 5rem; pointer-events: none; } .support__slide-img img { width: 67.4rem; /*height: 100%; -o-object-fit: cover; object-fit: cover;*/ } .support__slide-text { padding-top: 17rem; } .support__slide-title { font-size: 3rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 3.5rem; } .support__slide-item:not(:last-child) { /*margin-bottom: 3rem;*/ margin-bottom: 2.5rem; } .support__slide-item-title { display: block; margin-bottom: 2px; font-size: 1.5rem; line-height: 2.7rem; font-weight: 400; color: #8a91aa; /*margin-bottom: 1rem;*/ } .support__slide-item-value { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; line-height: 2.7rem; font-weight: 700; color: rgb(43, 47, 54); } a.support__slide-item-value:hover { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; color: #0199e4; } .support__slide-item-value a { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: inline-block; margin-left: 0.8rem; -webkit-transition: color 0.25s; transition: color 0.25s; } .support__slide-item-value a:not(:last-child) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.3rem; height: 2.3rem; margin-left: 0; margin-right: 0.7rem; border-radius: 100%; border: 1px solid #aeb3c6; } .support__slide-item-value a:hover { color: #0199e4; } .support__slide-item-value svg { width: 1.5rem; height: auto; /*margin-right: 1.1rem;*/ } .support__slide-item:not(:nth-child(2)) .support__slide-item-value { display: block; } .support__slider-controll { width: 100%; position: absolute; bottom: -3rem; left: 4rem; } .support__slider-pagination { position: static; width: 10rem; } .support__slider-pagination span { width: 1.2rem; height: 1.2rem; background: rgb(43, 47, 54); } .support .swiper-pagination-bullets { width: 20rem; position: absolute; left: 0; bottom: 1.5rem; } .support .swiper__arrows { position: absolute; width: 20rem; right: 0; bottom: -1.5rem; } .catalog { padding-top: 7.5rem; padding-bottom: 17rem; overflow: hidden; } .catalog__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5.7rem; position: relative; } .catalog__content { overflow: visible; } .catalog__content-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__box-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog__box-column:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .catalog__box-column:nth-child(2n) .catalog__box:nth-child(1) { margin-bottom: 0; } .catalog__box-column:nth-child(2n) .catalog__box:nth-child(2) { margin-bottom: 1.8rem; } .catalog__box-column:not(:last-child) { margin-right: 3rem; } .catalog__box { width: 36.2rem; height: 25.3rem; -webkit-filter: drop-shadow(1rem 2rem 10rem rgba(40, 44, 78, 0.15)); filter: drop-shadow(1rem 2rem 10rem rgba(40, 44, 78, 0.15)); border-radius: 3rem; } .catalog__box:nth-child(1) { margin-bottom: 1.8rem; } .catalog__box.photo-box, .catalog__box.map { height: 20rem; } .catalog__box.to-buy { background: #ffffff; padding: 2.2rem 3.2rem 3.2rem 3.2rem; } .catalog__box.map { position: relative; } .catalog__box img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .catalog__box-title { font-size: 2rem; font-weight: 700; color: #2b2f36; margin-bottom: 2rem; } .catalog__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 30rem; font-size: 1.4rem; font-weight: 400; margin-bottom: 1.4rem; } .catalog__item:not(:last-child) { margin-bottom: 1.1rem; } .catalog__item:last-of-type { margin-bottom: 2rem; } .catalog__item-key { color: #2b2f36; padding-right: 2rem; } .catalog__item-value { color: #babfd3; } .catalog__item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; font-weight: 700; color: #2b2f36; } .catalog__item-link img { width: 1rem; height: 1rem; -o-object-fit: contain; object-fit: contain; margin-left: 1.7rem; } .catalog__box-map-link { width: 10.9rem; height: 10.9rem; border-radius: 50%; background: #0199e4; -webkit-box-shadow: 1rem 2rem 5rem rgba(83, 186, 243, 0.25); box-shadow: 1rem 2rem 5rem rgba(83, 186, 243, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.4rem; font-weight: 600; color: #ffffff; text-align: center; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mortgage { padding-top: 5rem; margin-bottom: 17rem; position: relative; } .mortgage::before { content: ""; width: 100%; height: 100%; background: linear-gradient(175.32deg, #e6eefb 4.9%, #ebf4ff 96.86%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .mortgage__inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-bottom: 11rem; padding-top: 6rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mortgage__img { width: 63rem; height: 74rem; position: absolute; bottom: 0; left: 42%; } .mortgage__img img { height: 100%; -o-object-fit: cover; object-fit: cover; } .mortgage__calculation { width: 56.4rem; padding: 5rem 5.7rem 5.1rem 5.8rem; background: #ffffff; border-radius: 3rem; height: 100%; } .mortgage__title { font-size: 3.7rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 1rem; } .mortgage__subtitle { font-size: 1.7rem; font-weight: 400; color: rgb(138, 145, 170); margin-bottom: 3.7rem; line-height: 1.588; } .mortgage__ranger { position: relative; margin-bottom: 3rem; } .mortgage__ranger::before { content: ""; background: #f8f8fe; border-radius: 1.3rem; height: 5.5rem; width: 100%; position: absolute; left: 0; bottom: 1.2rem; } .mortgage__rangers-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4.3rem; } .mortgage__ranger-payment { position: relative; width: 25.6rem; margin-right: 2.5rem; } .mortgage__ranger-payment::before { content: ""; background: #f8f8fe; border-radius: 1.3rem; height: 5.5rem; width: 100%; position: absolute; left: 0; bottom: 1.2rem; } .mortgage__ranger-term { position: relative; width: 16.5rem; } .mortgage__ranger-term::before { content: ""; background: #f8f8fe; border-radius: 1.3rem; height: 5.5rem; width: 100%; position: absolute; left: 0; bottom: 1.2rem; } .mortgage__ranger-title { font-size: 1.4rem; font-weight: 400; color: rgb(138, 145, 170); margin-bottom: 3.5rem; white-space: nowrap; } .mortgage__ranger-sale { position: absolute; right: 2rem; top: 5.2rem; font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .mortgage .irs { width: 95%; margin: 0 auto; } .mortgage .irs-bar { background: #0199e4; } .mortgage .irs--round .irs-handle { border: 0.5rem solid #ffffff; background-color: #0199e4; } .mortgage .irs-line { background: rgb(231, 231, 242); height: 0.2rem; } .mortgage .irs-single { position: static; font-size: 1.7rem; font-weight: 600; color: rgb(43, 47, 54); padding: 0; background: transparent; } .mortgage .irs-single::before { content: none; } .mortgage__rangers { display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage__about { width: 28rem; margin-top: 8rem; margin-left: auto; } .mortgage__about-precetn { font-size: 2rem; font-weight: 400; color: #2b2f36; margin-bottom: 8.5rem; line-height: 1.3; width: 80%; text-align: right; margin-left: auto; } .mortgage__about-precetn span { font-size: 3.7rem; font-weight: 700; color: #2b2f36; } .mortgage__about-bank { width: 20.2rem; height: 11.7rem; background: -webkit-gradient( linear, left bottom, left top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9)) ), #eaf3ff; background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #eaf3ff; border-radius: 0 2.5rem 0 2.5rem; margin-bottom: 8.5rem; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mortgage__about-bank img { width: 13.6rem; height: 7rem; -o-object-fit: contain; object-fit: contain; } .mortgage__about-bank-description { font-size: 1.5rem; font-weight: 400; color: rgb(138, 145, 170); text-align: right; margin-left: auto; line-height: 1.8; width: 75%; } .mortgage__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mortgage__price { font-size: 3.2rem; font-weight: 700; color: rgb(43, 47, 54); } .mortgage__price span:first-child { font-size: 1.5rem; font-weight: 400; color: rgb(153, 162, 181); margin-right: 0.5rem; } .mortgage__price sup { font-size: 1.3rem; } .mortgage__button { width: 22.3rem; height: 6rem; background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.5rem 0 2.5rem; } .mortgage__button-name { font-size: 1.7rem; font-weight: 500; color: rgb(255, 255, 255); } .mortgage__buttom-arrow { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mortgage__buttom-arrow img { height: 1rem; width: 1rem; -o-object-fit: contain; object-fit: contain; } .real-estate { margin-bottom: 17rem; } .real-estate__title { margin-bottom: 5.5rem; } .real-estate__select { position: relative; margin-right: 2rem; } .real-estate__select.active .real-estate__wrapper svg { -webkit-transform: rotate(175deg); transform: rotate(175deg); } .real-estate__select.active .real-estate__option { display: block; } .real-estate__select-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 3.8rem; } .real-estate__wrapper { width: 49.4rem; height: 6rem; background: #eff0f8; border-radius: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem 2rem 2rem 2rem; cursor: pointer; } .real-estate__wrapper svg { width: 1.5rem; height: 0.8rem; -webkit-transition: 0.5s; transition: 0.5s; } .real-estate__current { font-size: 1.7rem; font-weight: 500; color: #8a91aa; } .real-estate__option { position: absolute; top: 5rem; left: 0; background: #f7f7fd; -webkit-box-shadow: 1rem 2rem 2rem rgba(40, 44, 78, 0.09); box-shadow: 1rem 2rem 2rem rgba(40, 44, 78, 0.09); border-radius: 0 0 1rem 1rem; width: 100%; display: none; } .real-estate__type-item { font-size: 1.7rem; font-weight: 500; color: #8a91aa; cursor: pointer; padding: 0.75rem 2rem 0.75rem 2rem; padding-top: 0.75rem; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; } .real-estate__ranger-wrap { position: relative; width: 39.2rem; margin-right: 2rem; } .real-estate__ranger-wrap::after { content: ""; width: 39.2rem; height: 6rem; background: #eff0f8; border-radius: 1rem; position: absolute; bottom: 0.2rem; left: 0; z-index: -1; } .real-estate__ranger { width: 100%; position: absolute; left: 0; bottom: -1rem; } .real-estate .irs-from, .real-estate .irs-to, .real-estate .irs-single { display: none; } .real-estate .irs { width: 95%; margin: 0 auto; } .real-estate .irs--round .irs-handle { border: 0.5rem solid #ffffff; background-color: #0199e4; top: auto; bottom: 0rem; width: 2.4rem; height: 2.4rem; } .real-estate .irs-bar { background: #0199e4; bottom: 1rem; top: auto; } .real-estate .irs-line { background: #e7e7f2; height: 0.2rem; } .real-estate .extra-controls { position: absolute; top: 1.5rem; width: 39.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate .extra-controls .input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .real-estate .extra-controls .input-wrap span { font-size: 1.3rem; font-weight: 500; color: #b1b1c5; margin-right: 1rem; padding-left: 2rem; } .real-estate .extra-controls .input-wrap span.postfix { font-size: 1.7rem; font-weight: 500; color: #2b2f36; padding-right: 2rem; margin-right: 0; padding-left: 0; } .real-estate .extra-controls .price-from { position: relative; font-size: 1.7rem; font-weight: 500; color: #2b2f36; width: 7rem; } .real-estate .extra-controls .price-to { position: relative; font-size: 1.7rem; font-weight: 500; color: #2b2f36; width: 7rem; } .real-estate__button-top { width: 13.824rem; } .real-estate__button-top.active { background: rgb(1, 153, 228); color: #ffffff; } .real-estate___select-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 7.3rem; } .real-estate__select-left { display: -webkit-box; display: -ms-flexbox; display: flex; } .real-estate__button-bottom { width: 18.8rem; } .real-estate__button-bottom:not(:last-child) { margin-right: 2rem; } .real-estate__button-bottom.active { background: rgb(1, 153, 228); color: #ffffff; } .real-estate__select-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate__all { font-size: 2rem; font-weight: 700; color: #2b2f36; margin-right: 5.9rem; } .real-estate__reset { font-size: 1.7rem; font-weight: 500; color: #8a91aa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate__reset img { width: 2rem; height: 2rem; margin-left: 1.2rem; } .real-estate__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .real-estate__box { width: 49.4rem; height: 63.8rem; position: relative; } .real-estate__box:not(:nth-child(3n + 3)) { margin-right: 3.8rem; } .real-estate__box:nth-child(-n + 3) { margin-bottom: 3.8rem; } .real-estate__box-inner { background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 1.8rem 1.8rem 1.8rem 0; height: 55.9rem; overflow: hidden; } .real-estate__box-inner.active .real-estate__slider { height: 22rem; } .real-estate__box-inner.active .real-estate__item { height: 22rem; } .real-estate__box-top { padding: 2.3rem 2.3rem 1.5rem 2.3rem; } .real-estate__slider { height: 44rem; margin-bottom: 1.6rem; position: relative; -webkit-transition: 0.6s; transition: 0.6s; border-radius: 1.5rem; } .real-estate__slider img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .real-estate__item { display: block; height: 44rem; margin-bottom: 1.6rem; position: relative; -webkit-transition: 0.6s; transition: 0.6s; border-radius: 1.5rem; } .real-estate__item img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .real-estate__slider-wrapper { border-radius: 1.5rem; } .real-estate__slide { border-radius: inherit; position: relative; } .real-estate__slide-id { font-size: 1.3rem; font-weight: 400; color: #ffffff; height: 3.5rem; padding: 0.5rem 2.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(20, 20, 78, 0.21); border-radius: 1.6rem; position: absolute; top: 1.6rem; right: 1.8rem; z-index: 10; } .real-estate__pagination span { background: #ffffff; width: 1rem; height: 1rem; } .real-estate__pagination.swiper-pagination { bottom: 3rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .real-estate__text-block { cursor: pointer; padding: 0 2.3rem 12rem 3.5rem; } .real-estate__text-block:hover .real-estate__box-hover { display: block; } .real-estate__text-block:hover .real-estate__bottom-block .static { display: none; } .real-estate__text-block:hover .real-estate__bottom-block .hover { display: -webkit-box; display: -ms-flexbox; display: flex; } .real-estate__box-hover { display: none; -webkit-transition: 0.8s; transition: 0.8s; } .real-estate__box-title { font-size: 2.1rem; font-weight: 700; color: #2b2f36; margin-bottom: 2.3rem; line-height: 1.38; width: 87%; } .real-estate__bottom-block { position: absolute; left: 0; right: 0; bottom: 0.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .real-estate__bottom-block .static { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate__bottom-block .hover { display: none; } .real-estate__text-bottom { font-size: 1.1rem; font-weight: 400; color: rgb(138, 145, 170); } .real-estate__box-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.6s; transition: 0.6s; } .real-estate__box-item:nth-child(n + 3) { margin-top: 2.2rem; } .real-estate__box-item-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 37%; } .real-estate__box-item-left-key { font-size: 1.6rem; font-weight: 600; color: rgb(43, 47, 54); } .real-estate__box-item-left-value { font-size: 1.1rem; font-weight: 400; color: rgb(43, 47, 54); } .real-estate__box-item-right { font-size: 1.1rem; font-weight: 600; color: rgb(43, 47, 54); } .real-estate__box-item-right span { font-size: 1.4rem; font-weight: 400; } .real-estate__box-item-right sup { font-size: 1rem; font-weight: 700; } .real-estate__bottom-box-info { background: #ffffff; border-radius: 0 0 1.8rem 1.8rem; padding-left: 3.5rem; padding-right: 1.5rem; width: 87%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .real-estate__bottom-box-info.hover { padding-bottom: 2.5rem; border-bottom: 0.1rem solid #dde2f4; margin-bottom: 2.5rem; padding-left: 0rem; padding-right: 0rem; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 0 0 0; width: 100%; } .real-estate__sity-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate__sity-img { width: 2rem; height: 2rem; margin-right: 1rem; } .real-estate__sity-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .real-estate__sity-name { font-size: 1.6rem; font-weight: 400; color: #2b2f36; } .real-estate__box-price { font-size: 2.2rem; font-weight: 600; color: #2b2f36; } .real-estate__box-price span { font-size: 1.5rem; font-weight: 400; color: #99a2b5; margin-right: 0.5rem; margin-top: 1.2rem; } .real-estate__box-price sup { font-size: 1.5rem; margin-bottom: 2rem; } .partner { height: 83.5rem; padding-top: 8.1rem; margin-bottom: 10.5rem; position: relative; } .partner__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .partner__in-numbers { width: 82rem; background: #0199e4; border-radius: 5rem 0 0 0; padding: 5.3rem 5.1rem 5rem 5.1rem; position: absolute; bottom: 0; right: 0; } .partner__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .partner__item:not(:last-child) { margin-bottom: 2rem; } .partner__item-key { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.7rem; font-weight: 400; color: #ffffff; width: 46%; } .partner__item-value { font-size: 3.1rem; font-weight: 500; color: #ffffff; margin-right: auto; } .partner__item-link { font-size: 1.5rem; font-weight: 500; color: #ffffff; padding-bottom: 0.5rem; border-bottom: 0.1rem solid #ffffff; margin-right: 10.5rem; margin-top: 1rem; } .partner__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .partner__about { font-size: 1.6rem; font-weight: 400; color: #2b2f36; width: 23.2rem; padding-top: 7rem; } .partner__about-title { margin-bottom: 11.7rem; line-height: 1.562; } .partner__btn-video { background: #0199e4; width: 13.9rem; height: 13.9rem; padding-bottom: 3rem; -webkit-box-shadow: 1rem 2rem 5rem rgba(83, 205, 243, 0.25); box-shadow: 1rem 2rem 5rem rgba(83, 205, 243, 0.25); } .partner .btn-video::before { border-width: 2rem 2rem 2rem 2.3rem; top: 40%; left: 50%; -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); } .partner__title-block { width: 62rem; padding-right: 3rem; padding-top: 2rem; } .partner__title { font-size: 5.5rem; font-weight: 700; color: #2b2f36; margin-bottom: 2.2rem; width: 70%; line-height: 1.3; } .partner__title span { color: #0199e4; } .partner__btn span { color: #2b2f36; } .partner__command { width: 49.9rem; margin-right: 0rem; } .partner__command-img { height: 33.5rem; border-radius: 0 3rem 0 3rem; margin-bottom: 4.2rem; } .partner__command-img img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .partner__command-title { font-size: 1.5rem; font-weight: 500; color: #8a91aa; margin-bottom: 1.4rem; padding-left: 1rem; } .partner__command-subtitle { font-size: 1.5rem; font-weight: 500; color: #2b2f36; width: 60%; padding-left: 1.5rem; } .rewiews { margin-bottom: 6.5rem; margin-top: 6.5rem; overflow: hidden; } .rewiews__inner { position: relative; } .rewiews__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5rem; } .rewiews__slider { margin-bottom: 9.5rem; overflow: visible; } .rewiews__slide { position: relative; height: auto; border-radius: 4rem; padding: 3.2rem 3.4rem 6.1rem 3.2rem; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); } .rewiews .swiper-pagination { font-size: 4rem; font-weight: 500; color: #000000; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 5rem; position: absolute; bottom: -10rem; left: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .rewiews .swiper-pagination::after { /*content: "";*/ width: 6rem; height: 0.1rem; background: #cad7e7; position: absolute; top: 50%; left: 7rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rewiews .swiper-pagination .swiper-pagination-bullet { height: 5rem; width: 2rem; font-size: 2rem; color: #acbacb; opacity: 1; background: transparent; margin-right: 2rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rewiews .swiper-pagination .swiper-pagination-bullet:first-child { margin-right: 11.8rem; } .rewiews .swiper-pagination .swiper-pagination-bullet-active { font-size: 4rem; color: #2b2f36; background: transparent; margin-right: 3rem; margin-left: 1rem; } .rewiews__slide-inner { border-radius: 4rem; } .rewiews__slide-sity { font-size: 1.6rem; font-weight: 600; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #0199e4; width: 14.4rem; height: 6.1rem; padding: 0 6rem; border-radius: 0 3rem 0 3rem; position: absolute; top: 11rem; left: -3rem; } .rewiews__slide-name-wrap { width: 21rem; height: 15.6rem; position: absolute; top: 11rem; right: -4rem; padding: 2rem 1rem 5rem 5rem; } .rewiews__slide-name-wrap img { width: 100%; height: 100%; position: absolute; top: 0rem; right: 0rem; -webkit-filter: drop-shadow(20px 20px 100px rgba(40, 44, 78, 0.15)); filter: drop-shadow(20px 20px 100px rgba(40, 44, 78, 0.15)); } .rewiews__slide-mini-text { width: 14rem; position: relative; } .rewiews__slide-name { font-size: 1.7rem; font-weight: 600; color: rgb(43, 47, 54); margin-bottom: 1.5rem; width: 12rem; text-align: end; } .rewiews__slide-data { font-size: 1.5rem; font-weight: 400; color: rgb(138, 145, 170); text-align: end; width: 12rem; } .rewiews__slide-link { width: 8rem; height: 8rem; border-radius: 50%; background-color: #e82e3d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 6.5rem; bottom: -3rem; } .rewiews__slide-link img { height: 2rem; width: 3rem; -o-object-fit: contain; object-fit: contain; } .rewiews__slide-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5.2rem; display: none; } .rewiews__slide-top-key { font-size: 1.5rem; font-weight: 400; color: #8a91aa; } .rewiews__slide-top-value { font-size: 1.5rem; font-weight: 600; color: #2b2f36; } .rewiews__slide-photo { width: 11.3rem; height: 11.3rem; border-radius: 50%; border: 0.4rem solid #ffffff; -webkit-filter: drop-shadow(2rem 2rem 10rem rgba(40, 44, 78, 0.15)); filter: drop-shadow(2rem 2rem 10rem rgba(40, 44, 78, 0.15)); margin: 0 auto; margin-bottom: 4rem; margin-right: 14.5rem; } .rewiews__slide-photo img { height: 100%; -o-object-fit: cover; object-fit: cover; background-size: cover; border-radius: inherit; } .rewiews__slide-text { overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; line-clamp: 7; box-orient: vertical; font-size: 2rem; font-weight: 400; color: #2b2f36; line-height: 1.55; width: 94%; } .rewiews__slide-text:before { content: ""; display: block; width: 5rem; height: 4rem; float: right; } .rewiews__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rewiews__numbers { width: 50%; font-size: 4rem; font-weight: 600; color: #2b2f36; } .rewiews__pagination { position: relative; text-align: end; } .rewiews__pagination span { width: 1.2rem; height: 1.2rem; background: #d2d8ec; } .rewiews__pagination span.swiper-pagination-bullet-active { margin-right: 4rem; background: #2b2f36; } .blog { padding-bottom: 17rem; overflow: hidden; } .blog__title { margin-bottom: 7.3rem; } .blog__content { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; */ } .blog__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog__box { width: 76rem; height: auto; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 4rem; padding: 2.5rem 4.5rem 2.9rem 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .blog__photo { width: 100%; height: 100%; border-radius: inherit; -ms-flex-negative: 0; flex-shrink: 0; } .blog__photo img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .blog .btn-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8rem; height: 8rem; margin-bottom: 0; } .blog .btn-video::before { border-width: 1.2rem 1.2rem 1.2rem 1.3rem; -webkit-transform: translate(-15%, -50%); transform: translate(-15%, -50%); } .blog__box-content { width: 100%; padding-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog__box-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 2rem; border-bottom: 1px solid #dde2f4; margin-bottom: 1.6rem; } .blog__box-top-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.9rem; font-weight: 500; color: #99a2b5; } .blog__box-top-img { width: 2.4rem; height: 2.4rem; margin-right: 0.9rem; } .blog__box-top-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .blog__box-top-number { font-size: 1.5rem; font-weight: 700; color: #2b2f36; } .blog__box-title { font-size: 2.6rem; font-weight: 700; color: #2b2f36; line-height: 1.46; margin-bottom: 1.6rem; cursor: pointer; } .blog__box-title:hover { color: rgb(1, 153, 228); } .blog__box-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 2.6rem; border-top: 1px solid #dde2f4; } .blog__box__bottom-clock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog__box-botom-icon { width: 2.4rem; height: 2.4rem; margin-right: 0.5rem; } .blog__box-botom-icon img { height: 100%; -o-object-fit: contain; object-fit: contain; } .blog__box-clock-text { font-size: 1.6rem; font-weight: 400; color: #2b2f36; } .blog__box-bottom-data { font-size: 1.3rem; font-weight: 400; color: #99a2b5; } .live { padding: 0rem 0 10rem 0; margin-bottom: 18rem; background: linear-gradient(175.32deg, #e6eefb 4.9%, #ebf4ff 96.86%), #ececf5; overflow: hidden; position: relative; } .live__inner { padding-top: 8.5rem; } .live__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5rem; } .live__title span { color: #0199e4; } .live__slider { margin-bottom: 6.1rem; position: relative; overflow: visible; } .live .pagination-custom { font-size: 4rem; font-weight: 500; color: #000000; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 5rem; position: static; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .live .pagination-custom::after { content: ""; width: 6rem; height: 0.1rem; background: #cad7e7; position: absolute; top: 50%; left: 7rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .live .pagination-custom .swiper-pagination-bullet { height: 5rem; width: 2rem; font-size: 2rem; color: #acbacb; opacity: 1; background: transparent; margin-right: 2rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .live .pagination-custom .swiper-pagination-bullet:first-child { margin-right: 11.8rem; } .live .pagination-custom .swiper-pagination-bullet-active { font-size: 4rem; color: #2b2f36; background: transparent; margin-right: 3rem; margin-left: 1rem; } .live__slide { padding: 2.3rem 2.5rem 2.9rem 2.5rem; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(85, 105, 129, 0.13); box-shadow: 1rem 2rem 10rem rgba(85, 105, 129, 0.13); border-radius: 4rem; } .live__slide-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } .live__slide-ava { width: 7.4rem; height: 7.4rem; border-radius: 50%; margin-right: 1.8rem; } .live__slide-ava img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .live__personal-name { font-size: 1.8rem; font-weight: 700; color: #2b2f36; } .live__personal-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .live__location-img { width: 1.7rem; height: 1.7rem; } .live__location-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .live__location-place { font-size: 1.6rem; font-weight: 400; color: #8a91aa; } .live__photo { height: 29.8rem; width: 100%; border-radius: 2.3rem; margin-bottom: 2.5rem; } .live__photo img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .live__slide-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .live__like { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .live__like-img { width: 2.7rem; height: 2.7rem; margin-right: 0.9rem; } .live__like-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .live__like-number { font-size: 1.5rem; font-weight: 700; color: #2b2f36; } .live__slide-data { font-size: 1.3rem; font-weight: 400; color: #99a2b5; } .live__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .live__numbers { font-size: 4rem; font-weight: 600; color: #2b2f36; } .live__pagination { position: relative; width: 10rem; text-align: end; } .live__pagination span { width: 1.2rem; height: 1.2rem; background: #d2d8ec; } .live__pagination span.swiper-pagination-bullet-active { margin-right: 4rem; background: #2b2f36; } .news { margin-bottom: 10rem; } .news__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__title { margin-bottom: 5.4rem; } .news__button { width: 22.9rem; height: 6rem; background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; padding: 0 1.3rem 0 3.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__button-name { font-size: 1.7rem; font-weight: 500; color: #ffffff; } .news__buttom-arrow { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .news__buttom-arrow img { width: 1.5rem; height: 1.5rem; -o-object-fit: contain; object-fit: contain; } .news__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__left { width: 49.3rem; display: flex; flex-direction: column; justify-content: space-between; } .news__left-item { width: 49.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 3rem; padding: 2.1rem 4.7rem 2.2rem 2.3rem; position: relative; } .news__left-item span { width: 14.4rem; height: 4.7rem; background: #e82e3d; border-radius: 3.5rem 0 2.5rem 0; /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/ display: none; font-size: 1.6rem; font-weight: 600; color: #ffffff; position: absolute; top: -1.7rem; right: 1rem; } .news__left-item span:empty { display: none; } .news__left-item-photo { width: 10rem; height: 11.8rem; border-radius: 1.5rem; margin-right: 2.5rem; -ms-flex-negative: 0; flex-shrink: 0; } .news__left-item-photo img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .news__left-item-content { padding-top: 1rem; } .news__left-item-data { font-size: 1.5rem; font-weight: 400; color: #8a91aa; margin-bottom: 1rem; } .news__left-item-heading { font-size: 1.8rem; font-weight: 600; color: #000000; line-height: 1.44; cursor: pointer; } .news__left-item-heading:hover { color: rgb(1, 153, 228); } .news__center { padding: 3.5rem 3.5rem 4rem 3.5rem; width: 62.9rem; position: relative; border-radius: 1.8rem; background-color: #fff; box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); } .news__center-inner { background: #ffffff; padding: 3.5rem 3.5rem 0 3.5rem; border-radius: inherit; height: 46.2rem; } .news__center-absolut-block { width: 24.6rem; height: 18.1rem; position: absolute; right: -4rem; top: 18rem; padding: 4.5rem 1rem 3rem 8rem; } .news__center-absolut-block img { position: absolute; top: 0; right: 0; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-filter: drop-shadow(2rem 2rem 10rem rgba(40, 44, 78, 0.15)); filter: drop-shadow(2rem 2rem 10rem rgba(40, 44, 78, 0.15)); } .news__center-absolut-span { font-size: 1.6rem; font-weight: 400; color: #8a91aa; margin-bottom: 1rem; text-align: end; width: 12rem; position: relative; } .news__center-absolut-text { font-size: 1.7rem; font-weight: 600; color: #2b2f36; text-align: end; width: 12rem; position: relative; } .news__center-photo { width: 100%; height: 23.5rem; margin-bottom: 3.1rem; border-radius: 2.2rem; } .news__center-photo img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .news__center-data { font-size: 1.5rem; font-weight: 400; color: #8a91aa; margin-bottom: 2.5rem; } .news__center-heading { font-size: 2.6rem; font-weight: 700; color: #2b2f36; margin-bottom: 0.7rem; line-height: 1.46; cursor: pointer; } .news__center-heading:hover { color: rgb(1, 153, 228); } .news__center-heading:before { content: ""; display: block; width: 8rem; height: 4rem; float: right; } .news__center-subtitle { font-size: 1.7rem; font-weight: 400; color: #8a91aa; line-height: 1.588; width: 90%; z-index: 2; position: relative; } .news__center-bottom { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; width: 100%; } .news__center-bottom-block { background: #ffffff; border-radius: 0 0 1.8rem 1.8rem; width: 87%; height: 8.5rem; -webkit-box-shadow: -0.6rem 2.4rem 3rem rgba(76, 70, 203, 0.1); box-shadow: -0.6rem 2.4rem 3rem rgba(76, 70, 203, 0.1); } .news .corner::before { background: #fafaff; } .news__center-bottom-link__container { width: 7.5rem; height: 7.5rem; position: absolute; display: flex; align-items: flex-end; justify-content: flex-end; bottom: 0; right: 0; background-color: #fafaff; border-radius: 1.8rem 0 1.8rem 0; box-shadow: inset 1rem 2rem 10rem rgba(40, 44, 78, 0.1); } .news__center-bottom-link__container .top-corner, .news__center-bottom-link__container .bottom-corner { position: absolute; width: 1.8rem; height: 1.8rem; background-color: #fafaff; box-shadow: inset 1rem 2rem 10rem rgba(40, 44, 78, 0.1); } .news__center-bottom-link__container .top-corner::after, .news__center-bottom-link__container .bottom-corner::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; border-radius: 0 0 1.8rem 0; } .news__center-bottom-link__container .top-corner { top: -1.8rem; right: 0; } .news__center-bottom-link__container .bottom-corner { bottom: 0; left: -1.8rem; } .news__center-bottom-link { width: 6.5rem; height: 6.5rem; background: #0199e4; border-radius: 1.6rem; margin-top: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .news__center-bottom-link img { width: 2rem; height: 2rem; -o-object-fit: contain; object-fit: contain; } .news__right { width: 36rem; display: flex; flex-direction: column; justify-content: space-between; } .news__right-item { width: 36rem; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 3rem; padding: 2rem 2.1rem 2.3rem 2.3rem; } .news__right-img { width: 100%; height: 10.8rem; border-radius: 1.5rem; margin-bottom: 2.2rem; } .news__right-img img { height: 100%; border-radius: inherit; } .news__right-heading { font-size: 1.8rem; font-weight: 600; color: #000000; line-height: 1.44; margin-bottom: 1.5rem; cursor: pointer; } .news__right-heading:hover { color: rgb(1, 153, 228); } .news__right-data { font-size: 1.5rem; font-weight: 400; color: #8a91aa; } .representation { position: relative; margin-bottom: 6rem; } .representation__bg { position: absolute; top: 0; left: 0; /*right: 0;*/ /*bottom: 0;*/ width: 100%; height: 100%; z-index: -1; -o-object-fit: cover; object-fit: cover; } .representation__inner { padding: 10.4rem 0 10.4rem; } .representation__subtitle { font-size: 1.8rem; font-weight: 400; color: #8a91aa; margin-bottom: 1.5rem; } .representation__title { margin-bottom: 6rem; } .representation__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .representation__item { width: 46.2rem; background: #ffffff; border-radius: 3rem; padding: 1.7rem 2.9rem 2.1rem 2.9rem; } .representation__item:not(:nth-child(3n)) { margin-right: 3.7rem; } .representation__item:not(:nth-child(-3n)) { margin-bottom: 3.5rem; } .representation__item-place { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.2rem; } .representation__place-img { width: 3.8rem; height: 3.8rem; margin-right: 1.3rem; } .representation__place-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .representation__place-name { font-size: 2.2rem; font-weight: 700; color: #2b2f36; } .representation__item-street { font-size: 1.5rem; font-weight: 600; color: #2b2f36; margin-bottom: 1.3rem; } .representation__item-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; } .representation__contact:not(:last-child) { margin-right: 3rem; } .representation__contact-key { font-size: 1.5rem; font-weight: 400; color: #8a91aa; margin-bottom: 1rem; } .representation__contact-value { font-size: 1.5rem; font-weight: 600; color: #2b2f36; display: block; } .representation__contact-value:hover { color: rgb(1, 153, 228); } .faq { margin-bottom: 12rem; } .faq__title { margin-bottom: 4rem; } .faq__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .faq__content-column:not(:last-child) { margin-right: 4rem; } .faq__spoller { width: 76rem; } .faq__spoller-title-text { display: -webkit-box; display: -ms-flexbox; display: flex; } .faq__spoller-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4rem; position: relative; cursor: pointer; } .faq__spoller-title-wrap.active { margin-bottom: 2rem; } .faq__spoller-title-wrap.active .faq__btn { background: rgb(1, 153, 228); } .faq__spoller-title-wrap.active .faq__btn svg { fill: #ffffff; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .faq__spoller-title { font-size: 2.2rem; font-weight: 600; color: #000000; line-height: 1.45; background: #ffffff; padding: 3.8rem 0 3.9rem 3.5rem; border-radius: 3rem 0 3rem 3rem; -webkit-box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); } .faq__spoller-scenery .slice { height: 7rem; background: #ffffff; border-radius: 0 3rem 3rem 0; } .faq__btn { width: 6.5rem; height: 6.5rem; background: #ffffff; border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); position: relative; margin-left: 1.5rem; margin-top: 1.5rem; -webkit-transition: 0.8s; transition: 0.8s; } .faq__btn svg { width: 1.6rem; height: 2.5rem; fill: #2b2f36; -webkit-transition: 0.5s; transition: 0.5s; } .faq__btn .corner { position: absolute; top: -1.5rem; left: -1.5rem; z-index: -1; } .faq__btn .corner::before { background: #fafaff; } .faq__spoller-content { font-size: 1.8rem; font-weight: 400; color: #8a91aa; line-height: 1.267; background: #ffffff; border-radius: 3rem; padding: 3.6rem 6.3rem 3.6rem 3.5rem; position: relative; z-index: 1; margin-bottom: 3rem; display: none; } .choice { margin-bottom: 10rem; margin-top: 10rem; } .choice__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .choice__left { width: 36.2rem; height: 67.2rem; border-radius: 3rem; position: relative; padding: 5.3rem 4.4rem 2rem 3rem; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 7.8rem; } .choice__left img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: inherit; height: 100%; -o-object-fit: cover; object-fit: cover; } .choice__left-title { font-size: 2.5rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 2rem; } .choice__left-subtitle { font-size: 1.7rem; font-weight: 400; color: rgb(159, 170, 180); line-height: 1.4; margin-bottom: 3.8rem; } .choice__btn span { color: rgb(255, 255, 255); } .choice__title { margin-bottom: 4.5rem; } .choice__right-text-wrap { margin-bottom: 6rem; } .choice__subtitle-par { font-size: 1.7rem; font-weight: 400; color: rgb(138, 145, 170); line-height: 1.588; } .choice__subtitle-par:not(:last-child) { margin-bottom: 3rem; } .choice__subtitle-par:nth-child(2) { width: 92%; } .choice__article-title { font-size: 2.5rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 2.5rem; } .choice__article-par { font-size: 1.7rem; font-weight: 400; color: rgb(138, 145, 170); line-height: 1.588; } .choice__article-par:not(:last-child) { margin-bottom: 3rem; } .choice__article-title-par { font-size: 2.3rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 2.3rem; } .footer { background: 245, 245, 250, 1; } .footer__top { height: 18.3rem; background: #ffffff; padding: 0 18rem; margin-bottom: 8.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__top-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__top-img { width: 13.9rem; height: 13.9rem; margin-right: 5.5rem; } .footer__top-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .footer__top-title { font-size: 4rem; font-weight: 600; color: rgb(43, 47, 54); margin-bottom: 1.2rem; } .footer__top-subtitle { font-size: 2rem; font-weight: 400; color: rgb(138, 145, 170); } .footer__btn { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 24.5rem; height: 6rem; padding: 0 1.3rem 0 2rem; background: linear-gradient(0deg, #e82e3d, #e82e3d), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; overflow: hidden; } .footer__btn:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 200%; height: 6.5rem; background-color: white; -webkit-transition: 0.8s -webkit-transform ease; transition: 0.8s -webkit-transform ease; transition: 0.8s transform ease; transition: 0.8s transform ease, 0.8s -webkit-transform ease; -webkit-transform: rotate(-45deg) translateY(-400%); transform: rotate(-45deg) translateY(-400%); -webkit-filter: blur(15px); filter: blur(15px); } .footer__btn:hover:before { -webkit-transform: rotate(-45deg) translateY(150%); transform: rotate(-45deg) translateY(150%); /*animation-name: glare;*/ /*animation-duration: 1s;*/ } @-webkit-keyframes glare { from { -webkit-transform: rotate(-45deg) translateY(-400%); transform: rotate(-45deg) translateY(-400%); } to { -webkit-transform: rotate(-45deg) translateY(150%); transform: rotate(-45deg) translateY(150%); } } @keyframes glare { from { -webkit-transform: rotate(-45deg) translateY(-400%); transform: rotate(-45deg) translateY(-400%); } to { -webkit-transform: rotate(-45deg) translateY(150%); transform: rotate(-45deg) translateY(150%); } } .footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 7.5rem; } .footer__contacts-block { width: 36rem; margin-right: 11rem; } .footer__contacts-item { width: 36rem; height: 15.4rem; background: rgb(255, 255, 255); border-radius: 1.5rem; padding-left: 2.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__contacts-item:not(:last-child) { margin-bottom: 2.9rem; } .footer__tel { font-size: 3.3rem; font-weight: 600; color: rgb(43, 47, 54); margin-bottom: 2.2rem; } .footer__tel-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__tel-link span { font-size: 1.8rem; font-weight: 600; color: rgb(43, 47, 54); margin-right: 1.5rem; } .footer__contact-title { font-size: 2rem; font-weight: 600; color: rgb(43, 47, 54); margin-bottom: 1.3rem; } .footer__social-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__social-wrap > div { display: -webkit-box; display: -ms-flexbox; display: flex; } .worker__social-link { height: 2.3rem; } .worker__social-link img { height: 100%; -o-object-fit: contain; object-fit: contain; } .worker__social-link:not(:last-child) { margin-right: 2rem; } .worker__social-link .hover { display: none; } .worker__social-link:hover .static { display: none; } .worker__social-link:hover .hover { display: block; } .footer__nav { -webkit-column-gap: 10rem; -moz-column-gap: 10rem; column-gap: 10rem; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10rem 1fr 10rem 1fr 10rem 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .footer__nav-list { width: 21.8rem; margin: 0; } .footer__nav-list li { font-size: 1.7rem; font-weight: 400; color: rgb(138, 145, 170); line-height: 1.5; } .footer__nav-list li:not(:last-child) { margin-bottom: 1.78rem; } .footer__nav-list:first-child li:last-child { /* color: rgb(1, 153, 228); font-size: 1.8rem; font-weight: 600; */ } .footer__nav-title { font-size: 2.2rem; font-weight: 600; color: rgb(43, 47, 54); margin-bottom: 4rem; display: block; } .footer__nav-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__nav-tel:not(:last-child) { margin-bottom: 3rem; } .footer__nav-tel span { font-size: 1.7rem; font-weight: 400; color: rgb(138, 145, 170); margin-bottom: 0.7rem; } .footer__nav-tel a { font-size: 1.7rem; font-weight: 400; color: rgb(43, 47, 54); } .footer__bottom { height: 9.7rem; background: #ffffff; padding-left: 18.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom-info { font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); } .footer__bottom-info:not(:last-child) { margin-right: 13.5rem; } .banner.no-img { height: auto; padding-top: 6rem; margin-bottom: 17rem; } .banner.no-img .filter__body { padding: 5rem 4.4rem 2.5rem 4.2rem; } .articles { margin-bottom: 17rem; } .articles.page-news { margin-bottom: 14rem; } .articles__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .articles__text-block { width: 116.1rem; font-weight: 400; font-size: 2.4rem; line-height: 3rem; } .articles__text-block iframe { width: 100%; height: 65rem; margin-top: 4rem; } .articles__text-block a:hover { color: rgb(1, 153, 228); } .articles__text-block ul { margin: 0 0 0 2.4rem; padding: 0; } .articles__text-block li { list-style-type: disc; } .articles__title { margin-bottom: 12rem; } .articles__par { font-size: 2.4rem; font-weight: 400; color: rgb(43, 47, 54); line-height: 1.25; } .articles__par span { font-weight: 600; } .articles__par:not(:last-child) { margin-bottom: 3rem; } .articles__par h2 { margin-bottom: 1rem; } .articles__right-block { width: 36.2rem; } .articles__right-item { width: 100%; background: #ffffff; border-radius: 4rem; padding: 5.3rem 1.4rem 3rem 3rem; position: relative; } .articles__right-item.all-bg { background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); padding-bottom: 38.5rem; } .articles__right-item.black > img { height: 100%; } .articles__right-item.black .articles__item-title { color: #ffffff; position: relative; } .articles__right-item.black .articles__item-subtitle { color: #9faab4; position: relative; } .articles__right-item.black .btn span { color: #ffffff; } .articles__right-item.medium-bg { -webkit-box-shadow: 0.5rem 1.1rem 15.2rem rgba(40, 44, 78, 0.1); box-shadow: 0.5rem 1.1rem 15.2rem rgba(40, 44, 78, 0.1); padding-bottom: 25.5rem; } .articles__right-item.medium-bg > img { height: 22.3rem; width: 23rem; } .articles__right-item.medium-bg-auto > img { width: 100% !important; } .articles__right-item.medium-bg .articles__item-subtitle { width: 90%; } .articles__right-item.mini-bg { background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); padding: 4.3rem 2rem 10rem 3rem; } .articles__right-item.mini-bg .articles__item-subtitle { margin-bottom: 3rem; width: 95%; } .articles__right-item.mini-bg > img { height: 17rem; width: 13.3rem; right: auto; left: 2rem; top: auto; -o-object-fit: contain; object-fit: contain; } .articles__right-item.mini-bg .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; } .articles__right-item.no-bg { padding: 2.5rem 1.3rem 2rem 2.5rem; } .articles__right-item:not(:last-child) { margin-bottom: 9rem; } .articles__right-item > img { position: absolute; bottom: 0; right: 0; width: 100%; border-radius: inherit; } .articles__item-title { position: relative; font-size: 2.5rem; font-weight: 700; color: rgb(0, 0, 0); margin-bottom: 1.7rem; line-height: 1.3; } .articles__item-subtitle { position: relative; width: 29rem; font-size: 1.7rem; font-weight: 400; color: rgb(159, 170, 180); margin-bottom: 3.3rem; line-height: 1.55; } .articles__item-btn { font-weight: 600; font-size: 1.8rem; } .articles__item-btn .btn__arrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 1.5rem; } .articles__item-btn span { color: rgb(0, 0, 0); } .blog.video-review { margin-bottom: 16.7rem; } .blog.video-review .blog__content { overflow: visible; } .blog.video-review .blog__title { margin-bottom: 6.3rem; } .blog.video-review .blog__content-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog.video-review .blog__box { height: auto; } .blog.video-review .blog__box:not(:nth-child(2n + 2)) { margin-right: 4rem; } .blog.video-review .blog__box:nth-child(-n + 4) { margin-bottom: 4rem; } .order-video { position: relative; margin-bottom: 13rem; } .order-video__bg { position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: -1; } .order-video__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 4.2rem; } .order-video__title { font-size: 3.7rem; font-weight: 700; color: rgb(43, 47, 54); margin-right: 15.8rem; } .order-video__form { width: 95.3rem; padding-top: 1.2rem; margin-bottom: 6rem; } .order-video__form-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 3.2rem; } .order-video__form-info-left { width: 38.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-video__form-info-right { width: 52.6rem; } .order-video__form-input { width: 100%; background: #f7f7fd; padding: 1.4rem 2rem 1.4rem 2.7rem; font-size: 2rem; font-weight: 500; color: rgb(138, 145, 170); height: 100%; height: 5rem; border-radius: 1rem; } .order-video__comment { height: 13.1rem; border-radius: 2rem; width: 100%; background: #f7f7fd; padding: 1.4rem 2rem 1.4rem 2.7rem; font-size: 2rem; font-weight: 500; color: rgb(138, 145, 170); resize: none; } .order-video__comment::-webkit-input-placeholder { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .order-video__comment::-moz-placeholder { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .order-video__comment:-ms-input-placeholder { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .order-video__comment::-ms-input-placeholder { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .order-video__comment::placeholder { font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .order-video__form-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-video__logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 27.1rem; height: 6.5rem; } .order-video__logo img { width: 6.96rem; height: 6.09rem; } .order-video__logo-text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: end; align-self: flex-end; width: 19.1rem; } .order-video__link-block { width: 24rem; } .order-video__btn { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-bottom: 2rem; } .order-video__btn span { color: rgb(43, 47, 54); } .order-video__agreement { font-size: 1.4rem; font-weight: 400; color: rgb(138, 145, 170); text-decoration: underline; line-height: 1; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-video__checkbox-input { margin-right: 1.5rem; } .order-video .logo { width: 38.7rem; height: auto; display: block; padding-top: 1.8rem; } .order-video .logo__text-wrap { width: 100%; display: inline-block; } .order-video .logo__text-wrap svg:first-child { width: 100%; height: 4.69rem; margin-bottom: 0rem; } .order-video .logo__text-wrap svg:last-child { width: 100%; height: 3.1rem; } .order-video .logo.mobile { display: none; } .support.video-review::before { top: 12rem; } .support.video-review .support__text-block { padding-top: 17.5rem; } .support.video-review .support__title { margin-bottom: 3.2rem; } .support.video-review .support__slide-text { padding-top: 20.5rem; } .support.video-review .support__slider-controll { bottom: -2rem; } .partner.vacancies { margin-bottom: 6rem; } .vacancies { margin-bottom: 10rem; } .vacancies__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 110.1rem; margin: 0 auto 6.8rem auto; } .vacancies__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; font-weight: 500; color: rgb(43, 47, 54); cursor: pointer; } .vacancies__item span { font-size: 1.7rem; font-weight: 500; color: rgb(250, 250, 255); width: 2.9rem; height: 2.9rem; border-radius: 50%; background: rgb(1, 153, 228); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 1rem; } .vacancies__item-name { position: relative; } .vacancies__item-name::before { content: ""; width: 0; height: 0.18rem; background: #e82e3d; position: absolute; left: 0; bottom: -0.5rem; -webkit-transition: 0.8s; transition: 0.8s; } .vacancies__item-name.active::before { width: 100%; } .vacancies__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 4.5rem 1fr 4.5rem 1fr; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 4.5rem; -moz-column-gap: 4.5rem; column-gap: 4.5rem; row-gap: 6.2rem; } .vacancies__box { width: 49rem; position: relative; padding: 6rem 4.4rem 10.6rem 7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vacancies__box img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; height: 100%; } .vacancies__title { font-size: 3.3rem; font-weight: 700; color: rgb(43, 47, 54); line-height: 1.25; margin-bottom: 4.7rem; } .vacancies__subtitle { font-size: 2.6rem; font-weight: 400; color: rgb(43, 47, 54); line-height: 1.268; margin-bottom: 9rem; margin-top: auto; } .vacancies__salary { font-size: 2.7rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 2rem; margin-top: auto; } .vacancies__btn { width: 27.7rem; height: 6rem; padding: 0 2.3rem 0 2.3rem; background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; } .vacancies__btn span { color: #ffffff; font-size: 1.7rem; font-weight: 500; margin-right: 0.8rem; } .vacancies__btn svg { width: 1.1rem; height: 1.1rem; stroke: rgb(1, 153, 228); } .vacancies__btn .btn__arrow { width: 3.5rem; height: 3.5rem; } .blog.blog-slider { margin-bottom: 4.8rem; padding: 11rem 0; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); overflow: hidden; } .blog.blog-slider .blog__inner { position: relative; } .blog.blog-slider .blog__inner .swiper__arrows { position: absolute; right: -1rem; top: -2rem; } .blog.blog-slider .blog__title { margin-bottom: 6.5rem; } .blog.blog-slider .blog__photo { height: 100%; } .blog.blog-slider .blog__content { margin-bottom: 5.1rem; } .blog.blog-slider .blog__btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 24.7rem; height: 6rem; padding: 0 1.5rem 0 2.3rem; background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; margin-left: auto; color: #ffffff; font-size: 1.7rem; font-weight: 500; } .blog.blog-slider .blog__btn span { color: #ffffff; font-size: 1.7rem; font-weight: 500; } .blog.blog-slider .blog__btn svg { width: 1.1rem; height: 1.1rem; stroke: rgb(1, 153, 228); } .blog.blog-slider .blog__btn .btn__arrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 3.5rem; height: 3.5rem; } .support.video-review { margin-bottom: 14.7rem; } .articles.channel { margin-bottom: 6rem; } .articles.channel .articles__right-item.all-bg .articles__item-title { color: #ffffff; position: relative; } .articles.channel .articles__right-item.all-bg .articles__item-subtitle { color: #9faab4; position: relative; } .articles.channel .articles__right-item.all-bg .btn { position: relative; } .articles.channel .articles__right-item.all-bg .btn span { color: #ffffff; } .banner-support { background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.09); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.09); padding: 1.9rem 0 3.4rem 0; margin-bottom: 17rem; } .banner-support__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .banner-support__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15.9rem; } .banner-support__img { width: 15rem; height: 13rem; margin-right: 5.4rem; } .banner-support__img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .banner-support__title { font-size: 4rem; font-weight: 600; color: rgb(43, 47, 54); margin-bottom: 1.2rem; } .banner-support__subtitle { font-size: 2rem; font-weight: 400; color: rgb(138, 145, 170); } .banner-support__links { display: -webkit-box; display: -ms-flexbox; display: flex; } .banner-support__btn { width: 36.2rem; height: 6rem; border-radius: 1.6rem; padding: 0 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner-support__btn span { margin-right: 2.7rem; font-size: 1.7rem; font-weight: 400; } .banner-support__btn:first-child { background: linear-gradient(0deg, #e82e3d, #e82e3d), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); margin-right: 8rem; } .banner-support__btn:last-child { /*background: linear-gradient(0deg, #0199E4, #0199E4), linear-gradient(272.89deg, #4341CC -9.64%, #0199E4 92.79%);*/ } .banner-support__btn:last-child svg { stroke: #0199e4; } .banner-support__btn .btn__arrow { width: 3.5rem; height: 3.5rem; } .subscribe { margin-bottom: 18rem; } .subscribe__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6rem; } .subscribe__slider { margin-bottom: 7.5rem; } .subscribe__slide { position: relative; border-radius: 3rem; height: 28.4rem; cursor: pointer; } .subscribe__slide img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; } .subscribe__btn { margin-left: auto; width: 18rem; } .subscribe__btn span { color: rgb(43, 47, 54); } .articles.card-news .articles__title { line-height: 1.3; margin-bottom: 5.8rem; } .articles.card-news .articles__video-wrap { margin-bottom: 4rem; } .articles.card-news .articles__video-wrap { font-size: 1.7rem; font-weight: 400; color: #8a91aa; } .articles.card-news .articles__video { position: relative; border-radius: 2.26rem; width: 100%; height: 77.8rem; margin-bottom: 2rem; } .articles.card-news .articles__video img { height: 100%; width: 100%; border-radius: inherit; } .articles.card-news .articles__slider { width: 100%; height: 77.8rem; margin: 4rem 0; position: relative; } .articles.card-news .articles__slider .swiper__arrow { width: 6.5rem; height: 6.5rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .articles.card-news .articles__slider .swiper__arrow.swiper-button-disabled { width: 5rem; height: 5rem; } .articles.card-news .articles__slider-prev { left: 7rem; } .articles.card-news .articles__slider-next { right: 7rem; } .articles.card-news .articles__slide { height: 100%; width: 100%; border-radius: 2.26rem; } .articles.card-news .articles__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .articles.card-news .articles__right-item:not(:last-child) { margin-bottom: 8.5rem; } .other-news { margin-bottom: 15rem; } .other-news__inner { padding-bottom: 4rem; position: relative; } .other-news__title { margin-bottom: 6.2rem; } .other-news__spoller { width: 100%; } .other-news__spoller-subtitle-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.8rem; font-weight: 400; color: #8a91aa; width: 90rem; margin-bottom: 1rem; } .other-news__spoller-subtitle-wrap.bottom { margin-bottom: 1.7rem; } .other-news__spoller-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 4rem; position: relative; cursor: pointer; } .other-news__spoller-wrap.active { margin-bottom: 4rem; } .other-news__spoller-wrap.active .other-news__btn { background: rgb(1, 153, 228); } .other-news__spoller-wrap.active .other-news__btn svg { fill: #ffffff; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .other-news__spoller-wrap.active .other-news__spoller-title { font-size: 2rem; font-weight: 700; color: #000000; } .other-news__spoller-wrap.active .other-news__spoller-scenery .slice { height: 43%; } .other-news__spoller-wrap.active .other-news__spoller-text { padding-bottom: 3rem; } .other-news__spoller-title { font-size: 3.7rem; font-weight: 700; color: #000000; -webkit-transition: 0.5s; transition: 0.5s; width: 80rem; line-height: 1.3; } .other-news__spoller-text { font-size: 2.2rem; font-weight: 600; color: #000000; line-height: 1.45; background: #ffffff; padding: 4.2rem 0 4rem 4rem; border-radius: 3rem 0 3rem 3rem; -webkit-box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); width: 100%; } .other-news__spoller-scenery .slice { height: 60%; background: #ffffff; border-radius: 0 3rem 3rem 0; -webkit-transition: 0.5s; transition: 0.5s; } .other-news__btn { width: 6.5rem; height: 6.5rem; background: #ffffff; border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); position: relative; margin-left: 1.5rem; margin-top: 1.5rem; -webkit-transition: 0.8s; transition: 0.8s; } .other-news__btn svg { fill: #2b2f36; -webkit-transition: 0.5s; transition: 0.5s; } .other-news__btn .corner { position: absolute; top: -1.5rem; left: -1.5rem; z-index: -1; } .other-news__btn .corner::before { background: #fafaff; } .other-news__spoller-content { background: #ffffff; border-radius: 3rem; padding: 3rem 3.3rem 3.6rem 4rem; position: relative; z-index: 1; margin-bottom: 6rem; display: none; } .other-news__spoller-content-title { font-size: 3.7rem; font-weight: 700; color: #000000; width: 80rem; margin-bottom: 5.2rem; } .other-news__spoller-btn { width: 23rem; position: absolute; top: 4rem; right: 12rem; } .other-news__spoller-btn span { color: #2b2f36; } .other-news__spoller-img { width: 100%; height: 68.5rem; border-radius: 3.8rem; } .other-news__spoller-img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .other-news__spoller-content-absolute { width: 26.5rem; height: 26.3rem; padding: 7.3rem 3.5rem 6rem 4rem; position: absolute; right: -4rem; top: 22.5rem; } .other-news__spoller-content-absolute img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; -webkit-filter: drop-shadow(20px 20px 100px rgba(40, 44, 78, 0.15)); filter: drop-shadow(20px 20px 100px rgba(40, 44, 78, 0.15)); } .other-news__absolute-subtitle { font-size: 1.6rem; font-weight: 400; color: rgb(138, 145, 170); position: relative; text-align: right; margin-bottom: 1rem; } .other-news__absolute-title { font-size: 1.7rem; font-weight: 600; color: rgb(43, 47, 54); margin-left: auto; text-align: right; position: relative; } .other-news__spoller-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; font-weight: 400; color: #bdc1cf; position: absolute; bottom: 0; left: 0; } .other-news__spoller-pagination-num { cursor: pointer; margin-right: 1.5rem; -webkit-transition: 0.01s; transition: 0.01s; } .other-news__spoller-pagination-num.active { font-size: 4rem; font-weight: 600; color: #2b2f36; } .other-news__spoller-pagination-num:first-child { margin-right: 11.6rem; position: relative; } .other-news__spoller-pagination-num:first-child::before { content: ""; width: 6rem; height: 0.2rem; background-color: #d4daec; position: absolute; right: -9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .articles.page-news .articles__title { margin-bottom: 6rem; } .articles.page-news .articles__photo-block { /*width: 100%;*/ /*height: 87.78rem;*/ /*border-radius: 3rem;*/ /*padding: 3rem 5rem 5.5rem 5rem;*/ /*margin-bottom: 17rem;*/ /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-box-direction: normal;*/ /* -ms-flex-direction: column;*/ /* flex-direction: column;*/ /*-webkit-box-pack: justify;*/ /* -ms-flex-pack: justify;*/ /* justify-content: space-between;*/ /*position: relative;*/ } .articles.page-news .articles__photo-block img { /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*right: 0;*/ /*bottom: 0;*/ /*border-radius: inherit;*/ /*z-index: -1;*/ /*height: 100%;*/ /*-o-object-fit: cover;*/ /* object-fit: cover;*/ } .articles.page-news .articles__photo-block span { /*font-size: 2.1rem;*/ /*font-weight: 600;*/ /*color: #FFFFFF;*/ /*width: 19.6rem;*/ /*height: 6.4rem;*/ /*background: #E82E3D;*/ /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /*-webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /*border-radius: 3rem 0 3rem 0;*/ /*position: absolute;*/ /*top: 10rem;*/ /*right: -5rem;*/ } .articles.page-news .articles__date { -ms-flex-item-align: end; align-self: flex-end; font-size: 2rem; font-weight: 700; color: #ffffff; } .articles.page-news .articles__text-wrap { width: 88rem; } .articles.page-news .articles__text-title { font-size: 3.7rem; font-weight: 700; color: #ffffff; margin-bottom: 2.5rem; line-height: 1.268; } .articles.page-news .articles__text { font-size: 2rem; font-weight: 700; color: #ffffff; line-height: 1.268; } .articles.page-news .articles__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; width: 100%; height: 43.3rem; } .articles.page-news .articles__box:not(:last-child) { margin-bottom: 4.5rem; } .articles.page-news .articles__box-photo { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.5rem; height: 100%; border-radius: 4rem; } .articles.page-news .articles__box-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .articles.page-news .articles__box-photo .swiper__arrow { width: 9rem; height: 9rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .articles.page-news .articles__box-photo .swiper__arrow.swiper-button-disabled { width: 6rem; height: 6rem; } .articles.page-news .articles__prev { left: 4rem; } .articles.page-news .articles__next { right: 9rem; } .articles.page-news .articles__box-pagination { position: absolute; bottom: 2rem; z-index: 3; width: 62rem; margin: 0 auto; text-align: center; } .articles.page-news .articles__box-pagination span { width: 1rem; height: 1rem; margin-right: 0.7rem; background: #ffffff; } .articles.page-news .articles__btn-video { width: 8.8rem; height: 8.8rem; background: -webkit-gradient(linear, left bottom, left top, from(#e72535), to(#e72535)), #de1117; background: linear-gradient(0deg, #e72535, #e72535), #de1117; -webkit-box-shadow: 1rem 2rem 5rem rgba(243, 83, 83, 0.25); box-shadow: 1rem 2rem 5rem rgba(243, 83, 83, 0.25); border-radius: 50%; color: #ffffff; position: absolute; top: 50%; left: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; } .articles.page-news .articles__btn-video::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 1.2rem 1.2rem 1.2rem 1.3rem; border-color: transparent transparent transparent #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-15%, -50%); transform: translate(-15%, -50%); } .articles.page-news .articles__box-photo-slide { position: relative; height: 100%; width: 100%; } .articles.page-news .articles__box-photo-slide img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .articles.page-news .articles__box-text-part { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 4rem; padding: 3rem; position: relative; z-index: 3; } .articles.page-news .articles__box-date-wrap { font-size: 1.8rem; font-weight: 400; color: #8a91aa; width: 83%; margin-bottom: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .articles.page-news .articles__box-title { font-size: 2rem; line-height: 2.5rem; font-weight: 700; color: #2b2f36; width: 36rem; margin-bottom: 3.8rem; cursor: pointer; } .articles.page-news .articles__box-title:hover { color: rgb(1, 153, 228); } .articles.page-news .articles__box-subtitle { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2.6rem; font-size: 1.8rem; font-weight: 400; color: #2b2f36; line-height: 1.268; } .articles.page-news .articles__box-btn { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: auto; } .articles.page-news .articles__box-btn span { margin-right: 2rem; color: #2b2f36; } .articles.page-news .articles__right-item:last-child { padding: 4.3rem 2rem 10rem 3rem; } .articles.page-news .articles__right-item:not(:last-child) { margin-bottom: 7.5rem; /*margin-bottom: 0;*/ } .other-news.page-news { display: none; margin-bottom: 17rem; } .custom { margin-bottom: 17rem; position: relative; } .custom::before { content: ""; width: 180rem; background: linear-gradient(175.32deg, #e6eefb 4.9%, #ebf4ff 96.86%), #ececf5; border-radius: 0 22rem 5rem 0; height: 100%; position: absolute; bottom: 0; -webkit-transform: skewX(154deg); transform: skewX(154deg); left: -15rem; z-index: -1; } .custom__img { position: absolute; bottom: 0; left: 20rem; width: 43rem; height: auto; -o-object-fit: contain; object-fit: contain; } .custom__inner { padding: 3.7rem 41rem 8rem 0; } .custom__title { margin-bottom: 11.4rem; } .custom__content { margin-left: auto; width: 50rem; } .custom__text { font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); margin-bottom: 3.5rem; } .custom__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 87%; } .custom__btn span { color: rgb(43, 47, 54); } .partner.page-news { margin-bottom: 17rem; } .banner.no-img.service { margin-bottom: 20rem; } .service { margin-bottom: 18rem; } .service__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 5rem; } .service__top-text { width: 72.7rem; } .service__title { margin-bottom: 4rem; } .service__par { font-size: 2.4rem; font-weight: 300; color: #2b2f36; line-height: 1.267; } .service__top-img { width: 75.7rem; height: 37.6rem; border-radius: 2.8rem; } .service__top-img img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .service__main-title { font-size: 3.5rem; font-weight: 700; color: #2b2f36; margin-bottom: 3.5rem; } .service__main { position: relative; } .service__main-item { margin-bottom: 5rem; -webkit-transition: 0.5s; transition: 0.5s; } .service__main-item.open-bottom { margin-bottom: 40rem; } .service__spoller-title-text { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .service__spoller-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; position: relative; cursor: pointer; } .service__spoller-title-wrap.active .service__btn { background: rgb(1, 153, 228); } .service__spoller-title-wrap.active .service__btn svg { fill: #ffffff; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .service__spoller-title { font-size: 2.2rem; font-weight: 600; color: #000000; line-height: 1.45; background: #ffffff; padding: 4.2rem 0 3.9rem 3.5rem; border-radius: 3rem 0 3rem 3rem; -webkit-box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); width: 100%; } .service__main-item-wrap { position: relative; } .service__main-item-tabs { width: 75.5rem; } .service__main-right { width: 40%; } .service__spoller-scenery .slice { height: 3.5rem; background: #ffffff; border-radius: 0 3rem 3rem 0; } .service__btn { width: 6.5rem; height: 6.5rem; background: #ffffff; border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); position: relative; margin-left: 1rem; margin-top: 1rem; -webkit-transition: 0.8s; transition: 0.8s; } .service__btn svg { fill: #2b2f36; -webkit-transition: 0.5s; transition: 0.5s; width: 3rem; height: 3rem; } .service__btn .corner { position: absolute; top: -1.5rem; left: -1.5rem; z-index: -1; } .service__btn .corner::before { background: #fafaff; } .service__spoller-content { position: relative; z-index: 1; margin-bottom: 3rem; display: none; width: 100%; } .service__spoller-content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .service__spoller-content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3.5rem 4.6rem 4.6rem 4.6rem; background: #ffffff; border-radius: 3rem; font-size: 1.8rem; font-weight: 400; color: #8a91aa; line-height: 1.267; margin-bottom: 4rem; width: 116rem; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .service__spoller-content-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 26.5rem; height: 29.6rem; border-radius: 2rem; margin-left: 4rem; } .service__spoller-content-img img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .service__spoller-content-text { margin-bottom: 1.4rem; padding-top: 1rem; font-weight: 400; font-size: 2.4rem; line-height: 3rem; } .service__spoller-text { margin-bottom: 4rem; font-weight: 400; font-size: 2.4rem; line-height: 3rem; } .service__spoller-text.substrate { padding: 3rem; background: #f0f0f9; -webkit-box-shadow: inset 0px 0px 0.7rem #cacae1; box-shadow: inset 0px 0px 0.7rem #cacae1; border-radius: 2rem; margin-bottom: 2.2rem; font-weight: 400; font-size: 2.2rem; line-height: 2.8rem; } .service__spoller-text:last-child { margin-bottom: 5rem; } .service__btn-text { width: 17.7rem; height: 6rem; background: linear-gradient(0deg, #e82e3d, #e82e3d), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .service__spoller-catalog { background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 3rem; padding: 3.3rem 2.8rem; } .service__spoller-catalog-title { font-size: 2rem; font-weight: 600; color: #2b2f36; margin-bottom: 2.3rem; } .service__btn-catalog span { color: #2b2f36; } .blog.blog-slider.service { margin-bottom: 14rem; } .partner.command { margin-bottom: 17rem; } .command { margin-bottom: 7rem; overflow: hidden; } .command__top { margin: 0 auto 9rem auto; } .command__top-lacation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 96rem; margin: 0 auto 7.5rem auto; font-size: 2rem; font-weight: 700; color: #2b2f36; cursor: pointer; } .command__lacation-item { position: relative; } .command__lacation-item::before { content: ""; width: 0; height: 0.18rem; background: #e82e3d; position: absolute; left: 0; bottom: -0.5rem; -webkit-transition: 0.8s; transition: 0.8s; } .command__lacation-item.active::before { width: 100%; } .command__top-address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1.6rem; font-weight: 400; color: #8a91aa; } .command__top-address-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .command__address-item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .command__top-address-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.8rem; font-weight: 700; margin-right: 2.5rem; } .command__top-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1.5rem; } .command__address-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 4rem; } .command__top-address-img { width: 4rem; height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #bdc4dc; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); border-radius: 1.6rem; } .command__top-address-img img { height: 2rem; width: 2rem; -o-object-fit: contain; object-fit: contain; } .command__pipl { padding-bottom: 10rem; } .command__worker { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; row-gap: 3.5rem; } .worker__item { width: 49.5rem; height: 100%; padding: 0 2rem 5rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .worker__item::before { content: ""; width: 100%; height: 80%; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 0 0 2.3rem 2.3rem; position: absolute; bottom: 0; left: 0; z-index: -1; } .worker__item:not(:nth-child(3n + 3)) { margin-right: 3.7rem; } /* .worker__item:nth-child(-n+3) { margin-bottom: 8.7rem; } */ .worker__img { width: 28.4rem; height: 28.4rem; border: 0.4rem solid #ffffff; -webkit-filter: drop-shadow(2rem 2rem 10rem rgba(0, 0, 0, 0.15)); filter: drop-shadow(2rem 2rem 10rem rgba(0, 0, 0, 0.15)); border-radius: 50%; margin-bottom: 5rem; position: relative; cursor: pointer; } .worker__img img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .worker__item-top { position: relative; } .worker__item-top:hover .worker__quote { display: block; } .worker__quote { position: absolute; top: -1.5rem; right: -28rem; z-index: 2; display: none; } .worker__quote::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 3rem 3rem 3rem 3rem; border-color: transparent #0199e4 transparent transparent; position: absolute; bottom: 45%; left: -2.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .worker__quote-text-wrap { width: 32rem; background: #0199e4; padding: 2rem; border-radius: 0 4rem 0 6rem; } .worker__quote-quote { font-size: 2.5rem; font-weight: 400; color: #ffffff; } .worker__quote-quote:last-child { margin-left: auto; width: 3rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .worker__quote-text { font-size: 1.8rem; line-height: 3.1rem; font-weight: 400; color: #ffffff; padding: 1rem; } .worker__name { font-size: 3.57rem; font-weight: 600; color: #2b2f36; margin-bottom: 5.5rem; width: 78%; text-align: center; } .worker__position { font-size: 2rem; font-weight: 700; color: #8a91aa; margin-bottom: 3.3rem; text-align: center; } .worker__tel-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3.2rem; -ms-flex-item-align: start; align-self: flex-start; padding-left: 9rem; } .worker__tel-img { width: 2.4rem; height: 2.4rem; margin-right: 1.2rem; } .worker__tel-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .worker__tel { font-size: 1.8rem; font-weight: 400; color: #8a91aa; } .worker__language-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; height: 4.3rem; margin-bottom: 2rem; -ms-flex-item-align: start; align-self: flex-start; padding-left: 9rem; overflow: hidden; } .worker__language-img { width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; -ms-flex-negative: 0; flex-shrink: 0; } .worker__language-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .worker__language { font-size: 1.8rem; font-weight: 400; color: #8a91aa; width: 25rem; } .worker__email-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5rem; -ms-flex-item-align: start; align-self: flex-start; padding-left: 9rem; } .worker__email-img { width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; } .worker__email-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .worker__email { font-size: 1.8rem; font-weight: 400; color: #8a91aa; } .worker__social-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; } .worker__social-item { width: 2.4rem; height: 2.4rem; } .worker__social-item:hover { filter: brightness(60%) saturate(1000%); -webkit-filter: brightness(60%) saturate(1000%); -moz-filter: brightness(60%) saturate(1000%); } .worker__social-item:not(:last-child) { margin-right: 2rem; } .worker__social-item img { height: 100%; -o-object-fit: contain; object-fit: contain; } .look__top-link .btn__arrow { margin-left: 1.2rem; } .order-video.command { background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); } .order-video.command .order-video__bg { width: 25.4rem; height: 35.7rem; -o-object-fit: contain; object-fit: contain; left: 22.7rem; top: auto; bottom: 0; right: auto; z-index: 1; } .order-video.command .order-video__inner { padding-top: 5rem; position: relative; } .order-video.command .order-video__title { margin-right: 14rem; } .order-video.command .order-video__comment { height: 21.7rem; border-radius: 4rem; padding: 1.4rem 2rem 1.4rem 3.5rem; } .order-video.command .order-video__loading-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-video.command .order-video__loading-item:not(:last-child) { margin-right: 3.2rem; } .order-video.command .order-video__loading-item a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.7rem; border-bottom: 0.1rem solid #8a91aa; font-size: 1.7rem; font-weight: 500; color: #8a91aa; } .order-video.command .order-video__loading-item a img { width: 1.6rem; height: 1.6rem; margin-right: 1.5rem; } .order-video.command .order-video__loading-title { font-size: 2rem; font-weight: 700; color: #2b2f36; margin-bottom: 1.5rem; } .banner.about { margin-bottom: 18rem; } .about { margin-bottom: 17.4rem; } .about__title { margin-bottom: 6rem; width: 83%; line-height: 1.267; } .about__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about__text-block { width: 76rem; font-size: 2.4rem; font-weight: 300; color: #2b2f36; line-height: 1.267; margin-right: 3.7rem; padding-top: 3rem; } .about__text-block mark { background: rgba(255, 245, 0, 0.45); } .about__text-block mark.name { text-transform: uppercase; } .about__text-block p:not(:last-child) { margin-bottom: 3rem; } .about__text-block p:last-child { margin-bottom: 5rem; } .about__text-block-link { font-size: 1.5rem; font-weight: 400; color: #0199e4; padding-bottom: 0.5rem; border-bottom: 1px solid #0199e4; } .about__photo-block { position: relative; height: 71.5rem; } .about__photo-block img { width: 71.8rem; height: 64.4rem; border-radius: 4.5rem; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; } .about .banner__btn-video.about { position: absolute; bottom: 3rem; left: -3.5rem; margin-bottom: 0; -webkit-box-shadow: 1rem 2rem 5rem rgba(83, 205, 243, 0.25); box-shadow: 1rem 2rem 5rem rgba(83, 205, 243, 0.25); background: #0199e4; } .about__photo-text { width: 43.7rem; height: 25.5rem; background-color: #0199e4; border-radius: 4.5rem 0 0 0; padding: 4.7rem 2rem 4.9rem 4.4rem; margin: auto 0 0 auto; position: relative; z-index: 1; } .about__photo-text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about__photo-text-wrap:not(:last-child) { margin-bottom: 1.5rem; } .about__photo-text-title { font-size: 1.7rem; font-weight: 400; color: #ffffff; width: 21.7rem; } .about__photo-text-value { font-size: 3.1rem; font-weight: 400; color: #ffffff; width: 14rem; } .staff { margin-bottom: 10.8rem; overflow: hidden; padding-bottom: 10rem; } .staff__title { margin-bottom: 6rem; } .staff__subtitle-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7.2rem; width: 100%; } .staff__subtitle { font-size: 2.4rem; font-weight: 300; color: #2b2f36; width: 90rem; } .staff__slider { overflow: visible; } .staff__slide.swiper-slide { -webkit-transform: none; transform: none; height: auto; } .staff__slide .worker__img { margin-bottom: 3rem; } .staff__slide .worker__name { height: 10.6rem; margin-bottom: 1.6rem; overflow: hidden; line-height: 5.3rem; } .staff__slide .worker__item:nth-child(-n + 3) { margin-bottom: 0rem; } .staff__slide .worker__item:not(:nth-child(3n + 3)) { margin-right: 0rem; } .catalog.about { overflow: hidden; margin-bottom: 0; padding-bottom: 17rem; } .catalog.about .catalog__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog.about .catalog__title { width: 82%; } .catalog.about .catalog__content { overflow: visible; } .catalog.about .catalog__item-value { width: 16rem; } .why-us { margin-bottom: 14rem; } .why-us__title { margin-bottom: 6rem; width: 72%; line-height: 1.267; } .why-us__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .why-us__box { width: 49.5rem; padding: 3rem 4.8rem 4rem 4.8rem; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 4rem; position: relative; } .why-us__box:nth-child(-n + 3) { margin-bottom: 4.5rem; } .why-us__number { width: 3.6rem; height: 3.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.8rem; font-weight: 800; color: #ffffff; background: #0199e4; border-radius: 50%; -webkit-box-shadow: 0.3rem 0rem 0rem 0.3rem #ffffff; box-shadow: 0.3rem 0rem 0rem 0.3rem #ffffff; position: absolute; top: 5rem; left: 2rem; } .why-us__photo { width: 100%; height: 21.4rem; border-radius: 3.1rem; margin-bottom: 1.6rem; } .why-us__photo img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .why-us__box-title { font-size: 2rem; font-weight: 600; color: #2b2f36; margin-bottom: 1.5rem; white-space: nowrap; } .why-us__text { font-size: 1.8rem; font-weight: 400; color: #2b2f36; line-height: 1.267; } .support__btn .btn__arrow { margin-left: 1.2rem; } .rewiews.about { margin-bottom: 10rem; overflow: hidden; } .look { margin-bottom: 17rem; } .look .container { margin: 0; width: 100%; } .look__top { display: -webkit-box; display: -ms-flexbox; display: flex; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); padding: 5rem 18rem 5rem 18rem; margin-bottom: 4rem; } .look__top-img-left { width: 50rem; position: relative; } .look__top-img-left img { height: 47rem; width: 58rem; -o-object-fit: contain; object-fit: contain; position: absolute; top: -19rem; left: -9rem; } .look__top-title { font-size: 3.7rem; font-weight: 700; color: #2b2f36; margin-bottom: 3rem; } .look__top-subtitle { font-size: 1.5rem; font-weight: 300; color: #8a91aa; margin-bottom: 1rem; } .look__top-text { font-size: 1.8rem; font-weight: 400; color: #2b2f36; margin-bottom: 3.8rem; width: 80%; line-height: 1.267; } .look__top-link span { color: #2b2f36; font-size: 1.8rem; font-weight: 600; } .look__top-img-right { width: 46.9rem; height: 14.9rem; margin-bottom: 2.2rem; } .look__top-img-right img { height: 100%; -o-object-fit: contain; object-fit: contain; } .look__top-btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 23rem; height: 6rem; padding: 0 1.5rem 0 2.3rem; background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; margin: 0 auto; font-weight: 500; font-size: 1.7rem; color: white; } .look__top-btn .btn__arrow svg { width: 1.1rem; height: 1.1rem; stroke: #0199e4; } .look__top-btn .btn__arrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 3.5rem; height: 3.5rem; } .look__top-link { font-weight: 600; font-size: 1.8rem; } .look__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; /* padding: 0 18rem; */ width: 70%; } .look__bottom-logo { display: block; width: 25%; height: 5rem; } .look__bottom-logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .banner.page-buy { margin-bottom: 6rem; } .articles.page-buy { margin-bottom: 10rem; } .articles.page-buy .articles__text-block-item { margin-bottom: 3rem; } .articles.page-buy .articles__text-block-item:nth-child(4) { margin-bottom: 6rem; } .articles.page-buy .articles__title { margin-bottom: 6.5rem; } .articles.page-buy .articles__par { width: 99.5%; } .articles.page-buy .articles__substrate { font-size: 2.4rem; font-weight: 400; color: rgb(138, 145, 170); background: #f0f0f9; -webkit-box-shadow: inset 0px 0px 0.7rem #cacae1; box-shadow: inset 0px 0px 0.7rem #cacae1; border-radius: 2rem; padding: 3rem; margin-bottom: 6.5rem; } .articles.page-buy .articles__substrate.last { margin-bottom: 0rem; margin-top: 12rem; } .articles.page-buy .articles__substrate-title { font-weight: 600; margin-bottom: 2.5rem; } .articles.page-buy .articles__substrate-item { padding-left: 2rem; width: 88%; position: relative; } .articles.page-buy .articles__substrate-item:not(:last-child) { margin-bottom: 2.5rem; } .articles.page-buy .articles__substrate-item::before { content: ""; width: 1rem; height: 1rem; border-radius: 50%; background: rgb(0, 117, 255); position: absolute; top: 0.5rem; left: -0.5rem; } .articles.page-buy .articles__text-block-img { width: 100%; height: 77.4rem; border-radius: 2.3rem; margin-bottom: 6rem; } .articles.page-buy .articles__text-block-img:nth-child(6) { height: 73.4rem; } .articles.page-buy .articles__text-block-img img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .articles.page-buy .articles__right-item:nth-child(5) .articles__item-title { color: #ffffff; position: relative; } .articles.page-buy .articles__right-item:nth-child(5) .articles__item-subtitle { color: #9faab4; position: relative; } .articles.page-buy .articles__right-item:nth-child(5) .btn { position: relative; } .articles.page-buy .articles__right-item:nth-child(5) .btn span { color: #ffffff; } .blog.page-buy { padding-top: 7rem; margin-bottom: 14rem; } .real-estate.page-real-estate { position: relative; margin-bottom: 11.5rem; } .real-estate.page-real-estate .real-estate__title { margin-bottom: 0; } .real-estate.page-real-estate .real-estate__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6rem; } .real-estate.page-real-estate .real-estate__top-sorting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate.page-real-estate .real-estate__top-sorting-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.7rem; font-weight: 500; color: rgb(138, 145, 170); } .real-estate.page-real-estate .real-estate__top-sorting-item:not(:last-child) { margin-right: 3.7rem; } .real-estate.page-real-estate .real-estate__top-sorting-item img { width: 1rem; height: 1.5rem; -o-object-fit: contain; object-fit: contain; margin-left: 0.3rem; -webkit-transition: 0.5s; transition: 0.5s; } .real-estate.page-real-estate .real-estate__top-sorting-item.active img { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .real-estate.page-real-estate .real-estate__sorting-item-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate.page-real-estate .real-estate__sorting-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate.page-real-estate .real-estate__sorting-view button { width: 3rem; height: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .real-estate.page-real-estate .real-estate__sorting-view button:not(:last-child) { margin-right: 2rem; } .real-estate.page-real-estate .real-estate__sorting-view button svg { width: 1.7rem; height: 1.7rem; fill: #828282; -webkit-transition: 0.5s; transition: 0.5s; } .real-estate.page-real-estate .real-estate__sorting-view button.active svg { fill: #0095da; } .real-estate.page-real-estate .real-estate___select-bottom { margin-bottom: 2.9rem; } .real-estate.page-real-estate .real-estate__number-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 116.3rem; margin-bottom: 3.2rem; } .real-estate__values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate__sorting-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 21rem; } .real-estate.page-real-estate .real-estate__number { font-size: 2rem; font-weight: 700; color: rgb(0, 0, 0); position: relative; } .real-estate.page-real-estate .real-estate__number:not(:last-child) { margin-right: 4.8rem; } .real-estate.page-real-estate .real-estate__number:not(:last-child)::before { content: ""; width: 0.1rem; height: 2.5rem; background: rgb(0, 0, 0); position: absolute; top: 0; right: -2.4rem; } .real-estate.page-real-estate .real-estate__content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .real-estate.page-real-estate .real-estate__left { height: 100%; /* display: none; */ } .real-estate.page-real-estate .real-estate__left.active { display: block; } .real-estate.page-real-estate .real-estate__boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 116.3rem; height: 100%; margin-bottom: 4rem; } .real-estate.page-real-estate .real-estate__box { width: 36.8rem; height: 50rem; } .real-estate.page-real-estate .real-estate__box--request .real-estate__box-price { padding: 0.8rem 2.8rem; font-size: 1.8rem; line-height: 2rem; } .real-estate.page-real-estate .real-estate__box:not(:nth-child(3n + 3)) { margin-right: 2.8rem; } .real-estate.page-real-estate .real-estate__box:not(:nth-child(15n)) { margin-bottom: 2.8rem; } .real-estate.page-real-estate .real-estate__box-inner { height: 45rem; border-radius: 1.8rem 1.8rem 0 0; } .real-estate.page-real-estate .real-estate__box-inner.active .real-estate__slider { height: 16rem; } .real-estate.page-real-estate .real-estate__box-inner.active .real-estate__item { height: 16rem; } .real-estate.page-real-estate .real-estate__box-inner.active .real-estate__box-cart { display: none; } .real-estate.page-real-estate .real-estate__box-top { padding: 1.3rem 1.3rem 2.3rem 1.3rem; } .real-estate.page-real-estate .real-estate__slider { height: 32.8rem; margin-bottom: 0; position: relative; } .real-estate.page-real-estate .real-estate__item { height: 32.8rem; margin-bottom: 0; position: relative; } .real-estate.page-real-estate .real-estate__pagination span { width: 0.7rem; height: 0.7rem; } .real-estate.page-real-estate .real-estate__pagination.swiper-pagination { bottom: 1.5rem; } .real-estate.page-real-estate .real-estate__box-id { font-size: 1rem; font-weight: 500; color: rgb(255, 255, 255); width: 7.7rem; height: 2.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.5rem; background: rgba(20, 20, 78, 0.21); border-radius: 1.2rem; position: absolute; top: 1.2rem; right: 1.3rem; z-index: 10; display: none; } .real-estate.page-real-estate .real-estate__box-id.mobile { display: none; } .real-estate.page-real-estate .real-estate__box-cart { width: 4.8rem; height: 4.8rem; border-radius: 50%; -webkit-box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 2.5rem; right: 2.5rem; z-index: 10; display: none; } .real-estate.page-real-estate .real-estate__box-cart img { width: 2.3rem; height: 1.6rem; -o-object-fit: contain; object-fit: contain; } .real-estate.page-real-estate .real-estate__box-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 1.6rem; } .real-estate.page-real-estate .real-estate__bottom-block { bottom: 0; } .real-estate.page-real-estate .real-estate__bottom-box-info { width: 100%; min-height: 5.5rem; padding-bottom: 1.3rem; } .real-estate.page-real-estate .real-estate__bottom-box-info.hover { min-height: auto; padding-bottom: 1.8rem; margin-bottom: 1.8rem; width: 100%; } .real-estate.page-real-estate .real-estate__sity-img { width: 1.5rem; height: 1.5rem; } .real-estate.page-real-estate .real-estate__sity-name { font-size: 1.2rem; font-weight: 500; color: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__box-price.static { padding: 3px 1.3rem 3px 1.9rem; border-radius: 1.2rem; background-color: #f9f9fe; } .real-estate.page-real-estate .real-estate__box-price { font-size: 3rem; } .real-estate.page-real-estate .real-estate__box-price span { font-size: 1.2rem; } .real-estate.page-real-estate .real-estate__box-price sup { font-size: 1.2rem; margin-bottom: 1rem; } .real-estate__box-items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3rem 1fr; grid-template-columns: 1fr 1fr; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } .real-estate.page-real-estate .real-estate__box-item:nth-child(n + 3) { margin-top: 1rem; } .real-estate.page-real-estate .real-estate__box-item-left { width: 50%; } .real-estate.page-real-estate .real-estate__corner { position: absolute; top: 0; right: 4.2rem; display: none; } .real-estate.page-real-estate .real-estate__like { width: 4.8rem; height: 4.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #0199e4; -webkit-box-shadow: 0.3rem 0.3rem 3.7rem rgba(76, 70, 203, 0.1); box-shadow: 0.3rem 0.3rem 3.7rem rgba(76, 70, 203, 0.1); border-radius: 1.2rem; margin-top: 1rem; position: relative; display: none; } .real-estate.page-real-estate .real-estate__like svg { width: 2rem; height: 2rem; } .real-estate.page-real-estate .real-estate__like.active { background: linear-gradient(0deg, #e82e3d, #e82e3d), linear-gradient(329.72deg, #de1117 6.36%, #f13e5e 115.33%), linear-gradient(321.12deg, #de1117 -13.86%, #f13e5e 74.59%), linear-gradient(0deg, #d91f40, #d91f40), linear-gradient(119.1deg, #4341cc 42.46%, #ff9cb4 149.72%), #6c42e2; } .real-estate.page-real-estate .real-estate__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .real-estate.page-real-estate .real-estate__pagination-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: auto; font-size: 2rem; font-weight: 400; color: #bdc1cf; } .real-estate.page-real-estate .real-estate__pagination-num { cursor: pointer; margin-right: 1rem; -webkit-transition: 0.01s; transition: 0.01s; } .real-estate__pagination-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4rem; height: 4rem; -webkit-box-shadow: 4px 4px 5rem rgba(76, 70, 203, 0.1); box-shadow: 4px 4px 5rem rgba(76, 70, 203, 0.1); border-radius: 0.7rem; -webkit-border-radius: 0.7rem; -moz-border-radius: 0.7rem; -ms-border-radius: 0.7rem; -o-border-radius: 0.7rem; background: #ffffff; margin: 0 2rem; } .real-estate__pagination-btn:last-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .real-estate__pagination-btn.active { background: #ececf8; } .real-estate__pagination-btn svg.mobile { display: none; } .real-estate__pagination-btn img { width: 2.2rem; height: 100%; -o-object-fit: contain; object-fit: contain; } .real-estate__pagination-btn svg { width: 1.8rem; height: 1.8rem; } .real-estate__pagination-btn svg path { fill: #99a2b5; } .real-estate__pagination-btn.active svg path { fill: #2b2f36; } .real-estate.page-real-estate .real-estate__pagination-num.active { font-size: 4rem; line-height: 3.8rem; color: rgb(2, 152, 226); } /* .real-estate.page-real-estate .real-estate__pagination-num:first-child { margin-right: 11.6rem; position: relative; } */ /* .real-estate.page-real-estate .real-estate__pagination-num:first-child::before { content: ""; width: 6rem; height: 0.2rem; background-color: #D4DAEC; position: absolute; right: -9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } */ .real-estate.page-real-estate .real-estate__pagination-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate.page-real-estate .real-estate__pagination-bullet { width: 1.2rem; height: 1.2rem; border-radius: 50%; background: rgb(210, 216, 236); -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; } .real-estate.page-real-estate .real-estate__pagination-bullet:not(:last-child) { margin-right: 1.6rem; } .real-estate.page-real-estate .real-estate__pagination-bullet.active { background: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__right-block { width: 36.2rem; } /*.real-estate.page-real-estate .real-estate__right-block .articles__right-item:first-child .articles__item-title {*/ /* color: #ffffff;*/ /* position: relative;*/ /*}*/ .real-estate.page-real-estate .real-estate__right-block .articles__right-item:first-child .articles__item-subtitle { color: #9faab4; position: relative; } .real-estate.page-real-estate .real-estate__right-block .articles__right-item:first-child .btn { position: relative; } /*.real-estate.page-real-estate .real-estate__right-block .articles__right-item:first-child .btn span {*/ /* color: #ffffff;*/ /*}*/ .real-estate.page-real-estate .real-estate__boxes-big { width: 116.2rem; margin-bottom: 6rem; } .real-estate.page-real-estate .real-estate__box-big { border-radius: 4rem; position: relative; } .real-estate.page-real-estate .real-estate__box-big:not(:last-child) { margin-bottom: 2.5rem; } .real-estate.page-real-estate .real-estate__box-big-btn { position: absolute; top: 0; right: 0; } .real-estate.page-real-estate .real-estate__box-big-btn .real-estate__like { margin-top: 0; z-index: 1; } .real-estate.page-real-estate .real-estate__box-big-btn .corner { position: absolute; left: -0.8rem; bottom: -1.8rem; -webkit-transform: rotate(271deg); transform: rotate(271deg); } .real-estate.page-real-estate .real-estate__box-big-btn .corner::before { content: ""; display: block; padding-bottom: 100%; background-color: #fafaff; } .real-estate.page-real-estate .real-estate__big-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .real-estate.page-real-estate .real-estate__big-left { border-radius: 2rem 0 0 2rem; background: #ffffff; padding: 2rem 0 2rem 2rem; -webkit-box-shadow: 0.7rem 1.5rem 7.4rem rgba(40, 44, 78, 0.1); box-shadow: 0.7rem 1.5rem 7.4rem rgba(40, 44, 78, 0.1); } .real-estate.page-real-estate .real-estate__big-right { position: relative; width: 100%; } .real-estate.page-real-estate .real-estate__big-slider { width: 33.2rem; height: 32.8rem; margin-right: 4.5rem; background: #ffffff; position: relative; } .real-estate.page-real-estate .real-estate__big-slide { border-radius: 1.1rem; } .real-estate.page-real-estate .real-estate__big-slide img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .real-estate.page-real-estate .real-estate__pagination-big span { width: 0.7rem; height: 0.7rem; background: #ffffff; } .real-estate.page-real-estate .real-estate__pagination-big.swiper-pagination { bottom: 1.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .real-estate.page-real-estate .real-estate__big-box-cart { width: 4.8rem; height: 4.8rem; border-radius: 50%; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 2.8rem; right: 2.8rem; z-index: 10; } .real-estate.page-real-estate .real-estate__big-box-cart img { width: 1.6rem; height: 1.6rem; -o-object-fit: contain; object-fit: contain; } .real-estate.page-real-estate .real-estate__big-box-info { height: 31rem; background: #ffffff; padding-bottom: 2rem; padding-right: 3rem; margin-top: 6rem; padding-top: 4.5rem; border-radius: 0 2rem 2rem 0; -webkit-box-shadow: 1.7rem 2.5rem 3.4rem rgba(40, 44, 78, 0.1); box-shadow: 1.7rem 2.5rem 3.4rem rgba(40, 44, 78, 0.1); } .real-estate.page-real-estate .real-estate__big-box-title { padding-top: 2rem; padding-right: 10rem; padding-bottom: 4rem; background: #ffffff; border-radius: 0 2rem 0 0; font-size: 2.5rem; font-weight: 700; color: rgb(43, 47, 54); line-height: 0.9; width: 92%; position: absolute; top: 0; left: 0; } .real-estate.page-real-estate .real-estate__big-main-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.65rem; } .real-estate.page-real-estate .real-estate__big-description-block { display: -ms-grid; display: grid; -ms-grid-columns: auto 1.5rem auto 1.5rem auto; grid-template-columns: auto auto auto; -ms-grid-rows: 1fr 1.5rem 1fr; grid-template-rows: 1fr 1fr; gap: 1.5rem; width: 42rem; padding-bottom: 1.5rem; border-bottom: 0.1rem solid rgb(221, 226, 244); } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1; } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 3; } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 5; } .real-estate.page-real-estate .real-estate__big-description-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; font-weight: 500; color: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__big-description-item img { width: 2rem; height: 2rem; -o-object-fit: contain; object-fit: contain; margin-right: 0.8rem; } .real-estate.page-real-estate .real-estate__big-price-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .real-estate.page-real-estate .real-estate__big-id { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 2.56rem; background: rgba(20, 20, 78, 0.21); border-radius: 1.2rem; padding: 0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; font-weight: 500; color: rgb(255, 255, 255); } .real-estate.page-real-estate .real-estate__big-price { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 3.8rem; background: #f9f9fe; border-radius: 1.2rem; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; font-weight: 600; color: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__big-price span { font-size: 1.4rem; font-weight: 500; color: rgb(153, 162, 181); } .real-estate.page-real-estate .real-estate__big-price sup { font-size: 1.2rem; font-weight: 400; color: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__big-additional-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5rem; margin-left: 1rem; } .real-estate.page-real-estate .real-estate__big-rooms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 42rem; } .real-estate.page-real-estate .real-estate__big-room-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .real-estate.page-real-estate .real-estate__big-room-item:not(:last-child) { margin-bottom: 2rem; } .real-estate.page-real-estate .real-estate__big-room { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; font-weight: 500; color: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__big-room-key { font-weight: 700; margin-right: 3rem; } .real-estate.page-real-estate .real-estate__big-room-price { font-size: 1.6rem; font-weight: 600; color: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__big-room-price span { font-weight: 400; } .real-estate.page-real-estate .real-estate__big-separately-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .real-estate.page-real-estate .real-estate__big-separately-item { height: 4.2rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; background: #eff0f8; -webkit-box-shadow: inset 0px 0px 0.4rem rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 0.4rem rgba(0, 0, 0, 0.25); border-radius: 2rem; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.4rem; font-weight: 500; color: rgb(43, 47, 54); } .real-estate.page-real-estate .real-estate__big-separately-item:not(:last-child) { margin-bottom: 1rem; } .real-estate.page-real-estate .real-estate__big-date { font-size: 1.6rem; font-weight: 400; color: rgb(138, 145, 170); } .articles.page-real-estate { margin-bottom: 14rem; } .articles.page-real-estate .articles__title { margin-bottom: 6.5rem; } .support.page-real-estate { margin-bottom: 17rem; } .faq.page-real-estate { margin-bottom: 4.5rem; } .review-video { margin-bottom: 7rem; } .review-video__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4rem; } .review-video__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } .review-video__slide-title { font-size: 3.5rem; font-weight: 700; color: #2b2f36; line-height: 1.1; margin-bottom: 2.5rem; cursor: pointer; } .review-video__slide-title:hover { color: rgb(1, 153, 228); } .review-video__slide-img { height: 41.3rem; width: 100%; border-radius: 3rem; margin-top: auto; margin-bottom: 3rem; position: relative; cursor: pointer; } .review-video__slide-img img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .review-video__slide-img:hover img { filter: brightness(90%); -webkit-filter: brightness(90%); -moz-filter: brightness(90%); } .review-video__btn-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 8.8rem; height: 8.8rem; } .review-video__btn-video:before { border-width: 1.1rem 1.1rem 1.1rem 1.3rem; } .review-video__slide-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .review-video__author-name { font-size: 1.7rem; font-weight: 500; color: #000000; margin-right: 2rem; } .review-video__author-photo { width: 4.1rem; height: 4.1rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; -webkit-filter: drop-shadow(7.25664px 7.25664px 36.2832px rgba(40, 44, 78, 0.15)); filter: drop-shadow(7.25664px 7.25664px 36.2832px rgba(40, 44, 78, 0.15)); } .photo-review { margin-bottom: 7rem; } .photo-review__inner { position: relative; } .photo-review__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4.5rem; } .photo-review__number { font-size: 2rem; font-weight: 700; color: rgb(0, 0, 0); margin-bottom: 2rem; } .photo-review__slide { height: 47.5rem; border-radius: 4rem; width: 100%; position: relative; z-index: 2; cursor: pointer; } .photo-review__slide img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-transition: 0.8s; transition: 0.8s; } .photo-review__slide:hover img { -webkit-filter: brightness(60%); filter: brightness(60%); } @media (min-width: 48.01em) { .photo-review__slide:hover .photo-review__hover-text { opacity: 1; } } .photo-review__hover-text { font-size: 2rem; font-weight: 500; color: rgb(43, 47, 54); line-height: 1.55; padding: 3rem 2rem 6rem 2rem; width: 30.3rem; background: #ffffff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 4rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: 0.8s; transition: 0.8s; } .photo-review__hover-text span { overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; line-clamp: 11; box-orient: vertical; } .photo-review .swiper-pagination { font-size: 4rem; font-weight: 500; color: #000000; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 5rem; position: absolute; bottom: -10rem; left: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .photo-review .swiper-pagination::after { content: ""; width: 6rem; height: 0.1rem; background: #cad7e7; position: absolute; top: 50%; left: 7rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .photo-review .swiper-pagination .swiper-pagination-bullet { height: 5rem; width: 2rem; font-size: 2rem; color: #acbacb; opacity: 1; background: transparent; margin-right: 2rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .photo-review .swiper-pagination .swiper-pagination-bullet:first-child { margin-right: 11.8rem; } .photo-review .swiper-pagination .swiper-pagination-bullet-active { font-size: 4rem; color: #2b2f36; background: transparent; margin-right: 3rem; margin-left: 3rem; } .text-review { margin-bottom: 13rem; } .text-review__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .text-review__reviews { width: 116.1rem; padding-top: 2rem; } .text-review__title { margin-bottom: 6rem; } .text-review__spoller { width: 100%; } .text-review__spoller-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 4rem; position: relative; cursor: pointer; } .text-review__spoller-wrap.active .text-review__btn { background: #0199e4; } .text-review__spoller-wrap.active .text-review__btn svg { fill: #ffffff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .text-review__spoller-text { line-height: 1.45; background: #ffffff; padding: 4.2rem 0 7rem 4rem; border-radius: 3rem 0 3rem 3rem; -webkit-box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); width: 100%; } .text-review__spoller-author-info { width: 83%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4.4rem; } .text-review__spoller-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .text-review__spoller-author img { width: 4.1rem; height: 4.1rem; -o-object-fit: cover; object-fit: cover; border-radius: 50%; margin-right: 2rem; } .text-review__author-name { font-size: 2.2rem; font-weight: 600; color: #2b2f36; } .text-review__author-additionally { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .text-review__additionally-item { font-size: 1.5rem; font-weight: 400; color: #8a91aa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.5rem 2.7rem; background: #f7f7fd; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1), inset 0px 0px 4px rgba(0, 0, 0, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1), inset 0px 0px 4px rgba(0, 0, 0, 0.1); border-radius: 2rem; } .text-review__additionally-item:not(:last-child) { margin-right: 2.5rem; } .text-review__review { display: -webkit-box; display: -moz-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size: 2rem; font-weight: 500; color: #2b2f36; width: 85%; } .text-review__spoller-wrap.active .text-review__review { display: block; } .text-review .slice { height: calc(100% - 8rem); background: #ffffff; border-radius: 0 3rem 3rem 0; -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: auto; } .text-review__spoller-scenery { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; height: auto; } .text-review__btn { width: 6.5rem; height: 6.5rem; background: #ffffff; border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); position: relative; margin-left: 1.5rem; margin-top: 1.5rem; -webkit-transition: 0.8s; transition: 0.8s; bottom: 0; right: 0; } .text-review__btn svg { width: 2.5rem; height: 2.5rem; fill: #2b2f36; -webkit-transition: 0.5s; transition: 0.5s; } .text-review .corner { position: absolute; top: -1.5rem; left: -1.5rem; z-index: -1; } .text-review .corner::before { background: #f9f9ff; } .text-review__spoller-content-text { background: #ffffff; border-radius: 3rem; padding: 3rem 23rem 3.6rem 4rem; position: relative; z-index: 1; margin-bottom: 6rem; font-size: 1.8rem; font-weight: 400; color: #8a91aa; } .text-review__article-boxes { width: 35.5rem; } .text-review .all-bg { background: transparent; } .text-review .all-bg .articles__item-title { position: relative; color: #ffffff; } .text-review .all-bg .articles__item-subtitle { position: relative; color: #9faab4; } .text-review .all-bg .articles__item-btn { position: relative; } .text-review .all-bg .articles__item-btn span { color: #ffffff; } .card { margin-bottom: 5rem; } .card__title { width: 100%; margin-bottom: 5.7rem; line-height: 7rem; } .card__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4rem; } .card__nav-item { font-size: 2rem; font-weight: 700; color: #000000; cursor: pointer; border-bottom: 0.1rem solid #000; } .card__nav-item:not(:last-child) { margin-right: 6.2rem; } .card__nav-item:last-child { margin-right: 7rem; } .card__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card__link span { font-size: 1.8rem; font-weight: 600; margin-right: 1.5rem; } .card__content-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6rem; } .card__photo-block { width: 116.6rem; position: relative; } .card__photo-block::before { /*content: "";*/ width: 8rem; height: 8rem; background: #fafaff; border-radius: 0 0 0rem 3rem; background-position: center; position: absolute; top: -0.2rem; right: -0.4rem; z-index: 2; } .card .swiper__arrow { position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card .swiper__arrow.card__slider-prev { left: 4rem; } .card .swiper__arrow.card__slider-next { right: 4rem; } .card__slide { height: 100%; width: 100%; border-radius: 4rem; } .card__slide img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .card__like { width: 6.5rem; height: 6.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 1.6rem; background: #0199e4; -webkit-transition: 0.8s; transition: 0.8s; position: absolute; z-index: 3; top: 0; right: 0; } .card__like svg { width: 3rem; height: 3rem; } .card__cart { width: 6.9rem; height: 6.9rem; border-radius: 50%; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 8.9rem; bottom: 9rem; z-index: 10; } .card__cart img { width: 7rem; height: 3rem; -o-object-fit: contain; object-fit: contain; } .card__social { position: absolute; bottom: 5rem; left: 4rem; z-index: 10; } .card__social-title { font-size: 1.7rem; font-weight: 500; color: #2b2f36; margin-bottom: 1.5rem; } .card__social-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card__social-item { width: 2.3rem; height: 2.3rem; } .card__social-item:not(:last-child) { margin-right: 2rem; } .card__social-item img { height: 100%; -o-object-fit: contain; object-fit: contain; } .card__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 36.2rem; } .card__info-main { margin-bottom: 4.4rem; } .card__info-main-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ececf8; -webkit-box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.25); border-radius: 2rem; padding: 1.2rem 2.1rem; } .card__info-main-item:not(:last-child) { margin-bottom: 2rem; } .card__info-main-img { width: 3.6rem; height: 3.6rem; -o-object-fit: contain; object-fit: contain; margin-right: 2rem; } .card__info-main-indicators { font-size: 1.7rem; font-weight: 400; color: #2b2f36; } .card__info-main-indicators:not(:last-child) { margin-bottom: 1rem; } .card__info-main-key { display: inline; font-weight: 500; } .card__info-main-value { display: inline; } .card__info-list { font-size: 1.7rem; font-weight: 400; color: #2b2f36; padding-left: 3rem; margin-bottom: 4.2rem; } .card__info-list-item { position: relative; } .card__info-list-item:not(:last-child) { margin-bottom: 2.3rem; } .card__info-list-item::before { content: ""; width: 1rem; height: 1rem; border-radius: 50%; background: #0075ff; position: absolute; top: 50%; left: -2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card__info-price-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4.5rem; } .card__info-price-item:not(:last-child) { margin-bottom: 2rem; } .card__info-price-rooms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; font-weight: 600; color: #2b2f36; width: 70%; } .card__info-price-room { margin-right: 3rem; } .card__info-price-area { font-weight: 500; } .card__info-price-value { font-size: 1.6rem; font-weight: 600; color: #2b2f36; } .card__info-price-value span { font-weight: 500; } .card__info-price-value sup { font-weight: 700; font-size: 1.3rem; } .card__price { margin-bottom: 3.8rem; } .card__price-value { font-weight: 600; font-size: 5.5rem; line-height: 7rem; } .card__price-value span { margin-right: 1rem; font-size: 2.4rem; } .card__price-value sup { position: relative; top: -1rem; font-weight: 700; font-size: 2.4rem; line-height: 3rem; } .card__price-description { font-size: 1.6rem; font-weight: 400; color: #8a91aa; } .card__infrastructure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card__infrastructure-list-box { width: 94rem; } .card__infrastructure-title { font-size: 2rem; font-weight: 700; color: #2b2f36; margin-bottom: 4rem; } .card__infrastructure-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; font-size: 1.8rem; font-weight: 400; color: #2b2f36; } .card__infrastructure-column { width: 30rem; } .card__infrastructure-item { width: calc(33.333% - 1rem); position: relative; padding-left: 4.3rem; border-left: 1px solid #dde2f4; } .card__infrastructure-item:not(:nth-child(3n)) { margin-right: 1rem; } .card__infrastructure-item:nth-child(n + 4) { margin-top: 4rem; } .card__infrastructure-item::before { content: ""; height: 0.1rem; width: 1rem; background: #dde2f4; position: absolute; top: 50%; left: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card__infrastructure-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 4rem; } .card__infrastructure-btns { width: 37.3rem; } .card__button { background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 1.2rem 4.1rem; margin-top: auto; } .card__button-name { margin-right: 2.7rem; font-size: 2.2rem; font-weight: 500; color: #ffffff; white-space: nowrap; } .card__buttom-arrow { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card__buttom-arrow img { height: 1.2rem; -o-object-fit: contain; object-fit: contain; } .card__btn-item { font-size: 2rem; font-weight: 600; color: #2b2f36; background: #ffffff; border-radius: 3rem; padding: 2.5rem 1rem 2.5rem 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: drop-shadow(10px 20px 100px rgba(40, 44, 78, 0.09)); filter: drop-shadow(10px 20px 100px rgba(40, 44, 78, 0.09)); } .card__btn-item:not(:last-child) { margin-bottom: 2rem; } .card__btn-item-title { margin-bottom: 3.3rem; } .banner-support.page-card { margin-bottom: 10rem; } .description { margin-bottom: 11rem; } .description__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .description__text-block { width: 117.1rem; } .description__title { margin-bottom: 6rem; } .description__text { font-size: 2.4rem; font-weight: 400; color: #2b2f36; margin-bottom: 4rem; } .description__text p:not(:last-child) { margin-bottom: 3.5rem; } .description__spoller { width: 100%; } .description__spoller-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4rem; position: relative; cursor: pointer; } .description__spoller-title-wrap.active .description__btn { background: #0199e4; } .description__spoller-title-wrap.active .description__btn svg { fill: #ffffff; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .description__spoller-title-text { display: -webkit-box; display: -ms-flexbox; display: flex; width: 93%; } .description__spoller-title-box { font-size: 2.5rem; font-weight: 600; color: #000000; line-height: 1.45; background: #ffffff; padding: 1.8rem 0 1.8rem 3.5rem; border-radius: 3rem 0 3rem 3rem; -webkit-box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); width: 100%; } .description__spoller-subtitle { font-size: 2rem; font-weight: 400; color: #8a91aa; } .description .slice { height: 3rem; background: #ffffff; border-radius: 0 3rem 3rem 0; } .description__btn { width: 6.5rem; height: 6.5rem; background: #ffffff; border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); position: relative; margin-left: 0.8rem; margin-top: 0.8rem; -webkit-transition: 0.8s; transition: 0.8s; } .description__btn .corner { position: absolute; top: -0.8rem; left: -0.8rem; z-index: -1; width: 2rem; height: 2rem; } .description__btn .corner::before { background-color: #fafaff; width: 2rem; height: 2rem; } .description__btn svg { width: 3rem; height: 3rem; fill: #2b2f36; -webkit-transition: 0.5s; transition: 0.5s; } .description__spoller-content { font-size: 1.8rem; font-weight: 400; color: #8a91aa; line-height: 1.267; background: #ffffff; border-radius: 3rem; padding: 3.6rem 3.5rem 3.6rem 3.5rem; position: relative; z-index: 1; margin-bottom: 3rem; display: none; } .description__spoller-panorama { width: 100%; height: 50rem; border-radius: 3rem; } .description__spoller-panorama iframe { width: 100%; height: 100%; border-radius: inherit; } .description__spoller-map { width: 100%; height: 50rem; border-radius: 3rem; } .description__article-item { width: 36.2rem; } .object-video { padding-bottom: 7rem; margin-bottom: 10rem; } .object-video__title { margin-bottom: 6rem; } .object-video__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .object-video__content .blog__box { width: 116.1rem; /*height: 56.5rem;*/ height: auto; padding: 4.5rem 7.5rem 3.9rem 4.5rem; } .object-video .blog__photo-box { width: 56.2rem; margin-right: 5rem; } .object-video .blog__photo .btn-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 13.4rem; height: 13.4rem; } .object-video .blog__photo .btn-video:before { border-width: 2rem 2rem 2rem 2.3rem; } .object-video .blog__box-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .object-video .blog__box-top { margin-bottom: 4rem; } .object-video .blog__box-top-img { width: 3.6rem; height: 3.6rem; } .object-video .blog__box-top-number { font-size: 2.3rem; } .object-video .blog__box-title { margin-bottom: 1.5rem; font-size: 3.7rem; line-height: 1; border: none; } .object-video .blog__box-bottom { margin-top: auto; padding-top: 3rem; padding-bottom: 1rem; border-top: 1px solid #dde2f4; } .object-video .blog__box-botom-icon { width: 3.7rem; height: 3.7rem; } .object-video .blog__box-clock-text { font-size: 2.4rem; } .object-video .blog__box-bottom-data { font-size: 2rem; } .object-video .mortgage__calculation { width: 36.2rem; padding: 2.5rem 3.1rem 2.5rem 3.1rem; -webkit-box-shadow: 0.5rem 1.1rem 15.2rem rgba(40, 44, 78, 0.1); box-shadow: 0.5rem 1.1rem 15.2rem rgba(40, 44, 78, 0.1); } .object-video .mortgage__title { font-size: 2.5rem; } .object-video .mortgage__subtitle { font-size: 1.6rem; margin-bottom: 1.7rem; } .object-video .mortgage__ranger { position: relative; padding: 0 1.8rem; } .object-video .mortgage__rangers-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.3rem; } .object-video .mortgage__ranger-title { font-size: 1.4rem; margin: 0 -2rem 2.3rem -2rem; } .object-video .mortgage__rangers-wrap .mortgage__ranger-title { margin: 0 -1.2rem 2.3rem -1.2rem; } .object-video .mortgage__ranger-payment { position: relative; width: 60%; padding: 0 1.2rem; } .object-video .mortgage__ranger-term { width: 40%; padding: 0 1.2rem; } .object-video .mortgage__ranger-sale { top: 4.2rem; } .object-video .irs--round .irs-handle { top: 2.6rem; width: 2.2rem; height: 2.2rem; } .object-video .irs-single { position: static; font-size: 1.7rem; font-weight: 500; color: #2b2f36; padding: 0; padding-left: 0.5rem; background: transparent; } .object-video .irs--round .irs-single:before { display: none; } .object-video .mortgage__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .object-video .mortgage__price { margin-bottom: 2.6rem; } .object-video .mortgage__button { width: 100%; } .object-video .mortgage__button-name { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: center; } .similar-objects { padding-bottom: 7rem; margin-bottom: 10rem; } .similar-objects__title { text-align: center; margin-bottom: 4.7rem; } .similar-objects__sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f7f7fd; border-radius: 1rem; margin-bottom: 2.3rem; width: 30.4rem; height: 6rem; padding: 0 2rem; margin-left: auto; margin-right: 15rem; cursor: pointer; } .similar-objects__sort-item { font-size: 1.7rem; font-weight: 400; color: #8a91aa; } .similar-objects__sort-item:not(:last-child) { margin-right: 4rem; position: relative; } .similar-objects__sort-item:not(:last-child)::before { content: ""; width: 0.1rem; height: 6rem; background: #dfdfe7; position: absolute; top: -2rem; right: -2rem; } .similar-objects__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .similar-objects .real-estate__box { width: 36.8rem; height: 47.6rem; margin-right: 0; } .similar-objects .real-estate__box:not(:nth-child(4n + 4)) { margin-right: 2.8rem; } .similar-objects .real-estate__box-inner { height: 41.7rem; } .similar-objects .real-estate__box-inner.active .real-estate__slider { height: 16rem; } .similar-objects .real-estate__box-inner.active .real-estate__item { height: 16rem; } .similar-objects .real-estate__box-inner.active .real-estate__box-cart { display: none; } .similar-objects .real-estate__box-top { padding: 1.3rem 1.3rem 2.5rem 1.3rem; } .similar-objects .real-estate__slider { height: 32.8rem; margin-bottom: 0; position: relative; } .similar-objects .real-estate__item { height: 32.8rem; margin-bottom: 0; position: relative; } .similar-objects .real-estate__pagination span { width: 0.7rem; height: 0.7rem; } .similar-objects .real-estate__pagination.swiper-pagination { bottom: 1.5rem; } .similar-objects .real-estate__box-id { font-size: 1rem; font-weight: 500; color: rgb(255, 255, 255); width: 7.7rem; height: 2.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.5rem; background: rgba(20, 20, 78, 0.21); border-radius: 1.2rem; position: absolute; top: 1.2rem; right: 1.3rem; z-index: 10; } .similar-objects .real-estate__box-cart { width: 4.8rem; height: 4.8rem; border-radius: 50%; -webkit-box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); box-shadow: 0.4rem 0.4rem 5rem rgba(76, 70, 203, 0.1); background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 2.5rem; right: 2.5rem; z-index: 10; } .similar-objects .real-estate__box-cart img { width: 2.3rem; height: 1.6rem; -o-object-fit: contain; object-fit: contain; } .similar-objects .real-estate__box-title { font-size: 1.5rem; } .similar-objects .real-estate__bottom-box-info { width: 83.5%; } .similar-objects .real-estate__bottom-box-info.hover { padding-bottom: 1.8rem; margin-bottom: 1.8rem; width: 100%; } .similar-objects .real-estate__sity-img { width: 1.5rem; height: 1.5rem; } .similar-objects .real-estate__sity-name { font-size: 1.2rem; font-weight: 500; color: rgb(43, 47, 54); } .similar-objects .real-estate__box-price { font-size: 1.6rem; } .similar-objects .real-estate__box-price span { font-size: 1.2rem; } .similar-objects .real-estate__box-price sup { font-size: 1.2rem; margin-bottom: 1rem; } .similar-objects .real-estate__box-item:nth-child(n + 3) { margin-top: 1rem; } .similar-objects .real-estate__box-item-left { width: 50%; } .similar-objects .real-estate__corner { position: absolute; top: 0; right: 4.2rem; } .similar-objects .real-estate__like { width: 4.8rem; height: 4.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #0199e4; -webkit-box-shadow: 0.3rem 0.3rem 3.7rem rgba(76, 70, 203, 0.1); box-shadow: 0.3rem 0.3rem 3.7rem rgba(76, 70, 203, 0.1); border-radius: 1.2rem; margin-top: 1rem; position: relative; } .similar-objects .real-estate__like svg { width: 2rem; height: 2rem; } .similar-objects .real-estate__like.active { background: linear-gradient(0deg, #e82e3d, #e82e3d), linear-gradient(329.72deg, #de1117 6.36%, #f13e5e 115.33%), linear-gradient(321.12deg, #de1117 -13.86%, #f13e5e 74.59%), linear-gradient(0deg, #d91f40, #d91f40), linear-gradient(119.1deg, #4341cc 42.46%, #ff9cb4 149.72%), #6c42e2; } .construction { margin-bottom: 17.2rem; } .construction__title { margin-bottom: 6rem; } .construction__content { display: -ms-grid; display: grid; -ms-grid-columns: 76.1rem 1.6rem 36.4rem 1.6rem 36.4rem; grid-template-columns: 76.1rem 36.4rem 36.4rem; -ms-grid-rows: 25.5rem 1.6rem 25.5rem; grid-template-rows: 25.5rem 25.5rem; gap: 1.6rem; } .construction__content > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .construction__content > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .construction__content > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .construction__content > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1; } .construction__content > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 3; } .construction__content > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 5; } .construction__item { border-radius: 4rem; position: relative; } .construction__item:nth-child(1) { padding: 2rem 2rem 6rem 4rem; height: 100%; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; display: -webkit-box; display: -ms-flexbox; display: flex; } .construction__item:nth-child(3) { padding: 1.9rem 2rem; background: #ffffff; -webkit-box-shadow: 10px 20px 100px rgba(40, 44, 78, 0.09); box-shadow: 10px 20px 100px rgba(40, 44, 78, 0.09); border-radius: 3rem; } .construction__item:nth-child(3) .construction__item-bg { position: static; -webkit-filter: brightness(80%); filter: brightness(80%); } .construction__item:nth-child(3) .construction__item-subtitle { font-size: 2rem; font-weight: 700; color: rgb(255, 255, 255); width: -webkit-max-content; width: -moz-max-content; width: max-content; position: absolute; bottom: 5rem; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); z-index: 1; } .construction__item:nth-child(3) .btn-video { width: 5rem; height: 5rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .construction__item:nth-child(3) .btn-video::before { border-width: 0.7rem 0.7rem 0.7rem 1rem; } .construction__item:last-child { position: relative; -webkit-transition: 0.8s; transition: 0.8s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .construction__item:last-child span { font-size: 5.5rem; font-weight: 700; color: rgb(138, 145, 170); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .construction__item:last-child:hover img { opacity: 0.2; } .construction__item:last-child:hover span { opacity: 1; } .construction__item-bg { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .construction .mark { width: 19.6rem; height: 6rem; background: #e82e3d; border-radius: 3rem 0 3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: -5rem; top: 3.5rem; } .construction .mark__title { font-size: 2.1rem; font-weight: 600; color: rgb(255, 255, 255); margin-right: 1.6rem; } .construction .mark__img { width: 5.5rem; height: 3.5rem; -o-object-fit: contain; object-fit: contain; z-index: 1; } .construction__item-title { font-size: 3.7rem; font-weight: 700; color: rgb(255, 255, 255); width: 70%; margin-top: auto; } .stages { margin-bottom: 14rem; } .stages__title { margin-bottom: 6rem; } .stages__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .stages__items { width: 116.6rem; margin-bottom: 16.7rem; } .stages__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .stages__item:not(:last-child) { margin-bottom: 5rem; } .stages__item:not(:last-child)::before { content: ""; width: 0.3rem; height: 100%; border-left: 0.4rem dashed #0199e4; position: absolute; top: 7rem; left: 4.4rem; } .stages__item.done .progress-min { -webkit-transform: translateX(0.4rem); transform: translateX(0.4rem); background-color: #0199e4; } .stages__item.done .progress-min__content { display: none; } .stages__item.done .progress-min__img-box { display: block; } .stages__item.not-done::before { content: ""; width: 0.3rem; height: 100%; border-left: 0.4rem dashed rgb(188, 195, 219); } .stages__item.not-done .stages__mark-circle { background: rgb(255, 255, 255); } .stages__item.not-done .stages__mark-circle span { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2rem; font-weight: 700; color: rgb(189, 196, 220); } .stages__item.in-progress::before { content: ""; width: 0.3rem; height: 100%; border-left: 0.4rem dashed rgb(188, 195, 219); } .stages__item.in-progress .stages__mark-circle { position: relative; background-image: linear-gradient(150deg, transparent 50%, #0199e4 50%), linear-gradient(90deg, rgb(255, 255, 255) 50%, #0199e4 50%); } .stages__item.in-progress .stages__mark-circle span { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2rem; font-weight: 700; color: rgb(1, 153, 228); position: relative; z-index: 4; } .stages__item.in-progress .stages__mark-circle::before { content: ""; width: 5.5rem; height: 5.5rem; border-radius: 50%; background: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .stages__mark { width: 9rem; height: 9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: start; align-self: flex-start; } .stages__mark-circle { width: 6.1rem; height: 6.1rem; border-radius: 50%; background: #0199e4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .stages__mark-circle img { height: 3rem; width: 3rem; -o-object-fit: contain; object-fit: contain; display: none; } .stages .description__spoller .slice { height: 3rem; background: #ffffff; border-radius: 0 3rem 3rem 0; } .stages .description__spoller.stage .description__spoller-title-wrap { margin-bottom: 0; } .stages .description__spoller.stage .description__spoller-content { position: relative; z-index: 3; padding: 4.6rem; margin-top: 3rem; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .stages .description__spoller.stage .description__spoller-content-img { width: 26.6rem; height: 19.1rem; border-radius: 2rem; margin-right: 4rem; -ms-flex-negative: 0; flex-shrink: 0; } .stages .description__spoller.stage .description__spoller-content-img img { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .stages .description__spoller.stage .description__spoller-title-box { position: relative; z-index: 3; } .stages__info { width: 36.2rem; } .stages__info-title { font-size: 2.5rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 6rem; text-align: center; padding: 0 2rem; } .stages__info-progress-day { width: 35.6rem; height: 35.6rem; border-radius: 50%; background: #ffffff; margin: 0 auto 6rem auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .stages__progress-day-circle { width: 30.2rem; height: 30.2rem; border-radius: 50%; background-image: linear-gradient(187deg, transparent 50%, #0199e4 50%), linear-gradient(90deg, rgb(250, 250, 255) 50%, #0199e4 50%); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .stages__progress-day-circle::after { content: ""; width: 27rem; height: 27rem; border-radius: 50%; background: rgb(250, 250, 255); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .stages__progress-day-circle::before { content: ""; width: 3rem; height: 3rem; border-radius: 50%; background: #0199e4; position: absolute; top: 11rem; left: -0.5rem; z-index: 3; } .stages__info-progress-text { padding: 1rem; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; z-index: 10; } .stages__day-value { font-size: 5.5rem; font-weight: 600; color: rgb(1, 153, 228); width: 95%; margin-bottom: 0.4rem; } .stages__day-key { font-size: 1.7rem; font-weight: 400; color: rgb(159, 170, 180); } .stages__info-progressbar-wrap { width: 100%; margin-bottom: 6rem; } .stages__progressbar-inner { width: 100%; height: 2rem; background: #f5f5fa; opacity: 0.9; -webkit-box-shadow: inset 0px 0px 0.4rem rgba(67, 72, 82, 0.25); box-shadow: inset 0px 0px 0.4rem rgba(67, 72, 82, 0.25); border-radius: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1rem; margin-bottom: 4rem; } .stages__progressbar { width: 100%; height: 0.4rem; background-color: #ffffff; border-radius: 10rem; position: relative; } .stages__progressbar > span { content: ""; width: 100%; height: 100%; background: linear-gradient( 90.09deg, rgba(1, 153, 228, 0.3) 0%, rgba(1, 153, 228, 0.5) 45.17%, rgba(1, 153, 228, 0.812047) 85.39%, #0199e4 108.05% ); border-radius: 10rem; position: absolute; top: 0; left: 0; } .stages__progressbar-title { font-size: 3.5rem; font-weight: 600; color: rgb(1, 153, 228); text-align: center; } .stages .articles__right-item.medium-bg { -webkit-box-shadow: none; box-shadow: none; } .objects-box { width: 36.2rem; -ms-flex-negative: 0; flex-shrink: 0; background: #fff; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); border-radius: 3rem; } .objects-box__inner { padding: 2.3rem 2.3rem 0 2.3rem; /*background: #FFFFFF;*/ /*-webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1);*/ /*border-radius: 1.8rem 1.8rem 1.8rem 0;*/ /*border-radius: 3rem;*/ padding-bottom: 2rem; height: 85%; } .objects-box__slider { height: 17.3rem; margin-bottom: 1.6rem; position: relative; } .objects-box__pagination { position: absolute; z-index: 20; } .objects-box__pagination span { background: #ffffff; width: 1rem; height: 1rem; } .objects-box__pagination.swiper-pagination { bottom: 1rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .objects-box__slider-wrapper { border-radius: 1.5rem; } .objects-box__slide { border-radius: inherit; position: relative; } .objects-box__slide button { width: 4.8rem; height: 4.8rem; border-radius: 50%; background: #ffffff; display: none; /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/ position: absolute; bottom: 1.6rem; right: 1.6rem; } .objects-box__slide button img { width: 2.5rem; height: 2.5rem; -o-object-fit: contain; object-fit: contain; } .objects-box__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .objects-box__location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1.7rem; margin-bottom: 1.6rem; border-bottom: 0.1rem solid #dde2f4; } .objects-box__place { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .objects-box__location-img { width: 1.5rem; height: 2rem; margin-right: 0.75rem; } .objects-box__location-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .objects-box__place-name { font-size: 1.6rem; font-weight: 400; color: rgb(43, 47, 54); } .objects-box__id { font-size: 1.3rem; font-weight: 400; color: rgb(153, 162, 181); } .objects-box__id span { margin-right: 0.5rem; } .objects-box__title { font-size: 2.1rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 2.3rem; line-height: 1.38; width: 96%; } .objects-box__area { display: -webkit-box; display: -ms-flexbox; display: flex; } .objects-box__area-key-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.8rem; margin-right: 0.8rem; } .objects-box__area-key-img { width: 2.1rem; height: 2.1rem; margin-right: 0.6rem; } .objects-box__area-key-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .objects-box__area-key-name { font-size: 1.5rem; font-weight: 400; color: rgb(138, 145, 170); margin-right: 0.4rem; } .objects-box__area-value { font-size: 1.5rem; font-weight: 700; color: rgb(43, 47, 54); } .objects-box__rooms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .objects-box__rooms-key-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2rem; } .objects-box__rooms-key-img { width: 2.1rem; height: 2.1rem; margin-right: 0.6rem; } .objects-box__rooms-key-img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .objects-box__rooms-key-name { font-size: 1.5rem; font-weight: 400; color: rgb(138, 145, 170); } .objects-box__rooms-value-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .objects-box__rooms-value { width: 4.5rem; height: 3rem; background: #f0f0f9; border-radius: 1rem; padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; font-weight: 700; color: rgb(43, 47, 54); } .objects-box__rooms-value:not(:last-child) { margin-right: 1rem; } .objects-box__down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .objects-box__down .corner { display: none; } .objects-box__price { /*background: #FFFFFF;*/ /*border-radius: 0 0 1.8rem 1.8rem;*/ padding-top: 2rem; padding-left: 2.5rem; padding-right: 2rem; padding-bottom: 1.5rem; /*-webkit-box-shadow: -1rem 2rem 2rem rgba(40, 44, 78, 0.1); box-shadow: -1rem 2rem 2rem rgba(40, 44, 78, 0.1);*/ width: 87%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .objects-box__price span { font-size: 1.4rem; font-weight: 400; color: rgb(153, 162, 181); margin-right: 0.8rem; } .objects-box__price-value { font-size: 2.3rem; font-weight: 700; color: #2b2f36; } .objects-box__price-value sup { font-size: 1.8rem; } .objects-box__like { width: 6.5rem; height: 6.5rem; display: none; /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0;*/ border-radius: 1.6rem; background: #0199e4; margin-top: 1.3rem; position: relative; -webkit-transition: 0.8s; transition: 0.8s; } .objects-box__like.active { background: linear-gradient(0deg, #e82e3d, #e82e3d), linear-gradient(329.72deg, #de1117 6.36%, #f13e5e 115.33%), linear-gradient(321.12deg, #de1117 -13.86%, #f13e5e 74.59%), linear-gradient(0deg, #d91f40, #d91f40), linear-gradient(119.1deg, #4341cc 42.46%, #ff9cb4 149.72%), #6c42e2; } .objects-box__like svg { width: 3rem; height: 3rem; } @media (max-width: 48em) { .objects-box { width: 52rem; /*height: 100%;*/ height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*align-items: flex-start;*/ } .objects-box__inner { width: 100%; padding: 3rem 3rem 0 3rem; /*border-radius: 4rem 4rem 4rem 0;*/ padding-bottom: 3rem; min-height: 82rem; height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .objects-box__slider { height: 33rem; margin-bottom: 4.6rem; } .objects-box__pagination span { width: 1.6rem; height: 1.6rem; } .objects-box__pagination.swiper-pagination { bottom: 3rem; } .objects-box__slider-wrapper { border-radius: 3rem; } .objects-box__slide button { width: 9.6rem; height: 9.6rem; bottom: 4rem; right: 4rem; } .objects-box__slide button img { width: 3rem; height: 3rem; } .objects-box__location { padding-bottom: 2rem; margin-bottom: 2.4rem; } .objects-box__location-img { width: 4rem; height: 4rem; margin-right: 0.3rem; } .objects-box__place-name { font-size: 3.2rem; } .objects-box__id { font-size: 2.6rem; } .objects-box__id span { margin-right: 0.5rem; } .objects-box__title { font-size: 3.2rem; margin-bottom: 2.2rem; line-height: 1.3; } .objects-box__area-key-wrap { margin-bottom: 3rem; margin-right: 0.8rem; } .objects-box__area-key-img { width: 4rem; height: 4rem; margin-right: 1.6rem; } .objects-box__area-key-name { font-size: 3rem; margin-right: 0.8rem; } .objects-box__area-value { font-size: 2.8rem; } .objects-box__rooms-key-wrap { margin-right: 1.6rem; } .objects-box__rooms-key-img { width: 4rem; height: 4rem; margin-right: 1.6rem; } .objects-box__rooms-key-name { font-size: 3rem; } .objects-box__rooms-value { width: 8rem; height: 6rem; border-radius: 2rem; padding: 1rem; font-size: 2.8rem; } .objects-box__rooms-value:not(:last-child) { margin-right: 0.6rem; } .objects-box__price { /*background: #FFFFFF;*/ /*border-radius: 0 0 4rem 4rem;*/ padding-top: 3rem; padding-left: 2.5rem; padding-right: 2rem; padding-bottom: 5rem; width: 87%; } .objects-box__price span { font-size: 3rem; margin-right: 1.6rem; padding-top: 1rem; } .objects-box__price-value { font-size: 3.6rem; } .objects-box__price-value sup { font-size: 2.6rem; } .objects-box__like { width: 9.6rem; height: 9.6rem; border-radius: 2.2rem; margin-top: 1.3rem; } .objects-box__like svg { width: 4.4rem; height: 4.4rem; } } .popup { position: fixed; z-index: 999999; height: 100%; width: 100%; background-color: rgba(31, 31, 31, 0.4); top: 0; left: 0; overflow-y: auto; display: none; } .popup.mortgage-popup .popup__content { height: 102rem; } .popup__body { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6rem; } .popup__content { width: 73.4rem; height: 85.8rem; padding: 7rem 5.5rem 6rem 5.5rem; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); border-radius: 4rem; position: relative; } .popup__close { width: 4.3rem; height: 4.3rem; position: absolute; right: 3.2rem; top: 1.7rem; cursor: pointer; } .popup__close img { height: 100%; -o-object-fit: contain; object-fit: contain; } .popup__substrate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 2.7rem; margin-bottom: 3rem; position: relative; } .popup__substrate::before { content: ""; width: 100%; height: 19.7rem; left: 0; background: #f7f7fd; border-radius: 2rem; position: absolute; top: -1rem; } .popup__substrate img { width: 12.6rem; height: 26.6rem; -o-object-fit: contain; object-fit: contain; -webkit-filter: drop-shadow(6px 4px 8px rgba(1, 153, 228, 0.1)); filter: drop-shadow(6px 4px 8px rgba(1, 153, 228, 0.1)); } .popup__title { font-size: 3.7rem; font-weight: 700; text-align: center; margin: 0 auto 5.3rem auto; width: 59%; } .popup__form-label { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup__form-label:not(:last-child) { margin-bottom: 3rem; } .popup__form-label:last-child { margin-bottom: 6rem; } .popup__form-input { width: 100%; background: #f7f7fd; padding: 1.4rem 2rem 1.4rem 2.7rem; font-size: 2rem; font-weight: 500; color: rgb(138, 145, 170); height: 100%; height: 5rem; border-radius: 1rem; } .popup__form-input::-webkit-input-placeholder { font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); } .popup__form-input::-moz-placeholder { font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); } .popup__form-input:-ms-input-placeholder { font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); } .popup__form-input::-ms-input-placeholder { font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); } .popup__form-input::placeholder { font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); } .popup__bottom { width: 40%; margin-left: auto; } .popup__btn { margin-bottom: 3rem; margin-right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .popup__btn span { color: rgb(43, 47, 54); } .popup__dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; width: 100%; background: #f7f7fd; padding: 1.4rem 2rem 1.4rem 2.7rem; font-size: 2rem; font-weight: 500; color: rgb(138, 145, 170); height: 100%; height: 5rem; border-radius: 1rem; margin-bottom: 6rem; cursor: pointer; } .popup__dropdown.active .popup__select-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .popup__select-arrow { width: 2rem; height: 2rem; -webkit-transition: 0.5s; transition: 0.5s; } .popup__dropdown-menu { position: absolute; top: 7rem; left: 0; z-index: 100; width: 100%; background: rgb(247, 247, 253); padding: 2rem 3.5rem; border-radius: 1rem; font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); } .popup__dropdown-menu li { padding-top: 1rem; } .popup__dropdown-menu li:not(:last-child) { padding-bottom: 1rem; border-bottom: 1px solid #e8f0fc; } .popup.vacancies-popup .popup__content { width: 87.2rem; height: auto; padding: 7.1rem; background: #ffffff; } .popup.vacancies-popup .popup__title { text-align: left; margin: 0 0 2rem 0; width: 100%; } .popup.vacancies-popup .popup__subtitle { font-size: 2rem; font-weight: 400; color: #2b2f36; margin-bottom: 5.5rem; } .popup.vacancies-popup .popup__description-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .popup.vacancies-popup .popup__description-item-key { font-size: 2rem; font-weight: 700; width: 25rem; } .popup.vacancies-popup .popup__description-item-value { width: 80%; font-size: 1.8rem; font-weight: 400; color: #000000; margin-bottom: 4.3rem; } .popup.vacancies-popup .popup__description-item-value li { position: relative; } .popup.vacancies-popup .popup__description-item-value li:not(:last-child) { margin-bottom: 1rem; } .popup.vacancies-popup .popup__description-item-value li::before { content: ""; width: 1rem; height: 1rem; border-radius: 50%; background: #0075ff; position: absolute; top: 50%; left: -2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .popup.vacancies-popup .popup__form-title { font-size: 2rem; font-weight: 700; color: #2b2f36; margin-bottom: 4rem; } .popup.vacancies-popup .popup__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .popup.vacancies-popup .popup__bottom-left { width: 20rem; } .popup.vacancies-popup .popup__bottom-right { width: 28rem; } .popup.vacancies-popup .popup__bottom-add { font-size: 2rem; font-weight: 700; color: #2b2f36; margin-bottom: 1.5rem; } .popup.vacancies-popup .popup__add-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.7rem; font-weight: 500; color: #8a91aa; margin-left: 2rem; border-bottom: 0.1rem solid #8a91aa; position: relative; } .popup.vacancies-popup .popup__add-wrap img { width: 1.6rem; height: 1.6rem; -o-object-fit: contain; object-fit: contain; position: absolute; top: 50%; left: -2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .new-object.real-estate { margin-bottom: 7.5rem; } .new-object.real-estate .real-estate__left { width: 100%; } .new-object.real-estate .real-estate__boxes { width: 100%; } .new-object.real-estate .real-estate__box:nth-child(4n) { margin: 0 0 0 auto; } .new-object.real-estate .real-estate__box:nth-child(4n + 1), .new-object.real-estate .real-estate__box:nth-child(4n + 2) { margin: 0 2.9rem 0 0; } .new-object.real-estate .real-estate__box:nth-child(4n + 3) { margin: 0; } .new-object.real-estate .real-estate__box:nth-child(n + 5) { margin-top: 2.8rem; } .new-object__btn { display: none; } .new-object__title { margin-bottom: 4rem; font-weight: 700; font-size: 5.5rem; } .new-object--similar .new-object__title { margin-bottom: 6rem; text-align: center; } .stages__content-left iframe { width: 100%; min-height: 60rem; max-height: 100rem; } .stages__content-left .description__text { text-align: justify; } @media (max-width: 48em) { .popup.mortgage-popup .popup__content { height: auto; } .popup.mortgage-popup .popup__substrate img { width: 21.2rem; height: 32rem; } .popup__body { padding: 6rem 4rem; } .popup__content { width: 100%; height: auto; padding: 20.6rem 4rem 12rem 4rem; border-radius: 6rem; } .popup__close { right: 5rem; top: 5rem; } .popup__substrate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0rem; margin-bottom: 6rem; position: relative; } .popup__substrate::before { height: 26rem; border-radius: 3rem; position: absolute; top: -6rem; } .popup__substrate img { width: 19.4rem; height: 38.4rem; } .popup__title { font-size: 7rem; font-weight: 700; text-align: center; margin: 0 auto 5.3rem auto; width: 102%; } .popup__form-label { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup__form-label:not(:last-child) { margin-bottom: 4rem; } .popup__form-input { width: 100%; background: #f7f7fd; padding: 3rem 3rem 3rem 5.2rem; font-size: 3.2rem; height: 10rem; border-radius: 2rem; } .popup__form-input::-webkit-input-placeholder { font-size: 3.2rem; } .popup__form-input::-moz-placeholder { font-size: 3.2rem; } .popup__form-input:-ms-input-placeholder { font-size: 3.2rem; } .popup__form-input::-ms-input-placeholder { font-size: 3.2rem; } .popup__form-input::placeholder { font-size: 3.2rem; } .popup__bottom { width: 100%; margin-left: 0; } .popup__btn { margin-right: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .popup__dropdown { padding: 3rem 3rem 3rem 5.2rem; font-size: 3.2rem; height: 10rem; border-radius: 2rem; } .popup__select-arrow { width: 4rem; height: 4rem; } .popup__dropdown-menu { padding: 3rem 5.2rem; border-radius: 2rem; font-size: 3.2rem; } .popup__dropdown-menu li { padding-top: 2rem; } .popup__dropdown-menu li:not(:last-child) { padding-bottom: 2rem; border-bottom: 1px solid #e8f0fc; } .popup.vacancies-popup .popup__content { width: 100%; padding: 10rem 4rem; } .popup.vacancies-popup .popup__title { margin: 0 0 3rem 0; } .popup.vacancies-popup .popup__subtitle { font-size: 3.2rem; margin-bottom: 4rem; } .popup.vacancies-popup .popup__description-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popup.vacancies-popup .popup__description-item-key { font-size: 3.6rem; width: 100%; margin-bottom: 3rem; } .popup.vacancies-popup .popup__description-item-value { width: 100%; font-size: 3.2rem; margin-bottom: 4rem; padding-left: 4rem; } .popup.vacancies-popup .popup__description-item-value li { position: relative; } .popup.vacancies-popup .popup__description-item-value li:not(:last-child) { margin-bottom: 2.6rem; } .popup.vacancies-popup .popup__description-item-value li::before { width: 2rem; height: 2rem; left: -3rem; top: 2rem; } .popup.vacancies-popup .popup__form-title { font-size: 3.6rem; } .popup.vacancies-popup .popup__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popup.vacancies-popup .popup__bottom-left { width: 100%; } .popup.vacancies-popup .popup__bottom-right { width: 100%; } .popup.vacancies-popup .popup__bottom-add { font-size: 3.6rem; margin-bottom: 3rem; } .popup.vacancies-popup .popup__add-wrap { font-size: 3.2rem; margin-left: 5rem; margin-bottom: 6rem; } .popup.vacancies-popup .popup__add-wrap img { width: 3rem; height: 3rem; left: -5rem; } } .contacts { margin-bottom: 3rem; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; font-weight: 500; color: rgb(153, 162, 181); margin: 3rem 0 1rem 0; } .breadcrumbs a { position: relative; margin-bottom: 1rem; margin-right: 2rem; } .breadcrumbs span { position: relative; margin-bottom: 1rem; margin-right: 2rem; } .breadcrumbs a:hover { color: rgb(1, 153, 228); } .breadcrumbs a:not(:last-child)::before { content: ""; width: 3px; height: 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: rgb(153, 162, 181); position: absolute; right: -1.2rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .contacts__tablinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; /*width: 91.2rem;*/ margin: 0 auto 6rem auto; } .contacts__tablinks.desctop .contacts__tablink-item { padding: 2rem 3rem; background: #fff; border-radius: 1.6rem; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); white-space: nowrap; } .contacts__tablinks.desctop .contacts__tablink-item:not(:last-child) { margin-right: 3.5rem; } .contacts__tablinks.desctop .contacts__tablink-item.active { background: #0199e4; color: #fff; } .contacts__tablinks.desctop .contacts__tablink-item:before { content: none; } .contacts__tablink-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; font-weight: 700; color: rgb(43, 47, 54); cursor: pointer; position: relative; } .contacts__tablink-item::before { content: ""; width: 0; height: 2px; background: #e82e3d; position: absolute; left: 0; bottom: -2rem; -webkit-transition: 0.8s; transition: 0.8s; } .contacts__tablink-item.active::before { width: 100%; } .contacts__tab-title { font-size: 5.5rem; font-weight: 700; color: rgb(43, 47, 54); margin-bottom: 0.6rem; } .contacts__tab-subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.8rem; font-weight: 400; color: rgb(138, 145, 170); margin-bottom: 2.7rem; } .contacts__tab-subtitle a { border-bottom: 0.1rem solid rgb(138, 145, 170); margin: 0 1.5rem 0 0.5rem; } .contacts__tab-description { font-size: 2.4rem; font-weight: 400; color: rgb(43, 47, 54); width: 116.1rem; margin-bottom: 6rem; line-height: 1.25; } .contacts__tab-info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts__tab-info-left { margin-right: 3.4rem; width: 116.6rem; } .contacts__tab-img { width: 100%; height: 67.2rem; border-radius: 4rem; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; -ms-border-radius: 4rem; -o-border-radius: 4rem; margin-bottom: 6rem; } .contacts__tab-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } .contacts__tab-info-block { width: 36.2rem; } .description__spoller .slice { height: 3rem; background: #ffffff; border-radius: 0 6rem 3rem 0; } .contacts__tab-content { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card__slider-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 60.4rem; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .card__slider { width: 89.8rem; height: 100%; margin-left: 0; } .card__slider-thumb { width: 23.6rem; height: 100%; margin-right: 0; } .card__slide-thumb { width: 100%; border-radius: 1.3rem; cursor: pointer; } .card__slide-thumb:hover { filter: brightness(80%); -webkit-filter: brightness(80%); -moz-filter: brightness(80%); } .card__slide-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .blog__photo-box { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; width: 36.8rem; height: auto; margin-right: 3.6rem; border-radius: 2.3rem; cursor: pointer; } .blog__photo-box:hover .blog__photo { filter: brightness(90%); -webkit-filter: brightness(90%); -moz-filter: brightness(90%); } .blog__photo-box iframe { display: none; } .blog__play-btn { position: absolute; left: 50%; top: 50%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 8.8rem; height: 8.8rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; background: #e82e3d; -webkit-box-shadow: 1rem 2rem 5rem 0 rgba(238, 104, 120, 0.4); box-shadow: 1rem 2rem 5rem 0 rgba(238, 104, 120, 0.4); } .object-video .blog__play-btn { width: 13.4rem; height: 13.4rem; } .blog__play-btn:before { content: ""; display: block; border: 1.4rem solid transparent; border-left: 1.5rem solid white; -webkit-transform: translateX(30%); transform: translateX(30%); } .object-video .blog__play-btn:before { border: 1.6rem solid transparent; border-left: 1.8rem solid white; } .support__telegram svg { -webkit-transform: translate(-1px, 1px); transform: translate(-1px, 1px); } .blog__desc { margin-bottom: 4rem; font-weight: 400; font-size: 1.6rem; line-height: 2.5rem; color: #99a2b5; } .btn__arrow.btn--blue svg path { stroke: white; } .articles__img-box { width: 100%; height: 44.5rem; margin-bottom: 4rem; border-radius: 3rem; } .articles__img-box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .modal-video { position: fixed; left: 0; top: 0; z-index: 31; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .modal-video__bg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: rgba(82, 82, 82, 0.3); } .modal-video__content { position: relative; width: 135rem; height: 80rem; max-width: 90%; max-height: 90%; padding: 7.5rem 9.7rem; border-radius: 2rem; background-color: white; } .modal-video__content::-webkit-scrollbar { width: 0; height: 0; } .modal-video__close { position: absolute; right: 2rem; top: 2rem; width: 4rem; height: 4rem; cursor: pointer; } .modal-video__close:before { content: ""; position: absolute; top: 50%; left: 0; width: 4rem; height: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #2b2f36; } .modal-video__close:after { content: ""; position: absolute; top: 50%; left: 0; width: 4rem; height: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #2b2f36; } .modal-video__video { width: 100%; height: 100%; } .articles__photo-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 14.3rem; } .page-news__main-news { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 76rem; min-height: 59rem; padding: 4rem 4rem 3rem 4rem; } .page-news__main-news:hover .page-news__title { color: rgb(1, 153, 228); } .page-news__bg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; border-radius: 3rem; } .page-news__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .page-news__bg:after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(180.78deg, rgba(0, 0, 0, 0) 35.77%, rgba(0, 0, 0, 0.7) 99.74%), linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 15.68%); } .page-news__main-date { font-weight: 700; font-size: 2rem; line-height: 2.5rem; text-align: right; color: white; } .page-news__title { font-weight: 700; font-size: 3.5rem; line-height: 4.4rem; color: white; } .articles .blog__play-btn, .articles .blog__play-btn + img { cursor: pointer; } .articles .blog__play-btn + img:hover, .articles .blog__play-btn:hover + img { filter: brightness(90%); -webkit-filter: brightness(90%); -moz-filter: brightness(90%); } .card-news__link-back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3rem; font-weight: 600; font-size: 2.4rem; line-height: 3rem; } .card-news__link-back-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4.3rem; height: 4.3rem; margin-right: 1.8rem; border-radius: 100%; background-color: #0199e4; -webkit-box-shadow: 4px 4px 5rem 0 rgba(76, 70, 203, 0.1019607843); box-shadow: 4px 4px 5rem 0 rgba(76, 70, 203, 0.1019607843); } .card-news__link-back-icon svg { width: 1.5rem; height: 1.5rem; } .card-news__link-back-icon path { stroke: white; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 0.7rem; background-color: white; -webkit-box-shadow: 0.4rem 0.4rem 5rem 0 rgba(76, 70, 203, 0.1019607843); box-shadow: 0.4rem 0.4rem 5rem 0 rgba(76, 70, 203, 0.1019607843); } .pagination__btn svg { width: 1.8rem; height: 1.8rem; } .pagination__btn path { fill: #99a2b5; } .pagination__btn.active { background-color: #ececf8; } .pagination__btn.active path { fill: #2b2f36; } .pagination__numbers { margin: 0 2.5rem; } .pagination__num { font-weight: 400; font-size: 2rem; color: #bdc1cf; } .pagination__num:not(:last-child) { margin-right: 0.5rem; } .pagination__num:hover { color: #0298e2; } .pagination__num.active { font-weight: 400; font-size: 4rem; line-height: 4.3rem; color: #0298e2; } .page-news .articles__right-item.all-bg:last-child { padding: 5.3rem 1.4rem 38.5rem 3rem; } .page-news .articles__right-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 11.2rem; } .articles__text-block .pagination { margin-top: 6.8rem; } .pop-up { position: fixed; left: 0; top: 0; z-index: 31; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .pop-up__bg { position: absolute; left: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .pop-up__content { position: relative; width: 73.4rem; max-width: 90%; max-height: 95%; padding: 4rem 5.5rem 6rem 5.5rem; border-radius: 4rem; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); overflow-y: scroll; } .pop-up__content::-webkit-scrollbar { width: 0; height: 0; } .pop-up__close { position: absolute; right: 4rem; top: 4rem; width: 5rem; height: 5rem; cursor: pointer; } .pop-up__close:before { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: 60%; height: 2px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: #0199e4; } .pop-up__close:after { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: 60%; height: 2px; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); background-color: #0199e4; } .pop-up__title-box { margin-bottom: 5rem; padding-right: 1.5rem; } .pop-up__title { font-weight: 700; font-size: 3.7rem; line-height: 4.7rem; } .pop-up__title:not(:last-child) { margin-bottom: 2.5rem; } .pop-up__label { display: block; width: 100%; height: 5rem; padding: 0 3rem; border-radius: 1rem; background-color: #f7f7fd; } .pop-up__label.error { border: 1px solid #de1117; } .pop-up__label.error + .pop-up__error { display: block; } .pop-up__label:nth-child(n + 2) { margin-top: 3rem; } .pop-up__input { width: 100%; height: 100%; font-weight: 400; font-size: 1.8rem; line-height: 2.3rem; } .pop-up__input::-webkit-input-placeholder { color: #8a91aa; } .pop-up__input::-moz-placeholder { color: #8a91aa; } .pop-up__input:-ms-input-placeholder { color: #8a91aa; } .pop-up__input::-ms-input-placeholder { color: #8a91aa; } .pop-up__input::placeholder { color: #8a91aa; } .pop-up__error { display: none; padding-left: 3rem; margin-top: 0.4rem; font-weight: 400; font-size: 1.4rem; line-height: 1.8rem; color: #de1117; } .pop-up__label--textarea { height: 22rem; padding: 2.5rem 3rem; } .pop-up__textarea { width: 100%; height: 100%; font-weight: 400; font-size: 1.7rem; line-height: 2.2rem; resize: none; } .pop-up__textarea::-webkit-input-placeholder { color: #8a91aa; } .pop-up__textarea::-moz-placeholder { color: #8a91aa; } .pop-up__textarea:-ms-input-placeholder { color: #8a91aa; } .pop-up__textarea::-ms-input-placeholder { color: #8a91aa; } .pop-up__textarea::placeholder { color: #8a91aa; } .pop-up__btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6rem; } .pop-up__personal-data { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-weight: 400; font-size: 1.4rem; line-height: 1.8rem; text-decoration: underline; color: #8a91aa; cursor: pointer; } .pop-up__btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 22rem; height: 6rem; padding: 0 1.5rem 0 2.6rem; border-radius: 1.6rem; background: linear-gradient(0deg, #0199e4, #0199e4), linear-gradient(272.89deg, #4341cc -9.64%, #0199e4 92.79%); font-weight: 500; font-size: 1.7rem; line-height: 2.2rem; color: white; } .pop-up__btn-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.5rem; height: 3.5rem; margin-left: 2.6rem; border-radius: 100%; background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%); } .pop-up__btn-icon svg { width: 1.1rem; height: 1.1rem; } .pop-up__btn-icon path { stroke: #0199e4; } .pop-up__complete { display: none; text-align: center; } .pop-up__complete-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 12rem; height: 12rem; margin: 0 auto 2rem auto; border-radius: 100%; background-color: #5ccd5a; } .pop-up__complete-icon svg { width: 6.3rem; height: 6.3rem; } .pop-up__complete-icon path { fill: white; } .pop-up__complete .pop-up__title { margin-bottom: 1rem; } .pop-up__complete .pop-up__desc { margin-bottom: 5rem; } .pop-up__complete .pop-up__btn { margin: 0 auto; } .pop-up__desc { font-weight: 400; font-size: 2rem; line-height: 2.5rem; } .pop-up__inputs-title { margin-bottom: 4rem; font-weight: 700; font-size: 2rem; line-height: 2.5rem; } .error-404 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 76rem; padding-bottom: 12.7rem; } .error-404__img-box { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; } .error-404__img-box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .error-404__title { margin-bottom: 1.7rem; font-weight: 700; font-size: 6rem; line-height: 7.6rem; text-align: center; color: white; } .error-404__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 49rem; height: 7.6rem; margin: 0 auto; padding: 0 4rem; border-radius: 100rem; background-color: white; font-weight: 500; font-size: 1.7rem; line-height: 2.2rem; } .error-404__arrow { width: 6.2rem; height: 1.6rem; } .error-404__arrow path { fill: #de1117; } .modal-review { position: fixed; left: 0; top: 0; z-index: 31; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .modal-review__bg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: rgba(82, 82, 82, 0.3); } .modal-review__content { position: relative; width: 100rem; max-width: 90%; max-height: 90%; padding: 7.5rem 9.7rem; border-radius: 2rem; background-color: white; overflow-x: hidden; overflow-y: scroll; } .modal-review__content::-webkit-scrollbar { width: 0; height: 0; } .modal-review__close { position: absolute; right: 2rem; top: 2rem; width: 4rem; height: 4rem; cursor: pointer; } .modal-review__close:before { content: ""; position: absolute; top: 50%; left: 0; width: 4rem; height: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #2b2f36; } .modal-review__close:after { content: ""; position: absolute; top: 50%; left: 0; width: 4rem; height: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #2b2f36; } .modal-review__text { font-weight: 400; font-size: 2rem; line-height: 1.55; } .select__item { display: block; } .real-estate__error-search { width: 100%; margin-top: 5rem; font-weight: 700; font-size: 5rem; line-height: 6.5rem; text-align: center; } .real-estate__error-search > button:hover { color: rgb(1, 153, 228); } .bx-core-window img { width: auto; display: initial; } .filter__inputs--one .filter__input input { padding: 2rem; } .filter__input.articul input { padding: 2rem; } .filter__input input:focus::-webkit-input-placeholder { opacity: 0; } .filter__input input:focus::-moz-placeholder { opacity: 0; } .filter__input input:focus:-ms-input-placeholder { opacity: 0; } .filter__input input:focus::-ms-input-placeholder { opacity: 0; } .filter__input input:focus::placeholder { opacity: 0; } .modal-img__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90%; width: 90%; } .modal-img__content .pop-up__bg { z-index: 0; background-color: transparent; } .modal-img__content img { position: relative; z-index: 1; width: auto; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .modal-img__close { position: absolute; right: 0; top: 0; width: 5rem; height: 5rem; -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); cursor: pointer; } .modal-img__close:before { content: ""; position: absolute; top: 50%; left: 0; width: 5rem; height: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: white; } .modal-img__close:after { content: ""; position: absolute; top: 50%; left: 0; width: 5rem; height: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: white; } .progress { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35rem; height: 35rem; margin: 0 auto 6rem auto; border: 2.5rem solid white; border-radius: 100%; background-color: #fafaff; } .progress__circle-bg { position: absolute; left: 50%; top: 50%; z-index: 4; width: 27rem; height: 27rem; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fafaff; } .progress__circle-val-bg { position: absolute; left: 50%; top: 50%; z-index: 3; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; background: -webkit-gradient( linear, left top, right top, color-stop(50%, #fafaff), color-stop(50%, transparent), to(transparent) ); background: linear-gradient(90deg, #fafaff 50%, transparent 50%, transparent 100%); } .progress__circle-val-bg.over-half { width: calc(100% - 1px); height: calc(100% - 1px); background: -webkit-gradient( linear, right top, left top, color-stop(50%, #0199e4), color-stop(50%, transparent), to(transparent) ); background: linear-gradient(270deg, #0199e4 50%, transparent 50%, transparent 100%); } .progress__circle-val { position: absolute; left: 50%; top: 50%; z-index: 2; width: calc(100% - 1px); height: calc(100% - 1px); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); border-radius: 100%; background: -webkit-gradient( linear, left top, right top, color-stop(50%, #0199e4), color-stop(50%, transparent), to(transparent) ); background: linear-gradient(90deg, #0199e4 50%, transparent 50%, transparent 100%); } .progress__circle-val-point { position: absolute; left: 50%; top: 50%; z-index: 5; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); border-radius: 100%; background: transparent; } .progress__circle-val-point:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 5; width: 3rem; height: 3rem; border-radius: 100%; -webkit-transform: translate(-50%, -25%); transform: translate(-50%, -25%); background-color: #0199e4; } .progress-min { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 6.1rem; height: 6.1rem; border-radius: 100%; background-color: white; } .progress-min__circle-bg { position: absolute; left: 50%; top: 50%; z-index: 4; width: 5.5rem; height: 5.5rem; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: white; } .progress-min__circle-val-bg { position: absolute; left: 50%; top: 50%; z-index: 3; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; background: -webkit-gradient( linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent), to(transparent) ); background: linear-gradient(90deg, white 50%, transparent 50%, transparent 100%); } .progress-min__circle-val-bg.over-half { width: calc(100% - 1px); height: calc(100% - 1px); background: -webkit-gradient( linear, right top, left top, color-stop(50%, #0199e4), color-stop(50%, transparent), to(transparent) ); background: linear-gradient(270deg, #0199e4 50%, transparent 50%, transparent 100%); } .progress-min__circle-val { position: absolute; left: 50%; top: 50%; z-index: 2; width: calc(100% - 1px); height: calc(100% - 1px); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); border-radius: 100%; background: -webkit-gradient( linear, left top, right top, color-stop(50%, #0199e4), color-stop(50%, transparent), to(transparent) ); background: linear-gradient(90deg, #0199e4 50%, transparent 50%, transparent 100%); } .progress-min__text { position: relative; z-index: 7; font-size: 2rem; font-weight: 700; color: rgb(1, 153, 228); } .progress-min__img-box { display: none; width: 3rem; height: 3rem; } .progress-min__img-box img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .progress-min__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .main-catalog { overflow: hidden; } .bg-title-filter { position: absolute; z-index: -1; left: 50%; top: -23rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.05; font-weight: 600; font-size: 30rem; color: #8a91aa; } .bg-title-catalog-box { position: absolute; right: -6rem; bottom: -18rem; z-index: -1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .bg-title-catalog { position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 0.1; font-weight: 600; font-size: 40rem; color: #8a91aa; } @media (min-width: 48.01em) { .filter__body-top { -webkit-column-gap: 4.6rem; -moz-column-gap: 4.6rem; column-gap: 4.6rem; row-gap: 3rem; } .filter__body-top > * { margin: 0 !important; } } .mobile { display: none; } @media (max-width: 48em) { .desctop { display: none; } .contacts__tab-content { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } .btn__arrow { margin-left: 3rem; } .mobile { display: block; } .stages__content-left .description__text { text-align: left; } .stages__content-left .description__text-block { margin-bottom: 0; } .stages__inner { margin-bottom: 6rem; } .stages .banner-support.page-card { margin-bottom: 0; } .header { position: relative; margin-bottom: 6rem; } .header::before { content: none; } .header::after { content: none; } .header__inner { padding-top: 5rem; } .header__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; border-bottom: none; } .header__top.desctop { display: none; } .header__burger-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 5rem; width: 6rem; margin-left: 1.5rem; -webkit-transition: 0.8s; transition: 0.8s; } .header__burger-btn span { width: 100%; height: 0.3rem; border-radius: 1rem; background-color: rgb(43, 47, 54); position: relative; } .header__burger-btn span::after { content: ""; width: 100%; height: 0.3rem; border-radius: 1rem; background-color: rgb(43, 47, 54); position: absolute; top: 1.2rem; left: 0; } .header__burger-btn span::before { content: ""; width: 100%; height: 0.3rem; border-radius: 1rem; background-color: rgb(43, 47, 54); position: absolute; bottom: 1.2rem; left: 0; } .header__phone-img { width: 5.2rem; height: 100%; margin-right: 1rem; } .header__bottom { padding: 0rem 0 0rem 0; margin-bottom: 8rem; } .header__logo { width: 27.1rem; height: 6.5rem; } .header__logo img { width: 7rem; height: 7rem; } .header__logo.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; width: 24rem; } .header__logo .logo__text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: end; align-self: flex-end; width: 100%; } .header__logo .logo__text-wrap svg { width: 24rem; height: 5rem; } .header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; font-size: 1.7rem; font-weight: 500; color: #2b2f36; } .header__item:not(:last-child) { /*margin-right: 3.3rem;*/ margin-right: 0; width: 100%; } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__btns { margin-right: 0; } .header__like-btn { width: 9rem; height: 9rem; border-radius: 2.4rem; } .header__like-btn:not(:last-child) { margin-right: 3rem; } .header__like-btn img { width: 4rem; height: 4rem; } .header__filter-btn { width: 9rem; height: 9rem; border-radius: 2.4rem; } .header__filter-btn img { width: 4rem; height: 4rem; } .header__filter-btn span { width: 4rem; height: 4rem; font-size: 2.6rem; position: absolute; bottom: -1rem; right: -1rem; } .header__btn-arrow { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__btn-arrow img { height: 100%; width: 1rem; -o-object-fit: contain; object-fit: contain; } .header .header__menu-mobile { width: 62.4rem; height: 100vh; overflow-x: hidden; overflow-y: scroll; background: #f6f6fc; padding: 7rem 7rem 7rem 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; left: 0; z-index: 1000; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.8s; transition: 0.8s; } .header .header__menu-mobile.active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 2rem 0rem 3rem rgba(0, 0, 0, 0.15); box-shadow: 2rem 0rem 3rem rgba(0, 0, 0, 0.15); } .header .header__menu-mobile .header__burger-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 12rem; height: 12rem; margin: 0 -4rem 2rem auto; } .header .header__menu-mobile .header__burger-btn span { -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 6rem; } .header .header__menu-mobile .header__burger-btn span::before { -webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0.09rem; } .header .header__menu-mobile .header__burger-btn span::after { display: none; } .header .header__menu-mobile .header__nav { margin-bottom: 10rem; } .header .header__menu-mobile .header__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header .header__menu-mobile .header__item { font-size: 3.6rem; font-weight: 700; } .header .header__menu-mobile .header__item:not(:last-child) { margin-bottom: 6rem; } .header .header__menu-mobile .header__about { width: 40.6rem; height: 10rem; border-radius: 3rem; font-size: 3.2rem; margin-bottom: 7rem; -ms-flex-negative: 0; flex-shrink: 0; } .header .header__menu-mobile .header__money-language-wrap { width: 100%; margin-bottom: 10rem; } .header .header__menu-mobile .header__money { width: 14.4rem; border-radius: 3rem; } .header .header__menu-mobile .header__money.active { border-radius: 3rem 3rem 0 0; } .header .header__menu-mobile .header__money-select { width: 14.4rem; font-size: 4rem; border-radius: inherit; } .header .header__menu-mobile .header__money-arrow { width: 2rem; height: 2rem; } .header .header__menu-mobile .header__money-body { padding: 3.5rem; top: 5rem; border-radius: 0 0 3rem 3rem; } .header .header__menu-mobile .header__money-item { font-size: 4rem; } .header .header__menu-mobile .header__language { width: 14.4rem; border-radius: 3rem; } .header .header__menu-mobile .header__language.active { border-radius: 3rem 3rem 0 0; } .header .header__menu-mobile .header__language-select { width: 14.4rem; font-size: 4rem; border-radius: inherit; } .header .header__menu-mobile .header__language-select svg { width: 2rem; height: 2rem; -ms-flex-negative: 0; flex-shrink: 0; } .header .header__menu-mobile .header__language-title { font-size: 3.2rem; } .header .header__menu-mobile .header__language-body { padding: 3.5rem; top: 5rem; border-radius: 0 0 3rem 3rem; } .header .header__menu-mobile .header__language-item { font-size: 3.2rem; } .header .header__menu-mobile .header__social-wrap { -ms-grid-column-align: end; justify-self: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: auto; } .header .header__menu-mobile .header__social-item { width: 4rem; height: 4rem; margin: 0; } .header__item-link { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__item-link.active { color: rgb(1, 153, 228); } .header__item-link svg { width: 2rem; height: 1rem; } .header__sub-list { position: static; width: 100%; background: rgb(246, 246, 252); border: none; -webkit-box-shadow: none; box-shadow: none; font-weight: 500; } .header__sub-list ul li { font-size: 3.2rem; font-weight: 500; } .header__sub-sub-list { position: static; width: 100%; background: rgb(246, 246, 252); border: none; -webkit-box-shadow: none; box-shadow: none; padding-top: 4rem; padding-bottom: 4rem; } .header__sub-item-link { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__sub-item-link.active { color: rgb(1, 153, 228); } .header__sub-item-link svg { width: 2rem; height: 1rem; } .header__sub-sub-list ul li { font-size: 2.8rem; } .header__sub-list li:not(:last-child) { margin-bottom: 2rem; } .header__sub-list li:not(:last-child) { margin-bottom: 1.8rem; } .header__phones { display: block; } .header__phone:not(:last-child) { margin-right: 0rem; margin-bottom: 4.8rem; } .header__phone { font-size: 3.6rem; } .header__phone .header__phone-img { margin-right: 2rem; } .banner { position: relative; height: 100%; padding-top: 123rem; margin-bottom: 12rem; } .banner__slider { height: 118.8rem; } .banner__slide { padding: 20rem 4rem 7rem 4rem; } .banner__btn-video { width: 18rem; height: 18rem; font-size: 3.2rem; padding: 1rem 1rem 4rem 1rem; margin-bottom: 0rem; position: relative; } .banner__btn-video::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 1.5rem 1.5rem 1.5rem 1.5rem; border-color: transparent transparent transparent #ffffff; position: absolute; } .banner__btn-video.desctop { display: none; } .banner__btn-video.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .banner__title { font-size: 5.7rem; margin-bottom: 10.4rem; } .banner__btn { width: 100%; height: 10rem; padding: 0 4rem 0 4rem; margin-top: auto; } .banner__btn-title { font-size: 3rem; margin-right: 3.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .banner__btn-title span { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 4rem; margin-left: 1rem; } .banner__btn-arrow { width: 12rem; height: 4rem; } .banner__inner { position: relative; } .banner .swiper__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: static; left: 0rem; top: -9.4rem; z-index: 10; } .banner .swiper__arrows { position: static; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-height: 10.4rem; } .swiper-controll { margin-bottom: 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .swiper__pagination span { width: 1.6rem; height: 1.6rem; background: #2b2f36; } .swiper__pagination .swiper-pagination-bullet:not(:last-child) { margin-right: 3rem; } .slider__number { color: #2b2f36; margin-right: 6rem; font-size: 7rem; } .swiper__arrow { width: 10.4rem; height: 10.4rem; margin-right: 2rem; } .swiper__arrow img { width: 1.4rem; height: 2rem; } .swiper__arrow.swiper-button-disabled { width: 8.6rem; height: 8.6rem; } .swiper__arrow.swiper-button-disabled img { width: 1.5rem; height: 1rem; } .filter { position: relative; z-index: 2; border-radius: 4rem; } .filter__header { padding: 0; border-radius: 4rem 4rem 0 0; margin-bottom: 4rem; background: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 16rem; } .filter__header.active .filter__btn { background: #0199e4; } .filter__header.active .filter__btn svg { fill: #ffffff; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .filter__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90%; background: #ffffff; border-radius: 2.6rem 0 2.6rem 2.6rem; padding: 0 4rem 0 5rem; } .filter__title-img { width: 6rem; height: 6rem; -o-object-fit: contain; object-fit: contain; margin-right: 4rem; } .filter__title { font-size: 3.6rem; } .filter__header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter__header-right .slice { background: #ffffff; height: 40%; width: 100%; border-radius: 0 3.6rem 1.6rem 0; margin-bottom: 1rem; } .filter__btn { width: 9.6rem; height: 9.6rem; background-color: #ffffff; border-radius: 2.4rem; margin-top: auto; margin-left: 1rem; -webkit-box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); box-shadow: 4px 4px 50px rgba(76, 70, 203, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 2; } .filter__btn .corner { position: absolute; top: -1rem; left: -1rem; z-index: -1; } .filter__btn .corner::before { background: #f6f6fe; width: 2rem; } .filter__btn .corner::after { content: ""; position: absolute; left: 1rem; top: 1rem; display: block; width: 5rem; height: 5rem; border-radius: 4rem; background: #fff; } .filter__header.active .filter__btn .corner::after { background-color: #0199e4; } .filter__btn svg { width: 4rem; height: 4rem; position: relative; z-index: 10; fill: #000000; -webkit-transition: 0.5s; transition: 0.5s; } .filter__body { display: none; border-radius: 4rem 4rem 4rem 4rem; padding: 18rem 4rem 8rem 4rem; position: relative; } .filter__body-top { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2.2rem 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: about__content; grid-template-rows: about__content; row-gap: 3rem; -webkit-column-gap: 2.2rem; -moz-column-gap: 2.2rem; column-gap: 2.2rem; width: 100%; max-height: none; margin-bottom: 0rem; } .filter__body-top > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .filter__body-top > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .filter__body-top.active { max-height: none; } .filter__body-top > *:not(:last-child) { margin-right: 0; margin-bottom: 3rem; } .filter__body-top .filter-hide { position: static; display: none; z-index: 0; opacity: 1; margin-top: 0; } .filter__body-top.active .filter-hide { display: block; } .filter__selects { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .filter__select { width: 100%; } .filter__select.active { position: relative; } .filter__select.active .filter__option { display: block; } .filter__select.active .filter__wrapper { background: #f7f7fd; } .filter__select.active .filter__wrapper svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .filter__select.property-type { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; } .filter__select.rooms { -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; } .filter__select.place { -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 4; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; } .filter__inputs { -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 5; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter__input.input-from { width: 28.4rem; margin-right: 2.4rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; } .filter__input.input-from:before { content: none; } .filter__input.input-to { width: 28.4rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; } .filter__body-bottom { padding-bottom: 23rem; } .filter__wrapper { width: 100%; height: 10rem; padding: 3rem 5rem 2rem 5rem; } .filter__wrapper svg { width: 3rem; height: 2rem; } .filter__current { font-size: 3.2rem; } .filter__option { margin-top: 3rem; width: 100%; font-size: 3.2rem; z-index: 15; display: none; max-height: 45rem; } .filter__type-item { font-size: 3.2rem; font-weight: 400; padding: 2.5rem; } .filter__input { width: 100%; height: 10rem; font-size: 3.2rem; } .filter__input.input-id { width: 100%; height: 10rem; -ms-grid-row: 5; -ms-grid-row-span: 1; grid-row: 5/6; } .filter__input input { padding: 2rem 2rem 2rem 6.5rem; } .filter__input.input-from input, .filter__input.input-to input { padding: 2rem 6.5rem; } .filter__input span { font-size: 3.2rem; z-index: 10; } .filter__value { width: 100%; height: 12rem; border-radius: 2rem; font-size: 3.2rem; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 8; } .filter__body-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter__more-filters { font-size: 3.2rem; padding-left: 1rem; bottom: 15rem; } .filter__bottom-btns { width: 100%; } .filter__more-filters svg { width: 2rem; height: 3.2rem; margin-right: 2.1rem; } .filter__more-filters .desctop { display: none; } .filter__bottom-more { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 3rem; } .filter__bottom-more-wrap { width: 100%; } .filter__input.articul { width: 100%; } /*.filter__more-filters.active { display: none; }*/ .filter__clean-filters { font-size: 3.2rem; position: absolute; top: 8.4rem; right: 5.2rem; } .filter__clean-filters.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter__clean-filters.desctop { display: none; } .filter__clean-filters span { margin-right: 3.6rem; } .filter__clean-filters svg { width: 3rem; height: 3rem; } .photo { margin-bottom: 14rem; overflow: hidden; } .photo__slider { margin-top: 5rem; } .photo__big-block { margin-right: 0; height: 46.8rem; width: 100%; margin-bottom: 6rem; } .photo__big { padding: 6rem; border-radius: 4rem; width: 100%; } .photo__blocks-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .photo__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .photo__row:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .photo__row:nth-child(2n) .photo__block { height: 37rem; } .photo__row.desctop { display: none; } .photo__block { padding: 6rem; border-radius: 4rem; width: 100%; height: 46.8rem; margin-bottom: 0rem; } .photo__block:nth-child(2n) { height: auto; } .photo__block.desctop { display: none; } .photo__block-title { font-size: 5rem; } .new-objects { margin-bottom: 12rem; overflow: hidden; } .new-objects .container { padding: 0; } .new-objects__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 4rem; overflow-x: scroll; /*padding: 7rem 0 4rem 4rem;*/ padding: 7rem 4rem 4rem 4rem; } .new-objects__title { font-size: 5rem; margin-bottom: 0rem; padding: 0 4rem; } .new-objects .objects-box:not(:nth-child(4n + 4)) { margin-right: 0rem; } .new-objects .objects-box:not(:nth-child(n + 5)) { margin-bottom: 0rem; } .new-objects .objects-box:not(:last-child) { margin-bottom: 0rem; } .new-objects .objects-box::nth-child(n + 5) { margin-bottom: 0rem; } .new-objects .objects-box:not(:last-child) { margin-right: 3rem; } .more.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .support { /*margin-bottom: 13rem;*/ overflow: hidden; position: relative; } .support::before { content: none; width: 0; height: 0; } .support .container { padding: 0; } .support__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support__text-block { width: 100%; padding-top: 9.5rem; position: relative; margin-bottom: 13rem; } .support__title { margin-bottom: 3.8rem; font-size: 7rem; line-height: 1.3; padding: 0 4rem; } .support__subtitle { margin-bottom: 0rem; line-height: 1.7; width: 100%; padding: 0 4rem 0 4rem; } .support__links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5.7rem; margin-left: auto; width: 55%; padding-right: 4rem; } .support__btn span { color: rgb(43, 47, 54); } .support__btn:not(:last-child) { margin-right: 0rem; margin-bottom: 4rem; } .support__img { width: 43.5rem; height: 32.6rem; margin-top: -17rem; } .support__img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .support__slider-block { width: 100%; position: relative; } .support__slider { margin-bottom: 4.5rem; } .support__slide { position: relative; padding: 9.6rem 0 0 0rem; } .support__slide::before { content: ""; width: 95%; height: 100%; /*height: 137.4rem;*/ background: #ececf5; border-radius: 12rem 0 0 31rem; position: absolute; bottom: 0rem; top: 0; right: 0; z-index: -1; } .support__slide-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 1.2rem; padding-bottom: 0rem; } .support__slide-img { position: absolute; left: 4rem; width: 71.4rem; /*height: 46rem;*/ } .support__slide-img img { width: 100%; } .support__slide-text { width: 100%; padding: 0 4rem 71.6rem 13rem; } .support__slide-title { font-size: 4.4rem; margin-bottom: 5rem; } .support__slide-item:not(:last-child) { margin-bottom: 3.5rem; } .support__slide-item-title { font-size: 2.8rem; line-height: 5.4rem; margin-bottom: 1rem; color: #8a91aa; } .support__slide-item-value { font-size: 2.8rem; line-height: 5.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .support__slide-item-value a { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; /*width: 2rem;*/ height: auto; } .support__slide-item-value a:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin-bottom: 3rem; } .support__slide-item-value a:not(:last-child) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4.6rem; height: 4.6rem; margin-right: 2rem; border: 1px solid #aeb3c6; border-radius: 100%; } .support__slide-item-value a:not(:last-child) svg { width: 3rem; height: 3rem; } .support__slide-item-value svg { width: 8rem; /*height: auto;*/ /*margin-bottom: 1.5rem;*/ } /*.support__slide-item-value svg:not(:last-child) { margin-right: 2.1rem; } .support__slide-item-value svg:last-child { margin-right: 20rem; }*/ .support__slide-item-value span { display: -webkit-box; display: -ms-flexbox; display: flex; } .support__slider-controll { width: 100%; position: absolute; bottom: -3rem; left: 4rem; } .support__slider-pagination { position: static; width: 10rem; } .support__slider-pagination span { width: 1.6rem; height: 1.6rem; background: rgb(43, 47, 54); } .support__slider-controll-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; height: 10.4rem; padding: 0 4rem; } .support .swiper-pagination-bullets { width: 20rem; position: static; left: 0; bottom: 1.5rem; } .support .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2rem; } .support .swiper__arrows { position: absolute; width: 25rem; right: 0; bottom: 0rem; } .catalog { margin-bottom: 0rem; padding-bottom: 0rem; } .catalog .container { padding: 0; } .catalog__title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 4rem; margin-bottom: 0; } .catalog__title-wrap .swiper__arrows { position: absolute; bottom: 0; right: 0; } .catalog__title { padding-bottom: 15.4rem; } .catalog__content { padding: 17rem 4rem; } .catalog__box-column { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog__box-column:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .catalog__box-column:nth-child(2n) .catalog__box:nth-child(1) { margin-bottom: 0; } .catalog__box-column:nth-child(2n) .catalog__box:nth-child(2) { margin-bottom: 4rem; } .catalog__box-column:not(:last-child) { margin-right: 0rem; margin-bottom: 0rem; } .catalog__box { width: 100%; height: 50.6rem; border-radius: 4rem; } .catalog__box:nth-child(1) { margin-bottom: 4rem; } .catalog__box.photo-box, .catalog__box.map { height: 37rem; } .catalog__box.to-buy { padding: 4.2rem 5.2rem 7.2rem 5.2rem; } .catalog__box.map { position: relative; } .catalog__box img { height: 37rem; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .catalog__box-title { font-size: 3.6rem; margin-bottom: 2.5rem; } .catalog__item { width: 100%; font-size: 2.8rem; margin-bottom: 4rem; } .catalog__item:not(:last-child) { margin-bottom: 2rem; } .catalog__item:last-of-type { margin-bottom: 4rem; } .catalog__item-key { color: #2b2f36; padding-right: 2rem; width: 50%; } .catalog__item-value { color: #babfd3; width: 50%; } .catalog__item-link { font-size: 3rem; } .catalog__item-link img { width: 2rem; height: 2rem; margin-left: 3.4rem; } .catalog__box-map-link { width: 20rem; height: 20rem; font-size: 2.8rem; } .mortgage { padding-top: 0rem; padding-top: 15rem; margin-bottom: 17rem; overflow: hidden; position: relative; } .mortgage::before { content: ""; width: 100%; height: 100%; background: linear-gradient(175.32deg, #e6eefb 4.9%, #ebf4ff 96.86%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .mortgage__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; padding-bottom: 6rem; } .mortgage__img { width: 41rem; height: 63.5rem; position: absolute; bottom: 0; left: auto; right: -8rem; } .mortgage__calculation { width: 100%; padding: 7.6rem 3.2rem 6rem 4rem; border-radius: 6rem; margin-bottom: 8rem; } .mortgage__title { font-size: 5rem; margin-bottom: 3rem; } .mortgage__subtitle { font-size: 3.2rem; margin-bottom: 4.5rem; } .mortgage__ranger { position: relative; margin-bottom: 5rem; } .mortgage__ranger::before { content: ""; height: 11rem; bottom: 2.5rem; } .mortgage__rangers-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4.3rem; } .mortgage__ranger-payment { width: 32.6rem; margin-right: 3rem; } .mortgage__ranger-payment::before { height: 11rem; bottom: 2.5rem; } .mortgage__ranger-term { width: 23.4rem; } .mortgage__ranger-term::before { height: 11rem; width: 100%; bottom: 2.5rem; } .mortgage__ranger-title { font-size: 2.8rem; margin-bottom: 6rem; } .mortgage__ranger-sale { font-size: 3rem; right: 2rem; top: 50%; } .mortgage .irs { width: 95%; margin: 0 auto; } .mortgage .irs-bar { background: #0199e4; } .mortgage .irs--round .irs-handle { border: 0.5rem solid #ffffff; background-color: #0199e4; width: 4rem; height: 4rem; } .mortgage .irs-single { font-size: 3.4rem; padding-left: 1rem; } .mortgage__about { width: 56%; margin-top: 0rem; margin-left: 0; } .mortgage__about-precetn { font-size: 3.2rem; margin-bottom: 5rem; width: 100%; text-align: left; margin-left: 0; } .mortgage__about-precetn span { font-size: 5rem; } .mortgage__about-bank { width: 24.8rem; height: 14.2rem; border-radius: 0 2.5rem 0 2.5rem; margin-bottom: 5rem; margin-left: 0; } .mortgage__about-bank img { width: 16.8rem; height: 8.5rem; } .mortgage__about-bank-description { font-size: 3rem; text-align: left; margin-left: 0; width: 85%; line-height: 1.55; } .mortgage__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mortgage__price { font-size: 6.4rem; margin-left: auto; margin-bottom: 5.2rem; } .mortgage__price span:first-child { font-size: 3rem; margin-right: 0.5rem; } .mortgage__price sup { font-size: 2.8rem; } .mortgage__button { width: 100%; height: 12rem; border-radius: 3.2rem; padding: 0 4rem; } .mortgage__button-name { font-size: 3.4rem; } .mortgage__buttom-arrow { width: 7rem; height: 7rem; } .mortgage__buttom-arrow img { height: 3rem; width: 3rem; } .real-estate { margin-bottom: 14.5rem; overflow: hidden; } .real-estate__title { margin-bottom: 5.5rem; font-size: 4.4rem; line-height: 5.6rem; } .real-estate__select { margin-right: 0rem; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; width: 100%; } .real-estate__select-top { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 4rem 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 4rem 1fr 4rem 1fr 4rem 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; gap: 4rem; margin-bottom: 3.8rem; } .real-estate__select-top > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .real-estate__select-top > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .real-estate__select-top > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; } .real-estate__select-top > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3; } .real-estate__select-top > *:nth-child(5) { -ms-grid-row: 5; -ms-grid-column: 1; } .real-estate__select-top > *:nth-child(6) { -ms-grid-row: 5; -ms-grid-column: 3; } .real-estate__select-top > *:nth-child(7) { -ms-grid-row: 7; -ms-grid-column: 1; } .real-estate__select-top > *:nth-child(8) { -ms-grid-row: 7; -ms-grid-column: 3; } .real-estate__wrapper { width: 100%; height: 10rem; border-radius: 2.6rem; padding: 2rem 5rem 2rem 5rem; } .real-estate__wrapper svg { width: 3rem; height: 2.5rem; } .real-estate__current { font-size: 3.2rem; color: rgb(43, 47, 54); } .real-estate__option { background: #eff0f8; top: 8rem; left: 0; border-radius: 0 0 2.6rem 2.6rem; z-index: 20; } .real-estate__type-item { font-size: 3.2rem; font-weight: 300; color: #8a91aa; padding: 2rem 5rem 2rem 5rem; padding-top: 2rem; width: 100%; } .real-estate__ranger-wrap { position: relative; width: 100%; margin-right: 0rem; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } .real-estate__ranger-wrap::after { width: 100%; height: 10rem; border-radius: 2.6rem; bottom: 1.5rem; } .real-estate__ranger { width: 100%; } .real-estate .irs--round .irs-handle { width: 4rem; height: 4rem; bottom: 0.5rem; } .real-estate .irs-bar { bottom: 2rem; } .real-estate .extra-controls { width: 39.2rem; } .real-estate .extra-controls .input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .real-estate .extra-controls .input-wrap span { font-size: 3.2rem; font-weight: 500; color: #b1b1c5; margin-right: 2rem; padding-left: 5rem; } .real-estate .extra-controls .input-wrap span.postfix { font-size: 3.2rem; font-weight: 500; color: #2b2f36; padding-right: 2rem; margin-right: 0; padding-left: 0; } .real-estate .extra-controls .price-from { font-size: 3.2rem; width: 15rem; } .real-estate .extra-controls .price-to { font-size: 3.2rem; width: 15rem; } .real-estate__button-top { width: 31.4rem; height: 10rem; } .real-estate___select-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10rem; } .real-estate__button-bottom { width: 31.5rem; height: 10rem; margin-bottom: 6rem; } .real-estate__button-bottom:not(:last-child) { margin-right: 4rem; } .real-estate__select-right { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .real-estate__all { font-size: 3.2rem; margin-right: 5.9rem; } .real-estate__reset { font-size: 3.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate__reset img { width: 4rem; height: 4rem; margin-left: 1.2rem; } .real-estate__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .real-estate__box { width: 100%; height: 90rem; } .real-estate__box:not(:nth-child(3n + 3)) { margin-right: 0; } .real-estate__box:nth-child(-n + 3) { margin-bottom: 0; } .real-estate__box:not(:last-child) { margin-bottom: 6rem; } .real-estate__box-inner { border-radius: 3.6rem 3.6rem 3.6rem 0; height: 78.8rem; overflow: hidden; } .real-estate__box-inner.active .real-estate__slider { height: 30rem; } .real-estate__box-inner.active .real-estate__item { height: 30rem; } .real-estate__box-top { padding: 4.6rem 4.6rem 3rem 4.6rem; } .real-estate__slider { height: 58rem; margin-bottom: 1.6rem; border-radius: 3rem; } .real-estate__item { height: 58rem; margin-bottom: 1.6rem; border-radius: 3rem; } .real-estate__slider-wrapper { border-radius: 3rem; } .real-estate__slide-id { font-size: 2rem; height: 5rem; padding: 1rem 3rem; border-radius: 3rem; top: 2.8rem; right: 2.8rem; } .real-estate__pagination span { width: 2rem; height: 2rem; } .real-estate__pagination.swiper-pagination { bottom: 3rem; } .real-estate__text-block { padding: 0 4rem 10rem 4rem; } .real-estate__box-title { font-size: 3rem; margin-bottom: 3rem; width: 96%; } .real-estate__text-bottom { font-size: 2.8rem; } .real-estate__box-item:nth-child(n + 3) { margin-top: 2.2rem; } .real-estate__box-item-left { width: 50%; } .real-estate__box-item-left-key { font-size: 2.8rem; } .real-estate__box-item-left-value { font-size: 2.8rem; } .real-estate__box-item-right { font-size: 2.8rem; } .real-estate__box-item-right span { font-size: 2.2rem; } .real-estate__box-item-right sup { font-size: 2rem; } .real-estate__bottom-box-info { background: #ffffff; border-radius: 0 0 3.6rem 3.6rem; padding-left: 3.5rem; padding-right: 3.5rem; width: 87%; } .real-estate__sity-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate__sity-img { width: 3rem; height: 3rem; margin-right: 1.5rem; } .real-estate__sity-name { font-size: 2.8rem; } .real-estate__box-price { font-size: 3.4rem; } .real-estate__box-price span { font-size: 3rem; margin-right: 2rem; } .real-estate__box-price sup { font-size: 3rem; } .partner { height: 282rem; padding-top: 0rem; margin-bottom: 20rem; position: relative; } .partner__bg { position: absolute; top: 0; left: 0; bottom: 0rem; right: 0; z-index: -1; } .partner__in-numbers { width: 100%; background: #0199e4; border-radius: 8rem 0 0 0; padding: 7rem 3.6rem 6rem 11.6rem; } .partner__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .partner__item:not(:last-child) { margin-bottom: 3rem; } .partner__item:nth-child(3) { margin-bottom: 5rem; } .partner__item-key { font-size: 3.2rem; width: 68%; padding-right: 6rem; } .partner__item-value { font-size: 5rem; } .partner__item-link-wrap { text-align: end; } .partner__item-link { font-size: 3rem; margin-right: 0rem; margin-top: 0rem; margin-left: auto; display: inline-block; } .partner__item-link.desctop { display: none; } .partner__inner { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 12rem 5rem 0 5rem; } .partner__about { font-size: 3.2rem; width: 100%; padding-top: 0rem; } .partner__about-title { margin-bottom: 12rem; } .partner__btn-video { margin-left: auto; font-size: 3.2rem; padding-bottom: 3rem; width: 18rem; height: 18rem; } .partner__title-block { width: 100%; padding-right: 0rem; padding-top: 0rem; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; } .partner__title { font-size: 7rem; margin-bottom: 5rem; width: 100%; line-height: 1.25; } .partner__btn.desctop { display: none; } .partner__btn.mobile { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .partner__command { width: 100%; margin-right: 0rem; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; margin-bottom: 8rem; } .partner__command-img { height: 66rem; width: 100%; border-radius: 0 6rem 0 6rem; margin-bottom: 4.2rem; } .partner__command-title { font-size: 3rem; margin-bottom: 2.7rem; padding-left: 0rem; } .partner__command-subtitle { font-size: 3rem; width: 100%; padding-left: 0rem; margin-bottom: 3rem; } .rewiews { /*margin-bottom: 19rem;*/ margin-bottom: 12rem; padding-top: 0rem; overflow: hidden; } .rewiews .container { padding: 0; } .rewiews__title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5rem; padding: 0 3rem; } .rewiews .swiper__arrows { position: absolute; top: 10rem; right: 0; } .rewiews__content { padding: 0 0rem; margin-bottom: 0rem; width: 59rem; margin: 0 auto; } .rewiews__slider { margin-bottom: 3rem; width: 100%; } .rewiews__slide { border-radius: 8rem; padding: 7.6rem 3rem 13.1rem 3rem; /*height: 102.6rem;*/ height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 59rem; margin: 0 auto; -webkit-box-shadow: none; box-shadow: none; } .rewiews .swiper-pagination { padding: 0 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 7rem; position: static; } .rewiews .swiper-pagination::after { /*content: "";*/ width: 11rem; height: 0.1rem; background: #cad7e7; position: absolute; top: 50%; left: 11rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rewiews .swiper-pagination .swiper-pagination-bullet { height: 7rem; width: 3rem; font-size: 3.2rem; margin-right: 3rem; } .rewiews .swiper-pagination .swiper-pagination-bullet:first-child { margin-right: 20rem; } .rewiews .swiper-pagination .swiper-pagination-bullet-active { font-size: 7rem; margin-right: 4rem; margin-left: 2rem; } .rewiews .swiper-slide-next { /*visibility: hidden;*/ } .rewiews .swiper-slide-prev { /*visibility: hidden;*/ } .rewiews__slide-inner { border-radius: 8rem; } .rewiews__slide-sity { font-size: 2.6rem; width: 22.4rem; height: 10.6rem; border-radius: 0 8rem 0 8rem; top: 16rem; left: -4rem; } .rewiews__slide-name-wrap { width: 35rem; height: 25.2rem; top: 16rem; right: -6.5rem; padding: 4.2rem 4rem 5rem 9rem; } .rewiews__slide-name-wrap img { width: 100%; height: 100%; } .rewiews__slide-mini-text { width: 100%; } .rewiews__slide-name { font-size: 3rem; margin-bottom: 2rem; line-height: 1.5; width: 100%; } .rewiews__slide-data { font-size: 3rem; width: 100%; } .rewiews__slide-link { width: 12rem; height: 12rem; position: absolute; right: 6.5rem; bottom: -3rem; } .rewiews__slide-link img { height: 3rem; width: 5rem; } .rewiews__slide-top { margin-bottom: 15.4rem; } .rewiews__slide-top-key { font-size: 3rem; } .rewiews__slide-top-value { font-size: 3rem; } .rewiews__slide-photo { width: 22.6rem; height: 22.6rem; border-radius: 50%; border: 0.4rem solid #ffffff; -webkit-filter: drop-shadow(2rem 2rem 10rem rgba(40, 44, 78, 0.15)); filter: drop-shadow(2rem 2rem 10rem rgba(40, 44, 78, 0.15)); margin: 0 auto; margin-bottom: 4rem; } .rewiews__slide-photo img { height: 100%; -o-object-fit: cover; object-fit: cover; background-size: cover; border-radius: inherit; } .rewiews__slide-text { font-size: 3.2rem; line-height: 1.63; width: 100%; } .rewiews__slide-text:before { width: 14rem; -webkit-transform: rotate(38deg) translate(1rem, -0.4rem); transform: rotate(38deg) translate(1rem, -0.4rem); } .rewiews__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rewiews__numbers { width: 50%; font-size: 4rem; font-weight: 600; color: #2b2f36; } .rewiews__pagination { position: relative; text-align: end; } .rewiews__pagination span { width: 1.2rem; height: 1.2rem; background: #d2d8ec; } .rewiews__pagination span.swiper-pagination-bullet-active { margin-right: 4rem; background: #2b2f36; } .blog { padding-bottom: 12rem; overflow: hidden; } .blog__title { margin-bottom: 7.3rem; margin-bottom: 4.3rem; width: 93%; line-height: 1.3; } .blog__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog__box { width: 100%; border-radius: 8rem; padding: 4rem 4rem 6.5rem 4rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog__box:not(:last-child) { margin-bottom: 6.5rem; } .blog__box.swiper-slide:not(:last-child) { margin-bottom: 0; } .blog__photo-box { width: 100%; height: 49rem; border-radius: 4rem; margin-right: 0; margin-bottom: 4rem; } .blog__photo-box iframe { border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; } .blog__play-btn { width: 9.6rem; height: 9.6rem; -webkit-box-shadow: 3rem 6rem 15rem 0 rgba(238, 104, 120, 0.4); box-shadow: 3rem 6rem 15rem 0 rgba(238, 104, 120, 0.4); } .blog__play-btn:before { border: 1.2rem solid transparent; border-left: 1.4rem solid white; -webkit-transform: translateX(30%); transform: translateX(30%); } .blog .btn-video { width: 9.6rem; height: 9.6rem; } .blog .btn-video::before { border-width: 2rem 2rem 2rem 2.3rem; } .blog__box-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding-top: 0rem; } .blog__box-top { padding-bottom: 5.5rem; margin-bottom: 3rem; } .blog__box-top-img { width: 6rem; height: 6rem; margin-right: 2rem; } .blog__box-top-number { font-size: 3.6rem; } .blog__box-title { font-size: 5rem; margin-bottom: 4rem; } .blog__box-bottom { padding-top: 3rem; margin-top: auto; } .blog__box-botom-icon { width: 6rem; height: 6rem; margin-right: 2rem; } .blog__box-clock-text { font-size: 3.6rem; } .blog__box-bottom-data { font-size: 3.6rem; } .live { padding: 4rem 0 10rem 0; margin-bottom: 18rem; overflow: hidden; position: relative; } .live__inner { padding-top: 8.5rem; } .live__title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin-bottom: 15rem; } .live__title { margin-bottom: 0rem; } .live__title span { color: #0199e4; } .live .swiper__arrows { position: absolute; right: 0rem; bottom: -12rem; } .live .pagination-custom { padding: 0 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 7rem; position: static; } .live .pagination-custom::after { content: ""; width: 11rem; height: 0.1rem; background: #cad7e7; position: absolute; top: 50%; left: 11rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .live .pagination-custom .swiper-pagination-bullet { height: 7rem; width: 3rem; font-size: 3.2rem; margin-right: 3rem; } .live .pagination-custom .swiper-pagination-bullet:first-child { margin-right: 20rem; } .live .pagination-custom .swiper-pagination-bullet-active { font-size: 7rem; margin-right: 4rem; margin-left: 2rem; } .live__content { overflow: hidden; } .live__slider { margin-bottom: 6.1rem; overflow: visible; } .live__slide { padding: 5rem 4rem 5.7rem 4rem; -webkit-box-shadow: none; box-shadow: none; } .live__slide:not(:last-child) { margin-bottom: 5.5rem; } .live__slide-top { margin-bottom: 2.6rem; } .live__slide-ava { width: 12rem; height: 12rem; margin-right: 3.2rem; } .live__personal-name { font-size: 3.2rem; } .live__location-img { width: 3rem; height: 3rem; } .live__location-place { font-size: 3.2rem; } .live__photo { height: 56rem; border-radius: 3rem; margin-bottom: 6.8rem; } .live__like-img { width: 5rem; height: 5rem; margin-right: 2rem; } .live__like-number { font-size: 3rem; } .live__slide-data { font-size: 2.6rem; } .live__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .live__numbers { font-size: 4rem; font-weight: 600; color: #2b2f36; } .live__pagination { position: relative; width: 10rem; text-align: end; } .live__pagination span { width: 1.2rem; height: 1.2rem; background: #d2d8ec; } .live__pagination span.swiper-pagination-bullet-active { margin-right: 4rem; background: #2b2f36; } .news { margin-bottom: 20rem; padding-top: 3rem; overflow: hidden; } .news__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__title { margin-bottom: 8rem; } .news__button { width: 45.8rem; height: 12rem; border-radius: 3.2rem; padding: 0 3rem 0 6rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } .news__button.desctop { display: none; } .news__button-name { font-size: 3.4rem; } .news__buttom-arrow { width: 7rem; height: 7rem; } .news__buttom-arrow img { width: 3rem; height: 3rem; } .news__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 6rem; } .news__left { width: 100%; } .news__left-item { width: 100%; border-radius: 4rem; padding: 4.2rem 3.2rem 4.2rem 4rem; } .news__left-item:not(:last-child) { margin-bottom: 6rem; } .news__left-item:last-child { margin-bottom: 7rem; } .news__left-item span.desctop { display: none; } .news__left-item-photo { width: 20rem; height: 23.6rem; border-radius: 2rem; margin-right: 4rem; } .news__left-item-content { padding-top: 0rem; } .news__left-item-data { font-size: 3rem; margin-bottom: 1.5rem; } .news__left-item-heading, .news__left-item-heading a { font-size: 3.2rem; } .news__center { width: 100%; position: relative; border-radius: 4rem 4rem 4rem 4rem; margin-bottom: 6.5rem; } .news__center-inner { padding: 4rem 4rem 6rem 4rem; height: auto; } .news__center-absolut-block { width: 37rem; height: 25rem; position: absolute; right: -6rem; top: 27rem; padding: 4.5rem 7rem 3rem 8rem; } .news__center-absolut-span { font-size: 3rem; width: 100%; margin-bottom: 2.5rem; } .news__center-absolut-text { font-size: 3rem; width: 100%; line-height: 1.4; } .news__center-photo { width: 100%; height: 33rem; margin-bottom: 4rem; border-radius: 3rem; } .news__center-data { font-size: 3rem; margin-bottom: 2rem; } .news__center-heading { position: relative; z-index: 1; width: 53rem; font-size: 3.6rem; margin-bottom: 1.6rem; line-height: 1.3; cursor: pointer; } .news__center-heading:before { width: 9rem; height: 8rem; } .news__center-subtitle { font-size: 3.2rem; width: 100%; } .news__center-subtitle:after { content: ""; display: block; float: right; width: 7rem; height: 4rem; } .news__center-bottom { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; width: 100%; } .news__center-bottom-block { background: #ffffff; border-radius: 0 0 1.8rem 1.8rem; width: 87%; height: 11rem; -webkit-box-shadow: 3.4rem 3.4rem 6rem rgba(76, 70, 203, 0.1); box-shadow: 3.4rem 3.4rem 6rem rgba(76, 70, 203, 0.1); } .news__center-bottom-link { width: 9.6rem; height: 9.6rem; -webkit-filter: drop-shadow(-1.6rem -0.6rem 3rem rgba(40, 44, 78, 0.15)); filter: drop-shadow(-1.6rem -0.6rem 3rem rgba(40, 44, 78, 0.15)); border-radius: 2.4rem; margin-top: 1.5rem; position: relative; } .news__center-bottom-link img { width: 4rem; height: 4rem; -o-object-fit: contain; object-fit: contain; } .news__right { width: 100%; } .news__right-item { width: 100%; border-radius: 4rem; padding: 4rem; } .news__right-item:not(:last-child) { margin-bottom: 6rem; } .news__right-img { width: 100%; height: 20.2rem; border-radius: 3rem; margin-bottom: 4rem; } .news__right-heading { font-size: 3.2rem; margin-bottom: 2rem; } .news__right-data { font-size: 3rem; } .representation { position: relative; height: 100%; padding-bottom: 87.4rem; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); margin-bottom: 0; overflow: hidden; } .representation__bg { position: absolute; top: auto; left: 0; right: 0; bottom: 0; z-index: 2; height: 75.6rem; -o-object-fit: cover; object-fit: cover; } .representation__inner { padding-top: 13rem; } .representation__subtitle { font-size: 3.2rem; margin-bottom: 3rem; } .representation__title { margin-bottom: 5rem; font-size: 6.5rem; } .representation__content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 6rem; } .representation__item { width: 100%; height: 45rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 4rem 4rem 4rem 4rem; } .representation__item:not(:nth-child(3n)) { margin-right: 0; } .representation__item:not(:nth-child(-3n)) { margin-bottom: 0; } .representation__item:nth-child(4) { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; } .representation__item-place { margin-bottom: 2.2rem; } .representation__place-img { width: 7.6rem; height: 7.6rem; margin-right: 2.6rem; } .representation__place-name { font-size: 3.6rem; } .representation__item-street { font-size: 3rem; margin-bottom: 2rem; } .representation__item-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .representation__contact:not(:last-child) { margin-right: 0rem; margin-bottom: 1.5rem; } .representation__contact-key { font-size: 3rem; margin-bottom: 1.5rem; } .representation__contact-value { font-size: 3rem; } .representation__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .representation__pagination .swiper-pagination-bullet { background: rgb(189, 196, 220); } .representation__pagination .swiper-pagination-bullet-active { background: rgb(43, 47, 54); } .swiper-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 6rem; } .swiper-bullets.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .swiper-bullets .swiper-pagination-bullet { background: rgb(189, 196, 220); } .swiper-bullets .swiper-pagination-bullet-active { background: rgb(43, 47, 54); } .faq { margin-bottom: 15rem; } .faq__title { margin-bottom: 5rem; } .faq__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .faq__content-column:not(:last-child) { margin-right: 0; } .faq__spoller { width: 100%; margin-bottom: 5rem; } .faq__spoller-title-wrap { margin-bottom: 4rem; } .faq__spoller-title-wrap.active { margin-bottom: 4rem; } .faq__spoller-title { font-size: 3.6rem; padding: 4rem 2rem 4rem 4rem; border-radius: 4rem 0 4rem 4rem; line-height: 1.2; } .faq__spoller-scenery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .faq__spoller-scenery .slice { height: 14rem; background: #ffffff; border-radius: 0 3rem 3rem 0; margin-bottom: auto; } .faq__btn { width: 9.6rem; height: 9.6rem; border-radius: 2.4rem; margin-left: 1.5rem; margin-top: 1.5rem; } .faq__btn .corner { position: absolute; top: -1.7rem; left: -1.7rem; z-index: -1; } .faq__btn .corner::before { background: #fafaff; } .faq__spoller-content { font-size: 3.2rem; border-radius: 4rem; padding: 6rem 4rem 7rem 4rem; margin-bottom: 6rem; } .choice { margin-bottom: 16rem; margin-top: 10rem; } .choice__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .choice__left { width: 100%; height: 115.6rem; border-radius: 6rem; padding: 11rem 4rem 4rem 5rem; margin-right: 0rem; } .choice__left-title { font-size: 5rem; margin-bottom: 3rem; line-height: 1.3; } .choice__left-subtitle { font-size: 3.2rem; margin-bottom: 7.2rem; line-height: 1.6; } .choice__right { margin-bottom: 10rem; } .choice__title { margin-bottom: 5rem; line-height: 1.25; } .choice__right-text-wrap { margin-bottom: 7.2rem; text-align: justify; } .choice__subtitle-par { font-size: 3.2rem; line-height: 1.27; } .choice__subtitle-par:not(:last-child) { margin-bottom: 3.8rem; } .choice__subtitle-par:nth-child(2) { width: 100%; } .choice__article-title { font-size: 4rem; margin-bottom: 3rem; } .choice__article-par { font-size: 3.2rem; text-align: justify; line-height: 1.26; } .choice__article-par:not(:last-child) { margin-bottom: 4rem; } .choice__article-title-par { font-size: 3.6rem; margin-bottom: 4.3rem; } .footer { /*background: rgba(245, 245, 250, 1);*/ background: -webkit-gradient( linear, left bottom, left top, from(rgba(17, 18, 22, 0.02)), to(rgba(17, 18, 22, 0.02)) ), #fafaff; background: linear-gradient(0deg, rgba(17, 18, 22, 0.02), rgba(17, 18, 22, 0.02)), #fafaff; } .footer__top { height: 100%; padding: 5.4rem 5rem 0rem 2rem; margin-bottom: 8rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__top-left { margin-bottom: 5rem; } .footer__top-img { width: 24.2rem; height: 24.2rem; margin-right: 3rem; -ms-flex-negative: 0; flex-shrink: 0; } .footer__top-title { font-size: 4.8rem; margin-bottom: 3.2rem; } .footer__top-subtitle { font-size: 3.6rem; line-height: 1.28; } .footer__top-subtitle.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__btn { width: 49.4rem; height: 12rem; padding: 0 4.6rem 0 3rem; border-radius: 3.2rem; } .footer__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 8rem; } .footer__contacts-block { width: 100%; margin-right: 0rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3rem; } .footer__contacts-item { width: 32rem; height: auto; border-radius: 4rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 4rem 2rem 3.8rem 3rem; -webkit-filter: drop-shadow(2rem 4rem 20rem rgba(40, 44, 78, 0.09)); filter: drop-shadow(2rem 4rem 20rem rgba(40, 44, 78, 0.09)); } .footer__contacts-item:not(:last-child) { /*margin-bottom: 4rem;*/ margin-bottom: 0; } .footer__contacts-item.desctop { display: none; } .footer__contacts-item.social { margin-top: 3rem; width: 100%; padding: 6.8rem 3rem 5.8rem; border-radius: 6rem; } .footer__contacts-item.social .footer__contact-title { font-size: 4rem; margin-bottom: 4.2rem; } .footer__tel { font-size: 3.2rem; margin-top: 1.4rem; margin-bottom: 2rem; } .footer__tel-link span { font-size: 2.4rem; margin-right: 2.4rem; } .footer__tel-link img { width: 4.8rem; height: auto; margin-right: 2.2rem; } .footer__tel-link .btn--red.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 4.8rem; height: 4.8rem; } .footer__tel-link .btn--red svg { width: 1.2rem; height: auto; } .footer__contact-title { font-size: 3.2rem; line-height: 1.25; margin-bottom: 2.5rem; } .footer__nav { -ms-grid-columns: 1fr 3rem 1fr; grid-template-columns: 1fr 1fr; grid-row: auto; row-gap: 3rem; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; margin-top: 3rem; } .footer__nav-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; -webkit-box-shadow: 10px 20px 100px rgba(40, 44, 78, 0.09); box-shadow: 10px 20px 100px rgba(40, 44, 78, 0.09); border-radius: 4rem; padding: 4rem 3rem; } .footer__nav-list li { font-size: 3.2rem; line-height: 1.5; } .footer__nav-list li:not(:last-child) { margin-bottom: 1.78rem; } .footer__nav-list:first-child li:last-child { font-size: 3.6rem; } .footer__nav-list.contact { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; -ms-grid-row: 1; grid-row: 1; } .footer__nav-title { font-size: 3.2rem; margin-bottom: 0rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .footer__nav-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__nav-tel:not(:last-child) { margin-bottom: 3rem; } .footer__nav-tel span { font-size: 3.2rem; margin-bottom: 1rem; } .footer__nav-tel a { font-size: 3.2rem; } .footer__bottom { height: 100%; width: 100%; padding: 6.5rem 4rem; background: #fafaff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .footer__bottom-info { font-size: 2.8rem; line-height: 1.28; } .footer__bottom-info:not(:last-child) { margin-right: 0rem; margin-bottom: 3rem; } .footer__nav-list-wrap { display: none; } .banner.no-img { padding-top: 0rem; margin-bottom: 11rem; } .banner.no-img .filter__body { padding: 18rem 4rem 8rem 4rem; } .articles { margin-bottom: 21rem; } .articles__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .articles__text-block { width: 100%; text-align: justify; } .articles__text-block iframe { height: 37.6rem; margin-top: 8rem; } .articles__title { margin-bottom: 6.5rem; text-align: left; } .articles__par { font-size: 3.2rem; line-height: 1.268; text-align: left; } .articles__par:not(:last-child) { margin-bottom: 3rem; } .articles__par h2 { margin-bottom: 2rem; } .articles__right-block { width: 100%; } .articles__right-item { border-radius: 6rem; padding: 10.6rem 6rem 4rem 6rem; } .articles__right-item.all-bg { margin: 8rem 0; } .articles__right-item.medium-bg { margin: 12rem 0; padding-bottom: 34.5rem; } .articles__right-item.medium-bg img { height: 40rem; width: 40rem; } .articles__right-item.medium-bg .articles__item-subtitle { width: 100%; } .articles__right-item.mini-bg { padding: 8rem 2.4rem 16rem 3rem; } .articles__right-item.mini-bg .articles__item-subtitle { margin-bottom: 13.5rem; width: 95%; } .articles__right-item.mini-bg > img { height: 30.6rem; width: 37.6rem; bottom: 6rem; } .articles__right-item.mini-bg .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .articles__right-item.no-bg { padding: 5rem; } .articles__right-item:not(:last-child) { margin-bottom: 9rem; } .articles__right-item > img { position: absolute; bottom: 0; right: 0; width: 100%; border-radius: inherit; } .articles__item-title { font-size: 5rem; margin-bottom: 3rem; line-height: 1.3; text-align: left; } .articles__item-subtitle { width: 58rem; font-size: 3.2rem; margin-bottom: 6.5rem; line-height: 1.55; text-align: left; } .articles__item-btn span { color: rgb(0, 0, 0); } .blog.video-review { margin-bottom: 16.7rem; } .blog.video-review .swiper__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .blog.video-review .blog__content { overflow: hidden; } .blog.video-review .blog__title-wrap { margin-bottom: 5rem; } .blog.video-review .blog__title { margin-bottom: 0rem; } .blog.video-review .blog__box { -webkit-box-shadow: none; box-shadow: none; } .order-video { position: relative; margin-bottom: 0rem; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); } .order-video__bg { position: static; width: 64rem; height: 40rem; margin: 0 auto; z-index: 1; } .order-video__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 12rem; padding-bottom: 12rem; } .order-video__title { font-size: 5rem; margin-right: 0rem; text-align: center; margin-bottom: 8rem; } .order-video__form { width: 100%; padding-top: 0; margin-bottom: 6rem; } .order-video__form-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 3.2rem; } .order-video__form-info-left { width: 100%; } .order-video__form-info-right { width: 100%; } .order-video__form-input { width: 100%; padding: 3rem 2rem 3rem 6rem; font-size: 3.2rem; height: 10rem; border-radius: 2rem; margin-bottom: 4rem; } .order-video__comment { height: 24.6rem; border-radius: 2rem; width: 100%; padding: 3rem 2rem 3rem 6rem; font-size: 3.2rem; } .order-video__comment::-webkit-input-placeholder { font-size: 3.2rem; } .order-video__comment::-moz-placeholder { font-size: 3.2rem; } .order-video__comment:-ms-input-placeholder { font-size: 3.2rem; } .order-video__comment::-ms-input-placeholder { font-size: 3.2rem; } .order-video__comment::placeholder { font-size: 3.2rem; } .order-video__form-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-video__link-block { width: 100%; } .order-video__btn { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-bottom: 2rem; } .order-video__btn span { color: rgb(43, 47, 54); } .order-video__agreement { width: 41.4rem; font-size: 2.8rem; line-height: 3.6rem; } .order-video__checkbox-input { margin-right: 1.5rem; } .order-video .logo { width: 100%; height: auto; display: block; padding-top: 1.8rem; margin-bottom: 12rem; } .order-video .logo__text-wrap { width: 100%; } .order-video .logo__text-wrap svg:first-child { width: 100%; height: 6.4rem; margin-bottom: 0rem; } .order-video .logo__text-wrap svg:last-child { width: 100%; height: 3.7rem; } .order-video .logo.desctop { display: none; } .order-video .logo.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .support.video-review { margin-bottom: 25rem; } .support.video-review::before { top: 12rem; } .support.video-review .support__text-block { padding-top: 15.5rem; margin-bottom: 0; } .support.video-review .support__title { margin-bottom: 3.2rem; } .support.video-review .support__slide-text { padding-top: 13.5rem; } .support.video-review .support__slider-controll { bottom: -10rem; width: 90%; margin-bottom: 0; } .partner.vacancies { margin-bottom: 9rem; } .vacancies { margin-bottom: 10rem; } .vacancies__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 100%; margin: 0 auto 10rem auto; } .vacancies__item { font-size: 3.6rem; } .vacancies__item span { font-size: 3.4rem; width: 6rem; height: 6rem; margin-left: 3.5rem; } .vacancies__item:not(:last-child) { margin-bottom: 3.5rem; } .vacancies__wrapper { -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 6rem; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .vacancies__box { width: 100%; padding: 12rem 4.8rem 8.5rem 4rem; } .vacancies__title { font-size: 5rem; margin-bottom: 14rem; } .vacancies__subtitle { font-size: 3.6rem; margin-bottom: 4rem; } .vacancies__salary { font-size: 5rem; margin-bottom: 4rem; } .vacancies__btn { width: 100%; height: 12rem; padding: 0 4.6rem 0 4.6rem; border-radius: 3.2rem; } .vacancies__btn span { font-size: 3.4rem; } .vacancies__btn svg { width: 3rem; height: 3rem; } .vacancies__btn .btn__arrow { width: 7rem; height: 7rem; } .blog.blog-slider { margin-bottom: 12rem; padding: 0; background: transparent; overflow: hidden; } .blog.blog-slider .blog__inner .swiper__arrows { top: 24rem; } .blog.blog-slider .blog__title { margin-bottom: 12rem; } .blog.blog-slider .blog__content { margin-bottom: 8rem; overflow: hidden; } .blog.blog-slider .blog__box { -webkit-box-shadow: none; box-shadow: none; } .blog.blog-slider .blog__photo { /*height: 49rem;*/ } .blog.blog-slider .blog__btn { width: 100%; height: 12rem; padding: 0 3rem 0 4.6rem; border-radius: 3.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; font-size: 3.6rem; font-weight: 500; white-space: nowrap; } .blog.blog-slider .blog__btn span { font-size: 3.4rem; } .blog.blog-slider .blog__btn svg { width: 3rem; height: 3rem; -ms-flex-negative: 0; flex-shrink: 0; } .blog.blog-slider .blog__btn .btn__arrow { width: 7rem; height: 7rem; } .support.video-review { margin-bottom: 15rem; } .articles.channel .articles__right-item.all-bg { padding-bottom: 69rem; } .banner-support { padding: 8.2rem 0 8rem 0; margin-bottom: 17rem; } .banner-support__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-support__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0rem; } .banner-support__img { width: 18rem; height: 20.4rem; margin-right: 2rem; -ms-flex-negative: 0; flex-shrink: 0; } .banner-support__img img { height: 100%; -o-object-fit: contain; object-fit: contain; } .banner-support__title { font-size: 6.8rem; margin-bottom: 2.6rem; } .banner-support__subtitle { font-size: 3.6rem; margin-bottom: 6rem; } .banner-support__links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-support__btn { width: 49.4rem; height: 12rem; border-radius: 3.2rem; padding: 0 3rem 0 4.6rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .banner-support__btn span { font-size: 3.4rem; } .banner-support__btn .btn__arrow { width: 7rem; height: 7rem; } .banner-support__btn:first-child { margin-right: 0; } .banner-support__btn:not(:last-child) { margin-bottom: 4rem; } .subscribe { margin-bottom: 0rem; overflow: hidden; } .subscribe__title-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5rem; } .subscribe__title { margin-bottom: 5rem; } .subscribe__slider { margin-bottom: 7.5rem; overflow: visible; } .subscribe__slide { border-radius: 4rem; height: 32.6rem; } .subscribe__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .subscribe__btn span { color: rgb(43, 47, 54); } .subscribe .swiper__arrows { margin-left: auto; } .articles.card-news .articles__video { width: 100%; height: 45rem; margin-bottom: 2rem; border-radius: 2rem; } .articles.card-news .articles__title { font-size: 4.4rem; line-height: 5.6rem; margin-bottom: 7rem; text-align: left; width: 100%; } .articles.card-news .articles__video-wrap { margin-bottom: 5rem; font-size: 3.2rem; } .articles.card-news .articles__text-block { margin-bottom: 0; font-weight: 300; font-size: 3.2rem; line-height: 4rem; text-align: left; } .articles__text-block ul { margin: 0 0 0 3.6rem; padding: 0; } .articles.card-news .articles__par.mobile-first { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; } .articles.card-news .articles__par.mobile-second { -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4; } .articles.card-news .articles__slider { width: calc(100% + 8rem); height: 45rem; margin: 5rem -4rem; padding: 0 4rem; } .articles.card-news .articles__slider .swiper__arrows .swiper__arrow { width: 10.4rem; height: 10.4rem; } .articles.card-news .articles__slider .swiper__arrows .swiper-button-disabled { width: 8.6rem; height: 8.6rem; } .articles.card-news .articles__slider .swiper__arrows .swiper__arrow.swiper-button-disabled img { width: 1.5rem; height: 1rem; } .articles.card-news .articles__slider-prev { left: 4rem; } .articles.card-news .articles__slider-next { right: 4rem; } .other-news { margin-bottom: 15rem; } .other-news__inner { padding-bottom: 4rem; position: relative; } .other-news__title { margin-bottom: 5rem; } .other-news__spoller { width: 100%; } .other-news__spoller-subtitle-wrap { font-size: 3.2rem; width: 100%; margin-bottom: 1.6rem; } .other-news__spoller-subtitle-wrap.bottom { margin-bottom: 4.7rem; } .other-news__spoller-wrap.active { margin-bottom: 4rem; } .other-news__spoller-wrap.active .other-news__spoller-title { font-size: 3.6rem; } .other-news__spoller-wrap.active .other-news__spoller-scenery .slice { height: 60%; } .other-news__spoller-wrap.active .other-news__spoller-text { padding-bottom: 3rem; } .other-news__spoller-title { font-size: 3.6rem; width: 80%; } .other-news__spoller-text { font-size: 2.2rem; font-weight: 600; color: #000000; line-height: 1.45; background: #ffffff; padding: 4.2rem 0 4rem 4rem; border-radius: 3rem 0 3rem 3rem; -webkit-box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); width: 100%; } .other-news__spoller-scenery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .other-news__spoller-scenery .slice { height: 60%; margin-bottom: auto; } .other-news__btn { width: 9.6rem; height: 9.6rem; border-radius: 3.2rem; margin-left: 1.5rem; margin-top: 1.5rem; } .other-news__btn .corner { position: absolute; top: -2rem; left: -2rem; z-index: -1; } .other-news__btn .corner::before { background: #fafaff; } .other-news__spoller-content { border-radius: 3rem; padding: 4rem 4rem 6rem 4rem; margin-bottom: 6rem; display: none; } .other-news__spoller-content-title { font-size: 5rem; width: 85%; margin-bottom: 5.2rem; } .other-news__spoller-btn { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .other-news__spoller-btn.desctop { display: none; } .other-news__spoller-img { width: 100%; height: 27rem; border-radius: 6rem; margin-bottom: 6rem; } .other-news__spoller-content-absolute { width: 31.5rem; height: 31.5rem; padding: 7.3rem 3.5rem 6rem 4rem; right: -3rem; top: auto; bottom: 22%; } .other-news__absolute-subtitle { font-size: 3rem; margin-bottom: 2rem; } .other-news__absolute-title { font-size: 3rem; } .other-news__spoller-pagination { font-size: 3.2rem; bottom: -8.4rem; } .other-news__spoller-pagination-num { margin-right: 1.5rem; } .other-news__spoller-pagination-num.active { font-size: 7rem; } .other-news__spoller-pagination-num:first-child { margin-right: 20.4rem; } .other-news__spoller-pagination-num:first-child::before { width: 12.4rem; right: -16rem; } .articles.page-news { margin-bottom: 12rem; } .articles.page-news .articles__photo-block { /*height: 49.6rem;*/ /*padding: 4rem;*/ /*margin-bottom: 4rem;*/ } .articles.page-news .articles__photo-block span { /*width: 18.4rem;*/ /*height: 7.6rem;*/ /*font-size: 3.2rem;*/ /*border-radius: 6rem 0 6rem 0;*/ /*top: 13rem;*/ /*right: -3rem;*/ } .articles.page-news .articles__date { font-size: 3.2rem; } .articles.page-news .articles__text-wrap { width: 100%; } .articles.page-news .articles__text-title { font-size: 3.6rem; width: 90%; margin-bottom: 0; } .articles.page-news .articles__text { font-size: 3.2rem; font-weight: 700; color: #000000; margin-bottom: 20rem; } .articles.page-news .articles__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: auto; } .articles.page-news .articles__box:not(:last-child) { margin-bottom: 10rem; } .articles.page-news .articles__box:last-child { margin-bottom: 10rem; } .articles.page-news .articles__box-photo { position: static; width: 100%; height: 38rem; border-radius: 4rem; } .articles.page-news .articles__box-photo .swiper__arrow { top: 17%; } .articles.page-news .articles__box-photo .swiper__arrow img { height: 3rem; } .articles.page-news .articles__box-photo .swiper-button-disabled { width: 8.6rem; height: 8.6rem; } .articles.page-news .articles__box-photo .swiper__arrow.swiper-button-disabled img { width: 1.5rem; height: 1rem; } .articles.page-news .articles__next { right: 3rem; } .articles.page-news .articles__prev { left: 3rem; } .articles.page-news .articles__box-text-part { width: 100%; padding: 6rem 4rem; } .articles.page-news .articles__box-date-wrap { font-size: 3.2rem; margin-bottom: 6.6rem; width: 100%; } .articles.page-news .articles__box-title { font-size: 3.6rem; line-height: 4.6rem; width: 100%; margin-bottom: 4rem; text-align: left; } .articles.page-news .articles__box-subtitle { margin-bottom: 4rem; font-size: 3.2rem; line-height: 4rem; text-align: left; } .articles.page-news .articles__box-btn { margin-left: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .articles__text-block .pagination { margin-top: -5rem; } .page-news .articles__right-block { padding-bottom: 0; } .custom { margin-bottom: 21rem; margin-left: 4rem; overflow: hidden; } .custom::before { content: ""; width: 100%; border-radius: 0 8rem 5rem 0; height: 100%; -webkit-transform: skewX(176deg); transform: skewX(176deg); left: -11%; z-index: -1; } .custom__img { left: 1rem; width: 72rem; } .custom__inner { padding: 11.2rem 4rem 35rem 0rem; } .custom__title { font-size: 5rem; margin-bottom: 6.5rem; } .custom__content { margin-left: 0; width: 100%; } .custom__text { font-size: 3.2rem; margin-bottom: 4.5rem; width: 100%; } .custom__links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .custom__btn { width: -webkit-max-content; width: -moz-max-content; width: max-content; -ms-flex-item-align: start; align-self: flex-start; } .custom__btn:not(:last-child) { margin-bottom: 4rem; } .service { margin-bottom: 18rem; } .service__top { display: -ms-grid; display: grid; margin-bottom: 5rem; } .service__top-text { width: 100%; } .service__title { margin-bottom: 5rem; } .service__par { margin-bottom: 12rem; font-size: 3.2rem; line-height: 4rem; text-align: justify; } .service__top-img { width: 100%; height: 31.8rem; border-radius: 4rem; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; margin-bottom: 5rem; } .service__main-title { font-size: 5rem; margin-bottom: 5rem; } .service__main-item { position: relative; margin-bottom: 5rem; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; } .service__main-item.open-bottom { margin-bottom: 0rem; } .service__spoller-title-text { display: -webkit-box; display: -ms-flexbox; display: flex; width: 65rem; } .service__spoller-title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; position: relative; cursor: pointer; } .service__spoller-title-wrap.open .service__btn { background: rgb(1, 153, 228); } .service__spoller-title-wrap.open .service__btn svg { fill: #ffffff; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .service__btn svg { width: 4rem; height: 4rem; } .service__spoller-title { font-size: 3.6rem; background: #ffffff; padding: 4.2rem 0 3.9rem 3.5rem; border-radius: 3rem 0 3rem 3rem; -webkit-box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); box-shadow: -5rem 0.4rem 10rem rgba(76, 70, 203, 0.1); width: 100%; } .service__spoller-scenery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .service__spoller-scenery .slice { height: 80%; margin-bottom: auto; } .service__btn { width: 9.6rem; height: 9.6rem; border-radius: 3.2rem; } .service__spoller-content { position: relative; margin-bottom: 3rem; position: static; width: 100%; display: none; } .service__spoller-content-wrap { padding: 4rem 4rem 6rem 4rem; font-size: 3.2rem; margin-bottom: 4rem; } .service__spoller-content-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .service__spoller-content-img { width: 100%; height: 42.2rem; margin: 0 0rem 0rem 0; float: none; margin-bottom: 4rem; } .service__spoller-content-text { margin-bottom: 4rem; padding-top: 0rem; font-size: 3.2rem; line-height: 4rem; } .service__spoller-text { margin-bottom: 6rem; font-size: 3.2rem; line-height: 4rem; } .service__spoller-text.substrate { padding: 5rem 4rem; margin-bottom: 4rem; font-size: 3.6rem; line-height: 4.6rem; } .service__spoller-text:last-child { margin-bottom: 5rem; } .service__btn-text { width: 34.2rem; height: 12rem; border-radius: 3.2rem; } .partner.command { height: 272rem; margin-bottom: 20.5rem; } .partner.command .partner__inner { padding-top: 3rem; } .command { margin-bottom: 20rem; } .command__top { margin: 0 auto 9rem auto; } .command__top-lacation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0 auto 10rem auto; font-size: 3.6rem; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .command__lacation-item:not(:last-child) { margin-bottom: 4rem; } .command__top-address { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 3rem; } .command__top-address-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: 0; } .command__top-address-name { font-size: 3.6rem; margin-right: 0rem; margin-bottom: 5rem; } .command__top-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; margin-bottom: 3.5rem; } .command__top-tel span { margin-right: 1rem; } .command__address-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 0rem; line-height: 1.6; width: 90%; } .command__address-value span { margin-right: 1rem; } .command__top-address-img { width: 8rem; height: 8rem; border-radius: 3.2rem; -ms-flex-negative: 0; flex-shrink: 0; } .command__top-address-img img { height: 4rem; width: 4rem; } .command__worker { -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 6rem; } .worker__item { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; width: 100%; height: 120rem; padding: 0 4rem 8rem 4rem; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: relative; } .worker__item::before { content: ""; width: 100%; height: 75%; border-radius: 0 0 2.3rem 2.3rem; position: absolute; bottom: 0; left: 0; z-index: -1; } .worker__item:not(:nth-child(3n + 3)) { margin-right: 0rem; } .worker__item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 5.6rem; } .worker__img { width: 45.4rem; height: 45.4rem; border: 0.8rem solid #ffffff; margin-bottom: 5.6rem; } .worker__quote { position: absolute; top: 64%; right: auto; left: -4rem; z-index: 2; display: none; } .worker__quote::before { border-width: 2.5rem 10.5rem 3.5rem 0.5rem; top: -2.5rem; left: 19%; -webkit-transform: rotate(355deg); transform: rotate(355deg); } .worker__quote-text-wrap { width: 67rem; padding: 4rem 5.2rem; border-radius: 7rem 0; line-height: 1.8; } .worker__quote-quote { font-size: 3.2rem; } .worker__quote-quote:last-child { margin-left: auto; width: 3rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .worker__quote-text { font-size: 3.2rem; line-height: 5.6rem; padding: 1rem; } .worker__name { font-size: 5rem; margin-bottom: 2.4rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; line-height: 1.4; } .worker__position { font-size: 3.6rem; margin-bottom: 5.6rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .worker__tel-wrap { margin-bottom: 4rem; padding-left: 0; } .worker__tel-img { width: 5rem; height: 5rem; margin-right: 1.6rem; } .worker__tel { font-size: 3.2rem; } .worker__language-wrap { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: auto; margin-bottom: 4rem; padding-left: 0; } .worker__language-img { width: 5rem; height: 5rem; margin-right: 1.6rem; } .worker__language { font-size: 3.2rem; width: auto; } .worker__email-wrap { margin-bottom: 6rem; padding-left: 0; } .worker__email-img { width: 5rem; height: 5rem; margin-right: 1.6rem; } .worker__email { font-size: 3.2rem; } .worker__social-wrap { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: auto; } .worker__social-item { width: 5rem; height: 5rem; } .worker__social-item:not(:last-child) { margin-right: 4rem; } .order-video.command { padding-top: 12rem; } .order-video.command .order-video__bg { width: 46rem; height: 64.6rem; margin-bottom: 0; } .order-video.command .order-video__inner { padding-top: 0rem; padding-bottom: 7rem; position: relative; } .order-video.command .order-video__title { margin-right: 3rem; margin-left: 3rem; margin-bottom: 4rem; text-align: center; } .order-video.command .order-video__comment { height: 21.7rem; border-radius: 4rem; padding: 1.4rem 2rem 1.4rem 3.5rem; } .order-video.command .order-video__form-info { margin-bottom: 8.2rem; } .order-video.command .order-video__form-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order-video.command .order-video__loading-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 6rem; } .order-video.command .order-video__loading-item:not(:last-child) { margin-right: 0rem; margin-bottom: 4.8rem; } .order-video.command .order-video__loading-item a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.7rem; border-bottom: 0.1rem solid #8a91aa; font-size: 3.2rem; } .order-video.command .order-video__loading-item a img { width: 3.2rem; height: 3.2rem; margin-right: 2rem; } .order-video.command .order-video__loading-title { font-size: 3.6rem; margin-bottom: 3rem; } .order-video.command .order-video__btn { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-bottom: 3rem; } .about { margin-bottom: 21rem; } .about .container { padding: 0; } .about__title { margin-bottom: 5rem; width: 100%; padding: 0 4rem; font-size: 4.4rem; line-height: 5.6rem; } .about__content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .about__text-block { width: 100%; font-size: 3.2rem; margin-right: 0rem; padding: 0 4rem; line-height: 1.55; } .about__text-block p:not(:last-child) { margin-bottom: 5rem; } .about__text-block p:last-child { margin-bottom: 6rem; } .about__text-block-link { font-size: 3rem; padding-bottom: 1rem; border-bottom: 2px solid #0199e4; } .about__photo-block { position: relative; height: auto; width: 100%; } .about__photo-block img { width: 67rem; height: 85rem; border-radius: 4.5rem; margin: 0rem auto; position: static; } .about .banner__btn-video.about { bottom: auto; left: auto; top: 8.4rem; right: 1.6rem; } .about__photo-text { width: 100%; height: 51rem; border-radius: 7rem 0 0 0; padding: 6rem 3rem 4rem 11rem; margin: -18rem 0 6.4rem 0; } .about__photo-text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about__photo-text-wrap:not(:last-child) { margin-bottom: 3.5rem; } .about__photo-text-title { font-size: 3.2rem; width: 57%; } .about__photo-text-value { font-size: 5rem; width: 33%; } .staff { margin-bottom: 10rem; padding-bottom: 0rem; } .staff .container { padding: 0; } .staff__title { margin-bottom: 5rem; padding: 0 4rem; } .staff .swiper__arrows { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; } .staff__subtitle-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 100%; padding: 0 4rem; margin-bottom: 0; } .staff__subtitle { font-size: 3.2rem; width: 100%; margin-bottom: 4rem; } .staff__slider { padding: 10rem 4rem; } .staff__slide.swiper-slide { -webkit-transform: none; transform: none; } .staff__slide .worker__img { margin-bottom: 3rem; } .staff__slide .worker__name { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: auto; margin-bottom: 2.4rem; line-height: 7rem; } .catalog.about { padding-bottom: 10rem; } .catalog.about .catalog__title-wrap { padding: 0 4rem; } .catalog.about .catalog__title { width: 100%; } .catalog.about .catalog__content { padding: 10rem 4rem; } .catalog.about .catalog__item-value { width: 50%; } .why-us { margin-bottom: 20rem; } .why-us__title { margin-bottom: 5rem; width: 100%; } .why-us__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .why-us__box { width: 100%; padding: 4rem 4rem 7rem 4rem; border-radius: 6rem; } .why-us__box:not(:nth-child(-3n + 3)) { margin-right: 0rem; } .why-us__box:nth-child(-n + 3) { margin-bottom: 0rem; } .why-us__box:not(:last-child) { margin-bottom: 6rem; } .why-us__number { width: 6rem; height: 6rem; font-size: 3.2rem; top: 8.4rem; left: 2rem; } .why-us__photo { height: 32rem; border-radius: 2rem; margin-bottom: 5rem; } .why-us__box-title { font-size: 4rem; margin-bottom: 3rem; white-space: normal; } .why-us__text { font-size: 3.6rem; } .look { margin-bottom: 12rem; padding-bottom: 12rem; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%); } .look .container { margin: 0; width: 100%; } .look__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: none; padding: 12rem 0rem 0rem 0rem; margin-bottom: 8rem; position: relative; overflow: hidden; } .look__top-img-left { width: 36rem; height: 31rem; position: absolute; top: 9.5rem; right: -8rem; } .look__top-img-left img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; position: static; -webkit-transform: rotate(271deg); transform: rotate(271deg); } .look__top-info { margin-bottom: 9rem; } .look__top-title { font-size: 5rem; margin-bottom: 5rem; width: 80%; line-height: 1.26; } .look__top-subtitle { font-size: 3rem; margin-bottom: 3rem; line-height: 1.4; } .look__top-text { font-size: 3.2rem; margin-bottom: 6rem; width: 100%; } .look__top-link span { color: #2b2f36; font-size: 3.2rem; font-weight: 600; } .look__top-img-right { width: 100%; height: 33.4rem; margin-bottom: 6rem; } .look__top-link { font-size: 3.2rem; } .look__top-btn { width: 46rem; height: 12rem; padding: 0 3rem 0 6rem; border-radius: 3.2rem; font-weight: 400; font-size: 3.4rem; } .look__top-btn .btn__arrow { width: 7rem; height: 7rem; } .look__top-btn .btn__arrow svg { width: 1.4rem; height: 2.2rem; } .look__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .look__bottom-logo { width: 49%; height: 6.6rem; } .look__bottom-logo img { -o-object-fit: contain; object-fit: contain; } .look__bottom-logo:nth-child(n + 3) { margin-top: 6rem; } .articles.page-buy .articles__title { margin-bottom: 5rem; text-align: left; } .articles.page-buy .articles__substrate { font-size: 3.4rem; padding: 6rem 4rem; text-align: left; border-radius: 4rem; } .articles.page-buy .articles__substrate-item::before { width: 1.6rem; height: 1.6rem; top: 1rem; left: -0.5rem; } .articles.page-buy .articles__substrate-item { padding-left: 2rem; width: 100%; text-align: left; } .articles.page-buy .articles__text-block-img { height: 44.4rem; border-radius: 4rem; margin-bottom: 10rem; } .articles__right-item.all-bg { padding-bottom: 69rem; } .real-estate.page-real-estate .articles__right-item.all-bg { height: 118.4rem; -ms-grid-row: 5; -ms-grid-row-span: 1; grid-row: 5/6; margin-bottom: 0rem; margin-top: 0; } .real-estate.page-real-estate .articles__right-item.all-bg .articles__item-title { color: #ffffff; position: relative; } .real-estate.page-real-estate .articles__right-item.all-bg .articles__item-subtitle { color: #9faab4; position: relative; } .real-estate.page-real-estate .articles__right-item.all-bg .articles__item-btn span { color: #ffffff; } .real-estate.page-real-estate .articles__right-item.no-bg { -ms-grid-row: 6; -ms-grid-row-span: 1; grid-row: 6/7; } .real-estate.page-real-estate .real-estate__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .real-estate.page-real-estate .real-estate__top-sorting { display: none; } .real-estate.page-real-estate .real-estate__title { margin-bottom: 5rem; } .real-estate.page-real-estate .real-estate__sorting-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .real-estate.page-real-estate .real-estate__sorting-wrap:focus-visible { outline: transparent; } .real-estate.page-real-estate .real-estate__select-sort { padding-right: 10rem; position: relative; cursor: pointer; } .real-estate.page-real-estate .real-estate__select-sort .dropdown { width: 40rem; font-size: 3rem; font-weight: 400; color: rgb(138, 145, 170); position: relative; } .real-estate.page-real-estate .real-estate__select-sort .dropdown.active .real-estate__select-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .real-estate.page-real-estate .real-estate__select-sort .dropdown:focus-visible { outline: transparent; } .real-estate.page-real-estate .real-estate__select-sort:focus-visible { outline: transparent; } .real-estate.page-real-estate .real-estate__select-sort .select { width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 0 1rem; } .real-estate.page-real-estate .real-estate__select-sort .select:focus-visible { outline: transparent; } .real-estate.page-real-estate .real-estate__select-sort .dropdown-menu { position: absolute; top: 5rem; left: 0; background: #ffffff; padding: 1rem; z-index: 1; width: 100%; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); display: none; } .real-estate.page-real-estate .real-estate__select-sort .dropdown-menu li:not(:last-child) { margin-bottom: 0.5rem; } .real-estate.page-real-estate .real-estate__select-sort .dropdown-menu:focus-visible { outline: transparent; } .real-estate.page-real-estate .real-estate__select-arrow { width: 2rem; height: 2rem; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; -webkit-transition: 0.5s; transition: 0.5s; margin-top: 1.1rem; } .real-estate.page-real-estate .real-estate__sorting-view { -ms-flex-item-align: start; align-self: flex-start; } .real-estate.page-real-estate .real-estate__sorting-view button { width: 5.2rem; height: 5.2rem; } .real-estate.page-real-estate .real-estate__sorting-view button:not(:last-child) { margin-right: 3.6rem; } .real-estate.page-real-estate .real-estate__sorting-view button svg { width: 5.2rem; height: 5.2rem; } .real-estate.page-real-estate .real-estate__select-right { margin-bottom: 10.4rem; } .real-estate.page-real-estate .real-estate__number-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5rem; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; display: none; } .real-estate.page-real-estate .real-estate__number { font-size: 3rem; width: 50%; } .real-estate.page-real-estate .real-estate__number:not(:last-child) { margin-right: 0rem; } .real-estate.page-real-estate .real-estate__number:not(:last-child)::before { content: ""; width: 0.1rem; height: 5rem; background: rgb(0, 0, 0); position: absolute; top: -0.1rem; right: auto; left: -1.5rem; } .real-estate.page-real-estate .real-estate__number:last-child { margin-right: 2rem; } .real-estate.page-real-estate .real-estate__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .real-estate.page-real-estate .real-estate__boxes { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: auto; grid-template-rows: auto; row-gap: 6rem; } .real-estate.page-real-estate .real-estate__boxes > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .real-estate.page-real-estate .real-estate__box { width: 100%; height: 93rem; } .real-estate.page-real-estate .real-estate__box--request .real-estate__box-price { padding: 1.8rem 5.6rem; font-size: 3.6rem; line-height: 4rem; } .real-estate.page-real-estate .real-estate__box:not(:nth-child(15n)) { margin-bottom: 0rem; } .real-estate.page-real-estate .real-estate__box:not(:nth-child(3n + 3)) { margin-right: 0rem; } .real-estate.page-real-estate .real-estate__box-inner { height: 83.5rem; } .real-estate.page-real-estate .real-estate__box-inner.active .real-estate__slider { height: 33rem; } .real-estate.page-real-estate .real-estate__box-inner.active .real-estate__item { height: 33rem; } .real-estate.page-real-estate .real-estate__box-inner.active .real-estate__box-cart { display: none; } .real-estate.page-real-estate .real-estate__box-top { padding: 4rem 4rem 4.6rem 4rem; } .real-estate.page-real-estate .real-estate__slider { height: 58rem; } .real-estate.page-real-estate .real-estate__item { height: 58rem; } .real-estate.page-real-estate .real-estate__pagination span { width: 1.5rem; height: 1.5rem; } .real-estate.page-real-estate .real-estate__pagination.swiper-pagination { bottom: 3rem; } .real-estate.page-real-estate .real-estate__box-id { font-size: 1.5rem; width: 15.6rem; height: 5.2rem; padding: 0.5rem; border-radius: 2.4rem; top: 3rem; right: 3rem; } .real-estate.page-real-estate .real-estate__box-id.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .real-estate.page-real-estate .real-estate__box-cart { width: 9.6rem; height: 9.6rem; bottom: 3.2rem; right: 3.2rem; display: none; } .real-estate.page-real-estate .real-estate__box-cart img { width: 4.6rem; height: 3.2rem; } .real-estate.page-real-estate .real-estate__box-title { font-size: 3rem; } .real-estate.page-real-estate .real-estate__bottom-box-info { width: 100%; min-height: 10.5rem; padding-top: 0; padding-bottom: 2rem; } .real-estate.page-real-estate .real-estate__bottom-box-info.hover { min-height: auto; padding-bottom: 1.8rem; margin-bottom: 1.8rem; width: 100%; } .real-estate.page-real-estate .real-estate__sity-img { width: 3rem; height: 3rem; } .real-estate.page-real-estate .real-estate__sity-name { font-size: 2.4rem; } .real-estate.page-real-estate .real-estate__box-price.static { padding: 1.2rem 3rem; border-radius: 2.4rem; } .real-estate.page-real-estate .real-estate__box-price { font-size: 4.8rem; } .real-estate.page-real-estate .real-estate__box-price span { font-size: 2.2rem; margin-top: 2rem; margin-right: 1rem; } .real-estate.page-real-estate .real-estate__box-price sup { font-size: 2rem; margin-bottom: 1rem; margin-left: 0.6rem; } .real-estate.page-real-estate .real-estate__box-item:nth-child(n + 3) { margin-top: 1rem; } .real-estate.page-real-estate .real-estate__box-item-left { width: 50%; } .real-estate.page-real-estate .real-estate__corner { position: absolute; top: 0.2rem; right: 9rem; } .real-estate.page-real-estate .real-estate__like { width: 9.6rem; height: 9.6rem; border-radius: 2.4rem; margin-top: 1rem; position: relative; } .real-estate.page-real-estate .real-estate__like svg { width: 4rem; height: 4rem; } .real-estate.page-real-estate .real-estate__pagination-numbers { margin-top: 0; font-size: 3.4rem; } .real-estate.page-real-estate .real-estate__pagination-num { margin-right: 2rem; } .real-estate.page-real-estate .real-estate__pagination-num.active { font-size: 5rem; line-height: 5rem; } .real-estate.page-real-estate .real-estate__pagination-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .real-estate.page-real-estate .real-estate__pagination-bullet { width: 1.6rem; height: 1.6rem; } .real-estate.page-real-estate .real-estate__right-block { width: 100%; } .real-estate.page-real-estate .real-estate__boxes-big { width: 100%; } .real-estate.page-real-estate .real-estate__boxes-big .articles__right-item { margin-bottom: 6rem; } .real-estate.page-real-estate .real-estate__box-big { border-radius: 4rem; } .real-estate.page-real-estate .real-estate__box-big:not(:last-child) { margin-bottom: 6rem; } .real-estate.page-real-estate .real-estate__box-big-btn { position: absolute; top: auto; right: 0; bottom: 0; } .real-estate.page-real-estate .real-estate__box-big-btn .real-estate__like { margin-top: 0; z-index: 1; } .real-estate.page-real-estate .real-estate__box-big-btn .corner { position: absolute; left: -2.5rem; bottom: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); top: -2.5rem; z-index: 10; } .real-estate.page-real-estate .real-estate__box-big-btn .corner::before { content: ""; display: block; padding-bottom: 100%; background-color: #e7e7f0; } .real-estate.page-real-estate .real-estate__big-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .real-estate.page-real-estate .real-estate__big-left { border-radius: 4rem 4rem 0rem 0rem; padding: 4.4rem 4rem 6rem 4rem; } .real-estate.page-real-estate .real-estate__big-right { position: relative; width: 100%; } .real-estate.page-real-estate .real-estate__big-slider { width: 100%; height: 58rem; margin-right: 0rem; } .real-estate.page-real-estate .real-estate__big-slide { border-radius: 4rem; } .real-estate.page-real-estate .real-estate__pagination-big span { width: 1.6rem; height: 1.6rem; } .real-estate.page-real-estate .real-estate__pagination-big.swiper-pagination { bottom: 4rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .real-estate.page-real-estate .real-estate__big-box-cart { width: 9.6rem; height: 9.6rem; bottom: 3.5rem; right: 3.5rem; } .real-estate.page-real-estate .real-estate__big-box-cart img { width: 3.2rem; height: 3.2rem; } .real-estate.page-real-estate .real-estate__big-box-info { height: 100%; padding-bottom: 2rem; padding-right: 3rem; padding-left: 4rem; margin-top: 0rem; padding-top: 4.5rem; border-radius: 0 0rem 4rem 0; } .real-estate.page-real-estate .real-estate__big-box-title { padding: 0rem 2rem 5rem 4rem; border-radius: 0 0rem 0 0; font-size: 3.6rem; width: 100%; position: static; } .real-estate.page-real-estate .real-estate__big-main-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.65rem; } .real-estate.page-real-estate .real-estate__big-description-block { -ms-grid-columns: 1fr 4rem 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; gap: 4rem; width: 100%; padding-bottom: 5rem; } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .real-estate.page-real-estate .real-estate__big-description-block > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .real-estate.page-real-estate .real-estate__big-description-item { font-size: 3.2rem; } .real-estate.page-real-estate .real-estate__big-description-item:nth-child(2) { -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4; } .real-estate.page-real-estate .real-estate__big-description-item:nth-child(4) { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; } .real-estate.page-real-estate .real-estate__big-description-item:nth-child(5) { -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4; } .real-estate.page-real-estate .real-estate__big-description-item img { width: 4rem; height: 4rem; margin-right: 1.5rem; } .real-estate.page-real-estate .real-estate__big-price-block { display: none; } .real-estate.page-real-estate .real-estate__big-price { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 7.8rem; background: #f9f9fe; border-radius: 2.4rem; padding: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 3.2rem; } .real-estate.page-real-estate .real-estate__big-price span { font-size: 2.2rem; margin-right: 1rem; } .real-estate.page-real-estate .real-estate__big-price sup { font-size: 2.2rem; } .real-estate.page-real-estate .real-estate__big-additional-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.5rem; margin-left: 0rem; } .real-estate.page-real-estate .real-estate__big-rooms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 5rem; } .real-estate.page-real-estate .real-estate__big-room-item:not(:last-child) { margin-bottom: 3rem; } .real-estate.page-real-estate .real-estate__big-room { font-size: 3.2rem; } .real-estate.page-real-estate .real-estate__big-room-key { font-weight: 700; margin-right: 3rem; } .real-estate.page-real-estate .real-estate__big-room-price { font-size: 3.2rem; } .real-estate.page-real-estate .real-estate__big-separately-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .real-estate.page-real-estate .real-estate__big-separately-item { height: 8.4rem; border-radius: 4rem; padding: 2rem; font-size: 3.2rem; } .real-estate.page-real-estate .real-estate__big-separately-item:not(:last-child) { margin-bottom: 3rem; } .real-estate.page-real-estate .real-estate__big-date { font-size: 3.2rem; } .real-estate.page-real-estate .real-estate__big-box-bottom { height: 12rem; background: #ffffff; width: 82%; border-radius: 0 0 4rem 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem 2rem 4rem 4rem; -webkit-box-shadow: 1.7rem 2.5rem 3.4rem rgba(40, 44, 78, 0.1); box-shadow: 1.7rem 2.5rem 3.4rem rgba(40, 44, 78, 0.1); } .review-video { margin-bottom: 13rem; } .review-video__inner { margin-bottom: 10rem; } .review-video__title-wrap { margin-bottom: 6rem; } .review-video__slide-title { font-size: 5rem; margin-bottom: 4rem; } .review-video__slide-img { height: 56rem; border-radius: 4rem; margin-bottom: 6rem; } .review-video__btn-video { width: 9.6rem; height: 9.6rem; } .review-video__author-name { font-size: 3.2rem; margin-right: 4rem; } .review-video__author-photo { width: 8.2rem; height: 8.2rem; } .photo-review { margin-bottom: 12rem; } .photo-review__title-wrap { margin-bottom: 3rem; } .photo-review__number { font-size: 3.2rem; margin-bottom: 5rem; } .photo-review__slide { height: 64.4rem; } .photo-review__hover-text { font-size: 3.2rem; line-height: 1.55; padding: 6rem 4rem 6rem 4rem; width: 59rem; } .photo-review .swiper-pagination { height: 7rem; position: absolute; } .photo-review .swiper-pagination::after { content: ""; width: 12.4rem; left: 10rem; } .photo-review .swiper-pagination .swiper-pagination-bullet { height: 7rem; width: 5rem; font-size: 3.2rem; margin-right: 2rem; } .photo-review .swiper-pagination .swiper-pagination-bullet:first-child { margin-right: 20rem; } .photo-review .swiper-pagination .swiper-pagination-bullet-active { font-size: 7rem; margin-right: 3rem; margin-left: 1rem; } .text-review { margin-bottom: 13rem; } .text-review__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .text-review__reviews { width: 100%; padding-top: 2rem; margin-bottom: 10rem; } .text-review__title { margin-bottom: 5rem; } .text-review__spoller { width: 100%; } .text-review__spoller-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 4rem; position: relative; cursor: pointer; } .text-review__spoller-text { line-height: 1.45; padding: 6rem 0 14rem 5rem; border-radius: 3rem 0 3rem 3rem; width: 100%; position: relative; } .text-review__spoller-author-info { width: 83%; margin-bottom: 4rem; } .text-review__spoller-author img { width: 8.2rem; height: 8.2rem; margin-right: 4rem; } .text-review__author-name { font-size: 3.6rem; } .text-review__author-additionally { position: absolute; bottom: 3rem; left: 5rem; } .text-review__additionally-item { font-size: 2.6rem; padding: 2rem; border-radius: 3rem; } .text-review__additionally-item:not(:last-child) { margin-right: 2rem; } .text-review__review { line-clamp: 6; -webkit-line-clamp: 6; font-size: 3.2rem; width: 113%; } .text-review .slice { width: 100%; height: calc(100% - 11rem); background: #ffffff; border-radius: 0 3rem 3rem 0; -webkit-transition: 0.5s; transition: 0.5s; margin-bottom: auto; position: relative; z-index: -1; } .text-review__spoller-scenery { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; height: auto; width: 11.1rem; } .text-review__btn { position: absolute; right: 0; bottom: 0; width: 9.6rem; height: 9.6rem; border-radius: 2.4rem; margin-left: 1.5rem; margin-top: 1.5rem; -webkit-transition: 0.8s; transition: 0.8s; } .text-review__btn svg { width: 4rem; height: 4rem; fill: #2b2f36; -webkit-transition: 0.5s; transition: 0.5s; } .text-review .corner { position: absolute; top: -1.5rem; left: -1.5rem; z-index: -1; } .text-review .corner::before { background: #f9f9ff; } .text-review__spoller-content-text { font-size: 3.2rem; border-radius: 6rem; padding: 6rem 4rem; margin-bottom: 6rem; } .text-review__article-boxes { width: 100%; } .card { margin-bottom: 11rem; } .card__title { margin-bottom: 8rem; font-size: 4.4rem; line-height: 5.6rem; } .card__nav { margin-bottom: 8rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card__nav-item { font-size: 3.6rem; width: 40%; margin-bottom: 8rem; text-align: center; } .card__nav-item:not(:last-child) { margin-right: 0rem; } .card__nav-item:last-child { margin-right: 0rem; } .card__link { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card__link span { font-size: 3.2rem; margin-right: 2rem; } .card__content-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 8rem; } .card__photo-block { width: 100%; margin-bottom: 6rem; } .card__photo-block::before { /*content: "";*/ width: 11rem; height: 11rem; border-radius: 0 0 0rem 3rem; } .card .swiper__arrow { position: absolute; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8.6rem; height: 8.6rem; } .card .swiper__arrow.card__slider-prev { left: 3rem; } .card .swiper__arrow.card__slider-next { right: 3rem; } .card .swiper__arrow.swiper-button-disabled { width: 6.6rem; height: 6.6rem; } .card__slide { border-radius: 0; } .card__like { width: 9.6rem; height: 9.6rem; border-radius: 3.2rem; } .card__like svg { width: 5rem; height: 5rem; } .card__cart { width: 9.6rem; height: 9.6rem; right: 3.2rem; bottom: 3.2rem; z-index: 10; } .card__cart img { width: 7rem; height: 5rem; } .card__social { position: static; } .card__social-title { font-size: 3.2rem; margin-bottom: 3rem; } .card__social-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 6rem; } .card__social-item { width: 4.2rem; height: 4.2rem; } .card__social-item:not(:last-child) { margin-right: 4rem; } .card__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding-top: 0rem; } .card__info-main { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; } .card__info-main-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4rem; padding: 2rem 4.8rem; } .card__info-main-img { width: 5rem; height: 5rem; margin-right: 3rem; } .card__info-main-indicators-box { margin-top: 0; } .card__info-main-indicators { font-size: 3.2rem; } .card__info-list { font-size: 3.6rem; padding-left: 5rem; margin-bottom: 6rem; } .card__info-list-item { position: relative; } .card__info-list-item:not(:last-child) { margin-bottom: 4.2rem; } .card__info-list-item::before { content: ""; width: 2rem; height: 2rem; top: 0; left: -5rem; -webkit-transform: translateY(50%); transform: translateY(50%); } .card__info-price-item { margin-bottom: 8rem; } .card__info-price-item:not(:last-child) { margin-bottom: 4rem; } .card__info-price-rooms { font-size: 3.2rem; } .card__info-price-room { margin-right: 3rem; } .card__info-price-value { font-size: 3.2rem; } .card__info-price-value sup { font-size: 2rem; } .card__price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin-bottom: 6rem; } .card__price-value { font-size: 6rem; margin-bottom: 0; } .card__price-value span { font-size: 3rem; } .card__price-value sup { top: 0; } .card__price-description { font-size: 2.8rem; } .card__infrastructure { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card__infrastructure-list-box { width: 100%; margin-bottom: 8rem; } .card__infrastructure-title { font-size: 3.6rem; margin-bottom: 5rem; } .card__infrastructure-list { padding: 0 0 0 4.8rem; font-size: 3.2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0rem; } .card__infrastructure-list.active .card__infrastructure-item:nth-child(n + 6) { display: block; } .card__infrastructure-column { width: 100%; padding-left: 8rem; border-left: 1px solid #dde2f4; } .card__infrastructure-column:not(:last-child) { margin-bottom: 5rem; } .card__infrastructure-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card__infrastructure-link span { margin-right: 2rem; font-weight: 600; font-size: 3.2rem; } .card__infrastructure-link span.active { display: none; } .card__infrastructure-link svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .card__infrastructure-link.active span { display: none; } .card__infrastructure-link.active span.active { display: block; } .card__infrastructure-link.active .btn__arrow svg { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .card__infrastructure-item { position: relative; width: 100%; border-left: none; padding-left: 0; } .card__infrastructure-item:nth-child(n + 4) { margin-top: 0; } .card__infrastructure-item:nth-child(n + 6) { display: none; } .card__infrastructure-item:not(:last-child) { margin-bottom: 4rem; } .card__infrastructure-item::before { content: none; /*content: '';*/ height: 0.1rem; width: 2rem; background: #dde2f4; position: absolute; top: 50%; left: -4.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card__infrastructure-btns { width: 100%; } .card__button { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; padding: 2.4rem 4rem; border-radius: 3.2rem; } .card__button.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .card__button-name { font-weight: 500; font-size: 3.6rem; } .card__buttom-arrow { width: 7rem; height: 7rem; } .card__buttom-arrow img { height: 2rem; } .card__btn-item { font-size: 3.6rem; border-radius: 6rem; padding: 6.5rem 2rem 6rem 6rem; } .card__btn-item:not(:last-child) { margin-bottom: 4rem; } .card__btn-item .card__link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .card__btn-item-title { margin-bottom: 3rem; } .banner-support.page-card { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .description { margin-bottom: 11rem; } .description__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .description__text-block { width: 100%; margin-bottom: 20rem; } .description__title { margin-bottom: 5rem; } .description__text { font-size: 3.2rem; text-align: justify; margin-bottom: 9rem; line-height: 1.26; } .description__text p:not(:last-child) { margin-bottom: 3.5rem; } .description__spoller { width: 100%; } .description__spoller-title-wrap { margin-bottom: 6rem; } .description__spoller-title-box { font-size: 3.6rem; padding: 3rem 0 3rem 4rem; border-radius: 3rem 0 3rem 3rem; } .description__spoller-subtitle { font-size: 3.2rem; } .description .slice { height: calc(100% - 11.5rem); background: #ffffff; border-radius: 0 3rem 3rem 0; } .description__btn { width: 9.6rem; height: 9.6rem; border-radius: 2.4rem; margin-left: 1rem; margin-top: 1rem; -webkit-transition: 0.8s; transition: 0.8s; } .description__btn .corner { position: absolute; top: -1rem; left: -1rem; z-index: -1; } .description__btn .corner::before { background-color: #fafaff; } .description__btn svg { fill: #2b2f36; -webkit-transition: 0.5s; transition: 0.5s; } .description__article-item { width: 100%; } .object-video { padding-bottom: 7rem; margin-bottom: 0rem; } .object-video__title { margin-bottom: 5rem; } .object-video__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .object-video__content .blog__box { width: 100%; height: 100%; padding: 4rem 4rem 6.5rem 4rem; } .object-video .blog__photo { /*width: 100%;*/ /*margin-right: 0rem;*/ /*position: relative;*/ } .object-video .blog__photo .btn-video { width: 9.6rem; height: 9.6rem; } .object-video .blog__photo .btn-video:before { border-width: 1.5rem 1.5rem 1.5rem 1.7rem; } .object-video .blog__box-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .object-video .blog__box-top { padding-bottom: 5.5rem; margin-bottom: 3rem; } .object-video .blog__box-top-img { width: 6rem; height: 6rem; margin-right: 2rem; } .object-video .blog__box-top-number { font-size: 3.6rem; } .object-video .blog__box-title { font-size: 5rem; line-height: 7rem; border: none; } .object-video .blog__box-bottom { padding-top: 4.2rem; padding-bottom: 1rem; } .object-video .blog__box-botom-icon { width: 6rem; height: 6rem; } .object-video .blog__box-clock-text { font-size: 3.6rem; } .object-video .blog__box-bottom-data { font-size: 3.6rem; } .object-video .mortgage__calculation { width: 100%; padding: 7.6rem 2.5rem 7rem 4rem; margin-bottom: 0; } .object-video .mortgage__title { font-size: 5rem; margin-bottom: 2rem; } .object-video .mortgage__subtitle { font-size: 3.2rem; margin-bottom: 4rem; } .object-video .mortgage__rangers-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8rem; } .object-video .mortgage__ranger-title { font-size: 2.8rem; margin-bottom: 6rem; } .object-video .mortgage__ranger-payment { position: relative; width: 78%; } .object-video .mortgage__ranger-sale { top: 9rem; } .object-video .irs-single { font-size: 3.4rem; padding-left: 1.5rem; } .object-video .mortgage__price { margin-bottom: 5.2rem; } .object-video .mortgage__button { width: 100%; } .similar-objects { padding-top: 10rem; padding-bottom: 7rem; margin-bottom: 10rem; } .similar-objects__title { text-align: left; margin-bottom: 5rem; } .similar-objects__sort { border-radius: 2rem; margin-bottom: 6rem; width: 100%; height: 12rem; padding: 0 2rem; margin-left: 0; margin-right: 0; } .similar-objects__sort-item { font-size: 3.2rem; } .similar-objects__sort-item:not(:last-child) { margin-right: 12rem; position: relative; } .similar-objects__sort-item:not(:last-child)::before { height: 10rem; top: -3rem; right: -5rem; } .similar-objects__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .similar-objects .real-estate__box { width: 100%; height: 90rem; margin-right: 0; } .similar-objects .real-estate__box:not(:nth-child(4n + 4)) { margin-right: 0rem; } .similar-objects .real-estate__box-inner { height: 78.8rem; } .similar-objects .real-estate__box-inner.active .real-estate__slider { height: 30rem; } .similar-objects .real-estate__box-inner.active .real-estate__item { height: 30rem; } .similar-objects .real-estate__box-inner.active .real-estate__box-cart { display: none; } .similar-objects .real-estate__box-top { padding: 4rem; } .similar-objects .real-estate__slider { height: 58rem; } .similar-objects .real-estate__item { height: 58rem; } .similar-objects .real-estate__pagination span { width: 1.4rem; height: 1.4rem; } .similar-objects .real-estate__pagination.swiper-pagination { bottom: 3rem; } .similar-objects .real-estate__box-id { font-size: 2rem; width: 15.6rem; height: 5.2rem; padding: 0.5rem; border-radius: 2.4rem; top: 3rem; right: 3rem; } .similar-objects .real-estate__box-cart { width: 9.6rem; height: 9.6rem; bottom: 3.2rem; right: 3.2rem; } .similar-objects .real-estate__box-cart img { width: 7rem; height: 4rem; } .similar-objects .real-estate__box-title { font-size: 3rem; } .similar-objects .real-estate__bottom-block { bottom: 1rem; } .similar-objects .real-estate__bottom-box-info { width: 83.5%; } .similar-objects .real-estate__sity-img { width: 3rem; height: 3rem; } .similar-objects .real-estate__sity-name { font-size: 2.4rem; } .similar-objects .real-estate__box-price { font-size: 3.2rem; } .similar-objects .real-estate__box-price span { font-size: 2.4rem; } .similar-objects .real-estate__box-price sup { font-size: 2.4rem; margin-bottom: 1rem; } .similar-objects .real-estate__box-item:nth-child(n + 3) { margin-top: 2rem; } .similar-objects .real-estate__corner { position: absolute; top: 0.4rem; right: 9rem; } .similar-objects .real-estate__like { width: 9.6rem; height: 9.6rem; border-radius: 2.4rem; margin-top: 1rem; position: relative; } .similar-objects .real-estate__like svg { width: 4rem; height: 4rem; } .construction { margin-bottom: 17.2rem; } .construction__title { margin-bottom: 6rem; } .construction__content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 44.4rem 4rem 46.4rem 4rem 13.4rem; grid-template-rows: 44.4rem 46.4rem 13.4rem; row-gap: 4rem; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } .construction__content > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .construction__content > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .construction__content > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .construction__content > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 1; } .construction__content > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 3; } .construction__content > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 5; } .construction__content > *:nth-child(7) { -ms-grid-row: 5; -ms-grid-column: 1; } .construction__content > *:nth-child(8) { -ms-grid-row: 5; -ms-grid-column: 3; } .construction__content > *:nth-child(9) { -ms-grid-row: 5; -ms-grid-column: 5; } .construction__item { border-radius: 4rem; position: relative; border-radius: 1rem; } .construction__item:nth-child(1) { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4; border-radius: 4rem; } .construction__item:nth-child(3) { padding: 4rem; border-radius: 4rem; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1/4; } .construction__item:nth-child(3) .construction__item-bg { position: static; -webkit-filter: brightness(80%); filter: brightness(80%); } .construction__item:nth-child(3) .construction__item-subtitle { font-size: 3.2rem; bottom: 8rem; left: 8rem; -webkit-transform: translate(0%); transform: translate(0%); } .construction__item:nth-child(3) .btn-video { display: none; } .construction__item:last-child { position: relative; -webkit-transition: 0.8s; transition: 0.8s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .construction__item:last-child span { font-size: 5.5rem; font-weight: 700; color: rgb(138, 145, 170); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .construction__item:last-child:hover img { opacity: 0.2; } .construction__item:last-child:hover span { opacity: 1; } .construction__item-bg { height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .construction .mark { width: 18.2rem; height: 7.2rem; background: #e82e3d; border-radius: 3rem 0 3rem 0; right: 7rem; top: 6rem; } .construction .mark__title { font-size: 3.2rem; margin-right: 0rem; } .construction .mark__img { display: none; } .construction__item-title { font-size: 3.7rem; font-weight: 700; color: rgb(255, 255, 255); width: 70%; margin-top: auto; } .stages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 12rem; } .stages__title { margin-bottom: 6rem; } .stages__content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .stages__items { width: 100%; margin-bottom: 16.7rem; } .stages__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .stages__item:not(:last-child) { margin-bottom: 5rem; } .stages__item:not(:last-child)::before { top: 12rem; left: 5.3rem; z-index: 100; } .stages__item.done .stages__mark-circle { background: #0199e4; } .stages__item.done .stages__mark-circle img { height: 3rem; width: 3rem; -o-object-fit: contain; object-fit: contain; display: block; } .stages__item.done .stages__mark-circle span { display: none; } .stages__item.not-done::before { content: ""; width: 0.3rem; height: 100%; border-left: 0.4rem dashed rgb(188, 195, 219); } .stages__item.not-done .stages__mark-circle { background: rgb(235, 237, 244); } .stages__item.not-done .stages__mark-circle span { font-size: 3rem; font-weight: 700; color: #ffffff; } .stages__item.in-progress::before { content: ""; width: 0.3rem; height: 100%; border-left: 0.4rem dashed rgb(188, 195, 219); } .stages__item.in-progress .stages__mark-circle { position: relative; background-image: linear-gradient(150deg, transparent 50%, #0199e4 50%), linear-gradient(90deg, rgb(255, 255, 255) 50%, #0199e4 50%); } .stages__item.in-progress .stages__mark-circle span { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2rem; font-weight: 700; color: rgb(1, 153, 228); position: relative; z-index: 4; } .stages__item.in-progress .stages__mark-circle::before { content: ""; width: 5.5rem; height: 5.5rem; border-radius: 50%; background: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .stages__mark { width: auto; height: auto; background: transparent; position: absolute; top: 4rem; left: 1rem; z-index: 100; } .stages__mark-circle { width: 8.6rem; height: 8.6rem; } .stages__mark-circle img { height: 3rem; width: 3rem; -o-object-fit: contain; object-fit: contain; display: none; } .stages .description__spoller .slice { height: calc(100% - 11rem); background: #ffffff; border-radius: 0 3rem 3rem 0; } .stages .description__spoller.stage .description__spoller-title-wrap { margin-bottom: 0; } .stages .description__spoller.stage .description__spoller-content { font-size: 3.2rem; padding: 4rem; margin-top: 4rem; position: relative; z-index: 101; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stages .description__spoller.stage .description__spoller-content-img { width: 100%; height: 42.2rem; border-radius: 4rem; margin-right: 0rem; margin-bottom: 4rem; } .stages .description__spoller.stage .description__spoller-title-box { padding: 3rem 2rem 3rem 11rem; } .stages__info { width: 100%; margin-bottom: 6rem; } .stages__info-title { font-size: 5rem; margin-bottom: 6rem; text-align: center; padding: 0; } .stages__info-progress-day { width: 100%; height: 67rem; } .stages__progress-day-circle { width: 52rem; height: 52rem; } .stages__progress-day-circle::after { content: ""; width: 48rem; height: 48rem; } .stages__progress-day-circle::before { content: ""; width: 5.8rem; height: 5.7rem; top: 18rem; left: -1rem; } .stages__info-progress-text { padding: 0; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; z-index: 10; } .stages__day-value { font-size: 8rem; width: 95%; margin-bottom: 6rem; } .stages__day-key { font-size: 3.4rem; } .stages__progressbar-inner { width: 100%; height: 4rem; border-radius: 2rem; padding: 0 2rem; margin-bottom: 8rem; } .stages__progressbar { height: 1rem; } .stages__progressbar::before { height: 0.8rem; } .stages__progressbar-title { font-size: 4.8rem; } .stages .articles__right-item.medium-bg { -webkit-box-shadow: none; box-shadow: none; } } @media (max-width: 48em) { .contacts { margin-bottom: 6rem; } .breadcrumbs { font-size: 3.2rem; margin: 12rem 0 5rem 0; } .breadcrumbs a { margin-right: 4rem; } .breadcrumbs a:not(:last-child)::before { right: -2.4rem; } .contacts__tablinks { display: block; width: 100%; margin: 0 auto 6rem auto; } .contacts__tablinks.desctop { display: none; } .contacts__tablink-item { font-size: 3.6rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .contacts__tablink-item:not(:last-child) { margin-bottom: 3.6rem; } .contacts__tab-title { font-size: 7rem; margin-bottom: 1rem; } .contacts__tab-subtitle { display: block; font-size: 3rem; line-height: 5.4rem; margin-bottom: 3rem; } .contacts__tab-subtitle div:not(:last-child) { margin-bottom: 2rem; } .contacts__tab-subtitle span { margin: 0rem; } .contacts__tab-description { font-size: 3.2rem; width: 100%; margin-bottom: 4rem; } .contacts__tab-info-left { margin-right: 0rem; width: 100%; } .contacts__tab-img { width: 100%; height: 44.4rem; border-radius: 3rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; -ms-border-radius: 3rem; -o-border-radius: 3rem; margin-bottom: 8rem; } .description__spoller .slice { height: calc(100% - 11rem); background: #ffffff; border-radius: 0 6rem 3rem 0; } .real-estate__pagination-btn { width: 9rem; height: 9rem; border-radius: 3.2rem; } .real-estate__pagination-btn svg.desktop { display: none; } .real-estate__pagination-btn svg.mobile { display: block; } .real-estate__pagination-btn svg { width: 3.8rem; height: 3.8rem; } .real-estate__pagination-btn img { width: 4rem; } .new-object.real-estate { margin-bottom: 12rem; } .new-object.real-estate .real-estate__inner { margin: 0 -4rem; } .new-object.real-estate .real-estate__left { width: 100%; margin-bottom: 0; } .new-object.real-estate .real-estate__boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 6rem 4rem 4rem 4rem; margin-bottom: 0; overflow-x: scroll; } .new-object.real-estate .real-estate__boxes::-webkit-scrollbar { width: 0; height: 0; } .new-object.real-estate .real-estate__box { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 90%; } .new-object.real-estate .real-estate__box:nth-child(n) { margin: 0 4rem 0 0; } .new-object.real-estate .real-estate__box:last-child { margin: 0; } .new-object__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; font-size: 3.2rem; color: #000; } .new-object__btn-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 7.6rem; height: 7.6rem; margin-left: 3rem; border-radius: 100%; background: #e82e3d; -webkit-box-shadow: 4px 4px 50px rgba(203, 70, 86, 0.1); box-shadow: 4px 4px 50px rgba(203, 70, 86, 0.1); } .new-object__btn-icon svg { width: 1.6rem; height: 2.6rem; } .new-object.real-estate .real-estate__box-items { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .new-object__title { margin-bottom: 0; font-size: 7rem; } .new-object--similar .new-object__title { margin-bottom: 0; } .new-object--similar.real-estate { margin-bottom: 8rem; } .card__slider-box { display: block; height: auto; } .card__slider { width: 100%; height: 44.4rem; } .card__slider-thumb { width: 23.6rem; height: 100%; margin-right: 0; } .card__slide-thumb { width: 100%; border-radius: 1.3rem; cursor: pointer; } .card__slide-thumb:hover { filter: brightness(80%); -webkit-filter: brightness(80%); -moz-filter: brightness(80%); } .card__slide-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .blog__box-top-item { font-weight: 500; font-size: 1.9rem; color: #99a2b5; } .object-video .irs--round .irs-handle { top: 5.8rem; width: 3rem; height: 3rem; } .object-video .mortgage__rangers-wrap .mortgage__ranger-title { margin-bottom: 6rem; } .new-object--similar .new-object__btn { display: none; } .articles__img-box { height: 30rem; margin-bottom: 3rem; border-radius: 4rem; } .articles.page-real-estate { margin-bottom: 12rem; } .modal-video__content { width: 90%; height: 55rem; padding: 8rem 3rem; } .modal-video__close { position: absolute; right: 2rem; top: 2rem; width: 5rem; height: 5rem; } .modal-video__close:before { width: 5rem; } .modal-video__close:after { width: 5rem; } .articles__photo-block { display: block; margin-bottom: 12rem; } .page-news__main-news { width: 100%; min-height: 50rem; padding: 4rem; } .page-news__main-news:not(:last-child) { margin-bottom: 4rem; } .page-news__bg:after { background: -webkit-gradient( linear, left top, left bottom, color-stop(61.39%, rgba(0, 0, 0, 0)), color-stop(62.96%, rgba(0, 0, 0, 0.0409304)), color-stop(64.67%, rgba(0, 0, 0, 0.0856769)), color-stop(67.13%, rgba(0, 0, 0, 0.15)), color-stop(69.43%, rgba(0, 0, 0, 0.25)), color-stop(72.85%, rgba(0, 0, 0, 0.35)), color-stop(77.26%, rgba(0, 0, 0, 0.4)), color-stop(83.54%, rgba(0, 0, 0, 0.4)), color-stop(90.27%, rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.6)) ), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), color-stop(3.13%, rgba(0, 0, 0, 0.178782)), color-stop(7.02%, rgba(0, 0, 0, 0.090106)), color-stop(10.98%, rgba(0, 0, 0, 0))); background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 61.39%, rgba(0, 0, 0, 0.0409304) 62.96%, rgba(0, 0, 0, 0.0856769) 64.67%, rgba(0, 0, 0, 0.15) 67.13%, rgba(0, 0, 0, 0.25) 69.43%, rgba(0, 0, 0, 0.35) 72.85%, rgba(0, 0, 0, 0.4) 77.26%, rgba(0, 0, 0, 0.4) 83.54%, rgba(0, 0, 0, 0.45) 90.27%, rgba(0, 0, 0, 0.6) 100% ), linear-gradient( 180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.178782) 3.13%, rgba(0, 0, 0, 0.090106) 7.02%, rgba(0, 0, 0, 0) 10.98% ); } .page-news__main-date { font-size: 3.2rem; line-height: 4rem; } .page-news__title { font-size: 3.6rem; line-height: 4.6rem; } .card-news .card-news__slider-pagination { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto 4rem auto; } .card-news__slider-pagination .swiper-pagination-bullet { background: #bdc4dc; } .card-news__slider-pagination .swiper-pagination-bullet-active { background: #2b2f36; } .card-news__link-back { font-size: 3.2rem; line-height: 4rem; } .card-news__link-back-icon { width: 7.6rem; height: 7.6rem; margin-right: 2rem; -webkit-box-shadow: 4px 4px 10rem 0 rgba(76, 70, 203, 0.1019607843); box-shadow: 4px 4px 10rem 0 rgba(76, 70, 203, 0.1019607843); } .card-news__link-back-icon svg { width: 2.4rem; height: 2.4rem; } .pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination__btn { width: 9rem; height: 9rem; border-radius: 3.2rem; -webkit-box-shadow: 0.8rem 0.8rem 10rem 0 rgba(76, 70, 203, 0.1019607843); box-shadow: 0.8rem 0.8rem 10rem 0 rgba(76, 70, 203, 0.1019607843); } .pagination__btn svg { width: 3.8rem; height: 3.8rem; } .pagination__numbers { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 0 2.8rem; } .pagination__num { font-weight: 400; font-size: 3.4rem; line-height: 1; } .pagination__num:not(:last-child) { margin-right: 1rem; } .pagination__num.active { font-weight: 500; font-size: 5rem; line-height: 1; } .page-news .articles__right-item.all-bg { padding-bottom: 69rem; } .articles.page-news { margin-bottom: 12rem; } .pop-up__content { width: 90%; padding: 6rem 4rem; border-radius: 6rem; } .pop-up__close { right: 4rem; top: 4rem; width: 8rem; height: 8rem; } .pop-up__title-box { margin-bottom: 6rem; padding-right: 3rem; } .pop-up__title { font-size: 5rem; line-height: 6.3rem; } .pop-up__title:not(:last-child) { margin-bottom: 3rem; } .pop-up__label { height: 10rem; border-radius: 2rem; } .pop-up__label:nth-child(n + 2) { margin-top: 4rem; } .pop-up__input { font-size: 3.2rem; line-height: 4rem; } .pop-up__error { margin-top: 0.8rem; font-size: 2.8rem; line-height: 3.6rem; } .pop-up__label--textarea { height: 36rem; padding: 4rem 3rem; } .pop-up__textarea { font-size: 3.2rem; line-height: 4rem; } .pop-up__btn-box { display: block; } .pop-up__personal-data { margin-top: 3rem; font-size: 2.8rem; line-height: 3.6rem; } .pop-up__btn { width: 100%; min-width: auto; height: 12rem; padding: 0 4rem; border-radius: 3.2rem; font-size: 3.4rem; line-height: 4.3rem; } .pop-up__btn-icon { width: 7rem; height: 7rem; margin-left: 3rem; } .pop-up__btn-icon svg { width: 2.2rem; height: 2.2rem; } .pop-up__complete-icon { width: 18rem; height: 18rem; margin: 0 auto 4rem auto; } .pop-up__complete-icon svg { width: 9.6rem; height: 9.6rem; } .pop-up__complete .pop-up__title { margin-bottom: 1rem; } .pop-up__complete .pop-up__desc { margin-bottom: 8rem; font-size: 2.8rem; line-height: 3.6rem; color: #8a91aa; } .pop-up__complete .pop-up__btn { margin: 0 auto; } .pop-up__desc { font-size: 3.2rem; line-height: 4rem; } .pop-up__inputs-title { font-size: 3.6rem; line-height: 4.6rem; } .worker__social-link { height: 4.6rem; } .worker__social-link:not(:last-child) { margin-right: 4rem; } .text-review__slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 6rem; } .text-review__slider-nav .text-review__title { margin-bottom: 0; } .text-review__arrows { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 23rem; margin-left: 2rem; } .text-review__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 10.4rem; height: 10.4rem; border-radius: 100%; background-color: white; -webkit-box-shadow: 2rem 4rem 20rem 0 rgba(40, 44, 78, 0.1019607843); box-shadow: 2rem 4rem 20rem 0 rgba(40, 44, 78, 0.1019607843); -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; cursor: pointer; } .text-review__arrow.swiper-button-disabled { -webkit-transform: scale(0.8); transform: scale(0.8); } .text-review__arrow:first-child { margin-right: 2rem; } .text-review__arrow.next svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .text-review__arrow svg { width: 2.4rem; height: 2.4rem; } .text-review__arrow path { stroke: #2b2f36; } .text-review__slider { width: calc(100% + 8rem); padding: 0 4rem 5rem 4rem; margin: 0 -4rem -5rem -4rem; } .filter__body-top { display: block; } .filter__body-top .filter__select { margin-bottom: 3rem; } .error-404 { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 118.8rem; padding: 19.6rem 0 7rem 0; margin-bottom: 10rem; } .error-404__title { margin-bottom: 3rem; font-size: 5.8rem; line-height: 7.4rem; } .error-404__btn { width: 67rem; height: 10rem; font-size: 3.4rem; line-height: 4.3rem; } .error-404__arrow { width: 12.4rem; height: 3.2rem; } .modal-review__content { width: 90%; padding: 8rem 4rem; } .modal-review__close { position: absolute; right: 2rem; top: 2rem; width: 5rem; height: 5rem; } .modal-review__close:before { width: 5rem; } .modal-review__close:after { width: 5rem; } .modal-review__text { font-size: 3.2rem; line-height: 1.63; } .real-estate__error-search { font-size: 4.4rem; line-height: 6rem; } .filter__inputs--one .filter__input { width: 100%; } .filter__inputs--one .filter__input input, .filter__input.articul input { padding: 3rem 5rem 2rem 5rem; } .modal-img__content { max-height: 85%; max-width: 85%; } .modal-img__close { width: 6rem; height: 6rem; -webkit-transform: translate(70%, -130%); transform: translate(70%, -130%); } .modal-img__close:before { width: 6rem; } .modal-img__close:after { width: 6rem; } .progress { width: 100%; height: 67rem; padding: 4rem 8rem; border: 7.5rem solid white; } .progress__circle-bg { width: calc(100% - 5rem); height: calc(100% - 5rem); } .progress__circle-val-point:before { width: 6rem; height: 6rem; } .progress-min { width: 8.6rem; height: 8.6rem; } .progress-min__circle-bg { width: 5.6rem; height: 5.6rem; } .bg-title-filter { display: none; } .bg-title-catalog-box { display: none; } } .popup-window[style*="block"] { display: none !important; } .filter__type-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.8rem; } .filter__type-item .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1.4rem; height: 1.4rem; -webkit-transform: translateY(0.3rem); transform: translateY(0.3rem); border-radius: 100%; border: 1px solid #b1b1c5; } .filter__type-item .icon > svg { display: none; width: 1rem; height: 1rem; } .filter__type-item.active .icon { border: 1px solid #0199e4; background-color: #0199e4; } .filter__type-item.active .icon > svg { display: block; } .filter__type-item.active-radio { background: #ededfd; font-weight: 600; } .filter__option { max-height: 33.7rem; padding-top: 0.6rem; } @media (min-width: 48.01em) { .filter__option { left: 50%; width: 120%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 1rem; } } .filter__value:active { -webkit-box-shadow: 0 0 3rem 0 rgba(0, 103, 154, 0.8) inset; box-shadow: 0 0 3rem 0 rgba(0, 103, 154, 0.8) inset; } .filter__inputs--year .filter__input input { padding: 2rem 2rem 2rem 8rem; } .filter__inputs--year .filter__input:after { content: none; } .catalog-item__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 5rem -1rem 5rem -1rem; width: calc(100% + 2rem); } .catalog-item__btn { margin: 1rem; padding: 2rem 4.5rem; border-radius: 1.6rem; background: -webkit-gradient(linear, left bottom, left top, from(#0199e4), to(#0199e4)), #0199e4; background: linear-gradient(0deg, #0199e4, #0199e4), #0199e4; font-weight: 500; font-size: 1.7rem; line-height: 2.2rem; color: white; } .catalog-item__btn:active { -webkit-box-shadow: 0 0 3rem 0 rgba(0, 103, 154, 0.8) inset; box-shadow: 0 0 3rem 0 rgba(0, 103, 154, 0.8) inset; } .catalog-item__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2.8rem; } .catalog-item__wrap--three { width: 116.3rem; } .catalog-item__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 36.9rem; padding: 1.7rem 1.7rem 1.2rem 1.7rem; border-radius: 2rem; background-color: white; -webkit-box-shadow: 0.7rem 1.5rem 7.5rem 0 rgba(40, 44, 78, 0.1019607843); box-shadow: 0.7rem 1.5rem 7.5rem 0 rgba(40, 44, 78, 0.1019607843); } .catalog-item__img-box { width: calc(100% + 3.4rem); height: 21rem; margin: -1.7rem -1.7rem 1.2rem -1.7rem; border-radius: 2.0rem; } .catalog-item__img-box > img { width: 100%; height: 100%; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .catalog-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 4rem; height: 48px!important; } .catalog-item__address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; gap: 0.8rem; font-weight: 500; font-size: 1.6rem; } .catalog-item__address .icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 1.5rem; height: 1.8rem; } .catalog-item__address .icon > img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .catalog-item__id { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; font-weight: 500; font-size: 1.3rem; color: #99a2b5; } .catalog-item__main { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: 1.2rem 0; margin: 1.2rem 0; border-top: 1px solid #dde2f4; border-bottom: 1px solid #dde2f4; } .catalog-item__title { margin-bottom: 1rem; margin-top: 0; font-weight: 700; font-size: 1.6rem; line-height: 2.2rem; } .catalog-item__desc-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; margin: 0; padding: 0; } .catalog-item__desc-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.8rem; } .catalog-item__desc-icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 1.4rem; height: 1.4rem; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); } .catalog-item__desc-icon > img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .catalog-item__desc-text-box { margin: 0; font-size: 1.5rem; line-height: 2.2rem; } .catalog-item__desc-title { margin-right: 0.8rem; color: #8a91aa; } .catalog-item__desc-text { font-size: 1.6rem; font-weight: 700; } .catalog-item__price { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0.6rem 1.2rem 0.6rem 1.9rem; border-radius: 1.2rem; background-color: #f9f9fe; font-weight: 600; font-size: 3rem; line-height: 2rem; } .catalog-item__price .text { -ms-flex-item-align: end; align-self: flex-end; margin-right: 0.6rem; -webkit-transform: translateY(0.2rem); transform: translateY(0.2rem); font-weight: 500; font-size: 1.1rem; line-height: 2rem; color: #99a2b5; } .catalog-item__price sup { margin-left: 0.2rem; font-weight: 700; font-size: 1.2rem; line-height: 1.5rem; } .districts { margin-bottom: 14rem; } .districts .swiper-bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5rem; } .districts .swiper-bullets .swiper-pagination-bullet { background: rgb(189, 196, 220); } .districts .swiper-bullets .swiper-pagination-bullet-active { background: rgb(43, 47, 54); } .districts__title { margin-bottom: 6rem; font-weight: 700; font-size: 5.5rem; line-height: 7rem; } .districts__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 36.3rem; height: 47rem; padding: 5rem; border-radius: 3rem; } .districts__img-box { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; border-radius: inherit; } .districts__img-box > img { width: 100%; height: 100%; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .districts__item-title { width: 19rem; margin: 0; font-size: 3.7rem; line-height: 4.7rem; color: white; } .districts__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; font-size: 1.8rem; line-height: 2.3rem; color: white; } .districts__link-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4.3rem; height: 4.3rem; border-radius: 100%; background-color: #e82e3d; -webkit-box-shadow: 4px 4px 50px 0px rgba(76, 70, 203, 0.1019607843); box-shadow: 4px 4px 50px 0px rgba(76, 70, 203, 0.1019607843); } .districts__link-arrow > svg { width: 0.9rem; height: 1.4rem; } .districts__link-arrow > svg path { stroke: white; } .support__slide-img { width: 59rem; height: 56rem; } .support__slide-img img { width: 100%; height: 100%; border-radius: 0 0 0 22rem; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; } .header__sub-sub-list-inner { padding: 2.1rem 1.6rem; } .look__bottom { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card__slide--vertical img { -o-object-fit: contain; object-fit: contain; background-color: #fafaff; } .partner__about { width: 30rem; font-size: 2rem; } .partner__command-title { font-size: 2rem; } .partner__command-subtitle { padding-left: 1rem; font-size: 2rem; } @media (max-width: 48em) { .filter__type-item { gap: 2rem; padding: 1.2rem 4rem; } .filter__type-item .icon { width: 2.6rem; height: 2.6rem; -webkit-transform: translateY(0.3rem); transform: translateY(0.3rem); } .filter__type-item .icon > svg { width: 1.8rem; height: 1.4rem; } .filter__select { border-radius: 2rem; overflow: hidden; } .filter__wrapper { border-radius: 0; padding: 3rem 4rem; } .filter__option { position: static; max-height: none; margin-top: 0; padding-top: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .filter__clean-filters { top: 8rem; right: 4rem; margin: 0; } .filter__clean-filters svg { width: 4.8rem; height: 4.8rem; } .filter__clean-filters span { margin-right: 2.4rem; } .filter__body-top.active .filter__inputs.filter-hide { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter__inputs--year .filter__input input { padding: 2rem 2rem 2rem 12.4rem; } .catalog-item__buttons { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 1.6rem; width: calc(100% + 8rem); margin: 4.8rem -4rem 12rem -4rem; padding: 0 4rem; overflow: auto; } .catalog-item__btn { margin: 0; padding: 3.2rem 6rem; border-radius: 3.2rem; font-size: 2.4rem; line-height: 3rem; white-space: nowrap; } .catalog-item__wrap { gap: 6rem; width: 100%; } .catalog-item__item { width: 100%; padding: 4rem 4rem 2.4rem 4rem; border-radius: 4rem; -webkit-box-shadow: none; box-shadow: none; } .catalog-item__img-box { width: calc(100% + 8rem); height: 38rem; margin: -4rem -4rem 2rem -4rem; } .catalog-item__address { gap: 1.6rem; font-size: 2.4rem; } .catalog-item__address .icon { width: 2.6rem; height: 2.6rem; } .catalog-item__id { font-size: 2.4rem; } .catalog-item__main { padding: 1.6rem 0; margin: 2rem 0; } .catalog-item__title { margin-bottom: 2.4rem; font-size: 3rem; line-height: 4.3rem; } .catalog-item__desc-list { gap: 2rem; } .catalog-item__desc-item { gap: 2rem; } .catalog-item__desc-icon { width: 2.8rem; height: 2.8rem; } .catalog-item__desc-text-box { font-size: 2.4rem; line-height: 3.4rem; } .catalog-item__desc-title { margin-right: 1.6rem; } .catalog-item__desc-text { font-size: 2.4rem; } .catalog-item__price { padding: 1.6rem 3.4rem; border-radius: 2.4rem; background-color: #f9f9fe; font-size: 4.8rem; line-height: 4rem; } .catalog-item__price .text { -webkit-transform: none; transform: none; margin-right: 1.2rem; font-size: 2.2rem; line-height: 1; } .catalog-item__price sup { margin-left: 0.6rem; font-size: 2rem; line-height: 2.4rem; } .districts .swiper-bullets { margin-top: 6rem; } .districts__title { margin-bottom: 0; font-weight: 700; font-size: 7rem; line-height: 9rem; } .districts__cards { margin: 0 -4rem; padding: 0 4rem; } .districts__item { width: 100%; padding: 6rem; border-radius: 4rem; } .districts__item-title { width: 100%; font-weight: 700; font-size: 5rem; line-height: 1; } .districts__link { gap: 3rem; font-weight: 600; font-size: 3.2rem; line-height: 1; } .districts__link-arrow { width: 7.6rem; height: 7.6rem; } .districts__link-arrow > svg { width: 3rem; height: 3rem; } .photo__slider { margin: 5rem -4rem 0 -4rem; padding: 0 4rem; overflow: hidden; } .partner__about { width: 100%; font-size: 3.2rem; } .partner__command-title { font-size: 3rem; } .partner__command-subtitle { padding-left: 0; font-size: 3rem; } } .element-hidden { display: none; } /*.element-unavailable*/ /*{*/ /* color: #b8b8b8;*/ /*}*/ .disabled-btn { pointer-events: none; /* делаем ссылку некликабельной */ cursor: default; /* устанавливаем курсор в виде стрелки */ } .disabled { display: none; } .worker__quote-quote { width: 3rem; } /*.filter__body-top > *:nth-child(n + 9) {*/ /* position: relative;*/ /* z-index: -1;*/ /* opacity: 0;*/ /* margin-top: 3rem;*/ /* transition: opacity 0.3s ease;*/ /*}*/ @media only all and (max-width: 48em) { .slider_btn_main { margin-top: 20%; } } .header__logo { height: 100%; } .header__logo img { width: 100%; height: 100%; object-fit: contain; } .header__phone { font-size: 1.7rem; } .header__phone:not(:last-child) { margin-right: 3rem; } .header__lang-box { z-index: 1; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding: 1.5rem; margin-right: -2rem; -webkit-transform: translateY(1.8rem); transform: translateY(1.8rem); border-radius: 1.6rem; background-color: white; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); } .header__lang-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 1.7rem; line-height: 2.2rem; text-transform: uppercase; } .header__lang-btn > span { width: 2.4rem; } .header__lang-btn > img { width: 1.5rem; height: 1.5rem; margin: 0 0.4rem; border-radius: 100%; -o-object-fit: fill; object-fit: fill; } .header__lang-btn > svg { width: 1.8rem; height: 1.2rem; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .header__lang-btn > svg path { stroke: #2b2f36; } .header__lang-btn.active > svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header__lang-list { padding: 0; padding-top: 4.7rem; position: absolute; top: 0; left: 0; width: 100%; margin: 0; background-color: #fff; transform: scaleY(0); opacity: 0; visibility: hidden; transform-origin: top; transition-property: opacity, visibility, transform; transition-duration: .4s; transition-timing-function: ease-in-out; border-radius: inherit; z-index: -1; } .header__lang-list.active { transform: scaleY(1); opacity: 1; visibility: visible; } .header__lang-list a { padding: 0.5rem 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.7rem; line-height: 2.2rem; text-transform: uppercase; } .header__lang-list a > span { width: 2.4rem; } .header__lang-list a > img { width: 1.5rem; height: 1.5rem; margin: 0 0.4rem; border-radius: 100%; -o-object-fit: fill; object-fit: fill; } .header__lang-list a > svg { width: 1.8rem; height: 1.2rem; } .header__lang-list a > svg path { stroke: #2b2f36; } .header__lang-list a:hover { font-weight: 600; } .header__btn-back-call { width: 21.5rem; height: 5.5rem; } .header__btn-back-call span { font-size: 1.4rem; } .header__btn-back-call img { width: 0.8rem; height: 1.2rem; } .header__item--red { color: #e62434; } .header .header__red-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 5.5rem; padding: 0 1.5rem 0 2.3rem; border-radius: 1.6rem; background: -webkit-gradient(linear, left bottom, left top, from(#e82e3d), to(#e82e3d)); background: linear-gradient(0deg, #e82e3d, #e82e3d); font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; color: white; } .header .header__red-btn:hover { color: white; } .header .header__red-btn .btn__arrow { width: 3.5rem; height: 3.5rem; } .header .header__red-btn .btn__arrow svg { width: 0.8rem; height: 1.2rem; } @media (max-width: 48em) { .header__burger-btn span { height: 0.6rem; } .header__burger-btn span:before, .header__burger-btn span:after { height: 0.6rem; } .header__logo { -webkit-transform: none; transform: none; } .header__phone .header__phone-img { margin-right: 0; } .header .header__menu-mobile .header__item:not(:last-child) { margin-bottom: 5rem; } .header .header__menu-mobile .header__burger-btn { width: 8rem; height: 8rem; cursor: pointer; } .header .header__menu-mobile .header__burger-btn > span { height: 0.2rem; } .header .header__menu-mobile .header__burger-btn > span:before { height: 0.2rem; } .header .header__menu-mobile .header__nav { margin-bottom: 5rem; } .header__list { padding: 0; } .header__sub-list { padding: 4rem 0 0 2rem; } .header__sub-sub-list { padding: 3rem 0 0 2rem; } .header__item-link svg, .header__sub-item-link svg { width: 2.6rem; height: 1.6rem; } .header__lang-box { padding: 2.8rem; margin-right: 0; margin-bottom: 10rem; -webkit-transform: none; transform: none; border-radius: 3.2rem; -webkit-box-shadow: 2rem 4rem 20rem rgba(40, 44, 78, 0.1); box-shadow: 2rem 4rem 20rem rgba(40, 44, 78, 0.1); } .header__lang-btn { font-size: 3.2rem; line-height: 4rem; } .header__lang-btn > span { width: 4.4rem; } .header__lang-btn > img { width: 3rem; height: 3rem; margin: 0 0.8rem; } .header__lang-btn > svg { width: 3.6rem; height: 2.4rem; } .header__lang-list { padding-top: 8rem; margin: 0; } .header__lang-list a { padding: 1rem 2.8rem; font-size: 3.2rem; line-height: 4rem; } .header__lang-list a > span { width: 4.4rem; } .header__lang-list a > img { width: 3rem; height: 3rem; margin: 0 0.8rem; } .header__lang-list a > svg { width: 3.6rem; height: 2.4rem; } .header__phones { margin-bottom: 8rem; } .header__phones .header__phone { font-size: 3.6rem; } .header__phones .header__phone > img { width: 4.2rem; height: 4.2rem; margin-right: 2.2rem; } .header__btn-back-call { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: 11rem; padding: 0 3rem 0 4.6rem; border-radius: 3.2rem; } .header__btn-back-call span { font-weight: 500; font-size: 2.8rem; } .header__btn-back-call img { width: 1.6rem; height: 2.4rem; } .header__btn-arrow { width: 7rem; height: 7rem; } } .filter__body { padding: 5rem 4rem; } .filter__body-top { -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 5rem; } .filter__input--sea input { padding: 0 1.5rem 0 12rem; } @media (min-width: 48.01em) { .filter__type-item { padding: 0.75rem 1.5rem; } .filter__input.articul { width: 20.2rem; } .filter__input.articul input { padding-left: 4.5rem; } .filter__input span { left: 1.5rem; } .filter__input.input-to input, .filter__input.input-from input { padding: 0 3.5rem 0 4.5rem; } .filter__input.input-to:after, .filter__input.input-from:after { right: 1.2rem; } .filter__inputs .filter__input { width: 17rem; } .filter__inputs--year .filter__input { width: 12.6rem; } .filter__inputs--year .filter__input input { padding: 0 1.2rem 0 7.2rem; } .filter__inputs--one .filter__input { width: 20.2rem; } .filter__inputs--one .filter__input--sea input { padding: 0 1.5rem 0 12rem; } .filter__value { width: 16rem; } .filter__bottom-btns { bottom: -3rem; } .filter__wrapper { width: 20.2rem; padding: 0 1.5rem; } } .filter__option { width: 100%; overflow-x: hidden; scrollbar-width: auto; scrollbar-color: rgba(0, 0, 0, 0.3) transparent; } .filter__option::-webkit-scrollbar { width: 4px; } .filter__option::-webkit-scrollbar-track { background: transparent; } .filter__option::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; } @media (max-width: 48em) { .filter__inputs--one .filter__input input, .filter__input.articul input { padding: 3rem 4rem; } .filter__body { padding: 19rem 4rem 6rem 4rem; } .filter__type-item { padding: 0.75rem 4rem; } .filter__option { padding-bottom: 3rem; } .filter__input { border-radius: 2rem; } .filter__input.articul { position: relative; } .filter__input.articul span { left: 4rem; } .filter__input.articul input { padding-left: 9rem; } .filter__input.input-from, .filter__input.input-to { border-radius: 2rem; } .filter__input.input-from input, .filter__input.input-to input { padding: 2rem 6rem 2rem 7.4rem; } .filter__inputs--year .filter__input input { padding: 2rem 2rem 2rem 12.4rem; } .filter .filter__input--sea input { padding-left: 24rem; } .filter .filter__input--sea span { left: 4rem; } } .representation__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .representation__item-place { margin-bottom: 0.4rem; } .representation__item-contacts { margin-top: auto; } .representation__contact-key { margin-bottom: 0; line-height: 2.7rem; } .representation__contact-value { line-height: 2.5rem; } @media (max-width: 48em) { .representation { padding-bottom: 5rem; background: none; } .representation__bg { top: 0; z-index: -1; height: 100%; } .representation__item { height: auto; padding: 4rem; } .representation__item-place { margin-bottom: 0.8rem; } .representation__item-street { margin-bottom: 3rem; } .representation__contact:not(:last-child) { margin-bottom: 0; } .representation__contact-key { line-height: 5.4rem; } .representation__contact-value { line-height: 5rem; } .representation .representation__pagination .swiper-pagination-bullet { margin: 0 1.5rem; background-color: #d6dcee; } .representation .representation__pagination .swiper-pagination-bullet-active { background-color: #2b2f36; } .representation__inner { padding-top: 12rem; padding-bottom: 0; } } .footer__top-title { margin-bottom: 1.5rem; font-size: 3.5rem; line-height: 4.4rem; } .footer__top-subtitle { font-size: 1.7rem; line-height: 2.2rem; } .footer__form { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 38.5rem; height: 5.5rem; padding: 0 2.3rem; margin-right: 1.5rem; border-radius: 1.6rem; background-color: #f7f7fd; } .footer__label > input { width: 100%; font-size: 1.4rem; line-height: 1.8rem; } .footer__label > input::-webkit-input-placeholder { color: #8a91aa; } .footer__label > input::-moz-placeholder { color: #8a91aa; } .footer__label > input:-ms-input-placeholder { color: #8a91aa; } .footer__label > input::-ms-input-placeholder { color: #8a91aa; } .footer__label > input::placeholder { color: #8a91aa; } .footer__btn { width: 24.7rem; height: 5.5rem; padding: 0 1.5rem 0 2.3rem; } .footer__btn > span { font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; } .footer__btn .btn__arrow { width: 3.5rem; height: 3.5rem; } .footer__btn .btn__arrow > svg { width: 0.8rem; height: 1.2rem; } .footer__social-link { display: block; width: 2.4rem; height: 2.4rem; } .footer__social-link > svg { width: 100%; height: 100%; } .footer__social-link > svg path { fill: var(--color); -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .footer__social-link:not(:last-child) { margin-right: 2.4rem; } .footer__social-link:hover > svg path { fill: var(--color); } .footer__contact-item-title { width: 20rem; margin: 0 0 1.5rem 0; font-weight: 600; font-size: 1.7rem; line-height: 2.1rem; } .footer__contact-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 27.8rem; padding: 1rem 1.5rem 1rem 2.3rem; border-radius: 1.6rem; background: -webkit-gradient(linear, left bottom, left top, from(#0199e4), to(#0199e4)); background: linear-gradient(0deg, #0199e4, #0199e4); font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; color: white; } .footer__contact-btn .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4rem; height: 4rem; border: 2px solid #ffffff; border-radius: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#2aabee), color-stop(99.26%, #229ed9)); background: linear-gradient(180deg, #2aabee 0%, #229ed9 99.26%); } .footer__contact-btn .icon > svg { width: 2rem; height: 2rem; -webkit-transform: translateX(-1px); transform: translateX(-1px); } .footer__contact-btn .icon > svg path { fill: white; } .footer__nav { -webkit-column-gap: 9rem; -moz-column-gap: 9rem; column-gap: 9rem; } .footer__nav-list { width: 22rem; padding: 0; } @media (max-width: 48em) { .footer__top-title { margin-bottom: 2.4rem; font-size: 4.8rem; line-height: 6rem; } .footer__top-subtitle { font-size: 3.6rem; line-height: 4.6rem; } .footer__form { display: block; width: 100%; margin-bottom: 5.6rem; } .footer__label { width: 100%; height: 11rem; padding: 0 4.6rem; margin-right: 0; margin-bottom: 2.4rem; border-radius: 3.2rem; } .footer__label > input { font-size: 3.2rem; line-height: 4rem; } .footer__btn { width: 100%; height: 11rem; padding: 0 3rem 0 4.6rem; } .footer__btn > span { font-size: 3.2rem; line-height: 4rem; } .footer__btn .btn__arrow { width: 7rem; height: 7rem; } .footer__btn .btn__arrow > svg { width: 1.6rem; height: 2.4rem; } .footer__btn:before { -webkit-transform: rotate(-45deg) translateY(-1000%); transform: rotate(-45deg) translateY(-1000%); } .footer__contacts-item { width: 100%; height: auto; } .footer__contacts-item.social { margin-top: 4rem; } .footer__contact-item-title { width: 100%; margin-bottom: 4rem; font-size: 4rem; line-height: 5rem; } .footer__contact-btn { width: 100%; padding: 1.2rem 3rem 1.2rem 4.6rem; border-radius: 3.2rem; font-size: 3.2rem; line-height: 4rem; } .footer__contact-btn .icon { width: 8rem; height: 8rem; } .footer__contact-btn .icon > svg { width: 4rem; height: 4rem; } .footer__nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; margin-top: 4rem; } .footer__nav-list { width: 32rem; padding: 4rem 3rem; } .footer__social-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__social-link { width: 6rem; height: 6rem; } } .modal-write .pop-up__content { padding: 4rem 5rem 7rem 5rem; } .modal-write .pop-up__title { font-size: 3.2rem; line-height: 4rem; } .modal-write .pop-up__close { top: 3.6rem; right: 3.6rem; } .modal-write .pop-up__title-box { margin-bottom: 4rem; } .modal-write .pop-up__label { position: relative; } .modal-write .pop-up__list-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 4rem; width: 100%; height: 100%; } .modal-write .pop-up__list-btn > svg { width: 1.4rem; height: 0.6rem; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .modal-write .pop-up__list-btn > svg path { stroke: #2b2f36; } .modal-write .pop-up__list-btn.active > svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .modal-write .pop-up__list { display: none; position: absolute; left: 0; top: 100%; z-index: 2; width: 100%; padding: 1rem 3rem 3.6rem 3rem; margin: 0; -webkit-transform: translateY(-0.6rem); transform: translateY(-0.6rem); border-radius: 0 0 1rem 1rem; background-color: #f7f7fd; -webkit-box-shadow: 0 2rem 2rem rgba(40, 44, 78, 0.08); box-shadow: 0 2rem 2rem rgba(40, 44, 78, 0.08); } .modal-write .pop-up__list-item { font-weight: 400; font-size: 1.6rem; line-height: 2rem; cursor: pointer; } .modal-write .pop-up__list-item:not(:last-child) { margin-bottom: 1.5rem; } .modal-write .pop-up__list-item:hover { color: #2aabee; } .modal-write .pop-up__label--textarea { padding: 1.4rem 3rem; } .modal-write .pop-up__btn-box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 4rem; } .modal-write .pop-up__btn { min-width: 20.4rem; height: 5.5rem; padding: 0 1.5rem 0 2.3rem; font-size: 1.6rem; line-height: 2rem; } .modal-write .pop-up__btn-icon { margin-left: 2rem; } .modal-write .pop-up__personal-data { width: 30rem; font-size: 1.2rem; line-height: 1.5rem; } @media (max-width: 48em) { .modal-write .pop-up__content { padding: 5rem 4rem 10rem 4rem; } .modal-write .pop-up__title { font-size: 5rem; line-height: 6.3rem; } .modal-write .pop-up__close { top: 4.6rem; right: 3rem; } .modal-write .pop-up__title-box { margin-bottom: 6rem; } .modal-write .pop-up__label { position: relative; padding: 0 5rem; } .modal-write .pop-up__list-btn > svg { width: 2.6rem; height: 1.2rem; } .modal-write .pop-up__list { padding: 2rem 5rem 6rem 5rem; -webkit-transform: translateY(-1.2rem); transform: translateY(-1.2rem); border-radius: 0 0 2rem 2rem; -webkit-box-shadow: 0 4rem 4rem rgba(40, 44, 78, 0.08); box-shadow: 0 4rem 4rem rgba(40, 44, 78, 0.08); } .modal-write .pop-up__list-item { font-size: 3rem; line-height: 3.8rem; } .modal-write .pop-up__list-item:not(:last-child) { margin-bottom: 3rem; } .modal-write .pop-up__label--textarea { padding: 2.8rem 5rem; } .modal-write .pop-up__btn-box { margin-top: 6rem; } .modal-write .pop-up__btn { width: 100%; height: 11rem; padding: 0 3rem 0 4.6rem; font-size: 3.2rem; line-height: 4rem; } .modal-write .pop-up__btn-icon { margin-left: 4rem; } .modal-write .pop-up__personal-data { width: 100%; font-size: 2.8rem; line-height: 3.5rem; } } .service-page { margin-bottom: 20rem; } .service-page__title { margin-bottom: 6rem; font-weight: 700; font-size: 5.5rem; line-height: 7rem; } .service-page__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .service-page__content { width: 112rem; font-weight: 400; font-size: 2.4rem; line-height: 3rem; } .service-page__content > *:not(:last-child) { margin-bottom: 4rem; } .service-page__img-box { position: relative; display: block; width: 100%; height: 47rem; border-radius: 2rem; } .service-page__img-box > img { width: 100%; height: 100%; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .service-page__gray-box { padding: 3rem; border-radius: 2rem; background-color: #f0f0f9; -webkit-box-shadow: inset 0 0 0.7rem #cacae1; box-shadow: inset 0 0 0.7rem #cacae1; font-size: 2.2rem; line-height: 2.8rem; color: #8a91aa; } .service-page__list-box:not(:first-child) { margin-top: 6rem; } .service-page__list-box:not(:last-child) { margin-bottom: 8rem; } .service-page__list-name { margin-bottom: 5rem; font-weight: 700; font-size: 3.7rem; line-height: 4.7rem; } .service-page__list { padding: 0; margin: 0; } .service-page__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4rem 9rem 4rem 4rem; border-radius: 4rem; background-color: white; -webkit-box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); box-shadow: 1rem 2rem 10rem rgba(40, 44, 78, 0.1); } .service-page__list-item:not(:last-child) { margin-bottom: 2rem; } .service-page__item-number { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.6rem; height: 3.6rem; margin: 0 3rem 0 0; border-radius: 100%; background-color: #0199e4; font-weight: 700; font-size: 1.8rem; color: white; } .service-page__item-text-box { width: 100%; } .service-page__item-title { margin: 0 0 1.5rem 0; font-weight: 700; font-size: 2rem; line-height: 2.5rem; } .service-page__item-text { margin: 0; font-weight: 400; font-size: 1.8rem; line-height: 2.3rem; } .service-page__video { position: relative; width: 100%; height: 61rem; border-radius: 2rem; } .service-page__video > img { width: 100%; height: 100%; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .service-page__video .text { position: absolute; left: 0; top: calc(100% + 1rem); font-weight: 400; font-size: 1.7rem; line-height: 2.7rem; color: #8a91aa; } .service-page__video:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border-radius: inherit; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .service-page__video:hover:before { opacity: 1; } .service-page__video-btn { position: absolute; left: 50%; top: 50%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 8.8rem; height: 8.8rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; background-color: #e82e3d; -webkit-box-shadow: 1rem 2rem 5rem rgba(238, 104, 120, 0.4); box-shadow: 1rem 2rem 5rem rgba(238, 104, 120, 0.4); } .service-page__video-btn > svg { width: 1.3rem; height: 2.3rem; } .service-page__video-btn > svg path { fill: white; } .service-page .service-page__slider { margin: 14rem 0; } .service-page__sidebar { width: 36.2rem; } @media (max-width: 48em) { .service-page { margin-bottom: 16rem; } .service-page__title { margin-bottom: 5rem; font-size: 7rem; line-height: 8.8rem; } .service-page__wrap { display: block; } .service-page__content { width: 100%; margin-bottom: 16rem; font-weight: 300; font-size: 3.2rem; line-height: 4.8rem; } .service-page__content > *:not(:last-child) { margin-bottom: 5rem; } .service-page__img-box { height: 45rem; } .service-page__gray-box { padding: 6rem; border-radius: 4rem; -webkit-box-shadow: inset 0 0 1.4rem #cacae1; box-shadow: inset 0 0 1.4rem #cacae1; font-size: 3.2rem; line-height: 4.8rem; } .service-page__list-box:not(:first-child) { margin-top: 8rem; } .service-page__list-box:not(:last-child) { margin-bottom: 8rem; } .service-page__list-name { font-size: 4.8rem; line-height: 6rem; } .service-page__list-item { padding: 6rem 4rem; border-radius: 8rem; -webkit-box-shadow: 2rem 4rem 20rem rgba(40, 44, 78, 0.1); box-shadow: 2rem 4rem 20rem rgba(40, 44, 78, 0.1); } .service-page__list-item:not(:last-child) { margin-bottom: 4rem; } .service-page__item-number { width: 6rem; height: 6rem; margin-right: 2rem; font-size: 3.2rem; } .service-page__item-title { margin-bottom: 2rem; font-size: 3.6rem; line-height: 4.6rem; } .service-page__item-text { font-size: 3.2rem; line-height: 4rem; } .service-page__video { height: 38rem; border-radius: 3rem; } .service-page__video .text { top: calc(100% + 2rem); font-size: 2.8rem; line-height: 5rem; } .service-page__video-btn { width: 9.6rem; height: 9.6rem; -webkit-box-shadow: 3rem 6rem 15rem rgba(238, 104, 120, 0.4); box-shadow: 3rem 6rem 15rem rgba(238, 104, 120, 0.4); } .service-page__video-btn > svg { width: 1.6rem; height: 2.6rem; } .service-page .service-page__slider { margin: 10rem 0; } .service-page__sidebar { width: 100%; } } .hotel-slider__title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5rem; } .hotel-slider__title { width: 77.5rem; margin: 0; font-weight: 700; font-size: 3.7rem; line-height: 4.7rem; } .hotel-slider__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hotel-slider__slider { margin: -5rem -1.6rem; padding: 5rem 1.6rem; } .hotel-slider__slider .swiper-wrapper { margin-bottom: 5rem; } .hotel-slider__slider-pagination { display: flex; align-items: center; justify-content: center; width: 100%; } .hotel-slider__slider-pagination .swiper-pagination-bullet { margin: 0; width: 1rem; height: 1rem; background-color: rgb(43, 47, 54); opacity: 0.3; } .hotel-slider__slider-pagination .swiper-pagination-bullet-active { opacity: 1; } .hotel-slider__slider-pagination .swiper-pagination-bullet:not(:last-child) { margin-right: 0.6rem; } .hotel-slider__slider:before { content: ""; position: absolute; right: 0; top: 0; z-index: 10; width: 10rem; height: 100%; background: -webkit-gradient( linear, right top, left top, color-stop(40%, #fafaff), color-stop(75%, rgba(250, 250, 255, 0.652754)), to(rgba(250, 250, 255, 0)) ); background: linear-gradient(270deg, #fafaff 40%, rgba(250, 250, 255, 0.652754) 75%, rgba(250, 250, 255, 0) 100%); } .hotel-slider__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; border-radius: 1.5rem; background-color: white; -webkit-box-shadow: 0 0 2rem rgba(40, 44, 78, 0.1); box-shadow: 0 0 2rem rgba(40, 44, 78, 0.1); } .hotel-slider__img-box { width: 100%; height: 32.6rem; border-radius: inherit; } .hotel-slider__img-box > img { width: 100%; height: 100%; border-radius: inherit; -o-object-fit: cover; object-fit: cover; } .hotel-slider__text-box { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2rem 2rem 3rem 2rem; } .hotel-slider__text-title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.4rem; } .hotel-slider__name { margin: 0; font-weight: 600; font-size: 1.8rem; line-height: 2.3rem; } .hotel-slider__rating { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 1.5rem; font-size: 1.7rem; line-height: 2.2rem; } .hotel-slider__rating > svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 1.8rem; height: 1.8rem; margin-right: 0.4rem; } .hotel-slider__rating > svg path { fill: #2b2f36; } .hotel-slider__rating > span { -webkit-transform: translateY(1px); transform: translateY(1px); } .hotel-slider__link { display: block; padding-top: 1.2rem; margin: auto 0 0 0; border-top: 1px solid #dde2f4; font-size: 1.6rem; line-height: 2rem; color: #9faab4; } @media (max-width: 48em) { .hotel-slider__title { width: 100%; font-size: 4.8rem; line-height: 6rem; } .hotel-slider__buttons { display: none; } .hotel-slider__slider { margin: -8rem -4rem; padding: 8rem 4rem; } .hotel-slider__slider:before { content: none; } .hotel-slider__slide { border-radius: 3rem; } .hotel-slider__img-box { height: 50rem; } .hotel-slider__text-box { padding: 4rem 4rem 4rem 4rem; } .hotel-slider__text-title-box { margin-bottom: 3rem; } .hotel-slider__name { font-size: 3.2rem; line-height: 4rem; } .hotel-slider__rating { margin-left: 2rem; font-size: 3.2rem; line-height: 4rem; } .hotel-slider__rating > svg { width: 3rem; height: 3rem; margin-right: 0.6rem; } .hotel-slider__rating > span { -webkit-transform: none; transform: none; } .hotel-slider__link { padding-top: 2.4rem; font-size: 2.6rem; line-height: 3.6rem; } } .modal-send .pop-up__complete, .modal-subscribe .pop-up__complete, .modal-double-subscribe .pop-up__complete { display: block !important; } .modal-subscribe .pop-up__title { margin-bottom: 3rem; } .modal-double-subscribe .pop-up__content { padding: 10rem 5.5rem 6rem 5.5rem; } .modal-double-subscribe .pop-up__title { margin-bottom: 5rem; } .why-us__title { width: 100%; } .new-object__title { margin-bottom: 6rem; } .catalog-item__buttons { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin: 7rem 0 5rem 0; } .catalog-item__btn { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 2rem; background: rgba(2, 153, 228, 0.5); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .catalog-item__btn:not(:last-child) { margin-right: 2rem; } .catalog-item__btn.active, .catalog-item__btn:hover { background: #0299e4; } .real-estate__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 24.7rem; height: 6rem; margin: 4rem auto 0 auto; padding: 0 1.5rem 0 2.3rem; border-radius: 1.6rem; background: -webkit-gradient(linear, left bottom, left top, from(#e82e3d), to(#e82e3d)); background: linear-gradient(0deg, #e82e3d, #e82e3d); } .real-estate__btn > span { font-weight: 600; font-size: 1.5rem; line-height: 1.9rem; } .real-estate__btn .btn__arrow { width: 3.5rem; height: 3.5rem; } .real-estate__btn .btn__arrow > svg { width: 0.8rem; height: 1.2rem; } @media (min-width: 48.01em) { .real-estate__slider.mobile { display: none; } } @media (max-width: 48em) { .modal-subscribe .pop-up__title { margin-bottom: 10rem; } .new-object__title { margin-bottom: 5rem; } .catalog-item__buttons { width: calc(100% + 8rem); margin: 5rem -4rem 5rem -4rem; } .catalog-item__buttons::-webkit-scrollbar { width: 0; } .catalog-item__btn { padding: 3.2rem 6rem; } .catalog-item__btn:not(:last-child) { margin-right: 2.4rem; } .real-estate__btn { min-width: auto; width: 100%; height: 12rem; margin-top: 8rem; padding: 0 3rem 0 4.6rem; border-radius: 3.2rem; } .real-estate__btn > span { font-size: 3rem; line-height: 3.8rem; } .real-estate__btn .btn__arrow { width: 7rem; height: 7rem; } .real-estate__btn .btn__arrow > svg { width: 1.6rem; height: 2.4rem; } .real-estate__content.desktop { display: none; } .real-estate__slider { height: auto; margin-bottom: 0; } .real-estate__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 6rem; } .real-estate__pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1.5rem; opacity: 1; background: #d6dcee; } .real-estate__pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2b2f36; } } /* End */ /* Start:/local/templates/stayproperty/css/dev.css?1750055985614*/ .element-hidden { display: none; } /*.element-unavailable*/ /*{*/ /* color: #b8b8b8;*/ /*}*/ .disabled-btn { pointer-events: none; /* делаем ссылку некликабельной */ cursor: default; /* устанавливаем курсор в виде стрелки */ } .disabled { display: none; } .worker__quote-quote { width: 3rem; } /*.filter__body-top > *:nth-child(n + 9) {*/ /* position: relative;*/ /* z-index: -1;*/ /* opacity: 0;*/ /* margin-top: 3rem;*/ /* transition: opacity 0.3s ease;*/ /*}*/ @media only all and (max-width: 48em) { .slider_btn_main { margin-top: 20%; } } /* End */ /* Start:/local/templates/stayproperty/css/decode.css?17500559851950*/ #toFavorites { margin-left: 20px; position: relative; } #toFavorites .icon-counter { position: absolute; right: -10px; top: -10px; display: flex; align-items: center; justify-content: center; background: #0199e4; width: 21px; height: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 1; color: white; font-weight: 700; font-size: 14px; } .catalog-item__item { position: relative; } .catalog-item__item .catalog-item__img-box { position: relative; z-index: 5; } .to-favorites { cursor: pointer; position: absolute; right: 0; bottom: 0; padding: 10px; background: transparent; font: normal normal normal 32px / 1 FontAwesome; /*font-family: uinext2020min !important;*/ font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #FF2750; z-index: 5; } .to-favorites::before { content: "\f08a"; font-size: 32px; cursor: pointer; /*font: var(--fa-font-regular); */ } .to-favorites.active::before { content: "\f004"; /*font: var(--fa-font-solid); */ } .to-favorites:hover { content: "\f004"; /*font: var(--fa-font-solid);*/ } @media (min-width: 48.01em) { .to-favorites:hover::before { content: "\f004"; /*font: var(--fa-font-solid);*/ } } .filter__inputs .filter__input:after { content: '' !important; } @media (max-width: 48em) { .to-favorites::before { content: "\f004"; font-size: 32px !important; /*font: var(--fa-font-regular);*/ } .to-favorites.active::before { content: "\f004"; font-size: 32px !important; /*font: var(--fa-font-solid);*/ } } /*# sourceMappingURL=decode.css.map */ /* End */ /* Start:/local/templates/stayproperty/css/mobile.css?17500559858675*/ /* iPhone X, XS, 11 Pro, 13 mini (портретный режим) */ @media only screen and (orientation: portrait) and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { .staff .catalog-item__buttons .catalog-item .catalog-item__title .catalog-link { font-size: 3.5rem; line-height: 3.2rem; } .breadcrumbs { font-size: 3.2rem; margin: 12rem 0 5rem 5rem; } .filter__inputs{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .filter__input.input-from { width: 100%; margin-bottom: 5px; } .filter__input.input-to { width: 100%; margin-top: 5px; } .filter__input.input-from input, .filter__input.input-to input{ padding: 2rem 4rem 2rem 12rem; } .header-currencies .current-currency { justify-content: space-between!important; } .partner{ height: 230rem; } .cs-support-block .swiper-wrapper{ margin-top:50px; } .cs-support-block .support__slide-text{ padding: 0 4rem 61.6rem 13rem; } .banner { position: relative; height: 100%; padding-top: 123rem; margin-bottom: 12rem; width: 100%; } .vacancy__btn-text { width: 40.7rem !important; } .footer__nav-list { width: 28rem; padding: 4rem 3rem; } .link-block { width: 100%; } .footer__contact-btn-whatsapp .icon > svg { width: 4rem!important; height: 4rem!important; } } /* iPhone X, XS, 11 Pro, 13 mini (альбомный режим) */ @media only screen and (orientation: landscape) and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { } /* iPhone XS Max, XR, 11, 11 Pro Max (портретный режим) */ @media only screen and (orientation: portrait) and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3){ .staff .catalog-item__buttons .catalog-item .catalog-item__title .catalog-link { font-size: 3.5rem; line-height: 3.2rem; } .breadcrumbs { font-size: 3.2rem; margin: 12rem 0 5rem 5rem; } .filter__inputs{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .filter__input.input-from { width: 100%; margin-bottom: 5px; } .filter__input.input-to { width: 100%; margin-top: 5px; } .filter__input.input-from input, .filter__input.input-to input{ padding: 2rem 4rem 2rem 12rem; } .header-currencies .current-currency { justify-content: space-between!important; } .partner{ height: 230rem; } .cs-support-block .swiper-wrapper{ margin-top:50px; } .cs-support-block .support__slide-text{ padding: 0 4rem 61.6rem 13rem; } .banner { position: relative; height: 100%; padding-top: 123rem; margin-bottom: 12rem; width: 100%; } .vacancy__btn-text { width: 40.7rem !important; } .footer__nav-list { width: 28rem; padding: 4rem 3rem; } .link-block { width: 100%; } .footer__contact-btn-whatsapp .icon > svg { width: 4rem!important; height: 4rem!important; } } /* iPhone XS Max, XR, 11, 11 Pro Max (альбомный режим) */ @media only screen and (orientation: landscape) and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3){ } /* iPhone 12, 12 Pro, 13, 13 Pro (портретный режим) */ @media only screen and (orientation: portrait) and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3){ .staff .catalog-item__buttons .catalog-item .catalog-item__title .catalog-link { font-size: 3.5rem; line-height: 3.2rem; } .breadcrumbs { font-size: 3.2rem; margin: 12rem 0 5rem 5rem; } .filter__inputs{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .filter__input.input-from { width: 100%; margin-bottom: 5px; } .filter__input.input-to { width: 100%; margin-top: 5px; } .filter__input.input-from input, .filter__input.input-to input{ padding: 2rem 4rem 2rem 12rem; } .header-currencies .current-currency { justify-content: space-between!important; } .partner{ height: 230rem; } .cs-support-block .swiper-wrapper{ margin-top:50px; } .cs-support-block .support__slide-text{ padding: 0 4rem 61.6rem 13rem; } .banner { position: relative; height: 100%; padding-top: 123rem; margin-bottom: 12rem; width: 100%; } .vacancy__btn-text { width: 40.7rem !important; } .footer__nav-list { width: 28rem; padding: 4rem 3rem; } .link-block { width: 100%; } .footer__contact-btn-whatsapp .icon > svg { width: 4rem!important; height: 4rem!important; } } /* iPhone 12, 12 Pro, 13, 13 Pro (альбомный режим) */ @media only screen and (orientation: landscape) and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3){ } /* iPhone 12 Pro Max, 13 Pro Max (портретный режим) */ @media only screen and (orientation: portrait) and (min-device-width: 428px) and (max-device-height: 926px) and (-webkit-device-pixel-ratio: 3){ .staff .catalog-item__buttons .catalog-item .catalog-item__title .catalog-link { font-size: 3.5rem; line-height: 3.2rem; } .breadcrumbs { font-size: 3.2rem; margin: 12rem 0 5rem 5rem; } .filter__inputs{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .filter__input.input-from { width: 100%; margin-bottom: 5px; } .filter__input.input-to { width: 100%; margin-top: 5px; } .filter__input.input-from input, .filter__input.input-to input{ padding: 2rem 4rem 2rem 12rem; } .header-currencies .current-currency { justify-content: space-between!important; } .partner{ height: 230rem; } .cs-support-block .swiper-wrapper{ margin-top:50px; } .cs-support-block .support__slide-text{ padding: 0 4rem 61.6rem 13rem; } .banner { position: relative; height: 100%; padding-top: 123rem; margin-bottom: 12rem; width: 100%; } .vacancy__btn-text { width: 40.7rem !important; } .footer__nav-list { width: 28rem; padding: 4rem 3rem; } .link-block { width: 100%; } .footer__contact-btn-whatsapp .icon > svg { width: 4rem!important; height: 4rem!important; } } /* iPhone 12 Pro Max, 13 Pro Max (альбомный режим) */ @media only screen and (orientation: landscape) and (min-device-width: 428px) and (max-device-height: 926px) and (-webkit-device-pixel-ratio: 3){ } @media (max-width: 48em) { .vacancy__btn-text { width: 40.7rem !important; } .footer__nav-list { width: 28rem; padding: 4rem 3rem; } .link-block { width: 100%; } .cs-support-block .support__slide-text{ padding: 0 4rem 61.6rem 13rem!important; } } .favorites-mob{ display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: max-content; margin-bottom: 10px } /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/header-phones/style.css?1750055985150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/components/custom/header.currencies/templates/.default/style.css?17500559852889*/ .header-currencies { position: relative; } .header-currencies .current-currency { border-radius: 1.6rem; padding: 1.5rem 2rem; background: white; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; cursor: pointer; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .header-currencies .current-currency .current-currency__title { font-size: 2rem; font-weight: 500; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .header-currencies .current-currency .item__arrow { margin-left: 10px; width: 12px; } .header-currencies .current-currency .item__arrow path { stroke: #000000; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .header-currencies .currencies-list { display: none; position: absolute; z-index: 100; } .header-currencies .currencies-list .currencies-list__item { cursor: pointer; font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .header-currencies .currencies-list .currencies-list__item:hover { color: #0199e4; } .header-currencies:hover .current-currency { background: #0199e4; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .header-currencies:hover .current-currency .current-currency__title { color: #FFFFFF; } .header-currencies:hover .current-currency .item__arrow path { stroke: #FFFFFF; } .header-currencies:hover .currencies-list { display: flex; align-items: center; flex-direction: column; padding: 1rem; background: white; border: 1px solid #0199e4; border-radius: 1rem; border-top-right-radius: 0; border-top-left-radius: 0; min-width: 100%; } .header__menu-mobile .header-currencies { max-width: fit-content; margin-bottom: 20px; -webkit-box-shadow: 2rem 4rem 20rem rgba(40, 44, 78, 0.1); box-shadow: 2rem 4rem 20rem rgba(40, 44, 78, 0.1); } .header__menu-mobile .header-currencies .current-currency { padding: 2.8rem; border-radius: 3.2rem; } .header__menu-mobile .header-currencies .current-currency .current-currency__title { font-size: 3.2rem; line-height: 4rem; } .header__menu-mobile .header-currencies .currencies-list .currencies-list__item { font-size: 3.2rem; line-height: 4rem; padding: 1rem; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/.default/components/bitrix/news.detail/header-call-button/style.css?1750055985155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/footer-nav-blocks/style.css?1750055985150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/.default/components/bitrix/main.userconsent.request/cs-horizontal/style.css?17500559851540*/ /* ===== cookies ===== */ .cookies { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } .cookies__body { background-color: white; box-shadow: 0 0 40px rgba(196, 196, 196, 0.25); padding: 15px 0; } @media screen and (max-width: 575.5px) { .cookies__body { padding: 10px 0; } } .cookies__row { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 575.5px) { .cookies__row { flex-direction: column; } } .cookies__text { font-weight: 300; font-size: 14px; line-height: 150%; color: #212121; flex: 1 1 auto; margin-right: 30px; } .cookies__text a { color: #02B2C3; } @media screen and (max-width: 575.5px) { .cookies__text { margin: 0 0 20px 0; font-size: 10px; } } .cookies__btn { justify-content: center; line-height: 100%; letter-spacing: -0.03em; color: #333333; border: 2px solid #0199e4; border-radius: 5px; font-size: 16px; padding: 12px 30px; font-weight: 500; width: fit-content; display: inline-block; cursor: pointer; transition: background-color ease 0.3s; } .cookies__btn:hover { background-color: #0199e4; border: 2px solid #0199e4; color: #ffffff; } @media screen and (min-width: 1920px) { .cookies__btn { padding: 0.78125vw 2.0833333333vw; font-size: 14px; } } /* End */ /* Start:/local/templates/.default/components/bitrix/main.userconsent.request/cs-horizontal/user_consent.min.css?17500559853754*/ .main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px 0;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@media(min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-text,.main-user-consent-request-popup-link{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media(max-width:768px){.main-user-consent-request-popup-cont{height:100%}} /* End */ /* Start:/local/templates/stayproperty/template_styles.css?17500559859912*/ .contacts__tab-subtitle { font-weight: 500; color: #fff; color: #333333; border: 1px solid #0199e4; /* background: #0199e4;*/ padding: 2rem 3rem; border-radius: 1.6rem; font-size: 2.1rem; } .districts__link { background: #ffffffd4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; font-size: 1.8rem; line-height: 2.3rem; color: #282626; width: 70%; /* border-radius: 50px; justify-content: flex-end;*/ border-radius: 1.6rem; padding: 0.5rem 1rem; justify-content: space-around; } .districts__link span{ margin-left: 1.2rem; } .districts__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .districts__item-title { width: 19rem; margin: 0; font-size: 4.7rem; line-height: 4.7rem; color: white; font-weight: 500; } .row__btn{ margin-top: 40px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; justify-content: center; -webkit-box-pack: justify; -webkit-justify-content: center; -ms-flex-pack: justify; align-items: center -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; } .row__btn .header__btn-back-call { width: 24.7rem; } @media (max-width: 48em){ .review-video { margin-bottom: 6rem!important; } .row__btn{ margin-top: 0px; } .row__btn .header__btn-back-call { width: 54.7rem; margin-bottom: 7rem!important; } .text-review__reviews { margin-bottom: 1rem!important; } } .b24-window-popup-wrapper { position: relative; width: 73.4rem !important; max-width: 90% !important; max-height: 95% !important; padding: 4rem 5.5rem 6rem 5.5rem !important; border-radius: 4rem !important; background: linear-gradient(179.65deg, #d6e1f1 1.84%, #e6eefb 47.03%, #f0f7ff 99.28%)!important; z-index: 10001; } .b24-form-wrapper.b24-form-border-bottom { border-bottom: 0px !important; } .b24-form-control-container input, .b24-form-control-container textarea{ border-radius: 1rem !important; } .b24-form-sign{ display: none!important; } .b24-form-btn { width: 22rem !important; min-width: 22rem; height: 6rem !important; padding: 0 1.5rem 0 2.6rem !important; border-radius: 1.6rem !important; text-align: center!important; font-weight: 500px !important; font-size: 1.7rem !important; line-height: 2.2rem !important; color: white!important;; } .b24-form-control-container input[type=checkbox]:checked{ background:#777!important; } label input[type=checkbox]:checked{ background:#777!important; } .b24-form-control-file .b24-form-control:after, .b24-form-control-file .b24-form-control:before { background-color: rgb(0 175 236) !important; } .b24-form-control-file .b24-form-control{ border-radius: 1.6rem !important; border-color: rgb(0 175 236) !important; color: rgb(0 175 236) !important; } .b24-form-control-file{ border-radius: 1.6rem !important; } .block-btn-row{ width: 100%; margin: 7rem 0 5rem 0; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-flow: row wrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; justify-content: space-around; -webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify; align-items: center -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; } .card__price-value { font-size: 4.5rem !important; } .card__price-value-details { display: flex; flex-flow: row wrap; justify-content: flex-start; } .to-favorites-details{ bottom: 1rem!important; right: 1rem!important; font-size: 39px; } .blog.blog-slider .blog__photo { height: 40rem; overflow: hidden; display: flex; flex-direction: row; align-items: center; } .blog__photo img { height: 100%!important; } .blog__photo-box { width: auto!important; margin-right: 0!important; } .block-video{ padding: 2.5rem !important; flex-direction: column-reverse; } .blog__box-content-video { padding-top: 0!important; } .blog__box-title-video{ border-bottom: 1px solid #7b8691; font-size: 2.3rem; font-weight: 700; color: #7b8691; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} @media (max-width: 48em){ .header .header__menu-mobile .header__burger-btn span { width: 5rem!important; margin-right: 2.4rem!important; } .header .header__menu-mobile .header__nav { margin-top: 2rem; } } .look__bottom-logo { display: block; width: 20%; height: 8rem; } .header__lang-box { margin-right: 0!important; } .row__btn { margin-top: 10px; } .block-btn-privat{ display: flex; flex-flow: column; background: #fff; padding: 2em 3em; align-items: center; border-radius: 1.6rem; width: 100%; } .flex-row-center{ width: 100% !important; display: flex; flex-flow: column; background: #ececf5; padding: 2em ; align-items: center; } .filter__input.input-from::after, .filter__input.input-to::after { content: "" !important; } .header__lang-box { z-index: 1000!important; } .support__slide-item-value{ display: inline-flex!important; } @media (max-width: 48em) { .header-currencies { width: 6em; z-index: 2000; position: relative; border-radius: 3.2rem; margin-bottom: 7px; } .header-currencies .current-currency .current-currency__title { font-size: 4rem; } .header-currencies .currencies-list .currencies-list__item { cursor: pointer; font-size: 4rem; line-height:5rem; } } .banner__btn{ width: 38rem!important; } .banner__btn-title{ font-size: 2.3rem!important; font-weight: 700!important; } @media (max-width: 48.01em){ .filter__input.input-to input, .filter__input.input-from input { margin-left: 4rem; } .banner__btn { width: 70%!important; } } .privat_text{ font-size: 2.4rem!important; font-weight: 400!important; } .text-align_justify{ text-align: justify; } .catalog-item__item .catalog-item__img-box { z-index: 0!important; } h1{ font-size: 5.5rem!important; font-weight: 700!important; color: rgb(43, 47, 54) !important; line-height: initial; } } .about__text-block { padding-top: 0!important; } @media (min-width: 48.01em) { .filter__input.input-to input, .filter__input.input-from input { padding: 0 1.5rem 0 8.5rem !important; } .filter__inputs--year .filter__input { width: 17rem!important; } .filter__inputs--year .filter__input input{ padding: 0 1.5rem 0 10rem !important; } } .catalog-item__action{ position: absolute; top: 2rem; right: 0; font-size: 1.8rem; padding: 0.8rem 1.2rem; /* padding-left: 10px; */ border-radius: 10px 0 0 10px; } @media (max-width: 48em){ .catalog-item__action{ top: 3rem; font-size: 2.8rem; padding: 1.8rem 2.2rem; } } .hot{ background: #FFFF00; color:#111; } .citizenship-lable { background: red; color: #ffff; } .kredit-lable { background: #15be4b; color: #ffff; } .line { background: midnightblue; color: #ffff; } .hit { background: #543964; color: #ffff; } .footer__contact-btn-whatsapp { margin-top: 15px; background: -webkit-gradient(linear, left bottom, left top, from(#11e956), to(#15be4b)); background: linear-gradient(0deg, #11e956, #15be4b); } .footer__contact-btn-whatsapp .icon { border: 0; background: 0; } .footer__contact-btn-whatsapp .icon > svg { width: 3rem; height: 3rem; -webkit-transform: translateX(-1px); transform: translateX(-1px); } .cs-copy{ color:#ffffff; font-size: 6px; } .checkbox-ios { /*display: inline-block; */ /*height: 28px; */ line-height: 28px; margin-right: 10px; position: relative; vertical-align: middle; user-select: none; } .checkbox-ios .checkbox-ios-switch { position: relative; display: inline-block; box-sizing: border-box; width: 56px; height: 28px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 25%/50%; vertical-align: top; background: #0199e4; transition: .2s; } .checkbox-ios .checkbox-ios-switch:before { content: ''; position: absolute; top: 1px; left: 1px; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, .3); transition: .15s; } .checkbox-ios input[type=checkbox] { display: block; width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; } .checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before { box-shadow: inset 0 0 2px rgba(0, 0, 0, .3); } .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch { background: #eee; } .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before { transform:translateX(28px); } /* Hover */ .checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch { cursor: pointer; border-color: rgba(0, 0, 0, .3); } /* Disabled */ .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch { filter: grayscale(70%); border-color: rgba(0, 0, 0, .1); } .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before { background: #eee; } /* Focus */ .checkbox-ios.focused .checkbox-ios-switch:before { box-shadow: inset 0px 0px 4px #ff5623; } /* End */ /* /local/templates/stayproperty/css/swiper-bundle.min.css?175005598515563 */ /* /local/templates/stayproperty/css/ion.rangeSlider.css?175005598519649 */ /* /local/templates/stayproperty/css/style.css?1750055985550048 */ /* /local/templates/stayproperty/css/dev.css?1750055985614 */ /* /local/templates/stayproperty/css/decode.css?17500559851950 */ /* /local/templates/stayproperty/css/mobile.css?17500559858675 */ /* /local/templates/.default/components/bitrix/news.list/header-phones/style.css?1750055985150 */ /* /local/components/custom/header.currencies/templates/.default/style.css?17500559852889 */ /* /local/templates/.default/components/bitrix/news.detail/header-call-button/style.css?1750055985155 */ /* /local/templates/.default/components/bitrix/news.list/footer-nav-blocks/style.css?1750055985150 */ /* /local/templates/.default/components/bitrix/main.userconsent.request/cs-horizontal/style.css?17500559851540 */ /* /local/templates/.default/components/bitrix/main.userconsent.request/cs-horizontal/user_consent.min.css?17500559853754 */ /* /local/templates/stayproperty/template_styles.css?17500559859912 */