/* Start:/bitrix/templates/gorizont/assets/fonts/monserrat/stylesheet.css?17202993168483*/ @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLight.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLight.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-MediumItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-MediumItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Italic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Italic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Regular.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Regular.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ThinItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ThinItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Bold.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Bold.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Light.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Light.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Black.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Black.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Medium.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Medium.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLightItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BlackItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BlackItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBoldItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBold.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBold.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BoldItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BoldItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-LightItalic.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-LightItalic.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBold.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBold.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Thin.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Thin.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/monserrat/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } /* End */ /* Start:/bitrix/templates/gorizont/assets/fonts/prosto_one/stylesheet.css?1720299316483*/ @font-face { font-family: 'Prosto One'; src: url('/bitrix/templates/gorizont/assets/fonts/prosto_one/ProstoOne-Regular.eot'); src: url('/bitrix/templates/gorizont/assets/fonts/prosto_one/ProstoOne-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/fonts/prosto_one/ProstoOne-Regular.woff2') format('woff2'), url('/bitrix/templates/gorizont/assets/fonts/prosto_one/ProstoOne-Regular.woff') format('woff'), url('/bitrix/templates/gorizont/assets/fonts/prosto_one/ProstoOne-Regular.ttf') format('truetype'), url('/bitrix/templates/gorizont/assets/fonts/prosto_one/ProstoOne-Regular.svg#ProstoOne-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/gorizont/assets/lib/font-icon/css/font-icon.css?17202993161042*/ /* Generated by Glyphter (http://www.glyphter.com) on Wed Apr 13 2022*/ @font-face { font-family: 'Glyphter'; src: url('/bitrix/templates/gorizont/assets/lib/font-icon/css/../fonts/Glyphter.eot'); src: url('/bitrix/templates/gorizont/assets/lib/font-icon/css/../fonts/Glyphter.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gorizont/assets/lib/font-icon/css/../fonts/Glyphter.woff') format('woff'), url('/bitrix/templates/gorizont/assets/lib/font-icon/css/../fonts/Glyphter.ttf') format('truetype'), url('/bitrix/templates/gorizont/assets/lib/font-icon/css/../fonts/Glyphter.svg#Glyphter') format('svg'); font-weight: normal; font-style: normal; } [class*='icon-']:before{ display: inline-block; font-family: 'Glyphter'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-fb:before{content:'\0041';} .icon-arrow-drop:before{content:'\0042';} .icon-vk:before{content:'\0044';} .icon-youtube:before{content:'\0045';} .icon-room:before{content:'\0046';} .icon-video:before{content:'\0047';} .icon-space:before{content:'\0048';} .icon-tlg:before{content:'\0049';} .icon-ins:before{content:'\004a';} /* End */ /* Start:/bitrix/templates/gorizont/assets/lib/swiper/swiper-bundle.min.css?172029931616479*/ /** * Swiper 8.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 13, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.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: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,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-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 .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/gorizont/assets/css/style.css?172029931684354*/ @import url(/bitrix/templates/gorizont/assets/css/../fonts/monserrat/stylesheet.css); @import url(/bitrix/templates/gorizont/assets/css/../fonts/prosto_one/stylesheet.css); @import url(/bitrix/templates/gorizont/assets/css/../lib/font-icon/css/font-icon.css); /* ANCHOR Variables */ :root { --ff-m: 'Montserrat', sans-serif; --ff-p: 'Prosto One', sans-serif; --color-1: #333333; --color-2: #6FD50A; --color-3: #1788E0; --color-4: #67748B; --color-5: #EEF3FC; --color-6: #FFFFFF; --color-7: #C8D8E4; --fs-1: 14px; --fs-2: 15px; --box-shadow-1: 10px 14px 84px rgba(0, 0, 0, 0.25); --border-radius-1: 5px; --letter-spacing-1: 0.05em; --lh-1: 24px; --lh-2: 40px; --lh-3: 62px; --width-2: -webkit-calc( -webkit-calc(100% / 2) - -webkit-calc(1rem * 2) ); --width-2: -moz-calc( -moz-calc(100% / 2) - -moz-calc(0.63rem * 2) ); --width-2: calc( calc(100% / 2) - calc(0.63rem * 2) ); --width-3: -webkit-calc(-webkit-calc(100% / 3) - -webkit-calc(0.63rem * 2)); --width-3: -moz-calc(-moz-calc(100% / 3) - -moz-calc(0.63rem * 2)); --width-3: calc(calc(100% / 3) - calc(0.63rem * 2)); --width-4: -webkit-calc(-webkit-calc(100% / 4) - -webkit-calc(0.63rem * 2)); --width-4: -moz-calc(-moz-calc(100% / 4) - -moz-calc(0.63rem * 2)); --width-4: calc(calc(100% / 4) - calc(0.63rem * 2)); --speed-slide: 2s; } /* ANCHOR Specification */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--ff-m); font-size: var(--fs-1); color: var(--color-1); } address { font-style: normal; } ul, ol { list-style: none; } a { text-decoration: none; color: var(--color-1); } h1, h2, h3, h4, h5, h6 { font-family: var(--ff-p); font-weight: normal; font-style: normal; } h1 { font-size: 50px; } h2 { font-size: 40px; } h3 { font-size: 30px; } h4 { font-size: 22px; } .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--ff-p); font-weight: normal; font-style: normal; } .h1 { font-size: 50px; } .h2 { font-size: 40px; } .h3 { font-size: 30px; } .h4 { font-size: 22px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; } select, textarea, input[type="text"], input[type="button"], input[type="submit"], input { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; } main { flex-grow: 1; } /*ANCHOR Flexbox элементы и контейнер */ .dFlex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .aic { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .aifs { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .aife { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ais { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .jcsb { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .jcsa { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .jcc { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fdc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fdr { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .fww { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* ANCHOR -- ELEMENTS STYLE */ /* ANCHOR ---- (repeat elements) */ .container { max-width: 1640px; width: 100%; margin: 0 auto; padding: 0 15px; } .mainWrapper { max-width: 1728px; width: 100%; margin: 0 auto; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header,footer,main { border-left: 1px solid var(--color-7); border-right: 1px solid var(--color-7); } .tac { text-align: center; } .mAuto { margin: 0 auto; } .pos-r { position: relative; } .pos-a { position: absolute; } .sectionTitle { text-align: center; margin-bottom: 40px; } /* .innerPage { padding-top: 85px; } */ .offerPosition .name { font-size: 20px; font-weight: 500; margin-bottom: 7px; } .offerPosition .position { font-size: 17px; font-weight: 500; color: var(--color-4); } .bgTitle .span { padding-right: 15px; display: inline; background-color: rgba(255, 255, 255, 0.7); -webkit-box-shadow: -15px 0 0 rgb(255 255 255 / 70%), 25px 0 0 rgb(255 255 255 / 70%); -moz-box-shadow: -15px 0 0 rgb(255 255 255 / 70%), 25px 0 0 rgb(255 255 255 / 70%); box-shadow: -15px 0 0 rgb(255 255 255 / 70%), 25px 0 0 rgb(255 255 255 / 70%); } .changeCity { display: none; position: absolute; top: 115%; z-index: 999; padding: 20px 30px 20px 20px; width: 370px; right: -40%; background: var(--color-6); line-height: var(--lh-1); /*FIXME Добавил тень для выбора города*/ -webkit-box-shadow: 2px 2px 13px rgb(0 0 0 / 10%); -moz-box-shadow: 2px 2px 13px rgb(0 0 0 / 10%); box-shadow: 2px 2px 13px rgb(0 0 0 / 10%); } .cityButtons .cityBtn:not(:last-child) { margin-right: 10px; } .changeCity.active { display: block; } .cityButtons { margin-top: 15px; } .changeCity p span { font-weight: 700; } .cityBtn.link { color: var(--color-3); } .place { font-size: 17px; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .place img { margin-right: 12px; } .link:hover { background: -webkit-linear-gradient(345.47deg, #E1EAFB -0.68%, rgba(225, 234, 251, 0.586116) 40.99%, rgba(225, 234, 251, 0) 100%); background: -moz-linear-gradient(345.47deg, #E1EAFB -0.68%, rgba(225, 234, 251, 0.586116) 40.99%, rgba(225, 234, 251, 0) 100%); background: -o-linear-gradient(345.47deg, #E1EAFB -0.68%, rgba(225, 234, 251, 0.586116) 40.99%, rgba(225, 234, 251, 0) 100%); background: linear-gradient(104.53deg, #E1EAFB -0.68%, rgba(225, 234, 251, 0.586116) 40.99%, rgba(225, 234, 251, 0) 100%); } .dropmenu .arrow { margin: 0 15px; display: none; position: absolute; top: 13px; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .dropmenu .arrow img { width: 10px; } /* ANCHOR -- \\INNER PAGE// */ .t404 { text-align: center; } .i404 { color: #008dd2; font-size: 14vw; } .t404 a { color: #008dd2; } .t404 a.btn { border: 2px solid #008dd2; text-transform: uppercase; color: #fff; background: #008dd2; font-weight: 700; margin-bottom: 10px; } .page404 .row { display: flex; align-items: center; width: 100%; justify-content: space-around; } .innerSection { padding: 23px 0 60px; } .innerTitle { max-width: 1110px; } .innerDesc { max-width: 975px; font-weight: 500; font-size: 17px; line-height: 24px; margin-bottom: 40px; } .innerSection .title { margin-bottom: 40px; margin-bottom: 22px; } .innerSection .cardsWrapper { margin-bottom: 50px; } .innerContent { font-weight: 500; font-size: 17px; line-height: 24px; } .innerContent img { float: right; margin: 20px; } .innerContent .innerGallery img { margin: 0; } .innerContent p, .innerContent h1, .innerContent h2, .innerContent h3, .innerContent h4, .innerContent h5, .innerContent h6 { max-width: 780px; } .innerContent .h1, .innerContent .h2, .innerContent .h3, .innerContent .h4, .innerContent .h5, .innerContent .h6 { max-width: 780px; } .innerContent p { margin-top: 22px; } .innerContent h1, .innerContent h2, .innerContent h3, .innerContent h4, .innerContent h5, .innerContent h6 { margin: 40px 0 30px; } .innerContent .h1, .innerContent .h2, .innerContent .h3, .innerContent .h4, .innerContent .h5, .innerContent .h6 { margin: 40px 0 30px; } .innerContent ul { max-width: 750px; list-style-type: '- '; padding-left: 12px; } .innerContent ol { max-width: 850px; counter-reset: my-counter; padding-left: 5px; } .innerContent ol li::before { content: counter(my-counter); counter-increment: my-counter; } .innerContent ol li:not(:last-child) { margin-bottom: 15px; } .innerGallery { margin: 0 -10px; } .innerGallery a { position: relative; margin: 0 10px 20px; width: 23%; background: var(--color-5); } .sectionMap { padding-top: 60px; } .sliderWithFraction .swiper-slide, .sliderReview .swiper-slide { height: auto; } .sliderReview .swiper-wrapper { display: flex; } /* ANCHOR ---- (breadcrumbs) */ .breadcrumbs { font-weight: 500; font-size: 17px; /*padding-top: 110px;*/ margin-bottom: 20px; } .breadcrumbs ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs li { position: relative; } .breadcrumbs li:not(:last-child):after { content: '-'; margin: 0 10px; } /* ANCHOR ---- (buttons) */ .btn { font-family: var(--ff-m); cursor: pointer; background: transparent; border: 0; display: inline-block; padding: 20px; } .btn.bgGreen { font-size: var(--fs-2); color: var(--color-6); text-transform: uppercase; font-weight: 700; } .mainOffer .btnWhite:hover, .btn.bgGreen:hover { color: var(--color-6); background: -webkit-linear-gradient(356.3deg, #6FD50A 0%, #90F52C 100%); background: -moz-linear-gradient(356.3deg, #6FD50A 0%, #90F52C 100%); background: -o-linear-gradient(356.3deg, #6FD50A 0%, #90F52C 100%); background: linear-gradient(93.7deg, #6FD50A 0%, #90F52C 100%); } #rouletteBtn { animation: shadow 1.5s infinite ease-in-out; } @keyframes shadow { from {box-shadow: none;} 50% {box-shadow: -8px 0px 18px 0px rgb(120 214 43);} to {box-shadow: none;} } .btnWhite { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); } .btnLight { color: var(--color-3); text-transform: uppercase; border: 1px solid var(--color-3); font-weight: 700; padding: 12px 24px; letter-spacing: var(--letter-spacing-1); font-size: var(--fs-2); } .btnMinor { border: 1px solid #C8D8E4; } .btnMinor:hover { border: 1px solid var(--color-3); } .crossedOut { position: relative; margin: 0 10px; } .crossedOut::after { position: absolute; content: ''; display: block; width: 100%; height: 1px; background: #FC0000; position: absolute; top: 50%; } /* ANCHOR ---- (backgrounds) */ .mobileElement { display: none; } .bgSection { background: var(--color-5); } .bgGreen { background: var(--color-2); } .bgWhite { background: var(--color-5); } /* ANCHOR ---- (image) */ .img { overflow: hidden; display: block; } .img img { display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .scale { overflow: hidden; } .effect { position: relative; } .effect:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(49.83%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 49.83%); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 49.83%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 49.83%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 49.83%) } .scale img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .scale:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .aboutBody a[data-fslightbox="gallery"] { max-width: 520px; width: 100%; } .aboutBody a[data-fslightbox="gallery"] img { width: 100%; } .rhomb { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; width: 85px; height: 85px; margin-left: 20px; margin-right: 33px; } .rhomb img { width: 100%; height: 100%; -webkit-transform: rotate(-45deg) scale(1.4); -moz-transform: rotate(-45deg) scale(1.4); -ms-transform: rotate(-45deg) scale(1.4); -o-transform: rotate(-45deg) scale(1.4); transform: rotate(-45deg) scale(1.4); } /* ANCHOR ---- (files) */ .filesWap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .file { margin-top: 20px; } .innerContent .file { line-height: normal; margin-right: 55px; } .file .img { margin-right: 10px; } .file .img img { margin: 0; } .file a { color: var(--color-3); font-size: 13px; font-weight: 500; margin-bottom: 5px; } .file span { color: var(--color-4); font-size: 12px; font-weight: 400; } /* ANCHOR ---- (popups) */ .popup { display: none; } .popup.active { display: block; } .popupOverlay { position: fixed; top: 0; left: 0; opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.8); z-index: 999; width: 100%; height: 100%; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); } .popupWindow { overflow: auto; padding: 40px; position: fixed; top: 50%; left: 50%; opacity: 1; visibility: visible; width: 100%; max-height: 90%; height: auto; max-width: 500px; background: #fff; z-index: 9999; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 20px 20px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 20px 20px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 20px 20px rgba(0, 0, 0, 0.08); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ppc-big-pop-up .popupWindow { max-width: 750px; } .popupMap .popupWindow { height: auto; } .popupMap .popupWindow img { width: 100%; } .popupWindow .author { font-size: 17px; display: block; margin: 5px 0 13px; } .popupForm input { margin-top: 10px; } .popupForm label { margin-bottom: 18px; display: block; } .popupForm { max-width: 460px; } .popupForm .title { font-weight: 400; font-size: 18px; margin-bottom: 24px; } .vacancyPopup .popupWindow .salary { margin-bottom: 25px; } .vacancyPopup .popupWindow { font-weight: 500; font-size: 13px; } .vacancyPopup .popupBody h4, .vacancyPopup .popupBody .h4 { margin-bottom: 25px; } .vacancyPopup .popupBody p { margin-bottom: 16px; } .vacancyPopup .popupBody ul { list-style: none; padding-left: 0; line-height: 20px; margin-bottom: 17px; } .vacancyPopup .popupBody li { position: relative; padding-left: 18px; } .vacancyPopup .popupBody li:not(:last-child) { margin-bottom: 16px; } .vacancyPopup .popupBody li::before { content: ''; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: var(--color-5); display: block; position: absolute; left: 0; top: 6px; } /*SCROLLBAR*/ .popupWindow::-webkit-scrollbar { width: 5px; background-color: #f9f9fd; } .popupWindow::-webkit-scrollbar-thumb { background-color: var(--color-2); } .popupWindow::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); background-color: #f9f9fd; } .popupClose { cursor: pointer; position: fixed; top: 20px; right: 20px; z-index: 99999; background: transparent; width: 44px; height: 44px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: none; border: 1px solid var(--color-6); } .popupClose::before { content: url(/bitrix/templates/gorizont/assets/css/../img/icons/popup-close.svg); } .popupClose img { display: none; } .popupWindow .title { margin-bottom: 16px; } .popupWindow .desc { font-size: 12px; line-height: 24px; margin-bottom: 16px; } /* ANCHOR ---- (forms) */ .formPopup { max-width: 460px; width: 100%; } .formPopup label:not(:last-of-type) { width: 100%; margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .formPopup .name { font-size: 12px; margin-bottom: 7px; } input, textarea, select { font-family: var(--ff-m); width: 100%; background: #FFFFFF; border: 1px solid var(--color-7); font-size: 13px; } input, select { height: 44px; padding-left: 16px; } textarea { min-height: 130px; resize: none; padding: 16px; } input[type="checkbox"] { width: 20px; height: 20px; padding: 0; opacity: 0; margin-right: 18px; z-index: 9; } .labelCheckdox { margin-bottom: 15px; display: flex!important; align-items: center; } .labelCheckdox p::after, .labelCheckdox p::before { width: 20px; height: 20px; border: 1px solid var(--color-7); content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; } .labelCheckdox::after { opacity: 0; z-index: -10; } .labelCheckdox input[type="checkbox"]:checked ~ p::after { background: var(--color-2); opacity: 1; z-index: 1; content: url(/bitrix/templates/gorizont/assets/css/../img/icons/check.svg); } .labelCheckdox a { color: var(--color-3); } /* ANCHOR ---- (addFile) */ .addFile { position: relative; } .addFile .title { border: 1px dashed #C8D8E4; font-weight: 500; font-size: 13px; line-height: 20px; text-align: center; color: #1788E0; padding: 25px 0; margin-top: 10px; cursor: pointer; } .addFile .title span { display: block; font-size: 10px; margin-top: 10px; color: rgba(0, 0, 0, 0.4); } #addImages { position: absolute; bottom: 0; left: 0; height: 102px; background: transparent; opacity: 0; cursor: pointer; } #uploadImagesList .item { width: 125px; position: relative; margin-bottom: 18px; } #uploadImagesList .img-wrap img { width: 100%; } span.delete-link { background: var(--color-2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25px; height: 25px; position: absolute; top: 0; right: 0; cursor: pointer; } /* ANCHOR ---- (card with popup) */ .cardsWrapper { margin: 0 -10px 65px; } .cardPopup { margin: 0 10px 20px; width: var(--width-3); } .cardPopup .card { background: var(--color-5); } .cardTop .img { max-height: 343px; } .cardTop .title { bottom: 25px; color: var(--color-6); z-index: 1; left: 20px; font-size: 20px; font-weight: 500; margin: 0; padding-right: 5px; } .cardMore { font-size: 15px; padding: 14px 20px 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; text-transform: uppercase; font-weight: 700; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cardMore img { margin-left: 20px; } .portfolioMore { font-size: 22px; height: 100%; text-align: center; line-height: 34px; background: var(--color-5); } .portfolioMore img { -webkit-filter: invert(13%) sepia(60%) saturate(5345%) hue-rotate(185deg) brightness(110%) contrast(113%); filter: invert(13%) sepia(60%) saturate(5345%) hue-rotate(185deg) brightness(110%) contrast(113%); width: 35px; margin-top: 20px; } .cardPopupSlider { margin-bottom: 20px; } .cardPopupSlider .swiper-button-prev, .cardPopupSlider .swiper-button-next { background: rgba(255, 255, 255, 0.2); border: 1px solid #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); top: 50%; bottom: auto; position: absolute; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .cardPopupSlide img { width: 100%; height: auto; } .cardPopupSlider .swiper-button-prev img, .cardPopupSlider .swiper-button-next img { -webkit-filter: invert(13%) sepia(60%) saturate(5%) hue-rotate(64deg) brightness(153%) contrast(113%); filter: invert(13%) sepia(60%) saturate(5%) hue-rotate(64deg) brightness(153%) contrast(113%); } .cardPopupSlider .swiper-button-prev { left: 20px; } .cardPopupSlider .swiper-button-next { right: 20px; } .cardPopupSlider .swiper-pagination { bottom: 20px; } .cardPopupSlider .swiper-pagination-bullet { background: transparent; border: 1px solid #FFFFFF; width: 10px; height: 10px; opacity: 1; } .cardPopupSlider .swiper-pagination-bullet-active { background: var(--color-6); } .cardPopup p { font-weight: 500; font-size: 13px; margin-bottom: 20px; line-height: 20px; } /* ANCHOR ---- (roulette) */ .roulette { position: relative; width: 43.5%; font-family: var(--ff-p); font-size: 22px; } .rouletteSlider { position: relative; border-left: 1px solid var(--color-7); overflow: hidden; } .rouletteSlider:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, rgba(196, 196, 196, 0)), color-stop(50%, var(--color-5)), to(rgba(196, 196, 196, 0))); background: -webkit-linear-gradient(top, rgba(196, 196, 196, 0) 59%, var(--color-5) 50%, rgba(196, 196, 196, 0) 100%); background: -moz-linear-gradient(top, rgba(196, 196, 196, 0) 59%, var(--color-5) 50%, rgba(196, 196, 196, 0) 100%); background: -o-linear-gradient(top, rgba(196, 196, 196, 0) 59%, var(--color-5) 50%, rgba(196, 196, 196, 0) 100%); background: linear-gradient(180deg, rgba(196, 196, 196, 0) 59%, var(--color-5) 50%, rgba(196, 196, 196, 0) 100%); z-index: 10; top: -59%; } .rouletteSlider:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(rgba(196, 196, 196, 0)), color-stop(50%, var(--color-5)), color-stop(50%, rgba(196, 196, 196, 0))); background: -webkit-linear-gradient(top, rgba(196, 196, 196, 0) 0%, var(--color-5) 50%, rgba(196, 196, 196, 0) 50%); background: -moz-linear-gradient(top, rgba(196, 196, 196, 0) 0%, var(--color-5) 50%, rgba(196, 196, 196, 0) 50%); background: -o-linear-gradient(top, rgba(196, 196, 196, 0) 0%, var(--color-5) 50%, rgba(196, 196, 196, 0) 50%); background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, var(--color-5) 50%, rgba(196, 196, 196, 0) 50%); z-index: 10; top: 50%; } .rouletteSliderItem { padding: 0 32px; border-bottom: 1px solid var(--color-7); min-height: 78px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .rouletteSliderItem.active { background: linear-gradient(#7fea17 0%, #90F52C 100%); color: #fff; } .rouletteSliderItem:first-child { border-top: 1px solid var(--color-7); } #rouletteBtn { z-index: 1; font-size: 15px; position: absolute; left: -230px; padding: 21px 32px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); letter-spacing: var(--letter-spacing-1); } #rouletteBtn:after { content: ''; width: 0; height: 0; border-top: 30px solid transparent; border-left: 24px solid var(--color-2); border-bottom: 31px solid transparent; position: absolute; top: 0; right: -24px; } #rouletteBtn:hover:after { border-left: 25px solid #90F52C; } /* ANCHOR -- TOP PANEL STYLE */ .header { position: relative; } .topPanel { position: absolute; /* position: fixed; */ top: 0; width: 100%; z-index: 9; } .topPanel.active { position: fixed; z-index: 999; top: 0; left: 0; -webkit-box-shadow: 20px 24px 44px rgba(0, 0, 0, 0.13); -moz-box-shadow: 20px 24px 44px rgba(0, 0, 0, 0.13); box-shadow: 20px 24px 44px rgba(0, 0, 0, 0.13); background: var(--color-6); -webkit-transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; } .topPanel::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; background: rgba(255, 255, 255, .5); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); } .topPanel .logo { margin-right: 55px; } .navigation { margin-right: auto; height: 85px; } .navigation li:not(:first-child) { padding-left: 30px; } .navigation a { font-size: 17px; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .navigation a:hover { opacity: .6; } .menu { height: 100%; } .subMenu { font-size: 22px; opacity: 0; /*height: 0;*/ visibility: hidden; position: absolute; left: 0; top: 100%; width: 100%; transition: height 0s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transition-delay: 0.2s; background: rgba(255, 255, 255, .5); -webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px); } .subMenu.active { opacity: 1; height: 100%; visibility: visible; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .subMenu.active ~ .arrow { -webkit-transform: rotate(-180deg) translate(0, 8px); -moz-transform: rotate(-180deg) translate(0, 8px); -ms-transform: rotate(-180deg) translate(0, 8px); -o-transform: rotate(-180deg) translate(0, 8px); transform: rotate(-180deg) translate(0, 8px); } /*.subMenu:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; background: rgba(255, 255, 255, .5); -webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px); }*/ .subMenu a { font-family: var(--ff-p); font-size: 22px; } .subMenuWrapper { padding-top: 25px; padding-left: 290px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .subMenuWrapper a { display: block; margin-bottom: 27px; } .topPanel .btn:hover { background: var(--color-2); color: #fff; border-color: transparent; } .subMenuWrapper a:hover { opacity: 1; text-decoration: underline; /*background: rgba(255, 255, 255, 0.2); border-color: transparent;*/ } .subMenuWrapper a.btn { font-size: 13px; margin-top: 17px; margin-bottom: 30px; } .subMenuWrapper a.btn:hover { text-decoration: none; } .subMenuWrapper .desc { font-size: 15px; font-weight: 500; margin-bottom: 20px; } @media screen and (min-width: 768px) { .navigation li:hover .subMenu { display: block; opacity: 1; height: auto; visibility: visible; } .topPanel.active .navigation li:hover .subMenu { background: var(--color-6); } } .topAbout { font-size: 17px; font-weight: 500; margin-right: 57px; } .citySelect { position: relative; cursor: pointer; } .citySelect:after { position: absolute; content: url(/bitrix/templates/gorizont/assets/css/../img/icons/arrow-drop.svg); top: 50%; right: 0; -webkit-transform: translate(10px, -12px); -moz-transform: translate(10px, -12px); -ms-transform: translate(10px, -12px); -o-transform: translate(10px, -12px); transform: translate(10px, -12px); } .citySelect img { position: absolute; left: -35px; } .dateWork { color: var(--color-4); font-size: 13px; } a.phone { margin: 3px 0 0; } /* ANCHOR -- HEADER STYLE */ /* ANCHOR ---- (main banner) */ .mainBanner { position: relative; height: 824px; overflow: hidden; } .mainBanner img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .mainOfferContainer { position: absolute; bottom: 0; width: 100%; padding-bottom: 83px; } .mainOffer { max-width: 735px; } .mainOffer h1, .mainOffer .h1 { margin-left: 16px; margin-left: 0; } .mainOffer .btn { margin-top: 40px; } .mainOffer .btnWhite { margin-right: 16px; } .mainBannerLabel { font-weight: 500; font-size: 17px; position: absolute; bottom: 88px; right: 58px; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .mainBannerLabel span { padding: 12px 10px; background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); } .mainBannerLabel .name { } .mainBannerLabel .size { font-size: 13px; margin-top: -10px; } /* ANCHOR ---- (filter in banner) */ .filterListWrap { margin-top: 52px; } .filterListWrap p { color: #fff; font-size: 20px; margin-bottom: 20px; } .filterList { width: 85%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filterList label { position: relative; cursor: pointer; } .filterList label:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(12px); position: absolute; top: 1px; left: 1px; z-index: 0; } .filterList label input { display: none; } .filterList span { position: relative; font-size: 17px; color: var(--color-6); margin: 0 -1px -1px 0; padding: 11px 17px; display: inline-block; border: 1px solid #FFFFFF; } .filterList label input:checked ~ span { background: rgba(255, 255, 255, 0.5); border: 1px solid #FFFFFF; backdrop-filter: blur(7px); } .filterList label:hover span { background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } .filterListWrap .btn { padding: 0; max-width: 200px; /*background: #1c8ae0;*/ border: 1px solid #ffff; /*margin-top: 25px;*/ } /*.filterList li { position: relative; } .filterList li:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(12px); position: absolute; top: 1px; left: 1px; z-index: 0; } .filterList a { position: relative; font-size: 17px; color: var(--color-6); margin: 0 -1px -1px 0; padding: 11px 17px; display: inline-block; border: 1px solid #FFFFFF; } .filterList a:hover { background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }*/ /* ANCHOR ---- (menu in banner) */ .navProduct { z-index: 1; position: absolute; bottom: -75px; left: 0; right: 0; font-weight: 500; font-size: 17px; } .navProduct a { display: block; width: 195px; text-align: center; } .navProduct img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .navProduct a .img { height: 140px; padding-bottom: 10px; border-bottom: 4px solid transparent; margin-bottom: 22px; } .navProduct a:hover .img, .navProduct a.active .img { border-bottom: 4px solid var(--color-3); } .navProduct li:not(:last-child) { margin-right: 20px; } a.navProductMore { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--color-5); color: var(--color-3); height: 126px; } /* ANCHOR -- FOOTER STYLE */ .footerSection { border-top: 1px solid var(--color-7); font-size: 17px; padding-top: 50px; padding-bottom: 64px; margin-top: auto; } .footerSidebar { max-width: 350px; width: 100%; } .footerSidebarSoc { margin-top: 65px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footerSidebarSoc a:not(:last-of-type) { margin-right: 22px; } .footerNav { padding-top: 8px; } .footerMenuTop li:not(:last-of-type) { margin-right: 40px; } .footerMenuTop a { font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; } .footerMenuTop a:hover { opacity: .6; } .footerContacts { position: relative; margin-top: 40px; padding-top: 35px; } .footerContacts::before { content: ''; width: 140px; height: 1px; background: var(--color-7); position: absolute; top: 0; left: 0; } .footerContacts h4, .footerContacts .h4 { font-weight: 400; font-size: 22px; margin-bottom: 15px; } .footerContacts .phone { font-weight: 500; font-size: 20px; margin-bottom: 15px; } .footerContacts .links { color: var(--color-3); font-size: 17px; font-weight: 500; margin-bottom: 15px; margin-bottom: 17px; } .footerContacts .contact { max-width: 247px; width: 100%; } .copyright { bottom: -5px; right: 15px; } .copyrightWrap { margin-left: 15px; } .copyrightWrap img { display: block; } .copyright .and { margin: 0 15px; } /* ANCHOR -- SECTION STYLE */ /* ANCHOR -- \\MAIN PAGE// */ /* ANCHOR -- (Phase) */ .sectionPhase { margin-bottom: -1px; } .phaseItem { width: 33.3%; } .phaseItem .link { padding: 40px 90px 35px 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 290px; height: 100%; } .phaseItem h3, .phaseItem .h3 { max-width: 340px; margin-bottom: 20px; line-height: var(--lh-2); } .phaseItem .desc { font-size: 17px; font-weight: 500; margin-bottom: 40px; line-height: var(--lh-1); -webkit-box-flex: 10; -webkit-flex-grow: 10; -moz-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; } .phaseItem:nth-child(3n+2) .link { border-left: 1px solid #C8D8E4; border-right: 1px solid #C8D8E4; } .phaseItem .img { position: relative; } .phaseItem .img img { width: 100%; } .innerGallery a.scale:before, .phaseItem .img::before { content: ''; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 30%); z-index: 1; position: absolute; } .innerGallery a.scale:after, .phaseItem .img::after { content: url(/bitrix/templates/gorizont/assets/css/../img/icons/search.svg); position: absolute; opacity: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .innerGallery a.scale:hover:before, .innerGallery a.scale:hover:after, .phaseItem .img:hover::before, .phaseItem .img:hover::after { opacity: 1; } /* ANCHOR -- (Offer) */ .offerTitleWithRoulette .title { max-width: 470px; margin-bottom: 51px; } .offerTitleWithRoulette { padding: 58px 0; width: 50%; padding-left: 60px; } .sectionOffer { padding: 58px 0 85px; font-size: 17px; font-weight: 500; } .sectionOfferDesc { font-size: 20px; margin-bottom: 32px; } .sectionOfferDesc a { color: var(--color-3); } .sectionOfferWithRoulette { padding: 0; } .offerBanner .img:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(28.61%, rgba(0, 0, 0, 0.4)), color-stop(58.99%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 28.61%, rgba(0, 0, 0, 0) 58.99%), -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 28.61%, rgba(0, 0, 0, 0) 58.99%), -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.4) 28.61%, rgba(0, 0, 0, 0) 58.99%), -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 28.61%, rgba(0, 0, 0, 0) 58.99%), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); } .offerBannerTitle { top: 60px; left: 60px; max-width: 520px; color: var(--color-6); } .offerBanner { margin-bottom: 60px; } .offerBanner img { width: 100%; } .offerBannerTitle h1, .offerBannerTitle .h1 { margin-bottom: 50px; } .offerBannerTitle p { max-width: 534px; line-height: var(--lh-1); margin-bottom: 30px; } .offerBannerTitle .btn { font-weight: 700; font-size: 14px; text-transform: uppercase; padding: 20px 20px; letter-spacing: var(--letter-spacing-1); } .offerBannerTitle .btn:hover { color: var(--color-6); background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); } .sectionOfferTitle { max-width: 775px; margin-bottom: 55px; } .offerTitle { width: 68%; } .offerTitleWithRoulette.offerTitle { width: 50%; } .offerDescription { padding-top: 15px; } .offerDescription p { margin-bottom: 37px; } /* ANCHOR -- (Popular) */ .popular { padding: 62px 0 90px; } /* FIXME -- (Отступ) */ .popular .sectionTitle { margin-bottom: 48px; } .popularItem { margin-bottom: 20px; width: 32.2%; } .popularItem .img { position: relative; max-height: 343px; } .popularItem .name { position: absolute; z-index: 9; color: #ffffff; bottom: 18px; font-size: 20px; font-weight: 500; left: 20px; } .popularItemBottom { background: var(--color-5); padding: 14px 16px 14px 20px; } .popularItemBottom .price { margin-right: auto; font-size: 20px; font-weight: 500; } .popularItemBottom .place:not(:last-child) { margin-right: 30px; } /* FIXME -- (Кнопка) */ .popular .btn { max-width: 250px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 15px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0; margin-top: 22px; } /* ANCHOR -- (slider) */ .sectionSlider { font-weight: 500; font-size: 17px; border-top: 1px solid var(--color-7); border-bottom: 1px solid var(--color-7); } .mainBannerSlider .swiper-button-next { position: absolute; bottom: 150px; top: auto; right: 0; left: 0; margin: 0 auto; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); width: 210px; font-weight: 500; font-size: 17px; color: #333; border: 0; } .mainBannerSlider .swiper-button-next .img { margin-right: 8px; } .swiper-fraction { position: absolute; top: 60px; left: 60px; font-weight: 500; font-size: 20px; } .sliderWithFraction .sliderItemContent { padding: 125px 115px 70px 60px; width: 50%; } .sliderReview .sliderItemContent { padding: 40px 60px; font-weight: 500; font-size: 20px; width: 50.1%; } .sliderReview .sliderItemContent h3, .sliderReview .sliderItemContent .h3 { margin-bottom: 15px; } .sliderReview .sliderItemContent .date { color: #67748B; margin-bottom: 50px; display: inline-block; } .sliderReview .sliderItemContent .quote { padding-left: 90px; position: relative; } .sliderReview .sliderItemContent .quote::before { content: '“'; font-family: var(--ff-p); font-size: 160px; position: absolute; top: -45px; left: 0; color: var(--color-6); text-shadow: 1px 1px #67748b, -1px 1px #67748b, 0px -1px #67748b, 1px -1px #67748b; } .sliderReview .sliderItemContent .quote p { margin-bottom: 25px; } .sliderReview .sliderItemContent .quote .more { color: var(--color-3); } .sliderItemContent h1, .sliderItemContent .h1 { margin-bottom: 50px; } .sliderItemContent p { line-height: 1.4em; margin-bottom: 40px; } .sliderItemContent .btn { padding: 18px 16px; letter-spacing: 0em; } .sliderItemImg img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sectionSlider .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px)); } .sliderWithTimerBullet { text-align: left; margin-bottom: 80px; margin-bottom: 10px; margin-left: 60px; } .swiperButtons { position: absolute; bottom: 0; right: 50%; margin-right: -1px; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none; } .swiper-button-prev, .swiper-button-next { width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #67748B; position: static; margin: 0 0 0 -1px; } .swiper-button-prev:hover, .swiper-button-next:hover { background: -webkit-linear-gradient(315deg, #E1EAFB 4.99%, rgba(225, 234, 251, 0) 100%); background: -moz-linear-gradient(315deg, #E1EAFB 4.99%, rgba(225, 234, 251, 0) 100%); background: -o-linear-gradient(315deg, #E1EAFB 4.99%, rgba(225, 234, 251, 0) 100%); background: linear-gradient(135deg, #E1EAFB 4.99%, rgba(225, 234, 251, 0) 100%); } .reviewSlider .title { margin: 110px 0 40px; } .sliderItemImg { position: relative; overflow: hidden; width: 50%; } .sliderItemImg .name { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 1; } .sliderItemImg .name span { background: #fff; padding: 10px; } .sliderItemImg .name span:last-child { padding: 0 10px 10px; font-size: 13px; } .sliderReview .sliderItemImg:hover::before { content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1; } .sliderReview .sliderItemImg:hover:after { content: 'Детали проекта'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; border: 1px solid; padding: 20px; z-index: 1; } .sectionSlider .swiper-pagination-bullet-active { width: 50px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(0, 0, 0, 0.2); border: 0; outline: none; overflow: hidden; position: relative; } .sectionSlider .swiper-pagination-bullet-active:after { content: ''; display: block; width: 100%; height: 100%; background: var(--color-3); position: absolute; top: 0; -webkit-animation: activeSlide var(--speed-slide) ease-in-out; -moz-animation: activeSlide var(--speed-slide) ease-in-out; -o-animation: activeSlide var(--speed-slide) ease-in-out; animation: activeSlide var(--speed-slide) ease-in-out; } @-webkit-keyframes activeSlide { from { left: -100%; } to { left: 0; } } @-moz-keyframes activeSlide { from { left: -100%; } to { left: 0; } } @-o-keyframes activeSlide { from { left: -100%; } to { left: 0; } } @keyframes activeSlide { from { left: -100%; } to { left: 0; } } /* ANCHOR -- (map) */ .sectionMap .title { position: absolute; top: 95px; left: 80px; max-width: 755px; } .sectionMap .title .span { background-color: rgba(255, 255, 255, 0.8); padding-bottom: 25px; } .sectionMap .title .span a { padding-left: 70px; position: relative; } .sectionMap .title .span a:hover span::after { content: ''; width: 99%; display: block; height: 4px; background: var(--color-3); position: absolute; bottom: -14px; left: 0; } .sectionMap .title .span a.active { color: var(--color-3); } .sectionMap .title .span a img { position: absolute; left: 0; top: 10px; } .sectionMap .wrapper { width: 75%; } .mapSidebar { width: 430px; padding: 95px 35px; } .mapSidebarItem { font-size: 20px; font-weight: 500; } .mapSidebarItem:not(:last-of-type) { margin-bottom: 45px; } .bigCount { font-family: var(--ff-p); font-size: 100px; } .mapSidebar .btn { margin-top: 45px; max-width: 245px; } .mapBulletList { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center ; -webkit-align-items: center ; -moz-box-align: center ; -ms-flex-align: center ; align-items: center ; } .mapBulletItem { margin-right: 20px; font-weight: 500; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mapBulletTitle, .mapBulletPrice { font-family: var(--ff-p); font-size: 24px; color: var(--color-1); margin: 20px 0; } .mapBulletItem img { margin-right: 15px; } .ymaps-2-1-79-b-cluster-tabs__section_type_nav { display: none!important; } /* ANCHOR -- (promotion) */ .promotionBig, .promotionSmall { position: relative; color: var(--color-6); } .promotionBig { background: url(/bitrix/templates/gorizont/assets/css/../img/prom1.jpg) no-repeat 0 0 / cover; max-width: 860px; width: 100%; padding: 50px 120px 50px 60px; min-height: 710px; } .promotionSmall { background: url(/bitrix/templates/gorizont/assets/css/../img/prom2.jpg) no-repeat 0 0 / cover; min-height: 710px; padding: 50px 85px 55px 65px } .promotionBig:before, .promotionSmall:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; background: rgb(0 0 0 / 40%); left: 0; top: 0; z-index: 0; } .positionContent { color: var(--color-6); height: 100%; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .promotionCards, .promotionSmall { width: 100%; max-width: 435px; } .promotionCards { font-size: 20px; font-weight: 500; } .promotionBig h1, .promotionBig .h1 { margin-bottom: 232px; } .promotionSmall h3, .promotionSmall .h3 { line-height: var(--lh-2); } .promotionBigCount { font-size: 40px; font-family: var(--ff-p); } .promotionBigCount span { display: block; font-size: 100px; } .promotionBigBanks { padding-bottom: 28px; } .promotionBigBanks img:not(:first-of-type) { margin-left: 20px; } .promotionBig .img { margin-top: auto; -webkit-filter: invert(25%) sepia(126%) saturate(113%) hue-rotate(139deg) brightness(320%) contrast(113%); filter: invert(25%) sepia(126%) saturate(113%) hue-rotate(139deg) brightness(320%) contrast(113%); } .promotionCard { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 50px 45px 38px 63px; border-top: 1px solid var(--color-7); border-bottom: 1px solid var(--color-7); min-height: 355px; height: 50%; } .promotionCard h3, .promotionCard .h3 { margin-bottom: 30px; } .promotionCard p { line-height: 27px; } .promotionCard .img { margin-top: auto; } .bgHover { opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .bgHover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .promotionCard:hover { color: var(--color-6); } .promotionCard:hover h3, .promotionCard:hover .h3 { text-decoration: underline; } .promotionCard:hover .img img { -webkit-filter: invert(25%) sepia(126%) saturate(113%) hue-rotate(139deg) brightness(320%) contrast(113%); filter: invert(25%) sepia(126%) saturate(113%) hue-rotate(139deg) brightness(320%) contrast(113%); } .promotionCard:hover .bgHover { opacity: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .promotionCard:hover .bgHover:after { content: ''; display: block; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); position: absolute; z-index: 9999; top: 0; } .promotionSmall .btn { background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 1.5em; letter-spacing: var(--letter-spacing-1); margin-top: auto; text-align: center; } .promotionSmall .btn:hover { background: var(--color-2); color: var(--color-6); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); } /* ANCHOR -- (material) */ .materialSection { padding: 57px 0; } .materialsTop { margin-bottom: 5px; } .materialsBig { width: 66.3%; max-height: 607px; } .materialsBig h3, .materialsBig .h3 { position: absolute; bottom: 0; color: #fff; left: 0; right: 0; text-align: center; max-width: 550px; margin: 0 auto 180px; } .materialSmall { width: 32.5%; } .materialsItem { height: 295px; } .materialsList .materialsItem { width: 32.5%; } .materialsItem::after { content: ''; z-index: 0 ; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(11.19%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 11.19%, rgba(0, 0, 0, 0) 60%); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 11.19%, rgba(0, 0, 0, 0) 60%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 11.19%, rgba(0, 0, 0, 0) 60%); background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 11.19%, rgba(0, 0, 0, 0) 60%); } .materialsItem img { width: 100%; display: block; } .materialsItem { margin-bottom: 16px; display: block; } .materialsAbout { color: #fff; z-index: 1; bottom: 26px; font-size: 20px; left: 30px; } .materialsAbout h3, .materialsAbout .h3 { margin-bottom: 15px; } .materialsAbout .flag { background: rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); font-size: 13px; padding: 5px 10px; margin-bottom: 15px; display: inline-block; } .materialsBig h3, .materialsBig .h3 { position: absolute; bottom: 0; color: #fff; left: 0; right: 0; text-align: center; max-width: 550px; margin: 0 auto 180px; } .icon-video::before { color: var(--color-6); position: absolute; top: 50%; left: 50%; z-index: 1; width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .icon-video:hover::before { background: var(--color-2); border: 0; } /* ANCHOR -- (social) */ .socialSection { padding-bottom: 62px; } .socialSection h3, .socialSection .h3 { max-width: 800px; margin: 25px auto 40px; } .socialCard { border: 1px solid #C8D8E4; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 70px 34px 34px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 300px; width: 100%; min-height: 300px; } .socialCard.mobileElement { display: none; } .socialCard:not(:last-of-type) { margin-right: 20px; } .socialCard .title { font-weight: 500; font-size: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } .socialCard .count { font-weight: 500; font-size: 13px; color: #67748B; margin-bottom: 10px; } .socialCard .title img { margin-right: 15px; } .socialCard .btn { border: 1px solid #C8D8E4; color: var(--color-3); margin-top: auto; width: 100%; padding: 10px 0; text-align: center; text-transform: uppercase; font-weight: 700; } .socialCard .btn:hover { border-color: var(--color-3); } /* ANCHOR -- \\PRODUCT PAGE// */ /* ANCHOR -- (about) */ .aboutProduct { padding: 130px 60px 60px; } .aboutProduct h1, .aboutProduct .h1 { margin-bottom: 50px; } .aboutHeader { width: 100%; margin-bottom: 62px; } .aboutHeader .btn { margin-left: 40px; } .aboutHeader .description, .aboutPrice .text { font-size: 13px; font-weight: 500; } .aboutPrice { margin-left: 85px; } .aboutPrice .price span { font-size: 30px; } .oldPrice { font-size: 22px; position: relative; margin: 2px 0 11px; } .oldPrice::after { content: ''; display: block; width: 100%; height: 2px; background: #FF0000; position: absolute; top: 50%; left: 0; } .aboutHeader .description { max-width: 240px; } .aboutHeader .description .link { font-size: 17px; color: var(--color-3); display: block; margin-top: 5px; } .aboutBody { max-width: 1010px; width: 100%; } .aboutBodyDesc { border-top: 1px solid var(--color-7); margin-top: 75px; padding: 32px 100px 0 0; font-size: 17px; } .aboutBodyDesc .title { margin-bottom: 32px; } .aboutBodyDesc p { line-height: 1.4em; margin-bottom: 25px; } .aboutBodyDesc a { color: var(--color-3); } .aboutBody h4, .aboutBody .h4 { font-size: 22px; margin-bottom: 32px; } .aboutParams { padding: 0 0 0 40px; width: 50%; } .aboutParamsList { font-size: 17px; } .aboutParamsItem span { display: block; width: 50%; } .aboutParamsItem .label { color: var(--color-4); width: 220px; } .aboutParamsItem { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .aboutParamsItem:not(:last-child) { margin-bottom: 21px; } /* ANCHOR -- (set) */ .setSection { padding-top: 115px; } .setSectionWithotPrice { padding: 40px 0; border-bottom: 1px solid var(--color-7); } .setSectionWithotPrice .btn { margin-left: 40px; } .setSection .sectionTitle { margin-bottom: 24px; } .setSectionWithotPrice .title { margin-bottom: 0; } .setSection h4.desc, .setSection .h4.desc { text-align: center; font-size: 22px; margin-bottom: 40px; } .setList { border-top: 1px solid var(--color-7); border-bottom: 1px solid var(--color-7); } .setItem { width: 33%; padding: 42px 60px; } .setItem .title { margin-bottom: 40px; } .setItem ul { margin-bottom: 40px; } .setItem li { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .setItem:nth-child(2) { border-left: 1px solid var(--color-7); border-right: 1px solid var(--color-7); } .setItem li:not(:last-of-type) { margin-bottom:18px; } .setItem li:before, .equipmentItem::before { margin-right: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26px; height: 26px; border: 1px solid var(--color-7); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .setItem li:before { content: url(/bitrix/templates/gorizont/assets/css/../img/icons/close.svg); } .setItem li.checked:before, .equipmentItem::before { content: url(/bitrix/templates/gorizont/assets/css/../img/icons/check.svg); background: var(--color-2); border: 1px solid var(--color-2); } .setItem .price { margin-bottom: 12px; } .setItem .text { font-size: 13px; margin-bottom: 25px; } .setItem .btn { font-size: 14px; padding: 20px 16px; } .setItem .textBottom { font-size: 13px; color: var(--color-7); font-weight: 500; max-width: 455px; width: 100%; margin-top: 20px; line-height: 21px; } /* ANCHOR -- (equipment) */ .equipmentSection { padding-top: 57px; } .equipmentItem { width: 25%; border: 1px solid var(--color-7); margin-bottom: -1px; padding: 35px 77px 30px 78px; position: relative; } .equipmentItem .title { font-size: 22px; margin-bottom: 11px; } .equipmentItem .text { font-size: 15px; } .equipmentItem::before { position: absolute; left: 30px; top: 33px; } /* ANCHOR -- (exampleProduct) */ .exampleProductSection { padding-top: 78px; } .exampleProductSection .title { max-width: 735px; margin-bottom: 40px; } .exampleList { margin: 0 -10px; } .exampleItem { width: -webkit-calc(-webkit-calc(100% / 3) - -webkit-calc(0.63rem * 2)); width: -moz-calc(-moz-calc(100% / 3) - -moz-calc(0.63rem * 2)); width: calc(calc(100% / 3) - calc(0.63rem * 2)); position: relative; margin-bottom: 20px; margin: 0 10px 20px; } /* .exampleItem:not(:nth-child(3n+3)) { margin-right: 20px; } */ .exampleItem .img { height: 100%; } .exampleItem .desc { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; color: var(--color-6); font-size: 20px; font-weight: 500; padding: 24px 30px; } .exampleItemDocs { padding: 24px; margin: 0 10px 20px; background: var(--color-5); -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .exampleItemAbout { margin: 30px 0; } .exampleItemAbout .place { margin-bottom: 20px; } .exampleItemAbout .place:not(:last-child) { margin-right: 35px; } /* ANCHOR -- (similar) */ .similarSection { padding: 70px 0 60px; } .similarSection .title { margin-bottom: 40px; } .similarSection .btnLight { width: 215px; font-weight: 600; font-size: 14px; padding: 20px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 26px; } /* ANCHOR -- \\HOUSE FOR SALE PAGE// */ /* ANCHOR -- (houseForSaleSlider) */ .houseForSaleSliderItem { display: none; height: 100%; } .houseForSaleSliderItem.active { display: block; } .houseForSaleSlider { height: 820px; } /* ANCHOR -- (plan) */ .planSection { padding: 110px 0 0 0; } .planSection h2, .planSection .h2 { margin-bottom: 20px; } .planSection h4, .planSection .h4 { font-size: 22px; max-width: 800px; margin: 0 auto; width: 100%; line-height: 1.6em; margin-bottom: 50px; } .planSection .phase { border-top: 1px solid var(--color-7); border-bottom: 1px solid var(--color-7); } .planSection .phaseItem:not(:last-child) { border-right: 1px solid var(--color-7); } .planSection .phaseItem a { padding: 30px; } /* ANCHOR -- (gallery) */ .gallerySection { padding: 80px 0; } .gallery { margin: 0 -10px; } .gallery li { margin: 0 10px 20px; width: var(--width-4); } /* ANCHOR -- \\PROJECTS PAGE// */ /* ANCHOR -- (choice form) */ .choiceForm { margin-bottom: 30px; } .choiceForm input[type="checkbox"] { opacity: 0; position: absolute; z-index: -1; } .choiceForm .group { margin-bottom: 12px; } .choiceForm .group:not(:last-child) { margin-right: 12px; } .choiceForm span { border: 1px solid var(--color-7); background: rgba(255, 255, 255, 0.2); padding: 10px 16px; display: block; cursor: pointer; font-size: 17px; } .choiceForm input:checked ~ span { background: var(--color-5); border: 1px solid var(--color-4); } /* ANCHOR -- (projects) */ .projectsSection { padding: 25px 0 60px; } .projectGroupItem { width: 100%; } .projectGroupItem.img img, .sliderProject .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .sliderProject { display: none; } .projectAbout { border: 1px solid var(--color-7); width: 100%; } .projectAbout .title { margin-bottom: 10px; } .projectAbout .popupBtnMap { font-weight: 500; font-size: 17px; padding: 0; display: inline; background: transparent; border: 0; color: var(--color-3); text-align: left; cursor: pointer; } .projectAbout .wrapper { height: 100%; padding: 42px 30px 30px 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .projectAbout .exampleItemAbout { margin: 41px 0 0; } .projectAbout .more { margin-top: auto; text-transform: uppercase; font-weight: 700; color: var(--color-4); letter-spacing: var(--letter-spacing-1); display: -webkit-box; display: -webkit-fex; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .projectAbout .more img { margin-left: 20px; } /* ANCHOR -- (porfolio) */ .portfolio { padding: 20px 0; } .portfolio h2, .portfolio .h2 { max-width: 1170px; margin: 0 auto 40px; } /* ANCHOR -- (contacts) */ .contactsList { padding: 20px 0 20px; } .contactsItem:not(:last-child) { margin-bottom: 50px; } .contactsItem .place { border: 1px solid var(--color-7); margin-right: 50px; max-width: 745px; width: 100%; } .contactsItemContent .title { margin-bottom: 25px; } .contactsLink { position: relative; display: block; padding-left: 45px; font-size: 20px; font-weight: 500; } .contactsLink:not(:last-child) { margin-bottom: 25px; } .contactsLink .img { position: absolute; left: 0; top: -4px; } /* ANCHOR -- (vacancy) */ .vacancy .title { margin-bottom: 45px; } .vacancyItem { padding: 40px 140px 40px 40px; background: var(--color-5); width: 100%; max-width: 775px; font-weight: 500; margin-bottom: 20px; } .vacancyItem:not(:last-child) { margin-right: 60px; } .vacancyItem .title { margin-bottom: 15px; } .vacancyItem .salary { font-size: 17px; margin-bottom: 16px; } .vacancyItem .desc { font-size: 13px; line-height: 20px; margin-bottom: 20px; } .vacancyItem .desc p { margin-bottom: 20px; } .vacancyItem ul { list-style: disc; padding-left: 15px; } /* ANCHOR -- (reviews) */ .innerSection .innerTitle { margin-bottom: 20px; } .reviewItem { border: 1px solid var(--color-7); padding: 40px; font-weight: 500; font-size: 15px; max-width: 1340px; } .reviewItem:not(:last-child) { margin-bottom: 40px; } .reviewItem .date { color: var(--color-4); margin-bottom: 5px; display: inline-block; } .reviewItem .text { font-size: 20px; line-height: 28px; margin: 27px 0; } .reviewItem .images { margin: 0 -10px; } .reviewItem .images img { width: 100%; } .reviewItem .img { margin: 0 10px 20px; max-width: 220px; } .reviewItem .btn { padding: 0; border: 0; font-size: 20px; font-weight: 500; color: var(--color-3); } /* ANCHOR -- (faq) */ .faqs { max-width: 995px; } .faq { cursor: pointer; position: relative; border: 1px solid var(--color-7); padding: 20px 90px 20px 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .faq:not(:last-of-type) { margin-bottom: 20px; } .faq h4, .faq .h4 { /*height: 110px;*/ max-width: 650px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .faqText { visibility: hidden; opacity: 0; height: 0; font-size: 17px; font-weight: 500; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .faqText>*:not(:last-child) { margin-bottom: 30px; } .faq.active .faqText { visibility: visible; opacity: 1; margin: 20px 0 40px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .faq .icon { position: absolute; right: 40px; top: 10px; background: var(--color-2); width: 48px; height: 48px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .faq.active .icon { background: var(--color-7); -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .faqWrapper { display: none; } .faq.active .faqWrapper { display: block; } .faq.active .icon img { -webkit-filter: invert(13%) sepia(53%) saturate(555%) hue-rotate(161deg) brightness(47%) contrast(113%); filter: invert(13%) sepia(53%) saturate(555%) hue-rotate(161deg) brightness(47%) contrast(113%); } /* ANCHOR -- (faq) */ .teamItem { font-weight: 500; width: var(--width-2); margin-bottom: 40px; } .teamItemImg { margin-right: 30px; width: 250px; height: 250px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .teamItemImg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .teamItem .position { color: var(--color-4); margin: 15px 0 25px; display: block; } .teamItemAbout .contactsLink { font-size: 15px; padding-left: 32px; } .teamItemAbout .contactsLink:not(:last-child) { margin-bottom: 10px; } .teamItemAbout .contactsLink .img { width: 25px; } .teamItemAbout .contactsLink .img img { width: 100%; } /* ANCHOR -- (library) */ .libraryList { margin: 0 -10px 20px; } .libraryItem { font-weight: 500; border: 1px solid var(--color-7); padding: 20px; width: var(--width-3); margin: 0 10px 20px; } .libraryItem .name { font-size: 17px; margin-bottom: 15px; line-height: 24px; } .libraryItem span { font-size: 15px; color: var(--color-3); margin-bottom: 5px; } .libraryItem .download { font-size: 13px; color: var(--color-4); } .breadcrumbs { padding-top: 110px; margin-top: 0; } .system-nav-orange { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #67748B; font-weight: 500; font-size: 20px; } .nav-pages { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nav-pages span, .nav-pages a { width: 50px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-pages span { background: #EEF3FC!important; color: var(--color-1)!important; font-weight: 500!important; } .ppc-text-block .items { width: 100%; display: flex; flex-wrap: wrap; } .ppc-text-block .item_block { width: 100%; max-width: 570px; } .ppc-text-block .item { display: flex; align-items: center; } .ppc-text-block .image img { margin-left: 0; } .ppc-text-block .profit_block { padding-bottom: 20px; } .ppc-text-block .value.spincrement1 { font-size: 72px; line-height: 94px; color: #107bb1; } .ppc-text-block .props .text:after { position: absolute; content: ' '; width: 30px; height: 2px; bottom: 0px; opacity: 1; background: #d4d4d4; z-index: 3; left: 0px; } .ppc-text-block .props .text { padding: 0px 50px 16px 0px; position: relative; margin: 0px 0px 20px; } .ppc-text-block .props { display: flex; flex-wrap: wrap; } a.url { display: flex; flex-direction: column; align-items: flex-end; } .formOrderItem__buttons { overflow: auto; } .ppc-center-content { margin: 0 auto 40px; text-align: center; } .ppc-header-mobile { display: none; } @media screen and (max-width: 768px) { .formOrderItem__buttons { flex-wrap: wrap; align-items: center; } label.formOrderItem__radioWap { width: 33%; } .formOrderItem__radio { cursor: pointer; width: 100%; text-align: center; } .ppc-header-mobile { border-top: 1px solid var(--color-5); padding-top: 18px!important; display: flex; } .ppc-header-mobile a.phone { display: block!important; } } @media screen and (max-width: 578px) { label.formOrderItem__radioWap { width: 50%; } } @media screen and (min-width: 768px) { .navigation li { display: flex; align-items: center; } .ppc-bottom-menu > a { color: var(--color-3); text-transform: uppercase; border: 1px solid var(--color-3); font-weight: 700; font-family: var(--ff-m); padding: 12px 24px; letter-spacing: var(--letter-spacing-1); font-size: var(--fs-2); display: inline-block; height: auto!important; max-width: 338px; width: 100%!important; } .ppc-bottom-menu > a:hover { background: var(--color-2); color: #fff; border-color: transparent; opacity: 1; } } /* End */ /* Start:/bitrix/templates/gorizont/assets/css/media.css?172029931649509*/ /*ANCHOR max-width: 1700 */ @media screen and (max-width: 1700px) { .sliderWithTimerBullet { margin-bottom: 20px; } } /*ANCHOR max-width: 1600 */ @media screen and (max-width: 1600px) { /* .navigation { margin-right: 45px; } */ .navigation li:not(:first-child) { margin-left: 20px; } .navigation li:not(:first-child) { padding-left: 0; } .topPanel .logo { margin-right: 25px; } .subMenuWrapper { padding-left: 263px; } .mapSidebar { width: 430px; padding: 55px 25px; } .promotionSmall { padding: 30px 45px 30px 45px; } .promotionCard { padding: 30px; } .topAbout { margin-right: 30px; } .exampleItemAbout .place:not(:last-child) { margin-right: 15px; } .projectAbout .wrapper { padding: 42px 25px 30px; } } /*ANCHOR max-width: 1440 */ @media screen and (max-width: 1440px) { /* .innerPage { padding-top: 185px; } */ .choiceForm span { padding: 10px; } .choiceForm { flex-wrap: wrap; } .breadcrumbs { margin-top: 210px; padding-top: 0; } .mainWrapper { overflow-x: hidden; } .topPanel { padding-top: 15px; padding-bottom: 0; } .subMenu { left: -20px; width: 105%; } .subMenuWrapper { padding-left: 0; } .topPanel .wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .topAbout { margin-left: auto; } .navigation { margin-top: 20px; padding: 20px 0; position: relative; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin: 20px 0 0; } .navigation::after { content: ''; display: block; width: 1005%; height: 1px; background: rgba(0, 0, 0, 0.12); position: absolute; top: 0; left: -30px; } .navigation li:not(:first-child) { margin-left: 40px; } .promotionBigContent { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .promotionBig { background-position: 70% 0; } .bigCount { font-size: 70px; } .mapSidebar .btn { margin-top: 35px; } .footerMenuTop li:not(:last-of-type) { margin-right: 15px; } .contactsItemContent { width: 100%; } .projectAbout, .projectGroupItem { width: 33%; } .aboutPrice { margin-left: 0; } .exampleItemAbout .place:not(:last-child) { margin-right: 10px; } .place img { width: 20px; } .place { font-size: 14px; } .projectAbout .wrapper { padding: 42px 20px 30px; } } /*ANCHOR max-width: 1200 */ @media screen and (max-width: 1200px) { /* .innerPage { padding-top: 160px; } */ h1, .h1 { font-size: 40px; } .portfolio { padding: 0; } .topAbout { margin-right: 20px; font-size: 13px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .citySelect { margin-right: 35px; font-size: 15px; } a.phone { margin: 0 7px 0 0; } .changeCity { top: 175%; right: -55px; } .mainBanner { height: 635px; } .mainOffer { max-width: 675px; } .mainOfferContainer { padding-bottom: 50px; } .mainOffer .btn { margin-top: 30px; } .materialsBig h3, .materialsAbout h3, .promotionSmall h3, .materialsBig .h3, .materialsAbout .h3, .promotionSmall .h3, .sectionOfferTitle, .offerTitleWithRoulette .title, .phaseItem h3 , .phaseItem .h3 { font-size: 22px; line-height: 34px; } .phaseItem .link { padding: 40px 15px 35px 15px; min-height: 275px; } .phaseItem .desc { margin: 0; } .offerTitleWithRoulette { padding: 30px 0 30px 17px; } .offerTitleWithRoulette .title { margin-bottom: 25px; } .roulette { font-size: 18px; width: 47.5%; } .rhomb { width: 55px; height: 55px; margin-right: 10px; } .offerPosition .position { font-size: 13px; } .rouletteSliderItem { min-height: 60px; } .popular { padding: 40px 0; } .popular .sectionTitle { margin-bottom: 30px; } .popularItemBottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .popularItemBottom .price { width: 100%; margin-bottom: 15px; } .popularItemBottom .place img { width: 25px; } .similarSection .popularItemBottom .place img { width: 20px; } .popularItemBottom .place:not(:last-child) { margin-right: 13px; } .swiper-fraction { top: 30px; left: 20px; } h2, .h2, .promotionBigCount, .sectionMap .title, .sliderItemContent h1, .sliderItemContent .h1 { font-size: 30px; } .sliderItemContent h1, .sliderItemContent .h1 { margin-bottom: 32px; } .sectionMap .title { top: 53px; left: 38px; max-width: 100%; } .sliderWithFraction .sliderItemContent { padding: 97px 85px 70px 20px; } .sliderItemContent p { margin-bottom: 20px; } .sliderWithTimerBullet { margin: 0 0 10px 15px; } .sectionMap .title .span a { padding-left: 40px; } .sectionMap .title .span a img { width: 35px; } .sectionMap .title .span a:hover span::after { bottom: -10px; } .map { /*height: 675px!important;*/ overflow: hidden; } .mapSidebar { width: 355px; padding: 65px 35px; } .ymaps-2-1-79-map { width: 100%!important; } .sectionOffer { padding-top: 0; padding-bottom: 27px; } .innerPage .sectionOffer { padding-top: 25px; } .offerBanner { margin: 0 -20px 50px; height: 450px; } .offerBanner .img { height: 100%; } .offerBannerTitle { top: 35px; left: 35px; } .offerBannerTitle h1, .offerBannerTitle .h1 { margin-bottom: 32px; } .offerBannerTitle p { margin-bottom: 50px; } .offerBanner img { height: 100%; -o-object-fit: cover; object-fit: cover; } .sectionOfferTitle { max-width: 100%; margin-bottom: 35px; padding-top: 50px; } .offerDescription { padding-top: 0; } .sectionOfferWithRoulette { padding: 0; } .sectionPromotion { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .promotionBig { max-width: 100%; padding: 50px 0 130px 60px; min-height: 625px; } .promotionBig h1, .promotionBig .h1 { font-size: 50px; margin-bottom: 155px; } .promotionBigContent { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .promotionBigCount { margin-right: 120px; } .promotionCard { padding: 55px 130px 50px 50px; width: 50%; border: 0; } .promotionCard:first-child { border-right: 1px solid var(--color-7); } .promotionCards { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .promotionCards, .promotionSmall { width: 100%; max-width: 100%; } .promotionSmall { min-height: 350px; height: 100%; background: url(/bitrix/templates/gorizont/assets/css/../img/prom3.jpg) no-repeat 0 0 / cover; } .positionContent { margin-top: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .promotionSmall { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .promotionSmall .btn { margin-top: 18px; } .promotionSmall h3, .promotionSmall .h3 { max-width: 595px; } .reviewSlider .title { margin: 40px 0; } .footerContacts::before, .reviewSlider .title br { display: none; } .sliderReview .sliderItemContent { padding: 25px 75px 25px 20px; } .sliderReview .sliderItemContent .date { margin-bottom: 47px; } .sliderReview .sliderItemContent .quote { font-size: 17px; padding-left: 55px; } .sliderReview .sliderItemContent .quote::before { font-size: 100px; top: -30px; } .swiper-button-prev, .swiper-button-next { width: 40px; height: 40px; margin-left: -1px; } .sectionTitle { margin-bottom: 25px; } .materialsTop { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .materialsBig { width: 100%; max-height: 460px; margin-bottom: 18px; } .materialSmall { width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .materialsItem { height: 270px; width: 49%; } .materialsList .materialsItem { width: 49%; } .materialSection { padding: 57px 0 13px; } .socialCards { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .socialCard:not(:last-of-type) { margin-right: 0; } .socialCard { margin: 0px 10px 20px !important; } .footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footerSection { padding-bottom: 100px; } .footerSidebarSoc { position: absolute; bottom: -60px; margin: 0; } .footerNav { padding-top: 18px; } .footerContacts { padding-top: 0; } .copyright { bottom: -76px; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .copyrightWrap { margin-left: 0; margin-top: 10px; } .materialsBig h3, .materialsBig .h3 { max-width: 500px; margin: 0 auto 95px; } .teamItemImg { width: 150px; height: 150px; margin-right: 20px; } .teamItemImg img { width: 100%; } .vacancyItem { padding: 40px; } .vacancyItem:not(:last-child) { margin-right: 20px; } .gallery li { width: var(--width-3); } .equipmentItem { width: 33.33%; padding: 25px 25px 25px 50px; } .equipmentItem::before { left: 10px; top: 23px; } .aboutPrice .dFlex.fdc.aifs { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .aboutPrice { text-align: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .aboutHeader .btn { margin-left: 0; } .aboutProduct { padding: 90px 30px 60px; } .planSection { padding: 65px 0 0 0; } .equipmentItem .title { font-size: 20px; } .exampleItem .desc { font-size: 13px; } .offerSlider .offerBanner { margin: 25px 0 0 0; } } /*ANCHOR max-width: 1024 */ @media screen and (max-width: 1024px) { .libraryItem { width: -webkit-calc(-webkit-calc(100% / 2) - -webkit-calc(0.63rem * 2)); width: -moz-calc(-moz-calc(100% / 2) - -moz-calc(0.63rem * 2)); width: calc(calc(100% / 2) - calc(0.63rem * 2)); } .sectionSlider { padding: 0 15px; } #rouletteBtn:after { display: none; } .sectionOfferWithRoulette .offer, .offerTitleWithRoulette.offerTitle { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .offerTitleWithRoulette .title { text-align: center; } .offerPerson { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rhomb { margin: 0 0 15px; } .roulette { position: relative; padding-bottom: 15px; font-size: 14px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .roulette::after, .roulette::before { content: ''; display: block; background: var(--color-2); position: absolute; top: 50%; } .roulette::before { width: 21px; background: var(--color-2); height: 60px; left: 0; -webkit-transform: translate(0, -128%); -moz-transform: translate(0, -128%); -ms-transform: translate(0, -128%); -o-transform: translate(0, -128%); transform: translate(0, -128%); } .roulette:after { border-top: 30px solid transparent; border-left: 24px solid var(--color-2); border-bottom: 30px solid transparent; width: 0; height: 0; left: 19px; background: transparent; -webkit-transform: translate(0, -128%); -moz-transform: translate(0, -128%); -ms-transform: translate(0, -128%); -o-transform: translate(0, -128%); transform: translate(0, -128%); } .rouletteSliderItem { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #rouletteBtn { position: static; margin-top: 15px; max-width: 345px; width: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .rouletteSlider { position: relative; border-left: 0; width: 100%; } .sliderWithFraction .swiper-slide { height: auto; } .promotionCard p { margin-bottom: 25px; } .promotionCards { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .promotionCard { min-height: 100%; height: auto; padding-right: 50px; } .copyrightWrap { margin-left: 0; margin-top: 0; } .navigation li:not(:first-child) { margin-left: 20px; } .topAbout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .teamItem { width: -webkit-calc( -webkit-calc(100% / 2) - -webkit-calc(0rem * 2) ); width: -moz-calc( -moz-calc(100% / 2) - -moz-calc(0rem * 2) ); width: calc( calc(100% / 2) - calc(0rem * 2) ); } .teamItemImg { margin-right: 10px; } .vacancyList { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contactsItem .place { margin-right: 40px; } .contactsItemContent .title { font-size: 22px; } .cardPopup { width: 46%; } .cardTop .title, .contactsLink, .reviewItem .text { font-size: 17px; } .cardMore { font-size: 14px; } .reviewItem .images { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviewItem .img { width: 25%; } .projectGroupItem .exampleItemAbout { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; } .projectGroupItem .more { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .projectAbout .popupBtnMap { margin-bottom: 10px; font-size: 13px; } .exampleItemDocs h3, .exampleItemDocs .h3, .projectAbout .title { font-size: 22px; } .projectAbout .wrapper { padding: 25px; position: relative; } .aboutProduct h1, .aboutProduct .h1 { font-size: 30px; } .exampleItemAbout { margin: 15px 0 0; } .setItem { padding: 20px; } .setSection { padding-top: 50px; } .setItem .btn { font-size: 11px; } .innerContent img { max-width: 350px; } .innerGallery a { width: 30%; } } /*ANCHOR max-width: 993 */ @media screen and (max-width: 993px) { .stagesScroll { overflow: auto; margin: 0; } .navProduct { left: 15px; overflow: auto; } .navProduct ul { justify-content: flex-start; } .gallerySection { padding: 40px 0; } .aboutProduct { padding: 90px 30px 0; } .similarSection { padding: 20px 0; } .exampleProductSection { padding-top: 40px; } .innerSection { padding: 20px 0; } .aboutHeader { margin-bottom: 40px; } } /*ANCHOR max-width: 767 */ @media screen and (max-width: 767px) { .popup.active { position: relative; } .popupWindow { max-height: 100%; max-width: 100%; } .popupClose.desctop { display: none; } .popupClose::before { content: url(https://gorizont-sk.host4g.ru/bitrix/templates/gorizont/assets/img/icons/popup-close-mobile.svg); } .innerPage { padding-top: 0; } .subMenu { height: 0; } .breadcrumbs { margin-top: 20px; } .mainWrapper { overflow-x: hidden; } .topPanel { background: var(--color-6); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); } .swiper-pagination-bullet-active { width: 30px!important; } h2.footage, .h2.footage, .aboutHeader .description, .socialCard, .mainBannerLabel, .topPanel .btnLight, .topPanel a.phone, .dateWork, .sectionMap .title br, .sliderReview .sliderItemContent .quote::before, .offerBanner, .navigation::after, .phase:last-of-type { display: none; } .aboutPrice { margin: 0 auto; } .socialCard.mobileElement { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: auto; padding: 15px 0 ; margin: 0; width: 100%; max-width: 100%; margin: 0px 0 12px !important; } .socialCard.mobileElement .title { margin: 0 15px 0 0; } .socialCard .title img { margin-right: 15px; width: 32px; } .navigation a { width: 90%; } .dropmenu .arrow, .mobileElement { display: block; } .navFooter { border-top: 1px solid var(--color-5); padding-top: 18px; font-size: 13px; } .navFooter .title { margin-bottom: 10px; display: block; } .navigation .navigationSocial a { font-size: 28px; color: var(--color-3); background: var(--color-5); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .navigation .navigationSocial a:not(:last-child) { margin-right: 10px; } .burger { border: 0; outline: none; background: transparent; } .burger span { -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; width: 24px; height: 2px; display: block; background: #67748B; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .burger span:not(:last-child) { margin-bottom: 3px; } .subMenu .container { padding: 0; } .navigation { opacity: 0; position: fixed; top: -1000%; left: 0; background: #fff; z-index: -99; } .navigation.active { opacity: 1; height: 100vh; margin: 0; padding: 0; top: 59px; z-index: 999; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding: 16px 16px; } .mainOffer .wrapper, .navigation .menu { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .navigation .menu li { padding-bottom: 24px; width: 100%; position: relative; } .navigation li:not(:first-child) { margin-left: 0; } .subMenu { position: unset; } .burger.active span { -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin: 0; background: var(--color-3); } .burger.active span:nth-child(1) { -webkit-transform: rotate(45deg) translate(1px, 2px); -moz-transform: rotate(45deg) translate(1px, 2px); -ms-transform: rotate(45deg) translate(1px, 2px); -o-transform: rotate(45deg) translate(1px, 2px); transform: rotate(45deg) translate(1px, 2px); } .burger.active span:nth-child(2) { display: none; } .burger.active span:nth-child(3) { -webkit-transform: rotate(-45deg) translate(0, 0); -moz-transform: rotate(-45deg) translate(0, 0); -ms-transform: rotate(-45deg) translate(0, 0); -o-transform: rotate(-45deg) translate(0, 0); transform: rotate(-45deg) translate(0, 0); } .sectionMap .title, .mainOfferContainer { position: static; } .materialsList, .materialSmall, .offer, .sectionMap, .phase, .promotionCards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subMenu, .mainOffer .btn, .materialsList .materialsItem, .materialsItem, .promotionCard, .sectionMap .wrapper, .popular .btn, .phaseItem { width: 100%; max-width: 100%; } .promotionCard, .phaseItem .link { border: 0; min-height: auto; position: relative; } .phaseItem .link .arrow { position: absolute; bottom: 17px; right: 15px; } .promotionCard:nth-child(2n+2), .phaseItem:nth-child(3n+2) .link { border-top: 1px solid #C8D8E4; border-bottom: 1px solid #C8D8E4; } .mainOffer .btn, .mapSidebarItem { text-align: center; } .sliderReview .sliderItemContent, .sliderItemImg, .sliderWithFraction .sliderItemContent { width: 100%; } .popularItem { width: 49%; } .offerBannerTitle h1, .offerBannerTitle .h1, .bigCount, .promotionBigCount span { font-size: 45px; } h1.sectionTitle, .h1.sectionTitle { font-size: 30px; } /* h1.sectionTitle { text-align: left; } */ .mainOffer h1, .mainOffer .h1, .offerBannerTitle h1, .offerBannerTitle .h1, .sliderItemContent h1, .sliderItemContent .h1 { font-size: 24px; } .navigation a, .footerContacts h4, .footerContacts .h4, .socialSection h3, .socialSection .h3, .promotionCard h3, .promotionCard .h3, .reviewSlider .title, .sliderReview .sliderItemContent h3, .sliderReview .sliderItemContent .h3, .phaseItem h3, .phaseItem .h3, .offerTitleWithRoulette .title { font-size: 20px; line-height: 26px; } .footerContacts .phone, .materialsAbout h3, .materialsAbout .h3, .sliderReview .sliderItemContent .date, .promotionSmall h3, .promotionSmall .h3, .promotionBig h1, .promotionBig .h1, .popularItemBottom .price, .promotionBigCount, .offerPosition .name, .popularItem .name, .sectionOfferTitle { font-size: 17px; } .promotionBigCount { font-size: 20px; } .offerBannerTitle p, .address, .footerContacts .links, .materialsAbout p, .sliderReview .sliderItemContent .quote, .promotionCard p, .mapSidebarItem, .phaseItem .desc, .sliderItemContent p, .offerDescription p { font-size: 15px; } .subMenu a { font-size: 14px; margin-bottom: 5px; } .subMenuWrapper { padding-top: 15px; } .subMenuWrapper .desc { display: none; } .materialsBig h3, .materialsBig .h3 { font-size: 13px; } .promotionBigCount span { font-size: 50px; } .materialsBig h3, .materialsBig .h3 { margin: 0 auto 20px; } .sectionMap .wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .offer { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .sectionMap .wrapper, .sliderWithFraction .swiper-slide, .sliderReview .swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .sliderWithFraction .sliderItemContent { padding: 62px 15px 70px 15px; } .mapSidebar .btn { margin-top: 25px; width: 100%; max-width: 100%; text-align: center; } .mainOffer h1, .mainOffer .h1 { margin-left: 0; } .mainOffer .btn { margin-top: 15px; padding: 13px 0; border-radius: 0; } .reviewSlider .title, .sectionOffer { text-align: center; } .mapSidebar { width: 100%; padding: 30px; } .sectionMap .title { top: 0; left: 0; max-width: 100%; padding: 30px 15px; font-size: 24px; width: 310px; } .offerPerson { margin-bottom: 25px; } .promotionBigCount { margin-right: 0; } .promotionBig { max-width: 100%; padding: 20px; min-height: 61vw; } .promotionCard { padding: 20px; } .promotionCard .img { margin-top: 20px; } .sliderReview .sliderItemContent, .promotionSmall { padding: 15px; } .promotionSmall h3, .promotionSmall .h3 { line-height: 24px; } .sliderReview .sliderItemContent .quote { padding-left: 0; } .swiperButtons { bottom: 32px; right: 13px; } .footerNav { overflow: hidden; } .footerSection { padding-bottom: 115px; } .copyright { right: auto; bottom: auto; top: 129%; font-size: 13px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .copyrightWrap { margin: 0 0 0 10px; } .topPanel .logo { margin-right: 0; width: 150px; } .topPanel .logo img { width: 100%; } .topPanel { padding-bottom: 15px; position: relative; } .citySelect, .topAbout { margin: 0; } .mainOfferContainer { padding: 0; } .topAbout { margin-left: auto; margin-right: 30px; } .mainBanner img { height: 250px; } .offerBannerTitle { top: 15px; left: 0; } .mainBanner { height: auto; } .mainOffer { padding-top: 15px; } .changeCity { width: 300px; } .topPanel .btnLight.cityBtn { display: block; } .sectionPhase { margin-bottom: 0; padding-top: 10px; } .phaseItem h3, .phaseItem .h3 { margin-bottom: 12px; line-height: 26px; } .phaseItem .link { padding: 20px 85px 20px 15px; } .phaseItem .desc { line-height: 21px; } .offerTitleWithRoulette { padding: 23px 20px; } .offerTitleWithRoulette .title { margin-bottom: 32px; } .popular .sectionTitle { margin-bottom: 20px; } .popularItemBottom { padding: 21px 16px 21px 20px; } .popular { padding: 40px 0 30px; } .swiper-fraction { top: 62vw; left: 15px; font-size: 17px; } .sliderItemContent h1, .sliderItemContent .h1 { margin-bottom: 15px; } .sliderWithFraction .sliderItemContent { padding-bottom: 50px; } .sliderItemContent .btn { padding: 8px 53px; letter-spacing: 0em; text-align: center; } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,5px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,5px)); } .sectionMap .title .span a { padding-left: 35px; } .sectionMap .title .span a img { width: 20px; top: 3px; left: 3px; } .map { height: 400px!important; overflow: hidden; } .mapSidebarItem:not(:last-of-type) { margin-bottom: 25px; } .sectionOfferTitle { font-size: 17px; line-height: 26px; padding-top: 28px; } .offerDescription .btn { font-size: 13px; padding: 13px 75px; margin-top: -12px; font-weight: 500; letter-spacing: 0.04em; } .sectionPromotion { padding-top: 40px; } .promotionBig h1, .promotionBig .h1 { margin-bottom: 45px; } .promotionBigBanks img:first-child { width: 30px; } .promotionBigBanks img:last-child { width: 110px; } .promotionBigBanks { padding-bottom: 17px; margin-left: 30px; } .promotionCard h3, .promotionCard .h3 { margin-bottom: 8px; } .promotionCard p { line-height: 24px; } .promotionSmall { min-height: 64vw; } .promotionSmall { padding: 20px 15px; } .promotionSmall .btn { margin-top: 23px; font-size: 14px; line-height: 1.2em; padding: 10px 13px; width: 260px; } .reviewSlider .title br { display: block; } .reviewSlider .title { margin: 35px 0 25px; font-size: 24px; } .sliderReview .sliderItemContent h3, .sliderReview .sliderItemContent .h3 { margin-bottom: 10px; } .sliderReview .sliderItemContent .date { margin-bottom: 15px; } .sliderReview .sliderItemContent .quote p { line-height: 20px; margin-bottom: 18px; } .sliderReview .sliderItemContent { padding: 15px 15px 42px 15px; } .materialSection { padding: 35px 0 13px; } .materialSection h1, .materialSection .h1 { font-size: 24px; } .materialsItem { height: 54vw; } .materialsAbout { bottom: 20px; left: 20px; } .materialsAbout .flag, .materialsAbout h3, .materialsAbout .h3 { margin-bottom: 8px; } .footerNav { padding-top: 0; } .footerMenuTop { overflow: scroll; padding: 15px 0; border-top: 1px solid rgb(200 216 228 / 60%); border-bottom: 1px solid rgb(200 216 228 / 60%); margin-top: 20px; } .footerMenuTop ul { width: 850px; } .footerContacts { margin-top: 10px; } .copyright a img { width: 85px; } .teamItem { font-size: 15px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--color-7); padding: 20px; width: 48%; } .teamItem:not(:nth-child(2n)) { margin-right: 15px; } .teamItemImg { width: 100px; height: 100px; margin-bottom: 12px; } .contactsItemContent .title, .teamItem .name { font-size: 17px; } .contactsLink { font-size: 15px; } .choiceForm span { font-size: 13px; padding: 7px 5px; } .choiceForm .group { /* -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;*/ -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .choiceForm .btn-yes.filter-bottom { margin-left: 0; } .sliderReview .sliderItemContent .quote .more { position: static; } .more .text, .projectGroupItem { display: none; } .projectAbout, .sliderProject, .projectGroupItem.swiper-slide { display: block; width: 100%; } .more { position: absolute; bottom: 30px; right: 20px; } .exampleItemAbout { margin: 10px 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .sliderProject { overflow: hidden; position: relative; } .projectGroup { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sliderProject .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px)); background: transparent; border: 1px solid #fff; opacity: 1; } .sliderProject .swiper-pagination-bullet-active { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px))!important; background: #fff; } .aboutBody .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .aboutParams { padding: 0 0 40px 0; width: 100%; } .aboutBody a[data-fslightbox="gallery"] { max-width: 100%; width: 100%; } .planSection .phase:last-of-type { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .planSection .phaseItem { max-width: 445px; margin: 0 auto 10px; border: 1px solid var(--color-7)!important; } .equipmentItem { width: 50%; } .aboutBodyDesc { padding: 32px 0 0 0; margin-top: 50px; } .navProduct a { width: 150px; } a.navProductMore { height: 73px; } .navProduct a .img { height: 85px; } .mainBannerSlider { height: 250px; } .mainBannerSlider img { height: auto; } .mainBannerSlider .swiper-slide img { height: 100%; } .mainBannerSlider .swiper-button-next { width: 50px; bottom: 70px; } .mainBannerSlider .swiper-button-next span { display: none; } .mainBannerSlider .swiper-button-next .img { margin-right: 0; } .setScroll { overflow: auto; } .setList { width: 800px; } .exampleItem { width: -webkit-calc(-webkit-calc(100% / 2) - -webkit-calc(0.63rem * 2)); width: -moz-calc(-moz-calc(100% / 2) - -moz-calc(0.63rem * 2)); width: calc(calc(100% / 2) - calc(0.63rem * 2)); } .setSectionWithotPrice { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .innerContent img { max-width: 100%; margin: 20px 0; float: none; } .innerGallery a { width: 45%; } .subMenu { height: 0; } .footerSection { padding-top: 25px; } .projectAbout .exampleItemAbout { margin: 10px 0 0; } .filterList span { color: #000000; border: 1px solid #000000; } .filterListWrap p { color: #000; } .filterListWrap { margin-top: 20px; } .filterList label input:checked ~ span { background: var(--color-5); border: 1px solid var(--color-4); backdrop-filter: none; } .filterList { margin: 0 auto 10px; width: 100%; justify-content: center; } .popupBody .swiper-pagination-bullet-active { width: 10px!important; } } /*ANCHOR max-width: 568 */ @media screen and (max-width: 568px) { h1, .h1 { font-size: 30px; font-weight: 400; } .innerSection .title { font-size: 20px; font-weight: 400; } .equipmentItem { width: 100%; border: 0; border-bottom: 1px solid var(--color-7); } .exampleList { margin: 0; } .exampleItemDocs, .exampleItem { width: 100%; margin: 0 0 20px; } .popularItem { width: 100%; } .gallery li { width: var(--width-2); } .navProduct { overflow: auto; } .vacancyItem { padding: 20px; } .cardTop .title, .vacancyItem .title, .faq h4, .faq .h4, .portfolio h2, .portfolio .h2 { font-size: 17px; } .reviewItem .text, .vacancyItem .desc { font-size: 15px; font-weight: 400; } .vacancyItem .btn { font-size: 14px; } .vacancyItem .salary { font-size: 13px; } .faq h4, .faq .h4 { height: 100%; min-height: 30px; width: 75%; } .faq { padding: 10px 15px; } .faq .icon { top: 5px; width: 40px; height: 40px; right: 10px; } .faq.active .faqText { margin-top: 25px; } .vacancy .title { margin-bottom: 15px; } .vacancyItem .btn, .libraryItem { width: 100%; } .innerDesc, .libraryItem { font-weight: 400; font-size: 15px; } .offerDescription .btn { padding: 13px 30px; } .teamList { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cardPopup, .teamItem { width: 100%; } .teamItem:not(:nth-child(2n)) { margin-right: 0; } .contactsItem { border: 1px solid var(--color-7); -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .reviewItem, .contactsItemContent { padding: 20px; } .contactsItem .place { margin: 0; border: 0; } .contactsList { padding: 0; } .innerSection .cardsWrapper { margin-bottom: 30px; } .reviewItem .img { width: 43%; } .portfolioMore { height: 160px; } .portfolioMore h4, .portfolioMore .h4 { font-size: 17px; line-height: 24px; } .choiceForm .group:not(:last-child) { margin-right: 0; } .choiceForm { flex-wrap: wrap; flex-direction: column; } .innerGallery a { width: 100%; } .breadcrumbs { font-weight: 400; font-size: 13px; } .innerSection .innerTitle { font-size: 24px; } .innerContent h3, .innerContent .h3 { font-size: 20px; } } /* End */ /* Start:/bitrix/templates/gorizont/assets/css/new_page.css?172029931618475*/ .filterSelectWrap .group, .filterSelectWrap, .filterSelectWrap .title, .filterMobileActive, .filterMobileChange, .filterMobileRes { display: none; } .breadcrumbs ul { color: #67748B; justify-content: center; } .breadcrumbs ul a { color: #67748B; } .breadcrumbs li { font-size: 13px; font-weight: 500; } .bg-grey { padding: 60px 0 0 0; text-align: center; background: #EEF3FC; } .textSection { font-size: 20px; font-weight: 500; margin-bottom: 60px; } .textSection a { color: #1788E0; } .offerPage .sectionTextInfo { font-size: 20px; max-width: 670px; margin: -20px auto 0; } .popupClose img { display: block; } .filterSelect { width: 32%; position: relative; } .filterSelect:after { content: ''; display: block; border: 6px solid transparent; border-top: 7px solid #333333; position: absolute; top: 57%; right: 20px; transform: translate(0, -50%); } .smartfilterSelect #set_filter { border: 1px solid #6FD40A; background: #6FD40A; color: #fff; width: 267px; padding: 0; } .smartfilterSelect .group { margin-bottom: 0; } .smartfilterSelect { gap: 12px; /*flex-wrap: nowrap;*/ } .noSearch .innerSection { background: #EEF3FC; } .noSearch .innerSection .sectionTitle { display: none; } .sectionDesc { font-size: 20px; font-weight: 500; text-align: center; } .sectionDesc a { color: #1788E0; } .noSearch .title { text-align: center; } .noSearch .similarSection { padding: 20px 0 60px; } .popupClose::before { display: none; } .ppc-select-val-filter option { color: var(--color-1)!important; outline-color: transparent; } .topPanel { border-bottom: 1px solid #C8D8E4; } .gallerySection { padding: 50px 0 0; } .exampleProductSection { padding-top: 50px; } @media screen and (max-width: 1680px) { .sectionProduct .aboutProduct .navProduct .dFlex { flex-wrap: wrap; justify-content: flex-start; } } @media screen and (max-width: 1200px) { .offerPage .sectionTextInfo { margin: -20px auto 20px; } } @media screen and (max-width: 993px) { .breadcrumbs ul { justify-content: flex-start; } .choiceForm { display: none; } .filterSelectWrap { display: flex; margin-bottom: 30px; } .filterSelectPopup.open .filterSelectWrap { margin-bottom: 0; } .filterSelect { width: 32%; position: relative; } .filterSelect:after { content: ''; display: block; border: 6px solid transparent; border-top: 7px solid #333333; position: absolute; top: 57%; right: 20px; transform: translate(0, -50%); } .offerPage .sectionTextInfo { font-size: 17px; } .smartfilterSelect #set_filter { width: 217px; } .smartfilterSelect { display: flex; } .smartfilterSelect ~ .filterSelectPopup { display: none; } section.aboutProduct.dFlex.fdc.aic.ppc-price { padding-bottom: 40px!important; } section.aboutProduct.dFlex.fdc.aic.ppc-price:before { content: ''; display: block; height: 1px; width: 110%; background: var(--color-7); left: 0; margin-top: -15px; margin-bottom: 30px; } } @media screen and (max-width: 568px) { .smartfilterSelect { display: none; } .smartfilterSelect ~ .filterSelectPopup { display: block; } .filterSelectWrap { display: flex; position: fixed; flex-direction: column; width: 100%; bottom: -40px; left: 0; right: 0; background: #fff; z-index: -99999; padding: 20px 16px; transform: translate(0%, 100%); transition: all .3s ease; } .filterSelect { width: 100%; } .filterSelect:not(:last-child) { margin-bottom: 12px; } .filterSelectWrap .title { font-size: 20px; display: block; } .filterSelectWrap { align-items: flex-start; } .filterSelectWrap .group { display: flex; justify-content: space-between; width: 100%; } .filterSelectWrap .group input { width: 49%; } #set_filter, #del_filter { font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 0; } #del_filter { border: 1px solid #C8D8E4; color: #1788E0; } #set_filter { border: 1px solid #6FD40A; background: #6FD40A; color: #fff; } .filterSelectPopup .overlay { position: fixed; top: 0; left: 0; background: rgb(0 0 0 / 40%); width: 100%; height: 100%; z-index: -2222222; opacity: 0; } .filterMobileActive, .filterMobileChange { display: block; border: 1px solid #C8D8E4; background: transparent; width: 100%; padding: 9px 0; font-size: 13px; font-weight: 500; color: #333333; margin-bottom: 15px; } .filterMobileRes { color: #67748B; background: transparent; border: 0; outline: none; display: block; text-align: center; width: 100%; margin-bottom: 30px; } .filterMobileChange { text-align: center; color: #1788E0; } .filterSelectPopup.open .filterSelectWrap { transform: translate(0%, 0%); bottom: 0; z-index: 999999999999999; } .filterSelectPopup.open .overlay { z-index: 22; opacity: 1; } .textSection { font-size: 17px; margin-bottom: 30px; } .bg-grey { padding: 30px 0 0 0; } .offerPage .sectionTextInfo { font-size: 15px; } h1.sectionTitle, .h1.sectionTitle { font-size: 20px; } } /* Страница продукта */ .sectionProduct { display: flex; flex-direction: row-reverse; margin-top: 62px; border-top: 1px solid #C8D8E4; overflow: hidden; } .sectionProduct .productSliderFlex { min-width: 0; width: 50%; } .sectionProduct .aboutProduct { width: 50%; align-items: flex-start; padding: 80px 60px 60px; } .sectionProduct .productSliderFlex .navProduct, .mainBannerSlider .swiper-button-next, .mainBannerSlider .swiper-button-prev { display: none; } .sectionProduct .aboutProduct .navProduct { position: unset; margin-top: 22px; border-bottom: 1px solid #C8D8E4; padding-bottom: 43px; } .productPage .breadcrumbs { position: absolute; top: 0; left: 60px; max-width: 570px; padding-top: 145px; overflow: hidden; } .productPage .breadcrumbs ul { flex-wrap: nowrap!important; width: 145%; justify-content: flex-start; } .aboutPrice { margin-left: 0; flex-direction: column; align-items: flex-start; } .aboutHeader .aboutPrice .btn { margin: 40px 0 45px 0; } .sectionProduct .aboutProduct .navProduct a { width: 175px; } .sectionProduct .aboutProduct .navProduct a .img { height: 105px; } .sectionProduct .exampleItemAbout .place:not(:last-child) { margin-right: 45px; } .sectionProduct .exampleItemAbout { margin: 30px 0 16px; } .aboutProductPage .aboutBodyDesc { padding: 50px 220px 50px 60px; border: 0; margin: 0; width: 50%; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--color-7); } .aboutProductPage { border-top: 1px solid var(--color-7); border-bottom: 1px solid var(--color-7); } .aboutProductPage .aboutParams { padding: 0; width: 100%; } .aboutBodyImage { width: 50%; display: flex; align-items: center; justify-content: center; padding: 70px 0; } .aboutBodyImage .img { width: 90%; } .productPage h1.sectionTitle { display: none; } .mainBanner.mainBannerSlider { height: auto; pointer-events: none; } .ppc-fasad-main { flex-direction: column; display: flex; } .ppc-fasad-main { flex-direction: column; left: 100%; display: flex; } .ppc-fasad-main .swiper-slide:nth-child(3), .ppc-fasad-main .swiper-slide:nth-child(4) { display: none; } @media screen and (max-width: 993px) { .mainBanner.mainBannerSlider { height: 635px; } .ppc-fasad-main { flex-direction: unset; left: 0; } .ppc-fasad-main .swiper-slide:nth-child(3), .ppc-fasad-main .swiper-slide:nth-child(4) { display: block; } .mainBanner.mainBannerSlider { pointer-events: unset; } } @media screen and (max-width: 1440px) { .sectionProduct { margin-top: 142px; } .productPage .breadcrumbs { padding-top: 13px; } .aboutProduct .place img { width: auto; } } @media screen and (max-width: 1300px) { .aboutProductPage .aboutBodyDesc { padding: 50px 90px 50px 60px; } .sectionProduct .aboutProduct .navProduct a { width: 136px; } .productPage .breadcrumbs { max-width: 470px; } .sectionProduct .aboutProduct .navProduct a .img { height: 84px; } .sectionProduct .aboutProduct .navProduct a span { font-size: 13px; } } @media screen and (max-width: 1200px) { .sectionProduct .aboutProduct { padding: 60px 20px 60px; } .productPage .breadcrumbs { max-width: 45vw; top: -10px; left: 20px; padding-top: 0; } .aboutPrice { text-align: left; } .aboutPrice .dFlex.fdc.aifs { align-items: flex-start; } .aboutProductPage .aboutBodyDesc { padding: 50px 35px 50px 20px; } } @media screen and (max-width: 993px) { .sectionProduct { flex-direction: column; } .sectionProduct .productSliderFlex { min-width: 0; width: 100%; } .sectionProduct .productSliderFlex .navProduct, .mainBannerSlider .swiper-button-next { display: block; } .sectionProduct .productSliderFlex .navProduct ul { justify-content: center; } .sectionProduct .aboutProduct .navProduct { display: none; } .sectionProduct .aboutProduct { padding: 110px 15px 60px; width: 100%; align-items: center; } .aboutPrice { align-items: center; } .aboutPrice .dFlex.fdc.aifs { align-items: center; } .aboutHeader .description, .aboutPrice .text { display: none; } .mainBannerSlider .swiper-button-prev { top: 45%; width: 40px; left: 10px; bottom: auto; background: #fff; position: absolute; display: flex; } .mainBannerSlider .swiper-button-next { top: 45%; width: 40px; left: auto; right: 10px; bottom: auto; background: #fff; display: flex; } .aboutBodyImage .img { width: 80%; } .aboutHeader { margin-bottom: 0; } .aboutHeader .aboutPrice .btn, .sectionProduct .exampleItemAbout { margin: 0; } .sectionProduct { margin-top: 180px; } .productPage .breadcrumbs { max-width: 100vw; top: -40px; left: 18px; padding-top: 0; } } @media screen and (max-width: 768px) { .navProduct a .img { height: 85px; padding-bottom: 10px; border-bottom: 4px solid transparent; margin-bottom: 5px; } .mainBanner.mainBannerSlider { height: 390px; } } @media screen and (max-width: 767px) { .sectionProduct { margin-top: 0; } .aboutHeader { order: 1; } .aboutProductPage { flex-direction: column; } .aboutProductPage .aboutBodyDesc { padding: 20px 15px; width: 100%; border: 0 } .aboutBodyImage { width: 100%; } .aboutBodyImage .img { width: 70%; } .navProduct a .img { margin-bottom: 5px; } .navProduct span { font-size: 13px; } .productPage .innerPage { padding-top: 50px; border: 0; /*border-top: 1px solid var(--color-7);*/ position: relative; } .productPage .breadcrumbs { max-width: 90%; top: 46px; left: 15px; padding-top: 0; z-index: 3; overflow: auto; } .aboutProduct .title { position: absolute; top: 33px; left: 15px; } .aboutProduct .exampleItemAbout { justify-content: center; width: 100%; } .aboutProduct .place img { width: 24px; margin-right: 9px; } .sectionProduct .exampleItemAbout .place:not(:last-child) { margin-right: 10px; } } @media screen and (max-width: 576px) { .sectionProduct .productSliderFlex .navProduct ul { justify-content: flex-start; padding-bottom: 10px; } } /* Секция с прогрессом работы */ .progressSection { padding: 50px 60px 35px; } .progressTableRow { display: flex; width: 100%; } .progressTableRow.line { position: relative; } .progressTableCol { height: 76px; background: rgb(111 212 10 / 3%); width: 25%; border: 1px solid #C8D8E4; margin-right: -1px; } .progressTableRow:not(:nth-child(4)) .progressTableCol { margin-bottom: -1px; } .progressTableCol.head, .progressTableRow.price .head { width: 286px; background: #fff; display: flex; flex-direction: column; justify-content: center; font-size: 20px; padding: 0 16px; font-weight: 400; font-family: var(--ff-p); } .step-1 .progressTableRow.line .progressTableCol:nth-child(1) { background: rgb(111 212 10 / 15%); } .step-2 .progressTableRow.line .progressTableCol:nth-child(2) { background: rgb(111 212 10 / 15%); } .step-3 .progressTableRow.line .progressTableCol:nth-child(3) { background: rgb(111 212 10 / 15%); } .step-4 .progressTableRow.line .progressTableCol:nth-child(4) { background: rgb(111 212 10 / 15%); } .progressTableTrack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .step { position: absolute; background: #6FD40A; height: 43px; z-index: 1; } .priceBlock { width: 30%; font-size: 30px; padding: 20px; height: 128px; display: flex; flex-direction: column; margin-top: 20px; justify-content: flex-end; font-weight: 400; font-family: var(--ff-p); } .priceBlock span { font-size: 15px; font-weight: 500; font-family: var(--ff-m); } .priceBlock span:not(:last-child) { margin-bottom: 5px; } .step-1 .progressTableRow.line .priceBlock:nth-child(1) { background: rgb(111 212 10 / 15%); } .step-2 .progressTableRow.line .priceBlock:nth-child(2) { background: rgb(111 212 10 / 15%); } .step-3 .progressTableRow.line .priceBlock:nth-child(3) { background: rgb(111 212 10 / 15%); } .step-4 .progressTableRow.line .priceBlock:nth-child(4) { background: rgb(111 212 10 / 15%); } @media screen and (max-width: 1350px) { .priceBlock { font-size: 24px; } } @media screen and (max-width: 1200px) { .progressSection { padding: 50px 0 35px; } .progressTableCol.head, .progressTableRow.price .head { font-size: 16px; } .priceBlock { height: 104px; } } @media screen and (max-width: 993px) { .priceBlock { font-size: 22px; } .progressTable { width: 1075px; } .progressTableScroll { overflow: auto; } } @media screen and (max-width: 576px) { .progressTableCol { height: 58px; } .priceBlock { font-size: 16px; } .priceBlock span { font-size: 13px; } .progressTableCol.head, .progressTableRow.price .head { font-size: 12px; } .progressTableCol.head, .progressTableRow.price .head { width: 161px; } .priceBlock { height: 86px; } } /* Страница с картой */ .search .title { text-align: left; margin-bottom: 20px; } .search { padding: 50px 60px; margin-top: 50px; } .searchHome { display: flex; height: 865px; overflow: hidden; } .searchHomeScroll { height: 865px; overflow: auto; width: 37%; min-width: 525px; } .searchHomeScroll::-webkit-scrollbar { width: 5px; background-color: #f9f9fd; } .searchHomeScroll::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #6FD40A; } .searchHomeScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: #f9f9fd; } .searchHomeMap { width: 67%; height: 100%; } .searchHomeListItem { position: relative; } .searchHomeListItem .btn { position: absolute; bottom: 20px; z-index: 1; background: #EEF3FC; border: 1px solid #C8D8E4; right: 20px; color: #1788E0; text-transform: uppercase; font-size: 14px; font-weight: 700; } .searchHomeListItem .img { position: relative; } .searchHomeListItemAbout { position: absolute; z-index: 1; bottom: 20px; left: 20px; color: #fff; font-size: 20px; width: 44%; } .searchHomeListItemAbout .title { margin: 0; } .searchHomeListItemAbout .count { font-size: 13px; } .changeMap { display: none; } .sectionProduct .aboutProduct .navProduct .dFlex { align-items: flex-start; } .sectionProduct .aboutProduct .navProduct a.navProductMore { height: 92px; } .phaseItem .count { font-size: 100px; font-family: var(--ff-p); display: flex; flex-direction: column; } .phaseItem .count span { font-size: 22px; line-height: 0em; } .phaseItem .desc { margin-bottom: 16px; } .phaseItem { position: relative; } .phaseItem .arrow { position: absolute; right: 55px; bottom: 20px; } .innerSection .similarSection.ppc-not-result { padding-bottom: 60px; margin: 0 -58px -90px; } @media screen and (max-width: 1640px) { .innerSection .similarSection.ppc-not-result { padding-bottom: 60px; margin: 0 -15px -90px; } } @media screen and (max-width: 1200px) { .search { padding: 50px 20px; margin-top: 50px; } .searchHomeScroll { min-width: 450px; } .searchHomeMap .map { height: 100%!important; overflow: hidden; } } @media screen and (max-width: 1200px) { .searchHomeScroll { min-width: 390px; } .searchHomeListItem .btn { position: unset; width: 100%; text-align: center; } } @media screen and (max-width: 993px) { .phaseItem .count { font-size: 50px; } .phaseItem .count span { font-size: 20px; } .phaseItem .arrow { right: 20px; } } @media screen and (max-width: 767px) { .searchHomeListItemAbout { font-size: 15px; width: 100%; display: flex; justify-content: space-around; left: 0; align-items: center; } .searchHomeScroll { min-width: 270px; } .searchHome, .searchHomeScroll { height: 678px; } .mainBanner.mainBannerSlider { height: 250px; } .phase:last-of-type { display: block; } .phaseItem:nth-child(3n+2) .link { border-left: 0; border-right: 0; } .phaseItem .count { font-size: 30px; } .phaseItem .count span { font-size: 17px; line-height: 1em; } } @media screen and (max-width: 568px) { .search .title { display: none; } .search { padding: 0; margin-top: 20px; background: transparent; } .search .filterMobileActive { background: #6FD40A; border: 0; color: #fff; text-transform: uppercase; font-size: 14px; height: 44px; } .changeMap { display: block; color: #1788E0; font-size: 15px; font-weight: 400; } .changeMap span { display: none; } .changeMap span.active { display: block; } .searchHome { height: auto; } .searchHomeMap, .searchHomeScroll { display: none; } .searchHomeMap.active, .searchHomeScroll.active { display: block; height: auto; min-width: 100%; overflow: unset; } .searchHomeMap { height: 500px!important; } .sectionDesc { display: flex; justify-content: space-between; } .searchHomeListItem { position: relative; margin-bottom: 16px; display: block; } } /* End */ /* Start:/bitrix/templates/gorizont/assets/css/cookies.css?17509256781306*/ :root { --black: #070707; --white: #fff; --blue: #6fd50a; } /* куки */ #cookie_note{ bottom: 40px; position: fixed; right: 24px; transform: translateX(-85px); width: 290px; z-index: 1000; background-color: var(--black); border-radius: 20px; box-sizing: border-box; color: #f5f7fa; flex-direction: column; padding: 10px 20px 20px 20px; } .cookie-title { font-size: 20px; font-weight: 700; letter-spacing: .4px; line-height: 24px; } #cookie_note p { margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: .2px; margin: 5px 0 0; } #cookie_note a { color:#f5f7fa; text-decoration: underline; } .cookie_accept { background: var(--blue); color: var(--white); width: 100%; cursor: pointer; border-radius: 8px; padding: 10px 16px; font-weight: 700; margin-top: 16px; border: none; } .cookie_accept:hover { color: #fff; background-color: #85ed1f; } #cookie_note p { text-align: justify; } /* Responsive */ @media (min-width: 576px){ #cookie_note { display: flex; } } @media (max-width: 575px){ #cookie_note { display: block; text-align: left; } } @media (max-width: 450px){ #cookie_note { width: 90%; right: 20px; transform: translateX(0px); } .online-chat-root-TalkMe #supportTrigger { right: 5px !important; } } /* End */ /* Start:/bitrix/templates/gorizont/styles.css?17509254515544*/ .topPanel { left: 0; } .ppc-text-block a { color: #1788e0 !important; } .ppc-text-block ul{ max-width:100%; margin: 15px; } .ppc-text-block li{ margin-bottom: 5px; } .innerTitle.ppc-h1 { max-width: 100%; font-size: 40px; } /*Оформление таблицы*/ .ppc-text-block table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; border-collapse: collapse; color: #686461; } .ppc-text-block caption { padding: 10px; color: white; background: #8FD4C1; font-size: 18px; text-align: left; font-weight: bold; } .ppc-text-block th { border-bottom: 3px solid #B9B29F; padding: 10px; text-align: left; } .ppc-text-block td { padding: 15px; border: 1px solid #ccc; } .ppc-text-block tr:nth-child(odd) { background: #fff; } .ppc-text-block tr:nth-child(even) { background: #eef3fc; } /*Оформление таблицы*/ .innerContent p, .innerContent h1, .innerContent h2, .innerContent h3, .innerContent h4, .innerContent h5, .innerContent h6 { max-width: 100%; } section.planSection, .container section.setSection{ padding-top: 20px; } section.aboutProduct.dFlex.fdc.aic.ppc-params { padding-top: 0px; } .stagesWrap { padding-bottom: 50px; } section.aboutProduct.dFlex.fdc.aic.ppc-price { padding-bottom: 0px; } /*Картинки промо акций*/ .promotionBig, .promotionSmall { background: transparent; } .promotionImage { position: absolute; left: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; object-fit: cover; } /*Картинка плана с увеличением*/ .aboutBody a.img { position: relative; } .aboutBody a.img::after { content: url(/bitrix/templates/gorizont/assets/css/../img/icons/search.svg); position: absolute; opacity: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .aboutBody a.img:hover::after, .aboutBody a.img:hover::before { opacity: 1; } .aboutBody a.img::before { content: ''; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 30%); z-index: 1; position: absolute; } .similarSection .bgGreen { max-width: 250px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 15px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0; margin-top: 22px; } .sectionOfferDesc.ppc-not-element { text-align: center; font-size: 25px; } .form.inline.success { text-align: center; font-size: 15px; font-weight: bold; } .popupBody .form-body .row { margin-bottom: 16px; } .popupBody .form-body .row label { font-size: 12px; margin-bottom: 7px; display: block; } .popupBody input#FILE { padding-top: 10px; } .popupBody .hint { font-size: 12px; color: #ccc; } .required-star { color: #ff0000; } label.error, .error2 { color: #e02222 !important; } .input.error input,.input.error textarea{border-color:#e02222;} .form-body .row.NAME_FORM, .form-body .row.URL, .form-body .row.NAME_FORM_2, .form-body .row.URL_2{ display: none; } #city img { max-width: 20px; } .ppc-set-city.active{ background: var(--color-2); color: #fff; border-color: transparent; } .popupBody ol li { list-style-type: decimal; margin-left: 20px; } .popupBody ol, .popupBody ul { margin: 10px 0 10px 0; } .popupBody ul li { list-style-type: square; margin-left: 20px; } .popupWindow .h4{ margin-top: 10px; } .popupWindow .salary { font-weight: bold; margin-bottom: 10px; } .ppc-submit-filter-main{ display: none; } span.ppc-submit-block-filter-main { display: block; height: 90px; } .title.ppc.h2 { max-width: 100%; } .ppc-main-banner { position: relative; height: 690px; overflow: hidden; } .bgTitle .span { padding: 0; padding: 5px 10px; display: block; /*background: transparent; color: #fff;*/ box-shadow: none; font-size: 25px; } /*.mainOfferContainer .mainOffer .h1 { margin-left: 16px; margin-left: 0; position: absolute; bottom: 56px; right: 30px; }*/ .bgTitle { max-width: 740px; } .bgTitle .span { padding: 5px 10px; font-size: 38px; } .ppc-main-banner img { object-position: top; } @media screen and (max-width: 767px) { .mainOfferContainer .mainOffer .h1 { position: unset; } .bgTitle .span { padding: 0; } .bgTitle .span { padding: 0; font-size: 18px; position: absolute; top: -52px; z-index: 2; background: transparent; color: #fff; } .mainOfferContainer { padding: 0; position: relative; } .filterListWrap { margin-top: 20px; display: none; } .ppc-main-banner { height: auto; } } .sectionMap .bgTitle .span { font-size: 42px; } p.form-error { color: red; padding-bottom: 15px; } .form-body .inputfile { padding-top: 10px; } .ppc-form-success { text-align: center; } .ppc-form-success span { color: #6fd50a; font-size: 40px; } .ppc-count-alement, .mainBannerLabel.ppc{ display:none; } .formOrderItem__radio { cursor: pointer; } .UTM_SOURSE, .UTM_URL{ display:none; } .logo img { max-width: 236px; } @media screen and (max-width: 768px) { .footerContacts.dFlex.ppc-header-mobile { display: none; } } @media screen and (max-width: 767px) { .footerContacts.dFlex.ppc-header-mobile { display: flex; } } /* End */ /* Start:/bitrix/templates/gorizont/template_styles.css?17509254511833*/ .consultation-desktop { display:flex; position: absolute; top:0; right:60px; width: 401px; padding: 20px; flex-direction: column; gap: 32px; background: rgba(255, 255, 255, 0.60); backdrop-filter: blur(12px); } .consultation-desktop a { text-align:center; } .consultation-mobile { display:none; } @media screen and (max-width: 1024px) { .consultation-desktop { display:none; } .consultation-mobile { display: flex; padding: 32px 20px; align-items: center; align-self: stretch; background: #EEF3FC; } .consultation-mobile h4 { max-width:248.363px; width:100%; margin-right: 20px; } .consultation-mobile .offerPerson { flex-direction:row; align-items: center; gap: 16px; margin-right: auto; } .consultation-mobile .offerPerson .rhomb { margin:0; } } @media screen and (max-width: 840px) { .consultation-mobile { flex-wrap:wrap; gap: 20px; } .consultation-mobile .offerPerson { margin-right: 20px; margin-bottom: 0px; } .consultation-mobile h4 { font-size: 17px; font-style: normal; font-weight: 400; line-height: 24px; /* 141.176% */ max-width:343px; } .consultation-mobile .btn.bgGreen { display: flex; height: 44px; padding: 20px; justify-content: center; align-items: center; gap: 10px; align-self: stretch; width:100%; } } @media screen and (max-width: 768px) { .consultation-mobile { margin-top:-15px; } } @media screen and (max-width: 440px) { .consultation-mobile { display: flex; padding: 16px; align-items: flex-start; align-self: stretch; gap: 24px; } .consultation-mobile .offerPerson { margin-right: 0px; } } @media screen and (max-width: 320px) { .mainBanner .bgTitle .span { font-size:17px; } } @media screen and (max-width: 767px) { .popupClose{ width: 35px; height: 35px; background: #ccc; } } /* End */ /* /bitrix/templates/gorizont/assets/fonts/monserrat/stylesheet.css?17202993168483 */ /* /bitrix/templates/gorizont/assets/fonts/prosto_one/stylesheet.css?1720299316483 */ /* /bitrix/templates/gorizont/assets/lib/font-icon/css/font-icon.css?17202993161042 */ /* /bitrix/templates/gorizont/assets/lib/swiper/swiper-bundle.min.css?172029931616479 */ /* /bitrix/templates/gorizont/assets/css/style.css?172029931684354 */ /* /bitrix/templates/gorizont/assets/css/media.css?172029931649509 */ /* /bitrix/templates/gorizont/assets/css/new_page.css?172029931618475 */ /* /bitrix/templates/gorizont/assets/css/cookies.css?17509256781306 */ /* /bitrix/templates/gorizont/styles.css?17509254515544 */ /* /bitrix/templates/gorizont/template_styles.css?17509254511833 */