/* Start:/local/templates/krioterm_im_2022/vender/fancybox1/jquery.fancybox.min.css?174340809015598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/krioterm_im_2022/vender/swiper/swiper.css?174340809016470*/ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/krioterm_im_2022/scss/main.css?1776417493174783*/ @charset "UTF-8"; @font-face { font-family: "NunitoSans"; font-weight: 300; font-style: normal; font-display: swap; src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Light.eot"); src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Light.woff") format("woff"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Light.ttf") format("truetype"); } @font-face { font-family: "NunitoSans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Regular.eot"); src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Regular.woff") format("woff"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Regular.ttf") format("truetype"); } @font-face { font-family: "NunitoSans"; font-weight: 600; font-style: normal; font-display: swap; src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-SemiBold.eot"); src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-SemiBold.woff") format("woff"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-SemiBold.ttf") format("truetype"); } @font-face { font-family: "NunitoSans"; font-weight: 700; font-style: normal; font-display: swap; src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Bold.eot"); src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Bold.woff") format("woff"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Bold.ttf") format("truetype"); } @font-face { font-family: "NunitoSans"; font-weight: 800; font-style: normal; font-display: swap; src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-ExtraBold.eot"); src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-ExtraBold.woff") format("woff"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-ExtraBold.ttf") format("truetype"); } @font-face { font-family: "NunitoSans"; font-weight: 900; font-style: normal; font-display: swap; src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Black.eot"); src: url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Black.woff") format("woff"), url("/local/templates/krioterm_im_2022/scss/../fonts/NunitoSans-Black.ttf") format("truetype"); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 900; font-display: swap; src: url(/local/templates/krioterm_im_2022/scss/../fonts/NotoSans-Black.ttf); } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /* hr { box-sizing: content-box; height: 0; overflow: visible; } */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Указываем box sizing */ *, *::before, *::after { box-sizing: border-box; } /* Убираем внутренние отступы */ ul[class], ol[class] { padding: 0; } /* Убираем внешние отступы */ body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; padding: 0; } /* Выставляем основные настройки по-умолчанию для body */ body { min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.5; } /* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/ ul[class], ol[class] { list-style: none; } /* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */ /* a:not([class]) { text-decoration-skip-ink: auto; } */ /* Упрощаем работу с изображениями */ img { max-width: 100%; display: block; } /* Указываем понятную периодичность в потоке данных у article*/ article > * + * { margin-top: 1em; } /* Наследуем шрифты для инпутов и кнопок */ input, button, textarea, select { font: inherit; } /* @import "/local/templates/krioterm_im_2022/scss/keyframes"; пока не знаю */ #bx-panel.disable { display: none !important; } .preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow-y: scroll; background: #212121; z-index: 1001; } .preloader::-webkit-scrollbar { background-color: rgba(33, 33, 33, 0); } .preloader__image { position: relative; top: 50%; left: 50%; width: 170px; height: 170px; margin-top: -85px; margin-left: -85px; text-align: center; animation: preloader-rotate 2s infinite linear; } .preloader__image-a { position: absolute; top: 50%; left: 50%; height: 140px; width: 147px; margin-top: -70px; margin-left: -73.5px; text-align: center; animation: fadeIn 5s; padding: 35px 36.75px; } @keyframes preloader-rotate { 100% { transform: rotate(360deg); } } .loaded_hiding .preloader { transition: 0.3s opacity; opacity: 0; padding-right: 0 !important; overflow-y: hidden; } .loaded .preloader { transition: 0.3s opacity; opacity: 0; padding-right: 0 !important; overflow-y: hidden; } .loaded_hiding .preloader__image-a { animation: fadeOut 0.5s ease; } @keyframes fadeIn { 0% { padding: 70px 73.5px; opacity: 0; } 100% { padding: 35px 36.75px; opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; padding: 35px 36.75px; } 100% { opacity: 0; padding: 0; } } .loaded .preloader { display: none; } html { height: 100%; } html.locked { overflow-y: hidden; } html { overflow-x: hidden; overflow-y: scroll; } html::-webkit-scrollbar { background-color: #212121; } html::-webkit-scrollbar-thumb { background: #bd1818; } .white-scroll::-webkit-scrollbar { background-color: #f8f8f8; } body { display: flex; position: relative; flex-direction: column; width: 100%; min-height: 100%; margin: 0; padding: 0; line-height: 130%; font-family: "NunitoSans", sans-serif !important; color: #000000; font-size: 18px; font-weight: 400; background: #212121; } body._main { color: #ffffff; } h1::selection, h2::selection, h3::selection, h4::selection, p::selection, a::selection, li::selection, span::selection, input::selection, div::selection { background-color: #BD1818; color: #fff; } h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, p::-moz-selection, a::-moz-selection, li::-moz-selection, span::-moz-selection, input::-moz-selection, div::-moz-selection { background-color: #BD1818; color: #fff; } .disable { display: none; } .active { display: block; } div { display: block; position: relative; margin: 0; } ul, li { margin: 0; padding: 0; list-style: none; } div.content { flex: 1 0 auto; width: 100%; } b, strong { font-weight: bold; } h1, h2, .h2, h3, .h3, h4, .h4, .h2 p { margin: 30px 0 15px; } h1, h2, .h2, h3, .h3, h4, .h4 { line-height: 115%; font-weight: 800; } h1 { font-size: 54px; } h2, .h2 { font-size: 44px; } h3, .h3 { font-size: 28px; line-height: 130%; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } a { display: flex; align-items: center; text-decoration: none; transition: color 0.4s ease; color: #FFF; transition: all 0.4s ease; } a div { display: flex; justify-content: space-between; align-items: center; } a .ico { margin-right: 10px; } a .arw { margin-left: 10px; } a div path { transition: all 0.4s ease; fill: #FFF; } a:hover { transition: all 0.4s ease; color: #e92121; transition: color 0.4s ease; } a:hover div path { transition: all 0.4s ease; fill: #e92121; } .button, .block-info-mini__btn_red { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; line-height: 25px; border-radius: 4px; height: 44px; transition: background 0.4s ease; cursor: pointer; } .slick-dots button { cursor: pointer; } ._red, .block-info-mini__btn_red { background-color: #BD1818; } ._red:hover, .block-info-mini__btn_red:hover { transition: background 0.4s ease; background: #E92121; color: #FFF; } ._transparent { border: 1px solid #BD1818; } ._transparent span { transition: color 0.4s ease; color: #BD1818; } ._transparent:hover { background: #BD1818; transition: background 0.4s ease; } ._transparent:hover span { color: #FFF; transition: color 0.4s ease; } ._price span::after { content: " руб."; } .geo::before { content: url("/local/templates/krioterm_im_2022/scss/../img/geo.svg"); position: relative; top: 3px; margin-right: 10px; } .email { font-weight: 300; } .email::before { content: url("/local/templates/krioterm_im_2022/scss/../img/email-ico.svg"); position: relative; margin-right: 10px; top: 2px; } .phone { font-size: 20px; font-weight: 700; } .phone::before { content: url("/local/templates/krioterm_im_2022/scss/../img/phone-ico.svg"); position: relative; margin-right: 10px; top: 2px; } .wu { background: no-repeat url("/local/templates/krioterm_im_2022/scss/../img/wu-ico.svg") 50% 50%/contain; height: 25px; width: 25px; } .tg { background: no-repeat url("/local/templates/krioterm_im_2022/scss/../img/tg-ico.svg") 50% 50%/contain; height: 25px; width: 25px; } .max { background: no-repeat url("/local/templates/krioterm_im_2022/scss/../img/max-ico.svg") 50% 50%/contain; height: 24px; width: 24px; } .container { display: block; position: relative; width: calc(100% - 80px); max-width: 1539px; margin: 0 auto; } .container__title { width: 70%; } .container__text { line-height: 150%; } .bg-header { background-color: #212121 !important; transition: background-color 0.4s ease; } .header { display: block; top: 0; left: 0; right: 0; width: 100%; z-index: 99; position: absolute; padding: 40px 0; color: #fff; background-color: rgba(33, 33, 33, 0); padding-bottom: 80px; transition: background-color 0.4s ease; } .header._pb40 { padding-bottom: 40px; } .header .container .top-header { display: flex; align-items: center; padding-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); justify-content: space-between; } .header .container .top-header__logo { display: flex; position: relative; align-items: center; width: 531px; justify-content: space-between; } .header .container .top-header__logo-img { background-image: url("/local/templates/krioterm_im_2022/scss/../img/logo.svg"); display: block; position: relative; width: 230px; height: 51px; background-size: cover; background-repeat: no-repeat; } .header .container .top-header__elements { display: flex; justify-content: space-between; align-items: center; } .header .container .top-header__title { width: 48%; opacity: 0.6; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); font-size: 16px; } .header .container .top-header__contact { display: flex; justify-content: space-between; align-items: center; width: 830px; } .header .container .top-header__contact-btn { width: 239px; height: 50px; } .header .container .top-header__contact-burger { display: none; align-items: center; width: 42px; height: 35px; cursor: pointer; } .header .container .top-header__contact-burger svg rect { transition: all 0.4s ease; transform: none; } .header .container .top-header__contact-burger.active svg rect:nth-child(1) { transform: rotate(45deg) translateX(4px) translateY(-5px); } .header .container .top-header__contact-burger.active svg rect:nth-child(3) { transform: rotate(-45deg) translateX(-20px) translateY(-3px); } .header .container .top-header__contact-burger.active svg rect:nth-child(2) { display: none; } .header .container .top-header__navbar { display: flex; justify-content: space-between; align-items: center; width: 100%; } .header .container .top-header__navbar-item { position: relative; font-weight: 400; font-size: 19px; line-height: 26px; margin-bottom: 5px; } .header .container .top-header__navbar-item a.button, .header .container .top-header__navbar-item a.block-info-mini__btn_red { padding: 8px 18px; color: #fff !important; } .header .container .top-header__navbar-item a.button svg path, .header .container .top-header__navbar-item a.block-info-mini__btn_red svg path { fill: #fff !important; } .header .container .top-header__navbar-item .dropdown._lvl2 li { width: 100%; padding: 0 15px 0 25px; background-color: transparent; transition: background-color 0.4s ease; } .header .container .top-header__navbar-item .dropdown._lvl2 li:first-child { margin-top: 0; } .header .container .top-header__navbar-item .dropdown._lvl2 li:hover { transition: background-color 0.4s ease; background-color: #e92121; } .header .container .top-header__navbar-item .dropdown._lvl2 li:hover .dropdown._lvl3 { opacity: 1; transition: max-width 0.65s ease, opacity 0.4s ease; width: auto; max-width: 350px; } .header .container .top-header__navbar-item .dropdown._lvl2 li:hover a { color: #fff; } .header .container .top-header__navbar-item .dropdown._lvl2 li a { margin: 0; line-height: 25px; padding: 5px 0; display: flex; justify-content: space-between; } .header .container .top-header__navbar-item .dropdown._lvl2 li a:hover { color: #FFF; } .header .container .top-header__navbar-item .dropdown._lvl2 li a .arw { margin-left: 15px; } .header .container .top-header__navbar-item .dropdown._lvl2 li a .arw svg path { fill: #FFF; } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 { padding: 10px 0 20px; position: absolute; display: block; left: 0; margin-left: 100%; max-width: 0; background: #1C1B1B; overflow: hidden; transition: max-width 0.4s ease, opacity 0.4s ease; margin-top: -45px; border-radius: 4px; opacity: 0; } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 li { padding: 0 25px; } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 li a { width: max-content; } .header .container .top-header__navbar-item .dropdown._lvl2 { background: #212121; border-radius: 4px; padding: 0; opacity: 0; max-height: 0; height: auto; overflow: hidden; position: absolute; transition: opacity 0.4s ease, padding 0s ease 0.4s, max-height 0.4s ease, line-height 0.4s ease; } .header .container .top-header__navbar-item:hover .dropdown._lvl2 { padding: 10px 0 20px; opacity: 1; height: auto; max-height: 500px; transition: opacity 0.4s ease, max-height 0.4s ease; } .header .container nav { width: 100%; margin-top: 10px; } .main-menu { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; min-height: 100vh; height: auto; background: #212121; overflow-x: hidden; overflow-y: auto; z-index: 98; translate: 0 0; transition: translate 0.5s 0s ease, opacity 0.5s ease; } .main-menu.disable { display: block; transition: translate 0.5s 0s ease, opacity 0.5s ease, transform 0.5s 0s ease; opacity: 0; transform: translateY(-100vh); -webkit-transform: translateY(-100vh); translate: 0 -100vh; } .main-menu.zindex { z-index: -2; } .main-menu__wrapper { padding-top: 171px; display: flex; justify-content: space-between; } .main-menu__item .arrow svg { transition: all 0.4s ease; transform: rotate(-90deg); } .main-menu__item .arrow svg.transform { transition: all 0.4s ease; transform: rotate(0deg); } .main-menu__item .arrow svg { top: 2px; position: relative; } .main-menu__column-1 .main-menu__item { margin-bottom: 30px; font-weight: 700; font-size: 24px; line-height: 33px; } .main-menu__column-1 .main-menu__item .dropdown { font-weight: 400; font-size: 18px; line-height: 25px; margin-top: 21px; margin-left: 26px; width: 250px; } .main-menu__column-1 .main-menu__item .dropdown li { margin-bottom: 24px; } .main-menu__column-2 { display: flex; justify-content: space-between; width: 55%; } .main-menu__column-2 .main-menu__item { margin-bottom: 35px; font-size: 20px; line-height: 27px; } .main-menu__column-2 .main-menu__item .dropdown { font-weight: 400; font-size: 18px; line-height: 25px; margin-top: 21px; margin-left: 26px; } .main-menu__column-2 .main-menu__item .dropdown li { margin-bottom: 24px; } .main-menu__column-3 .main-menu__contacts-item { display: block; margin-bottom: 36px; } .main-menu__column-3 .main-menu__contacts-social { display: flex; gap: 15px; } .main-menu__btn { display: none; } .main-menu__soc { display: none; } .main-menu__copy { display: none; } .main-first { display: block; position: relative; min-height: 100vh; } .main-first::after { content: ""; display: block; width: 100%; height: 64%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #101010 0%, rgba(30, 30, 30, 0) 100%); } .main-first::before { content: ""; display: block; width: 100%; height: 26%; position: absolute; top: auto; bottom: -1px; left: 0; background: linear-gradient(180deg, #1A1919 0%, rgba(20, 20, 20, 0) 100%); transform: rotate(-180deg); z-index: 1; } .main-first .bg-img { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; opacity: 0.6; position: absolute; background-position: center; } .main-first .container { position: relative; padding-top: 210px; color: #fff; z-index: 4; padding-bottom: 140px; display: flex; gap: 50px; } .main-first .form { margin: 0 !important; } .main-first .form.form-inline .form__wrapper { max-width: 500px; padding: 30px 50px 40px; } .main-first .form.form-inline .form__wrapper form { margin-top: 30px; } .main-first .form.form-inline .form__wrapper form .form__input-name { display: none; } .main-first .form__title { font-size: 36px; } .main-first .form .callback-footer__wrapper { align-items: center; } .main-first .form .callback-footer__wrapper .form__politics { font-size: 12px; line-height: 1.2; } .main-first__title { font-size: 70px; font-weight: 900; line-height: 100%; margin-bottom: 36px; width: 88%; position: relative; color: #fff !important; } .main-first__text { font-size: 32px; line-height: 150%; margin-bottom: 37px; width: 85%; } .main-first__btn, .main-first__btn_red { display: flex; justify-content: center; align-items: center; } .main-first__btn { width: 327px; height: 60px; border: 2px solid #FFF; margin-top: 57px; transition: all 0.4s ease; } .main-first__btn:hover { transition: all 0.4s ease; border-color: #BD1818; } .main-first__btn span { color: #FFF; line-height: 60px; font-weight: 700; font-size: 22px; display: block; position: relative; } .main-first__btn span::after { content: url("/local/templates/krioterm_im_2022/scss/../img/arrow-right-btn.svg"); position: relative; margin-left: 10px; top: 1px; } .categories { margin-top: 70px; margin-bottom: 70px; } .categories__title { width: 70%; } .categories__title span { color: #BD1818; } .categories__items { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; margin-top: 53px; } .categories__item { position: relative; grid-column: span 1; width: 100%; border-radius: 4px; transition: all 0.4s ease; } .categories__item-bg { display: block; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; transition: opacity 0.4s ease; } .categories__item-bg img { display: block; position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } .categories__item-content { display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .categories__item-content_text { margin-top: 11px; margin-bottom: auto; transition: opacity 0.4s ease; } .categories__item-content_text ul li { text-shadow: 0 0 30px rgba(0, 0, 0, 0.35); font-size: 15px; margin-bottom: 10px; break-inside: avoid; } .categories__item-content_text ul li:last-child { margin-bottom: 0; } .categories__item-content_text ul ul { margin-left: 20px; margin-top: 10px; } .categories__item-content_text ul ul li { margin-bottom: 3px; } .categories__item-content_btn { transition: all 0.4s ease; height: 44px; border: 2px solid transparent; margin-top: auto; width: 100%; } .categories__item--picture { cursor: pointer; box-shadow: 0 0 60px rgba(0, 0, 0, 0.45); padding: 30px 40px; } .categories__item--picture .categories__item-content { height: 360px; align-items: flex-start; } .categories__item--picture .categories__item-content_text { opacity: 0; } .categories__item--wide { grid-column: span 2; } .categories__item--wide .categories__item-content_text > ul { column-count: 3; } .categories__item .boiler::after { content: ""; display: block; width: 100%; height: 64%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #211F1C 0%, rgba(33, 31, 28, 0) 100%); opacity: 0.7; border-radius: 4px; } .categories__item .heating::after { content: ""; display: block; width: 100%; height: 64%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #623312 0%, rgba(98, 51, 18, 0) 100%); opacity: 0.95; border-radius: 4px; } .categories__item .supply::after { content: ""; display: block; width: 100%; height: 64%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #051437 0%, rgba(5, 20, 55, 0) 100%); opacity: 0.9; border-radius: 4px; } .categories__item .drainage::after { content: ""; display: block; width: 100%; height: 64%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #2D2926 0%, rgba(45, 41, 38, 0) 100%); opacity: 0.88; border-radius: 4px; } .categories__item h3 { font-weight: 800; line-height: 150%; width: 218px; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .about { margin-top: 70px; background-repeat: no-repeat; object-fit: cover; background-size: cover; padding: 60px 60px 80px; border-radius: 4px; } .about__title { margin-bottom: 20px; line-height: 150%; } .about__content { display: flex; } .about__col { display: flex; flex-direction: column; justify-content: space-between; width: 50%; } .about__row { margin-bottom: 30px; } .about__row:last-child { margin-bottom: 0; } .about__row p { width: 83%; line-height: 150%; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .about__row span { color: #BD1818; font-size: 72px; font-weight: 900; line-height: 100%; } .about__row-title { margin-bottom: 5px; } .work-performed { margin-top: 70px; } .work-performed__items { width: calc(100% + 30px); margin-top: 46px; display: block; justify-content: space-between; filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.45)); /* Слайдер */ } .work-performed__items { /* Слайдер запущен */ } .work-performed__items { /* Слайдер с точками */ } .work-performed__items { /* Ограничивающая оболочка */ } .work-performed__items .slick-list { overflow: hidden; } .work-performed__items { /* Лента слайдов */ } .work-performed__items .slick-track { display: flex; } .work-performed__items { /* Слайд */ } .work-performed__items .slick-slide { margin-right: 30px; } .work-performed__items { /* Слайд активный (показывается) */ } .work-performed__items { /* Слайд основной */ } .work-performed__items { /* Слайд по центру */ } .work-performed__items { /* Клонированный слайд */ } .work-performed__items { /* Стрелка */ } .work-performed__items .slick-arrow { position: absolute; z-index: 10; font-size: 0; width: 40px; opacity: 0; top: 41%; height: 397px; } .work-performed__items { /* Стрелка влево */ } .work-performed__items .slick-arrow.slick-prev { left: 0; } .work-performed__items { /* Стрелка вправо */ } .work-performed__items .slick-arrow.slick-next { right: 0; } .work-performed__items { /* Стрелка не активная */ } .work-performed__items { /* Точки (булиты) */ } .work-performed__items .slick-dots { display: flex; width: 100%; position: absolute; align-items: center; justify-content: center; margin: auto; height: 10px; margin-top: 20px; } .work-performed__items .slick-dots li { position: relative; list-style: none; margin: 0 5px; height: 10px; width: 10px; } .work-performed__items { /* Активная точка */ } .work-performed__items .slick-dots li.slick-active button { background: #BD1818; } .work-performed__items { /* Элемент точки */ } .work-performed__items .slick-dots button { position: absolute; font-size: 0; height: 10px; width: 10px; border-radius: 50%; background: #FFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); border: none; padding: 0; } .work-performed__item { background: #2A2A2A; position: relative; display: flex; flex-direction: column; justify-content: space-between; border-radius: 4px; transition: box-shadow 0.4s ease; transition: background 0.4s ease; } .work-performed__item:hover { transition: background 0.4s ease; background: #343434; } .work-performed__item-slider { /* height: 280px; */ width: 100%; position: relative; cursor: zoom-in; /* Слайдер */ } .work-performed__item-slider { /* Слайдер запущен */ } .work-performed__item-slider { /* Слайдер с точками */ } .work-performed__item-slider { /* Ограничивающая оболочка */ } .work-performed__item-slider .slick-list { overflow: hidden; /* height: 280px; */ } .work-performed__item-slider { /* Лента слайдов */ } .work-performed__item-slider .slick-track { display: flex; line-height: 0; } .work-performed__item-slider { /* Слайд */ } .work-performed__item-slider .slick-slide { margin: 0; } .work-performed__item-slider { /* Слайд активный (показывается) */ } .work-performed__item-slider { /* Слайд основной */ } .work-performed__item-slider { /* Слайд по центру */ } .work-performed__item-slider { /* Клонированный слайд */ } .work-performed__item-slider { /* Стрелка */ } .work-performed__item-slider .slick-arrow { position: absolute; height: 100%; z-index: 10; font-size: 0; width: 160px; opacity: 0; top: 0; cursor: pointer; } .work-performed__item-slider { /* Стрелка влево */ } .work-performed__item-slider .slick-arrow.slick-prev { left: 0; } .work-performed__item-slider { /* Стрелка вправо */ } .work-performed__item-slider .slick-arrow.slick-next { right: 0; } .work-performed__item-slider { /* Стрелка не активная */ } .work-performed__item-slider { /* Точки (булиты) */ } .work-performed__item-slider .slick-dots { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; margin: auto; width: 100%; height: 7px; bottom: 20px; } .work-performed__item-slider .slick-dots li { position: relative; list-style: none; margin: 0 5px; height: 7px; width: 7px; } .work-performed__item-slider { /* Активная точка */ } .work-performed__item-slider .slick-dots li.slick-active button { background: #BD1818; } .work-performed__item-slider { /* Элемент точки */ } .work-performed__item-slider .slick-dots button { position: absolute; font-size: 0; height: 7px; width: 7px; border-radius: 50%; background: #FFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); border: none; padding: 0; } .work-performed__item-slider_item picture { width: 100%; } .work-performed__item-slider_item img { border-radius: 4px 4px 0 0; object-fit: cover; height: 280px; width: 100%; position: relative; } .work-performed__item-slider_item a { cursor: zoom-in; } .work-performed__item-slider_item a::before { content: ""; width: 100%; height: 43%; bottom: -1px; position: absolute; background: linear-gradient(180deg, #0A0A0A 0%, rgba(30, 30, 30, 0) 100%); opacity: 0.8; transform: rotate(-180deg); z-index: 1; } .work-performed__item-content { height: 226px; margin: 30px 40px 0 40px; } .work-performed__item-content p { margin-bottom: 13px; line-height: 130%; display: flex; } .work-performed__item-content .square { font-weight: 800; font-size: 24px; } .work-performed__item-content .square::before { content: url("/local/templates/krioterm_im_2022/scss/../img/square.svg"); position: relative; top: 2px; margin-right: 10px; } .work-performed__item-content .wrench::before { content: url("/local/templates/krioterm_im_2022/scss/../img/wrench.svg"); position: relative; top: 3px; margin-right: 10px; } .work-performed__item-price { border-top: 1px solid rgba(255, 255, 255, 0.062745098); justify-content: space-between; display: flex; align-items: flex-end; padding: 26px 40px 30px 40px; } .work-performed__item-price .col:first-child { width: 45%; } .work-performed__item-price .col p { font-size: 14px; line-height: 130%; } .work-performed__item-price .col div { font-weight: 800; font-size: 32px; line-height: 130%; margin-top: 6px; } .work-performed__item-price .col .pdf { font-size: 18px; width: 100%; display: flex; align-items: end; } .work-performed__item-price .col .pdf div { margin: 0; margin-bottom: 3px; display: flex; align-items: center; justify-content: center; } .work-performed__item-price .col .pdf span { margin-left: 10px; } .work-performed__item-price .col a.button, .work-performed__item-price .col a.block-info-mini__btn_red { margin-top: 17px; width: 100%; height: 46px; } .request { margin-top: 97px; display: flex; background: #2A2A2A; border-radius: 4px; background-image: url("/local/templates/krioterm_im_2022/scss/../img/circle-request.svg"); background-repeat: no-repeat; background-position-x: 100%; } .request__photo { max-width: 48%; } .request__photo img { object-fit: cover; height: 100%; border-radius: 4px 0 0 4px; width: 100%; } .request__content { padding: 40px 60px; display: flex; flex-direction: column; justify-content: flex-start; } .request__content-title { margin-bottom: 19px; } .request__content-row:nth-child(2) { margin-bottom: 30px; } .request__content-row:nth-child(3) { margin-bottom: 25px; } .request__content-text { margin-bottom: 10px; } .request__content-btn { margin-top: 17px; width: 380px; height: 50px; } .guarantee { margin-top: 70px; } .guarantee__title { text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .guarantee__wrapper { margin-top: 40px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; } .guarantee__wrapper div { display: flex; align-items: center; justify-content: center; border-radius: 4px; } .guarantee__wrapper div p { line-height: 150%; } .guarantee__wrapper-block1 { grid-column: span 1; flex-direction: column; padding-top: 40px; padding-bottom: 50px; background-color: #2A2A2A; background-image: url("/local/templates/krioterm_im_2022/scss/../img/circle-guarantee.svg"); background-repeat: no-repeat; background-size: contain; } .guarantee__wrapper-block1 .red { font-weight: 900; font-size: 48px; line-height: 150%; color: #BD1818; } .guarantee__wrapper-block2 { grid-column: span 2; background-color: #2A2A2A; background-image: url("/local/templates/krioterm_im_2022/scss/../img/circle-guarantee.svg"); background-repeat: no-repeat; } .guarantee__wrapper-block2 img { margin-right: 30px; } .guarantee__wrapper-block2 p { width: 59%; } .brands { margin-top: 70px; } .brands-h2 { margin-top: 70px; } .brands__title { line-height: 130%; width: 70%; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .brands__title span { color: #D81C1C; } .brands__items { margin-top: 46px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 30px; } .brands__item { position: relative; grid-column: span 1; border-radius: 4px; padding: 30px 40px; min-height: 334px; background: #2B2B2B; box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.45); } .brands__item-bg { display: block; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } .brands__item-bg img { display: block; position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } .brands__item-bg::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 4px; } .brands__item .boiler-k::after { transition: opacity 0.4s ease; background: #313C47; opacity: 0.5; } .brands__item:hover .boiler-k::after { transition: opacity 0.4s ease; opacity: 0.7; } .brands__item .burner::after { transition: opacity 0.4s ease; background: #4A2014; opacity: 0.7; } .brands__item:hover .burner::after { transition: opacity 0.4s ease; opacity: 0.9; } .brands__item .boiler::after { transition: opacity 0.4s ease; background: #3A3E3A; opacity: 0.7; } .brands__item:hover .boiler::after { transition: opacity 0.4s ease; opacity: 0.9; } .brands__item .automation::after { transition: opacity 0.4s ease; background: #010101; opacity: 0.6; } .brands__item:hover .automation::after { transition: opacity 0.4s ease; opacity: 0.8; } .brands__item .radiator::after { transition: opacity 0.4s ease; background: rgba(53, 19, 10, 0.82); opacity: 0.8; } .brands__item:hover .radiator::after { transition: opacity 0.4s ease; opacity: 0.95; } .brands__item-content h3 { font-weight: 800; font-size: 28px; line-height: 130%; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .brands__item-content ul { padding: 0; margin-top: 11px; } .brands__item-content ul li { padding: 0; list-style: none; margin-bottom: 10px; line-height: 150%; } .brands__item-content ul li a { text-decoration: underline; color: #FFF; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .brands__item-content ul li a:hover { color: #BD1818; } h2 + .brands { margin-top: 0; } .gallery { margin-top: 70px; } .gallery__title { margin-bottom: 30px; } .gallery__wrapper { width: calc(100% + 30px); position: relative; left: -15px; } .gallery__loading { display: flex; position: absolute; z-index: 10; min-height: 147px; } .gallery__loading-item { padding: 0 15px; } .gallery__loading-item img { height: 100%; object-fit: cover; border-radius: 4px; width: 100%; } .gallery__loading { transition: opacity 0.4s ease; } .gallery__loading._load { transition: opacity 0.4s ease, z-index 0s linear 0.4s; opacity: 0; z-index: -10; } .gallery img { height: 100%; object-fit: cover; border-radius: 4px; width: 100%; } .gallery__slider { min-width: 0; opacity: 0; transition: opacity 0.4s ease; } .gallery__slider.slick-initialized, .gallery__slider._load { transition: opacity 0.4s ease; opacity: 1; } .gallery__slider .slick-track { display: flex; } .gallery__slider .slick-list { overflow: hidden; line-height: 0; } .gallery__slider .slick-slide { height: 100%; } .gallery__slider .slick-arrow { position: absolute; height: 100%; z-index: 10; font-size: 0; width: 30px; opacity: 1; top: 0; border: none; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .gallery__slider .slick-dots { display: flex; align-items: center; justify-content: center; margin: auto; margin-top: 20px; height: 10px; } .gallery__slider .slick-dots li { position: relative; list-style: none; margin: 0 5px; height: 10px; width: 10px; } .gallery__slider { /* Активная точка */ } .gallery__slider .slick-dots li.slick-active button { background: #BD1818; } .gallery__slider .slick-dots button { position: absolute; font-size: 0; height: 10px; width: 10px; border-radius: 50%; background: #CECECE; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); border: none; padding: 0; } .gallery__slider .slick-arrow.slick-prev { left: 15px; background-image: url(/local/templates/krioterm_im_2022/scss/../img/arrow.svg); transform: rotate(180deg); } .gallery__slider .slick-arrow.slick-next { background-image: url(/local/templates/krioterm_im_2022/scss/../img/arrow.svg); right: 15px; } .gallery__slider a { display: flex; padding: 0 15px; } .gallery__slider:hover .slick-arrow { opacity: 1; } .gallery__inline { display: flex; gap: 30px; } .gallery__dots { position: relative; width: 98px; margin: 0 auto; opacity: 0; transition: opacity 0.4s ease; } .gallery__dots._load { transition: opacity 0.4s ease; opacity: 1; } .gallery__dots-wrapper { position: relative; margin: auto; margin-top: 30px !important; height: 10px; min-width: 0; } .gallery__dots-wrapper .slick-track { display: flex; } .gallery__dots-wrapper .slick-list { overflow: hidden; line-height: 0; filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.35)); } .gallery__dots-wrapper .slick-slide { height: 10px; width: 10px; } .gallery__dots-wrapper .slick-slide.slick-center span { background: #BD1818; } .gallery__dots-wrapper span { position: relative; list-style: none; height: 10px; width: 10px !important; border-radius: 50%; background: #CECECE; } .certificate { margin-top: 70px; display: flex; justify-content: space-between; padding: 60px; background: #2A2A2A; border-radius: 4px; background-image: url("/local/templates/krioterm_im_2022/scss/../img/circle-certificate.svg"); background-repeat: no-repeat; } .certificate__title { line-height: 130%; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); width: 29%; margin-right: 30px; } .certificate__title span:not(.button):not(.block-info-mini__btn_red) { color: #D81C1C; } .certificate__title .button-wrap { justify-content: flex-start; } .certificate__slider, .certificate-brends__slider { min-width: 0; width: 930px; /* Слайдер */ } .certificate__slider, .certificate-brends__slider { /* Слайдер запущен */ } .certificate__slider, .certificate-brends__slider { /* Слайдер с точками */ } .certificate__slider, .certificate-brends__slider { /* Ограничивающая оболочка */ } .certificate__slider .slick-list, .certificate-brends__slider .slick-list { overflow: hidden; filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.45)); line-height: 0; } .certificate__slider, .certificate-brends__slider { /* Лента слайдов */ } .certificate__slider .slick-track, .certificate-brends__slider .slick-track { display: flex; } .certificate__slider, .certificate-brends__slider { /* Слайд */ } .certificate__slider .slick-slide, .certificate-brends__slider .slick-slide { width: 202px; margin-right: 20px; } .certificate__slider, .certificate-brends__slider { /* Слайд активный (показывается) */ } .certificate__slider, .certificate-brends__slider { /* Слайд основной */ } .certificate__slider, .certificate-brends__slider { /* Слайд по центру */ } .certificate__slider, .certificate-brends__slider { /* Клонированный слайд */ } .certificate__slider, .certificate-brends__slider { /* Стрелка */ } .certificate__slider .slick-arrow, .certificate-brends__slider .slick-arrow { position: absolute; height: 100%; z-index: 10; font-size: 0; width: 30px; opacity: 0; top: 0; } .certificate__slider, .certificate-brends__slider { /* Стрелка влево */ } .certificate__slider .slick-arrow.slick-prev, .certificate-brends__slider .slick-arrow.slick-prev { left: 0; } .certificate__slider, .certificate-brends__slider { /* Стрелка вправо */ } .certificate__slider .slick-arrow.slick-next, .certificate-brends__slider .slick-arrow.slick-next { right: 0; } .certificate__slider, .certificate-brends__slider { /* Стрелка не активная */ } .certificate__slider, .certificate-brends__slider { /* Точки (булиты) */ } .certificate__slider .slick-dots, .certificate-brends__slider .slick-dots { display: flex; align-items: center; justify-content: center; margin: auto; margin-top: 20px; height: 10px; } .certificate__slider .slick-dots li, .certificate-brends__slider .slick-dots li { position: relative; list-style: none; margin: 0 5px; height: 10px; width: 10px; } .certificate__slider, .certificate-brends__slider { /* Активная точка */ } .certificate__slider .slick-dots li.slick-active button, .certificate-brends__slider .slick-dots li.slick-active button { background: #BD1818; } .certificate__slider, .certificate-brends__slider { /* Элемент точки */ } .certificate__slider .slick-dots button, .certificate-brends__slider .slick-dots button { position: absolute; font-size: 0; height: 10px; width: 10px; border-radius: 50%; background: #8C8C8C; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); border: none; padding: 0; } .certificate__slider-item, .certificate-brends__slider-item { width: 202px; } .certificate__slider-item a, .certificate-brends__slider-item a { width: 202px; } .certificate__slider-item img, .certificate-brends__slider-item img { width: 202px; height: 289px; object-fit: cover; border-radius: 4px; object-position: left; } ._white { background: #FFF; } ._white h1, ._white h2, ._white h3, ._white .h2 { text-shadow: none; } ._white h1 { margin-bottom: 25px; } ._white h2, ._white .h2 { color: #212121; } ._white .button, ._white .block-info-mini__btn_red { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; line-height: 25px; border-radius: 4px; transition: background 0.4s ease; cursor: pointer; } ._white ._red, ._white .block-info-mini__btn_red { background-color: #BD1818; } ._white ._red:hover, ._white .block-info-mini__btn_red:hover { transition: background 0.4s ease; background: #E92121; color: #FFF; } ._white ._transparent { border: 1px solid #BD1818; } ._white ._transparent span { transition: color 0.4s ease; color: #BD1818; } ._white ._transparent:hover { background: #BD1818; transition: background 0.4s ease; } ._white ._transparent:hover span { color: #FFF; transition: color 0.4s ease; } ._white a { color: #212121; transition: color 0.4s ease; } ._white a:hover { color: #BD1818; transition: color 0.4s ease; } ._white a:hover div path { transition: all 0.4s ease; fill: #BD1818; } ._white a div path { fill: #212121; } ._white ._red, ._white .block-info-mini__btn_red { color: #FFF; } ._white ._red:hover, ._white .block-info-mini__btn_red:hover { color: #FFF; } ._white ._transparent span { color: #BD1818; } ._white ._transparent:hover span { color: #FFF; } ._white ._white-text { color: #FFF; } ._white ._white-text a { color: #FFF; } ._white ._white-text svg rect { fill: white; } ._white:not(.service-page) header { position: relative; color: #212121; } ._white:not(.service-page) header .container .top-header { border-bottom: 1px solid rgba(33, 33, 33, 0.1882352941); } ._white:not(.service-page) header .container .top-header__logo a { background-image: url("/local/templates/krioterm_im_2022/scss/../img/logo-b.svg"); display: block; position: relative; width: 230px; height: 51px; background-size: cover; background-repeat: no-repeat; } ._white:not(.service-page) header .container .top-header__contact-burger svg rect { fill: #212121; } ._white:not(.service-page) header .container .top-header__navbar-item .dropdown li a { transition: none; color: #fff; } ._white.service-page header:not(.fixed) a { color: #fff; } ._white.service-page header:not(.fixed) path { fill: #fff; } ._white.service-page .main-first { margin-bottom: 50px; } ._white .main-menu { color: #FFF; } ._white .main-menu a { color: #FFF; } ._white .main-menu a svg rect { fill: #FFF; } ._white .main-menu a svg path { fill: #FFF; } ._white .main-menu a:hover { color: #e92121; } ._white .main-menu a:hover svg rect { fill: #e92121; } ._white .main-menu a:hover svg path { fill: #e92121; } ._white .main-menu__btn { display: none; } ._white footer a { color: #FFF; } ._white .container .sidebar { width: 339px; background: #F8F8F8; padding: 40px 30px; font-style: normal; font-size: 19px; line-height: 26px; margin-right: 50px; align-self: flex-start; position: sticky; top: 40px; border-radius: 4px; } ._white .container .sidebar__item.active { font-weight: 800; } ._white .container .sidebar__item a { width: 100%; } ._white .container .sidebar__item { padding-bottom: 25px; } ._white .container .sidebar__item:last-child { padding: 0; } ._white .container .sidebar__item .dropdown { margin-left: 26px; margin-top: 30px; } ._white .container .sidebar__item .dropdown li { margin-bottom: 19px; font-weight: 400; } ._white .container .sidebar__item .dropdown li:last-child { margin-bottom: 15px; } ._white .container .sidebar__item .dropdown li a span { font-size: 18px; line-height: 135%; } ._white .container .sidebar__item .dropdown li.active { font-weight: 800; } ._white .container .sidebar__item .ico { margin-right: 10px; margin-bottom: auto; margin-top: 4px; } ._white .container .sidebar__item .arrow { margin-left: auto; margin-right: 0; } ._white .container .sidebar__item .arrow svg { transition: all 0.4s ease; transform: rotate(-90deg); } ._white .container .sidebar__item .arrow svg.transform { transition: all 0.4s ease; transform: rotate(0deg); } ._white .container .container { width: calc(100% - 339px - 50px); color: #212121; } ._white .container .container .work-performed { padding-bottom: 10px; } ._white .container .container .work-performed .slick-slide { min-width: 280px; } ._white .container .container .work-performed__items { margin-left: 0; width: 100%; margin-top: 26px; display: flex; flex-wrap: wrap; justify-content: start; filter: none; } ._white .container .container .work-performed__items .slick-dots { position: static; } ._white .container .container .work-performed__item { width: calc(50% - 15px); background: #F0F0F0; margin-right: 30px; margin-top: 30px; max-height: 1000px; height: auto; opacity: 1; transition: opacity 1s ease, max-height 1s ease, margin 1s ease; } ._white .container .container .work-performed__item.disable { display: flex; max-height: 0; overflow: hidden; margin-top: 0 !important; opacity: 0; transition: opacity 1s ease, max-height 1s ease, margin 1s ease; } ._white .container .container .work-performed__item:nth-child(2n) { margin-right: 0; } ._white .container .container .work-performed__item:first-child { margin-top: 0; } ._white .container .container .work-performed__item:nth-child(2) { margin-top: 0; } ._white .container .container .work-performed__item-price { border-top: 1px solid rgba(136, 136, 136, 0.1); } ._white .container .container .work-performed__item-price .pdf { color: #BD1818; } ._white .container .container .work-performed__item-price .pdf div svg path { fill: #BD1818; } ._white .container .container .work-performed__item-price .pdf:hover { color: #e92121; } ._white .container .container .work-performed__item-price .pdf:hover div svg path { fill: #e92121; } ._white .container .container .work-performed__item-price .col:last-child { width: 50%; } ._white .container .container .work-performed__item-slider .slick-dots { position: absolute; } ._white .container .container .work-performed__btn { width: 361px; height: 50px; border: 1px solid #BD1818; border-radius: 4px; margin: 0 auto; background: none; transition: background 0.4s ease; margin-top: 40px; } ._white .container .container .work-performed__btn .arrow { display: flex; align-items: center; } ._white .container .container .work-performed__btn .arrow svg path { fill: #BD1818; transition: all 0.4s ease; } ._white .container .container .work-performed__btn:hover { background: #BD1818; transition: background 0.4s ease; } ._white .container .container .work-performed__btn:hover span { color: #FFF; transition: color 0.4s ease; } ._white .container .container .work-performed__btn:hover .arrow svg path { transition: all 0.4s ease; fill: #FFF; } ._white .container .container .work-performed__btn span { transition: color 0.4s ease; color: #BD1818; margin-right: 10px; } ._white .container .container .price { margin-top: 70px; } ._white .container .container .price__title { margin-top: 20px; margin-bottom: 26px; } ._white .container .container .price__warning { background: #F0F0F0; border-radius: 4px; padding: 25px 30px; } ._white .container .container .price__warning-title { font-weight: 700; font-size: 18px; line-height: 150%; margin-bottom: 7px; color: #BD1818; } ._white .container .container .price__warning-title::before { content: url("/local/templates/krioterm_im_2022/scss/../img/warning.svg"); margin-right: 9px; position: relative; top: 2px; } ._white .container .container .price__warning-text { font-weight: 400; font-size: 18px; line-height: 150%; } ._white .container .container .price__warning-text a { color: #D81C1C; display: inline; } ._white .container .container .price__warning-text a:hover { color: #e92121; } ._white .container .container .price__adaptive-btn-wrapper { display: none; scrollbar-width: none; position: static; } ._white .container .container .price__table { margin-top: 60px; border-radius: 4px; display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; font-size: 16px; } ._white .container .container .price__table-row { display: flex; } ._white .container .container .price__table-row:first-child { color: #FFF; background: #2A2A2A; font-weight: 700; } ._white .container .container .price__table-row:first-child .price__table-col { height: 55px; } ._white .container .container .price__table-row:first-child .price__table-col:first-child { font-size: 18px; display: flex; align-items: center; } ._white .container .container .price__table-row:nth-child(n+2) .price__table-col:nth-child(even) { z-index: 1; background-color: rgba(227, 227, 227, 0.5); } ._white .container .container .price__table-row:nth-child(5) .price__table-col span { padding-bottom: 27px; } ._white .container .container .price__table-row:not(.is-bonus):nth-child(6) .price__table-col span { padding-top: 33px; } ._white .container .container .price__table-row.is-bonus, ._white .container .container .price__table-row:not(.is-bonus):nth-child(n+6) { background: #F0F0F0; } ._white .container .container .price__table-row:nth-child(6) { border-radius: 4px 4px 0 0; } ._white .container .container .price__table-row:not(.is-bonus):nth-child(n+2):nth-child(-n+4) { height: 55px; border-bottom: 1px solid #E6E6E6; } ._white .container .container .price__table-row:not(.is-bonus):nth-child(n+2):nth-child(-n+4) .price__table-col { height: 55px; } ._white .container .container .price__table-row:not(.is-bonus):nth-child(n+7):nth-child(-n+9) { height: 55px; border-bottom: 1px solid #E3E3E3; } ._white .container .container .price__table-row:not(.is-bonus):nth-child(n+7):nth-child(-n+9) .price__table-col { height: 55px; } ._white .container .container .price__table-row:not(.is-bonus):nth-child(10) { border-radius: 0 0 4px 4px; } ._white .container .container .price__table-row.is-bonus:not(.is-bonus-title) { height: 55px; border-bottom: 1px solid #e3e3e3; } ._white .container .container .price__table-row.is-bonus:not(.is-bonus-title) .price__table-col:first-child span { padding: 12px 10px 12px 30px; } ._white .container .container .price__table-row.is-bonus.is-bonus-title .price__table-col:first-child span { padding: 33px 10px 12px 30px; } ._white .container .container .price__table-col { border: none; position: relative; display: flex; } ._white .container .container .price__table-col span { padding: 12px 10px; display: block; line-height: 150%; align-self: center; } ._white .container .container .price__table-col:first-child { height: 100%; } ._white .container .container .price__table-col:first-child span { padding-left: 30px; display: block; line-height: 125%; } ._white .container .container .price__table-col:nth-child(n+2) { text-align: center; justify-content: center; } ._white .container .container .price__table-col:nth-child(n+2) span { line-height: 150%; } ._white .container .container .price__table-col svg { position: relative; margin-right: 10px; top: 5px; } ._white .container .container .price__table-col:first-child { flex: 2; } ._white .container .container .price__table-col:nth-child(2) { flex: 1; } ._white .container .container .price__table-col:nth-child(3) { flex: 1; } ._white .container .container .price__table-col:nth-child(4) { flex: 1; } ._white .container .container .price__table-col:nth-child(5) { flex: 1; } ._white .container .container .price__table ._price { font-weight: 700; } ._white .container .container .price__table ._price span { padding: 12px 10px; } ._white .container .container .price__table-btn { font-size: 15px; height: 33px; width: 100%; margin: 0 15px; margin-top: 20px; margin-bottom: 33px; } ._white .container .container .price__table-btn span { padding: 0; } ._white .container .container .price__table-text { color: #ADADAD; margin-top: 30px; display: flex; margin-left: 20px; } ._white .container .container .price__table-text span { margin-right: 10px; } ._white .container .container .price__table-text p { width: 66%; font-size: 16px; line-height: 150%; } ._white .container .container .add-services { margin-top: 70px; } ._white .container .container .add-services__items { margin-top: 27px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } ._white .container .container .add-services__item { background-size: contain; background-color: #EBEBEB; border: 1px solid #EBEBEB; border-radius: 4px; grid-column: span 1; padding: 20px 20px 25px 30px; display: flex; flex-direction: column; justify-content: space-between; font-size: 18px; line-height: 150%; min-height: 143px; background-image: url("/local/templates/krioterm_im_2022/scss/../img/add-services-circle.svg"); background-repeat: no-repeat; background-position-x: 100%; background-size: contain; } ._white .container .container .add-services__item:last-child { padding: 25px 30px; grid-column: span 3; flex-direction: row; align-items: center; min-height: auto; background-image: none; } ._white .container .container .add-services__item:last-child p { width: 34%; font-weight: 700; } ._white .container .container .add-services__item-btn { height: 33px; width: 329px; } ._white .container .container .add-services__item-btn span { width: auto; } ._white .container .container .add-services__item-btn div { margin-left: 10px; } ._white .container .container .add-services__item-btn div path { fill: #BD1818; transition: all 0.4s ease; } ._white .container .container .add-services__item-btn:hover div path { fill: #FFF; transition: all 0.4s ease; } ._white .container .container .add-services__item span.red { font-weight: 700; font-size: 18px; line-height: 125%; color: #BD1818; width: 67%; } ._white .container .container .guarantee__wrapper-block1, ._white .container .container .guarantee__wrapper-block2 { background-color: #F0F0F0; background-image: url("/local/templates/krioterm_im_2022/scss/../img/guarantee-white-circle.svg"); background-size: contain; } ._white .container .container .guarantee__wrapper-block1 .red, ._white .container .container .guarantee__wrapper-block2 .red { font-size: 40px; } ._white .container .container .requirements { margin-top: 70px; } ._white .container .container .requirements__title { width: 77%; } ._white .container .container .requirements ul { margin-top: 20px; margin-left: 17px; } ._white .container .container .requirements li { list-style: disc; color: #BD1818; margin-bottom: 10px; } ._white .container .container .requirements li:last-child { margin-bottom: 0; } ._white .container .container .requirements li span { color: #212121; } ._white .container .container .requirements p { margin-top: 20px; width: 88%; } ._white .container .container .price-list { margin-top: 70px; } ._white .container .container .price-list__btn-block { margin-top: 30px; display: flex; align-items: center; overflow-x: scroll; overflow: -moz-scrollbars-none; scrollbar-width: none; -ms-overflow-style: none; } ._white .container .container .price-list__btn-block::-webkit-scrollbar { width: 0; } ._white .container .container .price-list ._ed::after { content: " руб./ед."; } ._white .container .container .price-list ._mp::after { content: " руб./м.п."; } ._white .container .container .price-list ._sup2::after { content: " руб./м²"; } ._white .container .container .price-list__btn { cursor: pointer; font-weight: 700; font-size: 15px; line-height: 20px; white-space: nowrap; padding: 0 31px; transition: color 0.4s ease, border-color 0.4s ease; } ._white .container .container .price-list__btn:last-child { margin-right: 0; } ._white .container .container .price-list__btn:hover { color: #BD1818; border-color: #BD1818; transition: color 0.4s ease, border-color 0.4s ease; } ._white .container .container .price-list__btn.active { display: flex; color: #BD1818; border: 1px solid #BD1818; border-radius: 4px; height: 40px; padding: 0 30px; background: none; } ._white .container .container .price-list__btn.active:hover { color: #BD1818; } ._white .container .container .price-list__btn.active span { border-bottom: none; } ._white .container .container .price-list__btn span { border-bottom: 1px dashed rgba(33, 33, 33, 0.3137254902); } ._white .container .container .price-list__wrapper { margin-top: 25px; font-size: 16px; } ._white .container .container .price-list__wrapper-btn { margin-top: 30px; border: 1px solid #E0E0E0; height: 40px; width: 100%; } ._white .container .container .price-list__wrapper-btn span { margin-right: 10px; } ._white .container .container .price-list__wrapper-btn .arrow { display: flex; align-items: center; } ._white .container .container .price-list__wrapper-btn .arrow svg path { fill: #BD1818; transition: all 0.4s ease; } ._white .container .container .price-list__wrapper-btn:hover .arrow svg path { fill: #FFF; transition: all 0.4s ease; } ._white .container .container .price-list__row { display: grid; grid-template-columns: 1fr 9fr 4fr; border-bottom: 1px solid #EBEBEB; } ._white .container .container .price-list__row.head { background: #2A2A2A; color: #fff; font-weight: 700; } ._white .container .container .price-list__col { padding: 15px 30px; } ._white .container .container .price-list__col:first-child { padding-right: 10px; } ._white .container .container .price-list__col:nth-child(2) { padding: 15px 0; } ._white .container .container .price-list__col:last-child { font-weight: 700; text-align: right; padding-left: 0; } ._white .container .container .getting { margin-top: 70px; } ._white .container .container .getting__items { margin-top: 25px; justify-content: space-evenly; display: flex; font-weight: 600; } ._white .container .container .getting__item { grid-column: span 1; max-width: 240px; padding-right: 15px; } ._white .container .container .getting__item:last-child { padding-right: 0; } ._white .container .container .getting__item p { margin-top: 20px; } ._white .container .container .request__content { background-color: #F0F0F0; background-image: url("/local/templates/krioterm_im_2022/scss/../img/request-circle-white.svg"); background-repeat: no-repeat; background-position-x: 100%; } ._white .container .container .about { background-color: #2B2B2B; color: #FFF; } ._white .container .container .about__col { width: 60%; } ._white .container .container .about__col:last-child { width: 40%; } ._white .container .container .about h2, ._white .container .container .about .h2 { color: #FFF; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } ._white .container .container .about h3 { text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } ._white .container .container .about p { text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } ._white .container .container .about__row span { text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } ._white .container .container .certificate { background-color: #F0F0F0; background-image: url("/local/templates/krioterm_im_2022/scss/../img/certificate-circle-white.svg"); background-position-y: bottom; } ._white .container .container .certificate h2, ._white .container .container .certificate .h2 { font-size: 40px; } ._white .container .container .certificate__slider { width: 600px; } ._white .container .container .certificate__slider-item img { width: 157px; height: 224px; } ._white .container .container .certificate__slider .slick-list { filter: none; } ._white .container .container .brands__title { width: 85%; } ._white .container .container .brands__title .work { color: #212121; } ._white .container .container .brands__item { font-size: 16px; padding: 30px 20px 30px 25px; } ._white .container .container .brands__item h3 { font-size: 22px; } ._white .container .container .brands__item h3 a { color: #FFF; } ._white .container .container .brands__item h3 a:hover { color: #BD1818; } ._white .container .container .stages { margin-top: 70px; border-radius: 4px; background-color: #F0F0F0; background-image: url("/local/templates/krioterm_im_2022/scss/../img/stages-circle-white.svg"); background-repeat: no-repeat; background-position-x: 100%; background-size: contain; padding: 35px 50px 25px; } ._white .container .container .stages__title { font-size: 40px; margin-bottom: 20px; } ._white .container .container .stages .button-wrap { margin-top: 25px; } ._white .container .container .stages__items { overflow: hidden; display: flex; padding: 0 0 40px 35px; margin: 0 0 0 -35px; } ._white .container .container .stages__item { grid-column: span 1; margin-bottom: 30px; min-width: 290px; } ._white .container .container .stages__item-title { font-weight: 700; font-size: 18px; line-height: 150%; color: #BD1818; } ._white .container .container .stages__item .start::before { content: url("/local/templates/krioterm_im_2022/scss/../img/stages-start.svg"); margin-right: 9px; } ._white .container .container .stages__item .finish::before { content: url("/local/templates/krioterm_im_2022/scss/../img/stages-finish.svg"); margin-right: 9px; } ._white .container .container .stages__item-text { margin-top: 10px; font-size: 16px; } ._white .container .container .stages__item-text a { display: inline; color: #BD1818; text-decoration: underline; } ._white .container .container .stages .stage-1 { background-image: url("/local/templates/krioterm_im_2022/scss/../img/stages-1.svg"); background-repeat: no-repeat; } ._white .container .container .stages .stage-2 { background-image: url("/local/templates/krioterm_im_2022/scss/../img/stages-2.svg"); background-repeat: no-repeat; } ._white .container .container .stages .stage-3 { background-image: url("/local/templates/krioterm_im_2022/scss/../img/stages-3.svg"); background-repeat: no-repeat; } ._white .container .container .stages .stage-4 { background-image: url("/local/templates/krioterm_im_2022/scss/../img/stages-4.svg"); background-repeat: no-repeat; } ._white .container .container .stages .stage-5 { background-image: url("/local/templates/krioterm_im_2022/scss/../img/stages-5.svg"); background-repeat: no-repeat; } ._white .container .container .faq { margin-top: 70px; } ._white .container .container .faq__items { margin-top: 36px; } ._white .container .container .faq__item { padding: 30px 0; border-top: 1px solid #C4C4C4; } ._white .container .container .faq__item:last-child { border-bottom: 1px solid #C4C4C4; } ._white .container .container .faq__item-title { display: flex; justify-content: space-between; cursor: pointer; } ._white .container .container .faq__item-title h3 { font-weight: 800; font-size: 28px; line-height: 130%; color: #000000; width: 95%; } ._white .container .container .faq__item-btn { background-color: #BD1818; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } ._white .container .container .faq__item-btn svg rect { transform: rotateZ(0deg); transform-origin: center; transition: all 0.4s ease; } ._white .container .container .faq__item-btn svg rect.transform:first-child { transform: rotateZ(90deg); transform-origin: center; transition: all 0.4s ease; } ._white .container .container .faq__item-btn svg rect.transform:last-child { transform: rotateZ(-180deg); transform-origin: center; transition: all 0.4s ease; } ._white .container .container .faq__item-text { margin-top: 20px; font-size: 18px; line-height: 150%; width: 89%; max-height: 100%; overflow: hidden; height: auto; max-height: 1000px; opacity: 1; transition: opacity 0.8s ease, max-height 0.4s ease, margin 0.2s ease; } ._white .container .container .faq__item-text.disable { margin: 0; display: block; max-height: 0; opacity: 0; transition: opacity 0.8s ease, max-height 0.4s ease, margin 0.6s ease; } ._white .contacts h2, ._white .contacts .h2 { color: #fff; } ._white .services { color: #FFF; margin-top: 70px; } ._white .services__items { display: flex; flex-wrap: wrap; margin-top: 26px; --flex-items: 4; --flex-gap: 30px; gap: var(--flex-gap); } ._white .services__item { position: relative; width: calc((100% - var(--flex-gap) * (var(--flex-items) - 1)) / var(--flex-items)); box-shadow: 0 0 60px rgba(0, 0, 0, 0.45); border-radius: 4px; padding: 30px 35px; height: 420px; transition: background-color 0.4s ease; display: block; cursor: pointer; } ._white .services__item-bg { opacity: 1; transition: opacity 0.4s ease; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } ._white .services__item-bg img { display: block; position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } ._white .services__item-content { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; text-overflow: ellipsis; } ._white .services__item-content h3 { color: #fff; } ._white .services__item-content_text { opacity: 0; transition: opacity 0.4s ease; } ._white .services__item-content_btn { opacity: 0; height: 44px; border: 2px solid #fff; width: 100%; } ._white .services__item-content_btn span { font-weight: 700; font-size: 17px; display: block; position: relative; } ._white .services__item-content_btn div path { fill: #FFF; transition: all 0.4s ease; } ._white .services__item-content_btn:hover { background-color: #fff; color: #BD1818; transition: color 0.4s ease, background-color 0.4s ease; } ._white .services__item-content_btn:hover div svg path { transition: all 0.4s ease; fill: #BD1818; } ._white .services__item-content_btn.button:hover, ._white .services__item-content_btn.block-info-mini__btn_red:hover { transition: background 0.4s ease !important; background-color: #fff !important; color: #bd1818 !important; } ._white .services__item-content_btn.button:hover .arw svg path, ._white .services__item-content_btn.block-info-mini__btn_red:hover .arw svg path { fill: #bd1818; } ._white .services__item .boiler::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #272623 0%, rgba(39, 38, 35, 0) 100%); opacity: 0.7; border-radius: 4px; } ._white .services__item .radiator::after { content: ""; display: block; width: 100%; height: 86%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #5C915F 0%, rgba(141, 210, 145, 0) 100%); opacity: 0.9; border-radius: 4px; } ._white .services__item .convector::after { content: ""; display: block; width: 100%; height: 86%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #554B3F 0%, rgba(85, 75, 63, 0) 100%); opacity: 0.9; border-radius: 4px; } ._white .services__item .warm::after { content: ""; display: block; width: 100%; height: 86%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #272623 0%, rgba(39, 38, 35, 0) 100%); opacity: 0.7; border-radius: 4px; } ._white .services__item .collector::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #2F282C 0%, rgba(44, 34, 40, 0) 100%); opacity: 0.95; border-radius: 4px; } ._white .services__item .automation::after { content: ""; display: block; width: 100%; height: 86%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #373431 0%, rgba(55, 52, 49, 0) 100%); opacity: 0.9; border-radius: 4px; } ._white .services__item h3, ._white .services__item .h3 { font-weight: 800; line-height: 130%; text-shadow: 0 0 30px rgba(0, 0, 0, 0.35); color: #fff; font-size: 28px; } ._white .categories__item { color: #fff; } .contacts { margin-top: 100px; padding: 24px 0; background: #2A2A2A; height: 108px; } .contacts .container { display: flex; justify-content: space-between; align-items: center; } .contacts__title { text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); position: relative; width: 20%; z-index: 1; color: #fff; } .contacts__title::before { content: url("/local/templates/krioterm_im_2022/scss/../img/contacts-title-ico.svg"); position: absolute; top: -24px; z-index: -1; } .contacts__content { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1074px; align-items: baseline; } .contacts__content-item { margin-bottom: 20px; } .contacts__content a { transition: all 0.4s ease; color: #FFF; } .contacts__content a:hover { transition: all 0.4s ease; color: #BD1818; } footer { color: #FFF; background: #212121; } footer .desktop { display: flex; justify-content: space-between; padding: 40px 0; } footer .desktop__column { width: 15%; } footer .desktop__column:first-child { width: 17%; } footer .desktop__column:last-child { width: 257px; } footer .desktop__column-logo { margin-bottom: 25px; } footer .desktop__column-btn { width: 217px; height: 50px; margin-bottom: 30px; } footer .desktop__column li { margin-bottom: 10px; } footer .desktop__column li:last-child { margin: 0; } footer .desktop__column-soc a img { margin-top: 10px; } footer .mid { display: none; } footer .mid__row { margin-top: 40px; } footer .mid__column { width: 20%; } footer .footer-bottom { color: #FFF; background: #121212; } footer .footer-bottom .container { padding: 10px 0; flex-direction: row-reverse; display: flex; } footer .footer-bottom__text { display: flex; align-items: center; font-size: 14px; color: #A9A9A9; } footer .footer-bottom__text img { margin-right: 8px; } footer .footer-bottom__text div { display: flex; } footer .footer-bottom__text div span { display: flex; } footer .footer-bottom__text a { font-size: 14px; color: #A9A9A9; text-decoration-line: underline; transition: all 0.4s ease; } footer .footer-bottom__text a:hover { transition: all 0.4s ease; color: #BD1818; } .disable { display: none; } .active { display: block; } footer h2, footer .h2, .contacts h2, .contacts .h2 { color: #fff; } footer, .contacts { color: #ffffff; } .price__adaptive-btn-wrapper { overflow-x: scroll; } .container.catalog { padding-left: calc(min(25%, 250px) + 30px); } .page_nav { color: #000000; } .page_nav .text { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .page_nav .text > * { padding-left: 5px; padding-right: 5px; } .contacts__title { color: #ffffff; } #shortdesc, #texttovar, #documents, .tels, .adr, .black-text, .cworkfoto_itembox_item_info { color: #000000; } .service_list * { color: #000000; } .header .container .top-header__navbar-item .dropdown { width: max-content; } .stages-item__bg-n { position: absolute; left: -15px; top: -79px; width: max-content; height: max-content; z-index: 2; font-family: "Noto Sans"; font-style: normal; font-weight: 900; font-size: 180px; line-height: 150%; color: #888888; opacity: 0.1; pointer-events: none; } .stages-item__content { position: relative; z-index: 4; } .service_list { display: grid; grid-template-columns: 1fr 1fr 1fr; } .service_list li:hover * { color: #fff; } .other-product a { display: flex; flex-direction: column; } .crazdelmarka_itembox_item_model > a { color: #0073ff; } .buy_block > a { color: #fff; position: relative; z-index: 10; } .askme > a:last-child { color: #fff; } .h2-in-catalog { font-size: 24px; line-height: 26px; } .title_category { clear: both; margin-bottom: 40px; font-family: intro_regular; padding: 15px 10px; font-size: 18px; line-height: 18px; color: #0072bc; background: #f1f1f1; } .title_category + div { margin-bottom: 20px; display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; } .title_category + div > div.item { display: flex; flex-direction: column; } .title_category + div > div.item > a { height: 50px; } .title_category + div > div.item img { width: 100%; } .adr, .tels { height: fit-content !important; } p { font-size: 18px; } div h1:first-child, div h2:first-child, div .h2:first-child, div h3:first-child, div .h3:first-child, div h4:first-child, div .h4:first-child { margin-top: 0; } .content .container .text-container._mt0 { margin-top: 0; } .content .container .text-container { margin-top: 70px; } .content .container .text-container h1, .content .container .text-container h2, .content .container .text-container .h2, .content .container .text-container h3, .content .container .text-container .h3, .content .container .text-container h4, .content .container .text-container .h4 { width: 70%; } .content .container .text-container h1 { font-size: 54px; } .content .container .text-container h2, .content .container .text-container .h2 { font-size: 44px; } .content .container .text-container h3, .content .container .text-container .h3 { font-size: 28px; } .content .container .text-container h4 { font-size: 22px; } .content .container .text-container p { font-weight: 400; font-size: 18px; line-height: 150%; margin-top: 20px; } .content .container .text-container ul, .content .container .text-container ol { margin-top: 20px; margin-left: 20px; padding: 0; } .content .container .text-container ul li, .content .container .text-container ol li { font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 10px; display: list-item; } .content .container .text-container ul li { list-style: disc; } .content .container .text-container ul li::marker { color: #BD1818; } .content .container .text-container ol li { list-style: decimal; } .content .container .text-container ol li::marker { color: #BD1818; } .content .container .text-container a { color: #BD1818; display: inline; } .content .container .text-container a:hover { color: #e92121; } .content .container .text-container *:first-child { margin-top: 0; } .content .container .text-container table { margin-top: 20px; border-collapse: collapse; width: 100%; text-align: center; border: 0; overflow-x: auto; overflow-y: hidden; } .content .container .text-container table thead { font-weight: 700; } .content .container .text-container table td { border: 1px solid grey; width: min-content; padding: 10px; } .content .container .text-container ._w-img { margin-top: 20px; display: flex; justify-content: space-between; } .content .container .text-container ._w-img img { width: calc(50% - 15px); } .content .container .text-container ._img { margin-top: 20px; display: flex; } .map-footer { height: 620px; } .fancybox__nav { position: static; } .fancybox-content { padding: 0; } .formscont button.fancybox-close-small svg path { color: #444; fill: #444; } .formscont .fhead { display: flex; flex-wrap: wrap; justify-content: flex-start; height: auto; } .formscont { color: #444; } .formscont .formsform .fline1 { display: flex; justify-content: space-between; } .formscont .formsform .fline1 .c, .formscont .formsform .fline1 .r, .formscont .formsform .fline1 .l { width: auto; } .formscont .formsform .fline1 .c input, .formscont .formsform .fline1 .r input, .formscont .formsform .fline1 .l input { margin-right: 6px; } .formscont .formsform .fline1 .c span, .formscont .formsform .fline1 .r span, .formscont .formsform .fline1 .l span { font-size: 14px; margin-top: 5px; width: auto; } .formscont .formsform .fline1 .c-r_wrap { display: flex; } .formscont .formsform .fline2 { display: flex; } .formscont .formsform .fline2 .lab { width: 185px; font-size: 14px; } .formscont .formsform .fline3 { display: flex; justify-content: space-between; } .formscont .formsform .fline3 a.drop { color: #000000; } .formscont .formsform .tablcont table tbody th { font-size: 14px; } .formscont .formsform .tablcont table thead th { font-size: 14px; } .container.catalog._new { padding: 0 15px; display: flex; } .container.catalog._new .left-menu__wrapp { margin-right: 30px; } .container.catalog._new .left-menu__wrapp .bx-filter { position: relative; width: 250px; left: 0; padding-right: 0; } .prod .tabs__caption .ui-tabs-anchor { color: #FFF; } .prod .documents ul li { display: flex; } .prod .documents ul li::before { align-self: center; } .prod .threeicons { margin: 30px 0; } .prod .threeicons li p { margin-bottom: 18px; } .prod .threeicons li .hovericon { left: 126px !important; } .catalog__slider { border: 1px solid #E5E5E5; margin: 8px -2px 5px 0; position: relative; line-height: 0; /* Слайдер */ } .catalog__slider .slick-slider { min-width: 0; } .catalog__slider { /* Ограничивающая оболочка */ } .catalog__slider .slick-list { overflow: hidden; } .catalog__slider { /* Лента слайдов */ } .catalog__slider .slick-track { display: flex; align-items: flex-start; } .catalog__slider .slick-arrow { position: absolute; z-index: 10; font-size: 0; width: 100px; top: 0; height: 100%; border: none; background-color: transparent; background-repeat: no-repeat; background-position: 90% 50%; background-size: 15px; opacity: 0.7; transition: opacity 0.4 ease; cursor: pointer; } .catalog__slider .slick-arrow:hover { transition: opacity 0.4 ease; opacity: 1; } .catalog__slider .slick-arrow.slick-prev { left: 0; transform: rotate(180deg); background-image: url("/local/templates/krioterm_im_2022/scss/../img/arrow-slider.svg"); } .catalog__slider .slick-arrow.slick-next { right: 0; background-image: url("/local/templates/krioterm_im_2022/scss/../img/arrow-slider.svg"); } .catalog__slider .slick-arrow.slick-disabled { opacity: 0.2; transition: opacity 0.4 ease; } .catalog__slider-item a { cursor: zoom-in; display: flex; align-items: center; justify-content: center; } .catalog__slider-item a img { object-fit: contain; height: 280px; } .catalog__slider_nav { position: relative; /* Слайдер */ } .catalog__slider_nav .slick-slider { min-width: 0; } .catalog__slider_nav { /* Ограничивающая оболочка */ } .catalog__slider_nav .slick-list { overflow: hidden; } .catalog__slider_nav { /* Лента слайдов */ } .catalog__slider_nav .slick-track { display: flex; align-items: flex-start; } .catalog__slider_nav .slick-arrow { position: absolute; z-index: 10; font-size: 0; width: 30px; height: 100px; margin: 0; top: 0; border: none; background-color: rgba(143, 142, 142, 0.3764705882); background-repeat: no-repeat; background-position: 50%; background-size: 7px; opacity: 0.7; transition: opacity 0.4 ease; cursor: pointer; } .catalog__slider_nav .slick-arrow:hover { transition: opacity 0.4 ease; opacity: 1; } .catalog__slider_nav .slick-arrow.slick-prev { left: 0; transform: rotate(180deg); background-image: url("/local/templates/krioterm_im_2022/scss/../img/arrow-slider.svg"); } .catalog__slider_nav .slick-arrow.slick-next { right: 0; background-image: url("/local/templates/krioterm_im_2022/scss/../img/arrow-slider.svg"); } .catalog__slider_nav .slick-arrow.slick-disabled { opacity: 0.2; transition: opacity 0.4 ease; } .catalog__slider_nav-item { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; padding: 0 5px; } .catalog__slider_nav-item img { height: 100%; object-fit: contain; cursor: pointer; } h1 { font-family: "NunitoSans", sans-serif; } ._white .content_label, ._white h1 { color: #212121; } ._white .content_labelsmall, ._white h2 { font-family: "NunitoSans", sans-serif; color: #212121; } .catalog__wrap { width: 100%; } .catalog__wrap h1 { margin-bottom: 20px; } .block-info__wrap { background: #f8f8f8; } .block-info__wrap svg path { fill: #BD1818; } .block-info__text p { color: #212121; } .block-info__buttom a { border: 2px solid #212121; transition: all 0.4s; border-radius: 4px; min-width: 150px; font-family: "NunitoSans", sans-serif; justify-content: center; gap: 5px; } .block-info__buttom a svg path { fill: #212121; transition: all 0.4s ease; } .block-info__buttom a:hover { background-color: #BD1818; border: 2px solid #BD1818; color: #fff; } .block-info__buttom a:hover svg path { fill: #fff; transition: all 0.4s ease; } @media (min-width: 780px) { .mob-filter__wrap { display: none; } } .bx-filter.bx-blue .bx-filter-section { background: #f8f8f8 !important; } .bx-filter.bx-blue .bx-filter-section .bx-filter-title { color: #212121; } .bx-filter.bx-blue .bx-filter-section .bx-filter-popup-result a { color: #bd1818; } .bx-filter.bx-blue .bx-filter-section .bx-ui-slider-pricebar-v { background: #bd1818; } .bx-filter.bx-blue .bx-filter-section .bx-ui-slider-pricebar-vn { background: rgba(189, 24, 24, 0.3137254902); } .bx-filter.bx-blue .bx-filter-section .bx-ui-slider-handle.left { background: url("/local/templates/krioterm_im_2022/scss/../img/treeungle.png") no-repeat left top; transform: rotateY(180deg); } .bx-filter.bx-blue .bx-filter-section .bx-ui-slider-handle.right { background: url("/local/templates/krioterm_im_2022/scss/../img/treeungle.png") no-repeat left top; } .sideLeft_leftmenu { background: #F8F8F8; } .sideLeft_leftmenu li a { color: #212121; font-family: "NunitoSans", sans-serif; font-size: 18px; } .sideLeft_leftmenu .root-item-selected { font-weight: 800; } .sideLeft_leftmenu .item-selected { font-weight: 800; } .crazdelmarka_itembox_item.catalog { margin: 0; width: 100%; margin-top: 12px; } .crazdelmarka_itembox_item.catalog:first-child { margin-top: 0; } @media (min-width: 1380px) { .crazdelmarka_itembox_item.catalog { width: calc(33.333333333% - 8px); margin-right: 12px; } .crazdelmarka_itembox_item.catalog:nth-child(3n+3) { margin-right: 0; } .crazdelmarka_itembox_item.catalog:first-child { margin-top: 0; } .crazdelmarka_itembox_item.catalog:nth-child(2) { margin-top: 0; } .crazdelmarka_itembox_item.catalog:nth-child(3) { margin-top: 0; } } @media (max-width: 1380px) and (min-width: 1040px) { .crazdelmarka_itembox_item.catalog { width: calc(50% - 6px); margin-right: 12px; } .crazdelmarka_itembox_item.catalog:nth-child(2n) { margin-right: 0; } .crazdelmarka_itembox_item.catalog:first-child { margin-top: 0; } .crazdelmarka_itembox_item.catalog:nth-child(2) { margin-top: 0; } } @media (max-width: 780px) { .left-menu__wrapp { display: none; } .bx-filter .bx-filter-title::after { background: #bd1818; box-shadow: 0 5px 0 0 #bd1818, 0 10px 0 0 #bd1818; } } .crazdelmarka_itembox_item_brand { font-family: "NunitoSans", sans-serif; color: #212121; font-weight: 800; } .crazdelmarka_itembox_item_model a { font-family: "NunitoSans", sans-serif; } .crazdelmarka_itembox_item_model > a { color: #bd1818; } .crazdelmarka_itembox_item_model > a:hover { color: #e92121; } .page_nav font.text:nth-of-type(2) { font-family: "NunitoSans", sans-serif; } .page_nav font.text:nth-of-type(2) a { font-family: "NunitoSans", sans-serif; font-size: 16px; color: #BD1818; } .page_nav font.text:nth-of-type(2) a:hover { color: #e92121; } .service_list li { transition: background-color 0.4s ease, color 0.4s ease; } .service_list li:hover { background-color: #bd1818; transition: background-color 0.4s ease, color 0.4s ease; } ul.other-products .news-title { color: #212121 !important; font-family: "NunitoSans", sans-serif !important; } table.praisiki td { border: 1px solid #D2D2D2; vertical-align: middle; line-height: 16px; font-family: "NunitoSans", sans-serif; } table.praisiki td { line-height: 28px; } .praisiki tr:last-child td { border: 1px solid #D2D2D2; } .content_labelsmall.ctovar_labelsmall a { color: #BD1818; } .content_labelsmall.ctovar_labelsmall a:hover { color: #e92121; } .title_category { font-family: "NunitoSans", sans-serif; color: #212121; background: #f8f8f8; font-weight: 800; } .article_item a.article_name { color: #212121; } .article_item a.article_name::before { content: "● "; color: #bd1818; margin-right: 10px; margin-top: -2px; } .article_item a.art_back { color: #bd1818; } .article_item a.art_back:hover { color: #e92121; } font.text a { display: inline; } #sert a.hdr { color: #bd1818; } #sert a.hdr:hover { color: #e92121; } .dima li { background-image: none; padding: 0; } header._rel { position: relative; } .page-404__img { display: flex; margin-bottom: 40px; } .page-404__title { color: #fff; margin-bottom: 25px; } .page-404__title span { color: #BD1818; } .page-404 .button, .page-404 .block-info-mini__btn_red { width: 260px; height: 50px; } .search-string__wrapper { width: 66%; height: 44px; position: relative; } .search-string__input { display: block; padding: 7px 16px; border: 1px solid #D7D7D7; border-radius: 4px; width: 100%; height: 100%; font-weight: 400; font-size: 20px; line-height: 150%; padding-right: 43px; } .search-string__input:focus { outline: 0; } .search-string__icon { position: absolute; display: flex; align-items: center; top: 0; bottom: 0; right: 8px; width: auto; cursor: pointer; } .search__text { font-weight: 400; font-size: 18px; line-height: 150%; color: #797979; margin-top: 30px; } .section__wrapper { display: flex; flex-wrap: wrap; margin-top: 30px; } .section__wrapper .section__item { font-weight: 700; font-size: 22px; line-height: 150%; margin-right: 50px; margin-bottom: 10px; } .section__wrapper .section__item:last-child { margin-right: 0; } .section__wrapper .section__item sup { color: #ABABAB; margin-left: 5px; font-size: 60%; } .container._catalog { display: flex; } .catalog__section { width: 100%; display: flex; overflow-x: hidden; overflow: -moz-scrollbars-none; scrollbar-width: none; -ms-overflow-style: none; } .catalog__section::-webkit-scrollbar { width: 0; } .catalog__section-wrapper { margin-bottom: 50px !important; display: flex; flex-wrap: wrap; gap: 25px; } .catalog__section-item { width: 184px; height: 60px; display: flex; justify-content: center; align-items: center; padding: 11px 45px; border-radius: 4px; } .catalog__section-item:last-child { margin-right: 0; } .catalog__section-item img { object-fit: contain; pointer-events: none; } .catalog__items { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .catalog__items._mts { margin-top: 40px; } .catalog__items._mtc { margin-top: 45px; } .catalog__items .line2 { display: none; border-bottom: 1px solid #E6E6E6; grid-column: span 2; } .catalog__items .line3 { border-bottom: 1px solid #E6E6E6; grid-column: span 3; } .catalog__items .catalog__item { border-radius: 4px; display: flex; flex-direction: column; } .catalog__items .catalog__item-img { display: flex; align-items: center; justify-content: center; padding-top: 50px; padding-bottom: 30px; } .catalog__items .catalog__item-img img { width: 140px; height: 120px; object-fit: contain; } .catalog__items .catalog__item-content { padding: 0 20px 20px; color: #212121; justify-content: space-between; display: flex; flex-direction: column; flex-grow: 1; } .catalog__items .catalog__item-content_name { font-weight: 400; font-size: 20px; line-height: 135%; margin-bottom: 17px; display: block; width: 100%; } .catalog__items .catalog__item-content_name .parent { display: flex; color: #888888; } .catalog__items .catalog__item-content_prop { display: block; font-size: 16px; line-height: 115%; width: 100%; margin-bottom: 25px; } .catalog__items .catalog__item-content_prop .prop__item { display: block; margin-bottom: 6px; } .catalog__items .catalog__item-content_prop .prop__item:last-child { margin-bottom: 0; } .catalog__items .catalog__item-content_price { display: flex; justify-content: space-between; width: 100%; } .catalog__items .catalog__item-content_price .cost { display: block; width: calc(50% - 15px); } .catalog__items .catalog__item-content_price .cost span { font-weight: 600; font-size: 14px; line-height: 115%; color: #888888; } .catalog__items .catalog__item-content_price .cost .price { display: block; margin-top: 10px; font-weight: 800; font-size: 18px; line-height: 115%; } .catalog__items .catalog__item-content_price .button, .catalog__items .catalog__item-content_price .block-info-mini__btn_red { display: flex; width: calc(50% - 15px); height: 34px; align-self: flex-end; } .catalog__items .catalog__item-content_price .button span, .catalog__items .catalog__item-content_price .block-info-mini__btn_red span { font-weight: 700; font-size: 14px; line-height: 115%; } .breadcrumb { margin-bottom: 25px; display: flex; align-items: center; overflow-x: scroll; overflow-y: hidden; overflow: -moz-scrollbars-none; scrollbar-width: none; -ms-overflow-style: none; } .breadcrumb::-webkit-scrollbar { width: 0; } .breadcrumb__wrapper { display: flex; } .breadcrumb-item { display: flex; align-items: center; margin-right: 10px; } .breadcrumb-item svg { margin-right: 10px; } .breadcrumb-item a { font-weight: 400; font-size: 16px; line-height: 115%; color: #888888; white-space: nowrap; } .catalog__param { display: flex; justify-content: space-between; } .catalog__param .sort { display: flex; align-items: center; } .catalog__param-title { font-weight: 400; font-size: 16px; line-height: 150%; color: #000000; margin-right: 10px; } .catalog__param-value { position: relative; font-weight: 400; font-size: 16px; line-height: 150%; color: #BD1818; } .catalog__param-value::before { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; width: 100%; height: 100%; width: calc(100% + 10px); height: calc(100% + 10px); } .catalog__param-value span { display: flex; align-items: center; } .catalog__param-value span .ico { margin-left: 6px; margin-top: 1px; } .catalog__param-list { position: absolute; opacity: 0; max-height: 0; overflow: hidden; height: auto; transition: opacity 0.4s ease, max-height 0.4s ease; padding: 20px 0 !important; background: #FFFFFF; box-shadow: 0px 0px 30px rgba(182, 182, 182, 0.25); border-radius: 4px; z-index: -2; left: -30px; margin-top: 5px !important; } .catalog__param-list._active { max-height: 500px; opacity: 1; transition: opacity 0.4s ease, max-height 0.4s ease; z-index: 5; } .catalog__param-item { font-weight: 400; font-size: 16px; line-height: 175%; color: #000000; padding-left: 30px; padding-right: 50px; white-space: nowrap; cursor: pointer; } .catalog__param-item span.text { display: inline; } .catalog__param-item span.ico { display: inline; margin-left: 6px; } .catalog__param-item:hover { background: #FFF0F0; } .detail { display: flex; width: 100%; justify-content: space-between; margin-bottom: 100px; } .detail__slider { display: flex; height: 580px; width: calc(50% - 30px); } .detail__slider-thumbs { height: 100%; width: 115px; margin-left: 0; margin-right: 30px; position: relative; } .detail__slider-thumbs .swiper-slide { width: 100%; height: 95px !important; box-shadow: 0px 0px 10px rgba(182, 182, 182, 0.35); border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .detail__slider-thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: contain; } .detail__slider-thumbs .button, .detail__slider-thumbs .block-info-mini__btn_red { position: absolute; display: flex; width: 100%; height: 20px; z-index: 50; } .detail__slider-thumbs .button svg, .detail__slider-thumbs .block-info-mini__btn_red svg { z-index: 51; } .detail__slider-thumbs .button::before, .detail__slider-thumbs .block-info-mini__btn_red::before { content: ""; position: absolute; width: 100%; height: 107px; } .detail__slider-thumbs .button._prev, .detail__slider-thumbs ._prev.block-info-mini__btn_red { top: 0; } .detail__slider-thumbs .button._prev::before, .detail__slider-thumbs ._prev.block-info-mini__btn_red::before { background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); top: 0; } .detail__slider-thumbs .button._prev svg, .detail__slider-thumbs ._prev.block-info-mini__btn_red svg { transform: rotate(180deg); } .detail__slider-thumbs .button._next, .detail__slider-thumbs ._next.block-info-mini__btn_red { bottom: 0; } .detail__slider-thumbs .button._next::before, .detail__slider-thumbs ._next.block-info-mini__btn_red::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); bottom: 0; } .detail__slider-thumbs .button.swiper-button-disabled, .detail__slider-thumbs .swiper-button-disabled.block-info-mini__btn_red { opacity: 0; } .detail__slider-img { width: 100%; box-shadow: 0px 0px 30px rgba(182, 182, 182, 0.25); border-radius: 4px; } .detail__slider-img .swiper-slide { padding: 60px; } .detail__slider-img .swiper-slide img { width: 100%; height: 100%; object-fit: contain; } .detail__prop { width: calc(50% - 30px); overflow: hidden; height: auto; transition: max-height 0.4s ease; } .detail__prop-price { margin-bottom: 35px; } .detail__prop-price .cost { margin-bottom: 20px; } .detail__prop-price .cost span { font-weight: 400; font-size: 18px; line-height: 115%; color: #212121; margin-bottom: 10px; display: flex; } .detail__prop-price .cost .price { font-weight: 800; font-size: 32px; line-height: 115%; color: #212121; } .detail__prop-price .button, .detail__prop-price .block-info-mini__btn_red { width: 247px; height: 50px; } .detail__prop-prop .prop__item { display: flex; justify-content: space-between; font-size: 18px; line-height: 150%; display: flex; align-items: end; color: #000000; margin-bottom: 10px; border-bottom: solid 1px #f0f0f0; padding-bottom: 10px; } .detail__prop-prop .prop__item span { /* width: fit-content; white-space: nowrap; */ width: 150px; margin-right: 30px; } .detail__prop-prop .prop__item b { text-align: right; width: fit-content; } .detail__prop-prop .prop__item .line { /* width: 100%; border-bottom: dotted 1px #cacaca; margin: 0px 10px; margin-top: 10px; */ display: none; } .detail__prop-btn { bottom: 0; position: absolute; background: #fff; width: 100%; padding-top: 10px; font-weight: 400; font-size: 18px; line-height: 150%; color: #BD1818; cursor: pointer; display: none; } .under-detail { display: flex; justify-content: space-between; width: 100%; } .spec { width: calc(75% - 35px); } .spec__item { display: none; } .spec__item table { width: 100%; border: none; border-collapse: collapse; } .spec__item table tr { height: 60px; } .spec__item table tr:nth-child(even) { background: #F8F8F8; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; } .spec__item table tr td { border: none; } .spec__item table tr td:first-child { padding-left: 40px; } .spec__item table tr td:nth-child(2) { text-align: end; font-weight: 700; padding-right: 40px; } .spec__item .text-container { overflow: hidden; height: auto; transition: max-height 0.4s ease; } .spec__item._docs a { display: flex; align-items: center; } .spec__item._docs a .ico { display: flex; align-items: center; justify-content: center; width: 15px; height: 20px; margin-right: 11px; } .spec__item._docs a .size { color: #888888; } .spec__item-btn { font-weight: 400; font-size: 18px; line-height: 150%; color: #BD1818; display: none; padding-top: 14px; cursor: pointer; bottom: 0; position: absolute; background: #fff; width: 100%; display: none; } .spec__item-btn::before { content: ""; position: absolute; top: -75px; height: 75px; width: 100%; left: 0; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.5) 100%); } .spec__item-btn._clicked::before { content: ""; position: absolute; top: -75px; height: 75px; width: 100%; left: 0; background: none; } .info { width: calc(25% - 35px); align-self: flex-start; } .info._full { width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(2, auto); grid-gap: 30px; grid-template-areas: "A A A A A A A D D D D D" "B B B C C C C D D D D D"; } .info._full .info__item { margin: 0; align-items: center; } .info._full .info__item._phone { grid-area: A; } .info._full .info__item._phone .phone { white-space: nowrap; } .info._full .info__item._delivery { grid-area: B; } .info._full .info__item._garant { grid-area: C; } .info._full .info__item._sert { flex-direction: column; align-items: flex-start; grid-area: D; } .info._full .info__item._sert .info__item-ico { margin-bottom: 18px; } .info._full .info__item._sert p { width: 100%; } .info._full .info__item._sert p br { margin-bottom: 10px; } .info__item { padding: 20px 30px; background: #F0F0F0; border-radius: 4px; display: flex; margin-bottom: 20px; } .info__item:last-child { margin-bottom: 0; } .info__item._phone p { width: auto; } .info__item-ico { width: 56px; height: 56px; border-radius: 50%; background: #BD1818; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .info__item p { font-weight: 400; font-size: 18px; line-height: 135%; color: #000000; width: calc(100% - 56px - 20px); } .info__item p .phone { font-weight: 700; font-size: 20px; line-height: 27px; color: #212121; margin-top: 9px; } .spec-btn__wrapper { margin-top: 30px; display: flex; align-items: center; overflow-x: scroll; overflow: -moz-scrollbars-none; scrollbar-width: none; -ms-overflow-style: none; } .spec-btn__wrapper::-webkit-scrollbar { width: 0; } .spec-btn__btn { cursor: pointer; font-weight: 700; font-size: 15px; line-height: 20px; white-space: nowrap; padding: 0 31px; transition: color 0.4s ease, border-color 0.4s ease; } .spec-btn__btn:last-child { margin-right: 0; } .spec-btn__btn:hover { color: #BD1818; border-color: #BD1818; transition: color 0.4s ease, border-color 0.4s ease; } .spec-btn__btn.button, .spec-btn__btn.block-info-mini__btn_red { font-size: 15px; } .spec-btn__btn.active { display: flex; color: #BD1818; border: 1px solid #BD1818; border-radius: 4px; height: 40px; padding: 0 30px; background: none; } .spec-btn__btn.active:hover { color: #BD1818; } .spec-btn__btn.active span { border-bottom: none; } .spec-btn__btn span { border-bottom: 1px dashed rgba(33, 33, 33, 0.3137254902); } .see-also { margin-top: 90px; position: relative; padding-bottom: 41px; padding-left: 50px; padding-right: 50px; width: calc(100% + 100px); translate: -50px 0; } .see-also .catalog__items { display: flex; width: 100%; grid-gap: normal; align-items: stretch; } .see-also .swiper-button-next, .see-also .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #212121; } .see-also .swiper-horizontal > .swiper-pagination-bullets, .see-also .swiper-pagination-bullets.swiper-pagination-horizontal, .see-also .swiper-pagination-custom, .see-also .swiper-pagination-fraction { bottom: 0; line-height: 0; } .see-also .work-performed .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .see-also .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .see-also .swiper-pagination-bullet { width: 10px; height: 10px; } .catalog__sert { display: flex; flex-direction: column; padding: 30px; background: linear-gradient(268.06deg, #F4F4F4 1.56%, #F8F8F8 98.39%); border-radius: 4px; margin-top: 40px; width: 339px; margin-right: 50px; } .catalog__sert-title { font-weight: 700; font-size: 18px; line-height: 150%; text-align: center; color: #212121; } .catalog__sert-title span { color: #BD1818; } .catalog__sert-img { width: 261px; height: 183px; margin-bottom: 10px; } .catalog__sert-btn { height: 42px; } .catalog__sert-btn .ico { margin-left: 6px; } ._mt40 { margin-top: 40px !important; } ._mt30 { margin-top: 30px !important; } .service-content > .price-block, .service-content > .block-info, .service-content > .text-container { margin: 70px 0; } .service-content .price-block h2 { margin-bottom: 30px; } .service-content .services__item h3, .service-content .services__item .h3 { font-size: 24px; } .service-content .gallery__wrapper { width: 100%; left: 0; } @media (min-width: 980px) { .catalog__items .catalog__item:hover { box-shadow: 0px 0px 30px rgba(182, 182, 182, 0.25); } .categories__item--picture:hover .categories__item-content_btn { opacity: 1; transition: opacity 0.4s ease; } .categories__item--picture:hover .categories__item-content_btn span { display: block; position: relative; } .categories__item--picture:hover .categories__item-content_btn div { top: 0px; } .categories__item--picture:hover .categories__item-content_btn div path { fill: #FFF; transition: all 0.4s ease; } .categories__item--picture:hover .categories__item-content_btn:hover { transition: all 0.4s ease; background-color: #fff; color: #BD1818; } .categories__item--picture:hover .categories__item-content_btn:hover div path { transition: all 0.4s ease; fill: #BD1818; } .categories__item--picture:not(.categories__item--no-content):hover { background-color: #BD1818; transition: background-color 0.4s ease; } .categories__item--picture:not(.categories__item--no-content):hover .categories__item-bg { opacity: 0; transition: opacity 0.4s ease; } .categories__item--picture:not(.categories__item--no-content):hover .categories__item-content_text { opacity: 1; transition: opacity 0.4s ease; } .categories__item--picture:not(.categories__item--no-content):hover .categories__item-content_btn { border: 2px solid #fff; } .categories__item--picture.categories__item--no-content:hover { color: #fff; opacity: 0.85; } .gallery__slider .slick-arrow { opacity: 0; transition: opacity 0.4s ease; } .gallery__slider:hover .slick-arrow { opacity: 1; transition: opacity 0.4s ease; } ._white .services__item:hover { background-color: #BD1818; transition: background-color 0.4s ease; } ._white .services__item:hover .services__item-bg { opacity: 0; transition: opacity 0.4s ease; } ._white .services__item:hover .services__item-content_text { opacity: 1; transition: opacity 0.4s ease; } ._white .services__item:hover .services__item-content_text ul li { margin-bottom: 10px; } ._white .services__item:hover .services__item-content_text ul li:last-child { margin-bottom: 0; } ._white .services__item:hover .services__item-content_btn { opacity: 1; transition: background-color 0.4s ease; transition: opacity 0.4s ease, color 0.4s ease, background-color 0.4s ease; } .work-performed__item-slider .slick-dots { opacity: 0; transition: opacity 0.4s ease; } .work-performed__item-slider a::before { content: ""; width: 100%; height: 43%; bottom: 0; position: absolute; background: linear-gradient(180deg, #0A0A0A 0%, rgba(30, 30, 30, 0) 100%); opacity: 0; transform: rotate(-180deg); z-index: 1; transition: opacity 0.4s ease; } .work-performed__item-slider:hover .slick-dots { opacity: 1; transition: opacity 0.4s ease; } .work-performed__item-slider:hover a::before { opacity: 0.8; transition: opacity 0.4s ease; } ._white .container .container .price-list__btn-block { flex-wrap: wrap; } ._white .container .container .price-list__btn-block .price-list__btn { line-height: 40px; } .catalog__section-item:hover { box-shadow: 4px 5px 15px rgba(182, 182, 182, 0.25); } } .inner-pages { margin-top: 70px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; } .inner-pages__item { display: flex; flex-direction: column; align-items: flex-start; border-radius: 4px; padding: 20px 30px; background-color: #EBEBEB; position: relative; transition: background-color 0.4s ease !important; } .inner-pages__item-title { font-weight: 400; font-size: 18px; line-height: 150%; color: #212121; z-index: 2; transition: color 0.4s ease !important; } .inner-pages__item-value { font-weight: 700; font-size: 18px; line-height: 150%; z-index: 2; color: #BD1818; transition: color 0.4s ease !important; } .inner-pages__item .bg { display: flex; position: absolute; right: 0; bottom: 0; } .inner-pages__item .bg svg path { fill: #E4E4E4; transition: fill 0.4s ease !important; } .inner-pages a.inner-pages__item::before { content: ""; height: 13px; width: 30px; background-image: url(/local/templates/krioterm_im_2022/scss/../img/inner-pages-arrow.svg); position: absolute; right: 30px; bottom: 30px; z-index: 2; background-position-x: -50px; translate: -50px; transition: translate 0.4s cubic-bezier(0.48, 1.39, 1, 2.03), background-position 0.4s ease !important; background-repeat: no-repeat; } .inner-pages a.inner-pages__item:hover { background-color: #BD1818; transition: background-color 0.4s ease; } .inner-pages a.inner-pages__item:hover::before { translate: 0; background-position-x: 0; transition: translate 0.4s cubic-bezier(0.48, 1.39, 1, 2.03), background-position 0.4s ease !important; } .inner-pages a.inner-pages__item:hover .inner-pages__item-title { color: #FFFFFF; transition: color 0.4s ease; } .inner-pages a.inner-pages__item:hover .inner-pages__item-value { color: #FFFFFF; transition: color 0.4s ease; } .inner-pages a.inner-pages__item:hover .bg svg path { fill: #C02424; transition: fill 0.4s ease; } .hidden-panel { position: fixed; cursor: pointer; bottom: 77px; left: 60px; right: auto; width: 100px; height: 60px; background: #bd1818; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12); border-radius: 50px; display: flex; align-items: center; justify-content: center; opacity: 1; z-index: 20; color: #fff; text-align: center; } .button-wrap { display: flex; justify-content: center; margin-top: 50px; } .button-wrap .button, .button-wrap .block-info-mini__btn_red { height: 50px; width: 240px; } .block-info-mini__btn_red { margin-left: 20px; width: 326px; height: 46px; } @media (max-width: 1500px) { .brands__item { padding: 23px 25px; } ._white .container .container { width: calc(100% - 339px); color: #212121; } ._white .container .container h1 { margin-bottom: 13px; } ._white .container .container h2, ._white .container .container .h2 { color: #212121; } ._white .container .container .brands__items { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1440px) { .certificate { padding: 60px 40px; } .certificate__slider { width: 64%; } .certificate__slider-item img { width: 190px; height: 270px; } } @media (max-width: 1421px) { .work-performed__item-content { margin: 30px 30px 0 30px; } .work-performed__item-price { padding: 26px 30px 30px 30px; } .work-performed__item-price .col div { font-size: 30px; } .work-performed__item-price .col .pdf { font-size: 16px; } ._white .container .sidebar { display: none; } ._white .container .container { width: 100%; } ._white .container .container__text { max-width: 1008px; } ._white .container .container .brands__title { width: 82%; } ._white .container .container .brands__items { grid-template-columns: repeat(5, 1fr); } ._white .container .container .work-performed__item:nth-child(2n) { margin-right: 30px; } ._white .container .container .work-performed__item:nth-child(3n+3) { margin-right: 0; } ._white .container .container .work-performed__item:first-child { margin-top: 0; } ._white .container .container .work-performed__item:nth-child(2) { margin-top: 0; } ._white .container .container .work-performed__item:nth-child(3) { margin-top: 0; } ._white .container .container .work-performed__item { width: calc(33.33333333% - 22.5px); } .catalog__sert { display: none; } } @media (max-width: 1380px) { .container { width: calc(100% - 80px); max-width: 1216px; } h2, .h2 { font-size: 40px; } h3 { font-size: 26px; } .header { padding-bottom: 0; padding-top: 25px; } .header .container { padding-bottom: 25px; } .header .container .top-header__title { font-size: 14px; width: 45%; } .header .container .top-header__contact { width: 388px; } .header .container .top-header__contact-phone-time, .header .container .top-header__contact-item { display: none; } .header .container .top-header__contact-burger { display: flex; } .header .container nav { display: none; } .main-first .container { padding-top: 186px; } .main-first__title { font-size: 62px; margin-bottom: 29px; } .main-first__text { font-size: 28px; margin-bottom: 22px; } .main-first__btn { font-size: 20px; margin-top: 50px; } .work-performed__items { margin-top: 37px; } .categories__items { grid-template-columns: repeat(2, 1fr); } .categories__item-content h3 { font-size: 26px; } .about__col:first-child { width: 57%; } .about__col:last-child { margin-left: 50px; width: 40%; } .about__col p { width: 100%; } .guarantee__wrapper-block1 .red { font-size: 40px; } .brands__item-content h3 { font-size: 22px; } .brands__item-content ul li { font-size: 16px; } .contacts { margin-top: 100px; height: 100%; padding-bottom: 50px; } .contacts .container { display: block; } .contacts__title { height: 123px; line-height: 123px; background-image: url("/local/templates/krioterm_im_2022/scss/../img/contacts-title-r-ico.svg"); background-repeat: no-repeat; } .contacts__title::before { display: none; } .contacts__content { width: 100%; } .certificate__slider-item img { width: 185px; height: 270px; } ._white .container .container .work-performed__items .slick-dots button { background: #CECECE; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } ._white .container .container .work-performed__items .slick-slide { box-shadow: none; } ._white .container .container .work-performed__items .slick-dots li.slick-active button { background: #BD1818; } ._white .container .container .work-performed__item-slider { /* Элемент точки */ } ._white .container .container .work-performed__item-slider .slick-dots button { background: #FFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .contacts { height: max-content; } .page-404__img { margin-top: 15px; } .page-404__img { margin-bottom: 40px; } .page-404__title { margin-bottom: 25px; } .page-404__text { margin-bottom: 40px; } .page-404__menu .main-menu__item { margin-bottom: 30px; } .page-404__menu .main-menu__item .dropdown { margin-top: 21px; padding-left: 30px; } .spec { width: calc(66.6666666667% - 20px); } .info { width: calc(33.3333333333% - 20px); } .info._full { grid-template-columns: repeat(3, 1fr); grid-template-areas: "A A D" "B C D"; } .info._full .info__item { padding: 30px; margin: 0; align-items: flex-start; } .info._full .info__item._phone { grid-area: A; } .info._full .info__item._phone .phone { white-space: nowrap; } .info._full .info__item._delivery { grid-area: B; } .info._full .info__item._delivery p { max-width: 195px; } .info._full .info__item._garant { grid-area: C; } .info._full .info__item._sert { grid-area: D; } .catalog__section { overflow-x: auto; } .catalog__section-wrapper { flex-wrap: nowrap; } .see-also { padding-left: 40px; padding-right: 40px; width: calc(100% + 80px); translate: -40px 0; } .detail__slider { height: 60vh; } } @media (max-width: 1280px) { ._white .container .container { width: 100%; } ._white .container .container .brands__items { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1279px) { ._white .container .container .work-performed__item { width: calc(50% - 15px); margin-right: 30px; margin-top: 30px; } ._white .container .container .work-performed__item:nth-child(3n+3) { margin-right: 30px; } ._white .container .container .work-performed__item:nth-child(2n) { margin-right: 0; } ._white .container .container .work-performed__item:first-child { margin-top: 0; } ._white .container .container .work-performed__item:nth-child(2) { margin-top: 0; } ._white .container .container .work-performed__item:nth-child(3) { margin-top: 30px; } } @media (max-width: 1185px) { h1 { font-size: 56px; } h2, .h2 { font-size: 38px; } .work-performed__item-slider { /* height: 248px; */ } .work-performed__item-slider_item img { /* height: 248px; */ height: 100%; } .work-performed__item-content { margin: 30px 20px 0 20px; } .work-performed__item-price { padding: 16px 20px 20px 20px; } .work-performed__item-price .col p { font-size: 14px; } .work-performed__item-price .col div { font-size: 28px; } .work-performed__item-price .col .pdf { font-size: 14px; } } @media (max-width: 1160px) { .brands__items { grid-template-columns: repeat(3, 1fr); } .certificate { display: block; background-position-y: 100%; } .certificate__title { width: 100%; } .certificate__slider { margin-top: 30px; width: 100%; } ._white .container .container .price { font-size: 16px; } ._white .container .container .price__table-row:first-child { font-weight: 700; } ._white .container .container .price__table-row:first-child .price__table-col span { padding-left: 10px; padding-right: 10px; } ._white .container .container .price__table-col span { padding: 12px 10px; } ._white .container .container .price__table-btn span { padding: 0; } ._white .container .container .certificate__slider { width: 100%; } } @media (max-width: 1080px) { .header._pb40 { padding-bottom: 5px; } .inner-pages { grid-template-columns: repeat(3, 1fr); } .contacts__title { width: auto; } .contacts__content .geo { width: 60%; order: 0; width: 60%; } .contacts__content .email { margin-top: 12px; order: 1; width: 60%; } .contacts__content .phone { order: 0; width: 40%; } .catalog__items { grid-template-columns: repeat(2, 1fr); } .catalog__items .line2 { display: inline; } .catalog__items .line3 { display: none; } .under-detail { flex-direction: column; } .spec { width: 100%; margin-bottom: 50px; } .spec__item table tr td:first-child { padding-left: 30px; } .spec__item table tr td:nth-child(2) { padding-right: 30px; } .info._full { width: 100%; display: grid; grid-template-columns: repeat(13, 1fr); grid-template-rows: repeat(3, auto); grid-gap: 20px; grid-template-areas: "A A A A A A D D D D D D D" "B B B B B B D D D D D D D" "C C C C C C C C C C C C C"; } .info._full .info__item._phone { grid-area: A; } .info._full .info__item._phone .phone { white-space: nowrap; } .info._full .info__item._delivery { grid-area: B; } .info._full .info__item._garant { grid-area: C; } .info._full .info__item._sert { grid-area: D; flex-direction: row; } .info._full .info__item._sert .info__item-ico { margin-bottom: 0; } .info._full .info__item._sert p { width: calc(100% - 46px - 16px); } .info._full .info__item { padding: 20px 25px; margin-bottom: 0; } .info._full .info__item-ico { width: 46px; height: 46px; margin-right: 16px; } .info._full .info__item-ico svg { transform: scale(0.9); } .info._full .info__item p { font-size: 16px; width: calc(100% - 46px - 16px); max-width: 445px; } .info { width: 100%; display: grid; grid-template-columns: repeat(13, 1fr); grid-template-rows: repeat(3, auto); grid-gap: 20px; grid-template-areas: "A A A A A A D D D D D D D" "B B B B B B D D D D D D D" "C C C C C C C C C C C C C"; } .info__item._phone { grid-area: A; } .info__item._phone .phone { white-space: nowrap; } .info__item._delivery { grid-area: B; } .info__item._garant { grid-area: C; } .info__item._sert { grid-area: D; } .info__item { padding: 20px 25px; margin-bottom: 0; } .info__item-ico { width: 46px; height: 46px; margin-right: 16px; } .info__item-ico svg { transform: scale(0.9); } .info__item p { font-size: 16px; width: calc(100% - 46px - 16px); max-width: 445px; } .see-also { margin-top: 66px; } .detail { margin-bottom: 60px; } .detail__slider { width: calc(50% - 10px); height: clamp(240px, 50vh - 60px, 350px); } .detail__slider-thumbs { width: 45px; margin-right: 15px; } .detail__slider-thumbs .swiper-slide { height: 38px !important; } .detail__slider-img .swiper-slide { padding: 30px; } .detail__prop { width: calc(50% - 10px); } .detail__prop-prop .prop__item { font-size: 16px; } ._mt40 { margin-top: 30px !important; } } @media all and (max-width: 1024px) { .container__title { width: 100%; } .service_list { grid-template-columns: 1fr 1fr; } .title_category + div { gap: 15px; grid-template-columns: 1fr 1fr; } .content .container .text-container { margin-top: 70px; } .content .container .text-container h1, .content .container .text-container h2, .content .container .text-container .h2, .content .container .text-container h3, .content .container .text-container .h3, .content .container .text-container h4 { font-weight: 800; width: 100%; } } @media (max-width: 980px) { body { font-size: 18px; } .main-first__title { font-size: 42px; } .main-first__text { font-size: 22px; } h2, .h2 { font-size: 36px; width: 100%; } h3 { font-size: 26px; } .about__row span { font-size: 65px; } .request { display: block; background-position-y: 100%; } .request__photo { max-width: 100%; } .request__photo img { height: 280px; width: 100%; } .request__content { padding-bottom: 55px; } .request__content-btn { width: 100%; } .guarantee__wrapper { grid-template-columns: repeat(2, 1fr); } .guarantee__wrapper-block2 { padding-top: 44px; padding-bottom: 38px; } .brands__title { width: 100%; } ._white .services__item { height: 250px; } ._white .container .container h2, ._white .container .container .h2 { font-size: 36px; } ._white .container .container__text { width: 100%; } ._white .container .container .price { font-size: 18px; } ._white .container .container .price__adaptive-btn-wrapper { margin-top: 50px; display: flex; overflow-x: auto; justify-content: space-between; } ._white .container .container .price__adaptive-btn-wrapper::-webkit-scrollbar { width: 0; } ._white .container .container .price__adaptive-btn { margin-right: 20px; padding-left: 25px; padding-right: 25px; height: 43px; color: #212121; border: 1px solid #CECECE; border-radius: 4px; white-space: nowrap; width: 160px; } ._white .container .container .price__adaptive-btn span { margin: 0 auto; } ._white .container .container .price__adaptive-btn:last-child { margin-right: 0; } ._white .container .container .price__adaptive-btn svg { position: relative; margin-right: 10px; top: 5px; } ._white .container .container .price__adaptive-btn svg path { fill: #2A2A2A; } ._white .container .container .price__adaptive-btn.active { display: flex; color: #BD1818; border: 1px solid #BD1818; } ._white .container .container .price__adaptive-btn.active svg path { fill: #BD1818; } ._white .container .container .price__table { margin-top: 25px; } ._white .container .container .price__table-btn { width: 216px; } ._white .container .container .price__table-row:first-child { font-weight: 700; } ._white .container .container .price__table-row:first-child .price__table-col span { padding-left: 30px; padding-right: 30px; } ._white .container .container .price__table-row:nth-child(5) .price__table-col:first-child span { padding-bottom: 30px; } ._white .container .container .price__table-row:nth-child(6) .price__table-col:first-child span { padding-top: 30px; } ._white .container .container .price__table-col span { padding: 12px 30px; } ._white .container .container .price__table.col-1 .price__table-row { grid-template-columns: 1.5fr 1fr; } ._white .container .container .price__table.col-1 .price__table-row .price__table-col:nth-child(n+3) { display: none; } ._white .container .container .price__table.col-1 .price__table-col:first-child { flex: 1.5; } ._white .container .container .price__table.col-1 .price__table-col:nth-child(2) { flex: 1; } ._white .container .container .price__table.col-2 .price__table-row { grid-template-columns: 1.5fr 1fr; } ._white .container .container .price__table.col-2 .price__table-row .price__table-col:nth-child(2) { display: none; } ._white .container .container .price__table.col-2 .price__table-row .price__table-col:nth-child(n+4):nth-child(-n+5) { display: none; } ._white .container .container .price__table.col-2 .price__table-col:first-child { flex: 1.5; } ._white .container .container .price__table.col-2 .price__table-col:nth-child(3) { flex: 1; } ._white .container .container .price__table.col-3 .price__table-row { grid-template-columns: 1.5fr 1fr; } ._white .container .container .price__table.col-3 .price__table-row .price__table-col:nth-child(n+2):nth-child(-n+3) { display: none; } ._white .container .container .price__table.col-3 .price__table-row .price__table-col:nth-child(5) { display: none; } ._white .container .container .price__table.col-3 .price__table-col:first-child { flex: 1.5; } ._white .container .container .price__table.col-3 .price__table-col:nth-child(4) { flex: 1; } ._white .container .container .price__table.col-4 .price__table-row { grid-template-columns: 1.5fr 1fr; } ._white .container .container .price__table.col-4 .price__table-row .price__table-col:nth-child(n+2):nth-child(-n+4) { display: none; } ._white .container .container .price .price__table-col:first-child { flex: 1.5; } ._white .container .container .price .price__table-col:nth-child(5) { flex: 1; } ._white .container .container .certificate h2, ._white .container .container .certificate .h2 { font-size: 36px; } ._white .container .container .faq__item-title .plus::before { top: 6px; } ._white .container .container .faq__item-title .minus::before { top: 1px; } footer .desktop { display: none; } footer .mid { display: block; padding-top: 40px; } footer .mid__href { display: flex; flex-direction: column; align-content: space-between; flex-wrap: wrap; width: 100%; height: 186px; } footer .mid__href a { margin-bottom: 10px; width: 25%; } footer .mid__href a:nth-child(9) { margin-bottom: 30px; } footer .mid__row { display: flex; justify-content: space-between; } footer .mid__row-btn { width: 48%; } footer .mid__row:last-child { border-top: 1px solid rgba(255, 255, 255, 0.3); padding: 30px 0; } footer .mid__row:first-child { margin-top: 0; } footer .mid__column li { margin-bottom: 10px; } footer .mid__column li:last-child { margin-bottom: 0; } footer .mid__soc { margin-top: 30px; } footer .mid__soc p { margin-bottom: 10px; } .categories__item--picture { height: 210px; } .text-container h2, .text-container .h2 { font-size: 36px; } .formscont .formsform .fline1 .c-r_wrap { display: block; } .formscont .formsform .fline2 { flex-direction: column; } .gallery__wrapper-inline { overflow-x: auto; } .gallery__slider-item { width: 250px; flex: 0 0 250px; } } @media (max-width: 930px) { ._white .services__items { flex-wrap: wrap; --flex-items: 2; } ._white .services__item { height: 300px; } ._white .container .container .brands__title { width: 100%; } ._white .container .container .brands__title .work { width: 100%; display: block; } .inner-pages { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 980px) { ._white .container .container .price__adaptive-btn-wrapper::after { content: ""; width: 96px; height: 43px; right: 0px; position: absolute; background: linear-gradient(270deg, #FFFFFF 38.49%, rgba(255, 255, 255, 0) 100%); transition: opacity 0.4s ease; opacity: 1; } ._white .container .container .price__adaptive-btn-wrapper.right::after { opacity: 0; transition: opacity 0.4s ease; z-index: -1; } ._white .container .container .price__adaptive-btn-wrapper::before { content: ""; width: 96px; height: 43px; left: 0px; position: absolute; background: linear-gradient(270deg, #FFFFFF 38.49%, rgba(255, 255, 255, 0) 100%); transform: rotate(180deg); transition: opacity 0.4s ease; opacity: 1; z-index: 2; } ._white .container .container .price__adaptive-btn-wrapper.left::before { opacity: 0; transition: opacity 0.4s ease; z-index: -1; } ._white .container .container .price-list__btn-block { position: static; } ._white .container .container .price-list__btn-block::after { content: ""; width: 96px; height: 43px; right: 0px; position: absolute; background: linear-gradient(270deg, #FFFFFF 38.49%, rgba(255, 255, 255, 0) 100%); transition: opacity 0.4s ease; opacity: 1; } ._white .container .container .price-list__btn-block.right::after { opacity: 0; transition: opacity 0.4s ease; z-index: 0; } ._white .container .container .price-list__btn-block::before { content: ""; width: 96px; height: 43px; left: 0px; position: absolute; background: linear-gradient(270deg, #FFFFFF 38.49%, rgba(255, 255, 255, 0) 100%); transform: rotate(180deg); transition: opacity 0.4s ease; opacity: 1; z-index: 2; } ._white .container .container .price-list__btn-block.left::before { opacity: 0; transition: opacity 0.4s ease; z-index: 0; } .main-first .form.form-inline .form__wrapper { max-width: 300px; padding: 30px; } .main-first .form__title { font-size: 24px; } .main-first .form .callback-footer__wrapper { flex-direction: column; gap: 10px; } .main-first .form .callback-footer__wrapper .form__politics { order: 2; } .categories__item-content { height: 100% !important; overflow: hidden; } .categories__item--picture { height: auto; min-height: 200px; } .categories__item--picture .categories__item-content_text { opacity: 1; } .categories__item--picture .categories__item-content_btn { margin-top: 20px; } } @media (max-width: 899px) { .header .container .top-header__contact { display: contents; } .header .container .top-header__contact-btn { display: none; } .gallery__loading-item:nth-child(3) { display: none; } } @media (max-width: 559px) { .gallery__loading { width: 100%; } .gallery__loading-item { width: 100%; } .gallery__loading-item:nth-child(2) { display: none; } } @media all and (max-width: 780px) { .container.catalog { padding-left: 15px; } .title_category + div { gap: 15px; grid-template-columns: 1fr; } } @media (max-width: 840px) { .header { padding-top: 15px; } .main-first .container { padding-top: 120px; } .work-performed__items { margin-top: 28px; } .work-performed__item-content { margin: 30px 40px 0 40px; } .work-performed__item-price { padding: 26px 40px 30px 40px; } .work-performed__item-price .col p { font-size: 14px; } .work-performed__item-price .col div { font-size: 32px; } .work-performed__item-price .col .pdf { font-size: 18px; } .work-performed__btn { display: none; } .header .container .top-header__contact { display: contents; } .header .container .top-header__contact-btn { display: none; } .search-string__wrapper { width: 100%; height: 50px; margin-top: 45px; } .search__text { font-size: 22px; } .catalog__items .catalog__item-content_price .cost { width: auto; white-space: nowrap; } .catalog__items .catalog__item-content_price .button, .catalog__items .catalog__item-content_price .block-info-mini__btn_red { padding: 0 10px; } .main-menu__btn { display: flex; height: 60px; margin-bottom: 37px; } .main-menu__soc { display: block; } .main-menu__soc p { margin-bottom: 10px; } .main-menu__soc { margin-bottom: 40px; } .main-menu__wrapper { justify-content: stretch; } .main-menu__column-1 { width: 57%; } .main-menu__column-2 { width: auto; display: block; } .main-first__title { font-size: 42px; width: 100%; margin-bottom: 27px; } .main-first__text { font-size: 22px; width: 100%; margin-bottom: 18px; } .main-first__btn { margin-top: 40px; } .categories__item--pictures { height: 160px; } .categories__title { width: 100%; } .brands__items { grid-template-columns: repeat(2, 1fr); } .brands__item { padding: 23px 30px; height: 100%; } .work-performed__item-price .col:last-child { width: 55%; } .certificate__slider-item img { width: 171px; height: 243px; } ._white .main-menu__btn { display: flex; } ._white .services__item { padding: 30px; } ._white .container .container .work-performed__items .slick-slide { margin: 0 0px; } ._white .container .container .work-performed__item { margin: 0; } ._white .container .container .requirements__title { width: 100%; } ._white .container .container .price__table-text p { width: 100%; } ._white .container .container .brands__items { grid-template-columns: repeat(2, 1fr); } ._white .container .container .stages__title { font-size: 36px; } .contacts { padding-bottom: 40px; } .map-footer { height: 508px; } footer .mid__soc { margin-top: 20px; } .page-404__img { width: 234px; height: 108.81px; } .page-404__title { color: #fff; margin-bottom: 33px; } .page-404__title span { color: #BD1818; width: 100%; } .page-404__text { margin-bottom: 30px; width: 100%; } .page-404__text._mb40 { margin-bottom: 40px; width: 80%; } .page-404__menu { display: flex; font-size: 20px; } .page-404__menu .main-menu__items { margin-right: 60px; max-width: 356px; } .page-404__menu .main-menu__items:first-child { font-weight: 700; } .page-404__menu .main-menu__items:last-child { margin-right: 0; font-size: 18px; } .page-404__menu .main-menu__item { margin-bottom: 20px; } .page-404__menu .main-menu__item .ico { width: 19px; } .page-404__menu .main-menu__item .dropdown { margin-top: 21px; padding-left: 30px; } .page-404__menu .main-menu__item .dropdown li { margin-bottom: 15px; font-size: 18px; font-weight: 400; } .container._catalog { margin-bottom: -30px; } } @media (max-width: 800px) { ._white .container .container .price-list__row { grid-template-columns: 1fr 8fr 4fr; } ._white .container .container .getting__items { flex-wrap: wrap; gap: 25px; } ._white .container .container .add-services__items { grid-template-columns: repeat(2, 1fr); } ._white .container .container .add-services__item span.red { width: 100%; } ._white .container .container .add-services__item:last-child { grid-column: span 2; } ._white .container .container .add-services__item:last-child p { width: 233px; } ._white .container .container .add-services__item-btn { width: 49%; } } @media (max-width: 740px) { .certificate__slider-item img { width: 227px; height: 322px; } .main-first .container { flex-direction: column; } .main-first .form.form-inline .form__wrapper { max-width: 100%; padding: 20px; } } @media (max-width: 700px) { .container { width: calc(100% - 60px); } .header { padding-top: 20px; } h3 { font-size: 28px; } .main-menu__wrapper { width: 100%; } .main-first .container { padding-top: 195px; } .main-first__title { font-size: 56px; margin-bottom: 49px; } .main-first__text { font-size: 28px; margin-bottom: 32px; } .main-first__btn { width: 100%; margin-top: 69px; } .categories__items { grid-gap: 20px; } .categories__item { padding: 30px 0 0 29px; } .categories__item.categories__item--picture { padding: 30px; } .categories__item-content h3 { width: auto; font-size: 28px; } .categories__item--wide { grid-column: span 1; } .categories__item--wide .categories__item-content_text > ul { column-count: unset; } .about { margin-left: -40px; width: calc(100% + 80px); padding: 60px 40px 80px; background-size: auto; background-color: #2B2B2B; border-radius: 0; } .about__content { display: block; } .about__col:first-child { width: 100%; height: 535px; padding-bottom: 80px; } .about__col:last-child { margin-top: 46px; text-align: center; margin-left: auto; margin-right: auto; width: 100%; } .about__col:last-child p { width: 60%; margin-left: auto; margin-right: auto; } .about__title { font-size: 46px; } .about__row-title { font-size: 26px; } .about__row p { font-size: 22px; } .about p.about__row-text { font-size: 20px; } .work-performed__items { margin-top: 25px; } .work-performed__item-price { display: block; } .work-performed__item-price .col .pdf { background: none; border: 2px solid #FFFFFF; height: 50px; font-weight: 400; margin-top: 30px; margin-bottom: 30px; align-items: center; } .work-performed__item-price .col .pdf div { margin-top: 0; } .work-performed__item-price .col:first-child { display: flex; justify-content: space-between; width: 100%; align-items: end; } .work-performed__item-price .col:last-child { width: auto; } .request { margin-left: -40px; width: calc(100% + 80px); padding: 0; border-radius: 0; } .request__content { padding: 40px 40px; } .brands__items { margin-top: 30px; grid-gap: 20px; } .brands__item { padding: 23px 30px; } .brands__item-content h3 { font-size: 26px; } .brands__item-content ul li { font-size: 20px; line-height: 150%; } .guarantee__wrapper { grid-gap: 20px; } .certificate { padding: 50px; } .certificate__slider-item img { width: 202px; height: 287px; } .contacts { margin-left: auto; margin-right: auto; padding-bottom: 70px; } .contacts .container { margin: 0 50px; } .contacts__content .geo { width: 45%; } .contacts__content .email { width: 45%; } .contacts__content .phone { width: 43%; } .map-footer { margin-left: auto; margin-right: auto; height: 384px; } footer .mid__href { height: 300px; margin-top: 10px; align-content: stretch; } footer .mid__href a { width: 190px; font-size: 20px; line-height: 150%; } footer .mid__href a:nth-child(7) { margin-bottom: 20px; } footer .mid__href a:nth-child(9) { margin-bottom: 10px; } footer .mid__soc { margin-top: 30px; } .services__items { grid-gap: 20px; } .services__item { padding: 30px 30px; } .services__item h3 { font-size: 26px; } ._white .container .container .work-performed__item .pdf { border: 1px solid #212121; color: #212121; } ._white .container .container .work-performed__item .pdf div svg path { fill: #212121; } ._white .container .container .work-performed__item-price .col:last-child { width: 100%; } ._white .container .container .price__table ._price span { padding: 12px 30px; } ._white .container .container .price__table-row:nth-child(n+2) .price__table-col:nth-child(even) { background-color: transparent; } ._white .container .container .price__table-row:nth-child(10) .price__table-col span { padding-left: 30px; padding-right: 30px; } ._white .container .container .price__table .price__table-row:nth-child(10) { grid-template-columns: 0fr 1fr; } ._white .container .container .price__table .price__table-row:nth-child(10) .price__table-col:first-child { padding: 0; flex: 0; } ._white .container .container .price__table-btn { width: 100%; margin: 40px 25px; height: 50px; } ._white .container .container .price__table-col:nth-child(n+2) { justify-content: end; } ._white .container .container .add-services { margin-top: 45px; } ._white .container .container .add-services__items { grid-gap: 20px; } ._white .container .container .about__col:first-child { width: 100%; } ._white .container .container .about__col:last-child { width: 100%; } ._white .container .container .price-list__row:nth-child(n+2) .price-list__col:last-child { font-size: 16px; } ._white .container .container .certificate__slider-item img { width: 226px; height: 321px; } ._white .container .container .getting__items { gap: 20px; } ._white .container .container .stages { margin-left: -40px; width: calc(100% + 80px); } ._white .container .container .stages__title { font-size: 46px; } ._white .container .container .stages__item-text { font-size: 20px; } .about__row span { line-height: 150%; } .detail { flex-direction: column; } .detail__slider { width: 100%; height: 450px; margin-bottom: 40px; } .detail__slider-thumbs { width: 90px; margin-right: 24px; } .detail__slider-thumbs .swiper-slide { height: 74px !important; } .detail__prop { width: 100%; } .detail__prop-prop .prop__item { font-size: 18px; } .see-also { padding-left: 30px; padding-right: 30px; width: calc(100% + 60px); translate: -30px 0; } .see-also .swiper-button-next, .see-also .swiper-button-prev { transform: scale(0.6); } .info._full ._sert.info__item { flex-direction: column; } .info._full ._sert.info__item .info__item-ico { margin-bottom: 13px; } .info._full ._sert.info__item p { width: 100%; } .info ._sert.info__item { flex-direction: column; } .info ._sert.info__item .info__item-ico { margin-bottom: 13px; } .info ._sert.info__item p { width: 100%; } .inner-pages { grid-gap: 20px; } } @media (max-width: 640px) { .contacts__content { flex-direction: column; margin-top: 10px; } .contacts__content-item.soc { margin: 30px 0; } .contacts__content .geo { width: 100%; margin-bottom: 15px; order: 0; } .contacts__content .email { margin-bottom: 15px; margin-top: 0; order: 0; width: 100%; } .contacts__content .phone { margin-bottom: 15px; order: 0; width: 100%; } .main-menu__column-3 .main-menu__contacts-item { margin-bottom: 20px; } .main-menu__column-3 .main-menu__contacts-social { margin: 30px 0; } ._white .container .container .price-list__row { grid-template-columns: 1fr 10fr 6fr; } .formscont .formsform .fline1 { flex-direction: column; } .formscont .formsform .fline2 .leftpart, .formscont .formsform .fline2 .rightpart { display: flex; flex-direction: column; } .wu, .tg { height: 35px; width: 35px; } .max { height: 34px; width: 34px; } } @media (max-width: 620px) { .about__title { font-size: 44px; } .about__row-title { font-size: 24px; } .about__row p { font-size: 20px; } .about p.about__row-text { font-size: 18px; } .categories__item { padding: 25px 0 0 25px; } .categories__item.categories__item--picture { padding: 25px; } .categories__item-content h3 { font-size: 22px; } ._white .services__items { --flex-items: 1; } ._white .services__item { height: 200px; } ._white .services__item h3 { font-size: 22px; } .info { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(4, auto); grid-template-areas: "A" "B" "C" "D"; } .info ._sert.info__item { flex-direction: row; } .info ._sert.info__item .info__item-ico { margin-bottom: 0; } .info ._sert.info__item p { width: calc(100% - 46px - 16px); } .info._full { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(4, auto); grid-template-areas: "A" "B" "C" "D"; } .info._full ._sert.info__item { flex-direction: row; } .info._full ._sert.info__item .info__item-ico { margin-bottom: 0; } .info._full ._sert.info__item p { width: calc(100% - 46px - 16px); } } @media (max-width: 600px) { .main-menu__wrapper { display: block; } .main-menu__copy { display: block; padding: 27px 0; border-top: 1px solid rgba(255, 255, 255, 0.3); } .main-menu__copy p { width: 250px; } .brands__items { grid-template-columns: repeat(1, 1fr); } .certificate { padding: 50px 20px; } ._white .container .container .brands__items { grid-template-columns: repeat(1, 1fr); } .service_list { grid-template-columns: 1fr; } .main-menu__item .arrow.arw { display: none; } .main-menu__column-1 .main-menu__item .dropdown.disable { display: block; } .main-menu__column-1 { width: 100%; } .catalog__items { grid-template-columns: repeat(2, 1fr); } .catalog__items._mts { margin-top: 20px; } .catalog__items._mtс { margin-top: 0; } .catalog__items .catalog__item-img { display: flex; align-items: flex-start; justify-content: center; width: 100%; padding-top: 20px; padding-bottom: 20px; } .catalog__items .catalog__item-img img { width: 70px; height: 60px; object-fit: contain; } .catalog__items .catalog__item-content { padding: 0; height: calc(100% - 100px); } .catalog__items .catalog__item-content_name { font-size: 14px; margin-bottom: 10px; } .catalog__items .catalog__item-content_name .parent { font-size: 12px; } .catalog__items .catalog__item-content_prop { font-size: 12px; } .catalog__items .catalog__item-content_price { border-top: 0; padding-top: 0; } .catalog__items .catalog__item-content_price .cost { display: block; } .catalog__items .catalog__item-content_price .cost span { font-size: 10px; } .catalog__items .catalog__item-content_price .cost .price { margin-top: 5px !important; font-size: 15px; } .catalog__items .catalog__item-content_price .button, .catalog__items .catalog__item-content_price .block-info-mini__btn_red { display: flex; height: 28px; } .catalog__items .catalog__item-content_price .button span, .catalog__items .catalog__item-content_price .block-info-mini__btn_red span { font-size: 12px; } .see-also { padding-bottom: 46px; } .see-also .catalog__item.swiper-slide { opacity: 0; transition: opacity 0.4s ease; border: none; } .see-also .catalog__item.swiper-slide:nth-child(-n+1) { border: none; } .see-also .catalog__item.swiper-slide.swiper-slide-active { opacity: 1; transition: opacity 0.4s ease; } .see-also .catalog__item.swiper-slide.swiper-slide-next { opacity: 1; transition: opacity 0.4s ease; } .see-also .swiper-button-next, .see-also .swiper-button-prev { top: auto; bottom: 0px; display: none; } .see-also .swiper-pagination-bullet { width: 7px; height: 7px; } } @media (max-width: 560px) { h1 { font-size: 36px; } .content .container .text-container { margin-top: 50px; padding-left: 25px; padding-right: 25px; } .content .container .text-container h2, .content .container .text-container .h2 { font-size: 26px; } .content .container .text-container h3, .content .container .text-container .h3 { font-size: 18px; } .content .container .text-container p { font-size: 14px; } .content .container .text-container ul li, .content .container .text-container ol li { font-size: 14px; } body { font-size: 14px; line-height: 150%; } .email { font-size: 16px; } .container { width: 100%; margin: 0 auto; } .container__text { font-size: 16px; } h2, .h2 { font-size: 26px; line-height: 125%; } .header { padding-top: 15px; } .header .container { padding-left: 25px; padding-right: 25px; } .header .container .top-header__logo { width: auto; display: block; } .header .container .top-header__logo a { width: 158px; height: 35px; } .header .container .top-header__title { width: 180px; font-size: 12px; line-height: 16px; } .main-menu .container { padding-left: 25px; padding-right: 25px; } .main-menu__copy p { font-size: 14px; } .main-first .container { padding-top: 150px; padding-left: 25px; padding-right: 25px; } .main-first__title { font-size: 32px; margin-bottom: 23px; } .main-first__text { font-size: 16px; margin-bottom: 28px; } .main-first__btn { margin-top: 43px; } .categories { margin-top: 50px; padding-left: 25px; padding-right: 25px; } .categories__items { grid-gap: 15px; } .about { margin-top: 50px; width: 100%; margin-left: 0; padding: 60px 25px 50px; } .about__col:last-child { margin-top: 40px; } .about__row span { font-size: 55px; } .about__row p { font-size: 15px; } .work-performed { margin-top: 50px; } .work-performed__title { padding-left: 25px; } .work-performed__items { margin-top: 32px; width: 100%; margin-left: 0; border-radius: 0; } .work-performed__items .slick-slide { margin: 0; } .work-performed__item { border-radius: 0; } .work-performed__item-content { margin-left: 25px; margin-right: 25px; height: 150px; margin-top: 30px; } .work-performed__item-content p { font-size: 15px; margin-bottom: 12px; } .work-performed__item-content p:last-child { margin-bottom: 0; } .work-performed__item-content .square { font-size: 20px; margin-bottom: 7px; } .work-performed__item-price { padding-left: 25px; padding-right: 25px; padding-bottom: 40px; } .work-performed__item-price .col div { font-size: 24px; } .work-performed__item-price .col .pdf.button, .work-performed__item-price .col .pdf.block-info-mini__btn_red { font-size: 15px; height: 42px; margin-top: 14px; margin-bottom: 20px; } .work-performed__item-price .col .button._red, .work-performed__item-price .col .block-info-mini__btn_red { font-size: 15px; height: 42px; } .work-performed__item-slider_item img { border-radius: 0; } .request { margin-top: 50px; width: 100%; margin-left: 0; } .request__content { padding-top: 36px; padding-left: 25px; padding-right: 25px; padding-bottom: 44px; } .request__content-title { margin-bottom: 25px; } .request__content-row { margin-bottom: 25px; } .request__content-row:first-child { margin-bottom: 30px; } .request__content-row:last-child { margin-bottom: 0; } .request__content-row .email { font-size: 15px; } .request__content-row .phone { font-size: 16px; } .request__content-text { font-size: 14px; } .request__content-btn { height: 42px; } .request__content-btn span { font-size: 15px; } .guarantee { margin-top: 50px; padding-left: 25px; padding-right: 25px; } .guarantee__wrapper { margin-top: 20px; grid-template-columns: repeat(1, 1fr); } .guarantee__wrapper p { font-size: 20px; } .guarantee__wrapper-block { padding-left: 30px; padding-right: 30px; } .guarantee__wrapper-block2 { grid-column: span 1; flex-direction: column; padding: 40px 30px; } .guarantee__wrapper-block2 p { margin-top: 20px; width: auto; } .guarantee__wrapper div.guarantee__wrapper-block2 { align-items: flex-start; } .brands { margin-top: 50px; padding-left: 25px; padding-right: 25px; } .brands__items { margin-top: 30px; } .brands__item { padding: 23px 30px 30px; } .brands__item-content h3 { font-size: 22px; } .brands__item ul li { font-size: 16px; } .certificate { margin-top: 60px; border-radius: 0; } .certificate:last-child { margin-top: 0; } .gallery { /* padding-left: 25px; padding-right: 25px; */ } .gallery__wrapper { width: calc(100% - 10px); position: relative; left: 5px; } .contacts { margin-top: 0; width: 100%; padding-bottom: 55px; } .contacts .container { padding-left: 25px; padding-right: 25px; margin: 0; } .contacts__title { background-size: 105px 94px; height: 94px; line-height: 94px; } .contacts__content { margin-top: -10px; } .contacts__content .phone { font-size: 15px; } .map-footer { width: 100%; height: 287px; } footer .container { padding-left: 25px; padding-right: 25px; } footer .mid { padding-top: 30px; } footer .mid__row:first-child { display: block; } footer .mid__row:first-child a { margin-top: 0; width: 100%; height: 50px; } footer .mid__row-btn { width: 100%; margin-top: 25px !important; height: 50px; } footer .mid__href { height: auto; margin-top: 0; } footer .mid__href a:nth-child(7) { margin-bottom: 10px; } footer .mid__href a { width: 100%; font-size: 20px; line-height: 150%; } footer .mid__soc { margin-top: 20px; font-size: 18px; } footer .footer-bottom { padding-left: 25px; padding-right: 25px; } ._white .contacts { margin-top: 60px; } ._white .services__item { padding: 15px 15px; } ._white .services__item:first-child:hover .services__item-content_btn span { font-size: 14px; } ._white .services { padding-left: 25px; padding-right: 25px; } ._white .container .container h1 { font-size: 36px; width: 317px; } ._white .container .container h2, ._white .container .container .h2 { font-size: 26px; line-height: 125%; } ._white .container .container__title { padding-left: 25px; padding-right: 25px; } ._white .container .container__text { padding-left: 25px; padding-right: 25px; } ._white .container .container .price { margin-top: 50px; } ._white .container .container .price__title { padding-left: 25px; padding-right: 25px; } ._white .container .container .price__warning { margin: 0 25px; } ._white .container .container .price__warning-text { font-size: 14px; } ._white .container .container .price__adaptive-btn-wrapper { padding-left: 25px; padding-right: 25px; } ._white .container .container .price__table { font-size: 14px; } ._white .container .container .price__table-col span { padding-left: 0; padding-right: 0; } ._white .container .container .price__table-col:first-child span { padding-left: 0; padding-right: 0; } ._white .container .container .price__table-row { padding: 0 25px; } ._white .container .container .price__table-row:first-child .price__table-col span { padding-left: 0; padding-right: 0; } ._white .container .container .price__table-row:first-child .price__table-col:first-child { font-size: 14px; } ._white .container .container .price__table-row:nth-child(10) .price__table-col { padding-left: 0; padding-right: 0; } ._white .container .container .price__table-btn { margin-left: 0; margin-right: 0; } ._white .container .container .price__table ._price span { padding: 12px 0; } ._white .container .container .price__table-text p { font-size: 14px; } ._white .container .container .add-services { margin-top: 40px; padding-left: 25px; padding-right: 25px; } ._white .container .container .add-services__item { font-size: 16px; } ._white .container .container .add-services__item span.red { font-size: 16px; } ._white .container .container .guarantee__wrapper p { font-size: 16px; } ._white .container .container .requirements { margin-top: 50px; padding-left: 25px; padding-right: 25px; } ._white .container .container .request .email { font-size: 15px; font-weight: 400; } ._white .container .container .price-list { margin-top: 50px; } ._white .container .container .price-list__wrapper { font-size: 14px; } ._white .container .container .price-list h2, ._white .container .container .price-list .h2 { padding-left: 25px; padding-right: 25px; } ._white .container .container .price-list__row { padding: 0 25px; } ._white .container .container .price-list__row:nth-child(n+2) .price-list__col:last-child { font-size: 16px; } ._white .container .container .price-list__col { padding: 15px 0; } ._white .container .container .price-list__btn-block { padding-left: 25px; padding-right: 25px; } ._white .container .container .price-list__wrapper-btn { width: calc(100% - 50px); margin-left: 25px; } ._white .container .container .getting { margin-top: 50px; padding-left: 25px; padding-right: 25px; } ._white .container .container .getting p { font-size: 14px; } ._white .container .container .getting__item img { width: 21%; } ._white .container .container .stages { margin-top: 50px; width: 100%; margin-left: 0; padding: 35px 25px 25px; } ._white .container .container .stages__title { font-size: 26px; } ._white .container .container .stages__item-text { font-size: 16px; } ._white .container .container .certificate h2, ._white .container .container .certificate .h2 { font-size: 26px; } ._white .container .container .certificate__slider-item img { width: 148px; height: 210px; } ._white .container .container .faq { margin-top: 50px; padding-left: 25px; padding-right: 25px; } ._white .container .container .faq__item-title h3 { font-size: 18px; } ._white .container .container .faq__item-text { font-size: 14px; } ._white .container .container .faq__item-text.text-container { padding: 0; } .page-404 { padding: 0 25px; } .page-404__img { width: 161.3px; height: 75px; margin-bottom: 15px; } .page-404__title { display: block; } .page-404__title span { display: flex; } .page-404__text { margin-bottom: 23px; } .page-404__text._mb40 { margin-bottom: 30px; } .page-404__menu { flex-direction: column; font-size: 22px; } .page-404__menu .main-menu__items:last-child { font-size: 16px; } .page-404__menu .main-menu__item { margin-bottom: 18px; } .page-404__menu .main-menu__item .dropdown { margin-top: 17px; padding-left: 30px; } .page-404__menu .main-menu__item .dropdown.disable { display: block; } .page-404__menu .main-menu__item .dropdown li { margin-bottom: 14px; font-size: 14px; font-weight: 400; } .container._catalog { margin-bottom: 0; } .search-string { padding-left: 25px; padding-right: 25px; } .search-string__wrapper { height: 44px; margin-top: 22px; } .search__text { font-size: 16px; padding-left: 25px; padding-right: 25px; } .section__wrapper { padding-left: 25px; padding-right: 25px; display: flex; flex-wrap: wrap; margin-top: 13px; } .section__wrapper .section__item { font-size: 18px; margin-right: 0; width: 100%; } .section__wrapper .section__item sup { font-size: 14px; } .catalog__items { padding-left: 25px; padding-right: 25px; } .catalog__section { padding-left: 25px; padding-right: 25px; } .catalog__section-item { width: 128px; height: 42px; padding: 7px 32px; margin-right: 15px; } .catalog__section-item:last-child { margin-right: 0; } .catalog__param { padding-left: 25px; padding-right: 25px; } .catalog__param-title { font-size: 14px; margin-right: 6px; } .catalog__param-value { font-size: 14px; } .catalog__param-item { font-size: 14px; } .catalog__param .show-filter__button { width: 42px; height: 42px; position: relative; } .catalog__param .show-filter__button span .ico { width: 20px; height: 20px; margin-right: 0; } .catalog__param .show-filter__button span .ico svg { width: 20px; height: 20px; } .catalog__param .show-filter__button span .text { display: none; } .catalog__param .show-filter__button span .count { position: absolute; width: 13px; height: 13px; font-weight: 700; font-size: 8px; line-height: 11px; border: 1px solid #FFFFFF; top: 5px; right: 5px; } .detail { padding-left: 25px; padding-right: 25px; margin-bottom: 44px; } .detail__slider { height: 68vw; margin-bottom: 30px; } .detail__slider-thumbs { width: 48px; margin-right: 13px; } .detail__slider-thumbs .swiper-slide { height: 48px !important; } .detail__prop-price { margin-bottom: 25px; } .detail__prop-price .cost span { font-size: 12px; } .detail__prop-price .cost .price { font-size: 28px; } .detail__prop-price .button, .detail__prop-price .block-info-mini__btn_red { width: 100%; } .detail__prop-prop .prop__item { font-size: 14px; align-items: center; border-bottom: solid 1px #f0f0f0; padding-bottom: 10px; margin-bottom: 10px; } .detail__prop-prop .prop__item span:not(.line) { white-space: normal; max-width: 110px; flex-shrink: 0; } .detail__prop-prop .prop__item .line { flex-shrink: 1; display: none; } .detail__prop-prop .prop__item b { white-space: normal; text-align: end; /* flex-shrink: 0; */ } .detail__prop-prop .prop__item span { width: 22%; margin-right: 20px; } .detail__prop-btn { font-size: 14px; } .spec-btn { padding-left: 25px; padding-right: 25px; } .under-detail { padding-left: 25px; padding-right: 25px; } .spec__item table { width: calc(100% + 40px); translate: -20px 0; } .spec__item table tr td:first-child { padding-left: 20px; } .spec__item table tr td:nth-child(2) { padding-right: 20px; } .spec__item .text-container { padding: 0 !important; } .info__item { padding: 20px 20px; } .info__item._garant p { width: 215px; } .info__item._garant p b:last-child { display: flex; } .info__item._delivery p { width: 170px; } .info__item._sert p { width: 220px; } .info__item p { font-size: 14px; } .info__item p.phone { font-size: 18px; } .info__item-ico { width: 40px; height: 40px; } .info__item-ico svg { transform: scale(0.7); } .info._full .info__item { padding: 20px 20px; } .info._full .info__item._garant p { width: 215px; } .info._full .info__item._garant p b:last-child { display: flex; } .info._full .info__item._delivery p { width: 170px; } .info._full .info__item._sert p { width: 220px; } .info._full .info__item p { font-size: 14px; } .info._full .info__item p.phone { font-size: 18px; } .info._full .info__item-ico { width: 40px; height: 40px; } .info._full .info__item-ico svg { transform: scale(0.7); } .see-also { padding-left: 25px; padding-right: 25px; width: 100%; translate: 0; } .see-also .catalog__items { padding: 0; margin-top: 20px; } .breadcrumb { padding-left: 25px; padding-right: 25px; position: relative; } .breadcrumb._right::after { content: ""; position: fixed; right: 0; height: 19px; width: 50px; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%); } .breadcrumb._left::before { content: ""; position: fixed; left: 0; height: 19px; width: 50px; z-index: 1; background: linear-gradient(90deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%); } .content._padding-top .breadcrumb._right::after { z-index: -1; } .content._padding-top .breadcrumb._left::before { z-index: -1; } .inner-pages { padding-left: 25px; padding-right: 25px; grid-template-columns: repeat(1, 1fr); } ._mt40 { margin-top: 25px !important; } .service-content .gallery { padding-left: 25px; padding-right: 25px; } } @media (max-width: 520px) { ._white .container .container .add-services__item { background-size: cover; } } @media (max-width: 500px) { .certificate__slider-item img { width: 148px; height: 210px; } .about__title { font-size: 40px; } .about__row-title { font-size: 22px; } .about__row p { font-size: 18px; } .about p.about__row-text { font-size: 18px; } .categories__item--pictures { height: 100px; padding: 11px 0 0 15px; } .categories__item--pictures-content h3 { font-size: 15px; } ._white .services__items { font-size: 15px; } ._white .services__item { height: 150px; } ._white .services__item h3 { font-size: 15px; } ._white .services__item:hover .services__item-content_text { font-size: 12px; } ._white .container .container .add-services__items { grid-template-columns: repeat(1, 1fr); } ._white .container .container .add-services__item:last-child { grid-column: span 1; flex-direction: column; } ._white .container .container .add-services__item:last-child p { width: 100%; } ._white .container .container .add-services__item-btn { width: 100%; margin-top: 25px; } ._white .container .container .price__adaptive-btn { padding-right: 20px; padding-left: 20px; margin-right: 12px; } ._white .container .container .price__adaptive-btn span { font-size: 15px; } ._white .container .container .price__adaptive-btn span svg { margin-right: 8px; height: 19px; width: auto; } ._white .container .container .price-list__btn { padding: 0 20px; } ._white .container .container .price-list__btn.active { padding: 0 19px; } ._white .container .container .price-list__btn span { font-size: 15px; } ._white .container .container .price-list__wrapper { font-size: 14px; } ._white .container .container .price-list .price-list__row:nth-child(n+2) .price-list__col:last-child { font-size: 14px; } .catalog__main { width: 100%; } .catalog__items { grid-template-columns: repeat(1, 1fr); grid-gap: 0 30px; } .catalog__items .line2 { display: none; } .catalog__items .catalog__item { border-radius: 0; border-bottom: 1px solid #E6E6E6; padding-bottom: 30px; } .catalog__items .catalog__item:nth-child(-n+1) { border-top: 1px solid #E6E6E6; } .catalog__items .catalog__item-content { height: auto; } .catalog__items .catalog__item-content_prop { margin-bottom: 22px; } .catalog__items .catalog__item-content_price .cost { width: calc(50% - 10px); } .catalog__items .catalog__item-content_price .button, .catalog__items .catalog__item-content_price .block-info-mini__btn_red { width: calc(50% - 10px); } .see-also .catalog__item.swiper-slide.swiper-slide-next { opacity: 0; } } @media (max-width: 440px) { .main-menu a { font-size: 16px; } .main-menu { font-size: 16px; } .main-menu .dropdown a span { font-size: 14px; } .main-menu__column-1 .main-menu__item { margin-bottom: 20px; } .main-menu__column-2 .main-menu__item { margin-bottom: 15px; } .main-menu__column-2 .main-menu__item:last-child { margin-bottom: 25px; } .main-menu .main-menu__column-1 .main-menu__item .dropdown { margin-top: 15px; } .main-menu .main-menu__column-1 .main-menu__item .dropdown li { margin-bottom: 15px; } .main-menu .main-menu__column-1 .main-menu__item .dropdown li:last-child { margin-bottom: 33px; } .main-menu .main-menu__column-2 .main-menu__item .dropdown { margin-top: 15px; } .main-menu .main-menu__column-2 .main-menu__item .dropdown li { margin-bottom: 15px; } .main-menu .main-menu__column-2 .main-menu__item .dropdown li:last-child { margin-bottom: 33px; } .about__title { font-size: 26px; } .about__row-title { font-size: 18px; } .about__row p { font-size: 15px; } .about p.about__row-text { font-size: 15px; } footer .footer-bottom .container { flex-direction: row; } footer .footer-bottom__text { align-items: flex-start; } footer .footer-bottom__text div { display: block; } .main-menu__column-3 .main-menu__contacts .tg { font-size: 16px; } } @media (max-width: 440px) { h1 { font-size: 32px; } .block-info-mini__btn_red { width: 100%; margin: 0; } } @media (max-width: 400px) { ._white .services__item .h3 { font-size: 20px; width: 100%; } } /*# sourceMappingURL=main.css.map */ /* End */ /* Start:/local/templates/krioterm_im_2022/css/custom.css?177641749388974*/ .map-footer img { height: 100%; width: 100%; } .brands-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; margin-bottom: 30px; } .brands-list .brand-list__items { display: flex; align-items: center; justify-content: center; height: 90px; border: 1px solid #E6E6E6; padding: 10px; transition: border .4s ease; } .brands-list .brand-list__items:hover { border: 1px solid #bd1818; transition: border .2s ease; } @media (max-width: 1380px) { .brands-list { grid-gap: 15px; } } @media (max-width: 1150px) { .brands-list { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 940px) { .brands-list { grid-template-columns: repeat(2, 1fr); } } .img__wrapper { display: grid; grid-gap: 30px; margin-bottom: 30px; } .img__wrapper:last-child { margin-bottom: 0; } .img__wrapper:first-child { margin-top: 45px; } .img__wrapper._vertical { grid-template-columns: repeat(4, 1fr); } .img__wrapper._horisontal { grid-template-columns: repeat(2, 1fr); } .img__wrapper img { filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.15)); border-radius: 4px; object-fit: cover; } @media (max-width: 860px) { .img__wrapper._vertical { grid-template-columns: repeat(2, 1fr); } .img__wrapper._horisontal { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 560px) { .img__wrapper { margin-left: 25px; margin-right: 25px; } } .content .container .text-container .h2, .content .container .text-container h1, .content .container .text-container h2, .content .container .text-container h3, .content .container .text-container h4 { width: 74%; } body:not(._white) .hedaer-search-button>*, header.header.bg-header .hedaer-search-button>* { fill: white; } .work-performed .swiper-button-next, .work-performed .swiper-button-prev { position: absolute; top: 0; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: 100%; margin-top: 0; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; } .work-performed .swiper-button-next::before, .work-performed .swiper-button-prev::before { content: ' '; position: absolute; top: 0; bottom: 0; width: 50px; } .work-performed .swiper-pagination-bullet { width: 7px; height: 7px; background: var(--swiper-pagination-bullet-inactive-color, #FFF); opacity: 0; transform: scale(1) !important; transition: opacity .4s ease; } .work-performed__item-slider:hover .swiper-pagination-bullet { opacity: 1; transition: opacity .4s ease; } .work-performed .swiper-button-next::before { content: ' '; position: absolute; top: 0; bottom: 0; width: 80px; right: -10px; } .work-performed .swiper-button-prev::before { content: ' '; position: absolute; top: 0; bottom: 0; width: 80px; left: -10px; } .work-performed .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px; } .work-performed .swiper-pagination-bullet-active { background: #bd1818; } .work-performed { --swiper-navigation-size: 20px; } .work-performed__item-slider { overflow-x: clip; } .title-search-wrapper { top: 0px; transform: translateY(-120%); transition: transform 0.5s ease, opacity 0.5s ease; } .title-search-wrapper.active { top: 0px; transform: translateY(0%); } @media (max-width: 560px) { ._white .header .container .top-header__logo a { width: 158px; height: 35px; } } .form__wrapper { position: relative; padding: 23px 70px 98px; background-color: #212121; color: white; max-width: 1360px; width: max-content; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .form__wrapper .button { display: flex; height: 50px; width: 240px; margin-top: 20px; } .form-popup .form__wrapper { z-index: 100; } .form-inline .form__wrapper, ._calculate .form__wrapper { max-width: 100%; } ._callback.form-inline .form__wrapper { padding: 0; } .form__wrapper form { margin-top: 50px; display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; width: 100%; } ._calculate .form__wrapper { padding-top: 70px; margin-top: 50px; z-index: 1; } .form:not(.form-inline) { position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100vw; height: 100%; inset: 0; background: var(--fancybox-bg, rgba(24, 24, 27, 0.45)); z-index: 99; } .form.load .form__wrapper:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) no-repeat url(/local/templates/krioterm_im_2022/css/../img/preload.svg) 50% 50%; } .form.form-inline { margin-top: 70px; } .form__top { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 24px; padding-right: 20px; margin-bottom: 80px; width: 100%; } .form__close { width: 35px; height: 35px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M0 5.88076L5.87989 0.000656121L17.4987 11.6199L29.1188 0L34.9987 5.88011L23.3792 17.4993L35 29.1199L29.1208 35L17.5007 23.3801L5.88186 35L0.000658601 29.1199L11.6195 17.5L0 5.88076Z' fill='white'/%3E%3C/svg%3E"); cursor: pointer; } .form__logo { display: flex; align-items: center; justify-content: flex-start; } .form__logo .logo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='218' height='48' viewBox='0 0 218 48' fill='none'%3E%3Cg clip-path='url(%23clip0_1342_30)'%3E%3Cpath d='M193.995 5.44513C195.499 5.44513 196.719 4.2262 196.719 2.72256C196.719 1.21893 195.499 0 193.995 0C192.491 0 191.271 1.21893 191.271 2.72256C191.271 4.2262 192.491 5.44513 193.995 5.44513Z' fill='%23BD1818'/%3E%3Cpath d='M215.276 26.7166C216.781 26.7166 218 25.4977 218 23.9941C218 22.4904 216.781 21.2715 215.276 21.2715C213.772 21.2715 212.552 22.4904 212.552 23.9941C212.552 25.4977 213.772 26.7166 215.276 26.7166Z' fill='%23BD1818'/%3E%3Cpath d='M172.702 26.7166C174.206 26.7166 175.426 25.4977 175.426 23.9941C175.426 22.4904 174.206 21.2715 172.702 21.2715C171.197 21.2715 169.978 22.4904 169.978 23.9941C169.978 25.4977 171.197 26.7166 172.702 26.7166Z' fill='%23BD1818'/%3E%3Cpath d='M193.995 48.0001C195.499 48.0001 196.719 46.7811 196.719 45.2775C196.719 43.7739 195.499 42.5549 193.995 42.5549C192.491 42.5549 191.271 43.7739 191.271 45.2775C191.271 46.7811 192.491 48.0001 193.995 48.0001Z' fill='%23BD1818'/%3E%3Cpath d='M209.047 11.6716C210.551 11.6716 211.771 10.4526 211.771 8.949C211.771 7.44537 210.551 6.22644 209.047 6.22644C207.543 6.22644 206.323 7.44537 206.323 8.949C206.323 10.4526 207.543 11.6716 209.047 11.6716Z' fill='%23BD1818'/%3E%3Cpath d='M209.047 41.7618C210.551 41.7618 211.771 40.5428 211.771 39.0392C211.771 37.5356 210.551 36.3167 209.047 36.3167C207.543 36.3167 206.323 37.5356 206.323 39.0392C206.323 40.5428 207.543 41.7618 209.047 41.7618Z' fill='%23BD1818'/%3E%3Cpath d='M178.943 11.6716C180.447 11.6716 181.667 10.4526 181.667 8.949C181.667 7.44537 180.447 6.22644 178.943 6.22644C177.438 6.22644 176.219 7.44537 176.219 8.949C176.219 10.4526 177.438 11.6716 178.943 11.6716Z' fill='%23BD1818'/%3E%3Cpath d='M178.943 41.7618C180.447 41.7618 181.667 40.5428 181.667 39.0392C181.667 37.5356 180.447 36.3167 178.943 36.3167C177.438 36.3167 176.219 37.5356 176.219 39.0392C176.219 40.5428 177.438 41.7618 178.943 41.7618Z' fill='%23BD1818'/%3E%3Cpath d='M193.995 5.44513C195.499 5.44513 196.719 4.2262 196.719 2.72256C196.719 1.21893 195.499 0 193.995 0C192.491 0 191.271 1.21893 191.271 2.72256C191.271 4.2262 192.491 5.44513 193.995 5.44513Z' fill='%23BD1818'/%3E%3Cpath d='M215.276 26.7166C216.781 26.7166 218 25.4977 218 23.9941C218 22.4904 216.781 21.2715 215.276 21.2715C213.772 21.2715 212.552 22.4904 212.552 23.9941C212.552 25.4977 213.772 26.7166 215.276 26.7166Z' fill='%23BD1818'/%3E%3Cpath d='M172.702 26.7166C174.206 26.7166 175.426 25.4977 175.426 23.9941C175.426 22.4904 174.206 21.2715 172.702 21.2715C171.197 21.2715 169.978 22.4904 169.978 23.9941C169.978 25.4977 171.197 26.7166 172.702 26.7166Z' fill='%23BD1818'/%3E%3Cpath d='M193.995 47.9999C195.499 47.9999 196.719 46.781 196.719 45.2774C196.719 43.7737 195.499 42.5548 193.995 42.5548C192.491 42.5548 191.271 43.7737 191.271 45.2774C191.271 46.781 192.491 47.9999 193.995 47.9999Z' fill='%23BD1818'/%3E%3Cpath d='M209.047 11.6716C210.551 11.6716 211.771 10.4526 211.771 8.949C211.771 7.44537 210.551 6.22644 209.047 6.22644C207.543 6.22644 206.323 7.44537 206.323 8.949C206.323 10.4526 207.543 11.6716 209.047 11.6716Z' fill='%23BD1818'/%3E%3Cpath d='M209.047 41.7618C210.551 41.7618 211.771 40.5429 211.771 39.0392C211.771 37.5356 210.551 36.3167 209.047 36.3167C207.543 36.3167 206.323 37.5356 206.323 39.0392C206.323 40.5429 207.543 41.7618 209.047 41.7618Z' fill='%23BD1818'/%3E%3Cpath d='M178.943 11.6716C180.447 11.6716 181.667 10.4526 181.667 8.949C181.667 7.44537 180.447 6.22644 178.943 6.22644C177.438 6.22644 176.219 7.44537 176.219 8.949C176.219 10.4526 177.438 11.6716 178.943 11.6716Z' fill='%23BD1818'/%3E%3Cpath d='M178.943 41.7618C180.447 41.7618 181.667 40.5429 181.667 39.0392C181.667 37.5356 180.447 36.3167 178.943 36.3167C177.438 36.3167 176.219 37.5356 176.219 39.0392C176.219 40.5429 177.438 41.7618 178.943 41.7618Z' fill='%23BD1818'/%3E%3Cpath d='M15.6442 14.0745L9.86495 23.0708L16.8284 33.0377H11.0018L5.19893 24.5031V33.0377H0V14.0981H5.19893V21.6266L9.93601 14.0981L15.6442 14.0745Z' fill='white'/%3E%3Cpath d='M27.3566 26.4207H25.5683V33.0614H20.5589V14.1218H27.3566C32.295 14.1218 35.1135 16.584 35.1135 20.3009C35.1135 24.0178 32.295 26.4207 27.3566 26.4207ZM26.9184 17.8624H25.5683V22.6565H26.9184C28.908 22.6565 30.0449 21.8397 30.0449 20.2891C30.0449 18.7384 28.908 17.8387 26.9184 17.8387V17.8624Z' fill='white'/%3E%3Cpath d='M56.8567 33.0377H51.8354V21.816L44.8719 33.0377H39.8861V14.0981H44.9074V25.3435L51.8472 14.0981H56.833L56.8567 33.0377Z' fill='white'/%3E%3Cpath d='M82.2592 23.5561C82.2592 29.2498 78.3275 33.3573 72.0745 33.3573C65.8216 33.3573 61.9017 29.2498 61.9017 23.5561C61.9017 17.8624 65.8098 13.743 72.0745 13.743C78.3393 13.743 82.2592 17.8979 82.2592 23.5561ZM67.1598 23.5561C67.1598 26.9415 69.1375 29.2972 72.0745 29.2972C75.0115 29.2972 77.0011 26.9297 77.0011 23.5561C77.0011 20.1825 74.9997 17.8151 72.0745 17.8151C69.1494 17.8151 67.1598 20.1706 67.1598 23.5561Z' fill='white'/%3E%3Cpath d='M89.3412 18.2412H85.137V14.0745H98.8272V18.2412H94.6112V33.0377H89.4004L89.3412 18.2412Z' fill='%23BD1818'/%3E%3Cpath d='M103.28 14.0745H115.288V17.8387H108.491V21.4727H114.412V25.237H108.491V29.2735H115.928V33.0377H103.28V14.0745Z' fill='%23BD1818'/%3E%3Cpath d='M127.688 26.4207H125.9V33.0614H120.878V14.1218H127.688C132.614 14.1218 135.433 16.584 135.433 20.3009C135.433 24.0178 132.614 26.4207 127.688 26.4207ZM127.25 17.8624H125.9V22.6565H127.25C129.227 22.6565 130.364 21.8397 130.364 20.2891C130.364 18.7384 129.227 17.8387 127.25 17.8387V17.8624Z' fill='%23BD1818'/%3E%3Cpath d='M153.422 33.0377H148.685L145.357 22.3842L144.789 33.0377H139.767L141.781 14.0981H147.122L151.041 27.1191L154.973 14.0981H160.291L162.328 33.0377H157.377L156.809 22.3842L153.422 33.0377Z' fill='%23BD1818'/%3E%3Cpath d='M197.181 14.9978L203.102 32.0434H198.152L197.157 28.8592H191.046L190.039 32.0434H185.125L191.046 14.9978H197.181ZM192.207 25.1068H196.103L194.161 18.8212L192.207 25.1068Z' fill='white' stroke='white' stroke-width='0.5' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1342_30'%3E%3Crect width='218' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); width: 218px; height: 48px; } .logo__descriptor { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #FFFFFF; opacity: 0.6; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); max-width: 300px; margin-left: 31px; } .form__title { font-style: normal; font-weight: 800; font-size: 54px; line-height: 130%; color: #FFFFFF; } .form__subtitle { font-style: normal; font-weight: 400; font-size: 22px; line-height: 150%; color: #FFFFFF; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); margin-top: 14px; margin-left: 6px; } .form__left { /* max-width: 460px; */ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-left: 3px; } .form__input { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: 30px; } span.form__input-name { font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; color: #FFFFFF; margin-bottom: 10px; } .form__input label { width: 100%; background: #2E2E2E; border: 1px solid #A6A6A6; border-radius: 4px; height: 56px; position: relative; } .form__input input { height: 100%; width: 100%; border: unset; background-color: transparent; color: white; padding: 0 20px; } .form__input input:focus-visible, .form__input textarea:focus-visible { background: #424141; outline: 1px solid #FFFFFF; border-radius: 4px; } .form__input label span:last-child { position: absolute; top: -1px; right: 4px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; text-align: right; color: #A6A6A6; } input.form__submit { background: #BD1818; border-radius: 4px; border: none; color: white; max-width: 350px; width: 100%; height: 56px; display: flex; align-items: center; justify-content: center; margin-top: 85px; margin-left: auto; } .form__checkbox-wrapper { display: grid; grid-template-columns: 1fr 1fr; width: 100%; align-items: flex-start; column-gap: 20px; } .form__right { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; padding-top: 14px; } .form__checkbox-wrapper input { position: absolute; width: 1px; height: 1px; visibility: hidden; } .form__checkbox-wrapper label span:last-child { font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; color: #FFFFFF; } span.custom__checkbox { border: 1px solid #B7B7B7; border-radius: 4px; min-width: 20px; max-width: 20px; max-height: 20px; min-height: 20px; display: flex; align-items: center; justify-content: center; margin-right: 12px; } .form__checkbox-wrapper label { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; } .form__subtitle._bold { font-weight: 700; margin-bottom: 20px; } .form__checkbox-wrapper label:hover .custom__checkbox { border: 1px solid #D81C1C; border-radius: 4px; } .form__checkbox-wrapper label:hover span:last-child { color: #D81C1C; } .form__checkbox-wrapper input:checked+span { background: #D81C1C; border-color: #D81C1C; } .form__checkbox-wrapper input:checked+span:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M4.243 5.657L1.414 2.829L0 4.243L4.243 8.486L11.313 1.415L9.9 0L4.243 5.657Z' fill='%23212121'/%3E%3C/svg%3E"); width: 11.31px; height: 8.49px; } .form__politics { display: inline; margin-top: 32px; } .form__politics a { display: inline; color: #BD1818; } ._calculate form { flex-direction: column; margin-top: 40px; } .form__tabs { display: flex; align-items: stretch; justify-content: space-between; } .form__content { display: none; border-bottom: 1px solid #636363; border-left: 1px solid #636363; border-right: 1px solid #636363; border-radius: 0px 0px 4px 4px; padding: 40px 54px 0px; background: #2A2A2A; } .form__tab { cursor: pointer; border: 1px solid #636363; border-radius: 4px 0px 0px 4px; max-width: calc(100%/3); padding: 20px; padding-left: 49px; padding-bottom: 26px; transition: 0.2s; } .form__tab:nth-child(2) { border-radius: 0; padding-left: 51px; padding-right: 26px; } .form__tab:last-child { border: 1px solid #636363; border-radius: 0px 4px 4px 0px; } .form__tab-title span { font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; /* identical to box height */ display: flex; align-items: flex-end; color: #FFFFFF; } .form__tab-description { font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; color: #FFFFFF; opacity: 0.6; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .form__tab-title { margin-bottom: 11px; } .form__main { display: flex; align-items: flex-start; justify-content: space-between; gap: 67px; width: 100%; } .form__main-left { width: 100%; } .form__main-2 .form__main-left { max-width: 575px; } .form__main-right { width: 100%; } .form__main-2 .form__main-right { min-width: 455px; } .form__tab[data-tab="0"] .form__tab-title:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' fill='none'%3E%3Cg clip-path='url(%23clip0_1323_485)'%3E%3Cpath d='M24.0193 10.7249L11.8569 0.5L0 10.7289L0.746131 11.6407L2.34278 10.265V22.5H21.6727V10.2967L23.2732 11.6447L24.0193 10.7249ZM20.5399 21.3106H3.52964V9.26194L11.8956 2.04622L20.5322 9.32141L20.5399 21.3106Z' fill='white'/%3E%3Cg clip-path='url(%23clip1_1323_485)'%3E%3Cpath d='M10.508 17C9.97502 15.8905 10.259 15.255 10.6685 14.656C11.117 14 11.233 13.351 11.233 13.351C11.233 13.351 11.586 13.8095 11.4445 14.527C12.0675 13.8335 12.1855 12.728 12.091 12.3045C13.4995 13.289 14.1015 15.4205 13.2905 17.0005C17.606 14.559 14.364 10.9055 13.7995 10.494C13.9875 10.9055 14.0235 11.602 13.643 11.9405C12.9995 9.501 11.409 9.001 11.409 9.001C11.597 10.259 10.727 11.635 9.88802 12.663C9.85852 12.1615 9.82702 11.815 9.56352 11.335C9.50452 12.2465 8.80802 12.9895 8.61902 13.9025C8.36352 15.139 8.81052 16.0445 10.5075 17.001L10.508 17Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1323_485'%3E%3Crect width='24' height='22' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_1323_485'%3E%3Crect width='8' height='8' fill='white' transform='translate(8 9)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); width: 24px; height: 22px; position: absolute; left: -35px; top: 0; } .form__tab[data-tab="1"] .form__tab-title:before { content: ''; position: absolute; left: -30px; top: 2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cg clip-path='url(%23clip0_1323_501)'%3E%3Cpath d='M-1.52588e-05 0V19H22V0H-1.52588e-05ZM5.39177 11.6223H16.5354C16.8241 11.6223 17.101 11.7305 17.3051 11.9231C17.5093 12.1157 17.624 12.3768 17.624 12.6491V13.2919C17.624 13.5642 17.5093 13.8254 17.3051 14.018C17.101 14.2105 16.8241 14.3187 16.5354 14.3187H1.28578V4.68128H16.5354C16.8241 4.68128 17.101 4.78946 17.3051 4.98202C17.5093 5.17459 17.624 5.43576 17.624 5.70809V6.11234C17.6245 6.24752 17.5968 6.38148 17.5424 6.50653C17.4879 6.63157 17.4078 6.74524 17.3067 6.84102C17.2055 6.9368 17.0853 7.01279 16.9529 7.06464C16.8206 7.1165 16.6787 7.14319 16.5354 7.14319H5.39177C4.76203 7.14319 4.15809 7.37915 3.71279 7.79915C3.2675 8.21915 3.01734 8.78879 3.01734 9.38277C3.01734 9.97674 3.2675 10.5464 3.71279 10.9664C4.15809 11.3864 4.76203 11.6223 5.39177 11.6223ZM20.6971 17.7872H1.28578V15.5315H16.5354C17.1647 15.5304 17.768 15.2941 18.2131 14.8744C18.6581 14.4546 18.9086 13.8856 18.9098 13.2919V12.6491C18.9098 12.0552 18.6596 11.4855 18.2143 11.0655C17.769 10.6455 17.1651 10.4096 16.5354 10.4096H5.39177C5.10304 10.4096 4.82613 10.3014 4.62197 10.1088C4.41781 9.91627 4.30314 9.65509 4.30314 9.38277C4.30314 9.11044 4.41781 8.84927 4.62197 8.6567C4.82613 8.46414 5.10304 8.35596 5.39177 8.35596H16.5354C17.1643 8.35596 17.7676 8.12056 18.2128 7.70143C18.658 7.2823 18.9086 6.7137 18.9098 6.12043V5.71617C18.9103 5.42153 18.8494 5.12968 18.7304 4.85727C18.6113 4.58485 18.4366 4.33722 18.2161 4.12851C17.9956 3.91979 17.7337 3.75409 17.4453 3.64084C17.1569 3.5276 16.8477 3.46904 16.5354 3.46851H1.28578V1.21277H20.7142L20.6971 17.7872Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1323_501'%3E%3Crect width='22' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); width: 22px; height: 19px; } .form__tab[data-tab="2"] .form__tab-title:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='21' viewBox='0 0 17 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.58157 17.5311C5.02339 18.8628 6.64226 19.5 8.5 19.5C10.3577 19.5 11.9766 18.8628 13.4184 17.5311C14.7709 16.2819 15.5 14.5722 15.5 12.2255C15.5 10.911 15.004 9.35514 13.8264 7.52686C12.682 5.74998 10.9231 3.77163 8.5 1.59394C6.07687 3.77163 4.318 5.74998 3.17358 7.52686C1.99604 9.35514 1.5 10.911 1.5 12.2255C1.5 14.5722 2.2291 16.2819 3.58157 17.5311ZM2.56381 18.633C0.854604 17.0543 0 14.9185 0 12.2255C0 10.5312 0.6375 8.69427 1.9125 6.71465C3.1875 4.73503 5.11771 2.5949 7.70312 0.294268C7.80937 0.205096 7.93333 0.133758 8.075 0.0802548C8.21667 0.0267516 8.35833 0 8.5 0C8.64167 0 8.78333 0.0267516 8.925 0.0802548C9.06667 0.133758 9.19063 0.205096 9.29688 0.294268C11.8823 2.5949 13.8125 4.73503 15.0875 6.71465C16.3625 8.69427 17 10.5312 17 12.2255C17 14.9185 16.1454 17.0543 14.4362 18.633C12.7277 20.211 10.749 21 8.5 21C6.25104 21 4.27231 20.211 2.56381 18.633Z' fill='white'/%3E%3Cpath d='M8.775 18C8.975 17.9833 9.146 17.9043 9.288 17.763C9.42933 17.621 9.5 17.45 9.5 17.25C9.5 17.0167 9.425 16.8293 9.275 16.688C9.125 16.546 8.93333 16.4833 8.7 16.5C8.01667 16.55 7.29167 16.3627 6.525 15.938C5.75833 15.5127 5.275 14.7417 5.075 13.625C5.04167 13.4417 4.954 13.2917 4.812 13.175C4.67067 13.0583 4.50833 13 4.325 13C4.09167 13 3.9 13.0873 3.75 13.262C3.6 13.4373 3.55 13.6417 3.6 13.875C3.88333 15.3917 4.55 16.475 5.6 17.125C6.65 17.775 7.70833 18.0667 8.775 18Z' fill='white'/%3E%3C/svg%3E"); width: 17px; height: 21px; position: absolute; left: -30px; top: 0; } .form__tab:not(:last-child) { border-right: unset; } .form__subtitle { max-width: 940px; width: 100%; } .form__subtitle p { font-style: normal; font-weight: 400; font-size: 22px; line-height: 150%; color: #FFFFFF; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.35); } .form__tab:first-child { padding-left: 55px; } .form__tab:not(._active):hover { background: #BD1818; border-color: #BD1818; } .form__input._textarea label { height: 302px; } .form__input textarea { width: 100%; height: 100%; border: unset; background-color: transparent; padding-top: 13px; padding-left: 16px; resize: none; color: white; } .form__input input::placeholder, .form__input textarea::placeholder { font-style: italic; font-weight: 400; font-size: 18px; line-height: 150%; color: #636363; } .form__input._file-attach input { position: absolute; width: 1px; height: 1px; visibility: hidden; } .form__input._file-attach label { display: flex; align-items: center; justify-content: center; border: 2px dashed #FFFFFF; cursor: pointer; } .form__input._file-attach label span:last-child { position: relative; display: flex; align-items: center; justify-content: center; } .form__input._file-attach label:not(.attached) span:last-child:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M17 9.71429H9.71429V17H7.28571V9.71429H0V7.28572H7.28571V0H9.71429V7.28572H17V9.71429Z' fill='white'/%3E%3C/svg%3E"); min-width: 17px; min-height: 17px; max-width: 17px; max-height: 17px; display: flex; margin-right: 12px; } ._calculate .form__politics { margin-top: 52px; display: inline-block; max-width: 460px; } .form__content._active { display: grid; } .form__tab._active .form__tab-close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C15.5229 20 20 15.5229 20 10C20 4.47714 15.5229 0 10 0C4.47714 0 0 4.47714 0 10C0 15.5229 4.47714 20 10 20ZM13.7643 5L15 6.23575L11.2357 10L15 13.7643L13.7643 15L10 11.2357L6.23575 15L5 13.7643L8.76425 10L5 6.23575L6.23575 5L10 8.76425L13.7643 5Z' fill='%23D9D9D9'/%3E%3C/svg%3E"); width: 20px; height: 20px; position: absolute; top: 23px; right: 21px; cursor: pointer; z-index: 99; } .form__content-reset { grid-column: 1/3; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 57px; margin-top: 48px; } .form__tab._active { border-bottom: unset; border-bottom-left-radius: unset; border-bottom-right-radius: unset; background: #2A2A2A; cursor: default; } .form__checkbox-wrapper._tabs { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .form__content-reset:after { content: ''; border-top: 1px solid #636363; width: auto; position: absolute; top: 0; left: -54px; right: -54px; } .form__content-title { margin-bottom: 14px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 150%; color: #FFFFFF; } .form__input._short label { max-width: 250px; } .form__content-reset:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11.41 1.41L10 0L5.705 4.295L1.41 0L0 1.41L4.295 5.705L0 10L1.41 11.41L5.705 7.115L10 11.41L11.41 10L7.115 5.705L11.41 1.41Z' fill='white'/%3E%3C/svg%3E"); width: 11.41px; height: 11.41px; margin-right: 8px; } .form__input._short label span:last-child { top: 13px; right: 13px; } .form__input._short label span:last-child sup { font-size: 10px; } .form__content._columns { grid-template-columns: 1fr 1fr 1fr 1fr; } .form__content._columns .form__content-reset { grid-column: 1/5; } .form__content-column .form__input._short label { max-width: 220px; width: 100%; } .form__content-column-title { margin-bottom: 21px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 150%; color: #FFFFFF; display: flex; align-items: center; justify-content: flex-start; padding-left: 38px; } .form__content-column:first-child .form__content-column-title:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='none'%3E%3Cpath d='M14.8792 0.148146C14.6643 -0.0493819 14.3358 -0.0493819 14.1208 0.148146L0.188025 12.8527C0.0677396 12.9611 -0.000627713 13.1161 4.34403e-06 13.2788V16.2071V16.2068C4.34403e-06 16.4331 0.131683 16.6383 0.336162 16.7303C0.540956 16.8224 0.779946 16.784 0.946436 16.6328L3.00962 14.7499V29.4272H3.00993C3.00993 29.7437 3.26379 30 3.57716 30H25.4228C25.5732 30 25.7175 29.9396 25.8239 29.8322C25.9302 29.7248 25.9901 29.5791 25.9901 29.4272V14.7499L28.0532 16.6328H28.0536C28.2201 16.784 28.459 16.8224 28.6638 16.7303C28.8683 16.6383 29 16.4331 29 16.2068V13.2788C29.0006 13.1161 28.9323 12.9611 28.812 12.8527L14.8792 0.148146ZM24.8552 28.858H4.14401V13.7192L14.4992 4.26136L24.8544 13.7192L24.8552 28.858ZM27.8652 14.922L14.8788 3.07657C14.6633 2.88065 14.336 2.88065 14.1204 3.07657L1.13408 14.922V13.5329L14.4997 1.34382L27.8652 13.5329L27.8652 14.922Z' fill='white'/%3E%3Crect x='4' y='26' width='21' height='3' fill='white'/%3E%3C/svg%3E"); height: 30px; width: 29px; position: absolute; top: -5px; left: -2px; } .form__content-column:nth-child(2) .form__content-column-title:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='none'%3E%3Cpath d='M14.8792 0.148146C14.6643 -0.0493819 14.3358 -0.0493819 14.1208 0.148146L0.188025 12.8527C0.0677396 12.9611 -0.000627713 13.1161 4.34403e-06 13.2788V16.2071V16.2068C4.34403e-06 16.4331 0.131683 16.6383 0.336162 16.7303C0.540956 16.8224 0.779946 16.784 0.946436 16.6328L3.00962 14.7499V29.4272H3.00993C3.00993 29.7437 3.26379 30 3.57716 30H25.4228C25.5732 30 25.7175 29.9396 25.8239 29.8322C25.9302 29.7248 25.9901 29.5791 25.9901 29.4272V14.7499L28.0532 16.6328H28.0536C28.2201 16.784 28.459 16.8224 28.6638 16.7303C28.8683 16.6383 29 16.4331 29 16.2068V13.2788C29.0006 13.1161 28.9323 12.9611 28.812 12.8527L14.8792 0.148146ZM24.8552 28.858H4.14401V13.7192L14.4992 4.26136L24.8544 13.7192L24.8552 28.858ZM27.8652 14.922L14.8788 3.07657C14.6633 2.88065 14.336 2.88065 14.1204 3.07657L1.13408 14.922V13.5329L14.4997 1.34382L27.8652 13.5329L27.8652 14.922Z' fill='white'/%3E%3Crect x='4' y='20' width='21' height='6' fill='white'/%3E%3C/svg%3E"); height: 30px; width: 29px; position: absolute; top: -5px; left: -2px; } .form__content-column:nth-child(3) .form__content-column-title:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='none'%3E%3Cpath d='M14.8792 0.148146C14.6643 -0.0493819 14.3358 -0.0493819 14.1208 0.148146L0.188025 12.8527C0.0677396 12.9611 -0.000627713 13.1161 4.34403e-06 13.2788V16.2071V16.2068C4.34403e-06 16.4331 0.131683 16.6383 0.336162 16.7303C0.540956 16.8224 0.779946 16.784 0.946436 16.6328L3.00962 14.7499V29.4272H3.00993C3.00993 29.7437 3.26379 30 3.57716 30H25.4228C25.5732 30 25.7175 29.9396 25.8239 29.8322C25.9302 29.7248 25.9901 29.5791 25.9901 29.4272V14.7499L28.0532 16.6328H28.0536C28.2201 16.784 28.459 16.8224 28.6638 16.7303C28.8683 16.6383 29 16.4331 29 16.2068V13.2788C29.0006 13.1161 28.9323 12.9611 28.812 12.8527L14.8792 0.148146ZM24.8552 28.858H4.14401V13.7192L14.4992 4.26136L24.8544 13.7192L24.8552 28.858ZM27.8652 14.922L14.8788 3.07657C14.6633 2.88065 14.336 2.88065 14.1204 3.07657L1.13408 14.922V13.5329L14.4997 1.34382L27.8652 13.5329L27.8652 14.922Z' fill='white'/%3E%3Crect x='4' y='14' width='21' height='6' fill='white'/%3E%3C/svg%3E"); height: 30px; width: 29px; position: absolute; top: -5px; left: -2px; } .form__content-column:nth-child(4) .form__content-column-title:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='none'%3E%3Cpath d='M14.8792 0.148146C14.6643 -0.0493819 14.3358 -0.0493819 14.1208 0.148146L0.188025 12.8527C0.0677396 12.9611 -0.000627713 13.1161 4.34403e-06 13.2788V16.2071V16.2068C4.34403e-06 16.4331 0.131683 16.6383 0.336162 16.7303C0.540956 16.8224 0.779946 16.784 0.946436 16.6328L3.00962 14.7499V29.4272H3.00993C3.00993 29.7437 3.26379 30 3.57716 30H25.4228C25.5732 30 25.7175 29.9396 25.8239 29.8322C25.9302 29.7248 25.9901 29.5791 25.9901 29.4272V14.7499L28.0532 16.6328H28.0536C28.2201 16.784 28.459 16.8224 28.6638 16.7303C28.8683 16.6383 29 16.4331 29 16.2068V13.2788C29.0006 13.1161 28.9323 12.9611 28.812 12.8527L14.8792 0.148146ZM24.8552 28.858H4.14401V13.7192L14.4992 4.26136L24.8544 13.7192L24.8552 28.858ZM27.8652 14.922L14.8788 3.07657C14.6633 2.88065 14.336 2.88065 14.1204 3.07657L1.13408 14.922V13.5329L14.4997 1.34382L27.8652 13.5329L27.8652 14.922Z' fill='white'/%3E%3Cpath d='M14.5 3.5L26 14H3L14.5 3.5Z' fill='white'/%3E%3C/svg%3E"); height: 30px; width: 29px; position: absolute; top: -5px; left: -2px; } .form__content-column .form__input._short>span { font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; color: #FFFFFF; margin-bottom: 7px; } .form__content-column .form__input._short { margin-bottom: 29px; } .form-token { display: none; } span.file__clear { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 3.6V0.9C4.5 0.661305 4.59482 0.432387 4.7636 0.263604C4.93239 0.0948211 5.1613 0 5.4 0H12.6C12.8387 0 13.0676 0.0948211 13.2364 0.263604C13.4052 0.432387 13.5 0.661305 13.5 0.9V3.6H18V5.4H16.2V17.1C16.2 17.3387 16.1052 17.5676 15.9364 17.7364C15.7676 17.9052 15.5387 18 15.3 18H2.7C2.46131 18 2.23239 17.9052 2.0636 17.7364C1.89482 17.5676 1.8 17.3387 1.8 17.1V5.4H0V3.6H4.5ZM10.2726 10.8L11.8638 9.2088L10.5912 7.9362L9 9.5274L7.4088 7.9362L6.1362 9.2088L7.7274 10.8L6.1362 12.3912L7.4088 13.6638L9 12.0726L10.5912 13.6638L11.8638 12.3912L10.2726 10.8ZM6.3 1.8V3.6H11.7V1.8H6.3Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; right: 15px !important; } .form__input._file-attach label.attached { display: flex; align-items: center; justify-content: space-between; border: 1px solid #FFFFFF; } span.file__clear:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 3.6V0.9C4.5 0.661305 4.59482 0.432387 4.7636 0.263604C4.93239 0.0948211 5.1613 0 5.4 0H12.6C12.8387 0 13.0676 0.0948211 13.2364 0.263604C13.4052 0.432387 13.5 0.661305 13.5 0.9V3.6H18V5.4H16.2V17.1C16.2 17.3387 16.1052 17.5676 15.9364 17.7364C15.7676 17.9052 15.5387 18 15.3 18H2.7C2.46131 18 2.23239 17.9052 2.0636 17.7364C1.89482 17.5676 1.8 17.3387 1.8 17.1V5.4H0V3.6H4.5ZM10.2726 10.8L11.8638 9.2088L10.5912 7.9362L9 9.5274L7.4088 7.9362L6.1362 9.2088L7.7274 10.8L6.1362 12.3912L7.4088 13.6638L9 12.0726L10.5912 13.6638L11.8638 12.3912L10.2726 10.8ZM6.3 1.8V3.6H11.7V1.8H6.3Z' fill='%23D81C1C'/%3E%3C/svg%3E"); } .form__input._file-attach label.attached span.file__attach-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 550px; padding-right: 20px; } .form__input._file-attach label.attached span.file__attach-text:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M11.9504 5.64556L6.29436 11.3026C6.19885 11.3948 6.12267 11.5052 6.07026 11.6272C6.01785 11.7492 5.99026 11.8804 5.98911 12.0132C5.98795 12.1459 6.01325 12.2776 6.06354 12.4005C6.11382 12.5234 6.18807 12.6351 6.28196 12.729C6.37585 12.8228 6.48751 12.8971 6.6104 12.9474C6.7333 12.9977 6.86498 13.023 6.99776 13.0218C7.13054 13.0207 7.26176 12.9931 7.38376 12.9407C7.50577 12.8883 7.61611 12.8121 7.70836 12.7166L13.3654 7.06056C13.928 6.4979 14.2441 5.73478 14.2441 4.93906C14.2441 4.14334 13.928 3.38022 13.3654 2.81756C12.8027 2.2549 12.0396 1.93881 11.2439 1.93881C10.4481 1.93881 9.68501 2.2549 9.12236 2.81756L3.46536 8.47456C2.99143 8.93669 2.61399 9.48832 2.35491 10.0975C2.09584 10.7066 1.9603 11.3611 1.95615 12.023C1.95201 12.685 2.07934 13.3411 2.33075 13.9535C2.58217 14.5658 2.95268 15.1221 3.42077 15.5902C3.88887 16.0582 4.44524 16.4286 5.05761 16.6799C5.66998 16.9313 6.32616 17.0585 6.98809 17.0543C7.65002 17.05 8.30452 16.9144 8.91362 16.6552C9.52272 16.3961 10.0743 16.0185 10.5364 15.5446L16.1934 9.88856L17.6074 11.3026L11.9504 16.9596C11.3003 17.6096 10.5286 18.1252 9.67928 18.477C8.82996 18.8288 7.91966 19.0099 7.00036 19.0099C6.08106 19.0099 5.17076 18.8288 4.32144 18.477C3.47211 18.1252 2.7004 17.6096 2.05036 16.9596C1.40031 16.3095 0.884671 15.5378 0.53287 14.6885C0.181069 13.8392 -6.84932e-09 12.9289 0 12.0096C6.84932e-09 11.0903 0.181069 10.18 0.53287 9.33064C0.884671 8.48132 1.40031 7.7096 2.05036 7.05956L7.70836 1.40356C8.65137 0.492769 9.91438 -0.0112031 11.2254 0.000189013C12.5363 0.0115811 13.7904 0.537426 14.7175 1.46447C15.6445 2.39151 16.1703 3.64557 16.1817 4.95655C16.1931 6.26754 15.6891 7.53055 14.7784 8.47356L9.12236 14.1326C8.84369 14.4112 8.51288 14.6321 8.14881 14.7829C7.78475 14.9336 7.39455 15.0112 7.0005 15.0112C6.60646 15.0111 6.21628 14.9335 5.85225 14.7826C5.48822 14.6318 5.15746 14.4107 4.87886 14.1321C4.60026 13.8534 4.37927 13.5226 4.22852 13.1585C4.07777 12.7944 4.0002 12.4043 4.00025 12.0102C4.0003 11.6162 4.07795 11.226 4.22879 10.8619C4.37963 10.4979 4.60069 10.1672 4.87936 9.88856L10.5364 4.23156L11.9504 5.64556Z' fill='white'/%3E%3C/svg%3E"); min-width: 17.61px; height: 19.01px; margin-right: 10px; display: inline-flex; } .drag-n-drop { position: absolute; inset: 0; align-items: center; justify-content: center; z-index: 9999; display: none; pointer-events: none; } .drag-n-drop span:not(.icon) { font-style: normal; font-weight: 800; font-size: 32px; line-height: 130%; color: #FFFFFF; z-index: 99999; } .drag-n-drop:after { content: ''; position: absolute; inset: 0; background: #212121; opacity: 0.5; z-index: 9; } .drag-n-drop .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='45' viewBox='0 0 47 45' fill='none'%3E%3Cpath d='M31.3871 24.0373L47 32.9136L40.3347 34.771L45.0988 42.8148L41.2158 45L36.4517 36.9584L31.4678 41.6566L31.3871 24.0373ZM26.9033 8.74083H31.3871V13.1113H42.5968C43.1914 13.1113 43.7617 13.3415 44.1821 13.7513C44.6026 14.1611 44.8388 14.7169 44.8388 15.2965V24.0373H40.3549V17.4817H17.9355V39.3338H26.9033V43.7042H15.6936C15.099 43.7042 14.5287 43.4739 14.1083 43.0641C13.6878 42.6543 13.4516 42.0985 13.4516 41.519V30.5929H8.96775V26.2225H13.4516V15.2965C13.4516 14.7169 13.6878 14.1611 14.1083 13.7513C14.5287 13.3415 15.099 13.1113 15.6936 13.1113H26.9033V8.74083ZM4.48388 26.2225V30.5929H0V26.2225H4.48388ZM4.48388 17.4817V21.8521H0V17.4817H4.48388ZM4.48388 8.74083V13.1113H0V8.74083H4.48388ZM4.48388 0V4.37042H0V0H4.48388ZM13.4516 0V4.37042H8.96775V0H13.4516ZM22.4194 0V4.37042H17.9355V0H22.4194ZM31.3871 0V4.37042H26.9033V0H31.3871Z' fill='white'/%3E%3C/svg%3E"); width: 47px; height: 45px; z-index: 999; display: flex; align-items: center; justify-content: center; margin-right: 23px; } .drag-n-drop:before { content: ''; border: 4px dashed #FFFFFF; border-radius: 15px; position: absolute; inset: 40px; z-index: 99; } .drag-n-drop._drag { display: flex; } .form__scroll { overflow-y: scroll; width: 100%; height: 100%; display: flex; justify-content: center; } .callback-footer__wrapper .form__submit { margin: 0; } .callback-footer__wrapper { display: flex; max-width: 760px; gap: 60px; margin-top: 37px; } .callback-footer__wrapper .form__politics { margin: 0; } @media screen and (max-width: 1200px) { .form__wrapper { max-width: 95vw; padding: 23px min(max(20px, calc(1.25rem + (70 - 20) * ((100vw - 1024px) / (1200 - 1024)))), 70px) 98px; } } @media screen and (max-width: 1115px) { .form__wrapper form { flex-direction: column; gap: 0; margin-top: 30px; } .form__input { margin-bottom: 20px; } .form._callback { overflow-y: scroll; width: 100%; height: 100%; justify-content: center; align-items: flex-start; } } @media screen and (max-width: 1024px) { .form__content._columns { grid-gap: 5px; } } @media screen and (max-width: 1000px) { .form__tabs { flex-direction: column; } .form__tab { max-width: 100%; } .form__tabs { width: 100%; } .form__additional { width: 100%; } .form__tab { border-right: 1px solid #636363 !important; border-radius: unset; } .form__tab:not(:last-child, :nth-last-child(-n+2)) { border-bottom: unset; } .form__content._columns { grid-template-columns: 1fr 1fr; } .form__content._columns .form__content-reset { grid-column: 1/3; } .form__content-column .form__input._short label { max-width: 90%; } .form__main { gap: min(max(15px, calc(0.9375rem + (67 - 15) * ((100vw - 860px) / (1000 - 860)))), 67px); } } @media screen and (max-width: 860px) { .form__main { flex-direction: column; gap: 0; margin: 0; width: 100%; } .form__main-2 .form__main-left, .form__main-left { max-width: 100%; } ._calculate .form__content:not(._columns) { grid-template-columns: 1fr; } ._calculate .form__content:not(:last-child) { border-bottom: unset; border-radius: unset; } ._calculate .form__content:not(._columns) .form__content-reset { grid-column: 1; } } @media screen and (max-width: 640px) { .form__close { width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; } .logo__descriptor { max-width: 190px; } .form__content._columns { grid-template-columns: 1fr; } .form__content._columns .form__content-reset { grid-column: 1; } .form__content-column .form__input._short label { max-width: 100%; } .form__checkbox-wrapper { grid-template-columns: 1fr; } .callback-footer__wrapper { flex-direction: column; gap: 10px; } .callback-footer__wrapper .form__submit { margin-left: auto; } } @media screen and (max-width: 530px) { .form__logo { flex-direction: column; align-items: flex-start; } .logo__descriptor { margin: 0; } .form__top { margin-bottom: 20px; } .form__title { font-size: 34px; line-height: 1; } .form__subtitle, .form__subtitle p { font-size: 16px; margin: 0; } ._calculate .form__politics { margin: 0; } input.form__submit { margin: 20px 0 0 auto; } .form__main-2 .form__main-right, .form__main-right { min-width: unset; } } @media screen and (max-width: 420px) { .form__input._file-attach label span:last-child { -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; max-width: 310px; } .form__input._file-attach label:not(.attached) span:last-child:before { display: inline-flex; } } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } @media screen and (max-width: 1808px) { .header .container .top-header__navbar-item .dropdown._lvl2 li a .arw._left, .header .container .top-header__navbar-item .dropdown._lvl3 li a .arw._left { position: absolute; margin: 0; left: 10px; transform: rotate(180deg); } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3._left, .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3._left li .dropdown._lvl4._left { margin-left: auto; margin-right: 100%; left: auto; right: 0; } } @media (max-width: 600px) { .main-menu__column-2 .main-menu__item .dropdown.disable { display: block; } } .header { transition: background-color 0s ease, padding-top .4s ease; } .header.fixed { position: fixed; background-color: #212121; padding-bottom: 0; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25); padding-top: 20px; transition: background-color 0s ease, padding-top .4s ease; } .header.fixed + div { padding-top: 97px; } @media (max-width: 1380px) { .header.fixed + div { padding-top: 83px; } } @media (max-width: 560px) { .header.fixed + div { padding-top: 74px; } } .header .container .top-header { transition: border 0s linear; } .header.fixed .container .top-header { border: none; transition: border 0s linear .4s; } .header nav { /* transition: opacity .4s ease, max-height .4s ease, margin .4s ease; */ } .header.fixed nav { overflow: hidden; opacity: 0; max-height: 0; margin: 0; /* transition: opacity .4s ease, max-height .4s ease, margin .4s ease; */ } .header.fixed .container .top-header__contact { width: 900px; } .header.fixed .top-header__contact-burger { display: block; } ._white .header.fixed { background-color: #FFFFFF; transition: background-color 0s ease; } .content._padding-top { padding-top: 250px; } ._white .container .sidebar { /*top: 157px;*/ top:10px; } @media (max-width: 1500px) { .header.fixed .top-header__title { display: none; } } @media (max-width: 1380px) { .header.fixed { padding-top: 16px; } .header.fixed .container .top-header { padding-bottom: 16px; } .content._padding-top { padding-top: 128px; } .header .container { transition: padding-bottom .4s ease; } .header.fixed .container { padding-bottom: 0; transition: padding-bottom .4s ease; } .header.fixed .top-header__contact-item.email { display: none; } .header.fixed .container .top-header__contact { width: auto; } .header.fixed .container .top-header__contact-item.phone { margin-right: 35px; display: block; width: max-content; } .header.fixed .container .top-header__contact-item.wu { display: block; height: 28px; width: 27px; margin-right: 15px; } .header.fixed .container .top-header__contact-item.tg { display: block; margin-right: 35px; height: 28px; width: 27px; } .header .container .header-search-wrapper { margin-right: 35px; } .header .container .top-header__contact-btn { margin-right: 35px; } } @media (max-width: 1080px) { .header.fixed .container .top-header__contact-item.phone { display: none; } } @media (max-width: 560px) { .header.fixed .container .top-header__contact-item.wu { display: none; } .header.fixed .container .top-header__contact-item.tg { display: none; } } .btn-top { position: fixed; cursor: pointer; bottom: 90px; left: auto; right: 60px; width: 60px; height: 60px; background: #BD1818; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .4s ease; z-index: 0; } .btn-top._show { opacity: 1; z-index: 20; } @media (max-width: 1380px) { .btn-top { right: 40px; } } @media (max-width: 560px) { .btn-top { right: 26px; } } .overflow_table { overflow: hidden !important; } .certificate__title { width: 43%; } .certificate-brends__slider.swiper, .certificate__slider.swiper { min-width: 0; width: 59%; margin-right: 0; margin-left: auto; } .swiper .certificate-brends__slider-item a, .swiper .certificate__slider-item a { width: auto; } .swiper .certificate-brends__slider-item img, .swiper .certificate__slider-item img { width: auto; } .certificate__slider .swiper-button-next, .certificate__slider .swiper-button-prev { position: absolute; top: 0; width: 80px; height: 100%; margin-top: 0; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .certificate__slider .swiper-button-next, .certificate__slider .swiper-rtl .swiper-button-prev { right: 0; } .certificate__slider .swiper-button-prev, .certificate__slider .swiper-rtl .swiper-button-next { left: 0; } .certificate__slider .swiper-button-next::after, .certificate__slider .swiper-rtl .swiper-button-prev::after, .certificate__slider .swiper-button-prev::after, .certificate__slider .swiper-rtl .swiper-button-next::after { content: ''; } .certificate__slider .swiper-horizontal>.swiper-pagination-bullets, .certificate__slider .swiper-pagination-bullets.swiper-pagination-horizontal, .certificate__slider .swiper-pagination-custom, .certificate__slider .swiper-pagination-fraction { height: 20px; position: relative; bottom: 0; filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, .35)); } .certificate__slider .swiper-wrapper { height: auto; margin-bottom: 25px; } .certificate.__swiper { padding-bottom: 55px; } .certificate__slider .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #8C8C8C; opacity: 1; } .certificate__slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(1); } .certificate__slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(1); } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #BD1818; } @media (max-width: 1160px) { .certificate-brends__slider.swiper, .certificate__slider.swiper { width: 100%; } .swiper .certificate-brends__slider-item img, .swiper .certificate__slider-item img { width: 185px; } } @media (max-width: 700px) { .swiper .certificate-brends__slider-item a, .swiper .certificate__slider-item a { height: 100%; } .swiper .certificate-brends__slider-item img, .swiper .certificate__slider-item img { width: 100%; height: 100%; } .certificate__slider .swiper-slide { height: auto; } } @media (max-width: 980px) { .h2, h2 { font-size: 36px; width: 100%; } } @media (max-width: 560px) { .request { margin-top: 90px; width: 100%; margin-left: 0; } } .content._contacts { background-image: url(/local/templates/krioterm_im_2022/css/../img/contacts_bg.svg); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 122px; } .contacts__wrapper { display: flex; } .content._contacts .contacts__content { flex-direction: column; justify-content: flex-start; margin-top: 30px; margin-right: 30px; width: auto; } .content._contacts .contacts__content-items { margin-bottom: 36px; } .content._contacts .contacts__content .email { order: 0; margin-top: 0; width: auto; } .content._contacts .contacts__content .phone, .content._contacts .contacts__content .geo { width: auto; } .content._contacts .contacts__content-item:last-child { margin-bottom: 0; } .content._contacts .contacts__content .soc { display: flex; flex-direction: row; align-items: center; justify-content: center; width: fit-content; gap: 15px; } .content .container .text-container._requesites { margin-top: 0; } .content .container .text-container._requesites p { margin-top: 11px; } .content._contacts .contacts__map { margin-top: 30px; /*width: 920px;*/ width: 1200px; /*height: 360px;*/ height: 500px; margin-right: 0; margin-left: auto; } .content._contacts .contacts__map .ymaps-2-1-79-map, .content._contacts .contacts__map .ymaps-2-1-79-inner-panes { border-radius: 4px; } @media (max-width: 1080px) { .content._contacts .contacts__wrapper { flex-direction: column; } .content._contacts .contacts__wrapper .contacts__content { margin-right: 0; flex-direction: row; } .content._contacts .contacts__wrapper .contacts__content .contacts__content-items { margin-right: 40px; } .content._contacts .contacts__map { width: 100%; } } @media (max-width: 560px) { .content._contacts { background-image: url(/local/templates/krioterm_im_2022/css/../img/contacts_bg.svg); background-repeat: no-repeat; background-position: calc(100% + 32px) 510px; background-size: 180px 160px; } .content._contacts .contacts__content { font-size: 18px; } .content._contacts .email { font-size: 18px; } .content._contacts .contacts__content .phone { font-size: 20px; } .content._contacts .contacts__content-items, .content._contacts h1 { padding-left: 25px; padding-right: 25px; } .content._contacts .contacts__content-items .geo { padding-left: 26px; width: 230px; } .content._contacts .contacts__content-items .geo::before { position: absolute; left: 0; } .content._contacts .contacts__wrapper .contacts__content .contacts__content-items { margin-right: 35px; } .content._contacts .container .text-container h3 { font-size: 22px; } .content._contacts .container .text-container p { font-size: 16px; margin-top: 7px; } .content._contacts .contacts__map { margin-top: 50px; height: 324px; } .content._contacts { padding-bottom: 0; } .content._contacts .contacts__map .ymaps-2-1-79-map, .content._contacts .contacts__map .ymaps-2-1-79-inner-panes { border-radius: 0; } } html.with-fancybox { overflow: hidden; } /* html.with-fancybox header.fixed { padding-right: 15px; } html.locked { padding-right: 15px; } html.locked header.fixed { padding-right: 15px; } */ .see-also .swiper-button-prev::after, .see-also .swiper-button-next::after { content: ''; } .see-also .swiper-button-prev span, .see-also .swiper-button-next span { display: flex; align-items: center; justify-content: center; } .see-also .swiper-button-prev span { transform: rotate(180deg); } @media (min-width: 1420px) { .bx_filter_button_box { position: sticky; bottom: calc(50vh); } .bx_filter_button_box._sticky { margin-left: 309px; margin-right: -309px; z-index: 9; translate: 0 50%; width: 190px; } .bx_filter_button_box._sticky .buttom { box-shadow: none; } } .catalog__section { overflow: hidden; } .see-also { margin-top: 70px; } .see-also section:nth-child(1){ margin-top: 0; } .detail__prop {max-height: 100% !important;display: grid;} .detail__prop .detail__prop-btn .arw {padding-left: 5px;} .detail__prop .detail__prop-btn._clicked .arw { padding-left: 0px; padding-right: 5px; padding-bottom: 2px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .detail__prop .detail__prop-catalog-link { order: 1; margin-top: 20px; } .detail__prop .detail__prop-catalog-link .catalog-link { display: flex; align-items: center; } .detail__prop .detail__prop-catalog-link .catalog-link a { margin-left: 10px; color: #bd1818; } .detail__prop .detail__prop-catalog-link .catalog-link a:hover { color: #e92121; } @media (max-width: 560px) { .detail__prop .detail__prop-btn .arw svg { width: 10px; height: 7px; } } .breadcrumb-item > span { font-weight: 400; font-size: 16px; line-height: 115%; color: #888; white-space: nowrap; } @media (min-width: 1380px) { .header {padding-bottom: 50px;} } form input.form__submit {cursor: pointer;} .form-thanks__wrapper, .form_body {display: none;} .form-thanks__wrapper.visibles, .form_body.visibles {display: block;} #calculate .form__input._file-attach label.attached {display: none;} #calculate .form__input._file-attach label:nth-last-child(-n+2) {display: flex;} .detail .detail__slider-img .swiper-slide a{width:100%;height:100%;-o-object-fit:contain;object-fit:contain} .detail .detail__slider-img .swiper-slide a:focus-visible{outline:none;outline-offset: 0;} .catalog__items .catalog__item-img img {width: 230px;height: 230px; transition: 1s; display: block;} .catalog__items .catalog__item-img {padding-top: 20px;padding-bottom: 20px;} .catalog__items .catalog__item-img img:hover {transform: scale(1.1);} .catalog__items .catalog__item-img a {overflow: hidden;} .certificate .gallery__wrapper {width: 57%; max-height: 230px; overflow: hidden;} .certificate .gallery__slider .slick-arrow.slick-prev {background-image: url(/local/templates/krioterm_im_2022/css/../img/arrow-black.svg);opacity: 1;left: 10px;} .certificate .gallery__slider .slick-arrow.slick-next {background-image: url(/local/templates/krioterm_im_2022/css/../img/arrow-black.svg);opacity: 1;right: 10px;} @media (max-width: 1160px) { .certificate {display: flex;} ._white .container .container .certificate .h2, ._white .container .container .certificate h2 {font-size: 35px;} } @media (max-width: 1000px) { .certificate {display: block;} .certificate .gallery__wrapper {width: 100%;} .certificate__title {width: 100%;} .h2.certificate__title {margin-bottom: 20px;} } .krio-articles .article_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; box-shadow: 0 0 30px rgba(182,182,182,.25); border-radius: 4px; margin-bottom: 20px; } .krio-articles .article_item a.article_name:before {content: '';margin-right: 0px;} .krio-articles .article_item .art_text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 20px 30px 30px; flex-grow: 1; } .krio-articles .article_item .art_text .art_title { font-weight: 800; font-size: 32px; line-height: 110%; color: #212121; margin-bottom: 20px; } .krio-articles .article_item .art_text .art_more { margin-top: 20px; } .krio-articles .article_item .art_text .art_more .art_back { background-color: #bd1818; color: #fff; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 700; line-height: 25px; border-radius: 4px; -webkit-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease; cursor: pointer; width: 150px; } .krio-articles .article_item .art_text .art_more .art_back:hover { background: #e92121; } .krio-articles .article_item .preview_picture { min-width: 300px; max-width: 300px; } .krio-articles .article_item .preview_picture img { width: 100%; border-radius: 0 4px 4px 0; height: 100%; object-fit: cover; border-left: 1px solid #f8f8f8; } @media (max-width: 768px) { .krio-articles .article_item { flex-direction: column; } .krio-articles .article_item .preview_picture { min-width: 100%; max-width: 100%; max-height: 250px; overflow: hidden; border-radius: 4px 4px 0px 0; } .krio-articles .article_item .preview_picture img { border-radius: 4px 4px 0px 0; } } @media (max-width: 560px) { font.text {padding-left: 30px}; } .h3 { text-shadow: none; font-weight: 800; font-size: 28px; line-height: 150%; } ._white .container .container .about .h3 { text-shadow: 0 0 30px rgba(0,0,0,.35); font-weight: 800; font-size: 28px; line-height: 150%; } ._white .container .container .brands__item .h3 { font-size: 22px; text-shadow: none; font-weight: 800; line-height: 130%; } ._white .container .container .brands__item .h3 a { color: #fff; } ._white .container .container .brands__item .h3 a:hover { color: #bd1818; } ._white .container .container .faq__item-title .h3 { font-weight: 800; font-size: 28px; line-height: 130%; color: #000; width: 95%; text-shadow: none; } .brands__item-content ul li a { text-decoration: none; } ._white .container .container .getting__item { text-align: center; } ._white .container .container .getting__item img { margin: auto; width: 60px; } ._white .container .container .stages__item-title { min-height: 60px; padding-left: 40px; } .stages-item__bg-n { font-size: 100px; top: -40px; left: -25px; } ._white .container .container .stages__item-text { padding-left: 40px; } @media (min-width: 841px) and (max-width: 1024px) { ._white .container .container .stages__item-title {padding-left: 0px;margin-left: -20px;} } @media (min-width: 701px) and (max-width: 730px) { ._white .container .container .stages__item-title {padding-left: 0px;margin-left: -15px;} } @media (max-width: 700px) { ._white .container .container .stages__item-text {font-size: 16px;} } @media (min-width: 561px) and (max-width: 630px) { ._white .container .container .stages__item-title {padding-left: 0px;margin-left: -15px;} } @media (max-width: 560px) { .stages-item__bg-n {left: 0px;} ._white .container .container .stages__item-text {padding-left: 65px;} ._white .container .container .stages__item-title {padding-left: 65px;min-height: auto;} } .container__text a { display: inline; color: #d81c1c; } ._white .container .container .price__table-text p { width: 100%; } ._white .container .container h1, .catalog__main h1, ._contacts h1 { font-size: 40px; width: 100%; } ._white .container .container .h2, ._white .container .container h2, ._white .container .container h2.stages__title, ._white .container .container .certificate .h2, ._white .container .container .certificate h2, .content .container .text-container .h2, .content .container .text-container h2, .see-also h2, h2.guarantee__title, h2.certificate__title, .h2.certificate__title, .contacts .h2, .contacts h2 { font-size: 34px; } @media (max-width: 560px) { ._white .container .container h1, .catalog__main h1, ._contacts h1 {font-size: 36px;} ._white .container .container .h2, ._white .container .container h2, ._white .container .container h2.stages__title, ._white .container .container .certificate .h2, ._white .container .container .certificate h2, .content .container .text-container .h2, .content .container .text-container h2, .see-also h2, h2.guarantee__title, h2.certificate__title, .h2.certificate__title, .contacts .h2, .contacts h2 {font-size: 26px;} } .catalog__section .gallery__slider {opacity: 1; width: 100%;} .catalog__section .gallery__slider .gallery__slider-item {width: 20%;float: left;margin-bottom: 20px;} .catalog__section .gallery__slider .gallery__slider-item .catalog__section-item {margin: auto;} .catalog__section .gallery__slider .gallery__slider-item .catalog__section-item img {max-width: 140px;} @media (max-width: 1200px) { .catalog__section .gallery__slider .gallery__slider-item {width: 25%;} } @media (max-width: 999px) { .catalog__section .gallery__slider .gallery__slider-item {width: 33%;} } @media (min-width: 561px) and (max-width: 800px) { .catalog__section .gallery__slider .gallery__slider-item .catalog__section-item img {max-width: 100px;} } .catalog__section .gallery__slider .slick-arrow.slick-prev, .catalog__section .gallery__slider .slick-arrow.slick-next { background-image: url(/local/templates/krioterm_im_2022/css/../img/arrow-red.svg); height: auto; top: calc(50% - 23px); } .sertificates__title { margin-bottom: -40px; margin-top: 60px; } @media (max-width: 560px) { .sertificates__title, .gallery__title {padding-left: 25px;} } .service_list p.services-icon img {margin: auto;} .header .container .top-header__navbar-item .dropdown._lvl2, .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3, .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 li .dropdown._lvl4 { box-shadow: 0.4px 4px 10px 0px rgb(170 170 170); } @media (max-width: 1380px) { .header {padding-bottom: 0 !important;} } .categories__item .h3 { font-weight: 800; line-height: 150%; width: 218px; text-shadow: 0 0 30px rgba(0,0,0,.35); font-size: 28px; } ._main .categories__title, ._main .guarantee__title, ._main .title-centere { text-align: center; width: 100%; font-size: 44px; } ._main .title-centere { margin-top: 70px; } ._main .brands, ._main .certificate { margin-top: 30px; } @media (max-width: 1185px) { ._main .categories__title, ._main .guarantee__title, ._main .title-centere { font-size: 38px; } } @media (max-width: 980px) { ._main .categories__title, ._main .guarantee__title, ._main .title-centere { font-size: 36px; } } .work-performed-main .work-performed__items { display: flex; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-filter: none; width: 100%; } .work-performed-main .work-performed__item { width: calc(33.3333% - 30px); margin-right: 30px; } .work-performed-main .work-performed__item :nth-child(2n+1) { margin-right: 0; } .work-performed-main .work-performed__item-slider_item img { height: 350px; } @media (min-width: 992px) and (max-width: 1380px) { .work-performed-main .work-performed__item-content {height: 260px;} } @media (min-width: 992px) and (max-width: 1280px) { .work-performed-main .work-performed__item-price .col div {font-size: 26px;} .work-performed-main .work-performed__item-content {height: 290px;} } @media (min-width: 992px) and (max-width: 1150px) { .work-performed-main .work-performed__item-content {height: 300px;} .work-performed-main .work-performed__item-price .col div {font-size: 20px;} .work-performed-main .work-performed__item-price .col .pdf span {margin-left: 5px;} .work-performed-main .work-performed__item-price .col .pdf {font-size: 13px;} .work-performed-main .work-performed__item-content p {font-size: 16px;} } @media (max-width: 991px) { .work-performed-main .work-performed__item {width: 100%; margin-right: 0px; margin-bottom: 30px;} .work-performed-main .work-performed__item-content {height: auto;} .work-performed-main .work-performed__item-content .wrench {margin-bottom: 10px;} } @media (max-width: 560px) { .work-performed-main .work-performed__item {margin-bottom: 0px;} } .text-container-30 {margin-top: 30px !important; margin-bottom: -30px;} .text-container-70 {margin-top: 70px !important; margin-bottom: -30px;} .text-container-30 h2, .text-container-70 h2 {width: 100% !important} .download_price {margin-bottom: 20px;} .download_price img { width: 50px; height: 50px; float: left; margin-right: 17px; } .download_price a { line-height: 50px; font-size: 16px; } @media (min-width: 800px) { .getting__items.two-line .getting__item {margin-bottom: 20px;} } .work-performed__item-content.work-performed-mini { height: auto; margin-bottom: 20px; } @media (max-width: 550px) { .categories__items {grid-template-columns: repeat(1,1fr);} } .akcii .block-info { padding: 40px 30px; border-radius: 4px; background: #F8F8F8; margin-bottom: 50px; /*border: 2px solid #bd1818;*/ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .action-1.block-info { padding: 40px 30px; border-radius: 4px; background: #F8F8F8; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .action-1 .block-info__block { margin-bottom: 24px; } .action-1 .block-info__item { display: flex; margin-bottom: 15px; } .action-1 .block-info__icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .action-1 .block-info__text p { color: #212121; } @media (max-width: 400px) { .action-1 .block-info__text p {font-size: 14px;} } .price__tables { margin-top: 60px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; font-size: 16px; } @media (max-width: 560px) { .price__tables {font-size: 14px;} } .main__btn, .block-info-mini { display: flex; gap: 20px; } .main__btn .main-first__btn_red { width: 327px; height: 60px; transition: all .4s ease; background: #bd1818; margin-top: 45px; text-align: center; font-size: 18px; font-weight: 700; line-height: 25px; border-radius: 4px; cursor: pointer; } .main__btn .main-first__btn_red span { color: #fff; line-height: 60px; font-weight: 700; font-size: 22px; display: block; position: relative; width: 100%; } .main__btn .main-first__btn_red:hover { transition: background .4s ease; background: #e92121; } .block-info__block.second-block, .block-info__block.second-block .block-info__item { margin-bottom: 0px; } .block-info__block.second-block { margin-bottom: 25px; } @media (max-width: 1380px) { .main__btn .main-first__btn_red {font-size: 20px;margin-top: 50px;} } @media (max-width: 840px) { .main__btn .main-first__btn_red {margin-top: 40px;} } @media (max-width: 700px) { .main-first__btn {width: calc(50% - 10px);} .main__btn .main-first__btn_red {width: calc(50% - 10px);margin-top: 69px;} } @media (max-width: 560px) { .main__btn .main-first__btn_red {margin-top: 43px;} } @media (max-width: 480px) { .main-first__btn {width: 100%;} .main__btn .main-first__btn_red {width: 100%; margin-left: 0px; margin-top: 20px;} .main__btn, .block-info-mini {flex-wrap: wrap;} .block-info-mini a {width: 100%;} .block-info-mini .block-info-mini__btn_red {width: 100%; margin-left: 0px; margin-top: 20px;} } .catalog__item .favor { background: url('/local/templates/krioterm_im_2022/img/favor/statistic.png') no-repeat center; background-size: 22px; width: 34px; height: 34px; border: 1px solid #ABABAB; border-radius: 4px; align-self: flex-end; margin-left: 10px; } .detail__prop-price .button { float: left; margin-right: 10px; } .detail__prop-price .favor { background: url('/local/templates/krioterm_im_2022/img/favor/statistic.png') no-repeat center; background-size: 35px; width: 50px; height: 50px; border: 1px solid #ABABAB; border-radius: 4px; cursor: pointer; } .catalog__item .favor:hover, .catalog__item .favor.activete { background: url('/local/templates/krioterm_im_2022/img/favor/statistic-red.png') no-repeat center; border: 1px solid #bd1818; background-size: 22px; } .detail__prop-price .favor:hover, .detail__prop-price .favor.activete { background: url('/local/templates/krioterm_im_2022/img/favor/statistic-red.png') no-repeat center; border: 1px solid #bd1818; background-size: 35px; } .catalog__items .catalog__item-content_price .button { width: calc(50% - 34px); } @media (max-width: 840px) { .catalog__item .favor {margin-left: 0px;} } @media (min-width: 601px) and (max-width: 840px) { .catalog__items .catalog__item-content_price .cost .price {font-size: 16px;} } @media (max-width: 600px) { .catalog__items .catalog__item-content {height: calc(100% - 289px);} .catalog__item .favor { background-size: 18px; width: 28px; height: 28px; } .catalog__item .favor:hover, .catalog__item .favor.activete { background-size: 18px; } } @media (max-width: 560px) { .detail__prop-price .button {width: calc(100% - 60px);} } .wrapper__favcom { position: fixed; /*left: calc(100% - 55px);*/ left: calc(100% - 60px); top: 30%; z-index: 1001; } .wrapper__favcom #want { background: url('/local/templates/krioterm_im_2022/img/favor/statistic-white.png') no-repeat 10px center; background-color: #bd1818; background-size: 30px; /*width: 50px;*/ height: 50px; border-radius: 4px 0 0 4px; cursor: pointer; display: block; padding-left: 60px; transition: border-radius .3s ease,transform .3s ease; display: flex; } .wrapper__favcom:hover { transform: translateX(-180px); /*width: 235px;*/ width: 240px; transition: border-radius .3s ease,transform .3s ease; } .wrapper__favcom:hover #want { color: #fff; } .wrapper__favcom #want .col { /*margin-left: -24px;*/ margin-left: -26px; font-weight: bold; /*font-size: 22px;*/ font-size: 18px; display: block; /*padding-top: 4px;*/ margin-top: -15px; min-width: 25px; text-align: center; } .wrapper__favcom #want p { margin-top: -15px; font-weight: bold; transition: color .3s ease; } .wrapper__favcom #want .want-hiden { padding: 10px; font-size: 16px; font-weight: 700; } .waitingfor ._red { max-width: 200px; padding: 10px; margin-top: 20px; } .waitingfor img { max-width: 300px; margin-bottom: 20px; } .text-container-main { color: #fff; margin-bottom: 40px; } .zchbLink { left: calc(100% - 55px); top: calc(30% + 55px); z-index: 1001; position: fixed; } .zchbWidgetIcon3 > .zchbHead, .zchbWidgetIcon2 > .zchbHead { display: block; } #calculate .form__scroll { pointer-events: none; } #calculate .form__scroll > div { pointer-events: auto; } #maintenance input.form__submit, #mainservis input.form__submit, #installation input.form__submit, #applications input.form__submit, #settlement input.form__submit, #renovation input.form__submit { margin-top: 67px; } #maintenance input.form__submit, #mainservis input.form__submit, #installation input.form__submit, #applications input.form__submit, #settlement input.form__submit, #renovation .form__main-left input { width: 500px; } #maintenance form, #mainservis form, #installation form, #applications form, #renovation form { margin-bottom: 40px; } @media (max-width: 1200px) { #maintenance input.form__submit, #mainservis input.form__submit, #installation input.form__submit, #applications input.form__submit, #settlement input.form__submit, #renovation .form__main-left input {width: 100%;} } .catalog_montazh .catalog__item.swiper-slide-active, .catalog_montazh .catalog__item.swiper-slide-next, .catalog_montazh .catalog__item.swiper-slide-next + .catalog__item { border: 1px solid #e6e6e6 !important; } .catalog_montazh .catalog__item .catalog__item-content_name { text-align: center; color: #212121; padding-top: 20px; } .catalog_montazh .catalog__item .catalog__item-img { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } @media (max-width: 1049px) { .catalog_montazh .catalog__item.swiper-slide-next + .catalog__item {border: none !important;} } @media screen and (max-width: 1115px) { .form._calculate { overflow-y: scroll; width: 100%; height: 100%; justify-content: center; align-items: flex-start; } } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 li:hover .dropdown._lvl4 { opacity:1; -webkit-transition:max-width .65s ease,opacity .4s ease; -o-transition:max-width .65s ease,opacity .4s ease; transition:max-width .65s ease,opacity .4s ease; width:auto; max-width:390px; } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 li .dropdown._lvl4 { position:absolute; display:block; left:0; margin-left:100%; max-width:0; background:#1c1b1b; overflow:hidden; -webkit-transition:max-width .4s ease,opacity .4s ease; -o-transition:max-width .4s ease,opacity .4s ease; transition:max-width .4s ease,opacity .4s ease; margin-top:-45px; border-radius:4px; opacity:0; padding:10px 0 20px; } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 li .dropdown._lvl4 li { padding:0 15px; } .header .container .top-header__navbar-item .dropdown._lvl2 li .dropdown._lvl3 li .dropdown._lvl4 li a { width:max-content; } .header .container .top-header__navbar-item .dropdown._lvl2 li a { color: #fff !important; } .header .container .top-header__navbar-item .dropdown { font-size: 17px; } .header .container .top-header__navbar-item .dropdown li { padding: 0 10px 0 10px; } .header .container .top-header__navbar-item .dropdown._lvl3 li a .arw{ margin-left:15px } @media screen and (min-width: 1020px) { #applications .form__input input {min-width: 400px;} #installation .form__input input {min-width: 400px;} #mainservis .form__input input {min-width: 400px;} } #installation form .form__politics { display: block; margin-top: 65px; } #installation form .form__main-right .form__politics { display: none; } @media screen and (max-width: 860px) { #installation form .form__politics {display: none;} #installation form .form__main-right .form__politics {display: block;margin-top: 35px;margin-bottom: -35px;} } .stages-proektirovanie .stages-item__bg-n { top: -115px; font-size: 92px; color: #bd1818; opacity: 0.3; } .stages-proektirovanie h2 { padding-bottom: 25px; } @media (min-width: 841px) and (max-width: 1024px) { ._white .container .container .stages-proektirovanie .stages__item-title {padding-left: 40px !important; margin-left: 0px !important;} } @media (min-width: 701px) and (max-width: 730px) { ._white .container .container .stages-proektirovanie .stages__item-title {padding-left: 40px !important; margin-left: 0px !important;} } @media (min-width: 561px) and (max-width: 630px) { ._white .container .container .stages-proektirovanie .stages__item-title {padding-left: 30px !important; margin-left: 0px !important;} } @media screen and (max-width: 560px) { .stages-proektirovanie .stages-item__bg-n {top: -95px;} } @media screen and (max-width: 490px) { .stages-proektirovanie .stages-item__bg-n {top: -85px;font-size: 80px;} .stages-proektirovanie .stages__item-title {padding-left: 55px !important;font-size: 16px !important;line-height: 20px !important;} } ._white .container .sidebar__item .sidebar__item_inner { display: flex; } .about-getting__items .about-getting__item { display: flex; align-items: center; margin-bottom: 15px; } .about-getting__items .about-getting__item img { padding-right: 10px; width: 60px; } .about-getting__items .about-getting__item a { display: inline-block; color: #bd1818; } .about-getting__items .about-getting__item a:hover { color: #e92121; } @media (max-width: 560px) { .about-getting__items .about-getting__item p {font-size: 14px;} .about-getting {padding-left: 25px;padding-right: 25px;} } @media (max-width: 400px) { .about-getting__items .about-getting__item {flex-wrap: wrap; justify-content: center; text-align: center;} .about-getting__items .about-getting__item p {width: 100%; margin-top: 15px; margin-bottom: 20px;} .about-getting__items .about-getting__item img {padding-right: 0px; min-width: 50px; max-width: 50px;} } .slider-about .slick-list {display: flex;} .certificate .gallery__slider .slick-list {display: flex;} .slider-about .slick-slide, .certificate .gallery__slider .slick-slide { display: flex; align-items: center; } .slider-about .gallery__slider .slick-arrow.slick-next, .slider-about .gallery__slider .slick-arrow.slick-prev { background-image: url(/local/templates/krioterm_im_2022/img/arrow-black-2.svg); opacity: 1; } .slider-about .gallery__slider .slick-arrow.slick-prev {left: -15px;} .slider-about .gallery__slider .slick-arrow.slick-next {right: -15px;} .slider-about .gallery__slider img { border: 1px solid #ddd; } .slider-about { margin-top: 20px; margin-bottom: 60px; } @media (max-width: 560px) { .slider-about { padding-left: 25px; padding-right: 25px; } } .getting-main { margin: 30px 0 20px; } .getting-main h2 { text-align: center; width: 100%; } .getting-main .getting__items { display: flex; justify-content: space-evenly; margin-top: 50px; } .getting-main .getting__items .getting__item { width: 25%; text-align: center; padding: 0 15px; } .getting-main .getting__items .getting__item img { margin: 0 auto 10px; width: 60px; } .getting { margin-bottom: 60px; } @media (max-width: 1000px) { .getting-main .getting__items {flex-wrap: wrap;} .getting-main .getting__items .getting__item {width: 33.3333%; margin-bottom: 30px;} } @media (max-width: 500px) { .getting-main .getting__items .getting__item {width: 50%; margin-bottom: 20px;} } ._white .container .sidebar__item.active .arrow { display: flex !important; align-items: center !important; } ._white .container .sidebar__item.active .arrow svg { display: flex !important; align-items: center !important; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .price__table-row.kotel-pod-klyuch { background: #f0f0f0; border-bottom: 1px solid #e3e3e3; height: auto !important; } .price__table-row.kotel-pod-klyuch span { padding-top: 12px !important; padding-bottom: 12px !important; line-height: 100% !important; } .price__table-row.kotel-pod-klyuch .price__table-col { height: auto !important; } .price__table-row.kotel-pod-klyuch .price__table-btn button._red { margin-top: 20px !important; margin-bottom: 33px !important; margin: 0px !important; } .price__table-row.kotel-pod-klyuch.kotel-pod-klyuch-last .price__table-col > span { padding-top: 0px !important; padding-bottom: 0px !important; margin-left: -33px; } .info._full .info__item._phone, .info._full .info__item._delivery, .info._full .info__item._garant, .info._full .info__item._sert { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .catalog__main .block-info { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .text-container h2.width-100 { width: 100% !important; } .top-header__contact-phone-time .worktime { opacity: .6; padding-left: 25px; } @media (max-width: 1380px) { .top-header__contact-phone-time .worktime {display: none;} .header.fixed .top-header__contact-phone-time .worktime {display: block;} } @media (max-width: 1080px) { .header.fixed .top-header__contact-phone-time .worktime {display: none;} } .main-menu__column-3 .main-menu__contacts .worktime:before, .content._contacts .contacts__content .worktime:before { content: ''; background: url('/local/templates/krioterm_im_2022/img//time-svgrepo-com.svg') no-repeat; background-size: 23px; margin-right: 10px; position: relative; width: 23px; height: 23px; display: inline-block; top: 7px; } .content._contacts .contacts__content .worktime { margin-bottom: 20px; display: block; } .works-list-grid-slider .work-performed__items .slick-dots button { background: #000 !important; opacity: 0.2 !important; } .works-list-grid-slider .work-performed__items .slick-dots li.slick-active button { background: #bd1818 !important; opacity: 1 !important; } #settlement .form_body { width: 100%; } #settlement .list-1.form__checkbox-wrapper, #settlement .list-2.form__checkbox-wrapper { display: block; } #settlement .list-1 .form__checkbox-list, #settlement .list-2 .form__checkbox-list { display: flex; flex-wrap: wrap; justify-content: space-between; } #settlement .list-1 .form__checkbox-list label, #settlement .list-2 .form__checkbox-list label { max-width: 300px; flex-wrap: wrap; margin-bottom: 30px; } #settlement .form__checkbox-list label { cursor: pointer; } #settlement .form__checkbox-list label .img { width: 100%; } #settlement .form__checkbox-list label .img img { max-width: 300px; margin-bottom: 10px; border-radius: 3px; } #settlement .form__content-title { font-size: 22px; } #settlement .button-block > div { width: 200px; background: #bd1818; text-align: center; border-radius: 3px; padding: 16px; cursor: pointer; } #settlement .button-block > div:hover { background: #e92121; } #settlement .button-block-right { float: right; } #settlement .button-block-left { float: left; } #settlement .button-block-left svg { transform: rotate(180deg); } #settlement .list-2 span.custom__checkbox, #settlement .list-2 label:hover .custom__checkbox, #settlement .list-2 .form__checkbox-wrapper input:checked + span { border-radius: 50%; } #settlement input.form__submit { width: 200px; } #settlement .list-3 .form__checkbox-wrapper { display: block; margin-bottom: 40px; width: 210px; } #settlement .list-3 .form__checkbox-wrapper .form__input-name { margin-bottom: 10px; display: block; } #settlement .form__wrapper { padding: 23px 70px 55px; width: 1150px; max-width: 100%; } #settlement .form__top { margin-bottom: 40px; } #settlement .form__half { display: flex; flex-wrap: wrap; justify-content: space-between; } #settlement .form__half > div { max-width: 450px; } #settlement .list-2.form__checkbox-wrapper, #settlement .list-3, #settlement .list-4 { display: none; width: 100%; } #settlement .form__subtitle { margin-top: 0px; margin-left: 0px; } #settlement .form__subtitle p { font-size: 20px; display: none; margin-top: 0px; padding-top: 20px; } #settlement .mini-text { font-size: 16px; /*margin-bottom: -40px; margin-top: 40px;*/ margin-bottom: 10px; margin-top: 30px; text-align: right; } @media (max-width: 1250px) { #settlement .form__wrapper {width: 100%;} #settlement .form__scroll > div {width: 100%;} } @media (min-width: 991px) and (max-width: 1100px) { #settlement .form__wrapper {padding: 23px 35px 55px;} } @media (max-width: 990px) { #settlement .form__half > div {max-width: 100%;} } @media (min-width: 690px) and (max-width: 760px) { #settlement .form__wrapper {padding: 23px 35px 55px;} } @media (max-width: 689px) { #settlement .mini-text {margin-bottom: 20px;margin-top: 10px;text-align: right;} } @media (max-width: 560px) { #settlement .button-block > div {width: 130px;} #settlement input.form__submit {width: 130px;} #settlement .form__top { margin-bottom: 20px; } } @media (max-width: 510px) { #settlement .mini-text {margin-bottom: 15px;font-size:12px;} } @media (max-width: 440px) { #settlement .button-block > div {width: 115px;} #settlement input.form__submit {width: 115px;} #settlement .form__wrapper {padding: 23px 45px 55px;} #settlement .form__content-title {font-size: 18px;} #settlement .form__checkbox-wrapper label span:last-child {font-size: 16px;} #settlement .form__checkbox-list label .img img {max-width: 270px;} } .detail__prop-price .status { display: flex; margin-top: 20px; } .detail__prop-price .status .availability { background: url('/local/templates/krioterm_im_2022/img/checked.png') no-repeat; background-size: 22px; padding-left: 30px; margin-right: 30px; } .detail__prop-price .status .installment { background: url('/local/templates/krioterm_im_2022/img/percentage.png') no-repeat; background-size: 22px; padding-left: 30px; } @media (min-width: 701px) and (max-width: 840px) { .detail__prop-price .status {font-size: 16px;} .detail__prop-price .status .availability {padding-left: 26px; margin-right: 10px;} .detail__prop-price .status .installment {padding-left: 26px;} } @media (max-width: 560px) { .detail__prop-price .status .availability {background-size: 20px; padding-left: 25px; margin-right: 15px;} .detail__prop-price .status .installment {background-size: 20px; padding-left: 25px;} } @media (max-width: 330px) { .detail__prop-price .status .availability {margin-right: 10px;} } .work-performed-main .work-performed__items .slick-slide { margin-right: 15px; margin-left: 15px; } #calculate .form__scroll { pointer-events: auto; } .btn-icon-request { display: none; } @media (max-width: 899px) { .sticky-phone { background: #bd1818 url("/local/templates/krioterm_im_2022/css/../img/phone-ico-white.svg") 50% 50% no-repeat; background-size: 26px; position: fixed; width: 60px; height: 60px; bottom: 20px; right: 26px; border-radius: 60px; z-index: 10; } .header .container .top-header__elements { gap: 30px; } .header .container .top-header__contact { width: auto; } .header .container .header-search-wrapper { display: none; } .btn-icon-request { display: inline-block; width: 42px; height: 42px; background: #bd1818 no-repeat url("/local/templates/krioterm_im_2022/css/../img/icon-request.png") 50% 50% / 30px; border-radius: 4px; } } @media (max-width: 360px) { .header .container .top-header__elements { gap: 20px; } } .captcha-block { display: flex; align-items: center; gap: 10px; } .captcha-block .form__input { margin: 0; } .captcha-reload { display: inline-block; width: 24px; height: 24px; background: no-repeat url(/local/templates/krioterm_im_2022/css/../img/reload.png) 50% 50% / contain; cursor: pointer; } /* End */ /* Start:/local/templates/.default/components/bitrix/news.detail/krioterm_2022_header_contacts/style.min.css?1769688995175*/ .top-header__contact-list{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}@media (max-width:1380px){.top-header__contact-list{display:none}} /* End */ /* Start:/local/templates/.default/components/arturgolubev/search.title.custom/krioterm-search/style.min.css?17606210763926*/ .header-search-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;transform:scale(200%)}.hedaer-search-button{transform:scale(50%)}.title-search-wrapper{position:fixed;left:0;top:-100%;right:0;height:100vh;z-index:100000;background:#212121;opacity:0;transition:top .5s ease,opacity .5s ease}.title-search-wrapper.active{top:0;opacity:1}.title-search-result{z-index:100100;color:#fff;transform:translateY(-5px)}.title-search-result *{color:#fff!important}.title-search__result-list{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-height:calc(100vh - 286px - 58px - 204px);overflow:auto}.title-search__result-list::-webkit-scrollbar{width:5px}.title-search__result-list::-webkit-scrollbar-track{background-color:#f8f8f8}.title-search__result-list::-webkit-scrollbar-thumb{background:#bd1818}.search-title__title{font-style:normal;font-weight:800;font-size:44px;margin-top:2.727272727272727em;margin-bottom:.9090909090909091em;line-height:130%;text-align:center;color:#fff}.search-title-form-wrapper{background:#343434;border:1px solid #636363}.search-title-form,.search-title-form input[type=text]{font-weight:400;font-size:24px;line-height:130%;color:#fff}.search-title-form{position:relative;font-style:normal}.title-search-submit{cursor:pointer;position:absolute;top:20px;right:20px}.search-title-form input[type=text]{padding:18px 70px 19px 30px;border:0;background:0 0;width:100%;outline:0}.search-title-form input[type=submit]{display:none}.title-search__result{background:#343434;border:1px solid #636363}.title-search-result-card{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:15px 30px;border-bottom:1px solid #636363;border-right:1px solid #636363}.title-search-result-card:last-child{border-bottom:none}.title-search-result-card__picture{padding:5px;width:60px;height:60px;background:#fff;margin-right:20px}.title-search-result-card__picture img{max-width:100%;max-height:100%}.title-search-result-card__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.title-search-result-card__title{display:block}.title-search-result-card__subtitle{font-weight:700}.title-search-result__show-all{border-top:1px solid #636363;background:#464646;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-style:normal;font-weight:800;font-size:18px;line-height:130%;padding:18px 10px}.closer{cursor:pointer;position:absolute;top:30px;right:20px;z-index:100000000000}.form-reset{display:none}@media all and (max-width:1380px){.header-search-wrapper svg{height:35px;width:auto;transform:scale(50%)}}@media all and (max-width:899px){.header-search-wrapper{margin-right:40px}}@media all and (min-width:560px) and (max-width:1280px){.title-search-wrapper .container{padding-left:24px;padding-right:24px}}@media all and (max-width:767px){.search-title__title,.title-search-submit{display:none}.title-search-wrapper .container:first-child .closer{display:none}.form-reset{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;width:40px;height:40px;top:0;right:0;transform:scale(150%)}.form-reset .closer{position:static;transform:scale(75%)}.search-title-form input[type=text]{font-size:16px;padding:7px 40px 10px 10px}.title-search-result-card{font-size:13px;padding:10px}.title-search-result-card__picture{width:40px;height:40px;padding:3px}.title-search-result__show-all{font-size:13px;padding:6px 6px 7px}.title-search__result-list{max-height:calc(100vh - 64px - 30px - 100px)}}@media all and (min-width:767px){.title-search-result__show-all:hover{background:#bd1818}}.title-search-result-card:hover{color:#fff;background-color:transparent}.activeSearch,.activeSearch:hover{background:#bd1818}.title-search-result.disable{max-height:0;overflow:hidden;opacity:0} /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/breadcrumberz/style.min.css?1743408091467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/socials-list/style.min.css?177192033050*/ .social-wrap{display:flex;gap:15px;flex-wrap:wrap} /* End */ /* Start:/local/templates/.default/components/bitrix/news.detail/krioterm_2022_footer_contacts/style.css?175091916198*/ .contacts__content.column { flex-direction: column; gap: 10px; margin-bottom: 30px; width: auto; } /* End */ /* Start:/local/templates/krioterm_im_2022/styles.min.css?17604520572094*/ #forms{width:1000px;background:#f1f1f1}.fhead{width:100%;height:50px}.fhead a{height:100%;display:inline-block;background:#d9d9d9;width:185px;padding:0 10px;text-align:center;line-height:50px;font-weight:700;color:#007cbc;font-size:14px;text-decoration:none;border-right:1px solid #cecece;border-left:1px solid #ececec;border-bottom:1px solid #cecece}.fhead a:hover{color:#bd0000}.fhead a.current{color:#bd0000;background:#f1f1f1;border-bottom:0}.fbody{padding:0 14px}.fname{font-size:24px;font-weight:700;line-height:75px;border-bottom:1px solid #cecece}.c,.l,.lab,.r{display:inline-block}.lab{font-weight:700;width:166px}.c,.l,.r{width:350px;vertical-align:top;margin-right:10px}.labbig{display:block;font-weight:700;margin-top:10px;margin-bottom:10px}.fline1,.fline2{border-bottom:1px solid #cecece}#forms label{color:#007cbc;border-bottom:1px dotted;cursor:pointer}.fline2{border-top:1px solid #ececec;padding-top:20px}.leftpart,.rightpart{width:470px;margin-right:10px;display:inline-block;vertical-align:top}.fline2 input{width:280px}.leftpart textarea{height:100px;width:278px}#forms .chosen-container{margin-left:0}#resforms,.fs{display:none}.fs.current{display:block!important}.tablcont input{width:70px}.tablcont table{width:100%}.tablcont table tbody th,.tablcont table thead th{width:80px;text-align:left;line-height:12px}.tablcont table tbody th{width:250px}.tablcont{margin-bottom:20px}#resforms{position:absolute;top:200px;left:330px;color:green;width:300px;padding:10px;z-index:2;background:#fff;font-size:18px;text-align:center;font-weight:700;border:1px solid #ccc;box-shadow:0 10px 4px -5px rgba(0,0,0,.5)}#forms{overflow:hidden;position:relative}#forms #resforms{width:98%;left:0;border:0;box-shadow:none;top:0;height:100%;padding-top:190px}.form-thank b{font-size:22px}.content_work,.texttovar,font.text{font-size:14px}.texttovar{line-height:18px}.tagline{height:1px;background:#ccc;width:100%;margin:20px 0 10px}#forms input[type=text]{margin:5px 0}.fline3{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-top:10px;padding-bottom:10px} /* End */ /* /local/templates/krioterm_im_2022/vender/fancybox1/jquery.fancybox.min.css?174340809015598 */ /* /local/templates/krioterm_im_2022/vender/swiper/swiper.css?174340809016470 */ /* /local/templates/krioterm_im_2022/scss/main.css?1776417493174783 */ /* /local/templates/krioterm_im_2022/css/custom.css?177641749388974 */ /* /local/templates/.default/components/bitrix/news.detail/krioterm_2022_header_contacts/style.min.css?1769688995175 */ /* /local/templates/.default/components/arturgolubev/search.title.custom/krioterm-search/style.min.css?17606210763926 */ /* /local/templates/.default/components/bitrix/breadcrumb/breadcrumberz/style.min.css?1743408091467 */ /* /local/templates/.default/components/bitrix/news.list/socials-list/style.min.css?177192033050 */ /* /local/templates/.default/components/bitrix/news.detail/krioterm_2022_footer_contacts/style.css?175091916198 */ /* /local/templates/krioterm_im_2022/styles.min.css?17604520572094 */