/* Start:/npm/@fancyapps/fancybox/dist/jquery.fancybox.min.css?161588151312795*/ 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 0s 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 0s ease 0s;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:44px;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}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.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}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.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:/npm/swiper/swiper-bundle.min.css?161633318913916*/ /** * Swiper 6.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 5, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') 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(-1 * 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:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.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:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.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:0px;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;-webkit-filter:blur(50px);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} /* End */ /* Start:/npm/bootstrap-select/dist/css/bootstrap-select.min.css?161893055311184*/ /*! * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2020 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} /* End */ /* Start:/bitrix/templates/new/styles.css?1740819265497*/ .tags_conteiner { display: flex; flex-wrap: wrap; margin: 30px 0; } a.tag_link { display: inline-flex; justify-content: center; align-items: center; height: 40px; padding: 0 20px; background-color: var(--color-yellow); font-size: 16px; line-height: 20px; font-family: var(--font-title); text-transform: uppercase; color: var(--color-text); border: none; text-decoration: none; cursor: pointer; white-space: nowrap; transition: 0.2s; margin-right: 10px; margin-bottom: 10px; } /* End */ /* Start:/bitrix/templates/new/template_styles.css?1753371011181426*/ .b-container, .b-container-fluid, .b-container-sm, .b-container-md, .b-container-lg, .b-container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .b-container, .b-container-sm { max-width: 540px; } } @media (min-width: 768px) { .b-container, .b-container-sm, .b-container-md { max-width: 720px; } } @media (min-width: 1024px) { .b-container, .b-container-sm, .b-container-md, .b-container-lg { max-width: 960px; } } @media (min-width: 1200px) { .b-container, .b-container-sm, .b-container-md, .b-container-lg, .b-container-xl { max-width: 1170px; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 1024px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1024px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } * { outline: none; margin: 0; padding: 0; } html { font-family: sans-serif; touch-action: manipulation; box-sizing: border-box; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } [data-src]:not(.swiper-lazy), [data-srcset]:not(.swiper-lazy) { min-width: 1px; min-height: 1px; opacity: 0; transition: opacity 1s; } .swiper-lazy { opacity: 0; transition: opacity 1s; } .swiper-lazy.swiper-lazy-loaded { opacity: 1; } [data-background-image] { opacity: 0; transition: opacity 1s; } [data-loaded="true"] { opacity: 1 !important; } img { border: 0; max-width: 100%; vertical-align: bottom; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input, button, textarea, select { font-family: var(--font-noto); resize: none; font-size: var(--font-size); font-weight: 400; } *, *::before, *::after { box-sizing: inherit; } @font-face { font-family: "Oswald"; font-style: normal; font-weight: 500; src: local(""), url("/local/fonts/oswald/oswald-500.woff2") format("woff2"), url("/local/fonts/oswald/oswald-500.woff") format("woff"); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; src: local(""), url("/local/fonts/noto-sans/noto-sans-regular.woff2") format("woff2"), url("/local/fonts/noto-sans/noto-sans-regular.woff") format("woff"); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 700; src: local(""), url("/local/fonts/noto-sans/noto-sans-700.woff2") format("woff2"), url("/local/fonts/noto-sans/noto-sans-700.woff") format("woff"); } .container { max-width: 1430px; width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--gutter-site); padding-right: var(--gutter-site); } .container-min { max-width: 1140px; width: 100%; margin-left: auto; margin-right: auto; } .column { padding-left: var(--gutter); padding-right: var(--gutter); } .columns { margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); display: flex; flex-wrap: wrap; } .col-1 { width: 8.33333%; } .col-2 { width: 16.66667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333%; } .col-5 { width: 41.66667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333%; } .col-8 { width: 66.66667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333%; } .col-11 { width: 91.66667%; } .col-12 { width: 100%; } .col-2-5 { width: 20%; } svg:not(:root) { overflow: hidden; } .flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .flex-column { flex-direction: column; } .flex-between { justify-content: space-between; } .flex-end { align-items: flex-end; } .flex-align-center { align-items: center; } .flex-right { justify-content: flex-end; } .flex-center { justify-content: center; } .flex-bottom { align-items: flex-end; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .nowrap { white-space: nowrap; } .center { text-align: center; } .absolute-block { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .tab-pane:not(.active) { display: none; } .modal { width: 100%; max-width: 1042px; padding: 80px 100px; position: relative; margin: auto; background: #e7e7e7 url(/local/img/modal-logotype.svg) -235px -60px no-repeat; display: none; overflow: visible; } @media (max-width: 767px) { .modal { padding: 30px 0; } } .modal-main-columns { display: flex; margin: 0 -60px; flex-wrap: wrap; } @media (max-width: 1023px) { .modal-main-columns { flex-direction: column; margin: 0; } } .modal-main-column { width: 50%; padding: 0 60px; display: flex; flex-direction: column; } @media (max-width: 1023px) { .modal-main-column { width: 100%; } } @media (max-width: 767px) { .modal-main-column { padding: 0 30px; } } .modal-main-info { margin-top: auto; font-size: 14px; line-height: 25px; color: rgba(28, 28, 28, 0.5); } .modal-main-info a { color: rgba(28, 28, 28, 0.5); text-decoration: underline; } .modal-close { position: absolute; width: 60px; height: 60px; right: -30px; top: -30px; cursor: pointer; background-color: #e7e7e7; display: flex; transition: 0.2s; } @media (max-width: 1023px) { .modal-close { right: 0; top: 0; } } .modal-close svg { stroke: var(--color-text); margin: auto; } .modal-close:hover { background-color: #fed249; box-shadow: 0 5px 15px rgba(253, 189, 64, 0.35); } .modal-title { font-size: 20px; font-weight: bold; margin-bottom: 20px; } .notify { display: none; right: 0; position: relative; padding: 10px 20px; border-radius: 5px; background-color: #ccc; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); color: var(--color-text); transition: right 0.3s; margin-bottom: 10px; } .notify.default { background-color: #1fca23; } .notify.error { background-color: red; color: #fff; } .notify.is-show { right: 20px; } .notify-wrap { position: fixed; right: 0; top: 20px; z-index: 1000; display: flex; flex-direction: column; justify-content: flex-end; } .slider { display: flex; position: relative; opacity: 0; transition: opacity 1s ease; } .slider--nav-top .owl-nav { position: absolute; right: 0; top: -95px; display: flex; } @media (max-width: 1023px) { .slider--nav-top .owl-nav { top: -75px; } } .slider--nav-top .owl-nav-item { position: relative; margin-left: 20px; } .bordered { border-bottom: 1px solid rgba(253, 189, 64, 0.5); transition: border-color 0.2s; } .bordered:hover { border-color: var(--color-yellow); } .owl-loaded { opacity: 1; display: block; } .owl-stage-outer { position: relative; overflow: hidden; } .owl-stage { display: flex; } .owl-nav.disabled, .owl-dots.disabled { display: none; } .owl-nav-item { width: 50px; height: 50px; border: none; cursor: pointer; position: absolute; background-color: var(--color-yellow); display: flex; z-index: 5; transition: 0.2s; } .owl-nav-item svg { margin: auto; display: block; stroke: var(--color-text); } .owl-nav-item:hover { background-color: #fed249; box-shadow: 0 5px 15px 0px rgba(253, 189, 64, 0.35); } .owl-prev { /**/ } .owl-next { /**/ } .owl-dots { width: 100%; display: flex; justify-content: center; } .owl-dot { width: 6px; height: 6px; border-radius: 50%; margin: 0 5px; border: none; cursor: pointer; background-color: #ccc; } .owl-dot.active { background-color: #ff0000; } .button { display: inline-flex; justify-content: center; align-items: center; min-width: 195px; height: 60px; padding: 0 20px; background-color: var(--color-yellow); font-size: 16px; line-height: 20px; font-family: var(--font-title); text-transform: uppercase; color: var(--color-text); border: none; text-decoration: none; cursor: pointer; white-space: nowrap; transition: 0.2s; } .button svg { stroke: var(--color-text); margin-right: 17px; } .button:hover { background-color: #fed249; box-shadow: 0 5px 15px 0px rgba(253, 189, 64, 0.35); } .button--light { background: #e7e7e7; } .button--full { width: 100%; box-sizing: border-box; } .button--bordered { background: #fff; box-shadow: inset 0 0 0 2px #e7e7e7; } @media (min-width: 460px) { .button--extended { min-width: 265px; } .button--medium { min-width: 165px; } } .button--square { min-width: 60px; padding-left: 5px; padding-right: 5px; } .button--square svg { margin-right: 0; } .input { width: 100%; height: 60px; display: block; border-radius: 2px; background: #ffffff; border: none; border-bottom: 2px solid #fff; padding: 0 20px; font-size: 16px; transition: border-bottom-color 0.2s; } @media (min-width: 768px) { .button--extended-xl { min-width: 360px; } } .input:focus { border-bottom-color: var(--color-yellow); } .input-text { font-size: 14px; line-height: 18px; color: #6d6d6d; display: block; margin-bottom: 5px; } .input-group { margin-bottom: 20px; } .input-footer { margin-top: 40px; } .input.textarea { height: 180px; padding-top: 10px; } .checkbox, .radio { margin-bottom: 5px; } .checkbox input, .radio input { position: absolute; opacity: 0; } .checkbox label:hover:before, .radio label:hover:before { background: #fdbd40; border-color: #fdbd40; } .checkbox input:checked + label:before, .radio input:checked + label:before { background-color: #fdbd40; border-color: #fdbd40; background-repeat: no-repeat; } .checkbox input:checked + label:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='11px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(28, 28, 28)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='round' fill='none' d='M1.682,4.764 L5.481,7.953 L10.228,1.622 '/%3E%3C/svg%3E"); background-position: 2px 3px; } .radio input:checked + label:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='rgb(28, 28, 28)' d='M3.000,0.000 C4.657,0.000 6.000,1.343 6.000,3.000 C6.000,4.657 4.657,6.000 3.000,6.000 C1.343,6.000 0.000,4.657 0.000,3.000 C0.000,1.343 1.343,0.000 3.000,0.000 Z'/%3E%3C/svg%3E"); background-position: center; } .checkbox label, .radio label { display: block; position: relative; padding-left: 35px; cursor: pointer; } .checkbox label:before, .radio label:before { content: ""; position: absolute; width: 20px; height: 20px; border: 2px solid #e7e7e7; left: 0; top: 6px; } .radio label:before { border-radius: 50%; } .select { appearance: none; -webkit-appearance: none; } :root { --gutter-site: 15px; --gutter: 15px; --color-text: #1c1c1c; --color-link: #1c1c1c; --color-yellow: #fdbd40; --color-grey: #e7e7e7; --font-size: 16px; --line-height: 30px; --font-noto: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-title: "Oswald", sans-serif; --swiper-navigation-size: 20px; } body { height: 100vh; font-size: var(--font-size); line-height: var(--line-height); font-family: var(--font-noto); color: var(--color-text); font-weight: 400; cursor: default; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } a { color: var(--color-link); text-decoration: none; outline: none; } a:hover { text-decoration: none; color: var(--color-link); } .pt { padding-top: 80px; } @media (min-width: 1024px) { .pt { padding-top: 120px; } } .top-bordered { border-top: 2px solid var(--color-grey); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; cursor: pointer; } .dropdown-toggle::after { display: inline-block; width: 7px; height: 7px; position: absolute; right: 15px; vertical-align: 0.255em; content: ""; border-left: 2px solid #1c1c1c; border-bottom: 2px solid #1c1c1c; transform: rotate(-45deg); } .show .dropdown-toggle::after { transform: rotate(-225deg); } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 7px; height: 7px; position: absolute; right: 15px; vertical-align: 0.255em; content: ""; border-left: 2px solid #1c1c1c; border-bottom: 2px solid #1c1c1c; transform: rotate(-225deg); } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .show.dropup .dropdown-toggle::after { transform: rotate(-45deg); } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .bootstrap-select .dropdown-toggle { border: 2px solid #e7e7e7 !important; border-bottom: none; border-radius: 0; background: #fff !important; line-height: 60px; padding-top: 0; padding-bottom: 0; padding-left: 15px; font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 16px; } .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus { background: #fff !important; outline: none !important; box-shadow: none !important; } .dropdown-item { padding-right: 0; padding-left: 15px; font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 16px; } .dropdown-item:hover, .dropdown-item:active, .dropdown-item:focus, .dropdown-item.active { background-color: #fff !important; color: #000; } .dropdown-menu[x-placement^="bottom-start"] { border: 2px solid #e7e7e7; border-top: none; border-radius: 0; margin-top: -20px; } .dropdown-menu[x-placement^="top-start"] { border: 2px solid #e7e7e7; border-bottom: none; border-radius: 0; margin-bottom: -20px; } .symbols { position: fixed; display: none; } .wrapper { min-width: 320px; min-height: 100vh; position: relative; display: flex; flex-direction: column; overflow: hidden; } .wrap { flex: 1 0 auto; position: relative; padding-bottom: 120px; } @media (max-width: 1023px) { .wrap { padding-bottom: 80px; } } .header { position: relative; z-index: 10; } .header-top { background-color: var(--color-text); position: relative; z-index: 2; } .header-top__inner { display: flex; align-items: center; height: 50px; padding-left: 200px; position: relative; } @media (max-width: 1023px) { .header-top__inner { padding: 10px 0 10px 100px; height: 100px; } } .header-top__right { margin-left: auto; display: flex; } @media (max-width: 1023px) { .header-top__right { flex-direction: column; padding-left: 20px; } } .header-bottom { background-color: #fff; position: relative; z-index: 1; } .header-bottom__inner { position: relative; display: flex; align-items: center; height: 100px; } @media (min-width: 1024px) { .header-bottom__inner { padding-left: 200px; } } @media (max-width: 1023px) { .header-bottom__inner { height: 120px; } } @media (max-width: 767px) { .header-bottom__inner { height: 70px; } } .header-search { position: relative; margin-right: 10px; } @media (max-width: 1023px) { .header-search { margin: 0; } } .header-search__button { width: 30px; height: 30px; flex-shrink: 0; border: none; cursor: pointer; display: flex; background-color: transparent; } .header-search__button svg { display: block; margin: auto; stroke: rgba(255, 255, 255, 0.3); } .header-login { display: flex; align-items: center; } @media (min-width: 1024px) { .header-login { padding-left: 20px; border-left: 1px solid rgba(0, 0, 0, 0.5); } } .header-login__link { line-height: 30px; display: flex; align-items: center; } @media (max-width: 1023px) { .header-login__link { width: 30px; height: 30px; } } .header-login__link svg { stroke: var(--color-yellow); margin: auto; } .header-login__link span { margin-left: 16px; color: #fff; font-size: 14px; line-height: 20px; white-space: nowrap; border-bottom: 1px solid transparent; transition: 0.2s; } @media (max-width: 1023px) { .header-login__link span { display: none; } } .header-login__link:hover span { color: var(--color-yellow); border-bottom-color: rgba(253, 189, 64, 0.5); } .header-phone { margin-left: auto; display: flex; align-items: center; } .header-phone svg { display: block; stroke: var(--color-yellow); margin-right: 15px; cursor: pointer; margin-top: 3px; } @media (max-width: 1023px) { .header-phone svg { /*display: none;*/ } } .header-phone__link { display: block; font-size: 25px; border-bottom: 1px solid rgba(253, 189, 64, 0.5); font-family: var(--font-title); white-space: nowrap; transition: border-bottom-color 0.2s; } @media (max-width: 1023px) { .header-phone__link { font-size: 20px; } } .header-phone__link:hover { border-bottom-color: var(--color-yellow); } .burger { width: 30px; height: 19px; flex-shrink: 0; border: none; border-top: 2px solid var(--color-text); border-bottom: 2px solid var(--color-text); position: relative; background-color: transparent; } .burger::before { content: ""; position: absolute; left: 0; top: 7px; width: 100%; height: 2px; background-color: var(--color-text); } .logotype { position: absolute; left: 0; top: 0; background-color: var(--color-yellow); width: 150px; height: 150px; padding: 10px; display: flex; } @media (max-width: 1023px) { .logotype { width: 100px; height: 100px; left: calc(var(--gutter-site) * -1); } } @media (min-width: 1024px) { .logotype { transition: 0.3s; } .logotype:hover { height: 160px; padding-top: 10px; } } .logotype img { margin: auto; display: block; max-height: 100%; } .logotype-slogan { font-size: 14px; color: rgba(255, 255, 255, 0.5); } @media (max-width: 1429px) { .logotype-slogan { font-size: 12px; line-height: 18px; } } .logotype-slogan span { color: #fff; margin-right: 20px; } @media (max-width: 1199px) { .logotype-slogan span { display: none; } } .menu { display: flex; } @media (max-width: 1299px) { .menu { flex-wrap: wrap; } } @media (max-width: 767px) { .menu { position: absolute; flex-direction: column; left: calc(var(--gutter-site) * -1); right: calc(var(--gutter-site) * -1); top: 100%; background-color: #f5f5f5; padding: 20px; } .menu:not(.show-popup) { opacity: 0; visibility: hidden; transition: 0.2s; } } .menu-link { display: block; font-family: var(--font-title); text-transform: uppercase; font-size: 16px; line-height: 20px; border-bottom: 1px solid transparent; white-space: nowrap; transition: border-bottom-color 0.2s; } @media (min-width: 768px) { .menu-link:hover { border-bottom-color: var(--color-yellow); } } .menu-item { margin-right: 50px; display: flex; align-items: center; } @media (max-width: 1429px) { .menu-item { margin-right: 30px; } } @media (max-width: 1299px) { .menu-item { margin: 5px 0; width: 33.33%; } } @media (max-width: 767px) { .menu-item { margin: 0; width: auto; padding: 10px 0; display: block; text-align: center; } } .menu-item svg { display: block; stroke: var(--color-yellow); margin-right: 10px; flex-shrink: 0; } @media (max-width: 1023px) { .menu-item svg { display: none; } } .footer { flex: 0 0 auto; position: relative; background-color: var(--color-text); padding: 120px 0 45px; } @media (max-width: 767px) { .footer { padding: 50px 0 10px; } } .footer-logo { position: absolute; left: 0; top: 0; fill: var(--color-yellow); } @media (max-width: 1299px) { .footer-logo { display: none; } } .footer-inner { position: relative; } @media (min-width: 1300px) { .footer-inner { padding: 0 130px 0 228px; } } .footer-question { border-bottom: 2px solid rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .footer-question { margin-bottom: 50px; display: flex; } } .footer-question__title { color: #fff; max-width: 510px; } .footer-question__button { margin-left: auto; width: 100%; margin-bottom: 50px; } @media (min-width: 768px) { .footer-question__button { max-width: 260px; } } .footer-content { display: flex; flex-wrap: wrap; } .footer-column { width: 28%; margin-bottom: 50px; } @media (max-width: 767px) { .footer-column { margin-bottom: 30px; } } @media (min-width: 1024px) { .footer-column:nth-child(4n + 4) { width: 16%; } } .footer-column__title { display: flex; margin-bottom: 30px; color: #fff; text-transform: uppercase; font-family: var(--font-title); white-space: nowrap; font-size: 16px; line-height: 20px; position: relative; } @media (max-width: 767px) { .footer-column__title { margin-bottom: 10px; } } .footer-column__title svg { position: absolute; right: calc(100% + 15px); stroke: var(--color-yellow); } .footer-column__title a { color: #fff; border-bottom: 1px solid transparent; transition: 0.2s; } .footer-column__title a:hover { color: var(--color-yellow); border-bottom-color: var(--color-yellow); } .footer-list li { font-size: 14px; color: rgba(255, 255, 255, 0.5); } .footer-list__address { padding-right: 50px; } .footer-list__link, .footer-list__bordered a { color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid transparent; transition: 0.2s; } .footer-list__bordered a.bordered { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.2); } .footer-list__link:hover, .footer-list__bordered a.bordered:hover { color: var(--color-yellow); border-bottom-color: var(--color-yellow); } .footer-list__phone a { font-size: 20px; color: var(--color-yellow); border-bottom: 1px solid rgba(253, 189, 64, 0.3); font-family: var(--font-title); transition: border-color 0.2s; } .footer-list__phone a:hover { border-bottom-color: var(--color-yellow); } .footer-list--margin li:not(:last-child) { margin-bottom: 15px; } .title, .holder__title, .inner-card__title, .inner-card__subtitle, .inner-card-descripttion__title, .inner-card-descripttion__suntitle, .catalog-show-more, .addresses__title, .addresses-line__title span, .addresses-item__title, .contacts__title, .contacts-item__title { font-size: 40px; line-height: 60px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; margin-top: -15px; margin-bottom: 40px; } .title--white { color: #fff; } .create { font-size: 14px; color: rgba(255, 255, 255, 0.5); } .create-link { display: block; margin-top: 10px; } .create-link svg { fill: rgba(255, 255, 255, 0.2); transition: fill 0.2s; } .create-link svg:hover { fill: var(--color-yellow); } .social { display: flex; } .social-link { width: 40px; height: 40px; margin-right: 10px; display: flex; background-color: rgba(0, 0, 0, 0.3); } .social-link:hover .social-icon--vk { fill: #4a76a8; } .social-link:hover .social-icon--youtube { fill: #cd1f21; } .social-link:hover .social-icon--facebook { fill: #3c5a99; } .social-icon { display: block; margin: auto; fill: #fff; transition: fill 0.2s; } .showcase { position: relative; background-color: #e7e7e7; } .showcase-inner { display: flex; } @media (max-width: 1023px) { .showcase-inner { flex-direction: column; } } .showcase-content { padding: 150px 0; width: 40%; } @media (max-width: 1023px) { .showcase-content { width: 100%; padding: 50px 0; } } @media (min-width: 1430px) { .showcase-content { width: 50%; } } .showcase-content__location { display: flex; margin-bottom: 60px; } .showcase-content__location li { display: flex; align-items: center; margin-right: 30px; line-height: 24px; } .showcase-content__location li svg { display: block; stroke: var(--color-yellow); margin-right: 10px; } .showcase-content__title, .showcase-content__description { max-width: 590px; } .showcase-content__description { margin: -6px 0 54px; } .showcase-content__text { margin-bottom: 50px; } .showcase-image { position: absolute; width: calc(100% + var(--gutter-site)); height: 100%; left: calc(50% - 163px); top: 0; z-index: 2; background: 0 0 no-repeat; object-fit: cover; overflow: hidden; } .showcase-image_middle { left: 50%; } .showcase-image img { position: absolute; left: 0; top: 0; max-height: 100%; } @media (min-width: 1430px) { .showcase-image { left: calc(50% - 163px); } .showcase-image_middle { left: 50%; } } @media (max-width: 1023px) { .showcase-image { position: static; order: -1; height: 300px; background-size: cover; background-position: 0 50%; } .showcase-image img { height: 300px; left: 50%; transform: translateX(-50%); } } @media (min-width: 1024px) { .showcase-content_fixed { min-height: 650px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } } .showcase-image img { max-width: none; } .showcase-bottom { background-color: #fff; padding: 46px 0; } .showcase-badge { display: flex; align-items: center; max-width: 330px; } .showcase-badge_extended { max-width: 450px; } @media (min-width: 1200px) { .showcase-badge { margin-left: 100px; } } .showcase-badge--about { max-width: none; margin-bottom: 30px; } @media (min-width: 1024px) { .showcase-badge--about { margin-left: 0; } } @media (min-width: 1200px) { .showcase-badge--about { margin-left: -128px; } } .showcase-badge--about .showcase-badge__text { text-transform: uppercase; font-family: var(--font-title); font-size: 25px; line-height: 40px; font-weight: 500; } .showcase-badge__image { width: 98px; flex-shrink: 0; margin-right: 30px; } .showcase-badge__text { font-size: 16px; line-height: 25px; font-weight: bold; } .showcase_service:not(.invert) { color: #fff; background-color: var(--color-text); } @media (min-width: 1024px) { .showcase_service .showcase-content { width: 45%; } } .showcase_service .showcase-image { left: 50%; overflow: hidden; background-position-y: 30%; } @media (min-width: 1024px) { .showcase_service .showcase-image { background-position-x: -130%; background-position-y: 0; } } @media (min-width: 1200px) { .showcase_service .showcase-image { background-position-x: -40%; } } @media (min-width: 1430px) { .showcase_service .showcase-image { background-position-x: 0; } } .showcase_service .showcase-badge { color: var(--color-text); max-width: 500px; margin-left: 0; } @media (min-width: 1200px) { .showcase_service .showcase-badge { margin-left: 100px; } } @media (max-width: 767px) { .showcase_service .showcase-badge { display: block; text-align: center; } .showcase_service .showcase-badge__image { display: inline-block; vertical-align: top; margin-right: 0; margin-bottom: 20px; } } .showcase_service:not(.invert) .breadcrumbs { opacity: 1; margin-bottom: 30px; } .showcase_service:not(.invert) .breadcrumbs li:after { color: rgba(255, 255, 255, 0.3); } .showcase_service:not(.invert) .breadcrumbs li, .showcase_service:not(.invert) .breadcrumbs li a { color: rgba(255, 255, 255, 0.3); border-color: rgba(253, 189, 64, 0.25); } .showcase_service .button { max-width: 263px; width: 100%; } svg.icon-arrow-right { margin-right: 0; margin-left: 20px; } .item { box-shadow: inset 0 0 0 2px #e7e7e7; background-color: #fff; position: relative; margin-bottom: 80px; } .item-footer-extra { padding-bottom: 60px; } @media (min-width: 1200px) { .item { margin-left: 60px; } .item_extended { margin-bottom: 100px; } .item-footer-extra { padding-bottom: 120px; } .item-footer-extra__holder { margin-left: -60px; padding-top: 50px; } .item-even { margin-left: 0; margin-right: 60px; } .item-even .item-image { left: 60px; order: 1; } .item-even .item-image img { float: right; } .item-even .item-footer { padding-left: 130px; } } .item-wrap { position: relative; display: flex; padding-top: 60px; } @media (max-width: 1199px) { .item-wrap { flex-direction: column; padding: 40px; } } .item-content { display: flex; justify-content: center; } @media (min-width: 1200px) { .item-content { width: 60%; padding: 60px; } } .item-info { width: 100%; max-width: 552px; position: relative; padding-left: 100px; } .item-info:not(.item-info_clear)::before { content: attr(data-count) "."; position: absolute; left: 0; top: 0; font-size: 40px; font-family: var(--font-title); color: var(--color-yellow); } @media (max-width: 767px) { .item-info::before { font-size: 30px; } } @media (max-width: 767px) { .item-info { padding-left: 0; padding-top: 50px; } .item_calc .item-info { padding-top: 0; } } .item-info__title { margin-bottom: 40px; } .item-info__text { margin-bottom: 40px; } @media (min-width: 768px) { .item-info__text_extended { margin-bottom: 50px; } } .item-image { position: relative; text-align: center; margin-bottom: 40px; } .item-image__badge { position: absolute; right: -10px; top: 40px; } @media (max-width: 1429px) { .item-image__badge { right: -60px; } } @media (max-width: 1199px) { .item-image__badge { right: auto; left: calc(50% + 100px); } } @media (max-width: 767px) { .item-image__badge { left: auto; right: 20%; top: 20px; transform: scale(0.7); transform-origin: right top; } } .item-image img { max-width: none; } @media (max-width: 1299px) { .item-image img { max-width: 640px; } } @media (max-width: 1199px) { .item-image img { max-width: 100%; } } @media (min-width: 1200px) { .item-image { width: 40%; left: -60px; margin-bottom: -60px; } .item_calc .item-image { margin-bottom: 60px; } } .item-footer { background-color: #e7e7e7; display: flex; padding: 120px 68px 60px; } .item-footer-extra { padding-top: 120px; background-color: #e7e7e7; } @media (max-width: 1299px) { .item-footer, .item-footer-extra { padding-top: 60px; } } @media (max-width: 1023px) { .item-footer { flex-direction: column; padding: 10px 30px 30px; } } @media (max-width: 767px) { .item-footer-extra { padding: 40px 25px; } } .item-advantages { display: flex; align-items: center; width: 100%; max-width: 360px; margin-right: 30px; } @media (max-width: 1023px) { .item-advantages { margin: 20px auto 0; } } .item-advantages__icon { flex-shrink: 0; margin-right: 30px; width: 68px; } .item-advantages__text { font-size: 16px; line-height: 25px; font-weight: bold; } @media (max-width: 499px) { .item-advantages__text { font-size: 14px; line-height: 20px; } } .service-showcase { position: relative; display: flex; align-items: flex-end; background: 50% 0 no-repeat; padding: 280px 0; } @media (min-width: 1024px) { .service-showcase { min-height: 1060px; } } .service-showcase__title { max-width: 946px; margin-left: auto; margin-right: auto; color: #fff; font-family: var(--font-title); font-size: 80px; line-height: 100px; text-transform: uppercase; } @media (max-width: 1023px) { .service-showcase__title { font-size: 50px; line-height: 70px; } } .service { position: relative; margin-top: -170px; } .service-wrap { background: #e7e7e7 url(/local/img/image-service.svg) 50% -2px no-repeat; background-size: 100% auto; padding: 120px 128px 60px; } @media (min-width: 1430px) { .service-wrap { margin-right: 60px; } } @media (max-width: 767px) { .service-wrap { padding: 100px 30px 0; } } .service-wrap__title { max-width: 886px; margin-left: auto; margin-right: auto; } .service-item { margin-bottom: 60px; position: relative; } @media (min-width: 768px) { .service-item { padding-left: 98px; } } .service-title { display: flex; align-items: center; margin-bottom: 15px; } @media (min-width: 768px) { .service-title { margin-left: -98px; } } .service-title__icon { width: 68px; margin-right: 30px; flex-shrink: 0; } @media (max-width: 767px) { .service-title__icon { margin-right: 15px; } } .service-title__link { font-family: var(--font-title); text-transform: uppercase; font-size: 25px; line-height: 35px; } .service-row { display: flex; flex-wrap: wrap; margin: 0 -48px; } .service-column { width: 50%; padding: 0 48px; } @media (max-width: 1199px) { .service-column { width: 100%; } } .service-column--footer { padding-top: 30px; } .service_second { margin-top: 0; } .service_second .service-wrap { background: transparent; padding-top: 0; } @media (max-width: 1199px) { .service_second .service-wrap { padding-left: 0; padding-right: 0; } } .service_second .service-title__link { border-bottom: none; } @media (max-width: 1023px) { .service_second .service-title__link { font-size: 22px; } } @media (max-width: 499px) { .service_second .service-title { display: block; } .service_second .service-title__icon { margin-bottom: 20px; margin-left: auto; margin-right: auto; } } .service_second .service-column { width: 100%; } @media (min-width: 768px) { .service_second .service-column { width: 50%; } } .service_second .service-item { margin-bottom: 90px; } @media (max-width: 499px) { .service_second .service-item { text-align: center; } } @media (min-width: 1200px) { .check-list { max-width: 360px; } .about-text .check-list { max-width: 456px; } } @media (max-width: 767px) { .service-column--footer { padding-top: 0; } } .check-list li { position: relative; padding-left: 30px; margin-bottom: 15px; background: url(/local/img/check.svg) 0 5px no-repeat; } .news { padding-top: 100px; } @media (min-width: 1200px) { .news__title { margin-left: 228px; } } @media (min-width: 1200px) { .news-slider .owl-nav { right: 96px; } } .news-slide { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 30px 30px; grid-template-areas: "item--1 item--1 item--2 item--3" "item--1 item--1 item--4 item--5"; } .news-slide_default { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; gap: 30px 30px; grid-template-areas: "item--1 item--2 item--3 item--4"; } .news-slide_articles { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 30px 30px; grid-template-areas: "item--1 item--2"; } @media (max-width: 1023px) { .news-slide { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "item--1 item--1" "item--2 item--3" "item--4 item--5"; gap: 30px 15px; } .news-slide_main { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "item--1 item--2" "item--3 item--4"; gap: 30px 15px; } .news-slide_default { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "item--1 item--2" "item--3 item--4"; } .news-slide_articles { grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "item--1"; } } @media (max-width: 499px) { .news-slide { grid-template-columns: 1fr; grid-template-areas: "item--1" "item--2" "item--3" "item--4" "item--5"; gap: 15px; } .news-slide_main { grid-template-areas: "item--1" "item--2" "item--3" "item--4"; } .news-slide_default { margin-top: 15px; display: block; } .news-slide_default .news-item, .news-slide_default .news-slide-column { margin-bottom: 15px; } } .news-slide-column { position: relative; } .news-slide-column.item--1 { grid-area: item--1; display: flex; } .news-slide-column.item--1 .news-item, .news-slide_articles .news-slide-column .news-item { margin: auto 0 0 auto; } .news-slide-column.item--2 { grid-area: item--2; } .news-slide-column.item--3 { grid-area: item--3; } .news-slide-column.item--4 { grid-area: item--4; } .news-slide-column.item--5 { grid-area: item--5; } .news-item { border: solid 2px #e7e7e7; background-color: #fff; padding: 35px; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 1024px) { .news-slide:not(.news-slide_default) .news-slide-column.item--1 .news-item, .news-slide_articles .news-slide-column .news-item{ max-width: 265px; } .news-slide:not(.news-slide_default) .news-slide-column.item--1:not(.news-slide-column_full) .news-item .news-item__image, .news-slide_articles .news-slide-column:not(.news-slide-column_full) .news-item .news-item__image { max-width: calc(100% - 265px); } } @media (max-width: 1023px) { .news-slide-column.item--1 .news-item { margin: 0; width: 100%; } } @media (min-width: 500px) { .news-item { height: 265px; } } .news-item__image { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: 50% 50% no-repeat; background-size: cover; z-index: -1; } @media (max-width: 1023px) { .news-item__image { display: none; } } @media (min-width: 500px) and (max-width: 1023px) { .news-slide_articles .news-slide-column .news-item { max-width: 50%; } .news-slide_articles .news-slide-column:not(.news-slide-column_full) .news-item .news-item__image{ max-width: 50%; } .news-slide_articles .news-item__image { display: block; } } .news-item__date { display: flex; font-size: 14px; line-height: 20px; text-transform: lowercase; } .news-item__date svg { stroke: var(--color-yellow); margin-right: 16px; } .news-item__link { font-size: 16px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 499px) { .news-item__link { font-size: 14px; line-height: 20px; margin-top: 20px; } } .news-item__link a { border-bottom: 1px solid transparent; transition: border-bottom-color 0.2s; } .news-item__link a:hover { border-bottom-color: var(--color-yellow); } .credit { padding: 60px 0 60px; } .credit_second { padding: 0 0 40px; } @media (min-width: 768px) { .credit_second { margin-top: 120px; } } @media (min-width: 1024px) { .credit { padding: 110px 0 190px; } .credit_second { padding: 0; margin-bottom: 60px; } } @media (min-width: 1200px) { .credit_second { margin-top: 180px; } } .credit_second .credit-wrap { position: relative; padding: 80px 0 0px; } @media (min-width: 768px) { .credit_second .credit-wrap:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #e7e7e7; } } @media (min-width: 768px) and (min-width: 1200px) { .credit_second .credit-wrap:before { right: 60px; } } @media (min-width: 1200px) { .credit_second .credit-wrap { padding: 120px 0 70px; } } .credit-grid { max-width: 1042px; } @media (min-width: 1024px) { .credit-grid { gap: 0 130px; } } @media (min-width: 768px) { .credit-grid { gap: 0 20px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; grid-template-areas: "item--1 item--1" "item--2 item--4" "item--3 item--5"; } .credit-grid-column.item--1 { grid-area: item--1; } .credit-grid-column.item--2 { grid-area: item--2; } .credit-grid-column.item--3 { grid-area: item--3; } .credit-grid-column.item--4 { grid-area: item--4; } .credit-grid-column.item--5 { grid-area: item--5; } .credit-grid-column.item--6 { grid-area: item--6; } } .credit-grid-column { margin-bottom: 50px; } @media (min-width: 1200px) { .credit-grid { margin: 0 128px; } } .credit_second .credit-grid { margin: 0; } @media (min-width: 768px) { .credit_second .credit-grid { margin: 0 64px; } } @media (min-width: 1200px) { .credit_second .credit-grid { margin: 0 128px; } .credit_second .credit-grid-column.item--4, .credit_second .credit-grid-column.item--5 { margin-left: 0; } } @media (min-width: 1430px) { .credit_second .credit-grid-column.item--4, .credit_second .credit-grid-column.item--5 { margin-left: 55px; } } .credit_third { padding: 0; } @media (min-width: 768px) { .credit_third .credit-grid { grid-template-areas: "item--1 item--2" "item--3 item--4" "item--5 item--6"; } } @media (min-width: 1430px) { .credit_third .credit-grid-column.item--2, .credit_third .credit-grid-column.item--4, .credit_third .credit-grid-column.item--6 { margin-left: 55px; } } .credit-item { padding-left: 98px; position: relative; } .credit-item__text a { text-decoration: underline; } @media (max-width: 499px) { .credit-item { padding-left: 50px; } } .credit-item::before { content: attr(data-count) "."; position: absolute; left: 0; top: 0; font-size: 25px; line-height: 30px; font-family: var(--font-title); color: var(--color-yellow); } .credit-item__title { font-size: 25px; font-family: var(--font-title); text-transform: uppercase; margin-bottom: 20px; } .credit-item__footer { margin-top: 45px; } .credit-item__image { position: absolute; right: -230px; bottom: -40px; } @media (max-width: 1023px) { .credit-item__image { display: none; } } .credit-item__image img { max-width: none; display: block; } @media (min-width: 1024px) { .credit-item--main { margin-bottom: 65px; } .credit-item--main::before { font-size: 40px; line-height: 60px; } .credit-item--main .credit-item__title { font-size: 40px; line-height: 60px; margin-bottom: 35px; } } @media (max-width: 767px) { .credit_second .credit-item, .credit_third .credit-item { padding-left: 50px; } } @media (max-width: 1199px) { .credit_second .credit-item__image { display: none; } } .industry { background-color: #e7e7e7; position: relative; padding: 10px 0 80px; } .industry-layout { display: flex; align-items: center; padding: 85px 130px; } @media (max-width: 1299px) { .industry-layout { padding-left: 0; padding-right: 0; } } @media (max-width: 1023px) { .industry-layout { flex-direction: column; align-items: flex-start; padding-bottom: 0; } } .industry-image { margin-top: -130px; } .industry-columns { display: flex; flex-wrap: wrap; width: 100%; max-width: 585px; } @media (max-width: 1023px) { .industry-columns { max-width: none; width: auto; margin-top: 40px; margin-right: -30px; } } @media (max-width: 499px) { .industry-columns { margin-right: -20px; } } .industry-column { padding-right: 30px; width: 50%; margin: 15px 0; } @media (max-width: 499px) { .industry-column { padding-right: 20px; } } .industry-item { height: 264px; background-color: #fff; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; position: relative; } @media (max-width: 499px) { .industry-item { height: 200px; } } @media (min-width: 1024px) { .industry-item:hover .industry-item__title { color: #fed249; } .industry-item:hover .industry-item__back { opacity: 1; } } .industry-item__icon { width: 68px; height: 68px; position: relative; } .industry-item__title { font-size: 20px; line-height: 35px; font-family: var(--font-title); text-transform: uppercase; position: relative; transition: color 0.2s; } @media (max-width: 499px) { .industry-item__title { font-size: 16px; line-height: 24px; } } .industry-item__title span { border-bottom: 1px solid rgba(253, 189, 64, 0.5); } .industry-item__back { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: 50% 50% no-repeat; background-size: cover; opacity: 0; transition: opacity 0.2s; } .industry-item__back::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); } .industry-info { width: 100%; max-width: 365px; margin: 0 auto; } @media (max-width: 1023px) { .industry-info { max-width: none; order: -1; } } .industry-info__footer { margin-top: 50px; } .video { position: relative; } @media (min-width: 1024px) { .video { margin-top: -60px; } .credit + .video { margin-top: -120px; } } .video::before { content: ""; position: absolute; left: 0; top: 60px; bottom: 60px; width: 100%; background: var(--color-text) 50% 50% url(/local/img/back-logotype.svg) no-repeat; } @media (max-width: 1023px) { .video::before { top: 0; } } .video-image { display: flex; } .video-layout { position: relative; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1023px) { .video-layout { flex-direction: column; } } .video-layout-column { position: relative; width: 100%; max-width: 587px; } @media (min-width: 1300px) { .video-layout-column:first-child { padding-left: 228px; } } @media (min-width: 1024px) { .credit + .video .video-layout-column:first-child { order: 2; padding-left: 0; max-width: 527px; } .credit + .video .video-link--middle { left: 0; } .credit + .video .video-layout-column:nth-child(2) { margin-left: 0; } .credit + .video .video-layout-column:nth-child(2) .video-link--large { margin-left: 0; } } @media (max-width: 1199px) { .credit + .video .video-layout-column:nth-child(2) .video-link--large { max-width: 360px; } } @media (min-width: 1200px) { .credit + .video .video-layout-column:nth-child(2) { margin-left: 226px; } .credit + .video .video-layout-column:nth-child(2) .video-link--large { margin-left: -226px; } } @media (min-width: 1430px) { .credit + .video .video-layout-column:first-child { padding-left: 0; max-width: 643px; } } @media (max-width: 1023px) { .video-layout-column { max-width: none; padding-top: 80px; } } .video-link { position: relative; display: inline-flex; } @media (min-width: 1300px) { .video-link img { max-width: none; display: block; } .video-link--middle { left: -98px; } } .video-link:hover::before { background-color: #fed249; box-shadow: 0 5px 15px 0px rgba(253, 189, 64, 0.35); } .video-link::before { content: ""; background: var(--color-yellow) url("data:image/svg+xml,%3Csvg width='19' height='23' viewBox='0 0 19 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 23V0L19 11.501L0 23Z' fill='white'/%3E%3C/svg%3E") calc(50% + 4px) 50% no-repeat; width: 68px; height: 68px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; border-radius: 50%; transition: 0.2s; } .video-info { color: rgba(255, 255, 255, 0.25); margin-top: 30px; max-width: 360px; } .video-more { display: inline-flex; align-items: center; font-family: var(--font-title); color: var(--color-yellow); text-transform: uppercase; line-height: 20px; margin-top: 90px; transition: color 0.2s; } .video-more:hover { color: #fed249; } .video-more svg { stroke: var(--color-yellow); margin-right: 20px; } .video-youtube { position: relative; color: #fff; margin: 80px 0 100px; } @media (max-width: 1199px) { .video-youtube { margin: 30px 0 50px; padding-left: 50px; } } @media (max-width: 499px) { .video-youtube br { display: none; } } .video-youtube a { color: var(--color-yellow); border-bottom: 1px solid rgba(253, 189, 64, 0.5); transition: 0.2s; } .video-youtube a:hover { color: #fed249; } .video-youtube svg { position: absolute; left: -60px; top: 5px; fill: #cd1f21; } @media (max-width: 1199px) { .video-youtube svg { left: 0; } } .about { padding: 135px 0 80px; } .about_condensed { padding-top: 72px; padding-bottom: 47px; } @media (max-width: 1429px) { .about_condensed { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 1200px) { .about-wrap { padding: 0 130px 0 228px; } } @media (min-width: 1200px) { .about-wrap { display: flex; justify-content: space-between; } } .about-title { position: relative; } @media (min-width: 1200px) { .about-title { max-width: 360px; } } .about-title__head { font-size: 25px; color: var(--color-yellow); font-family: var(--font-title); position: absolute; left: 0; bottom: calc(100% + 50px); text-transform: uppercase; } @media (min-width: 1200px) { .about-text { max-width: 456px; } } .history { position: relative; z-index: 1; } @media (min-width: 1200px) { .history { margin-top: -200px; } } .history-grid { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto; max-width: 1142px; gap: 30px 30px; grid-template-areas: "item--image item--1 . ." "item--2 item--3 item--4 ." ". item--5 item--6 item--6"; } @media (min-width: 1200px) { .history-grid { margin-left: 130px; } } @media (max-width: 1023px) { .history-grid { grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "item--1 item--2 item--3" "item--4 item--5 ." "item--6 item--6 item--6"; } } @media (min-width: 768px) { .history-grid { display: grid; } } .history-grid-column { position: relative; } .history-grid-column.item--1 { grid-area: item--1; } .history-grid-column.item--2 { grid-area: item--2; } .history-grid-column.item--3 { grid-area: item--3; } .history-grid-column.item--4 { grid-area: item--4; } .history-grid-column.item--5 { grid-area: item--5; } .history-grid-column.item--6 { grid-area: item--6; } @media (max-width: 1199px) { .history-grid-column.item--6 { display: none; } } .history-grid-column.item--7 { grid-area: item--7; } .history-grid-column.item--image { grid-area: item--image; } @media (max-width: 1199px) { .history-grid-column.item--image { display: none; } } .history_second .history-grid { grid-template-areas: "item--image item--1 . ." "item--2 item--3 item--4 item--5"; } @media (max-width: 1023px) { .history_second .history-grid { grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "item--1 item--2 item--3" "item--4 item--5 ." "item--6 item--6 item--6"; } } @media (max-width: 1199px) { .history_second .history-grid { grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "item--1 item--2 item--3" "item--4 item--5 ." "item--6 item--6 item--6"; } } .history_third { margin-bottom: 80px; } @media (min-width: 1200px) { .history_third { margin-bottom: -210px; } } @media (min-width: 1300px) { .history_third { margin-bottom: -260px; } } .history_third .history-grid { grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "item--1 item--2 item--3" "item--4 item--5 item--7"; } @media (min-width: 1200px) { .history_third .history-grid { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: "item--7 item--1 . ." "item--2 item--3 item--4 ." ". item--5 item--6 item--6"; } } @media (min-width: 1300px) { .history_third .history-grid { grid-template-areas: "item--7 item--1 . ." "item--2 item--3 item--4 ." ". item--5 item--6 item--6"; } } .history-item { height: 264px; padding: 30px 40px; display: flex; flex-direction: column; background-color: #e7e7e7; } @media (max-width: 767px) { .history-item { height: auto; margin-bottom: 20px; } } .history-item__icon { width: 68px; height: 68px; margin-bottom: auto; } @media (max-width: 767px) { .history-item__icon { margin-bottom: 20px; } } .history-item__title { font-size: 25px; font-family: var(--font-title); text-transform: uppercase; } .history-item__title span { font-size: 40px; } .history-item__text { font-size: 14px; line-height: 20px; margin-top: 10px; } @media (max-width: 767px) { .history-item__text br { display: none; } } .history-info { padding: 75px 98px; position: relative; border: 2px solid #e7e7e7; background-color: #fff; } @media (max-width: 767px) { .history-info { padding: 50px 40px; } } .history-image { position: absolute; right: 0; bottom: 0; } @media (min-width: 1200px) { .history-image img { max-width: none; display: block; } } .history_third .history-image { right: auto; bottom: auto; position: relative; width: 680px; } .history_third .history-image img { max-width: 350px; } .history_third .history-image img { width: 100%; max-width: none; } @media (min-width: 768px) { .history-video { position: absolute; right: 0; bottom: 0; top: 0; left: 0; } } @media (min-width: 1200px) { .history-video { top: auto; left: auto; min-width: 393px; } } .history-video a { left: auto; display: block; height: 100%; } .history-video a img { width: 100%; object-fit: cover; height: 100%; width: 100%; } .joining-wrap { position: relative; background-color: #e7e7e7; padding: 160px 98px 50px; max-width: 1042px; } @media (min-width: 1200px) { .joining-wrap { margin-left: 130px; } } @media (max-width: 767px) { .joining-wrap { padding: 160px 30px 0; } } .joining-map { position: absolute; left: -130px; bottom: calc(100% - 220px); pointer-events: none; } .joining-map img { max-width: none; display: block; } .joining-columns { display: flex; flex-wrap: wrap; } .joining-column { margin-bottom: 50px; } @media (min-width: 1024px) { .joining-column { width: 50%; } .joining-column-text { max-width: 360px; } } .preface { background-color: #e7e7e7; padding: 80px 0 0; margin-bottom: 140px; } @media (min-width: 1024px) { .preface { margin-bottom: 180px; padding: 100px 0 0; } } .preface__holder { padding: 0; } @media (min-width: 1200px) { .preface__holder { padding: 0 130px 0 228px; } } .preface__title { font-size: 40px; line-height: 60px; font-family: var(--font-title); text-transform: uppercase; font-weight: 500; margin-bottom: 40px; } @media (min-width: 768px) { .preface__title span { margin-left: -20px; } } @media (min-width: 1200px) { .preface__text { max-width: 456px; } } .preface__text a, .holder__content a { text-decoration: underline; } .preface__content { padding: 15px 0 60px 0; } @media (min-width: 1200px) { .preface__content { display: flex; justify-content: space-between; } } .preface__image img { margin-bottom: -60px; } .breadcrumbs { list-style: none; display: flex; flex-wrap: wrap; padding: 0; opacity: 0.5; margin-bottom: 20px; } .breadcrumbs li a { font-size: 16px; border-bottom: 1px solid #fdbd40; } .breadcrumbs li:after { content: "/"; padding: 0 4px; } .breadcrumbs li:last-of-type:after { display: none; } .models { margin-bottom: 60px; } @media (min-width: 1200px) { .models { margin-bottom: 120px; } } .models__description { padding: 0; margin-bottom: 60px; } @media (min-width: 1300px) { .models__description { display: flex; justify-content: space-between; padding: 0 130px 0 228px; } } .models__title { font-size: 40px; line-height: 60px; font-family: var(--font-title); text-transform: uppercase; font-weight: 500; margin-bottom: 40px; } @media (min-width: 768px) { .models__title span { margin-left: -20px; } } @media (min-width: 1300px) { .models__text { max-width: 456px; } } .models-list { padding: 0; display: flex; flex-wrap: wrap; margin: -1px; } .models-list_bordered { border-left: 2px solid #e7e7e7; border-top: 2px solid #e7e7e7; box-sizing: border-box; margin: 0; } @media (max-width: 459px) { .models-list { margin-left: -25px; margin-right: -25px; } } @media (min-width: 1300px) { .models-list:not(.models-list_big):not(.models-list_bordered) { padding: 0 130px; } } .models-item { padding: 1px; text-align: center; margin-bottom: 30px; width: 100%; } .models-list_bordered .models-item { padding: 0; margin-bottom: 0; border-right: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; } .models-item__holder { background: #fff; padding: 35px 30px 30px; height: 100%; display: flex; flex-direction: column; transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out; } .models-item__details { flex: 1 0 auto; } .models-list_collapsed .models-item { margin-bottom: 0; } @media (min-width: 768px) { .models-item__holder { padding: 35px 40px 40px; text-align: left; } } @media (min-width: 1024px) { .models-item { border-right: none; width: 33.333333%; } .models-item:hover { z-index: 10; } .models-item:hover .models-item__holder { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); } } .models-item__title { margin-bottom: 20px; font-size: 25px; font-weight: 500; font-family: var(--font-title); display: inline-block; vertical-align: top; text-transform: uppercase; } .models-item__image { height: 160px; border-bottom: 2px solid #423d3f; margin-bottom: 30px; display: flex; align-items: flex-end; justify-content: center; } .models-item__image img { max-height: 140px; } .models-list_big .models-item__image img { max-height: 100%; } .models-list_big .models-item__image { height: 226px; } @media (max-width: 459px) { .models-list_big .models-item__image { height: auto; margin-top: 20px; } } .models-item__properties { margin-bottom: 28px; } .models-item .button svg { margin-left: 20px; margin-right: 0; } .param { margin-bottom: 3px; font-size: 14px; } @media (min-width: 768px) { .param { display: flex; justify-content: space-between; } .param span:first-child { background: #fff; padding-right: 5px; } .param b { background: #fff; padding-left: 5px; } } .param__dots { flex: 1; overflow: hidden; display: none; } @media (min-width: 768px) { .param__dots { display: block; } } .param__dots:after { content: "........................................................................................................................................................................................................................................................................................................................................................................"; font-size: 10px; opacity: 0.5; font-family: sans-serif; } .holder { padding: 0; margin-bottom: 60px; } @media (min-width: 1200px) { .holder { display: flex; justify-content: space-between; } } @media (min-width: 1430px) { .holder { padding: 0 130px 0 228px; } } .holder__title { font-size: 40px; line-height: 60px; font-family: var(--font-title); text-transform: uppercase; font-weight: 500; margin-bottom: 40px; } .holder__title_condensed { max-width: 270px; } @media (min-width: 1200px) { .holder__title span { margin-left: -20px; } } @media (min-width: 1200px) { .holder__content { max-width: 456px; } } .holder__content p { margin-bottom: 40px; } .holder__content p:last-of-type { margin-bottom: 50px; } @media (min-width: 1430px) { .container-right { padding: 0 130px 0 228px; } } .decision { padding-bottom: 80px; } .mounted { margin-bottom: 180px; } .mounted__holder { position: relative; padding: 80px 0; } @media (min-width: 768px) { .mounted__holder { padding: 120px 0; } } .mounted__holder:before { content: ""; position: absolute; left: -999px; top: 0; bottom: 0; right: -999px; background-color: #e7e7e7; z-index: -1; } @media (min-width: 1200px) { .mounted__holder:before { left: 60px; right: 0; } } .mounted-slider { padding-right: 0; } @media (min-width: 1200px) { .mounted-slider { padding-right: 130px; } } @media (min-width: 1200px) { .mounted-slide { display: flex; justify-content: space-around; } } .mounted-slide__image { justify-content: center; flex: 1; overflow: hidden; height: 500px; } @media (min-width: 768px) { .mounted-slide__image { height: auto; } } .mounted-slide__image a { left: 0; } .mounted-slide__image a img { max-width: none; display: block; } .mounted-slide__holder { padding: 50px 50px 160px; background-color: #fff; } @media (min-width: 768px) { .mounted-slide__holder { flex: 1; display: flex; } } @media (min-width: 1200px) { .mounted-slide__holder { max-width: 555px; } } @media (min-width: 1300px) { .mounted-slide__holder { padding: 80px 80px 160px; max-width: 585px; } } .mounted-slide__num { padding-right: 25px; color: var(--color-yellow); font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 25px; line-height: 40px; } .mounted-slide__title { font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 25px; line-height: 40px; margin-bottom: 30px; } .mounted-slide__text { margin-bottom: 50px; } .mounted-slide .button svg { margin: 0 0 0 20px; } .mounted .owl-nav { bottom: 60px; top: auto; width: 100%; padding-left: 50px; } @media (min-width: 768px) { .mounted .owl-nav { padding-left: 97px; } } @media (min-width: 1200px) { .mounted .owl-nav { width: 458px; padding-left: 0; } } .mounted .owl-nav button { margin-left: 0; background: #fff; border: 2px solid var(--color-yellow); width: 60px; height: 60px; } .mounted .owl-nav button:first-of-type { border-right: none; } .mounted .owl-nav button:hover { background: var(--color-yellow); } @media (min-width: 1430px) { .mounted-slide__image { flex: 0 0 685px; } .mounted-slide__holder { flex: 0 0 585px; } .mounted-slide, .mounted-slider__holder, .mounted-slider__holder .owl-stage-outer { width: 1270px; } } .tabs { margin-bottom: 40px; display: flex; flex-wrap: wrap; } .tabs a { background-color: #fff; border: 2px solid transparent; width: 100%; text-decoration: none!important; } @media (min-width: 768px) { .tabs .nav-item { flex: 1; } } .tabs a.active { border-color: var(--color-yellow); } .brand-history { background-color: #e7e7e7; padding-top: 80px; } @media (min-width: 1200px) { .brand-history { padding-top: 120px; } } @media (min-width: 1200px) { .brand-history__holder { max-width: 35%; } } .brand-history__item { position: relative; z-index: 1; } .brand-history__year { position: absolute; top: 70px; left: 0; color: #fff; font-size: 165px; font-weight: 500; font-family: var(--font-title); text-transform: uppercase; z-index: -1; } @media (min-width: 768px) { .brand-history__year { top: 50px; font-size: 265px; } } @media (min-width: 1200px) { .brand-history__year { font-size: 365px; } } .occurrence { margin: 80px 0; } @media (min-width: 768px) { .occurrence { margin: 120px 0; } } @media (min-width: 1200px) { .occurrence { margin: 160px 0; } } .occurrence-equipment { align-items: flex-end; margin-bottom: 0; } @media (min-width: 1200px) { .occurrence-equipment { padding-bottom: 80px; } } .occurrence__subtitle { font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 25px; line-height: 40px; margin-bottom: 40px; } .occurrence__text { margin-bottom: 50px; } .occurrence__text p { margin-bottom: 30px; } .occurrence__check-list { display: flex; margin-bottom: 60px; max-width: none; } .occurrence__check-list ul { padding-right: 50px; } .occurrence .button { margin-bottom: 80px; } .occurrence .occurrence-plates { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; gap: 30px 30px; margin-bottom: 60px; grid-template-areas: "item--1" "item--2" "item--3" "item--4"; } @media (min-width: 768px) { .occurrence .occurrence-plates { grid-template-columns: 1fr 1fr; grid-template-areas: "item--1 item--2" "item--3 item--4"; } } @media (min-width: 1200px) { .occurrence .occurrence-plates { margin-left: 180px; margin-bottom: 0; } } @media (min-width: 1300px) { .occurrence .occurrence-plates { margin-left: 150px; } } @media (min-width: 1430px) { .occurrence .occurrence-plates { margin-left: -100px; } } .occurrence .occurrence-plates__item { display: flex; justify-content: center; align-items: center; height: 264px; background-color: #fff; position: relative; } .occurrence .occurrence-plates__item_1 { grid-area: item--1; } .occurrence .occurrence-plates__item_2 { grid-area: item--2; } .occurrence .occurrence-plates__item_3 { grid-area: item--3; } .occurrence .occurrence-plates__item_4 { grid-area: item--4; } .occurrence .occurrence-plates__item_1 .occurrence-plates__img img { width: 158px; } @media (min-width: 1200px) { .occurrence .occurrence-plates__item_1 .occurrence-plates__img { position: absolute; width: 393px; height: 393px; right: 0; bottom: 0; background-color: #fff; display: flex; justify-content: center; align-items: center; } .occurrence .occurrence-plates__item_1 .occurrence-plates__img img { width: auto; } } .occurrence .history-item { background-color: #fff; text-align: center; } .occurrence .history-item__icon { margin-left: auto; margin-right: auto; } .occurrence .history-item__title { margin-left: -20px; } @media (min-width: 1200px) { .occurrence .history-item { text-align: left; } .occurrence .history-item__icon { margin-left: 0; margin-right: 0; } .occurrence .history-item__title { margin-left: 0; } } .occurrence-trucks { padding-right: 0; margin-bottom: 80px; } .trucks-selector { background-color: #fff; width: 100%; } @media (min-width: 1430px) { .trucks-selector { max-width: 585px; } } .trucks-selector__holder { padding: 30px 30px 40px 30px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } @media (min-width: 768px) { .trucks-selector__holder { padding: 50px 50px 60px 50px; } } .trucks-selector__head { display: flex; justify-content: space-between; margin-bottom: 30px; } .trucks-selector__sertificate { display: none; } @media (min-width: 768px) { .trucks-selector__sertificate { display: block; } } .trucks-selector__tabs { display: flex; padding-top: 15px; } .trucks-selector__tabs li { margin-right: 25px; } .trucks-selector__tabs li a { opacity: 0.3; font-size: 25px; line-height: 30px; font-weight: 500; font-family: var(--font-title); text-transform: uppercase; border-bottom: 1px solid var(--color-yellow); display: inline-block; vertical-align: top; transition: opacity 0.3s; } .trucks-selector__tabs li a.active { opacity: 1; } .trucks-selector__img { position: relative; height: 360px; display: flex; align-items: flex-end; justify-content: center; } @media (min-width: 1200px) { .trucks-selector__img { margin: 0 0 0 -120px; } } .trucks-selector__img:before { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; border-bottom: 2px solid #423d3f; } .new-line { padding-bottom: 80px; } @media (min-width: 1200px) { .new-line { padding-bottom: 270px; } } .new-line__list { padding-top: 40px; } @media (min-width: 768px) { .new-line__list { display: flex; } } .new-line__item { padding-left: 2px; padding-bottom: 2px; } @media (min-width: 768px) { .new-line__item { width: 33.3333%; } } .new-line-truck { display: block; height: 100%; background-color: #fff; padding: 40px; } .new-line-truck:hover { box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); } .new-line-truck__name { margin-bottom: 20px; font-family: var(--font-title); font-weight: 500; text-transform: uppercase; font-size: 20px; line-height: 30px; border-bottom: 1px solid rgba(253, 189, 64, 0.5); } .new-line-truck__img { height: 220px; position: relative; display: flex; align-items: flex-end; justify-content: center; } .new-line-truck__img:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 2px solid #423d3f; } .expansion { position: relative; z-index: 1; padding-bottom: 20px; } @media (min-width: 1200px) { .expansion { padding-bottom: 160px; } } .expansion__map { display: none; position: relative; z-index: -2; margin-top: -150px; } @media (min-width: 500px) { .expansion__map { display: block; } } @media (min-width: 768px) { .expansion__map { margin-top: -350px; } } @media (min-width: 1200px) { .expansion__map { margin-top: -550px; margin-right: -100px; } } .plans__img img { margin-bottom: -60px; } .collaboration { padding-top: 180px; background: url("/bitrix/templates/new/../img/back-logotype2.svg") no-repeat; background-size: contain; } @media (min-width: 1200px) { .collaboration { background-position: 0 -100px; } } .collaboration .holder { margin-bottom: 0; } .collaboration .check-list { margin-bottom: 60px; } .complex-method, .parts { padding: 34px 0 0; } @media (min-width: 1200px) { .complex-method, .parts { padding: 74px 0 30px; } } .complex-method__title, .parts .h1 { font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 40px; line-height: 60px; margin-bottom: 80px; } @media (min-width: 1430px) { .complex-method__title { padding: 0 130px 0 228px; } } .conversion__head { margin-bottom: 90px; } .conversion__holder { position: relative; padding: 120px 0 60px; } .conversion__holder:before { content: ""; position: absolute; top: 0; left: -999px; bottom: 0; right: -999px; background: #e7e7e7; z-index: -1; } @media (min-width: 1430px) { .conversion__holder:before { right: 60px; left: 0; } } @media (min-width: 500px) { .conversion-plan { display: flex; } } @media (min-width: 1200px) { .conversion-plan { margin-left: -97px; } } .conversion-plan__icon { margin-right: 30px; margin-bottom: 20px; } @media (min-width: 500px) { .conversion-plan__icon { margin-bottom: 0; } } .conversion-plan__icon img { max-width: none; } .conversion-plan b { padding-top: 3px; max-width: 456px; } @media (max-width: 499px) { .conversion .holder__title { font-size: 32px; line-height: 52px; } } @media (min-width: 1430px) { .conversion .holder__content { padding-right: 60px; } } .conversion__img { height: 100%; } @media (min-width: 1024px) { .conversion__img { margin-right: -100px; } } @media (min-width: 1200px) { .conversion__img { margin-right: 0; } } @media (min-width: 768px) { .conversion__img img { max-width: none; } } @media (min-width: 1024px) { .conversion-details { display: flex; } } .conversion-details__main { margin-bottom: 40px; } @media (min-width: 1200px) { .conversion-details__main { margin-bottom: 0; } } .conversion-details__subtitle { font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 25px; line-height: 40px; margin-bottom: 45px; } .conversion-details .check-list { margin-bottom: 60px; max-width: 500px; } .conversion-details .button { width: 100%; max-width: 360px; } .completed { padding: 120px 0 0; } .completed__title { font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 40px; line-height: 60px; margin-bottom: 80px; } @media (min-width: 1430px) { .completed__title { padding: 0 130px 0 228px; } } .completed-slider { padding-top: 20px; margin-top: 100px; } @media (min-width: 1024px) { .completed-slider { padding: 0 130px; margin-top: 0; } } .completed-slider__item { height: 100%; } @media (min-width: 1024px) { .completed-slider .owl-nav { top: 50%; width: 100%; margin-top: -110px; } } .completed-slider .owl-nav button { margin-left: 0; background: #fff; border: 2px solid var(--color-yellow); width: 60px; height: 60px; } @media (min-width: 1024px) { .completed-slider .owl-nav button { position: absolute; } .completed-slider .owl-nav button.owl-next { right: 0; } } @media (max-width: 1023px) { .completed-slider .owl-nav button.owl-prev { border-right: none; } } .completed-slider .owl-nav button:hover { background: var(--color-yellow); } .completed-item { height: 100%; display: flex; flex-direction: column; } .completed-item__holder { padding: 40px 40px 60px; border: 2px solid #e7e7e7; border-top: none; flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .completed-item__name { font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 25px; line-height: 30px; margin-bottom: 45px; } .completed-item__img { height: 40vw; overflow: hidden; min-height: 300px; } @media (min-width: 1200px) { .completed-item__img { height: 416px; } } .completed-item__img img { object-fit: cover; height: 100%; width: 100%; } .completed-item .check-list { margin-bottom: 50px; } .completed-item .button { flex-shrink: 0; width: 100%; max-width: 263px; } .account .breadcrumbs { margin-bottom: 20px; } .account__title { font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 40px; line-height: 60px; margin-bottom: 80px; } .account__holder { display: flex; justify-content: space-between; flex-direction: column; } @media (min-width: 1200px) { .account__holder { flex-direction: row; } } .account__content { order: 1; } @media (min-width: 1200px) { .account__content { order: 0; flex: 1; padding-right: 100px; } } .account__control { order: 0; width: 100%; display: flex; flex-direction: column; } @media (min-width: 1200px) { .account__control { order: 1; width: 260px; padding-top: 20px; } } .account-pagination { padding-top: 35px; } @media (min-width: 768px) { .account-pagination { display: flex; justify-content: space-between; } } @media (min-width: 1200px) { .account-pagination { padding-right: 360px; } } .account-nav { border: 2px solid #e7e7e7; margin-bottom: 30px; order: 1; } @media (min-width: 1200px) { .account-nav { order: 0; } } .account-nav li { border-bottom: 2px solid #e7e7e7; } .account-nav li:last-of-type { border: none; } .account-nav li a { display: block; font-weight: 500; font-family: var(--font-title); text-transform: uppercase; font-size: 16px; line-height: 60px; padding: 0 30px; } .account-nav li a.active { background: #e7e7e7; pointer-events: none; } .account-nav li a.disabled { pointer-events: none; opacity: 0.12; } .account-nav li a span { border-bottom: 1px solid transparent; transition: border-color 0.3s; } .account-nav li a:hover span { border-color: var(--color-yellow); } .account-info { border: 2px solid #e7e7e7; padding: 30px; margin-bottom: 40px; text-align: center; } @media (min-width: 1200px) { .account-info { margin-bottom: 0; text-align: left; } } .account-info__avatar { width: 68px; height: 68px; border-radius: 50%; overflow: hidden; margin-bottom: 25px; display: inline-block; vertical-align: top; } .account-info__avatar img { width: 100%; height: 100%; object-fit: cover; } .account-info__name { margin-bottom: 10px; font-weight: bold; } .account-info__post { color: #bababa; margin-bottom: 10px; } .account-info__email { margin-bottom: 35px; } .account-info__email a { border-bottom: 1px solid var(--color-yellow); } .documents__row { border-bottom: 1px solid #e7e7e7; padding: 10px 0; } @media (min-width: 768px) { .documents__row { display: flex; width: 100%; padding: 0; } } .documents__head { font-weight: bold; display: none; } @media (min-width: 768px) { .documents__head { display: flex; } } .documents__col { padding: 10px 0; width: 100%; text-align: center; } @media (min-width: 768px) { .documents__col { padding: 15px 20px 15px 0; width: auto; text-align: left; } } @media (min-width: 768px) { .documents__col_date { width: 170px; } } /*.documents__col_date:before { content: "Дата загрузки"; font-weight: bold; display: block; }*/ @media (min-width: 768px) { .documents__col_date:before { display: none; } } .documents__col_name { flex: 1; } /*.documents__col_name:before { content: "Название документа"; font-weight: bold; display: block; }*/ @media (min-width: 768px) { .documents__col_name:before { display: none; } } @media (min-width: 768px) { .documents__col_type { width: 170px; } } /*.documents__col_type:before { content: "Тип"; font-weight: bold; display: block; }*/ @media (min-width: 768px) { .documents__col_type:before { display: none; } } @media (min-width: 768px) { .documents__col_link { width: 150px; } } /*.documents__col_link:before { content: "Скачивание"; font-weight: bold; display: block; }*/ @media (min-width: 768px) { .documents__col_link:before { display: none; } } .documents__col_link a { border-bottom: 1px solid var(--color-yellow); } .output-rows { display: flex; align-items: center; } .output-rows span { margin-right: 30px; } .output-rows .bootstrap-select { width: 82px !important; } .inner-card__main { background-color: var(--color-grey); margin-bottom: 40px; padding-bottom: 40px; } @media (min-width: 1200px) { .inner-card__main { padding-bottom: 0; margin-bottom: 100px; } } .inner-card__title { margin-top: 0; margin-bottom: 80px; } @media (min-width: 1200px) { .inner-card__title { margin-bottom: 120px; } } .inner-card__subtitle { font-size: 25px; line-height: 40px; margin-top: 50px; margin-bottom: 30px; } @media (min-width: 1430px) { .inner-card__preview { margin-left: -100px; } } .card-preview { width: 100%; } @media (min-width: 768px) { .card-preview { width: 555px; } } .card-preview__main { margin-bottom: 20px; overflow: hidden; } @media (min-width: 768px) { .card-preview__main, .card-preview__main .owl-item { height: 450px; } } .card-preview__item { height: 100%; width: 100%; } .card-preview__item img { height: 100%; width: 100%; object-fit: cover; } @media (min-width: 1200px) { .card-preview-thumbs { margin-bottom: -38px; } } .card-preview-thumbs__item { height: 76px; } .card-preview-thumbs__item img { height: 100%; width: 100%; object-fit: cover; } .inner-card-descripttion { border: 1px solid var(--color-grey); margin-bottom: 90px; } @media (min-width: 1200px) { .inner-card-descripttion { margin-bottom: 180px; } } .inner-card-descripttion__title { background-color: var(--color-grey); text-align: center; font-size: 16px; line-height: 60px; margin-top: 0; margin-bottom: 60px; } .inner-card-descripttion__content { padding: 0 15px 40px; } @media (min-width: 768px) { .inner-card-descripttion__content { padding: 0 70px 60px; } } .inner-card-descripttion__content p { margin-bottom: 40px; } .inner-card-descripttion__suntitle { margin-top: 0; padding-top: 40px; font-size: 25px; line-height: 40px; margin-bottom: 50px; } .descripttion-table { border: 1px solid var(--color-grey); padding: 30px 0; } @media (min-width: 768px) { .descripttion-table { padding: 0; border-bottom: none; } } .descripttion-table__row { border-bottom: 1px solid var(--color-grey); padding: 20px 0; } @media (max-width: 767px) { .descripttion-table__row:last-of-type { border-bottom: none; } } @media (min-width: 768px) { .descripttion-table__row { display: flex; width: 100%; padding: 0; } } .descripttion-table__head { display: none; } @media (min-width: 768px) { .descripttion-table__head { display: flex; } } .descripttion-table__head .descripttion-table__col { text-align: center; padding-top: 23px; padding-bottom: 23px; } .descripttion-table__col { padding: 0 30px; } @media (min-width: 768px) { .descripttion-table__col { padding: 15px 30px; } } .descripttion-table__col_name { flex: 1; } .descripttion-table__mobile { font-weight: bold; display: block; } @media (min-width: 768px) { .descripttion-table__mobile { display: none; } } @media (min-width: 768px) { .descripttion-table__col_name { border-right: 1px solid var(--color-grey); } } @media (min-width: 768px) { .descripttion-table__col_value { text-align: center; width: 30%; } } .catalog-tabs { display: flex; flex-direction: column; margin-bottom: 60px; } .catalog-tabs2 { display: flex; flex-direction: column; margin-top: 30px /* margin-bottom: 60px; */ } @media (min-width: 768px) { .catalog-tabs { flex-direction: row; justify-content: center; } .catalog-tabs2 { flex-direction: column; justify-content: center; } } .catalog-tabs .nav-item:not(:first-child) { margin-left: -1px; } .catalog-tabs2 .nav-item:not(:first-child) { margin-left: -1px; } .catalog-tabs__item, .catalog-tabs .nav-link, .catalog-tabs2 .nav-link { border: 1px solid var(--color-grey); background: #fff; padding: 10px 30px; text-align: center; display: block; } @media (min-width: 768px) { .catalog-tabs__item { text-align: left; } } .catalog-tabs__item.active, .catalog-tabs .nav-link.active { background-color: var(--color-yellow); border-color: var(--color-yellow); pointer-events: none; } .catalog-show-more { display: block; text-align: center; border: 2px solid var(--color-yellow); margin-top: 0; font-size: 16px; line-height: 25px; margin-bottom: 0; padding: 15px 20px; text-decoration: none; } .catalog-show-more span { margin-right: 20px; position: relative; width: 12px; height: 12px; display: inline-block; } .catalog-show-more span:before, .catalog-show-more span:after { content: ""; position: absolute; background: #000; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .catalog-show-more span:before { width: 100%; height: 2px; } .catalog-show-more span:after { height: 100%; width: 2px; } .catalog-list { display: flex; margin: 0 0 30px -30px; flex-wrap: wrap; } .catalog-list__item { width: 100%; padding-left: 30px; padding-bottom: 30px; } @media (min-width: 500px) { .catalog-list__item { width: 50%; } } @media (min-width: 768px) { .catalog-list__item { width: 33.333333%; } } @media (min-width: 1024px) { .catalog-list__item { width: 25%; } } .catalog-item { border: 1px solid var(--color-grey); display: block; height: 100%; } .catalog-item__img { overflow: hidden; display: flex; justify-content: center; align-items: center; height: 173px; } .catalog-item__img img { width: 100%; height: 100%; object-fit: cover; } .catalog-item__content { padding: 20px 20px 30px; text-align: center; } .catalog-item__name { font-weight: bold; } .addresses__title { margin-top: 0; margin-bottom: 80px; } .addresses__map { height: 650px; margin-bottom: 120px; } .addresses-control { margin-bottom: 40px; display: flex; flex-direction: column; } @media (min-width: 500px) { .addresses-control { flex-direction: row; } } .addresses-control span { margin-right: 20px; display: block; } @media (min-width: 500px) { .addresses-control span { display: inline-block; } } .addresses-control__city { margin-right: 40px; width: 100%; margin-bottom: 30px; } @media (min-width: 500px) { .addresses-control__city { width: auto; margin-bottom: 0; } } .addresses-line:not(:last-child) { margin-bottom: 40px; } @media (min-width: 500px) { .addresses-line:not(:last-child) { margin-bottom: 80px; } } .addresses-line__title { align-items: center; margin-bottom: 60px; } @media (min-width: 500px) { .addresses-line__title { display: flex; } } .addresses-line__title__space { width: 98px; margin-bottom: 20px; } @media (min-width: 500px) { .addresses-line__title__space { margin-bottom: 0; } } .addresses-line__title span { margin-top: 0; font-size: 25px; line-height: 30px; margin-bottom: 0; } .addresses-line__title img { margin-right: 30px; } .addresses-line__holder { display: flex; flex-wrap: wrap; } .addresses-item { margin-bottom: 20px; } @media (min-width: 1024px) { .addresses-item { width: 33.333333%; margin-bottom: 60px; } .addresses-line__holder { margin-bottom: -60px; } } .addresses-item__title { margin-top: 0; font-size: 20px; line-height: 30px; margin-bottom: 20px; } @media (min-width: 500px) { .addresses-item__title { display: flex; } } .addresses-item__title__space { width: 98px; padding-right: 30px; color: var(--color-yellow); } @media (min-width: 500px) { .addresses-item__title__space { text-align: right; } } .addresses-item p { margin-bottom: 20px; } @media (min-width: 500px) { .addresses-item p { padding-left: 98px; } } .addresses-empty { display: none; } .contacts { margin-bottom: -80px; } .contacts__title { margin-top: 0; margin-bottom: 40px; } .contacts__map { height: 590px; } .contacts-list { margin-bottom: 80px; } @media (min-width: 1024px) { .contacts { margin-bottom: -120px; } .contacts__title { margin-bottom: 80px; } .contacts-list { display: flex; } } .contacts-item { margin-bottom: 20px; } @media (min-width: 1024px) { .contacts-item { width: 33.333333%; margin-bottom: 0; } } .contacts-item__title { align-items: center; margin-top: 0; font-size: 25px; line-height: 30px; margin-bottom: 20px; } @media (min-width: 500px) { .contacts-item__title { display: flex; } } .contacts-item__title__icon { width: 98px; margin-bottom: 20px; } @media (min-width: 500px) { .contacts-item__title__icon { margin-bottom: 0; } } @media (min-width: 500px) { .contacts-item p { padding-left: 98px; } } .contacts-item p a { border-bottom: 1px solid rgba(253, 189, 64, 0.5); } @media (max-width: 1429px) { .container { max-width: 1300px; } .xxl-col-1 { width: 8.33333%; } .xxl-col-2 { width: 16.66667%; } .xxl-col-3 { width: 25%; } .xxl-col-4 { width: 33.33333%; } .xxl-col-5 { width: 41.66667%; } .xxl-col-6 { width: 50%; } .xxl-col-7 { width: 58.33333%; } .xxl-col-8 { width: 66.66667%; } .xxl-col-9 { width: 75%; } .xxl-col-10 { width: 83.33333%; } .xxl-col-11 { width: 91.66667%; } .xxl-col-12 { width: 100%; } .xxl-hidden { display: none; } } @media (max-width: 1299px) { .container { max-width: 1200px; } .xl-col-1 { width: 8.33333%; } .xl-col-2 { width: 16.66667%; } .xl-col-3 { width: 25%; } .xl-col-4 { width: 33.33333%; } .xl-col-5 { width: 41.66667%; } .xl-col-6 { width: 50%; } .xl-col-7 { width: 58.33333%; } .xl-col-8 { width: 66.66667%; } .xl-col-9 { width: 75%; } .xl-col-10 { width: 83.33333%; } .xl-col-11 { width: 91.66667%; } .xl-col-12 { width: 100%; } .xl-hidden { display: none; } } @media (max-width: 1199px) { .container { max-width: 1024px; } .lg-col-1 { width: 8.33333%; } .lg-col-2 { width: 16.66667%; } .lg-col-3 { width: 25%; } .lg-col-4 { width: 33.33333%; } .lg-col-5 { width: 41.66667%; } .lg-col-6 { width: 50%; } .lg-col-7 { width: 58.33333%; } .lg-col-8 { width: 66.66667%; } .lg-col-9 { width: 75%; } .lg-col-10 { width: 83.33333%; } .lg-col-11 { width: 91.66667%; } .lg-col-12 { width: 100%; } .lg-hidden { display: none; } } @media (max-width: 1023px) { .container { max-width: 768px; } .md-col-1 { width: 8.33333%; } .md-col-2 { width: 16.66667%; } .md-col-3 { width: 25%; } .md-col-4 { width: 33.33333%; } .md-col-5 { width: 41.66667%; } .md-col-6 { width: 50%; } .md-col-7 { width: 58.33333%; } .md-col-8 { width: 66.66667%; } .md-col-9 { width: 75%; } .md-col-10 { width: 83.33333%; } .md-col-11 { width: 91.66667%; } .md-col-12 { width: 100%; } .md-hidden { display: none; } } @media (max-width: 767px) { .container { max-width: 500px; } .sm-col-1 { width: 8.33333%; } .sm-col-2 { width: 16.66667%; } .sm-col-3 { width: 25%; } .sm-col-4 { width: 33.33333%; } .sm-col-5 { width: 41.66667%; } .sm-col-6 { width: 50%; } .sm-col-7 { width: 58.33333%; } .sm-col-8 { width: 66.66667%; } .sm-col-9 { width: 75%; } .sm-col-10 { width: 83.33333%; } .sm-col-11 { width: 91.66667%; } .sm-col-12 { width: 100%; } .sm-hidden { display: none; } } @media (max-width: 499px) { .xs-col-1 { width: 8.33333%; } .xs-col-2 { width: 16.66667%; } .xs-col-3 { width: 25%; } .xs-col-4 { width: 33.33333%; } .xs-col-5 { width: 41.66667%; } .xs-col-6 { width: 50%; } .xs-col-7 { width: 58.33333%; } .xs-col-8 { width: 66.66667%; } .xs-col-9 { width: 75%; } .xs-col-10 { width: 83.33333%; } .xs-col-11 { width: 91.66667%; } .xs-col-12 { width: 100%; } .xs-hidden { display: none; } } @media (min-width: 1430px) { .xxl-visible { display: none; } .xxl-flex { display: flex; } } @media (min-width: 1300px) { .xl-visible { display: none; } .xl-flex { display: flex; } } @media (min-width: 1200px) { .lg-visible { display: none; } .lg-flex { display: flex; } } @media (min-width: 1024px) { .md-visible { display: none; } .md-flex { display: flex; } } @media (min-width: 768px) { .sm-visible { display: none; } .sm-flex { display: flex; } } @media (min-width: 500px) { .xs-visible { display: none; } .xs-flex { display: flex; } } .btn-group { display: flex; flex-wrap: wrap; margin: -30px 0 0 -30px; } .btn-group > .button { margin: 30px 0 0 30px; } @media (max-width: 767px) { .btn-group { margin: -15px 0 0 -15px; } .btn-group > .button { margin: 15px 0 0 15px; } } .button--text { padding-left: 5px; padding-right: 5px; min-width: 0; } .button--text, .button--text:hover { background: transparent; box-shadow: none; } .button--text span { border-bottom: 1px solid rgba(253, 189, 64, 0.5); transition: border-color 0.2s; } .button--text:hover span { border-color: var(--color-yellow); } h2, h3, h4, .h2, .h3, .h4 { text-transform: uppercase; font-family: var(--font-title); font-weight: 500; } h2, .h2 { font-size: 40px; line-height: 60px; margin-bottom: 40px; } h3, .h3 { font-size: 25px; line-height: 40px; } @media (min-width: 1024px) { .models-list_big .models-item { width: 50%; } } .row__title { margin-bottom: 40px; } .more { margin-top: 30px; } .button--white, .button--white:hover { background: #fff; box-shadow: none; } .calc__steps { display: flex; flex-wrap: wrap; margin: 0 0 0 -20px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; font-size: 14px; line-height: 30px; margin-bottom: 32px; padding-top: 8px; } .calc__steps li { margin: 0 0 20px 20px; padding: 0 10px; background: #e7e7e7; width: 30px; text-align: center; border-radius: 15px; white-space: nowrap; transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out; } .calc__steps li span { display: inline-block; vertical-align: top; } .calc__steps li span:first-child { width: 0; overflow: hidden; text-align: left; transition: width 0.2s ease-in-out; } [data-step="1"] .calc__steps li:nth-child(1), [data-step="2"] .calc__steps li:nth-child(2), [data-step="3"] .calc__steps li:nth-child(3), [data-step="4"] .calc__steps li:nth-child(4), [data-step="5"] .calc__steps li:nth-child(5), [data-step="6"] .calc__steps li:nth-child(6) { background-color: #fdbd40; width: 72px; } [data-step="1"] .calc__steps li:nth-child(1) span:first-child, [data-step="2"] .calc__steps li:nth-child(2) span:first-child, [data-step="3"] .calc__steps li:nth-child(3) span:first-child, [data-step="4"] .calc__steps li:nth-child(4) span:first-child, [data-step="5"] .calc__steps li:nth-child(5) span:first-child, [data-step="6"] .calc__steps li:nth-child(6) span:first-child { width: 29px; } .calc__question { font-weight: bold; font-size: 20px; margin-bottom: 35px; } .calc__actions { margin-top: 40px; } .calc__content { position: relative; } .calc__content-item { transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transform: translateX(-100px); opacity: 0; visibility: hidden; position: absolute; top: 0; } [data-step="1"] .calc__content .calc__content-item:nth-child(1), [data-step="2"] .calc__content .calc__content-item:nth-child(2), [data-step="3"] .calc__content .calc__content-item:nth-child(3), [data-step="4"] .calc__content .calc__content-item:nth-child(4), [data-step="5"] .calc__content .calc__content-item:nth-child(5), [data-step="6"] .calc__content .calc__content-item:nth-child(6) { transform: translateX(0); opacity: 1; visibility: visible; position: relative; } [data-step="1"] .calc__content .calc__content-item:nth-child(1) ~ .calc__content-item, [data-step="2"] .calc__content .calc__content-item:nth-child(2) ~ .calc__content-item, [data-step="3"] .calc__content .calc__content-item:nth-child(3) ~ .calc__content-item, [data-step="4"] .calc__content .calc__content-item:nth-child(4) ~ .calc__content-item, [data-step="5"] .calc__content .calc__content-item:nth-child(5) ~ .calc__content-item, [data-step="6"] .calc__content .calc__content-item:nth-child(6) ~ .calc__content-item { transform: translateX(100px); } .button .icon-arrow-right { margin-left: 20px; margin-right: 0; } .button .icon-arrow-left { margin-right: 20px; margin-left: 0; transform: scaleX(-1); } .scheme { margin-bottom: 80px; } .scheme img { display: block; margin: 0 auto; } .icon { padding-left: 83px; margin-bottom: 50px; } .icon_header { margin-bottom: 42px; } .icon__title { position: relative; display: block; font-size: 25px; line-height: 38px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; max-width: 360px; } .icon__text { padding-top: 20px; display: block; max-width: 360px; } .icon__image { position: absolute; left: -83px; top: -15px; width: 68px; height: 68px; } .icon__image img { max-width: 100%; max-height: 100%; } .icon__description { display: block; margin-top: 1px; } .item-chars { margin-bottom: 80px; } @media (min-width: 1024px) { .item-chars { margin-bottom: 145px; } } @media (min-width: 1430px) { .offset-xl-1 .icon { margin-left: -98px; } .icon__text { padding-bottom: 20px; } } .chars-table { border-top: 2px solid #e7e7e7; } .chars-table dl { display: block; padding: 5px 0; border-bottom: 2px solid #e7e7e7; } .chars-table__item dd { font-weight: bold; } .chars-table__extend { margin-top: 40px; } .chars-block__extra { margin-top: 50px; display: none; } .chars-block.active .chars-block__extra { display: block; } @media (min-width: 767px) { .chars-table, .chars-table__extend { margin-left: 98px; margin-right: 98px; } .chars-table dl { display: flex; padding: 9px 0; } .chars-table dt { flex: 0 0 62%; } .icon { padding-left: 98px; } .icon__image { left: -98px; } } @media (min-width: 1024px) { .icon:not(.icon_header) { margin-bottom: 80px; } .scheme { margin-bottom: 130px; } .chars-block__extra { margin-top: 80px; } } .pt-5 { padding-top: 5px; } .pt-top { padding-top: 40px; } .pt-bottom { padding-bottom: 40px; } @media (min-width: 1023px) { .pt-top { padding-top: 120px; } .pt-bottom { padding-bottom: 120px; } } .advantages .row_title { margin-bottom: 40px; } @media (min-width: 1024px) { .advantages .row_title { margin-bottom: 73px; } } .advantages__mark { position: relative; margin-bottom: 20px; font-style: italic; margin-left: 83px; } .advantages__mark-icon { position: absolute; left: -83px; top: -5px; } .advantages__mark-icon .image-mark { transform: scaleX(-1); } .advantages__mark-title { max-width: 400px; } @media (min-width: 767px) { .advantages__mark-icon { left: -98px; } .advantages__mark { margin-left: 98px; } } @media (min-width: 1200px) { .advantages__mark { margin-left: 0; } } .row_intro { margin-bottom: 50px; } @media (max-width: 767px) { .row_intro { margin-bottom: 20px; } } .advantages__full { width: 100%; overflow: hidden; } .advantages__full-image { position: relative; left: 50%; width: 160%; padding-top: 83.333333%; transform: translateX(-50%); } .advantages__full-image > img { width: 100%; position: absolute; left: 0; top: 0; } @media (min-width: 1200px) { .advantages__full-image { width: 1920px; padding-top: 0; height: 1000px; } } .image-marks { opacity: 0; transition: opacity 1s; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .image-marks__item { position: absolute; width: 1px; height: 1px; } .image-marks__item svg { cursor: pointer; } img[data-loaded="true"] + .image-marks { opacity: 1; } .image-marks__item .image-mark__back { fill: #fdbd40; transition: all 0.5s; } .image-marks__item:hover .image-mark__back { fill: #fed249; stroke: #fed249; } .image-marks__item .image-mark__symbol { stroke: #1c1c1c; transition: all 0.5s; transform-origin: center; } .image-marks__item .image-mark { position: absolute; right: 0; bottom: 0; } .image-marks__info { position: absolute; left: -20px; top: -20px; background: #fff; padding: 50px 60px; min-width: 480px; transition: all 0.5s ease; transform: scale(0.2) translate(-20px, -20px); opacity: 0; visibility: hidden; transform-origin: left top; } .image-marks__info .h3 { margin: 0 0 20px 0; } .image-marks__info { margin: 0; } .image-marks__image { margin: 30px 0 0; } .image-marks__item.active { z-index: 10; } .image-marks__item.active .image-marks__info { transform: scale(1); opacity: 1; visibility: visible; } .image-marks__item.active .image-mark__back { fill: #e7e7e7; stroke: #e7e7e7; } .image-marks__item.active .image-mark__symbol { transform: rotate(135deg); } @media (max-width: 767px) { .image-marks__item { transform: scale(0.5); } } @media (max-width: 380px) { .image-marks__item { transform: scale(0.35); } } .image-marks__item_lb .image-mark { transform: scaleY(-1); transform-origin: right bottom; } .image-marks__item_lb .image-marks__info { top: auto; bottom: -20px; transform-origin: left bottom; transform: scale(0.2) translate(-20px, 20px); } .image-marks__item_rt .image-mark { transform: scaleX(-1); transform-origin: right top; } .image-marks__item_rt .image-marks__info { left: auto; right: -20px; transform-origin: right top; transform: scale(0.2) translate(20px, -20px); } .image-marks__item_rb .image-mark { transform: scaleY(-1) scaleX(-1); transform-origin: right bottom; } .image-marks__item_rb .image-marks__info { left: auto; top: auto; bottom: -20px; right: -20px; transform-origin: right bottom; transform: scale(0.2) translate(-20px, -20px); } .advantages { margin-bottom: 80px; } .advantages__form { position: relative; background: #fff; border: 2px solid #e7e7e7; margin-top: 40px; padding: 40px; } .advantages__form-title { margin-bottom: 40px; } @media (min-width: 768px) { .advantages__form { min-height: 220px; margin-top: -110px; } } @media (min-width: 1024px) { .advantages { margin-bottom: 120px; } .advantages__form { display: flex; padding-left: 93px; padding-right: 93px; align-items: center; justify-content: space-between; } .advantages__form-title { margin-bottom: 0; max-width: 550px; } .advantages__form-action { padding-left: 30px; } } @media (min-width: 768px) { .bordered-block { padding: 40px; border: 2px solid #e7e7e7; } } @media (min-width: 1200px) { .bordered-block { padding: 107px 0; margin-left: 60px; } .bordered-block__holder { margin-left: -60px; } } @media (max-width: 1199px) { .bordered-block__holder .b-container { padding-left: 0; padding-right: 0; } } .iconize { display: flex; align-items: center; } .iconize__icon { flex: 0 0 68px; width: 68px; margin-right: 30px; } .iconize__icon img { max-width: 100%; } .iconize__text { font-weight: bold; } .mb-large { margin-bottom: 40px; } .mb-extra-large { margin-bottom: 60px; } @media (min-width: 1200px) { .mb-large { margin-bottom: 50px; } .mb-extra-large { margin-bottom: 90px; } .iconize { margin-left: -98px; } } .aside-image { position: relative; margin-bottom: 40px; } @media (min-width: 1200px) { .aside-image img { position: absolute; right: 0; top: -54px; width: 520px; max-width: 520px; } } @media (min-width: 1430px) { .aside-image img { width: 590px; max-width: 590px; } } section.regular { margin-bottom: 80px; } @media (min-width: 1024px) { section.regular { margin-bottom: 105px; } } .add-equipment__image { display: block; position: relative; border: 2px solid #e7e7e7; height: 360px; box-sizing: border-box; } .add-equipment__image img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .add-equipment__content { background: #e7e7e7; padding: 30px 40px 40px; } .add-equipment__title { text-transform: uppercase; font-family: var(--font-title); font-weight: 500; font-size: 20px; line-height: 35px; margin-bottom: 35px; } .swiper-holder { position: relative; } .swiper-holder > .swiper-pagination { bottom: -40px; left: 0; width: 100%; } .swiper-holder > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-holder .swiper-button-prev, .swiper-holder .swiper-button-next { width: 60px; height: 60px; border: 2px solid #fdbd40; color: #000; transition: 0.2s; } .swiper-holder .swiper-button-prev:hover, .swiper-holder .swiper-button-next:hover { background-color: #fed249; border-color: #fed249; box-shadow: 0 5px 15px 0 rgba(253, 189, 64, 0.35); } @media (max-width: 1429px) { .swiper-holder .swiper-button-prev, .swiper-holder .swiper-button-next { display: none; } } @media (min-width: 1430px) { .swiper-holder .swiper-button-prev { left: -130px; } .swiper-holder .swiper-button-next { right: -130px; } .swiper-holder .swiper-pagination { opacity: 0; visibility: hidden; } } .swiper-holder > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-holder > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } @media (min-width: 768px) { .mb-sm-30 { margin-bottom: 30px; } .mb-sm-50 { margin-bottom: 50px; } } .joining .b-container { position: relative; z-index: 2; } .video + .joining { margin-top: 60px; } .row_title h2 { margin-bottom: 0; } .mb-0 { margin-bottom: 0 !important; } .mt-section { margin-top: 80px; } @media (min-width: 1024px) { .mt-section { margin-top: 120px; } } .map-balloon { max-width: 320px; padding: 10px; font-family: var(--font-noto); color: var(--color-text); } .map-balloon__title { font-weight: 500; font-family: var(--font-title); font-size: 16px; line-height: 1.5; margin-bottom: 10px; } .map-balloon__list dt { color: #949ba8; } .map-balloon__status { margin-top: 15px; } .map-balloon__status-item { display: flex; align-items: center; margin-bottom: 6px; } .map-balloon__status-icon { flex: 0 0 30px; text-align: center; margin-right: 8px; } .header-menu { position: absolute; top: 100%; left: 0; right: 0; background: #e7e7e7; overflow: hidden; opacity: 0; visibility: hidden; padding: 70px 30px 40px; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } .header-menu-brand { position: absolute; top: 100%; left: 0; right: 0; background: #e7e7e7; overflow: hidden; opacity: 0; visibility: hidden; padding: 40px 30px 40px; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } ._menu-is-open .header-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } ._menu-brand-is-open .header-menu-brand { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .header-menu__image { display: flex; height: 100px; border-bottom: 2px solid #423d3f; align-items: flex-end; margin-bottom: 31px; } .header-menu__title { font-family: var(--font-title); text-transform: uppercase; font-size: 16px; line-height: 30px; } .header-menu__head { margin-bottom: 11px; } .header-menu__submenu { font-size: 14px; margin-right: 30px; } .header-menu__submenu a { border-bottom: 1px solid transparent; white-space: nowrap; transition: border-bottom-color 0.2s; } .header-menu__submenu a:hover { border-bottom-color: var(--color-yellow); } .header-menu__block { padding-right: 30px; } .header-menu__subsection { font-size: 14px; opacity: 0.5; } .header-menu__subsection a { color: inherit; } .header-menu__sub { margin-right: 30px; } .header-menu__subsection { margin: 0; } .row + .header-menu__subsection { margin-top: 10px; } .header-menu__actions { border-top: 2px solid #fff; padding-top: 40px; margin-top: 40px; display: flex; justify-content: space-between; align-items: center; } .header-menu__actions-text { margin-right: 30px; display: flex; align-items: center; font-size: 14px; } .header-menu__actions-icon { flex: 0 0 68px; margin-right: 30px; } .header-menu__actions-details b { display: block; font-weight: normal; font-family: var(--font-title); text-transform: uppercase; font-size: 20px; line-height: 30px; margin-bottom: 3px; } @media (max-width: 767.98px) { .header-menu { display: none !important; } } @media (min-width: 1300px) { [data-catalog-menu-opener],[data-brand-menu-opener] { height: 100px; position: relative; cursor: pointer; } [data-catalog-menu-opener]:hover .menu-link, [data-brand-menu-opener]:hover .menu-link { border-bottom-color: var(--color-yellow); } [data-catalog-menu-opener]:after, [data-brand-menu-opener]:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -10px; top: 100%; margin-top: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e7e7e7 transparent; opacity: 0; visibility: hidden; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } ._menu-is-open [data-catalog-menu-opener]:after, ._menu-brand-is-open [data-brand-menu-opener]:after { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } } ul.menu-item-sub, ul.menu-item-sub-brand { flex: 0 0 100%; font-size: 14px; line-height: 22px; transition: all 0.2s; max-height: 0; display: block; overflow: hidden; } ._menu-is-open ul.menu-item-sub, ._menu-brand-is-open ul.menu-item-sub-brand { padding-top: 15px; max-height: 500px; } ul.menu-item-sub li, ul.menu-item-sub-brand li{ margin-bottom: 10px; } @media (min-width: 769px) { ul.menu-item-sub, ul.menu-item-sub-brand { display: none !important; } } .search-form { display: flex; margin-bottom: 50px; } .search-form__input { flex: 1 1 auto; } .search-form__input input { width: 100%; background: var(--color-grey); border: 0; padding: 0 20px; height: 60px; font-size: 26px; line-height: 26px; } .search-page__item { margin-bottom: 30px; } .search-page__link { font-size: 24px; line-height: 32px; margin-bottom: 5px; } .header-search-top.active { top: 0; } .header-search-top { position: fixed; left: 0; width: 100%; background: #fff !important; top: -200px; z-index: 3000; transition-duration: 0.5s; } .header-search-top .search-form { margin: 0; border-bottom: 1px solid #fed249; align-items: center; } .header-search-top .search-form__input input { padding-left: 0; background: transparent; height: 151px; } .search-form__close { padding: 10px 0 10px 10px; margin-left: 20px; cursor: pointer; } .search-form__close svg { display: block; background: #b8b8b8; transition: background 0.3s ease; } .search-form__close:hover svg { background: #fed249; } @media (max-width: 767.98px) { .search-form__submit .button { min-width: 0; } .header-search-top .search-form { border-bottom: 0; } .pt { padding-top: 30px; } } .header-login__link_light span { margin-left: 0; opacity: 0.5; border-bottom: 1px dashed #fdbd40; transition: opacity 0.3s ease; } .header-login__link_light:hover span { opacity: 1; color: #fff; border-bottom: 1px dashed #fdbd40; } [data-href] { cursor: pointer; } .text-default p, .text-default ol, .text-default ul { margin-bottom: 15px; } .text-default ul { list-style: disc; margin-left: 50px; } .text-default ol { list-style: decimal; margin-left: 50px; } .add-equipment__title { min-height: 66px; } .colored { color: var(--color-yellow); } .page-404 { padding-top: 60px; padding-bottom: 60px; align-items: center; } .page-404 a { text-decoration: underline; } .head-404 { font-size: 150px; line-height: 150px; font-weight: bold; text-align: center; } @media (min-width: 1024px) { .head-404 { font-size: 250px; line-height: 250px; } } .parts-item { border: 2px solid #e7e7e7; margin-bottom: 20px; } .parts-item__content { padding: 20px; } .parts-item__title, .parts-item__price b { font-size: 25px; line-height: 35px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; } .parts-item__marking { opacity: 0.6; margin-top: 3px; } .parts-item__content-extra { display: flex; justify-content: space-between; margin-top: 10px; } .parts-item__availability { margin-top: 10px; } .parts-item__image-holder { display: block; width: 100px; height: 100px; position: relative; } .parts-item__image-holder img { width: 100%; } .parts-item__image-holder_nophoto img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; } .parts-item__actions { margin-left: 25px; } .parts-item__image-holder_nophoto { padding-top: 0; height: 80px; width: 80px; } .goods__photos-thumbs img.swiper-lazy:not(.swiper-lazy-loaded) { opacity: 0; } .parts-actions { display: none; margin-bottom: 30px; border: 2px solid #e7e7e7; padding: 22px 25px 25px; } .parts-actions .button { width: 100%; } .parts-actions p { margin-bottom: 20px; } .parts-actions__header { display: block; font-size: 16px; line-height: 26px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; margin-bottom: 25px; } .parts-actions__divider { font-size: 16px; line-height: 26px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; text-align: center; position: relative; margin: 24px 0 15px; opacity: .1; } .parts-actions__divider > span { display: inline-block; background: #fff; padding: 0 10px; position: relative; } .parts-actions__divider:before { content: ''; display: block; width: 100%; height: 2px; font-size: 0; background: var(--color-text); position: absolute; top: 50%; margin-top: -1px; } @media (max-width: 767.98px) { .parts-item__image-holder { margin-left: 18px; margin-top: 18px; } } @media (min-width: 768px) { .parts-item__holder { display: flex; } .parts-item__image { flex: 0 0 156px; width: 156px; } .parts-item__image-holder { width: 156px; height: 156px; } .parts-item__content { display: flex; width: 100%; justify-content: space-between; } .parts-item__content-extra { margin-top: 0; } .parts-item__content-extra { margin-left: 30px; } } @media (min-width: 1024px) { .parts-actions { display: block; } .parts-row { display: flex; margin: 0 -15px; } .parts-items, .parts-selector { padding: 0 15px; } .parts-item__content { padding-left: 30px; } .parts-items { flex: 0 0 75%; max-width: 75%; order: 1; } .parts-selector { flex: 0 0 25%; max-width: 25%; order: 2; } } @media (min-width: 1200px) { .parts-items .button--sm { min-width: 165px; } .parts-items { padding-right: 45px; } } .button--sm { min-width: 0; height: 50px; } .availability { font-weight: bold; position: relative; } .availability_yes { padding-left: 29px; display: inline-block; } .availability_yes:before { content: ""; display: block; width: 21px; height: 21px; position: absolute; left: 0; top: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(253, 189, 64)' d='M10.000,0.000 C15.523,0.000 20.000,4.477 20.000,10.000 C20.000,15.523 15.523,20.000 10.000,20.000 C4.477,20.000 0.000,15.523 0.000,10.000 C0.000,4.477 4.477,0.000 10.000,0.000 Z'/%3E%3Cpath fill-rule='evenodd' stroke='rgb(28, 28, 28)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='round' fill='none' d='M5.682,9.764 L9.481,12.953 L14.228,6.622 '/%3E%3C/svg%3E"); } .pagination-container { margin-left: -20px; margin-top: 30px } .pagination { display: -ms-flexbox; display: -webkit-box; display: flex; padding-left: 0; list-style: none; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; font-size: 16px; } .page-link { position: relative; display: block; padding: 0 .5rem; text-align: center; font-weight: 500; min-height: 60px; min-width: 60px; margin-left: -2px; line-height: 56px; color: #1c1c1c; background-color: #fff; border: 2px solid #e7e7e7 } .page-link svg { margin-top: 2px; margin-bottom: -2px; } .page-link:hover { z-index: 2; color: #1c1c1c; text-decoration: none; background-color: #e7e7e7; border-color: #e7e7e7 } .page-link:focus { z-index: 3; outline: 0 } .page-item:first-child .page-link { margin-left: 0 } .page-item.active .page-link { z-index: 3; background-color: #e7e7e7; border-color: #e7e7e7 } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 } .pagination-container .pagination { margin-left: 20px } .parts-sections { margin-bottom: 30px; } .parts-sections__link { display: block; font-size: 16px; line-height: 26px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; border: 2px solid #e7e7e7; transition: 0.2s; padding: 15px 25px; } .parts-sections__link:hover, .parts-sections__link.active { background: #e7e7e7; } .parts-sections__list > li:not(:first-child) { margin-top: -2px; } .smart-filter { margin-bottom: 30px; border: 2px solid #e7e7e7; padding: 22px 25px; } .smart-filter-button-box { display: none; } .smart-filter-button-box.active { display: block; margin-top: 20px } #set_filter { display: none } #del_filter { border: 0; outline: none; box-shadow: none; background: transparent; font-size: 16px; line-height: 26px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; cursor: pointer; } .smart-filter-parameters-box-title { display: block; font-size: 16px; line-height: 26px; text-transform: uppercase; font-family: var(--font-title); font-weight: 500; margin-bottom: 25px; } .smart-filter-checkbox-text { font-size: 14px; } .checkbox label.smart-filter-checkbox-text { padding-left: 30px; } .checkbox label.smart-filter-checkbox-text:before { top: 4px; } .smart-filter-input-group-checkbox-list .checkbox { margin-bottom: 0; } .smart-filter-count { display: inline-block; background: var(--color-yellow); line-height: 18px; padding: 0 5px; border-radius: 10px; min-width: 18px; text-align: center; font-size: 11px; margin-left: 3px; } .parts-card__names { opacity: .5; } .parts-card__title { margin-bottom: 7px; } .parts-card__content .table { margin-top: 50px; border-top: 2px solid #d2d2d2; width: 100%; } .parts-card__content .table__value { padding-left: 30px; } .parts-card__content .table td, .parts-card__content .table th { border-bottom: 2px solid #d2d2d2; padding-top: 8px; padding-bottom: 10px; } .parts-card__price { margin-top: 48px; } .parts-card__price-main, .parts-card__price-actions { margin-bottom: 20px; } .parts-card__price-value { text-transform: uppercase; font-family: var(--font-title); font-weight: 500; margin-bottom: 5px; } .parts-card__price-value b { font-size: 40px; line-height: 60px; font-weight: 500; } .parts-card__actions { margin-top: 20px; } .parts-card__actions p { opacity: .5; } .parts-card__actions-items .button:not(:hover) { background: #f2f3f4; } .parts-description { padding-bottom: 0!important; margin-bottom: 0!important; } .parts-card__actions-items { margin-top: 30px; } .parts-card__actions-items > div:not(:last-child) { margin-bottom: 15px; } .parts-card .showcase-image { background: #f2f3f4; } .goods__photos-thumbs { display: none; } @media (min-width: 768px) { .parts-card__actions-items { display: flex; justify-content: space-between; } .parts-card__price-actions .button { min-width: 263px; } .parts-card__price { display: flex; justify-content: space-between; align-items: center; } } @media (min-width: 1024px) { .showcase-content.parts-card__holder { padding-top: 80px; padding-bottom: 80px; } .parts-card__content, .parts-card__images { max-width: 590px } .parts-card__content .table__value { width: 293px; } .parts-description { margin-bottom: -100px!important; } .parts-card .showcase-image { height: calc(100% - 90px); } .goods__photos-thumbs { display: block; margin-top: 25px; } .parts-card .showcase-inner { justify-content: space-between; } .parts-card__images { position: relative; width: 45%; z-index: 3; background: #f2f3f4; padding: 60px 0; } } @media (min-width: 1200px) { .parts-card__actions-items .button { min-width: 263px; } } .goods__photos .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 0; bottom: 0; height: 2px; width: 100% } .goods__photos .swiper-scrollbar { border-radius: 0; background: #eee } .goods__photos .swiper-scrollbar-drag { background: var(--color-text); } .goods__photos .swiper-button-next:after, .goods__photos .swiper-button-prev:after { font-size: 30px; color: #fff } .goods__photos .swiper-button-next, .goods__photos .swiper-button-prev { -webkit-transition: opacity .15s ease,-webkit-transform .15s ease; transition: opacity .15s ease,-webkit-transform .15s ease; transition: transform .15s ease,opacity .15s ease; transition: transform .15s ease,opacity .15s ease,-webkit-transform .15s ease } .goods__photos .swiper-button-next { -webkit-transform: translateX(40px); transform: translateX(40px) } .goods__photos .swiper-button-prev { -webkit-transform: translateX(-40px); transform: translateX(-40px) } .goods__photos .swiper-container:hover .swiper-button-next, .goods__photos .swiper-container:hover .swiper-button-prev { -webkit-transform: translateX(0); transform: translateX(0) } .goods__photos .swiper-slide { text-align: center } .goods__photos .swiper-slide img { max-width: 100%; height: auto } .goods__photos .swiper-container-horizontal > .swiper-pagination-bullets, .goods__photos .swiper-pagination-custom, .goods__photos .swiper-pagination-fraction { bottom: 4px } .goods__photos .swiper-pagination-bullet { width: 6px; height: 6px } .goods__photos .swiper-pagination-bullet:not(.swiper-pagination-bullet-active-main) { background: #fff; opacity: .75 } .goods__photos .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-text) } .goods__photos .swiper-lazy-preloader { width: 100%; height: 100%; left: 0; top: 0; margin-left: 0; margin-top: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-animation: none; animation: none; border: 0; border-radius: 0 } .goods__photos-thumbs .swiper-slide img { opacity: .5; -webkit-transition: opacity .15s ease; transition: opacity .15s ease; cursor: pointer; object-fit: cover; } .goods__photos-thumbs .swiper-slide-thumb-active img, .goods__photos-thumbs .swiper-slide:hover img { opacity: 1 } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: auto; cursor: auto } @media (max-width:991.98px) { .goods__photos .swiper-button-next, .goods__photos .swiper-button-prev { display: none } } @media (max-width: 1023px) { .showcase-image.parts-card__images { height: auto; width: 100%; } .parts-card .showcase-image { display: none; } .showcase-content.parts-card__holder { padding-top: 40px } } .parts-description__back { background: #e7e7e7; margin-top: 30px; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 1024px) { .parts-description__back { padding-bottom: 0; margin-bottom: 60px; } } @media (min-width: 1024px) { .parts-description__back { margin-top: 70px; padding-top: 110px; margin-bottom: 110px; } } @media (min-width: 1430px) { .parts-description__back { margin-top: 20px; } } .parts .h1 { margin-bottom: 30px; } .parts-search { margin-bottom: 30px; } .parts-search .form-control { border: 2px solid #e7e7e7; border-right: 0; width: 100%; height: 60px; padding: 10px 25px; } .button-square { width: 60px; padding-left: 0; padding-right: 0; min-width: 0; text-align: center; } .button-square svg { margin-right: 0; } @media (min-width: 1024px) { .parts .h1, .parts-search { margin-bottom: 60px; } } .header-menu__actions_light { background: #fff; border-top: 0; padding: 40px; margin-top: 0; } .header-menu__actions_light .header-menu__actions-text { align-items: flex-start; } .header-menu__actions_light .header-menu__actions-button { margin-top: 25px; } p.img-double { margin: 30px 0; display: flex; width: 100%; max-width: none!important; } p.img-double img { flex: 1 1 50%; width: 50%!important; } .news-detail h3 { margin-bottom: 30px; } .news-detail a { text-decoration: underline; } .news-detail a[href^='tel:'] { text-decoration: none; } .news-detail iframe { max-width: 100%; } .news-detail p,.news-detail ol,.news-detail ul { margin-bottom: 30px; } .news-detail p+h2,.news-detail p+h3,.news-detail ul+h2,.news-detail ul+h3 { margin-top: 50px; } ol.list-styled { list-style-type: none; counter-reset: num; margin: 0 0 30px 30px; padding: 0; } ol.list-styled li { position: relative; margin: 0 0 15px; padding: 0; } ul.list-styled { list-style-type: none; margin: 0 0 30px 30px; padding: 0; } ul.list-styled > li { position: relative; margin: 0 0 15px; padding: 0; } ul.list-styled > li:last-child { margin-bottom: 0; } ol.list-styled > li:before { content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: 0; left: -30px; background: #fff; color: var(--color-yellow); text-align: left; font-weight: 700; } ul.list-styled li:before { content: ''; display: inline-block; position: absolute; top: 5px; left: -30px; width: 20px; height: 20px; background: url(/local/img/check.svg) center center no-repeat; text-align: center; } .extra-text { margin-bottom: 20px; margin-top: -20px; } .extra-text_bottom { margin-top: 40px; margin-bottom: 0; } .extra-text_bottom > *:last-child { margin-bottom: 0; } .extra-text p, .extra-text h3 { margin-bottom: 30px; } .extra-text a { text-decoration: underline; } .extra-text a[href^='tel:'] { text-decoration: none; } @media (min-width: 1024px) { .extra-text { margin-bottom: 40px; margin-top: -40px; } .extra-text_bottom { margin-top: 40px; margin-bottom: 0; } } .hide { display: none; } .link-underline a,.inner-card-descripttion a { text-decoration: underline; } .videowrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 30px; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } .article-content { border: 2px solid var(--color-grey);; background: #fafafa; padding: 15px 17px; margin-bottom: 30px; font-size: 14px; line-height: 24px; } .article-content ol li { margin-top: 10px; } .article-content__title { font-weight: 500; font-family: var(--font-title); margin-bottom: 15px; } .article-content ol { list-style-type: decimal; margin-left: 15px; } .article-content ol ol { list-style-type: lower-alpha; margin-top: 10px; } .article-content__list { border-bottom: 2px solid var(--color-grey); padding-bottom: 15px; margin-bottom: 15px; } @media (min-width: 992px) { .article-content { float: right; width: 280px; margin-left: 40px; } } .footer-branches { max-height: 0; overflow: hidden; } .footer-branches.active { max-height: 2000px; } .advantages a:not(.button) { text-decoration: underline; } .bg-block { background-color: #e7e7e7; padding-top: 80px; padding-bottom: 80px; margin-top: 80px; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } .table-chars table { width: auto!important; border-collapse: collapse; font-size: 14px; line-height: 22px; } .table-chars table td, .table-chars table th { border: 1px solid var(--color-grey); padding: 5px 10px; } .table-chars table tr:nth-child(1) { font-weight: bold; } @media (min-width: 768px) { .table-chars table td, .table-chars table th { padding: 10px 15px; } } @media (min-width: 1024px) { .inner-card__main.pt { padding-top: 100px; } } @media (max-width: 1023px) { .title, .holder__title, .inner-card__title, .inner-card__subtitle, .inner-card-descripttion__title, .inner-card-descripttion__suntitle, .catalog-show-more, .addresses__title, .addresses-line__title span, .addresses-item__title, .contacts__title, .contacts-item__title { font-size: 30px; line-height: 50px; margin-bottom: 25px; margin-top: -10px; } } .actions-card { display: block; padding-bottom: 80px; } .actions-card-img { display: block; } .actions-card-img__pc { width: 100%; } .actions-card-img__mob { display: none; width: 100%; } .actions-card-text { width: 100%; display: table; margin-top: 25px; } .actions-card-t-t1 { width: 100%; display: table-cell; vertical-align: top; padding-right: 100px; } .actions-card__link { margin-bottom: 8px; } .actions-card__link a { text-transform: uppercase; font-family: var(--font-title); font-size: 25px; line-height: 30px; } .actions-card__description {} .actions-card-t-t2 { display: table-cell; vertical-align: top; white-space: nowrap; } .actions-card__button { display: inline-flex; justify-content: center; align-items: center; min-width: 195px; height: 60px; padding: 0 20px; background-color: var(--color-yellow); font-size: 16px; line-height: 20px; font-family: var(--font-title); text-transform: uppercase; color: var(--color-text); border: none; text-decoration: none; cursor: pointer; white-space: nowrap; transition: 0.2s; } .actions-card__button:hover { background-color: #fed249; box-shadow: 0 5px 15px 0px rgba(253, 189, 64, 0.35); } .actions-page { padding-bottom: 80px; } .actions-page__img { margin-bottom: 30px; } .actions-page__img img { width: 100%; } .actions-page__text { } @media screen and (max-width:899px) { .actions-card { padding-bottom: 40px; } .actions-card-img__pc { display: none; } .actions-card-img__mob { width: 100%; display: block; } .actions-card-text { width: auto; display: block; margin-top: 25px; } .actions-card-t-t1 { width: auto; display: block; padding-right: 0px; padding-bottom: 20px; } .actions-card__link { margin-bottom: 8px; } .actions-card__link a { font-size: 18px; line-height: 24px; } .actions-card__description { font-size: 15px; line-height: 22px; } .actions-card-t-t2 { display: block; white-space: nowrap; } .actions-card__button { width: 100%; display: inline-flex; height: 60px; padding: 0 0 0 0; font-size: 16px; line-height: 20px; transition: 0.0s; } .actions-page { padding-bottom: 30px; } } th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #e7e7e7 } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #e7e7e7 } .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #e7e7e7 } .table .table { background-color: #fff } .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th { padding: 5px } .table-bordered { border: 1px solid #e7e7e7 } .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border: 1px solid #e7e7e7 } .table-bordered>thead>tr>td,.table-bordered>thead>tr>th { border-bottom-width: 2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } .table-hover>tbody>tr:hover { background-color: #f5f5f5 } table col[class*=col-] { position: static; display: table-column; float: none } table td[class*=col-],table th[class*=col-] { position: static; display: table-cell; float: none } .table-responsive { min-height: .01%; overflow-x: auto } @media screen and (max-width: 767px) { .table-responsive { width:100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } .table { border: 3px solid var(--color-yellow); } .table td, .table th { text-align: center; vertical-align: middle !important; font-size: 12px; min-width: 78px; } .table thead { background-color: var(--color-yellow); } .table thead th, .table thead td { border-color: var(--color-yellow)!important } .table h2 { font-size: 14px; margin-top: 0px; margin-bottom: 0px } .more-text { margin: 50px 0 0; } .more-text h2, .more-text h3 { margin-bottom: 20px; } .header-menu-brand a { font-family: var(--font-title); text-transform: uppercase; font-size: 14px; line-height: 28px; } .header-menu-brand li { text-align: center; padding-bottom: 8px; padding-left: 28px; } .header-menu-brand li:last-child { padding-bottom: 0px; } @media screen and (max-width:899px){ .header-menu-brand { display: none !important; } } .header-phone__block { } .header-phone__line { display: block; line-height: 20px; } .header-phone__line a { font-family: var(--font-title); white-space: nowrap; color: var(--color-link); text-decoration: none; outline: none; border-bottom: 1px solid rgba(253, 189, 64, 0.001); -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 21px; line-height: 25px; display: inline-block; } .header-phone__line a:hover { border-bottom: 1px solid rgba(253, 189, 64, 1); } .header-phone__l1 { } .header-phone__l2 { } .header-phone__l1 div { display: none; } .header-phone__l1 div, .header-phone__l2 div { font-family: var(--font-title); font-size: 10px; line-height: 14px; color: #848484; text-transform: uppercase; padding-left: 27px; padding-top: 3px; } .header-phone__line b { width: 16px; height: 16px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 5px; } .header-phone__icon1 { background-image: url(/local/img/icons/icon-tel.svg); } .header-phone__icon2 { background-image: url(/local/img/icons/icon-to.svg); } @media screen and (min-width:760px) and (max-width:1000px){ .header-phone__block { padding-bottom: 26px; } .header-phone__line { white-space:nowrap; } .header-phone__line a { font-size: 19px; line-height: 22px; } .header-phone__l1 div, .header-phone__l2 div { font-size: 9px; line-height: 12px; padding-top: 0px; } } @media screen and (max-width:760px){ .header-phone__block { padding-top: 6px; white-space: nowrap; } .header-phone__line { display: inline-block; line-height: 20px; } .header-phone__l1 div { display: block; } .header-phone__line a { font-size: 18px; line-height: 20px; } .header-phone__line a:hover { border-bottom: 1px solid rgba(253, 189, 64, 0.001); } .header-phone__l1 div, .header-phone__l2 div { padding-top: 0px; } .header-phone__l1 { margin-right: 15px; } } /* End */ /* /npm/@fancyapps/fancybox/dist/jquery.fancybox.min.css?161588151312795 */ /* /npm/swiper/swiper-bundle.min.css?161633318913916 */ /* /npm/bootstrap-select/dist/css/bootstrap-select.min.css?161893055311184 */ /* /bitrix/templates/new/styles.css?1740819265497 */ /* /bitrix/templates/new/template_styles.css?1753371011181426 */