/* Start:/bitrix/templates/ttcauto/css/libs.min.css?170206200027433*/ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-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-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0 ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0 ease 0;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:20px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/ttcauto/css/swipebox/swipebox.css?16708716006016*/ /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(/bitrix/templates/ttcauto/css/swipebox/../../images/swipebox/loader.gif) no-repeat center center; } #swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-bottom-bar { /*bottom: -50px;*/ } /*#swipebox-bottom-bar.visible-bars {*/ /* -webkit-transform: translate3d(0, -50px, 0);*/ /* transform: translate3d(0, -50px, 0);*/ /*}*/ #swipebox-top-bar { top: -50px; } #swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-prev { background-image: url(/bitrix/templates/ttcauto/css/swipebox/../../images/prev.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 68px; height: 68px; } #swipebox-next { background-image: url(/bitrix/templates/ttcauto/css/swipebox/../../images/next.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 68px; height: 68px; } #swipebox-close { background-image: url(/bitrix/templates/ttcauto/css/swipebox/../../images/swipebox/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; } #swipebox-prev { /*background-position: -32px 13px;*/ float: left; } #swipebox-next { /*background-position: -78px 13px;*/ float: right; } #swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; } .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0px 10px -8px #656565; box-shadow: inset 10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0px 10px -8px #656565; box-shadow: inset -10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; } .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } /* Skin --------------------------*/ #swipebox-overlay { background: #0d0d0d; } #swipebox-bottom-bar { height: 100%; display: none; justify-content: center; align-items: center; } #swipebox-top-bar { text-shadow: 1px 1px 1px black; background: #000; opacity: 0.95; } #swipebox-top-bar { color: white !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; } @media screen and (min-width: 800px) { #swipebox-close { right: 10px; } #swipebox-arrows { width: 95%; /*max-width: 800px;*/ } #swipebox-bottom-bar { display: flex; } } /* End */ /* Start:/bitrix/templates/ttcauto/components/bitrix/menu/top-menu/style.css?17636204617778*/ .header__menu ul { display: flex } .header__menu > ul > li > a { display: inline-flex; text-transform: uppercase; color: #fff; padding: 0px 25px; position: relative; font-weight: 500; font-size: 13px; line-height: 150%; text-align: center; text-transform: uppercase; color: #0C0C0B; border-right: 1px solid #DCDCDC; } .header__menu > ul > li:nth-child(1){ display: none; } .header__menu > ul > li:nth-child(2) > a{ position: relative; } .header__menu > ul > li:nth-child(2) > a:before{ content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' fill='%230C0C0B'/%3E%3Crect x='6' width='4' height='4' fill='%230C0C0B'/%3E%3Crect y='6' width='4' height='4' fill='%230C0C0B'/%3E%3Crect x='6' y='6' width='4' height='4' fill='%230C0C0B'/%3E%3C/svg%3E%0A"); width: 10px; height: 10px; position: absolute; left: 0px; top: 50%; margin-top: -5px; } .header__menu > ul > li:last-child > a{ border-right: 0; } .header__menu ul li a:hover{ color: #6d6d6d; } .header__menu ul li.active > a::after, .header__menu ul li:hover > a::after, .header__menu ul li > a:hover::after { opacity: 1; transition: all .3s } .header__menu ul li.menu-item-has-children { } .header__menu ul li.menu-item-has-children > .drop-menu { position: absolute; left: 0; top: 100%; z-index: 10; display: flex; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all .3s; width: 100vw; flex-direction: column; background-color:rgba(0, 0, 0, 0.8); height: 100vh; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-bg{ background: #F5F5F7; } .header__menu ul li.menu-item-has-children > .drop-menu a.get-catalog{ display: flex; width: 100%; align-items: center; justify-content: center; gap: 10px; padding: 15px 0px; font-style: normal; font-weight: 500; font-size: 13px; color: #0C0C0B; background: #fff; text-transform: uppercase; transition: all .3s; } .header__menu ul li.menu-item-has-children > .drop-menu a.get-catalog:hover{ background: #FFBB00; } .header__menu ul li.menu-item-has-children > .drop-menu a.get-catalog svg{ flex-shrink: 0; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper{ margin: 0 auto; max-width: 1140px; width: 100%; position: relative; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-close{ width: 40px; height: 40px; background: #F5F5F7 url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.3L11.7 0L6.5 5.2L1.3 0L0 1.3L5.2 6.5L0 11.7L1.3 13L6.5 7.8L11.7 13L13 11.7L7.8 6.5L13 1.3Z' fill='black'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; position: absolute; cursor: pointer; top: 25px; left: -20px; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block{ display: flex; flex: 1; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul{ flex: 1; border-right: 1px solid #FFFFFF; flex-direction: column; padding: 30px; gap: 10px; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block.drop-menu-about-block ul{ flex-direction: row; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul:first-child{ border-left: 1px solid #FFFFFF; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul a{ text-transform: uppercase; font-style: normal; font-weight: 500; font-size: 13px; color: #0C0C0B; padding: 0px 20px; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul li.menu-lvl-2 a{ text-transform: initial; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul a:hover{ color: #6d6d6d; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul li img{ width: 100%; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul a strong{ font-size: 14px; font-weight: 600; } .header__menu ul li.menu-item-has-children > .drop-menu.active { opacity: 1; visibility: visible; transform: translateY(0); transition: all .3s } /*.header__menu ul li.menu-item-has-children:hover > .drop-menu { opacity: 1; visibility: visible; transform: translateY(0); transition: all .3s }*/ @media (max-width: 992px) { .header__menu ul li a{ font-family: 'Oswald'; } .header__menu ul li a.active{ color: #d2d2d7 !important; } .header__menu > ul > li > a{ border-right: none; gap: 10px; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-close{ display: none; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block{ flex-direction: column; gap: 10px; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul:first-child{ border-left: none; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul{ border-right: none; padding: 0px; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-bg{ background: transparent; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul a{ font-size: 14px; padding: 0px; font-weight: 400; text-transform: uppercase; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul li.menu-lvl-2 a{ text-transform: uppercase; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul a strong{ font-weight: 500; } .header__menu ul li.menu-item-has-children > .drop-menu{ height: auto; width: auto; } .header__menu ul li.menu-lvl-2{ } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul li.menu-lvl-1 a{ display: flex; align-items: center; gap: 10px; justify-content: flex-start; } .header__menu > ul > li:nth-child(1){ display: initial; } .header__menu > ul > li:nth-child(2) > a{ display: none; } .header__menu > ul > li.menu-item-has-children:nth-child(2) > .drop-menu{ display: flex; } .header__menu ul li.menu-item-has-children:nth-child(2) > .drop-menu .drop-menu-wrapper .drop-menu-block{ gap: 0px; } .header__menu > ul > li.menu-item-has-children:nth-child(2) > .drop-menu .drop-menu-wrapper .drop-menu-block ul li.menu-lvl-1 a{ font-weight: 400; font-size: 20px; padding: 10px 0px; } .header__menu > ul > li.menu-item-has-children:nth-child(2) > .drop-menu .drop-menu-wrapper .drop-menu-block ul li.menu-lvl-1 a strong{ font-size: 20px; font-weight: 400; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul.active li.menu-lvl-2:last-child{ border-bottom: 1px solid rgba(0,0,0,.15); padding-bottom: 5px; } } /* End */ /* Start:/bitrix/templates/ttcauto/styles.css?1780081262311029*/ @charset "UTF-8"; html { box-sizing: border-box; cursor: default; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; } * { outline: 0; } *, ::after, ::before { box-sizing: inherit } ::-moz-selection { color: #fff; background: #1b64fa } ::selection { color: #fff; background: #1b64fa } #panel { position: absolute; top: 0; width: 100%; z-index: 1000; } body, html { font-family: "Montserrat", sans-serif; background-color: #f2f2f2; font-weight: 400; font-size: 18px; line-height: 150%; color: #181c23; margin: 0; padding: 0 } body { overflow-x: hidden } body.lock { overflow: hidden; height: 100vh } ol, ul { padding-left: 0; list-style-type: none } ol, p, ul { margin-top: 0; margin-bottom: 0 } figure { margin: 0 auto } blockquote { margin: 0 } sub, sup { line-height: 1em; font-size: .75em } a { transition-duration: .3s; transition-timing-function: ease-out; transition-property: background-size; text-decoration: none; cursor: pointer } [role=button], [type=button], [type=reset], [type=submit], button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; padding: 0; border: 0; background-color: transparent; margin: 0 } [role=button], [type=button], [type=reset], [type=submit], button { cursor: url(/bitrix/templates/ttcauto/img/cursor-rect.svg) 25 25, auto; font-weight: inherit; text-transform: inherit; text-align: left } [role=button][disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled], button[disabled] { cursor: initial } select, textarea { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none } select::-moz-placeholder, textarea::-moz-placeholder { opacity: 1 } select:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1 } select::placeholder, textarea::placeholder { opacity: 1 } input[type=email]::-ms-clear, input[type=email]::-ms-reveal, input[type=password]::-ms-clear, input[type=password]::-ms-reveal, input[type=search]::-ms-clear, input[type=search]::-ms-reveal, input[type=tel]::-ms-clear, input[type=tel]::-ms-reveal, input[type=text]::-ms-clear, input[type=text]::-ms-reveal { display: none } input[type=email]::-webkit-search-cancel-button, input[type=email]::-webkit-search-decoration, input[type=email]::-webkit-search-results-button, input[type=email]::-webkit-search-results-decoration, input[type=password]::-webkit-search-cancel-button, input[type=password]::-webkit-search-decoration, input[type=password]::-webkit-search-results-button, input[type=password]::-webkit-search-results-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration, input[type=tel]::-webkit-search-cancel-button, input[type=tel]::-webkit-search-decoration, input[type=tel]::-webkit-search-results-button, input[type=tel]::-webkit-search-results-decoration, input[type=text]::-webkit-search-cancel-button, input[type=text]::-webkit-search-decoration, input[type=text]::-webkit-search-results-button, input[type=text]::-webkit-search-results-decoration { display: none } input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none } select { cursor: pointer } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000 } select::-ms-expand { display: none } textarea { resize: none } img, video { height: auto; display: block } svg, use { transform: translateZ(0); display: block } img, svg, video { max-width: 100% } hr { border: 0; height: 1px; margin: 0; width: 100px; background-color: fade(#000, 18%) } h1, h2{ margin: 0px; } .page { } .page-top { padding-top: 40px; padding-bottom: 60px } .page-top__wrap { display: flex; justify-content: space-between; flex-wrap: wrap } .page-top__subtitle { font-family: "Oswald", sans-serif; max-width: 600px; font-size: 24px; line-height: 29px; color: #181c23 } .page-top__subtitle span { color: #6d6d6d } .wrapper { max-width: 1160px; margin: 0 auto; } @media (max-width: 1160px) { .wrapper { padding: 0 20px } } .flex, .flex-center { display: flex; align-items: center; justify-content: space-between } .flex-center { justify-content: center } .img-cover img, .svg-cover svg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .img-contain img, .logo img, .main-benefit__icon img, .main-product__img img, .social__link svg, .svg-contain svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .img-mobile, .img-table { display: none } .logo { width: 184px; display: block } .btn { display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; line-height: 150%; padding: 16px 20px; background: #FFBB00; cursor: pointer; position: relative; overflow: hidden; border-radius: 2px; color: #0C0C0B; transition: all .3s; } .btn:hover { opacity: 0.8; } .block_btn { display: flex; flex-direction: column; } .btn.promo__btn:last-child { margin-top: 20px; } .btn.promo__btn { background: transparent; border: 2px solid #6d6d6d; color: #fff; text-transform: uppercase; width: 100%; max-width: 260px; } .btn--item, .field { color: #fff; background-color: transparent } .field { width: 100%; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 16px; line-height: 150%; color: #000; padding: 28px; border: none; position: relative; -moz-appearance: none; -webkit-appearance: none; transition: all .3s ease; resize: none; background: #F5F5F7; border-radius: 2px; } .field::-webkit-input-placeholder { } .field:-moz-placeholder, .field::-moz-placeholder { } .field:-ms-input-placeholder { } .field:focus { } .caption, .title { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 120%; text-transform: uppercase; color: #0C0C0B; } .title a { color: #181c23; } .title a.active, .title a:hover { color: #6d6d6d; transition: all .3s; } .breadcrumbs.c-white ul li, .caption.c-white, .title.c-white { color: #fff } .caption { font-size: 30px; line-height: 36px } .breadcrumbs ul li, .social { display: flex; align-items: center } .social { margin: -7.5px } .social__link { width: 35px; height: 35px; margin: 7.5px; transition: all .3s } .social__link.telegram svg * { fill: #2f89ce } .social__link.whatsapp svg * { fill: #48c95f } .social__link.wiber svg * { fill: #7c509a } .social__link:hover { transform: scale(1.1); transition: all .3s } .arrow { width: 18px; height: 28px; cursor: pointer } .arrow svg { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain } .arrow svg *, .arrow-item svg * { transition: all .3s } .arrow-item:hover svg *, .arrow:hover svg * { stroke: #6d6d6d; transition: all .3s } .arrow-item, .breadcrumbs ul { display: flex; align-items: center } .arrow-item { width: 100%; height: 82px; left: 0; justify-content: center; cursor: pointer } .breadcrumbs { margin-bottom: 16px } .breadcrumbs ul { flex-wrap: wrap; } .breadcrumbs ul li { position: relative; font-size: 16px; line-height: 150%; color: #181c23 } .breadcrumbs ul li::after { content: " / "; font-size: 16px; line-height: 150%; color: #D2D2D7; margin: 0 5px; display: block; opacity: 0.5; } .breadcrumbs ul li:last-child:after, .breadcrumbs.c-white ul li:last-child:after { display: none } .breadcrumbs ul li a { font-size: 16px; line-height: 150%; color: #181c23; transition: all .3s } .breadcrumbs ul li a:hover { color: #6d6d6d; transition: all .3s } .breadcrumbs.c-white ul li a, .breadcrumbs.c-white ul li::after, .tag { color: #fff } .tag { display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 11.7123px; line-height: 16px; text-transform: uppercase; padding: 3.25342px 10.411px } .tag + .tag { margin-top: 4px } .tag--sale { background: #fe0000 } .tag--stock { background: #0c4baa } .tag--order { background: #5C5B59 } .dragscroll::-webkit-scrollbar { background-color: rgba(48, 51, 60, .8) } .dragscroll::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .2) } .dragscroll::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, .4); -webkit-transition: all .3s; transition: all .3s } .vertical.dragscroll { width: 270px; height: 380px; float: left; padding: 10px } .free.dragscroll { float: right; width: 400px; height: 400px } .free, .horizontal { cursor: -webkit-grab; cursor: -o-grab; cursor: grab } .free:active, .horizontal:active { cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: grabbing } .slick-dots { position: absolute; width: 1230px; left: calc(50% - 610px); bottom: 56px; z-index: 10; display: flex; align-items: center } .slick-dots li { margin: 0 7px; height: 5px } .slick-dots li button { display: block; font-size: 0; width: 20px; height: 4px; background-color: #38404b; border-radius: 50px; cursor: pointer; transition: opacity .1s } .slick-dots li.slick-active button { width: 40px } .slick-dots li.slick-active button, .slick-dots li:hover button { background-color: #6d6d6d; transition: opacity .1s } .dragscroll { overflow: auto } .dragscroll::-webkit-scrollbar { width: 3px; height: 100%; background-color: #3c3c3b; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; display: block } .dragscroll::-webkit-scrollbar-thumb { background-color: #6d6d6d; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; display: block } .dragscroll::-webkit-scrollbar-button:vertical:start:decrement { display: none } .dragscroll::-webkit-scrollbar-button:vertical:end:increment { display: none } .dragscroll::-webkit-scrollbar-button:horizontal:start:decrement { display: none } .dragscroll::-webkit-scrollbar-button:horizontal:end:increment { display: none } .page-header{ background: #0C0C0B; padding-top: 15px; padding-bottom: 50px; } .page-header .page-header-block{ display: flex; align-items: center; justify-content: space-between; } .page-header .breadcrumbs ul li a, .page-header .breadcrumbs ul li span{ font-weight: 500; font-size: 12px; line-height: 150%; color: #D2D2D7; opacity: 0.5; } .page-header .page-header-block .title{ font-style: normal; font-weight: 700; font-size: 62px; line-height: 120%; text-transform: uppercase; color: #FFFFFF; } .page-header .page-header-block .title span{ color: #FFBB00; } .page-header .page-header-block .get-catalog{ display: flex; align-items: center; gap: 10px; } .page-header .page-header-block .get-catalog a{ font-weight: 600; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; display: flex; flex-direction: column; gap: 10px; } .page-header .page-header-block .get-catalog a span{ display: flex; align-items: center; gap: 5px; color: #FFBB00; } @media (max-width: 1238px) { .page-top { padding-top: 75px; padding-bottom: 35px } .page-top__subtitle { max-width: 485px; margin-top: 15px; margin-right: 35px } .page .breadcrumbs { } .wrapper { max-width: 1000px; } .btn { padding: 16px 38px } .slick-dots { width: 1000px; left: calc(50% - 460px) } } @media (max-width: 992px) { .title { font-size: 28px; line-height: 34px } .page { overflow: hidden; padding-top: 83px; } .header{ position: fixed; } .page-top { padding-top: 40px; padding-bottom: 35px } .page-top__title { font-size: 43px } .page-top__subtitle { max-width: 358px; margin-top: 15px; margin-right: 63px; font-size: 18px; line-height: 22px } .wrapper { max-width: 756px } .logo { width: 160px } .img-desctop { display: none } .img-table { display: block } .slick-dots { width: 720px; left: calc(50% - 355px); bottom: 26px } .page-header .page-header-block .title{ font-size: 32px; } .page-header .page-header-block .get-catalog{ align-self: center; } } @media (max-width: 767px) { .page { overflow: hidden; padding-top: 50px; } .page-header .page-header-block{ flex-direction: column; gap: 15px; align-items: flex-start; } #panel { display: none; } .page-top { padding-bottom: 25px } .page-top__subtitle { max-width: 100%; margin-top: 20px; margin-right: 0 } .img-table { display: none } .img-mobile { display: block } .slick-dots { width: 100%; left: 0; bottom: auto; top: 455px; justify-content: center } .arrow { width: 12px; height: 26px } } @media (max-width: 479px) { .page-top { padding-top: 30px; padding-bottom: 25px } .page-top__title { font-size: 24px; line-height: 29px } .page-top__subtitle { font-size: 15px; line-height: 18px } } @font-face { font-family: "TTCommons"; src: url("/bitrix/templates/ttcauto/../fonts/TT Commons Regular/TT Commons Regular.eot"); src: url("/bitrix/templates/ttcauto/../fonts/TT Commons Regular/TT Commons Regular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/ttcauto/../fonts/TT Commons Regular/TT Commons Regular.woff") format("woff"), url("/bitrix/templates/ttcauto/../fonts/TT Commons Regular/TT Commons Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "TTCommons"; src: url("/bitrix/templates/ttcauto/../fonts/TTCommons Medium/TTCommons Medium.eot"); src: url("/bitrix/templates/ttcauto/../fonts/TTCommons Medium/TTCommons Medium.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/ttcauto/../fonts/TTCommons Medium/TTCommons Medium.woff") format("woff"), url("/bitrix/templates/ttcauto/../fonts/TTCommons Medium/TTCommons Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "TTCommons"; src: url("/bitrix/templates/ttcauto/../fonts/TTCommons Bold/TTCommons Bold.eot"); src: url("/bitrix/templates/ttcauto/../fonts/TTCommons Bold/TTCommons Bold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/ttcauto/../fonts/TTCommons Bold/TTCommons Bold.woff") format("woff"), url("/bitrix/templates/ttcauto/../fonts/TTCommons Bold/TTCommons Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } .header { position: sticky; z-index: 999; background-color: #fff; top: 0px; box-shadow: 0px 10px 20px 0px rgba(12,11,11,0.1); } @media (max-width: 992px) { .header { position: fixed; width: 100%; } } @media (max-width: 768px) { .header { position: fixed; width: 100%; } } .header__top { background-color: #fff; padding: 15px 0; z-index: 999; transition: .5s ease all; padding-bottom: 5px; } .header__top.scrolled { padding: 16px 0; } .header__bottom { margin-top: 15px; width: 100%; left: 0; right: 0; z-index: 999; transition: .5s ease all; } .header__contacts, .header__last, .header__wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap } .header__contacts { margin-right: 50px } .header__city { margin-right: 80px } .header__city-caption, .header__email { font-weight: 700; font-size: 18px; line-height: 25px; color: #181c23 } .header__email { display: block; line-height: 27px; transition: all .3s } .header__email { font-size: 16px; margin-right: 80px; } .header__menu ul li.active > a, .header__menu ul li:hover > a, .header__menu ul li > a:hover, .header__email:hover { color: #6d6d6d; transition: all .3s } .header__social { display: flex; margin: -6px } .header__menu ul li > a{ align-items: center; justify-content: center; transition: all .3s } .header__bottom { } .header__bottom-wrap{ display: flex; justify-content: space-between; align-items: center; } .header__bottom-wrap .header__bottom-box{ display: flex; gap: 30px; align-items: center; } .header__bottom-wrap .header__bottom-box-mobile{ display: none; } .header__bottom-wrap .header__bottom-box .header__bottom-phone{ display: flex; flex-direction: column; justify-content: space-between; } .header__bottom-wrap .header__bottom-box .header__bottom-phone a{ font-style: normal; font-weight: 500; font-size: 14px; color: #0C0C0B; } .header__bottom-wrap .header__bottom-box .header__bottom-phone .shedule{ font-style: normal; font-weight: 400; font-size: 12px; color: #0C0C0B; opacity: 0.6; } .header__bottom-wrap .header__bottom-box .header__bottom-social{ display: flex; gap: 5px; } .header__bottom-wrap .header__bottom-box .header__bottom-social svg{ flex-shrink: 0; } .about-info__desc p strong, .header__btn{ font-weight: 700 } .header__btn { /*width: calc(100% - 927px);*/ width: 240px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 27px; color: #fff; padding: 16px 10px; border: 3px solid #6d6d6d; transition: all .3s } .header__btn.header__btn--front-page { color: #181c23; background-color: #6d6d6d; transition: all .3s } .header__btn:hover { color: #181c23; background-color: #6d6d6d; box-shadow: 0 8px 18px rgba(255, 200, 84, .75); transition: all .3s } .header__btn:active { color: #fff; background-color: transparent; transition: all .3s } .header__burger { display: none; width: 26px; height: 26px; background: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Menu / Menu_Alt_01'%3E%3Cpath id='Vector' d='M12 17H19M5 12H19M5 7H19' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat; background-size: contain; } .header__burger.active{ /*background: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7457 3.32851C20.3552 2.93798 19.722 2.93798 19.3315 3.32851L12.0371 10.6229L4.74275 3.32851C4.35223 2.93798 3.71906 2.93798 3.32854 3.32851C2.93801 3.71903 2.93801 4.3522 3.32854 4.74272L10.6229 12.0371L3.32856 19.3314C2.93803 19.722 2.93803 20.3551 3.32856 20.7457C3.71908 21.1362 4.35225 21.1362 4.74277 20.7457L12.0371 13.4513L19.3315 20.7457C19.722 21.1362 20.3552 21.1362 20.7457 20.7457C21.1362 20.3551 21.1362 19.722 20.7457 19.3315L13.4513 12.0371L20.7457 4.74272C21.1362 4.3522 21.1362 3.71903 20.7457 3.32851Z' fill='%230F0F0F'/%3E%3C/svg%3E") 50% 50% no-repeat; background-size: contain;*/ } .header__closed { width: 24px; height: 20px; position: absolute; top: 14px; right: 13px; display: none; align-items: center; justify-content: center; z-index: 50 } .header__closed span{ display: block; position: absolute; width: 100%; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); height: 2px; background-color: currentcolor; } .header__closed span:nth-child(1){ transform: rotate(45deg); } .header__closed span:nth-child(2){ transform: rotate(-45deg); } .video-reviews__closed span { display: block; width: 100%; height: 2px; background-color: #181c23; position: relative; transform: rotate(45deg) } .video-reviews__closed span:last-child { position: absolute; transform: rotate(-45deg) } .header__box { display: flex; align-items: center; margin-right: 20px } .header__search { width: 44px; height: 44px; background-color: #f2f2f2; border-radius: 56px; position: relative; z-index: 10 } .header__search-body, .header__search-field { position: absolute; top: 0; right: 0 } .header__search-field { width: 600px; height: 100%; background-color: #f2f2f2; border-radius: 56px; transform: scaleX(0); transform-origin: right; transition: all .3s } .header__search-field.visible { transform: scaleX(1); transition: all .3s } .header__search-btn, .header__search-button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; cursor: pointer } .header__search-btn.hidden, .header__search-button.hidden { display: none } .header__search-btn.visible, .header__search-button.visible { display: flex } .header-select { position: relative; cursor: pointer } .header-select__title { display: flex; align-items: center; position: relative; width: 100%; z-index: 1 } .header-select__title__arrow { position: relative; width: 20px; height: 8px; margin-left: 10px; transition: all .3s } .header-select__title__value { display: block; font-weight: 700; text-transform: uppercase; font-size: 13px; line-height: 18px; color: #181c23; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .header-select__options { display: none; position: absolute; top: 100%; left: -30px; min-width: 100%; border-top: none; overflow: hidden; background: #fff; padding: 10px 30px 30px; white-space: nowrap; z-index: 10 } .header-select__options__value { font-weight: 500; font-size: 13px; line-height: 200%; text-transform: uppercase; color: #181c23; cursor: pointer; transition: all .3s } .header-select__options__value:hover { color: #6d6d6d; transition: all .3s } .header-select.active .select-title__arrow, .select.active .select-title__arrow { transform: rotate(-180deg) } .header_contact { display: flex; align-items: center; gap: 20px; } .header_contact svg{ flex-shrink: 0; } .header_contact a{ display: flex; align-items: center; gap: 10px; text-transform: uppercase; font-style: normal; font-weight: 500; font-size: 13px; color: #0C0C0B; } .header_contact a:hover{ color: #6d6d6d; } /* 2026-05-28: safe fixes from old design QA docs. Keep scoped to existing classes. */ @media (min-width: 993px) { .header__menu ul li.menu-item-has-children:hover > .drop-menu { display: block; opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } } .order.leasing .order-form .form-body .form-inputs .btn { width: 100%; flex: 0 0 auto; white-space: nowrap; } .order .order-form .form-body .form-inputs .btn { white-space: nowrap; } @media (max-width: 1238px) { .header { } .header__menu, .header__menu ul li.menu-item-has-children > .drop-menu > ul li { width: 100% } .header__menu ul { display: flex; width: 100% } .header__menu ul li { width: 20% } .header__menu ul li > a { width: 100%; font-size: 16px; line-height: 22px; padding: 21px 16px } .header__menu ul li.menu-item-has-children { position: relative } .header__menu ul li.menu-item-has-children > .drop-menu > ul { min-width: 290px; padding: 25px } .header__menu ul li.menu-item-has-children > .drop-menu > ul li a { font-size: 18px; line-height: 26px } .header__menu ul li.menu-item-has-children > .drop-menu > ul li a > strong { font-size: 24px; line-height: 32px } .header__menu ul li.menu-item-has-children > .drop-menu > ul li a::after { width: 15px; left: -27px } .header__city { margin-right: 30px } .header__contacts { margin-right: 20px } .header__bottom .wrapper { max-width: 1000px; padding: 0 } .header__btn { width: calc(100% - 753px); padding: 14px 10px; display: none } .header__search-field { width: 510px } .header__email { margin-right: 40px; } } @media (max-width: 992px) { .header .header__last{ display: none; } .header__top { padding: 12px 0 } .header__first { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100% } .header__burger { display: inline-block } .header__menu ul { flex-wrap: wrap } .header__menu ul li { width: 100% } .header__menu ul li a { width: auto; font-size: 20px; line-height: 150%; padding: 10px 0; color: #0C0C0B; justify-content: flex-start font-family: 'Oswald'; font-weight: 400; } .header__menu ul li a::after, .header__menu ul li.menu-item-has-children > .drop-menu > ul li a::after { display: none } .header__menu ul li.menu-item-has-children, .header__menu ul li.menu-item-has-children > a { position: relative } .header__menu ul li.menu-item-has-children > a:before{ display: none; } .header__menu ul li.menu-item-has-children > a:after { content: ""; width: 20px; height: 10px; background-image: url(/bitrix/templates/ttcauto/img/icons/menu-arrow.svg); background-size: contain; background-repeat: no-repeat; transition: all .3s; display: block; } .header__menu ul li.menu-item-has-children > .drop-menu > ul li a, .header__menu ul li.menu-item-has-children > ul > li > a { font-size: 18px; line-height: 150%; color: #fff } .header__menu ul li.menu-item-has-children > .drop-menu { background: 0 0; top: 0; position: relative; opacity: 1; visibility: visible; transform: translateY(0); transition: all 0s; display: none } .header__menu ul li.menu-item-has-children > .drop-menu > ul { min-width: 100%; border-left: none; padding: 0 0 0 45px; border-right: none } .header__menu ul li.menu-item-has-children > .drop-menu > ul li a > strong { font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 18px; line-height: 150%; color: #fff } .header__menu ul li.menu-item-has-children:hover > .drop-menu { transition: all 0s } .header__menu ul li.menu-item-has-children.active > a:after { transform: rotate(-180deg); transition: all .3s } .header__bottom { margin-top: 0px; display: block; position: fixed; top: 0px; right: -120%; left: initial; width: 63%; height: 100vh; padding: 42px 25px 25px; text-align: left; overflow-x: auto; z-index: 200; background-color: #fff; transition: right .3s; margin-top: unset; } .header__bottom.active { right: 0; transition: right .3s } .header__bottom-wrap { display: flex; flex-direction: column; align-items: flex-start; height: 100%; justify-content: space-between; gap: 50px; } .header__bottom .wrapper { width: 100%; height: 100%; } .header__btn { width: auto; font-size: 16px; line-height: 22px; padding: 12px 25px; color: #181c23; margin-top: 20px; margin-bottom: 25px } .header__contacts { margin-right: 0; width: 100%; justify-content: center; margin-bottom: 0; flex-wrap: wrap; margin-top: 100px } .header__city { display: none; margin-bottom: 25px } .header__city-caption { font-size: 16px; line-height: 22px } .header__search { display: none } .header__box { margin-right: 0; flex-wrap: wrap; justify-content: center } .header__email { margin-right: 0; color: #fff; margin-top: 20px; text-align: center; width: 100%; order: 2 } .header__social { margin-bottom: 0 } .header__social svg * { transition: all .3s } .header__social-link.telegram svg * { fill: #2f89ce } .header__social-link.whatsapp svg * { fill: #48c95f } .header__social-link.wiber svg * { fill: #7c509a } .header__closed { display: flex } .header-select__title__value { font-size: 16px; line-height: 22px } .header_contact { padding-right: 20px; flex-direction: column-reverse; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul li.menu-lvl-1 a:after{ content: ""; width: 13px; height: 8px; background-image: url(/bitrix/templates/ttcauto/img/icons/menu-arrow.svg); background-size: contain; background-repeat: no-repeat; transition: all .3s; display: block; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul.active li.menu-lvl-1 a:after{ transform: rotate(-180deg); } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul li.menu-lvl-2{ display: none; } .header__menu ul li.menu-item-has-children > .drop-menu .drop-menu-wrapper .drop-menu-block ul.active li.menu-lvl-2{ display: block; } .header__bottom-wrap .header__bottom-box{ display: none; } .header__bottom-wrap .header__bottom-box-mobile{ display: flex; flex-direction: column; gap: 20px; } .header__bottom-wrap .header__bottom-box-mobile a.btn{ text-transform: uppercase; border-radius: 2px; font-weight: 500; font-size: 14px; } .header__bottom-wrap .header__bottom-box-mobile .header__tel, .header__bottom-wrap .header__bottom-box-mobile .address{ color: #0C0C0B; font-weight: 400; font-size: 14px; } .header__bottom-wrap .header__bottom-box-mobile .header__bottom-social{ display: flex; gap: 5px; } .header__bottom-wrap .header__bottom-box-mobile .header__bottom-social a{ width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0C0C0B; } .header__bottom-wrap .header__bottom-box-mobile .header__bottom-social a svg{ width: 28px; height: 28px; flex-shrink: 0; } } .select { position: relative; cursor: pointer } .select-title { display: flex; align-items: center; padding: 10px; position: relative; width: 100%; border-bottom: 1px solid #6d6d6d; z-index: 1 } .select-title__arrow { position: relative; width: 14px; height: 10px; background-image: url(/bitrix/templates/ttcauto/../img/icons/select-arrow.svg); background-repeat: no-repeat; background-size: contain; transition: all .3s } .select-title__value { display: block; font-weight: 700; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #181c23; margin-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .select-options { display: none; position: absolute; top: 100%; right: 0; min-width: 100%; border-top: none; overflow: hidden; background: #fff; box-shadow: 0 10px 32px rgba(0, 0, 0, .15); white-space: nowrap; z-index: 10 } .select-options__value { padding: 10px; font-weight: 500; font-size: 16px; line-height: 22px; color: #181c23; cursor: pointer; transition: all .3s } .select-options__value:hover { color: #6d6d6d; transition: all .3s } @media (max-width: 1430px) { .select-title__value { font-size: 16px; line-height: 22px } } @media (max-width: 1238px) { .select-title__value { font-size: 13px; line-height: 18px } } @media (max-width: 760px) { .select_blue .select-title__arrow { margin-left: 5px } } .small_img_slider { width: 82px; height: 70px; } .main-product__btn { position: absolute; top: -4px; right: -6px; padding: 10px 20px; width: 290px; background-color: #fff; border: 2px solid #6d6d6d; font-weight: 700; font-size: 18px; line-height: 25px; color: #181c23; transition: all .3s } .main-product__btn-icon { position: absolute; width: 80px; height: 80px; top: -24px; right: -24px } .main-product__btn:hover { color: #181c23; background-color: #ffcd67; border-color: #ffcd67; box-shadow: 0 8px 18px rgba(255, 200, 84, .75); transition: all .3s } .main-product__btn:active { background-color: transparent; border-color: #f9bd3f; transition: all .3s } @media (max-width: 1238px) { .main-product__body + .main-product__body { margin-top: 30px } .main-product__bottom { text-align: center; margin-top: 82px } .main-product__btn { position: relative; top: 0; right: 0; display: inline-flex; text-align: left } } @media (max-width: 992px) { .main-product__title { padding-left: 15px } .main-product__caption { font-size: 17px; line-height: 23px; padding: 12px 10px 5px 42px } .main-product__bottom { margin-top: 55px } } @media (max-width: 767px) { .main-product__title { padding-left: 0 } } @media (max-width: 600px) { .main-product__caption { font-size: 17px; line-height: 23px; min-height: auto; padding: 10px 10px 5px 25px } .main-product__body + .main-product__body { margin-top: 32px } .main-product__bottom { margin-top: 45px } } @media (max-width: 382px) { .main-product__caption { padding: 12px 10px 5px 12px; font-size: 15px; line-height: 20px; min-height: inherit } } .footer__top-link svg, .order__link svg, .video-reviews__play svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .main-partners { position: relative; background: #0C0C0B; padding-bottom: 15px; } .main-partners__row { display: flex; flex-wrap: wrap; align-items: center; } .main-partners__coll { display: flex; align-items: center; justify-content: center; height: 60px; width: auto !important; margin-right: 45px; } .main-partners__coll img { opacity: 0.4; } .main-partners .wrapper { position: relative; z-index: 10 } .main-partners .swiper-wrapper { transition-timing-function: linear !important } .video-reviews { padding: 80px 0px; background-color: #fff } .video-reviews__top, .video-reviews__top-box { display: flex; align-items: center; justify-content: space-between } .video-reviews__top { flex-wrap: wrap; margin-bottom: 36px } .video-reviews__top-box { width: 510px; margin-right: 100px } .video-reviews__title { max-width: 450px } .video-reviews__number { font-family: "Oswald", sans-serif; width: 160px; font-size: 76px; line-height: 92px; color: #0c4baa } .video-reviews__desc { max-width: calc(100% - 160px); font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #181c23 } .video-reviews__body { display: flex; justify-content: space-between } .video-reviews__row { display: flex; flex-wrap: wrap; margin-top: 20px } .video-reviews__coll { width: 250px } .video-reviews__tab { max-width: 240px; font-size: 20px; line-height: 30px; color: #181c23; font-weight: 600; text-transform: uppercase; letter-spacing: -1.4px; cursor: pointer; transition: all .3s } .video-reviews__caption { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; color: #181c23; margin-bottom: 25px; max-width: unset; text-transform: unset; letter-spacing: unset; font-weight: unset; } .reviews__menu ul li + li, .video-reviews__tab + .video-reviews__tab { margin-top: 9px } .video-reviews__tab.active, .video-reviews__tab:hover { color: #6d6d6d; transition: all .3s } .video-reviews__container { width: 700px; position: relative; margin-top: -15px } .video-reviews__blocks { position: absolute; width: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; transform: translateX(-25px); z-index: -1; transition: all 0s } .video-reviews__blocks.active { position: relative; opacity: 1; visibility: visible; transform: translateX(0); z-index: 1; transition: all .3s } .video-reviews__box { display: flex; justify-content: space-between; flex-wrap: wrap } .video-reviews__contain { position: relative; width: 100%; /*height: 100%;*/ display: flex; align-items: flex-end } .video-reviews__block { width: 100%; position: relative; margin-bottom: 20px } .video-reviews__block .video-reviews__contain { width: 100%; /*height: 370px*/ } .video-reviews__block--small { width: calc(50% - 20px) } .video-reviews__block--small .video-reviews__contain { width: 100%; /*height: 180px*/ } .video-reviews__block-caption { font-weight: 700; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #181c23; margin-top: 10px; position: relative; z-index: 10 } .video-reviews__bg { /*position: absolute;*/ width: 100%; height: 100%; top: 0; left: 0; z-index: 1 } .video-reviews__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .video-reviews__play { position: absolute; z-index: 10; width: 80px; height: 54px; top: calc(50% - 27px); left: calc(50% - 40px); transition: all .3s } .video-reviews__play:hover { transform: scale(1.05); transition: all .3s } .video-reviews__bottom { display: none; align-items: center; justify-content: space-between; padding-top: 8px } .video-reviews__bottom-box { width: 510px; margin-right: 100px; display: flex; align-items: center; justify-content: space-between } .video-reviews__closed { width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; display: none; align-items: center; justify-content: center; z-index: 50 } .video-reviews_button { text-align: center; } .video-reviews_button .video-reviews__btn_desktop { font-size: 15px; line-height: 21px; width: 320px; } @media (max-width: 1238px) { .video-reviews_button { display: none; } .video-reviews { padding-top: 75px; padding-bottom: 60px } .video-reviews__title { max-width: 100% } .video-reviews__top { } .video-reviews__top-last { display: none } .video-reviews__menu.active { left: 0; transition: left .3s } .video-reviews__body, .video-reviews__container { width: 100% } .video-reviews__block { margin-bottom: 30px } .video-reviews__block .video-reviews__contain { /*height: 485px*/ } .video-reviews__block--small { width: calc(50% - 10px) } .video-reviews__block--small .video-reviews__contain { /*height: 238px*/ } .video-reviews__play { width: 110px; height: 75px; top: calc(50% - 38px); left: calc(50% - 55px) } .video-reviews__bottom { display: flex; padding-left: 0; padding-top: 62px } .video-reviews__btn { font-size: 15px; line-height: 21px; text-align: center; padding: 15px 41px; width: 320px; } .video-reviews__closed { display: flex } .video-reviews__coll { } } @media (max-width: 992px) { .video-reviews { padding-top: 60px; padding-bottom: 60px } .video-reviews__top { margin-bottom: 45px } .video-reviews__menu-top .video-reviews__menu-top-link img{ display: none; } .video-reviews__menu-top .video-reviews__menu-top-link{ height: 40px; } .video-reviews__menu-top .video-reviews__menu-top-link .video-reviews__caption{ font-size: 14px; } .video-reviews .video-reviews__row{ margin-top: 20px; padding-bottom: 20px; overflow: scroll; overflow-x: scroll; scrollbar-width: none; } .video-reviews .video-reviews__coll .video-reviews__tabs{ flex-wrap: nowrap; } .video-reviews .video-reviews__coll .video-reviews__tabs::-webkit-scrollbar { display: none; } .video-reviews .video-reviews__container{ margin-top: 0px; } .video-reviews .video-reviews__coll .video-reviews__tabs .video-reviews__tab{ font-size: 12px; } .video-reviews__block { margin-bottom: 22px } .video-reviews__block .video-reviews__contain { /*height: 385px*/ } .video-reviews__block--small { width: calc(50% - 10px) } .video-reviews__block--small .video-reviews__contain { /*height: 185px*/ } .video-reviews__play { width: 82px; height: 56px; top: calc(50% - 28px); left: calc(50% - 41px) } .video-reviews__bottom { padding-left: 0; padding-top: 15px } .video-reviews__bottom-box { width: 426px; margin-right: 0 } .video-reviews__number { width: 144px } .video-reviews__desc { max-width: calc(100% - 147px) } .video-reviews__caption { font-size: 22px; line-height: 26px; margin-bottom: 15px } .video-reviews__tab { font-size: 16px; line-height: 22px } .video-reviews__btn { padding: 10px 30px; width: 240px } } @media (max-width: 767px) { .video-reviews { padding-top: 50px; padding-bottom: 40px } .video-reviews__top { } .video-reviews__top-last { display: flex; margin-top: 20px } .video-reviews__top-box { width: 100%; margin-right: 0 } .video-reviews__block { margin-bottom: 40px; width: 100% } .video-reviews__block .video-reviews__contain, .video-reviews__block--small .video-reviews__contain { /*height: 265px*/ } .video-reviews__block-caption { font-size: 17px; letter-spacing: .7px; line-height: 25px; margin-top: 11px } .video-reviews__block--small { width: 100% } .video-reviews__play { width: 60px; height: 40px; top: calc(50% - 20px); left: calc(50% - 30px) } .video-reviews__bottom { padding-top: 15px; justify-content: center } .video-reviews__bottom-box { display: none } .video-reviews__desc { max-width: calc(100% - 155px) } .video-reviews__row { margin-top: 0 } } @media (max-width: 479px) { .video-reviews { padding-bottom: 40px } .video-reviews__top { } .video-reviews__top-box { flex-wrap: wrap } .video-reviews__top-last { margin-top: 15px } .video-reviews__block { margin-bottom: 15px } .video-reviews__block .video-reviews__contain, .video-reviews__block--small .video-reviews__contain { /*height: 182px*/ } .video-reviews__block-caption { font-size: 16px; letter-spacing: .7px; line-height: 22px; margin-top: 8px } .video-reviews__block--small { width: 100% } .video-reviews__play { width: 44px; height: 30px; top: calc(50% - 14px); left: calc(50% - 22px) } .video-reviews__bottom { padding-top: 20px } .video-reviews__desc { max-width: 100%; width: 100%; margin-top: -4px; padding-right: 15px } .video-reviews__coll { width: 100%; max-width: 100%; } } .interesting-models { padding-top: 80px; padding-bottom: 65px } .interesting-models__body { position: relative; margin-top: 25px; margin-right: -20px } .interesting-models__block { } .interesting-models__block:hover .interesting-models__btn { opacity: 1; transition: all .3s } .interesting-models__top { width: 100%; position: relative; display: flex; border-bottom: 1px solid #D2D2D7; padding-bottom: 30px; } .interesting-models__top .interesting-models__top-left, .interesting-models__top .interesting-models__top-right{ flex: 1; } .interesting-models__img { } .interesting-models__img img { max-width: 100%; max-height: 100% } .interesting-models__tags { display: flex; gap: 10px; margin-bottom: 20px; } .interesting-models__tags .tag{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 160%; color: #FFFFFF; background: #0C0C0B; text-transform: none; gap: 10px; padding: 6px 12px; margin-top: 0px; } .interesting-models__tags .tag.tag--stock{ background: #0C0C0B; } .interesting-models__tags .tag.tag--stock:after{ content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.90702 6.93876L1.96636 4.31815L0 6.07408L1.83741 7.73725C2.848 8.652 3.94977 9.64783 4.28581 9.95021L4.89679 10.5L7.45494 8.2031C8.86191 6.93981 10.9101 5.09719 12.0065 4.10837L14 2.31054L13.4353 1.78704C13.1247 1.49913 12.6834 1.09174 12.4547 0.881773L12.0389 0.5L4.90702 6.93876Z' fill='%23FFBB00'/%3E%3C/svg%3E%0A"); width: 14px; height: 11px; } .interesting-models__tags .tag.tag--sale{ background: #E92F00; } .interesting-models__tags .tag.tag--sale:after{ content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.279 3.50882L10.6362 1.87805C10.5189 1.76371 10.3293 1.76371 10.212 1.87805L1.1434 10.9466C1.08322 11.0008 1.04712 11.076 1.04712 11.1572C1.04712 11.2355 1.08322 11.3077 1.1434 11.3558L2.77418 12.9986C2.83134 13.0528 2.90656 13.0799 2.98479 13.0768C3.06001 13.0738 3.12922 13.0468 3.18638 12.9986L12.279 3.91802C12.3151 3.85785 12.3362 3.78864 12.3422 3.71944C12.3392 3.64723 12.3181 3.57201 12.279 3.50882Z' fill='black'/%3E%3Cpath d='M2.60563 5.71126C4.04468 5.71126 5.21126 4.54468 5.21126 3.10563C5.21126 1.66658 4.04468 0.5 2.60563 0.5C1.16658 0.5 0 1.66658 0 3.10563C0 4.54468 1.16658 5.71126 2.60563 5.71126Z' fill='black'/%3E%3Cpath d='M10.9972 14.5C12.4363 14.5 13.6029 13.3334 13.6029 11.8944C13.6029 10.4553 12.4363 9.28876 10.9972 9.28876C9.55818 9.28876 8.3916 10.4553 8.3916 11.8944C8.3916 13.3334 9.55818 14.5 10.9972 14.5Z' fill='black'/%3E%3C/svg%3E%0A"); width: 14px; height: 15px; } .interesting-models__bottom{ display: flex; justify-content: space-between; padding-top: 20px; align-items: center; } .interesting-models__bottom-block { } .interesting-models__caption { font-style: normal; font-weight: 500; font-size: 24px; line-height: 150%; text-transform: uppercase; color: #0C0C0B; margin-bottom: 20px; } .interesting-models__items{ display: flex; flex-direction: column; gap: 10px; } .interesting-models__item { display: flex; font-weight: 400; font-size: 16px; line-height: 170%; color: #181c23 } .interesting-models__item-caption { width: 180px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; opacity: 0.6; } .interesting-models__item-value { width: calc(100% - 180px); font-style: normal; font-weight: 500; font-size: 14px; line-height: 160%; color: #0C0C0B; } .interesting-models__info { display: flex; align-items: center; gap:30px; } .interesting-models__price { font-style: normal; font-weight: 500; font-size: 20px; line-height: 160%; text-align: right; color: #0C0C0B; } .interesting-models__btn { font-size: 14px; line-height: 19px; padding: 13px 32px; font-weight: 600; transition: all .3s; padding: 16px 56px; } .interesting-models .arrow { position: absolute; top: calc(50% - 12px) } .interesting-models .arrow--prew { left: -46px } .interesting-models .arrow--next { right: -36px } @media (max-width: 1238px) { .interesting-models { padding-top: 0; padding-bottom: 80px } .interesting-models__slick .slick-list { overflow: visible } .interesting-models__block { width: 390px } .interesting-models .arrow { display: none } } @media (max-width: 992px) { .interesting-models { padding-top: 20px; padding-bottom: 80px } .interesting-models__btn { opacity: 1 } } @media (max-width: 767px) { .interesting-models { padding-top: 2px; padding-bottom: 40px } .interesting-models__top { height: unset; } .interesting-models__btn { width: 142px } .interesting-models__price { padding-left: 30px } } @media (max-width: 479px) { .interesting-models { padding-top: 0; padding-bottom: 40px } .interesting-models__title { font-size: 31px; line-height: 37px; text-align: left } .interesting-models__block { width: 320px } .interesting-models__body { margin-top: 15px; margin-left: -20px } .interesting-models__item-caption { width: 160px } .interesting-models__item-value { width: calc(100% - 160px) } } .order { position: relative; padding: 70px 0px; } .order.leasing .order-block{ display: flex; gap: 155px; } .order .order-top{ display: flex; justify-content: space-between; align-items: center; } .order.leasing .order-top{ flex-direction: column; align-items: flex-start; flex: 1; gap: 30px; } .order .order-top .order-top-head{ display: flex; align-items: center; gap: 30px; } .order.leasing .order-top .order-top-head{ flex-direction: column; align-items: flex-start; padding-bottom: 30px; border-bottom: 1px solid #DCDCDC; } .order.about .order-top .order-top-head{ flex-direction: column; align-items: flex-start; gap: 15px; } .order .order-top .order-top-head .order-top-head-title{ font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 130%; text-transform: uppercase; color: #0C0C0B; max-width: 175px; } .order.leasing .order-top .order-top-head .order-top-head-title{ max-width: initial; } .order.about .order-top .order-top-head .order-top-head-title{ max-width: initial; } .order .order-top .order-top-head-desc{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; max-width: 445px; } .order.leasing .order-top .order-top-head-desc{ max-width: initial; } .order .order-top .order-top-contacts{ display: flex; align-items: center; gap: 20px; } .order .order-top .order-top-contacts .order-top-phone{ display: flex; flex-direction: column; gap: 10px; } .order .order-top .order-top-contacts .order-top-phone a.order-phone{ font-style: normal; font-weight: 500; font-size: 18px; line-height: 140%; color: #0C0C0B; } .order .order-top .order-top-contacts .order-top-phone a.callback--js{ display: flex; align-items: center; gap: 10px; font-weight: 400; font-size: 14px; line-height: 140%; color: #0C0C0B; } .order .order-top .order-top-contacts .order-top-phone a.callback--js svg{ flex-shrink: 0; } .order .order-top .order-top-soc{ display: flex; align-items: center; gap: 5px; } .order .order-top .order-top-soc svg{ flex-shrink: 0; } .order .order-form{ margin-top: 30px; } .order.leasing .order-form{ max-width: 400px; margin-top: 0px; } .order.leasing .order-form .form-body{ } .order .order-form .form-body .form-inputs{ display: flex; gap: 5px; align-items: center; } .order.leasing .order-form .form-body .form-inputs{ flex-direction: column; align-items: stretch; gap: 10px; } .order .order-form .form-body .form-inputs > *{ flex: 1; } .order .order-form .form-body .form-inputs input{ font-weight: 500; font-size: 16px; line-height: 150%; color: #000000; background: #fff; border-radius: 2px; padding: 28px; border: 0; } .order .order-form .form-body .form-inputs .btn{ height: 80px; } .order .order-form .form-body .agreement{ margin-top: 30px; } .order .order-form .form-body .agreement label{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 130%; color: #0C0C0B; opacity: 0.6; } .order .order-form .form-body .agreement a{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 130%; color: #0C0C0B; opacity: 0.6; } .order .order-form .form-body .agreement .radio{ width: fit-content; display: flex; justify-content: center; align-items: center; gap: 10px; } .order .order-form .form-body .agreement .radio label{ } .order .order-form .form-body .agreement .radio input { appearance: none; position: relative; width: 17px; height: 17px; background: #fff; transition: 500ms; border: 1px solid #0C0C0B; margin: 0px; border-radius: 2px; flex-shrink: 0; } .order .order-form .form-body .agreement .radio input:after{ content: ""; position: absolute; width: 0px; height: 0px; background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.15451 4.50713L1.26409 2.6727L0 3.90185L1.18119 5.06607C1.83086 5.7064 2.53914 6.40348 2.75516 6.61515L3.14794 7L4.79246 5.39217C5.69694 4.50787 7.01365 3.21803 7.71848 2.52586L9 1.26738L8.63696 0.900931C8.43729 0.699388 8.15364 0.414221 8.00662 0.267241L7.7393 0L3.15451 4.50713Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; border-radius: 2px; } .order .order-form .form-body .agreement .radio input:checked{ background: #0C0C0B; } .order .order-form .form-body .agreement .radio input:checked::after { width: 16px; height: 16px; } .order__img { width: 55%; right: 0; z-index: 1 } .order__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .order__wrap { padding-top: 95px; padding-bottom: 110px; width: 618px; background-color: #181c23; position: relative; z-index: 10 } .order__title { margin-bottom: 45px } .order__subtitle { max-width: 485px; font-size: 18px; line-height: 150%; color: #fff; margin-bottom: 54px } .order__box + .order__box, .order__desc + .order__btn { margin-top: 45px } .order__caption { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; color: #fff; margin-bottom: 10px } .order__desc { font-size: 16px; line-height: 150%; color: #fff } .order__contacts { display: flex; align-items: center; flex-wrap: wrap; margin-top: 10px; margin-bottom: 25px } .order__tel { display: block; font-weight: 700; font-size: 30px; line-height: 150%; color: #6d6d6d; margin-right: 30px; transition: all .3s } .order__tel:hover { color: rgba(255, 200, 84, .75); transition: all .3s } .order__social { display: flex; align-items: center; margin: -7.5px } .order__link { width: 35px; height: 35px; margin: 7.5px; transition: all .3s } .order__link.telegram svg * { fill: #2f89ce } .order__link.whatsapp svg * { fill: #48c95f } .order__link.wiber svg * { fill: #7c509a } .order__link:hover { transform: scale(1.1); transition: all .3s } .order__btn { padding: 18px 45px } .order--about::before { left: auto; right: 0 } .order--about .order__wrap { width: 582px; margin-left: auto; padding-left: 89px } .order--about .order__img { right: auto; left: 0 } @media (max-width: 1238px) { .order__wrap { padding-top: 65px; padding-bottom: 85px; width: 470px } .order__title { margin-bottom: 15px } .order__subtitle { font-size: 16px; margin-bottom: 35px } .order__box + .order__box { margin-top: 40px } .order__desc + .order__btn { margin-top: 35px } .order__contacts { margin-bottom: 30px } .order__tel { width: 100%; margin-right: 0; margin-bottom: 20px } .order--about::before { left: 0; right: auto } .order--about .order__wrap { max-width: calc(100% - 515px); margin-left: 0; padding-left: 0 } .order--about .order__img { right: 0; left: auto } } @media (max-width: 992px) { .order{ padding: 30px 0px; } .order .order-top{ flex-direction: column; align-items: flex-start; gap: 30px; } .order .order-top .order-top-head{ flex-direction: column; align-items: flex-start; gap: 15px; } .order .order-top .order-top-head .order-top-head-title{ max-width: initial; font-size: 28px; } .order .order-top .order-top-head-desc{ font-size: 13px; } .order .order-top .order-top-contacts{ flex-wrap: wrap; } .order .order-top .order-top-soc{ flex: 1; } .order .order-form .form-body .form-inputs{ flex-direction: column; align-items: stretch; } .order .order-form .form-body .form-inputs input{ padding: 20px; } .order .order-form .form-body .agreement{ margin-top: 15px; } .order .order-form .form-body .agreement label{ font-size: 10px; } .order .order-form .form-body .agreement label a{ font-size: 10px; } .order__img img { width: 100%; -o-object-position: center; object-position: center } .order__wrap { width: 375px; padding-bottom: 60px } .order__title { margin-bottom: 20px } .order__subtitle { max-width: 340px; margin-bottom: 40px } .order__desc + .order__btn { margin-top: 45px } .order--about::before { left: 0; right: auto } .order--about .order__wrap { width: 360px; max-width: initial; margin-left: 0; padding-left: 0 } .order--about .order__img { width: 51% } .order.leasing .order-block{ flex-direction: column; gap: 30px; } } @media (max-width: 767px) { .order::before { width: 100% } .order__img { display: none } .order__box + .order__box { margin-top: 60px } .order__wrap { padding-top: 60px; padding-bottom: 60px; width: 100% } .order__contacts { margin-bottom: 40px } .order__title { font-size: 56px; line-height: 67px; margin-bottom: 35px } .order__subtitle { max-width: 100%; margin-bottom: 55px } .order__tel { width: auto; margin-right: 28px; margin-bottom: 0 } .order--about .order__wrap { width: 100% } } @media (max-width: 479px) { .order__wrap { padding-top: 40px; padding-bottom: 40px } .order__contacts { margin-bottom: 30px } .order__title { font-size: 40px; line-height: 48px; margin-bottom: 20px } .order__subtitle { margin-bottom: 40px } .order__desc + .order__btn { margin-top: 35px } .order__tel { width: 100%; margin-right: 0; margin-bottom: 20px } .order__box + .order__box { margin-top: 40px } } .video-channels{ padding-bottom: 60px; padding-top: 60px; } .video-channels-block{ position: relative; background: #000000; display: flex; justify-content: space-between; align-items: center; } .video-channels-block .video-channels-text{ padding: 60px; display: flex; gap: 15px; flex-direction: column; } .video-channels-block .video-channels-title{ font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #FFFFFF; max-width: 285px; } .video-channels-block .video-channels-title span{ color: #FFBB00; } .video-channels-block .video-channels-desc{ max-width: 370px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; color: #FFFFFF; } .video-channels-block .video-channels-links{ display: flex; gap: 5px; } .video-channels-block .video-channels-links a{ font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #0C0C0B; height: 60px; display: flex; align-items: center; justify-content: center; width: 175px; background: #FFFFFF; border-radius: 2px; transition: all .3s } .video-channels-block .video-channels-links a:hover{ background: #FFBB00; } .video-channels-block .video-channels-image{ position: relative; margin-top: -60px; padding: 15px; } .video-channels-block .video-channels-image img{ width: 100%; } .video-channels-block .video-channels-hand{ position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0%); } @media (max-width: 992px) { .video-channels-block{ flex-direction: column; gap: 0px; } .video-channels-block .video-channels-title{ font-size: 28px; } .video-channels{ padding-bottom: 30px; padding-top: 30px; } .video-channels-block .video-channels-text{ padding: 30px; padding-bottom: 15px; } .video-channels-block .video-channels-links a{ width: 100%; } .video-channels-block .video-channels-image{ margin-top: 0px; width: 70%; align-self: end; } .video-channels-block .video-channels-hand{ width: 30%; left: 30px; transform: none; } } .main-social { padding-top: 80px; padding-bottom: 80px } .main-social__wrap { position: relative } .main-social__top { margin-bottom: 40px } .main-social__title span { color: #c00 } .main-social__subtitle { max-width: 500px; font-size: 18px; line-height: 25px; display: flex; align-items: center; letter-spacing: -.02em; color: #181c23; margin-top: 25px; margin-bottom: 20px } .main-social__btn { width: 290px; padding: 18px; margin-bottom: 40px; } .main-social__link { display: block; width: 71px; height: 71px; margin-top: 30px; transition: all .3s } .main-social__link:hover { transform: scale(1.1); transition: all .3s } .main-social__img { position: absolute; width: 670px; height: 509px; right: -115px; bottom: -63px; } .main-social__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1238px) { .main-social { padding-top: 65px; padding-bottom: 65px } .main-social__subtitle { max-width: 450px } .main-social__body { margin: -6px } .main-social__img { width: 660px; height: auto; right: -210px; bottom: -55px; } } @media (max-width: 992px) { .main-social { padding-top: 65px; padding-bottom: 90px } .main-social__top { margin-bottom: 40px } .main-social__top .main-social__subtitle { max-width: 100% } .main-social__title { font-size: 56px; line-height: 67px } .main-social__subtitle { max-width: 300px } .main-social__img { width: 605px; height: auto; right: -20px; bottom: -85px } } @media (max-width: 992px) { .main-social { padding-top: 73px; padding-bottom: 74px } .main-social__top { margin-bottom: -5px } .main-social__title { font-size: 31px; line-height: 37px } .main-social__title br { display: none } .main-social__subtitle { font-weight: 400; font-size: 18px; line-height: 25px; margin-top: 27px; margin-bottom: 28px } .main-social__list { margin: -10px } .main-social__link { margin: 0 auto } .main-social__body { margin: 0 } .main-social__img { width: 130%; height: auto; margin: 0; position: relative; right: 36%; bottom: 0 } .main-social__btn { margin-bottom: 5px } .main-social__bottom { text-align: center } .main-social__bottom .main-social__subtitle { max-width: 100% } } @media (max-width: 479px) { .main-social { padding-top: 42px; padding-bottom: 40px } .main-social__top { margin-bottom: 20px } .main-social__title { letter-spacing: -.1px } .main-social__subtitle { margin-top: 30px; margin-bottom: 20px } .main-social__link { margin-top: 28px } } .footer { padding: 60px 0px; background-color: #0C0C0B } .footer__top, .footer__middle, .footer__bottom{ display: grid; grid-template-columns: repeat(3, 1fr); align-items: flex-start; } .footer__top a.logo{ width: 200px; max-width: 260px; } .footer__top a.logo img{ width: 200px; } .footer__top div.callback{ width: 260px; justify-self: end; } .footer__top .phone a{ display: flex; align-items: center; font-style: normal; font-weight: 500; font-size: 24px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; gap: 15px; } .footer__top .phone .footer__contacts-desc{ font-weight: 500; font-size: 12px; line-height: 150%; color: #FFBB00; padding-left: 35px; } .footer__top a.btn{ width: 100%; } .footer__top .footer-social{ display: flex; justify-content: space-between; margin-top: 15px; } .footer__top .footer-social svg{ flex-shrink: 0; } .footer__middle, .footer__bottom{ margin-top: 15px; } .footer__bottom{ align-items: flex-end; } .footer__copiright{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; color: #FFFFFF; opacity: 0.6; } .footer__bottom .footer__copiright{ max-width: 260px; } .footer__middle .footer__email{ display: flex; align-items: center; gap: 15px; font-weight: 500; font-size: 12px; line-height: 150%; color: #FFFFFF; opacity: 0.6; text-transform: uppercase; } .footer__bottom .footer__address{ display: flex; align-items: center; gap: 15px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; color: #FFFFFF; opacity: 0.6; text-transform: uppercase; } .footer__bottom .footer__address svg{ flex-shrink: 0; } .footer__bottom .footer__confidentiality{ display: flex; flex-direction: column; gap: 10px; width: 260px; justify-self: end; } .footer__bottom .footer__confidentiality a{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; color: #FFFFFF; opacity: 0.6; } .footer__wrap { display: flex; justify-content: space-between } .footer__wrap { align-items: flex-start; flex-wrap: wrap; position: relative } .footer__btn { width: 280px; padding: 13px 10px } .footer__first { width: 435px } .footer__contacts { width: 455px; margin-right: 160px } .footer__contacts-link { display: block; font-weight: 700; font-size: 30px; line-height: 150%; color: #6d6d6d; transition: all .3s } .footer__address-link:hover, .footer__confidentiality:hover, .footer__contacts-link:hover { color: rgba(255, 200, 84, .75); transition: all .3s } .footer__address, .footer__contacts-desc { font-size: 18px; line-height: 150%; color: #fff } .footer__address-link { display: inline-flex; font-size: 18px; line-height: 150%; color: #6d6d6d; margin-top: 2px; transition: all .3s } .footer__link, .footer__menu ul li a { display: block; color: #fff; transition: all .3s } .footer__link { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; margin-bottom: 25px } .footer__link:hover, .footer__menu ul li a:hover { color: #ffc854; transition: all .3s } .footer__menu { width: calc(100% - 280px) } .footer__menu ul { display: flex; align-items: center } .footer__menu ul li { width: 20% } .footer__menu ul li a { width: 100%; font-weight: 600; font-size: 17px; line-height: 25px; text-transform: uppercase; text-align: center } .footer__top-link { position: fixed; display: none; z-index: 99999; bottom: 60px; right: 30px; width: 70px; text-align: center; font-weight: 700; font-size: 20px; line-height: 27px; color: #fff; margin-right: -10px } .footer__top-link svg { width: 88px; height: 88px; margin-bottom: 10px } .footer__top-link, .footer__top-link svg *, .modal__closed svg * { transition: all .3s } .b-404__subtitle p a, .footer__phone, .footer__top-link:hover, a.contacts-top__link:hover { color: #6d6d6d; transition: all .3s } .footer__phone { display: inline-flex; font-weight: 700; font-size: 35.3819px; line-height: 150% } .footer__phone:hover { color: rgba(255, 200, 84, .75); transition: all .3s } .footer__phone { font-size: 56.4368px } .footer__box { display: flex; align-items: center; width: 100% } .footer__box:first-child { margin-top: 65px } .footer__box:last-child { margin-top: 44px } .footer__mobile { display: none } @media (max-width: 1238px) { .footer__menu { width: calc(100% - 245px) } .footer__menu ul li a { font-size: 14px; line-height: 22px } .footer__btn { width: 245px; padding: 16px } .footer__contacts { width: 462px; margin-right: 0 } .footer__box:first-child { margin-top: 60px } .footer__box:last-child { margin-top: 44px } .footer__phone { font-size: 50px } .footer__top-link { display: none } .footer .logo { } } @media (max-width: 992px) { .footer { padding-top: 32px; padding-bottom: 40px } .footer__desctop { display: none } .footer__mobile { display: flex; width: 100%; flex-direction: column; gap: 15px; } .footer__contacts { width: 450px; margin: 60px auto 0 } .footer__btn { width: 290px; padding: 18px; margin-top: 21px } .footer__bottom { width: auto; justify-content: center; max-width: 285px; flex-wrap: wrap; text-align: center; margin: 60px auto 0 } .footer .logo { } footer .phone a{ display: flex; align-items: center; font-style: normal; font-weight: 500; font-size: 18px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; gap: 15px; } footer .phone .footer__contacts-desc{ font-weight: 500; font-size: 12px; line-height: 150%; color: #FFBB00; padding-left: 35px; } footer .footer__email{ display: flex; align-items: center; gap: 15px; font-weight: 500; font-size: 12px; line-height: 150%; color: #FFFFFF; opacity: 0.6; text-transform: uppercase; } footer .footer__address{ display: flex; align-items: center; gap: 15px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; color: #FFFFFF; opacity: 0.6; text-transform: uppercase; } footer .footer__address svg, footer .footer__email svg{ flex-shrink: 0; } footer .footer-social{ display: flex; gap: 5px; } footer .footer-social a{ flex: 1; display: flex; justify-content: center; background: rgba(255, 255, 255, 0.1); border-radius: 2px; } footer .footer__confidentiality a { font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; color: #FFFFFF; opacity: 0.6; } } @media (max-width: 767px) { .footer { padding-top: 35px; padding-bottom: 50px } .footer__btn, .footer__contacts { margin-top: 40px } .footer .logo { } } @media (max-width: 479px) { .footer { padding-top: 35px; padding-bottom: 50px } .footer__email { font-size: 25px; line-height: 150% } .footer__phone { font-size: 35px } .footer__contacts { margin-top: 42px; width: 100%; max-width: 450px } .footer__btn { margin-top: 40px } .footer__bottom { margin-top: 55px } .footer .logo { width: 200px; } } .modal { background-color: #fff; padding: 60px; margin: 50px 15px; position: relative } #resume-modal.modal{ width: 400px; } .modal form{ display: flex; gap: 45px; } #resume-modal.modal form{ flex-direction: column; } .modal form .agreement{ margin-top: 15px; } .modal form .agreement label{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 130%; color: #0C0C0B; opacity: 0.6; } .modal form .agreement a{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 130%; color: #0C0C0B; opacity: 0.6; } .modal form .agreement .radio{ width: fit-content; display: flex; justify-content: center; align-items: flex-start; gap: 10px; } .modal form .agreement .radio input { appearance: none; position: relative; width: 17px; height: 17px; background: #fff; transition: 500ms; border: 1px solid #0C0C0B; margin: 0px; border-radius: 2px; flex-shrink: 0; } .modal form .agreement .radio input:after{ content: ""; position: absolute; width: 0px; height: 0px; background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.15451 4.50713L1.26409 2.6727L0 3.90185L1.18119 5.06607C1.83086 5.7064 2.53914 6.40348 2.75516 6.61515L3.14794 7L4.79246 5.39217C5.69694 4.50787 7.01365 3.21803 7.71848 2.52586L9 1.26738L8.63696 0.900931C8.43729 0.699388 8.15364 0.414221 8.00662 0.267241L7.7393 0L3.15451 4.50713Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; border-radius: 2px; } .modal form .agreement .radio input:checked{ background: #0C0C0B; } .modal form .agreement .radio input:checked::after { width: 16px; height: 16px; } .modal .fancybox-close-small { display: none } .modal__closed { position: absolute; width: 40px; height: 40px; top: 0px; right: 0px; z-index: 20; cursor: pointer; transition: all .3s } .modal__closed svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .components-arrow:hover svg *{ stroke: #181c23; transition: all .3s } .dark-fancybox .fancybox-slide--html { padding: 0 } .modal{ width: 760px; max-width: calc(100% - 30px); border-left: 5px solid #FFBB00; } .order-modal { max-width: 875px !important; width: calc(100% - 30px) } .characteristics { background-color: transparent; padding: 0 } .characteristics__body { margin-top: 60px; } .characteristics__title { font-weight: 700; font-size: 20px; line-height: 27px; text-align: center; text-transform: uppercase; color: #181c23 } .characteristics__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .characteristics__row .accordion-item{ padding: 30px; background: #F5F5F7; grid-column: span 2/span 2; } .characteristics__row .accordion-item:nth-child(n+4){ grid-column: span 1/span 1; } .characteristics__row .accordion-item + .accordion-item{ margin: 0px; } .characteristics__row .accordion-item .accordion-item__top{ display: flex; justify-content: space-between; align-items: center; padding: 0px; border: 0; } .characteristics__row .accordion-item .accordion-item__top .accordion-item__caption{ font-style: normal; font-weight: 500; font-size: 18px; line-height: 160%; text-transform: uppercase; color: #0C0C0B; margin: 0px; max-width: 100%; } .characteristics__row .accordion-item .accordion-item__top .accordion-item__arrow{ width: 28px; height: 28px; } .characteristics__row .accordion-item.active .accordion-item__top .accordion-item__arrow svg{ opacity: 0.3; transform: rotate(45deg); } .characteristics__row .accordion-item .accordion-item__text p, .characteristics__row .accordion-item .accordion-item__text ul li, .characteristics__row .accordion-item .accordion__text p, .characteristics__row .accordion-item .accordion__text ul li{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; } .characteristics__row .accordion-item .accordion-item__text table, .characteristics__row .accordion-item .accordion__text table{ width: 100%; border-collapse: collapse; table-layout: fixed; margin-top: 18px; font-size: 14px; line-height: 1.45; color: #0C0C0B; } .characteristics__row .accordion-item .accordion-item__text table tr, .characteristics__row .accordion-item .accordion__text table tr{ border-bottom: 1px solid rgba(12, 12, 11, .12); } .characteristics__row .accordion-item .accordion-item__text table tr:last-child, .characteristics__row .accordion-item .accordion__text table tr:last-child{ border-bottom: 0; } .characteristics__row .accordion-item .accordion-item__text table td, .characteristics__row .accordion-item .accordion__text table td{ padding: 12px 14px; vertical-align: top; overflow-wrap: anywhere; } .characteristics__row .accordion-item .accordion-item__text table td:first-child, .characteristics__row .accordion-item .accordion__text table td:first-child{ width: 34%; background: rgba(255, 255, 255, .48); color: #555b66; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .characteristics__row .accordion-item .accordion-item__text table td:first-child b, .characteristics__row .accordion-item .accordion__text table td:first-child b{ font-weight: 800; } .characteristics__row .accordion-item .accordion-item__text table td:last-child, .characteristics__row .accordion-item .accordion__text table td:last-child{ background: rgba(255, 255, 255, .22); color: #0C0C0B; font-weight: 600; } .characteristics__row .accordion-item .accordion-item__text table td:last-child ul, .characteristics__row .accordion-item .accordion__text table td:last-child ul{ margin: 0; padding: 0; list-style: none; } .characteristics__row .accordion-item .accordion-item__text table td:last-child li, .characteristics__row .accordion-item .accordion__text table td:last-child li{ position: relative; padding-left: 16px; } .characteristics__row .accordion-item .accordion-item__text table td:last-child li + li, .characteristics__row .accordion-item .accordion__text table td:last-child li + li{ margin-top: 7px; } .characteristics__row .accordion-item .accordion-item__text table td:last-child li::before, .characteristics__row .accordion-item .accordion__text table td:last-child li::before{ content: ""; position: absolute; left: 0; top: .65em; width: 5px; height: 5px; background: #FFC905; } .characteristics__coll { } .characteristics .accordion-item__top { width: 100% } @media (max-width: 1010px) { } @media (max-width: 992px) { .characteristics__body{ } .characteristics__row{ gap: 5px; } .characteristics__row .accordion-item{ padding: 15px; } .characteristics__row .accordion-item .accordion-item__top .accordion-item__caption{ font-size: 14px; } .characteristics__row .accordion-item:nth-child(n+4){ grid-column: span 2/span 2; } } @media (max-width: 640px) { .characteristics__row .accordion-item .accordion-item__text table, .characteristics__row .accordion-item .accordion-item__text table tbody, .characteristics__row .accordion-item .accordion-item__text table tr, .characteristics__row .accordion-item .accordion-item__text table td, .characteristics__row .accordion-item .accordion__text table, .characteristics__row .accordion-item .accordion__text table tbody, .characteristics__row .accordion-item .accordion__text table tr, .characteristics__row .accordion-item .accordion__text table td{ display: block; width: 100%; } .characteristics__row .accordion-item .accordion-item__text table, .characteristics__row .accordion-item .accordion__text table{ margin-top: 14px; font-size: 13px; } .characteristics__row .accordion-item .accordion-item__text table tr, .characteristics__row .accordion-item .accordion__text table tr{ border: 1px solid rgba(12, 12, 11, .12); background: rgba(255, 255, 255, .4); margin-bottom: 8px; } .characteristics__row .accordion-item .accordion-item__text table td, .characteristics__row .accordion-item .accordion__text table td{ padding: 8px 10px; } .characteristics__row .accordion-item .accordion-item__text table td:first-child, .characteristics__row .accordion-item .accordion__text table td:first-child{ width: 100%; background: transparent; font-size: 10px; padding-bottom: 3px; } .characteristics__row .accordion-item .accordion-item__text table td:last-child, .characteristics__row .accordion-item .accordion__text table td:last-child{ background: transparent; padding-top: 0; font-size: 13px; } } @media (max-width: 920px) { .order-modal { padding: 25px 15px 0 } } @media (max-width: 767px) { .order-modal { padding-bottom: 25px } .footer__top-link { display: none !important; } .modal form{ flex-direction: column; gap: 15px; } .modal { padding: 30px 15px; width: calc(100% - 30px) } } @media (max-width: 430px) { } .form__top { flex: 1; flex-direction: column; justify-content: space-between; display: flex; } .form__body{ flex: 1; display: flex; flex-direction: column; gap: 5px; } .form__title { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 120%; text-transform: uppercase; color: #0C0C0B; } .b-404__subtitle p{ font-size: 16px; line-height: 150%; color: #181c23 } .form__subtitle{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; } .form__top .form-contacts{ padding-top: 30px; border-top: 1px dashed #D2D2D7; display: flex; gap: 10px; align-items: center; } .form__body .form-contacts.mobile{ display: none; } .form__top .form-contacts .form-contacts-block{ display: flex; flex-direction: column; gap: 5px; } .form__top .form-contacts .form-contacts-block a{ font-weight: 500; font-size: 18px; line-height: 140%; color: #0C0C0B; } .form__top .form-contacts .form-contacts-block .form-contacts-name{ font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; } .form__label { display: block; } .form__btn { width: 100%; padding: 23px 40px; font-weight: 600; font-size: 16px; line-height: 150%; color: #0C0C0B; text-transform: uppercase; } .form__btn + .form__agreement { } .form__agreement { display: inline-flex; font-weight: 400; font-size: 16px; line-height: 150%; color: #6d6d6d; border-bottom: 1px dashed #6d6d6d; transition: all .3s } .form__agreement:hover { color: #181c23; border-color: transparent } .form__agreement + .form__btn { margin-top: 15px } .form__wrap { display: flex; justify-content: space-between; flex-wrap: wrap } .form__wrap .form__bottom { width: 300px; margin: 0 auto; text-align: center } .form__left { width: 430px; margin-bottom: -30px } .form__right { width: calc(100% - 455px) } textarea.form__field { height: 212px } @media (max-width: 920px) { .form__left { width: 54%; margin-bottom: 0 } .form__right { width: calc(46% - 20px) } } @media (max-width: 767px) { .form__left, .form__right { width: 100% } textarea.form__field { height: 140px } .form__top .form-contacts{ display: none; } .form__body .form-contacts.mobile{ padding-top: 20px; border-top: 1px dashed #D2D2D7; display: flex; gap: 10px; align-items: center; margin-top: 20px; } .form__body .form-contacts .form-contacts-block{ display: flex; flex-direction: column; gap: 5px; } .form__body .form-contacts .form-contacts-block a{ font-weight: 500; font-size: 18px; line-height: 140%; color: #0C0C0B; } .form__body .form-contacts .form-contacts-block .form-contacts-name{ font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; } .form__title { font-size: 26px; line-height: 32px; } .form__subtitle{ } .form__top{ gap: 15px; } } @media (max-width: 430px) { .form__top { } .form__label { } .form__btn { padding: 22px 30px } } .b-404 { background-color: #fff } .b-404__body { height: calc(100vh - 195px); min-height: 700px; position: relative; display: flex; align-items: center } .b-404__img { position: absolute; width: 1000px; height: 562px; top: calc(50% - 320px); right: -50px } .b-404__wrap { position: relative; z-index: 10; max-width: 630px } .b-404__title { font-family: "Oswald", sans-serif; font-size: 31px; line-height: 37px; color: #000; margin-top: 30px; margin-bottom: 30px } .b-404__subtitle p { display: block } .b-404__subtitle p a:hover { color: #181c23; transition: all .3s } @media (max-width: 1238px) { .b-404__img { width: 800px; height: 450px; top: calc(50% - 260px); right: -20px } } @media (max-width: 992px) { .b-404__body { height: calc(100vh - 80px) } .b-404__img { width: 620px; height: 350px; top: calc(50% - 200px); right: -55px } } @media (max-width: 767px) { .b-404__img { display: none } } @media (max-width: 479px) { .b-404__body { height: auto; min-height: 420px } .b-404__title { font-size: 26px; line-height: 30px; margin-top: 20px; margin-bottom: 20px } .b-404__img { display: none } .b-404__subtitle p { font-size: 14px } } .certificates { padding-top: 90px; padding-bottom: 100px; background-color: #fff } .certificates__body { position: relative; margin-top: 66px } .certificates__img { display: block; width: 364px; height: 515px } .certificates__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .certificates__slick { margin-right: -70px } .certificates__slick .slick-list { overflow: visible } .certificates .arrow { position: absolute; top: calc(50% - 22px); z-index: 10 } .certificates .arrow--prew { left: -50px } .certificates .arrow--next { right: -50px } @media (max-width: 1238px) { .certificates { padding-top: 60px; padding-bottom: 100px } .certificates__body { margin-top: 53px } .certificates__img { width: 364px; height: 515px } .certificates__slick { margin-right: 0 } .certificates .arrow { display: none } } @media (max-width: 992px) { .certificates { padding-top: 50px; padding-bottom: 50px } .certificates__body { margin-top: 42px } .certificates__title { font-size: 42px; line-height: 52px } .certificates__img { width: 100%; height: auto } .certificates .arrow { width: 16px; height: 32px; top: calc(50% - 16px) } .certificates .arrow--prew { left: 0 } .certificates .arrow--next { right: 0 } } @media (max-width: 767px) { .certificates__title { font-size: 31px; line-height: 37px; max-width: 100%; text-align: left; margin: 0 auto } } @media (max-width: 479px) { .certificates { padding-top: 40px; padding-bottom: 40px } .certificates__title { font-size: 31px; line-height: 37px } .certificates__body { margin-top: 40px } .certificates .arrow--prew { left: -10px } .certificates .arrow--next { right: -10px } } .manufacturers { padding-top: 0; padding-bottom: 100px } .manufacturers__coll { display: flex; justify-content: space-between; background-color: #fff; margin-bottom: 30px; min-height: 370px } .manufacturers__coll:nth-child(2n) .manufacturers__box { order: 2 } .manufacturers__coll:nth-child(2n) .manufacturers__img { order: 1 } .manufacturers__box { width: 410px; padding: 40px 15px 0; display: flex; align-content: space-between; justify-content: center; flex-wrap: wrap } .manufacturers__logo { margin-bottom: 24px } .manufacturers__logo img { margin: 0 auto } .manufacturers__desc { max-width: 314px; min-height: 113px; font-size: 16px; line-height: 150%; color: #181c23; margin: 0 auto 20px } .manufacturers__btn { font-size: 14px; line-height: 19px; padding: 12px 34px } .manufacturers__img { width: calc(100% - 410px) } .manufacturers__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1238px) { .manufacturers { padding-bottom: 70px } } @media (max-width: 992px) { .manufacturers__coll { min-height: 320px } .manufacturers__box { width: 375px; padding: 20px 15px 0 } .manufacturers__logo { margin-bottom: 16px } .manufacturers__desc { max-width: 314px } .manufacturers__img { width: calc(100% - 375px) } } @media (max-width: 767px) { .manufacturers { padding-bottom: 10px; margin-left: -20px; margin-right: -20px } .manufacturers__coll { min-height: 320px; flex-wrap: wrap; margin-bottom: 20px } .manufacturers__coll:nth-child(2n) .manufacturers__box { order: 2 } .manufacturers__coll:nth-child(2n) .manufacturers__img { order: 1 } .manufacturers__box { width: 100%; padding: 0 15px; order: 2 } .manufacturers__block { width: 100% } .manufacturers__logo { margin: 20px; } .manufacturers__desc { max-width: 450px; min-height: auto; font-size: 16px; margin-bottom: 30px } .manufacturers__img { width: 100%; height: 370px; order: 1 } } .order-item { padding-top: 80px; padding-bottom: 80px } .order-item__top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap } .order-item__title { max-width: 682px } .order-item__subtitle { max-width: 524px; font-size: 16px; line-height: 150%; color: #181c23 } .order-item__body { margin-top: 80px; background-color: #fff; padding: 40px 80px } .order-item .form__left { width: 57% } .order-item .form__right { width: calc(43% - 20px) } @media (max-width: 1238px) { .order-item { padding-bottom: 60px } .order-item__title { max-width: 100% } .order-item__subtitle { max-width: 100%; margin-top: 30px } .order-item__body { padding: 40px 0; position: relative; margin-top: 35px } .order-item__body::after { content: ""; position: absolute; width: 100vw; height: 100%; left: calc(50% - 50vw); top: 0; background-color: #fff; z-index: 1 } .order-item .form { position: relative; z-index: 10 } .order-item .form__title { margin-bottom: 5px } .order-item .form__left { width: 49% } .order-item .form__right { width: calc(51% - 20px) } } @media (max-width: 992px) { .order-item { padding-top: 60px; padding-bottom: 0 } .order-item__subtitle { max-width: 100% } .order-item__body { margin-top: 40px } .order-item .form { position: relative; z-index: 10 } .order-item .form__left, .order-item .form__right { width: calc(50% - 10px) } } @media (max-width: 767px) { .order-item { padding-bottom: 0 } .order-item__subtitle { margin-top: 40px } .order-item .form__top { margin-bottom: 30px } .order-item .form__label { margin-bottom: 20px } .order-item .form__left, .order-item .form__right { width: 100% } .order-item .form__bottom { text-align: center } } @media (max-width: 479px) { .order-item { padding-top: 25px } .order-item__subtitle { margin-top: 20px } } .service-promo__top { margin-top: 20px; margin-bottom: 35px } .service-promo__title { margin-top: 16px } .service-promo__body { margin-left: -140px; margin-right: -140px; position: relative; min-height: 620px; display: flex; align-items: flex-end } .service-promo__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .product-sliders__img img, .service-promo__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .service-promo__bottom { width: 100%; position: relative; z-index: 10; padding-bottom: 58px } .service-promo__wrap { max-width: 1208px; margin: 0 auto } .service-promo__box { max-width: 750px; position: relative } .service-promo__caption { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; color: #fff; margin-bottom: 20px } .leasing-top__desc p, .service-promo__desc { font-size: 16px; line-height: 150%; color: #fff } .leasing-promo__text p strong, .leasing-top__desc p strong, .service-promo__desc strong { font-weight: 700 } @media (max-width: 1238px) { .service-promo__top { margin-top: 62px; margin-bottom: 40px } .service-promo__wrap { max-width: 920px } .service-promo__body { min-height: 685px } .service-promo__bottom { padding-bottom: 80px } .service-promo__desc { font-size: 18px } } @media (max-width: 992px) { .service-promo__top { margin-top: 40px } .service-promo__title { font-size: 56px; line-height: 67px; margin-top: 16px } .service-promo__wrap { max-width: 100%; padding-right: 20px } .service-promo__body { margin-left: 0; margin-right: 0; min-height: 690px } .service-promo__bg { width: 100vw; left: calc(50% - 50vw) } .service-promo__bottom { padding-bottom: 60px } .service-promo__desc { font-size: 18px } } @media (max-width: 767px) { .service-promo__top { margin-bottom: 20px } .service-promo__title { font-size: 31px; line-height: 37px } .service-promo__wrap { max-width: 100%; padding-right: 20px } .service-promo__body { margin-left: 0; margin-right: 0; min-height: 705px; display: block } .service-promo__bg { position: relative; height: 320px } .service-promo__bottom { width: calc(100% + 40px); padding-bottom: 60px; background-color: #181c23; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px } .service-promo__desc { font-size: 18px } } @media (max-width: 479px) { .service-promo__body { min-height: auto } .service-promo__bottom { padding-bottom: 40px } .service-promo__desc { font-size: 16px } } .leasing-top { margin-top: 20px; margin-bottom: 60px } .leasing-top__caption { max-width: 565px; font-family: "Oswald", sans-serif; font-size: 24px; line-height: 29px; color: #181c23; margin-top: 40px; margin-bottom: 18px } .leasing-top__row { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap } .leasing-top__coll { width: calc(50% - 24px) } .leasing-top__desc p { color: #181c23 } @media (max-width: 1238px) { .leasing-top { margin-top: 60px; margin-bottom: 60px } .leasing-top__caption { max-width: 705px; margin-bottom: 30px } .leasing-top__coll { width: calc(50% - 30px) } } @media (max-width: 992px) { .leasing-top { margin-top: 40px } .leasing-top__title { font-size: 56px; line-height: 67px } .leasing-top__caption { margin-top: 30px } } @media (max-width: 767px) { .leasing-top { margin-bottom: 40px } .leasing-top__title { font-size: 31px; line-height: 37px } .leasing-top__caption { margin-top: 30px } .leasing-top__coll { width: 100% } .leasing-top__coll + .leasing-top__coll { margin-top: 20px } } .leasing-benefit { padding-top: 80px; padding-bottom: 90px; background-image: url(/bitrix/templates/ttcauto/../img/leasing/leasing-benefit/bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center } .leasing-benefit__row { display: flex; flex-wrap: wrap; margin: 40px -15px -40px } .leasing-benefit__coll { width: calc(33.333% - 30px); display: flex; align-items: center; margin: 0 15px 40px } .leasing-benefit__coll:hover .leasing-benefit__icon, .leasing-benefit__icon { width: 60px; height: 60px; margin-right: 20px } .leasing-benefit__coll:hover .leasing-benefit__icon svg * { fill: #6d6d6d; transition: all .3s } .leasing-benefit__icon svg * { transition: all .3s } .leasing-benefit__desc { width: calc(100% - 80px); font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #fff } @media (max-width: 1238px) { .leasing-benefit { padding-top: 60px; padding-bottom: 60px } .leasing-benefit__coll { width: calc(50% - 55px) } .leasing-benefit__icon svg * { fill: #6d6d6d; transition: all .3s } .leasing-benefit__desc { max-width: 295px } } @media (max-width: 992px) { .leasing-benefit__row { margin: 45px -15px -34px } .leasing-benefit__coll { width: calc(50% - 48px); margin-bottom: 34px } .leasing-benefit__desc { font-size: 16px; line-height: 22px } } @media (max-width: 767px) { .leasing-benefit { padding-bottom: 65px } .leasing-benefit__title { font-size: 31px; line-height: 37px } .leasing-benefit__row { margin-top: 40px } .leasing-benefit__coll { width: 100%; margin-bottom: 30px } .leasing-benefit__desc { max-width: 100% } } @media (max-width: 479px) { .leasing-benefit { padding-top: 40px; padding-bottom: 50px } .leasing-benefit__row { margin-top: 30px } .leasing-benefit__coll { margin-bottom: 28px } } .leasing-profit { padding-top: 80px; padding-bottom: 40px } .leasing-profit__row { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; margin-bottom: -30px } .leasing-profit__coll { width: calc(50% - 50px); position: relative; margin-bottom: 30px } .leasing-profit__icon { width: 22px; height: 25px; position: absolute; top: 0; left: -35px } .leasing-profit__desc { max-width: 515px; font-size: 16px; line-height: 150%; color: #181c23 } @media (max-width: 1238px) { .leasing-profit { padding-top: 60px; padding-bottom: 35px } .leasing-profit__coll { width: 50%; padding-left: 37px } .leasing-profit__icon { left: 0 } .leasing-profit__desc { max-width: 413px } } @media (max-width: 992px) { .leasing-profit { padding-bottom: 62px } .leasing-profit__row { margin-top: 20px; margin-bottom: -30px } .leasing-profit__coll { width: 100%; padding-left: 37px } .leasing-profit__desc { max-width: 100% } } @media (max-width: 767px) { .leasing-profit { padding-top: 40px; padding-bottom: 40px } .leasing-profit__title { font-size: 31px; line-height: 37px } .leasing-profit__row { margin-top: 28px } .leasing-profit__coll { width: 100% } .leasing-profit__desc { max-width: 100% } } .leasing-recommendations { padding-top: 100px; padding-bottom: 100px; background-color: #181c23 } .leasing-recommendations__title { max-width: 1070px } .leasing-recommendations__body { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 50px; font-weight: 400; font-size: 16px; line-height: 150%; color: #fff } .leasing-recommendations__info { width: 375px; margin-right: 36px } .leasing-recommendations__row { width: calc(100% - 411px); display: flex; align-items: flex-start } .leasing-recommendations__coll:first-child { width: 350px } .leasing-recommendations__coll:last-child { width: 425px } .leasing-recommendations__desc { margin-top: 10px } .leasing-recommendations__desc + .leasing-recommendations__btn { margin-top: 45px } .leasing-recommendations__flex { display: flex; align-items: center; flex-wrap: wrap } .leasing-recommendations__flex + .leasing-recommendations__btn { margin-top: 20px } .leasing-recommendations__tel { display: inline-flex; font-weight: 700; font-size: 30px; line-height: 150%; color: #6d6d6d; margin-right: 25px; transition: all .3s } .leasing-recommendations__tel:hover { color: rgba(255, 200, 84, .75); transition: all .3s } .leasing-recommendations__btn { width: 290px; padding: 18px 10px } @media (max-width: 1238px) { .leasing-recommendations { padding-top: 80px; padding-bottom: 80px } .leasing-recommendations__body { margin-top: 40px } .leasing-recommendations__info { width: 685px; margin-right: 0; font-size: 18px; line-height: 150% } .leasing-recommendations__row { width: 100%; margin-top: 65px; justify-content: space-between } .leasing-recommendations__coll:first-child { width: 50% } .leasing-recommendations__coll:last-child { width: 50% } } @media (max-width: 992px) { .leasing-recommendations__title { padding-right: 20px } .leasing-recommendations__body { margin-top: 28px } .leasing-recommendations__info { width: 685px; margin-right: 0; font-size: 18px; line-height: 150% } .leasing-recommendations__row { margin-top: 40px } .leasing-recommendations__tel { margin-bottom: 10px } .leasing-recommendations__desc + .leasing-recommendations__btn { margin-top: 75px } .leasing-recommendations__flex + .leasing-recommendations__btn { margin-top: 8px } } @media (max-width: 767px) { .leasing-recommendations { padding-top: 62px; padding-bottom: 60px } .leasing-recommendations__title { padding-right: 20px } .leasing-recommendations__body { margin-top: 28px } .leasing-recommendations__info { width: 685px; margin-right: 0; font-size: 18px; line-height: 150% } .leasing-recommendations__row { margin-top: 40px; flex-wrap: wrap } .leasing-recommendations__coll:first-child { width: 100% } .leasing-recommendations__coll:last-child { width: 100%; margin-top: 60px } .leasing-recommendations__flex { margin-top: 10px } .leasing-recommendations__tel { margin-bottom: 0 } .leasing-recommendations__desc + .leasing-recommendations__btn { margin-top: 44px } .leasing-recommendations__flex + .leasing-recommendations__btn { margin-top: 40px } } @media (max-width: 479px) { .leasing-recommendations { padding-top: 40px; padding-bottom: 40px } .leasing-recommendations__title { font-size: 24px; line-height: 29px; padding-right: 0 } .leasing-recommendations__info { max-width: 685px; width: 100%; font-size: 16px } .leasing-recommendations__coll:last-child { margin-top: 42px } .leasing-recommendations__tel { margin-right: 0; margin-bottom: 20px; width: 100% } .leasing-recommendations__desc + .leasing-recommendations__btn { margin-top: 35px } .leasing-recommendations__flex + .leasing-recommendations__btn { margin-top: 30px } } .leasing-top .leasing-top__title { padding-top: 80px } .leasing-stock__row { display: flex; flex-wrap: wrap; margin: 40px -10px -20px } .leasing-stock__coll { width: calc(33.333% - 20px); margin: 0 10px 20px; background-color: #fff } .leasing-stock__item { display: block } .leasing-stock__item:hover .leasing-stock__btn { opacity: 1; transition: all .3s } .leasing-stock__top { position: relative; width: 100%; height: 392px } .contacts-maps__block #map-1, .contacts-maps__block #map-2, .contacts-maps__block #map-3, .contacts-maps__block #map-4, .contacts-maps__box #map-1, .contacts-maps__box #map-2, .contacts-maps__box #map-3, .contacts-maps__box #map-4, .leasing-stock__img, .leasing-stock__img img { width: 100%; height: 100% } .leasing-stock__btn { position: absolute; bottom: 0; width: 190px; left: calc(50% - 95px); opacity: 0; transition: all .3s } .leasing-stock__bottom { padding: 10px 17px 40px } .leasing-stock__date { font-size: 16px; line-height: 150%; color: #000; margin-bottom: 15px } .leasing-stock__caption { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #000 } @media (max-width: 1238px) { .leasing-stock { padding-top: 60px } .leasing-stock__coll { width: calc(50% - 20px) } .leasing-stock__top { height: 450px } .leasing-stock__bottom { padding: 20px 17px 52px } } @media (max-width: 992px) { .leasing-stock__title { font-size: 56px; line-height: 67px } .leasing-stock__row { margin-top: 42px } .leasing-stock__top { height: 333px } .leasing-stock__bottom { padding: 15px 15px 52px } .leasing-stock__date { margin-bottom: 5px } } @media (max-width: 767px) { .leasing-stock { padding-top: 40px } .leasing-stock__title { font-size: 31px; line-height: 37px } .leasing-stock__row { margin-top: 20px } .leasing-stock__coll { width: 100% } .leasing-stock__top { height: auto } .leasing-stock__bottom { padding: 16px 20px 55px } .leasing-stock__date { margin-bottom: 15px } } @media (max-width: 479px) { .leasing-stock__row { margin-top: 30px; margin-left: -30px; margin-right: -30px } .leasing-stock__bottom { padding: 15px 20px 55px } .leasing-stock__date { margin-bottom: 7px } } .leasing-promo { padding-top: 20px } .leasing-promo__title { max-width: 1010px } .leasing-promo__body { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; margin-right: -8px } .leasing-promo__text { max-width: 495px } .leasing-promo__text p { font-size: 18px; line-height: 130%; color: #181c23; margin-bottom: 19px } .leasing-promo__text ul { list-style: disc; padding-left: 28px; padding-bottom: 19px } .leasing-promo__text ul li { margin-bottom: -4px } .leasing-promo__img { width: 702px; height: 702px } @media (max-width: 1238px) { .leasing-promo { padding-top: 60px } .leasing-promo__body { margin-right: 0 } .leasing-promo__text { max-width: 100%; order: 2; margin-top: 60px } .leasing-promo__img { width: 702px; height: 702px; order: 1 } } @media (max-width: 992px) { .leasing-promo { padding-top: 42px } .leasing-promo__title { padding-right: 30px } .leasing-promo__img { width: 688px; height: auto } .leasing-promo__text { margin-top: 40px } } @media (max-width: 479px) { .leasing-promo__title { padding-right: 0 } } .leasing-page-benefit { padding-top: 80px; padding-bottom: 80px; background-image: url(/bitrix/templates/ttcauto/../img/leasing/leasing-page-benefit/bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center } .leasing-page-benefit__row { width: 1200px; display: flex; flex-wrap: wrap; margin: 55px -54.5px -15px; position: relative } .leasing-page-benefit__coll { width: calc(33.333% - 109px); margin: 0 54.5px 15px } .leasing-page-benefit__icon { width: 100%; height: 150px; margin-bottom: 15px } .leasing-page-benefit__desc { font-weight: 700; font-size: 18px; line-height: 25px; text-align: center; letter-spacing: -.02em; color: #fff } @media (max-width: 1238px) { .leasing-page-benefit { padding-bottom: 50px } .leasing-page-benefit__row { width: 920px; margin: 55px -12.5px -15px } .leasing-page-benefit__coll { width: calc(33.333% - 25px); margin: 0 12.5px 15px } } @media (max-width: 992px) { .leasing-page-benefit { padding-bottom: 60px } .leasing-page-benefit__row { width: 710px; margin: 60px -32px -28px } .leasing-page-benefit__coll { width: calc(50% - 64px); margin: 0 32px 28px } .leasing-page-benefit__icon { margin-bottom: 10px } } @media (max-width: 767px) { .leasing-page-benefit { padding-top: 60px } .leasing-page-benefit__row { width: 100%; margin: 40px 0 -45px } .leasing-page-benefit__coll { width: 100%; margin: 0 0 45px } .leasing-page-benefit__icon { margin-bottom: 10px } .leasing-page-benefit__icon img { margin: 0 auto } .leasing-page-benefit__desc { max-width: 290px; margin: 0 auto } } @media (max-width: 479px) { .leasing-page-benefit { padding-bottom: 40px } } .contacts-top { padding-top: 20px; padding-bottom: 80px } .contacts-top__title { padding-top: 21px } .contacts-top__row { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top: 40px } .contacts-top__coll { width: 33.333% } .contacts-top__caption { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #000; margin-bottom: 3px } .contacts-top__link { display: inline-block; font-weight: 700; font-size: 30px; line-height: 45px; color: #000; transition: all .3s } .contacts-top__social { margin-top: 15px } @media (max-width: 1238px) { .contacts-top { padding-top: 38px; padding-bottom: 60px } .contacts-top__row { margin-bottom: -45px } .contacts-top__coll { width: 50%; margin-bottom: 45px } .contacts-top__coll:first-child { width: 100% } .contacts-top__coll-box { display: flex; align-items: center; flex-wrap: wrap } .contacts-top__social { margin-top: 0; margin-left: 30px } } @media (max-width: 992px) { .contacts-top { padding-top: 40px; padding-bottom: 60px } .contacts-top__title { font-size: 56px; line-height: 67px } .contacts-top__row { margin-bottom: -65px } .contacts-top__coll { margin-bottom: 65px } } @media (max-width: 767px) { .contacts-top { padding-top: 20px; padding-bottom: 42px } .contacts-top__title { font-size: 31px; line-height: 37px } .contacts-top__row { margin-bottom: -33px } .contacts-top__coll { width: 100%; margin-bottom: 33px } .contacts-top__social { margin-left: 20px } } @media (max-width: 479px) { .contacts-top { padding-top: 20px; padding-bottom: 42px } .contacts-top__caption { font-size: 16px; line-height: 22px; margin-bottom: 3px } .contacts-top__link { font-size: 28px } .contacts-top__row { margin-top: 30px; margin-bottom: -33px } .contacts-top__coll { width: 100%; margin-bottom: 33px } .contacts-top__social { width: 100%; margin-left: -7.5px } } .contacts-maps { background-color: #181c23; position: relative } .contacts-maps__left { width: 520px; padding-right: 30px; padding-bottom: 75px } .contacts-maps__tabs { display: flex; margin-bottom: 80px } .contacts-maps__tab { width: 50%; display: inline-flex; align-items: center; justify-content: center; height: 70px; border: 3px solid #6d6d6d; font-weight: 700; font-size: 20px; line-height: 27px; color: #fff; cursor: pointer; transition: all .3s } .contacts-maps__tab.active, .contacts-maps__tab:hover { background-color: #6d6d6d; color: #181c23; transition: all .3s } .contacts-maps__scroll { max-height: 535px } .contacts-maps__items { max-width: 395px } .contacts-maps__item { cursor: pointer; transition: all .3s } .contacts-maps__item + .contacts-maps__item { margin-top: 48px } .accordion__info a, .contacts-maps__item.active .contacts-maps__caption, .contacts-maps__item.active .contacts-maps__value, .contacts-maps__item:hover .contacts-maps__caption, .contacts-maps__item:hover .contacts-maps__value { color: #6d6d6d } .contacts-maps__caption { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #fff; transition: all .3s } .contacts-maps__value { font-size: 16px; line-height: 24px; color: #fff; transition: all .3s } .contacts-maps__container { position: absolute; width: 54%; height: 100%; top: 0; right: 0 } .contacts-maps__scroll { position: relative } .contacts-maps__block, .contacts-maps__box { position: absolute; width: 100%; height: 100%; transform: translateY(25px); top: 0; left: 0; opacity: 0; visibility: hidden; transition: all 0s } .contacts-maps__block.active, .contacts-maps__box.active { position: relative; transform: translateY(0); opacity: 1; visibility: visible; transition: all .3s } @media (max-width: 1600px) { .contacts-maps__container { width: 56% } } @media (max-width: 1238px) { .contacts-maps__tabs { margin-bottom: 61px } .contacts-maps__scroll { max-height: 410px } .contacts-maps__items { max-width: 100% } .contacts-maps__item + .contacts-maps__item { margin-top: 40px } .contacts-maps__left { width: 100%; padding-right: 40px; padding-bottom: 57px } .contacts-maps__container { width: 100%; height: 560px; position: relative } } @media (max-width: 992px) { .contacts-maps__scroll { max-height: 380px } .contacts-maps__item + .contacts-maps__item { margin-top: 30px } .contacts-maps__left { padding-right: 25px; padding-bottom: 46px } } @media (max-width: 767px) { .contacts-maps__tabs { margin-left: -20px; margin-right: -20px } .contacts-maps__scroll { max-height: 445px; padding-right: 10px } .contacts-maps__item + .contacts-maps__item { margin-top: 30px } .contacts-maps__left { padding-right: 0; padding-bottom: 55px } } @media (max-width: 479px) { .contacts-maps__tabs { margin-bottom: 40px } .contacts-maps__tab { font-size: 16px; line-height: 22px } .contacts-maps__scroll { padding-right: 2px } .contacts-maps__item + .contacts-maps__item { margin-top: 21px } .contacts-maps__left { padding-right: 0; padding-bottom: 45px } } .sales-department { padding-top: 80px } .sales-department__title { margin-bottom: 60px } .sales-department__coll, .sales-department__row { display: flex; justify-content: space-between; flex-wrap: wrap; margin: -10px } .sales-department__coll { width: calc(50% - 20px); margin: 10px } .sales-department__img { width: 250px; height: 250px } .sales-department__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .sales-department__box { width: calc(100% - 250px); padding: 30px 30px 10px; background-color: #fff } .sales-department__name { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #000; margin-bottom: 25px } .sales-department__info, .sales-department__tel { font-size: 16px; line-height: 24px; color: #000 } .sales-department__tel { display: block; transition: all .3s } .sales-department__tel:hover { color: #6d6d6d; transition: all .3s } @media (max-width: 1238px) { .sales-department__title { display: none } .sales-department__img { width: 300px; height: 300px; margin-left: 20px } .sales-department__box { width: 100%; min-height: 250px; padding: 30px 40px 10px } .sales-department__name { margin-bottom: 20px } } @media (max-width: 992px) { .sales-department { padding-top: 60px } .sales-department__img { margin-left: 5px } .sales-department__box { padding: 30px 40px 20px 30px } .sales-department .wrapper { padding: 0; max-width: 768px } } @media (max-width: 767px) { .sales-department { padding-top: 42px } .sales-department__img { margin-left: 40px } .sales-department__box { padding: 30px 40px 20px } .sales-department__coll { width: 100% } } @media (max-width: 479px) { .sales-department { padding-top: 40px } .sales-department__img { margin-left: 20px } } .card-promo__body { position: relative; background-repeat: no-repeat; background-size: cover } .card-promo__wrap { position: relative } .card-promo__wrap .breadcrumbs { padding-top: 15px; } .card-promo__wrap .breadcrumbs ul li{ font-weight: 500; font-size: 12px; line-height: 150%; color: #D2D2D7; opacity: 0.5; } .card-promo__wrap .breadcrumbs ul li a{ font-weight: 500; font-size: 12px; line-height: 150%; color: #D2D2D7; } .card-promo__slick { position: relative; z-index: 20 } .card-promo__slick .slick-list { overflow: visible } .card-promo__slick .slick-slide { transform: scale(.8); filter: blur(10px); transition: all .3s; opacity: 0; visibility: hidden; } .card-promo__slick .slick-slide.slick-current { transform: scale(1); filter: blur(0); transition: all .3s; opacity: 1; visibility: visible; } .card-promo__box { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 520px; } .card-promo__img { display: flex; align-items: center; width: 840px; height: 460px; position: absolute; bottom: -85px; z-index: 1; } .card-promo__img img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .card-promo__tags { position: absolute; width: 160px; top: 70px; right: 0; display: flex; flex-wrap: wrap; justify-content: flex-end } .card-promo__tags .tag { font-size: 16.0274px; line-height: 22px } .card-arrow { position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; bottom: 22%; z-index: 50; height: 70px; transition: all .3s; gap: 15px; } .card-arrow span{ font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 150%; color: #D2D2D7; opacity: 0.5; } .card-arrow--prew { left: 0px; background: url("data:image/svg+xml,%3Csvg width='100' height='70' viewBox='0 0 100 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Crect x='99.5' y='69.5' width='99' height='69' transform='rotate(-180 99.5 69.5)' fill='%230C0C0B'/%3E%3Crect x='99.5' y='69.5' width='99' height='69' transform='rotate(-180 99.5 69.5)' stroke='%230C0C0B'/%3E%3Crect x='99.5' y='69.5' width='99' height='69' transform='rotate(-180 99.5 69.5)' stroke='url(%23paint0_linear_1162_2851)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1162_2851' x1='200' y1='105' x2='100' y2='105' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%230C0C0B'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; padding-left: 25px; } .card-arrow--prew:hover{ padding-left: 0px; background: transparent; } .card-arrow--next { right: 0px; background: url("data:image/svg+xml,%3Csvg width='100' height='70' viewBox='0 0 100 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.3' x='99.5' y='69.5' width='99' height='69' transform='rotate(-180 99.5 69.5)' fill='%230C0C0B' stroke='url(%23paint0_linear_1162_2847)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1162_2847' x1='200' y1='105' x2='100' y2='105' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230C0C0B'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") 100% 50% no-repeat; padding-right: 25px; } .card-arrow--next:hover { padding-right: 0px; background: transparent; } @media (max-width: 1238px) { .card-promo__img { } .card-promo__tags { top: 50px } .card-promo .wrapper { padding: 0 } .card-arrow { } } @media (max-width: 992px) { .card-promo__slick{ } .card-arrow { top: 30%; } .card-promo__wrap .breadcrumbs{ padding: 15px; } .card-arrow span{ display: none; } .card-arrow--next{ right: 30px; display: none; } .card-arrow--prew{ left: 30px; display: none; } .card-promo__box{ min-height: 230px; } .card-promo__img { width: 100%; height: auto; } .card-promo__img img { } .card-promo__tags { top: 40px; right: -6px } } @media (max-width: 767px) { .card-promo__img img { } .card-promo__tags { top: auto; right: 0; bottom: -7px } } @media (max-width: 479px) { .card-promo__img img { } .card-promo__tags { top: auto; right: 0; bottom: -7px } } .card-info { padding-top: 80px; padding-bottom: 80px; background: #fff; } .card-info-top { position: relative; padding-top: 60px; padding-bottom: 50px; } .card-info-top .card-info-characteristics{ display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .card-info-top .card-info-characteristics .card-prop{ display: flex; align-items: center; gap: 20px; flex: 1; } .card-info-top .card-info-characteristics .card-prop .icon{ width: 60px; height: 60px; background: #fff; border-radius: 2px; } .card-info-top .card-info-characteristics .card-prop.prop-AMOUNT .icon{ background: #fff url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.391 3.12901C17.5827 3.04383 17.7902 2.99982 18 2.99982C18.2098 2.99982 18.4173 3.04383 18.609 3.12901L32.109 9.12901C32.3742 9.24684 32.5996 9.43908 32.7577 9.68243C32.9159 9.92578 33 10.2098 33 10.5V25.5C33 25.7902 32.9159 26.0742 32.7577 26.3176C32.5996 26.5609 32.3742 26.7532 32.109 26.871L18.609 32.871C18.4173 32.9562 18.2098 33.0002 18 33.0002C17.7902 33.0002 17.5827 32.9562 17.391 32.871L3.891 26.871C3.62577 26.7532 3.40042 26.5609 3.24227 26.3176C3.08412 26.0742 2.99996 25.7902 3 25.5V10.5C2.99996 10.2098 3.08412 9.92578 3.24227 9.68243C3.40042 9.43908 3.62577 9.24684 3.891 9.12901L17.391 3.12901ZM19.5 29.1915L30 24.5265V12.807L19.5 17.472V29.1915ZM18 14.859L27.807 10.5L18 6.14101L8.193 10.5L18 14.859Z' fill='black'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .card-info-top .card-info-characteristics .card-prop.prop-AXLE_LOAD .icon{ background: #fff url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1162_1953)'%3E%3Cpath d='M11.3143 3.03516H18.6854V6.76172H21.076V1.83984C21.076 1.17773 20.5428 0.644531 19.8807 0.644531H10.119C9.4569 0.644531 8.92369 1.17773 8.92369 1.83984V6.76172H11.3143V3.03516ZM21.2225 21.7383C20.5253 22.1367 19.6639 22.3418 18.6327 22.3418C17.4901 22.3418 16.5819 22.0254 15.9256 21.3926C15.2635 20.7598 14.9354 19.8867 14.9354 18.7734C14.9354 17.6543 15.2987 16.7402 16.0194 16.0371C16.7401 15.334 17.701 14.9824 18.8963 14.9824C19.6522 14.9824 20.3143 15.0879 20.8944 15.293V16.7988C20.3436 16.4824 19.6756 16.3242 18.8788 16.3242C18.2108 16.3242 17.6717 16.541 17.2499 16.9746C16.8338 17.4082 16.6229 17.9824 16.6229 18.7031C16.6229 19.4355 16.8104 19.998 17.1854 20.4023C17.5604 20.8008 18.0702 21.0059 18.7088 21.0059C19.0897 21.0059 19.4003 20.9531 19.6229 20.8418V19.4531H18.1991V18.1699H21.2284V21.7383H21.2225ZM12.6737 22.2129L10.5995 19.1191C10.5585 19.0605 10.494 18.9316 10.412 18.7266H10.3885V22.2129H8.78307V15.0938H10.3885V18.4629H10.412C10.453 18.3691 10.5174 18.2402 10.6112 18.0645L12.5799 15.0938H14.4901L12.0057 18.4922L14.701 22.2188H12.6737V22.2129ZM29.3378 27.9668L26.2616 9.15234H3.73229L0.661975 27.9668C0.603381 28.3125 0.70299 28.6699 0.931506 28.9336C1.16002 29.2031 1.49401 29.3555 1.84557 29.3555H28.1659C28.5174 29.3555 28.8514 29.2031 29.0799 28.9336C29.2967 28.6641 29.3963 28.3125 29.3378 27.9668Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1162_1953'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .card-info-top .card-info-characteristics .card-prop.prop-COUNT_AXIC .icon{ background: #fff url("data:image/svg+xml,%3Csvg width='30' height='34' viewBox='0 0 30 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 1.5625V8.6875C5.5 9.00244 5.37489 9.30449 5.15219 9.52719C4.92949 9.74989 4.62744 9.875 4.3125 9.875H1.9375C1.62256 9.875 1.32051 9.74989 1.09781 9.52719C0.875111 9.30449 0.75 9.00244 0.75 8.6875V1.5625C0.75 1.24756 0.875111 0.94551 1.09781 0.722811C1.32051 0.500111 1.62256 0.375 1.9375 0.375H4.3125C4.62744 0.375 4.92949 0.500111 5.15219 0.722811C5.37489 0.94551 5.5 1.24756 5.5 1.5625ZM29.25 1.5625V8.6875C29.25 9.00244 29.1249 9.30449 28.9022 9.52719C28.6795 9.74989 28.3774 9.875 28.0625 9.875H25.6875C25.3726 9.875 25.0705 9.74989 24.8478 9.52719C24.6251 9.30449 24.5 9.00244 24.5 8.6875V1.5625C24.5 1.24756 24.6251 0.94551 24.8478 0.722811C25.0705 0.500111 25.3726 0.375 25.6875 0.375H28.0625C28.3774 0.375 28.6795 0.500111 28.9022 0.722811C29.1249 0.94551 29.25 1.24756 29.25 1.5625ZM5.5 25.3125V32.4375C5.5 32.7524 5.37489 33.0545 5.15219 33.2772C4.92949 33.4999 4.62744 33.625 4.3125 33.625H1.9375C1.62256 33.625 1.32051 33.4999 1.09781 33.2772C0.875111 33.0545 0.75 32.7524 0.75 32.4375V25.3125C0.75 24.9976 0.875111 24.6955 1.09781 24.4728C1.32051 24.2501 1.62256 24.125 1.9375 24.125H4.3125C4.62744 24.125 4.92949 24.2501 5.15219 24.4728C5.37489 24.6955 5.5 24.9976 5.5 25.3125ZM29.25 25.3125V32.4375C29.25 32.7524 29.1249 33.0545 28.9022 33.2772C28.6795 33.4999 28.3774 33.625 28.0625 33.625H25.6875C25.3726 33.625 25.0705 33.4999 24.8478 33.2772C24.6251 33.0545 24.5 32.7524 24.5 32.4375V25.3125C24.5 24.9976 24.6251 24.6955 24.8478 24.4728C25.0705 24.2501 25.3726 24.125 25.6875 24.125H28.0625C28.3774 24.125 28.6795 24.2501 28.9022 24.4728C29.1249 24.6955 29.25 24.9976 29.25 25.3125ZM7.28125 3.9375H22.7188V6.3125H15.8906V12.25H16.1875C16.5024 12.25 16.8045 12.3751 17.0272 12.5978C17.2499 12.8205 17.375 13.1226 17.375 13.4375V19.375C17.375 19.6899 17.2499 19.992 17.0272 20.2147C16.8045 20.4374 16.5024 20.5625 16.1875 20.5625H15.8906V25.3125H18.5625C18.8774 25.3125 19.1795 25.4376 19.4022 25.6603C19.6249 25.883 19.75 26.1851 19.75 26.5V27.6875H22.7188V30.0625H19.75V31.25C19.75 31.5649 19.6249 31.867 19.4022 32.0897C19.1795 32.3124 18.8774 32.4375 18.5625 32.4375H11.4375C11.1226 32.4375 10.8205 32.3124 10.5978 32.0897C10.3751 31.867 10.25 31.5649 10.25 31.25V30.0625H7.28125V27.6875H10.25V26.5C10.25 26.1851 10.3751 25.883 10.5978 25.6603C10.8205 25.4376 11.1226 25.3125 11.4375 25.3125H14.1094V20.5625H13.8125C13.4976 20.5625 13.1955 20.4374 12.9728 20.2147C12.7501 19.992 12.625 19.6899 12.625 19.375V13.4375C12.625 13.1226 12.7501 12.8205 12.9728 12.5978C13.1955 12.3751 13.4976 12.25 13.8125 12.25H14.1094V6.3125H7.28125V3.9375Z' fill='black'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .card-info-top .card-info-characteristics .card-prop.prop-MODEL_NAME .icon{ background: #fff url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 12V0H21V12H18V4.496H12V12H0V30H3V17.992H15V30H30V12H27ZM21 27H18V24H21V27ZM21 21H18V18H21V21ZM27 27H24V24H27V27ZM27 21H24V18H27V21Z' fill='black'/%3E%3Cpath d='M6 21H12V30H6V21Z' fill='black'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .card-info-top .card-info-characteristics .card-prop .text{ display: flex; flex-direction: column; } .card-info-top .card-info-characteristics .card-prop .text .name{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; } .card-info-top .card-info-characteristics .card-prop .text .value{ font-style: normal; font-weight: 500; font-size: 20px; line-height: 160%; color: #0C0C0B; } .card-info-top .card-info-props{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 60px; } .card-info-top .card-info-props .card-info-props-item{ display: flex; justify-content: space-between; border-bottom: 2px solid #D2D2D7; height: 40px; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; } .card-info__title { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; color: #fff; margin-bottom: 50px } .card-info__caption { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #fff; margin-bottom: 15px } .card-info__row { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap } .card-info__coll { width: calc(50% - 10px) } .card-info__box, .card-info__item { display: flex; justify-content: space-between } .card-info__item { font-size: 18px; line-height: 150%; color: #fff; padding: 10px 0; border-bottom: 1px solid #fff } .card-info__box { align-items: center; flex-wrap: wrap; margin-top: 30px } .card-info__box-caption { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; color: #fff } @media (max-width: 992px) { .card-info-top .card-info-characteristics{ flex-direction: column; gap: 10px; align-items: flex-start; } .card-info-top .card-info-characteristics .card-prop .text .name{ font-size: 13px; } .card-info-top .card-info-props{ grid-template-columns: repeat(1, 1fr); gap: 15px; margin-top: 45px; } } @media (max-width: 760px) { .card-info__box-caption { font-size: 24px; margin: 24px 0; } } .card-info__link { display: inline-flex; position: absolute; top: 0; right: 0; transition: all .3s } .card-info__link:hover { transform: scale(1.1); transition: all .3s } .card-info__buttons { display: flex; background: #fff; padding: 20px; } .card-info__buttons .card-info__price{ font-style: normal; font-weight: 500; font-size: 28px; line-height: 160%; color: #0C0C0B; flex: 1; } .card-info__buttons .card-info__price span{ text-transform: lowercase; } .card-info__buttons .card-info__btn{ width: 280px; height: 60px; } .card-info__buttons .card-info__btn.get-order{ } .card-info__buttons .card-info__btn.get-price { background: #0C0C0B; color: #ffffff; } .card-info-body { position: relative; margin-top: 50px } .card-info-body-title{ font-weight: 500; text-transform: uppercase; font-size: 36px; line-height: 120%; display: flex; align-items: center; justify-content: space-between; } .card-info-body-title .card-info-body-arrows{ display: flex; align-items: center; gap: 5px; } .card-info-body-title .card-info-body-arrows .arrow{ width: 40px; height: 40px; } .card-info-body.slider-body{ position: relative; margin-top: 40px; left: 50%; overflow: hidden; margin-left: -580px; } .card-info-body .arrow { position: absolute; top: calc(50% - 40px); width: 38px; height: 80px; z-index: 10; display: block; padding: 10px; } .card-info-body .arrow--prew { left: -45px } .card-info-body .arrow--next { right: -45px } .card-info-bottom { margin-top: 60px } .card-info-bottom__coll{ display: flex; flex-direction: column; gap: 20px; padding-left: 40px; padding-right: 40px; border-right: 1px solid #D2D2D7; } .card-info-bottom__coll:first-child{ border-left: 1px solid #D2D2D7; } .card-info-bottom__row { display: grid; grid-template-columns: repeat(4, 1fr); } .card-info-bottom__coll { } .card-info-bottom__icon { width: 60px; height: 60px; background: #F5F5F7; border-radius: 2px; display: flex; align-items: center; justify-content: center; } .card-info-bottom__icon img{ filter: grayscale(100); max-width: 70%; } .card-info-bottom__desc { font-style: normal; font-weight: 400; font-size: 18px; line-height: 160%; text-transform: uppercase; color: #0C0C0B; } .auflieger-info-body .arrow--prew { position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 64px; height: 64px; background-color: #181c23; border-radius: 50%; top: calc(50% - 32px); z-index: 50; padding: 10px; } .auflieger-info-body .arrow--next { position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 64px; height: 64px; background-color: #181c23; border-radius: 50%; top: calc(50% - 32px); z-index: 50; padding: 10px; } .arrow--next:hover svg *, .arrow--prew:hover svg * { stroke: #6d6d6d; transition: all .3s; } @media (max-width: 1238px) { .card-info__box { margin-top: 50px } .card-info__box-top { width: 100%; margin-bottom: 45px } .card-info-body { margin-top: 74px } .card-info-body .arrow { display: none } .card-info .product-sliders__slick .slick-slide { width: 890px } } @media (max-width: 992px) { .card-info-body.slider-body{ margin-top: 40px; margin-left: 0px; left: 0px; } .card-info-body-title .card-info-body-arrows{ display: none; } .card-info-body-title{ font-size: 28px; } .card-info { padding-top: 45px; padding-bottom: 45px } .card-info__title { max-width: 500px; margin-bottom: 40px } .card-info__caption { margin-bottom: 20px } .card-info__coll { width: 100% } .card-info__box { margin-top: 30px } .card-info__box-top { margin-bottom: 30px } .card-info__buttons { width: 100%; padding: 30px; } .card-info__buttons .card-info__price{ font-size: 20px; margin-bottom: 15px; } .card-info__buttons .card-info__btn:first-child { width: calc(100% - 280px) } .card-info__buttons .card-info__btn:last-child { width: 280px } .card-info-body { margin-top: 40px } .card-info-bottom { } .card-info-bottom__row { grid-template-columns: repeat(1, 1fr); gap: 20px; } .card-info-bottom__coll{ border-right: 0px; border-bottom: 1px solid #D2D2D7; padding: 0px; padding-bottom: 20px; flex-direction: row; gap: 15px; } .card-info-bottom__coll:first-child{ border-left: 0px; } .card-info .product-sliders__slick .slick-slide { width: 690px } .card-info-bottom__desc{ font-size: 14px; } } @media (max-width: 767px) { .card-info__title { max-width: 100%; font-size: 31px; line-height: 37px } .card-info__item { padding: 9.5px 0 } .card-info__item-caption { width: 50% } .card-info__item-value { width: 50%; text-align: right } .card-info__box { margin-top: 20px } .card-info__box-top { margin-bottom: 20px } .card-info__buttons { width: 80%; flex-wrap: wrap } .card-info__buttons .card-info__btn:first-child { width: 100%; padding-left: 10px; padding-right: 10px } .card-info__buttons .card-info__btn:last-child { width: 100%; margin-top: 20px; padding-left: 10px; padding-right: 10px } .card-info__link { top: auto; bottom: 90px } .card-info-body { margin-top: 40px } .card-info .product-sliders__slick .slick-slide { width: 420px } } @media (max-width: 479px) { .card-info__title { font-size: 24px; line-height: 29px } .card-info__item { font-size: 16px } .card-info__box { margin-top: 0 } .card-info__box-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px } .card-info__buttons { width: 100% } .card-info__buttons .card-info__btn:last-child { margin-top: 40px; margin-left: 15px; margin-right: 15px } .card-info__link { top: auto; bottom: 0; width: 26px; position: relative } .card-info-body { margin-top: 40px; margin-left: -20px } .card-info .product-sliders__slick .slick-slide { width: 340px } } .card-components { padding-top: 60px; padding-bottom: 60px } .card-components__title { font-weight: 500; font-size: 36px; line-height: 120%; text-transform: uppercase; color: #0C0C0B; } .card-components__body { margin-top: 40px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .card-components__top { position: relative; height: 440px } .card-components__box { display: flex; flex-wrap: wrap } .card-components__img { width: 100%; } .card-components__bottom-img img, .card-components__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .card-components__block { margin-top: 20px; } .card-components__caption { text-transform: uppercase; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 160%; color: #0C0C0B; } .card-components__text { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; margin-top: 20px; } .card-components__bottom-item { width: 100%; height: 190px; position: relative } .card-components__bottom-img { width: 100%; height: 100% } .card-components__bottom-caption { position: absolute; left: 0; bottom: 0; z-index: 1; font-family: "Oswald", sans-serif; font-size: 12px; line-height: 14px; color: #fff; padding: 10px 15px } .components-arrows { display: flex; position: absolute; width: calc(100% - 700px); right: 0; bottom: 0; border-right: 3px solid #181c23 } .components-arrow { display: flex; align-items: center; justify-content: center; width: 50%; height: 48px; border-top: 3px solid #181c23; background-color: #181c23; cursor: pointer; transition: all .3s } .components-arrow:hover { background-color: #f2f2f2; transition: all .3s } .components-arrow:hover svg { width: 22px; transition: all .3s } .components-arrow--prew { background-color: #23272d } .components-arrow--prew svg { transform: rotate(-180deg) } .components-arrow svg, .components-arrow svg * { transition: all .3s } @media (max-width: 1238px) { } @media (max-width: 992px) { .card-components{ padding-top: 30px; padding-bottom: 30px; } .card-components__title{ font-size: 28px; } .card-components__body{ margin-top: 30px; grid-template-columns: repeat(1, 1fr); } .card-components__block{ margin-top: 15px; } .card-components__caption{ font-size: 14px; } .card-components__text{ margin-top: 15px; font-size: 13px; } } @media (max-width: 767px) { } @media (max-width: 479px) { } .card-benefit { padding-top: 80px; padding-bottom: 80px; background: #0C0C0B; background-repeat: no-repeat; background-size: cover } .card-benefit--dark { background-image: none; background-color: #0C0C0B; } .card-benefit__title { text-transform: uppercase; font-size: 36px; font-weight: 500; } .card-benefit__row { display: grid; grid-template-columns: repeat(12, 1fr); margin-top: 30px; border: 0.5px solid #373531; } .card-technic_list { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; margin-top: 30px; } .card-technic_list .card-technic__row { width: 20%; margin-bottom: 24px } .card-benefit__coll { padding: 30px; border: 0.5px solid #373531; grid-column: span 6/span 6; } .card-benefit__coll.coll_11{ grid-column: span 3/span 3; } .card-benefit__coll.coll_10{ grid-column: span 4/span 4; } .card-benefit__coll.coll_9{ grid-column: span 6/span 6; } .card-benefit__coll.col-3{ grid-column: span 2/span 2; } .card-benefit__coll--big { width: 33.333% } .card-benefit__icon { width: 100%; height: 150px } .card-technic__icon { width: 100%; display: flex; justify-content: center; } .card-benefit__icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .card-benefit__caption { max-width: 290px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #FFFFFF; } .card-technic__caption { max-width: 290px; margin: 0 auto; font-weight: 400; font-size: 16px; line-height: 150%; text-align: center; letter-spacing: -.02em; color: #fff; } .card-benefit-form{ display: grid; grid-template-columns: repeat(3, 1fr); padding: 30px; border: 2px solid #373531; border-top: 0; gap: 30px; align-items: center; } .card-benefit-form .card-benefit-form-title{ font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 120%; text-transform: uppercase; color: #FFFFFF; } .card-benefit-form .card-benefit-form-title span{ color: #FFBB00; } .card-benefit-form a.btn{ text-transform: uppercase; justify-self: center; padding: 30px 75px; } .card-benefit-form .order-top-contacts{ display: flex; align-items: center; gap: 20px; justify-self: end; } .card-benefit-form .order-top-contacts .order-top-phone{ display: flex; flex-direction: column; gap: 10px; } .card-benefit-form .order-top-contacts .order-top-call{ display: flex; justify-content: space-between; align-items: center; } .card-benefit-form .order-top-contacts .order-top-phone a.order-phone{ font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 28px; line-height: 140%; color: #FFFFFF; } .card-benefit-form .order-top-contacts .order-top-phone a.callback--js{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 140%; color: #FFBB00; } .card-benefit-form .order-top-contacts .order-top-soc{ display: flex; align-items: center; } .card-benefit-form .order-top-contacts .order-top-soc svg{ flex-shrink: 0; } @media (max-width: 1238px) { } @media (max-width: 992px) { .card-benefit { padding-bottom: 30px; padding-top: 30px; } .card-benefit__title{ font-size: 28px; } .card-benefit__coll, .card-benefit__coll.coll_11, .card-benefit__coll.coll_10, .card-benefit__coll.coll_9{ grid-column: span 12/span 12; } .card-benefit__caption{ font-size: 13px; text-align: center; width: 100%; max-width: initial; } .card-benefit-form{ grid-template-columns: repeat(1, 1fr); } .card-benefit-form .card-benefit-form-title{ font-size: 28px; line-height: 34px; } .card-benefit-form a.btn{ width: 100%; padding: 20px 75px; } .card-benefit-form .order-top-contacts{ justify-self: initial; } .card-benefit-form .order-top-contacts .order-top-phone a.order-phone{ font-size: 24px; line-height: 34px; } .card-benefit-form .order-top-contacts .order-top-phone a.callback--js{ font-size: 12px; } .card-benefit-form .order-top-contacts .order-top-phone{ gap: 5px; } } @media (max-width: 767px) { } @media (max-width: 479px) { .card-benefit.card-benefit--dark{ display: none; } } .card-informations { padding: 20px 0 } .card-informations__slick { box-sizing: border-box } .card-informations__item { width: 100% } .card-informations__img { width: 100%; height: 270px; margin-bottom: 20px } .card-informations__img img, .card-reviews__img img, .categories-promo__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .card-informations__desc { font-size: 16px; line-height: 22px; color: #181c23 } @media (max-width: 992px) { .card-informations__img { height: 360px } } @media (max-width: 767px) { .card-informations__desc { font-size: 18px; line-height: 25px } } @media (max-width: 479px) { .card-informations { padding-bottom: 40px } .card-informations__slick { margin-left: -10px } } .card-reviews { padding-top: 60px; padding-bottom: 70px; background-color: transparent; } .card-reviews__title { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 120%; text-transform: uppercase; color: #0C0C0B; display: flex; align-items: center; justify-content: space-between; } .card-reviews__title .arrows{ display: flex; align-items: center; gap: 5px; } .card-reviews__title .arrows .arrow{ width: 40px; height: 40px; position: initial; } .card-reviews__body { position: relative; margin-top: 40px; left: 50%; overflow: hidden; margin-left: -565px; height: 400px; } .card-reviews__slick { } .card-reviews__slick .slick-list { overflow: visible } .card-reviews__item { /*margin: 0 90px*/ margin-right: 20px; } .card-reviews__box { width: 100%; height: 683px; position: relative } .card-reviews__img { width: 100%; height: 100% } .card-reviews__caption { margin-top: 10px; font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #fff } .card-reviews .arrow { position: absolute; top: calc(50% - 34px); z-index: 10 } .card-reviews .arrow--prew { left: -45px } .card-reviews .arrow--next { right: -45px } .card-reviews .play { position: absolute; width: 134px; height: 90px; top: calc(50% - 45px); left: calc(50% - 67px); transition: all .3s } .card-reviews .play:hover { transform: scale(1.1); transition: all .3s } @media (max-width: 1238px) { .card-reviews { padding-bottom: 74px } .card-reviews__slick { margin: 0 -20px } .card-reviews__item { margin: 0 20px } .card-reviews__box { height: 515px } .card-reviews .arrow { display: none } .card-reviews .play { width: 120px; height: auto; left: calc(50% - 60px) } } @media (max-width: 992px) { .card-reviews { padding-bottom: 42px } .card-reviews__box { height: 387px } .card-reviews .play { width: 90px; height: 60px; left: calc(50% - 45px); top: calc(50% - 30px) } .card-reviews .play svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } } @media (max-width: 767px) { .card-reviews { padding-top: 50px; padding-bottom: 34px } .card-reviews__box { height: 270px; margin: 0 -20px; width: calc(100% + 40px) } } @media (max-width: 479px) { .card-reviews { padding-top: 40px; padding-bottom: 34px } .card-reviews__body { margin-top: 20px } .card-reviews__box { height: 202px } .card-reviews .play { width: 70px; height: 48px; left: calc(50% - 35px); top: calc(50% - 24px) } } .card-peculiarities { padding-bottom: 80px; background-color: #181c23 } .card-peculiarities__title { text-transform: uppercase; } .card-peculiarities__row { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; margin-bottom: -40px } .card-peculiarities__coll { width: calc(50% - 30px) } .card-peculiarities__block { margin-bottom: 40px; position: relative } .card-peculiarities__block::before { content: ""; position: absolute; width: 4px; height: 32px; background-color: #6d6d6d; top: 0; left: -22px } .card-peculiarities__caption { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; color: #fff; margin-bottom: 20px } .card-peculiarities__desc { font-size: 18px; line-height: 25px; color: #fff } @media (max-width: 1238px) { .card-peculiarities__row { justify-content: flex-start } .card-peculiarities__coll:first-child { margin-right: 40px } } @media (max-width: 992px) { .card-peculiarities { padding-bottom: 60px } .card-peculiarities__coll { width: 100%; margin-right: 40px } .card-peculiarities__coll:first-child { margin-right: 40px } } @media (max-width: 767px) { .card-peculiarities { padding-bottom: 40px } .card-peculiarities__title { font-size: 31px; line-height: 37px; text-transform: uppercase } .card-peculiarities__row { margin-top: 36px; margin-bottom: -40px; padding-left: 20px } .card-peculiarities__coll { width: 100%; margin-right: 0 } .card-peculiarities__coll:first-child { margin-right: 0 } } .card-peculiarities__title svg { display: none; } @media (max-width: 480px) { .card-peculiarities { padding-bottom: 40px } .card-peculiarities__title { font-size: 31px; line-height: 29px; text-transform: uppercase; border-bottom: 3px solid #6d6d6d; padding-bottom: 10px; display: flex; align-items: flex-end; } .card-peculiarities__title svg { transform: rotate(180deg); transition: transform 0.5s; display: block; } .card-peculiarities__caption { font-size: 20px; line-height: 24px; text-transform: capitalize; margin-bottom: 20px } .card-peculiarities__row { margin-top: 39px; margin-bottom: -40px; padding-left: 0; transition: transform 2s; display: none; } .card-peculiarities__row.open { display: flex; } .card-peculiarities__block::before { left: -12px } .card-peculiarities__coll { width: 100%; margin-right: 0 } .card-peculiarities__coll:first-child { margin-right: 0 } } @media (max-width: 360px) { .card-peculiarities__title { font-size: 24px; } } .categories-promo { padding-top: 60px; padding-bottom: 50px; position: relative; } @media (min-width: 1200px) { .categories-promo { padding-bottom: 246px; } } .categories-promo__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; overflow: hidden; } .categories-promo__bg_video { position: absolute; width: 1920px; height: 100%; top: 0; left: 0; z-index: 1; overflow: hidden; } .categories-promo__bg img { -o-object-position: center; object-position: center } .categories-promo__title { max-width: 560px; font-family: "Oswald", sans-serif; font-size: 35px; line-height: 42px; /*letter-spacing: -.02em;*/ color: #fff } .categories-promo__row { margin-top: 98px; display: flex } .categories-promo__coll { display: flex; align-items: center; margin-right: 20px } .categories-promo__icon { width: 52px; height: 48px; margin-right: 10px } .categories-promo__desc { max-width: 135px; font-weight: 700; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #fff } .categories-promo .wrapper { position: relative; z-index: 10 } .categories-promo.video { height: 320px; } @media (max-width: 1238px) { .categories-promo { padding-top: 38px } .categories-promo__title { max-width: 400px } .categories-promo__row { margin-top: 77px } .categories-promo__bg_video { width: 1238px; } .categories-promo.video { height: 206px; } } @media (max-width: 992px) { .categories-promo { padding-top: 40px } .categories-promo__title { font-size: 31px; line-height: 37px } .categories-promo__row { margin-top: 40px } .categories-promo__bg_video { width: 992px; } } @media (max-width: 767px) { .categories-promo { padding-top: 20px; padding-bottom: 48px } .categories-promo__title { font-size: 20px; line-height: 24px; max-width: 225px } .categories-promo__row { display: none } .categories-promo__bg_video { width: 767px; } .categories-promo.video { height: 165px; } } @media (max-width: 479px) { .categories-promo { padding-top: 0; padding-bottom: 0 } .categories-promo__bg { position: relative; height: auto } .categories-promo__bg img { min-height: 94px } .categories-promo__title { max-width: 100%; margin-top: 20px; color: #181c23 } .categories-promo__bg_video { width: 479px; } .categories-promo.video { height: 80px; } } .categories-catalog { padding-top: 30px; background: #fff; padding-bottom: 60px; } .categories-catalog__top { justify-content: space-between } .categories-catalog__top, .categories-catalog__top-body { display: flex; align-items: center } .categories-catalog__top-body .select { margin-left: 20px } .categories-catalog__top-body .select:first-child { margin-left: 0 } .categories-catalog__body { margin-top: 35px } .categories-catalog__container { display: grid; flex-wrap: wrap; padding: 0; position: relative; grid-template-columns: repeat(1, 1fr); gap: 10px; } .categories-catalog__card { position: relative; opacity: 1; visibility: visible; transform: translateY(0); transition: all .3s; background: #F5F5F7; padding: 30px; padding-left: 50px; padding-bottom: 20px; } .categories-catalog__card.hidden { position: absolute; opacity: 0; visibility: hidden; transform: translateY(25px); transition: all 0s } .categories-catalog__card .interesting-models__block { width: 100%; background: transparent; margin: 0px; } .categories-catalog__bottom { display: none; margin-top: 20px; text-align: center } .categories-catalog__bottom.visible { display: block } .categories-catalog__btn { display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #181c23; padding: 10px; border-bottom: 1px solid #6d6d6d } .categories-catalog .breadcrumbs { margin-bottom: 0 } @media (max-width: 1238px) { .categories-catalog { padding-top: 20px } .categories-catalog__top-body .select { margin-left: 0; margin-right: 20px } } @media (max-width: 992px) { .categories-catalog__body{ margin-top: 0px; } .categories-catalog__top-body { flex-wrap: wrap; margin-bottom: -15px } .categories-catalog__top-body .select { margin-left: 0; margin-right: 20px; margin-bottom: 15px } .categories-catalog__card{ padding: 0px; margin-top: 45px; } .categories-catalog__card .interesting-models__block .interesting-models__top{ flex-wrap: wrap; border-bottom: 0px; } .interesting-models__top .interesting-models__top-left, .interesting-models__top .interesting-models__top-right{ width: 100%; flex: initial; } .interesting-models__top .interesting-models__top-left{ order: 2; padding: 30px; } .interesting-models__top .interesting-models__top-right{ order: 1; } .interesting-models__img{ position: relative; top: -45px; margin-bottom: -45px; } .interesting-models__caption{ font-size: 16px; line-height: 24px; } .interesting-models__item-caption{ font-size: 13px; } .interesting-models__item-value{ font-size: 13px; } .interesting-models__top{ padding-bottom: 0px; } .interesting-models__tags{ margin: 0px; position: absolute; top: -40px; left: 15px; } .categories-catalog__container{ gap: 30px; } .interesting-models__bottom{ padding-top: 0px; flex-wrap: wrap; } .interesting-models__bottom-block{ width: 100%; padding: 30px; padding-top: 0px; } .categories-catalog__card .interesting-models__readmore{ padding-top: 0px; border-bottom: 1px dashed #D2D2D7; padding-bottom: 30px; } .interesting-models__bottom .interesting-models__info{ display: block; padding: 30px; padding-top: 0px; width: 100%; } .interesting-models__bottom .interesting-models__info .interesting-models__price{ text-align: left; font-size: 18px; } .interesting-models__bottom .interesting-models__info .interesting-models__social{ gap: 5px; } .interesting-models__bottom .interesting-models__info .interesting-models__btn{ width: 100%; flex: 1; } } @media (max-width: 767px) { .categories-catalog { padding-top: 20px } .categories-catalog__card { width: 100% } } @media (max-width: 479px) { .categories-catalog__top { padding: 0 20px } /*.categories-catalog .wrapper {*/ /* padding: 0*/ /*}*/ } .categories-info { padding-top: 80px } .categories-info__body { position: relative } .categories-info__left { width: 600px } .categories-info__items { margin-top: 30px } .categories-info__item { font-size: 18px; line-height: 130%; color: #000 } .categories-info__item + .categories-info__item { margin-top: 17px } .categories-info__caption { font-weight: 700 } .categories-info__img { position: absolute; width: 837px; height: 520px; top: 0; right: -328px } .categories-info__img img, .reviews__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .categories-accordion { padding-bottom: 80px } @media (max-width: 1238px) { .categories-info { padding-top: 60px } .categories-info__left { width: 920px } .categories-info__img { position: relative; width: 100%; height: 520px; top: 0; right: 0; margin-top: 30px } } @media (max-width: 992px) { .categories-info__left { width: 100% } .categories-info__img { height: auto } .categories-accordion { padding-top: 60px; padding-bottom: 60px } } @media (max-width: 767px) { .categories-info { padding-top: 40px } .categories-info__title { font-size: 31px; line-height: 37px } .categories-info__items { margin-top: 21px } .categories-accordion { padding-top: 40px; padding-bottom: 40px } } @media (max-width: 479px) { .categories-info { padding-top: 40px } .categories-info__title { font-size: 24px; line-height: 29px } .categories-info__items { margin-top: 11px } .categories-info__item { font-size: 16px; line-height: 130% } .categories-info__item + .categories-info__item { margin-top: 19px } } .accordion__top { display: inline-flex; align-items: center; padding: 10px; cursor: pointer; border-bottom: 1px solid #6d6d6d } .accordion__caption { max-width: calc(100% - 36px); font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #181c23; margin-right: 20px } .accordion__arrow { width: 16px; height: 10px } .accordion-item__arrow svg, .main-benefit-item__arrow svg, .accordion__arrow svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: all .3s } .accordion__container { margin-top: 20px; display: none } .accordion__container.active { display: block } .accordion__text { max-width: 1216px; margin-bottom: -20px } .accordion-item__text p, .accordion__text p { margin-bottom: 20px } .accordion-item__text ul, .accordion__text ul { list-style: disc; padding-left: 25px; margin-bottom: 20px } .accordion-item__text p, .accordion-item__text ul li, .accordion__text p, .accordion__text ul li { font-size: 16px; line-height: 150%; color: #181c23; letter-spacing: -.05px } .accordion__row { display: flex; justify-content: space-between; flex-wrap: wrap } .accordion__coll-block + .accordion__coll-block, .accordion__row + .accordion__row { margin-top: 40px } .accordion__coll { width: calc(50% - 10px) } .accordion__coll-caption { font-weight: 700; font-size: 18px; line-height: 150%; text-transform: uppercase; color: #181c23; margin-bottom: 20px } .accordion__vacancies-top { justify-content: space-between; flex-wrap: wrap; margin-bottom: 46px } .accordion__vacancies-top .accordion__coll-caption { margin-bottom: 0 } .accordion__vacancies-logos, .accordion__vacancies-top { display: flex; align-items: center } .accordion__vacancies-logo + .accordion__vacancies-logo { margin-left: 44px } .accordion__btn { width: 290px; padding: 18px 40px } .accordion__info { max-width: 910px; font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; padding-top: 20px } .accordion + .accordion { margin-top: 40px } .accordion-item.active .accordion-item__arrow svg, .main-benefit-item.active .main-benefit-item__arrow svg, .accordion.active .accordion__arrow svg { transform: rotate(180deg); transition: all .3s } .accordion--item .accordion__top { padding: 15px 30px; width: 700px; background-color: #fff; border-width: 2px } .accordion--item .accordion__arrow { order: 1 } .accordion--item .accordion__caption { order: 2; margin-right: 0; margin-left: 18px } .accordion-item__top { display: inline-flex; align-items: center; padding: 10px; cursor: pointer; border-bottom: 1px solid #6d6d6d } .accordion-item__caption { max-width: calc(100% - 36px); font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #181c23; margin-right: 20px } .accordion-item__arrow { width: 16px; height: 10px } .main-benefit-item__arrow { width: 16px; height: 10px } .accordion-item__container { margin-top: 20px } .main-benefit-item__container { margin-top: 20px } .accordion-item__text { max-width: 1216px; margin-bottom: -20px } .accordion-item + .accordion-item { margin-top: 40px } .main-benefit-item__top { display: inline-flex; align-items: center; cursor: pointer; border-bottom: 1px solid #6d6d6d } .main-benefit-item { padding-bottom: 20px; } @media (max-width: 1238px) { .accordion__coll + .accordion__coll, .accordion__row + .accordion__row { margin-top: 20px } .accordion__coll { width: 100%; padding-right: 10px } .accordion__vacancies-top { justify-content: flex-start; margin-bottom: 46px } .accordion__vacancies-logos { margin-left: 88px } } @media (max-width: 992px) { .accordion__coll, .accordion__info { padding-right: 25px } .accordion--item .accordion__text ul li { font-size: 18px; letter-spacing: 0 } } @media (max-width: 767px) { .accordion__top { padding: 10px 0 10px 10px } .accordion__coll { padding-right: 5px } .accordion__vacancies-top { margin-bottom: 20px } .accordion__vacancies-logos { margin-left: 0; margin-top: 20px; width: 100% } .accordion__info a { padding-top: 5px; display: block; font-size: 30px; line-height: 40px } .accordion--item .accordion__top { padding: 15px 30px; width: 100% } .accordion--item .accordion__text ul li { font-size: 18px; letter-spacing: 0 } .accordion-item__top { padding: 10px 0 10px 10px } } @media (max-width: 479px) { .accordion__info { padding-right: 0 } .accordion--item .accordion__top { padding: 13px 15px; width: 100% } .accordion--item .accordion__caption { font-size: 16px; line-height: 22px } } .reviews { padding-top: 20px; padding-bottom: 80px } .reviews__body { margin-top: 80px; display: flex; justify-content: space-between; flex-wrap: wrap } .reviews__left { width: 240px } .reviews__box + .reviews__box { margin-top: 50px } .reviews__link, .reviews__menu ul li a { display: block; color: #181c23; transition: all .3s } .reviews__link { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; margin-bottom: 25px } .reviews__link a { font-family: "Oswald", sans-serif; font-size: 30px; line-height: 36px; margin-bottom: 25px; color: #181c23; } .reviews__link a:hover, .reviews__link a.active { color: #6d6d6d; transition: all 0.3s; } .reviews__menu ul li a:hover { color: #6d6d6d; transition: all .3s } .reviews__menu ul li a { font-weight: 500; font-size: 18px; line-height: 30px; text-transform: uppercase } .reviews__right { width: 905px } .reviews__container { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -40px } .reviews__card { width: calc(50% - 12.5px); margin-bottom: 40px } .reviews__card-box { width: 100%; height: 250px; position: relative } .reviews__img, .reviews__play img { width: 100%; height: 100% } .reviews__play { display: inline-flex; position: absolute; width: 56px; height: 38px; top: calc(50% - 19px); left: calc(50% - 28px); z-index: 10; transition: all .3s } .reviews__play:hover { transform: scale(1.1); transition: all .3s } .reviews__play img { -o-object-fit: contain; object-fit: contain } .reviews__caption { margin-top: 12px; min-height: 44px; font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #181c23 } @media (max-width: 1238px) { .reviews { padding-top: 68px; padding-bottom: 80px } .reviews__body { margin-top: 40px } .reviews__right { width: 615px } .reviews__card { width: 100%; margin-bottom: 40px } .reviews__card-box { height: 330px } /*.reviews__card:nth-child(n+5) {*/ /* display: none*/ /*}*/ .reviews__caption { margin-top: 17px; max-width: 550px } } @media (max-width: 992px) { .reviews { padding-top: 60px; padding-bottom: 60px } .reviews__title { font-size: 43px; line-height: 52px } .reviews__right { width: 460px } .reviews__container { margin-bottom: -6px } .reviews__card { margin-bottom: 6px } .reviews__card-box { height: 260px } .reviews__caption { margin-top: 14px } } @media (max-width: 767px) { .reviews { padding-top: 40px; padding-bottom: 60px } .reviews__title { font-size: 31px; line-height: 37px } .reviews__left { width: 100% } .reviews__box + .reviews__box { margin-top: 22px } .reviews__link { font-size: 24px; line-height: 29px; margin-bottom: 25px } .reviews__body { margin-top: 29px } .reviews__menu ul { -moz-column-count: 2; column-count: 2 } .reviews__right { width: 100%; margin-top: 40px } .reviews__container { margin-bottom: -32px } .reviews__card { margin-bottom: 32px } .reviews__card-box { height: 265px } .reviews__caption { margin-top: 14px } } @media (max-width: 479px) { .reviews { padding-top: 34px } .reviews__link, .reviews__title { font-size: 24px; line-height: 29px } .reviews__box + .reviews__box { margin-top: 15px } .reviews__link { margin-bottom: 16px } .reviews__body { margin-top: 19px } .reviews__menu ul { -moz-column-count: 1; column-count: 1 } .reviews__menu ul li a { font-size: 16px } .reviews__menu ul li + li { margin-top: 6.5px } .reviews__right { margin-top: 35px } .reviews__container { margin-bottom: -20px } .reviews__card { margin-bottom: 20px } .reviews__card-box { height: 177px } .reviews__caption { margin-top: 10px; font-size: 16px; line-height: 22px } .reviews__play { width: 42px; height: 26px; top: calc(50% - 13px); left: calc(50% - 21px) } } .manufacturer-promo { padding-top: 20px; padding-bottom: 580px; position: relative } .manufacturer-promo__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10 } .manufacturer-promo__bg img { -o-object-position: center; object-position: center } .manufacturer-promo__bg::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(360deg, #f2f2f2 0, rgba(242, 242, 242, 0) 9.52%) } .manufacturer-promo__top { text-align: center; padding-top: 19px } .manufacturer-promo__subtitle { font-family: "Oswald", sans-serif; font-size: 40px; line-height: 48px; color: #fff } .manufacturer-promo__title { font-size: 88px; line-height: 110px; color: #fff; text-transform: uppercase } .manufacturer-promo .wrapper { position: relative; z-index: 15 } @media (max-width: 1238px) { .manufacturer-promo { padding-top: 62px; padding-bottom: 500px } } @media (max-width: 992px) { .manufacturer-promo { padding-top: 20px; padding-bottom: 400px } .manufacturer-promo__title { font-size: 70px; line-height: 90px } } @media (max-width: 767px) { .manufacturer-promo { padding-top: 34px; padding-bottom: 300px } .manufacturer-promo__subtitle { font-size: 27px; line-height: 30px } .manufacturer-promo__title { font-size: 47px; line-height: 58px } } @media (max-width: 479px) { .manufacturer-promo { padding-bottom: 280px } .manufacturer-promo__title { font-size: 37px; line-height: 48px } } .manufacturer-time { padding-top: 60px; padding-bottom: 170px; position: relative } .manufacturer-time__wrap { position: relative; width: 100% } .manufacturer-time__box { display: flex; align-items: flex-end } .manufacturer-time__years { margin-right: 58px } .manufacturer-time__years-caption { font-family: "Oswald", sans-serif; font-size: 40.0788px; line-height: 48px; color: #26247b; margin-bottom: 9px; z-index: 11; position: relative; } .manufacturer-time__desc { width: 495px; font-size: 20px; line-height: 150%; color: #181c23; margin-bottom: 15px } .manufacturer-time__img { position: absolute; width: 705px; height: 477px; top: 60px; right: calc(50% - 965px) } .manufacturer-promo__bg img, .manufacturer-representative__img img, .manufacturer-time__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1238px) { .manufacturer-time { padding-top: 44px; padding-bottom: 0 } .manufacturer-time__box { padding-left: 78px } .manufacturer-time__img { position: relative; width: 100%; height: 250px; top: 0; right: 0; margin-top: 80px } } @media (max-width: 992px) { .manufacturer-time { padding-top: 0; padding-bottom: 0; } .manufacturer-time__box { padding-left: 15px } .manufacturer-time__years { margin-right: 25px; width: 250px } .manufacturer-time__desc { width: 400px; margin-bottom: -18px } } @media (max-width: 767px) { .manufacturer-time__box { width: 100%; justify-content: center; padding-left: 0; flex-wrap: wrap } .manufacturer-time__years { margin-right: 0; width: 190px } .manufacturer-time__years-caption { font-size: 29px; line-height: 36px; margin-bottom: 9px } .manufacturer-time__desc { width: 100%; margin-bottom: 0; font-size: 16px; margin-top: 28px } .manufacturer-time__img { margin-top: 60px } } @media (max-width: 479px) { .manufacturer-time__img { margin-top: 40px } } .manufacturer-representative { margin-bottom: 53px; position: relative } .manufacturer-representative__wrap { position: relative; display: flex; justify-content: flex-end } .manufacturer-representative__img { position: absolute; width: 1067px; height: 527px; top: 0; left: calc(50% - 955px); z-index: 1 } .manufacturer-representative__box { width: 502px; background-color: #26247b; padding: 60px 52px 52px; position: relative; top: -104px; right: 87px; z-index: 10 } .manufacturer-representative__caption { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #fff; margin-bottom: 20px } .manufacturer-representative__desc { font-size: 16px; line-height: 150%; color: #fff; margin-bottom: 50px } .manufacturer-representative__logos { display: flex } .manufacturer-representative__logo { width: 50%; height: 80px } .manufacturer-representative__logo img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } @media (max-width: 1238px) { .manufacturer-representative { margin-bottom: 80px } .manufacturer-representative__img { width: calc(100% - 482px); height: 100%; top: 0; left: 0 } .manufacturer-representative__box { top: 0; right: -20px; padding-bottom: 48px } .manufacturer-representative__box::before { content: ""; position: absolute; width: 100%; height: 100%; right: -50%; top: 0; background-color: #26247b; z-index: -1 } } @media (max-width: 992px) { .manufacturer-representative { margin-bottom: 60px } .manufacturer-representative__box { width: 100%; padding: 60px 14px 52px; right: 0; z-index: 1 } .manufacturer-representative__box:before { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; right: auto; left: calc(50% - 50vw); background-color: #26247b; z-index: -1 } .manufacturer-representative__desc { font-size: 18px; margin-bottom: 50px } .manufacturer-representative__desc br { display: none } .manufacturer-representative__img { width: 100%; height: 550px; top: 0; left: 0; position: relative } .manufacturer-representative__logos { justify-content: center } .manufacturer-representative__logo { width: 250px; height: 100px } .manufacturer-representative__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .manufacturer-representative__logo:last-child { margin-left: 40px } } @media (max-width: 767px) { .manufacturer-representative__box { padding: 40px 0 30px } .manufacturer-representative__desc { margin-bottom: 30px } .manufacturer-representative__img { height: 400px } .manufacturer-representative__logo { width: 210px; height: 84px } .manufacturer-representative__logo:last-child { margin-left: 20px } } @media (max-width: 479px) { .manufacturer-representative { margin-bottom: 40px } .manufacturer-representative__box { padding-bottom: 35px } .manufacturer-representative__desc { margin-bottom: 25px } .manufacturer-representative__logo { width: 150px; height: 69px } } .manufacturer-informations { padding-bottom: 108px } .manufacturer-informations__row { margin-bottom: -53px } .manufacturer-informations__coll { display: flex; justify-content: space-between; width: 100%; margin-bottom: 53px } .manufacturer-informations__coll--item { align-items: center } .manufacturer-informations__coll--item .manufacturer-informations__text { order: 2 } .manufacturer-informations__coll--item .manufacturer-informations__img { order: 1 } .manufacturer-informations__text { width: 550px } .manufacturer-informations__text p { font-size: 16px; line-height: 24px; color: #181c23 } .manufacturer-informations__text p strong { font-weight: 700; text-transform: uppercase; font-size: 18px; line-height: 25px } .manufacturer-informations__text p + p { margin-top: 25px } .manufacturer-informations__img { width: 600px; height: 365px } .mamut-promo__bg img, .auflieger-promo__bg img, .manufacturer-info__img img, .manufacturer-informations__img img, .vacancies-info__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1238px) { .manufacturer-informations { padding-bottom: 80px } .manufacturer-informations__row { margin-bottom: -40px } .manufacturer-informations__coll { margin-bottom: 40px } .manufacturer-informations__coll--item .manufacturer-informations__text { order: 2 } .manufacturer-informations__coll--item .manufacturer-informations__img { order: 1 } .manufacturer-informations__text { width: 450px } .manufacturer-informations__text p br { display: none } .manufacturer-informations__img { width: 490px; height: 350px } } @media (max-width: 992px) { .manufacturer-informations { padding-bottom: 60px } .manufacturer-informations__coll { margin-bottom: 40px; flex-wrap: wrap } .manufacturer-informations__coll--item .manufacturer-informations__text { order: 1 } .manufacturer-informations__coll--item .manufacturer-informations__img { order: 2 } .manufacturer-informations__text { width: 100%; padding-right: 30px; margin-bottom: 30px } .manufacturer-informations__text p { font-size: 18px; line-height: 27px } .manufacturer-informations__img { width: 100%; height: 390px } } @media (max-width: 767px) { .manufacturer-informations { padding-bottom: 40px } .manufacturer-informations__text { padding-right: 0; margin-bottom: 30px } .manufacturer-informations__img { height: 330px } } @media (max-width: 479px) { .manufacturer-informations__img { height: 230px } } .manufacturer-info { background-color: #fff } .manufacturer-info__body { max-width: 1920px; margin: 0 auto } .manufacturer-info__images { display: flex; flex-wrap: wrap } .manufacturer-info__img { height: 360px } .manufacturer-info__img--1, .manufacturer-info__img--4 { width: 33.5% } .manufacturer-info__img--2 { width: 22.5% } .manufacturer-info__img--3 { width: 44% } .manufacturer-info__img--5 { width: 66.5% } .manufacturer-info__wrap { display: flex } .manufacturer-info__box { width: 408px; background: #181c23; padding: 55px 45px 40px; margin-right: 46px } .manufacturer-info__icon { width: 63px; height: 62px; margin-bottom: 34px } .manufacturer-info__caption { font-family: "Oswald", sans-serif; font-size: 24px; line-height: 29px; color: #fff; margin-bottom: 38px } .manufacturer-info__line { width: 82px; height: 3px; background-color: #6d6d6d; margin-bottom: 32px } .manufacturer-info__desc { font-size: 16px; line-height: 150%; color: #fff; min-height: 106px; margin-bottom: 62px } .manufacturer-info__text { width: calc(100% - 454px); max-width: 702px; padding-top: 50px; padding-bottom: 50px } .manufacturer-info__text p { color: #181c23 } .mamut-about__coll-desc p strong, .manufacturer-info__text p strong { font-weight: 700 } .manufacturer-info__text p + p { margin-top: 20px } @media (max-width: 1238px) { .manufacturer-info__box { margin-right: 40px } .manufacturer-info__img { height: 360px } .manufacturer-info__img--1, .manufacturer-info__img--4 { width: 35.5% } .manufacturer-info__img--3 { width: 42% } .manufacturer-info__img--5 { width: 64.5% } .manufacturer-info__text { width: calc(100% - 450px); padding-top: 40px; padding-bottom: 40px } .manufacturer-info__text p + p { margin-top: 25px } } @media (max-width: 992px) { .manufacturer-info__box { margin-right: 0; width: 100%; position: relative; z-index: 1; padding: 60px 8px 30px; display: flex } .manufacturer-info__box:before { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; left: calc(50% - 50vw); background-color: #181c23; z-index: -1 } .manufacturer-info__img { height: 192px } .manufacturer-info__img--1 { width: 58% } .manufacturer-info__img--2 { width: 42% } .manufacturer-info__img--3 { width: 100% } .manufacturer-info__img--4 { width: 32% } .manufacturer-info__img--5 { width: 68% } .manufacturer-info__wrap { flex-wrap: wrap } .manufacturer-info__icon { width: 63px; height: 62px; margin-right: 33px; margin-bottom: 0 } .manufacturer-info__caption, .manufacturer-info__line { width: 200px; margin-right: 30px; margin-bottom: 0 } .manufacturer-info__line { width: 3px; height: auto; background-color: #6d6d6d } .manufacturer-info__desc { width: 323px; min-height: auto; margin-bottom: 0 } .manufacturer-info__text { width: 100%; padding-top: 30px; padding-bottom: 30px } } @media (max-width: 767px) { .manufacturer-info__box { padding: 40px 0; display: block } .manufacturer-info__img--4, .manufacturer-info__img--5 { width: 100% } .manufacturer-info__icon { margin-right: 0; margin-bottom: 20px } .manufacturer-info__caption { width: 100%; margin-right: 0; margin-bottom: 19px } .manufacturer-info__caption br { display: none } .manufacturer-info__line { width: 82px; height: 3px; margin-bottom: 19px } .manufacturer-info__desc { width: 100% } } .manufacturer-catalog { padding-top: 80px; padding-bottom: 80px } .manufacturer-catalog__title { max-width: 725px; margin-bottom: 20px } @media (max-width: 1238px) { .manufacturer-catalog { padding-top: 60px; padding-bottom: 60px } .manufacturer-catalog__title { margin-bottom: 30px } } @media (max-width: 992px) { .manufacturer-catalog { padding-bottom: 40px } .manufacturer-catalog__title { margin-bottom: 20px } } @media (max-width: 767px) { .manufacturer-catalog { padding-top: 40px } } @media (max-width: 479px) { .manufacturer-catalog { padding-top: 40px } .manufacturer-catalog .wrapper { padding: 0 20px } .manufacturer-catalog .categories-catalog__top { display: none } } .vacancies { padding-top: 20px; padding-bottom: 35px } .vacancies__subtitle { max-width: 910px; margin-top: 20px } .manufacturer-info__text p, .vacancies__subtitle p { font-size: 16px; line-height: 150% } .vacancies__subtitle p + p { margin-top: 24px } .vacancies__container { margin-top: 40px } .vacancies .about-info { padding-top: 37px; padding-bottom: 0 } .vacancies .about-info__coll { margin-bottom: 28px } .vacancies .about-info__caption { margin-bottom: 20px } .vacancies .about-info__desc { max-width: 540px } @media (max-width: 1238px) { .vacancies { padding-top: 60px; padding-bottom: 10px } .vacancies .about-info { padding-top: 50px; padding-bottom: 0 } .vacancies .about-info__row { margin-left: -35px } .vacancies .about-info__desc { max-width: 100% } } @media (max-width: 992px) { .vacancies { padding-top: 40px; padding-bottom: 0 } .vacancies__title { font-size: 56px; line-height: 67px } .vacancies__subtitle { margin-top: 40px } .vacancies__subtitle p { font-size: 18px } .vacancies__subtitle p + p { margin-top: 26px } .vacancies .about-info { padding-top: 37px; padding-bottom: 0 } .vacancies .about-info__coll { margin-bottom: 40px } .vacancies .about-info__caption { margin-bottom: 20px; font-size: 30px; line-height: 36px } .vacancies .about-info__desc { max-width: 100% } .vacancies .about-info__desc p { font-size: 16px } } @media (max-width: 767px) { .vacancies { padding-top: 40px; padding-bottom: 10px } .vacancies__title { font-size: 31px; line-height: 37px } .vacancies__subtitle { margin-top: 40px } .vacancies__subtitle p { font-size: 18px } .vacancies__subtitle p + p { margin-top: 26px } .vacancies .about-info { padding-top: 40px; padding-bottom: 0 } .vacancies .about-info__row { margin-left: -22px } .vacancies .about-info__coll { margin-bottom: 30px } } @media (max-width: 479px) { .vacancies__subtitle { margin-top: 20px } .vacancies__container { margin-top: 22px } .vacancies .about-info { padding-top: 35px; padding-bottom: 0 } .vacancies .about-info__row { margin-left: -32px; margin-right: -10px } .vacancies .about-info__coll { margin-bottom: 30px } .vacancies .about-info__desc { padding-left: 10px } .vacancies .about-info__desc p { line-height: 150% } } .vacancies-info { padding-top: 90px; padding-bottom: 538px; position: relative } .vacancies-info__title { position: relative; z-index: 10; padding: 10px 20px; max-width: 670px; border-left: 4px solid #6d6d6d; font-family: "Oswald", sans-serif; font-size: 50px; line-height: 60px; color: #181c23 } .vacancies-info__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1 } @media (max-width: 1238px) { .vacancies-info { padding-top: 40px; padding-bottom: 264px } .vacancies-info__title { max-width: 420px; font-size: 30px; line-height: 36px; margin-left: 160px } } @media (max-width: 992px) { .vacancies-info { padding-top: 30px; padding-bottom: 195px } .vacancies-info__title { max-width: 350px; font-size: 24px; line-height: 29px; margin-left: 120px; padding: 10px 15px } } @media (max-width: 767px) { .vacancies-info { padding-top: 20px; padding-bottom: 0; background-color: #181c23 } .vacancies-info__title { margin-left: 0; padding: 10px 15px; color: #fff; margin-bottom: 20px } .vacancies-info__bg { position: relative } } @media (max-width: 479px) { .vacancies-info__title { padding: 10px 0 10px 15px } } .mamut-promo, .auflieger-promo { padding-top: 20px; padding-bottom: 580px; position: relative } .mamut-promo__bg, .auflieger-promo__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10 } .mamut-promo__bg img, .auflieger-promo__bg img { -o-object-position: center; object-position: center } .mamut-promo__bg::after, .mamut-promo__bg::before, .auflieger-promo__bg::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0 } .mamut-promo__bg::before, .auflieger-promo__bg::before { top: 0; background: linear-gradient(180deg, #171b23 -7.81%, rgba(23, 27, 35, 0) 39.56%) } .mamut-promo__bg::after { bottom: 0; background: linear-gradient(360deg, #f2f2f2 0, rgba(242, 242, 242, 0) 9.52%) } .mamut-promo__top { text-align: center; padding-top: 19px } .auflieger-promo__top { background: #181C23; padding-top: 70px; padding-bottom: 60px; } .auflieger-promo__subtitle { font-family: "Oswald", sans-serif; text-align: center; color: #D4431D; font-size: 26px; line-height: 32px; } .auflieger-promo__title { font-family: "Oswald", sans-serif; font-size: 60px; text-align: center; color: #F2F2F2; } .mamut-promo__subtitle { font-family: "Oswald", sans-serif; font-size: 40px; line-height: 48px; color: #fff } .mamut-promo__title { font-size: 88px; line-height: 110px; color: #fff; text-transform: uppercase } .mamut-promo .wrapper, .auflieger-promo .wrapper { position: relative; z-index: 15 } .auflieger-about__desc { color: #FFFFFF; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; } .auflieger-about__top-box { box-shadow: inset 2px 1px 4px rgba(255, 255, 255, 0.05); filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.25)); border-radius: 56px; background-position: center; width: 884px; height: 432px; display: flex; align-items: center; justify-content: center; } .auflieger-about__top-block { display: flex; justify-content: center; width: 884px; } .auflieger-about__top { display: flex; justify-content: center; } .auflieger-about__wrap { display: flex; justify-content: center; flex-direction: column; } .auflieger-about__years_block { display: flex; } .auflieger-about__years { margin-right: 26px; } .auflieger-about__years_block img { width: 100%; height: 212px; } .auflieger-about__years_block .auflieger-about__caption { display: inline-block; color: #FFFFFF; font-weight: 400; font-size: 16px; line-height: 150%; } .auflieger-about__top .auflieger-about__desc { width: 483px; font-weight: 400; font-size: 16px; line-height: 150%; } .auflieger-about__body .about__company_row_1 { display: flex; justify-content: space-between; align-items: center; margin-top: 60px; margin-bottom: 40px; } .auflieger-about__body .about__company_row_1 .description { font-weight: 400; font-size: 16px; line-height: 150%; max-width: 650px; } .auflieger-about__body .about__company_row_1 .description strong { color: #D4431D; font-weight: 700; font-size: 22px; line-height: 150%; } .about__company_row_2 { margin-bottom: 38px; } .about__company_row_2 strong { max-width: 808px; font-weight: 700; font-size: 22px; line-height: 150%; } .about__company_row_3 .about__company_description, .about__company_row_5 .about__company_description { max-width: 822px; } .about__company_row_3 .about__company_description strong, .about__company_row_5 .about__company_description strong { font-weight: 700; font-size: 16px; line-height: 150%; } .about__company_row_3 .about__company_description_block .about__company_sub_description, .about__company_row_5 .about__company_description_block .about__company_sub_description { font-weight: 400; font-size: 16px; line-height: 150%; max-width: 804px; margin-top: 40px; margin-left: 103px; display: flex; justify-content: space-between; height: 100%; } .about__company_row_3 .about__company_description_block .about__company_sub_description .vertical_line, .about__company_row_5 .about__company_description_block .about__company_sub_description .vertical_line { background-color: #D4431D; width: 10px; margin: 0 10px 0 -22px; } .about__company_row_4 { max-width: 804px; margin: 60px 0px; } .about__company_row_5 { margin-top: 60px; margin-bottom: 60px; } .about__company_row_5 .about__company_description .about__company_sub_description:before { height: 75px; } .auflieger-informations { margin-top: 60px; margin-bottom: 60px; } .auflieger-informations .auflieger-informations__box { max-width: 804px; } .auflieger-informations__img { margin-top: 87px; display: flex; justify-content: center; } .auflieger-info-body .auflieger-sliders__img { width: 100%; } .background_image img { width: 100%; } @media (max-width: 1238px) { .mamut-promo { padding-top: 0; padding-bottom: 0; } .mamut-promo__top { padding-top: 42px } .mamut-promo__bg img { min-height: 533px } .mamut-promo__bg { position: relative; } .mamut-promo__subtitle, .mamut-promo__title { color: #181c23; } } @media (max-width: 992px) { .mamut-promo__bg img { min-height: 355px } .mamut-promo__title { font-size: 70px; line-height: 90px } } @media (max-width: 767px) { .mamut-promo__bg img { min-height: 270px } .mamut-promo__subtitle { font-size: 27px; line-height: 30px } .mamut-promo__title { font-size: 46px; line-height: 58px } .auflieger-about__years_block img { height: 138px; } } @media (max-width: 479px) { .mamut-promo__bg img { min-height: 300px } .mamut-promo__top { padding-top: 10px } .mamut-promo__subtitle { font-size: 22px; line-height: 27px } .mamut-promo__title { font-size: 33px; line-height: 40px } } .mamut-about { padding-bottom: 60px; position: relative; z-index: 10 } .mamut-about__wrap { padding-top: 50px; position: relative } .mamut-about__top { display: flex; justify-content: flex-end; margin-bottom: 50px } .mamut-about__top-box { max-width: 569px; margin-right: 23px } .mamut-about__years { margin-bottom: 50px } .mamut-about__img { margin-left: -115px; margin-right: -115px } .mamut-about__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .mamut-about__img img:last-child, .mamut-about__img img:nth-child(2) { display: none } .mamut-about__desc { font-size: 18px; line-height: 150%; color: #181c23 } .mamut-about__desc strong { font-weight: 700; text-transform: uppercase; display: block } .mamut-about__bottom { margin-top: 60px } .mamut-about__bottom .mamut-about__desc { max-width: 1215px } .mamut-about__row { display: flex; justify-content: space-between; margin-top: 30px } .mamut-about__coll:first-child { width: 660px; margin-right: 60px } .mamut-about__coll:last-child { width: 495px } .mamut-about__coll-desc p { font-weight: 400; font-size: 18px; line-height: 150%; color: #181c23 } .mamut-about__coll-desc p + p { margin-top: 28px } .mamut-about-card { position: absolute; width: 502px; top: -80px; left: -3px; background-color: #d72e26 } .mamut-about-card::after { content: ""; position: absolute; width: 100%; height: 140px; left: 0; bottom: 0; background-image: url(/bitrix/templates/ttcauto/../img/mamut/mamut-about/bg-сard.svg); background-repeat: no-repeat; background-size: cover; background-position: center bottom } .mamut-about-card__body { padding: 50px 58px } .mamut-about-card__caption { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #fff; margin-bottom: 20px } .mamut-about-card__desc { font-size: 16px; line-height: 150%; color: #fff } .mamut-about-card__logos { display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; padding: 17px } .mamut-about-card__logo { width: 200px; height: 80px } .mamut-about-card__logo + .mamut-about-card__logo { margin-left: 20px } .mamut-about-card__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } @media (max-width: 1238px) { .mamut-about__wrap { padding-top: 52px } .mamut-about__top { display: block; margin-bottom: 42px } .mamut-about__top-box { max-width: 100%; margin-right: 0; display: flex; justify-content: space-between } .mamut-about__top .mamut-about__desc { width: 470px; margin-right: 20px } .mamut-about__desc strong { display: contents } .mamut-about__img { margin-left: 0; margin-right: 0; height: 500px; width: 100vw; position: relative; left: calc(50% - 50vw) } .mamut-about__img img:first-child { display: none } .mamut-about__img img:nth-child(2) { display: block } .mamut-about__bottom { margin-top: 60px } .mamut-about__bottom .mamut-about__desc { max-width: 450px } .mamut-about__bottom .mamut-about__desc strong { display: block } .mamut-about__row { margin-top: 40px; flex-wrap: wrap } .mamut-about__coll:first-child { width: 100%; max-width: 920px; margin-right: 0 } .mamut-about__coll:last-child { width: 100%; max-width: 920px; margin-top: 30px } .mamut-about__coll-desc p { font-weight: 400; font-size: 18px; line-height: 150%; color: #181c23 } .mamut-about__coll-desc p strong { font-weight: 700 } .mamut-about__coll-desc p + p { margin-top: 28px } .mamut-about-card { top: 469px; left: auto; right: -22px } .mamut-about-card__body { padding: 50px 58px 28px } .mamut-about-card__desc { font-size: 18px } } @media (max-width: 992px) { .mamut-about { padding-bottom: 40px } .mamut-about__wrap { padding-top: 34px } .mamut-about__top, .mamut-about__years { margin-bottom: 40px } .mamut-about__top-box { justify-content: center; flex-wrap: wrap } .mamut-about__top .mamut-about__desc { width: 100%; margin-right: 0; padding-left: 12px; padding-right: 20px } .mamut-about__bottom { margin-top: 60px } .mamut-about__bottom .mamut-about__desc { max-width: 100% } .mamut-about__row { margin-top: 30px; padding-right: 25px } .mamut-about-card { top: 0; right: 0; position: relative; width: 100vw; left: calc(50% - 50vw) } .mamut-about-card::after { background-image: url(/bitrix/templates/ttcauto/../img/mamut/mamut-about/bg-card-table.svg) } .mamut-about-card__body { padding: 50px 58px 40px } .mamut-about-card__logos { justify-content: space-between; padding: 25px 70px 0 } .mamut-about-card__logo { width: 260px; height: 104px } } @media (max-width: 767px) { .mamut-about { padding-bottom: 40px } .mamut-about__wrap { padding-top: 34px } .mamut-about__years { margin-bottom: 15px } .mamut-about__top { margin-bottom: 50px } .mamut-about__top .mamut-about__desc { padding-left: 0; padding-right: 0 } .mamut-about__bottom { margin-top: 40px } .mamut-about__row { margin-top: 30px; padding-right: 0 } .mamut-about-card::after { background-image: url(/bitrix/templates/ttcauto/../img/mamut/mamut-about/bg-сard.svg) } .mamut-about-card__body { padding: 40px 20px } .mamut-about-card__logos { justify-content: center; padding: 25px 25px 15px } .mamut-about-card__logo { width: 200px; height: 80px } .mamut-about-card__logo + .mamut-about-card__logo { margin-left: 20px } } @media (max-width: 479px) { .mamut-about__years { margin-bottom: 28px } .mamut-about__top { margin-bottom: 10px } .mamut-about__img { height: 400px } .mamut-about__img img:nth-child(2) { display: none } .mamut-about__img img:last-child { display: block } .mamut-about__bottom { margin-top: 40px } .mamut-about__row { margin-top: 30px; padding-right: 0 } .mamut-about-card::after { height: 105px } .mamut-about-card__body { padding-bottom: 3px } .mamut-about-card__logos { padding: 40px 25px 0 } } .mamut-informations { padding-top: 60px; padding-bottom: 60px; background-color: #fff; position: relative } .mamut-informations__box { max-width: 660px } .mamut-info__desc p, .mamut-informations__desc p { font-size: 18px; line-height: 150%; color: #181c23 } .mamut-info__desc p strong, .mamut-informations__desc p strong { font-weight: 700; text-transform: uppercase } .mamut-informations__desc p + p { margin-top: 26px } .mamut-informations__img { position: absolute; width: 867px; height: 100%; top: 0; right: calc(50% - 965px) } .mamut-informations__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media (max-width: 1238px) { .mamut-informations { padding-top: 60px; padding-bottom: 0 } .mamut-informations__box { max-width: 100%; padding-right: 25px; padding-bottom: 60px } .mamut-informations__img { position: relative; width: 100%; height: 480px; top: 0; right: 0 } } @media (max-width: 992px) { .mamut-informations__img { height: 370px } } @media (max-width: 767px) { .mamut-informations { padding-top: 40px; padding-bottom: 0 } .mamut-informations__box { max-width: 100%; padding-right: 0; padding-bottom: 40px } .mamut-informations__img { height: 235px } } @media (max-width: 479px) { .mamut-informations__img { height: 175px } } .mamut-info { padding-top: 60px } .mamut-info__row { display: flex; justify-content: space-between; flex-wrap: wrap } .mamut-info__coll:first-child { width: 660px } .mamut-info__coll:last-child { width: 488px } .mamut-info__desc.c-white p { color: #fff } .mamut-info__container { margin-top: 60px } .mamut-info__icon { width: 63px; height: 62px; margin-bottom: 20px } .mamut-info__icon img, .mamut-info__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .mamut-info__caption { font-family: "Oswald", sans-serif; font-size: 24px; line-height: 29px; color: #fff; margin-bottom: 20px } .mamut-info__line { width: 82px; height: 3px; background-color: #6d6d6d } .mamut-info__top { display: flex; background-color: #181c23; padding: 40px 40px 50px } .mamut-info__top .mamut-info__desc { max-width: 805px; margin-left: 66px; margin-top: 11px } .mamut-info__top .mamut-info__desc strong { text-transform: none } .mamut-info__img { width: 100%; height: 420px } .mamut-info__img img { -o-object-fit: cover; object-fit: cover } @media (max-width: 1238px) { .mamut-info { padding-top: 60px } .mamut-info__coll:first-child { width: calc(50% - 10px); max-width: 450px } .mamut-info__coll:last-child { width: calc(50% - 10px); max-width: 450px; margin-right: 40px } .mamut-info__container { width: 100vw; position: relative; left: calc(50% - 50vw) } .mamut-info__top { padding: 40px 18px 50px } .mamut-info__top .mamut-info__desc { max-width: 650px } .mamut-info__img { height: 345px } } @media (max-width: 992px) { .mamut-info { padding-top: 40px } .mamut-info__coll:first-child { width: 100%; max-width: 100% } .mamut-info__coll:last-child { width: 100%; max-width: 100%; margin-right: 0; margin-top: 20px } .mamut-info__container { margin-top: 40px } .mamut-info__top { flex-wrap: wrap; padding: 40px 27px } .mamut-info__top .mamut-info__desc { max-width: 100%; margin-left: 0; margin-top: 30px; padding-right: 25px } .mamut-info__img { height: 266px } } @media (max-width: 767px) { .mamut-info__row { display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 10px } .mamut-info__container { margin-top: 40px } .mamut-info__top { padding: 40px 20px } .mamut-info__top .mamut-info__desc { padding-right: 0 } .mamut-info__img { height: 230px } } @media (max-width: 479px) { .mamut-info__row, .mamut-info__top .mamut-info__desc { padding-right: 0 } .mamut-info__container { margin-top: 40px } .mamut-info__top { padding: 40px 20px } .mamut-info__img { height: 230px } } @media (max-width: 760px) { .product-sliders__img { height: 250px; } } @media (max-width: 479px) { .product-sliders__img { height: 200px; } } /************ phone-mobile *************/ .phone-mobile { display: none; } .email-mobile { display: none; } @media (max-width: 992px) { .phone-mobile, .email-mobile { display: block; } .phone-mobile svg, .email-mobile svg{ width: 18px; height: 18px; } } /************ logo *************/ @media (max-width: 368px) { .logo { width: 135px; } } a.request_price { text-decoration: none; color: #181c23; } a.card_info_request_price { text-decoration: none; line-height: normal; color: #6d6d6d; border-bottom: 1px dotted #6d6d6d; } a.request_price:active, a.request_price:hover, a.card_info_request_price:active, a.card_info_request_price:hover { color: #6d6d6d; } .main-social__footer { display: flex; flex-direction: row; } .main-social__footer .text { max-width: 453px; } .main-social__footer .icons { display: flex; flex-direction: row; } .main-social__footer .icons .main-soc_link { width: 71px; height: 71px; } .main-social__footer .icons .main-soc_link:last-child { margin-left: 30px; } @media (max-width: 1000px) { .auflieger-about__body .about__company_row_1 { flex-direction: column-reverse; margin-top: 40px; margin-bottom: 40px; } .auflieger-about__body .about__company_row_1 .description { font-size: 18px; width: 100%; } .auflieger-about__body .about__company_row_1 .description strong { font-size: 20px; } .auflieger-about__body .about__company_row_1 .icon { margin-bottom: 40px; } .mamut-promo__bg::before, .auflieger-promo__bg::before { content: none; } .main-social__footer { flex-direction: column; } .main-social__footer .icons { padding-top: 30px; } .main-social__img { right: 0; } .main-social__btn { margin-bottom: 80px; } } @media (max-width: 920px) { .auflieger-about__top-box { width: 820px; } } @media (max-width: 840px) { .auflieger-about__top-box { width: 740px; } } @media (max-width: 768px) { .auflieger-about__top-box { width: 688px; } .auflieger-about__years_block .auflieger-about__caption { margin-left: 32px; } .auflieger-about__years_block { flex-direction: column; } .auflieger-about__top-block { width: 582px; } .main-social__footer { justify-content: center; align-items: center; } .main-social__btn { margin-bottom: 30px; } .main-social__footer .text { max-width: 100%; text-align: center; } } @media (max-width: 640px) { .auflieger-about__top-box { width: 100%; } .auflieger-about__top-block { width: 96%; } .auflieger-about__top .auflieger-about__desc { width: 100%; } } @media (max-width: 480px) { .auflieger-promo { padding-top: unset; padding-bottom: 290px; } .auflieger-promo__bg { } .auflieger-promo__bg::before { content: none; } .auflieger-promo__top { padding-top: 40px; padding-bottom: 40px; } .auflieger-promo__top .auflieger-promo__subtitle { font-size: 20px; line-height: 36px; } .auflieger-promo__top .auflieger-promo__title { font-size: 47px; } .auflieger-about__top-box { width: 100%; height: 100%; padding: 40px 10px; } .auflieger-about__top-block { width: 100%; /*flex-direction: column;*/ /*align-items: center;*/ } .auflieger-about__years { margin-right: 21px; } .auflieger-about__years_block .auflieger-about__caption { display: flex; align-items: flex-end; font-size: 14px; } .auflieger-about__years_block { justify-content: center; } .auflieger-about__years_block img { width: 99px; height: 91px; } .auflieger-about__top-block .auflieger-about__desc { font-size: 14px; width: 90%; } .auflieger-about__top-block .auflieger-about__desc p:nth-of-type(2) { margin-left: -90px; } .auflieger-about__body .about__company_row_1 { flex-direction: column-reverse; margin-top: 40px; margin-bottom: 40px; } .auflieger-about__body .about__company_row_1 .description { font-size: 18px; width: 100%; } .auflieger-about__body .about__company_row_1 .description strong { font-size: 20px; } .auflieger-about__body .about__company_row_1 .icon { margin-bottom: 40px; } .about__company_row_2 strong { width: 100%; font-size: 20px; } .about__company_row_3 .about__company_description, .about__company_row_5 .about__company_description { width: 100%; } .about__company_row_3 .about__company_description strong, .about__company_row_5 .about__company_description strong { } .about__company_row_3 .about__company_description_block .about__company_sub_description, .about__company_row_5 .about__company_description_block .about__company_sub_description { max-width: 100%; margin-left: 50px; } /*.about__company_row_3 .about__company_sub_description,*/ /*.about__company_row_5 .about__company_sub_description {*/ /* font-size: 18px;*/ /* width: 85%;*/ /* margin-top: 30px;*/ /* margin-left: 39px;*/ /*}*/ .about__company_row_3 .about__company_sub_description .vertical_line, .about__company_row_5 .about__company_sub_description .vertical_line { width: 40px; } .about__company_row_4 { width: 100%; } .auflieger-informations { margin-top: 30px; margin-bottom: 50px; } .auflieger-informations .auflieger-informations__box { width: 100%; } .auflieger-informations__img { margin-top: 40px; } .auflieger-about__years_block .auflieger-about__caption { margin-left: 12px; } } @media (max-width: 1238px) { .auflieger-info-body .arrow--prew, .auflieger-info-body .arrow--next { display: none; } } .form-button-download { display: flex; height: 90px; padding-top: 30px; } .form-button-download .main-product__btn { top: unset; right: unset; } @media (max-width: 1238px) { .form-button-download .main-product__btn { position: absolute; } } .more_about_production { max-width: 1920px; height: 794px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } .more_about_production .more_about_production_block { width: 100%; height: 794px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: absolute; } .more_about_production .more_about_production_block .panel { display: flex; justify-content: center; height: 74px; } .more_about_production .more_about_production_block .panel .content { display: flex; flex-direction: column; height: 381px; width: 902px; padding: 60px 80px; align-items: flex-start; gap: 50px; flex-shrink: 0; position: absolute; z-index: 10; } .more_about_production .more_about_production_block .panel .content .title p { font-size: 56px; font-style: normal; font-weight: 400; line-height: normal; } .more_about_production .more_about_production_block .panel .content a { height: 70px; padding: 27px 46px; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .more_about_production .more_about_production_block .background { position: relative; width: 100%; height: 720px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .more_about_production .more_about_production_block .background .img { display: flex; justify-content: center; width: 1920px; position: absolute; } @media (max-width: 1000px) { .more_about_production .more_about_production_block { height: 819px; position: relative; } .more_about_production .more_about_production_block .panel { height: 359px; } .more_about_production .more_about_production_block .panel .content { display: flex; width: 100%; position: relative; height: 359px; } .more_about_production .more_about_production_block .background { height: 460px; } .more_about_production .more_about_production_block .background .img { display: flex; justify-content: center; width: 1920px; position: relative; } } @media (max-width: 900px) { .more_about_production .more_about_production_block .panel .content .title p { font-size: 45px; } } @media (max-width: 768px) { .more_about_production .more_about_production_block .panel .content { padding: 60px 40px; } .more_about_production .more_about_production_block .panel .content .title p { font-size: 31px; } .more_about_production .more_about_production_block .background .img { width: 768px; position: absolute; } .small_img_slider { display: none!important; } } @media (max-width: 480px) { .more_about_production .more_about_production_block { height: 674px; } .more_about_production .more_about_production_block .panel { height: 314px; } .more_about_production .more_about_production_block .panel .content { height: 314px; } .more_about_production .more_about_production_block .background { height: 360px; } .more_about_production .more_about_production_block .background .img { width: 540px; } } @media (max-width: 430px) { .more_about_production .more_about_production_block { height: 718px; } .more_about_production .more_about_production_block .panel .content { padding: 60px 10px; align-items: center; } .more_about_production .more_about_production_block .panel .content { height: 358px; } .more_about_production .more_about_production_block .panel .content a { font-size: 16px; } } .interesting-models__btn_full { width: 100%; } /*Правки 22.02*/ .promo__bg.img-cover:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: rgba(0, 0, 0, 0.5); /*Настройка прозрачноcти фона yf главной от 0 до 1 */ z-index: 1; } .categories-promo__bg:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: rgba(0, 0, 0, 0.5); /*Настройка прозрачноcти фона на категории от 0 до 1 */ z-index: 1; } .product-title { text-align: center; position: absolute; width: 100%; left: 0px; top: 30px; } .product-title h2{ margin: 0px; font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 78px; line-height: 110%; text-align: center; text-transform: uppercase; color: #FFFFFF; } .product-title h2 span{ color: #FFBB00; } @media (max-width: 992px) { .product-title { width: 100%; left: 50%; max-width: 300px; transform: translate(-50%,0%); } .product-title h2{ font-size: 24px; } } .header__box_1 { display: flex ; flex-direction: column; align-items: center; margin-right: 80px; } a.header__email { margin-right: auto; } .header__first_block { display: flex; align-items: center; gap: 30px; } .header__contacts, .header__last, .header__wrap { flex-wrap: nowrap; } .header__search { display: none; } .header__first { } .header__box { margin-right: 0; } .header__contacts { margin-right: 0; } .header__first_description p { font-style: normal; font-weight: 400; font-size: 12px; color: #0C0C0B; opacity: 0.6; } .header__first_description { } .header__bottom.scrolled { margin-top: 15px; } @media (max-width: 992px) { .header__first { width: 100%; gap: 15px; } .header__first_block { flex-direction: column; margin-right: 0px; align-items: flex-start; gap: 5px; flex: 1; } .header__first_description { width: 100%; } img.img-main-slider { min-height: 650px; } .promo__body .wrapper { padding-top: 40px; } } @media (max-width: 768px) { .header__first_description { display: none; } .promo__body .wrapper { top: 0; position: absolute; min-height: 600px; } .promo__bg { height: 524px; } .promo__wrap { background: transparent; } .categories-promo .wrapper { position: absolute; top: 20px; } .categories-promo .wrapper h1 { color: #fff; } .header__first_block { margin-right: 0; } } /*10.03*/ .characteristics_link.characteristics--js img { width: 30px; margin-left: 10px; } .cart-social { display: flex; gap: 5px; } .cart-social a{ display: flex; align-items: center; justify-content: center; background: #F5F5F7; border-radius: 2.4px; width: 60px; height: 60px; } .cart-social img { width: 50px; } .card-info__box { display: block; margin-top: 50px; } .characteristics_link { display: flex; text-decoration: underline; ; align-items: flex-end; margin-bottom: 30px; } .card-info__buttons { align-items: center; gap: 5px; } .card-info__btn { padding: 10px 50px; } a.card-info__btn.btn.btn--item.leaveRequest--js { padding: 10px 20px; } @media (max-width: 992px) { .cart-social{ width: 100%; } .cart-social a{ width: 100%; flex: 1; } } @media (max-width: 768px) { .card-info__box-top { margin-top: 50px; } a.card-info__btn.btn.leaveRequest--js { margin-top: 0; width: 100% !important; margin-left: 0; margin-right: 0; } .card-info__buttons { justify-content: center; } .card-info__box-top { justify-content: center; display: flex ; } .card-info__box { align-items: center; } } .interesting-models__social { display: flex; gap: 5px; } .interesting-models__social.interesting-models__social--no-price { justify-content: flex-end; padding-right: 20px; } .interesting-models__readmore { } .interesting-models__readmore a { display: flex; align-items: center; gap: 10px; font-style: normal; font-weight: 600; font-size: 14px; line-height: 160%; color: #0C0C0B; } .interesting-models__readmore a:before{ content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%230C0C0B'/%3E%3Cpath d='M11.9696 5.1333C12.0308 5.14927 12.0925 5.16236 12.1527 5.18152C12.6766 5.34695 13.0493 5.67334 13.1681 6.22743C13.2967 6.82591 13.0294 7.36882 12.4884 7.6786C11.8404 8.04842 10.9767 7.86224 10.539 7.25864C10.082 6.62823 10.2793 5.75222 10.9824 5.34248C11.1528 5.24572 11.3527 5.20196 11.5386 5.1333H11.9696Z' fill='white'/%3E%3Cpath d='M13.044 15.5917C12.9917 15.8105 12.9445 16.0165 12.8919 16.2212C12.8856 16.2343 12.8768 16.246 12.8659 16.2556C12.855 16.2652 12.8423 16.2725 12.8286 16.2771C12.3975 16.4367 11.9734 16.63 11.5319 16.7475C10.8966 16.9161 10.2489 16.9318 9.6414 16.6232C9.12324 16.3601 8.84959 15.9232 8.83914 15.3305C8.82964 14.7678 8.9728 14.2322 9.12102 13.696C9.33038 12.9388 9.53973 12.1809 9.72501 11.4174C9.77942 11.1766 9.79451 10.9285 9.76967 10.6828C9.738 10.3315 9.57109 10.206 9.22111 10.1642C8.87113 10.1223 8.54649 10.1961 8.22343 10.3117C8.18447 10.3255 8.14488 10.3376 8.10529 10.3501C8.09244 10.3512 8.07951 10.3512 8.06665 10.3501C8.10592 10.1792 8.1509 10.0131 8.18257 9.84419C8.20347 9.73177 8.25637 9.67365 8.36659 9.63277C8.85434 9.45105 9.33513 9.2473 9.84917 9.15117C10.3876 9.05089 10.9187 9.06048 11.4236 9.30095C11.9899 9.57049 12.2724 10.1511 12.2379 10.7806C12.1945 11.5719 11.9212 12.3029 11.7311 13.0557C11.6045 13.5561 11.4673 14.054 11.3511 14.5567C11.2941 14.8003 11.2643 15.0504 11.3096 15.3046C11.3536 15.5505 11.4873 15.6981 11.728 15.7549C12.0422 15.829 12.3507 15.7996 12.6566 15.7137C12.7779 15.6786 12.8989 15.6371 13.044 15.5917Z' fill='white'/%3E%3C/svg%3E%0A"); width: 22px; height: 22px; } .interesting-models__mobile_bottom { display: flex; align-items: center; gap: 5px; } .interesting-models__info { justify-content: flex-end; } @media (max-width: 768px) { .interesting-models__info { flex-direction: column; padding-bottom: 20px; } .interesting-models__readmore { padding-top: 40px; } .interesting-models__social { gap: 16px; } .interesting-models__price { padding-left: 0; margin-bottom: 20px; } .interesting-models__social img { width: 49px; } .interesting-models__bottom-block { border: none; } } .order-item__body label.form__label { margin-top: 30px; } /*Coockie*/ .cookie-consent { position: fixed; bottom: 10px; left: 10px; width: min(365px, calc(100vw - 20px)); min-height: 30px; background-color: rgba(24, 28, 35, .92); color: #fff; font-size: 12px; display: flex; align-items: flex-start; justify-content: space-between; padding: 8px 10px; box-sizing: border-box; z-index: 9999; overflow: visible; border-radius: 2px; opacity: 0; transform: translateY(0); transition: opacity .3s ease, transform .35s ease, bottom .35s ease; pointer-events: auto; } .cookie-consent.is-minimized { bottom: 10px; opacity: 0 !important; visibility: hidden; transform: translateY(12px); pointer-events: none; } .cookie-consent.is-minimized:hover, .cookie-consent:focus-within { bottom: 10px; opacity: 1 !important; visibility: visible; transform: translateY(0); pointer-events: auto; } .cookie-consent p { margin: 0; white-space: normal; overflow: visible; text-overflow: clip; line-height: 140%; padding-right: 8px; } .cookie-consent p a { color: #fbbe41; } #accept-cookies, #close-cookie-consent { background: none; border: none; color: #fff; cursor: pointer; font-size: 30px; margin-left: 10px; line-height: 1; flex-shrink: 0; transition: 0.3s; } #close-cookie-consent:hover { transform: rotate(360deg); } @media (max-width: 640px) { .cookie-consent { left: 8px; bottom: 8px; width: calc(100vw - 16px); font-size: 10px; padding: 8px; } .cookie-consent.is-minimized { bottom: 8px; } .cookie-consent.is-minimized:hover, .cookie-consent:focus-within { bottom: 8px; } } #accept-cookies { background-color: #28a745; padding: 6px 12px; border-radius: 4px; } #learn-more { color: #ffffffcc; text-decoration: underline; margin-left: 10px; font-size: 14px; } /*End coockie*/ .capcha-image{ width: 100%; height: auto; margin-bottom: 10px; } .update_capcha{ width: 100%; display: inline-block; text-align: center; font-size: 14px; text-decoration: none; color: #000; float: left; margin-bottom: 10px; } .about-page .page-top__wrap{ margin-top: 60px; } .about-page .page-top__wrap .page-top__title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 160%; text-transform: uppercase; color: #FFFFFF; display: flex; flex-direction: column; align-items: center; gap: 10px; } .about-page .page-top__wrap .page-top__title .hr{ width: 1px; height: 100%; background: #373531; } .about-page .about-page-logo{ display: flex; gap: 40px; align-items: stretch; } .about-page .about-page-logo svg{ flex-shrink: 0; } .about-page .about-page-logo .about-page-desc{ max-width: 461px; display: flex; flex-direction: column; justify-content: space-between; font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #FFFFFF; } .about-page .about-page-desc-text-mobile{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #FFFFFF; display: none; } .about-page .banner{ margin-top: 60px; position: relative; } .about-page .banner img{ width: 100%; } .about-page .banner .play, .about-page .banner .playvideo{ position: absolute; width: 101px; height: 101px; top: -50px; right: 50px; background: url("data:image/svg+xml,%3Csvg width='101' height='101' viewBox='0 0 101 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50.5' cy='50.5' r='45.5' fill='white' stroke='%230C0C0B' stroke-width='10'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.6956 38.8057C45.0431 38.9557 44.56 39.3183 44.2398 39.8982L43.9678 40.391V50.5038V60.6166L44.2398 61.1094C44.3894 61.3804 44.6699 61.7111 44.863 61.8441C45.3678 62.1922 46.207 62.3507 46.7613 62.2025C47.0313 62.1304 49.841 60.2605 53.7137 57.5757C61.962 51.8574 61.6783 52.0647 61.9915 51.528C62.4667 50.7131 62.2916 49.6041 61.5857 48.96C61.2339 48.639 47.8833 39.3662 47.3226 39.0533C46.7729 38.7467 46.279 38.6715 45.6956 38.8057Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat; transition: all .3s; cursor: pointer; } .about-page .banner:hover .play, .about-page .banner:hover .playvideo{ transform: scale(1.1); } #aboutVideo.fancybox-content{ padding: 0px; width: 1280px; height: 720px; overflow: hidden; } .about-page .banner .play{ display: none; } @media (max-width: 992px) { .about-page .banner .play{ display: block; } .about-page .banner .playvideo{ display: none; } } @media (max-width: 479px) { } .about-promo { background: #242423; } .about-promo .about-promo-top .about-promo-top-wrap, .about-promo .about-promo-bottom .about-promo-bottom-wrap{ display: flex; justify-content: space-between; } .about-promo .about-promo-top .about-promo-number img{ position: relative; bottom: -54px; } .about-promo-bottom{ background: #fff; } .about-promo .about-promo-title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 160%; text-transform: uppercase; color: #FFFFFF; display: flex; justify-content: space-between; align-items: center; } .about-promo .about-promo-title svg{ flex-shrink: 0; } .about-promo .about-promo-top .about-promo-top-wrap .about-promo-number{ padding-top: 50px; } .about-promo .about-promo-box{ display: flex; width: 460px; padding: 50px 40px; flex-direction: column; justify-content: space-between; background: #0C0C0B; flex-shrink: 0; min-height: 400px; } .about-promo-bottom .about-promo-box{ background: #242423; } .about-promo .about-promo-box .about-promo-desc{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #FFFFFF; } .about-promo .about-promo-quote .about-promo-title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 120%; text-transform: uppercase; color: #0C0C0B; gap: 20px; justify-content: flex-start; } .about-promo .about-promo-quote{ display: flex; flex-direction: column; gap: 30px; padding-top: 60px; position: relative; width: 100%; } .about-promo .about-promo-quote .about-promo-quote-text{ font-style: italic; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; max-width: 415px; } .about-promo .about-promo-quote .about-promo-quote-dir{ } .about-promo .about-promo-quote .about-promo-quote-dir .name{ font-style: normal; font-weight: 500; font-size: 14px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; } .about-promo .about-promo-quote .about-promo-quote-dir .dolg{ font-weight: 500; font-size: 12px; line-height: 140%; color: #0C0C0B; opacity: 0.4; margin-top: 10px; } .about-promo .about-promo-quote img.dir{ position: absolute; bottom: 0px; right: -40px; } .about-page .about-mobile-title{ display: none; } .about-page .show-mobile{ display: none; } @media (max-width: 992px) { .about-page .show-mobile{ display: flex; } .about-page .show-pc{ display: none; } .about-page .page-top__wrap{ margin-top: 45px; } .about-page .about-page-logo .about-page-desc .about-page-desc-text{ display: none; } .about-page .about-page-logo{ gap: 25px; align-items: center; } .about-page .about-page-logo > svg{ height: 50px; width: 50px; } .about-page .page-top__wrap .page-top__title{ display: none; } .about-page .about-page-desc-text-mobile{ display: block; font-size: 13px; margin-top: 15px; } .about-page .about-page-logo .about-page-desc svg{ width: auto; max-height: 30px; } .about-page .banner{ margin-top: 30px; } .about-page .banner .play, .about-page .banner .playvideo{ width: 70px; height: 70px; background-size: contain; bottom: -50px; top: initial; right: 10px; } .about-page .about-mobile-title{ display: block; font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #FFFFFF; text-align: right; padding-right: 90px; margin-top: 3px; } .about-promo .about-promo-top .about-promo-top-wrap .about-promo-number{ padding-top: 30px; } .about-promo .about-promo-top .about-promo-top-wrap, .about-promo .about-promo-bottom .about-promo-bottom-wrap{ flex-direction: column; } .about-promo .about-promo-box{ width: auto; min-height: 240px; padding: 20px; margin-left: -20px; margin-right: -20px; } .about-promo .about-promo-title{ font-size: 24px; line-height: 38px; } .about-promo .about-promo-quote{ margin-left: -20px; margin-right: -20px; padding: 20px; background: #fff; width: auto; padding-top: 50px; } .about-promo .about-promo-top .about-promo-number img{ z-index: 1; bottom: -37px; } .about-promo .about-promo-quote .about-promo-title{ font-size: 24px; } .about-promo .about-promo-quote .about-promo-title svg{ width: 50px; height: auto; } .about-promo .about-promo-quote .about-promo-quote-text{ font-size: 13px; margin-bottom: 40px; max-width: initial; } .about-promo .about-promo-quote img.dir{ right: 0px; max-width: 162px; } .about-promo .about-promo-quote .about-promo-quote-dir{ margin-bottom: 40px; } .about-promo-bottom .about-promo-box.show-mobile{ background: #000; } .about-promo .about-promo-box .about-promo-desc{ font-size: 13px; } .about-promo .about-promo-box .about-promo-title svg{ width: 50px; height: 50px; } } .about-info { } .about-info .title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; } .about-info .about-info-row{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; padding: 60px 0px; } .about-info .about-info-row:first-child{ border-bottom: 1px solid #DCDCDC; } .about-info .about-info-row .about-info-col{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; } .about-info .about-info-row .about-info-col img{ width: 100%; } @media (max-width: 992px) { .about-info .about-info-row{ padding: 45px 0px; grid-template-columns: repeat(1, 1fr); } .about-info .title { font-size: 28px; } .about-info .about-info-row .about-info-col{ font-size: 13px; } } .about-complect{ padding: 60px 0px; background: #fff; } .about-complect .title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; flex: 1; } .about-complect .about-complect-top{ display: flex; align-items: center; justify-content: space-between; } .about-complect .about-complect-top .desc{ flex: 1; font-style: italic; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; display: flex; align-items: center; gap: 20px; } .about-complect .about-complect-top .desc:before{ display: block; content: ''; width: 44px; height: 100px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg width='44' height='100' viewBox='0 0 44 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='21.5' y1='2.18557e-08' x2='21.5' y2='100' stroke='%230C0C0B'/%3E%3Ccircle cx='22' cy='50' r='17' fill='%230C0C0B' stroke='white' stroke-width='10'/%3E%3Cpath d='M23.0576 43.6001C23.1243 43.6175 23.1917 43.6318 23.2573 43.6527C23.8288 43.8332 24.2355 44.1892 24.365 44.7937C24.5053 45.4466 24.2137 46.0388 23.6236 46.3768C22.9166 46.7802 21.9744 46.5771 21.4969 45.9187C20.9983 45.2309 21.2136 44.2753 21.9806 43.8283C22.1665 43.7227 22.3845 43.675 22.5874 43.6001H23.0576Z' fill='white'/%3E%3Cpath d='M24.2296 55.0093C24.1726 55.2479 24.1211 55.4726 24.0637 55.696C24.0569 55.7103 24.0472 55.723 24.0353 55.7335C24.0235 55.744 24.0096 55.7519 23.9946 55.7569C23.5244 55.9311 23.0618 56.1419 22.5801 56.2701C21.887 56.4541 21.1804 56.4711 20.5177 56.1346C19.9524 55.8475 19.6539 55.3709 19.6425 54.7243C19.6322 54.1104 19.7883 53.5262 19.95 52.9412C20.1784 52.1152 20.4068 51.2884 20.6089 50.4554C20.6683 50.1928 20.6847 49.9221 20.6576 49.6541C20.6231 49.2709 20.441 49.134 20.0592 49.0883C19.6774 49.0427 19.3233 49.1232 18.9708 49.2493C18.9283 49.2643 18.8851 49.2775 18.842 49.2911C18.8279 49.2923 18.8138 49.2923 18.7998 49.2911C18.8426 49.1047 18.8917 48.9235 18.9263 48.7392C18.9491 48.6166 19.0068 48.5532 19.127 48.5086C19.6591 48.3104 20.1836 48.0881 20.7444 47.9832C21.3317 47.8738 21.9112 47.8843 22.4619 48.1466C23.0797 48.4407 23.3879 49.0741 23.3503 49.7607C23.3029 50.6241 23.0047 51.4215 22.7974 52.2427C22.6592 52.7886 22.5096 53.3318 22.3828 53.8801C22.3206 54.146 22.2881 54.4187 22.3375 54.6961C22.3856 54.9643 22.5314 55.1253 22.794 55.1873C23.1367 55.2681 23.4733 55.2361 23.807 55.1424C23.9394 55.104 24.0713 55.0587 24.2296 55.0093Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .about-complect-table .about-complect-table-head{ background: #0C0C0B; text-align: center; font-style: normal; font-weight: 700; font-size: 18px; line-height: 160%; text-align: center; text-transform: uppercase; color: #FFFFFF; width: 100%; padding: 25px; margin-top: 45px; } .about-complect-table .about-complect-table-body{ display: grid; grid-template-columns: repeat(2, 1fr); } .about-complect-table .about-complect-table-body .about-complect-table-row{ display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid #DCDCDC; } .about-complect-table .about-complect-table-body .about-complect-table-row:last-child{ border-right: 1px solid #DCDCDC; } .about-complect-table .about-complect-table-body .about-complect-table-row .about-complect-table-col{ display: flex; justify-content: space-between; border-bottom: 1px solid #DCDCDC; flex: 1; padding: 22px 25px; align-items: center; flex-wrap: wrap; } .about-complect-table .about-complect-table-body .about-complect-table-row .about-complect-table-col .name{ font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; } .about-complect-table .about-complect-table-body .about-complect-table-row .about-complect-table-col .value{ font-weight: 600; font-size: 14px; line-height: 160%; text-align: right; color: #0C0C0B; } .about-complect-table .about-complect-table-body .about-complect-table-row .about-complect-table-col .desc{ width: 100%; font-style: italic; font-weight: 400; font-size: 12px; line-height: 160%; color: #0C0C0B; } .about-brand-slider{ margin-top: 60px; } .about-brand-slider .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } @media (max-width: 992px) { .about-complect{ padding: 45px 0px; } .about-complect .title{ font-size: 28px; } .about-complect .about-complect-top{ flex-direction: column; align-items: flex-start; gap: 30px; } .about-complect .about-complect-top .desc{ font-size: 13px; gap: 10px; } .about-complect-table .about-complect-table-head{ font-size: 13px; } .about-complect-table .about-complect-table-body{ grid-template-columns: repeat(1, 1fr); } .about-complect-table .about-complect-table-body .about-complect-table-row{ border-right: 1px solid #DCDCDC; } .about-complect-table .about-complect-table-body .about-complect-table-row .about-complect-table-col .name{ font-size: 12px; } .about-complect-table .about-complect-table-body .about-complect-table-row .about-complect-table-col{ flex-direction: column; align-items: flex-start; padding: 18px 20px; } .about-complect-table .about-complect-table-body .about-complect-table-row .about-complect-table-col .value{ font-size: 13px; text-align: left; } .about-brand-slider{ margin-top: 45px; } } .about-geo{ padding: 60px 0px; } .about-geo .about-geo-title{ display: flex; justify-content: space-between; width: 100%; gap: 60px; } .about-geo .about-geo-title > div{ display: flex; justify-content: space-between; width: 100%; } .about-geo .about-geo-title > div i{ font-family: 'Oswald'; font-style: normal; font-weight: 600; font-size: 62px; line-height: 140%; text-align: center; letter-spacing: 0.57em; text-transform: uppercase; color: #0C0C0B; } .about-geo .about-geo-map{ position: relative; } .about-geo .about-geo-map img{ width: 100%; } .about-geo .about-geo-map .about-geo-map-title{ position: absolute; top: 0; left: 0; font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; } .about-geo .about-geo-desc{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; margin-top: 30px; } .about-geo .about-geo-desc .about-geo-desc-col{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; padding-left: 30px; border-left: 1px solid #000000; } @media (max-width: 992px) { .about-geo{ padding: 45px 0px; } .about-geo .about-geo-title{ flex-direction: column; gap: 0px; } .about-geo .about-geo-title > div i{ font-size: 32px; } .about-geo .about-geo-map{ margin-top: 15px; } .about-geo .about-geo-map .about-geo-map-title{ position: initial; text-align: center; font-size: 20px; } .about-geo .about-geo-desc{ grid-template-columns: repeat(1, 1fr); gap: 30px; } .about-geo .about-geo-desc .about-geo-desc-col{ padding-left: 20px; font-size: 13px; } } .about-certificates{ padding: 60px 0px; background: #fff; } .about-certificates .about-certificates-top{ display: flex; justify-content: space-between; } .about-certificates .about-certificates-top .about-certificates-title{ font-style: normal; font-weight: 700; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; position: relative; display: flex; } .about-certificates .about-certificates-top a{ font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 160%; color: #0C0C0B; position: relative; border: 1px solid #0C0C0B; display: block; padding: 17px 30px; padding-right: 186px; position: relative; transition: all .3s ease; } .about-certificates .about-certificates-top a span{ transition: all .3s ease; } .about-certificates .about-certificates-top a:hover span{ opacity: 0.5; } .about-certificates .about-certificates-top a img{ position: absolute; right: 30px; bottom: 0px; } .about-certificates .about-certificates-top .about-certificates-title span{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; margin-left: 10px; } .about-certificates .about-certificates-slider{ margin-top: 45px; position: relative; margin-top: 40px; left: 50%; margin-left: -580px; } .about-certificates .about-certificates-slider .cert-arrow{ position: absolute; top: 50%; cursor: pointer; z-index: 10; margin-top: -25px; } .about-certificates .about-certificates-slider .cert-arrow.cert-arrow-next{ transform: translate(-50%, 0%); left: 1160px; } .about-certificates .about-certificates-slider .cert-arrow.cert-arrow-prev{ transform: translate(-50%, 0%); } .about-certificates .about-certificates-slider .swiper-pagination{ position: initial; width: 100%; display: flex; margin-top: 30px; gap: 10px; justify-content: center; display: none; } .about-certificates .about-certificates-slider .swiper-pagination .swiper-pagination-bullet{ border-radius: 0px; width: 40px; height: 10px; background: url("data:image/svg+xml,%3Csvg width='40' height='2' viewBox='0 0 40 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='40' y2='1' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; } @media (max-width: 992px) { .about-certificates .about-certificates-slider{ margin-left: 0px; left: 0; } .about-certificates{ padding: 45px 0px; } .about-certificates .about-certificates-top .about-certificates-title{ font-size: 28px; display: block; } .about-certificates .about-certificates-top .about-certificates-title span{ margin-left: 0px; position: relative; top: -10px; } .about-certificates .about-certificates-top{ flex-direction: column; gap: 30px; } } .service-page .page-header-block{ gap: 60px; } .service-page .page-header-block .title{ flex: 1; max-width: 470px; } .service-page .page-header-block .page-header-desc{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #FFFFFF; max-width: 560px; } .service-page .service-items-block{ padding: 60px 0px; } .service-page .service-items-block .service-items{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px; } .service-page .service-items-block .service-items .service-item{ display: flex; flex-direction: column; gap: 30px; } .service-page .service-items-block .service-items .service-item .service-item-title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; max-width: 450px; } .service-page .service-items-block .service-items .service-item img{ width: 100%; } .service-page .service-items-block .service-items .service-item .service-item-desc{ font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; } .service-page .service-map-block{ padding-bottom: 60px; } .service-page .service-map{ display: flex; align-items: center; gap: 30px; } .service-page .service-map .service-map-text{ display: flex; gap: 45px; flex-direction: column; padding-left: 45px; border-left: 1px solid #000000; max-width: 300px; } .service-page .service-map .service-map-text .service-map-title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; max-width: 300px; } .service-page .service-map .service-map-text .service-map-desc{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; } .service-page .service-map img{ width: calc(100% - 300px); } .service-page .service-partner-block{ padding: 60px 0px; background: #fff; } .service-page .service-partner-block .service-partner-service{ display: flex; flex-direction: column; gap: 60px; } .service-page .service-partner-block .service-partner-service .service-partner-service-top{ display: flex; justify-content: space-between; align-items: center; } .service-page .service-partner-block .service-partner-service .service-partner-service-top .service-partner-service-title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 140%; text-transform: uppercase; color: #0C0C0B; flex: 1; } .service-page .service-partner-block .service-partner-service .service-partner-service-top .service-partner-service-desc{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; flex: 1; } .service-page .service-partner-block .service-partner-service img{ width: 100%; } .service-page .service-partner-block .service-partner-service.region{ flex-direction: row; align-items: stretch; justify-content: space-between; padding-top: 60px; border-top: 1px solid #DCDCDC; } .service-page .service-partner-block .service-partner-service.region .service-partner-service-top{ flex-direction: column; max-width: 390px; } .service-page .service-partner-block .service-partner-service.region img{ width: 580px; } @media (max-width: 992px) { .service-page .page-header-block{ gap: 30px; } .service-page .service-items-block{ padding: 45px 0px; } .service-page .service-items-block .service-items{ grid-template-columns: repeat(1, 1fr); gap: 30px; } .service-page .service-items-block .service-items .service-item{ gap: 20px; } .service-page .service-items-block .service-items .service-item .service-item-title{ font-size: 28px; } .service-page .service-items-block .service-items .service-item .service-item-desc{ font-size: 13px; } .service-page .service-map-block{ padding-bottom: 45px; } .service-page .service-map{ flex-direction: column; align-items: flex-start; } .service-page .service-map img{ width: 100%; } .service-page .service-map .service-map-text{ padding: 0px; border-left: 0; gap: 20px; max-width: initial; } .service-page .service-map .service-map-text .service-map-title{ max-width: initial; font-size: 28px; } .service-page .service-map .service-map-text .service-map-desc{ font-size: 13px; } .service-page .service-partner-block{ padding: 45px 0px; } .service-page .service-partner-block .service-partner-service{ gap: 20px; } .service-page .service-partner-block .service-partner-service .service-partner-service-top{ flex-direction: column; gap: 20px; align-items: flex-start; } .service-page .service-partner-block .service-partner-service .service-partner-service-top .service-partner-service-title{ font-size: 28px; } .service-page .service-partner-block .service-partner-service .service-partner-service-top .service-partner-service-desc{ font-size: 13px; } .service-page .about-certificates{ padding-top: 0px; } .service-page .service-partner-block .service-partner-service.region{ padding-top: 45px; flex-direction: column; } .service-page .service-partner-block .service-partner-service.region img{ width: 100%; order: 1; } .service-page .service-partner-block .service-partner-service.region .service-partner-service-top{ max-width: initial; order: 1; } } .vacancies-page .page-header .sub-title{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 160%; text-transform: uppercase; color: #FFFFFF; max-width: 530px; margin-top: 15px; } .vacancies-page .page-header .page-header-desc{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 165%; color: #FFFFFF; display: flex; align-items: center; gap: 30px; max-width: 550px; } .vacancies-page .page-header .page-header-desc:before{ content: ''; display: block; background: url("data:image/svg+xml,%3Csvg width='44' height='130' viewBox='0 0 44 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.2' x1='21.5' y1='2.18557e-08' x2='21.5' y2='130' stroke='white'/%3E%3Ccircle cx='22' cy='65' r='17' fill='%23FFBB00' stroke='%230C0C0B' stroke-width='10'/%3E%3Cpath d='M23.0576 58.6C23.1243 58.6174 23.1917 58.6317 23.2573 58.6526C23.8288 58.8331 24.2355 59.1891 24.365 59.7936C24.5053 60.4465 24.2137 61.0388 23.6236 61.3767C22.9166 61.7801 21.9744 61.577 21.4969 60.9186C20.9983 60.2308 21.2136 59.2752 21.9806 58.8282C22.1665 58.7226 22.3845 58.6749 22.5874 58.6H23.0576Z' fill='%230C0C0B'/%3E%3Cpath d='M24.2296 70.0092C24.1726 70.2478 24.1211 70.4725 24.0637 70.6959C24.0569 70.7102 24.0472 70.7229 24.0353 70.7334C24.0235 70.7439 24.0096 70.7519 23.9946 70.7568C23.5244 70.931 23.0618 71.1418 22.5801 71.27C21.887 71.454 21.1804 71.471 20.5177 71.1345C19.9524 70.8474 19.6539 70.3708 19.6425 69.7242C19.6322 69.1103 19.7883 68.5261 19.95 67.9411C20.1784 67.1151 20.4068 66.2883 20.6089 65.4553C20.6683 65.1927 20.6847 64.922 20.6576 64.654C20.6231 64.2708 20.441 64.1339 20.0592 64.0882C19.6774 64.0426 19.3233 64.1231 18.9708 64.2492C18.9283 64.2642 18.8851 64.2774 18.842 64.291C18.8279 64.2922 18.8138 64.2922 18.7998 64.291C18.8426 64.1046 18.8917 63.9235 18.9263 63.7392C18.9491 63.6165 19.0068 63.5531 19.127 63.5085C19.6591 63.3103 20.1836 63.088 20.7444 62.9831C21.3317 62.8737 21.9112 62.8842 22.4619 63.1465C23.0797 63.4406 23.3879 64.074 23.3503 64.7606C23.3029 65.624 23.0047 66.4214 22.7974 67.2426C22.6592 67.7885 22.5096 68.3317 22.3828 68.88C22.3206 69.1459 22.2881 69.4187 22.3375 69.696C22.3856 69.9642 22.5314 70.1252 22.794 70.1872C23.1367 70.268 23.4733 70.236 23.807 70.1423C23.9394 70.1039 24.0713 70.0587 24.2296 70.0092Z' fill='%230C0C0B'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; width: 44px; height: 130px; flex-shrink: 0; } .vacancies-page .vacancies-photos{ display: flex; align-items: stretch; gap: 5px; margin-top: 60px; } .vacancies-page .vacancies-photos .vacancies-photos-block{ display: flex; flex-direction: column; gap: 5px; flex-shrink: 0; width: 325px; } .vacancies-page .vacancies-photos .vacancies-photos-block img{ width: 100%; } .vacancies-page .vacancies-photos .vacancies-photos-block .vacancies-photos-block-child{ display: flex; gap: 5px; display: grid; grid-template-columns: repeat(2, 1fr); } .vacancies-page .vacancies-photos .vacancies-photos-block.middle{ width: 500px; } .vacancies-page .vacancies-features{ padding: 60px 0px; } .vacancies-page .vacancies-features .vacancies-features-items{ display: grid; grid-template-columns: repeat(2, 1fr); } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item{ padding-right: 50px; padding-bottom: 50px; padding-top: 50px; border-right: 1px solid #D2D2D7 } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(1), .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(2){ padding-top: 0px; border-bottom: 1px solid #D2D2D7 } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(3), .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(4){ padding-bottom: 0px; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(2n){ padding-right: 0px; padding-left: 50px; border-right: 0px; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item .vacancies-features-item-title{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 130%; text-transform: uppercase; color: #0C0C0B; display: flex; justify-content: space-between; align-items: center; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item .vacancies-features-item-title svg{ flex-shrink: 0; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item .vacancies-features-item-text{ font-weight: 400; font-size: 14px; line-height: 165%; color: #0C0C0B; margin-top: 20px; } @media (max-width: 992px) { .vacancies-page .page-header .sub-title{ font-size: 14px; } .vacancies-page .page-header .page-header-desc{ font-size: 13px; gap: 10px; } .vacancies-page .vacancies-photos{ margin-top: 45px; flex-direction: column; } .vacancies-page .vacancies-photos .vacancies-photos-block, .vacancies-page .vacancies-photos .vacancies-photos-block.middle{ width: 100%; } .vacancies-page .vacancies-features{ padding: 45px 0px; } .vacancies-page .vacancies-features .vacancies-features-items{ grid-template-columns: repeat(1, 1fr); gap: 30px; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item{ border-right: 0; padding-right: 0px; padding-bottom: 30px; padding-top: 0px; border-bottom: 1px solid #D2D2D7; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(2n){ padding-left: 0px; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(3), .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:nth-child(4){ padding-bottom: 30px; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item:last-child{ padding-bottom: 0px; border-bottom: 0; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item .vacancies-features-item-title{ font-size: 16px; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item .vacancies-features-item-title svg{ width: 50px; height: 50px; } .vacancies-page .vacancies-features .vacancies-features-items .vacancies-features-item .vacancies-features-item-text{ font-size: 13px; } } .privacy-page .article{ padding: 60px 0px; } .privacy-page .article h3{ text-transform: uppercase; } .privacy-page a.btn{ width: 100%; background: #fff; margin-top: 30px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 18px; text-transform: uppercase; color: #0C0C0B; } @media (max-width: 992px) { .privacy-page .article{ padding: 45px 0px; } } .thankyou-page{ padding: 60px 0px; } .thankyou-page .video-channels-block{ background: transparent; border: 1px solid; } .thankyou-page .video-channels-block .video-channels-title{ color: #0C0C0B; max-width: 300px; } .thankyou-page .video-channels-block .video-channels-desc{ color: #0C0C0B; max-width: 390px; font-size: 14px; } .thankyou-page .video-channels-block .video-channels-desc a{ color: #0C0C0B; text-decoration: underline; } .thankyou-page .video-channels-block .video-channels-text{ gap: 15px; padding: 60px; } .thankyou-page .video-channels-block .video-channels-links a{ font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #0C0C0B; height: 48px; display: flex; align-items: center; justify-content: center; width: 61px; background: #0C0C0B; border-radius: 2px; transition: all .3s } @media (max-width: 992px) { .thankyou-page .video-channels-block .video-channels-text{ padding: 30px; padding-bottom: 15px; } .thankyou-page .video-channels-block .video-channels-links a{ width: 100%; } .thankyou-page{ padding: 0px 0px; } } .main-get-catalog{ background: #0C0C0B; } .main-get-catalog .main-get-catalog-block{ display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 30px; justify-content: space-between; } .main-get-catalog .main-get-catalog-block > div{ display: flex; flex-direction: column; gap: 30px; } .main-get-catalog .main-get-catalog-block > div:nth-child(3){ width: 300px; justify-self: end; } .main-get-catalog .main-get-catalog-block .main-get-catalog-title{ color: #fff; } .main-get-catalog .main-get-catalog-block .main-get-catalog-title span{ color: #FFBB00; } .main-get-catalog .main-get-catalog-block .main-get-catalog-desc{ display: flex; gap: 15px; font-weight: 500; font-size: 14px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; align-items: center; } .main-get-catalog .main-get-catalog-block > div a.btn{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%; display: flex; align-items: center; text-align: center; text-transform: uppercase; color: #0C0C0B; border-radius: 4px; height: 80px; } .main-get-catalog .main-get-catalog-info{ display: flex; gap: 10px; } .main-get-catalog .main-get-catalog-info svg{ flex-shrink: 0; } .main-get-catalog .main-get-catalog-info .main-get-catalog-info-text{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; color: #FFFFFF; opacity: 0.6; } .main-get-catalog .main-get-catalog-block > div:nth-child(2){ position: relative; padding: 30px 0px; } .main-get-catalog .main-get-catalog-block > div:nth-child(2):before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #FFFFFF; opacity: 0.2; filter: blur(100px); } .main-get-catalog .main-get-catalog-block > div:nth-child(2) img{ position: relative; z-index: 1; } @media (max-width: 992px) { .main-get-catalog{ padding: 30px 0px; } .main-get-catalog .main-get-catalog-block{ grid-template-columns: repeat(2, 1fr); gap: 20px; } .main-get-catalog .main-get-catalog-block > div:nth-child(3){ grid-column: span 2/span 2; width: 100%; } .main-get-catalog .main-get-catalog-block .main-get-catalog-desc{ font-size: 13px } .main-get-catalog .main-get-catalog-block > div a.btn{ font-size: 15px; height: 70px; } .main-get-catalog .main-get-catalog-info .main-get-catalog-info-text{ font-size: 13px; } } @media (max-width: 479px) { .main-get-catalog .main-get-catalog-block > div a.btn{ height: 60px; } .main-get-catalog .main-get-catalog-block{ grid-template-columns: repeat(1, 1fr); } .main-get-catalog .main-get-catalog-block > div:nth-child(3){ grid-column: span 1/span 1; width: 100%; } } .main-video-catalog{ background: #fff; padding-bottom: 80px; } .main-video-catalog .main-video-block{ position: relative; margin-top: 30px; height: 600px; } .main-video-catalog .main-video-block .main-video-menu{ position: absolute; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: stretch; z-index: 10; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item{ display: flex; flex: 1; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.4); cursor: pointer; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item .main-video-menu-item-name{ align-items: center; font-style: normal; font-weight: 600; font-size: 16px; line-height: 120%; text-transform: uppercase; color: #FFFFFF; flex: 1; padding: 0px 30px; gap: 30px; padding-right: 45px; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item .main-video-menu-item-name > div{ width: 140px; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item .main-video-menu-item-name svg{ flex-shrink: 0; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item .main-video-menu-item-str svg{ transition: all 0.3s; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item.active .main-video-menu-item-str svg{ transform: rotate(90deg); } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item .main-video-menu-item-str{ width: 65px; height: 100%; display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(255, 255, 255, 0.4); } .main-video-catalog video{ width: 100%; height: 600px; object-fit: cover; display: none; } .main-video-catalog video.active{ display: block; } .main-video-catalog a.btn{ position: absolute; bottom: 15px; right: 15px; background: #FFFFFF; border-radius: 2px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%; display: flex; align-items: center; text-align: center; text-transform: uppercase; color: #0C0C0B; width: 260px; height: 80px; display: none; } @media (max-width: 992px) { .main-video-catalog .main-video-block{ height: 400px; } .main-video-catalog video{ height: 400px; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item .main-video-menu-item-name{ font-size: 14px; padding: 0 15px; gap: 0px; } .main-video-catalog .main-video-block .main-video-menu .main-video-menu-item .main-video-menu-item-name > div{ width: 130px; } .main-video-catalog a.btn{ font-size: 15px; height: 70px; } } @media (max-width: 479px) { .main-video-catalog a.btn{ font-size: 15px; height: 60px; display: none; } } .main-benefit{ padding: 80px 0px; } .main-benefit .main-benefit-items{ margin-top: 60px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; gap: 3px; } .main-benefit .main-benefit-items .main-benefit-item{ position: relative; background: #fff; height: 100%; padding: 30px; padding-bottom: 60px; } .main-benefit .main-benefit-items .main-benefit-item img{ position: absolute; bottom: -25px; } .main-benefit .main-benefit-items .main-benefit-item:after{ content: ''; display: block; position: absolute; top: 10px; right: 10px; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='2' transform='matrix(-1 0 0 1 30 0)' fill='%23F5F5F7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9818 16.5107L10.1461 13.7591L8.25 15.6028L10.0218 17.3491C10.9963 18.3096 12.0587 19.3552 12.3827 19.6727L12.9719 20.25L15.4387 17.8383C16.7954 16.5118 18.7705 14.577 19.8277 13.5388L21.75 11.6511L21.2054 11.1014C20.9059 10.7991 20.4805 10.3713 20.2599 10.1509L19.859 9.75L12.9818 16.5107Z' fill='%230C0C0B'/%3E%3C/svg%3E%0A"); width: 30px; height: 30px; } .main-benefit .main-benefit-items .main-benefit-item .main-benefit-item-title{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #0C0C0B; } .main-benefit .main-benefit-items .main-benefit-item .main-benefit-item-text{ font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; margin-top: 30px; } .main-benefit .main-benefit-bottom{ display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; background: #0C0C0B } .main-benefit .main-benefit-bottom .main-benefit-bottom-item{ padding: 45px 30px; display: flex; align-items: center; gap: 20px; font-weight: 500; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; } .main-benefit .main-benefit-bottom .main-benefit-bottom-item svg{ flex-shrink: 0; } @media (max-width: 992px) { .main-benefit{ padding: 45px 0px; } .main-benefit .main-benefit-items{ margin-top: 30px; } .main-benefit .main-benefit-items{ grid-template-columns: repeat(1, 1fr); } .main-benefit .main-benefit-items .main-benefit-item .main-benefit-item-title br{ display: none; } .main-benefit .main-benefit-items .main-benefit-item img{ right: 15px; bottom: initial; top: 50%; transform: translate(0%,-50%); } .main-benefit .main-benefit-items .main-benefit-item{ padding: 45px; padding-bottom: 45px; } .main-benefit .main-benefit-items .main-benefit-item:nth-child(1) .main-benefit-item-text{ max-width: 60%; } .main-benefit .main-benefit-items .main-benefit-item .main-benefit-item-text{ margin-top: 20px; } .main-benefit .main-benefit-bottom .main-benefit-bottom-item{ flex-direction: column; font-size: 14px; text-align: center; } } @media (max-width: 479px) { .main-benefit .main-benefit-items .main-benefit-item img{ position: initial; transform: none; margin-top: 10px; } .main-benefit .main-benefit-items .main-benefit-item:nth-child(1) .main-benefit-item-text{ max-width: initial; } .main-benefit .main-benefit-bottom{ grid-template-columns: repeat(1, 1fr); } .main-benefit .main-benefit-bottom .main-benefit-bottom-item{ flex-direction: row; padding-bottom: 30px; padding-top: 0px; text-align: left; } .main-benefit .main-benefit-bottom .main-benefit-bottom-item:first-child{ padding-top: 30px; } } .main-garanties{ padding: 80px 0px; background: #0C0C0B; } .main-garanties .main-garanties-block{ display: flex; align-items: stretch; justify-content: space-between; gap: 30px; } .main-garanties .main-garanties-title{ color: #fff; } .main-garanties .main-garanties-block .main-garanties-right{ width: 760px; flex-shrink: 0; } .main-garanties .main-garanties-block .main-garanties-right img{ width: 100%; } .main-garanties .main-garanties-block .main-garanties-slider{ margin-top: 30px; display: flex; align-items: stretch; gap: 45px; } .main-garanties .main-garanties-block .main-garanties-slider .slider-pagination{ display: flex; flex-direction: column; justify-content: center; gap: 10px; background: url("data:image/svg+xml,%3Csvg width='1' height='480' viewBox='0 0 1 480' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.4' x1='0.5' y1='2.18558e-08' x2='0.499979' y2='480' stroke='url(%23paint0_linear_1800_2844)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1800_2844' x1='-0.5' y1='-2.18558e-08' x2='-0.500021' y2='480' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='0.5' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") 50% 50% no-repeat; } .main-garanties .main-garanties-block .main-garanties-slider .slider-pagination .swiper-pagination-bullet{ width: 9px; height: 9px; background: #0C0C0B; border: 1px solid #525251; opacity: 1; } .main-garanties .main-garanties-block .main-garanties-slider .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #525251; } .main-garanties .main-garanties-block .main-garanties-slider-block{ display: flex; flex-direction: column; justify-content: space-between; } .main-garanties .main-garanties-block .main-garanties-slider-block .swiper-container{ height: 350px; } .main-garanties .main-garanties-block .main-garanties-slider-block .main-garanties-slider-item{ display: flex; flex-direction: column; gap: 15px; justify-content: center; } .main-garanties .main-garanties-block .main-garanties-slider-block .main-garanties-slider-item .slider-num{ font-weight: 500; font-size: 24px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; opacity: 0.4; } .main-garanties .main-garanties-block .main-garanties-slider-block .main-garanties-slider-item .slider-title{ font-style: normal; font-weight: 500; font-size: 24px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; } .main-garanties .main-garanties-block .main-garanties-slider-block .main-garanties-slider-item .slider-text{ font-weight: 400; font-size: 14px; line-height: 150%; color: #FFFFFF; } @media (max-width: 992px) { .main-garanties{ padding: 45px 0px; } } @media (max-width: 479px) { .main-garanties .main-garanties-block .main-garanties-right{ display: none; } } .main-about{ padding: 80px 0px; } .main-about .main-about-block{ display: flex; } .main-about .main-about-block .main-about-text{ flex: 1; background: #fff; padding: 40px; } .main-about .main-about-block .main-about-text .main-about-desc{ margin-top: 30px; gap: 15px; display: flex; flex-direction: column; font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; } .main-about .main-about-block .main-about-text-bottom{ margin-top: 30px; display: flex; justify-content: space-between; align-items: stretch; } .main-about .main-about-block .main-about-text-bottom .main-about-text-quote{ display: flex; flex-direction: column; gap: 15px; font-style: italic; font-weight: 400; font-size: 14px; line-height: 160%; color: #0C0C0B; max-width: 340px; } .main-about .main-about-block .main-about-text-bottom .main-about-text-dir{ display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } .main-about .main-about-block .main-about-text-bottom .main-about-text-dir .name{ font-size: 16px; line-height: 140%; text-align: right; text-transform: uppercase; color: #0C0C0B; } .main-about .main-about-block .main-about-text-bottom .main-about-text-dir .position{ font-size: 12px; line-height: 140%; text-align: right; color: #0C0C0B; opacity: 0.4; } .main-about .main-about-block .main-about-form{ flex: 1; padding: 40px; background: linear-gradient(0deg, #000000 0%, #312E2D 100%); max-width: 460px; } .main-about .main-about-block .main-about-form .main-about-form-title{ color: #fff; } .main-about .main-about-block .main-about-form .main-about-form-desc{ font-weight: 400; font-size: 14px; line-height: 150%; color: #FFFFFF; margin-top: 15px; } .main-about .main-about-block .main-about-form .form-body{ display: flex; flex-direction: column; gap: 20px; margin-top: 20px; } .main-about .main-about-block .main-about-form .form-body .form-inputs{ display: flex; flex-direction: column; gap: 5px; } .main-about .main-about-block .main-about-form .form-body .form-inputs input[type=text]{ background: rgba(255, 255, 255, 0.1); border-radius: 2px; border: 0; height: 80px; font-weight: 500; font-size: 16px; line-height: 150%; color: #FFFFFF; padding: 30px; } .main-about .main-about-block .main-about-form .form-body button.btn{ height: 80px; /*background: #FFFFFF;*/ border-radius: 2px; color: #0C0C0B; text-transform: uppercase; font-size: 16px; margin-top: 10px; } .main-about .main-about-block .main-about-form .form-body .agreement .radio{ width: fit-content; display: flex; justify-content: center; align-items: flex-start; gap: 10px; } .main-about .main-about-block .main-about-form .form-body .agreement .radio label{ font-weight: 400; font-size: 12px; line-height: 130%; color: #FFFFFF; opacity: 0.8; } .main-about .main-about-block .main-about-form .form-body .agreement .radio label a{ color: #FFFFFF; text-decoration: underline; } .main-about .main-about-block .main-about-form .form-body .agreement .radio input { appearance: none; position: relative; width: 17px; height: 17px; background: #fff; transition: 500ms; border: 1px solid #0C0C0B; margin: 0px; border-radius: 2px; flex-shrink: 0; } .main-about .main-about-block .main-about-form .form-body .agreement .radio input:after{ content: ""; position: absolute; width: 0px; height: 0px; background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.15451 4.50713L1.26409 2.6727L0 3.90185L1.18119 5.06607C1.83086 5.7064 2.53914 6.40348 2.75516 6.61515L3.14794 7L4.79246 5.39217C5.69694 4.50787 7.01365 3.21803 7.71848 2.52586L9 1.26738L8.63696 0.900931C8.43729 0.699388 8.15364 0.414221 8.00662 0.267241L7.7393 0L3.15451 4.50713Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; border-radius: 2px; } .main-about .main-about-block .main-about-form .form-body .agreement .radio input:checked{ background: rgba(255, 255, 255, 0.1); } .main-about .main-about-block .main-about-form .form-body .agreement .radio input:checked::after { width: 16px; height: 16px; } @media (max-width: 992px) { .main-about{ padding: 45px 0px; } .main-about .main-about-block{ flex-direction: column; } .main-about .main-about-block .main-about-text .main-about-desc{ font-size: 13px; } .main-about .main-about-block .main-about-text-bottom .main-about-text-quote{ font-size: 13px; } .main-about .main-about-block .main-about-text-bottom .main-about-text-dir .name{ font-size: 14px; } .main-about .main-about-block .main-about-form{ max-width: initial; } .main-about .main-about-block .main-about-form .form-body .form-inputs input[type="text"]{ height: 70px; } .main-about .main-about-block .main-about-form .form-body button.btn{ height: 70px; } } @media (max-width: 479px) { .main-about .main-about-block .main-about-form .form-body .form-inputs input[type="text"]{ height: 60px; } .main-about .main-about-block .main-about-form .form-body button.btn{ height: 60px; } } .main-clients{ padding: 80px 0px; background: #fff; } .main-clients .main-clients-items{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 45px; } .main-clients .main-clients-items .main-clients-item{ display: flex; flex-direction: column; gap: 20px; } .main-clients .main-clients-items .main-clients-item .main-clients-item-top{ display: flex; align-items: center; gap: 10px; } .main-clients .main-clients-items .main-clients-item .main-clients-item-top .main-clients-item-num{ width: 40px; height: 40px; background: #0C0C0B; font-weight: 700; font-size: 14px; line-height: 150%; color: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .main-clients .main-clients-items .main-clients-item .main-clients-item-top:after{ content: ''; display: block; width: 100%; height: 1px; background: #D2D2D7; } .main-clients .main-clients-items .main-clients-item .main-clients-item-top:last-child:after{ display: none; } .main-clients .main-clients-items .main-clients-item .main-clients-item-title{ font-weight: 400; font-size: 18px; line-height: 150%; text-transform: uppercase; color: #0C0C0B; } .main-clients .main-clients-items .main-clients-item img{ width: 100%; } .main-clients .main-clients-items .main-clients-item .main-clients-item-desc{ font-weight: 400; font-size: 14px; line-height: 150%; color: #0C0C0B; } .main-clients .main-clients-quiz{ position: relative; margin-top: 80px; } .main-clients .main-clients-quiz img{ width: 100%; } .main-clients .main-clients-quiz .main-clients-quiz-block{ position: absolute; top: 0; right: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 30px 50px; border-left: 1px solid rgba(255,255,255,0.4); max-width: 430px; height: 100%; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-top{ display: flex; align-items: center; gap: 20px; font-weight: 600; font-size: 13px; line-height: 140%; color: #FFFFFF; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-top svg{ flex-shrink: 0; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-middle .main-clients-quiz-title{ font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-middle .main-clients-quiz-desc{ font-weight: 500; font-size: 14px; line-height: 150%; color: #FFFFFF; margin-top: 15px; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-middle a.btn{ background: #FFFFFF; border-radius: 2px; font-weight: 600; font-size: 14px; line-height: 150%; display: flex; align-items: center; text-align: center; text-transform: uppercase; color: #0C0C0B; width: 140px; height: 60px; margin-top: 30px; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-bottom{ display: flex; align-items: center; justify-content: space-between; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-bottom a{ font-family: 'Oswald'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: #FFFFFF; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-bottom .name{ font-weight: 400; font-size: 11px; line-height: 140%; display: flex; align-items: center; color: #FFFFFF; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-bottom .make{ font-weight: 400; font-size: 13px; line-height: 140%; text-align: right; color: #FFFFFF; opacity: 0.5; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-bottom .make strong{ font-weight: 700; } @media (max-width: 992px) { .main-clients{ padding: 45px 0px; } .main-clients .main-clients-items .main-clients-item{ width: 220px; } .main-clients .main-clients-items{ overflow-x: scroll; scrollbar-width: none; } .main-clients .main-clients-items .main-clients-item .main-clients-item-title{ font-size: 16px; } .main-clients .main-clients-quiz{ margin-top: 45px; } .main-clients .main-clients-quiz .main-clients-quiz-block{ max-width: initial; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-middle .main-clients-quiz-title{ font-size: 22px; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-middle a.btn{ height: 50px; margin-top: 15px; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-bottom > div{ display: flex; align-items: center; gap: 10px; } } @media (max-width: 479px) { .main-clients .main-clients-quiz .main-clients-quiz-block{ padding: 15px; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-top{ display: none; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-middle .main-clients-quiz-title{ font-size: 18px; } .main-clients .main-clients-quiz img{ height: 300px; object-fit: cover; } .main-clients .main-clients-quiz .main-clients-quiz-block .main-clients-quiz-bottom > div{ display: block; } } .main-cooperate{ padding: 80px 0px; } .main-cooperate .main-cooperate-items{ display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 45px; } .main-cooperate .main-cooperate-item{ background: #fff; display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 12px; line-height: 130%; text-align: center; color: #000000; } .main-cooperate .main-cooperate-item img{ max-height: 116px; } @media (max-width: 992px) { .main-cooperate{ padding: 45px 0px; } .main-cooperate .main-cooperate-items{ margin-top: 30px; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 479px){ .main-cooperate .main-cooperate-items{ grid-template-columns: repeat(2, 1fr); } .main-cooperate .main-cooperate-item:nth-child(1){ order: 1; } .main-cooperate .main-cooperate-item:nth-child(2){ order: 2; } .main-cooperate .main-cooperate-item:nth-child(3){ order: 4; } .main-cooperate .main-cooperate-item:nth-child(4){ order: 3; } .main-cooperate .main-cooperate-item:nth-child(5){ order: 5; } .main-cooperate .main-cooperate-item:nth-child(6){ order: 6; } .main-cooperate .main-cooperate-item:nth-child(7){ order: 8; } .main-cooperate .main-cooperate-item:nth-child(8){ order: 7; } .main-cooperate .main-cooperate-item:nth-child(9){ order: 9; } .main-cooperate .main-cooperate-item:nth-child(10){ order: 10; } .main-cooperate .main-cooperate-item:nth-child(11){ order: 12; } .main-cooperate .main-cooperate-item:nth-child(12){ order: 11; } .main-cooperate .main-cooperate-item:nth-child(13){ order: 13; } .main-cooperate .main-cooperate-item:nth-child(14){ order: 14; } .main-cooperate .main-cooperate-item:nth-child(15){ order: 15; } .main-cooperate .main-cooperate-item{ order: 16; } .main-cooperate .main-cooperate-item:last-child{ display: none; } } .main-offer{ padding: 80px 0px; height: 680px; background: url(/bitrix/templates/ttcauto/images/main_offer.webp) 50% 50% no-repeat; background-size: cover; } .main-offer .wrapper{ height: 100%; } .main-offer .main-offer-block{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; max-width: 440px; } .main-offer .main-offer-block .main-offer-title{ color: #fff; } .main-offer .main-offer-block .main-offer-desc{ font-weight: 400; font-size: 14px; line-height: 150%; color: #FFFFFF; margin-top: 45px; } .main-offer .main-offer-block .main-offer-block-bottom{ display: flex; align-items: center; gap: 20px; } .main-offer .main-offer-block .main-offer-block-bottom .desc{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; color: #FFFFFF; } @media (max-width: 992px) { .main-offer{ padding: 45px 0px; height: 480px; } .main-offer .main-offer-block .main-offer-desc{ margin-top: 30px; } } @media (max-width: 479px) { } .page-404{ padding: 80px 0px; } .page-404 .page-404-center{ margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; } .page-404 .page-404-center .page-404-img{ position: relative; } .page-404 .page-404-center .page-404-img .error{ position: absolute; font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 120%; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #0C0C0B; transform: rotate(-66.91deg); top: 38px; left: -65px; } .page-404 .page-404-center .page-404-title{ font-family: 'Oswald'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 120%; text-align: center; text-transform: uppercase; color: #0C0C0B; } .page-404 .page-404-center .page-404-desc{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; text-align: center; color: #0C0C0B; margin-top: 30px; } .page-404 .page-404-center a.btn{ margin-top: 30px; height: 80px; width: 360px; text-transform: uppercase; font-size: 18px; } .page-404 .page-404-bottom{ margin-top: 80px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .page-404 .page-404-bottom > div{ display: flex; position: relative; border: 1px solid #373531; padding: 30px 20px; font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 120%; text-transform: uppercase; color: #0C0C0B; justify-content: space-between; align-items: center; } .page-404 .page-404-bottom div a{ font-family: 'Oswald'; font-style: normal; font-weight: 700; font-size: 24px; text-transform: uppercase; color: #0C0C0B; } .page-404 .page-404-bottom > div .top-social { display: flex; gap: 5px; align-items: center; } .page-404 .page-404-bottom > div .name { position: absolute; top: -13px; left: 10px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 165%; color: #0C0C0B; font-family: 'Montserrat'; text-transform: initial; background: #F5F5F7; padding: 0px 10px; } @media (max-width: 992px) { .page-404 .page-404-bottom{ margin-top: 80px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } } @media (max-width: 479px) { .page-404 .page-404-bottom{ margin-top: 40px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } .page-404 .page-404-center a.btn{ width: 260px; height: 70px; font-size: 16px; } .page-404 .page-404-center .page-404-desc{ font-size: 13px; } .page-404 .page-404-center .page-404-title{ font-size: 28px; line-height: 34px; } .page-404 .page-404-center .page-404-img{ width: 275px; } .page-404 .page-404-center .page-404-img .error{ font-size: 24px; top: 26px; left: -45px; } } .smart-captcha{ height: 105px !important; } .main-partners-new{ overflow: hidden; background: #0C0C0B; padding-bottom: 15px; width: 100vw; max-width: 100%; display: flex; } .main-partners-new .main-partners-new-group { display: flex; will-change: transform; /* We should be nice to the browser - let it know what we're going to animate. */ animation: scrolling 50s linear infinite; align-items: center; justify-content: space-between; flex-shrink: 0; } .main-partners-new .main-partners-new-group img{ opacity: 0.4; } .main-partners-new .main-partners-new-group .main-partner{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding-right: 45px; } .main-partners-new .main-partners-new-group .main-partner:last-child{ } @keyframes scrolling { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @media (max-width: 1920px) { .main-partners-new .main-partners-new-group { width: 1903px; } } #order-modal form{ flex-direction: column; } #order-modal form .form__body .form__wrap{ flex-direction: column; gap: 15px; } #order-modal form .form__body .form__wrap .form__left{ width: 100%; margin: 0px; display: flex; flex-direction: column; gap: 15px; } #order-modal form .form__body .form__wrap .form__right{ width: 100%; margin: 0px; } .interesting-models__caption a {color:#b78804} .interesting-models__caption a:hover {color:#000000} .promo-banner-title h1 {font-size:inherit; font-weight: inherit; font-family: inherit; line-height: inherit; margin: 0;} .promo-banner-title p {font-size:24px; font-weight: 500; font-family: 'Montserrat'; line-height: 80%; color:#FFBB00;} .promo .arrow {display:none;} .header__bottom-wrap .header__bottom-box .header__bottom-phone a {font-size: 22px;font-weight: 700;} .header__bottom-wrap .header__bottom-box .header__bottom-phone .shedule {font-size: 13px;text-align: center;} .header__first_description p {font-size: 13px;} .header__menu > ul > li > a {font-size: 14px;} .footer__top .phone .footer__contacts-desc {font-size: 14px;} h2.main {text-align: center; margin-top: 20px;} .main-product__wrap {padding-top: 40px;} .main-product-menu .main-product-menu-item {font-size: 32px;} .product-leasing-category .interesting-models__img {z-index: -1;} .main-video-catalog .wrapper {max-width:1160px} .main-video-catalog {padding-bottom: 0px;} .main-video-catalog .main-video-block {margin-top: 0px;} .main-benefit {padding-top: 50px;} .categories-catalog {padding-bottom: 40px;} .product-leasing-category {padding-bottom: 20px;} .product-leasing-category .categories-catalog .wrapper .title h2 {font-size: 36px;} @media (min-width: 993px) { .product-title h2 {font-size: 48px;} } @media (max-width: 992px) { .product-title { top: 0; z-index: 3; max-width: calc(100% - 40px); padding: 10px 12px 12px; background: rgba(12, 12, 11, 0.78); box-sizing: border-box; } .product-title h2 { font-size: clamp(20px, 5.8vw, 24px); line-height: 1.08; } } @media (max-width: 479px) { .product-title { max-width: calc(100% - 30px); padding: 8px 10px 10px; } .product-title h2 { font-size: 22px; line-height: 1.05; } } .main-video-catalog video, .main-video-catalog .main-video-block {height: 550px;} .slider-up, .slider-down {cursor:pointer;} #faq-polupricepy.product-accordion.faq-accordion { margin: 40px auto 60px; max-width: 1140px; border-radius: 7px; background: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); padding: 24px 24px 8px; box-sizing: border-box; } #faq-polupricepy .product-accordion__item { border-bottom: 1px solid #e3e5ea; } #faq-polupricepy .product-accordion__item:last-child { border-bottom: none; } #faq-polupricepy .product-accordion__title { width: 100%; border: none; background: transparent; padding: 16px 0; margin: 0; display: flex; align-items: flex-start; justify-content: space-between; text-align: left; cursor: pointer; font-size: 16px; line-height: 1.4; font-weight: 600; color: #22252e; font-family: inherit; position: relative; } #faq-polupricepy .product-accordion__title span[itemprop="name"] { flex: 1 1 auto; padding-right: 32px; } #faq-polupricepy .product-accordion__title::after { content: ""; flex: 0 0 auto; width: 10px; height: 10px; border-right: 2px solid #c1c4ce; border-bottom: 2px solid #c1c4ce; transform: rotate(45deg); transition: transform 0.2s ease, border-color 0.2s ease; margin-left: 8px; margin-top: 4px; } #faq-polupricepy .product-accordion__title:hover { color: #b78804; } #faq-polupricepy .product-accordion__title:hover::after { border-color: #b78804; } #faq-polupricepy .product-accordion__title:focus { outline: none; } #faq-polupricepy .product-accordion__item.is-open > .product-accordion__title::after, #faq-polupricepy .product-accordion__title[aria-expanded="true"]::after { transform: rotate(225deg); } #faq-polupricepy .product-accordion__content { display: none; padding: 0 0 16px; font-size: 14px; line-height: 1.6; color: #404450; } #faq-polupricepy .product-accordion__content [itemprop="text"] { margin: 0; } #faq-polupricepy .product-accordion__content p { margin: 0 0 8px; } @media (max-width: 767px) { #faq-polupricepy.product-accordion.faq-accordion { margin: 24px 0 40px; max-width: 100%; border-radius: 12px; padding: 16px 14px 6px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } #faq-polupricepy .product-accordion__title { font-size: 15px; padding: 14px 0; } #faq-polupricepy .product-accordion__title span[itemprop="name"] { padding-right: 28px; } #faq-polupricepy .product-accordion__content { font-size: 14px; } } #faq-polupricepy h2 {text-align:center; margin-bottom:20px;} .video-reviews, .main-clients {padding-bottom:50px;} .categories-seo-info-article h2 {font-size: 22px!important; font-weight: bolder!important;} .categories-seo-info-title h2 {font-size: 28px!important; line-height: 170%;} .promo-head .categories-promo-title {font-size:45px;} .page-top__title h1 {font-size: 36px!important;} .leasing h1.title {font-size: 36px!important;; max-width:100%!important;} .hide-pc{display: none !important;} @media (max-width: 767px) { .promo-banner-title h1 {font-size:inherit; font-weight: inherit; font-family: inherit; line-height: inherit; margin: 0;} .promo-banner-title p {font-size:20px; font-weight: 500; font-family: 'Montserrat'; line-height: 100%; color:#FFBB00;margin-top:15px;} .promo-head .categories-promo-title { font-size: 28px; line-height: 1.06; margin-top: 8px; } .promo-head .categories-promo-row { margin-top: 16px; gap: 8px; } .main-product__wrap {padding-top: 20px;} .main-product-menu .main-product-menu-item {font-size: 23px;} .main-video-catalog, .main-garanties {display:none;} .main-about-text h2 {font-size: 20px!important;} .hide-mobile{display: none !important;} .hide-pc{display: block !important;} } @media (max-width: 480px) { .promo-head .categories-promo-title { font-size: 26px; line-height: 1.05; } } /* End */ /* Start:/bitrix/templates/ttcauto/template_styles.css?178058144811127*/ .header__city-caption a, .header__tel a, .header__email a{ color: #181c23 !important; } .header-select__options__value { display: block; } h2 { font-weight: normal; } .footer__desctop { width: 100%; } .form__btn.btn.btn--loader { background: url(/bitrix/templates/ttcauto/img/icons/loader.svg) #fbbe41 center center; font-size: 0; background-size: 70px; background-repeat: no-repeat; transition: none; } .categories-promo__title { /*text-transform: lowercase;*/ font-weight: normal; } .categories-promo__title:first-letter { text-transform: uppercase; } /************ card-peculiarities__caption *************/ .card-peculiarities__caption { text-transform: lowercase; } .card-peculiarities__caption:first-letter { text-transform: uppercase; } /************ interesting-models *************/ .interesting-models__bottom { } .interesting-models__bottom-block { } @media (max-width: 479px) { .interesting-models__bottom-block { } } /************ notice *************/ .notice { position: fixed; right: 0; left: 0; bottom: 0; text-align: center; z-index: 9999999; padding: 27px 0; font-size: 22px; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; opacity: 0; margin-top: -60px; } .notice.active { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: -webkit-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; opacity: 1; } .notice a { color: white; } .notice_warning { background: rgb(179 18 18); color: white; } .notice_success { background-color: #28a745; color: white; } .notice_top { top: 0; bottom: auto; } @media (max-width: 760px) { .notice { padding: 20px 0; font-size: 18px; } } .location { } .location .contacts { display: flex; } .location .contacts .contacts__map { width: 60%; } .location .contacts .contacts__block { background: #181c23; width: 40%; height: 760px; overflow: auto; } .location .contacts .contacts__block::-webkit-scrollbar { width: 0; } .location .contacts .contacts__block .region-block, .location .contacts .contacts__block .diler-block { display: none; } .location .contacts .contacts__block .region-block.active, .location .contacts .contacts__block .diler-block.active { display: block; } .location .contacts .contacts__block .contact-block-tabs { max-width: 440px; margin-left: auto; display: flex; margin-bottom: 70px; } .location .contacts .contacts__block .contact-block-tabs a { font-weight: bold; font-size: 20px; line-height: 27px; padding: 20px 15px; color: #ffffff; text-decoration: none; border: 3px solid #fbbe41; } @media (max-width: 480px) { .location .contacts .contacts__block .contact-block-tabs a { font-size: 16px; width: 50%; text-align: center; } } .location .contacts .contacts__block .contact-block-tabs a.active-location-tabs { background: #fbbe41; color: #181c23; } .location .contacts .contacts__block .contacts__item { max-width: 380px; margin-left: auto; padding-right: 35px; margin-right: 25px; border-right: 3px solid #3c3c3b; padding-bottom: 40px; color: #fff; } .location .contacts .contacts__block .contacts__item:hover { border-right: 3px solid #fbbe41; color: #fbbe41; cursor: pointer; } .location .contacts .contacts__block .contacts__item p { margin: 0; line-height: 27px; } .location .contacts .contacts__block .contacts__item p b { font-size: 18px; line-height: 25px; text-transform: uppercase; } .location .contacts .contacts__block .contacts__item:hover p { color: #fbbe41; } ymaps.ymaps-image-with-content { background-image: url("/images/marker_yandex.png") !important; background-size: 77px 77px !important; width: 77px !important; height: 77px !important; } @media (max-width: 600px) { .main-product__coll .main-product__caption { font-size: 15px; line-height: 18px; padding: 10px 10px 5px 10px; } } /************ categories-promo *************/ @media (min-width: 760px) { .categories-promo { padding-top: 37px !important; } } @media (max-width: 479px) { .categories-promo__bg img { min-height: 149px !important; } } /************ categories-promo *************/ @media (min-width: 760px) { .categories-info { min-height: 590px; } } /************ reviews__videos *************/ .reviews__videos { display: none; } .reviews__videos.active { display: block; } .reviews__menu ul li a.active { color: #fbbe41; transition: all 0.3s; } /************ article *************/ .article { padding-bottom: 50px; } .article p + p { margin-top: 20px; } /************ card-reviews + card-benefit *************/ .card-reviews + .card-benefit { margin-top: -80px; } @media (max-width: 760px) { .card-reviews + .card-benefit { margin-top: -40px; } } /************ order-item + product-category *************/ .order-item + .product-category { margin-top: -80px; } @media (max-width: 760px) { .order-item + .product-category { margin-top: -40px; } } /************ not-found *************/ @media (max-width: 760px) { .not-found { margin-left: 21px; } } .leasing-director { margin-bottom: 60px; } .leasing-director__body { display: flex; justify-content: space-between; padding: 40px; max-width: 1010px; margin: 0px auto; background-color: #ffffff; } .leasing-director__container .leasing-director__img { display: none; } .leasing-director__img { width: 289px; height: 380px; } .leasing-director__img img { width: 100%; height: 100%; object-fit: cover; } .leasing-director__top { margin-bottom: 45px; } .leasing-director__container { position: relative; width: calc(100% - 323px); } .leasing-director__title { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #000000; margin-bottom: 20px; } .leasing-director__company-caption { font-weight: 400; font-size: 16px; line-height: 150%; color: #000000; } .leasing-director__company-link { display: block; font-weight: 600; font-size: 18px; line-height: 26px; color: #000000; transition: all 0.3s; } .leasing-director__logo { position: absolute; top: 35px; right: 0px; } .leasing-director__bottom { max-width: 435px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; } .leasing-director__bottom a { color: #000000; transition: all 0.3s; } .leasing-director__bottom .leasing-director__item a:hover, .leasing-director__company-link:hover { color: #fbbe41; transition: all 0.3s; } .leasing-director__name { font-weight: 700; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #000000; } .leasing-director__desc, .leasing-director__items { margin-top: 30px; } .leasing-director__btn { position: absolute; right: 0px; bottom: 0px; } @media (max-width: 1100px) { .leasing-director__body { padding: 20px; max-width: 920px; } .leasing-director__img { height: 387px; } } @media (max-width: 992px) { .leasing-director__logo { position: relative; top: 0; right: 0px; margin-top: 20px; } .leasing-director__top { margin-bottom: 20px; } .leasing-director__desc, .leasing-director__items { margin-top: 20px; } .leasing-director__btn { position: relative; margin-top: 20px; } } @media (max-width: 760px) { .leasing-director { margin-bottom: 40px; overflov: hidden; } .leasing-director__body { padding: 0px; background-color: transparent; } .leasing-director__img { display: none; } .leasing-director__container { width: 100%; } .leasing-director__container .leasing-director__img { display: block; height: 300px; width: 300px; margin-top: 14px; } .leasing-director__top { margin-bottom: 0px; } .leasing-director__title { font-family: "Russo One", sans-serif; font-weight: 400; font-size: 31px; line-height: 37px; text-transform: none; } .leasing-director__logo { margin-top: 0px; } .leasing-director__bottom { max-width: 100%; width: 100%; padding: 30px 0px; background-color: #fff; position: relative; z-index: 10; } .leasing-director__bottom::before { content: ""; position: absolute; width: 100vw; height: 100%; top: 0px; left: calc(50% - 50vw); background-color: #fff; z-index: -1; } .leasing-director__desc, .leasing-director__items { margin-top: 20px; } .leasing-director__desc { max-width: 400px; } } .card-promo__wrap h1 {font-size: 20px; text-align: center; color: #d3d3d3;} .dealer-certificates { padding: 72px 0; background: #f5f5f7; } .dealer-certificates__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 460px); gap: 32px; align-items: end; margin-bottom: 34px; } .dealer-certificates__eyebrow { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 13px; line-height: 130%; letter-spacing: 0; text-transform: uppercase; color: #c8102e; margin-bottom: 10px; } .dealer-certificates__title { margin: 0; } .dealer-certificates__text { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 155%; color: #3a3a3c; } .dealer-certificates__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .dealer-certificates__card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3e5e8; border-radius: 8px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 12px 34px rgba(17, 24, 39, .08); transition: transform .2s ease, box-shadow .2s ease; } .dealer-certificates__card:hover { transform: translateY(-4px); box-shadow: 0 18px 42px rgba(17, 24, 39, .12); } .dealer-certificates__image { display: block; background: #eef0f3; aspect-ratio: 1.414 / 1; overflow: hidden; } .dealer-certificates__image img { display: block; width: 100%; height: 100%; object-fit: cover; } .dealer-certificates__image--portrait { background: #f7f7f8; } .dealer-certificates__image--portrait img { object-fit: contain; padding: 14px; } .dealer-certificates__content { display: flex; flex-direction: column; gap: 10px; padding: 22px; } .dealer-certificates__name { font-family: "Montserrat", sans-serif; font-weight: 800; font-size: 20px; line-height: 125%; color: #151516; } .dealer-certificates__desc { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 150%; color: #55565a; } .dealer-certificates__link { margin-top: 4px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; line-height: 120%; color: #c8102e; } @media (max-width: 767px) { .dealer-certificates { padding: 46px 0; } .dealer-certificates__head { display: block; margin-bottom: 22px; } .dealer-certificates__text { margin-top: 14px; font-size: 14px; } .dealer-certificates__grid { grid-template-columns: 1fr; } .dealer-certificates__content { padding: 18px; } } /* End */ /* /bitrix/templates/ttcauto/css/libs.min.css?170206200027433 */ /* /bitrix/templates/ttcauto/css/swipebox/swipebox.css?16708716006016 */ /* /bitrix/templates/ttcauto/components/bitrix/menu/top-menu/style.css?17636204617778 */ /* /bitrix/templates/ttcauto/styles.css?1780081262311029 */ /* /bitrix/templates/ttcauto/template_styles.css?178058144811127 */