/* Start:/local/templates/UTICLOCK/slick/slick/slick.css?17352138421776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/UTICLOCK/slick/slick/slick-theme.css?17352138423145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/UTICLOCK/slick/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/UTICLOCK/slick/slick/./fonts/slick.eot');
    src: url('/local/templates/UTICLOCK/slick/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/UTICLOCK/slick/slick/./fonts/slick.woff') format('woff'), url('/local/templates/UTICLOCK/slick/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/UTICLOCK/slick/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/UTICLOCK/fancybox/style.css?173686490715598*/
.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/UTICLOCK/styles.css?175792767848787*/
/* Подключение шрифтов */
@font-face {
	font-family: 'TT Firs Neue';
	src: url(/local/templates/UTICLOCK/./fonts/woff2/TT_Firs_Neue_Regular.woff2) format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;


}

@font-face {
	font-family: 'TT Firs Neue Bold';
	src: url(/local/templates/UTICLOCK/./fonts/woff2/TT_Firs_Neue_Bold.woff2) format('woff2');
	/* font-weight: 700; */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat Bold';
	src: url(/local/templates/UTICLOCK/./fonts/montserrat/Montserrat-Bold.woff) format('woff');
	/* font-weight: 700; */
	font-style: normal;
	font-display: swap;
}

/* Нормализация блочной модели */
*,
::before,
::after {
	box-sizing: border-box;
}

/**
   Убираем внутренние отступы слева тегам списков,
   у которых есть атрибут class
  */
:where(ul, ol):where([class]) {
	padding-left: 0;
}

/**
   Убираем внешние отступы body и двум другим тегам,
   у которых есть атрибут class
  */
body,
:where(blockquote, figure):where([class]) {
	margin: 0;
}

/**
   Убираем внешние отступы вертикали нужным тегам,
   у которых есть атрибут class
  */
:where(h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	ul,
	ol,
	dl):where([class]) {
	margin-block: 0;
}

:where(dd[class]) {
	margin-left: 0;
}

:where(fieldset[class]) {
	margin-left: 0;
	padding: 0;
	border: none;
}

/**
   Убираем стандартный маркер маркированному списку,
   у которого есть атрибут class
  */
:where(ul[class]) {
	list-style: none;
}

:where(address[class]) {
	font-style: normal;
}

/**
   Обнуляем вертикальные внешние отступы параграфа,
   объявляем локальную переменную для внешнего отступа вниз,
   чтобы избежать взаимодействие с более сложным селектором
  */
p {
	--paragraphMarginBottom: 24px;

	margin-block: 0;
}

/**
   Внешний отступ вниз для параграфа без атрибута class,
   который расположен не последним среди своих соседних элементов
  */
p:where(:not([class]):not(:last-child)) {
	margin-bottom: var(--paragraphMarginBottom);
}


/**
   Упрощаем работу с изображениями
  */
img {
	display: block;
	max-width: 100%;
}

/**
   Наследуем свойства шрифт для полей ввода
  */
input,
textarea,
select,
button {
	font: inherit;
	outline: none;
}

html {
	/**
     Пригодится в большинстве ситуаций
     (когда, например, нужно будет "прижать" футер к низу сайта)
    */
	height: 100%;
}

/**
   Плавный скролл
  */
html,
:has(:target) {
	scroll-behavior: smooth;
}

body {
	/**
     Пригодится в большинстве ситуаций
     (когда, например, нужно будет "прижать" футер к низу сайта)
    */
	min-height: 100%;
	/**
     Унифицированный интерлиньяж
    */
	line-height: 1.5;
}

/**
   Приводим к единому цвету svg-элементы
  */
svg *[fill] {
	fill: currentColor
}

svg *[stroke] {
	stroke: currentColor
}

/**
   Чиним баг задержки смены цвета при взаимодействии с svg-элементами
  */
svg * {
	transition-property: fill, stroke;
}

/**
   Удаляем все анимации и переходы для людей,
   которые предпочитают их не использовать
  */
@media (prefers-reduced-motion: reduce) {

	*,
	::before,
	::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

:root {
	---background-image: url('/local/templates/UTICLOCK/./images/body-backgrond.svg');
	/* Основные цвета макета */
	--color-dark-blue: #080A1E;
	--color-light-blue: #3452F6;
	--color-blue: #0E1744;
	--color-white: white;
	--color-grey: #2D2F40;
	--color-dark-grey: #202234;
	--color-white-for-text: #e1e1e4;
	--color-white-h2: rgba(255, 255, 255, 0.9);

	--font-family-base: 'TT Firs Neue', sans-serif;

	--font-family-accent: 'TT Firs Neue Bold', sans-serif;
	/* Длина кнопки попробовать */
	--width-btn-try: 143px;
	--height-btn-try: 40px;
	/* Максимальная длина контейнера */
	--container-width: 1200px;
	--container-padding-vertical: 100px;

	--transition-duration: 0.2s;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

button {
	cursor: pointer;
}

input[type=button] {
	cursor: pointer;
}

body {
	background: #080A1E;
	background-image: var(---background-image);
	font-family: var(--font-family-base);
	color: var(--color-white-for-text);
	background-size: auto 80%;

}

a,
button,
input,
textarea,
svg * {
	transition: var(--transition-duration);
}

h2 {
	font-family: var(--font-family-accent);
	color: var(--color-white-h2);
	opacity: 0.94;
	font-size: 50px;
	font-weight: 700;
	line-height: 55px;
	text-transform: uppercase;
}

.container {
	max-width: calc(var(--container-width));
	margin: auto;
	margin-bottom: 100px;
}

.container-max {
	border-radius: 30px;
	background: var(--color-blue);
	width: 100%;
	padding: 100px 20px 53px 20px;
	margin-bottom: 100px;
}

div.container-max div.container {
	margin-bottom: 0;
}

.content-btn-link {
	font-family: var(--font-family-base);
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	padding: 15px 30px;
	border: none;
	border-radius: 3px;
	color: var(--color-white-for-text);
	text-decoration: none;
}

.content-btn-link:disabled {
	background: #333b68;
	color: #a4a4a4;
}

.content-btn-link:disabled:hover {
	background: #333b68;
	color: #a4a4a4;
	cursor: no-drop;
}

.blue {
	background-color: var(--color-light-blue);
}

/* HEADER BLOCK */
.header {
	max-width: var(--container-width);
	margin: auto;
	padding: 23px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 30px;
	/* padding-inline: 32px; */
	margin-bottom: 55px;

}

.header-logo {
	flex-shrink: 0;
}

.header-menu {}

.header-menu-list {
	display: flex;
	/* margin: 0px 14px; */
	column-gap: 18px;
}

.header-menu-item {
	/* padding: 0px 5px; */
}

.header-menu-link {
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.7px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.header-menu-link:hover {
	color: rgb(185, 196, 255);
	font-style: normal;
}

.header-contact-lang-btn {
	display: flex;
	column-gap: 10px;
}

.header-contact-item {
	align-content: center;
	display: block;
	gap: 4px;
	white-space: nowrap;
}

.header-call-text {
	color: var(--color-white-for-text);
	font-size: 12px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.7px;
	text-align: left;
	cursor: pointer;
}

.header-number {
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.7px;
	text-align: left;
}

.header-lang-item {
	/* padding: 0px 15px; */
	align-content: center;
}

.header-lang-link {
	display: grid;
	grid-template-columns: 1fr 1fr;
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;

	text-align: left;
	text-decoration: none;
	background: none;
	border: none;
}

.header-icon-planet {
	width: 20px;
	height: 20px;
}

.header-lang-options {
	opacity: 0;
	/* Изначально невидим */
	visibility: hidden;
	/* Убираем элемент из визуального потока */
	position: absolute;
	/* top: 100%; 
  left: 0; */
	background: var(--color-grey);
	color: var(--color-white-for-text);
	list-style: none;
	padding: 10px 0;
	margin: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	z-index: 10;
	min-width: 56px;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	margin-top: 9px;
}

.header-lang-options li {
	padding: 5px 10px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.header-lang-options li:hover {
	background: #f0f0f0;
	color: black;
}

/* Показываем список при активном состоянии */
.header-lang-item.active .header-lang-options {
	/* display: block; */
	opacity: 1;
	/* Элемент становится видимым */
	visibility: visible;
	/* Элемент возвращается в поток */
}

.header-btn-link {
	border: none;
	border-radius: 3px;
	background: var(--color-light-blue);
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 450;
	line-height: 24px;

	text-align: center;
	padding: 8px 20px;
}

.header-btn-link:hover {
	background-color: #007BFF;
}

.white-btn {
	background-color: var(--color-white) !important;
	color: #080A1E !important;
}

/*END HEADER BLOCK */


/* HEADER-MOBILE-BLOCK */
.header-mobile {
	max-width: var(--container-width);
	margin: auto;
	padding: 23px 0px;
	display: none;
	align-items: center;
	justify-content: space-between;
	column-gap: 30px;
	padding-inline: 15px;
}

.header-mobile-humburger {
	background: none;
	border: none;
}

.header-mobile-humburger-close img {
	width: 20px;
}

.mobile-header-logo {
	flex-shrink: 0;
}

.header-mobile-menu {
	display: none;
	position: fixed;
	top: 0;
	right: -70%;
	/* меню начинается справа за пределами экрана */
	width: 70%;
	height: 100%;
	background: #202234;
	transition: right 0.3s;
	padding: 30px 17px;
	flex-flow: wrap;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}

.mobile-top-content {
	display: flex;
	/* padding: 30px 17px; */
	width: 100%;
	justify-content: space-between;
}

.header-mobile-lang-link {
	display: grid;
	grid-template-columns: 1fr 1fr;
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;

	text-align: left;
	text-decoration: none;
	background: none;
	border: none;
}

.header-mobile-icon-planet {
	width: 20px;
	height: 20px;
}

.header-mobile-menu-list {
	display: grid;
	gap: 18px;
}

.header-mobile-menu-items {
	width: 100%;
}

.header-mobilemenu-item {
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.8px;
	text-align: left;
}

.header-mobile-menu-link {
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.7px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.mobile-bottom-content {
	width: 100%;
}

.mobile-number {
	margin: 0px 0px 20px 0px;
}


/* footer */
.footer {
	max-width: var(--container-width);
	margin: auto;
	padding: 23px 0px;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	column-gap: 30px;
	/* padding-inline: 32px; */
	margin-bottom: 55px;

}

.footer-logo img {
	margin-bottom: 30px;
}

.footer-political-text a {
	/* margin-top: 10px; */
	display: block;
	width: 100%;
	color: var(--color-white-for-text);
	text-decoration: none;
	text-wrap: nowrap
}

.footer-political-text a:hover {
	color: rgb(185, 196, 255);
	font-style: normal;
}

.footer-menu-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/* gap: 24px; */
}

.footer-call-text {
	cursor: pointer;
}

.footer-menu-list a {
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.7px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.footer-menu-list a:hover {
	color: rgb(185, 196, 255);
	font-style: normal;
}

.menu-list-one ul {
	padding: 0;
	max-width: 0;
}

.menu-list-two ul {
	padding: 0;
	max-width: 0;
}

.menu-list-three ul {
	padding: 0;
	max-width: 0;
}

.list-item::marker {
	content: none;
}

.footer-phone-button-block {
	display: flex;
	gap: 40px;
	text-wrap: nowrap;
}


/* Mobile footer  */


.mobile-footer {
	max-width: var(--container-width);
	margin: auto;
	padding: 23px 20px;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	column-gap: 30px;
	/* padding-inline: 32px; */
	margin-bottom: 55px;

}

.mobile-footer-logo img {
	margin-bottom: 30px;
}

.mobile-footer-political-text a {
	/* margin-top: 10px; */
	display: block;
	width: 100%;
	color: var(--color-white-for-text);
	text-decoration: none;
	text-wrap: nowrap;
	text-align: end;

}

.mobile-footer-political-text a:hover {
	color: rgb(185, 196, 255);
	font-style: normal;
}

.mobile-footer-menu-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/* gap: 24px; */
}

.mobile-footer-menu-list a {
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.7px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.mobile-footer-menu-list a:hover {
	color: rgb(185, 196, 255);
	font-style: normal;
}

.menu-list-one ul {
	padding: 0;
	max-width: 0;
}

.menu-list-two ul {
	padding: 0;
	max-width: 0;
}

.menu-list-three ul {
	padding: 0;
	max-width: 0;
}

.list-item::marker {
	content: none;
}

.mobile-footer-phone-button-block {
	display: flex;
	gap: 40px;
	margin-bottom: 24px;
}

.mobile-footer {
	display: none;
}

.mobile-footer-info-block {
	grid-area: mobile-footer-info-block;
}

.mobile-footer-political-text {
	grid-area: mobile-footer-political-text;
}

.mobile-footer-menu-block {
	grid-area: mobile-footer-menu-block;
}

.mobile-footer-phone-button-block {
	grid-area: mobile-footer-phone-button-block;
}


/* Banner - style */

.banner-main {
	display: flex;
	gap: 10px;
}


.banner-text-block {
	display: block;
	align-content: center;
	width: 50%;
}

.desck-banner-h1 {
	color: var(--color-white-for-text);
	font-size: 36px;
	font-weight: 500;
	line-height: 36px;

	text-align: left;
	opacity: 0.88;

	align-content: flex-end;
}

.desck-banner-big-text {
	color: rgb(255, 255, 255);
	font-family: var(--font-family-accent);
	font-size: 120px;
	font-weight: 700;
	line-height: 144px;
	opacity: 0.92;
	text-align: left;

}

.desck-banner-shadow-text {
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;

	text-align: left;
	display: flex;
	align-items: center;
	gap: 10px;

}

.op-text {
	opacity: 0.6;
}

.desck-banner-delivery-text {
	padding-top: 75px;
	padding-bottom: 17px;
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;

	text-align: left;
	opacity: 0.7;

	align-content: flex-end;
}

.desck-banner-btn-item {}

.banner-main-image-block {
	grid-area: banner-main-image;
	max-width: 600px;
}

.banner-main-image-block img {
	border-radius: 20px;
}

.banner-h1 {
	display: none;
}

.banner-big-text {
	display: none;
}

.banner-delivery-text {
	display: none;
}

.banner-shadow-text {
	display: none;
}

.banner-btn-item {
	display: none;
}

/* Just To Get Block */
.just-get-block {
	border-radius: 30px;
	background-color: var(--color-light-blue);
	display: grid;
	grid-template-columns: 1fr 378px;
	gap: 10px;
	grid-template-areas:
		"just-get-block-text just-get-image"
	;
}

.just-get-block-text {
	grid-area: just-get-block-text;
	margin: 60px 0 30px 69px;
}

.just-get-h2 {
	grid-area: just-get-h2;
	/* font-size: 50px; */
	font-weight: 700;

	text-align: left;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.just-get-text {
	/* grid-area: just-get-text; */
	color: var(--color-white-for-text);
	font-size: 24px;
	font-weight: 400;
	line-height: 31.2px;
	opacity: 0.8;
	text-align: left;
}

.just-get-image {
	grid-area: just-get-image;
	background: url(/local/templates/UTICLOCK/./images/Rectangle.svg);
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29% 100%);
	border-radius: 0 30px 30px 0;
	overflow: hidden;
}

.just-get-image-item {
	display: none;
}

/* Easy Management Block */
.easy-management-block {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		"easy-management-h2"
		"easy-management-list"
	;
	gap: 45px;
}

.easy-management-h2 {
	grid-area: easy-management-h2;
	font-size: 50px;
	font-weight: 700;


	text-align: left;
	text-transform: uppercase;
}

.easy-management-list {
	grid-area: easy-management-list;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"e-m-image e-m-index1"
		"e-m-index2 e-m-index3"
	;
	gap: 34px;
}

.easy-manag-head {
	color: var(--color-white-for-text);
	font-family: var(--font-family-accent);
	font-size: 32px;
	font-weight: 700;
	line-height: 120%;
	padding-bottom: 16px;
	text-align: left;
}

.easy-manag-text {
	color: var(--color-white-for-text);
	font-family: TT Firs Neue;
	font-size: 24px;
	font-weight: 400;
	line-height: 31.2px;
	text-align: left;
	opacity: 0.8;

}

.easy-management-item {
	gap: 16px;
}

.easy-management-img {
	width: 100%;
	border-radius: 20px;
}

.e-m-image {
	grid-area: e-m-image;
}

.e-m-index1 {
	grid-area: e-m-index1;
}

.e-m-index2 {
	grid-area: e-m-index2;
}

.e-m-index3 {
	grid-area: e-m-index3;
}

/* Adventages Block */

.advantages-block {
	display: grid;
	grid-template-columns: 1fr;
}

.adventages-h2 {
	font-size: 50px;
	font-weight: 700;

	text-align: left;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.advantages-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
}

.adventages-item {
	background: var(--color-dark-grey);
	border-radius: 12px;
	padding: 25px 32px;
}

.adventages-item-head {
	font-size: 32px;
	font-weight: 700;
	line-height: 100%;
	text-align: left;
	margin-bottom: 16px;
	grid-area: adventages-item-head;
	align-content: center;
}

.adventages-item-text {
	color: var(--color-white-for-text);
	opacity: 0.8;
	font-size: 20px;
	font-weight: 400;
	line-height: 130%;
	text-align: left;
	grid-area: adventages-item-text;

}

.item-micro-text {
	margin-top: 16px;
	color: var(--color-white-for-text);
	font-size: 16px;
	font-weight: 400;
	line-height: 130%;
	opacity: 0.6;
	text-align: left;
	grid-area: item-micro-text;
}

.adventages-icon {
	grid-area: adventages-icon;
	align-content: center;
	margin-bottom: 17px;
}

/* Scheme Block */
.scheme-block {
	position: relative;
	padding-top: 40px;
}

.scheme-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
}

.scheme-item {
	border-radius: 12px;
	background: rgb(32, 34, 52);
	display: grid;
	grid-template-rows: 1fr 3fr;
}

.scheme-item-head {
	border-radius: 12px 12px 0px 0px;
	background: var(--color-blue);
	color: var(--color-white-for-text);
	font-family: var(--font-family-accent);
	font-size: 32px;
	font-weight: 700;
	line-height: 38.4px;
	text-align: left;
	padding: 34px 30px 28px 30px;
	display: flex;
	gap: 16px;

}

.scheme-item-image {
	margin: 0 auto;
	align-content: center;
	padding: 35px 0;
}

.strelka {
	position: absolute;
	left: 50%;
	top: 65%;
	transform: translateX(-49%);
}

/* Possibilities Block */

.possibilities-h2 {
	/* color: var(--color-white-h2); */
	font-family: var(--font-family-accent);
	font-size: 50px;
	font-weight: 700;

	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
}

.screen-head {
	color: var(--color-white-for-text);
	font-family: var(--font-family-accent);
	font-size: 32px;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	margin-bottom: 47px;
}

.screen-list {
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr;
}

.screen-item-block {
	display: block;
	/* grid-auto-columns: 1fr; */
	/* gap: 20px; */

}

.screen-item-name {
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 120%;
	text-align: left;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.1);
	padding: 20px;
	gap: 20px;
	transition: 0.2s;
	cursor: pointer;
	margin-bottom: 20px;
}

.screen-item-img img {
	/* max-height: 568px; */
	border-radius: 13px;
}

.active {
	border-radius: 8px;
	background: rgb(52, 82, 246);
}

#display-image {
	transition: opacity 0.2s;
}

.integration-serices-list {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}

.services-item {
	/* border-radius: 16px;
  background: var(--color-white);
  align-content: center;
  padding: 10px; */
	flex-grow: 2;
	min-width: 120px;
	text-align: center;
	/* cursor: pointer; */
	align-content: center;
	height: 103px;
	border-radius: 16px;
	background-color: white;
	position: relative;
	overflow: hidden;
}

.services-item img {
	/* display: block;
    max-width: 100%;
    background: white;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    padding: 10px; */
	justify-self: center;
}

.item-on-request {
	position: absolute;
	right: 0px;
	padding: 0 12px;
	font-size: 13px;
	background: var(--color-light-blue);
	bottom: 0;
	border-radius: 6px 0 0 0;
	font-weight: bold;
}

.services-img-item {
	justify-self: center;
}

.services-img-item img {
	max-width: 140px;
	margin: 0 20px;
}

.possibilities-integration {
	margin-top: 100px;
}

.integration-mini-text {
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	/* letter-spacing: 0%; */
	text-align: center;
	margin-bottom: 46px;
}

.integration-form-block {
	margin-top: 20px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.15);
	display: flex;
	justify-content: space-between;
	padding: 25.5px 20px;
}

.form-block-button {
	align-content: center;
}

.form-btn {
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	padding: 15px 30px;
}

.form-block-text {
	align-content: center;
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0%;
	text-align: left;
}

.possibilities-button {
	margin-top: 70px;
}

.sensor-button {
	/* text-align: center; */
	margin-top: 100px;
	/* margin-bottom: 53px; */
}

.center {
	text-align: center;
}

.opacity-button {
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 3px;
	max-width: 410px;
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	padding: 15px 30px;
	white-space: nowrap;
	background: transparent;
	text-decoration: none;
}

.opacity-button span {
	display: block;
	font-size: 14px;
	opacity: 0.6;
}

.opacity-button:hover {
	background: var(--color-white);
	color: #080A1E;
}

/* Cases block */

.cases-h2 {
	/* color: var(--color-white-h2); */
	/* font-size: 50px; */
	font-weight: 700;

	/* letter-spacing: 0%; */
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 36px;
}

.cases-text-block {

	color: var(--color-white-for-text);

	font-size: 32px;
	font-weight: 400;
	line-height: 100%;
	/* letter-spacing: 0%; */
	text-align: left;
	margin-bottom: 50px;
}

.cases-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 24px;
}

.cases-item {
	display: grid;
	grid-template-rows: 260px 92px;
	max-width: 285px;
	cursor: pointer;
	border-radius: 12px;
	overflow: hidden;
	/* Обрезаем все, что выходит за пределы контейнера */
}

.cases-item-img-block {
	overflow: hidden;
}

.cases-item-img {
	border-radius: 12px 12px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform 0.3s ease;
	/* Добавляем плавность для transform */
	width: 100%;
	height: 100%;
}

.cases-item:hover .cases-item-img {
	transform: scale(1.1);
	/* Увеличиваем фон на 10% */
}

.cases-item-img img {
	/* width: 100%;
  max-width: none; */
	display: none;
}

.cases-item-down-text img {
	height: 100%;
}

.cases-item-down-text {
	background-color: white;
	border-radius: 0px 0px 12px 12px;
	text-align: -webkit-center;
	padding: 10px 0px;
}

/* How Work Block */
.how-work-h2 {
	/* color:var(--color-white-h2); */
	font-size: 50px;
	font-weight: 700;

	letter-spacing: 0%;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.how-work-block img {
	margin: 0 auto;
}


/* Models Block */

.model-img-block {
	overflow: hidden;
	margin-bottom: 25px;
	border-radius: 13px;
}

.model-img-block-img {
	width: 100%;
	border-radius: 12px;
	background-repeat: no-repeat;
	background-size: cover;
	height: 359px;
	background-position: center;
	transition: transform 0.3s ease;
}

.model-img-block-img img {
	display: none;
}

.slide-item:hover .model-img-block-img {
	transform: scale(1.1)
}

.models-block {
	padding-top: 60px;
}

.models-head-switch {
	display: flex;
	justify-content: space-between;
}

.models-h2 {
	/* color: var(--color-white-h2); */

	/* font-size: 50px; */
	font-weight: 700;

	letter-spacing: 0%;
	text-align: left;
	text-transform: uppercase;
}

.models-switch-buttons {
	display: flex;
	gap: 20px;
}

.models-switch-buttons button {
	border: none;
	background: rgb(52, 82, 246);
	border-radius: 45px;
	width: 70px;
	height: 70px;
	text-align: -webkit-center;
	cursor: pointer;

}

.models-slider {
	display: flex;
	overflow: hidden;
	width: 100%;
}

.models-slider-container {
	display: flex;
	transition: transform 0.5s;
	width: 100%;
}

.models-switch-buttons,
.next img {
	padding-left: 6px;
}

.models-switch-buttons,
.prev img {
	padding-right: 3px;
}

.slide-item {
	flex: 0 0 calc(100% / 3);
	text-align: center;
	padding: 12px;
	border-radius: 12px;
	cursor: pointer;
	text-decoration: none;
}

.slide-item img {
	margin-bottom: 25px;
}

.item-text-head {
	font-family: var(--font-family-accent);
	color: var(--color-white-for-text);
	font-size: 32px;
	font-weight: 700;
	line-height: 41px;
	/* letter-spacing: 0%; */
	text-align: left;
	margin-bottom: 10px;
}

.item-text-props {
	color: var(--color-white-for-text);

	font-size: 18px;
	font-weight: 400;
	line-height: 23.22px;
	/* letter-spacing: 0%; */
	text-align: left;
}

.item-props-art {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 25.8px;
}

.model-item-text {
	max-width: 90%;
}

.models-slider .slick-dots li button:before {
	color: var(--color-white);
	opacity: 1;
}

.models-slider .slick-dots li.slick-active button:before {
	color: #3452F6;
	opacity: 1;
}

/* Sensor Block */
.sensor-block-h2 {
	/* color: var(--color-white-h2); */
	margin-bottom: 100px;
	font-size: 50px;
	font-weight: 700;

	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
}

.sensor-article-val {
	font-family: var(--font-family-base);
	font-size: 18px;
	font-weight: 400;
	line-height: 23.22px;
	text-align: center;

}


.sensor-text-slider {
	display: grid;
	grid-template-columns: 50% 47%;
	gap: 28px;
	grid-template-areas:
		"sensor-text-slider sensor-items-slider"
	;
}

.sensor-item-text {
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	/* letter-spacing: 0%; */
	text-align: left;
	grid-area: sensor-text-slider;
}

.sensor-items-slider {
	grid-area: sensor-items-slider;
}


/* .sensor-item .slick-prev, .slick-next::before{
content: none;
} */
.sensor-item .slick-prev:before {
	content: url('/local/templates/UTICLOCK/./icons/header/button-next.svg');
}

.sensor-item .slick-next:before {

	content: url('/local/templates/UTICLOCK/./icons/header/button-prew.svg');

}


.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.slick-prev {
	left: 10px !important;
	/* регулируйте значение для точного расположения */
}

.slick-next {
	right: 10px !important;
	/* регулируйте значение для точного расположения */
}

.slick-list {
	text-align: -webkit-center;
}

/* Garanty Block  */

.garanty-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"garanty-item-image garanty-item-text"
	;
	gap: 23px;
}

.garanty-item-image {
	grid-area: garanty-item-image;
	border-radius: 16px;
	overflow: hidden;
}

.garanty-item-image img {
	width: 100%;
}

.garanty-item-text {
	grid-area: garanty-item-text;
}

.garanty-h2 {
	margin-bottom: 30px;
}

.garanty-text {
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: left;
}

/* Partner-Program Block */

.partner-program-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"partner-program-item-text partner-program-item-image"
	;
	gap: 23px;
}

.partner-program-item-image {
	grid-area: partner-program-item-image;
	border-radius: 16px;
	overflow: hidden;

}

.partner-program-item-image img {
	width: 100%;
}

.partner-program-item-text {
	grid-area: partner-program-item-text;
}

.partner-program-h2 {
	margin-bottom: 30px;
}

.partner-program-text {
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: left;
}

/* Demo Block */
.demo-block {
	border-radius: 30px;
	background: var(--color-light-blue);
	padding: 50px 36px;
}

.demo-h2 {
	text-align: center;
	margin-bottom: 30px;

}

.demo-text {
	color: var(--color-white-for-text);
	margin-bottom: 36px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
}

.demo-buttons {
	text-align: center;
}

/* Questions Block */
.questions-list-block {
	display: flex;
	gap: 24px;
}

.questions-h2 {
	margin-bottom: 40px;
	text-align: center;
}

.questions-list {
	display: block;
	width: 50%;
}

.question-item-name {
	border-radius: 3px 3px 0px 0px;
	background: var(--color-grey);
	padding: 25px;
	cursor: pointer;
}

.question-item {
	margin-bottom: 24px;
}

.icon-right-corner {
	float: right;

	width: 17px;
	height: 9px;
	margin-top: 6px;
}

.rotate {
	transform: rotate(180.00deg);
}

.questions-item-respons {
	display: none;
	padding: 25px;
	background: rgb(32, 34, 52);
	border-radius: 0px 0px 3px 3px;
	/* transition: var(--transition-duration); */
}

/* Form questions Block */


.form-qustns-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* gap: 120px; */
}

.form-qustns-h2 {
	margin-bottom: 45px;
	/* color: var(--color-white-h2); */

	font-size: 50px;
	font-weight: 700;

	letter-spacing: 0%;
	text-align: left;
	text-transform: uppercase;
}

.form-qustns-text-side {
	/* display: grid;
  grid-template-columns: 1fr;
  gap: 40px; */
}

.side-name {
	color: var(--color-white-for-text);

	font-size: 24px;
	font-weight: 400;
	line-height: 30.96px;
	/* letter-spacing: 1px; */
	text-align: left;
	opacity: .92;
}

.side-value {
	color: var(--color-white-for-text);
	font-family: var(--font-family-accent);
	font-size: 24px;
	font-weight: 700;
	line-height: 30.96px;
	letter-spacing: 1px;
	text-align: left;
	padding-right: 50px;
	opacity: 0.92;

}

.side-value a {
	text-decoration: none;
	color: var(--color-white);
}

.text-side {
	margin-bottom: 40px;
}

.form-qustns-input-side {
	/* display: grid;
  grid-template-columns: 1fr; */
	/* gap: 40px; */
}

.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0 !important;
}

.custom-checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}

.custom-checkbox+label::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" fill="none"><path d="M1 5.99999L4.69231 10L13 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
	background-size: contain;
	border-color: rgba(255, 255, 255, 0.92);
	background-color: #0b76ef;
}

.input-block {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	margin-bottom: 35px;
	line-height: 8px;
}

.input-block-checkbox {
	display: flex;
	gap: 5px;
	align-items: center;
}

.input-checkbox {
	justify-self: left;

}

.input-block-checkbox label {
	font-family: var(--font-family-base);
	font-size: 12px;
	line-height: 15.48px;
	text-align: left;
	color: var(--color-white-for-text);
	opacity: 0.8;

}

.input-block input {
	background: none;
	border: none;
	border-bottom: 1px solid;
	border-color: rgba(255, 255, 255, 0.4);
	opacity: 0.8;
	color: var(--color-white-for-text);
	outline: none;

}

.input-block input[type="number"]::-webkit-inner-spin-button,
.input-block input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


.input-block input::placeholder {
	color: var(--color-white);
	opacity: 0.8;

	font-size: 16px;
	font-weight: 400;
	line-height: 20.64px;
	text-align: left;

}

.input-checkbox[type="checkbox"] {
	border: 4px solid white;
	background-color: red;
	color: purple;
}

.visible {
	display: flex;
	right: 0;
	z-index: 100;
}

/* popup */

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.popup-content {
	/* max-height: 750px;
	overflow: hidden; */
	max-width: 600px;
}

.popup-model-content{
	max-width: 1014px;
}

.popup {
	position: fixed;
	background: #080A1E;
	/* max-width: 714px; */
	height: 100vh;
	max-height: fit-content;
	padding: 50px 56px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	transition: opacity 0.3s, transform 0.3s;
	opacity: 0;
	transform: scale(0.7);
	color: var(--color-white-for-text);
	border: 1px solid rgb(255, 255, 255, 0.2);
	overflow-y: auto;
  }
  
  .popup.show {
	opacity: 1;
	transform: scale(1);
	z-index: 9;
  }

.close-btn {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	color: var(--color-white-for-text);
}

label {}

.popup-h2 {

	font-size: 32px;
	font-weight: 700;
	line-height: 35.2px;
	text-align: left;

}

.popup-micro-text {
	margin-top: 8px;
	margin-bottom: 30px;
	color: var(--color-white-for-text);
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	opacity: 0.6;
	text-align: left;

}


.popup-slider-block {
	max-width: 600px;
}

.thumbnails-container {
	overflow-x: hidden;
	/* Убирает видимую полосу прокрутки */
	white-space: nowrap;
	cursor: grab;
}

.img-item {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 3px;
	background-position: center;
}

.check-active {
	border: 2px solid var(--color-light-blue);
}

/* Общая стилизация для контейнера */
.detail-catalog-item {
	display: grid;
	grid-template-columns: 55% 45%;
	gap: 30px;
	align-items: start;
	padding: 20px;
}

.catalog-item-text {
	max-width: 410px;
	max-height: 800px;
	overflow-y: auto;
	padding-bottom: 150px;


}

.catalog-item-text:active {
	cursor: grabbing;
}

/* Стиль для основного изображения */
.big-image img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}


/* Стили для описания товара */
.catalog-item-h2 {
	font-size: 24px;
	margin-bottom: 10px;
}

.catalog-item-article,
.catalog-item-price,
.catalog-item-characteristic {
	margin-bottom: 15px;
	font-size: 16px;
	font-family: var(--font-family-base);
}

.catalog-item-characteristic b {
	font-family: var(--font-family-accent);
	font-size: 20px;
	font-weight: 700;
}

.catalog-item-price {
	font-family: var(--font-family-accent);
	font-size: 32px;
	font-weight: 700;
}

.catalog-item-old-price {
	text-decoration: line-through;
	font-size: 20px;
	display: block;
	color: #ff9494;
	margin-top: -6px;
	font-family: var(--font-family-base);
}

.content-btn-link {
	padding: 10px 20px;
	background-color: var(--color-light-blue);
	color: white;
	border: none;
	cursor: pointer;
	font-size: 16px;
	border-radius: 5px;
}

.content-btn-link:hover {
	background-color: #007BFF;
}

.main-pic {
	border-radius: 12px;
	overflow: hidden;
}

@media(max-width:1145px) {

	.header-mobile,
	.header,
	.container {
		max-width: 100%;
	}

	.header {
		column-gap: 10px;
	}

	.header-menu-list {
		column-gap: 9px;
	}

	.container {
		padding: 23px 15px;
	}


	/* Scheme block */
	.scheme-item-head {
		text-align: center;
		font-size: 20px;
		display: block;
		line-height: 26.4px;
		padding: 24px 26px;
	}

	/* Cases Block */

	.cases-h2 {
		/* font-size: 24px; */
		font-weight: 700;
		/* line-height: 26.4px; */
		letter-spacing: 0%;
		text-align: left;
		text-transform: uppercase;
		margin-bottom: 16px;
	}

	.cases-text-block {
		margin-bottom: 24px;
		font-size: 20px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: 0%;
		text-align: left;
	}

	.cases-gal-imgs {
		display: none;
	}

	/* Possibilities Block */

	.screen-list {
		grid-template-columns: 1fr;
	}

	.screen-item-img {
		display: none;
	}

	.possibilities-integration {
		margin-top: 32px;
	}

	.screen-head {
		/* margin-bottom: 24px; */
	}

	.integration-mini-text {
		margin-bottom: 24px;
	}

	.integration-serices-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}

	.services-item {
		display: block;
	}

	/* Scheme Block */
	.scheme-list {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.scheme-item-head {
		text-align: center;
		max-height: 114px;
	}

	.strelka {
		top: 54%;
		left: 46.5%;
		width: 80px;
		transform: rotate(90deg);

	}

	/* Sensor Block */

	.sensor-block-h2 {
		font-size: 24px;
		font-weight: 700;
		line-height: 26.4px;
		text-align: center;
	}

	.sensor-article-val {
		font-family: var(--font-family-base);
		font-size: 16px;
		font-weight: 400;
		line-height: 20.64px;
		text-align: center;

	}

	.sensor-text-slider {
		display: grid;
		grid-template-columns: 100%;
		gap: 20px;
		grid-template-areas:
			"sensor-items-slider"
			"sensor-text-slider"
		;
	}
}


@media (max-width:1105px) {

	.desck-banner-big-text {
		font-size: 100px;
	}
}

@media (max-width:991px) {
	body {
		background-image: none;
	}

	h2 {
		font-family: var(--font-family-accent);
		font-size: 24px;
		font-weight: 700;
		/* line-height: 26.4px; */

	}

	.header-mobile,
	.header,
	.container {
		padding: 23px 15px;
	}

	.container-max {
		margin: 0 auto;
		max-width: calc(100% - 32px);
	}

	div.container-max div.container {
		padding: 0;
	}

	.container,
	.container-max {
		margin-bottom: 27px;
	}

	.container-max {
		padding: 32px 26px;
	}

	.bck-mob-none {
		background: none;
		padding: 32px 0;
	}

	.active {
		background: rgba(255, 255, 255, 0.1);
	}

	.opacity-button {
		white-space: normal;
		width: 100%;
	}

	.header {
		display: none;
	}

	.header-mobile {
		display: flex;
	}

	.visible {
		display: flex;
		right: 0;
		z-index: 100;
	}

	.scheme-gap {
		gap: 35px;
		display: grid;
	}

	/* footer */
	.mobile-footer {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
			"mobile-footer-info-block"
			"mobile-footer-menu-block"
			"mobile-footer-phone-button-block"
			"mobile-footer-political-text"
		;
		width: 100%;
	}

	.footer {
		display: none;
	}

	.mobile-footer-menu-list {
		grid-template-columns: 1fr 1fr;
		padding: 24px 0px;
	}

	.mobile-footer-phone-button-block {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.mobile-footer-political-text {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 24px;
		font-size: 11px;
	}

	.mobile-footer-logo img {
		margin-bottom: 0;
	}

	.mobile-footer-btn-item {
		text-align: end;
	}

	.list-name {
		font-size: 14px;
	}

	.list-item a {
		font-size: 13px;
		font-weight: 400;
		line-height: 13px;
		letter-spacing: -0.04em;
		text-align: left;

	}

	.mobile-footer-call-text {
		font-size: 12px;

	}


	/* Form Questions Block  */
	.question-item {
		margin-bottom: 20px;
	}

	.form-qustns-body {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.side-value {
		font-size: 16px;
		line-height: 20.64px;
	}

	.side-name {
		font-size: 16px;
		line-height: 20.64px;
	}

	.input-block input::placeholder {
		font-size: 14;
		line-height: 18.06px;
	}

	.input-block {
		gap: 30px;
	}

	.form-input-block-btn button {
		width: 100%;
	}

	/* how work block */
	.how-work-h2 {
		font-size: 24px;
		font-weight: 700;
		/* line-height: 26.4px; */
		letter-spacing: 0%;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 42px;
	}

	/* Possibilities Block */
	.possibilities-h2 {
		/* color: var(--color-white-h2); */
		font-size: 24px;
		font-weight: 700;
		/* line-height: 26.4px; */
		letter-spacing: 0%;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 16px;
	}

	.screen-head {
		color: var(--color-white-for-text);

		font-size: 20px;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 0%;
		text-align: center;
		margin-bottom: 24px;
	}

	.integration-btm-mrg {
		margin-bottom: 16px;
	}

	.screen-item-name {
		color: var(--color-white-for-text);
		font-size: 16px;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: left;
		margin-bottom: 12px;
	}

	.screen-item-block {
		gap: 12px;
	}

	.integration-mini-text {
		color: var(--color-white-for-text);
		font-size: 16px;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0%;
		text-align: center;
	}

	.form-block-text {
		color: var(--color-white-for-text);
		font-size: 16px;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0%;
		text-align: left;
		margin-bottom: 10px;
	}

	/* Mob banner main */
	.banner-main {
		display: grid;

	}

	.banner-h1 {
		color: var(--color-white-for-text);
		font-size: 36px;
		font-weight: 500;
		line-height: 36px;

		text-align: left;
		opacity: 0.8;
		grid-area: h1;
		align-content: flex-end;
	}

	.banner-big-text {
		color: rgb(255, 255, 255);
		font-family: var(--font-family-accent);
		font-size: 120px;
		font-weight: 700;
		line-height: 120%;

		text-align: left;
		grid-area: big-text;
	}

	.banner-shadow-text {
		color: var(--color-white-for-text);
		font-size: 20px;
		font-weight: 400;
		line-height: 120%;

		text-align: left;
		opacity: 0.6;
		grid-area: shadow-text;
	}

	.banner-delivery-text {
		padding-top: 75px;
		padding-bottom: 17px;
		color: var(--color-white-for-text);
		font-size: 20px;
		font-weight: 400;
		line-height: 120%;

		text-align: left;
		opacity: 0.6;
		grid-area: deliv-text;
		align-content: flex-end;
	}

	.banner-btn-item {
		grid-area: text-block-btn;
	}

	.banner-main-image-block {
		grid-area: banner-main-image;
		max-width: 100%;
	}

	.banner-text-block {
		display: none;
	}

	.banner-h1 {
		display: block;
	}

	.banner-big-text {
		display: block;
	}

	.banner-delivery-text {
		display: block;
	}

	.banner-shadow-text {
		display: block;
	}

	.banner-btn-item {
		display: block;
	}

	.banner-main-image-block img {
		width: 100%;
	}

	.mob-media-wdth {
		width: 100%;
	}

	.banner-delivery-text {
		padding: inherit;

	}

	.banner-main {
		gap: 20px;
		grid-template-columns: 1fr;
		grid-template-areas:
			"h1"
			"big-text"
			"shadow-text"
			"banner-main-image"
			"deliv-text "
			"text-block-btn";
	}

	/* Just To Get block */
	.just-get-block {
		grid-template-columns: 1fr;
		grid-template-areas:
			"just-get-block-text"
			"just-get-block-text"
			"just-get-image"
		;
	}

	.just-get-image-item {
		display: block;

	}

	.just-get-image {
		background: none;
		clip-path: none;
		border-radius: 30px;
	}

	.just-get-block-text {
		margin: 30px;
	}

	/* Easy Management-block */
	.easy-management-block {
		gap: 24px;
	}

	.easy-management-list {
		grid-template-columns: 1fr;
		grid-template-areas:
			"e-m-index1"
			"e-m-image"
			"e-m-index2"
			"e-m-index3"
		;
		gap: 20px;
	}

	.easy-manag-head {
		padding-bottom: 14px;
	}

	/* Models Block */

	.slide-item img {
		width: 90%;
	}

	.slide-item,
	.slick-slide {

		transition: all 0.3s ease;
	}

	.models-slider .slick-slide {
		opacity: 0.5;
	}

	.slick-center {
		opacity: 1 !important;
	}

	.models-switch-buttons {
		display: none;
	}

	.models-head-switch {
		display: block;
	}

	.models-h2 {
		text-align: center;
	}

	/* garanty block */
	.garanty-block {
		grid-template-columns: 1fr;
		grid-template-areas:
			"garanty-item-text"
			"garanty-item-image"
		;
	}

	/* partner-program-block */
	.partner-program-block {
		grid-template-columns: 1fr;
	}

	.partner-program-item-text button {
		display: none;
	}

	.partner-program-block {
		grid-template-columns: 1fr;
		grid-template-areas:
			"partner-program-item-text"
			"partner-program-item-image"
		;
	}

	.form-qustns-h2 {
		font-size: 24px;
		/* text-align: center; */
		/* line-height: 26.4px; */
	}

	h2 {
		font-size: 24px;
		font-weight: 700;
		/* line-height: 26.4px; */
	}

	.questions-list {
		width: 100%;
	}

	.questions-list-block {
		display: block;
		gap: 24px;
	}

	.scheme-block {
		padding-top: 0;
	}

	.cases-list {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 16px;
	}

	.models-block {
		padding-top: 0px;
	}

	.slick-list {
		padding-left: 0px !important;
	}

	.slide-item img {
		width: 100%;
	}

	.model-item-text {
		width: 100%;
	}

	.cases-item {
		max-width: none;
	}

	.strelka img {
		display: none;
	}

	.popup.show {
		/* max-width: 100%;
		width: 100%;
		padding-top: 100px; */
	}

	.detail-catalog-item {
		grid-template-columns: 1fr;
		justify-self: center;
	}

	.popup-content {
		/* overflow-y: auto; */
	}

	.popup {
		/* padding: 10px; */
	}

	.popup-slider-block {
		display: grid;
	}

	.close-btn {
		top: 30px;
		background: var(--color-blue);
		padding: 9px;
		border-radius: 10px;
		right: 30px;
		z-index: 99;
	}
}

@media(max-width:770px) {

	h2 {
		font-size: 24px;
		font-weight: 700;
		line-height: 26.4px;
	}

	.content-btn-link {
		font-size: 16px;
		line-height: 24px;
	}

	.integration-form-block {
		display: block;
		padding: 20px;
	}

	.sensor-block-h2 {
		margin-top: 18px;
		margin-bottom: 24px;
	}

	.sensor-button {
		text-align: center;
	}

	/* Easy Management-block */
	.adventages-h2 {
		font-size: 24px;
		line-height: 26.4px;
		margin-bottom: 24px;
	}

	.advantages-list {
		grid-template-columns: 1fr;
	}

	.adventages-item {
		display: grid;
		grid-template-columns: 34px 1fr;
		grid-template-areas:
			"adventages-icon adventages-item-head"
			"adventages-item-text adventages-item-text"
			"item-micro-text item-micro-text"
		;
		gap: 14px;
		padding: 24px 26px;
		padding-bottom: 10px;
	}

	.adventages-icon {
		margin-bottom: 0;
	}

	.adventages-item-head {
		font-size: 20px;
		margin-bottom: 0;
		padding-left: 1px;
	}

	.adventages-item-text {
		font-size: 16px;
		line-height: 20.8px;
	}

	.item-micro-text {
		font-size: 13px;
		margin-top: 14px;
		line-height: 16.9px;
	}

	.easy-management-h2 {
		font-size: 24px;
		line-height: 26.4px;
	}

	.easy-manag-head {
		font-size: 20px;
	}

	.easy-manag-text {
		font-size: 16px;
		line-height: 20.8px;
	}

	.just-get-text {
		font-size: 20px;
		line-height: 26px;
	}

	.just-get-h2 {
		font-size: 24px;
		line-height: 26.4px;
	}

	.easy-management-h2 {
		font-size: 24px;
		line-height: 26.4px;
	}


	.form-block-button button {
		width: 100%;
	}

	.opacity-button {
		width: 100%;
		max-width: none;
	}

	.form-qustns-block {
		margin-top: -32px;
	}

	.form-qustns-h2 {
		margin-bottom: 24px;
	}

	.text-side {
		margin-bottom: 20px;
	}

	.possibilities-button {

		/* text-align: center; */
		margin-top: 32px;
		/* margin-bottom: 53px; */
	}

	.cases-list {
		grid-template-columns: 1fr 1fr;
	}
}


@media (max-width:555px) {

	/* banner block */
	.banner-main {
		gap: 0;
	}

	.banner-big-text {
		font-size: 48px;
		line-height: 57.6px;
		/* margin-bottom: 5px; */
	}

	.banner-shadow-text {
		font-size: 16px;
		line-height: 19.2px;
		margin-bottom: 24px;
	}

	.banner-h1 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 5px;
	}

	.banner-delivery-text {
		font-size: 16px;
		margin: 20px 0px;
	}

	/* Just to Get block */
	.just-get-h2 {
		font-size: 24px;
	}

	.just-get-text {
		font-size: 20px;
	}

	.just-get-block-text {
		margin: 24px;
	}

	/* Easy Management Block */

	.easy-manag-head {
		font-size: 20px;
	}

	.easy-management-h2 {
		font-size: 24px;
	}

	.easy-manag-text {
		font-size: 16px;
	}

	/* Scheme block */
	.scheme-item-head {
		text-align: center;
		font-size: 20px;
		max-height: none;
	}

	.scheme-item {
		grid-template-rows: 1fr 3fr;
	}

	.cases-item {
		/* display: grid; */
		grid-template-rows: 198px 68px;
		max-width: none;
	}

	.opacity-button {
		font-size: 16px;
	}
}

@media(max-width:410px) {
	.cases-item {
		/* display: grid; */
		grid-template-rows: 140px 58px;

	}
}

.link-to-reestr {
	color: unset;
	text-decoration: none;
}

.link-to-reestr:hover {
	text-decoration: underline;
}

/* Animation banner text  */
.desck-banner-big-text {
	transition: opacity 0.2s;
}

.switch-hidden {
	opacity: 0;
	transition: opacity 0.2s;
}
/* End */
/* /local/templates/UTICLOCK/slick/slick/slick.css?17352138421776 */
/* /local/templates/UTICLOCK/slick/slick/slick-theme.css?17352138423145 */
/* /local/templates/UTICLOCK/fancybox/style.css?173686490715598 */
/* /local/templates/UTICLOCK/styles.css?175792767848787 */