/* Start:/local/templates/deltaestate_v3/assets/css/swiper-bundle.min.css?174262424918457*/ /** * Swiper 11.2.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 14, 2025 */ @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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,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.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display: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;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);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-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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.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/deltaestate_v3/assets/css/magnific-popup.css?17426256397806*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* End */ /* Start:/local/templates/deltaestate_v3/assets/css/style.css?1788533831138425*/ @charset "UTF-8"; :root { --contaner-width: 1360px; --container-paddig-x: 0.5rem; } @media (max-width: 767px) { :root { --container-paddig-x: 0.5rem; } } :root { --primary-color: #a22319; --primary-color-hover: #84150c; --primary-color-opacity-20: rgba(162, 35, 25, 0.2); --secondary-color: #f8f5f5; --secondary-color-hover: #909090; --tetriary-color: #212121; --tetriary-color-hover: #909090; --text-color: #212121; --text-hover: #909090; } /* open-sans-regular - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("/local/templates/deltaestate_v3/assets/css/../fonts/open-sans-v40-cyrillic_latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-600 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("/local/templates/deltaestate_v3/assets/css/../fonts/open-sans-v40-cyrillic_latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("/local/templates/deltaestate_v3/assets/css/../fonts/open-sans-v40-cyrillic_latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } *, *::after, ::before { box-sizing: border-box; } :root { font-size: 12px; } @media (max-width: 767.98px) { :root { font-size: 19px; } } @media (max-width: 374.98px) { :root { font-size: 16px; } } body { font-family: "Open Sans", Verdana, Helvetica, sans-serif; text-rendering: optimizeLegibility; margin: 0; } .de-hidden { display: none !important; } .de-container { width: 100%; max-width: calc(var(--contaner-width) + var(--container-paddig-x) * 2); padding-left: var(--container-paddig-x); padding-right: var(--container-paddig-x); margin-inline: auto; } .de-nowrap { white-space: nowrap; } .de-section-title { font-weight: 700; font-size: 2.6666666667rem; line-height: 2.3888888889rem; letter-spacing: -3%; color: var(--tetriary-color); margin-top: 0; margin-bottom: 0; } @media (max-width: 767.98px) { .de-section-title { font-size: 1.1111111111rem; line-height: normal; } } .de-body-lock { overflow: hidden; } .de-gray-bg { background-color: #f8f5f5; } .de-border-top { border-top-left-radius: 2.2222222222rem; border-top-right-radius: 2.2222222222rem; } input[type=checkbox] { accent-color: #a22319; } .swiper-arrows-2 { padding: 0 3.3333333333rem; position: relative; --swiper-navigation-size: 23px; } .swiper-arrows-2 .swiper-button-next, .swiper-arrows-2 .swiper-button-prev { width: 1.9444444444rem; height: 1.9444444444rem; background: url(/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-triangle.svg) center no-repeat; } .swiper-arrows-2 .swiper-button-next::after, .swiper-arrows-2 .swiper-button-prev::after { display: none; } .swiper-arrows-2 .swiper-button-prev { transform: rotate(180deg); } span.cur-rub::before { content: "руб."; } span.cur-usd::before { content: "$"; } span.cur-eur::before { content: "€"; } .btn-dark.active { background: #cc1104; border-color: #cc1104; } [data-property=PROFITABILITY] * { font-size: 1.2em !important; color: var(--primary-color) !important; font-weight: bold !important; } .js-favorites-count { display: flex; align-items: center; gap: 0.5em; } .js-favorites-count:not([data-count="0"]) img { filter: contrast(0.4) sepia(1) hue-rotate(341deg) saturate(4.5); } .js-favorites-count:not([data-count="0"]):after { content: attr(data-count); font-size: 16px; line-height: 1em; font-weight: 600; color: var(--primary-color); } .icon-calendar::after { content: ""; display: inline-block; width: 1.2em; height: 1.2em; background: url(/local/templates/deltaestate_v3/assets/css/./../img/icons/calendar-icon.svg) center no-repeat; background-size: contain; vertical-align: bottom; } .header__container { padding-top: 1.2222222222rem; padding-bottom: 2.2222222222rem; } @media (min-width: 375px) { .header__container { padding-top: 1.6666666667rem; } } @media (max-width: 991.98px) { .header__container { padding-bottom: 1.7777777778rem; } } .header__top { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991.98px) { .header__top { display: none; } } .header__middle { height: 0.0555555556rem; background-color: rgba(33, 33, 33, 0.1); margin-top: 0.9444444444rem; margin-bottom: 0.9444444444rem; } @media (max-width: 991.98px) { .header__middle { display: none; } } .header__bottom { display: flex; justify-content: space-between; } @media (max-width: 767.98px) { .header__bottom { align-items: end; } } .header__user-nav { list-style: none; padding: 0; margin: 0; display: flex; column-gap: 1.7777777778rem; } .header__user-nav-link { display: flex; flex-direction: column; align-items: center; row-gap: 0.3333333333rem; text-decoration: none; color: var(--text-color); transition: color 0.3s; } .header__user-nav-link:hover { color: var(--text-hover); } .header__user-nav-icon { width: 1.7777777778rem; height: 1.7777777778rem; fill: currentColor; } .header__user-nav-text { font-size: 1.1111111111rem; font-weight: 600; } @media (max-width: 1399.98px) { .header__user-nav-text { font-size: 0.8888888889rem; } } .header__contacts { list-style: none; padding: 0; margin: 0; display: flex; column-gap: 1.5555555556rem; display: flex; align-items: center; } .header__contacts-link { display: inline-block; text-decoration: none; color: var(--text-color); } .header__contacts-icon { display: flex; width: 2.1111111111rem; height: 2.1666666667rem; fill: var(--primary-color); transition: fill 0.3s; } .header__contacts-icon--telegram { transform: translateY(0.2222222222rem); } .header__contacts-link:hover .header__contacts-icon { fill: var(--primary-color-hover); } .header__contacts-text { font-weight: 600; font-size: 1.7777777778rem; transition: color 0.3s; } @media (max-width: 1399.98px) { .header__contacts-text { font-size: 1.4444444444rem; } } .header__contacts-link:hover .header__contacts-text { color: var(--text-hover); } .header__pc-menu { display: flex; align-items: center; column-gap: 0.8333333333rem; } @media (max-width: 1199.98px) { .header__pc-menu { display: none; } } .header__pc-menu-list { list-style: none; padding: 0; margin: 0; display: flex; column-gap: 1.7777777778rem; } @media (max-width: 1399.98px) { .header__pc-menu-list { column-gap: 1.3333333333rem; } } .header__pc-menu-item { position: relative; } .header__pc-menu-link { font-weight: 600; font-size: 1.3888888889rem; text-decoration: none; color: var(--text-color); transition: color 0.3s; } .header__pc-menu-link:hover { color: var(--text-hover); } .header__pc-menu-link:not([href]) { cursor: default; } @media (max-width: 1399.98px) { .header__pc-menu-link { font-size: 1.2777777778rem; } } @media (max-width: 1199.98px) { .header__pc-menu-link { font-size: 0.8888888889rem; } } .header__pc-menu-item:has(> .header__pc-submenu):hover .header__pc-menu-link { color: var(--text-hover); } .header__pc-submenu { list-style: none; padding: 0; margin: 0; position: absolute; left: 50%; top: calc(100% + 0.5555555556rem); border: 0.0555555556rem solid #b6b6b6; background-color: #fff; border-radius: 0.6666666667rem; display: none; padding-top: 0.5555555556rem; padding-bottom: 0.5555555556rem; transform: translateX(-50%); z-index: 2; } .header__pc-submenu::before { content: ""; position: absolute; left: 0; top: -0.6666666667rem; height: 0.7777777778rem; width: 100%; display: block; padding-top: 0.5555555556rem; } .header__pc-submenu-link { display: block; font-size: 1.1111111111rem; font-weight: 600; padding: 0.3333333333rem 0.3333333333rem; white-space: nowrap; text-decoration: none; color: #323232; background-color: transparent; } .header__pc-submenu-link:hover { color: #323232; background-color: rgba(33, 33, 33, 0.1); } .header__pc-menu-item:hover .header__pc-submenu { display: block; } .header__pc-menu-feedback-btn { display: inline-block; font-weight: 700; font-size: 1.3888888889rem; line-height: 1.2105555556rem; padding: 0.8888888889rem 0.8888888889rem; color: #fff; background-color: var(--primary-color); border-radius: 0.4444444444rem; text-decoration: none; transition: background-color 0.3s; } .header__pc-menu-feedback-btn:hover { color: #fff; background-color: var(--primary-color-hover); } @media (max-width: 1399.98px) { .header__pc-menu-feedback-btn { padding: 0.5555555556rem 0.5555555556rem; font-size: 1.2777777778rem; } } @media (max-width: 1199.98px) { .header__pc-menu-feedback-btn { padding: 0.4444444444rem 0.4444444444rem; font-size: 0.8888888889rem; } } .header__phone-nav { display: none; } @media (max-width: 1199.98px) { .header__phone-nav { display: flex; align-items: center; justify-content: center; } } .header__phone-menu { position: absolute; left: 0; top: 0; width: 100%; min-height: 100dvh; height: 100%; overflow-y: auto; z-index: 3; background-color: #fff; transform: translateX(-100%); transition: transform 0.3s; } .header__phone-menu--show { transform: translateX(0); } .header__phone-menu-container { padding: 1.2222222222rem 1.2222222222rem; } .header__phone-menu-label { font-size: 1.7777777778rem; font-weight: 700; line-height: 2.4211111111rem; letter-spacing: 2%; margin-bottom: 2.3888888889rem; } .header__phone-menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; } .header__phone-menu-list { list-style: none; padding: 0; margin: 0; margin-left: -0.8888888889rem; margin-right: -0.8888888889rem; margin-bottom: 2.6111111111rem; } .header__phone-menu-link { display: block; font-size: 1.1111111111rem; font-weight: 600; line-height: 1.5133333333rem; padding: 0.8888888889rem; color: #212121; text-decoration: none; background-color: transparent; transition: background-color 0.3s; } .header__phone-menu-link:not([href]) { user-select: none; cursor: default; } .header__phone-menu-link:hover { background-color: #f8f5f5; } .header__phone-menu-link:hover:not([href]) { background-color: transparent; } .header__phone-menu-link:has(+ .header__phone-submenu) { display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .header__phone-menu-link:has(+ .header__phone-submenu)::after { content: ""; display: block; width: 0.7777777778rem; height: 0.3888888889rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-down.svg"); background-size: contain; background-repeat: no-repeat; transform: rotate(0deg); transition: transform 0.3s; } .header__phone-submenu { display: none; list-style: none; padding: 0; margin: 0; border: 0.0555555556rem solid rgb(182, 182, 182); border-radius: 0.6666666667rem; padding-top: 0.5555555556rem; padding-bottom: 0.5555555556rem; margin-left: 0.8888888889rem; margin-right: 0.8888888889rem; } .header__phone-submenu-link { display: block; padding: 0.4444444444rem 0.4444444444rem; font-size: 0.8888888889rem; font-weight: 600; text-decoration: none; color: #323232; background-color: transparent; } .header__phone-submenu-link:hover { background-color: #f8f5f5; } .header__phone-menu-item--open>.header__phone-submenu { display: block; } .header__phone-menu-item--open .header__phone-menu-link:has(+ .header__phone-submenu)::after { transform: rotate(180deg); } .header__phone-menu-user { margin-bottom: 4rem; } .header__phone-menu-user-list { list-style: none; padding: 0; margin: 0; margin-left: -0.8888888889rem; margin-right: -0.8888888889rem; } .header__phone-menu-user-item:not(:last-child) { margin-bottom: 0.8888888889rem; } .header__phone-menu-user-link { display: flex; align-items: center; column-gap: 0.4444444444rem; font-weight: 600; padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; text-decoration: none; color: #212121; opacity: 1; transition: opacity 0.3s; } .header__phone-menu-user-link:hover { opacity: 0.6; } .header__phone-menu-user-ico::before { content: ""; display: block; width: 1.3333333333rem; height: 1.3333333333rem; background-size: contain; } .header__phone-menu-user-ico--auth::before { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/person.svg"); } .header__phone-menu-user-ico--favorites::before { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/heart.svg"); } .header__phone-menu-logos { display: flex; justify-content: space-between; } .header__phone-menu-logo { height: 1.3333333333rem; } .header__mobile-contacts { display: none; column-gap: 0.7777777778rem; } @media (max-width: 767.98px) { .header__mobile-contacts { display: flex; margin-bottom: -4px; } } .header__mobile-contacts-link { display: inline-block; text-decoration: none; color: var(--text-color); } .header__mobile-contacts-link img { width: 24px; } .de-burger-menu { display: flex; justify-content: center; align-items: center; width: 1.3333333333rem; height: 1.1111111111rem; position: relative; background-color: transparent; border: unset; z-index: 5; padding: 0; cursor: pointer; outline: none !important; } .de-burger-menu__line { width: 100%; height: 0.1111111111rem; display: block; background-color: #212121; transition: background-color 0.5s; } .de-burger-menu__line::before, .de-burger-menu__line::after { content: ""; position: absolute; left: 0; display: block; width: 100%; background: #212121; height: 0.1111111111rem; transition: transform 0.5s, top 0.5s, bottom 0.5s; } .de-burger-menu__line::before { top: 0; } .de-burger-menu__line::after { bottom: 0; } .de-burger-menu--active .de-burger-menu__line { background-color: transparent; } .de-burger-menu--active .de-burger-menu__line::before { top: 50%; transform: rotate(405deg) translateY(-50%); } .de-burger-menu--active .de-burger-menu__line::after { bottom: 50%; transform: rotate(-405deg) translateY(50%); } .de-burger-menu--active+.header__phone-menu { transform: translateX(0); } .header-logo { flex: 0 0 16.8888888889rem; } @media (max-width: 1399.98px) { .header-logo { flex: 0 0 14.3333333333rem; } } @media (max-width: 1199.98px) { .header-logo { flex: 0 0 11.1111111111rem; } } .header-logo__pic { display: block; max-width: 100%; width: 100%; } .main__sale-banner { margin-bottom: 2.2222222222rem; } .main .sale-banner__link { display: flex; gap: 2em; justify-content: space-between; align-items: center; padding: 0.5em 1em; min-height: 7.1111111111rem; border-radius: 1.1111111111rem; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; color: white; text-decoration: none; } .main .sale-banner__link::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.3294117647), #F14C3F); } .main .sale-banner__link-title { font-weight: 600; font-size: 2.8888888889rem; line-height: 100%; letter-spacing: 0%; position: relative; z-index: 1; } .main .sale-banner__link-text { font-weight: 600; font-size: 2rem; line-height: 120%; letter-spacing: 0%; position: relative; z-index: 2; } .ymaps-2-1-79-islets_round-button__icon { /* display: flex; */ left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); } @media (max-width: 991.98px) { .sale-banner { display: none; } } .sale-banner__pic { display: block; max-width: 100%; width: 100%; } .hero__wrapper { position: relative; border-radius: 2.2222222222rem; overflow: hidden; display: flex; align-items: center; justify-content: center; aspect-ratio: 2.12; } .hero__wrapper::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/hero3.jpg"); background-size: cover; background-color: rgba(33, 33, 33, 0.6); background-blend-mode: multiply; background-repeat: no-repeat; background-position: center right; } @media (max-width: 991.98px) { .hero__wrapper { padding: 0; border-radius: 0.8888888889rem; } .hero__wrapper::before {} } @media (max-width: 767.98px) { .hero__wrapper { aspect-ratio: initial; height: 30rem; } .hero__wrapper::before { background-position-x: 76%; background-size: cover; } } .hero__inner { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } .hero__title { max-width: 61.5555555556rem; font-weight: 700; font-size: 2.6666666667rem; line-height: 2.9333333333rem; text-align: center; letter-spacing: -3%; color: #fff; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 1em; } @media (max-width: 991.98px) { .hero__title { font-size: 1.1111111111rem; line-height: 1.5133333333rem; margin-bottom: 0.8333333333rem; } } .hero__search-form { display: flex; max-width: 52.2222222222rem; margin-left: auto; margin-right: auto; } @media (max-width: 767.98px) { .hero__search-form { flex-direction: column; row-gap: 0.4444444444rem; } } .hero__search-input { font-family: "Open Sans", sans-serif; display: block; max-width: 44.8333333333rem; width: 100%; font-weight: 600; font-size: 1.1111111111rem; padding: 1.0555555556rem 1.0555555556rem; border-radius: 0.6666666667rem; border: unset; z-index: 2; outline: none; } .hero__search-input::placeholder { color: rgba(33, 33, 33, 0.2); } @media (max-width: 575.98px) { .hero__search-input { font-size: 0.7777777778rem; padding: 0.5555555556rem; } } .hero__search-btn { font-weight: 600; font-size: 1.3333333333rem; background-color: var(--primary-color); color: #fff; padding-top: 0.9444444444rem; padding-right: 2.2222222222rem; padding-bottom: 0.9444444444rem; padding-left: 3.3333333333rem; border-radius: 0.6666666667rem; border: unset; transform: translateX(-1.1111111111rem); transition: background-color 0.3s; outline: none; } .hero__search-btn:hover, .hero__search-btn:focus { background-color: var(--primary-color-hover); } @media (max-width: 767.98px) { .hero__search-btn { transform: translateX(0); } } @media (max-width: 575.98px) { .hero__search-btn { font-size: 0.7777777778rem; padding: 0.6666666667rem; } } .hero__badge { position: absolute; display: flex; right: 1.8888888889rem; bottom: 1.3333333333rem; align-items: center; column-gap: 0.4444444444rem; background-color: #fff; padding-top: 0.4444444444rem; padding-right: 1rem; padding-bottom: 0.4444444444rem; padding-left: 0.4444444444rem; border-radius: 11.1111111111rem; text-decoration: none; } @media (max-width: 575.98px) { .hero__badge { padding: 0.3333333333rem 0.3333333333rem; padding-right: 0.6666666667rem; right: 50%; bottom: 0.7777777778rem; transform: translateX(50%); } } .hero__badge-ico { display: flex; width: 2.2222222222rem; height: 2.2222222222rem; align-items: center; justify-content: center; } .hero__badge-ico img { max-width: 100%; } @media (max-width: 575.98px) { .hero__badge-ico { width: 1.5555555556rem; height: 1.5555555556rem; } } .hero__badge-text { font-weight: 600; font-size: 1.3333333333rem; line-height: 1.3333333333rem; color: var(--text-color); white-space: nowrap; } @media (max-width: 575.98px) { .hero__badge-text { font-size: 0.8888888889rem; } } .filters.filters-main .category__filters-col>* { width: calc((100% - 2.1111111111rem * 2) / 3); max-width: initial; } @media (max-width: 1199.98px) { .filters.filters-main .category__filters-col>* { font-size: 0.8888888889rem; } } @media (max-width: 991.98px) { .filters.filters-main .category__filters-col>* { width: calc((100% - 2.1111111111rem * 1) / 2); } } @media (max-width: 767.98px) { .filters.filters-main .category__filters-col>* { width: 100%; } } .filters__container { padding-left: 4.4444444444rem; padding-right: 4.4444444444rem; padding-top: 4.5555555556rem; padding-bottom: 4.1666666667rem; } @media (max-width: 1399.98px) { .filters__container { padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; padding-top: 2.2222222222rem; padding-bottom: 2.5rem; } } @media (max-width: 1199.98px) { .filters__container { padding-left: 1.7777777778rem; padding-right: 1.7777777778rem; padding-top: 2.2222222222rem; padding-bottom: 2.5rem; } } @media (max-width: 767.98px) { .filters__container { padding-top: 1.6666666667rem; padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; padding-bottom: 0.8888888889rem; } } .filters__row { display: flex; column-gap: 2.1111111111rem; } .filters__row-top { margin-bottom: 1.5555555556rem; } @media (max-width: 991.98px) { .filters__row-top { flex-direction: column; row-gap: 1.1111111111rem; margin-bottom: 1.2222222222rem; } } .filters__row-middle { margin-bottom: 3.1111111111rem; } @media (max-width: 991.98px) { .filters__row-middle { flex-direction: column; row-gap: 1.1111111111rem; margin-bottom: 1.0555555556rem; } } .filters__col { max-width: 31.6666666667rem; width: 100%; } @media (max-width: 1199.98px) { .filters__col:empty { display: none; } } @media (max-width: 991.98px) { .filters__col { max-width: 100%; } } .filters__buttons { display: flex; align-items: center; column-gap: 1.1111111111rem; margin-bottom: 1.6666666667rem; } @media (max-width: 575.98px) { .filters__buttons { width: 100%; flex-direction: column; justify-content: center; row-gap: 1.1111111111rem; } } .filters__button { display: inline-block; font-size: 1.1111111111rem; font-weight: 600; border-radius: 0.6666666667rem; background-color: #4e4e4e; color: #fff; padding: 1.2222222222rem 1.2222222222rem; border: transparent; text-decoration: none; transition: 0.3s background-color; } .filters__button:hover { background-color: var(--primary-color); } @media (max-width: 575.98px) { .filters__button { display: block; width: 100%; padding: 0.7777777778rem; font-size: 0.8888888889rem; } } .filters__link { color: var(--tetriary-color); font-size: 1.1111111111rem; font-weight: 600; } @media (max-width: 575.98px) { .filters__link { font-size: 0.8888888889rem; } } .filters__link:hover { color: var(--tetriary-color); } .filters__fast-links { list-style: none; padding: 0; margin: 0; max-width: 100%; display: flex; gap: 0.3333333333rem; white-space: nowrap; overflow-x: auto; } .filters__fast-link-wrapper { width: 100%; } .filters__fast-link { display: block; padding: 0.5555555556rem; font-weight: 600; border-radius: 0.4444444444rem; text-align: center; background-color: var(--secondary-color); text-decoration: none; color: var(--tetriary-color); transition: background-color 0.3s; } .filters__fast-link:hover { background-color: var(--tetriary-color-hover); color: var(--secondary-color); } .de-component-label { display: block; font-size: 0.8888888889rem; line-height: 1.5133333333rem; font-weight: 600; color: #909090; } @media (max-width: 1199.98px) { .de-component-label { font-size: 0.8888888889rem; } } @media (max-width: 575.98px) { .de-component-label { font-size: 0.7777777778rem; } } .de-radio__label { margin-bottom: 0.4444444444rem; } @media (max-width: 575.98px) { .de-radio__label { margin-bottom: 0.2222222222rem; } } .de-radio__item { position: relative; display: block; flex-grow: 1; } .de-radio__wrapper { display: flex; background-color: var(--secondary-color); border: 0.0555555556rem solid var(--secondary-color); border-radius: 0.6666666667rem; flex-wrap: wrap; } .de-radio__original { position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 0; } .de-radio__variant { display: block; white-space: nowrap; font-size: 1.1111111111rem; font-weight: 600; padding: 1.3333333333rem 1.5555555556rem; border-radius: 0.6666666667rem; background-color: transparent; transition: background-color 0.3s; text-align: center; user-select: none; cursor: pointer; } @media (max-width: 1199.98px) { .de-radio__variant { font-size: 1rem; } } @media (max-width: 575.98px) { .de-radio__variant { padding: 0.6666666667rem 0.8888888889rem; } } .de-radio__original:not(:disabled):not(:checked)+.de-radio__variant:hover::before { border-color: #b3d7ff; } .de-radio__original:not(:disabled):active+.de-radio__variant::before { background-color: #b3d7ff; border-color: #b3d7ff; } .de-radio__original:focus:not(:checked)+.de-radio__variant { border-color: #80bdff; } .de-radio__original:checked+.de-radio__variant { background-color: var(--primary-color-opacity-20); } .de-radio__original:disabled+.de-radio__variant { background-color: #e9ecef; } .de-select select { display: none; } .de-select__label { margin-bottom: 0.5555555556rem; } .de-select__wrapper { position: relative; } .de-select__native { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (hover: none) { .de-select__native { z-index: 1; } } .de-select__custom { position: relative; width: 100%; } .de-select__custom .de-select__list { display: none !important; } @media (hover: hover) { .de-select__custom { pointer-events: all; } } .de-select__current { position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; user-select: none; cursor: pointer; } .de-select__current::after { position: absolute; top: 50%; right: 1.1111111111rem; content: ""; width: 0.7777777778rem; height: 0.5555555556rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-down.svg"); background-repeat: no-repeat; background-size: contain; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s; } @media (max-width: 575.98px) { .de-select__current::after { width: 0.8333333333rem; height: 0.5555555556rem; right: 0.8333333333rem; } } .de-select__custom--open .de-select__current::after { transform: translateY(-50%) rotate(180deg); } .de-select__current, .de-select__native { padding: 1.3333333333rem 2rem 1.3333333333rem 1.3333333333rem; } @media (max-width: 575.98px) { .de-select__current, .de-select__native { padding: 0.6666666667rem 0.7777777778rem 0.6666666667rem 0.7777777778rem; } } .de-select__current, .de-select__native, .de-select__list { border-radius: 0.6666666667rem; border: 0.0555555556rem solid #b6b6b6; background-color: #fff; } .de-select__current, .de-select__item, .de-select__native { font-size: 1.1111111111rem; font-weight: 600; font-size: 1.1111111111rem; } @media (max-width: 1199.98px) { .de-select__current, .de-select__item, .de-select__native { font-size: 1rem; } } .de-select__list { position: absolute; left: 0; top: calc(100% + 0.5555555556rem); display: none; min-width: 100%; max-height: 13.3333333333rem; overflow-y: auto; overflow-x: hidden; list-style: none; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; padding-top: 0.5555555556rem; padding-bottom: 0.5555555556rem; background-color: #fff; z-index: 2; scrollbar-width: thin; } .de-select__list::-webkit-scrollbar { width: 0.3333333333rem; } .de-select__custom--open .de-select__list { display: block; } .de-select__item { padding: 0.4444444444rem 0.4444444444rem; background-color: transparent; cursor: pointer; user-select: none; } .de-select__item:hover, .de-select__item[data-selected] { background-color: rgba(33, 33, 33, 0.1); } body>.de-select__list { display: block; min-width: auto; } .de-range__wrapper { position: relative; display: block; background-color: var(--secondary-color); border: 0.0555555556rem solid var(--secondary-color); border-radius: 0.6666666667rem; } .de-range__label { margin-bottom: 0.4444444444rem; } .de-range__inner { padding: 1.3333333333rem 1.5555555556rem; } @media (max-width: 575.98px) { .de-range__inner { padding: 0.6666666667rem; } } .de-range input[type=range] { -webkit-appearance: none; width: 100%; background: transparent; -moz-appearance: none; appearance: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; margin: 0; pointer-events: none; } .de-range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; } .de-range input[type=range]:focus { outline: none; } .de-range input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } .de-range input[type=range]::-webkit-slider-thumb { pointer-events: all; -webkit-appearance: none; cursor: pointer; border: 0 none; width: 0.6666666667rem; height: 0.6666666667rem; background-color: #4e4e4e; border-radius: 50%; box-shadow: 0 0 0 0 rgba(38, 152, 217, 0.1); transition: box-shadow 0.3s ease-in-out; } .de-range input[type=range]::-moz-range-thumb { pointer-events: all; cursor: pointer; border: 0 none; width: 0.6666666667rem; height: 0.6666666667rem; background-color: #4e4e4e; border-radius: 50%; box-shadow: 0 0 0 0 rgba(38, 152, 217, 0.1); transition: box-shadow 0.3s ease-in-out; } .de-range input[type=range]::-moz-focus-outer { border: 0; } .de-range input[type=range]::-ms-thumb { pointer-events: all; border: 0 none; cursor: pointer; width: 0.6666666667rem; height: 0.6666666667rem; background-color: #4e4e4e; border-radius: 50%; box-shadow: 0 0 0 0 rgba(162, 35, 25, 0.1); transition: box-shadow 0.3s ease-in-out; } .de-range input[type=range]::-webkit-slider-runnable-track { background: transparent; } .de-range input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; } .de-range input[type=range]::-moz-range-track { background: transparent; } .de-range input[type=range]::-ms-track { background: transparent; } .de-range input[type=range]::-ms-fill-lower { background: transparent; } .de-range input[type=range]:focus::-ms-fill-lower { background: transparent; } .de-range input[type=range]::-ms-fill-upper { background: transparent; } .de-range input[type=range]:focus::-ms-fill-upper { background: transparent; } .de-range__out { display: flex; } .de-range__from, .de-range__to { font-family: "Open Sans", sans-serif; font-size: 1.1111111111rem; font-weight: 600; width: 50%; border: unset; background-color: transparent; } .de-range__from:focus:not(:read-only), .de-range__to:focus:not(:read-only) { outline: 0.0555555556rem solid #4e4e4e; } .de-range__from:read-only, .de-range__to:read-only { outline: none; caret-color: transparent; } @media (max-width: 1199.98px) { .de-range__from, .de-range__to { font-size: 1rem; } } .de-range__to { text-align: right; } .de-range__slider { position: absolute; width: calc(100% - 2.2222222222rem); bottom: -0.2222222222rem; left: 1.1111111111rem; z-index: 1; height: 0.8888888889rem; } .de-range__line { position: absolute; left: 25%; right: 25%; top: 50%; height: 0.1111111111rem; border-radius: 0.2777777778rem; background-color: #4e4e4e; transform: translateY(-50%); } .de-checkbox { display: flex; align-items: flex-start; position: relative; } .de-checkbox__item { user-select: none; margin-right: 0.4444444444rem; } .de-checkbox__item::before { content: ""; display: inline-block; width: 1.1111111111rem; height: 1.1111111111rem; flex-shrink: 0; flex-grow: 0; border: 0.0555555556rem solid #a4a4a4; background-repeat: no-repeat; background-position: center center; background-size: 70% 70%; border-radius: 0.2222222222rem; } .de-checkbox__original { position: absolute; top: 0; left: 0; width: 1.1111111111rem; height: 1.1111111111rem; z-index: -1; opacity: 0; margin: 0; } .de-checkbox__label { line-height: 1.0044444444rem; font-weight: 600; color: #4e4e4e; user-select: none; letter-spacing: 2%; font-size: 0.8888888889rem; } @media (max-width: 991.98px) { .de-checkbox__label { font-size: 0.7777777778rem; } } .de-checkbox__original:checked+.de-checkbox__item::before { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/checkbox.svg"); } .estate-categories__container { padding-top: 2.5555555556rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; padding-bottom: 3.8888888889rem; } @media (max-width: 991.98px) { .estate-categories__container { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; padding-top: 0.8888888889rem; padding-bottom: 0.4444444444rem; } } .estate-categories__inner { background-color: #fff; border-radius: 1.5555555556rem; padding-top: 2.7777777778rem; padding-bottom: 3.3333333333rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; } @media (max-width: 991.98px) { .estate-categories__inner { padding-top: 0.4444444444rem; padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; padding-bottom: 0.8888888889rem; margin-left: -0.8888888889rem; margin-right: -0.8888888889rem; margin-top: -0.8888888889rem; } } .estate-categories__header { margin-bottom: 3.3333333333rem; display: flex; justify-content: space-between; } @media (max-width: 991.98px) { .estate-categories__header { margin-bottom: 0.6666666667rem; } } @media (max-width: 767.98px) { .estate-categories__header { flex-direction: column; row-gap: 0.4444444444rem; } } .estate-categories__card-nav { display: flex; column-gap: 1.1111111111rem; position: relative; } @media (max-width: 767.98px) { .estate-categories__card-nav { column-gap: 0.3333333333rem; } } .estate-categories__button-next, .estate-categories__button-prev { display: block; width: 3.3333333333rem; height: 3.3333333333rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-right.svg"); background-size: 0.8888888889rem 0.8888888889rem; background-position: center; background-repeat: no-repeat; background-color: transparent; border: unset; border-radius: 50%; padding: 1.2222222222rem 1.2222222222rem; background-color: #fff; box-shadow: 0rem 0rem 2.5666666667rem 0rem rgba(0, 0, 0, 0.15); cursor: pointer; } .estate-categories__button-next:disabled, .estate-categories__button-prev:disabled { opacity: 0.3; cursor: not-allowed; } @media (max-width: 767.98px) { .estate-categories__button-next, .estate-categories__button-prev { width: 2.2222222222rem; height: 2.2222222222rem; padding: 1.1111111111rem; } } .estate-categories__button-prev { transform: rotate(180deg); } .estate-category-card__wrapper { position: relative; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; width: 100%; aspect-ratio: 1.74; border-radius: 1.3333333333rem; margin-bottom: 0.8888888889rem; background-color: rgba(33, 33, 33, 0.2); background-blend-mode: multiply; transition: background-color 0.3s; overflow: hidden; } .estate-category-card__wrapper--visible, .estate-category-card__wrapper:hover { background-color: rgba(0, 0, 0, 0.58); } @media (max-width: 991.98px) { .estate-category-card__wrapper { max-width: 100%; height: 12.7777777778rem; border-radius: 0.8888888889rem; background-color: rgba(0, 0, 0, 0.58); } } .estate-category-card__text { color: #fff; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; cursor: default; } @media (max-width: 991.98px) { .estate-category-card__text { opacity: 1; visibility: visible; transform: translateY(0); } } .estate-category-card__count { font-size: 2.6666666667rem; font-weight: 600; } @media (max-width: 991.98px) { .estate-category-card__count { font-size: 1.3333333333rem; } } .estate-category-card__label { font-size: 1.1111111111rem; font-weight: 600; } @media (max-width: 991.98px) { .estate-category-card__label { font-size: 0.8888888889rem; } } .estate-category-card__buttons { position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-between; column-gap: 0.5555555556rem; width: 100%; padding-left: 0.5555555556rem; padding-right: 0.5555555556rem; padding-bottom: 0.5555555556rem; opacity: 0; visibility: hidden; transform: translateY(100%); transition: opacity 0.3s, transform 0.4s, visibility 0.3s; } @media (max-width: 991.98px) { .estate-category-card__buttons { opacity: 1; visibility: visible; transform: translateY(0); } } .estate-category-card__button { display: flex; width: 100%; height: 2.7777777778rem; font-weight: 600; justify-content: center; align-items: center; border-radius: 0.7777777778rem; text-decoration: none; color: #686868; background-color: #fff; transition: background-color 0.3s; } .estate-category-card__button:hover { background-color: #f8f5f5; } @media (max-width: 991.98px) { .estate-category-card__button { font-size: 0.8888888889rem; height: 2.1111111111rem; border-radius: 0.4444444444rem; } } .estate-category-card__wrapper:hover .estate-category-card__text, .estate-category-card__wrapper--visible .estate-category-card__text, .estate-category-card__wrapper:hover .estate-category-card__buttons, .estate-category-card__wrapper--visible .estate-category-card__buttons { visibility: visible; opacity: 1; } .estate-category-card__wrapper:hover .estate-category-card__buttons, .estate-category-card__wrapper--visible .estate-category-card__buttons { transform: translateY(0%); } .estate-category-card__title { display: flex; align-items: center; margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.4444444444rem; line-height: 1.9672222222rem; color: var(--tetriary-color); padding-left: 0.5555555556rem; padding-right: 0.5555555556rem; } @media (max-width: 991.98px) { .estate-category-card__title { font-size: 0.8888888889rem; line-height: 1.2105555556rem; } } @media (max-width: 575.98px) { .estate-category-card__title { position: absolute; top: 0; left: 0; right: 0; text-align: center; justify-content: center; } .estate-category-card__title a { color: #fff; padding: 0.5em 0; justify-content: center; } .estate-category-card__title a:after { display: none; } } .estate-category-card__link { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; text-decoration: none; color: var(--tetriary-color); transition: color 0.3s; } .estate-category-card__link::after { content: ""; width: 3.8888888889rem; height: 3.8888888889rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-in-circle.svg"); background-repeat: no-repeat; background-size: contain; opacity: 1; transition: opacity 0.3s; } @media (max-width: 991.98px) { .estate-category-card__link::after { width: 2.2222222222rem; height: 2.2222222222rem; } } .estate-category-card__link:hover { color: var(--tetriary-color-hover); } .estate-category-card__link:hover::after { opacity: 0.3; } .table-apartments .pagination { margin: 15px 0; } .table-apartments { border-radius: 0.6666666667rem; overflow: hidden; } .table-apartments>.h3 { margin-top: 0; } .table-apartments .estate-item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedede; } .table-apartments> :last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .table-apartments .estate-item .item-title { text-align: center; text-transform: uppercase; font-size: 1.4em; margin-bottom: 0.3em; } .table-apartments .estate-item .item-pic { /*border: 1px solid #CBCBCB; padding: 15px;*/ position: relative; margin-bottom: 15px; } .table-apartments .estate-item .item-pic img { width: 100%; height: auto; } .table-apartments .item-properties { margin: 10px 0; } .table-apartments .item-properties>table { width: 100%; margin: 0; } .table-apartments .item-properties>table td { padding: 1.1111111111rem; } .table-apartments .item-property { background: none; margin-bottom: 5px; } .table-apartments-wrap { border-radius: 0.6666666667rem; overflow: hidden; border: 1px solid #808080; } .table-apartments-wrap>table { margin: -1px; } .table-apartments .item-property .property-name { border-width: 1px; background-color: #fff; vertical-align: middle; width: auto; padding: 10px 0; } .table-apartments .item-property .property-name p { width: 100%; padding: 5px 10px; text-align: center; margin: 0; } .table-apartments .btn.btn-red { text-transform: uppercase; padding: 3px 8px; } .table-apartments .item-property .property-value { background-color: #fff; border-width: 1px; vertical-align: middle; width: auto; padding: 1.1111111111rem; text-align: center; } .table-apartments .item-property .property-value a { text-decoration: none; font-weight: bold; } .table-apartments .item-price { font-size: 1.6em; text-align: center; } .table-apartments .btn-red { width: auto; } .estate-item [data-currency] { display: none; } .estate-item [data-currency].active { display: inherit; } @media (max-width: 575.98px) { .table-apartments-wrap { border: none; } .table-apartments thead { display: none !important; } .table-apartments tbody { display: flex; flex-direction: column; gap: 1em; } .table-apartments tr { display: flex; flex-direction: column; border-radius: 1.1111111111rem; overflow: hidden; padding: 1em; background: #f8f5f5 !important; } .table-apartments td { border: none !important; } .table-apartments td.property-value { background-color: #f8f5f5 !important; display: flex; justify-content: space-between; padding: 0.2em 3em; } .table-apartments td.property-value:not(:last-child):before { content: attr(data-title); display: block; font-weight: bold; } .table-apartments td.property-value:last-child { justify-content: center; } .table-apartments .item-property .property-value { padding: 0.5em; } } .special-offers__container { padding-top: 3.8888888889rem; padding-bottom: 3.8888888889rem; } @media (max-width: 767.98px) { .special-offers__container { padding-top: 0.8888888889rem; padding-left: 0; padding-right: 0; padding-bottom: 0.8888888889rem; } } .special-offers__wrapper { position: relative; } .special-offers__title { text-align: center; margin-bottom: 2.3333333333rem; } @media (max-width: 767.98px) { .special-offers__title { margin-bottom: 0.7777777778rem; } } .special-offers__list { display: flex; column-gap: 2.2222222222rem; white-space: nowrap; } @media (max-width: 575.98px) { .special-offers__list { column-gap: 1.1111111111rem; } } .special-offers__item { min-width: 17.2222222222rem; } .special-offers__button-next, .special-offers__button-prev { display: block; width: 3.3333333333rem; height: 3.3333333333rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-right.svg"); background-size: 0.8888888889rem 0.8888888889rem; background-position: center; background-repeat: no-repeat; background-color: transparent; border: unset; border-radius: 50%; padding: 1.2222222222rem 1.2222222222rem; background-color: #fff; box-shadow: 0rem 0rem 2.5666666667rem 0rem rgba(0, 0, 0, 0.15); cursor: pointer; position: absolute; z-index: 10; top: 35%; transform: translateY(-50%); } .special-offers__button-next:disabled, .special-offers__button-prev:disabled { opacity: 0.3; cursor: not-allowed; } @media (max-width: 767.98px) { .special-offers__button-next, .special-offers__button-prev { width: 2.2222222222rem; height: 2.2222222222rem; padding: 1.1111111111rem; top: 33%; } } .special-offers__button-next { right: 1em; } @media (max-width: 767.98px) { .special-offers__button-next { right: 1em; } } .special-offers__button-prev { left: 1em; transform: translateY(-50%) rotate(180deg); } @media (max-width: 767.98px) { .special-offers__button-prev { left: 1em; } } .de-tabs__categories { display: flex; margin-bottom: 1.6666666667rem; } .de-tabs__categories--center { justify-content: center; } @media (max-width: 767.98px) { .de-tabs__categories { margin-bottom: 1.6666666667rem; } } .de-tabs__categories-list { position: relative; list-style: none; padding: 0; margin: 0; display: inline-flex; column-gap: 2.4444444444rem; overflow-x: auto; white-space: nowrap; padding-bottom: 0.2222222222rem; } .de-tabs__categories-list::after { content: ""; position: absolute; left: 0; bottom: 0.0555555556rem; height: 0.0555555556rem; width: 100%; background-color: var(--tetriary-color-hover); } @media (max-width: 767.98px) { .de-tabs__categories-list { column-gap: 1.7777777778rem; display: none; } } .de-tabs__category { flex: 0 0 auto; } .de-tabs__button { position: relative; font-family: "Open Sans", sans-serif; font-size: 1.1111111111rem; font-weight: 600; line-height: 1.2222222222rem; text-align: left; color: var(--tetriary-color-hover); background-color: transparent; border: unset; padding-bottom: 0.3333333333rem; text-decoration: none; outline: none !important; } .de-tabs__button:not(:disabled) { cursor: pointer; } .de-tabs__button--active { color: var(--tetriary-color); } .de-tabs__button--active::after { content: ""; position: absolute; left: 0; top: calc(100% + 0.0555555556rem); height: 0.1666666667rem; width: 100%; background-color: var(--primary-color); z-index: 1; } .de-tabs__button--promo { display: flex; align-items: center; column-gap: 0.1666666667rem; color: var(--primary-color); } .de-tabs__button--promo::before { content: ""; display: inline-block; width: 0.8888888889rem; height: 1.1111111111rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/promo-flag.svg"); background-repeat: no-repeat; background-size: contain; } @media (max-width: 767.98px) { .de-tabs__button { font-size: 0.8888888889rem; } } .de-tabs__item { display: none; } .de-tabs__item--active { display: block; } @media (max-width: 767.98px) { .de-tabs__item { display: block; } } .de-tabs__item-header-mobile { display: none; } @media (max-width: 767.98px) { .de-tabs__item-header-mobile { display: block; } } .de-tabs__item-header-mobile-title { text-align: center; font-size: 1.1111111111rem; font-weight: 600; line-height: 1.2222222222rem; color: var(--primary-color); margin-bottom: 1.1111111111rem; } .card { width: 100%; border-radius: 1.3333333333rem; } @media (max-width: 575.98px) { .card { min-width: 18.2222222222rem; } } .card__container { display: flex; flex-direction: column; padding: 0.8333333333rem 0.5555555556rem; background-color: #fff; box-shadow: 0rem 0rem 3.8222222222rem 0rem rgba(255, 125, 125, 0.1); border-radius: 1.3333333333rem; height: 100%; } .card__header { position: relative; margin-bottom: 1.3333333333rem; overflow: hidden; display: flex; flex-direction: column; } .card__badges { list-style: none; padding: 0; margin: 0; max-width: 100%; display: flex; flex-wrap: wrap; position: absolute; left: 0; top: 0.8888888889rem; padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; column-gap: 0.4444444444rem; row-gap: 0.2222222222rem; } .card__badge-item { font-weight: 600; border-radius: 0.4444444444rem; padding: 0.5555555556rem 1.3333333333rem; background-color: #fff; color: #161616; white-space: nowrap; cursor: default; user-select: none; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; } .card__badge-item--primary { background-color: var(--primary-color); color: #fff; border-radius: 0.2222222222rem; } @media (max-width: 991.98px) { .card__badge-item { font-size: 0.7777777778rem; } } @media (max-width: 767.98px) { .card__badge-item { padding: 0.2222222222rem 0.8888888889rem; font-size: 0.7777777778rem; line-height: 0.6111111111rem; border-radius: 0.2222222222rem; } } .card__pic { border-radius: 1.3333333333rem; margin-bottom: 0.8888888889rem; } .card__img { max-width: 100%; object-fit: cover; border-radius: 1.3333333333rem; aspect-ratio: 1.22; width: 100%; object-fit: cover; } .card__label { padding-left: 0.5555555556rem; padding-right: 0.5555555556rem; } .card__title-row { display: flex; justify-content: space-between; column-gap: 0.5555555556rem; } .card__title { font-size: clamp(1.25rem, 1.0769230769rem + 0.7692307692vw, 2rem); font-weight: 600; color: #161616; margin-top: 0; margin-bottom: 0; white-space: normal; max-width: 100% !important; } .card__subtitle { white-space: normal; font-size: 1em; max-width: 100% !important; } .card__link { text-decoration: none; color: #161616; } .card__link:hover { color: #161616; } .card__lot-number { color: #161616; font-weight: 600; opacity: 0.5; } .card__main { margin-bottom: 1.3333333333rem; padding-left: 0.5555555556rem; padding-right: 0.5555555556rem; overflow: hidden; text-overflow: ellipsis; } .card__footer { margin-top: auto; padding-left: 0.5555555556rem; padding-right: 0.5555555556rem; } .card__footer-top { margin-bottom: 0.8888888889rem; } .card__footer-bottom { display: flex; justify-content: space-between; align-items: center; column-gap: 0.8333333333rem; padding-top: 0.8888888889rem; border-top: 0.0555555556rem solid rgba(33, 33, 33, 0.1); } .card__old-price { font-size: clamp(0.8125rem, 0.7836538462rem + 0.1282051282vw, 0.9375rem); color: #909090; font-weight: 900; margin-bottom: 0.2222222222rem; text-decoration: line-through; } .card__old-price:not(.active) { display: none; } .card__current-price { font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem); font-weight: 900; color: var(--primary-color); } .card__current-price:not(.active) { display: none; } .card__detail-btn { font-size: clamp(0.75rem, 0.6346153846rem + 0.5128205128vw, 1.25rem); display: flex; align-items: center; column-gap: 0.8333333333rem; font-weight: 600; text-decoration: none; color: var(--tetriary-color); } .card__detail-btn::after { content: ""; display: inline-flex; flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 0.0555555556rem solid rgba(33, 33, 33, 0.1); background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/detail-arrow-right.svg"); background-repeat: no-repeat; background-position: center; background-color: transparent; transition: background-color 0.3s; aspect-ratio: 1; flex-shrink: 0; } @media (max-width: 575.98px) { .card__detail-btn::after { flex: 0 0 1.7777777778rem; width: 1.7777777778rem; height: 1.7777777778rem; } } .card__detail-btn:hover { color: var(--tetriary-color); } .card__detail-btn:hover::after { background-color: #f8f5f5; } .card__properties { width: 100%; } .card__property-label { min-width: 6.7777777778rem; color: rgba(22, 22, 22, 0.8); width: 50%; } .card__property-value { color: #000000; } .card__property-value>span[data-currency]:not(.active) { display: none; } .card__property-label, .card__property-value { font-weight: 600; font-size: clamp(0.75rem, 0.6923076923rem + 0.2564102564vw, 1rem); vertical-align: top; } .card__property-question { position: relative; display: inline-block; width: 0.8888888889rem; height: 0.8888888889rem; margin-left: 0.1111111111rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/circle-question.svg"); background-repeat: no-repeat; background-size: contain; transform: translateY(10%); cursor: pointer; } .card__footer-properties { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 1.3333333333rem; user-select: none; } @media (max-width: 991.98px) { .card__footer-properties { column-gap: 1rem; } } @media (max-width: 767.98px) { .card__footer-properties { column-gap: 0.7777777778rem; } } @media (max-width: 575.98px) { .card__footer-properties-item { font-size: 0.6666666667rem; } } .card__footer-properties-district { font-weight: 600; } .card__footer-properties-metro { display: flex; align-items: center; column-gap: 0.5555555556rem; font-weight: 600; color: rgba(22, 22, 22, 0.8); } .card__footer-properties-metro::before { content: ""; display: block; width: 0.6666666667rem; height: 0.6666666667rem; border-radius: 50%; background-color: #0799e1; } .card__footer-properties-walk { display: flex; align-items: center; column-gap: 0.2222222222rem; font-weight: 600; color: #161616; opacity: 0.5; } .card__footer-properties-walk::before { content: ""; display: block; width: 0.8888888889rem; height: 1.2222222222rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/man-walk.svg"); background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .card__footer-properties-walk::before { width: 0.6666666667rem; height: 0.8888888889rem; } } .card__related { display: flex; flex-direction: column; gap: 0.5em; } .card__related-item { display: flex; justify-content: space-between; padding: 0.2em; background: #f8f5f5; border-radius: 0.5em; padding: 0.5em 1em; align-items: center; color: inherit; text-decoration: none; } .card__related-item-name { font-weight: bold; } .card__related-item-price { font-size: inherit; } .card__related-link { font-weight: bold; padding: 0.5em; text-align: center; text-decoration: none; } .card__btn { flex-shrink: 0; } .card__btn-list { font-size: 16px; padding: 0; line-height: 0; width: 1.5em; height: 1.5em; } .card__btn-list.active { color: #cc1104; border: 1px solid #cc1104; } .like-btn { position: relative; display: inline-flex; flex: 0 0 2.5rem; background-color: #fff; border: 0.0555555556rem solid #dedede; border-radius: 100%; width: 2.5rem; height: 2.5rem; transition: background-color 0.3s; aspect-ratio: 1; } @media (max-width: 575.98px) { .like-btn { flex: 0 0 2.2222222222rem; width: 2.2222222222rem; height: 2.2222222222rem; } } .like-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/heart-like.svg"); background-repeat: no-repeat; background-position: center; transition: background-color 0.3s, filter 0.2s; } .like-btn--active { background-color: var(--primary-color); border-color: rgba(33, 33, 33, 0.1); } .like-btn--active::before { filter: brightness(0) invert(1); animation: heartBeat 0.7s; } .like-btn:not(.like-btn--active):hover { background-color: #f8f5f5; } @keyframes heartBeat { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } .register-consultation__container { padding-top: 3.8888888889rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; padding-bottom: 3.8888888889rem; } @media (max-width: 991.98px) { .register-consultation__container { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } } @media (max-width: 767.98px) { .register-consultation__container { padding-top: 0.8888888889rem; padding-bottom: 0.8888888889rem; } } .register-consultation__row { position: relative; display: flex; column-gap: 1.3333333333rem; background-color: #fff; border-radius: 2.2222222222rem; padding-top: 2.2222222222rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; padding-bottom: 5.8333333333rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/delta-text-2.svg"); background-repeat: no-repeat; background-size: 45%; background-position: calc(100% - 2rem) center; } @media (max-width: 991.98px) { .register-consultation__row { flex-direction: column; padding-top: 16.9444444444rem; padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/delta-text-2.svg"); background-position: top 3.2222222222rem center; background-size: 95%; } } @media (max-width: 767.98px) { .register-consultation__row { padding-top: 11.3888888889rem; } } .register-consultation__l-col { width: 100%; z-index: 1; } .register-consultation__l-col-wrapper { max-width: 40.3333333333rem; } @media (max-width: 991.98px) { .register-consultation__l-col-wrapper { margin-left: auto; margin-right: auto; } } .register-consultation__title { margin-bottom: 0.5555555556rem; } @media (max-width: 991.98px) { .register-consultation__title { text-align: center; } } .register-consultation__subtitle { font-weight: 600; font-size: 1.1111111111rem; margin-bottom: 1.8333333333rem; color: #909090; } @media (max-width: 991.98px) { .register-consultation__subtitle { text-align: center; font-size: 0.8888888889rem; margin-bottom: 0.8888888889rem; } } .register-consultation__or-separator { display: flex; align-items: center; font-weight: 600; font-size: 1.7777777778rem; text-transform: lowercase; padding-top: 1.7777777778rem; padding-bottom: 1.7777777778rem; } .register-consultation__or-separator::before, .register-consultation__or-separator::after { content: ""; display: block; height: 0.0555555556rem; max-width: 18.3333333333rem; width: 100%; background-color: #212121; transform: translateY(0.2222222222rem); } .register-consultation__or-separator::before { margin-right: 0.1111111111rem; } .register-consultation__or-separator::after { margin-left: 0.1111111111rem; } @media (max-width: 991.98px) { .register-consultation__or-separator { padding-top: 0.5555555556rem; padding-bottom: 0.7777777778rem; font-size: 1.1111111111rem; } } .register-consultation__contacts-row { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991.98px) { .register-consultation__contacts-row { flex-direction: column; } } .register-consultation__contact-phone { max-width: 13.3333333333rem; } @media (max-width: 991.98px) { .register-consultation__contact-phone { margin-bottom: 1.3333333333rem; } } .register-consultation__contact-phone-label { font-size: 1.1111111111rem; font-weight: 600; line-height: 1.2222222222rem; color: #909090; margin-bottom: 0.4444444444rem; } @media (max-width: 991.98px) { .register-consultation__contact-phone-label { font-size: 0.8888888889rem; line-height: 0.9777777778rem; text-align: center; } } .register-consultation__contact-phone-value { font-size: 1.1111111111rem; font-weight: 600; color: #212121; text-decoration: none; } @media (max-width: 991.98px) { .register-consultation__contact-phone-value { display: block; font-size: 0.8888888889rem; line-height: 0.9777777778rem; text-align: center; } } .register-consultation__contact-phone-value:hover { color: #a22319; } .register-consultation__socials { display: flex; column-gap: 0.5555555556rem; } .register-consultation__social { display: inline-block; width: 2.7777777778rem; height: 2.7777777778rem; border-radius: 50%; background-color: #4e4e4e; transition: background-color 0.3s; } @media (max-width: 991.98px) { .register-consultation__social { width: 2.2222222222rem; height: 2.2222222222rem; } } .register-consultation__social::after { content: ""; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } .register-consultation__social--tg::after { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/tg-self.svg"); } .register-consultation__social--insta::after { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/insta-self.svg"); } .register-consultation__social--fb::after { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/fb-self.svg"); } .register-consultation__social:hover { background-color: var(--primary-color); } .register-consultation__r-col { width: 100%; } .register-consultation__r-col::after { content: ""; position: absolute; right: 0; top: 0; display: block; width: 100%; height: 100%; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/man1.png"); background-repeat: no-repeat; background-size: contain; background-position: bottom right 8.6111111111rem; } @media (max-width: 91.1111111111rem) { .register-consultation__r-col::after { background-position: bottom right 0.2777777778rem; } } @media (max-width: 1399.98px) { .register-consultation__r-col::after { background-position: bottom right 0rem; } } @media (max-width: 1199.98px) { .register-consultation__r-col::after { background-position: bottom right 0rem; } } @media (max-width: 991.98px) { .register-consultation__r-col::after { background-size: 16.8888888889rem; background-position: top 0.8888888889rem center; } } @media (max-width: 767.98px) { .register-consultation__r-col::after { background-size: 11.3333333333rem; background-position: top 0.8888888889rem center; } } .register-consultation-form__row { display: flex; column-gap: 0.8888888889rem; margin-bottom: 0.8888888889rem; } @media (max-width: 991.98px) { .register-consultation-form__row { flex-direction: column; row-gap: 0.4444444444rem; margin-bottom: 0.6666666667rem; } } .register-consultation-form__input { font-family: "Open Sans", sans-serif; display: block; width: 100%; font-weight: 600; font-size: 1.1111111111rem; background-color: #f8f5f5; color: #212121; border: unset; border-radius: 0.8888888889rem; padding: 0.8888888889rem; } .register-consultation-form__input:focus { outline: none; } .register-consultation-form__input::placeholder { color: #212121; opacity: 0.4; } @media (max-width: 991.98px) { .register-consultation-form__input { border-radius: 0.4444444444rem; font-size: 0.8888888889rem; padding: 0.7222222222rem 0.7222222222rem; } } .register-consultation-form__button { width: 100%; font-size: 1.1111111111rem; font-weight: 600; padding: 0.9444444444rem; background-color: #4e4e4e; color: #fff; border: unset; border-radius: 0.8888888889rem; transition: background-color 0.3s; } .register-consultation-form__button:hover { background-color: var(--primary-color); } @media (max-width: 991.98px) { .register-consultation-form__button { border-radius: 0.4444444444rem; font-size: 0.8888888889rem; padding: 0.6666666667rem; } } .news-list__container { padding-top: 3.8888888889rem; padding-left: 4.4444444444rem; padding-right: 4.4444444444rem; padding-bottom: 3.8888888889rem; } @media (max-width: 767.98px) { .news-list__container { display: flex; flex-direction: column; padding-left: 0; padding-right: 0; padding-top: 0.8888888889rem; padding-bottom: 0.8888888889rem; } } .news-list__header { display: flex; align-items: center; justify-content: space-between; column-gap: 0.5555555556rem; margin-bottom: 1.1666666667rem; } @media (max-width: 767.98px) { .news-list__header { display: contents; } } @media (max-width: 767.98px) { .news-list__title { order: 1; text-align: center; margin-bottom: 0.8888888889rem; } } .news-list__more-btn { display: flex; align-items: center; column-gap: 0.8333333333rem; font-size: 1.1111111111rem; font-weight: 600; color: #212121; text-decoration: none; text-transform: lowercase; } @media (max-width: 767.98px) { .news-list__more-btn { justify-content: center; order: 3; margin-top: 1.3333333333rem; } } .news-list__more-btn::after { content: ""; display: flex; flex: 0 0 3.8888888889rem; width: 3.8888888889rem; height: 3.8888888889rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/detail-arrow-right.svg"); background-repeat: no-repeat; background-position: center; background-color: transparent; border: 0.0555555556rem solid rgba(33, 33, 33, 0.1); border-radius: 50%; transition: background-color 0.3s; aspect-ratio: 1; } @media (max-width: 767.98px) { .news-list__more-btn::after { flex: 0 0 2.2222222222rem; width: 2.2222222222rem; height: 2.2222222222rem; } } .news-list__more-btn:hover { color: #212121; } .news-list__more-btn:hover::after { background-color: #fff; } .news-list__row { display: flex; column-gap: 1.1111111111rem; scrollbar-width: thin; width: 100%; } @media (max-width: 991.98px) { .news-list__row { white-space: nowrap; padding: var(--container-paddig-x); } } @media (max-width: 767.98px) { .news-list__row { order: 2; text-align: center; } } .news-list__wrapper { position: relative; } .news-list__item { max-width: initial !important; } .news-list__button-next, .news-list__button-prev { display: block; width: 3.3333333333rem; height: 3.3333333333rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-right.svg"); background-size: 0.8888888889rem 0.8888888889rem; background-position: center; background-repeat: no-repeat; background-color: transparent; border: unset; border-radius: 50%; padding: 1.2222222222rem 1.2222222222rem; background-color: #fff; box-shadow: 0rem 0rem 2.5666666667rem 0rem rgba(0, 0, 0, 0.15); cursor: pointer; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); } .news-list__button-next:disabled, .news-list__button-prev:disabled { opacity: 0.3; cursor: not-allowed; } @media (max-width: 767.98px) { .news-list__button-next, .news-list__button-prev { width: 2.2222222222rem; height: 2.2222222222rem; top: 25%; } } .news-list__button-next { right: 0.5em; } @media (max-width: 767.98px) { .news-list__button-next { right: 1em; } } .news-list__button-prev { left: 0.5em; transform: translateY(-50%) rotate(180deg); } @media (max-width: 767.98px) { .news-list__button-prev { left: 1em; } } .news { position: relative; width: 100%; } @media (max-width: 991.98px) { .news { flex: 0 0 auto; } } @media (max-width: 767.98px) { .news { max-width: 18.2222222222rem; height: auto; } } .news__container { display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.5555555556rem; padding: 1.2777777778rem; height: initial; position: relative; border-radius: 1.3333333333rem; min-height: 22.2222222222rem; } @media (max-width: 767.98px) { .news__container { background-color: #fff; padding: 0.5555555556rem; height: initial; font-size: 0.8888888889rem; } } .news__pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-color: rgba(33, 33, 33, 0.2); background-blend-mode: multiply; border-radius: 1.3333333333rem; } @media (min-width: 768px) { .news__pic:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; left: 0; height: 60%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.44) 63%, rgba(0, 0, 0, 0) 100%); border-radius: 1.3333333333rem; } } @media (max-width: 767.98px) { .news__pic { display: block; position: relative; height: 15.1666666667rem; margin-bottom: 1.1111111111rem; border-radius: 0.7777777778rem; min-height: 15.1666666667rem; } } .news__date { display: inline-block; font-size: 1.1111111111rem; font-weight: 600; padding: 0.3333333333rem 1.1111111111rem; border-radius: 5.5555555556rem; background-color: #fff; user-select: none; z-index: 1; } @media (max-width: 767.98px) { .news__date { display: none; } } .news__title { max-width: 21.1666666667rem; font-size: 1.7777777778rem; line-height: 1.9555555556rem; margin-top: 0; margin-bottom: 0; font-weight: 700; margin-top: auto; color: #fff; z-index: 1; white-space: normal; text-align: left; } @media (max-width: 767.98px) { .news__title { font-size: 1.4444444444rem; line-height: 1.8722222222rem; margin-top: 0; } } .news__link { text-decoration: none; color: #fff; z-index: 1; } @media (max-width: 767.98px) { .news__link { font-size: 1.4444444444rem; line-height: 1.8722222222rem; color: #212121; margin-bottom: 0.6666666667rem; } } .news__link:hover { color: #fff; } .news__short-text { font-weight: 600; display: none; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: left; white-space: normal; color: #909090; height: 3.6666666667rem; margin-bottom: 0.1666666667rem; } @media (max-width: 767.98px) { .news__short-text { display: -webkit-box; flex-grow: 1; } } .news__footer { display: none; width: 100%; padding: 0.7222222222rem 0.7222222222rem; border-radius: 0.6666666667rem; background-color: #f5f5f5; margin-top: auto; } @media (max-width: 767.98px) { .news__footer { display: flex; } } .news__btn { padding: 0.5555555556rem 0.5555555556rem; border-radius: 0.4444444444rem; margin-left: auto; background-color: var(--primary-color); color: #fff; text-decoration: none; transition: background-color 0.3s; } .news__btn:hover { background-color: var(--primary-color-hover); } .news-category { position: relative; max-width: 31.7777777778rem; width: 100%; height: 16.3888888889rem; } @media (max-width: 991.98px) { .news-category { flex: 0 0 auto; } } @media (max-width: 767.98px) { .news-category { max-width: 18.2222222222rem; height: auto; } } .news-category__items { display: flex; gap: 1em; flex-wrap: wrap; } .news-category__card { width: calc((100% - 2em) / 3); } @media (max-width: 991.98px) { .news-category__card { width: calc((100% - 1em) / 2); } } @media (max-width: 767.98px) { .news-category__card { width: 100%; } } .news-category__container { display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.5555555556rem; padding: 0.5555555556rem; height: 100%; border-radius: 1.3333333333rem; box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.0705882353); } @media (max-width: 767.98px) { .news-category__container { background-color: #fff; padding: 0.5555555556rem; } } .news-category__pic { position: relative; left: 0; top: 0; width: 100%; aspect-ratio: 1.4; background-repeat: no-repeat; background-size: cover; background-color: rgba(33, 33, 33, 0.2); background-blend-mode: multiply; border-radius: 1.3333333333rem; } @media (max-width: 767.98px) { .news-category__pic { display: block; position: static; height: 15.1666666667rem; margin-bottom: 1.1111111111rem; border-radius: 0.7777777778rem; } } .news-category__date { display: inline-block; font-size: 1.1111111111rem; font-weight: 600; padding: 0.3333333333rem 1.1111111111rem; border-radius: 5.5555555556rem; background-color: #fff; user-select: none; z-index: 1; } @media (max-width: 767.98px) { .news-category__date { display: none; } } .news-category__title { max-width: 90%; font-size: 1.7777777778rem; line-height: 1.9555555556rem; margin-top: 0; margin-bottom: 0; font-weight: 700; color: #212121; z-index: 1; white-space: normal; text-align: left; } @media (max-width: 767.98px) { .news-category__title { font-size: 1.4444444444rem; line-height: 1.8722222222rem; } } .news-category__link { text-decoration: none; color: #212121; z-index: 1; } @media (max-width: 767.98px) { .news-category__link { font-size: 1.4444444444rem; line-height: 1.8722222222rem; color: #212121; margin-bottom: 0.6666666667rem; } } .news-category__link:hover { color: #212121; } .news-category__short-text { font-weight: 600; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: left; white-space: normal; color: #909090; margin-bottom: 0.1666666667rem; display: block; } .news-category__footer { width: 100%; padding: 0.7222222222rem 0.7222222222rem; border-radius: 0.6666666667rem; background-color: #f5f5f5; margin-top: auto; display: flex; } .news-category__btn { padding: 0.5555555556rem 1.1111111111rem; border-radius: 0.4444444444rem; margin-left: auto; background-color: var(--primary-color); color: #fff !important; text-decoration: none; transition: background-color 0.3s; } .news-category__btn:hover { background-color: var(--primary-color-hover); } .news-category-realtor__container { display: flex; column-gap: 0.5555555556rem; } .news-category-realtor__photo { width: 2.7777777778rem; height: 2.7777777778rem; } .news-category-realtor__pic { width: 2.7777777778rem; height: 2.7777777778rem; display: block; max-width: 100%; object-fit: cover; } .news-category-realtor__name { max-width: 6.4444444444rem; text-align: left; font-size: 0.7777777778rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-category-realtor__text { display: flex; flex-direction: column; justify-content: space-around; } .news-category-realtor__date { text-align: left; font-size: 0.6666666667rem; color: rgba(62, 50, 50, 0.75); } .news-realtor__container { display: flex; column-gap: 0.5555555556rem; } .news-realtor__photo { width: 2.4444444444rem; height: 2.4444444444rem; } .news-realtor__pic { display: block; max-width: 100%; } .news-realtor__name { max-width: 6.4444444444rem; text-align: left; font-size: 0.7777777778rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-realtor__date { text-align: left; font-size: 0.6666666667rem; color: rgba(62, 50, 50, 0.75); } .news-article { background: #F5F5F5; padding: 1.7777777778rem; border-radius: 0.8888888889rem; display: flex; flex-direction: column; gap: 1.7777777778rem; margin-bottom: 1.7777777778rem; } @media (max-width: 767.98px) { .news-article { margin-left: -24px; margin-right: -24px; } } .news-article h1 { font-weight: 700; font-size: 2.6666666667rem; line-height: 110%; letter-spacing: -3%; color: #212121; } @media (max-width: 767.98px) { .news-article h1 { font-size: 1.7777777778rem; } } .news-article img { max-width: 100%; height: auto; border-radius: 0.9rem; } .news-article__pic { width: 100%; height: auto; border-radius: 0.8888888889rem; width: 100%; height: auto; border-radius: 0.8888888889rem; aspect-ratio: 2.4; object-fit: cover; } .news-article__date { font-weight: 600; font-size: 0.8888888889rem; line-height: 100%; letter-spacing: 0%; vertical-align: middle; color: rgba(62, 50, 50, 0.7490196078); } .news-article__text { color: #494949; font-weight: 400; font-size: 1.3333333333rem; line-height: 150%; letter-spacing: 0%; } @media (max-width: 767.98px) { .news-article__text { font-weight: 400; font-size: 1rem; } } .news-article__back { display: inline-flex; min-height: 38px; padding: 0.2em 1.5em; width: auto; background: #4E4E4E; color: white !important; align-items: center; justify-content: center; align-self: start; border-radius: 8px; text-decoration: none; } .news-article__back:hover { background: #707070; color: white !important; } .news-more { display: flex; flex-direction: column; background: #F5F5F5; padding: 1em; gap: 1.5rem; border-radius: 0.8888888889rem; } .news-more__item { display: flex; gap: 1em; text-decoration: none; } .news-more__item-pic { width: 4.8333333333rem; height: 4.8333333333rem; flex-shrink: 0; border-radius: 0.6666666667rem; object-fit: cover; } .news-more__item-content { display: flex; gap: 1em; flex-direction: column; justify-content: space-between; } .news-more__item-title { font-weight: 600; font-size: 1.5rem; line-height: 120%; letter-spacing: 0%; color: #212121; } .news-more__item-link { font-weight: 600; font-size: 0.8888888889rem; line-height: 100%; letter-spacing: 0%; color: #909090; } .news-more__title { font-weight: 600; font-size: 1.4444444444rem; line-height: 100%; letter-spacing: 0%; color: #3E3232; display: flex; gap: 0.5em; align-items: center; } @media (max-width: 767.98px) { .news-more__title { font-size: 1.1111111111rem; } } .news-more__title::before { content: ""; display: block; width: 0.2222222222rem; height: 0.5555555556rem; border-radius: 0.6666666667rem; background: #A22319; } .about-us__container { padding-top: 3.8888888889rem; padding-bottom: 3.8888888889rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; } @media (max-width: 767.98px) { .about-us__container { padding: 0.8888888889rem; } } .about-us__wrapper { position: relative; padding: 4.4444444444rem 2.2222222222rem; background-color: #fff; border-radius: 2.2222222222rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/delta-big-logo.png"); background-position: center right; background-repeat: no-repeat; background-size: 38.8888888889rem; } @media (max-width: 91.1111111111rem) { .about-us__wrapper { background-position: center right; } } @media (max-width: 1399.98px) { .about-us__wrapper { background-position: center right; } } @media (max-width: 1199.98px) { .about-us__wrapper { background-position: center right; background-image: unset; } } @media (max-width: 767.98px) { .about-us__wrapper { background-image: none; background-position: center 0.5em; border-radius: 1.1111111111rem; padding-top: 1rem; padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; padding-bottom: 1rem; background-size: 4.4444444444rem; } } .about-us__content { max-width: 44.4444444444rem; z-index: 5; } .about-us__title { margin-top: 0; margin-bottom: 1.5rem; } @media (max-width: 767.98px) { .about-us__title { letter-spacing: normal; font-size: 1.3333333333rem; } } .about-us__text { font-size: 1.1111111111rem; font-weight: 600; line-height: 1.2222222222rem; color: #909090; margin-bottom: 1.5rem; } @media (max-width: 767.98px) { .about-us__text { font-size: 0.8888888889rem; line-height: 0.9444444444rem; } } .about-us__properties { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.3333333333rem; margin-bottom: 1.5rem; } @media (max-width: 767.98px) { .about-us__properties { gap: 0.4444444444rem; } } @media (max-width: 767.98px) { .about-us__property { width: 100%; } } .about-us__link { display: inline-block; font-style: 1.1111111111rem; font-weight: 600; padding: 0.5555555556rem 1.3333333333rem; border-radius: 0.4444444444rem; color: var(--tetriary-color); background-color: #f8f5f5; text-decoration: none; transition: background-color 0.3s; } @media (max-width: 767.98px) { .about-us__link { width: 100%; text-align: center; padding: 0.3333333333rem; } } .about-us__link:hover { background-color: var(--tetriary-color-hover); color: var(--tetriary-color); } .about-us__button { max-width: 23.3333333333rem; width: 100%; display: flex; align-items: center; justify-content: center; padding: 0.9444444444rem; font-size: 1.1111111111rem; font-weight: 600; color: #fff; text-decoration: none; background-color: #4e4e4e; border-radius: 0.5555555556rem; transition: background-color 0.3s; } @media (max-width: 767.98px) { .about-us__button { margin-left: auto; margin-right: auto; padding: 0.5555555556rem; } } .about-us__button:hover { color: #fff; background-color: var(--primary-color); } .our-services__container { padding-left: 4.4444444444rem; padding-right: 4.4444444444rem; padding-top: 3.8888888889rem; padding-bottom: 3.8888888889rem; } @media (max-width: 767.98px) { .our-services__container { padding-top: 0.8888888889rem; padding-bottom: 0.8888888889rem; padding-left: 0; padding-right: 0; } } .our-services__title { text-align: center; margin-bottom: 2.5555555556rem; } @media (max-width: 1199.98px) { .our-services__title { margin-bottom: 1.6666666667rem; } } @media (max-width: 767.98px) { .our-services__title { margin-bottom: 0.6111111111rem; } } .our-services__list { display: flex; gap: 1.1111111111rem; justify-content: center; } @media (max-width: 991.98px) { .our-services__list { flex-direction: column; align-items: center; padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; row-gap: 1.3333333333rem; } } .service-card { max-width: 41.6666666667rem; width: 100%; border-radius: 0.8888888889rem; } .service-card__container { display: flex; flex-wrap: wrap; flex-direction: column; background-color: #fff; border-radius: 0.8888888889rem; height: 100%; } .service-card__inner { padding: 1.7777777778rem; } @media (max-width: 1199.98px) { .service-card__inner { padding: 1.3333333333rem; } } @media (max-width: 767.98px) { .service-card__inner { padding: 0.8888888889rem; } } .service-card__title { margin-top: 0; margin-bottom: 1.3333333333rem; font-weight: 700; line-height: 2.2rem; font-size: 2rem; color: var(--tetriary-color); } @media (max-width: 1199.98px) { .service-card__title { font-size: 1.5555555556rem; line-height: 1.8666666667rem; margin-bottom: 1.1111111111rem; } } @media (max-width: 991.98px) { .service-card__title { font-size: 1.3333333333rem; line-height: 1.6rem; margin-bottom: 0.8888888889rem; } } @media (max-width: 767.98px) { .service-card__title { font-size: 1.1111111111rem; line-height: 1.2222222222rem; margin-bottom: 0.6666666667rem; } } .service-card__text { font-size: 1.1111111111rem; font-weight: 600; line-height: 1.5133333333rem; margin-bottom: 0.8333333333rem; color: var(--tetriary-color); } @media (max-width: 1199.98px) { .service-card__text { font-size: 1rem; line-height: 1.36rem; } } @media (max-width: 991.98px) { .service-card__text { font-size: 0.8888888889rem; line-height: 1.2105555556rem; } } .service-card__btn { display: inline-block; font-size: 1.1111111111rem; padding: 0.6666666667rem 0.6666666667rem; border-radius: 0.6666666667rem; background-color: #4e4e4e; color: #fff; text-decoration: none; transition: background-color 0.3s; } .service-card__btn:hover { color: #fff; background-color: var(--primary-color); } @media (max-width: 1199.98px) { .service-card__btn { font-size: 1rem; padding: 0.5555555556rem 0.5555555556rem; } } @media (max-width: 991.98px) { .service-card__btn { font-size: 0.8888888889rem; padding: 0.4444444444rem 0.4444444444rem; } } @media (max-width: 767.98px) { .service-card__btn { display: block; width: 100%; text-align: center; padding: 0.5555555556rem; } } .service-card__pic { display: block; max-width: 100%; object-fit: cover; border-bottom-right-radius: 0.8888888889rem; border-bottom-left-radius: 0.8888888889rem; margin-top: auto; } .items_map { aspect-ratio: 1.5; border-radius: 0.6666666667rem; } .category__container { padding-top: 2.8888888889rem; } @media (max-width: 991.98px) { .category__container { padding-top: 1.7777777778rem; } } .category__title { text-align: center; margin-bottom: 6.0555555556rem; } @media (max-width: 991.98px) { .category__title { margin-bottom: 1.6666666667rem; } } .category__filters-expandable-btn { border: none; background: transparent; padding: 0; height: auto; outline: none !important; display: flex; gap: 1em; align-items: center; } .category__filters-expandable-btn::after { content: ""; width: 0.7em; height: 0.7em; border-top: none; border-left: 2px solid #212121; border-bottom: 2px solid #212121; transform-origin: center; transform: rotate(-45deg) translateY(-0.25em); } .open .category__filters-expandable-btn::after { content: ""; width: 0.7em; height: 0.7em; border-left: 2px solid #212121; border-top: 2px solid #212121; border-bottom: none; transform-origin: center; transform: rotate(45deg) translateY(0.25em); } .category__filters-expandable .category__filters-expandable-text-open { display: none; } .category__filters-expandable .category__filters-expandable-text-closed { display: block; } .category__filters-expandable:not(.open) .category__filters-r-col { height: 6.6666666667rem; overflow: hidden; } .category__filters-expandable:not(.open) .category__filters-expandable-text-open { display: block; } .category__filters-expandable:not(.open) .category__filters-expandable-text-closed { display: none; } .category__filters-container { display: flex; flex-direction: column; row-gap: 4.4444444444rem; } @media (max-width: 991.98px) { .category__filters-container { row-gap: 1.3333333333rem; } } @media (max-width: 767.98px) { .category__filters-container { padding: 0; } } .category__filters-row { display: flex; column-gap: 3.3333333333rem; row-gap: 1.5555555556rem; } .category__filters-l-col { padding-top: 2.5em; } @media (max-width: 1199.98px) { .category__filters-l-col { display: none; } } .category__filters-r-col { display: flex; flex-wrap: wrap; column-gap: 1.1111111111rem; row-gap: 1.6666666667rem; flex-grow: 1; } .category__filters-indicator { display: flex; flex-direction: column; align-items: center; position: relative; font-size: 1.1111111111rem; font-weight: 600; row-gap: 0.6666666667rem; user-select: none; } .category__filters-indicator::before { content: ""; display: block; width: 2.3333333333rem; height: 1.5555555556rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/filters.svg"); background-repeat: no-repeat; background-size: contain; } .category__filters-indicator-count { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 1rem; right: -0.2777777778rem; color: #fff; padding: 0.1111111111rem 0.1111111111rem; background-color: var(--primary-color); border-radius: 0.2222222222rem; flex-shrink: 0; aspect-ratio: 1 !important; width: 1.5em; height: 1.5em; border-radius: 50%; } .category__filters-location { max-width: 15.4444444444rem; width: 100%; } @media (max-width: 991.98px) { .category__filters-location { max-width: 100%; } } .category__filters-metro { max-width: 11.1111111111rem; width: 100%; } @media (max-width: 991.98px) { .category__filters-metro { max-width: 100%; } } .category__filters-price { max-width: 22rem; width: 100%; } @media (max-width: 991.98px) { .category__filters-price { max-width: 100%; } } .category__filters-area { max-width: 13.2222222222rem; width: 100%; } @media (max-width: 991.98px) { .category__filters-area { max-width: 100%; } } .category__filters-price-m { max-width: 22rem; width: 100%; } @media (max-width: 991.98px) { .category__filters-price-m { max-width: 100%; } } .category__filters-readiness-type { max-width: 26.4444444444rem; width: 100%; } @media (max-width: 991.98px) { .category__filters-readiness-type { max-width: 100%; } } @media (max-width: 991.98px) { .category__filters-house-state { max-width: 100%; } } .category__filters-parking { max-width: 14.1111111111rem; width: 100%; } @media (max-width: 991.98px) { .category__filters-parking { max-width: 100%; } } .category__filters-stock { display: flex; gap: 1em; align-items: flex-start; padding-top: 2rem; } @media (max-width: 991.98px) { .category__filters-stock { padding-top: 0; width: 100%; flex-wrap: wrap; } } .category__filters-stock-wrapper { display: flex; align-items: center; max-width: 17.5555555556rem; width: 100%; column-gap: 0.6666666667rem; padding: 1.3333333333rem 1.5555555556rem; border: 0.0555555556rem solid #b6b6b6; background-color: #ffffff; border-radius: 0.6666666667rem; } @media (max-width: 991.98px) { .category__filters-stock-wrapper { border-radius: 0.4444444444rem; padding: 0.5rem 0.5rem; max-width: 100%; } } @media (max-width: 575.98px) { .category__filters-stock-wrapper { padding: 0.6666666667rem 0.8888888889rem; } } .category__filters-stock-label { font-size: 1.1111111111rem; font-weight: 600; user-select: none; white-space: nowrap; } @media (max-width: 1199.98px) { .category__filters-stock-label { font-size: 1rem; } } .category__filters-bottom { display: flex; align-items: center; flex-wrap: wrap; column-gap: 3.6111111111rem; row-gap: 0.8888888889rem; } .category__filters-buttons { width: 100%; display: flex; flex-wrap: wrap; column-gap: 0.8333333333rem; align-items: center; row-gap: 1.1111111111rem; justify-content: space-between; } @media (max-width: 991.98px) { .category__filters-buttons { width: 100%; flex-direction: column; justify-content: center; } } .category__filters-buttons-group { display: flex; flex-wrap: wrap; column-gap: 0.8333333333rem; align-items: center; row-gap: 1.1111111111rem; } @media (max-width: 991.98px) { .category__filters-buttons-group { width: 100%; flex-direction: column; justify-content: center; } } .category__filters-reset-link { font-weight: 300; font-size: 1.1111111111rem; color: #3c57e4; opacity: 1; transition: opacity 0.3s; } .category__filters-reset-link:hover { opacity: 0.5; } @media (max-width: 991.98px) { .category__filters-reset-link { font-size: 0.8888888889rem; } } .category__filters-btn { padding: 1.1111111111rem 1.1111111111rem; font-size: 1.1111111111rem; border-radius: 0.6666666667rem; background-color: #4e4e4e; border: unset; transition: background-color 0.3s; color: #fff !important; transition: background-color 0.3s; text-decoration: none; } .category__filters-btn:hover { background-color: var(--primary-color); } @media (max-width: 767.98px) { .category__filters-btn { width: 100%; font-size: 0.8888888889rem; padding: 0.6666666667rem; } } .category__content-container { padding-left: 4.4444444444rem; padding-right: 4.4444444444rem; padding-bottom: 2.2222222222rem; } @media (max-width: 767.98px) { .category__content-container { padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; } } @media (max-width: 575.98px) { .category__content-container { padding-left: 0.8888888889rem; padding-right: 0.8888888889rem; } } .category__content-header { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 1.2222222222rem; padding-bottom: 2.2222222222rem; column-gap: 0.5555555556rem; row-gap: 0.8888888889rem; } @media (max-width: 991.98px) { .category__content-header { padding-top: 0rem; padding-bottom: 1.1111111111rem; } } .category__content-title { padding-top: 1.3333333333rem; padding-bottom: 0.8888888889rem; margin: 0; display: none; } @media (max-width: 991.98px) { .category__content-title { display: block; } } .category__breadcrumbs-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 0.5555555556rem; } .category__breadcrumbs-item { display: flex; align-items: center; column-gap: 0.5555555556rem; font-weight: 600; font-size: 1.3333333333rem; color: #161616; font-size: 1.1111111111rem; } .category__breadcrumbs-item:not(:last-child)::after { display: inline-block; content: "/"; } @media (max-width: 1399.98px) { .category__breadcrumbs-item { font-size: 1rem; } } @media (max-width: 991.98px) { .category__breadcrumbs-item { font-size: 0.8888888889rem; } } @media (max-width: 767.98px) { .category__breadcrumbs-item { font-size: 0.6666666667rem; } } .category__breadcrumbs-link { text-decoration: none; color: #161616; transition: color 0.3s; } .category__breadcrumbs-link:hover { color: var(--secondary-color-hover); } @media (max-width: 767.98px) { .category__breadcrumbs-link { color: rgba(22, 22, 22, 0.5); } } .category__breadcrumbs-current { color: #161616; } @media (max-width: 767.98px) { .category__breadcrumbs-current { color: rgba(22, 22, 22, 0.5); } } .category__content-control { display: flex; column-gap: 1.2222222222rem; } @media (max-width: 991.98px) { .category__content-control { width: 100%; align-items: flex-start; row-gap: 0.4444444444rem; flex-wrap: wrap; } } .category__content-favorites-link { display: flex; align-items: center; justify-content: center; padding: 0.4444444444rem 0.4444444444rem; font-size: 1.1111111111rem; font-weight: 600; border-radius: 0.6666666667rem; color: #fff; background-color: #4e4e4e; text-decoration: none; transition: background-color 0.3s; } @media (max-width: 991.98px) { .category__content-favorites-link { font-size: 0.8888888889rem; } } .category__content-favorites-link:hover { background-color: var(--primary-color); color: #fff !important; } @media (max-width: 767.98px) { .category__content-favorites-link { width: 100%; } } .category__content-map-link { display: flex; align-items: center; justify-content: center; padding: 0.4444444444rem 0.4444444444rem; font-size: 1.1111111111rem; font-weight: 600; border-radius: 0.6666666667rem; border: 0.0555555556rem solid #4e4e4e; background-color: #fff; color: #212121; text-decoration: none; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .category__content-map-link.active, .category__content-map-link:hover { background-color: var(--primary-color); color: #fff; border-color: var(--primary-color); } @media (max-width: 991.98px) { .category__content-map-link { font-size: 0.8888888889rem; } } @media (max-width: 767.98px) { .category__content-map-link { width: 100%; max-width: 100%; } } .category__content-cards { display: flex; flex-wrap: wrap; column-gap: 1.6666666667rem; row-gap: 1.6666666667rem; padding-top: 2.3333333333rem; } @media (max-width: 991.98px) { .category__content-cards { padding-top: 1.1111111111rem; } } @media (max-width: 1399.98px) { .category { row-gap: 0.8333333333rem; } } .category__content-card { max-width: calc(33.3333333333% - 1.6666666667rem); } @media (max-width: 1399.98px) { .category__content-card { max-width: calc(50% - 0.8333333333rem); } } @media (max-width: 991.98px) { .category__content-card { max-width: 100%; } } .category .category__content-scroll { height: 100%; overflow-y: auto; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; scrollbar-width: thin; scrollbar-color: #121212 transparent; padding: 0 0.5em 0 0; box-shadow: 0rem 0rem 4.3rem 0rem rgba(255, 125, 125, 0.1); background: #f8ecec; } .category__content-column { display: flex; flex-direction: column; flex-wrap: wrap; column-gap: 1.6666666667rem; row-gap: 1.6666666667rem; padding-top: 0; } @media (max-width: 991.98px) { .category__content-column { padding-top: 1.1111111111rem; } } .category__content-column .category__content-card { width: 100%; max-width: 100%; } .filter-selected { list-style: none; padding: 0; margin: 0; display: flex; align-items: flex-start; flex-wrap: wrap; column-gap: 0.5555555556rem; row-gap: 0.4444444444rem; } .filter-selected__item { display: flex; align-items: center; column-gap: 0.4444444444rem; padding: 0.6111111111rem 0.6111111111rem 0.6111111111rem 0.6111111111rem; border: 0.0555555556rem solid rgba(0, 0, 0, 0.1); border-radius: 0.4444444444rem; user-select: none; background-color: #fff; transition: background-color 0.3s; } .filter-selected__item:hover { background-color: rgba(33, 33, 33, 0.1); } .filter-selected__label { font-size: 0.8888888889rem; font-weight: 600; } .filter-selected__remove-btn { width: 0.6666666667rem; height: 0.6666666667rem; padding: 0; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-color: transparent; border: unset; cursor: pointer; } .de-sort-select { display: block; width: 17.8888888889rem; } @media (max-width: 767.98px) { .de-sort-select { width: 100%; } } .de-sort-select__wrapper { position: relative; } .de-sort-select__native { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (hover: none) { .de-sort-select__native { z-index: 1; } } .de-sort-select__custom { position: relative; width: 100%; pointer-events: none; } @media (hover: hover) { .de-sort-select__custom { pointer-events: all; } .de-sort-select__native:focus+.de-sort-select__custom { pointer-events: none; } } .de-sort-select__current { position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; user-select: none; cursor: pointer; } .de-sort-select__current::after { position: absolute; top: 50%; right: 1.1111111111rem; content: ""; width: 0.5555555556rem; height: 0.3888888889rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/caret-down.svg"); background-repeat: no-repeat; background-size: contain; transform: rotate(0deg) translateY(-50%); transition: transform 0.3s; } @media (max-width: 575.98px) { .de-sort-select__current::after { width: 0.8333333333rem; height: 0.5555555556rem; right: 0.8333333333rem; } } .de-sort-select__current::before { position: absolute; top: 50%; left: 1.1111111111rem; content: ""; width: 0.8888888889rem; height: 0.8888888889rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/bars-ascending-align-left-arrow-down.svg"); background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); } .de-sort-select__custom--open .de-sort-select__current::after { transform: rotate(180deg) translateY(50%); } .de-sort-select__current, .de-sort-select__native { padding: 0.5555555556rem 0.5555555556rem 0.5555555556rem 2.5555555556rem; } @media (max-width: 575.98px) { .de-sort-select__current, .de-sort-select__native { padding: 0.5rem 0.5rem 0.5rem 2.5rem; } } .de-sort-select__current, .de-sort-select__native, .de-sort-select__list { border-radius: 0.6666666667rem; background-color: #f1e6e5; } .de-sort-select__current, .de-sort-select__item, .de-sort-select__native { font-size: 1.1111111111rem; font-weight: 600; } @media (max-width: 1199.98px) { .de-sort-select__current, .de-sort-select__item, .de-sort-select__native { font-size: 0.8888888889rem; } } .de-sort-select__list { position: absolute; left: 0; top: calc(100% + 0.5555555556rem); display: none; width: 100%; max-height: 13.3333333333rem; overflow-y: auto; list-style: none; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; padding-top: 0.5555555556rem; padding-bottom: 0.5555555556rem; background-color: #f1e6e5; z-index: 2; scrollbar-width: thin; } .de-sort-select__list::-webkit-scrollbar { width: 0.3333333333rem; } .de-sort-select__custom--open .de-sort-select__list { display: block; } .de-sort-select__item { padding: 0.4444444444rem 0.4444444444rem; background-color: transparent; cursor: pointer; user-select: none; } .de-sort-select__item:hover, .de-sort-select__item[data-selected] { background-color: rgba(33, 33, 33, 0.1); } .favorites__container { padding-top: 2.2222222222rem; padding-bottom: 2.2222222222rem; } .favorites__content-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 0.5555555556rem; } .favorites__content-control { display: flex; column-gap: 2.6666666667rem; } @media (max-width: 991.98px) { .favorites__content-control { flex-wrap: wrap; row-gap: 0.5555555556rem; } } .favorites__content-save-pdf { display: inline-block; font-size: 1.3333333333rem; font-weight: 600; padding: 0.4444444444rem 0.4444444444rem; background-color: var(--primary-color); border-radius: 0.4444444444rem; color: #fff !important; text-decoration: none; } .favorites__content-save-pdf:hover { background-color: var(--primary-color-hover); } .favorites__content-get-in { display: flex; align-items: center; font-size: 1.3333333333rem; font-weight: 600; } .favorites__content-get-in-label { margin-right: 1.1111111111rem; } .favorites__content-get-in-tg { display: inline-block; margin-right: 0.8888888889rem; width: 2.5555555556rem; height: 2.5rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/telegram_symbol.svg"); background-repeat: no-repeat; background-size: contain; } .favorites__content-get-in-whatsapp { display: inline-block; width: 2.5555555556rem; height: 2.5rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/whatsapp-symbol.svg"); background-repeat: no-repeat; background-size: contain; } .favorites__content-cards { display: flex; flex-wrap: wrap; column-gap: 1.6666666667rem; row-gap: 1.6666666667rem; padding-top: 2.3333333333rem; } @media (max-width: 991.98px) { .favorites__content-cards { padding-top: 1.1111111111rem; } } .favorites__content-card { max-width: calc(33.3333333333% - 1.6666666667rem); } @media (max-width: 1399.98px) { .favorites__content-card { max-width: calc(50% - 0.8333333333rem); } } @media (max-width: 991.98px) { .favorites__content-card { max-width: 100%; } } .detail-card__container { padding-bottom: 6.6666666667rem; } .detail-card__breadcrumbs { margin-bottom: 2.2222222222rem; } @media (max-width: 991.98px) { .detail-card__breadcrumbs { display: none; } } .detail-card__breadcrumbs-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 0.2777777778rem; } .detail-card__breadcrumbs-item { font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem); display: flex; align-items: center; column-gap: 0.2777777778rem; font-weight: 600; color: #161616; } .detail-card__breadcrumbs-item:not(:last-child)::after { display: inline-block; content: "/"; } .detail-card__breadcrumbs-link { font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem); text-decoration: none; color: #4e4e4e; } .detail-card__breadcrumbs-current { font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem); color: #909090; } .detail-card__row { display: flex; column-gap: 2.2222222222rem; margin-bottom: 0; padding: 0.8888888889rem; } @media (max-width: 991.98px) { .detail-card__row { flex-direction: column; padding: 0 var(--container-paddig-x); } } .detail-card__l-col { max-width: 48rem; width: 100%; } @media (max-width: 1399.98px) { .detail-card__l-col { max-width: 25.7777777778rem; } } @media (max-width: 991.98px) { .detail-card__l-col { max-width: 100%; } } @media (max-width: 991.98px) { .detail-card__l-col { max-width: 100%; } } .detail-card__r-col { width: 100%; } .detail-card__pics-slider { margin-bottom: 2.2222222222rem; } .detail-card__pics-slider-main { --swiper-navigation-color: #fff; --swiper-pagination-color: #fff; height: 39.1666666667rem; margin-bottom: 1.1111111111rem; } @media (max-width: 1399.98px) { .detail-card__pics-slider-main { height: 23.1666666667rem; } } .detail-card__pics-slider-main-slide { max-width: 100%; border-radius: 1.3333333333rem; } .detail-card__pics-slider-main-slide-img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.3333333333rem; } .detail-card__pics-slider-mini { max-width: calc(100% - 1.3333333333rem * 2); } .detail-card__pics-slider-mini-slide { opacity: 0.5; width: 6.3888888889rem; height: 5.1111111111rem; border-radius: 0.7222222222rem; } .detail-card__pics-slider-mini-slide.swiper-slide-thumb-active { opacity: 1; } @media (max-width: 1399.98px) { .detail-card__pics-slider-mini-slide { height: 2.7777777778rem; border-radius: 0.2222222222rem; } } .detail-card__pics-slider-mini-slide-img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; border-radius: 0.7222222222rem; aspect-ratio: 1; } .detail-card__map { margin-bottom: 2.2222222222rem; } .detail-card__subtitle { font-size: clamp(1.25rem, 0.8461538462rem + 1.7948717949vw, 3rem); font-weight: 700; margin-bottom: 0.8888888889rem; margin-top: 0; } .detail-card__map-iframe, .detail-card__panorama-iframe { width: 100%; height: 24.4444444444rem; border-radius: 1.3333333333rem; overflow: hidden; } .detail-card__actions { display: flex; justify-content: space-between; row-gap: 1.3333333333rem; } @media (max-width: 991.98px) { .detail-card__actions { justify-content: center; margin-bottom: 1.1111111111rem; row-gap: 0.5555555556rem; } } .detail-card__back-link { font-size: 1.1111111111rem; display: flex; align-items: center; column-gap: 0.4444444444rem; color: #4e4e4e; text-decoration: none; } .detail-card__back-link::before { content: ""; width: 1.7777777778rem; height: 1.7777777778rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/back-arrow-in-circle.svg"); background-repeat: no-repeat; background-size: contain; } @media (max-width: 991.98px) { .detail-card__back-link { display: none; } } .detail-card__actions-buttons { display: flex; column-gap: 1.3333333333rem; align-items: center; } @media (max-width: 991.98px) { .detail-card__actions-buttons { column-gap: 0.7777777778rem; } } .detail-card__save-presentation { font-size: clamp(0.625rem, 0.5384615385rem + 0.3846153846vw, 1rem); font-weight: 600; max-width: 10.5555555556rem; display: flex; flex-direction: column; align-items: center; text-align: center; color: #212121; text-decoration: none; row-gap: 0.2777777778rem; } .detail-card__save-presentation::before { content: ""; display: block; width: 1.7777777778rem; height: 1.7777777778rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-down-to-square.svg"); background-repeat: no-repeat; background-size: contain; } .detail-card__share-btn { flex: 0 0 3.3333333333rem; width: 3.3333333333rem; height: 3.3333333333rem; aspect-ratio: 1; border-radius: 50%; border: 0.0555555556rem solid #909090; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-shape-turn-up-right.svg"); background-position: center; background-repeat: no-repeat; background-color: transparent; transition: background-color 0.3s; } .detail-card__share-btn:hover { background-color: #f8f5f5; } @media (max-width: 1399.98px) { .detail-card__share-btn { flex: 0 0 2.2222222222rem; width: 2.2222222222rem; height: 2.2222222222rem; } } .detail-card__like { flex: 0 0 3.3333333333rem; width: 3.3333333333rem; height: 3.3333333333rem; aspect-ratio: 1; border: 0.0555555556rem solid #909090; } .detail-card__like::before { background-size: 1rem; } @media (max-width: 1399.98px) { .detail-card__like { flex: 0 0 2.2222222222rem; width: 2.2222222222rem; height: 2.2222222222rem; } } .detail-card__label { margin-bottom: 1.1111111111rem; } @media (max-width: 991.98px) { .detail-card__actions-buttons-r-col>.detail-card__share-btn, .detail-card__actions-buttons-r-col>.detail-card__like, .detail-card__label-r-col { display: none; } } .detail-card__article { font-size: clamp(0.75rem, 0.6346153846rem + 0.5128205128vw, 1.25rem); font-weight: 600; color: #212121; opacity: 0.5; } .detail-card__title { font-size: clamp(1.25rem, 0.8461538462rem + 1.7948717949vw, 3rem); font-weight: 600; line-height: 1.2em; margin-top: 0; margin-bottom: 0; } .detail-card__metro { display: flex; align-items: center; column-gap: 1.3333333333rem; margin-bottom: 1.1111111111rem; } .detail-card__metro-name, .detail-card__metro-walk-time { font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem); font-weight: 600; } .detail-card__metro-name { display: flex; gap: 0.5em; align-items: center; color: #212121; } .detail-card__metro-name::before { content: ""; display: block; width: 0.6666666667rem; height: 0.6666666667rem; border-radius: 50%; background: #0799E1; } .detail-card__metro-walk-time { display: flex; gap: 0.5em; align-items: center; color: #909090; } .detail-card__metro-walk-time::before { content: ""; width: 0.8888888889rem; height: 1.2222222222rem; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/man-walk.svg"); background-repeat: no-repeat; background-size: contain; opacity: 0.5; } .detail-card__properties { width: 100%; margin-bottom: 1.1111111111rem; } .detail-card__properties-list { border-spacing: 0.5555555556rem 0.4444444444rem; width: 100%; margin: 0 0 1.7777777778rem; } .detail-card__properties-label { font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem); font-weight: 700; margin-bottom: 0.8888888889rem; color: #212121; } .detail-card__property-name, .detail-card__property-value { vertical-align: top; font-size: clamp(0.875rem, 0.7884615385rem + 0.3846153846vw, 1.25rem); font-weight: 600; } .detail-card__property-name { color: #909090; width: 13.8888888889rem; } @media (max-width: 767.98px) { .detail-card__property-name { width: 8.3333333333rem; } } .detail-card .item-properties { margin-bottom: 3em; } .detail-card__property-value { color: #212121; } .detail-card__price { margin-bottom: 1.1111111111rem; display: flex; flex-direction: column; gap: 0.5em; } .detail-card__old-price { font-size: clamp(0.875rem, 0.6730769231rem + 0.8974358974vw, 1.75rem); font-weight: 700; line-height: 100%; color: #909090; text-decoration: line-through; } @media (max-width: 991.98px) { .detail-card__old-price { text-align: center; } } .detail-card__old-price:not(.active) { display: none; } .detail-card__current-price { font-size: clamp(1.125rem, 0.9230769231rem + 0.8974358974vw, 2rem); font-weight: 700; line-height: 100%; color: #212121; } @media (max-width: 991.98px) { .detail-card__current-price { text-align: center; } } .detail-card__current-price:not(.active) { display: none; } .detail-card__buttons { display: flex; column-gap: 1.3333333333rem; } @media (max-width: 991.98px) { .detail-card__buttons { flex-direction: column; row-gap: 0.8888888889rem; } } .detail-card__buy-btn { font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem); padding: 1.3333333333rem 3rem; border-radius: 0.6666666667rem; background-color: var(--primary-color); color: #fff; border: unset; transition: background-color 0.3s; } .detail-card__buy-btn:hover { background-color: var(--primary-color-hover); } @media (max-width: 1399.98px) { .detail-card__buy-btn { padding: 0.7777777778rem 1.6666666667rem; } } .detail-card__say-you-price-btn { font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem); padding: 1.3333333333rem 2.7777777778rem; border-radius: 0.6666666667rem; background-color: var(--secondary-color); color: #212121; border: unset; transition: background-color 0.3s; } .detail-card__say-you-price-btn:hover { background-color: var(--secondary-color-hover); } @media (max-width: 1399.98px) { .detail-card__say-you-price-btn { padding: 0.7777777778rem 1.6666666667rem; } } .detail-card__mobile-header { display: none; align-items: center; justify-content: space-between; margin-bottom: 1.7777777778rem; padding: 0.8888888889rem; } @media (max-width: 991.98px) { .detail-card__mobile-header { display: flex; gap: 1em; padding: 0.8888888889rem var(--container-paddig-x); } } .detail-card__relevant { padding: 0 var(--container-paddig-x); } @media (max-width: 767.98px) { .detail-card__relevant { padding: 0 var(--container-paddig-x); } } .detail-card__relevant-line { display: flex; column-gap: 1.1111111111rem; white-space: nowrap; padding: 1.6666666667rem 0; margin-top: -1.1111111111rem; scrollbar-width: thin; } @media (max-width: 575.98px) { .detail-card__relevant-line { column-gap: 0.5555555556rem; } } .detail-card__relevant-line .swiper-wrapper { display: flex; } .detail-card__relevant-line .card { height: auto; } .detail-card__relevant-item { min-width: 17.2222222222rem; } .ya-share2__link_more { background: none !important; padding: 0 !important; } .ya-share2__icon_more { flex: 0 0 3.3333333333rem; width: 3.3333333333rem !important; height: 3.3333333333rem !important; aspect-ratio: 1; border-radius: 50%; border: 0.0555555556rem solid #909090; background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-shape-turn-up-right.svg") !important; background-size: auto !important; background-position: center; background-repeat: no-repeat; background-color: transparent; transition: background-color 0.3s; } .ya-share2__icon_more:hover { background-color: #f8f5f5; } @media (max-width: 1399.98px) { .ya-share2__icon_more { flex: 0 0 2.2222222222rem !important; width: 2.2222222222rem !important; height: 2.2222222222rem !important; } } body.de-modal__open { overflow: hidden; } .de-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); transition: visibility 0.3s, opacity 0.3s; z-index: 1000; overflow-y: auto; padding: 0rem 0; opacity: 0; visibility: hidden; transition: opacity 0.3s; } .de-modal.open { opacity: 1; visibility: visible; } .de-modal--show { visibility: visible; opacity: 1; pointer-events: all; } .de-modal__content { margin: 2.7777777778rem auto; max-width: 90vw; width: 52.7777777778rem; padding: 1rem 1.2222222222rem; border-radius: 1.3333333333rem; background-color: #fff; } .de-modal__header { display: flex; margin-bottom: 3.3333333333rem; } .de-modal__title { font-size: clamp(1.25rem, 0.8461538462rem + 1.7948717949vw, 3rem); font-weight: 600; line-height: 110%; letter-spacing: 2%; max-width: 59.9444444444rem; text-align: center; margin-inline: auto; } .de-modal__close-btn { display: flex; justify-content: center; align-items: center; width: 3.5555555556rem; height: 3.5555555556rem; background-color: #fff; border: 0.0555555556rem solid rgba(33, 33, 33, 0.1); border-radius: 50%; flex-shrink: 0; outline: none !important; } .de-modal__close-btn:hover { background-color: var(--secondary-color); } .de-modal__close-btn::after { content: "×"; font-size: 3.3333333333rem; transform: translateY(-5%); line-height: 0; } .de-modal__form-column { display: flex; flex-direction: column; gap: 0.8333333333rem; } .de-modal__form-row { display: flex; flex-direction: column; gap: 0.5em; } .de-modal__form-disclaimer { font-weight: 600; font-size: 1.1111111111rem; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle; color: #909090; } .de-modal__form label { font-weight: 600; font-size: 1.1111111111rem; line-height: 100%; letter-spacing: 0%; vertical-align: middle; color: #212121; } .de-modal__form textarea, .de-modal__form input[type=text] { width: 100%; min-height: 4.3888888889rem; border: none; border-radius: 0.6666666667rem; background: #F8F5F5; font-weight: 600; font-size: 1.1111111111rem; line-height: 100%; letter-spacing: 0%; vertical-align: middle; padding: 1em 2em; } .de-modal__form textarea::placeholder, .de-modal__form input[type=text]::placeholder { color: #909090; } .de-modal__form textarea:active, .de-modal__form input[type=text]:active { border-color: #A22319; } .de-modal__form-checkboxes { max-width: 90%; margin-bottom: 1.3333333333rem; } .de-modal__form-checkbox-row { display: flex; align-items: flex-start; } .de-modal__form-checkbox-row:not(:last-child) { margin-bottom: 1.3333333333rem; } .de-modal__form-checkbox { display: inline-block; width: 1.1111111111rem; height: 1.1111111111rem; font-size: inherit !important; } .de-modal__form-submit { background: #A22319; color: white; border-radius: 0.6666666667rem; font-weight: 600; font-size: 1.1111111111rem; line-height: 100%; letter-spacing: 0%; vertical-align: middle; display: flex; align-items: center; justify-content: center; border: none; height: 4.1111111111rem; width: 100%; } .de-modal__form-submit:hover { background: #84150C; } .page-about .hero__wrapper { min-height: 33.3333333333rem; } .page-about__quote { display: flex; flex-direction: column; gap: 2.6666666667rem; color: #FFFFFF; background: #4E4E4E; padding: 2.2222222222rem 3.3333333333rem; border-radius: 1.3333333333rem; } @media (max-width: 767.98px) { .page-about__quote { padding: 2.2222222222rem 2.2222222222rem; } } .page-about__quote-text { font-weight: 600; font-size: 1.1111111111rem; line-height: 1.5; letter-spacing: 0%; } .page-about__quote-author { display: flex; gap: 1.1111111111rem; } .page-about__quote-author img { display: block; width: 4rem; height: 4rem; border-radius: 50%; flex-shrink: 0; object-fit: cover; } .page-about__quote-author-info { display: flex; flex-direction: column; gap: 0.5em; } .page-about__quote-author-name { font-weight: 600; font-size: 1.4444444444rem; line-height: 100%; letter-spacing: 0%; color: #FFFFFF; } .page-about__quote-author-post { font-weight: 600; font-size: 1.4444444444rem; line-height: 100%; letter-spacing: 0%; color: #909090; } .page-about__letters { background: #F8F5F5; padding: 2.7777777778rem 1.6666666667rem; border-radius: 1.3333333333rem; } .page-about__letters img { max-width: 100%; } .page-about__partners img { background-color: #FBFBFB; aspect-ratio: 2.5; object-fit: contain; padding: 1.1111111111rem; width: 100%; border-radius: 1em; } .page-about__services-item { padding: 1.7777777778rem; display: flex; flex-direction: column; justify-content: space-between; min-height: 20.5555555556rem; border-radius: 1.1111111111rem; gap: 2.6666666667rem; color: #212121; background: #F8F5F5; } .page-about__services-item-title { font-weight: 700; font-size: 1.7777777778rem; line-height: 100%; letter-spacing: 0%; } .page-about__services-item-text { font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0%; } .page-about__services-btn { background: #4E4E4E; color: white; font-weight: 600; font-size: 1.1111111111rem; line-height: 100%; letter-spacing: 0%; vertical-align: middle; min-width: 17.7777777778rem; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; height: 3.7222222222rem; border-radius: 0.6666666667rem; } .page-about__services-btn:hover { color: white; } .page-about__advantages-items { display: flex; gap: 1.3333333333rem; flex-wrap: wrap; } .page-about__advantages-item { padding: 1.7777777778rem; display: flex; justify-content: space-between; align-items: center; min-height: 12.6666666667rem; gap: 2.6666666667rem; max-width: calc((100% - 2.6666666667rem) / 2); border-radius: 0.6666666667rem; flex-grow: 1; color: #212121; background: #F8F5F5; } @media (max-width: 767.98px) { .page-about__advantages-item { max-width: 100%; } } @media (max-width: 575.98px) { .page-about__advantages-item { flex-direction: column; text-align: center; } } .page-about__advantages-item img { aspect-ratio: 1; flex-shrink: 0; object-fit: contain; } .page-about__advantages-content { flex-grow: 1; display: flex; flex-direction: column; gap: 2.6666666667rem; justify-content: space-between; } .page-about__advantages-title { font-weight: 600; font-size: 1.7777777778rem; line-height: 100%; letter-spacing: 0%; } .page-about__advantages-text { font-weight: 600; font-size: 0.8888888889rem; line-height: 1.5; letter-spacing: 0%; color: #909090; } .page-about-top { box-shadow: 0px 20px 20px 0px rgba(33, 33, 33, 0.1490196078); padding-top: 5.5555555556rem; padding-bottom: 5.5555555556rem; border-bottom-left-radius: 2.2222222222rem; border-bottom-right-radius: 2.2222222222rem; } .page-contacts .row { margin-left: -2.2222222222rem; margin-right: -2.2222222222rem; } .page-contacts .row>* { padding: 2.2222222222rem; } .page-contacts__mapwrap { position: relative; } @media (max-width: 991.98px) { .page-contacts__mapwrap { display: flex; flex-direction: column; gap: 2.2222222222rem; } } .page-contacts__map iframe { border-radius: 2.2222222222rem; } .page-contacts__block { background-color: #F8F5F5; border-radius: 2.2222222222rem; padding: 2.2222222222rem; } .page-contacts__address { position: absolute; bottom: 2.2222222222rem; right: 2.2222222222rem; background-color: #F8F5F5; border-radius: 2.2222222222rem; padding: 2.2222222222rem; } @media (max-width: 991.98px) { .page-contacts__address { position: relative; bottom: 0rem; right: 0rem; } } .page-contacts__address .register-consultation__row { background: transparent; padding: 0; margin-bottom: 2em; } .page-contacts__address .register-consultation__r-col::after { display: none; } .page-contacts__address .register-consultation__container { padding: 0; } .page-contacts__address .register-consultation__r-col { display: none; } .page-contacts__requisites { display: flex; flex-direction: column; gap: 1em; } .page-contacts__requisites-item { display: flex; flex-direction: column; gap: 0.2em; } .page-contacts__requisites-name { color: #212121; font-weight: 600; font-size: 1.1111111111rem; line-height: 110%; letter-spacing: 0%; padding: 0 0.8888888889rem; opacity: 0.5; } .page-contacts__requisites-value { border-radius: 0.8888888889rem; border: 1px solid #161616; padding: 0.8888888889rem; font-weight: 600; font-size: 1.1111111111rem; line-height: 110%; letter-spacing: 0%; } .page-contacts__address-icon { color: #212121; font-weight: 600; font-size: 1.1111111111rem; line-height: 110%; letter-spacing: 0%; display: flex; gap: 1em; align-items: center; margin-bottom: 1em; } .page-contacts__address-icon:before { content: ""; display: block; width: 2.7222222222rem; height: 2.7222222222rem; background: url(/local/templates/deltaestate_v3/assets/css/./../img/icons/location1.svg) center no-repeat; background-size: contain; flex-shrink: 0; } .services-page__slider { position: relative; padding-bottom: 5em; } .services-page__slider .swiper-slide img { aspect-ratio: 2; object-fit: cover; width: 100%; border-radius: 2.2222222222rem; } .services-page__slider-nav { position: absolute; top: calc(100% - 1em); left: 50%; transform: translateX(-50%); width: 11.1111111111rem; } .services-page__slider-nav .swiper-button-next, .services-page__slider-nav .swiper-button-prev { background: white; height: 4.4444444444rem; width: 4.4444444444rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: url(/local/templates/deltaestate_v3/assets/css/../img/icons/arrow-right.svg) center no-repeat; box-shadow: 0px 0px 2.5666666667rem 0px rgba(0, 0, 0, 0.1490196078); } .services-page__slider-nav .swiper-button-next::after, .services-page__slider-nav .swiper-button-prev::after { display: none; } .services-page__slider-nav .swiper-button-prev { transform: rotate(180deg); } .services-page__included-list { display: flex; flex-wrap: wrap; gap: 1em; } .services-page__included-item { background: #F8F5F5; border-radius: 1.1111111111rem; display: flex; flex-direction: column; gap: 1em; justify-content: space-between; width: calc((100% - 2em) / 3); } @media (max-width: 991.98px) { .services-page__included-item { width: calc((100% - 1em) / 2); } } @media (max-width: 575.98px) { .services-page__included-item { width: calc((100% - 0em) / 1); } } .services-page__included-content { display: flex; flex-direction: column; gap: 1em; padding: 1em; } .services-page__included-pic { width: 100%; aspect-ratio: 1.5; object-fit: cover; border-radius: 1.1111111111rem; } .services-page__included-title { font-weight: 700; font-size: 1.5555555556rem; line-height: 120%; letter-spacing: -2%; } .services-page__included-text { font-weight: 600; font-size: 0.8888888889rem; line-height: 120%; letter-spacing: -2%; } .services-page__partners img { background-color: #FBFBFB; aspect-ratio: 2.5; object-fit: contain; padding: 1.1111111111rem; width: 100%; } .services-page__partners .gallery-block { display: flex; flex-wrap: wrap; gap: 1em; } .services-page__partners .gallery-item { max-width: 100vw; width: 19.4444444444rem; position: relative; flex-grow: 1; } .services-page__partners-item { max-width: 100vw; width: 11.1111111111rem; position: relative; background: white; border-radius: 0.3333333333rem; } .services-page__partners-item img { background: white; padding: 0.5em; } .services-page__partner-main { display: flex; flex-direction: column; margin-bottom: 5em; gap: 0.5em; } .services-page__partner-main img { max-width: 10rem; } .services-page__partner-main-item { display: flex; justify-content: center; align-items: center; gap: 2em; padding: 2em; border-radius: 2.2222222222rem; background: #F8F5F5; } .services-page__partner-main-content { display: flex; justify-content: center; align-items: center; max-width: 72.2222222222rem; gap: 2em; } @media (max-width: 575.98px) { .services-page__partner-main-content { flex-direction: column; } } .services-page__partner-main-text { font-weight: 700; font-size: 2.2222222222rem; line-height: 100%; letter-spacing: -4%; color: #212121; } @media (max-width: 575.98px) { .services-page__partner-main-text { font-size: 1.3333333333rem; text-align: center; } } .footer__container { background-color: #212121; color: #fff; } @media (max-width: 991.98px) { .footer__container { display: flex; flex-direction: column; } } .footer__email-subscribe { background-color: #f8f5f5; } @media (max-width: 991.98px) { .footer__email-subscribe { order: 2; } } .footer__email-subscribe-container { padding-top: 5rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; padding-bottom: 5.7777777778rem; } @media (max-width: 991.98px) { .footer__email-subscribe-container { padding-top: 1.2777777778rem; padding-left: 0.7777777778rem; padding-right: 0.7777777778rem; padding-bottom: 0.8888888889rem; background-color: transparent; } } .footer__email-subscribe-title { margin-top: 0; margin-bottom: 1.3333333333rem; font-size: 1.3333333333rem; font-weight: 600; line-height: 1.5066666667rem; letter-spacing: 2%; color: #4e4e4e; } @media (max-width: 991.98px) { .footer__email-subscribe-title { font-size: 1.1111111111rem; margin-bottom: 1rem; } } .footer__email-subscribe-form { max-width: 41.3333333333rem; color: #4e4e4e; } .footer__email-subscribe-form-row { display: flex; border: 0.0555555556rem solid #b5b5b5; border-radius: 0.6666666667rem; background-color: #fff; margin-bottom: 1.3333333333rem; } @media (max-width: 991.98px) { .footer__email-subscribe-form-row { background-color: transparent; border: unset; } } .footer__email-subscribe-form-input, .footer__email-subscribe-form-btn { font-size: 1.1111111111rem; font-weight: 600; border: unset; } .footer__email-subscribe-form-input:focus, .footer__email-subscribe-form-btn:focus { outline: none; } .footer__email-subscribe-form-input { font-family: "Open Sans", sans-serif; display: block; letter-spacing: 2%; width: 100%; padding: 1.4444444444rem 1.4444444444rem; border-top-left-radius: 0.6666666667rem; border-bottom-left-radius: 0.6666666667rem; } @media (max-width: 991.98px) { .footer__email-subscribe-form-input { padding: 0.8333333333rem 0.8333333333rem; font-size: 0.7777777778rem; border-radius: 0.4444444444rem; z-index: 1; margin-right: -0.8888888889rem; } } .footer__email-subscribe-form-btn { width: 18.8888888889rem; padding: 1.4444444444rem 1.4444444444rem; border-radius: 0.6666666667rem; color: #212121; background-color: rgba(162, 35, 25, 0.2); transition: background-color 0.3s, color 0.2s; } @media (max-width: 991.98px) { .footer__email-subscribe-form-btn { width: 10.8333333333rem; padding-left: 0.8888888889rem; padding-top: 0.8333333333rem; padding-right: 0.4444444444rem; padding-bottom: 0.8333333333rem; font-size: 0.8888888889rem; font-size: 0.6666666667rem; } } .footer__email-subscribe-form-btn:hover { color: #fff; background-color: var(--primary-color); } .footer__email-subscribe-form-checkboxes { max-width: 90%; margin-bottom: 1.3333333333rem; } .footer__email-subscribe-form-checkbox-row { display: flex; align-items: flex-start; } .footer__email-subscribe-form-checkbox-row:not(:last-child) { margin-bottom: 1.3333333333rem; } .footer__email-subscribe-form-checkbox { display: inline-block; width: 1.1111111111rem; height: 1.1111111111rem; } .footer__email-subscribe-form-label { font-weight: 600; } @media (max-width: 991.98px) { .footer__nav { order: 1; } } .footer__nav-container { padding-top: 4.7777777778rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; padding-bottom: 1.6666666667rem; } @media (max-width: 991.98px) { .footer__nav-container { padding-top: 1.2777777778rem; padding-left: 0.7777777778rem; padding-right: 0.7777777778rem; } } .footer__nav-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 6.4444444444rem; } @media (max-width: 991.98px) { .footer__nav-list { flex-wrap: wrap; justify-content: space-between; column-gap: 0.2777777778rem; } } .footer__nav-item { width: calc((100% - 6.4444444444rem * 3) / 4); margin-bottom: 2em; } @media (max-width: 991.98px) { .footer__nav-item { width: calc((100% - 6.4444444444rem * 1) / 2); } } @media (max-width: 767.98px) { .footer__nav-item { width: 100%; } } .footer__nav-label { font-size: 1.3333333333rem; color: #fff; line-height: 2rem; font-weight: 600; letter-spacing: 2%; opacity: 0.5; margin-bottom: 0.5555555556rem; } @media (max-width: 991.98px) { .footer__nav-label { font-size: 0.7777777778rem; } } .footer__menu { list-style: none; padding: 0; margin: 0; } .footer__menu-item:not(:last-child) { margin-bottom: 0.4444444444rem; } .footer__menu-link { font-weight: 600; font-size: 1rem; line-height: 1.5555555556rem; letter-spacing: 2%; color: #fff; text-decoration: none; transition: color 0.3s; } .footer__menu-link:hover { color: #909090; } @media (max-width: 991.98px) { .footer__menu-link { font-size: 0.7777777778rem; line-height: normal; } } @media (max-width: 991.98px) { .footer__social { order: 3; } } .footer__social-container { padding-top: 1.6666666667rem; padding-left: 2.2222222222rem; padding-right: 2.2222222222rem; padding-bottom: 3.8888888889rem; } @media (max-width: 991.98px) { .footer__social-container { padding-left: 0.7777777778rem; padding-right: 0.7777777778rem; padding-top: 0.8888888889rem; padding-bottom: 0.8888888889rem; } } .footer__social-row { display: flex; column-gap: 9.1666666667rem; } @media (max-width: 991.98px) { .footer__social-row { flex-direction: column; row-gap: 1.7777777778rem; column-gap: 0; } } .footer__social-label { display: none; font-size: 0.8888888889rem; font-weight: 700; line-height: 1.2105555556rem; letter-spacing: 2%; margin-bottom: 0.4444444444rem; opacity: 0.5; } @media (max-width: 991.98px) { .footer__social-label { display: block; } } .footer__social-contacts { max-width: 18.1666666667rem; font-size: 1.1111111111rem; font-weight: 700; line-height: 1.2222222222rem; letter-spacing: 2%; } @media (max-width: 991.98px) { .footer__social-contacts { max-width: 100%; width: 100%; font-size: 0.8888888889rem; } } .footer__social-address { margin-bottom: 1.7777777778rem; } .footer__social-phone, .footer__social-email { display: block; text-decoration: none; color: #fff; transition: color 0.3s; } .footer__social-phone:hover, .footer__social-email:hover { color: #909090; } .footer__social-phone { margin-bottom: 0.4444444444rem; } .footer__social-media-list { list-style: none; padding: 0; margin: 0; display: flex; column-gap: 1.1111111111rem; } .footer__social-media-link { display: block; width: 2.7777777778rem; height: 2.7777777778rem; background-color: #fff; border-radius: 50%; transition: background-color 0.3s; background-repeat: no-repeat; background-position: center; } .footer__social-media-link--tg { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/tg-footer-dark.svg"); } .footer__social-media-link--inst { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/insta-footer-dark.svg"); } .footer__social-media-link--fb { background-image: url("/local/templates/deltaestate_v3/assets/css/../img/icons/fb-footer-dark.svg"); } .footer__social-media-link:hover { background-color: #909090; } @media (max-width: 991.98px) { .footer__social-media-link { width: 2.2222222222rem; height: 2.2222222222rem; } } @media (max-width: 991.98px) { .footer__logo { order: 4; } } .footer__logo-container { padding-top: 3.8888888889rem; padding-left: 1.3888888889rem; padding-right: 1.3888888889rem; padding-bottom: 0.8888888889rem; } @media (max-width: 991.98px) { .footer__logo-container { padding-left: 0.7777777778rem; padding-right: 0.7777777778rem; padding-top: 0.8888888889rem; padding-bottom: 0.8888888889rem; } } .footer__logo-pic { display: block; max-width: 100%; width: 17.7777777778rem; } @media (max-width: 991.98px) { .footer__logo-pic { max-width: 13.4444444444rem; width: 13.3333333333rem; width: 100%; } } @media (max-width: 991.98px) { .footer__copyright { order: 5; } } .footer__copyright-container { padding-top: 0.8888888889rem; padding-left: 1.3888888889rem; padding-right: 1.3888888889rem; padding-bottom: 0.8333333333rem; } @media (max-width: 991.98px) { .footer__copyright-container { padding-left: 0.7777777778rem; padding-right: 0.7777777778rem; padding-top: 0.8888888889rem; padding-bottom: 0.8888888889rem; } } .footer__copyright-text { max-width: 79.6666666667rem; font-size: 1.1111111111rem; font-weight: 600; line-height: 1.2222222222rem; letter-spacing: 2%; color: #909090; } @media (max-width: 991.98px) { .footer__copyright-text { font-size: 0.7777777778rem; letter-spacing: normal; } } .footer__totop { position: fixed; right: 2em; bottom: 2em; border: none; display: block; /* visibility: visible; */ outline: none !important; background: #F8F5F5; display: flex; height: 3.7777777778rem; align-items: center; border-radius: 1.8888888889rem; gap: 1em; font-weight: 600; font-size: 1.3333333333rem; line-height: 100%; letter-spacing: 0%; color: #212121; padding: 0 1.3333333333rem 0 0.6666666667rem; z-index: 1000; } @media (max-width: 767px) { .footer__totop { padding: 0; right: 1em; bottom: 1em; filter: grayscale(1) invert(1) brightness(1.5) sepia(0); height: 2.4444444444rem; } .footer__totop span { display: none; } } .footer__totop::before { content: ""; width: 2.4444444444rem; height: 2.4444444444rem; background: url(/local/templates/deltaestate_v3/assets/css/../img/icons/totop-arrow-in-circle.svg) center no-repeat; background-size: contain; } /*# sourceMappingURL=style.css.map */ /* End */ /* /local/templates/deltaestate_v3/assets/css/swiper-bundle.min.css?174262424918457 */ /* /local/templates/deltaestate_v3/assets/css/magnific-popup.css?17426256397806 */ /* /local/templates/deltaestate_v3/assets/css/style.css?1788533831138425 */