/* Start:/local/templates/citymall/assets/libs/bootstrap/css/bootstrap-reboot.min.css?17628503906098*/ /*! * Bootstrap Reboot v5.1.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important} /*# sourceMappingURL=bootstrap-reboot.min.css.map */ /* End */ /* Start:/local/templates/citymall/assets/libs/slick/slick.css?17628503901776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/citymall/assets/libs/slick/slick-theme.css?17628503903145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/citymall/assets/libs/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/citymall/assets/libs/slick/./fonts/slick.eot'); src: url('/local/templates/citymall/assets/libs/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/citymall/assets/libs/slick/./fonts/slick.woff') format('woff'), url('/local/templates/citymall/assets/libs/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/citymall/assets/libs/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/citymall/assets/libs/swiper/swiper-bundle.min.css?176285039018432*/ /** * Swiper 11.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 9, 2024 */ @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-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-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/citymall/assets/libs/magnific-popup/magnific-popup.css?17628503906951*/ /* 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; } .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; 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; box-shadow: none; touch-action: manipulation; } 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; 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; } .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; 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; } .mfp-arrow:before, .mfp-arrow:after { 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 { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { 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; 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; 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; } } /* End */ /* Start:/local/templates/citymall/assets/libs/aos/aos.css?176285039028763*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} /* End */ /* Start:/local/templates/citymall/assets/libs/formstyler/formstyler.css?17628503902175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/citymall/assets/css/custom.css?176587060116459*/ /* map */ .mapWrapper { --mapHeight: 803px; position: relative; overflow: unset; margin-top: 70px; padding-top: 0; } .mapMenu { } .mapMenu .innerPage__asideMenuContent { display: none; background-color: #fbfbfb; padding: 26px 8px 26px 0; border-left: solid 1px rgba(231, 231, 231, 0.8); border-right: solid 1px rgba(231, 231, 231, 0.8); margin-bottom: -5px; } .mapMenu .innerPage__asideMenuItem:last-child .innerPage__asideMenuContent { border-bottom: solid 1px rgba(231, 231, 231, 0.8); } .mapMenu ul { display: block; margin: 0; max-height: 410px; overflow-y: auto; } .mapMenu ul::-webkit-scrollbar { width: 9px; } .mapMenu ul::-webkit-scrollbar-thumb { background-color: #c9c9c9; border-radius: 3px; } .mapMenu ul::-webkit-scrollbar-track { background: #e9e9e9; border-radius: 3px; } .mapMenu .innerPage__asideMenuItem ul li+* { margin-top: 12px; } .mapContainer { height: var(--mapHeight); } .mapContent { position: absolute; left: 0; top: -70px; width: 100%; height: calc(var(--mapHeight) + 70px); } .mapControls { height: var(--mapHeight); position: relative; width: 100%; } .mapControls__block { position: absolute; right: 0; top: 0; display: flex; flex-direction: column; gap: 60px; z-index: 6; } .mapZoom { display: flex; flex-direction: column; } .mapZoomBtn { width: 56px; height: auto; aspect-ratio: 1; border-radius: 3px; border: solid 2px #d3d3d3; background-color: #fff; cursor: pointer; transition: .25s all ease-in-out; background-repeat: no-repeat; background-position: center; } .mapZoomBtn:hover { background-color: #32a0c1; border-color: #32a0c1; } .mapZoomBtn#zoom-in { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23606060' d='M6 0h2v14H6z'/%3e%3cpath fill='%23606060' d='M0 8V6h14v2z'/%3e%3c/svg%3e"); } .mapZoomBtn#zoom-in:hover { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23fff' d='M6 0h2v14H6z'/%3e%3cpath fill='%23fff' d='M0 8V6h14v2z'/%3e%3c/svg%3e"); } .mapZoomBtn#zoom-out { margin-top: -1px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2' fill='none' viewBox='0 0 14 2'%3e%3cpath fill='%23606060' d='M0 2V0h14v2z'/%3e%3c/svg%3e"); } .mapZoomBtn#zoom-out:hover { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2' fill='none' viewBox='0 0 14 2'%3e%3cpath fill='%23fff' d='M0 2V0h14v2z'/%3e%3c/svg%3e"); } .mapFloor { display: flex; flex-direction: column; } .mapFloorBtn { width: 56px; height: auto; aspect-ratio: 1; border-radius: 3px; border: solid 2px #d3d3d3; background-color: #fff; cursor: pointer; transition: .25s all ease-in-out; display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: var(--subfont); font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: normal; text-align: center; color: #8b8b8b; user-select: none; } .mapFloorBtn+* { margin-top: -1px; } .mapFloorBtn:hover { background-color: #32a0c1; border-color: #32a0c1; } .mapFloorBtn.active { background-color: #32a0c1; border-color: #32a0c1; color: #fff; } .mapFloorBtnStage { font-family: var(--userfont); font-size: 18px; font-weight: bold; color: #606060; transition: .25s all ease-in-out; } .mapFloorBtnTitle { transition: .25s all ease-in-out; } .mapFloorBtn.active .mapFloorBtnStage, .mapFloorBtn.active .mapFloorBtnTitle { color: #fff; } .mapFloorBtn:hover .mapFloorBtnStage, .mapFloorBtn:hover .mapFloorBtnTitle { color: #fff; } .mapManage { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; position: absolute; left: 0; bottom: 0; -ms-overflow-style: none; scrollbar-width: none; z-index: 6; } .mapManage::-webkit-scrollbar { display: none; } .mapManageBtn { display: flex; align-items: center; gap: 8px; border-radius: 3px; border: solid 1px #d3d3d3; background-color: #fff; min-height: 56px; padding: 0 20px 0 23px; cursor: pointer; transition: .25s all ease-in-out; user-select: none; } .mapManageBtn:hover, .mapManageBtn.active { background-color: #32a0c1; border-color: #32a0c1; color: #fff; } .mapManageBtn:hover .mapManageBtnTitle, .mapManageBtn.active .mapManageBtnTitle { color: #fff; } .mapManageBtnIcon { display: flex; align-items: center; justify-content: center; width: 28px; height: auto; aspect-ratio: 1; flex: none; background: #fff; border-radius: 3px; } .mapManageBtnIcon img, .mapManageBtnIcon svg { max-width: 100%; max-height: 100%; object-fit: contain; } .mapManageBtnTitle { font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; color: #8b8b8b; transition: .25s all ease-in-out; } .mapModal { z-index: 20; position: absolute; right: 100px; bottom: 110px; width: 318px; padding: 55px 60px 50px; display: flex; flex-direction: column; align-items: center; border-radius: 3px; box-shadow: 0px 7px 11.8px 1.2px rgba(0, 0, 0, 0.14); background-color: #fff; opacity: 0; visibility: hidden; } .mapModal.open { opacity: 1; visibility: visible; } .mapModal__close { position: absolute; right: 20px; top: 20px; width: 18px; height: auto; aspect-ratio: 1; padding: 0; background-color: transparent; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3e%3cpath fill='%23E0E0E0' d='m9 10.916-6.707 6.708c-.251.25-.57.376-.958.376s-.708-.125-.959-.376c-.25-.251-.376-.57-.376-.959 0-.387.125-.707.376-.958L7.084 9 .376 2.293C.126 2.042 0 1.723 0 1.335S.125.627.376.376C.627.126.946 0 1.335 0c.387 0 .707.125.958.376L9 7.084 15.707.376c.251-.25.57-.376.958-.376s.708.125.959.376c.25.251.376.57.376.959 0 .387-.125.707-.376.958L10.916 9l6.708 6.707c.25.251.376.57.376.958s-.125.708-.376.959c-.251.25-.57.376-.959.376-.387 0-.707-.125-.958-.376L9 10.916Z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; border: none; } .mapModal__close:hover { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3e%3cpath fill='%2332a0c1' d='m9 10.916-6.707 6.708c-.251.25-.57.376-.958.376s-.708-.125-.959-.376c-.25-.251-.376-.57-.376-.959 0-.387.125-.707.376-.958L7.084 9 .376 2.293C.126 2.042 0 1.723 0 1.335S.125.627.376.376C.627.126.946 0 1.335 0c.387 0 .707.125.958.376L9 7.084 15.707.376c.251-.25.57-.376.958-.376s.708.125.959.376c.25.251.376.57.376.959 0 .387-.125.707-.376.958L10.916 9l6.708 6.707c.25.251.376.57.376.958s-.125.708-.376.959c-.251.25-.57.376-.959.376-.387 0-.707-.125-.958-.376L9 10.916Z'/%3e%3c/svg%3e"); } .mapModal__logo { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; max-width: 163px; } .mapModal__logo img { max-width: 100%; height: auto; object-fit: contain; user-select: none; } .mapModal__title { font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase; } .mapModal__stage { margin-top: 12px; font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #6c6b6b; } .mapModal__btn { margin-top: 30px; min-height: 58px; } .mapModal__btn span { font-size: 16px; gap: 10px; } .mapModal__btn span::after { width: 12px; margin-top: -1px; } @media (max-width: 1500px) { .mapModal { bottom: 140px; } } @media (max-width: 1260px) { } @media (max-width: 991px) { .mapWrapper { --mapHeight: 630px; } .mapContainer { flex: none; width: 100%; height: auto; } .mapWrapper .innerPage__container { gap: 0; } .mapControls { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: calc(var(--mapHeight) - 164px); height: auto; } .mapControls__block { position: relative; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .mapZoom { flex-direction: row; align-items: center; } .mapFloor { flex-direction: row; align-items: center; } .mapManage { position: relative; } .mapManageBtn { padding: 0 16px 0 18px; min-height: 50px; } .mapModal { bottom: calc(100% + 20px); width: 100%; max-width: 300px; left: 50%; right: auto; transform: translateX(-50%); } .mapModal { padding: 50px 40px 50px; } .mapContent { padding-top: 170px; top: 0; height: var(--mapHeight); } .mapWrapper { --mapHeight: 550px; } .mobileFilter .mapMenu .innerPage__asideMenuContent { border-left: none; border-right: none; background-color: #fff; } .mobileFilter .mapMenu ul { background-color: #fff; } } @media (max-width: 767px) { .mapWrapper { margin-top: 50px; padding-top: 0; } .mapManageBtnTitle { font-size: 16px; } } @media (max-width: 575px) { .mapControls__block { flex-direction: column; gap: 20px; } .mapManage { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; width: 100%; } } @media (max-width: 355px) { } /* map */ .mapContent { position: absolute; left: 0; top: 0; width: 100%; /* z-index: 5; */ } .mapContent .floor>svg { width: 100%; height: 650px } .mapContent text { font-family: Montserrat, sans-serif } .mapContent g g:not(.not) { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: fill; -o-transition-property: fill; transition-property: fill; fill: #f1f2f2; stroke: #dddedf; cursor: pointer } .mapContent g g:not(.not) path.fil7 { fill: #4f3573 } .mapContent g g:not(.not) text { fill: #8b79a3 } .mapContent g g:not(.not):not(.svg_object):hover path { fill: #a6c726 } .notMark.svg_object { pointer-events: none; } .notMark.entry { pointer-events: none; } .notMark.entry.active path { stroke: #32a0c1; } .notMark.entry.active text { fill: #32a0c1!important; } .mapContent g g:not(.not):hover g path { fill: #fff!important; } .mapContent g g:not(.not).active g path { fill: #fff!important; } /* .mapContent g g:not(.not):hover path { fill: #a6c726 } .mapContent g g:not(.not):hover polygon { fill: #a6c726 } */ .mapContent g g:not(.not):hover text { fill: #fff!important } /* .mapContent g g:not(.not), */ .mapContent g g:not(.not) path, .mapContent g g:not(.not) text, .mapContent g g:not(.not) polygon, .mapContent g g:not(.not):hover g path { transition: .25s all ease-in-out; } .escalator, .lift, .toilet { fill: #8b79a3 } .escalator path, .lift path, .toilet path { fill: #221434 !important } .escalator polygon, .lift polygon, .toilet polygon { fill: #8b79a3; stroke: #8b79a3 } .escalator text, .lift text, .toilet text { fill: #221434 } .escalator:hover, .lift:hover, .toilet:hover { fill: #02bde5 } .escalator:hover path, .lift:hover path, .toilet:hover path { fill: #fff !important } .escalator:hover polygon, .lift:hover polygon, .toilet:hover polygon { fill: #02bde5; stroke: #02bde5 } .escalator:hover text, .lift:hover text, .toilet:hover text { fill: #fff } .escalator.active, .lift.active, .toilet.active { fill: #02bde5 } .escalator.active path, .lift.active path, .toilet.active path { fill: #fff !important } .escalator.active polygon, .lift.active polygon, .toilet.active polygon { fill: #02bde5; stroke: #02bde5 } .escalator.active text, .lift.active text, .toilet.active text { fill: #fff } polygon.logi { fill: #5e0156; stroke: #5e0156 } text.logi { fill: #8b79a3 } polygon.logi.active { fill: #02bde5; stroke: #02bde5 } text.logi.active { fill: #fff } polygon.cover { -webkit-transform: translate(0, 3014px); -ms-transform: translate(0, 3014px); transform: translate(0, 3014px); fill: #221434 } path.cover { stroke: #221434; fill: #221434 } .mapCont { position: relative; margin-top: 0 !important; padding-top: 80px } .mapHid { position: relative } .mapHid symbol { position: absolute; left: 0; top: 0; background: red; width: 100%; height: 100%; z-index: 1000 } #floors { -webkit-transition: .25s all ease-in-out; -o-transition: .25s all ease-in-out; transition: .25s all ease-in-out; padding-left: 0 } #floors .floor { display: none } #floors .floor.active { display: block } .mapManageBtn.active { border-color: #02bde5 } .mapManageBtn.active .mapManageBtnTitle { color: #fff } .mapManageBtn.active .mapManageBtnIcon svg { fill: #fff } .mapManageBtn.active .mapManageBtnIcon path { fill: #fff } .mapContent g g:not(.not).active { fill: #02bde5; } .mapContent g g:not(.not).active polygon { fill: #02bde5; } .mapContent g g:not(.not).active text { fill: #fff; } .mapContent g g:not(.not).active path { fill: #a6c726; } .mapContent, .floor, .floor svg { touch-action: manipulation; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .floor svg { width: 100%; height: auto; display: block; } g.escalator, g.escalator_0, g.escalator_45, g.travelator { pointer-events: none; } g[id^="logo_"] path { fill: #6e6f71; stroke: none; } .floorOne #svgobj_4 path { fill: #d3d4d5!important; stroke: none!important } .floorOne #svgobj_5 path { fill: #d3d4d5!important; stroke: none!important } .floorTwo #svgobj_9 path { fill: #d3d4d5!important; stroke: none!important } .floorThree #svgobj_0 path { fill: #d3d4d5!important; stroke: none!important } .floorFour #svgobj_0 path { fill: #d3d4d5!important; stroke: none!important } .floorFive #svgobj_0 path { fill: #d3d4d5!important; stroke: none!important } .floorTwo g[data-map_id="object_1_184"] path, .floorTwo g[data-map_id="object_1_184"] text, .floorTwo g[data-map_id="object_1_185"] path, .floorTwo g[data-map_id="object_1_185"] text, .floorTwo g[data-map_id="object_1_186"] path, .floorTwo g[data-map_id="object_1_186"] text, .floorTwo g[data-map_id="object_1_187"] path, .floorTwo g[data-map_id="object_1_187"] text { fill: #afafaf!important; } .floorTwo g[data-map_id="object_1_184"].active path, .floorTwo g[data-map_id="object_1_184"].active text, .floorTwo g[data-map_id="object_1_185"].active path, .floorTwo g[data-map_id="object_1_185"].active text, .floorTwo g[data-map_id="object_1_186"].active path, .floorTwo g[data-map_id="object_1_186"].active text, .floorTwo g[data-map_id="object_1_187"].active path, .floorTwo g[data-map_id="object_1_187"].active text { fill: #32a0c1!important; } .floorOne g[data-map_id="object_0_19"] path, .floorOne g[data-map_id="object_0_19"] text, .floorOne g[data-map_id="object_0_20"] path, .floorOne g[data-map_id="object_0_20"] text { fill: #afafaf!important; } .floorOne g[data-map_id="object_1_184"].active path, .floorOne g[data-map_id="object_1_184"].active text, .floorOne g[data-map_id="object_0_20"].active path, .floorOne g[data-map_id="object_0_20"].active text { fill: #32a0c1!important; } .floorOne g[data-map_id="object_0_17"] text, .floorOne g[data-map_id="object_0_18"] text, .floorOne g[data-map_id="object_0_15"] text, .floorOne g[data-map_id="object_0_16"] text { fill: #afafaf!important; pointer-events: none; } .mapContent .floorOne g[data-map_id="object_0_17"]:hover text, .mapContent .floorOne g[data-map_id="object_0_18"]:hover text, .mapContent .floorOne g[data-map_id="object_0_15"]:hover text, .mapContent .floorOne g[data-map_id="object_0_16"]:hover text { fill: #afafaf!important; } .floorOne g[id="svgobj_7"] > g { stroke: none; } .floorOne g[id="svgobj_7"] > g path { fill: #d3d4d5; } .tablebodytext { display: none; } /* mapSidebar-popup */ .mapSidebar-popup { display: none!important } /* mapSidebar-popup */ /* End */ /* Start:/local/templates/citymall/assets/css/main.css?1771229720254702*/ /* USER VARIABLES SECTION */ :root { --accent: #d60300; --text: #333; --regular-text: 16px; --lineheight: 1.65; --userfont: AAStetica, sans-serif; --subfont: TildaSans, sans-serif; --elektra: ElektraLightPro, sans-serif; --systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif; } /* FONTS LOAD SECTION */ @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Light.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 300; font-style: normal; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Light-Italic.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 300; font-style: italic; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Regular.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 400; font-style: normal; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Regular-Italic.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 400; font-style: italic; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Medium.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 500; font-style: normal; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Medium-Italic.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 500; font-style: italic; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Bold.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 700; font-style: normal; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/AAStetica-Bold-Italic.woff2") format("woff2"); font-family: "AAStetica"; font-weight: 700; font-style: italic; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/TildaSans-Regular.woff2") format("woff2"); font-family: "TildaSans"; font-weight: 400; font-style: normal; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/TildaSans-Medium.woff2") format("woff2"); font-family: "TildaSans"; font-weight: 500; font-style: normal; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/TildaSans-Bold.woff2") format("woff2"); font-family: "TildaSans"; font-weight: 700; font-style: normal; font-display: swap; } @font-face { src: url("/local/templates/citymall/assets/css/../fonts/Elektralightpro-bold.woff2") format("woff2"); font-family: "ElektraLightPro"; font-weight: 700; font-style: normal; font-display: swap; } /* GENERAL CSS SETTINGS */ ::placeholder { color: #666; } ::selection { background-color: var(--accent); color: #fff; } input, textarea { outline: none; } /* input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; } input:required:valid, textarea:required:valid { border-color: green; } */ body { font-family: var(--userfont); font-size: var(--regular-text); line-height: var(--lineheight); color: var(--text); min-width: 320px; position: relative; overflow-x: hidden; } .container { max-width: 1440px; margin: 0 auto; } a { transition: .25s all ease-in-out; text-decoration: none; } button { cursor: pointer; transition: .25s all ease-in-out; } button:focus { outline: none } img { pointer-events: none; } b, strong { font-weight: bold } .center { text-align: center; } .btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; min-height: 70px; gap: 15px; border-radius: 35px; background-color: #020202; padding: 0 40px; padding-top: 3px; position: relative; overflow: hidden; border: none; } .btn span { display: inline-flex; align-items: center; justify-content: center; gap: 15px; font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #fff; text-transform: uppercase; text-align: center; position: relative; z-index: 2; transition: .25s all ease-in-out; margin-top: 1px; } .btn::before { content: ''; width: calc(100% + 4px); height: auto; aspect-ratio: 1; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transform-origin: center; border-radius: 50%; z-index: 1; transition: .4s all ease-in-out; } .btn:hover::before { transform: translate(-50%, -50%) scale(1); } .btn:hover span { text-decoration: none; color: #020202; } .btn-icon span::after { content: ''; height: auto; flex: none; background-color: #fff; mask-repeat: no-repeat; mask-position: center; mask-size: contain; color: #fff; transition: .25s all ease-in-out; margin-top: -3px; } .btn-arrow-top span::after { width: 14px; aspect-ratio: 1; mask: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23fff' d='M14 13.276a.724.724 0 0 1-1.448 0V2.472L1.236 13.788a.724.724 0 1 1-1.024-1.024L11.528 1.448H.724A.724.724 0 0 1 .724 0h12.552c.4 0 .724.324.724.724v12.552Z'/%3e%3c/svg%3e") no-repeat center / contain; } .btn-arrow-top:hover span::after { background-color: #020202; } .btn-pdf span { flex-direction: row-reverse; } .btn-pdf span::after { width: 28px; aspect-ratio: 1; mask-repeat: unset; mask-position: unset; mask-size: unset; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent!important; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewBox='0 0 200 200'%3e%3cg fill-rule='evenodd' clip-path='url(%23a)' clip-rule='evenodd'%3e%3cpath fill='%23ED0202' d='M48.5 101.15c-.035-4.646-.005-9.306-.005-13.954 0-4.53-.27-9.898-.027-14.316.074-1.346.871-.962 2.205-1.177 1.154-.186 1.942-.211 3.281-.245 2.35-.06 4.678-.124 6.945.062 17.532 1.445 15.764 19.144 10.49 25.067-6.194 6.957-21.629 5.376-22.889 4.563Zm129.35 58.415-.029-35.457c-.034-4.368.261-4.623-2.886-4.623-8.711 0-17.96-.065-25.53-.025-2.87.015-3.123 1.316-3.117 4.018l.447 36.133-14.514.056 27.206 38.525c1.678 2.347 3.711 2.136 5.415-.32l27.043-38.27-14.035-.037ZM29.56 79.153l.04 6.42c3.891.447 7.035-.223 7.863-3.47.964-3.775-2.014-5.578-5.403-5.577-2.873 0-2.5-.171-2.5 2.627Zm25.884 17.292c7.61.677 12.206-2.626 12.373-9.911.196-8.51-5.253-10.325-12.335-9.872-.29.999-.31 18.506-.038 19.783Zm-25.866-5.51c-.047 2.024.44 9.12-.214 10.324-.895.542-5.01.274-6.402.181-.309-2.02-.103-17.775-.104-21.17 0-8.983-.793-8.226 2.236-8.545 2.728-.288 7.68-.531 10.5-.108C46.5 73.25 46.941 85.674 38.865 89.546c-3.388 1.625-5.204 1.182-9.287 1.39Zm56.574-7.127c1.656.312 7.056.047 9.377.098.832.018.775-.112 1.234.269.341.524.324 4.392.085 5.172-1.929.679-8.1-.233-10.696.302l-.01 11.78-5.157.032c-1.684-.224-1.55-2.696-1.548-5.776.001-2.952-.294-23.432.198-23.914.444-.435 16.625-.21 17.845-.163l.102 5.51-11.37.043-.06 6.647ZM8.172 70.217 8.17 106.63c0 9.358 8.036 8.084 14.954 8.08 12.141-.104 47.042 0 80.874 0 3.331.001 4.624-.653 6.485-2.49 2.134-2.105 1.843-3.96 1.83-7.377V68.43c-.002-3.466.192-5.304-1.734-7.474-2.777-3.13-7.943-2.53-12.39-2.523l-81.544-.002c-3.244-.002-5.58.94-7.088 2.909-1.868 2.439-1.386 5.204-1.386 8.877Z'/%3e%3cpath fill='%23000' d='M48.725 180.161c-.824.001-1.014.002-1.999-.203-2.913-.354-5.627-1.788-7.8-3.801-2.305-2.133-4.006-4.921-4.696-7.763-.643-2.65-.588-5.828-.535-8.848.014-.773.027-1.538.027-2.389 0-1.355-.009-3.306-.02-5.776-.046-9.899-.128-27.634.135-28.55l.074-.26 7.6.015.093 36.805c.001.532-.013 1.153-.026 1.769-.058 2.569-.113 5.043.981 7.053 2.485 4.564 7.198 4.405 12.32 4.233a91.694 91.694 0 0 1 3.066-.07h49.832c2.154 0 4.346-.023 6.622-.047 5.209-.056 10.847-.116 15.297.073l.202.008.097.176c.457.834 1.191 1.818 1.862 2.717.165.221.326.437.58.786l.287.384c.663.887 1.939 2.593 2.149 3.3l.136.457-67.098.001c-1.499.001-3.082.016-4.776.032-3.985.037-8.539.08-11.39-.036-1.624-.066-2.47-.066-3.02-.066Zm8.805-46.985 71.298.001.022-5.077c-1.331-.407-31.427-.127-35.507-.127H57.535l-.005 5.203Zm-.016 16.771 71.295.066.036-5.241-71.3-.056-.03 5.231Zm60.606-138.77.064 37.303c3.284.002 6.569.008 9.854.014 9.021.015 18.045.03 27.042-.038a37.36 37.36 0 0 0-1.078-1.157c-1.168-1.208-2.63-2.63-3.072-3.033-1.234-1.12-2.33-2.254-3.384-3.343-.488-.505-.967-1-1.443-1.477a1769.612 1769.612 0 0 1-4.758-4.779 678.797 678.797 0 0 1-4.729-4.814l-16.688-16.812a16.577 16.577 0 0 1-.5-.542c-.401-.449-.899-1.004-1.308-1.323ZM41.194 49.204l-7.412-.029c-.063-9.9-.172-19.818-.172-29.716l.591-7.605.01-.036c.671-2.41 1.765-4.51 3.223-6.258 1.475-1.769 3.321-3.173 5.476-4.167 3.743-1.727 8.983-1.609 13.87-1.5 1.132.025 2.245.05 3.4.05h37.46c1.22 0 2.779-.013 4.569-.028 5.09-.044 11.975-.103 14.161.058.834.062 1.421.257 1.92.558.492.295.876.678 1.33 1.133l25.617 25.763c2.364 2.405 4.903 4.91 7.453 7.426 3.881 3.83 7.791 7.687 11.158 11.264.244.26.459.481.655.684 1.743 1.8 2.115 2.184 2.113 6.398-.002 6.606-.016 13.701-.03 20.901-.021 11.02-.043 22.285-.026 32.425l.001.358h-7.851l-.06-50.582c-2.685.027-5.38.02-8.071.011-1.013-.002-1.977-.005-3.795-.005l-9.3-.018c-.442-.025-.838-.007-1.211.01-.471.02-.911.04-1.387-.022l-18.173.03c-5.762.016-6.548-3.285-6.561-7.63-.002-.755.02-1.532.042-2.329.021-.77.043-1.563.043-2.428v-24.4c0-1.109.022-2.405.045-3.725.045-2.695.093-5.494-.056-7.97-6.001-.186-12.209-.125-18.359-.066-3.099.03-6.184.061-9.006.061l-8.888-.005c-6.259-.004-12.519-.008-18.777.005-.802.002-1.558-.013-2.275-.027-3.757-.072-6.483-.125-8.988 2.357-2.479 2.458-2.426 5.218-2.355 8.974.013.707.027 1.45.027 2.114l-.054 27.967h-.357Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h200v200H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); margin-top: 0; } .btn-pdf:hover span::after { background-color: transparent; mask-repeat: unset; mask-position: unset; mask-size: unset; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewBox='0 0 200 200'%3e%3cg fill='%23fff' fill-rule='evenodd' clip-path='url(%23a)' clip-rule='evenodd'%3e%3cpath d='M48.5 101.15c-.035-4.646-.005-9.306-.005-13.954 0-4.53-.27-9.898-.027-14.316.074-1.346.871-.962 2.205-1.177 1.154-.186 1.942-.211 3.281-.245 2.35-.06 4.678-.124 6.945.062 17.532 1.445 15.764 19.144 10.49 25.067-6.194 6.957-21.629 5.376-22.889 4.563Zm129.35 58.415-.029-35.457c-.034-4.368.261-4.623-2.886-4.623-8.711 0-17.96-.065-25.53-.025-2.87.015-3.123 1.316-3.117 4.018l.447 36.133-14.514.056 27.206 38.525c1.678 2.347 3.711 2.136 5.415-.32l27.043-38.27-14.035-.037ZM29.56 79.153l.04 6.42c3.891.447 7.035-.223 7.863-3.47.964-3.775-2.014-5.578-5.403-5.577-2.873 0-2.5-.171-2.5 2.627Zm25.884 17.292c7.61.677 12.206-2.626 12.373-9.911.196-8.51-5.253-10.325-12.335-9.872-.29.999-.31 18.506-.038 19.783Zm-25.866-5.51c-.047 2.024.44 9.12-.214 10.324-.895.542-5.01.274-6.402.181-.309-2.02-.103-17.775-.104-21.17 0-8.983-.793-8.226 2.236-8.545 2.728-.288 7.68-.531 10.5-.108C46.5 73.25 46.941 85.674 38.865 89.546c-3.388 1.625-5.204 1.182-9.287 1.39Zm56.574-7.127c1.656.312 7.056.047 9.377.098.832.018.775-.112 1.234.269.341.524.324 4.392.085 5.172-1.929.679-8.1-.233-10.696.302l-.01 11.78-5.157.032c-1.684-.224-1.55-2.696-1.548-5.776.001-2.952-.294-23.432.198-23.914.444-.435 16.625-.21 17.845-.163l.102 5.51-11.37.043-.06 6.647ZM8.172 70.217 8.17 106.63c0 9.358 8.036 8.084 14.954 8.08 12.141-.104 47.042 0 80.874 0 3.331.001 4.624-.653 6.485-2.49 2.134-2.105 1.843-3.96 1.83-7.377V68.43c-.002-3.466.192-5.304-1.734-7.474-2.777-3.13-7.943-2.53-12.39-2.523l-81.544-.002c-3.244-.002-5.58.94-7.088 2.909-1.868 2.439-1.386 5.204-1.386 8.877Z'/%3e%3cpath d='M48.725 180.161c-.824.001-1.014.002-1.999-.203-2.913-.354-5.627-1.788-7.8-3.801-2.305-2.133-4.006-4.921-4.696-7.763-.643-2.65-.588-5.828-.535-8.848.014-.773.027-1.538.027-2.389 0-1.355-.009-3.306-.02-5.776-.046-9.899-.128-27.634.135-28.55l.074-.26 7.6.015.093 36.805c.001.532-.013 1.153-.026 1.769-.058 2.569-.113 5.043.981 7.053 2.485 4.564 7.198 4.405 12.32 4.233a91.694 91.694 0 0 1 3.066-.07h49.832c2.154 0 4.346-.023 6.622-.047 5.209-.056 10.847-.116 15.297.073l.202.008.097.176c.457.834 1.191 1.818 1.862 2.717.165.221.326.437.58.786l.287.384c.663.887 1.939 2.593 2.149 3.3l.136.457-67.098.001c-1.499.001-3.082.016-4.776.032-3.985.037-8.539.08-11.39-.036-1.624-.066-2.47-.066-3.02-.066Zm8.805-46.985 71.298.001.022-5.077c-1.331-.407-31.427-.127-35.507-.127H57.535l-.005 5.203Zm-.016 16.771 71.295.066.036-5.241-71.3-.056-.03 5.231Zm60.606-138.77.064 37.303c3.284.002 6.569.008 9.854.014 9.021.015 18.045.03 27.042-.038a37.36 37.36 0 0 0-1.078-1.157c-1.168-1.208-2.63-2.63-3.072-3.033-1.234-1.12-2.33-2.254-3.384-3.343-.488-.505-.967-1-1.443-1.477a1769.612 1769.612 0 0 1-4.758-4.779 678.797 678.797 0 0 1-4.729-4.814l-16.688-16.812a16.577 16.577 0 0 1-.5-.542c-.401-.449-.899-1.004-1.308-1.323ZM41.194 49.204l-7.412-.029c-.063-9.9-.172-19.818-.172-29.716l.591-7.605.01-.036c.671-2.41 1.765-4.51 3.223-6.258 1.475-1.769 3.321-3.173 5.476-4.167 3.743-1.727 8.983-1.609 13.87-1.5 1.132.025 2.245.05 3.4.05h37.46c1.22 0 2.779-.013 4.569-.028 5.09-.044 11.975-.103 14.161.058.834.062 1.421.257 1.92.558.492.295.876.678 1.33 1.133l25.617 25.763c2.364 2.405 4.903 4.91 7.453 7.426 3.881 3.83 7.791 7.687 11.158 11.264.244.26.459.481.655.684 1.743 1.8 2.115 2.184 2.113 6.398-.002 6.606-.016 13.701-.03 20.901-.021 11.02-.043 22.285-.026 32.425l.001.358h-7.851l-.06-50.582c-2.685.027-5.38.02-8.071.011-1.013-.002-1.977-.005-3.795-.005l-9.3-.018c-.442-.025-.838-.007-1.211.01-.471.02-.911.04-1.387-.022l-18.173.03c-5.762.016-6.548-3.285-6.561-7.63-.002-.755.02-1.532.042-2.329.021-.77.043-1.563.043-2.428v-24.4c0-1.109.022-2.405.045-3.725.045-2.695.093-5.494-.056-7.97-6.001-.186-12.209-.125-18.359-.066-3.099.03-6.184.061-9.006.061l-8.888-.005c-6.259-.004-12.519-.008-18.777.005-.802.002-1.558-.013-2.275-.027-3.757-.072-6.483-.125-8.988 2.357-2.479 2.458-2.426 5.218-2.355 8.974.013.707.027 1.45.027 2.114l-.054 27.967h-.357Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h200v200H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); } .btn-rule span { flex-direction: row-reverse; } .btn-rule span::after { width: 28px; aspect-ratio: 1; mask-repeat: unset; mask-position: unset; mask-size: unset; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent!important; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='250' height='250' style='shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd' viewBox='0 0 250 250'%3e%3cdefs%3e%3cstyle%3e.fil0%7bfill:%23010101%7d.fil2%7bfill:%239abc14%7d%3c/style%3e%3c/defs%3e%3cg id='Слой_x0020_1'%3e%3cg id='_1597976928720'%3e%3cpath d='M130.878 92.726h60.549l.019-5.54c-1.131-.444-26.689-.138-30.154-.138h-30.409l-.005 5.678zM130.865 112.998l60.546.071.031-5.647-60.551-.062zM130.878 142.49l60.549.001.019-5.54c-1.131-.445-26.689-.139-30.154-.139h-30.409l-.005 5.678zM130.865 162.762l60.546.071.031-5.647-60.551-.061zM130.878 192.255h60.549l.019-5.54c-1.131-.444-26.689-.138-30.154-.138h-30.409l-.005 5.678zM130.865 212.527l60.546.071.031-5.648-60.551-.061z' class='fil0'/%3e%3cpath d='M53.921 35.37h11.73v8.667h-11.73a9.607 9.607 0 0 0-6.804 2.834 9.607 9.607 0 0 0-2.834 6.804v178.02a9.607 9.607 0 0 0 2.834 6.804 9.611 9.611 0 0 0 6.804 2.834h142.158a9.611 9.611 0 0 0 6.804-2.834 9.607 9.607 0 0 0 2.834-6.804V53.675a9.607 9.607 0 0 0-2.834-6.804 9.607 9.607 0 0 0-6.804-2.834h-11.73V35.37h11.73c5.039 0 9.616 2.058 12.932 5.373 3.315 3.316 5.373 7.893 5.373 12.932v178.02c0 5.038-2.058 9.616-5.373 12.931-3.316 3.315-7.893 5.374-12.932 5.374H53.921c-5.038 0-9.616-2.059-12.932-5.374-3.315-3.315-5.373-7.893-5.373-12.931V53.675c0-5.039 2.058-9.616 5.373-12.932 3.316-3.315 7.894-5.373 12.932-5.373z' style='fill:%23010101;fill-rule:nonzero'/%3e%3cpath d='M124.637 57.561h36.038c14.604 0 13.315-4.801 13.345-19.963.044-16.05-10.417-11.84-23.13-12.863C146.758 9.282 140.971 0 125.003 0 108.63 0 103.172 9.185 99.11 24.735c-12.713 1.023-23.174-3.187-23.13 12.863.029 15.162-1.259 19.963 13.345 19.963h35.312zM125 11.123c7.611 0 13.781 6.169 13.781 13.781 0 7.611-6.17 13.78-13.781 13.78-7.611 0-13.781-6.169-13.781-13.78 0-7.612 6.17-13.781 13.781-13.781zM70.142 91.989l-9.457 8.772 22.753 22.204 37.829-36.185-9.32-9.731-27.961 27.808zM70.142 141.753l-9.457 8.772 22.753 22.204 37.829-36.184-9.32-9.731-27.961 27.808zM70.142 191.517l-9.457 8.772 22.753 22.204 37.829-36.184-9.32-9.731-27.961 27.808z' class='fil2'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); margin-top: 0; } .btn-rule:hover span::after { background-color: transparent; mask-repeat: unset; mask-position: unset; mask-size: unset; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='250' height='250' style='shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd' viewBox='0 0 250 250'%3e%3cdefs%3e%3cstyle%3e.fil0%7bfill:%23fefefe%7d%3c/style%3e%3c/defs%3e%3cg id='Слой_x0020_1'%3e%3cg id='_1598231590608'%3e%3cpath d='M130.878 92.726h60.549l.019-5.54c-1.131-.444-26.689-.138-30.154-.138h-30.409l-.005 5.678zM130.865 112.998l60.546.071.031-5.647-60.551-.062zM130.878 142.49l60.549.001.019-5.54c-1.131-.445-26.689-.139-30.154-.139h-30.409l-.005 5.678zM130.865 162.762l60.546.071.031-5.647-60.551-.061zM130.878 192.255h60.549l.019-5.54c-1.131-.444-26.689-.138-30.154-.138h-30.409l-.005 5.678zM130.865 212.527l60.546.071.031-5.648-60.551-.061z' class='fil0'/%3e%3cpath d='M53.921 35.37h11.73v8.667h-11.73a9.607 9.607 0 0 0-6.804 2.834 9.607 9.607 0 0 0-2.834 6.804v178.02a9.607 9.607 0 0 0 2.834 6.804 9.611 9.611 0 0 0 6.804 2.834h142.158a9.611 9.611 0 0 0 6.804-2.834 9.607 9.607 0 0 0 2.834-6.804V53.675a9.607 9.607 0 0 0-2.834-6.804 9.607 9.607 0 0 0-6.804-2.834h-11.73V35.37h11.73c5.039 0 9.616 2.058 12.932 5.373 3.315 3.316 5.373 7.893 5.373 12.932v178.02c0 5.038-2.058 9.616-5.373 12.931-3.316 3.315-7.893 5.374-12.932 5.374H53.921c-5.038 0-9.616-2.059-12.932-5.374-3.315-3.315-5.373-7.893-5.373-12.931V53.675c0-5.039 2.058-9.616 5.373-12.932 3.316-3.315 7.894-5.373 12.932-5.373z' style='fill:%23fefefe;fill-rule:nonzero'/%3e%3cpath d='M124.637 57.561h36.038c14.604 0 13.315-4.801 13.345-19.963.044-16.05-10.417-11.84-23.13-12.863C146.758 9.282 140.971 0 125.003 0 108.63 0 103.172 9.185 99.11 24.735c-12.713 1.023-23.174-3.187-23.13 12.863.029 15.162-1.259 19.963 13.345 19.963h35.312zM125 11.123c7.611 0 13.781 6.169 13.781 13.781 0 7.611-6.17 13.78-13.781 13.78-7.611 0-13.781-6.169-13.781-13.78 0-7.612 6.17-13.781 13.781-13.781zM70.142 91.989l-9.457 8.772 22.753 22.204 37.829-36.185-9.32-9.731-27.961 27.808zM70.142 141.753l-9.457 8.772 22.753 22.204 37.829-36.184-9.32-9.731-27.961 27.808zM70.142 191.517l-9.457 8.772 22.753 22.204 37.829-36.184-9.32-9.731-27.961 27.808z' class='fil0'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); } .btn-border { background-color: transparent; border: 2px solid #020202 } .btn-border span { color: #020202; } .btn-border::before { background-color: #020202; } .btn-border:hover span { color: #fff; } .btn-border.btn-icon span::after { background-color: #020202; } .btn-border.btn-icon:hover span::after { background-color: #fff; } .pretitle { font-family: var(--subfont); font-size: 40px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .pretitle.center { text-align: center; } .title { font-size: 50px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; position: relative; } .title span { font-weight: 500; font-style: italic; color: #d60300; } .title span.accent { color: #d60300; } .title__big { font-size: 110px; line-height: 0.9; } .title.center { text-align: center; } .section__header { margin-bottom: 80px; } .section__headerContent { display: flex; flex-direction: column; gap: 12px; } .section__header.center { display: flex; flex-direction: column; align-items: center; } .section__header.center .pretitle { text-align: center; } .section__header.center .title { text-align: center; } .section__headerContent.right { display: flex; flex-direction: column; align-items: flex-end; } .section__headerContent.right .pretitle { text-align: right; } .section__headerContent.right .title { text-align: right; } .section__headerBtn { display: inline-flex; align-items: center; justify-content: center; width: 204px; height: auto; aspect-ratio: 1; flex: none; border-radius: 50%; border: 2px solid #000; position: relative; } .section__headerBtn span { font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 1.9px; text-align: center; color: #000; border-bottom: 1px solid #000; transition: .25s all ease-in-out; user-select: none; text-transform: uppercase; } .section__headerBtn::before { content: ''; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transform-origin: center; border-radius: 50%; z-index: -1; transition: .4s all ease-in-out; } .section__headerBtn:hover::before { transform: translate(-50%, -50%) scale(1); } .section__headerBtn:hover span { color: #fff; border-bottom-color: #fff; } .section__footer { display: none; align-items: center; justify-content: center; margin-top: 40px; } @media (max-width: 1500px) { .container { max-width: 1200px; } .title { font-size: 44px; } .title__big { font-size: 90px; } .pretitle { font-size: 36px; } .section__headerBtn { width: 194px; } } @media (max-width: 1260px) { .container { max-width: 960px; } .title { font-size: 32px; } .title__big { font-size: 73px; } .pretitle { font-size: 27px; } .section__header { margin-bottom: 50px; } .section__headerContent { gap: 5px; } .section__headerBtn { width: 130px; border-width: 1px; } .section__headerBtn span { font-size: 12px; } } @media (max-width: 991px) { .container { max-width: 720px; } .title { font-size: 32px; } .title__big { font-size: 60px; } .pretitle { font-size: 27px; } } @media (max-width: 767px) { .container { max-width: 540px; } .btn { min-height: 64px; padding: 0 35px; } .btn span { font-size: 17px; } .btn-arrow-top::after { width: 13px; } .title { font-size: 32px; } .title__big { font-size: 50px; } .pretitle { font-size: 24px; } .section__headerBtn { display: none; } .section__footer { display: flex; } } @media (max-width: 575px) { .container { max-width: 100%; padding-left: 10px; padding-right: 10px; } .title { font-size: 28px; } .title__big { font-size: 40px; } .pretitle { font-size: 22px; } .section__header { margin-bottom: 35px; } } /* USER STYLES */ /* header */ .header { } .header.fixed { position: fixed; left: 0; width: 100%; z-index: 1000; background-color: #fff; } .header.fixed .header__top{ display: none; } .header.fixed .header__bottom { padding-top: 13px; padding-bottom: 17px; } .header.fixed .header__bottom::before { display: none; } .header.fixed .header__bottom::after { /* opacity: 1; */ display: block; } .header.fixed .header__logo { height: 102px; padding: 10px 24px; } .header:not(.indexHeader) { background-color: #fbfbfb; } .header:not(.indexHeader) .header__bottom{ background-color: #fbfbfb; } .header__container { display: grid; grid-template-columns: 206px 1fr; position: relative; z-index: 1; } .header__logo { display: flex; align-items: center; justify-content: center; padding: 0 24px 10px 24px; box-shadow: 0px 7px 12.4px 0.7px rgba(0, 0, 0, 0.07); background-color: #fff; position: relative; z-index: 3; } .header__logo img { max-width: 100%; max-height: 100%; user-select: none; transition: .25s all ease-in-out; } .header__logo:hover img { opacity: .8; } .header__content { background-color: #fff; } .header__top { height: 70px; display: flex; align-items: center; justify-content: space-between; padding-left: 40px; background-color: #f1f1f1; } .header__top::before { content: ''; width: 100vw; height: 70px; position: absolute; left: calc((100vw - 1440px) / -2); top: 0; background-color: #f1f1f1; z-index: -1; } .header__topLeft { display: flex; align-items: center; gap: 30px; } .header__address { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: left; color: #000; } .header__address::before { content: ''; width: 11px; height: auto; aspect-ratio: 0.733333; background-image: url(/local/templates/citymall/assets/css/../img/icon-pin.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; } .header__map { min-height: 43px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #000; border-radius: 25px; border: solid 1px #c9c9c9; background-color: transparent; padding: 0 25px; } .header__map::before { content: ''; width: 15px; height: auto; aspect-ratio: 1; background-image: url(/local/templates/citymall/assets/css/../img/icon-map.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; } .header__map:hover { color: #fff; border-radius: 25px; border-color: #000; background-color: #000; } .header__search { width: 40px; height: 40px; position: relative; transition: .25s all ease-in-out; z-index: 3; margin: 0; } .header__search:hover input { width: 348px; opacity: 1; } .header__search input { width: 100%; height: 100%; background-color: #fff; border: none; border-radius: 26px; transition: .25s all ease-in-out; position: absolute; opacity: 0; } .header__search:hover button { left: 308px; } .header__search input::placeholder { color: #b4b4b4; } .header__search:hover input { padding: 0 45px 0 15px; } .header__searchBtn { border: none; width: 40px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: #fff; flex: none; padding: 0; background-image: url(/local/templates/citymall/assets/css/../img/icon-search.png); background-repeat: no-repeat; background-position: 51% center; position: absolute; right: 0; top: 0; z-index: 6; transition: .25s all ease-in-out; left: 0; } .header__searchBtn:hover { opacity: .8; } .header__topRight { display: flex; align-items: center; } .header__social { display: flex; align-items: center; gap: 15px; margin-right: 30px; } .header__social > div { display: flex; align-items: center; gap: 15px; } .header__social a { display: flex; align-items: center; justify-content: center; width: 38px; height: auto; aspect-ratio: 1; border-radius: 50%; flex: none; box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.06); background-color: #fff; position: relative; } .header__social a svg { max-width: 100%; max-height: 100%; display: block; position: relative; z-index: 2; user-select: none; fill: #000; } .header__social a svg path { fill: #000; transition: .25s all ease-in-out; } .header__social a::before { content: ''; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(241, 88, 43, 1) 0%, rgba(192, 32, 47, 1) 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: .25s all ease-in-out; border-radius: 50%; } .header__social a:hover { background-color: transparent; } .header__social a:hover svg path { fill: #fff; } .header__social a:hover::before { opacity: 1; } .header__topMenu { display: flex; align-items: center; gap: 25px; } .header__topMenu a { font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #000; } .header__topMenu a:hover { color: #5a5a5a; } .header__parking { display: block; margin-left: 25px; width: 36px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: #508cc4; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/header__parking.png); background-repeat: no-repeat; background-position: 55% center; } .header__parking:hover { background-color: #4880b5; text-decoration: none; } .header__bottom { padding: 27px 0 27px 40px; } .header__bottom::before { content: ''; width: 100vw; height: 7px; position: absolute; left: 50%; transform: translateX(-50%); top: 70px; background-image: url(/local/templates/citymall/assets/css/../img/header__bottomDec.png); background-repeat: no-repeat; background-position: center; background-size: cover; transition: .25s all ease-in-out; } .header__bottom::after { content: ''; width: 100vw; height: 7px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background-image: url(/local/templates/citymall/assets/css/../img/header__bottomDec.png); background-repeat: no-repeat; background-position: center; background-size: cover; /* opacity: 0; */ display: none; transition: .25s all ease-in-out; } .header__menu ul { margin: 0; padding: 0; display: flex; justify-content: space-between; } .header__menu li { list-style: none; } .header__menu li a { display: flex; flex-direction: column; align-items: center; gap: 15px; } .header__menuIcon { width: auto; height: 39px; display: flex; align-items: flex-end; justify-content: center; position: relative; z-index: 1; } .header__menuIcon::before, .header__menuIcon::after { content: ''; width: 42px; position: absolute; height: auto; aspect-ratio: 1; border-radius: 50%; transform: scale(0); transition: .25s all ease; z-index: -1; } .header__menuIcon::after { transition-delay: .1s; width: 26px; } .header__menu li a:hover .header__menuIcon::before, .header__menu li a:hover .header__menuIcon::after { transform: scale(1); } .header__menu li:nth-child(1) .header__menuIcon::before { background-color: #e9522a; right: 16px; top: -5px; } .header__menu li:nth-child(1) .header__menuIcon::after { background-color: #c4d217; left: 16px; bottom: 0; } .header__menu li:nth-child(2) .header__menuIcon::before { background-color: #5ec0d6; left: 9px; top: -2px; } .header__menu li:nth-child(2) .header__menuIcon::after { content: ''; background-color: #fade37; left: -8px; bottom: 0; } .header__menu li:nth-child(3) .header__menuIcon::before { background-color: #fade37; left: 5px; top: 7px; } .header__menu li:nth-child(3) .header__menuIcon::after { background-color: #f85b32; left: -5px; top: -3px; } .header__menu li:nth-child(4) .header__menuIcon::before { background-color: #c4d217; left: 6px; top: 0; } .header__menu li:nth-child(4) .header__menuIcon::after { background-color: #ea3f82; left: -7px; bottom: -2px; } .header__menu li:nth-child(5) .header__menuIcon::before { background-color: #e9522a; left: -16px; top: -5px; } .header__menu li:nth-child(5) .header__menuIcon::after { background-color: #c4d217; right: -4px; bottom: -1px; } .header__menu li:nth-child(6) .header__menuIcon::before { background-color: #5ec0d6; right: -10px; top: -2px; } .header__menu li:nth-child(6) .header__menuIcon::after { background-color: #fade37; left: -10px; bottom: -2px; } .header__menu li:nth-child(7) .header__menuIcon::before { background-color: #fade37; right: -8px; bottom: -8px; } .header__menu li:nth-child(7) .header__menuIcon::after { background-color: #f85b32; left: -7px; top: -2px; } .header__menu li:nth-child(8) .header__menuIcon::before { background-color: #c4d217; right: -10px; top: 0; } .header__menu li:nth-child(8) .header__menuIcon::after { background-color: #ea3f82; left: -10px; bottom: 2px; } .header__menu li:nth-child(9) .header__menuIcon::before { background-color: #e9522a; left: -13px; top: -5px; } .header__menu li:nth-child(9) .header__menuIcon::after { background-color: #c4d217; right: -2px; bottom: -4px; } .header__menu li:nth-child(10) .header__menuIcon::before { background-color: #5ec0d6; right: -13px; top: -2px; } .header__menu li:nth-child(10) .header__menuIcon::after { background-color: #fade37; left: -6px; bottom: -2px; } .header__menuIcon img { max-width: 100%; max-height: 100%; user-select: none; } .header__menuIcon svg { width: auto; height: auto; max-width: 100%; max-height: 100%; user-select: none; transition: .25s all ease-in-out; } .header__menu .header__menuIcon svg path { transition: .25s all ease-in-out; } .header__menu li a:hover .header__menuIcon svg path { fill: #2f2f2f; } .header__menu li:nth-child(5) a:hover .header__menuIcon svg path:nth-child(1), .header__menu li:nth-child(5) a:hover .header__menuIcon svg path:nth-child(2) { fill: transparent; } .header__menu li:nth-child(7) a:hover .header__menuIcon svg path:nth-child(1), .header__menu li:nth-child(7) a:hover .header__menuIcon svg path:nth-child(2), .header__menu li:nth-child(7) a:hover .header__menuIcon svg path:nth-child(3) { fill: transparent; } .header__menu li:nth-child(8) a:hover .header__menuIcon svg path:nth-child(1), .header__menu li:nth-child(8) a:hover .header__menuIcon svg path:nth-child(2), .header__menu li:nth-child(8) a:hover .header__menuIcon svg path:last-child { fill: transparent; } .header__menuTitle { font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #000; transition: .25s all ease-in-out; } .header__menu li a:hover .header__menuTitle { color: #5a5a5a; } .header__burger { display: none; height: 20px; width: 32px; position: relative; cursor: pointer; flex: none; } .header__burger span { width: 75%; height: 2px; background-color: #000; position: absolute; top: 9px; right: 0; transition: .25s all ease-in-out; } .header__burger::before { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #000; transition: .25s all ease-in-out; } .header__burger::after { content: ''; width: 100%; height: 2px; position: absolute; top: 0; left: 0; background-color: #000; transition: .25s all ease-in-out; } .header__burger.active span { transform: scale(0); } .header__burger.active::after { transform: rotate(-45deg); top: 9px; } .header__burger.active::before { transform: rotate(45deg); top: 9px; } .mobileAside { --headerHeight: 80px; position: fixed; max-width: 360px; width: 100%; height: calc(100dvh - var(--headerHeight)); right: -100%; top: var(--headerHeight); background-color: #fff; z-index: 110; transition: .4s all ease-in-out; overflow-y: auto; } .mobileAside__container { max-width: 350px; min-height: calc(100dvh - var(--headerHeight)); margin: 0 auto; padding: 40px 0 60px; display: flex; flex-direction: column; align-items: center; gap: 30px; } .mobileAside__close { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; z-index: 2; cursor: pointer; } .mobileAside__close:before, .mobileAside__close:after { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background-color: #000; transition: .25s all ease-in-out; } .mobileAside__close:before:hover, .mobileAside__close:after:hover { opacity: .8; } .mobileAside__close:before { transform: translate(-50%, -50%) rotate(45deg); } .mobileAside__close:after { transform: translate(-50%, -50%) rotate(-45deg); } .mobileAside .header__search { width: 245px; height: auto; } .mobileAside .header__search input { border: solid 1px #c9c9c9; border-radius: 25px; padding: 0 55px 0 20px; height: 50px; font-size: 16px; position: relative; width: 100%; opacity: 1; } .mobileAside .header__search:hover input { width: 100%; } .mobileAside .header__searchBtn { width: 48px; height: 48px; aspect-ratio: unset; top: 1px; right: 1px; left: unset; } .mobileAside .header__search:hover button { left: unset; } .mobileAside .header__search:hover { width: 245px; } .mobileAside .header__topMenu { display: flex; flex-direction: column; align-items: center; gap: 15px; } .mobileAside .header__topMenu a { font-size: 19px; line-height: 1.2; } .mobileAside .header__menu ul { flex-direction: column; gap: 10px; } .mobileAside .header__menu li a { font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; text-align: center; color: #000; } .mobileAside .header__block { display: flex; align-items: center; gap: 14px; } .mobileAside .header__social { gap: 14px; } .mobileAside .header__social a { width: 42px; box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.09); } .mobileAside .header__map { padding: 0; width: auto; min-height: 42px; font-size: 19px; padding: 0 25px; min-height: 50px; } .mobileAside .header__map::before { width: 15px; } .mobileAside .header__parking { width: 42px; } @media (max-width: 1500px) { .header__top::before { left: calc((100vw - 1200px) / -2); } .header__menuTitle { font-size: 17px; } .header__top { padding-left: 20px; } .header__bottom { padding-left: 20px; } .header__container { grid-template-columns: 170px 1fr; } .header__social { margin-right: 0; } .header__topLeft { gap: 15px; } .header__parking { margin-left: 0; } .header__topRight { gap: 20px; } .header__address { max-width: 160px; } .header__address { align-items: flex-start; } .header__address::before { margin-top: 3px; } .header.fixed .header__logo { height: 101px; } .header__search:hover input { width: 333px; } .header__search:hover button { left: 293px; } } @media (max-width: 1260px) { .header__top::before { left: calc((100vw - 960px) / -2); } .header__container { grid-template-columns: 142px 1fr; } .header__logo { padding: 16px; } .header__menuTitle { font-size: 13px; } .header__menu li a { gap: 9px; } .header__menuIcon { height: 30px; } .header__bottom::before { height: 5px; } .header__bottom::after { height: 5px; } .header__bottom { padding: 22px 0 22px 20px; } .header__parking { width: 28px; background-size: 11px; } .header__topMenu a { font-size: 12px; } .header__topMenu { gap: 15px; } .header__social a { width: 28px; } .header__social a svg { max-height: 15px; max-width: 15px; } .header__social a:nth-child(3) svg { max-width: 12px; } .header__social { gap: 11px; } .header__searchBtn { width: 30px; background-size: 14px; } .header__search { width: 30px; height: 30px; } .header__address { font-size: 13px; } .header__address::before { width: 8px; } .header__address { gap: 7px; max-width: 220px; } .header__map { font-size: 12px; } .header__map { gap: 8px; } .header__map::before { width: 11px; } .header__map { min-height: 32px; padding: 0 15px; } .header__search input { font-size: 12px; z-index: 5; position: absolute; left: 0; top: 0; width: 0; width: 32px; opacity: 0; } .header__search:hover { width: auto; } .header__search:hover input { width: 200px; opacity: 1; } .header__search:hover button { left: 170px; } .header__searchBtn { z-index: 6; transition: .25s all ease-in-out; left: 0; } .header__menuIcon::before, .header__menuIcon::after { width: 32px; } .header__menuIcon::after { transition-delay: .1s; width: 16px; } .header__menu li:nth-child(1) .header__menuIcon::before { right: 10px; } .header.fixed .header__logo { height: 82px; } } @media (max-width: 991px) { .header__bottom { display: none; } .header__top { height: 100%; } .header__top::before { display: none; } .header { background-color: #f1f1f1; } .header:not(.indexHeader) { background-color: #f1f1f1; } .header:not(.indexHeader) .header__bottom{ background-color: #f1f1f1; } .header__logo { padding: 10px; } .header__logo img { max-width: 60px; } .header__container { grid-template-columns: 110px 1fr; } .header__content { height: 80px; } .header .header__topMenu { display: none; } .header__topLeft { gap: 20px; } .header__burger { display: block; } html { scrollbar-gutter: stable; } body.lock { overflow: hidden; height: 100vh; } .mobileAside.open { right: 0; } .header__container::before { content: ''; width: 100vw; height: 5px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background-image: url(/local/templates/citymall/assets/css/../img/header__bottomDec.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .header__content { padding-bottom: 5px; } .header { position: relative; z-index: 15; } .substrate { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, .8); opacity: 0; visibility: hidden; transition: .4s all ease-in-out; } .substrate.open { opacity: 1; visibility: visible; } .header__address { font-size: 14px; max-width: 200px; } .header .header__search { display: none; } .header .header__map { display: none; } .header__top { padding-left: 28px; } .header.fixed .header__logo { height: auto; } .header.fixed .header__top { display: flex; } .header.fixed { background-color: #f1f1f1; } .header__bottom::after { display: none; } } @media (max-width: 767px) { .header .header__social { display: none; } .header .header__parking { display: none; } .header__content { height: 70px; } .header__logo img { max-width: 56px; } .header__container { grid-template-columns: 78px 1fr; } .header__address { font-size: 16px; } .mobileAside { --headerHeight: 70px; max-width: 100%; } .header__address { max-width: 160px; } } @media (max-width: 575px) { .header__address { font-size: 15px; } } @media (max-width: 355px) { .header__top { padding-left: 15px; } } /* header */ /* main */ .indexPage { overflow-x: hidden; } /* main */ /* promo */ .promo { position: relative; } /* .promo::before { content: ''; width: 160px; height: auto; aspect-ratio: 0.378251; background-image: url(/local/templates/citymall/assets/css/../img/promo__dec.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; left: 0; bottom: -94px; z-index: 1; transform: rotate(var(--promo-rotate, 0deg)); transition: transform 0.05s linear; } */ .promo::after { content: ''; width: 433px; height: auto; aspect-ratio: 1.023641; background-image: url(/local/templates/citymall/assets/css/../img/promo__dec2.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; left: -273px; bottom: -94px; z-index: 5; transform: rotate(var(--promo-rotate, 0deg)); transition: transform 0.05s linear; } .promo__slider { /* background-color: #000; */ } .promo__item { background-color: #716858; background-color: #000; position: relative; } .promo__item:not(:first-child) { display: none; } .promo__slider.slick-initialized .promo__item { display: block; } .promo__slider.slick-slider .slick-arrow { background-color: rgba(0, 0, 0, 0.2); } .promo__slider.slick-slider .slick-prev { left: calc(50% - 1440px / 2); } .promo__slider.slick-slider .slick-next { right: calc(50% - 1440px / 2); } .promo__container { height: 712px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 2; } .promo___pretitle { font-family: var(--subfont); font-size: 40px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: #fff; text-transform: uppercase; } .promo___title { font-size: 130px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #fff; text-transform: uppercase; } .promo__itemImage { display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .promo__itemImage img, .promo__itemImage iframe, .promo__itemImage video { width: 100%; height: 100%; object-fit: cover; user-select: none; } .promo__itemVideo { display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .promo__itemVideo::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); } .promo__itemVideo iframe, .promo__itemVideo video { width: 100%; height: 100%; object-fit: cover; user-select: none; } .promo___btn { margin-top: 40px; } .promo__itemPreload { } .promo__itemPreloadLine { height: calc(100% / 3); width: 100%; background: #fff; position: absolute; top: 0; left: 100%; transform: translateX(0%); /* изначально спрятаны справа */ opacity: 1; visibility: visible; z-index: 4; transition: opacity 0.5s ease; /* плавное движение */ /* transition-property: opacity, visibility; */ } .promo__itemPreloadLine:nth-child(2) { top: calc(100% / 3); } .promo__itemPreloadLine:nth-child(3) { top: calc(100% / 3 * 2); } .promo__itemPreloadLine.animate { animation: preloadSlide 0.5s ease forwards; } .promo__itemPreloadLine:nth-child(2).animate { animation-delay: 0.2s; } .promo__itemPreloadLine:nth-child(3).animate { animation-delay: 0.4s; } @keyframes preloadSlide { from { transform: translateX(0%); } to { transform: translateX(-100%); } } @media (max-width: 1500px) { .promo___title { font-size: 110px; } .promo___pretitle { font-size: 34px; } /* .promo::before { width: 120px; } */ .promo::after { width: 350px; left: -225px; } .promo__slider.slick-slider .slick-next { right: calc(50% - 1200px / 2); } .promo__slider.slick-slider .slick-prev { left: calc(50% - 1200px / 2); } } @media (max-width: 1260px) { .promo___title { font-size: 80px; } .promo___pretitle { font-size: 30px; margin-bottom: 10px; } .promo___btn { margin-top: 35px; } /* .promo::before { width: 100px; } */ .promo::after { width: 320px; left: -219px; } .promo__slider.slick-slider .slick-next { right: calc(50% - 960px / 2); } .promo__slider.slick-slider .slick-prev { left: calc(50% - 960px / 2); } .promo__container { height: 500px; } .promo::after { display: none; } } @media (max-width: 991px) { .promo___title { font-size: 80px; } .promo___pretitle { font-size: 24px; margin-bottom: 5px; } .promo___btn { margin-top: 30px; } .promo__slider.slick-slider .slick-next { right: calc(50% - 720px / 2); } .promo__slider.slick-slider .slick-prev { left: calc(50% - 720px / 2); } } @media (max-width: 767px) { .promo___title { font-size: 65px; } .promo___pretitle { font-size: 22px; margin-bottom: 10px; } .promo___btn { margin-top: 25px; } /* .promo::before { display: none; } */ .promo::after { display: none; } .promo__container { height: 510px; } } @media (max-width: 575px) { .promo___title { font-size: 52px; } .promo___pretitle { font-size: 19px; } .promo___btn { margin-top: 20px; } } @media (max-width: 355px) { .promo___title { font-size: 42px; } .promo___pretitle { font-size: 18px; } } /* promo */ /* brandsSection */ .brandsSection { margin: 120px 0 140px; } .brandsSection .section__header { padding-right: 90px; display: flex; align-items: flex-end; justify-content: space-between; gap: 0; } .brandsSection .section__headerContent { max-width: 650px; margin-left: 180px; } .brandsSection .section__header .title span { position: relative; display: inline-block; margin-bottom: 5px; } .brandsSection .section__header .title span::before { content: ''; width: 100vw; height: 1px; position: absolute; right: calc(100% + 50px); top: 47%; background-color: #000; transform: scaleX(0); transform-origin: left; transition: transform 1.2s ease-in-out; } .brandsSection .section__header .title.aos-animate span::before { transform: scaleX(1); } .brandsSection__container { } .brandsSection .section__header .title span>div { display: inline; } .marquee { --gap: 20px; display: flex; overflow: hidden; user-select: none; /* gap: var(--gap); */ } .marquee:not(:nth-child(1)) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d4d4d4; } .marquee__content { flex-shrink: 0; display: flex; justify-content: space-around; align-items: center; min-width: 100%; gap: var(--gap); margin: 0; padding: 0; animation: scroll 40s linear infinite; } .marquee.to-right .marquee__content { animation: scroll-reverse 60s linear infinite; } .marquee__content li:not(.divider) { list-style: none; height: 100%; } .marquee__content li:not(.divider) a { display: block; font-size: 50px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #000; white-space: nowrap; position: relative; } .marquee__content li:not(.divider) a::after { content: attr(data-text); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to left, #f1582b, #c0202f); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } .marquee__content li:not(.divider) a:hover { color: transparent; } .marquee__content li:not(.divider) a:hover::after { opacity: 1; } .marquee__content li.divider { list-style: none; width: 26px; height: auto; aspect-ratio: 1; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/marquee__divider.png); background-repeat: no-repeat; background-position: center; background-size: contain; transition: .25s all ease-in-out; } .marquee__content li:hover + li.divider, .marquee__content li.divider:has(+ li:hover) { transition: .25s all ease-in-out; background-image: url(/local/templates/citymall/assets/css/../img/marquee__dividerHover.png); } .marquee__content[aria-hidden="true"] .divider:nth-child(1) { display: none; } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - var(--gap))); } } @keyframes scroll-reverse { from { transform: translateX(calc(-100% - var(--gap))); } to { transform: translateX(0); } } .brandsSection__footer { display: none; align-items: center; justify-content: center; margin-top: 40px; } @media (max-width: 1500px) { .marquee__content li:not(.divider) a { font-size: 48px; } .brandsSection .section__headerContent { max-width: 590px; margin-left: 120px; } .brandsSection .section__header { padding-right: 50px; } } @media (max-width: 1260px) { .brandsSection { margin: 100px 0; } .marquee__content li:not(.divider) a { font-size: 27px; } .brandsSection .section__headerContent { max-width: 420px; margin-left: auto; } .brandsSection .section__header { align-items: center; gap: 130px; } .marquee:not(:nth-child(1)) { padding-top: 25px; margin-top: 25px; } } @media (max-width: 991px) { .marquee__content li:not(.divider) a { font-size: 27px; } .marquee__content li.divider{ width: 24px; } .brandsSection .section__headerContent { margin-left: auto; } .brandsSection .section__headerContent { max-width: 420px; } .brandsSection .section__header { gap: 50px; padding-right: 0; } } @media (max-width: 767px) { .brandsSection { margin: 90px 0; } .marquee__content li:not(.divider) a { font-size: 27px; } .marquee:not(:nth-child(1)) { margin-top: 25px; padding-top: 25px; } .marquee__content li.divider{ width: 20px; } .brandsSection__footer { display: flex; } .brandsSection .section__headerBtn { display: none; } .brandsSection .section__headerContent { max-width: 420px; } .brandsSection .section__header { justify-content: flex-end; padding-right: 55px; } } @media (max-width: 575px) { .marquee__content li:not(.divider) a { font-size: 33px; } .marquee__content li.divider{ width: 17px; } .marquee { --gap: 15px; } .brandsSection__container { margin: 0 -20px; } .brandsSection .section__headerContent { max-width: 300px; } .brandsSection .section__header .title span::before { right: calc(100% + 16px); top: 20px; } .brandsSection .section__headerContent { margin-right: 40px; } .rentBrand .section__headerContent { margin-right: 0; } .brandsSection .section__header .title span { display: inline; margin: 0; } } @media (max-width: 355px) { .brandsSection .section__header { padding-right: 30px; } .brandsSection .section__headerContent { margin-right: 20px; } } /* brandsSection */ /* hero */ .hero { margin: 140px 0; position: relative; z-index: 1; } /* .hero::before { content: ''; width: 203px; height: auto; aspect-ratio: 0.472093; background-image: url(/local/templates/citymall/assets/css/../img/hero__dec.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; right: 0; top: -115px; z-index: -1; transform: translateY(var(--promo-shift, 0)); transition: transform 0.05s linear; } */ .hero::after { content: ''; width: 428px; height: auto; aspect-ratio: 0.995349; background-image: url(/local/templates/citymall/assets/css/../img/hero__dec2.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; right: -230px; top: -115px; z-index: -1; transform: rotate(var(--promo-rotate, 0deg)); transition: transform 0.05s linear; } .hero .section__headerContent { max-width: 900px; } .hero__sliderWrapper { position: relative; } .hero__slider::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transition: width 1s ease; z-index: 2; } .hero__slider.animate::before { width: 0; } .hero__item { } .hero__itemImg { width: 100%; height: auto; aspect-ratio: 2.264151; background-color: #ddd; } .hero__itemImg img { width: 100%; height: 100%; object-fit: cover; user-select: none; display: block; } @media (max-width: 1500px) { .hero::before { width: 150px; top: -85px; } .hero::after { width: 358px; top: -85px; right: -210px; } } @media (max-width: 1260px) { .hero { margin: 80px 0 110px; } /* .hero::before { width: 120px; top: -60px; } */ .hero::after { width: 270px; top: -60px; right: -140px; display: none; } } @media (max-width: 991px) { /* .hero::before { width: 80px; top: -80px; } */ .hero::after { width: 170px; top: -80px; right: -90px; } } @media (max-width: 767px) { /* .hero::before { display: none; } */ .hero::after { display: none; } } @media (max-width: 575px) { .hero .section__header.center { margin-bottom: 35px; } .hero .section__header .pretitle { max-width: 260px; margin: 0 auto; margin-bottom: 5px; } .hero__slider { margin: 0 -10px; } } /* hero */ /* stock */ .stock { margin: 150px 0; overflow: hidden; } .stock .section__header { padding-left: 90px; display: flex; align-items: center; margin-bottom: 45px; } .stock .section__headerContent { margin-left: 200px; } .stock .title { position: relative; } .stock .title::before { content: ''; width: 100vw; height: 1px; position: absolute; left: calc(100% + 30px); top: 47%; background-color: #000; transform: scaleX(0); transform-origin: right; transition: transform 1.2s ease-in-out; } .stock .title.aos-animate::before { transform: scaleX(1); } .stock__slider { margin: 0 -15px; } .stock__slider .slick-list { overflow: unset; } .stock__slider .slick-track { display: flex; } .stock__slider .stock__item { margin: 0 15px; display: none; flex-direction: column; height: auto; opacity: .15; } .stock__slider .stock__item.slick-active { opacity: 1; } .stock__slider.slick-initialized .stock__item { display: flex; } .stock__item { transition: .25s all ease-in-out; position: relative; } .stock__item:hover { /* transform: scale(1.01); */ } .anim-item { position: relative; } .anim-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transition: width 1s ease; z-index: 2; } .anim-item.animate::before { width: 0; } .stock__itemImg { width: 100%; height: auto; aspect-ratio: 1; margin-bottom: 28px; overflow: hidden; flex: none; position: relative; } .stock__itemImg::before { content: 'Подробнее'; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 1.9px; text-align: center; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .35s all ease-in-out; } .stock__item:hover .stock__itemImg::before { opacity: 1; } .stock__itemImg img { width: 100%; height: 100%; object-fit: cover; user-select: none; } .stock__itemContent { display: flex; flex-direction: column; align-items: flex-start; } .stock__itemDate { display: flex; align-items: center; justify-content: center; font-family: var(--subfont); font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; text-align: left; color: #848484; padding: 0; margin-bottom: 15px; } .stock__itemTitle { font-size: 27px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; transition: .25s all ease-in-out; } .stock__item:hover .stock__itemTitle { color: var(--accent); } /* .stock__item:nth-child(4n+2) .stock__itemDate { background-color: #a3c01d; } .stock__item:nth-child(4n+3) .stock__itemDate { background-color: #f08936; } .stock__item:nth-child(4n+4) .stock__itemDate { background-color: #a52979; } */ @media (max-width: 1500px) { .stock .section__header { padding-left: 30px; } } @media (max-width: 1260px) { .stock__itemTitle { font-size: 20px; } .stock__itemDate { font-size: 18px; } .stock .section__header { padding-left: 50px; gap: 130px } .stock .section__headerContent { margin-right: auto; margin-left: 0; } .stock { margin: 80px 0; } } @media (max-width: 991px) { .stock .section__headerContent { margin-left: 0; } .stock .section__header { gap: 40px; } } @media (max-width: 767px) { .stock__itemTitle { font-size: 21px; } .stock__itemDate { font-size: 14px; } .stock__itemImg { margin-bottom: 20px; } .stock__slider .stock__item { margin: 0 10px; } .stock__slider { margin: 0 -10px; } .stock__itemImg::before { font-size: 18px; } } @media (max-width: 575px) { .stock__slider .slick-list { padding-right: 18%; } .stock__slider .stock__item { opacity: 1; } .stock { overflow: hidden; } .stock .section__headerContent { max-width: 240px; } .stock .title::before { left: calc(100% - 43px); bottom: 19px; top: unset; } .stock .section__header { padding-left: 0; } .stock .section__headerContent { margin-left: 40px; } .stock__itemImg::before { display: none } } @media (max-width: 355px) { .stock .section__headerContent { margin-left: 20px; } .stock__slider .slick-list { padding-right: 10%; } } /* stock */ /* advantages */ .advantages { margin: 150px 0; } .advantages__list { display: grid; grid-template-columns: 1fr 1fr; gap: 75px 15px; } .advantages__item { display: grid; grid-template-columns: 402px 1fr; align-items: center; gap: 40px; } .advantages__itemImg { display: flex; align-items: center; justify-content: flex-end; } .advantages__itemImg img { display: block; max-width: 100%; max-height: 100%; user-select: none; } .advantages__itemContent { display: flex; flex-direction: column; align-items: flex-start; } .advantages__itemNumbs { font-size: 80px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1; letter-spacing: normal; text-align: left; color: #000; } .advantages__itemTitle { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .advantages__itemText { position: relative; font-family: var(--subfont); font-size: 26px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: normal; text-align: left; color: #000; padding-bottom: 35px; margin-top: 20px; } .advantages__item:nth-child(3) .advantages__itemText { width: 284px; } .advantages__itemText::before { content: ''; width: 160px; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; } .advantages__item:nth-child(even) .advantages__itemContent { align-items: flex-end; } .advantages__item:nth-child(even) .advantages__itemNumbs { text-align: right; } .advantages__item:nth-child(even) .advantages__itemTitle { text-align: right; } .advantages__item:nth-child(even) .advantages__itemText { text-align: right; } .advantages__item:nth-child(even) .advantages__itemText::before { left: unset; right: 0; } @media (max-width: 1500px) { .advantages__item { grid-template-columns: 282px 1fr; gap: 30px; } .advantages__itemNumbs { font-size: 65px; } .advantages__itemTitle { font-size: 30px; } .advantages__itemText { font-size: 24px; } } @media (max-width: 1260px) { .advantages{ margin: 120px 0; } .advantages__itemNumbs { font-size: 53px; } .advantages__itemTitle { font-size: 24px; } .advantages__itemText { font-size: 17px; } .advantages__itemContent { max-width: 180px; } .advantages__item:nth-child(3) .advantages__itemText { width: 200px; } .advantages__list { gap: 60px 10px } .advantages__item { grid-template-columns: 252px 1fr; gap: 20px; } .advantages__itemText { padding-bottom: 15px; margin-top: 15px; } .advantages__itemText::before { width: 120px; } } @media (max-width: 991px) { .advantages{ margin: 100px 0; } .advantages__list { display: flex; overflow-x: auto; gap: 45px; margin: 0 -10px; padding: 0 10px; } .advantages__list::-webkit-scrollbar { width: 0; height: 0; } .advantages__list::-webkit-scrollbar-thumb { background-color: transparent; } .advantages__list::-webkit-scrollbar-track { background: transparent; } .advantages__item { flex-direction: column; display: flex; align-items: flex-end; flex: none; max-width: 280px; } .advantages__item:nth-child(even) .advantages__itemNumbs { text-align: left; } .advantages__item:nth-child(even) .advantages__itemTitle { text-align: left; } .advantages__item:nth-child(even) .advantages__itemText { text-align: left; } .advantages__item:nth-child(even) .advantages__itemContent { align-items: flex-start; } .advantages__item:nth-child(even) .advantages__itemText::before { left: 0; right: unset; } .advantages__item { gap: 25px; height: auto; } .advantages__itemImg { width: 306px; height: 287px; } .advantages__itemContent { max-width: unset; } .advantages__item:nth-child(3) .advantages__itemText { width: 100%; } .advantages__itemNumbs { font-size: 56px; } .advantages__itemTitle { font-size: 24px; } .advantages__itemText { font-size: 20px; } .advantages__itemContent { height: 100%; position: relative; } .advantages__itemContent::before { content: ''; width: 110px; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; } .advantages__itemText::before { display: none; } .advantages__item:nth-child(2) .advantages__itemNumbs { margin-left: -5px; } .advantages__item:nth-child(3) .advantages__itemNumbs { margin-left: -5px; } .advantages__item:nth-child(4) .advantages__itemNumbs { margin-left: -2px; } } @media (max-width: 767px) { .advantages{ margin: 80px 0; } .advantages__item { max-width: 240px; } .advantages__itemImg { width: 261px; height: 245px; } } @media (max-width: 575px) { } /* advantages */ /* events */ .events { margin: 150px 0; position: relative; z-index: 2; overflow: hidden; } .events .section__header { padding-right: 100px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 45px; } .events .section__headerContent { align-items: flex-end; text-align: right; } .events .section__header .title { margin-left: 175px; } .events .section__header .title::before { content: ''; width: 100vw; height: 1px; position: absolute; right: calc(100% + 30px); top: 47%; background-color: #000; transform: scaleX(0); transform-origin: left; transition: transform 1.2s ease-in-out; } .events .section__header .title.aos-animate::before { transform: scaleX(1); } .events .section__headerBtn span { width: min-content; } .events__slider { margin: 0 -15px; } .events__slider .slick-track { display: flex; } .events__slider .events__item { margin: 0 15px; display: flex; flex-direction: column; height: auto; } .events__slider .events__item:nth-child(n+2) { display: none; } .events__slider.slick-initialized .events__item { display: flex; } .events__item { transition: .25s all ease-in-out; } .events__item:hover { /* transform: scale(1.01); */ } .events__itemImg { width: 100%; height: auto; aspect-ratio: 1; margin-bottom: 28px; overflow: hidden; flex: none; position: relative; } .events__itemImg::before { content: 'Подробнее'; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 1.9px; text-align: center; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .35s all ease-in-out; } .events__item:hover .events__itemImg::before { opacity: 1; } .events__itemImg img { width: 100%; height: 100%; object-fit: cover; user-select: none; } .events__itemContnet { display: flex; flex-direction: column; align-items: flex-start; } .events__itemDate { display: flex; align-items: center; justify-content: center; font-family: var(--subfont); font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; text-align: left; color: #848484; margin-bottom: 15px; } /* .events__item:nth-child(4n+2) .events__itemDate { background-color: #a3c01d; } .events__item:nth-child(4n+3) .events__itemDate { background-color: #f08936; } .events__item:nth-child(4n+4) .events__itemDate { background-color: #a52979; } */ .events__itemTitle { font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; transition: .25s all ease-in-out; } .events__item:hover .events__itemTitle { color: var(--accent); } @media (max-width: 1500px) { .events .section__header { padding-right: 20px; } } @media (max-width: 1260px) { .events { margin: 120px 0; } .events .section__header { padding-right: 0px; } .events .section__header .title { margin-left: 80px; } .events__itemTitle { font-size: 26px; } .events__itemDate { font-size: 18px; } .events .section__headerContent { margin-left: auto; } .events .section__header { gap: 120px } } @media (max-width: 991px) { .events { margin: 100px 0; } .events__itemTitle { font-size: 24px; } .events .section__header .title { margin-left: 0; } .events .section__header { gap: 50px; } } @media (max-width: 767px) { .events { margin: 80px 0; } .events__slider .events__item { margin: 0 10px; } .events__slider { margin: 0 -10px; } .events .section__headerContent { max-width: 300px; margin-right: 30px; } .events .section__header .title, .events .section__header .pretitle { text-align: right; } .events .section__header { justify-content: flex-end; } .events .section__header .title::before { right: calc(100% - 70px); top: 25%; } .events__itemDate { font-size: 14px; } .events__itemTitle { font-size: 21px; } .events .section__headerContent { max-width: 280px; } .events .section__header .title::before { right: 100%; } .events__itemImg::before { font-size: 18px; } } @media (max-width: 575px) { .events { overflow: hidden; } .events__slider .slick-list { padding-right: 18%; } .events .section__headerContent { max-width: 245px; } .events__itemImg::before { display: none } } @media (max-width: 355px) { .events .section__headerContent { margin-right: 0; } .events__slider .slick-list { padding-right: 10%; } .events .btn { padding: 0 22px; } } /* events */ /* everything */ .everything { margin-top: 150px; padding-bottom: 150px; position: relative; z-index: 1; } .everything .section__header { margin-bottom: 60px; } .everything .section__headerContent { gap: 0px; } .everything::before { content: ''; width: 100%; height: calc(100% + 430px); position: absolute; left: 0; bottom: 0; background-color: #f4f4f4; z-index: -1; } .everything::after { content: ''; width: 100%; height: 15px; position: absolute; left: 0; bottom: 0; background-image: url(/local/templates/citymall/assets/css/../img/everything__line.png); background-repeat: repeat-x; background-position: var(--line-pos-x, 0) 0; background-size: cover; } .everything__list { display: grid; grid-template-columns: 1fr 1fr 1fr; } .everything__item { display: flex; flex-direction: column; align-items: center; } .everything__itemImg { margin-bottom: 45px; display: flex; align-items: flex-end; justify-content: center; min-height: 276px; } .everything__itemImg img { max-width: 100%; max-height: 100%; user-select: none; position: relative; } .everything__item:nth-child(1) .everything__itemImg img { left: 26px; } .everything__item:nth-child(2) .everything__itemImg img { left: -20px; } .everything__item:nth-child(3) .everything__itemImg img { left: 8px; } .everything__itemContent { display: flex; flex-direction: column; align-items: center; } .everything__itemTitle { font-size: 55px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase; } .everything__itemText { font-family: var(--subfont); font-size: 35px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000; margin-top: 5px; } @media (max-width: 1500px) { .everything__itemTitle { font-size: 50px; } .everything__itemText { font-size: 33px; } } @media (max-width: 1260px) { .everything { margin-top: 120px; padding-bottom: 120px; } .everything__itemTitle { font-size: 40px; } .everything__itemText { font-size: 28px; } .everything__itemImg { height: 200px; min-height: auto; } .everything__item:nth-child(1) .everything__itemImg img { left: 23px; } .everything__item:nth-child(2) .everything__itemImg img { left: -12px; } } @media (max-width: 991px) { .everything { margin-top: 100px; padding-bottom: 100px; } .everything__itemTitle { font-size: 34px; } .everything__itemText { font-size: 25px; } .everything__itemImg { margin-bottom: 35px; } .everything__itemImg { height: 150px; } .everything__item:nth-child(1) .everything__itemImg img { left: 17px; } .everything__item:nth-child(2) .everything__itemImg img { left: -9px; } .everything::after { height: 12px; } } @media (max-width: 767px) { .everything { margin-top: 80px; padding-bottom: 80px; } .everything__itemImg { margin-bottom: 30px; } .everything__itemImg { height: 120px; } .everything::after { height: 8px; } .everything .section__header { margin-bottom: 50px; } } @media (max-width: 575px) { .everything__list { overflow-x: auto; gap: 20px; margin: 0 -10px; padding: 0 10px; } .everything__list::-webkit-scrollbar { width: 0; height: 0; } .everything__list::-webkit-scrollbar-thumb { background-color: transparent; } .everything__list::-webkit-scrollbar-track { background: transparent; } .everything__item { width: 230px; flex: none; } .everything__itemImg { margin-bottom: 25px; } .everything__itemTitle { font-size: 42px; } .everything__itemText { font-size: 23px; margin-top: 0; } .everything__itemImg { height: 170px; } .everything__item:nth-child(2) .everything__itemImg img { left: -3px; } .everything__item:nth-child(3) .everything__itemImg img { left: 10px; } .everything .section__header.center .title { max-width: 250px; } } /* everything */ /* cinema */ .cinema { margin: 150px 0; overflow: hidden; } .cinema .section__header { display: flex; justify-content: space-between; align-items: center; padding-right: 90px; } .cinema .section__headerContent { max-width: 750px; margin-left: 100px; gap: 0; } .cinema .section__header .title::before { content: ''; width: 100vw; height: 1px; position: absolute; right: calc(100% + 30px); bottom: 27%; background-color: #000; transform: scaleX(0); transform-origin: left; transition: transform 1.2s ease-in-out; } .cinema .section__header .title.aos-animate::before { transform: scaleX(1); } .cinema__slider { margin: 0 -15px; } .cinema__slider .slick-list { overflow: unset; } .cinema__slider .slick-track { display: flex; } .cinema__slider .cinema__item { margin: 0 15px; display: none; flex-direction: column; height: auto; opacity: .15; } .cinema__slider .cinema__item.slick-active { opacity: 1; } .cinema__slider.slick-initialized .cinema__item { display: flex; } .cinema__item { position: relative; } .cinema__item:hover .cinema__itemTitle { color: var(--accent); } .cinema__itemImg { margin-bottom: 30px; width: 100%; height: auto; aspect-ratio: 0.695833; position: relative; } .cinema__itemImg::before { content: 'Подробнее'; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 1.9px; text-align: center; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .35s all ease-in-out; } .cinema__itemImg:hover::before { opacity: 1; } .cinema__itemImg img { width: 100%; height: 100%; object-fit: cover; } .cinema__itemContent { display: flex; flex-direction: column; align-items: flex-start; } .cinema__itemTitle { font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; transition: .25s all ease-in-out; margin-bottom: 5px; } .cinema__itemText { font-family: var(--subfont); font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: normal; text-align: left; color: #939393; } .cinema__itemTags { display: flex; align-items: center; gap: 5px 18px; flex-wrap: wrap; margin-top: 15px; } .cinema__itemTags span { display: flex; align-items: center; justify-content: center; white-space: nowrap; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: #353535; } /* .cinema__itemTags span:nth-child(5n+2) { background-color: #f08936; } .cinema__itemTags span:nth-child(5n+3) { background-color: #4ab1b8; } .cinema__itemTags span:nth-child(5n+4) { background-color: #2d8e3b; } .cinema__itemTags span:nth-child(5n+5) { background-color: #a52979; } */ #cursorLink { position: fixed; top: 0; left: 0; transform: translate(-50%, -50%) scale(0); pointer-events: none; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 110px; height: auto; aspect-ratio: 1; background-color: #5399cd; border-radius: 50%; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; } #cursorLink::before { content: ''; width: 26px; height: auto; aspect-ratio: 1.130435; background-image: url(/local/templates/citymall/assets/css/../img/cursorLink__icon.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; } #cursorLink.active { opacity: 1; transform: translate(-50%, -50%) scale(1); } @media (max-width: 1500px) { .cinema .section__header { padding-right: 40px; } .cinema .section__headerContent { max-width: 660px; } .cinema__itemTitle { font-size: 24px; } .cinema__itemText { font-size: 18px; } .cinema__itemTags span { font-size: 17px; } } @media (max-width: 1260px) { .cinema { margin: 120px 0; } .cinema .section__headerContent { max-width: 570px; } .cinema .section__headerContent { margin-left: auto; } .cinema .section__header .title::before { right: calc(100% + 15px); } .cinema .section__header { padding-right: 0; gap: 120px; } .cinema__itemText { font-size: 17px; } .cinema__itemTitle { font-size: 23px; } .cinema__itemTags span { font-size: 16px; } } @media (max-width: 991px) { .cinema { margin: 100px 0; } .cinema .section__headerContent { max-width: 390px; } .cinema .section__header { gap: 50px } .cinema .section__header .title::before { right: calc(100% - 150px); bottom: 50%; } .cinema__itemTitle { font-size: 22px; } .cinema__itemText { font-size: 16px; } .cinema__itemTags span { font-size: 15px; } } @media (max-width: 767px) { .cinema { margin: 80px 0; } .cinema .section__headerContent { max-width: 360px; } .cinema .section__header { justify-content: flex-end; padding-right: 20px; } .cinema__itemTitle { font-size: 21px; } .cinema__itemText { font-size: 15px; } .cinema__itemTags span { font-size: 14px; } .cinema__itemTags span { min-height: 25px; } .cinema__itemTags { margin-top: 10px; } .cinema__itemImg { margin-bottom: 20px; } #cursorLink { display: none!important; } .cinema__item { cursor: pointer; } .cinema__itemImg::before { font-size: 18px; } } @media (max-width: 575px) { .cinema .section__headerContent { max-width: 310px; } .cinema .section__header .title::before { right: calc(100% - 130px); } .cinema__slider { margin: 0 -10px; } .cinema__slider .slick-list { padding-right: 18%; } .cinema__slider .cinema__item { margin: 0 10px; } .cinema__slider .cinema__item { opacity: 1; } .cinema__itemImg::before { display: none; } } @media (max-width: 355px) { .cinema .section__header { padding-right: 0; } .cinema .section__header .title::before { right: calc(100% - 120px); } .cinema__slider .slick-list { padding-right: 10%; } } /* cinema */ /* contacts */ .contacts { margin-top: 180px; padding-bottom: 180px; position: relative; overflow: hidden; } .contacts .section__header { display: flex; justify-content: flex-start; } .contacts .section__headerContent { margin-left: 110px; gap: 0; } .contacts .title::before { content: ''; width: 100vw; height: 1px; position: absolute; left: calc(100% + 30px); top: 47%; background-color: #000; transform: scaleX(0); transform-origin: right; transition: transform 1.2s ease-in-out; } .contacts .title.aos-animate::before { transform: scaleX(1); } /* .contacts::before { content: ''; width: 281px; height: auto; aspect-ratio: 0.650463; background-image: url(/local/templates/citymall/assets/css/../img/contacts__dec.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; right: 0; bottom: 40px; z-index: -1; transform: translateY(var(--promo-shift, 0)); transition: transform 0.05s linear; } */ .contacts::after { content: ''; width: 427px; height: auto; aspect-ratio: 0.988426; background-image: url(/local/templates/citymall/assets/css/../img/contacts__dec2.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; right: -148px; bottom: 40px; z-index: -1; transform: rotate(var(--promo-rotate, 0deg)); transition: transform 0.05s linear; } .contacts__container { display: grid; grid-template-columns: 784px 1fr; gap: 85px; padding-bottom: 38px; } .contacts__map { position: relative; width: 100%; height: auto; aspect-ratio: 1.420290; z-index: 1; } .contacts__map #map__frame { position: relative; width: 100%; height: 100%; z-index: 2; background-color: #ddd; border-radius: 5px; overflow: hidden; } .contacts__map::before { content: ''; width: 0; height: 100%; border-radius: 2px; background-color: #4ab1b8; position: absolute; right: 38px; bottom: -38px; z-index: -1; transition: width 1s ease-in-out; } .contacts__map::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transition: width 1s ease-in-out; z-index: 2; } .contacts__map.animate::after { width: 0; } .contacts__map.animate::before { width: 100%; } .contacts__content { padding-top: 50px; } .contacts__title { font-size: 45px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 50px; } .contacts__title b { font-weight: 500; } .contacts__address { font-size: 33px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 20px; } .contacts__text { font-family: var(--subfont); font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000; } .contacts__btn { margin-top: 50px; } @media (max-width: 1560px) { /* .contacts::before { width: 230px; } */ .contacts::after { width: 347px; right: -118px; } } @media (max-width: 1500px) { .contacts { margin-top: 150px; } .contacts__container { grid-template-columns: 640px 1fr; align-items: center; gap: 40px; } .contacts__title { font-size: 38px; } .contacts__address { font-size: 30px; } .contacts__content { padding-top: 0; } /* .contacts::before { width: 200px; } */ .contacts::after { width: 302px; right: -102px; } .contacts__map::before { left: -30px; bottom: -30px; } .contacts__container { padding-bottom: 30px; } .contacts__title { margin-bottom: 40px; } } @media (max-width: 1260px) { .contacts { margin-top: 120px; } .contacts .section__headerContent { margin-left: 140px; } /* .contacts::before { width: 200px; } */ .contacts::after { width: 197px; right: -72px; } .contacts__container { grid-template-columns: 500px 1fr; gap: 30px; } .contacts__title { font-size: 32px; } .contacts__address { font-size: 24px; } .contacts__text { font-size: 22px; } .contacts__btn { margin-top: 30px; } .contacts::before { width: 130px; } .contacts { padding-bottom: 120px; } } @media (max-width: 991px) { .contacts { margin-top: 100px; } .contacts .section__headerContent { margin-left: 0; } .contacts__container { grid-template-columns: 100%; gap: 40px; } .contacts__map::before { left: -20px; bottom: -20px; } .contacts__map { margin-bottom: 20px; } .contacts__container { padding-bottom: 0; } .contacts__content { display: flex; flex-direction: column; align-items: center; } .contacts__title { text-align: center; font-size: 28px; margin-bottom: 30px; } .contacts__address { text-align: center; } .contacts__text { text-align: center; } .contacts__title b { display: block; } } @media (max-width: 767px) { .contacts { margin-top: 80px; padding-bottom: 80px; } .contacts .section__headerContent { max-width: 390px; } .contacts .title::before { left: calc(100% - 170px); top: 23%; } .contacts__title { font-size: 24px; } .contacts__address { font-size: 21px; margin-bottom: 15px; } .contacts__text { font-size: 18px; } .contacts__title { margin-bottom: 20px; } /* .contacts::before { display: none; } */ .contacts::after { display: none; } } @media (max-width: 575px) { .contacts .section__headerContent { max-width: 350px; } .contacts .title::before { left: calc(100% - 160px); } .contacts .title::before { top: 16px; } .contacts__map::before{ left: -15px; bottom: -15px; } .contacts__map { margin-bottom: 15px; } .contacts__container { gap: 35px; } } @media (max-width: 355px) { .contacts .title::before { left: calc(100% - 120px); } .contacts__address { font-size: 19px; } } /* contacts */ /* footer */ .footer { background-color: #eaeaea; padding: 100px 0 80px; position: relative; } .footer.index::before { /* content: ''; width: 1230px; height: auto; aspect-ratio: 6.340206; background-image: url(/local/templates/citymall/assets/css/../img/footer__dec.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 50%; bottom: calc(100% - 16px); transform: translateX(-50%); */ } .footer__mask { display: none; width: 1230px; height: auto; aspect-ratio: 6.340206; position: absolute; left: 50%; bottom: calc(100% - 16px); transform: translateX(-50%); } .footer__mask #text-mask text { font-family: var(--elektra); color: #e7be10; line-height: 0; font-size: 235px; font-weight: 700; } .footer .footer__mask { display: block; } .footer { margin-top: 180px; } .footer:not(.index) { margin-top: 340px; } /* .footer.index .footer__mask { display: block; } .footer.index { margin-top: 180px; } */ .footer__container { display: flex; justify-content: space-between; } .footer__col { display: flex; flex-direction: column; } .footer__logo { display: flex; margin-bottom: 40px; max-width: 158px; width: 100%; height: auto; flex: none; } .footer__logo img { display: block; width: 100%; user-select: none; } .footer__logo:hover { opacity: .8; } .footer__links { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; } .footer__link { font-family: var(--subfont); font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: left; color: #6b6b6b; } .footer__link:hover { color: var(--accent); text-decoration: none; } .footer__copy { margin-top: 35px; font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #898989; } .footer__menu { } .footer__menu ul { margin: 0; padding: 0; columns: 2; column-gap: 70px; } .footer__menu ul li { display: flex; list-style: none; break-inside: avoid; } .footer__menu ul li a { display: block; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #6c6c6c; } .footer__menu ul li:not(:nth-child(1)) { margin-top: 15px; } .footer__menu ul li a:hover { color: #3d3d3d; } .footer__address { margin-bottom: 15px; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; max-width: 200px; } .footer__text { font-family: var(--subfont); font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: normal; text-align: left; color: #8e8e8e; } .footer__department { display: flex; flex-direction: column; align-items: flex-start; } .footer__department:nth-child(2) { margin-top: 35px; } .footer__departmentTitle { font-size: 21px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: left; color: #5e5e5e; margin-bottom: 14px; } .footer__departmentPhone { font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .footer__departmentPhone:not(:last-child) { margin-bottom: 8px; } .footer__departmentPhone:hover { color: var(--accent); } .footer__admin { font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #5e5e5e; margin-top: 12px; } .footer__admin:hover { color: var(--accent); } .footer__social { display: flex; align-items: center; gap: 6px 12px; margin-top: 40px; } .footer__social a { width: 50px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: #1c1c1c; display: flex; align-items: center; justify-content: center; position: relative; } .footer__social a::before { content: ''; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(241, 88, 43, 1) 0%, rgba(192, 32, 47, 1) 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: .25s all ease-in-out; border-radius: 50%; } .footer__social a img { max-width: 100%; max-height: 100%; user-select: none; position: relative; z-index: 2; } .footer__social a:hover { background-color: transparent; } .footer__social a:hover::before { opacity: 1; } .footer__created { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; margin-top: 30px; } .footer__createdTitle { font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; text-align: left; color: #5e5e5e; } .footer__createdLink { font-size: 19px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; text-align: left; color: #1c1c1c; } .footer__createdLink:hover { color: var(--accent); text-decoration: none; } @media (max-width: 1500px) { .footer__menu ul { column-gap: 30px; } .footer.index { margin-top: 12vw; } .footer.index::before { width: 80%; } .footer__mask { width: 80%; bottom: calc(100% - 12px); } } @media (max-width: 1260px) { .footer__menu ul li a { font-size: 16px; } .footer__copy { font-size: 16px; } .footer__address { font-size: 18px; max-width: 190px; } .footer__text { font-size: 16px; } .footer__departmentTitle { font-size: 19px; } .footer__container { gap: 20px; } .footer:not(.index) { margin-top: 280px; } } @media (max-width: 991px) { .footer__col:nth-child(2) { display: none; } .footer { padding: 80px 0; } .footer__mask { width: 80%; bottom: calc(100% - 8px); } .footer:not(.index) { margin-top: 260px; } } @media (max-width: 767px) { .footer { padding: 60px 0; } .footer__container { flex-direction: column; align-items: center; gap: 0; } .footer__col { display: contents; } .footer__logo { margin-bottom: 25px; order: 1; } .footer__copy { font-size: 18px; order: 2; margin: 0; max-width: 220px; text-align: center; } .footer__address { order: 3; margin-top: 40px; text-align: center; font-size: 22px; max-width: 220px; margin-bottom: 0; } .footer__text { order: 4; margin-top: 10px; text-align: center; font-size: 18px; margin-bottom: 30px; } .footer__department { order: 5; align-items: center; } .footer__departmentTitle { margin-bottom: 12px; font-size: 21px; } .footer__departmentPhone { font-size: 22px; } .footer__departmentPhone:not(:last-child) { margin-bottom: 5px; } .footer__admin { order: 6; margin-top: 22px; font-size: 20px; text-align: center; } .footer__social { order: 7; margin-top: 30px; } .footer__links { order: 8; margin-top: 40px; text-align: center; align-items: center; } .footer__created { order: 9; margin-top: 25px; align-items: center; text-align: center; } .footer__link { font-size: 17px; } .footer.index::before { width: calc(100% - 30px); bottom: calc(100% - 5px); } .footer__mask { width: calc(100% - 30px); } .footer.index { margin-top: 15vw; } .footer:not(.index) { margin-top: 220px; } } @media (max-width: 575px) { .footer__logo { max-width: 130px; } .footer__mask { bottom: calc(100% - 5px); } .footer:not(.index) { margin-top: 130px; } } /* footer */ /* slick */ .slick-dotted.slick-slider { margin-bottom: 45px; } .slick-slider .slick-arrow { width: 106px; height: auto; aspect-ratio: 1; flex: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; z-index: 1; background-repeat: no-repeat; background-position: center; } .slick-slider .slick-arrow::before { content: ''; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; } .slick-slider .slick-arrow::after { content: ''; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transform-origin: center; border-radius: 50%; z-index: -1; transition: .3s all ease-in-out; } .slick-slider .slick-arrow:hover { /* background-color: #fff; */ box-shadow: 0px 5px 15.8px 1.2px rgba(0, 0, 0, 0.08); } .slick-slider .slick-arrow:hover::after { transform: translate(-50%, -50%) scale(1); } .slick-slider .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .slick-slider .slick-prev { left: -30px; } .slick-slider .slick-prev::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' fill='none' viewBox='0 0 24 22'%3e%3cpath fill='%23000' d='M24 11.846H3.237l8.899 8.885L11.016 22 0 11 11.017 0l1.119 1.27-8.899 8.884H24v1.692Z'/%3e%3c/svg%3e"); } .slick-slider .slick-next { right: -30px; } .slick-slider .slick-next::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' fill='none' viewBox='0 0 24 22'%3e%3cpath fill='%23000' d='M0 10.154h20.763l-8.899-8.885L12.984 0 24 11 12.983 22l-1.119-1.27 8.899-8.884H0v-1.692Z'/%3e%3c/svg%3e"); } .slick-slider .slick-dots { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: 10px; bottom: -40px; } .slick-slider .slick-dots li { list-style: none; margin: 0; width: auto; height: auto; } .slick-slider .slick-dots li button { width: 11px; height: auto; aspect-ratio: 1; flex: none; padding: 0; margin: 0; border-radius: 50%; background-color: #c5c5c5; transition: all .35s ease-in-out; } .slick-slider .slick-dots li button::before { display: none; } .slick-slider .slick-dots li.slick-active button { background-color: #d60300; transform: scale(1.35); } @media (max-width: 1260px) { .slick-slider .slick-arrow { width: 65px; } .slick-slider .slick-next::before, .slick-slider .slick-prev::before { background-size: 16px; } .slick-slider .slick-prev { left: -10px; } .slick-slider .slick-next { right: -10px; } } @media (max-width: 991px) { .slick-slider .slick-arrow { width: 74px; } } @media (max-width: 767px) { .slick-slider .slick-arrow { display: none!important; } } /* slick */ /* swiper */ .swiper-button-prev, .swiper-button-next { width: 106px; height: auto; aspect-ratio: 1; flex: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; z-index: 1; background-repeat: no-repeat; background-position: center; transition: .25s all ease-in-out; outline: none; } .swiper-button-prev::after, .swiper-button-next::after { content: ''; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transform-origin: center; border-radius: 50%; z-index: -1; transition: .3s all ease-in-out; } .swiper-button-prev:hover, .swiper-button-next:hover { box-shadow: 0px 5px 15.8px 1.2px rgba(0, 0, 0, 0.08); } .swiper-button-prev::before, .swiper-button-next::before { content: ''; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; } .swiper-button-prev:hover::after, .swiper-button-next:hover::after { transform: translate(-50%, -50%) scale(1); } .swiper-button-prev { left: -30px; } .swiper-button-prev::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' fill='none' viewBox='0 0 24 22'%3e%3cpath fill='%23000' d='M24 11.846H3.237l8.899 8.885L11.016 22 0 11 11.017 0l1.119 1.27-8.899 8.884H24v1.692Z'/%3e%3c/svg%3e"); } .swiper-button-next { right: -30px; } .swiper-button-next::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' fill='none' viewBox='0 0 24 22'%3e%3cpath fill='%23000' d='M0 10.154h20.763l-8.899-8.885L12.984 0 24 11 12.983 22l-1.119-1.27 8.899-8.884H0v-1.692Z'/%3e%3c/svg%3e"); } .swiper-pagination { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: 10px; bottom: -40px!important; } .swiper-pagination span { width: 11px; height: auto; aspect-ratio: 1; flex: none; padding: 0; margin: 0; border-radius: 50%; background-color: #c5c5c5; transition: all .35s ease-in-out; margin: 0!important; outline: none; } .swiper-pagination span.swiper-pagination-bullet-active { background-color: #d60300; transform: scale(1.35); } @media (max-width: 1260px) { .swiper-button-prev, .swiper-button-next { width: 65px; } .swiper-button-prev::before, .swiper-button-next::before { background-size: 16px; } .swiper-button-prev { left: -10px; } .swiper-button-next { right: -10px; } } @media (max-width: 991px) { /* .slick-slider .slick-arrow { width: 74px; } */ } @media (max-width: 767px) { .swiper-button-prev, .swiper-button-next { display: none!important; width: 65px; } } /* swiper */ /* innerPage */ .innerPage { padding-top: 50px; margin: 0 0 120px; position: relative; } .innerPage:not(.innerPageSticky):not(.mapWrapper):not(.innerPageShop):not(.vacanciesPageWrapper) { overflow-x: hidden; } .innerPage.dec::after { content: ''; width: 408px; height: auto; aspect-ratio: 0.995349; background-image: url(/local/templates/citymall/assets/css/../img/hero__dec2.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; right: -230px; top: 10px; z-index: -1; transform: rotate(var(--promo-rotate, 0deg)); transition: transform 0.05s linear; } .innerPage__header { margin-top: -20px; display: flex; flex-direction: column; gap: 60px; margin-bottom: 75px; } .innerPage__header .innerPage__headerInfo { margin-bottom: 0; } .innerPage__headerContainer { display: flex; align-items: center; justify-content: space-between; } .innerPage__header .bredcrumbs { margin-bottom: 0; } .innerPage__headerControls { display: flex; align-items: center; gap: 10px; } .innerPage__headerControls .btn { padding: 0 30px; min-height: 66px; } .innerPage__headerControls .btn span { font-size: 17px; } .innerPage__headerInfo { margin-bottom: 75px; } .innerPage__headerInfo .innerPage__title { margin-bottom: 20px; } .innerPage__container { display: flex; /* align-items: flex-start; */ gap: 75px; } .innerPage__title { font-size: 65px; font-weight: 500; font-stretch: normal; line-height: 1.1; letter-spacing: normal; text-align: left; color: #000; font-style: normal; text-transform: uppercase; margin-bottom: 60px; hyphens: auto; } .innerPage__title.lowercase { text-transform: unset; } .innerPage__title span { color: #d60300; font-style: italic; } .innerPage__title.center { text-align: center; } .innerPage__title.big { font-size: 110px; margin-bottom: 5px; } .innerPage__pretitle { font-family: var(--subfont); font-size: 40px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: normal; color: #000; max-width: 960px; margin: 0 auto; } .innerPage__pretitle.center { text-align: center; } .innerPage__userName { font-size: 40px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .innerPage__aside { width: 340px; flex: none; position: relative; z-index: 2; } .innerPage__search { display: flex; width: 100%; position: relative; margin-bottom: 30px; } .innerPage__search input { width: 100%; height: 64px; border-radius: 5px; border: solid 1px #e7e7e7; background-color: #fff; padding: 0 20px 0 56px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #333; background-image: url(/local/templates/citymall/assets/css/../img/icon-search2.png); background-repeat: no-repeat; background-position: 20px center; background-size: 18px; } .innerPage__search input::placeholder { color: #797979; } .innerPage__search button { width: 18px; height: auto; aspect-ratio: 1; flex: none; border: none; background-color: transparent; background-image: url(/local/templates/citymall/assets/css/../img/icon-search2.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 20px; top: 23px; padding: 0; } .innerPage__search button:hover { text-decoration: none; opacity: .8; } .innerPage__asideFilterBtn { display: none; background-color: #fff; } .innerPage__asideFilterBtn span::before { content: ''; width: 23px; height: auto; aspect-ratio: 1; background-image: url(/local/templates/citymall/assets/css/../img/innerPage__asideFilterBtn.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; } .innerPage__asideFilterTags { display: none; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; } .innerPage__asideFilterTagsItem { padding: 0 20px; border-radius: 50px; background-color: #eeeded; max-width: 280px; display: flex; align-items: center; justify-content: center; min-height: 50px; gap: 10px; } .innerPage__asideFilterTagsItem button { width: 14px; height: auto; aspect-ratio: 1; flex: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23A5A5A5' d='M1.4 14 0 12.6 5.6 7 0 1.4 1.4 0 7 5.6 12.6 0 14 1.4 8.4 7l5.6 5.6-1.4 1.4L7 8.4 1.4 14Z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0; background-color: transparent; border: none; } .innerPage__asideFilterTagsItem span { font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; text-align: center; color: #606060; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .innerPage__asideMenu { display: flex; flex-direction: column; gap: 4px; } .innerPage__asideMenuFixed { position: sticky; top: 140px; } .innerPage__asideMenuItem { background-color: #fff; } .innerPage__asideMenuItemTitle { --backgroundColor: #e9522a; height: 60px; padding: 0 50px 0 32px; display: flex; align-items: center; justify-content: space-between; font-size: 23px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.09; letter-spacing: normal; color: #000; border-radius: 2px; background-color: #e0e0e0; cursor: pointer; transition: .25s all ease-in-out; position: relative; text-transform: uppercase; } div.innerPage__asideMenuItemTitle::before { content: ''; width: 10px; height: auto; aspect-ratio: 0.666667; position: absolute; right: 32px; top: 22px; flex: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' fill='none' viewBox='0 0 10 15'%3e%3cpath fill='%23959595' d='M0 1.762 6.18 7.5 0 13.238 1.903 15 10 7.5 1.903 0 0 1.762Z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: .25s all ease-in-out; } .innerPage__asideMenuItemTitle:hover { background-color: var(--backgroundColor); color: #fff; } .innerPage__asideMenuItem:nth-child(2) .innerPage__asideMenuItemTitle:hover { --backgroundColor: #f9d93f; } .innerPage__asideMenuItem:nth-child(3) .innerPage__asideMenuItemTitle:hover { --backgroundColor: #d60300; } .innerPage__asideMenuItem:nth-child(4) .innerPage__asideMenuItemTitle:hover { --backgroundColor: #b9256c; } .innerPage__asideMenuItemTitle:hover::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' fill='none' viewBox='0 0 10 15'%3e%3cpath fill='%23fff' d='M0 1.762 6.18 7.5 0 13.238 1.903 15 10 7.5 1.903 0 0 1.762Z'/%3e%3c/svg%3e"); } .innerPage__asideMenuItemTitle.active { background-color: var(--backgroundColor); color: #fff; } .innerPage__asideMenuItem:nth-child(2) .innerPage__asideMenuItemTitle.active { --backgroundColor: #f9d93f; } .innerPage__asideMenuItem:nth-child(3) .innerPage__asideMenuItemTitle.active { --backgroundColor: #d60300; } .innerPage__asideMenuItem:nth-child(4) .innerPage__asideMenuItemTitle.active { --backgroundColor: #b9256c; } .innerPage__asideMenuItemTitle.active::before { transform: rotate(90deg); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' fill='none' viewBox='0 0 10 15'%3e%3cpath fill='%23fff' d='M0 1.762 6.18 7.5 0 13.238 1.903 15 10 7.5 1.903 0 0 1.762Z'/%3e%3c/svg%3e"); } .innerPage__asideMenuItem ul { display: none; margin: 30px 0 40px; padding: 0; max-height: 400px; overflow-y: auto; } .innerPage__asideMenuItem ul::-webkit-scrollbar { width: 9px; } .innerPage__asideMenuItem ul::-webkit-scrollbar-thumb { background-color: #9b9b9b; border-radius: 20px; } .innerPage__asideMenuItem ul::-webkit-scrollbar-track { border-radius: 20px; background: #e8e8e8; } .innerPage__asideMenuItem ul li { list-style: none; } .innerPage__asideMenuItem ul li+* { margin-top: 20px; } .innerPage__asideMenuItem ul li a { display: flex; align-items: flex-start; gap: 10px; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #626262; padding: 0 32px; } .innerPage__asideMenuIcon { width: 24px; height: auto; display: flex; align-items: center; justify-content: center; flex: none; } .innerPage__asideMenuIcon img, .innerPage__asideMenuIcon svg { max-width: 100%; max-height: 100%; user-select: none; } .innerPage__asideMenuIcon svg { height: auto; width: auto; } .innerPage__asideMenuIcon svg path { fill: #a6a6a6; transition: .25s all ease-in-out; } .innerPage__asideMenuItem ul li a:hover { color: #000; text-shadow: 0 0 1px #000; } .innerPage__asideMenuItem ul li a:hover .innerPage__asideMenuIcon svg path { fill: #c0202f } .innerPage__asideMenuItem ul li a.active { color: #000; text-shadow: 0 0 1px #000; } .innerPage__asideMenuItem ul li a.active .innerPage__asideMenuIcon svg path { fill: #c0202f } .innerPage__content { flex: 1; } .innerPage__contentTitle { font-size: 40px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 45px; padding-top: 8px; } .innerPage__footer { display: flex; align-items: center; justify-content: center; margin-top: 60px; } .innerPage__controls { margin-bottom: 70px; } .innerPage__menu { display: flex; align-content: center; gap: 10px; margin-bottom: 30px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .innerPage__menu::-webkit-scrollbar { display: none; } .innerPage__menu a, .innerPage__menu span { display: flex; align-items: center; justify-content: center; min-height: 58px; border-radius: 50px; border: solid 2px #020202; white-space: nowrap; padding: 0 30px; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #000; } .innerPage__menu a.active, .innerPage__menu span.active { cursor: default; } .innerPage__menu a.active, .innerPage__menu a:hover, .innerPage__menu span.active, .innerPage__menu span:hover { color: #fff; background-color: #020202; } .innerPage__controlsPretitle { font-family: var(--subfont); font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #8c8c8c; } .innerPage__controlsSearch { display: flex; align-items: center; gap: 30px; max-width: 920px; border-radius: 5px; background-color: #f5f5f5; padding: 30px; margin-top: 45px; } .innerPage__controlsSearch input { min-height: 64px; border-radius: 5px; border: solid 1px rgba(231, 231, 231, 0.8); background-color: #fff; padding: 0 20px; font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #000; flex: 1; } .innerPage__controlsSearch input::placeholder { color: #9e9e9e; } .innerPage__controlsSearchSelectWrapper { display: flex; align-items: center; gap: 20px; } .innerPage__controlsSearchSelectTitle { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: right; color: #797979; } .innerPage__controlsSearchSelect { max-width: 220px; } select { height: 64px; width: 100%; border-radius: 5px; border: solid 1px rgba(231, 231, 231, 0.8); background-color: #fff; padding: 0 20px; display: flex; align-items: center; cursor: pointer; gap: 20px; outline: none; font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #797979; } .jq-selectbox { } .jq-selectbox__select { height: 64px; width: 100%; border-radius: 5px; border: solid 1px rgba(231, 231, 231, 0.8); background-color: #fff; padding: 0 20px; display: flex; align-items: center; cursor: pointer; gap: 20px; } .jq-selectbox__select-text { font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #797979; width: 100%; flex: 1; } .jq-selectbox__trigger { } .jq-selectbox__trigger-arrow { width: 13px; height: auto; aspect-ratio: 1.444444; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/trigger-arrow.png); background-repeat: no-repeat; background-position: center; background-size: contain; transition: .25s all ease-in-out; } .jq-selectbox.opened .jq-selectbox__trigger-arrow { transform: rotate(-90deg); } .jq-selectbox__dropdown { padding: 20px; padding-top: 5px; border-radius: 0 0 5px 5px; border: solid 1px rgba(231, 231, 231, 0.8); border-top: none; background-color: #fff; width: 100%; transform: translateY(-5px); } .jq-selectbox__dropdown ul { margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 14px } .jq-selectbox__dropdown ul li { font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #797979; width: 100%; transition: .25s all ease-in-out; cursor: pointer; } .jq-selectbox__dropdown ul li:hover, .jq-selectbox__dropdown ul li.sel { color: #000; } .innerPage__controlsSearchSubmit { flex: none; min-height: 60px; border-color: #c9c9c9; } .innerPage__controlsSearchSubmit:hover { border-color: #000; } .innerPage__controlsSearchSubmit span { font-size: 17px; } .innerPage__listWrapper { } .innerPage__list { display: grid; grid-template-columns: 1fr 1fr; gap: 55px 80px; } .innerPage__listTitle { font-size: 60px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 50px; margin-top: 80px; } .innerPage__item { display: grid; grid-template-columns: 245px 1fr; align-items: flex-start; gap: 40px; } .innerPage__itemImg { display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 2px; width: 100%; height: auto; aspect-ratio: 1; flex: none; position: relative; } .innerPage__itemImg::before { content: 'Подробнее'; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 1.9px; text-align: center; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .35s all ease-in-out; } .innerPage__itemImg:hover::before { opacity: 1; } .innerPage__itemImg img { width: 100%; height: 100%; object-fit: cover; user-select: none; } .innerPage__itemContent { display: flex; flex-direction: column; padding-top: 8px; } .innerPage__itemContentHeader { display: flex; align-items: center; gap: 40px; width: 100%; margin-bottom: 12px; } .innerPage__itemTags { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 10px; position: relative; padding-left: 22px; } .innerPage__itemTags::before { content: ''; width: 14px; height: auto; aspect-ratio: 1; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/innerPage__itemTags.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 0; top: 3px; } .innerPage__itemTags.newsTags::before { background-image: url(/local/templates/citymall/assets/css/../img/innerPage__itemTagsNews.png); } .innerPage__itemTags.articlesTags::before { background-image: url(/local/templates/citymall/assets/css/../img/innerPage__itemTagsArticles.png); } .innerPage__itemTags>* { display: block; font-family: var(--subfont); font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: left; color: #848484; } .innerPage__itemTags>a:hover { color: var(--accent); text-decoration: none; } .innerPage__itemDate { font-family: var(--subfont); font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: left; color: #848484; white-space: nowrap; } .innerPage__itemTitle { display: block; font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 10px; text-transform: uppercase; } a.innerPage__itemTitle:hover { color: var(--accent); text-decoration: none; } .innerPage__itemText { font-family: var(--subfont); font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #888; } @media (min-width: 1501px) { .innerPage__title.midi { font-size: 65px; } } @media (max-width: 1500px) { .innerPage__title { font-size: 60px; margin-bottom: 55px; } .innerPage__title.big { font-size: 100px; } .innerPage__pretitle { font-size: 36px; } .innerPage.dec::after { width: 280px; right: -180px; top: 30px; } .innerPage__container { gap: 30px; } .innerPage__contentTitle { font-size: 38px; } .innerPage__aside { width: 300px; } .innerPage__asideMenuItemTitle { font-size: 21px; } .innerPage__asideMenuItem ul li a { padding: 0 25px; } .innerPage__asideMenuItemTitle { padding: 0 40px 0 25px; } .innerPage__asideMenuItemTitle::before { right: 25px; } .innerPage__list { gap: 40px 30px } .innerPage__item { gap: 25px; grid-template-columns: 230px 1fr; } .innerPage__itemTitle { font-size: 23px; } .innerPage__itemText { font-size: 21px; } .innerPage__listTitle { font-size: 52px; } .innerPage__userName { font-size: 35px; } .innerPage__asideMenuFixed { top: 140px; } } @media (max-width: 1260px) { .innerPage.dec::after { display: none; } .innerPage__title { font-size: 52px; margin-bottom: 50px; } .innerPage__title.big { font-size: 90px; } .innerPage__pretitle { font-size: 32px; } .innerPage__contentTitle { font-size: 36px; } .innerPage__item { gap: 20px; grid-template-columns: 200px 1fr; } .innerPage__itemContent { padding-top: 0; } .innerPage__itemTitle { font-size: 21px; } .innerPage__itemText { font-size: 18px; } .innerPage__listTitle { font-size: 46px; margin-top: 60px; } .innerPage__controlsSearch { max-width: 100%; } .innerPage__userName { font-size: 30px; } .innerPage__asideMenuFixed { top: 110px; } } @media (max-width: 991px) { .innerPage__title { font-size: 34px; margin-bottom: 40px; } .innerPage__title.big { font-size: 70px; } .innerPage__pretitle { font-size: 28px; } .innerPage__headerInfo .innerPage__title { margin-bottom: 15px; } .innerPage__contentTitle { font-size: 40px; } .innerPage { margin-bottom: 100px; } .innerPage__container { flex-direction: column; } .innerPage__aside { width: 100%; } .innerPage__aside .innerPage__asideMenu { display: none; } .innerPage__asideFilterBtn { display: flex; min-height: 60px; margin: 0 20px; padding: 0 10px; margin-bottom: 10px; } .innerPage__asideFilterBtn span { text-transform: unset; } .innerPage__asideFilterTags { display: flex; } .innerPage__header .bredcrumbs { display: none; } .innerPage__headerControls { width: 100%; justify-content: center; } .innerPage__header { flex-direction: column-reverse; gap: 40px; } .innerPage__header .innerPage__headerInfo { margin-bottom: 0; } .innerPage__menu a, .innerPage__menu span { min-height: 52px; padding: 0 23px; } .innerPage__menu { margin-bottom: 30px; } .innerPage__controlsPretitle { font-size: 20px; } .innerPage__controls { margin-bottom: 60px; } .innerPage__list { grid-template-columns: 1fr; } .innerPage__controlsSearchSelectTitle { display: none; } .innerPage__controlsSearch { gap: 15px; } .innerPage__userName { font-size: 23px; } } @media (max-width: 767px) { .innerPage__title { font-size: 34px; margin-bottom: 35px; } .innerPage__title.big { font-size: 60px; } .innerPage__pretitle { font-size: 26px; } .innerPage { padding-top: 50px; } .innerPage__contentTitle { font-size: 32px; text-align: center; margin-bottom: 35px; width: 100%; } .innerPage__footer { margin-top: 50px; } .innerPage__search { margin-bottom: 24px; } .innerPage__content { width: 100%; } .innerPage__header { margin-top: 0; margin-bottom: 60px; } .innerPage__menu a, .innerPage__menu span { min-height: 48px; padding: 0 20px; font-size: 16px; } .innerPage__menu { margin-bottom: 20px; } .innerPage__controlsPretitle { font-size: 18px; } .innerPage__controls { margin-bottom: 50px; } .innerPage__listTitle { font-size: 42px; } .innerPage__listTitle { margin-bottom: 30px; } .innerPage__controlsSearch { flex-direction: column; } .innerPage__controlsSearch input { width: 100%; } .innerPage__controlsSearchSelectWrapper { width: 100%; } .innerPage__controlsSearchSelect { max-width: 100%; width: 100%; } } @media (max-width: 575px) { .innerPage__title { font-size: 38px; margin-bottom: 30px; text-align: center; } .innerPage__title.big { font-size: 50px; } .innerPage__pretitle { font-size: 24px; } .innerPage__headerControls { flex-direction: column; } .innerPage__headerControls .btn { /* max-width: 320px; width: 100%; */ } .innerPage__asideFilterBtn { max-width: 320px; margin: 0 auto; } .innerPage__header { margin-bottom: 48px; } .innerPage__menu { margin: 0 -10px 20px; padding: 0 10px; } .innerPage__controlsPretitle { font-size: 16px; line-height: 1.3; } .innerPage__controls { margin-bottom: 40px; } .innerPage__controlsPretitle { text-align: center; } .innerPage__item { grid-template-columns: 1fr; } .innerPage__itemImg { max-width: 220px; margin: 0 auto; } .innerPage__itemImg::before { font-size: 15px; } .innerPage__itemText { text-align: center; } .innerPage__itemTitle { text-align: center; } .innerPage__itemContentHeader { justify-content: center; } .innerPage__itemContentHeader { gap: 30px; flex-wrap: wrap; } .innerPage__listTitle { font-size: 36px; text-align: center; } .innerPage__controlsSearch { padding: 30px 20px; } .innerPage__userName { text-align: center; } .innerPage__userName { font-size: 22px; } .innerPage__itemImg::before { display: none } } @media (max-width: 360px) { .innerPage__title.big { font-size: 44px; } .rekHeader .innerPage__headerControls .btn { padding: 0 18px; } } /* innerPage */ /* bredcrumbs */ .bredcrumbs { margin-bottom: 50px; } .bredcrumbs ul { margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .bredcrumbs ul li { display: flex; align-items: center; gap: 10px; list-style: none; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #9a9a9a; font-family: var(--subfont); } .bredcrumbs ul li:not(:first-child)::before { content: ''; width: 40px; height: auto; aspect-ratio: 5.714286; flex: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='39' height='7' fill='none' viewBox='0 0 39 7'%3e%3cpath fill='%23D4D4D4' d='M0 3h33v1H0V3Z'/%3e%3cpath fill='%23D9D9D9' d='M39 3.5 33 7V0l6 3.5Z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: contain; } .bredcrumbs ul li a { display: block; color: inherit; } .bredcrumbs ul li a:hover { text-decoration: none; color: #000; } @media (max-width: 1500px) { } @media (max-width: 1260px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { .bredcrumbs { display: none; } } /* bredcrumbs */ /* shops */ .shops__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px 22px; } .shops__item { } .shops__itemImg { width: 100%; height: auto; aspect-ratio: 1; border-radius: 2px; background-color: #f5f5f5; display: flex; overflow: hidden; margin-bottom: 20px; position: relative; } .shops__itemImg img { width: 100%; height: 100%; object-fit: cover; user-select: none; } .shops__itemImg::before { content: 'Подробнее'; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 1.9px; text-align: center; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .35s all ease-in-out; } .shops__item:hover .shops__itemImg::before { opacity: 1; } .shops__itemContent { display: flex; flex-direction: column; align-items: flex-start; } .shops__itemFloor { display: flex; align-items: center; justify-content: center; height: 25px; padding: 0 10px; text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #8c8c8c; margin-bottom: 15px; border-radius: 20px; border: solid 1px #a3c01d; } .shops__itemTitle { font-size: 27px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; margin-bottom: 12px; color: #000; position: relative; transition: .25s all ease-in-out; } .shops__itemTitle::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: transparent; background: linear-gradient(to top, #f1582b, #c0202f); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; transition: opacity .25s ease-in-out; } .shops__item:hover .shops__itemTitle { color: transparent; } .shops__item:hover .shops__itemTitle::after { opacity: 1; } .shops__itemText { font-family: var(--subfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #888; } .shops__item[data-floor="1"] .shops__itemFloor { border-color: #4ab1b8 } .shops__item[data-floor="2"] .shops__itemFloor { border-color: #f08936 } .shops__item[data-floor="3"] .shops__itemFloor { border-color: #a3c01d } .shops__item[data-floor="4"] .shops__itemFloor { border-color: #9c2b7f } @media (max-width: 1500px) { .shops__itemTitle { font-size: 24px; } .shops__list { gap: 50px 20px; } } @media (max-width: 1260px) { .shops__list { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 991px) { } @media (max-width: 767px) { .shops__list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .shops__list { grid-template-columns: 1fr; max-width: 220px; margin: 0 auto; gap: 40px; } .shops__itemImg { max-width: 180px; } .shops__item { display: flex; flex-direction: column; align-items: center; } .shops__itemContent { align-items: center; } .shops__itemText { text-align: center; } .shops__itemTitle { text-align: center; font-size: 27px; } .shops__itemImg::before { font-size: 15px; } .shops__itemImg::before { display: none } } /* shops */ /* mobileFilter */ .mobileFilter { position: fixed; max-width: 100%; width: 100%; height: 100%; right: -100%; top: 0; background-color: #fff; z-index: 1100; transition: .4s all ease-in-out; overflow-y: auto; } .mobileFilter__container { max-width: 350px; min-height: calc(100dvh - var(--headerHeight)); margin: 0 auto; padding: 60px 30px 60px; display: flex; flex-direction: column; align-items: center; } .mobileFilter__close { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; z-index: 2; cursor: pointer; } .mobileFilter__close:before, .mobileFilter__close:after { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background-color: #000; transition: .25s all ease-in-out; } .mobileFilter__close:before:hover, .mobileFilter__close:after:hover { opacity: .8; } .mobileFilter__close:before { transform: translate(-50%, -50%) rotate(45deg); } .mobileFilter__close:after { transform: translate(-50%, -50%) rotate(-45deg); } .mobileFilter .innerPage__asideMenu { width: 100%; } .mobileFilter__title { font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #000; margin-bottom: 26px; width: 100%; text-align: left; } .mobileFilter .mapMenu ul { max-height: unset; } .mobileFilter .innerPage__asideMenuItem ul { /* margin: 0; */ /* display: block */ } @media (max-width: 1500px) { } @media (max-width: 1260px) { } @media (max-width: 991px) { .mobileFilter.open { right: 0; } } @media (max-width: 767px) { } @media (max-width: 575px) { .innerPage__asideMenuItemTitle { padding-left: 20px; } .innerPage__asideMenuItem ul li a { padding: 0 20px; } .innerPage__asideMenuItem ul li+* { margin-top: 15px; } .innerPage__asideMenuItem ul { margin: 20px 0 30px; } .innerPage__asideMenuItemTitle { font-size: 23px; } } @media (max-width: 355px) { .mobileFilter__container { padding-left: 20px; padding-right: 20px; } .mobileFilter__title { font-size: 24px; } .innerPage__asideMenuItemTitle { font-size: 21px; } } /* mobileFilter */ /* mobileMenu */ .mobileMenu { position: fixed; max-width: 100%; width: 100%; height: 100%; right: -100%; top: 0; background-color: #fff; z-index: 1100; transition: .4s all ease-in-out; overflow-y: auto; } .mobileMenu__container { max-width: 100%; min-height: calc(100dvh - var(--headerHeight)); margin: 0 auto; padding: 60px 0px 60px; display: flex; flex-direction: column; align-items: center; } .mobileMenu__close { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; z-index: 2; cursor: pointer; } .mobileMenu__close:before, .mobileMenu__close:after { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background-color: #000; transition: .25s all ease-in-out; } .mobileMenu__close:before:hover, .mobileMenu__close:after:hover { opacity: .8; } .mobileMenu__close:before { transform: translate(-50%, -50%) rotate(45deg); } .mobileMenu__close:after { transform: translate(-50%, -50%) rotate(-45deg); } .mobileMenu .userPage__menu { width: 100%; } .mobileMenu__title { font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #000; margin-bottom: 26px; width: 100%; text-align: left; } @media (max-width: 1500px) { } @media (max-width: 1260px) { } @media (max-width: 991px) { .mobileMenu.open { right: 0; } .mobileMenu .userPage__menu { display: flex; } } @media (max-width: 767px) { } @media (max-width: 575px) { } @media (max-width: 355px) { .mobileMenu__container { } .mobileMenu__title { font-size: 24px; } } /* mobileFilter */ /* errorPage */ .errorPage { display: flex; flex-direction: column; align-items: center; margin: 0 auto; } .errorPage__title { font-size: 42px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 30px; } .errorPage__img { max-width: 689px; height: auto; } .errorPage__img img { height: auto; width: 100%; user-select: none; } .errorPage__footer { } .errorPage__btn { margin-top: 80px; } @media (max-width: 1500px) { .errorPage__title { font-size: 40px; } } @media (max-width: 1260px) { .errorPage__title { font-size: 38px; } } @media (max-width: 991px) { .errorPage__title { font-size: 34px; } } @media (max-width: 767px) { .errorPage__title { font-size: 32px; } .errorPage__btn { margin-top: 45px; } } @media (max-width: 575px) { .errorPage__title { font-size: 28px; } } @media (max-width: 355px) { } /* errorPage */ /* newsInner */ .newsInner { } .newsInner__container { display: grid; grid-template-columns: 585px 1fr; align-items: flex-start; gap: 75px; } .newsInner__slider.newsInner__slider.slick-initialized { outline: none; margin: 0 -5px; } .newsInner__slider.slick-slider .slick-arrow { width: 90px; } .newsInner__slider.slick-slider .slick-prev { left: -15px; } .newsInner__slider.slick-slider .slick-next { right: -15px; } .newsInner__sliderItem { outline: none; width: 100%; height: auto; aspect-ratio: 1; flex: none; display: none; background-color: #f3f3f3; } .newsInner__sliderItem:nth-child(1) { display: block; } .newsInner__slider.slick-initialized .newsInner__sliderItem { display: block; margin: 0 5px; } .newsInner__sliderItem img { width: 100%; height: 100%; object-fit: cover; border-radius: 2px; } .newsInner__sliderImg { outline: none; width: 100%; height: auto; aspect-ratio: 1; flex: none; background-color: #f3f3f3; } .newsInner__sliderImg img { width: 100%; height: 100%; object-fit: cover; border-radius: 2px; } .newsInner__img { width: 100%; height: auto; aspect-ratio: 1; flex: none; background-color: #f3f3f3; } .newsInner__img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 2px; } .newsInner__content { } .newsInner__date { font-family: var(--subfont); font-size: 21px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: left; color: #848484; margin-bottom: 30px; } .newsInner__text { font-family: var(--subfont); font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.64; letter-spacing: normal; text-align: left; color: #000; } .newsInner__text p { margin-bottom: 16px; } .newsInner__text p:last-child { margin-bottom: 0; } .newsInner__text h3 { font-size: 22px; text-transform: uppercase; font-weight: 400; margin: 25px 0 15px; } .newsInner__text ul { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .newsInner__text ul li { list-style: none; position: relative; padding-left: 24px; line-height: 1.5; } .newsInner__text ul li::before { content: ''; width: 12px; height: 2px; background-color: #d1d1d1; position: absolute; left: 0; top: 17px; } .newsInner__tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin-top: 50px; } .newsInner__tags span, .newsInner__tags a { font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: left; color: #8a8989; } .newsInner__tags a:hover { text-decoration: none; color: var(--accent); } .newsInner__shop { margin-top: 75px; padding-top: 75px; display: grid; grid-template-columns: 220px 1fr; gap: 70px; border-top: 1px solid #b3b3b3; } .newsInner__shopImg { width: 100%; height: auto; aspect-ratio: 1; border-radius: 2px; background-color: #f3f3f3; display: flex; align-items: center; justify-content: center; padding: 12px; } .newsInner__shopImg img { max-width: 100%; height: auto; user-select: none; } .newsInner__shopContent { display: flex; flex-direction: column; align-items: flex-start; padding-top: 5px; } .newsInner__shopText { font-family: var(--subfont); font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: left; color: #000; } .newsInner__shopBtn { margin-top: 35px; } @media (max-width: 1500px) { .newsInner__container { grid-template-columns: 500px 1fr; gap: 40px; } .newsInner__shop { margin-top: 60px; padding-top: 60px; } .newsInner__shop { gap: 40px; } .newsInner__shopContent { padding-top: 0; } .newsInner__shopBtn { margin-top: 30px; } .newsInner__date { margin-bottom: 25px; } .newsInner__tags { margin-top: 40px; } } @media (max-width: 1260px) { .newsInner__container { grid-template-columns: 400px 1fr; } .newsInner__text { font-size: 20px; line-height: 1.6; } .newsInner__date { font-size: 20px; margin-bottom: 20px; } .newsInner__shop { gap: 30px; } .newsInner__shop { grid-template-columns: 170px 1fr; } .newsInner__shopText { font-size: 20px; } .newsInner__tags span, .newsInner__tags a { font-size: 18px; } } @media (max-width: 991px) { .newsInner { width: 100%; } .newsInner__container { grid-template-columns: 100%; } .newsInner__slider { overflow: hidden; } } @media (max-width: 767px) { .newsInner__text h3 { font-size: 20px; } } @media (max-width: 575px) { .newsInner__shop { margin-top: 40px; padding-top: 40px; } .newsInner__shop { display: flex; flex-direction: column; align-items: center; } .newsInner__shopImg { max-width: 180px; } .newsInner__shopContent { align-items: center; } .newsInner__shopText { width: 100%; } .newsInner__slider.slick-initialized .slick-list { padding-right: 20%; } .newsInner__slider.newsInner__slider.slick-initialized { margin: 0 -10px; } .newsInner__slider.slick-initialized .newsInner__sliderItem { margin: 0 10px; } } @media (max-width: 355px) { } /* newsInner */ /* vacanciesPage */ .vacanciesPage { } .vacanciesPage__list { display: grid; grid-template-columns: 1fr 1fr; gap: 55px 70px; } .vacanciesPage__item { display: grid; grid-template-columns: 245px 1fr; gap: 38px; } .vacanciesPage__itemImg { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; border-radius: 2px; background-color: #f5f5f5; overflow: hidden; width: 100%; height: auto; aspect-ratio: 1; position: relative; } .vacanciesPage__itemImg::before { content: 'Подробнее'; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.92; letter-spacing: 1.9px; text-align: center; color: #fff; text-transform: uppercase; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .35s all ease-in-out; } .vacanciesPage__itemImg:hover::before { opacity: 1; } .vacanciesPage__itemImg img { max-width: 100%; height: auto; object-fit: contain; } .vacanciesPage__itemContent { display: flex; flex-direction: column; align-items: flex-start; } .vacanciesPage__itemTitle { font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.32; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 16px; text-transform: uppercase; } .vacanciesPage__itemTitle:hover { text-decoration: none; color: var(--accent); } .vacanciesPage__itemText { font-family: var(--subfont); font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; text-align: left; color: #888; } .vacanciesPage__itemText p { margin-bottom: 10px; } .vacanciesPage__itemText p:last-child { margin-bottom: 0; } .vacanciesPage__itemFooter { margin-top: 25px; display: flex; align-items: center; gap: 35px; flex-wrap: wrap; } .vacanciesPage__itemLink { display: block; position: relative; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; text-align: right; color: #626262; } .vacanciesPage__itemLink::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; background-image: linear-gradient(to top, #f1582b, #c0202f); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden; transition: .25s all ease-in-out; white-space: nowrap; opacity: 0; } .vacanciesPage__itemLink:hover::after { opacity: 1; } .vacanciesPage__itemLink:hover { color: transparent; } .vacanciesPage__itemLink:hover { } .vacanciesPage__footer { display: flex; align-items: center; justify-content: center; margin-top: 100px; } .vacanciesPage__more { } @media (max-width: 1500px) { .vacanciesPage__item { gap: 30px; } } @media (max-width: 1260px) { .vacanciesPage__list { grid-template-columns: 1fr; } } @media (max-width: 991px) { } @media (max-width: 767px) { .vacanciesPage__itemTitle { font-size: 22px; } .vacanciesPage__itemText { font-size: 20px; } .vacanciesPage__item { grid-template-columns: 200px 1fr; } .vacanciesPage__itemImg::before { font-size: 18px; } } @media (max-width: 575px) { .vacanciesPage__item { grid-template-columns: 1fr; } .vacanciesPage__itemImg { max-width: 220px; margin: 0 auto; } .vacanciesPage__list { gap: 50px; } .vacanciesPage__itemTitle { text-align: center; } .vacanciesPage__itemText { text-align: center; } .vacanciesPage__itemContent { align-items: center; } .vacanciesPage__footer { margin-top: 60px; } .vacanciesPage__itemImg::before { display: none; } } @media (max-width: 355px) { } /* vacanciesPage */ /* shopsInner */ .shopsInner { width: 100%; } .shopsInner .newsInner__container { grid-template-columns: 700px 1fr; } .shopsInner__info { display: grid; grid-template-columns: 1fr 256px; align-items: flex-start; gap: 100px; padding: 0 160px 0 0; margin-bottom: 100px; position: relative; } .shopsInner__info::before { content: ''; width: 100%; height: 1px; background-color: #d4d4d4; position: absolute; left: 0; bottom: 0; } .shopsInner__infoContent { display: grid; grid-template-columns: 1fr 1fr 280px; gap: 20px; position: relative; z-index: 2; padding-bottom: 30px; } .shopsInner__infoCol { display: flex; flex-direction: column; align-items: flex-start; gap: 25px; } .shopsInner__infoItem { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .shopsInner__infoItemTitle { font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #8a8989; } .shopsInner__infoItemContent { display: flex; flex-direction: column; align-items: flex-start; } .shopsInner__infoItemText { font-size: 21px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } a.shopsInner__infoItemText:hover { text-decoration: none; color: #5190c7; } .shopsInner__infoItemLink { font-size: 21px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #5190c7; border-bottom: 1px solid transparent; } .shopsInner__infoItemLink:hover { color: #5190c7; border-bottom-color: #5190c7; } .shopsInner__infoSocial { margin-bottom: 35px; display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } .shopsInner__infoSocial a { display: flex; align-items: center; justify-content: center; width: 50px; height: auto; aspect-ratio: 1; border-radius: 50%; flex: none; background-color: #1c1c1c; position: relative; } .shopsInner__infoSocial a svg { max-width: 100%; max-height: 100%; display: block; position: relative; z-index: 2; user-select: none; } .shopsInner__infoSocial a::before { content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(241, 88, 43, 1) 0%, rgba(192, 32, 47, 1) 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: .25s all ease-in-out; border-radius: 50%; } .shopsInner__infoSocial a:hover { background-color: transparent; } .shopsInner__infoSocial a:hover::before { opacity: 1; } .shopsInner__infoBtn { padding: 0 34px; } .shopsInner__infoBtn span { font-size: 17px; } .shopsInner__infoBtn span::after { width: 12px; margin-top: -1px; } .shopsInner__infoImg { width: 100%; height: auto; aspect-ratio: 1; background-color: #f3f3f3; border-radius: 2px; overflow: hidden; margin-bottom: -30px; position: relative; z-index: 2; } .shopsInner__infoImg img { width: 100%; height: 100%; object-fit: cover; user-select: none; } .read-more-link { font-family: var(--subfont); font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #5190c7; } @media (max-width: 1500px) { .shopsInner__info { padding: 0; } .shopsInner .newsInner__container { grid-template-columns: 570px 1fr; } } @media (max-width: 1260px) { .shopsInner .newsInner__container { grid-template-columns: 400px 1fr; } .shopsInner__info { gap: 20px; } } @media (max-width: 991px) { .shopsInner { width: 100%; } .shopsInner .newsInner__container { grid-template-columns: 100%; gap: 45px; } .shopsInner .newsInner__content { display: contents; } .shopsInner .newsInner__tags { margin-top: 0; order: 3; } .shopsInner .newsInner__text { order: 1; } .shopsInner .newsInner__slider { order: 2; } .shopsInner__info { display: flex; flex-direction: column-reverse; gap: 40px; margin-bottom: 50px; } .shopsInner__infoImg { max-width: 220px; margin: 0 auto; } .shopsInner__infoContent { padding-bottom: 0; } .shopsInner__info::before { bottom: auto; top: 200px; } .shopsInner__info::before { width: 100vw; left: 50%; transform: translateX(-50%); } } @media (max-width: 767px) { .shopsInner__infoContent { grid-template-columns: 1fr 1fr; gap: 25px 20px; } .shopsInner__infoCol:nth-child(3) { grid-column: -1/1; } .shopsInner__infoBtn { margin: 0 auto; } } @media (max-width: 575px) { .shopsInner__infoItemText { font-size: 19px; } .shopsInner__infoItemLink { font-size: 19px; } .shopsInner__infoItemTitle { font-size: 17px; } } @media (max-width: 355px) { .shopsInner__infoContent { grid-template-columns: 1fr; } } /* shopsInner */ /* contactsPage */ .contactsPage { } .contactsPage__container { display: grid; grid-template-columns: 1fr 840px; padding-right: 55px; gap: 150px; } .contactsPage__content { display: flex; flex-direction: column; align-items: flex-start; gap: 38px; } .contactsPage__item { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } .contactsPage__itemContent { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .contactsPage__itemTitle { font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000; } .contactsPage__itemText { font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: left; color: #000; } a.contactsPage__itemText:hover { text-decoration: none; color: var(--accent); } .contactsPage__map { position: relative; margin-right: 55px; width: 100%; height: auto; aspect-ratio: 1.527273; z-index: 2; } .contactsPage__map::before { content: ''; width: 93%; height: auto; aspect-ratio: 1; position: absolute; right: -15px; bottom: -15px; aspect-ratio: 1.646934; background-image: url(/local/templates/citymall/assets/css/../img/contactsPage__map.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .contactsPage__map > * { width: 100%; height: 100%; z-index: 3; background-color: #ddd; border-radius: 5px; overflow: hidden; } .contactsPage__footer { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 100px; } .contactsPage__btn { } @media (max-width: 1500px) { .contactsPage__container { padding-right: 0; gap: 100px; grid-template-columns: 1fr 720px; } } @media (max-width: 1260px) { .contactsPage__container { padding-right: 0; gap: 40px; grid-template-columns: 1fr 600px; } .contactsPage__itemTitle { font-size: 23px; } .contactsPage__itemText { font-size: 22px; } .contactsPage__footer { margin-top: 80px; } } @media (max-width: 991px) { .contactsPage__container { display: flex; flex-direction: column-reverse; } .contactsPage__container { gap: 60px; } .contactsPage__footer { margin-top: 50px; } } @media (max-width: 767px) { .contactsPage__footer { flex-direction: column; gap: 16px; } } @media (max-width: 575px) { .contactsPage__itemText { font-size: 20px; } .contactsPage__itemTitle { font-size: 21px; } .contactsPage__content { gap: 25px; } .contactsPage__map::before { right: -10px; bottom: -10px; } } @media (max-width: 355px) { } /* contactsPage */ /* securityPage */ .securityPage { } .securityPage__content { margin-bottom: 70px; padding-right: 120px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px 140px; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.58; letter-spacing: normal; text-align: left; color: #000; } .securityPage__content b { font-weight: 500; } .securityPage__content p:last-child { margin-bottom: 0; } .securityPage__img { margin-bottom: 160px; } .securityPage__img.theme-2 { margin-bottom: 100px; } .securityPage__imgWrapper { width: 100%; height: auto; aspect-ratio: 2.149254; } .securityPage__imgWrapper img { width: 100%; height: 100%; object-fit: cover; user-select: none; } .securityPage__imgBlock { margin: -70px auto 0; max-width: 1070px; border-radius: 2px; box-shadow: 0px 7px 34.6px 3.4px rgba(0, 0, 0, 0.07); background-color: #fff; z-index: 2; position: relative; padding: 50px 70px; } .securityPage__imgBlockPretitle { font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 15px; } .securityPage__imgBlockTitle { font-size: 36px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase; } .securityPage__imgBlock.grid { display: flex; justify-content: space-between; align-items: center; gap: 40px; } .securityPage__imgBlock.grid .securityPage__imgBlockPretitle { text-align: left; margin: 0; } .securityPage__imgBlockContent { flex: none; } .securityPage__imgBlockSlogan { font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase; margin-bottom: 20px; } .securityPage__imgBlockLogo { font-size: 60px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase; } .securityPage__imgBlock.theme-3 { max-width: 1200px; display: flex; align-items: center; justify-content: space-between; gap: 100px; padding-top: 70px; padding-bottom: 70px; } .securityPage__imgBlockText { font-family: var(--subfont); font-size: 28px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: left; color: #5c5c5c; } .securityPage__imgBlockText span { color: #010101; font-weight: 500; } .securityPage__imgBlockBtn { flex: none; } .securityPage__img.theme-4 { margin-bottom: 0; } .securityPage__img.theme-4 .securityPage__imgBlock.grid { gap: 120px; } .securityPage__img.theme-4 .securityPage__imgBlockPretitle { text-align: right; } .securityPage__img.theme-4 .securityPage__imgBlockSlogan { text-align: left; font-size: 30px; margin-bottom: 15px; } .securityPage__imgSlider.slick-initialized { margin: 0 -10px; } .securityPage__imgSlider.slick-initialized .securityPage__imgItem { margin: 0 10px; } .securityPage__imgItem { outline: none; width: 100%; height: auto; aspect-ratio: 2.149254; display: none; } .securityPage__imgItem:nth-child(1) { display: block; } .securityPage__imgSlider.slick-initialized .securityPage__imgItem { display: block; } .securityPage__imgItem img { width: 100%; height: 100%; object-fit: cover; user-select: none; } .securityPage__emergency { } .securityPage__emergency .section__headerContent { align-items: flex-start; } .securityPage__emergency .title::before { content: ''; width: 100vw; height: 1px; position: absolute; left: calc(100% + 30px); top: 47%; background-color: #000; transform: scaleX(1); transform-origin: right; transition: transform 1.2s ease-in-out; } .securityPage__emergencyList { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 45px 30px; } .securityPage__emergencyItem { } .securityPage__emergencyItemTitle { font-size: 25px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 25px; } .securityPage__emergencyItemImg { display: block; width: 100%; height: auto; aspect-ratio: 1.349398; border-radius: 7px; border: 6px solid #dadada; transition: .25s all ease-in-out; position: relative; } .securityPage__emergencyItemImg::before { content: ''; width: 72px; height: auto; aspect-ratio: 1; box-shadow: 0px 12px 60px 16px rgba(0, 0, 0, 0.19); background-color: #f8f8f8; background-image: url(/local/templates/citymall/assets/css/../img/zoom-out.png); background-repeat: no-repeat; background-position: center; border-radius: 50%; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .25s all ease-in-out; } .securityPage__emergencyItemImg:hover::before { opacity: 1; } .securityPage__emergencyItemImg:hover { border-color: #e9522a } .securityPage__emergencyItemImg img { width: 100%; height: 100%; object-fit: cover; user-select: none; } @media (min-width: 1501px) { .securityPage__img.theme-3 .securityPage__imgBlockLogo { font-size: 65px; } .securityPage__img.theme-3 .securityPage__imgBlock { max-width: 1200px; gap: 60px; padding: 67px 70px; } } @media (max-width: 1500px) { .securityPage__imgBlockPretitle { font-size: 26px; } .securityPage__imgBlockTitle { font-size: 32px; } .securityPage__imgBlock { max-width: 940px; } .securityPage__img { margin-bottom: 140px; } .securityPage__content { gap: 15px 50px; } .securityPage__content { padding-right: 0; } .securityPage__imgBlockSlogan { font-size: 20px; } .securityPage__imgBlockLogo { font-size: 53px; } .securityPage__imgBlock.theme-3 { gap: 50px; } .securityPage__imgBlock.theme-3 { max-width: 1100px; } .securityPage__img.theme-4 .securityPage__imgBlock.grid { gap: 55px; } } @media (max-width: 1260px) { .securityPage__emergencyItemTitle { font-size: 23px; } .securityPage__emergencyList { grid-template-columns: 1fr 1fr; } .securityPage__emergencyItemTitle { margin-bottom: 20px; } .securityPage__imgBlockPretitle { font-size: 24px; } .securityPage__imgBlockTitle { font-size: 28px; } .securityPage__imgBlock { padding: 40px 50px; max-width: 800px; } .securityPage__img { margin-bottom: 120px; } .securityPage__content { font-size: 22px; gap: 15px 30px; } .securityPage__imgBlock.grid { flex-direction: column; gap: 20px; align-items: center; } .securityPage__imgBlock.grid .securityPage__imgBlockPretitle { text-align: center; } .securityPage__imgBlockSlogan { margin-bottom: 15px; } .securityPage__imgBlockText { font-size: 24px; } .securityPage__imgBlock.theme-3 { gap: 20px; max-width: 940px; } .securityPage__img.theme-4 .securityPage__imgBlockSlogan { text-align: center; font-size: 28px; } .securityPage__img.theme-4 .securityPage__imgBlock.grid { gap: 20px; } .securityPage__img.theme-4 .securityPage__imgBlockPretitle { max-width: 600px; } } @media (max-width: 991px) { .securityPage__imgBlockTitle { font-size: 24px; } .securityPage__imgBlockPretitle { font-size: 22px; } .securityPage__imgBlock { max-width: 570px; } .securityPage__img { margin-bottom: 100px; } .securityPage__content { grid-template-columns: 1fr; } .securityPage__img.theme-2 { margin-bottom: 80px; } .securityPage__imgBlock.theme-3 { padding-top: 40px; padding-bottom: 40px; flex-direction: column; align-items: center; } .securityPage__imgBlockText { text-align: center; } .securityPage__img.theme-4 .securityPage__imgBlockSlogan { font-size: 26px; margin-bottom: 10px; } } @media (max-width: 767px) { .securityPage__emergencyItemTitle { font-size: 20px; } .securityPage__emergencyItemImg { border-width: 4px; } .securityPage__emergency .title { max-width: 300px; } .securityPage__emergency .title::before { top: 24%; } .securityPage__imgBlockPretitle { font-size: 20px; } .securityPage__imgBlockTitle { font-size: 22px; } .securityPage__imgBlock { padding: 35px 20px; margin-top: -30px; } .securityPage__imgWrapper { /* height: 250px; aspect-ratio: unset; */ } .securityPage__content { margin-bottom: 50px; } .securityPage__imgBlockLogo { font-size: 45px; } .securityPage__imgBlockSlogan { font-size: 18px; } .securityPage__img.theme-4 .securityPage__imgBlockSlogan { font-size: 24px; } } @media (max-width: 575px) { .securityPage__emergencyList { gap: 30px 20px; } .securityPage__emergencyItemTitle { margin-bottom: 15px; } .securityPage__emergency .title { max-width: 260px; } .securityPage__emergency .title::before { left: calc(100% + 15px); } .securityPage__imgBlockPretitle { font-size: 18px; } .securityPage__imgBlockTitle { font-size: 20px; } .securityPage__content { font-size: 20px; } .securityPage__imgBlockLogo { font-size: 40px; } .securityPage__imgBlockSlogan { font-size: 16px; } .securityPage__imgBlock { margin-top: 0; } .securityPage__imgBlockText { font-size: 22px; } .securityPage__img.theme-4 .securityPage__imgBlockSlogan { font-size: 15px; margin-bottom: 5px; } .securityPage__img.theme-4 .securityPage__imgBlockLogo { font-size: 28px; } .securityPage__img.theme-4 .securityPage__imgBlock.grid { max-width: calc(100% - 18px); margin-top: -10px; } } @media (max-width: 355px) { .securityPage__imgBlockLogo { font-size: 36px; } .securityPage__imgBlockSlogan { font-size: 13px; } } /* securityPage */ /* rentPage */ .rentPage { margin-bottom: 0; overflow: hidden; } .rentPage__section { position: relative; padding-bottom: 140px; } .rentPage__section::before { content: ''; width: 100%; height: 66%; background-color: #f4f4f4; position: absolute; left: 0; bottom: 0; z-index: -1; } @media (max-width: 1500px) { } @media (max-width: 1260px) { .rentPage__section::before { height: 73%; } .rentPage__section { padding-bottom: 120px; } } @media (max-width: 991px) { .rentPage__section { padding-bottom: 100px; } } @media (max-width: 767px) { .rentPage__section { padding-bottom: 80px; } } @media (max-width: 575px) { } /* rentPage */ /* callSection */ .callSection { margin: 140px 0 180px; } .callSection__container { padding-left: 30px; display: grid; grid-template-columns: 1fr 400px; gap: 55px; align-items: center; max-width: 1200px; margin: 0 auto; } .callSection__content { display: grid; grid-template-columns: 207px 1fr; align-items: center; gap: 40px; } .callSection__img { display: flex; align-items: center; justify-content: center; width: 100%; } .callSection__img img { max-width: 100%; height: auto; user-select: none; } .callSection__title { font-size: 27px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: left; color: #000; } .callSection__info { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .callSection__phone { font-size: 33px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .callSection__mail { font-size: 28px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .callSection__phone:hover, .callSection__mail:hover { color: var(--accent); } @media (max-width: 1500px) { } @media (max-width: 1260px) { .callSection__container { padding-left: 0; } .callSection__phone { font-size: 28px; } .callSection__mail { font-size: 25px; } .callSection__container { grid-template-columns: 1fr 330px; } .callSection__title { font-size: 24px; } .callSection__content { gap: 30px; } .callSection__container { gap: 40px; } .callSection { margin: 120px 0 140px; } } @media (max-width: 991px) { .callSection__container { display: grid; grid-template-columns: 216px 1fr; align-items: flex-start; gap: 15px 30px; } .callSection__info { grid-column-start: 2; } .callSection__content { display: contents; } .callSection__img { grid-row: 1/3; } } @media (max-width: 767px) { .callSection { margin: 80px 0 120px; } .callSection__container { grid-template-columns: 1fr; max-width: 450px; } .callSection__info { grid-column-start: 1; } .callSection__img { grid-row: unset; } .callSection__title { text-align: center; } .callSection__info { align-items: center; } .callSection__img { margin-bottom: 10px; } } @media (max-width: 575px) { .callSection__title { font-size: 22px; } .callSection__phone { font-size: 26px; } .callSection__mail { font-size: 22px; } .callSection__container { max-width: 380px; } } /* callSection */ /* rental */ .rental { padding-top: 160px; margin-bottom: 130px; position: relative; } .rental::after { content: ''; width: 433px; height: auto; aspect-ratio: 1.023641; background-image: url(/local/templates/citymall/assets/css/../img/promo__dec2.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; left: -273px; top: -170px; z-index: 5; transform: rotate(var(--promo-rotate, 0deg)); transition: transform 0.05s linear; } .rental::before { content: ''; width: 100%; height: 150%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #f4f4f4; } .rental .title { max-width: 950px; margin: 0 auto 70px; } .rental__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; -ms-overflow-style: none; scrollbar-width: none; } .rental__list::-webkit-scrollbar { display: none; } .rental__item { } .rental__itemImg { margin-bottom: 40px; width: 100%; height: auto; aspect-ratio: 1.444795; } .rental__itemImg img { display: block; width: 100%; height: 100%; object-fit: cover; user-select: none; } .rental__itemContnet { display: flex; flex-direction: column; align-items: center; } .rental__itemTitle { font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 10px; max-width: 340px; text-transform: uppercase; } .rental__itemText { font-family: var(--subfont); font-size: 23px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: center; color: #5c5c5c; max-width: 360px; } .rentBrand { margin: 170px 0; } .rentBrand .section__headerContent { max-width: 995px; } .rentBrand .section__header .title::before { content: ''; width: 100vw; height: 1px; position: absolute; right: calc(100% + 30px); top: 16%; background-color: #000; transform: scaleX(1); transform-origin: left; transition: transform 1.2s ease-in-out; } @media (max-width: 1500px) { .rental::after { width: 350px; left: -225px; top: -100px; } .rental { padding-top: 140px; } .rental__itemTitle { font-size: 26px; max-width: 300px; } .rental__itemText { font-size: 22px; } .rental__itemImg { margin-bottom: 30px; } .rentBrand .section__headerContent { max-width: 875px; } .rentBrand { margin: 140px 0; } } @media (max-width: 1260px) { .rental { padding-top: 120px; } .rental::after { display: none; } .rental__itemTitle { font-size: 24px; max-width: 270px; margin-bottom: 10px; } .rentBrand .section__headerContent { max-width: 640px; } .rentBrand { margin: 120px 0; } } @media (max-width: 991px) { .rental { padding-top: 100px; margin-bottom: 100px; } .rental__list { grid-template-columns: 1fr 1fr; gap: 50px 30px } .rental__item:nth-child(3) { grid-column: -1/1; max-width: 345px; margin: 0 auto; } .rental .title { margin-bottom: 50px; } .rental::before { height: 130%; } } @media (max-width: 767px) { .rental { padding-top: 80px; margin-bottom: 80px; } .rental__itemTitle { font-size: 22px; } .rental__list { gap: 50px 20px; } .rental__item:nth-child(3) { max-width: 260px; } .rental__itemTitle { max-width: 250px; } .rental__itemText { font-size: 20px; } .brandsSection .section__header { padding-right: 0; } .rentBrand .section__header .title::before { top: 11%; right: calc(100% + 0px); } .rentBrand { margin: 100px 0; } } @media (max-width: 575px) { .rental__list { display: flex; overflow-x: auto; margin: 0 -10px; padding: 0 10px; } .rental__item { flex: none; width: 80%; } .rental__item:nth-child(3) { max-width: unset; } .rentBrand .section__header .title::before { display: none; } .rentBrand .section__headerContent.right .title { text-align: center; } .rentBrand { overflow: hidden; } .rentBrand { margin: 80px 0; } } /* rental */ /* rentMap */ .rentMap { margin: 170px 0; } .rentMap .section__header { gap: 5px; } .rentMap__container { display: grid; grid-template-columns: 1fr 955px; gap: 80px; } .rentMap__content { } .rentMap__item { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 45px; max-width: 300px; } .rentMap__itemTitle { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .rentMap__itemTitle span { font-size: 65px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1.15; letter-spacing: normal; text-align: left; color: #000; } .rentMap__itemText { font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; text-align: left; color: #000; } .rentMap__parking { display: flex; align-items: center; gap: 20px; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; text-align: left; color: #000; margin-top: 55px; } .rentMap__parking::before { content: ''; width: 68px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: #508cc4; background-image: url(/local/templates/citymall/assets/css/../img/rentMap__parking.png); background-repeat: no-repeat; background-position: 55% center; flex: none; } .rentMap__map { position: relative; padding-right: 20px; width: 100%; height: auto; aspect-ratio: 1.690217; z-index: 2; } .rentMap__map::before { content: ''; width: 93%; height: auto; aspect-ratio: 1; position: absolute; right: 0; bottom: -20px; aspect-ratio: 1.852008; background-image: url(/local/templates/citymall/assets/css/../img/contactsPage__map.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .rentMap__map > * { width: 100%; height: 100%; z-index: 3; background-color: #ddd; border-radius: 5px; overflow: hidden; } @media (max-width: 1500px) { .rentMap { margin: 150px 0; } .rentMap__container { gap: 40px; grid-template-columns: 1fr 780px; } .rentMap__itemTitle span { font-size: 55px; } .rentMap__itemTitle { font-size: 32px; } .rentMap__itemText { font-size: 24px; } .rentMap__parking { font-size: 22px; margin-top: 45px; } .rentMap__parking::before { width: 60px; } .rentMap__item { margin-bottom: 35px; } } @media (max-width: 1260px) { .rentMap { margin: 120px 0; } .rentMap__itemTitle span { font-size: 45px; } .rentMap__itemTitle { font-size: 28px; } .rentMap__itemText { font-size: 22px; } .rentMap__itemText { font-size: 20px; } .rentMap__item { gap: 12px; margin-bottom: 30px; } .rentMap__parking { font-size: 20px; gap: 15px; } .rentMap__container { gap: 30px; grid-template-columns: 1fr 590px; } .rentMap__map::before { bottom: -10px; } .rentMap__map { padding-right: 10px; } } @media (max-width: 991px) { .rentMap { margin: 100px 0; } .rentMap__container { grid-template-columns: 1fr; gap: 50px; } .rentMap__content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 30px } .rentMap__item { margin: 0; } .rentMap__parking { margin: 0; grid-column: -1/1; } } @media (max-width: 767px) { } @media (max-width: 575px) { .rentMap { margin: 80px 0; } .rentMap__content { display: flex; flex-direction: column; align-items: center; } .rentMap__item { align-items: center; } .rentMap__itemText { text-align: center; } .rentMap__itemTitle { text-align: center; } .rentMap__parking { max-width: 340px; } .rentMap__content { gap: 30px; } } @media (max-width: 355px) { .rentMap__parking { font-size: 19px; gap: 10px; } .rentMap__parking::before { width: 44px; background-size: 18px; } } /* rentMap */ /* formSection */ .formSection { } .formSection__wrapper { padding: 100px 120px 90px; border-radius: 3px; background-color: #f3f3f3; position: relative; overflow: hidden; max-width: 1200px; margin: 0 auto; } .formSection__container::before { content: ''; width: 180px; height: auto; aspect-ratio: 0.72; position: absolute; left: 0; top: 0; background-image: url(/local/templates/citymall/assets/css/../img/formSection__wrapper1.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .formSection__container::after { content: ''; width: 198px; height: auto; aspect-ratio: 0.887892; position: absolute; right: 0; bottom: 0; background-image: url(/local/templates/citymall/assets/css/../img/formSection__wrapper2.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .formSection__header { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; gap: 10px; } .formSection__title { font-size: 40px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.63; letter-spacing: normal; text-align: center; color: #000; } .formSection__pretitle { font-family: var(--subfont); font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: center; color: #000; max-width: 600px; } .formSection__container { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .formSection__col { } .formSection__col:nth-child(2) .form__group:nth-child(1) { margin-bottom: 42px; } .formSection__footer { display: flex; align-items: center; gap: 44px; margin-top: 60px; } .formSection__btn { flex: none; } @media (max-width: 1500px) { } @media (max-width: 1260px) { .formSection__title { font-size: 36px; line-height: 1.2; } .formSection__pretitle { font-size: 26px; } .formSection__container::after { width: 118px; } .formSection__container::before { width: 140px; } .formSection__wrapper { padding: 100px 60px 90px; } .formSection__col:nth-child(2) .form__group:nth-child(1) { margin-bottom: 17px; } } @media (max-width: 991px) { .formSection__container { grid-template-columns: 1fr; } .formSection__footer { flex-direction: column-reverse; gap: 25px; } .formSection__col:nth-child(2) .form__group:nth-child(1) { margin-bottom: 25px; } .formSection__title { font-size: 32px; } .formSection__pretitle { font-size: 24px; } .formSection__container::before { width: 120px; } } @media (max-width: 767px) { .formSection__title { font-size: 30px; } .formSection__pretitle { font-size: 22px; } .formSection__wrapper { padding: 70px 40px 60px; } .formSection__container::before { width: 70px; } .formSection__container::after { width: 70px; } } @media (max-width: 575px) { .formSection__wrapper { padding: 60px 20px 50px; } .formSection__container::before { width: 50px; } .formSection__header { margin-bottom: 30px; } .formSection__btn { padding: 0 25px; } .formSection__footer { margin-top: 40px; } } /* formSection */ /* form */ .form__group { margin-bottom: 20px; } .form__group.readonly input { color: #848484; } .form__group:last-child { margin-bottom: 0px; } .form__group input { border-radius: 5px; border: solid 1px rgba(231, 231, 231, 0.8); background-color: #fff; width: 100%; min-height: 64px; padding: 0 28px; font-family: var(--subfont); font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; } .form__group input::placeholder { color: #797979; } .form__group textarea { display: block; border-radius: 5px; border: solid 1px rgba(231, 231, 231, 0.8); background-color: #fff; width: 100%; min-height: 135px; padding: 22px 28px; font-family: var(--subfont); font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; resize: none; } .form__group textarea::placeholder { color: #797979; } .form__group textarea.long { height: 210px; } .form__groupTitle { font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 20px; } .form__group.required .form__groupTitle { display: flex; align-items: flex-start; gap: 6px } .form__group.required .form__groupTitle::after { content: '*'; font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: right; color: #000; } .form__groupText { font-family: var(--subfont); font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; color: #797979; margin-top: 10px; } .form__group.required .form__groupText:not(.error) { display: flex; align-items: flex-start; gap: 5px; } .form__group.required .form__groupText:not(.error)::before { content: '*'; font-family: var(--subfont); font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; color: #797979; margin-top: 2px; } .form__groupText.error { color: #e9522a; } .profileForm__message { font-family: var(--userfont); font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #797979; } .form__groupList { columns: 2; column-gap: 35px; max-width: 320px; } .form__groupList .checkbox { break-inside: avoid; } .form__groupList .checkbox+* { margin-top: 10px; } .form__groupGrid { display: flex; align-items: center; max-width: 240px; } .form__groupGrid.formDate { max-width: 400px; } .form__groupGrid::before { content: '-'; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: right; color: #797979; order: 2; margin: 0 15px; } .form__groupGrid input:nth-child(1) { order: 1; } .form__groupGrid input:nth-child(2) { order: 3; } .form__groupGrid > .form__group:nth-child(1) { order: 1; margin: 0; } .form__groupGrid > .form__group:nth-child(2) { order: 3; margin: 0; } .parkingPage__formGrid .form__groupGrid { max-width: 350px; } .form__groupChoice { display: flex; align-items: center; flex-wrap: wrap; gap: 36px; padding: 13px 30px; border-radius: 7px; border: solid 1px rgba(231, 231, 231, 0.8); background-color: #ececec; } .form__groupChoice .checkbox>span { font-size: 19px; font-family: var(--userfont); font-weight: 500; } .form__groupChoice .checkbox>span::before { top: 0; border-color: rgba(231, 231, 231, 0.8); } .form__groupChoice .checkbox>input:checked+span::before { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6.005 3.997 9 12 1'/%3e%3c/svg%3e"), linear-gradient(to top, #f1582b, #c0202f); background-repeat: no-repeat; background-position: center; border-color: transparent; border-radius: 3px; } .form__group.choiceWrapper { max-width: 310px; margin-left: auto; } .timeInputWrapper { display: flex; align-items: center; } .timeInputWrapper::before { content: ''; width: 18px; height: 2px; background-color: #000; margin: 0 6px; order: 2; flex: none; } .timeInputWrapper input { flex: 1; padding: 0 10px; text-align: center; } .timeInputWrapper input:nth-child(1) { order: 1; } .timeInputWrapper input:nth-child(2) { order: 3; } @media (max-width: 1500px) { } @media (max-width: 1260px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { .form__group input { padding: 0 20px; min-height: 58px; font-size: 18px; } .form__group textarea { font-size: 18px; padding: 20px; } .form__groupText { margin-top: 5px; } .form__group { margin-bottom: 16px; } .form__groupTitle { font-size: 18px; margin-bottom: 15px; } .checkbox>span { font-size: 18px; } .form__groupGrid { max-width: 100%; } .form__groupChoice { padding: 12px 20px; gap: 5px 10px; justify-content: space-between; } } @media (max-width: 355px) { .form__groupList { columns: 1; } } /* form */ /* checkbox */ .checkbox { margin: 0; display: block; } .checkbox>input { position: absolute; z-index: -1; opacity: 0; } .checkbox>span { display: block; position: relative; cursor: pointer; padding-left: 35px; font-family: var(--subfont); font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #000; } .checkbox>span::before { content: ''; width: 22px; height: auto; aspect-ratio: 1; border-radius: 3px; border: solid 1px rgba(231, 231, 231, 0.8); background-color: #fff; flex: none; position: absolute; left: 0; top: 1px; background-repeat: no-repeat; background-position: center; transition: .25s all ease-in-out; } .checkbox>input:checked+span::before { border-color: #47aeb3; background-color: #47aeb3; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 6.005 3.997 9 12 1'/%3e%3c/svg%3e"); } .checkbox>input:disabled+span { background-color: #e9ecef; opacity: .5; } .checkbox a { color: #4a74b2; border-bottom: 1px solid #4a74b2; } .checkbox a:hover { color: #4a74b2; border-bottom-color: transparent; } .polit-checkbox.checkbox>span { font-family: var(--userfont); font-size: 18px; color: #797979; } .polit-checkbox.checkbox>span::before { top: 0; } @media (max-width: 1500px) { } @media (max-width: 1260px) { .form__group.choiceWrapper { margin-left: 0; } } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } @media (max-width: 355px) { .polit-checkbox.checkbox>span { font-size: 17px; } } /* checkbox */ /* parkingPage */ .parkingPage { } .parkingPage__container { display: grid; grid-template-columns: 800px 1fr; gap: 100px; } .parkingPage__title { font-size: 42px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; text-align: left; color: #000; margin: 100px 0; max-width: 880px; } .parkingPage__text { font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.55; letter-spacing: normal; text-align: left; color: #6c6c6c; } .parkingPage__list { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; } .parkingPage__item { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .parkingPage__itemTitle { font-size: 33px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000; } .parkingPage__itemText { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: left; color: #000; } .parkingPage__itemText p { margin: 0; } .parkingPage__itemText b { font-weight: 500; } .parkingPage__itemText a { font-weight: 500; display: block; color: #000; } .parkingPage__itemText a:hover { color: var(--accent); } .parkingPage__form { border-radius: 5px; border: solid 10px #5398cd; background-color: #fff; padding: 90px; position: relative; } .parkingPage__form::before { content: ''; width: 84px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: #508cc4; background-image: url(/local/templates/citymall/assets/css/../img/parkingPage__form.png); background-repeat: no-repeat; background-position: 57% center; position: absolute; left: 50%; top: -56px; transform: translateX(-50%); } .parkingPage__formTitle { font-size: 42px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 60px; text-transform: uppercase; } .parkingPage__formContent { } .parkingPage__formContainer, .parkingPage__formGrid { margin-bottom: 45px; } .parkingPage__formContainer:last-child { margin-bottom: 0; } .parkingPage__formPretitle { font-size: 23px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 24px; } .parkingPage__formBlock { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .parkingPage__formBlock.grid-1 { grid-template-columns: 1fr; } .parkingPage__form .form__group { margin: 0; } .parkingPage__formGrid { display: grid; grid-template-columns: 390px 1fr; gap: 80px } .parkingPage__formGrid .parkingPage__formContainer { margin: 0; } .parkingPage__formFiles { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; } .parkingPage__formLoad { display: block; align-items: center; gap: 5px 20px; flex-wrap: wrap; } .parkingPage__formLoad.hidden-block { display: none!important; } .parkingPage__formLoadTitle { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #000; display: inline; } .parkingPage__formLoadButton { cursor: pointer; display: inline-flex; align-items: center; gap: 8px; margin-left: 5px; transform: translateY(4px); } .parkingPage__formLoadButton:before { content: ''; width: 21px; height: auto; aspect-ratio: 1; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/parkingPage__formLoadButton.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .parkingPage__formLoadButton span { font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #4a74b2; border-bottom: 1px solid #4a74b2; transition: .25s all ease-in-out; } .parkingPage__formLoadButton:hover span { border-bottom-color: transparent; } .parkingPage__formFooter { margin-top: 55px; display: flex; align-items: center; gap: 55px; } .parkingPage__formFooter .polit-checkbox.checkbox>span { font-size: 16px; } .parkingPage__formFooter .checkbox>span::before { width: 17px; top: 1px; background-size: 10px; } .parkingPage__formFooter .checkbox>span { padding-left: 30px; } @media (max-width: 1500px) { .parkingPage__list { gap: 30px; grid-template-columns: auto auto; } .parkingPage__container { gap: 40px; grid-template-columns: 540px 1fr; } .parkingPage__text { font-size: 20px; } .parkingPage__itemTitle { font-size: 26px; } .parkingPage__itemText { font-size: 22px; } .parkingPage__formTitle { font-size: 38px; } .parkingPage__title { font-size: 38px; } } @media (max-width: 1260px) { .parkingPage__list { grid-template-columns: 1fr; } .parkingPage__itemTitle { font-size: 24px; } .parkingPage__itemText { font-size: 21px; } .parkingPage__list { gap: 20px; } .parkingPage__item { gap: 15px; } .parkingPage__container { grid-template-columns: 590px 1fr; gap: 60px } .parkingPage__form::before { width: 76px; top: -46px; background-size: 30px; } .parkingPage__formTitle { font-size: 32px; } .parkingPage__title { font-size: 32px; max-width: 680px; } .parkingPage__form { padding: 90px 50px; } } @media (max-width: 991px) { .parkingPage__container { grid-template-columns: 1fr; gap: 40px } .parkingPage__list { grid-template-columns: auto auto; } .parkingPage__itemTitle { font-size: 24px; } .parkingPage__itemText { font-size: 20px; } .parkingPage__form::before { width: 66px; background-size: 24px; } .parkingPage__formTitle { font-size: 26px; } .parkingPage__title { font-size: 26px; max-width: 550px; } .parkingPage__formBlock { grid-template-columns: 1fr; } .parkingPage__formGrid { grid-template-columns: 1fr; gap: 45px; } .parkingPage__formPretitle { font-size: 21px; } .parkingPage__form { padding: 70px 40px; } .parkingPage__formLoadTitle { font-size: 18px; } .parkingPage__formLoadButton span { font-size: 18px; } .parkingPage__formLoadButton:before { font-size: 17px; } .parkingPage__formFooter { flex-direction: column-reverse; gap: 40px; } } @media (max-width: 767px) { .parkingPage__list { display: flex; flex-direction: column; align-items: center; } .parkingPage__item { align-items: center; } .parkingPage__itemText { text-align: center; gap: 3px; align-items: center; } .parkingPage__text { font-size: 18px; } .parkingPage__container { } .parkingPage__formTitle { font-size: 24px; } .parkingPage__formTitle { margin-bottom: 40px; } .parkingPage__form { border-width: 5px; } .parkingPage__form { padding: 65px 30px 50px; } .form__groupGrid.formDate { max-width: 100%; } .parkingPage__formPretitle { font-size: 20px; margin-bottom: 18px; } .parkingPage__title { text-align: center; margin: 80px auto; font-size: 24px; } .parkingPage__formFooter { margin-top: 30px; } .parkingPage__formContainer, .parkingPage__formGrid { margin-bottom: 35px; } } @media (max-width: 575px) { .parkingPage__container { } .parkingPage__formTitle { font-size: 22px; } .parkingPage__form { padding: 60px 20px 50px; } .parkingPage__formBlock .jq-selectbox { max-width: calc(100vw - 70px); } } @media (max-width: 355px) { } /* parkingPage */ /* rekAdvantages */ .rekHeader__info .innerPage__pretitle { margin: 0; } .rekAdvantages { margin-bottom: 180px; } .rekAdvantages__list { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; } .innerPage .rekAdvantages__list { margin-top: 110px; } .rekAdvantages__item { display: grid; grid-template-columns: 215px 1fr; gap: 64px; } .rekAdvantages__itemImg { width: 100%; height: auto; aspect-ratio: 1; border-radius: 2px; background-color: #a3c01d; position: relative; } .rekAdvantages__item:nth-child(2) .rekAdvantages__itemImg { background-color: #e4236a; } .rekAdvantages__item:nth-child(3) .rekAdvantages__itemImg { background-color: #eb5127; } .rekAdvantages__item:nth-child(4) .rekAdvantages__itemImg { background-color: #fadd36; } .rekAdvantages__item:nth-child(1) .rekAdvantages__itemImg img { left: -30px; bottom: 7px; } .rekAdvantages__item:nth-child(2) .rekAdvantages__itemImg img { left: -24px; } .rekAdvantages__item:nth-child(3) .rekAdvantages__itemImg img { left: -30px; bottom: 15px; } .rekAdvantages__item:nth-child(4) .rekAdvantages__itemImg img { left: -20px; bottom: 20px; } .rekAdvantages__itemImg img { position: absolute; left: 0; bottom: 0; user-select: none; } .rekAdvantages__itemContent { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; } .rekAdvantages__itemTitle { font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; } .rekAdvantages__itemText { font-family: var(--subfont); font-size: 23px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; text-align: left; color: #6a6a6a; } @media (max-width: 1500px) { .rekAdvantages__item { gap: 30px; } .rekAdvantages__itemTitle { font-size: 26px; } .rekAdvantages__itemText { font-size: 22px; } .rekAdvantages { margin-bottom: 160px; } } @media (max-width: 1260px) { .rekAdvantages__list { gap: 50px; } .rekAdvantages__itemTitle { font-size: 24px; } .rekAdvantages__itemText { font-size: 21px; } .rekAdvantages__item { grid-template-columns: 175px 1fr; } .rekAdvantages__itemImg img { max-width: 100%; } .rekAdvantages__item:nth-child(2) .rekAdvantages__itemImg img { left: -16px; } .rekAdvantages__item:nth-child(1) .rekAdvantages__itemImg img { left: -20px; } .rekAdvantages__item:nth-child(3) .rekAdvantages__itemImg img { left: -20px; } .rekAdvantages__item:nth-child(4) .rekAdvantages__itemImg img { left: -10px; } .rekAdvantages { margin-bottom: 140px; } .innerPage .rekAdvantages__list { margin-top: 80px; } } @media (max-width: 991px) { .rekAdvantages__list { grid-template-columns: 1fr; } .rekAdvantages__item { align-items: center; } .rekAdvantages { margin-bottom: 120px; } } @media (max-width: 767px) { .rekAdvantages__item { align-items: flex-start; } .rekAdvantages { margin-bottom: 100px; } } @media (max-width: 575px) { .rekAdvantages__item { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto; } .rekAdvantages__itemImg { max-width: 175px; margin: 0 auto; } .rekAdvantages__itemTitle { font-size: 22px; text-align: center; } .rekAdvantages__itemText { text-align: center; font-size: 20px; } .rekAdvantages__itemContent { gap: 10px; } .rekAdvantages { margin-bottom: 80px; } .innerPage .rekAdvantages__list { margin-top: 60px; } .rekHeader__info .innerPage__pretitle { margin: 0 auto; text-align: center; } } @media (max-width: 355px) { } /* rekAdvantages */ /* rekSlider */ .rekSlider { margin-top: 180px; } .rekSlider .section__header { max-width: 720px; margin-left: 240px; } .rekSlider .section__header .title::before { content: ''; width: 100vw; height: 1px; position: absolute; left: calc(100% - 70px); top: 33px; background-color: #000; transform: scaleX(1); transform-origin: left; transition: transform 1.2s ease-in-out; } @media (max-width: 1500px) { .rekSlider .section__header { margin-left: 160px; max-width: 640px; } .rekSlider .section__header .title::before { top: 29px; } .rekSlider { margin-top: 160px; } } @media (max-width: 1260px) { .rekSlider .section__header { margin-left: 120px; max-width: 490px; } .rekSlider .section__header .title::before { top: 22px; } .rekSlider { margin-top: 140px; } } @media (max-width: 991px) { .rekSlider .section__header { margin-left: 0px; max-width: 490px; } .rekAdvantages { margin-bottom: 120px; } } @media (max-width: 767px) { .rekSlider { margin-top: 100px; } } @media (max-width: 575px) { .rekSlider .section__header .title::before { display: none; } .rekSlider .section__header .title { text-align: center; } .rekSlider .section__header .pretitle { text-align: center; } .rekSlider .section__header { max-width: 100%; } .rekSlider { margin-top: 80px; } } @media (max-width: 450px) { .securityPage__imgBlockLogo { font-size: 33px; } } @media (max-width: 355px) { } /* rekSlider */ /* rekMap */ .rekMap { margin-top: 180px; padding-bottom: 180px; position: relative; } .rekMap::before { content: ''; width: 100%; height: calc(100% + 550px); background-color: #f4f4f4; position: absolute; left: 0; bottom: 0; z-index: -1; } .rekMap .section__header { max-width: 780px; margin-right: 230px; margin-left: auto; } .rekMap .section__header .title { text-align: right; } .rekMap .section__header .title::before { content: ''; width: 100vw; height: 1px; position: absolute; right: calc(100% - 70px); bottom: 33px; background-color: #000; transform: scaleX(1); transform-origin: left; transition: transform 1.2s ease-in-out; } .rekMap__container { display: grid; grid-template-columns: 1fr 775px; gap: 90px; } .rekMap__content { } .rekMap__text { font-size: 28px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 60px; max-width: 500px; } .rekMap__list { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 50px 80px; } .rekMap__item { display: flex; flex-direction: column; align-items: flex-start; max-width: 310px; } .rekMap__item:nth-child(1) { max-width: 255px; } .rekMap__item:nth-child(2) { max-width: 230px; } .rekMap__itemTitle { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; } .rekMap__itemTitle span { font-size: 65px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1.15; letter-spacing: normal; text-align: left; color: #000; } .rekMap__itemText { font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; text-align: left; color: #000; } .rekMap__map { position: relative; padding-right: 16px; width: 100%; height: auto; aspect-ratio: 1.381818; z-index: 2; } .rekMap__map::before { content: ''; width: 93%; height: auto; aspect-ratio: 1; position: absolute; right: 0; bottom: -16px; aspect-ratio: 1.852008; background-image: url(/local/templates/citymall/assets/css/../img/contactsPage__map.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .rekMap__map > * { width: 100%; height: 100%; z-index: 3; background-color: #ddd; border-radius: 5px; overflow: hidden; } @media (max-width: 1500px) { .rekMap .section__header { margin-right: 150px; max-width: 730px; } .rekMap .section__header .title::before { right: calc(100% - 110px); bottom: 29px; } .rekMap__container { gap: 50px; grid-template-columns: 1fr 660px; } .rekMap__text { font-size: 24px; max-width: 430px; margin-bottom: 40px; } .rekMap__itemTitle span { font-size: 48px; } .rekMap__itemTitle { font-size: 30px; } .rekMap__itemText { font-size: 20px; } .rekMap__item:nth-child(1) { max-width: 210px; } .rekMap__item:nth-child(2) { max-width: 200px; } .rekMap__item { max-width: 265px; } .rekMap__list { gap: 40px 70px; } .rekMap::before { height: calc(100% + 470px); } } @media (max-width: 1260px) { .rekMap .section__header { margin-right: 100px; max-width: 540px; } .rekMap .section__header .title::before { right: calc(100% - 90px); bottom: 22px; } .rekMap__text { font-size: 22px; } .rekMap__itemTitle span { font-size: 40px; } .rekMap__itemTitle { font-size: 25px; } .rekMap__itemText { font-size: 18px; } .rekMap__list { gap: 20px 40px; } .rekMap__container { gap: 30px; grid-template-columns: 1fr 480px; } .rekMap::before { height: calc(100% + 400px); } } @media (max-width: 991px) { .rekMap .section__header { margin-right: 0px; } .rekMap__container { grid-template-columns: 1fr; gap: 50px; } .rekMap__list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .rekMap::before { height: calc(100% + 450px); } .rekMap { margin-top: 120px; padding-bottom: 120px; } } @media (max-width: 767px) { .rekMap__list { grid-template-columns: 1fr 1fr; } .rekMap { margin-top: 100px; padding-bottom: 100px; } } @media (max-width: 575px) { .rekMap .section__header .title::before { display: none; } .rekMap .section__header { max-width: 100%; } .rekMap .section__header .title { text-align: center; } .rekMap__text { max-width: 100%; text-align: center; } .rekMap__list { display: flex; flex-direction: column; align-items: center; } .rekMap__itemText { text-align: center; } .rekMap__itemTitle { text-align: center; } .rekMap__item { align-items: center; max-width: 250px!important; } .rekMap__map::before { bottom: -10px; } .rekMap__map { padding-right: 10px; } .rekMap::before { height: calc(100% + 380px); } } @media (max-width: 355px) { } /* rekMap */ /* rekCall */ .rekCall { margin: 170px 0; } .rekCall .title { max-width: 1200px; margin: 0 auto 80px; } .rekCall__container { display: grid; grid-template-columns: 610px 1fr; align-items: center; gap: 100px; max-width: 1190px; margin: 0 auto; } .rekCall__form { width: 100%; border-radius: 2px; background-color: #f3f3f3; padding: 70px 90px; position: relative; z-index: 1; } .rekCall__form::before { content: ''; width: 146px; height: auto; aspect-ratio: 0.986486; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/rekCall__formDec1.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 0; top: 0; z-index: -1; } .rekCall__form::after { content: ''; width: 145px; height: auto; aspect-ratio: 1.066176; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/rekCall__formDec2.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: 0; bottom: 0; z-index: -1; } .rekCall__formTitle { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 10px; } .rekCall__formText { font-family: var(--subfont); font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000; max-width: 360px; margin: 0 auto 30px; } .rekCall__footer { display: flex; flex-direction: column; align-items: center; gap: 30px; margin-top: 40px; } .rekCall__footer .polit-checkbox { max-width: 280px; } .rekCall__content { display: flex; flex-direction: column; align-items: center; } .rekCall__img { display: flex; align-items: center; justify-content: center; margin-bottom: 35px; } .rekCall__img img { max-width: 100%; user-select: none; } .rekCall__text { font-size: 27px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 30px; } .rekCall__phone { display: block; font-size: 33px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 10px; } .rekCall__mail { display: block; font-size: 30px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #000; } @media (max-width: 1500px) { .rekCall { margin: 160px 0; } } @media (max-width: 1260px) { .rekCall { margin: 150px 0; } .rekCall__container { gap: 80px; grid-template-columns: 1fr 350px; } .rekCall__text { font-size: 23px; } .rekCall__img { max-width: 180px; } .rekCall__phone { font-size: 28px; } .rekCall__mail { font-size: 24px; } .rekCall__text { margin-bottom: 25px; } .rekCall__formTitle { font-size: 32px; } .rekCall__formText { font-size: 26px; } .rekCall__form::before { width: 115px; } .rekCall__form::after { width: 115px; } .rekCall .title { max-width: 800px; margin-bottom: 60px; } } @media (max-width: 991px) { .rekCall { margin: 120px 0; } .rekCall__container { grid-template-columns: 1fr; } .rekCall__content { max-width: 470px; margin: 0 auto; } } @media (max-width: 767px) { .rekCall { margin: 100px 0; } } @media (max-width: 575px) { .rekCall { margin: 80px 0; } .rekCall__text { font-size: 20px; } .rekCall__phone { font-size: 26px; } .rekCall__mail { font-size: 22px; } .rekCall__img { max-width: 160px; } .rekCall__form::before { width: 70px; } .rekCall__form::after { width: 70px; } .rekCall__form { padding: 70px 40px; } .rekCall__formTitle { font-size: 28px; } .rekCall__formText { font-size: 24px; max-width: 320px; } } @media (max-width: 430px) { .rekCall__form { padding: 70px 20px; } } @media (max-width: 355px) { } /* rekCall */ /* aboutMore */ .aboutMore { margin-top: 110px; padding-bottom: 180px; position: relative; } .aboutMore::before { content: ''; width: 100%; height: calc(100% + 500px); position: absolute; background-color: #f4f4f4; left: 0; bottom: 0; z-index: -1; } .aboutMore .section__header { padding-right: 90px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 45px; } .aboutMore .section__headerContent { align-items: flex-end; text-align: right; } .aboutMore .section__header .title { margin-left: 260px; max-width: 600px; } .aboutMore .section__header .title::before { content: ''; width: 100vw; height: 1px; position: absolute; right: calc(100% + 20px); bottom: 35px; background-color: #000; transition: transform 1.2s ease-in-out; } .aboutMore__container { display: grid; grid-template-columns: 1fr 586px; align-items: center; gap: 140px; } .aboutMore__content { } .aboutMore__text { --fontSizeText: 26px; font-size: var(--fontSizeText); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #5c5c5c; margin: 50px 0; } .aboutMore__text b { font-size: calc(var(--fontSizeText) + 2px); font-weight: 500; color: #000; } .aboutMore__text p:last-child { margin-bottom: 0; } .aboutMore__list { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; } .aboutMore__item { display: flex; flex-direction: column; align-items: center; } .aboutMore__itemNum { font-size: 70px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1.07; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 20px; } .aboutMore__itemTitle { font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #000; } .aboutMore__img { width: 100%; display: block; } .aboutMore__img img { width: 100%; height: auto; user-select: none; pointer-events: none; border-radius: 3px; } .aboutMore__footer { display: none; align-items: center; justify-content: center; margin-top: 35px; } @media (max-width: 1500px) { .aboutMore .section__header .title { max-width: 530px; } .aboutMore::before { height: calc(100% + 400px); } .aboutMore__container { gap: 50px; grid-template-columns: 1fr 560px; } .aboutMore__text { --fontSizeText: 24px; } .aboutMore__list { gap: 50px; } .aboutMore__itemNum { font-size: 60px; } .aboutMore__itemTitle { font-size: 20px; } } @media (max-width: 1260px) { .aboutMore .section__header .title { max-width: 380px; } .aboutMore .section__header .title::before { bottom: 23px; } .aboutMore { padding-bottom: 140px; } .aboutMore__text { --fontSizeText: 22px; } .aboutMore__itemNum { font-size: 52px; margin-bottom: 10px; } .aboutMore__itemTitle { font-size: 18px; } .aboutMore__container { grid-template-columns: 1fr 440px; } .aboutMore__list { gap: 30px } } @media (max-width: 991px) { .aboutMore .section__header { padding-right: 0; } .aboutMore .section__header .title { margin-left: 80px; } .aboutMore { padding-bottom: 120px; } .aboutMore__container { display: flex; flex-direction: column-reverse; gap: 30px; } .aboutMore__text { text-align: center; order: 1; margin: 0; } .aboutMore__content { display: flex; flex-direction: column; } .aboutMore__list { margin-top: 50px; } .aboutMore__list:nth-child(1) { order: 2 } .aboutMore__list:nth-child(3) { order: 3 } } @media (max-width: 767px) { .aboutMore { margin-top: 80px; padding-bottom: 100px; } .aboutMore__text { --fontSizeText: 20px; } } @media (max-width: 575px) { .aboutMore .section__header .title::before { display: none; } .aboutMore .section__header .title { margin: 0 auto; text-align: center; max-width: 340px; } .aboutMore .section__header { justify-content: center; } .aboutMore__list { grid-template-columns: 1fr; gap: 25px; margin-top: 40px; } .aboutMore__itemTitle { font-size: 21px; max-width: 280px; } .aboutMore .section__header { margin-bottom: 35px; } .aboutMore__text { --fontSizeText: 19px; } .aboutMore__footer { display: flex; } } @media (max-width: 355px) { } /* aboutMore */ /* aboutAdvantages */ .aboutAdvantages { padding: 180px 0 120px; position: relative; } .aboutAdvantages::before { content: ''; width: 100vw; height: 10px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background-image: url(/local/templates/citymall/assets/css/../img/aboutAdvantagesDec.png); background-repeat: no-repeat; background-position: center; background-size: cover; transition: .25s all ease-in-out; } .aboutAdvantages__list { display: grid; grid-template-columns: 1fr 1fr 1fr; } .aboutAdvantages__item { display: flex; flex-direction: column; align-items: center; } .aboutAdvantages__itemImg { margin-bottom: 45px; width: 200px; height: auto; aspect-ratio: 1; border-radius: 2px; background-color: #eb5127; flex: none; position: relative; } .aboutAdvantages__itemImg img { user-select: none; position: absolute; right: 0; bottom: 0; } .aboutAdvantages__item:nth-child(2) .aboutAdvantages__itemImg { background-color: #fadd36; } .aboutAdvantages__item:nth-child(3) .aboutAdvantages__itemImg { background-color: #a3c01d; } .aboutAdvantages__item:nth-child(1) .aboutAdvantages__itemImg img { right: -12px; bottom: 18px; } .aboutAdvantages__item:nth-child(3) .aboutAdvantages__itemImg img { left: 50%; transform: translateX(-50%); bottom: 13px; } .aboutAdvantages__itemContent { display: flex; flex-direction: column; align-items: center; } .aboutAdvantages__itemTitle { font-size: 50px; font-weight: 500; font-stretch: normal; font-style: italic; line-height: 1.2; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 10px; text-transform: uppercase; } .aboutAdvantages__itemText { font-family: var(--subfont); font-size: 26px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: normal; text-align: center; color: #000; max-width: 385px; } @media (max-width: 1500px) { .aboutAdvantages__itemTitle { font-size: 42px; } .aboutAdvantages__itemText { font-size: 23px; } } @media (max-width: 1260px) { .aboutAdvantages__itemTitle { font-size: 32px; } .aboutAdvantages__itemText { font-size: 20px; } } @media (max-width: 991px) { .aboutAdvantages { padding: 140px 0 100px; } .aboutAdvantages__list { grid-template-columns: 1fr 1fr; gap: 80px 50px } .aboutAdvantages__item:nth-child(3) { max-width: 335px; margin: 0 auto; grid-column: -1/1; } } @media (max-width: 767px) { .aboutAdvantages__itemTitle { font-size: 28px; } .aboutAdvantages__itemImg { margin-bottom: 35px; width: 160px; } .aboutAdvantages__itemImg img { max-width: 130%; } } @media (max-width: 575px) { .aboutAdvantages__list { grid-template-columns: 1fr; } .aboutAdvantages__item:nth-child(3) { max-width: 100%; } .aboutAdvantages__item { max-width: 300px!important; margin: 0 auto; } .aboutAdvantages { padding: 120px 0 100px; } .aboutAdvantages__itemImg img { max-width: 120%; } .aboutAdvantages__itemTitle { font-size: 32px; } .aboutAdvantages__itemText { font-size: 23px; } .aboutAdvantages::before { height: 8px; background-position: 72%; } } @media (max-width: 355px) { } /* aboutAdvantages */ /* recreation */ .recreation { margin: 130px 0 180px; position: relative; z-index: 1; } .recreation::after { content: ''; width: 408px; height: auto; aspect-ratio: 0.995349; background-image: url(/local/templates/citymall/assets/css/../img/hero__dec2.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; position: absolute; right: -170px; bottom: -260px; z-index: -1; transform: rotate(var(--promo-rotate, 0deg)); transition: transform 0.05s linear; } .recreation .section__header { padding-left: 90px; display: flex; align-items: center; margin-bottom: 45px; } .recreation .section__headerContent { margin-left: 200px; } .recreation .title { position: relative; max-width: 710px; } .recreation .title::before { content: ''; width: 100vw; height: 1px; position: absolute; left: calc(100% + 20px); bottom: 33px; background-color: #000; transition: transform 1.2s ease-in-out; } .recreation .section__headerBtn span { width: min-content; } .recreation__container { display: grid; grid-template-columns: 587px 1fr; align-items: flex-start; gap: 78px } .recreation__img { width: 100%; } .recreation__img img { width: 100%; height: auto; user-select: none; } .recreation__text { max-width: 690px; --fontSizeText: 26px; font-size: var(--fontSizeText); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #5b5b5b; } .recreation__text b { font-size: calc(var(--fontSizeText) + 2px); font-weight: 500; color: #000; } .recreation__text p:last-child { margin-bottom: 0; } .recreation__footer { display: none; align-items: center; justify-content: center; margin-top: 40px; } @media (max-width: 1670px) { .recreation::after { right: -250px; } } @media (max-width: 1500px) { .recreation .title { max-width: 625px; } .recreation__container { gap: 50px; grid-template-columns: 550px 1fr; } .recreation__text { --fontSizeText: 24px; } .recreation .section__headerContent { margin-left: 160px; } .recreation::after { width: 280px; right: -180px; } } @media (max-width: 1260px) { .recreation .title { max-width: 455px; } .recreation .title::before { bottom: 22px; } .recreation .section__headerContent { margin-left: 130px; } .recreation { margin: 110px 0 140px; } .recreation__container { gap: 30px; grid-template-columns: 420px 1fr; } .recreation__text { --fontSizeText: 20px; } .recreation::after { display: none; } } @media (max-width: 991px) { .recreation .section__header { padding-left: 0; } .recreation .section__headerContent { margin-left: 60px; } .recreation { margin: 100px 0 120px; } .recreation__container { display: flex; flex-direction: column-reverse; } } @media (max-width: 767px) { .recreation .section__headerContent { margin-left: 40px; } .recreation { margin: 85px 0; } } @media (max-width: 575px) { .recreation .section__headerContent { margin-left: 0; } .recreation .title::before { display: none; } .recreation .title { max-width: 100%; text-align: center; } .recreation__text { --fontSizeText: 18px; } .recreation__text { font-size: 21px; } .recreation__text b { font-size: 21px; } .recreation__footer { display: flex; } .recreation .section__header { margin-bottom: 35px; } } @media (max-width: 355px) { .recreation__itemBtn { padding: 0 22px; } } /* recreation */ /* place */ .place { padding: 140px 0; background-color: #f1f1f1; } .place .title { max-width: 680px; text-align: right; margin-left: 370px; } .place .title::before { content: ''; width: 100vw; height: 1px; position: absolute; right: calc(100% - 130px); bottom: 33px; background-color: #000; transition: transform 1.2s ease-in-out; } .place__container { display: grid; grid-template-columns: 521px 1fr; align-items: center; gap: 92px; max-width: 1220px; margin: 0 auto; } .place__img { width: 100%; height: auto; } .place__img img { display: block; width: 100%; user-select: none; pointer-events: none; } .place__text { --fontSizeText: 26px; font-size: var(--fontSizeText); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; color: #5c5c5c; } .place__text b { font-size: calc(var(--fontSizeText) + 2px); font-weight: 500; color: #000; } .place__text p:last-child { margin-bottom: 0; } @media (max-width: 1500px) { .place .title { max-width: 590px; margin-left: 330px; } .place .title::before { right: calc(100% - 100px); bottom: 30px; } } @media (max-width: 1260px) { .place__container { gap: 50px; grid-template-columns: 400px 1fr; } .place__text { --fontSizeText: 24px; } .place .title { max-width: 430px; margin-left: 270px; } .place .title::before { right: calc(100% - 70px); bottom: 21px; } .place { padding: 120px 0; } } @media (max-width: 991px) { .place__container { display: flex; flex-direction: column-reverse; } .place__text { --fontSizeText: 22px; } .place__img { max-width: 521px; margin: 0 auto; } .place .title { margin-left: 160px; } } @media (max-width: 767px) { .place__text { --fontSizeText: 20px; } .place__img { max-width: 400px; } .place { padding: 80px 0; } .place .title { margin-left: 50px; } } @media (max-width: 575px) { .place__img { max-width: 300px; } .place__container { gap: 30px; } .place__text { --fontSizeText: 19px; } .place .title { margin-left: 0; max-width: 100%; } .place .title::before { display: none; } .place .title { text-align: center; } .place .section__header { margin-bottom: 35px; } } @media (max-width: 355px) { } /* place */ /* aboutRecommend */ .aboutRecommend { margin: 160px 0; } .aboutRecommend__list { display: grid; grid-template-columns: 1fr 1fr; gap: 180px; } .aboutRecommend__item { display: grid; grid-template-columns: 215px 1fr; align-items: center; gap: 100px; } .aboutRecommend__item:nth-child(1) { gap: 130px } .aboutRecommend__itemImg { width: 100%; height: auto; aspect-ratio: 1; border-radius: 2px; background-color: #a3c01d; position: relative; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemImg { background-color: #fadd36; } .aboutRecommend__itemImg img { user-select: none; pointer-events: none; position: absolute; bottom: 0; left: 0; } .aboutRecommend__item:nth-child(1) .aboutRecommend__itemImg img { left: -45px; bottom: 22px; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemImg img { left: -90px; } .aboutRecommend__itemContent { display: flex; flex-direction: column; align-items: flex-start; } .aboutRecommend__itemPretitle { font-family: var(--subfont); font-size: 26px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 20px; } .aboutRecommend__itemTitle { font-size: 38px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: normal; text-align: left; color: #000; position: relative; padding-bottom: 30px; margin-bottom: 40px; text-transform: uppercase; } .aboutRecommend__itemTitle::before { content: ''; width: 160px; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; } .aboutRecommend__itemBtn { } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemContent { align-items: flex-end; max-width: 245px; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemPretitle { text-align: right; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemTitle { text-align: right; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemTitle::before { right: 0; left: auto; } @media (max-width: 1500px) { .aboutRecommend__list { gap: 140px; } .aboutRecommend__itemTitle { font-size: 32px; } .aboutRecommend__itemPretitle { font-size: 23px; } .aboutRecommend__item { grid-template-columns: 190px 1fr; } .aboutRecommend__itemImg img { max-width: 170%; } .aboutRecommend__item:nth-child(1) { gap: 110px; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemContent { max-width: 215px; } .aboutRecommend__item { gap: 60px; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemImg img { left: -80px; } } @media (max-width: 1260px) { .aboutRecommend { margin: 140px 0; } .aboutRecommend__item { display: flex; flex-direction: column; align-items: flex-start; } .aboutRecommend__item { gap: 40px!important } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemContent { max-width: 100%; width: 100%; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemPretitle { text-align: center; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemTitle { text-align: center; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemContent { align-items: center; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemTitle::before { left: 50%; transform: translateX(-50%); right: auto; } .aboutRecommend__item .aboutRecommend__itemTitle::before { left: 50%; transform: translateX(-50%); right: auto; } .aboutRecommend__itemTitle { text-align: center; } .aboutRecommend__itemPretitle { text-align: center; } .aboutRecommend__itemContent { align-items: center; } .aboutRecommend__itemImg { max-width: 200px; margin: 0 auto; } .aboutRecommend__list { gap: 80px; } } @media (max-width: 991px) { .aboutRecommend { margin: 120px 0; } .aboutRecommend__itemTitle { font-size: 28px; } .aboutRecommend__itemPretitle { font-size: 22px; } .aboutRecommend__itemImg { max-width: 170px; } .aboutRecommend__itemImg img { max-width: 160%; } .aboutRecommend__item:nth-child(1) .aboutRecommend__itemImg img { left: -50px; bottom: 10px; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemImg img { left: -50px; } .aboutRecommend__item { gap: 30px !important; align-items: center; } .aboutRecommend__itemTitle::before { width: 120px; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemTitle { max-width: 250px; } .aboutRecommend__item:nth-child(2) .aboutRecommend__itemPretitle { max-width: 260px; } .aboutRecommend__itemTitle { padding-bottom: 25px; margin-bottom: 30px; } } @media (max-width: 767px) { .aboutRecommend { margin: 100px 0; } } @media (max-width: 575px) { .aboutRecommend__list { grid-template-columns: 1fr; } .aboutRecommend__list { max-width: 320px; margin: 0 auto; } .aboutRecommend__itemTitle { font-size: 34px; } } @media (max-width: 355px) { } /* aboutRecommend */ /* anywhere */ .anywhere { margin: 160px 0; } .anywhere .section__header { padding-left: 350px; } .anywhere .title { max-width: 690px; } .anywhere .title::before { content: ''; width: 100vw; height: 1px; position: absolute; left: calc(100% + 20px); bottom: 33px; background-color: #000; transition: transform 1.2s ease-in-out; } .anywhere__container { display: grid; grid-template-columns: 800px 1fr; align-items: center; gap: 85px; } .anywhere__map { position: relative; padding-left: 16px; width: 100%; height: auto; aspect-ratio: 1.381818; z-index: 2; margin-bottom: 16px; } .anywhere__map::before { content: ''; width: 93%; height: auto; position: absolute; left: 0; bottom: -16px; aspect-ratio: 1.527383; background-image: url(/local/templates/citymall/assets/css/../img/anywhere__map.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .anywhere__map > * { width: 100%; height: 100%; z-index: 3; background-color: #ddd; border-radius: 5px; overflow: hidden; } .anywhere__content { display: flex; flex-direction: column; align-items: flex-start; } .anywhere__address { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 30px; } .anywhere__title { font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 20px; } .anywhere__list { display: flex; flex-direction: column; align-items: flex-start; } .anywhere__item { font-family: var(--subfont); font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000; } .anywhere__item a { color: #000; } .anywhere__item a:hover { color: var(--accent); text-decoration: none; } .anywhere__btn { margin-top: 35px; } @media (max-width: 1500px) { .anywhere__container { gap: 60px; grid-template-columns: 650px 1fr; } .anywhere__address { font-size: 28px; } .anywhere__title { font-size: 24px; } .anywhere__item { font-size: 22px; } .anywhere .section__header { padding-left: 250px; } .anywhere .title { max-width: 610px; } } @media (max-width: 1260px) { .anywhere { margin: 140px 0; } .anywhere__container { gap: 40px; grid-template-columns: 520px 1fr; } .anywhere__address { font-size: 26px; margin-bottom: 25px; } .anywhere__title { margin-bottom: 10px; } .anywhere .title { max-width: 445px; } .anywhere .title::before { bottom: 23px; } } @media (max-width: 991px) { .anywhere { margin: 120px 0; } .anywhere__container { display: flex; flex-direction: column; align-items: flex-start; } .anywhere .section__header { padding-left: 130px; } } @media (max-width: 767px) { .anywhere { margin: 80px 0; } .anywhere__map { padding-left: 10px; margin-bottom: 10px; } .anywhere__map::before { bottom: -10px; } .anywhere__address { font-size: 24px; } .anywhere__title { font-size: 22px; } .anywhere .section__header { padding-left: 40px; } } @media (max-width: 575px) { .anywhere__address { font-size: 22px; } .anywhere__title { font-size: 20px; } .anywhere__content { width: 100%; } .anywhere__btn { margin: 35px auto 0; } .anywhere .section__header { padding-left: 0px; } .anywhere .title::before { display: none; } .anywhere .title { max-width: 100%; text-align: center; } .anywhere__content { align-items: center; } .anywhere__address { font-size: 24px; max-width: 300px; text-align: center; } .anywhere__title { font-size: 21px; text-align: center; } .anywhere__item { font-size: 18px; text-align: center; } .anywhere__list { align-items: center; } } @media (max-width: 355px) { .anywhere__btn { padding: 0 30px; } } /* anywhere */ /* userPage */ .userPage { } .userPage__header { gap: 20px; } .userPage__header .innerPage__title { margin-bottom: 0; } .userPage__container { display: grid; grid-template-columns: 370px 1fr; align-items: flex-start; gap: 90px } .userPage__aside { } .userPage__menu { margin: 0; padding: 20px 0; display: flex; flex-direction: column; border-radius: 3px; background-color: #fbfbfb; } .userPage__menu li { list-style: none; } .userPage__menu li a { display: block; font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.26; letter-spacing: normal; color: #626262; padding: 11px 35px; } .userPage__menu li a:hover { color: #000; text-decoration: none; background-color: #e8e8e8; text-shadow: 0 0 .5px #000; } .userPage__menu li a.active { color: #000; text-decoration: none; background-color: #e8e8e8; font-weight: 700; } .userPage__menuBtn { width: 100%; display: none; align-items: center; } .userPage__menuBtn span::before { content: ''; width: 23px; height: auto; aspect-ratio: 1; background-image: url(/local/templates/citymall/assets/css/../img/innerPage__asideFilterBtn.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: none; } .userPage__content { } .userPage__block { padding: 75px 65px; background-color: #fff; border-radius: 7px; background-color: #f6f6f6; position: relative; z-index: 1; } .userPage__block::before { content: ''; width: 180px; height: auto; aspect-ratio: 2.104762; position: absolute; right: 0; bottom: 0; z-index: -1; background-image: url(/local/templates/citymall/assets/css/../img/userPage__blockDec1.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .userPage__block.theme-2::before { display: none; } .userPage__block.theme-3::before { width: 215px; aspect-ratio: 1.378205; background-image: url(/local/templates/citymall/assets/css/../img/userPage__blockDec2.png); } .userPage__block.theme-3::after { content: ''; width: 152px; height: auto; aspect-ratio: 0.808511; position: absolute; left: 0; top: 0; z-index: -1; background-image: url(/local/templates/citymall/assets/css/../img/userPage__blockDec3.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .userPage__form { padding: 75px 65px; background-color: #fff; border-radius: 7px; background-color: #f6f6f6; position: relative; z-index: 1; } .userPage__form::before { content: ''; width: 300px; height: auto; aspect-ratio: 2.973684; position: absolute; right: 0; bottom: 0; z-index: -1; background-image: url(/local/templates/citymall/assets/css/../img/userPage__formDec1.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .userPage__form.theme-2::before { display: none; } .userPage__form.theme-3::before { width: 250px; height: auto; aspect-ratio: 2; background-image: url(/local/templates/citymall/assets/css/../img/userPage__formDec2.png); } .userPage__form.theme-4::before { width: 370px; height: auto; aspect-ratio: 1.681818; background-image: url(/local/templates/citymall/assets/css/../img/userPage__formDec3.png); } .userPage__form.theme-5::before { width: 215px; height: auto; aspect-ratio: 1.378205; background-image: url(/local/templates/citymall/assets/css/../img/userPage__formDec4.png); } .userPage__formTitle { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 35px; text-transform: uppercase; } .userPage__formBlock:not(:last-child) { margin-bottom: 30px; } .userPage__formBlock.notActive { display: none; } .userPage__formGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 30px; } .userPage__formGrid .userPage__formBlock { margin-bottom: 0; } .userPage__formSelect { width: 100%; } .userPage__formFiles { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; } .userPage__formFiles .parkingPage__formLoadTitle { font-weight: 500; } .userPage__form .form__group { margin-bottom: 30px; } .userPage__form input { min-height: 52px; } .userPage__form .jq-selectbox__select { height: 52px; } .userPage__form .jq-selectbox__select-text { font-size: 20px; } .userPage__formList { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .userPage__formList:not(:last-child) { margin-bottom: 30px; } .userPage__formList .form__group { margin-bottom: 0; } .userPage__formBlock .form__group:last-child { margin-bottom: 0; } .userPage__formBlockGrid { display: grid; grid-template-columns: 350px 1fr; align-items: center; gap: 60px } .userPage__formBlockGrid .userPage__formList { margin-bottom: 0; } .userPage__formFooter { margin-top: 40px; display: flex; align-items: center; gap: 40px; } .userPage__formFooter .polit-checkbox { max-width: 400px; } .userPage__bid { } .userPage__bidHeader { display: grid; grid-template-columns: 320px 95px 160px 1fr; gap: 40px; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 30px; } .userPage__bidHeaderItem { font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #000; } .userPage__bidContent { height: 400px; overflow-y: auto; } .userPage__bidContent::-webkit-scrollbar { width: 9px; } .userPage__bidContent::-webkit-scrollbar-thumb { background-color: #9b9b9b; border-radius: 20px; } .userPage__bidContent::-webkit-scrollbar-track { border-radius: 20px; background: #e8e8e8; } .userPage__bidContentItem { display: grid; grid-template-columns: 320px 95px 160px 1fr; gap: 40px; } .userPage__bidContentItem:not(:last-child) { margin-bottom: 30px; } .userPage__bidContentItemText { font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; color: #000; } .userPage__bidContentItemDate { font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: normal; color: #797979; } .userPage__bidContentItemStatus { font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: normal; color: #797979; } .userPage__bidContentItemStatus.green { color: #2a8a3b; } .userPage__bidContentItemStatus.red { color: #d60300; } .userPage__bidContentItemContent a { font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: normal; color: #4a74b2; border-bottom: 1px solid #4a74b2; } .userPage__bidContentItemContent a:hover { text-decoration: none; border-bottom-color: transparent; } .userPage__message { } .userPage__messageDate { font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.32; letter-spacing: normal; color: #000; margin-bottom: 20px; } .userPage__messageText { font-family: var(--subfont); font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #797979; } .userPage__messageText p { margin-bottom: 10px; } .userPage__messageText p:last-child { margin-bottom: 0; } .userPage__messageClose { position: absolute; right: 20px; top: 20px; background-color: #fff; width: 56px; height: auto; aspect-ratio: 1; border-radius: 50%; border: none; background-image: url(/local/templates/citymall/assets/css/../img/userPage__messageClose.png); background-repeat: no-repeat; background-position: center; transition: .25s all ease-in-out; display: none; } .onlyMessageClose { display: block } .userPage__messageClose:hover { background-image: url(/local/templates/citymall/assets/css/../img/userPage__messageCloseHover.png); } .userPage__success { display: flex; flex-direction: column; align-items: center; gap: 35px } .userPage__successImg { } .userPage__successImg img { display: block; user-select: none; pointer-events: none; max-width: 100%; } .userPage__successTitle { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase; max-width: 450px; } @media (max-width: 1500px) { .userPage__container { gap: 40px; grid-template-columns: 310px 1fr; } .userPage__formTitle { font-size: 30px; } .userPage__formGrid { gap: 30px; } .userPage__form { padding: 70px 40px; } .userPage__block { padding: 70px 40px; } .userPage__form::before { width: 260px; } .userPage__form.theme-3::before { width: 180px; } .userPage__form.theme-4::before { width: 290px; } .userPage__form.theme-5::before { width: 145px; } .userPage__bidContentItemText { font-size: 18px; } .userPage__bidContentItem, .userPage__bidHeader { gap: 20px; } .userPage__block::before { width: 150px; } .userPage__successTitle { font-size: 32px; } } @media (max-width: 1260px) { .userPage__menu li a { padding: 11px 20px; } .userPage__formTitle { font-size: 26px; } .userPage__formGrid { grid-template-columns: 1fr; gap: 0; } .userPage__form::before { width: 220px; } .userPage__form.theme-4::before { width: 220px; } .userPage__formBlockGrid { gap: 30px; grid-template-columns: 1fr; } .userPage__formGrid .userPage__formBlock:not(:last-child) { margin-bottom: 30px; } .userPage__bidHeaderItem { font-size: 18px; } .userPage__bidContentItemText, .userPage__bidContentItemDate, .userPage__bidContentItemStatus, .userPage__bidContentItemContent a { font-size: 15px; } .userPage__bidContentItem, .userPage__bidHeader { grid-template-columns: 180px 70px 130px 1fr; gap: 15px; } .userPage__bidContentItem:not(:last-child) { margin-bottom: 20px; } .userPage__bidContent { height: 330px; } .userPage__bidHeaderItem { font-size: 16px; } .userPage__bidHeader { margin-bottom: 20px; } .userPage__messageClose { width: 46px; background-size: 12px; right: 12px; top: 12px; } .userPage__block.theme-3::before { width: 145px; } .userPage__block.theme-3::after { width: 120px; } } @media (max-width: 991px) { .userPage__header { flex-direction: column; gap: 10px; } .userPage__header { margin-bottom: 45px; } .userPage__container { grid-template-columns: 1fr; } .userPage__menuBtn { display: flex; } .userPage__menuBtn { display: flex; min-height: 60px; margin: 0 20px; padding: 0 10px; margin-bottom: 10px; width: auto; } .userPage__menuBtn span { text-transform: unset; } .userPage__menu { display: none; } .userPage__form.theme-5::before { width: 130px; } .userPage__bidContentItem, .userPage__bidHeader { grid-template-columns: 290px 70px 130px 1fr; } .userPage__messageClose { display: block } } @media (max-width: 767px) { .userPage__formFooter { flex-direction: column; gap: 25px; } .userPage__formFooter .polit-checkbox { max-width: 390px; } .userPage__form { padding: 60px 40px; } .userPage__block { padding: 60px 40px; } .userPage__formTitle { font-size: 24px; } .userPage__form::before { width: 180px; } .userPage__form.theme-3::before { width: 140px; } .userPage__form.theme-4::before { width: 160px; } .userPage__bidHeader { display: none; } .userPage__bidContentItem { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } .userPage__bidContentItem:last-child { border-bottom: none; } .userPage__bidContent { display: grid; grid-template-columns: 1fr; gap: 30px; padding-right: 20px; } .userPage__bidContentItem:not(:last-child) { margin-bottom: 0; } .userPage__bidContentItemText, .userPage__bidContentItemDate, .userPage__bidContentItemStatus, .userPage__bidContentItemContent a { font-size: 16px; } .userPage__bidContentItemText { font-size: 18px; grid-column: -1/1; } .userPage__bidContentItemContent { display: flex; align-items: center; justify-content: flex-end; } .userPage__block::before { width: 100px; } .userPage__bidContent { height: auto; } .userPage__messageClose { width: 40px; background-size: 10px; right: 10px; top: 10px; } .userPage__messageDate { font-size: 17px; margin-bottom: 15px; } .userPage__messageText { font-size: 18px; } .userPage__successTitle { font-size: 26px; } .userPage__successImg img { max-width: 200px; } .userPage__success { gap: 25px; } .userPage__block.theme-3::before { width: 110px; } .userPage__block.theme-3::after { width: 100px; } } @media (max-width: 575px) { .userPage__menu li a { padding: 10px 20px; } .userPage__form { padding: 60px 20px; } .userPage__block { padding: 60px 20px; } .userPage__formList { grid-template-columns: 1fr; } .userPage__formTitle { font-size: 22px; } .userPage__form::before { width: 140px; } .userPage__form.theme-3::before { width: 120px; } .userPage__form.theme-5::before { width: 90px; } .userPage__form .jq-selectbox__select-text { font-size: 18px; } .userPage__bidContentItem { grid-template-columns: 1fr 1fr; } .userPage__bidContentItemContent { grid-column: -1/1; justify-content: flex-start; } .userPage__successTitle { font-size: 24px; } .userPage__successImg img { max-width: 180px; } .userPage__block.theme-3::before { width: 80px; } .userPage__block.theme-3::after { width: 80px; } } @media (max-width: 380px) { .userPage__bidContentItem { grid-template-columns: 1fr; } .userPage__successImg img { max-width: 160px; } .userPage__successTitle { font-size: 21px; } } /* userPage */ /* articlePage */ .articlePage__container { display: grid; grid-template-columns: 1fr 340px; align-items: flex-start; gap: 80px; position: relative; } .articlePage__content { } .articlePage__content .innerPage__title { margin-bottom: 40px; } .articlePage__text { font-family: var(--subfont); font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.64; letter-spacing: normal; text-align: left; color: #4c4c4c; } .articlePage__text >*:first-child { margin-top: 0!important; } .articlePage__text >*:last-child { margin-bottom: 0!important; } .articlePage__text h2 { font-family: var(--userfont); font-size: 45px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; margin-top: 40px; margin-bottom: 20px; } .articlePage__text h3 { font-family: var(--userfont); font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; margin-top: 40px; margin-bottom: 20px; } .articlePage__text a { color: var(--accent); border-bottom: 1px solid var(--accent); } .articlePage__text a:hover { color: var(--accent); border-bottom-color: transparent; } .articlePage__text ul { margin: 30px 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 15px; } .articlePage__text ul li { list-style: none; position: relative; line-height: 1.3; padding-left: 35px; } .articlePage__text ul li::before { content: ''; width: 17px; height: auto; aspect-ratio: 1; flex: none; background-image: url(/local/templates/citymall/assets/css/../img/articlePage__li.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 0; top: 6px; } .articlePage__text img { display: block; width: 100%; margin: 45px 0; user-select: none; } .articlePage__aside { padding: 40px 40px 50px; border-radius: 2px; background-color: #f8f8f8; position: sticky; top: 120px; } .articlePage__asideTitle { font-size: 33px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: left; color: #000; margin-bottom: 24px; text-transform: uppercase; } .articlePage__asideList { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; } .articlePage__asideList a { display: block; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.41; letter-spacing: normal; text-align: left; color: #686868; } .articlePage__asideList a:hover { text-decoration: none; color: #000; text-shadow: 0 0 .5px #000; } .articlePage__asideFooter { display: flex; align-items: center; justify-content: center; margin-top: 30px; } .articlePage__asideMore { min-height: 62px; } .articlePage__asideMore span { font-size: 18px; } .articlePage__social { display: flex; align-items: center; gap: 18px; margin-top: 55px; padding-top: 35px; border-top: 1px solid #d9d9d9; } .articlePage__socialTitle { font-family: var(--subfont); font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #4c4c4c; } .articlePage__socialList { display: flex; align-items: center; gap: 6px 12px; } .articlePage__socialList a { width: 50px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: #1c1c1c; display: flex; align-items: center; justify-content: center; position: relative; } .articlePage__socialList a::before { content: ''; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(241, 88, 43, 1) 0%, rgba(192, 32, 47, 1) 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: .25s all ease-in-out; border-radius: 50%; } .articlePage__socialList a img { max-width: 100%; max-height: 100%; user-select: none; position: relative; z-index: 2; } .articlePage__socialList a:hover { background-color: transparent; } .articlePage__socialList a:hover::before { opacity: 1; } @media (max-width: 1500px) { .articlePage__container { gap: 40px; } .articlePage__aside { padding: 30px 30px 40px; } .articlePage__container { grid-template-columns: 1fr 300px; } .articlePage__text h2 { font-size: 40px; } .articlePage__text h3 { font-size: 32px; } .articlePage__text { font-size: 21px; } .articlePage__socialTitle { font-size: 22px; } .articlePage__text ul li::before { top: 5px; } } @media (max-width: 1260px) { .articlePage__text h2 { font-size: 36px; } .articlePage__text h3 { font-size: 30px; } .articlePage__text { line-height: 1.55; } } @media (max-width: 991px) { .articlePage__container { grid-template-columns: 100%; gap: 60px; } .articlePage__asideTitle { font-size: 28px; } .articlePage__text h2 { font-size: 30px; } .articlePage__text { font-size: 20px; } .articlePage__text h3 { font-size: 28px; } .articlePage__socialTitle { font-size: 20px; } .articlePage__text ul li::before { top: 4px; } } @media (max-width: 767px) { .articlePage__text ul li { padding-left: 30px; } } @media (max-width: 575px) { .articlePage__text h2 { font-size: 28px; } .articlePage__text h3 { font-size: 26px; } } @media (max-width: 380px) { } /* articlePage */ /* legal */ .legalList { display: flex; flex-direction: column; gap: 20px; } .legalItem { font-size: 20px; line-height: 1.2; display: block; color: #000; } .legalItem:hover { color: var(--accent); } .legalDetail { } @media (max-width: 1260px) { .legalItem { font-size: 18px; } } @media (max-width: 767px) { .legalItem { font-size: 16px; } } /* legal */ /* searchPage */ .searchPage { max-width: 1075px; } .searchPage__form { max-width: 440px; display: flex; position: relative; margin-bottom: 0; } .searchPage__form input { font-family: var(--subfont); width: 100%; height: 64px; font-size: 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 32px; transition: .25s all ease-in-out; padding: 0 20px; } .searchPage__form button { border: none; width: 62px; height: auto; aspect-ratio: 1; border-radius: 50%; background-color: #fff; flex: none; padding: 0; background-image: url(/local/templates/citymall/assets/css/../img/icon-search.png); background-repeat: no-repeat; background-position: 51% center; position: absolute; right: 1px; top: 1px; z-index: 6; transition: .25s all ease-in-out; } .searchPage__form button:hover { opacity: .9; } .searchPage__empty { } .searchPage__count { margin-top: 30px; font-size: 26px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; border-bottom: 1px solid #d1d1d1; padding-bottom: 30px; } .searchPage__count b { font-weight: 500; } .searchPage__list { display: flex; flex-direction: column; gap: 25px; margin-top: 30px; } .searchPage__item { display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #d1d1d1; padding-bottom: 25px; } .searchPage__itemTitle { font-size: 32px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000; transition: .25s all ease-in-out; } .searchPage__item:hover { text-decoration: none; } .searchPage__item:hover .searchPage__itemTitle{ color: var(--accent); } .searchPage__itemText { margin-top: 16px; font-family: var(--subfont); font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #888; } .searchPage__pager { } .searchPage__footer { margin-top: 40px; } @media (max-width: 767px) { .searchPage__itemTitle { font-size: 22px; } .searchPage__itemText { font-size: 18px; margin-top: 12px; } .searchPage__count { font-size: 22px; } } /* searchPage */ /* userPageForm */ .userPageForm { } .userPageForm__wrapper { background-color: #f6f6f6; border-radius: 7px; padding: 90px 0; max-width: 700px; margin: 0 auto; } .userPageForm__wrapper form { max-width: 390px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .userPageForm__wrapper form .form__group { width: 100%; } .userPageForm__title { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 30px; } .lk-submit { margin-top: 15px; } .lk-errors { text-align: center; margin-bottom: 20px; font-weight: 400; color: red; } .lk-error { display: none; } .lk-field.has-error .lk-error { display: block; } @media (max-width: 767px) { .userPageForm__wrapper { padding: 60px 0; } } @media (max-width: 575px) { .userPageForm__wrapper { padding: 50px 20px; } .userPageForm__title { font-size: 28px; } .userPageForm__title { margin-bottom: 20px; } } /* userPageForm */ /* form popup */ .white-popup { position: relative; padding: 80px 90px 100px; width: auto; max-width: 700px; margin: 20px auto; border-radius: 7px; background-color: #f6f6f6; } .form { } .form::before { content: ''; width: 215px; height: auto; aspect-ratio: 1.378205; background-image: url(/local/templates/citymall/assets/css/../img/form__dec.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: 0; bottom: 0; } .form .mfp-close { font-size: 0; width: 56px; height: auto; aspect-ratio: 1; right: 14px; top: 14px; opacity: 1; background-color: #fff; border-radius: 50%; } .form .mfp-close:hover { opacity: 1; } .form .mfp-close:hover:before, .form .mfp-close:hover:after { background-color: #e95433; } .form .mfp-close:before, .form .mfp-close:after { content: ''; width: 40%; height: 2px; background-color: #9b9b9b; position: absolute; left: 50%; top: 50%; border-radius: 4px; transition: .25s all ease-in-out; } .form .mfp-close:before { transform: translate(-50%, -50%) rotate(45deg); } .form .mfp-close:after { transform: translate(-50%, -50%) rotate(-45deg); } .form__title { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 10px; text-transform: uppercase; } .form__text { font-family: var(--subfont); font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: center; color: #000; } .form form { margin-top: 40px; } .form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; } .form__grid .form__group { margin: 0; } .form__btn { margin: 0 auto; display: block; } .form .polit-checkbox { max-width: 390px; margin: 25px auto 0; } .form .parkingPage__formLoad .parkingPage__formLoadTitle { font-weight: 500; } .form .parkingPage__formLoad { margin: 40px 0; } .success { } .success__block { display: flex; flex-direction: column; align-items: center; } .success__img { margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } .success__img img { max-width: 100%; height: auto; user-select: none; pointer-events: none; } .success__title { font-size: 35px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase; } .success__btn { margin-top: 30px; } @media (max-width: 767px) { .white-popup { padding: 80px 40px 80px; } .form__title { font-size: 28px; } .form__text { font-size: 24px; } .form .mfp-close { width: 46px; } .form::before { width: 150px; } .success__title { font-size: 28px; } .success__img { max-width: 200px; } } @media (max-width: 575px) { .form__grid { grid-template-columns: 1fr; } .white-popup { padding: 80px 20px; } .form__title { font-size: 24px; } .form__text { font-size: 21px; } .form form { margin-top: 30px; } .form::before { width: 130px; } .form .polit-checkbox { max-width: 280px; } .success__title { font-size: 22px; } .success__img { max-width: 160px; margin-bottom: 20px; } .success__btn { padding: 0 25px; } } /* form popup */ /* Magnific popup */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-slide-bottom { opacity: 0; opacity--webkit-transition: opacity 0.3s ease-out; opacity--moz-transition: opacity 0.3s ease-out; opacity--o-transition: opacity 0.3s ease-out; opacity-transition: opacity 0.3s ease-out; } .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* Magnific popup */ .mapModal__btn { margin-top: 30px; min-height: 60px; padding: 0 30px; } .mapModal__btn span { font-size: 16px; gap: 10px; } .mapModal__btn span::after { width: 12px; margin-top: -1px; } /* ===== Request View ===== */ .requestView__header { margin-bottom: 30px; } .requestView__title { font-size: 22px; font-weight: 600; margin-bottom: 10px; } .requestView__meta { display: flex; align-items: center; gap: 20px; font-size: 16px; color: #666; } .requestView__status { padding: 4px 12px; border-radius: 20px; font-weight: 500; font-size: 14px; background: #f0f0f0; } .requestView__status.green { background: #e6f6ec; color: #1a7f37; } .requestView__status.red { background: #fdeaea; color: #b42318; } .requestView__content { } .requestView__row { display: grid; grid-template-columns: 260px 1fr; gap: 20px; padding: 12px 0; border-bottom: 1px solid #eee; } .requestView__row:last-child { border-bottom: none; } .requestView__label { font-size: 16px; color: #777; } .requestView__value { font-size: 16px; color: #222; line-height: 1.5; } .requestView__value a { color: #d60300; text-decoration: none; } .requestView__value a:hover { opacity: .8; } .userPage__actions { margin-top: 30px; } .userPage__actions .btn { padding: 10px 18px; } .userPage__menuBadge { display: inline-block; margin-left: 8px; padding: 2px 7px; font-size: 12px; line-height: 1; border-radius: 12px; background: #d32f2f; color: #fff; font-weight: 600; } /* cookie-notice */ #cookie-notice { position: fixed; bottom: 20px; left: 20px; right: 20px; max-width: 940px; margin: auto; background-color: #fff; color: #000; padding: 24px 40px; border-radius: 8px; box-shadow: 0px 10px 10px 4px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center; font-size: 14px; z-index: 99999; opacity: 0; gap: 20px; transform: translateY(100%); transition: opacity 0.3s ease, transform 0.3s ease; } #cookie-notice.show { opacity: 1; transform: translateY(0); } #cookie-notice a { text-decoration: none; color: inherit; border-bottom: 1px solid #000; transition: .25s all ease-in-out; } #cookie-notice a:hover { color: inherit; border-bottom-color: transparent; } #cookie-notice button { flex: none; min-height: 60px; } #cookie-notice button span { font-size: 17px; } @media (max-width: 575px) { #cookie-notice { flex-direction: column; align-items: flex-start; padding: 20px; gap: 15px; } #cookie-notice button { width: 100%; min-height: 54px; } } /* cookie-notice */ /* formPage */ .formPage { max-width: 700px; padding: 80px 90px 100px; max-width: 700px; margin: 20px auto; border-radius: 7px; background-color: #f6f6f6; position: relative; } @media (max-width: 767px) { .formPage { padding: 80px 40px 80px; } } @media (max-width: 575px) { .formPage { padding: 80px 20px; } } /* formPage */ /* End */ /* /local/templates/citymall/assets/libs/bootstrap/css/bootstrap-reboot.min.css?17628503906098 */ /* /local/templates/citymall/assets/libs/slick/slick.css?17628503901776 */ /* /local/templates/citymall/assets/libs/slick/slick-theme.css?17628503903145 */ /* /local/templates/citymall/assets/libs/swiper/swiper-bundle.min.css?176285039018432 */ /* /local/templates/citymall/assets/libs/magnific-popup/magnific-popup.css?17628503906951 */ /* /local/templates/citymall/assets/libs/aos/aos.css?176285039028763 */ /* /local/templates/citymall/assets/libs/formstyler/formstyler.css?17628503902175 */ /* /local/templates/citymall/assets/css/custom.css?176587060116459 */ /* /local/templates/citymall/assets/css/main.css?1771229720254702 */