/* Start:/local/templates/vektor/css/owl.carousel.css?16629824146759*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel
{
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;

    width: 100%;

    -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-stage
{
    position: relative;

    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}
.owl-carousel .owl-stage-outer
{
    position: relative;

    overflow: hidden;
    /* fix for flashing background */

    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
.owl-carousel .owl-item
{
    position: relative;

    min-height: 1px;

    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled
{
    display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot
{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -khtml-user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot
{
    color: inherit;
    font: inherit;
}

.owl-carousel.owl-loading,
.owl-carousel.owl-hidden
{
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item
{
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.owl-carousel.owl-grab
{
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl
{
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item
{
    float: right;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated
{
    animation-duration: 1000ms;

    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in
{
    z-index: 0;
}

.owl-carousel .owl-animated-out
{
    z-index: 1;
}

.owl-carousel .fadeOut
{
    animation-name: fadeOut;
}

@keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height
{
    transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item
{
    /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
}
.owl-carousel .owl-item .owl-lazy
{
    transition: opacity 400ms ease;

    opacity: 0;
}
.owl-carousel .owl-item .owl-lazy[src^=''],
.owl-carousel .owl-item .owl-lazy:not([src])
{
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy
{
    transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper
{
    position: relative;

    height: 100%;

    background: #000;
}

.owl-carousel .owl-video-play-icon
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;

    cursor: pointer;
    transition: transform 100ms ease;

    background: url('/image/template/owl.video.play.png') no-repeat;

    -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-video-play-icon:hover
{
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon
{
    display: none;
}

.owl-carousel .owl-video-tn
{
    height: 100%;

    transition: opacity 400ms ease;

    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.owl-carousel .owl-video-frame
{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100%;
}



.owl-carousel .owl-nav button
{
    position: absolute;
    bottom: 0;

    display: block;

    width: 66px;
    height: 66px;

    transition: background .2s linear;
    transform: rotate(-45deg);

    background: #033b4a;
}

.owl-carousel .owl-nav button > *
{
    display: none;
}

.owl-carousel .owl-nav button.owl-prev
{
    right: 50%;
    bottom: 13px;

    margin-right: -527px;
}

.owl-carousel .owl-nav button.owl-next
{
    right: 50%;
    bottom: 60px;

    margin-right: -574px;
}

.owl-carousel .owl-nav button:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: -6px;
    left: 6px;

    display: block;

    width: 16px;
    height: 16px;
    margin: auto;

    content: '';
    transform: rotate(90deg);

    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.owl-carousel .owl-nav button.owl-next:after
{
    bottom: 0;
    left: -6px;

    transform: rotate(-90deg);
}

.owl-carousel .owl-nav button:hover
{
    background: #00afa1;
}


.our_works .owl-carousel .owl-nav button
{
    width: 51px;
    height: 51px;

    transform: none;
}

.our_works .owl-carousel .owl-nav button.owl-prev
{
    right: 51px;
    bottom: calc(100% + 29px);

    margin-right: 0;
}

.our_works .owl-carousel .owl-nav button.owl-next
{
    right: 0;
    bottom: calc(100% + 29px);

    margin-right: 0;
}

.our_works .owl-carousel .owl-nav button:after
{
    bottom: 0;
    left: 6px;

    width: 13px;
    height: 13px;

    transform: rotate(45deg);

    border: none;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.our_works .owl-carousel .owl-nav button.owl-next:after
{
    left: -6px;

    transform: rotate(225deg);
}



.owl-dots
{
    position: absolute;
    right: 50%;
    bottom: 0;

    display: flex;

    width: auto;
    height: 16px;
    margin-right: -613px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.owl-dot
{
    display: block;

    width: 16px;
    height: 16px;

    transition: background .2s linear;

    background: #bdbdbd;
}

.owl-dot + .owl-dot
{
    margin-left: 4px;
}

.owl-dot:hover,
.owl-dot.active
{
    background: #00afa1;
}

/* End */


/* Start:/local/templates/vektor/css/fancybox.css?166298241417906*/
body.compensate-for-scrollbar
{
    overflow: hidden;
}

.fancybox-is-hidden
{
    position: absolute !important;
    top: -9999px;
    left: -9999px;

    visibility: hidden;

    margin: 0;
}

.fancybox-container
{
    position: fixed;
    z-index: 99992;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: translateZ(0);

    outline: none;

    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.fancybox-container *
{
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fancybox-outer
{
    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}

.fancybox-bg
{
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-duration: inherit;
    transition-property: opacity;

    opacity: 0;
    background: #fff;
}

.fancybox-is-open .fancybox-bg
{
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);

    opacity: .95;
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button
{
    position: absolute;
    z-index: 99997;

    visibility: hidden;

    transition: opacity .25s ease, visibility 0s ease .25s;

    opacity: 0;

    direction: ltr;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button
{
    visibility: visible;

    transition: opacity .25s ease 0s, visibility 0s ease 0s;

    opacity: 1;
}

.fancybox-infobar
{
    color: #ccc;
    font-size: 13px;
    line-height: 44px;

    top: 0;
    left: 0;

    min-width: 44px;
    height: 44px;
    padding: 0 10px;

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

    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: difference;
    -webkit-touch-callout: none;
}

.fancybox-toolbar
{
    top: 0;
    right: 0;
}

.fancybox-stage
{
    z-index: 99994;

    overflow: visible;

    transform: translateZ(0);

    direction: ltr;
}

.fancybox-is-open .fancybox-stage
{
    overflow: hidden;
}

.fancybox-slide
{
    position: absolute;
    z-index: 99994;
    top: 0;
    left: 0;
    /* Using without prefix would break IE11 */

    display: none;
    overflow: auto;

    width: 100%;
    height: 100%;
    padding: 44px;

    transition-property: transform, opacity;
    text-align: center;
    white-space: normal;

    outline: none;

    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}

.fancybox-slide::before
{
    font-size: 0;

    display: inline-block;

    width: 0;
    height: 100%;

    content: '';
    vertical-align: middle;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next
{
    display: block;
}

.fancybox-slide--image
{
    overflow: hidden;

    padding: 44px 0;
}

.fancybox-slide--image::before
{
    display: none;
}

.fancybox-slide--html
{
    padding: 40px;
}

.fancybox-content
{
    position: relative;

    display: inline-block;
    overflow: visible;

    max-width: 100%;
    margin: 0;

    cursor: default;
    text-align: left;
    vertical-align: middle;

    -webkit-overflow-scrolling: touch;
}

.fancybox-slide--image .fancybox-content
{
    position: absolute;
    z-index: 99995;
    top: 0;
    left: 0;

    overflow: visible;

    max-width: none;
    padding: 0;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: transform, opacity;
    -ms-transform-origin: top left;
    transform-origin: top left;
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);

    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    -webkit-backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-content
{
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content
{
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content
{
    cursor: -webkit-grab;
    cursor:         grab;
}

.fancybox-is-grabbing .fancybox-content
{
    cursor: -webkit-grabbing;
    cursor:         grabbing;
}

.fancybox-container [data-selectable='true']
{
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;

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

    border: 0;
    border-radius: 12px;
    background: transparent;
}

.fancybox-spaceball
{
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content
{
    overflow: visible;

    width: 100%;
    height: 100%;
    padding: 0;
}

.fancybox-slide--video .fancybox-content
{
    background: #000;
}

.fancybox-slide--map .fancybox-content
{
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content
{
    background: #fff;
}

.fancybox-video,
.fancybox-iframe
{
    display: block;
    overflow: hidden;

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

    border: 0;
    background: transparent;
}

/* Fix iOS */
.fancybox-iframe
{
    position: absolute;
    top: 0;
    left: 0;
}

.fancybox-error
{
    width: 100%;
    max-width: 400px;
    padding: 40px;

    cursor: default;

    background: #fff;
}

.fancybox-error p
{
    color: #444;
    font-size: 16px;
    line-height: 20px;

    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button
{
    position: relative;

    display: inline-block;
    visibility: inherit;

    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;

    cursor: pointer;
    transition: color .2s;
    vertical-align: top;

    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    box-shadow: none;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link
{
    color: #ccc;
}

.fancybox-button:hover
{
    color: #fff;
}

.fancybox-button:focus
{
    outline: none;
}

.fancybox-button.fancybox-focus
{
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover
{
    color: #888;

    cursor: default;

    outline: none;
}

/* Fix IE11 */
.fancybox-button div
{
    height: 100%;
}

.fancybox-button svg
{
    position: relative;

    display: block;
    overflow: visible;

    width: 100%;
    height: 100%;
}

.fancybox-button svg path
{
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2)
{
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1)
{
    display: none;
}

.fancybox-progress
{
    position: absolute;
    z-index: 99998;
    top: 0;
    right: 0;
    left: 0;

    height: 2px;

    transition-timing-function: linear;
    transition-property: transform;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;

    background: #ff5268;
}

/* Close button on the top right corner of html content */

.fancybox-close-small
{
    color: #ccc;

    position: absolute;
    z-index: 401;
    top: -44px;
    right: -12px;

    padding: 8px;

    cursor: pointer;

    opacity: .8;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.fancybox-close-small:hover
{
    color: #fff;

    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small
{
    color: #333;

    top: -23px;
    right: -23px;

    display: flex;

    width: 46px;
    height: 46px;
    padding: 9px;

    opacity: 1;
    border-radius: 50%;
    background: #fefefe;
    box-shadow: 0 6px 7px rgba(70, 128, 255, .1);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content
{
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small
{
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button
{
    position: absolute;
    top: calc(50% - 50px);

    width: 70px;
    height: 100px;

    opacity: 0;
    background-clip: content-box;
}

.fancybox-navigation .fancybox-button div
{
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left
{
    left: 0;
    left: env(safe-area-inset-left);

    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right
{
    right: 0;
    right: env(safe-area-inset-right);

    padding: 31px 6px 31px 26px;
}

/* Caption */

.fancybox-caption
{
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

    z-index: 99996;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 75px 44px 25px 44px;

    text-align: center;
    pointer-events: none;

    background: linear-gradient(to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%);
}

@supports (padding: max(0px))
{
    .fancybox-caption
    {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate
{
    margin-top: -50px;
}

.fancybox-caption__body
{
    overflow: auto;

    max-height: 50vh;

    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited
{
    color: #ccc;

    text-decoration: none;
}

.fancybox-caption a:hover
{
    color: #fff;

    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading
{
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;

    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    padding: 0;

    animation: fancybox-rotate 1s linear infinite;

    opacity: .7;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    background: transparent;
}

@keyframes fancybox-rotate
{
    100%
    {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated
{
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous
{
    transform: translate3d(-100%, 0, 0);

    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next
{
    transform: translate3d(100%, 0, 0);

    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current
{
    transform: translate3d(0, 0, 0);

    opacity: 1;
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next
{
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);

    opacity: 0;
}

.fancybox-fx-fade.fancybox-slide--current
{
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous
{
    transform: scale3d(1.5, 1.5, 1.5);

    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next
{
    transform: scale3d(.5, .5, .5);

    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current
{
    transform: scale3d(1, 1, 1);

    opacity: 1;
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous
{
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);

    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next
{
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);

    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current
{
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

    opacity: 1;
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous
{
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next
{
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current
{
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

    opacity: 1;
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous
{
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next
{
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current
{
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px)
{
    .fancybox-slide
    {
        padding-right: 6px;
        padding-left: 6px;
    }

    .fancybox-slide--image
    {
        padding: 6px 0;
    }

    .fancybox-close-small
    {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small
    {
        color: #f2f4f6;

        top: 0;
        right: 0;

        width: 36px;
        height: 36px;
        padding: 6px;

        opacity: 1;
        background: #4e4e4e;
    }

    .fancybox-caption
    {
        padding-right: 12px;
        padding-left: 12px;
    }

    @supports (padding: max(0px))
    {
        .fancybox-caption
        {
            padding-right: max(12px, env(safe-area-inset-right));
            padding-left: max(12px, env(safe-area-inset-left));
        }
    }
}
/* Share */

.fancybox-share
{
    max-width: 90%;
    padding: 30px;

    text-align: center;

    border-radius: 3px;
    background: #f4f4f4;
}

.fancybox-share h1
{
    color: #222;
    font-size: 35px;
    font-weight: 700;

    margin: 0 0 20px 0;
}

.fancybox-share p
{
    margin: 0;
    padding: 0;
}

.fancybox-share__button
{
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;

    display: inline-block;

    min-width: 130px;
    margin: 0 5px 10px 5px;
    padding: 0 15px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s;
    white-space: nowrap;
    text-decoration: none;

    border: 0;
    border-radius: 3px;
}

.fancybox-share__button:visited,
.fancybox-share__button:link
{
    color: #fff;
}

.fancybox-share__button:hover
{
    text-decoration: none;
}

.fancybox-share__button--fb
{
    background: #3b5998;
}

.fancybox-share__button--fb:hover
{
    background: #344e86;
}

.fancybox-share__button--pt
{
    background: #bd081d;
}

.fancybox-share__button--pt:hover
{
    background: #aa0719;
}

.fancybox-share__button--tw
{
    background: #1da1f2;
}

.fancybox-share__button--tw:hover
{
    background: #0d95e8;
}

.fancybox-share__button svg
{
    position: relative;
    top: -1px;

    width: 25px;
    height: 25px;
    margin-right: 7px;

    vertical-align: middle;
}

.fancybox-share__button svg path
{
    fill: #fff;
}

.fancybox-share__input
{
    color: #5d5b5b;
    font-size: 14px;

    width: 100%;
    margin: 10px 0 0 0;
    padding: 10px 15px;

    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    outline: none;
    background: transparent;
}
/* Thumbs */

.fancybox-thumbs
{
    position: absolute;
    z-index: 99995;
    top: 0;
    right: 0;
    bottom: 0;

    display: none;

    width: 212px;
    margin: 0;
    padding: 2px 2px 4px 2px;

    background: #ddd;

    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-thumbs-x
{
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs
{
    display: block;
}

.fancybox-show-thumbs .fancybox-inner
{
    right: 212px;
}

.fancybox-thumbs__list
{
    font-size: 0;

    position: absolute;
    position: relative;

    overflow-x: hidden;
    overflow-y: auto;

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

    list-style: none;

    white-space: nowrap;
}

.fancybox-thumbs-x .fancybox-thumbs__list
{
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar
{
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track
{
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background: #2a2a2a;
}

.fancybox-thumbs__list a
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 100px;
    max-width: calc(50% - 4px);
    height: 75px;
    max-height: calc(100% - 8px);
    margin: 2px;
    padding: 0;

    cursor: pointer;

    outline: none;
    background-color: rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

.fancybox-thumbs__list a::before
{
    position: absolute;
    z-index: 99991;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    transition: all .2s cubic-bezier(.25, .46, .45, .94);

    opacity: 0;
    border: 6px solid #ff5268;
}

.fancybox-thumbs__list a:focus::before
{
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before
{
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px)
{
    .fancybox-thumbs
    {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner
    {
        right: 110px;
    }

    .fancybox-thumbs__list a
    {
        max-width: calc(100% - 10px);
    }
}

/* End */


/* Start:/local/templates/vektor/css/styles.css?167516814383803*/
/* For old browsers */
@supports (not(--css: variables))
{
    .supports_error
    {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .supports_error
    {
        display: flex !important;
    }
}



/*-----------
    Fonts
-----------*/
@font-face
{
    font-family: 'MuseoSans';
    font-weight: 300;
    font-style: normal;

    font-display: swap;
    src: url('/catalog/view/fonts/MuseoSansCyrl-300.woff') format('woff'),
    url('/catalog/view/fonts/MuseoSansCyrl-300.ttf') format('truetype');
}

@font-face
{
    font-family: 'MuseoSans';
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url('/catalog/view/fonts/MuseoSansCyrl-500.woff') format('woff'),
    url('/catalog/view/fonts/MuseoSansCyrl-500.ttf') format('truetype');
}

@font-face
{
    font-family: 'MuseoSans';
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url('/catalog/view/fonts/MuseoSansCyrl-700.woff') format('woff'),
    url('/catalog/view/fonts/MuseoSansCyrl-700.ttf') format('truetype');
}

@font-face
{
    font-family: 'MuseoSans';
    font-weight: 900;
    font-style: normal;

    font-display: swap;
    src: url('/catalog/view/fonts/MuseoSansCyrl-900.woff') format('woff'),
    url('/catalog/view/fonts/MuseoSansCyrl-900.ttf') format('truetype');
}



/*------------------
    Reset styles
------------------*/
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

    /* content-visibility: auto; */
}

*:before,
*:after
{
    box-sizing: border-box;
}

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;

    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
}

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button
{
    margin: 0;

    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
    appearance: none;
    -moz-outline: none !important;
}

:focus
{
    outline: 0;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


::-ms-clear
{
    display: none;
}



/*-------------------
    Global styles
-------------------*/
:root
{
    --bg: #fff;
    --scroll_width: 17px;
    --text_color: #333;
    --font_size: 17px;
    --font_size_title: 42px;
    --font_family: 'Rubik', 'Arial', sans-serif;
    --font_family2: 'MuseoSans', 'Arial', sans-serif;
}


::selection
{
    color: #fff;

    background: #00afa1;
}

::-moz-selection
{
    color: #fff;

    background: #00afa1;
}


.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}



html
{
    height: 100%;

    background: var(--bg);
}

html.custom_scroll ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    background-color: #ccc;
}

html.custom_scroll ::-webkit-scrollbar-thumb
{
    background-color: #00afa1;
}

html.custom_scroll
{
    scrollbar-color: #00afa1 #ccc;
    scrollbar-width: thin;
}


body
{
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    height: 100%;

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

    -webkit-touch-callout: none;
}

body.lock
{
    position: fixed;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
}


button
{
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    cursor: pointer;

    border: none;
    background: none;
}


.wrap
{
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-width: 360px;
    min-height: 100%;
}


.main
{
    flex: 1 0 auto;
}


.cont
{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}


.compensate-for-scrollbar
{
    margin-right: var(--scroll_width) !important;
}


.lozad
{
    transition: opacity .5s linear;

    opacity: 0;
}

.lozad.loaded
{
    opacity: 1;
}


.row
{
    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.row.stretch
{
    align-items: stretch;
    align-content: stretch;
}



.block
{
    margin-bottom: 70px;
}

.block.no_margin
{
    margin-bottom: 0 !important;
}



.owl-carousel,
.owl-carousel .slide:first-child
{
    display: block;
}

.owl-carousel .slide
{
    display: none;
}

.owl-carousel .owl-stage
{
    font-size: 0;

    white-space: nowrap;
}

.owl-carousel .owl-item
{
    font-size: var(--font_size);

    display: inline-block;

    vertical-align: top;
    white-space: normal;
}

.owl-carousel .slide .lozad
{
    transition: .2s linear;
}



.buttonUp
{
    position: fixed;
    z-index: 99;
    right: 50%;
    bottom: 20px;

    display: none;

    margin-right: -692px;
}

.buttonUp button
{
    position: relative;

    display: block;

    width: 50px;
    height: 50px;

    transition: background-color .2s linear;

    border-radius: 50%;
    background: rgba(196, 196, 196, .9) url(/image/template/ic_buttonUp.svg) 50% calc(50% + 2px) no-repeat;
}

.buttonUp button:hover
{
    background-color: #00afa1;
}



.modal_cont
{
    position: relative;
}

.mini_modal_link
{
    display: inline-block;

    vertical-align: top;
}

.mini_modal
{
    position: absolute;
    z-index: 100;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
}

.mini_modal.active
{
    top: 100%;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.irs-to {
    transform: translateX(-50%);
    margin-left: 8px;
}

.cat_numbers ul li a {white-space: nowrap}
@media (max-width: 450px) {
    .cat_numbers ul li a {white-space: normal}
}


.overlay
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: .65;
    background: #000;
}



.supports_error
{
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    line-height: 30px;

    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #fff;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.supports_error.show
{
    display: flex;
}



/*------------
    Header
------------*/
header
{
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;

    width: 100%;

    border-bottom: 1px solid #bdbdbd;
}


header > .close
{
    position: absolute;
    top: 0;
    left: 100%;

    display: none;

    width: 50px;
    height: 50px;

    cursor: pointer;

    border: none;
    background: none;
}

header.show > .close
{
    display: block;
}

header.show > .close:before,
header.show > .close:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 50%;
    height: 2px;
    margin: auto;

    content: '';
    transform: rotate(45deg);

    background: #fff;
}

header.show > .close:after
{
    transform: rotate(-45deg);
}



header .info
{
    padding: 12px 0 13px;
}

header .info .cont.row
{
    justify-content: space-between;
    align-items: center;
    align-content: center;
}



header .logo a,
header .logo img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}


header .slogan
{
    color: #033b4a;
    font-size: 16px;
    line-height: 21px;

    margin-right: auto;
    margin-left: 59px;
}



header .contacts
{
    padding-left: 31px;

    background: url(/image/template/ic_phone.svg) 0 1px no-repeat;
}


header .contacts .phone
{
    font-size: 18px;
    line-height: 24px;
}

header .contacts .phone a
{
    color: var(--text_color);

    white-space: nowrap;
    text-decoration: none;
}


header .contacts .callback_btn
{
    color: #00a0e3;
    font-size: 15px;
    line-height: 18px;

    margin-top: 1px;

    transition: color .2s linear;

    border-bottom: 1px dashed;
}

header .contacts .callback_btn:hover
{
    color: #033b4a;
}



header .email
{
    font-size: 14px;
    line-height: 21px;

    margin-left: 72px;
    padding-bottom: 20px;
}

header .email a
{
    color: var(--text_color);

    display: inline-block;

    padding-left: 30px;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;

    background: url(/image/template/ic_email.svg) 0 0 no-repeat;
}

header .email a:hover
{
    color: #00afa1;

    background: url(/image/template/ic_email_h.svg) 0 0 no-repeat;
}



header .order_btn
{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;

    position: relative;

    margin-left: auto;
    padding: 14px 32px 16px;

    transition: background .2s linear;

    background: #033b4a;
}

header .order_btn:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

header .order_btn:hover
{
    background: #00a0e3;
}



header .menu
{
    margin-bottom: -1px;

    justify-content: space-between;
}

header .menu .item
{
    position: relative;
}

header .menu .item > a
{
    color: var(--text_color);
    font-size: 18px;
    line-height: 24px;

    display: flex;

    padding: 15px 0;

    transition: color .2s linear;
    text-decoration: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .menu .item > a .arr
{
    position: relative;
    top: -2px;

    display: block;

    width: 7px;
    height: 7px;
    margin-left: 9px;

    transform: rotate(-45deg);

    border-bottom: 1px solid #4f4f4f;
    border-left: 1px solid #4f4f4f;
}

header .menu .item > a:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    width: 0;
    height: 7px;
    margin: auto;

    content: '';
    transition: width .3s linear;

    background: #00afa1;
}


header .menu .item:hover > a,
header .menu .item > a.active
{
    color: #033b4a;
}

header .menu .item > a:hover:after,
header .menu .item > a.active:after
{
    width: 100%;
}


header .menu .sub_menu
{
    position: absolute;
    z-index: 99;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;

    width: 407px;
    min-width: 100%;
    padding: 23px 0;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
    border-radius: 0 0 6px 6px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(230, 230, 230, .2);
}

header .menu .item:hover > a.touch_link + .sub_menu
{
    top: calc(100% + 30px);

    visibility: hidden;

    opacity: 0;
}

header .menu .item:hover .sub_menu,
header .menu .item > a.touch_link + .sub_menu.show
{
    top: 100%;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

header .menu .sub_menu a
{
    color: #033b4a;
    line-height: 22px;

    display: block;

    padding: 7px 32px;

    transition: .2s linear;
    text-decoration: none;
}

header .menu .sub_menu a:hover,
header .menu .sub_menu a.active
{
    color: #fff;

    background: #00afa1;
}



.mob_header
{
    position: relative;
    z-index: 99;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    padding: 15px 0;

    background: #fff;
}

.mob_header .cont
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.mob_header .logo
{
    margin-right: auto;
}

.mob_header .logo a,
.mob_header .logo img
{
    display: block;
}


.mob_header .contacts
{
    padding-left: 31px;

    background: url(/image/template/ic_phone.svg) 0 1px no-repeat;
}


.mob_header .contacts .phone
{
    font-size: 18px;
    line-height: 24px;
}

.mob_header .contacts .phone a
{
    color: var(--text_color);

    white-space: nowrap;
    text-decoration: none;
}


.mob_header .contacts .callback_btn
{
    color: #00a0e3;
    font-size: 15px;
    line-height: 18px;

    margin-top: 1px;

    transition: border-color .2s linear;

    border-bottom: 1px dashed #00a0e3;
}

.mob_header .contacts .callback_btn:hover
{
    border-color: transparent;
}


.mob_header .email
{
    font-size: 14px;
    line-height: 21px;

    margin-left: 40px;
    padding-left: 30px;

    background: url(/image/template/ic_email.svg) 0 0 no-repeat;
}

.mob_header .email a
{
    color: var(--text_color);

    white-space: nowrap;
    text-decoration: none;
}


.mob_header .mob_menu_btn
{
    display: block;

    width: 48px;
    height: 38px;
    margin-right: -10px;
    margin-left: 20px;
    padding: 10px;

    cursor: pointer;

    border: none;
    background: none;
}

.mob_header .mob_menu_btn span
{
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    background: var(--text_color);
}

.mob_header .mob_menu_btn span:before,
.mob_header .mob_menu_btn span:after
{
    position: absolute;
    top: -8px;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: var(--text_color);
}

.mob_header .mob_menu_btn span:after
{
    top: 8px;
}



/*---------------
    Page head
---------------*/
.page_head
{
    margin-bottom: 40px;
    padding-top: 30px;
}

.page_head .cont > * + *
{
    margin-top: 30px;
}


.breadcrumbs
{
    color: #00afa1;
    font-size: 14px;
    line-height: 17px;
}

.breadcrumbs a
{
    color: #4f4f4f;

    transition: color .2s linear;
    white-space: nowrap;
    text-decoration: none;
}

.breadcrumbs a:hover
{
    color: #00afa1;
}

.breadcrumbs .sep
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 6px;
    height: 8px;
    margin: 0 10px;

    vertical-align: middle;
}

.breadcrumbs .sep:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 6px;
    height: 6px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-right: 1px solid #00afa1;
    border-bottom: 1px solid #00afa1;
}


.page_title
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;
}



/*----------------
    Block head
----------------*/
.block_head
{
    display: flex;

    width: 100%;
    margin-bottom: 35px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.block_head .title
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: var(--font_size_title);
    font-weight: 300;
    line-height: 49px;

    position: relative;

    padding-bottom: 11px;
}

.block_head .title:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 64px;
    height: 4px;
    margin: auto;

    content: '';

    background: #00afa1;
}


.block_head .title.mini
{
    color: #033b4a;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
}


.block_head .desc
{
    font-size: 18px;
    line-height: 24px;

    margin-top: 30px;
}

.block_head .desc > * + *
{
    margin-top: 20px;
}


.block_head.white .title,
.block_head.white .desc
{
    color: #fff;
}

.block_head.white .title:after
{
    background: #fff;
}


.block_head.center
{
    text-align: center;

    justify-content: center;
}

.block_head.center .title:after
{
    right: 0;
}



/*------------------
    Form elements
------------------*/
.form
{
    --form_border_color: transparent;
    --form_focus_color: transparent;
    --form_error_color: red;
    --form_border_radius: 4px;
    --form_bg_color: rgba(255, 255, 255, .9);
    --form_label_width: 250px;
    --form_placeholder_color: #333;
}


.form ::-webkit-input-placeholder
{
    color: var(--form_placeholder_color);
}

.form :-moz-placeholder
{
    color: var(--form_placeholder_color);
}

.form :-ms-input-placeholder
{
    color: var(--form_placeholder_color);
}


.form .columns
{
    margin-left: calc(var(--form_columns_offset) * -1);

    --form_columns_offset: 17px;
}

.form .columns > *
{
    width: calc(50% - var(--form_columns_offset));
    margin-left: var(--form_columns_offset);
}

.form .columns > *.width1of3
{
    width: calc(33.333% - var(--form_columns_offset));
}

.form .columns > *.width2of3
{
    width: calc(66.666% - var(--form_columns_offset));
}

.form .columns > *.width3of3
{
    width: calc(100% - var(--form_columns_offset));
}


.form .line
{
    margin-bottom: 17px;
}

.form .line.row
{
    justify-content: flex-end;
}

.form .line.row .label
{
    display: flex;

    width: var(--form_label_width);
    max-width: 100%;
    min-height: 42px;
    margin: 0;
    padding-right: 15px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.form .line.row .field
{
    width: calc(100% - var(--form_label_width));
}


.form .label
{
    line-height: 22px;

    margin-bottom: 8px;
}


.form .label.big
{
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;

    margin-bottom: 12px;
}


.form .field
{
    position: relative;
}


.form .input
{
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    display: block;

    width: 100%;
    height: 51px;
    padding: 0 20px;

    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form textarea
{
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    display: block;

    width: 100%;
    height: 95px;
    padding: 15px 20px;

    resize: none;
    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}


.form .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


.form .input:focus,
.form textarea:focus,
.form .nice-select.open .current
{
    border-color: var(--form_focus_color);
}

.form .error,
.form .error + .nice-select .current
{
    border-color: var(--form_error_color);
}


.form select
{
    display: none;
}

.form .nice-select
{
    position: relative;

    display: block;
}

.form .nice-select .current
{
    color: var(--form_placeholder_color);
    line-height: 42px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 51px;
    padding: 0 44px 0 20px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form .nice-select .current.selected
{
    color: var(--text_color);
}

.form .nice-select .current:after
{
    position: absolute;
    top: -4px;
    right: 16px;
    bottom: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-bottom: 2px solid #bdbdbd;
    border-left: 2px solid #bdbdbd;
}

.form .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    padding: 5px 0;

    transition: .2s linear;

    opacity: 0;
    border: 1px solid var(--form_border_color);
    border-radius: 0 0 var(--form_border_radius) var(--form_border_radius);
    background: var(--form_bg_color);
}

.form .nice-select.open .list
{
    top: calc(100% - 1px);

    visibility: visible;

    opacity: 1;
}

.form .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 240px;
}

.form .nice-select .list .list_item
{
    padding: 7px 20px;

    cursor: pointer;
    transition: .2s linear;
}

.form .nice-select .list .list_item:empty
{
    display: none;
}

.form .nice-select .list .list_item:hover,
.form .nice-select .list .list_item.selected
{
    color: #00afa1;
}


.form .agree
{
    color: #fafafa;
    font-size: 14px;
    line-height: 17px;
}

.form .agree a
{
    color: #033b4a;

    text-decoration: none;
}

.form .agree a:hover
{
    text-decoration: underline;
}


.form .bottom
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.form .bottom .agree
{
    width: 524px;
    max-width: calc(100% - 300px);
}

.form .bottom .submit
{
    width: 267px;
    max-width: 100%;
    padding: 0;
}

.form .bottom .submit_btn
{
    width: 100%;
}


.form .submit
{
    display: flex;

    padding-top: 10px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.form .submit_btn
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    display: inline-block;

    padding: 15px 39px 17px 28px;

    transition: background .2s linear;
    vertical-align: top;
    letter-spacing: .02em;

    background: #00afa1;
}

.form .submit_btn:hover
{
    background: #00a0e3;
}



/*----------------
    Typography
----------------*/
.text_block
{
    line-height: 22px;

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

    -webkit-touch-callout: text;
}

.text_block.small
{
    font-size: 16px;
    line-height: 21px;
}


.text_block > :last-child
{
    margin-bottom: 0 !important;
}

.text_block > :first-child
{
    margin-top: 0 !important;
}


.text_block h2
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: 42px;
    font-weight: 300;
    line-height: 49px;

    margin-bottom: 30px;
}

.text_block h1 + h2
{
    margin-top: 0 !important;
}


.text_block * + h2
{
    margin-top: 40px;
}

.text_block .clear + h2
{
    margin-top: 20px;
}

.text_block h2 + *
{
    margin-top: 0 !important;
}


.text_block > *
{
    margin-bottom: 25px;
}


.text_block .columns
{
    margin: 40px 0;
}


.text_block img
{
    display: block;

    max-width: 100%;
}

.text_block img.left
{
    max-width: calc(50% - 35px);
    margin-top: 4px;
    margin-right: 35px;
}

.text_block img.right
{
    max-width: calc(50% - 35px);
    margin-top: 4px;
    margin-left: 35px;
}

.text_block img.loaded
{
    height: auto !important;
}


.text_block .columns
{
    column-gap: 70px;
    column-count: 2;
}

.text_block .columns > *
{
    transform: translateZ(0);

    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.text_block .columns > * + *
{
    margin-top: 25px;
}


.text_block a
{
    color: #00a0e3;
}

.text_block a:hover
{
    text-decoration: none;
}



/*-----------------
    Main slider
-----------------*/
.main_slider
{
    position: relative;
}


.main_slider .slide
{
    overflow: hidden;
}

.main_slider .slide .cont
{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}


.main_slider .slide .info
{
    width: 443px;
    max-width: 100%;
    padding: 104px 0;
}


.main_slider .slide .title
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;
}


.main_slider .slide .desc
{
    font-family: var(--font_family2);
    font-size: 28px;
    font-weight: 500;
    line-height: 33px;

    margin-top: 25px;
}


.main_slider .slide .link
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    position: relative;

    display: inline-block;

    margin-top: 31px;
    padding: 15px 45px 17px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: .02em;

    background: #033b4a;
}

.main_slider .slide .link:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.main_slider .slide .link:hover
{
    background: #00a0e3;
}


.main_slider .slide .img
{
    position: relative;

    width: 800px;
    max-width: calc(100% - 540px);
    height: 600px;
    margin-right: -180px;

    background: #ddd;
}

.main_slider .slide .img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.main_slider .slide .img img.before
{
    z-index: 5;
    top: 0;
    bottom: 0;
    left: -133px;

    width: auto;
    height: auto;
    margin: auto;
}

.main_slider .slide .img:after
{
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;

    display: block;

    width: 306px;
    height: 306px;

    content: '';

    border: 153px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}


.main_slider .count
{
    font-size: 28px;
    font-weight: 300;
    line-height: 33px;

    position: absolute;
    z-index: 10;
    right: 50%;
    bottom: 27px;

    display: flex;

    margin-right: -616px;

    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: nowrap;
}

.main_slider .count .total
{
    font-size: 18px;
    line-height: 21px;
}



/*------------------
    Promo blocks
------------------*/
.promo_blocks
{
    margin-top: 2rem;
}

.promo_blocks .row
{
    justify-content: space-between;
}

.promo_blocks .row > *
{
    width: calc(50% - 10px);
}



.promo_blocks .item .thumb
{
    position: relative;

    height: 326px;
    margin-bottom: 11px;

    counter-reset: point;
}

.promo_blocks .item .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.promo_blocks .item .thumb .point
{
    position: absolute;
    z-index: 5;

    width: 25px;
    height: 25px;
}

.promo_blocks .item .thumb .point1
{
    top: 85%;
    left: 46%;
}

.promo_blocks .item .thumb .point2
{
    top: 54%;
    left: 25%;
}

.promo_blocks .item .thumb .point3
{
    top: 64%;
    left: 59%;
}

.promo_blocks .item .thumb .point4
{
    top: 9%;
    left: 60%;
    display: none;
}

.promo_blocks .item .thumb .point5
{
    top: 25%;
    left: 70%;
}

.promo_blocks .item .thumb .point6
{
    top: 19.25%;
    left: 38.85%;
}

.promo_blocks .item .thumb .point7
{
    top: 25.5%;
    left: 27.75%;
}

.promo_blocks .item .thumb .point8 {
    top: 10%;
    left: 54.7%;
}

.promo_blocks .item .thumb .point9 {
    top: 26.4%;
    left: 47.5%
}

.promo_blocks .item .thumb .point:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transform: rotate(-45deg);

    background: #00a0e3;
}

.promo_blocks .item .thumb .point:after
{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 25px;
    height: 25px;

    content: counters(point, '') '';
    counter-increment: point;
    text-align: center;
}

.promo_blocks .item .thumb .point .text
{
    color: #fff;
    font-size: 14px;
    line-height: 17px;

    position: absolute;
    top: 50%;
    left: calc(100% + 35px);

    visibility: hidden;

    width: 177px;
    padding: 15px 20px;

    transition: .2s linear;
    transform: translateY(-50%);
    pointer-events: none;

    opacity: 0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background: #033b4a;
}

.promo_blocks .item .thumb .point .text:before
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -7px;

    display: block;

    width: 14px;
    height: 14px;
    margin-top: -7px;

    content: '';
    transform: rotate(-45deg);

    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #033b4a;
}


.promo_blocks .item .thumb .point:hover
{
    z-index: 9;
}

.promo_blocks .item .thumb .point:hover .text
{
    left: calc(100% + 15px);

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.promo_blocks .item .name
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;

    margin-bottom: 19px;
}

.promo_blocks .item .name a
{
    color: currentColor;

    position: relative;

    display: inline-block;

    padding-bottom: 11px;

    vertical-align: top;
    text-decoration: none;
}

.promo_blocks .item .name a:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 64px;
    height: 4px;

    content: '';
    transition: background .2s linear;

    background: #00afa1;
}

.promo_blocks .item .name a:hover:after
{
    background: transparent;
}


.promo_blocks .item .desc
{
    font-size: 18px;
    line-height: 24px;

    width: 556px;
    max-width: 100%;
}



/*-----------------
    Works types
-----------------*/
.works_types
{
    position: relative;

    width: calc(50% + 180px);
    margin-left: -180px;
    padding: 70px 54px 70px 180px;

    background: #033b4a;
}

.works_types:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 136px;
    height: 136px;

    content: '';

    border: 68px solid transparent;
    border-top-color: #fff;
    border-left-color: #fff;
}


.works_types .row
{
    margin-bottom: -15px;
    margin-left: -15px;
}

.works_types .row > *
{
    width: calc(50% - 15px);
    margin-bottom: 15px;
    margin-left: 15px;
}


.works_types .type
{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    position: relative;

    display: block;

    transition: background .2s linear;
    text-decoration: none;

    background: #0a566a;
}

.works_types .type:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #033b4a;
    border-bottom-color: #033b4a;
}

.works_types .type .thumb
{
    position: relative;

    overflow: hidden;

    padding-bottom: 71.27%;

    background: #ddd;
}

.works_types .type .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    transition: transform .2s linear;

    object-fit: cover;
}

.works_types .type .name
{
    padding: 11px 20px 12px;
}

.works_types .type:hover
{
    background: #00a0e3;
}

.works_types .type:hover img
{
    transform: scale(1.1);
}



/*--------------------
    What gives img
--------------------*/
.what_gives_img
{
    position: relative;

    width: calc(50% + 180px);
    margin-left: -180px;

    background: #ddd;
}

.what_gives_img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}



/*----------------
    What gives
----------------*/
.what_gives
{
    width: 50%;
    padding: 70px 0 70px 70px;

    background: #fcfcfc;
}


.what_gives .block_head
{
    margin-bottom: 50px;
}


.what_gives .list
{
    line-height: 22px;
}

.what_gives .list > *
{
    position: relative;

    padding-left: 44px;
}

.what_gives .list > * + *
{
    margin-top: 22px;
}

.what_gives .list > *:after
{
    position: absolute;
    top: 3px;
    left: 3px;

    display: block;

    width: 19px;
    height: 10px;

    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);

    border-bottom: 3px solid #00afa1;
    border-left: 3px solid #00afa1;
}


.what_gives .link
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    position: relative;

    display: inline-block;

    margin-top: 52px;
    padding: 15px 39px 17px 28px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: .02em;

    background: #033b4a;
}

.what_gives .link:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.what_gives .link:hover
{
    background: #00a0e3;
}



/*------------------
    We guarantee
------------------*/
.we_guarantee .row
{
    margin-bottom: -30px;
    margin-left: -20px;

    justify-content: space-between;
}

.we_guarantee .row > *
{
    width: calc(20% - 20px);
    margin-bottom: 30px;
    margin-left: 20px;
}


.we_guarantee .item
{
    line-height: 22px;

    text-align: center;
}


.we_guarantee .item .icon
{
    position: relative;

    display: flex;

    height: 125px;
    margin-bottom: 25px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.we_guarantee .item .icon:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 87px;
    height: 87px;
    margin: auto;

    content: '';
    transform: rotate(45deg);

    background: #f2f2f2;
}

.we_guarantee .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.we_guarantee .item .desc
{
    display: inline-block;

    text-align: left;
    vertical-align: top;
}

.we_guarantee .item .desc span
{
    color: #033b4a;
}


.we_guarantee .item .order_btn
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    position: relative;

    display: inline-block;

    width: 135px;
    height: 30px;
    margin-top: 18px;

    transition: background .2s linear;
    vertical-align: top;
    letter-spacing: .02em;

    background: #0a566a;
}

.we_guarantee .item .order_btn:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: var(--bg);
    border-bottom-color: var(--bg);
}

.we_guarantee .item .order_btn:hover
{
    background: #00a0e3;
}



/*--------------
    For whom
--------------*/
.for_whom .info
{
    width: 496px;
    max-width: calc(50% - 30px);
    padding-bottom: 70px;
}


.for_whom .info .item
{
    line-height: 22px;
}

.for_whom .info .item + .item
{
    margin-top: 47px;
}

.for_whom .info .item .name
{
    color: #033b4a;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;

    position: relative;

    padding-bottom: 11px;
}

.for_whom .info .item .name:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 40px;
    height: 4px;

    content: '';

    background: #00afa1;
}

.for_whom .info .item .desc
{
    margin-top: 12px;
}


.for_whom .img
{
    position: relative;

    display: block;

    width: calc(50% + 180px);
    min-height: 473px;
    margin-right: -180px;
    margin-left: auto;

    background: #ddd;
}

.for_whom .img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.for_whom .img img.before
{
    z-index: 5;
    top: 0;
    bottom: 0;
    left: -105px;

    width: auto;
    height: auto;
    margin: auto;
}



/*----------
    Calc
----------*/
.calc
{
    position: relative;

    background: #fcfcfc;
}

.calc:before
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 140px;
    height: 140px;

    content: '';

    border: 70px solid transparent;
    border-top-color: #fff;
    border-left-color: #fff;
}

.calc:after
{
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;

    display: block;

    width: 140px;
    height: 140px;

    content: '';

    border: 70px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}


.calc .cont.row
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}


.calc .info
{
    position: relative;

    width: 50%;
    padding: 70px 70px 70px 0;

    background: #033b4a;
}

.calc .info:before
{
    position: absolute;
    top: 0;
    right: 100%;

    display: block;

    width: 2000px;
    height: 100%;

    content: '';

    background: #033b4a;
}


.calc .info .block_head
{
    margin-bottom: 0 !important;
}

.calc .info .block_head .title
{
    padding-bottom: 16px;
}


.calc .info .icon
{
    position: absolute;
    z-index: 5;
    top: 40px;
    right: 40px;

    display: flex;

    width: 143px;
    height: 143px;

    pointer-events: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.calc .info .icon:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 101px;
    height: 101px;
    margin: auto;

    content: '';
    transform: rotate(45deg);

    background: rgba(229, 229, 229, .09);
}

.calc .info .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.calc .info .free
{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;

    position: relative;

    display: inline-block;

    margin-top: 39px;
    padding: 10px 13px 13px;

    transition: .2s linear;
    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border: 1px solid #c4c4c4;
}

.calc .info .free span
{
    display: inline-block;

    margin-bottom: -6px;

    transition: .2s linear;
    vertical-align: top;

    border-bottom: 6px solid #00afa1;
}

.calc .info .free:hover
{
    color: #fff;

    border-color: #00a0e3;
    background: #00a0e3;
}

.calc .info .free:hover span
{
    border-color: #fff;
}


.calc .form
{
    width: 50%;
    padding: 70px 0 70px 70px;

    --form_border_color: #e5e5e5;
    --form_focus_color: #e5e5e5;
    --form_bg_color: #fff;
}

.calc .form .line
{
    margin-bottom: 5px;
}

.calc .form .line.big_margin
{
    margin-bottom: 19px;
}

.calc .form .input,
.calc .form .nice-select .current
{
    height: 42px;
}

.calc .form .bottom
{
    padding-top: 33px;
}


.calc .form .amount
{
    position: relative;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.calc .form .amount button
{
    position: relative;
    z-index: 3;

    display: block;

    width: 38px;
    height: 42px;
}

.calc .form .amount button:before
{
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-top: 2px solid #bdbdbd;
    border-right: 2px solid #bdbdbd;
}

.calc .form .amount button.minus:before
{
    top: -4px;

    transform: rotate(-225deg);
}

.calc .form .amount .input
{
    width: 150px;
    height: 42px;
    margin: 0 -38px;
    padding: 0 37px;

    text-align: center;
}

.calc .form .amount .unit
{
    font-size: 18px;
    line-height: 21px;

    margin-left: 9px;
}

.calc .form .amount .unit sup
{
    font-size: 10px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
}


.calc .form .bottom .total_price
{
    color: #033b4a;
    font-size: 36px;
    line-height: 51px;

    position: relative;

    width: calc(var(--form_label_width) - 15px);
}

.calc .form .bottom .total_price:before
{
    position: absolute;
    bottom: 100%;
    left: 0;

    display: block;

    width: 100%;
    height: 4px;

    content: '';

    background: #00afa1;
}

.calc .form .bottom .total_price small
{
    font-size: 30px;
}


.calc .form .bottom .submit
{
    width: calc(100% - var(--form_label_width));
}

.calc .form .bottom .submit_btn
{
    height: 51px;
    padding: 0 30px;

    transition: background .2s linear;

    border-radius: 0;
    background: #033b4a;
}

.calc .form .bottom .submit_btn:hover
{
    background: #00afa1;
}



/*---------------
    Our works
---------------*/
.our_works
{
    position: relative;

    padding: 70px 0;

    background: #535e6b;
}

.our_works:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 162px;
    height: 162px;

    content: '';

    border: 81px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
}

.our_works:before
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 162px;
    height: 162px;

    content: '';

    border: 81px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
}


.our_works .gallery
{
    display: flex;

    margin-bottom: -50px;
    margin-left: -50px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.our_works .gallery > *
{
    width: calc(33.333% - 50px);
    margin-bottom: 50px;
    margin-left: 50px;
}


.our_works .owl-stage-outer
{
    overflow: visible !important;
}

.our_works .owl-item
{
    visibility: hidden;

    transition: .3s linear;
    pointer-events: none;

    opacity: 0;
}

.our_works .owl-item.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.our_works .item
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;

    display: block;

    text-decoration: none;
}

.our_works .item .thumb
{
    position: relative;

    padding-bottom: 67%;

    background: #ddd;
    box-shadow: 0 24px 29px rgba(0, 0, 0, .25);
}

.our_works .item .thumb:after
{
    position: absolute;
    top: -6px;
    left: -6px;

    display: block;

    width: calc(100% + 12px);
    height: calc(100% + 12px);

    content: '';
    transition: .2s linear;

    border: 6px solid transparent;
}

.our_works .item .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.our_works .item:hover .thumb:after
{
    border-color: #00afa1;
}


.our_works .item .name
{
    margin-top: 16px;
}


.our_works .video_link
{
    width: 56.85%;
    margin-right: auto;
}

.our_works .video_link .thumb
{
    padding-bottom: 56.15%;

    box-shadow: 0 16px 32px rgba(35, 23, 5, .26);
}

.our_works .video_link .name
{
    margin-top: 26px;
}


.our_works .video_link + .gallery
{
    width: 43.15%;
    margin-bottom: -27px;
    margin-left: -27px;
}

.our_works .video_link + .gallery > *
{
    width: calc(50% - 27px);
    margin-bottom: 27px;
    margin-left: 27px;
}



/*-------------------
    Partners info
-------------------*/
.partners_info .cont.row
{
    justify-content: space-between;
}


.partners_info .info
{
    width: calc(100% - 304px);
}

.partners_info .info .title
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;

    margin-bottom: 30px;
}

.partners_info .info .sub_title
{
    color: #033b4a;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;

    margin-bottom: 30px;
}



.partners_info .manager
{
    width: 271px;
    max-width: 100%;
}


.partners_info .manager .photo
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 20px;
    padding-bottom: 107.38%;

    background: #ddd;
}

.partners_info .manager .photo:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 72px;
    height: 72px;

    content: '';

    border: 36px solid transparent;
    border-right-color: var(--bg);
    border-bottom-color: var(--bg);
}

.partners_info .manager .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.partners_info .manager .name
{
    color: #033b4a;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;

    margin-bottom: 5px;
}

.partners_info .manager .post
{
    color: #4f4f4f;
    font-size: 16px;
    line-height: 21px;
}



/*------------------
    Partners map
------------------*/
.partners_map #map
{
    position: relative;

    overflow: hidden;

    height: 455px;

    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    background: #ddd;
}



/*-------------------
    Message block
-------------------*/
.message_block .data
{
    position: relative;

    display: flex;

    padding: 15px 62px 14px 21px;

    background: #033b4a;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.message_block .data .corner
{
    position: absolute;

    display: block;

    width: 23px;
    height: 23px;

    content: '';
}

.message_block .data .corner.top_left
{
    top: -9px;
    left: -8px;

    border-top: 4px solid #00afa1;
    border-left: 4px solid #00afa1;
}

.message_block .data .corner.top_right
{
    top: -9px;
    right: -8px;

    border-top: 4px solid #00afa1;
    border-right: 4px solid #00afa1;
}

.message_block .data .corner.bottom_left
{
    bottom: -9px;
    left: -8px;

    border-bottom: 4px solid #00afa1;
    border-left: 4px solid #00afa1;
}

.message_block .data .corner.bottom_right
{
    right: -8px;
    bottom: -9px;

    border-right: 4px solid #00afa1;
    border-bottom: 4px solid #00afa1;
}


.message_block .logo
{
    display: flex;

    width: 109px;
    height: 109px;
    padding: 15px;

    border-radius: 50%;
    background: #fff;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.message_block .logo img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.message_block .info
{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;

    width: 523px;
    max-width: 100%;
    margin-left: 107px;
}

.message_block.garanti .info
{
    margin-left: 221px;
}


.message_block .info .title
{
    font-size: 24px;
    line-height: 28px;
}


.message_block .info .desc
{
    margin-top: 5px;
}


.message_block .link
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    position: relative;

    display: inline-block;

    margin-left: auto;
    padding: 15px 40px 17px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: .02em;

    background: #00a0e3;
}

.message_block .link:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #033b4a;
    border-bottom-color: #033b4a;
}



/*-----------------
    Action form
-----------------*/
.action_form
{
    position: relative;

    overflow: hidden;

    padding: 70px 0 100px;

    background: #ddd;
}

.action_form:before
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: block;

    width: 140px;
    height: 140px;

    content: '';

    border: 70px solid transparent;
    border-top-color: #fff;
    border-left-color: #fff;
}

.action_form.two_corners:after
{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;

    display: block;

    width: 140px;
    height: 140px;

    content: '';

    border: 70px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
}


.action_form .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}


.action_form .cont
{
    position: relative;
    z-index: 3;
}


.action_form .form
{
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
}



/*----------------
    Order form
----------------*/
.order_form
{
    position: relative;

    margin-top: 70px;
    padding: 46px;

    background: #033b4a;
}

.order_form:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 60px;
    height: 60px;

    content: '';

    border: 30px solid transparent;
    border-right-color: var(--bg);
    border-bottom-color: var(--bg);
}


.order_form .form
{
    --form_bg_color: #fff;
}

.order_form .form .columns
{
    --form_columns_offset: 22px;
}


.order_form .form .line,
.order_form .form .submit
{
    margin-bottom: 15px;
}

.order_form .form .submit
{
    padding: 0;
}


.order_form .form .submit_btn
{
    position: relative;

    width: 100%;

    background: #00a0e3;
}

.order_form .form .submit_btn:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 20px;
    height: 20px;

    content: '';

    border: 10px solid transparent;
    border-right-color: #033b4a;
    border-bottom-color: #033b4a;
}

.order_form .form .submit_btn:hover
{
    background: #00afa1;
}


.order_form .form .agree
{
    color: #828282;

    width: 530px;
    max-width: 100%;
}

.order_form .form .agree a
{
    color: #828282;

    transition: color .2s linear;
    text-decoration: underline;
}

.order_form .form .agree a:hover
{
    color: #fff;
}



/*-------------------
    Contacts info
-------------------*/
.contacts_info .info
{
    line-height: 22px;

    display: flex;

    margin-bottom: -30px;
    margin-left: -20px;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.contacts_info .info > *
{
    max-width: calc(50% - 20px);
    margin-bottom: 30px;
    margin-left: 20px;
}


.contacts_info .phone
{
    padding-left: 38px;

    background: url(/image/template/ic_phone.svg) 0 2px no-repeat;
}

.contacts_info .phone .number
{
    font-size: 24px;
    line-height: 28px;
}

.contacts_info .phone a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


.contacts_info .callback_btn
{
    color: #00a0e3;

    display: inline-block;

    margin-top: 5px;

    transition: border-color .2s linear;
    vertical-align: top;

    border-bottom: 1px dashed #00a0e3;
}

.contacts_info .callback_btn:hover
{
    border-color: transparent;
}


.contacts_info .location
{
    padding-left: 38px;

    background: url(/image/template/ic_location.svg) 0 0 no-repeat;
}


.contacts_info .email
{
    line-height: 21px;

    padding-left: 38px;

    background: url(/image/template/ic_email.svg) 0 0 no-repeat;
}

.contacts_info .email a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


.contacts_info .requisites
{
    padding-left: 38px;
}

.contacts_info .requisites .download
{
    margin-top: 7px;
}

.contacts_info .requisites a
{
    color: #00a0e3;

    display: inline-block;

    transition: border-color .2s linear;
    vertical-align: top;
    text-decoration: none;

    border-bottom: 1px dashed;
}

.contacts_info .requisites a:hover
{
    border-color: transparent;
}


.contacts_info #map
{
    position: relative;

    overflow: hidden;

    height: 455px;
    margin-top: 70px;

    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    background: #ddd;
}



/*---------------
    Portfolio
---------------*/
.portfolio
{
    position: relative;

    background: #fcfcfc;
}

.portfolio:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 140px;
    height: 140px;

    content: '';

    border: 70px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
}


.portfolio .work
{
    padding: 70px 0;
}

.portfolio .work + .work
{
    border-top: 1px solid #bdbdbd;
}


.portfolio .work .info
{
    line-height: 22px;
    margin-bottom: 20px;
}

.portfolio .work .info > *
{
    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.portfolio .work .info > * + *
{
    margin-top: 20px;
}

.portfolio .work .info .name
{
    color: #033b4a;
    font-weight: 500;

    width: 110px;
    padding-right: 15px;
}

.portfolio .work .info .val
{
    width: calc(100% - 110px);
}


.portfolio .work .gallery
{
    display: flex;

    margin-bottom: -50px;
    margin-left: -50px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.portfolio .work .gallery > *
{
    width: calc(33.333% - 50px);
    margin-bottom: 50px;
    margin-left: 50px;
}


.portfolio .work .item
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;

    display: block;

    text-decoration: none;
}

.portfolio .work .item .thumb
{
    position: relative;

    padding-bottom: 67%;

    background: #ddd;
    box-shadow: 0 24px 29px rgba(0, 0, 0, .25);
}

.portfolio .work .item .thumb:after
{
    position: absolute;
    top: -6px;
    left: -6px;

    display: block;

    width: calc(100% + 12px);
    height: calc(100% + 12px);

    content: '';
    transition: .2s linear;

    border: 6px solid transparent;
}

.portfolio .work .item .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.portfolio .work .item:hover .thumb:after
{
    border-color: #00afa1;
}


.portfolio .work .video_link
{
    width: 56.85%;
    margin-right: auto;
}

.portfolio .work .video_link .thumb
{
    padding-bottom: 56.5%;

    box-shadow: 0 16px 32px rgba(35, 23, 5, .26);
}


.portfolio .work .video_link + .gallery
{
    width: 43.15%;
    margin-bottom: -66px;
    margin-left: -27px;
}

.portfolio .work .video_link + .gallery > *
{
    width: calc(50% - 27px);
    margin-bottom: 66px;
    margin-left: 27px;
}



/*---------------
    Documents
---------------*/
.documents .title
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;

    margin-bottom: 40px;
}


.documents .cols
{
    justify-content: space-between;
}

.documents .cols .col
{
    width: calc(50% - 70px);
}


.documents .file
{
    color: var(--text_color);
    line-height: 22px;

    display: flex;

    padding: 7px 12px 6px 17px;

    transition: .2s linear;
    text-decoration: none;

    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.documents .file + .file
{
    margin-top: -1px;
}

.documents .file .name
{
    width: calc(100% - 60px);
    margin-right: auto;
}

.documents .file .extension
{
    width: 24px;
    height: 26px;
    margin-right: 7px;
}

.documents .file .size
{
    color: #4f4f4f;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.documents .file:hover
{
    color: #00a0e3;

    background: #f2f2f2;
}

/*-----------
    Certs
-----------*/
.certs
{
    position: relative;

    padding: 70px 0;

    background: #535e6b;
}

.certs:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 146px;
    height: 146px;

    content: '';

    border: 73px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}


.certs .row
{
    margin-bottom: -52px;
    margin-left: -52px;

    justify-content: center;
}

.certs .row > *
{
    width: calc(25% - 52px);
    margin-bottom: 52px;
    margin-left: 52px;
}


.certs .item
{
    color: #f2f2f2;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;

    display: block;

    text-decoration: none;
}

.certs .item .thumb
{
    display: flex;

    padding: 30px;

    transition: .2s linear;

    background: #f2f2f2;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.certs .item .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.certs .item .name
{
    margin-top: 13px;
}

.certs .item:hover .thumb
{
    background: #00a0e3;
    box-shadow: 0 0 39px #384c64;
}



/*---------------
    Calc info
---------------*/
.calc_info .head
{
    display: flex;

    margin-bottom: 50px;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}


.calc_info .head .desc
{
    font-size: 18px;
    line-height: 24px;

    width: 670px;
    max-width: calc(100% - 506px);
}


.calc_info .head .free
{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;

    position: relative;

    display: block;

    width: 476px;
    max-width: 100%;
    padding: 10px 25px 13px 15px;

    text-align: center;

    background: #033b4a;
}

.calc_info .head .free span
{
    display: inline-block;

    margin-bottom: -6px;

    vertical-align: top;

    border-bottom: 6px solid #00afa1;
}

.calc_info .head .free:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: var(--bg);
    border-bottom-color: var(--bg);
}



.calc_info .form
{
    --form_border_color: #e5e5e5;
    --form_focus_color: #e5e5e5;
    --form_bg_color: #fff;
    --form_label_width: 178px;
}

.calc_info .form .columns
{
    --form_columns_offset: 70px;
}

.calc_info .form .line
{
    margin-bottom: 30px;
}

.calc_info .form .input,
.calc_info .form .nice-select .current
{
    height: 42px;
}

.calc_info .form .bottom
{
    padding-top: 3px;

    justify-content: center;
}


.calc_info .form .amount
{
    position: relative;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.calc_info .form .amount button
{
    position: relative;
    z-index: 3;

    display: block;

    width: 38px;
    height: 42px;
}

.calc_info .form .amount button:before
{
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-top: 2px solid #bdbdbd;
    border-right: 2px solid #bdbdbd;
}

.calc_info .form .amount button.minus:before
{
    top: -4px;

    transform: rotate(-225deg);
}

.calc_info .form .amount .input
{
    width: 150px;
    height: 42px;
    margin: 0 -38px;
    padding: 0 37px;

    text-align: center;
}

.calc_info .form .amount .unit
{
    font-size: 18px;
    line-height: 21px;

    margin-left: 9px;
}

.calc_info .form .amount .unit sup
{
    font-size: 10px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
}


.calc_info .form .mini_modal_link
{
    position: relative;

    display: flex;

    width: 100%;
    min-height: 97px;
    padding: 12px 52px 12px 40px;

    transition: border-color .2s linear;
    text-align: left;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.calc_info .form .mini_modal_link:after
{
    position: absolute;
    top: -4px;
    right: 21px;
    bottom: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin: auto;

    content: '';
    transition: .2s linear;
    transform: rotate(-45deg);

    border-bottom: 2px solid #bdbdbd;
    border-left: 2px solid #bdbdbd;
}


.calc_info .form .mini_modal_link .check
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;

    display: block;

    width: 24px;
    height: 24px;
    margin: auto;

    transition: border-color .2s linear;

    border: 2px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.calc_info .form .mini_modal_link.active .check,
.calc_info .form .mini_modal_link.checked .check
{
    border-color: #00afa1;
}

.calc_info .form .mini_modal_link .check:after
{
    position: absolute;
    top: -3px;
    bottom: 0;
    left: 4px;

    display: block;

    width: 12px;
    height: 7px;
    margin: auto;

    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);

    opacity: 0;
    border-bottom: 2px solid #00afa1;
    border-left: 2px solid #00afa1;
}

.calc_info .form .mini_modal_link.active .check:after,
.calc_info .form .mini_modal_link.checked .check:after
{
    opacity: 1;
}


.calc_info .form .mini_modal_link .placeholder
{
    margin-left: 25px;
}

.calc_info .form .mini_modal_link.checked .placeholder
{
    display: none;
}


.calc_info .form .mini_modal_link .select_info
{
    display: flex;

    width: 100%;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.calc_info .form .mini_modal_link .thumb
{
    display: flex;

    width: 70px;
    height: 70px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.calc_info .form .mini_modal_link .thumb + *
{
    width: calc(100% - 74px);
}

.calc_info .form .mini_modal_link .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.calc_info .form .mini_modal_link .name
{
    font-size: 16px;
    line-height: 21px;

    width: 100%;
}

.calc_info .form .mini_modal_link .price
{
    color: #033b4a;
    line-height: 22px;

    margin-top: 3px;

    white-space: nowrap;
}

.calc_info .form .mini_modal_link .price b
{
    font-weight: 500;
}

.calc_info .form .mini_modal_link sup
{
    font-size: 10px;
    line-height: 16px;

    display: inline-block;

    vertical-align: top;
}

.calc_info .form .mini_modal_link.active:after
{
    top: 4px;

    transform: rotate(-225deg);

    border-color: #00afa1;
}


.calc_info .form .mini_modal
{
    width: 100%;
    padding: 17px 10px 17px 0;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.calc_info .form .mini_modal .scroll
{
    overflow: auto;

    max-height: 308px;
    padding-right: 28px;
}

.calc_info .form .mini_modal .scroll::-webkit-scrollbar
{
    width: 25px;
    height: 25px;

    background-color: #e0e0e0;
}

.calc_info .form .mini_modal .scroll::-webkit-scrollbar-thumb
{
    background-color: #033b4a;
}

.calc_info .form .mini_modal .scroll
{
    scrollbar-color: #033b4a #e0e0e0;
    scrollbar-width: auto;
}


.calc_info .form .variant
{
    position: relative;

    display: flex;

    padding: 15px 52px 15px 40px;

    cursor: pointer;

    border-bottom: 1px solid var(--form_border_color);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.calc_info .form .variant .check
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;

    display: block;

    width: 24px;
    height: 24px;
    margin: auto;

    transition: .2s linear;

    opacity: 0;
    border: 2px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.calc_info .form .variant.active .check,
.calc_info .form .variant.checked .check
{
    border-color: #00afa1;
}

.calc_info .form .variant .check:after
{
    position: absolute;
    top: -3px;
    bottom: 0;
    left: 4px;

    display: block;

    width: 12px;
    height: 7px;
    margin: auto;

    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);

    opacity: 0;
    border-bottom: 2px solid #00afa1;
    border-left: 2px solid #00afa1;
}

.calc_info .form .variant:hover .check,
.calc_info .form .variant.checked .check
{
    opacity: 1;
}

.calc_info .form .variant.checked .check:after
{
    opacity: 1;
}


.calc_info .form .variant .placeholder
{
    margin-left: 25px;
}


.calc_info .form .variant .thumb
{
    display: flex;

    width: 70px;
    height: 70px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.calc_info .form .variant .thumb + *
{
    width: calc(100% - 74px);
}

.calc_info .form .variant .thumb img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.calc_info .form .variant .name
{
    font-size: 16px;
    line-height: 21px;

    width: 100%;
}

.calc_info .form .variant .price
{
    color: #033b4a;
    line-height: 22px;

    margin-top: 3px;

    white-space: nowrap;
}

.calc_info .form .variant .price b
{
    font-weight: 500;
}

.calc_info .form .variant sup
{
    font-size: 10px;
    line-height: 16px;

    display: inline-block;

    vertical-align: top;
}


.calc_info .form .bottom .total_price
{
    color: #033b4a;
    font-size: 36px;
    line-height: 51px;

    margin-right: 20px;
}

.calc_info .form .bottom .total_price small
{
    font-size: 30px;
}


.calc_info .form .bottom .submit
{
    width: 300px;
    max-width: 100%;
}

.calc_info .form .bottom .submit_btn
{
    height: 51px;
    padding: 0 30px;

    transition: background .2s linear;

    border-radius: 0;
    background: #033b4a;
}

.calc_info .form .bottom .submit_btn:hover
{
    background: #00afa1;
}



/*----------------
    About info
----------------*/
.about_info .cont.row
{
    justify-content: space-between;
}


.about_info .info
{
    width: calc(100% - 304px);
}

.about_info .info .sub_title
{
    color: #033b4a;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;

    margin-bottom: 30px;
}



/*----------------
    Advantages
----------------*/
.advantages .row
{
    margin-bottom: -30px;
    margin-left: -20px;

    justify-content: space-between;
}

.advantages .row > *
{
    width: calc(20% - 20px);
    margin-bottom: 30px;
    margin-left: 20px;
}


.advantages .item
{
    line-height: 22px;

    text-align: center;
}


.advantages .item .icon
{
    position: relative;

    display: flex;

    height: 125px;
    margin-bottom: 25px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.advantages .item .icon:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 87px;
    height: 87px;
    margin: auto;

    content: '';
    transform: rotate(45deg);

    background: #f2f2f2;
}

.advantages .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.advantages .item .desc
{
    display: inline-block;

    text-align: left;
    vertical-align: top;
}



/*----------
    Team
----------*/
.team .row
{
    margin-bottom: -52px;
    margin-left: -52px;

    justify-content: center;
}

.team .row > *
{
    width: calc(25% - 52px);
    margin-bottom: 52px;
    margin-left: 52px;
}


.team .person .photo
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 20px;
    padding-bottom: 107.38%;

    background: #ddd;
}

.team .person .photo:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 72px;
    height: 72px;

    content: '';

    border: 36px solid transparent;
    border-right-color: var(--bg);
    border-bottom-color: var(--bg);
}

.team .person .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.team .person .name
{
    color: #033b4a;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;

    margin-bottom: 5px;
}

.team .person .post
{
    color: #4f4f4f;
    font-size: 16px;
    line-height: 21px;
}



/*---------------------
    Requisites info
---------------------*/
.requisites_info .row
{
    margin-bottom: -52px;
    margin-left: -52px;

    justify-content: space-between;
}

.requisites_info .row > *
{
    max-width: calc(33.333% - 52px);
    margin-bottom: 52px;
    margin-left: 52px;
}


.requisites_info .item
{
    line-height: 160%;
}

.requisites_info .item + .item
{
    margin-top: 18px;
}

.requisites_info .item .title
{
    color: #033b4a;
    font-weight: 500;
    line-height: 20px;
}

.requisites_info .item * + *
{
    margin-top: 18px;
}

.requisites_info .item .title + *
{
    margin-top: 7px;
}


.requisites_info .big_boss .name
{
    color: #033b4a;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;

    margin-bottom: 5px;
}

.requisites_info .big_boss .post
{
    color: #4f4f4f;
    font-size: 16px;
    line-height: 21px;
}


.requisites_info .phone
{
    margin-top: 30px;
    padding-left: 38px;

    background: url(/image/template/ic_phone.svg) 0 2px no-repeat;
}

.requisites_info .phone .number
{
    font-size: 24px;
    line-height: 28px;
}

.requisites_info .phone a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


.requisites_info .callback_btn
{
    color: #00a0e3;

    display: inline-block;

    margin-top: 5px;

    transition: border-color .2s linear;
    vertical-align: top;

    border-bottom: 1px dashed #00a0e3;
}

.requisites_info .callback_btn:hover
{
    border-color: transparent;
}


.requisites_info .email
{
    line-height: 21px;

    margin-top: 28px;
    padding-left: 38px;

    background: url(/image/template/ic_email.svg) 0 0 no-repeat;
}

.requisites_info .email a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


.requisites_info .location
{
    margin-top: 24px;
    padding-left: 38px;

    background: url(/image/template/ic_location.svg) 0 0 no-repeat;
}

.requisites_info .location .map_link
{
    margin-top: 5px;
}

.requisites_info .location .map_link a
{
    color: #00a0e3;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}

.requisites_info .location .map_link a:hover
{
    text-decoration: underline;
}



/*------------------
    Product head
------------------*/
.product_head .info
{
    width: 50%;
    margin-right: auto;
    padding-right: 70px;
    padding-bottom: 47px;
}

.product_head .info.big
{
    width: calc(50% + 70px);
    padding-right: 60px;
}


.product_head .product_name
{
    color: #033b4a;
    font-family: var(--font_family2);
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;
}


.product_head .desc
{
    line-height: 22px;

    margin-top: 30px;
}


.product_head .link
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    position: relative;

    display: inline-block;

    margin-top: 30px;
    padding: 15px 45px 17px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: .02em;

    background: #033b4a;
}

.product_head .link:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.product_head .link:hover
{
    background: #00a0e3;
}


.product_head .img
{
    width: 50%;
    margin-left: auto;
}

.product_head .info.big + .img
{
    width: calc(50% - 70px);
}

.product_head .img img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}



/*-------------------
    Product usage
-------------------*/
.product_usage
{
    position: relative;

    padding: 70px 0 96px;

    background: #fcfcfc;
}


.product_usage .block_head
{
    margin-bottom: 30px;
}


.product_usage .row
{
    justify-content: space-between;
}

.product_usage .row .col
{
    width: calc(50% - 70px);
}


.product_usage .row .title
{
    color: #033b4a;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    margin-bottom: 30px;
}


.product_usage .items > *
{
    line-height: 22px;

    position: relative;

    padding-left: 44px;
}

.product_usage .items > * + *
{
    margin-top: 20px;
}

.product_usage .items > *:before
{
    position: absolute;
    top: 2px;
    left: 3px;

    display: block;

    width: 18px;
    height: 11px;

    content: '';
    transform: rotate(-45deg);

    border-bottom: 3px solid #00afa1;
    border-left: 3px solid #00afa1;
}



/*------------------------
    Pproduct equipment
------------------------*/
.product_equipment table
{
    width: 429px;
    margin-right: auto;

    border-spacing: 0;
    border-collapse: collapse;
}

.product_equipment table td
{
    color: #000;
    font-size: 15px;
    line-height: 19px;

    padding: 4px 8px;

    text-align: left;
    vertical-align: middle;

    border-bottom: 1px solid var(--bg);
}

.product_equipment table td.val
{
    white-space: nowrap;
}

.product_equipment table td .check
{
    position: relative;
    top: -3px;

    display: inline-block;

    width: 12px;
    height: 7px;
    margin: 0 10px;

    transform: rotate(-45deg);
    vertical-align: middle;

    border-bottom: 2px solid #033b4a;
    border-left: 2px solid #033b4a;
}

.product_equipment table td .line
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 17px;
    height: 3px;
    margin: 0 10px;

    vertical-align: middle;

    background: #033b4a;
}

.product_equipment table tbody tr:nth-child(odd) td
{
    background: #f4f6f8;
}


.product_equipment .img
{
    max-width: 50%;
    margin-top: -10px;
    margin-right: auto;
    margin-left: auto;
}

.product_equipment .img img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}



/*-------------------
    Product video
-------------------*/
.product_video
{
    position: relative;

    padding: 70px 0;

    background: #535e6b;
}

.product_video:before
{
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;

    display: block;

    width: 140px;
    height: 140px;

    content: '';

    border: 70px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.product_video:after
{
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;

    display: block;

    width: 140px;
    height: 140px;

    content: '';

    border: 70px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}


.product_video .video_link
{
    display: block;

    width: 705px;
    max-width: 100%;
    margin: 0 auto;
}

.product_video .video_link .thumb
{
    position: relative;

    padding-bottom: 56.5%;

    background: #ddd;
    box-shadow: 0 16px 32px rgba(35, 23, 5, .26);
}

.product_video .video_link .thumb:after
{
    position: absolute;
    top: -6px;
    left: -6px;

    display: block;

    width: calc(100% + 12px);
    height: calc(100% + 12px);

    content: '';
    transition: .2s linear;

    border: 6px solid transparent;
}

.product_video .video_link .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.product_video .video_link:hover .thumb:after
{
    border-color: #00afa1;
}



/*------------
    Footer
------------*/
footer
{
    position: relative;
}

footer.corner:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 146px;
    height: 146px;

    content: '';

    border: 73px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
}


footer .info
{
    padding: 70px 0;

    background: #033543;
}

footer .info .cont.row
{
    justify-content: space-between;
}


footer .bottom
{
    color: #bdbdbd;
    font-size: 13px;
    line-height: 15px;

    padding: 22px 0 24px;

    background: #012e3a;
}

footer .bottom .cont.row
{
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

footer .bottom a
{
    color: #bdbdbd;

    transition: color .2s linear;
    text-decoration: none;
}

footer .bottom a:hover
{
    color: #fff;
}



footer .contacts
{
    color: #fff;
    font-size: 15px;
    line-height: 18px;
}

footer .contacts > * + *
{
    margin-top: 20px;
}


footer .phone
{
    display: flex;

    padding-left: 37px;

    background: url(/image/template/ic_phone.svg) 0 calc(50% - 1px) no-repeat;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .phone .number
{
    font-size: 24px;
    line-height: 28px;
}

footer .phone a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}


footer .callback_btn
{
    color: #00a0e3;

    margin-left: 13px;

    transition: color .2s linear;

    border-bottom: 1px dashed;
}

footer .callback_btn:hover
{
    color: #fff;
}



footer .email
{
    line-height: 21px;

    padding-left: 38px;

    background: url(/image/template/ic_email.svg) 0 0 no-repeat;
}

footer .email a
{
    color: #f2f2f2;

    transition: border-color .2s linear;
    white-space: nowrap;
    text-decoration: none;

    border-bottom: 1px dashed transparent;
}

footer .email a:hover
{
    border-color: currentColor;
}



footer .location
{
    padding-left: 38px;

    background: url(/image/template/ic_location.svg) 0 0 no-repeat;
}

footer .location .map_link
{
    margin-top: 5px;
}

footer .location .map_link a
{
    color: #00a0e3;

    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;
}

footer .location .map_link a:hover
{
    color: #fff;
}



footer .requisites
{
    padding-left: 38px;
}

footer .requisites .download
{
    margin-top: 10px;
}

footer .requisites a
{
    color: #00a0e3;

    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    border-bottom: 1px dashed;
}

footer .requisites a:hover
{
    color: #fff;
}



footer .menu > * + *
{
    margin-top: 2px;
}

footer .menu a
{
    color: #fff;
    font-size: 16px;
    line-height: 21px;

    position: relative;

    display: inline-block;

    padding: 5px 22px 5px 18px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
}

footer .menu a:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #033543;
    border-bottom-color: #033543;
}

footer .menu a:hover,
footer .menu a.active
{
    background: #00afa1;
}



footer .links
{
    display: flex;

    margin-bottom: -11px;
    margin-bottom: 50px;
    margin-left: -22px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .links > *
{
    margin-bottom: 11px;
    margin-left: 22px;
}


footer .links .calc_link
{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;

    position: relative;

    display: flex;

    height: 50px;
    padding: 0 45px 0 10px;

    transition: background .2s linear;
    text-decoration: none;

    background: #00a0e3;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .links .calc_link:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #033543;
    border-bottom-color: #033543;
}

footer .links .calc_link img
{
    display: block;

    margin-right: 9px;
}

footer .links .calc_link:hover
{
    background: #00afa1;
}


footer .links .order_btn
{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;

    position: relative;

    display: flex;

    height: 50px;
    padding: 0 32px 0;

    transition: background .2s linear;

    background: #00a0e3;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .links .order_btn:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #033543;
    border-bottom-color: #033543;
}

footer .links .order_btn:hover
{
    background: #00afa1;
}



footer .socials
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;

    display: flex;

    margin-top: 22px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .socials .name
{
    width: 227px;
    max-width: 100%;
}

footer .socials a
{
    display: flex;

    width: 38px;
    height: 38px;

    transition: background .2s linear;

    border-radius: 50%;
    background: #0a566a;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .socials a + a
{
    margin-left: 23px;
}

footer .socials img
{
    display: block;
}

footer .socials a:hover
{
    background: #00a0e3;
}



/*-----------
    PopUp
-----------*/
.modal
{
    display: none;
    visibility: visible !important;

    width: 342px;
    max-width: 100%;
    padding: 35px;

    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 4px 20px rgba(230, 230, 230, .2);
}


.modal_title
{
    color: #033b4a;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;

    margin-bottom: 17px;
}


.modal .form
{
    --form_border_color: #e5e5e5;
    --form_focus_color: #e5e5e5;
    --form_bg_color: #fff;
}

.modal .form .line
{
    margin-bottom: 10px;
}

.modal .form .label
{
    color: #191919;
    font-size: 16px;
    line-height: 21px;

    margin-bottom: 5px;
}

.modal .form .input,
.modal .form .nice-select .current
{
    height: 37px;
}

.modal .form .agree
{
    color: #828282;
    font-size: 13px;
    line-height: 15px;
}

.modal .form .submit_btn
{
    position: relative;

    width: 100%;
    height: 51px;
    padding: 0 32px;

    text-transform: uppercase;

    background: #033b4a;
}

.modal .form .submit_btn:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.modal .form .submit_btn:hover
{
    background: #00a0e3;
}



.fixed_btns
{
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;

    height: 141px;
    margin: auto;
}

.fixed_btns > * + *
{
    margin-top: 11px;
}

.fixed_btns a
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;

    display: flex;

    padding: 7px 0;

    transition: .2s linear;
    transform: translateX(100px);
    text-decoration: none;

    background: linear-gradient(45deg, transparent 12px, #033b4a 0) bottom left;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.fixed_btns .icon
{
    display: flex;

    width: 60px;
    height: 51px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.fixed_btns .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.fixed_btns .name
{
    width: 100px;
}

.fixed_btns a:hover
{
    transform: translateX(0);

    background: linear-gradient(45deg, transparent 12px, #00afa1 0) bottom left;
}



@media (max-width: 1439px)
{
    .main_slider .slide .img
    {
        margin-right: -90px;
    }

    .main_slider .owl-carousel .owl-nav button.owl-prev
    {
        margin-right: -437px;
    }

    .main_slider .owl-carousel .owl-nav button.owl-next
    {
        margin-right: -484px;
    }

    .main_slider .owl-dots
    {
        margin-right: -583px;
    }

    .main_slider .count
    {
        margin-right: -588px;
    }



    .calc:before,
    .calc:after,
    .our_works:before,
    .our_works:after,
    .certs:after,
    footer.corner:after,
    .action_form.two_corners:after
    {
        display: none;
    }
}
/* End */


/* Start:/local/templates/vektor/css/new_styles.css?166739203379374*/
.smartfilter {position: relative;}

#modef {
    margin-top: 25px;
    margin-left: 15px;
}

.bx-soa-section-title {cursor: auto !important;}

.product-item-container {
    height: auto !important;
}

.product-item-container .za_chto {
    font-size: 12px;
    line-height: 130%;
    color: #ADADAD;
    position: relative;
    left: -5px;
}

header .menu .item.item_cat {
    background: #00a0e3;
    margin-bottom: 1px;
}

header .menu .item.item_cat .sub_link {
    padding-left: 68px;
    padding-right: 68px;
    overflow: hidden;
    position: relative;
    font-weight: 500;
    color: #fff;
}

header .menu .item.item_cat .sub_link:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: none;
    border-bottom: 15px solid #fff;
    position: absolute;
    right: -15px;
    bottom: 0;
}

header .menu .item.item_cat  > a .arr {display: none;}

header .menu .item.item_cat .sub_link:after {
    content: '';
    display: block;
    width: 16px;
    height: 25px;
    position: absolute;
    left: 33px;
    right: auto;
    margin: auto;
    bottom: 0;
    top: 0;
    background: url('/image/template/pull.svg') no-repeat 50%;
}

header .menu .sub_menu.sub_menu-cat {
    width: 1240px;
    border: 1px solid #BDBDBD;
}

.sub_menu.sub_menu-cat:after {
    content: '';
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    left: 316px;
    top: 32px;
    bottom: 43px;
    background: #d9d9d9;
}

.sub_menu_list {
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 9px 0 9px;
    width: 317px;
    float: left;
    padding-right: 30px;
    padding-left: 30px;
}

header .menu .sub_menu_list a {
    vertical-align: middle;
    position: relative;
    padding-left: 39px;
    padding-right: 0;
    line-height: 20px;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    color: #333;
}

header .menu .sub_menu_list li {margin-bottom: 11px;}

header .menu .sub_menu_list a img {
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    left: 0;
}

header .menu .sub_menu_list a:hover,
header .menu .sub_menu_list a.active {
    color: #006894;
    background: rgba(0,0,0,0);
}

header .menu .sub_menu_list a:after {
    content: '';
    display: block;
    width: 6px;
    height: 9px;
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    right: 0;
    background: url('/image/template/menu_pin.svg') no-repeat 50%;
    opacity: 0;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transition: opacity .3s, transform .3s;
    -webkit-transition: opacity .3s, transform .3s;
}

header .menu .sub_menu_list a:hover:after,
header .menu .sub_menu_list a.active:after {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}


header .menu .sub_menu_columns {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: auto;
    columns: 2;
    margin-left: 317px;
    padding: 7px 0 0 8px;
    max-width: 600px;
    height: 300px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

header .menu .sub_menu_columns a {
    font-size: 18px;
    color: #333;
}

header .menu .sub_menu_columns >li {
    margin-bottom: 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

header .menu .sub_menu_columns li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

header .menu .sub_menu_columns li ul a {
    font-size: 14px;
    line-height: 180%;
    padding-top: 0;
    padding-bottom: 0;
}

header .menu .sub_menu_columns {display: none;}
header .menu .sub_menu_columns[data-column ="cat1"] {display: block;}

header .email {
    font-size: 14px;
    line-height: 21px;
    margin-left: 0;
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 6px;
}

header .email a {
    padding-left: 0;
    background: rgba(0,0,0,0);
}

header .contacts {background: rgba(0,0,0,0);}

header .contacts .phone {
    padding-left: 31px;
    margin-left: -31px;
    background: url(/image/ic_phone.svg) 0 1px no-repeat;
}

header .basket {
    padding-left: 31px;
    margin-top: 20px;
    background: url(/image/icon_cart.svg) 0 1px no-repeat;
}

header .basket .basket_link a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
}

header .basket .basket_order {
    color: #00afa1;
    font-size: 15px;
    line-height: 18px;
    margin-top: 1px;
    text-decoration: none;
    transition: color .2s linear, border-color .2s linear;
    border-bottom: 1px dashed;
}

header .basket .basket_order:hover {
    color: #033b4a;
    border-color: rgba(0,0,0,0)
}


header .lk-top {
    width: 175px;
    padding-left: 31px;
    margin-top: 20px;
    background: url(/image/icon_lk.svg) 0 1px no-repeat;
}

header .lk-top .lk-top__link a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
}

header .lk-top .lk-top__reg {
    color: #0A566A;
    font-size: 15px;
    line-height: 18px;
    margin-top: 1px;
    text-decoration: none;
    border-bottom: 1px dashed;
    transition: color .2s linear, border-color .2s linear;
}

header .lk-top .lk-top__reg:hover {
    color: #033b4a;
    border-color: rgba(0,0,0,0)
}

header .contacts .callback_btn {
    transition: color .2s linear, border-color .2s linear;
}

header .contacts .callback_btn:hover {
    color: #033b4a;
    border-color: rgba(0,0,0,0)
}

header .search_button {
    display: block;
    width: 34px;
    height: 34px;
    background: url('/image/icon_search.svg') no-repeat 50%;
    cursor: pointer;
}

header .slogan {
    margin-left: -11px;
    margin-right: 0;
}

header .basket .basket_link {position: relative;}

header .basket .basket_link span {
    display: block;
    padding: 0 4px;
    background: #00afa1;
    min-width: 20px;
    height: 20px;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.block_head .title {font-weight: 900;}

.form_block .form {
    max-width: 370px;
    margin: 24px 0 55px;
}

.form_block .text_block {
    font-size: 18px;
}


.link {
    color: #00AFA1;
    display: inline-block;
    transition: color .2s linear, border-color .2s linear;
    vertical-align: top;
    text-decoration: none;
    border-bottom: 1px dashed;
    font-size: 16px;
}

.link:hover {
    border-color: rgba(0,0,0,0);
    color: #00a0e3;
}

.form .link {
    color: #00a0e3;
    float: right;
    margin-top: 1px;
}
.form .link:hover {color: #00AFA1;}


.form_block .line {
    margin-bottom: 13px;
}

.form_block .line .label span {color: #fa141b;}

.form_block .label {
    color: #191919;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.form_block .input {
    height: 37px;
    color: #333;
    border-radius: 4px;
    background: rgba(255,255,255,.9);
    border: 1px solid #e5e5e5;
}

.form_block .agree {
    color: #828282;
    font-size: 13px;
    line-height: 15px;
}

.form_block .submit_btn {
    position: relative;

    width: 100%;
    max-width: 272px;
    height: 51px;
    padding: 0;

    text-transform: uppercase;

    background: #033b4a;
}

.form_block .submit_btn:after {
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.form_block .submit_btn:hover {
    background: #00a0e3;
}

.form_block .check {
    margin-top: 27px;
    padding: 1px 0;
}

.form_block .check input[type="radio"],
.form_block .check input[type="checkbox"] {
    display: none;
}

.form_block .check input[type="radio"] + label,
.form_block .check input[type="checkbox"] + label {
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    color: #191919;
    position: relative;
    padding-left: 40px;
}
.form_block .check input[type="radio"] + label{
    display: block;
}

.form_block .check input[type="radio"] + label:before,
.form_block .check input[type="checkbox"] + label:before,
.filter input[type="checkbox"] + label:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    margin: auto;
    bottom: -10px;
    top: -10px;
    border: 2px solid #00AFA1;
    border-radius: 4px;
    cursor: pointer;
}

.filter h4 {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 17px;
}

.form_block .check input[type="radio"]:checked + label:before,
.form_block .check input[type="checkbox"]:checked + label:before,
.filter input[type="checkbox"]:checked + label:before {
    background: url('/image/template/icon_check.svg') no-repeat 50%;
}

.form_block .text_block + .link {margin-top: 9px;}

.form_block .input:focus {border: 1px solid #e5e5e5;}

.form_block .check.blue {margin-top: 17px;}

.form_block .check.blue input[type="checkbox"] + label {
    font-size: 10px;
    line-height: 130%;
    color: #006894;
}

.form_block .field_tip {
    text-align: right;
    font-size: 10px;
    line-height: 130%;
    color: #006894;
    height: 0;
    position: relative;
    top: 4px;
}

.lk .lk_menu {
    float: left;
    width: 245px;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-right: 20px;
    padding-top: 18px;
}

.lk .lk_menu li {margin-bottom: 20px;}

.lk .lk_menu li span,
.lk .lk_menu li a {
    padding-left: 33px;
    font-weight: 500;
    font-size: 18px;
    color: #033B4A;
    position: relative;
    text-decoration: none;
}

.lk .lk_menu li span:before,
.lk .lk_menu li a:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 5px;
    left: 0;
    top: 8px;
    background: #00AFA1;
}

.lk .lk_menu li a:before {
    transition: width .3s, background .3s;
    -webkit-transition: width .3s, background .3s;
}

.lk .lk_menu li a:hover:before,
.lk .lk_menu li span:before {
    width: 19px;
    background: #00A0E3;
}

.lk .lk_cont {
    margin-left: 245px;
}

.lk h1 {margin-bottom: 50px;}

.lk .form_block .submit_btn {margin-top: 13px;}

.lk_links .row {
    margin-bottom: -30px;
    margin-left: -20px;
    justify-content: space-between;
}

.lk_links .row > * {
    width: calc(25% - 20px);
    margin-bottom: 30px;
    margin-left: 20px;
}

.lk_links .item {
    line-height: 22px;
    text-align: center;
}

.lk_links .item .icon {
    position: relative;
    display: flex;
    height: 125px;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    transition: transform .3s;
    -webkit-transition: transform .3s;
}

.lk_links .item:hover .icon {
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
}

.lk_links .item .icon:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 87px;
    height: 87px;
    margin: auto;
    content: '';
    transform: rotate(45deg);
    background: #f2f2f2;
}

.lk_links .item .icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.lk_links .item .desc {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    font-size: 26px;
    line-height: 30px;
    color: #033B4A;
}

.cat {}
.cat-list {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cat-block {
    display: block;
    text-decoration: none;
    margin-bottom: 51px;
}

.cat-block__image {
    display: block;
    overflow: hidden;
    position: relative;
}

.cat-block__image:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

.cat-block__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s linear;
    -webkit-transition: transform .2s linear;
}

.cat-block:hover .cat-block__image img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.cat-block__name {
    display: block;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #033B4A;
    padding-bottom: 11px;
    position: relative;
}

.cat-block__name:after {
    content: '';
    display: block;
    width: 64px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00AFA1;
}

.cat-big .cat-block {width: 609px;}

.cat-big .cat-block__image {margin-bottom: 19px;}

.cat-big .cat-block__image:before {
    border: 97px solid rgba(0,0,0,0);
    border-bottom: none;
    border-top: 97px solid #fff;
    right: -97px;
}


.cat-med {margin-bottom: 10px;}
.cat-med .cat-block {width: 399px;}

.cat-med:after {
    content: '';
    display: inline-block;
    width: 399px;
}

.cat-med .cat-block__image {margin-bottom: 14px;}

.cat-med .cat-block__image:before {
    border: 64px solid rgba(0,0,0,0);
    border-bottom: none;
    border-top: 64px solid #fff;
    right: -64px;
}



.cat-min {margin-bottom: 10px;}
.cat-min .cat-block {width: 289px;}
.cat-min li {width: 289px;}

.cat-min:after {
    content: '';
    display: inline-block;
    width: 289px;
}

.cat-min .cat-block__image {margin-bottom: 14px;}

.cat-min .cat-block__image:before {
    border: 46px solid rgba(0,0,0,0);
    border-bottom: none;
    border-top: 46px solid #fff;
    right: -46px;
}


.product {
    width: 295px;
    min-height: 443px;
    background: #FFF;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 4px 20px rgba(230, 230, 230, 0.2);
    border-radius: 4px;
    position: relative;
    font-size: 0;
    top: 0;
    transition: border-color .3s, top .3s, box-shadow .3s;
    -webkit-transition: border-color .3s, top .3s, box-shadow .3s;
}

.product:hover {
    border-color: #00A0E3;
}

.product .product_link {
    display: block;
    height: 314px;
    padding-top: 6px;
    text-decoration: none;
    position: relative;
}

.product.product_hit .product_link:before,
.product.product_new .product_link:before,
.product-main__slider .slider.product_hit:before,
.product-main__slider .slider.product_new:before,
.product-item-detail-slider-container.product_hit:before,
.product-item-detail-slider-container.product_new:before {
    display: block;
    font-size: 17px;
    line-height: 32px;
    padding: 0 18px;
    color: #FFF;
    position: absolute;
    top: 16px;
    left: 18px;
    text-transform: uppercase;
    border-radius: 4px;
}

.product.product_hit .product_link:before,
.product-main__slider .slider.product_hit:before,
.product-item-detail-slider-container.product_hit:before {
    content: 'ХИТ';
    background: #00AFA1;
}

.product.product_new .product_link:before,
.product-main__slider .slider.product_new:before,
.product-item-detail-slider-container.product_new:before {
    content: 'НОВИНКА';
    background: #006894;
}

.product-main__slider .slider.product_hit:before,
.product-main__slider .slider.product_new:before,
.product-item-detail-slider-container.product_hit:before,
.product-item-detail-slider-container.product_new:before {
    pointer-events: none;
    top: 19px;
    right: 15px;
    left: auto;
    z-index: 11;
}

.product .product_image {
    display: block;
    width: 252px;
    height: 207px;
    margin: 0 auto 15px;
}

.product .product_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product .product_name {
    height: 66px;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    line-height: 22px;
    color: #000;
}

.product .product_tech,
.product-main__tech {
    padding: 0 23px;
    font-size: 12px;
    line-height: 130%;
    color: #ADADAD;
    margin: 0;
    list-style: none;
    min-height: 39px;
    margin-bottom: 21px;
}

.product .product_tech {
    margin-bottom: 35px;
}

.product .product_tech li,
.product-main__tech li {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px dashed #ADADAD;
}

.product .product_tech li span,
.product-main__tech li span {
    background: #fff;
    position: relative;
    bottom: -5px;
    min-width: 63px;
}

.product .product_tech li span + span,
.product-main__tech li span + span {text-align: right;}

.product_price {
    font-size: 30px;
    font-size: 28px;
    line-height: 36px;
    margin-left: 23px;
    color: #033B4A;
    white-space: nowrap;
}
/*
.product_price:after {
    content: ' руб.';
    font-size: 20px;
}
*/
.old_price {
    font-size: 17px;
    margin-left: 23px;
    display: inline-block;
    text-decoration: line-through;
}

.product .old_price {
    position: absolute;
    margin-top: -49px;
    font-size: 15px;
}



.product .avail,
.product .not_avail {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    margin-left: 23px;
    margin-top: 17px;
    margin-bottom: 5px;
    margin-bottom: 16px;
}


.product .product_price ~ .avail ,
.product .product_price ~ .not_avail {
    margin-top: 4px;
}

.product .not_avail {color: #ADADAD;}
.product .avail {color: #00AFA1;}

.product .button {
    display: block;
    width: 67px;
    height: 45px;
    position: absolute;
    right: 20px;
    bottom: 13px;
    overflow: hidden;
    background: url('/image/template/icon_basket.svg') no-repeat 50% #00A0E3;
    transition: background .3s;
    -webkit-transition: background .3s;
}

.product .button:hover {background-color: #00afa1;}

.product .button:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
    border: 13px solid rgba(0,0,0,0);
    border-top: none;
    border-bottom: 13px solid #fff;
    right: -13px;
}


.products_slider .slider {
    opacity: 0;
}
.products_slider .slider.owl-loaded {
    opacity: 1;
}
.products_slider .cont {
    overflow: hidden;
}
.products_slider .block_head .title {
    z-index: 2;
}
.products_slider .bottom_btn {
    display: flex;
    justify-content: center;
}
.products_slider .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.products_slider .owl-carousel .owl-nav button,
.product-item-detail-slider-left,
.product-item-detail-slider-right {
    width: 51px;
    height: 51px;
    transform: none;
}

.product-item-detail-slider-left,
.product-item-detail-slider-right {
    position: absolute;
    display: block;
    width: 66px;
    height: 66px;
    opacity: 1;
    transition: background .2s linear;
    transform: rotate(-45deg);
    background: #033b4a;
}

.products_slider .owl-carousel .owl-nav button.owl-prev,
.product-item-detail-slider-left {
    right: 51px;
    bottom: calc(100% + 29px);
    margin-right: 0;
}
.products_slider .owl-carousel .owl-nav button.owl-next,
.product-item-detail-slider-right {
    right: 0;
    bottom: calc(100% + 29px);
    margin-right: 0;
}
.products_slider .owl-carousel .owl-nav button:after,
.product-item-detail-slider-left:after,
.product-item-detail-slider-right:after {
    bottom: 0;
    left: 6px;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    border: none;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.product-item-detail-slider-left:after,
.product-item-detail-slider-right:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -6px;
    left: 6px;
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    content: '';
    transform: rotate(90deg);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.products_slider .owl-carousel .owl-nav button.owl-next:after {
    left: -6px;
    transform: rotate(225deg);
}

.product-item-detail-slider-right:after {
    bottom: 0;
    left: -6px;
    transform: rotate(-90deg);
}

.product-item-detail-slider-right {
    bottom: 60px;
    top: auto;
    right: 13px;
}

.product-item-detail-slider-left {
    bottom: 13px;
    top: auto;
    right: 60px;
    left: auto;
}

.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover {
    background: #00afa1;
    opacity: 1;
}

.product-item-detail-slider-block.product-item-detail-slider-block-square {
    padding-top: 85%;
    margin-bottom: 58px;
}

.product-item-detail-slider-controls-block {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 94px;
    overflow: hidden;
}

.product-item-detail-slider-controls-image {
    border: 1px solid #ccc;
    outline: none;
    width: 139px;
    height: 94px;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: inline-block;
}


.bx-no-retina .product-item-detail-slider-controls-image.active,
.bx-retina .product-item-detail-slider-controls-image.active {
    border: 1px solid #00A0E3;
    outline: none;
}

.products_slider .slide a {
    text-decoration: none;
}
.products_slider .slide {
    border: 1px solid #F2F2F2;
    position: relative;
    transition: bottom 0.5s;
    bottom: 0px;
    border-radius: 2px;
    height: 366px;
}
/*
.products_slider .slide:hover{
    box-shadow: 0px 4px 20px rgba(208, 208, 208, 0.2);
    bottom: 0;
}
*/
.products_slider .slide .product:hover,
.products_list li .product:hover {
    box-shadow: 0px 4px 20px rgba(208, 208, 208, 0.2);
    top: -10px;
}

.products_slider .product-item-container + .product-item-container {margin-top: 15px;}

.products_slider .slide:hover .name {
    color: #00A0E3;
}
.products_slider .bottom_text {
    padding: 22px 20px 59px;
}
.products_slider .date {
    font-size: 14px;
    line-height: 17px;
    color: #00A0E3;
    margin-bottom: 17px;
}
.products_slider .name {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #033B4A;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.products_slider .img:after {
    position: absolute;
    right: -37px;
    top: -37px;
    display: block;
    width: 74px;
    height: 74px;
    content: '';
    transform: rotate(-45deg);
    background-color: #fff;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}
.products_slider img {
    width: 100%;
    max-height: 193px;
    object-fit: cover;
}
.products_slider .link {
    font-size: 16px;
    line-height: 21px;
    color: #033B4A;
    padding: 15px 45px;
    border: 1px solid #00AFA1;
    margin-top: 32px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    max-width: 190px;
    transition: all 0.2s;
}
.products_slider .link:hover {
    color: #FFFFFF;
    background-color: #00AFA1;
}
.products_slider .link:after {
    position: absolute;
    right: -7px;
    bottom: -7px;
    display: block;
    width: 14px;
    height: 14px;
    content: '';
    background-color: #fff;
    transform: rotate(-45deg);
    border-top: 1px solid #00AFA1;
}

.products_slider .slide {height: auto;}

.products_slider {
    padding-top: 70px;
    background: #FCFCFC;
    overflow: hidden;
    margin-top: 50px;
    padding-bottom: 80px;
    margin-bottom: 0;
}

.products_slider .slider {margin-top: 65px;}

.products_slider .owl-carousel .owl-nav button.owl-prev,
.products_slider .owl-carousel .owl-nav button.owl-next {
    bottom: calc(100% + 65px);
}

.products_slider {
    position: relative;
    overflow: hidden;
}

.products_slider:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    border: 100px solid rgba(0,0,0,0);
    border-bottom: none;
    border-top: 100px solid #fff;
    right: -100px;
}

.products_slider .slide {border: none;}

.cat_numbers ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.cat_numbers ul li {
    width: 33%;
    margin-bottom: 20px;
}

.cat_numbers ul li a {
    color: #c4c4c4;
    font-size: 24px;
    line-height: 1;
    text-decoration: none;
}

.cat_numbers ul li a span {
    display: inline-block;
    vertical-align: top;
    color: #333;
    margin-right: 25px;
    border-bottom: 1px dashed;
    transition: color .2s linear, border-color .2s linear;
    -webkit-transition: color .3s linear, border-color .2s linear;
}

.cat_numbers ul li a span:hover {
    color: #00afa1;
    border-color: rgba(0,0,0,0);

}

body{overflow-x:hidden;}


/*----------------------Фильтр------------------------*/

.middle_with_sidebar {
    display: table;
    width: 100%;
    margin: 0 auto 40px;
}

.middle_with_sidebar >* {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.middle_with_sidebar .left_side {
    width: 315px;
    padding-right: 20px;
}

.filter_button {display: none;}


.filter_block {
    margin-bottom: 24px;
}

.filter_block h4 {
    font-size: 17px;
    line-height: 22px;
    color: #333;
    margin-bottom: 17px;
    font-weight: 400;
}

.sort {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 44px;
}
.filter .sort > div,
.left_side .sort > div {
    font-size: 14px;
    line-height: 130%;
    color: #333;
}




.filter .nice-select.open .current {
    border-color: #E5E5E5;
}

.filter .error,
.filter .error + .nice-select .current {
    border-color: #E5E5E5;
}


.filter select {
    display: none;
}

.filter .nice-select {
    position: relative;
    display: block;
}

.filter .nice-select .current {
    color: #333;
    line-height: 42px;
    position: relative;
    display: block;
    overflow: hidden;
    height: 42px;
    padding: 0 30px 0 20px;
    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}

.filter .nice-select .current.selected {
    color: #00afa1;
}

.filter .nice-select .current:after {
    position: absolute;
    top: -4px;
    right: 16px;
    bottom: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    content: '';
    transform: rotate(-45deg);
    border-bottom: 2px solid #bdbdbd;
    border-left: 2px solid #bdbdbd;
}

.filter .nice-select .list {
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;
    visibility: hidden;
    overflow: hidden;
    min-width: 100%;
    padding: 5px 0;
    transition: .2s linear;
    opacity: 0;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    background: #fff;
}

.filter .nice-select.open .list {
    top: calc(100% - 1px);
    visibility: visible;
    opacity: 1;
}

.filter .nice-select .list .scrollbar {
    overflow: auto;
    max-height: 240px;
}

.filter .nice-select .list .list_item {
    padding: 7px 20px;
    cursor: pointer;
    transition: .2s linear;
}

.filter .nice-select .list .list_item:empty {
    display: none;
}

.filter .nice-select .list .list_item:hover,
.filter .nice-select .list .list_item.selected {
    color: #00afa1;
}

.filter .nice-select .list .disabled {display: none;}

.filter .sort .nice-select {
    width: 163px;
}


.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}
.irs-line-left {
    left: 0;
    width: 11%;
}
.irs-line-mid {
    left: 9%;
    width: 82%;
}
.irs-line-right {
    right: 0;
    width: 5%;
}
.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}
.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}
.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}
.irs-slider.type_last {
    z-index: 2;
}
.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}
.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}
.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: 22px;
    left: 0;
    cursor: default;
    white-space: nowrap;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    color: #333;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}
.irs-grid-pol.small {
    height: 4px;
}
.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}
.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0,0,0,0);
    z-index: 2;
}
.lt-ie9 .irs-disable-mask {
    background: #000;
    cursor: not-allowed;
}
.irs-disabled {
    opacity: 0.4;
}
.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.irs-with-grid {
    height: 75px;
}
.irs-line {
    height: 4px;
    border-radius: 0;
    background: #00A0E3;
    top: 6px;
    width: 100%;
    box-sizing: border-box;
}
.irs-line-left {height: 4px;}
.irs-line-mid {height: 4px;}
.irs-line-right {height: 4px;}

.irs-bar {
    height: 4px;
    top: 6px;
    background: #00AFA1;
}

.irs-slider {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    background: #00A0E3;
    border-radius: 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.irs {height: 16px;}

.inputs-group {
    position: relative;
    font-size: 0;
}

.inputs-group input {
    width: 100px;
    height: 50px;
    outline: none;
    font-size: 18px;
    text-align: center;
    border: 1px solid #000;
}

.inputs-group input + input {float: right;}

.inputs-group:after {
    content: '-';
    line-height: 60px;
    width: 5px;
    font-size: 18px;
    color: #000;
    position: absolute;
    margin: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
}

.range-container {margin-bottom: 52px;}

.range_outer {border-bottom: 1px solid #E5E5E5;}

.filter_block.filter_select {
    background: #fff;
    margin-bottom: 17px;
}

.filter_block + .filter_select {
    margin-top: -25px;
}

.filter_block.filter_select + .filter_select {margin-top: 0;}

input[type="radio"],
input[type="checkbox"] {
    display: none;
}


input[type="radio"] + label,
input[type="checkbox"] + label {
    padding-left: 39px;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    display: inline-block;
    margin-bottom: 17px;
    position: relative;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    position: absolute;
    left: 0;
    margin: auto;
    bottom: -10px;
    top: -10px;
    cursor: pointer;
}

input[type="checkbox"]:checked + label:before {background: url('/image/template/check.png') no-repeat 50%}
input[type="checkbox"] + label a {color: #000;}

.filter_block .checkboxset {
    padding: 8px 22px 0;
}

.filter input[type="checkbox"] + label {
    margin-bottom: 23px;
    line-height: 20px;
}

.filter_block .checkboxset >*:last-child {margin-bottom: 10px;}

.filter .button {
    display: inline-block;
    vertical-align: middle;
    width: 209px;
    height: 51px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #FFF;
    background: #033B4A;
    margin-right: 10px;
    cursor: pointer;
    outline: none;
    border: none;
    transition: background .3s;
    -webkit-transition: background .3s;
}

.filter .button:hover {
    background: #00afa1;
}

.filter .filter_reset {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 130%;
    color: #535E6B;
    border: none;
    background: rgba(0,0,0,0);
    border-bottom: 1px dashed;
    text-decoration: none;
    transition: color .2s linear, border-color .2s linear;
    -webkit-transition: color .2s linear, border-color .2s linear;
}

.filter .filter_reset:hover {
    color: #00afa1;
    border-color: rgba(0,0,0,0);
}

.products_list {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.products_list .product {
    margin-bottom: 21px;
}

.products_list:after {
    content: '';
    display: inline-block;
    width: 295px;
}

.banner {
    width: 100%;
    margin-bottom: 27px;
}

.banner img {
    display: block;
    width: 100%;
}


.pagination {
    height: 51px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 34px 0 55px;
}

.pagination:before {
    content: '';
    display: block;
    margin: auto;
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    border-top: 1px solid #BDBDBD;
}

.pagination ul {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    height: 51px;
    background: #fff;
    overflow: hidden;
    align-items: center;
    display: flex;
    margin: 0;
    list-style: none;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 13px;
}

.pagination ul:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #00AFA1;
}

.pagination ul:after {
    content: '';
    display: block;
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    z-index: 2;
    background: #fff;
    border: 1px solid #00AFA1;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.pagination ul li {
    margin: 0 7px;
    font-size: 16px;
    color: #033B4A;
    position: relative;
    z-index: 2;
    min-width: 12px;
    text-align: center;
}

.pagination ul li a {
    color: #033B4A;
    text-decoration: none;
    transition: color .3s;
}

.pagination ul li a:hover,
.pagination ul li span {
    color: #00AFA1;
}

.pagination .prev,
.pagination .next {
    display: block;
    width: 8px;
    height: 20px;
}

.prev {
    background: url('/image/template/prev.svg') no-repeat 0 50%;
    margin: 0 28px 0 0;
}
.next {
    background: url('/image/template/next.svg') no-repeat 100% 50%;
    margin: 0 0 0 28px;
}

.middle_with_sidebar .text_block {text-align: justify;}


.after-slide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 94px;
    overflow: hidden;
}
.after-slide .img {border: 1px solid #ccc;width: 139px;height: 94px;background-position: 50% !important;background-repeat: no-repeat !important;background-size: contain !important;display:inline-block;}
.after-slide .img + .img {margin-left:1px;}
.after-slide .img.active {border: 1px solid #00A0E3;}

.product-main {overflow: hidden;}

.product-main__slider,
.product-item-detail-slider-container {
    width: 618px;
    float: right;
}

.product-main__content {
    width: calc(100% - 668px);
}

.product-main__slider .owl-nav {
    position: absolute;
    z-index: 5;
    left: 30px;
    bottom: 153px;
}

.product-main__slider .slider .item {
    height: 527px;
    margin-bottom: 58px;
}

.product-main__slider .slider .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-main__slider .slider {position: relative;}

.product-main .block_head .title {
    font-weight: 900;
    font-size: 36px;
    line-height: 42px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.product-main .block_head .title:after {
    width: 230px;
}


.product-main__art {
    font-size: 14px;
    line-height: 130%;
    color: #ADADAD;
    margin-bottom: 14px;
}

.product-main__text {
    font-size: 17px;
    line-height: 22px;
    max-width: 500px;
    margin-bottom: 10px;
}

.product-main__tech {
    padding: 0;
    font-size: 14px;
    margin: 0;
    min-height: 0;
    margin-bottom: 0;
    max-width: 376px;
    margin-bottom: 8px;
}

.product-main__tech li {margin-bottom: 0;}

.product-main__tech li:nth-child(3) ~ li {display: none;}
.product-main__tech.show li:nth-child(3) ~ li {display: flex;}

.product-main__tech li span {
    bottom: -13px;
    padding-right: 15px;
    margin-bottom: 7px;
    min-width: 0;
}

.product-main__tech li span + span {
    padding-right: 0;
    padding-left: 15px;
}

.product-main .all_tech {
    display: inline-block;
    color: #00A0E3;
    font-size: 12px;
    line-height: 130%;
    margin-top: 1px;
    margin-bottom: 29px;
    text-decoration: none;
    transition: color .2s linear, border-color .2s linear;
    border-bottom: 1px dashed;
}

.all_tech:hover {
    color: #00afa1;
    border-color: rgba(0,0,0,0);
}


.product-main__radio {
    display: inline-block;
    vertical-align: top;
    width: 234px;
    margin-right: 28px;
    font-size: 0;
    margin-bottom: 38px;
}

.product-main__radio div {
    font-size: 17px;
    line-height: 22px;
    color: #333;
    margin-bottom: 9px;
}

.product-main__radio input[type="radio"] +label:before {display: none;}

.product-main__radio input[type="radio"] +label {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 9px 0;
    height: 42px;
    line-height: 41px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    background: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.product-main__radio input[type="radio"]:checked +label {
    background: #00AFA1;
    border: 1px solid #00AFA1;
    color: #fff;
}

.product-main__radio.product-main__radio-size input[type="radio"] +label {width: 90px;}
.product-main__radio.product-main__radio-color input[type="radio"] +label {width: 105px;}

.product-main__left,
.product-main__right {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 4px;
    position: relative;
}

.product-main__left {
    width: 151px;
    margin-right: 8px;
    height: 127px;
}

.product-main__left .product-item-detail-info-container {
    position: absolute;
    left: 0;
    top: 59px;
    margin-top: 0;
}

.product-main__left .product-item-amount-field-container {margin-top: 0;}

.product-main__right >div {
    position: absolute;
    left: 0;
    top: 59px;
}

.product-main__right >.product-main__price {position: static;}

.product-main__left .product-item-detail-info-container-title {display: none;}

.product-main__left .avail,
.product-main__left .not_avail {
    white-space: nowrap;
    font-size: 14px;
    line-height: 130%;
    color: #00AFA1;
    margin-bottom: 8px;
}

.product-main__left .not_avail {color: #ADADAD;}

.product-main__left .avail_check {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #ADADAD;
    border-bottom: 1px dashed;
    text-decoration: none;
    margin-bottom: 18px;
    transition: color .2s linear, border-color .2s linear;
}

.product-main__left .avail_check:hover {
    color: #00A0E3;
    border-color: rgba(0,0,0,0);
}


.product-main .amount,
.order_table .amount,
.order_table .spinner,
.product-item-amount-field-container {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin-top: 17px;
}

.order_table .spinner,
.product-item-amount-field-container {
    flex-wrap: nowrap;
    margin-top: 0;
}

.product-item-amount-field-container {
    width: 150px;
    height: 45px;
    margin-top: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    justify-content: space-between;
}


.order_table .basket-items-list-item-price,
.order_table .basket-items-list-item-remove {
    vertical-align: middle;
}

.product-main .amount button,
.order_table .amount button,
.order_table .spinner .basket-item-amount-btn-minus,
.order_table .spinner .basket-item-amount-btn-plus,
.product-item-amount-field-container .product-item-amount-field-btn-minus,
.product-item-amount-field-container .product-item-amount-field-btn-plus  {
    position: relative;
    z-index: 3;
    display: block;
    width: 38px;
    height: 45px;
    cursor: pointer;
    background: rgba(0,0,0,0);
}

.product-main .amount button:before,
.order_table .amount button:before,
.order_table .spinner .basket-item-amount-btn-minus:before,
.order_table .spinner .basket-item-amount-btn-plus:before,
.product-item-amount-field-container .product-item-amount-field-btn-minus:before,
.product-item-amount-field-container .product-item-amount-field-btn-plus:before {
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    content: '';
    transform: rotate(-45deg);
    border-top: 2px solid #bdbdbd;
    border-right: 2px solid #bdbdbd;
}

.product-item-amount-field-container .product-item-amount-field-btn-minus:after,
.product-item-amount-field-container .product-item-amount-field-btn-plus:after {
    display: none;
}

.product-main .amount button.minus:before,
.order_table .amount button.minus:before,
.order_table .spinner .basket-item-amount-btn-minus:before,
.product-item-amount-field-container .product-item-amount-field-btn-minus:before {
    top: -4px;
    transform: rotate(-225deg);
}

.product-main .amount .input,
.order_table .amount .input,
.order_table .basket-item-amount-filed,
.product-item-amount-field-container .product-item-amount-field {
    color: #333;
    font-size: 17px;
    display: block;
    width: 100%;
    padding: 0 20px;
    transition: border-color .2s linear;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    width: 150px;
    height: 45px;
    margin: 0 -38px;
    padding: 0 37px;
    text-align: center;
    font-weight: 400;
}


.product-item-amount-field-container .product-item-amount-field {
    margin: 0;
    outline: none !important;
    font-size: 17px !important;
    padding: 0;
    border-radius: 0;
    border: none;
}

.order_table .basket-item-amount-field-description {display: none !important;}

.order_table  .basket-items-list-item-amount {vertical-align: middle;}

.product-main .amount .unit,
.order_table .amount .unit {
    font-size: 18px;
    line-height: 21px;
    margin-left: 9px;
}

.product-main .amount .unit sup,
.order_table .amount .unit sup {
    font-size: 10px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
}

.order_table .amount {
    width: 151px;
    margin: auto;
}

.basket-results__nums {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #333;
}

.basket-results__nums div {
    display: inline-block;
    font-size: 30px;
    line-height: 36px;
    color: #033B4A;
    margin-left: 31px;
    white-space: nowrap;
    margin-bottom: 16px;
}

.basket-results .summ-price-old {
    display: block;
    text-decoration: line-through;
    font-size: 24px;
    line-height: 26px;
    text-align: left;
    margin-left: 84px;
}

.cart.block {overflow: hidden;}

.button.order {
    display: inline-block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #033B4A;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #FFFFFF;
    transition: background .3s;
}

.basket-results {
    width: 293px;
    text-align: left;
    float: right;

}

.button.order:hover {
    background: #00afa1;
}

.product-main__right {
    width: 330px;
    height: 127px;
}

.product-main__price {
    font-size: 14px;
    line-height: 130%;
    color: #333;
    margin-bottom: 7px;
    padding-left: 15px;
}

.product-main__price div {
    display: inline-block;
    vertical-align: bottom;
    font-size: 30px;
    line-height: 36px;
    color: #033B4A;
    white-space: nowrap;
    margin-right: 10px;
}

.product-main__price .product-item-detail-price-old {
    font-size: 18px;
    font-weight: 400;
    margin-right: 0;
}
/*
.product-main__price div:after {
    content: ' руб.';
    font-size: 20px;
}
*/

.product-main .to_basket {
    display: block;
    width: 171px;
    height: 45px;
    position: relative;
    text-align: left;
    padding-left: 19px;
    overflow: hidden;
    font-size: 17px;
    line-height: 20px;
    color: #FFF;
    line-height: 45px;
    background: url('/image/template/icon_basket.svg') no-repeat center right 23px #00A0E3;
    transition: background .3s;
    -webkit-transition: background .3s;
}

.product-main .to_basket:hover {background-color: #00afa1;}

.product-main .to_basket:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
    border: 13px solid rgba(0,0,0,0);
    border-top: none;
    border-bottom: 13px solid #fff;
    right: -13px;
}

.product_tabs {
    padding: 80px 0 47px;
}

.tabs >ul {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs >ul li {
    width: 23.8%;
    height: 69px;
    text-align: center;
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    border-radius: 4px 4px 0px 0px;
    font-size: 24px;
    line-height: 68px;
    text-align: center;
    color: #ADADAD;
    margin-bottom: -1px;
    cursor: pointer;
}

.tabs >ul li.active {
    color: #033B4A;
    border-width: 1px 1px 0px 1px;
}

.tabs > div {
    border: 1px solid #E0E0E0;
    border-radius: 0px 0px 4px 4px;
    padding: 30px 35px;
}

.services-min {
    padding: 70px 0 0;
    margin-bottom: -20px;
}

.services-min__links {
    font-size: 0;
    margin-bottom: 50px;
}

.services-min__links li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}

.services-min__links li a {
    display: block;
    height: 22px;
    line-height: 21px;
    text-decoration: none;
    background: #FCFCFC;
    border: 1px solid #00A0E3;
    border-radius: 4px;
    padding: 0 18px;
    font-size: 12px;
    color: #00A0E3;
    text-decoration: none;
    transition: color .3s, background .3s;
    -webkit-transition: color .3s, background .3s;
}

.services-min__links li a:hover {
    background: #00A0E3;
    color: #fff;
}

.services-min__list {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-right: 110px;
    margin-top: 67px;
}

.services-min__list li {
    margin-bottom: 70px;
    width: 275px;
    margin-right: 10px;
}

.services-min__list li a {
    font-size: 30px;
    line-height: 36px;
    color: #033B4A;
    text-decoration: none;
    transition: color .3s;
    -webkit-transition: color .3s;
}

.services-min__list li a:hover {
    color: #00A0E3;
}

.services-min__list .all_services {
    display: inline;
    color: #00A0E3;
    font-size: 24px;
    line-height: 130%;
    margin-top: 1px;
    text-decoration: none;
    transition: color .2s linear, border-color .2s linear;
    border-bottom: 1px dashed;
}

.services-min__list .all_services:hover {
    color: #00AFA1;
    border-color: rgba(0,0,0,0);
}

.order_table table,
.order_table table tr,
.order_table table th,
.order_table table td {
    margin:0;
    padding:0;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
}

#basket-root {overflow: hidden;}

.order_table table {
    width: 100%;
    text-align: left;
    margin-bottom: 17px;
    border-collapse:separate;
    border-spacing: 23px;
    width: calc(100% + 42px);
    margin-left: -21px;
    /*margin-top: -36px;*/
}

.order_table table th {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #ADADAD;
}

.order_table tr + tr,
.order_table tr {
    /*box-shadow: 0 0 0 1px #E0E0E0, 0px 4px 20px rgba(230, 230, 230, 0.2);*/
    border-radius: 4px;
}

.order_table table td {
    padding: 24px 0 30px;
}

.order_table td .price {
    white-space: nowrap;
    font-size: 24px;
    color: #033B4A;
}
/*
.order_table td .price:after {
    content: ' руб.';
    font-size: 16px;
}
*/
.basket_product,
.product_bask {
    display: inline-block;
    vertical-align: middle;
    min-height: 97px;
    line-height: 97px;
    padding: 0 0 0 144px;
    position: relative;
    margin: 0 10px 0 23px;
    text-decoration: none;
    max-width: 500px;
}

.basket_product .basket_image,
.product_bask .product_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 118px;
    height: 97px;
    margin: 0;
    display: block;
}

.basket_product .basket_image img,
.product_bask .product_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.basket_product .basket_text,
.product_bask .product_name {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 22px;
    color: #000;
}

.basket_product .basket_text .basket_tech {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 130%;
    color: #00AFA1;
}

.order_table .price span {
    display: block;
    font-size: 18px;
}


.order_table td .price:after {display: none}

.order_table .remove {
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background: url('/image/template/icon_remove.svg') no-repeat 50%;
    transition: transform .3s;
    -webkit-transition: transform .3s;
}

.order_table .remove:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.order_table table tr th,
.order_table table tr td {
    width: 13%;
}

.order_table table tr th:nth-child(3) {text-align: center;}
.order_table table tr th:first-child {padding-left: 167px;}

.order_table table tr th:first-child,
.order_table table tr td:first-child {
    width: auto;
}

.order_table table tr th:last-child,
.order_table table tr td:last-child {
    width: 100px;
}


.order_table table tr th:nth-child(4) {
    text-align: center;
}

.order_table table tr td:nth-child(4) {
    text-align: right;
}

.order_bottom {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: baseline;
    padding-left: 161px;

    float: left;
    width: 60%;
}

.order_back {
    color: #00A0E3;
    font-size: 16px;
    line-height: 130%;
    margin-left: 20px;
    position: relative;
    margin-bottom: 15px;
    text-decoration: none;
    transition: color .2s linear, border-color .2s linear;
    border-bottom: 1px dashed;
}

.order_back:before {
    content: '';
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    left: -20px;
    margin: auto;
    bottom: 0;
    top: 1px;
    background: url('/image/template/icon_back.svg') no-repeat 0 50%;
}

.order_back:hover {
    color: #00AFA1;
    border-color: rgba(0,0,0,0);
}

.order_back + form {position: relative;}


.order_remove {
    color: #ADADAD;
    padding: 0;
    background: rgba(0,0,0,0);
    font-size: 16px;
    line-height: 130%;
    margin-right: 24px;
    position: relative;
    margin-bottom: 15px;
    text-decoration: none;
    border: none;
    border-bottom: 1px dashed;
    transition: color .2s linear, border-color .2s linear;
}

.order_back + form:after,
.order_remove:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    right: -24px;
    top: 4px;
    background: url(/image/template/icon_remove.svg) no-repeat 50%;
    transition: transform .3s;
    -webkit-transition: transform .3s;
}

.order_back + form:after {right: 0;}

.order_remove:hover:after,
.order_back + form:hover:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.order_remove:hover,
.order_back + form:hover:after {border-color: rgba(0,0,0,0);}

.order_final {
    width: 293px;
}

.order_final__price {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #333;
}

.order_final__price div {
    display: inline-block;
    font-size: 30px;
    line-height: 36px;
    color: #033B4A;
    margin-left: 31px;
    white-space: nowrap;
    margin-bottom: 31px;
}
/*
.order_final__price div:after {
    content: ' руб.';
    font-size: 20px;
}
*/
.order_final .button {
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #033B4A;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #FFFFFF;
    transition: background .3s;
}

.order_final .button:hover {background: #00afa1;}

.cart .banner {
    margin-top: 94px;
}

.search > .products_list,
.cont > .products_list {
    display: block;
    width: calc(100% + 40px);
    font-size: 0;
}

.search > .products_list >li,
.cont > .products_list > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}


.cont > .pagination {
    margin: 10px 0 30px;
}

.search {
    margin-bottom: 22px;
    width: 100%;
}

.search > form {
    position: relative;
    height: 42px;
}

.search > form input[type="text"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 315px;
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding-left: 22px;
    font-size: 17px;
    color: #333;
    outline: none;
}

.search > form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 293px;
    height: 42px;
    background: #033B4A;
    outline: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border: none;
    transition: background .3s;
}

.search > form input[type="submit"]:hover {
    background: #00AFA1;
}


.services_list {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 0 -10px;
    padding: 0;
    list-style: none;
}

.services_list li {
    width: 600px;
    margin-bottom: 62px;
}

.service-block {
    display: block;
    height: 323px;
    padding-left: 325px;
    position: relative;
    text-decoration: none;
}

.service-block__image {
    display: block;
    width: 295px;
    height: 323px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.service-block__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-block__image:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 60px solid transparent;
    border-bottom: none;
    border-top: 60px solid #fff;
    position: absolute;
    right: -60px;
    top: 0;
}

.service-block__name {
    padding-top: 46px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 30px;
    line-height: 36px;
    color: #033B4A;
    margin-bottom: 37px;
}

.service_block__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 140%;
    color: #033B4A;
    margin-bottom: 22px;
}

.service-block__link {
    font-size: 16px;
    line-height: 130%;
    color: #00A0E3;
    position: relative;
    border-bottom: 1px dashed;
    transition: color .2s linear, border-color .2s linear;
}

.service-block__link:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -22px;
    margin: auto;
    top: 4px;
    bottom: 0;
    background: url('/image/template/icon_arrow_service.svg') no-repeat 50%;
    transition: right .3s;
}

.service-block:hover .service-block__link:before {
    right: -32px;
}

.service-block:hover .service-block__link {border-color: rgba(0,0,0,0);}


.fixed_btns {right: -100px;}

.fixed_btns div {
    width: 160px;
    position: relative;
}

.fixed_btns a {
    width: 160px;
    transform: translateX(0);
}

.fixed_btns a:hover {
    transform: translateX(-100px);
}

header .cont {position: relative;}


#searchbar {
    position: absolute;
    top: 4px;
    right: 5px;
    height: 0;
    width: 503px;
    z-index: 5;
    background: #fff;
}

#searchbar.active {height: 63px;}

#searchbar .form {
    overflow: hidden;
    position: relative;
    width: 0;
    float: right;
    height: 100%;
    background: #fff;
    transition: width .5s;
    -webkit-transition: width .5s;
}

#searchbar.active .form {width: 100%;}

#searchbar input {
    height: 100%;
    display: block;
    border: none;
    outline: none;
}

#searchbar input[type="text"] {
    width: 100%;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    color: #000;
    font-size: 17px;
    padding-left: 22px;
}

#searchbar input[type="text"]::-webkit-input-placeholder {color: #ADADAD;}

#searchbar input[type="submit"] {
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    background: url(/image/icon_search.svg) no-repeat 1px 50%;
    cursor: pointer;
}


.index-cat.block {margin-bottom: 0;}

.index-cat.block + .products_slider {margin-top: 30px;}

.index-cat__list {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    columns: auto;
    columns: 4;
}

.index-cat__list a {
    vertical-align: middle;
    position: relative;
    padding-left: 39px;
    padding-right: 0;
    line-height: 20px;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    color: #333;
    text-decoration: none;
}

.index-cat__list li {margin-bottom: 13px;}

.index-cat__list li a img {
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    left: 0;
}

.index-cat__list li a:hover {
    color: #006894;
    background: rgba(0,0,0,0);
}


.sklad_avail {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.2);
}

.sklad_avail .sklad_content {
    padding: 36px 40px 30px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 103;
    max-width: 440px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    position: relative;
    background: #fff;

    border: 1px solid #E0E0E0;
    box-shadow: 0px 4px 20px rgb(230 230 230 / 20%);
    border-radius: 4px;
}


.sertif {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sertif a {
    width: 30%;
    margin-bottom: 10px;
}

.sertif a img {width: 100%;}

.sertif:after {
    content: '';
    width: 30%;
}


.left_side .nice-select.open .current
{
    border-color: #e5e5e5;
}


.form .error + .nice-select .current
{
    border-color: red;
}


.left_side select
{
    display: none;
}

.left_side .nice-select
{
    position: relative;

    display: block;
}

.left_side .nice-select .current,
.left_side .bx-filter .bx-filter-select-container
{
    color: #333;
    line-height: 42px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 42px;
    padding: 0 44px 0 20px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}

.left_side .nice-select .current.selected
{
    color: #00afa1;
}

.left_side .nice-select .current:after
{
    position: absolute;
    top: -4px;
    right: 16px;
    bottom: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-bottom: 2px solid #bdbdbd;
    border-left: 2px solid #bdbdbd;
}

.left_side .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    padding: 5px 0;

    transition: .2s linear;

    opacity: 0;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    background: #fff;
}

.left_side .nice-select.open .list
{
    top: calc(100% - 1px);

    visibility: visible;

    opacity: 1;
}

.left_side .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 240px;
}

.left_side .nice-select .list .list_item
{
    padding: 7px 20px;

    cursor: pointer;
    transition: .2s linear;
}

.left_side .nice-select .list .list_item:empty
{
    display: none;
}

.left_side .nice-select .list .list_item:hover,
.left_side .nice-select .list .list_item.selected
{
    color: #00afa1;
}

.left_side .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

.left_side .bx-filter .bx-filter-select-text {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 0;
    border: none;
    border-radius: 0;
    background: #fff;
    font-size: 17px;
    line-height: 39px;
}

.left_side .bx-filter .bx-filter-select-container {
    padding: 0;
}


.left_side .bx-filter .bx-filter-select-block {
    height: 40px;
    padding: 0 44px 0 20px;
}


.left_side .nice-select.open .list {
    top: calc(100% - 1px);
    visibility: visible;
    opacity: 1;
    padding: 5px 0;
}

.left_side .bx-filter .bx-filter-select-arrow {
    position: absolute;
    top: -4px;
    right: 16px;
    bottom: 0;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    background: rgba(0,0,0,0);
    transform: rotate(-45deg);
    border-bottom: 2px solid #bdbdbd;
    border-left: 2px solid #bdbdbd;
}

.bx-filter-select-popup {
    width: 294px;
    transition: .2s linear;
    visibility: hidden;
    opacity: 0;
    margin-top: 30px;
    margin-top: -3px;
    visibility: visible;
    opacity: 1;
    background: #fff;
    padding: 5px 0;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
}

.bx-filter-select-popup ul li {
    padding: 7px 20px;
    cursor: pointer;
    transition: .2s linear;
}

.bx-filter-select-popup ul li label {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    transition: color .3s;
}

.bx-filter-select-popup ul li:first-child {
    border: none;
}

.bx-filter-select-popup ul li label.selected,
.bx-filter-select-popup ul li label:hover {
    color: #00afa1;
    background: rgba(0,0,0,0);
}


div[id^="smartFilterDropDown"],
div[id^="popup-window-content-smartFilterDropDown"] {
    background: rgba(0,0,0,0);
    padding: 0;
}

.bx-filter .bx-ui-slider-part.p2,
.bx-filter .bx-ui-slider-part.p3,
.bx-filter .bx-ui-slider-part.p4 {
    opacity: 0;
    visibility: hidden;
}

.bx-filter .bx-ui-slider-part {
    background: rgba(0,0,0,0);
}


.left_side .col-xs-offset-1.col-xs-10 {
    margin-left: 0;
    width: 100%;
}

.left_side .bx-filter.bx-blue .bx-ui-slider-pricebar-v {background: #00AFA1}
.left_side .bx-filter.bx-blue .bx-ui-slider-pricebar-vn {background: #00a0e3;}

.left_side .bx-filter .bx-ui-slider-track {height: 4px;}

header .row:before,
header .row:after {
    display: none;
}

header .menu.row {
    margin-left: 0;
    margin-right: 0;
}

#bx-soa-order {
    width: 100%;
    max-width: 1280px;
    margin: 40px auto 0;
    padding: 0 20px;
    max-width: 1310px;
}

.bx-blue .btn.btn-default,
.btn.btn-default2,
#bx-soa-order #bx-soa-orderSave a {
    border-radius: 0 !important;
    background: #033B4A !important;
    transition: background-color .3s;
}

.bx-blue .btn.btn-default:hover,
.btn.btn-default2:hover,
#bx-soa-order #bx-soa-orderSave a:hover {
    background-color: #00afa1 !important;
}

.btn.btn-default2{
    padding: 0.3rem 0.5rem;
    border-radius: 4px !important;
    color: #FFF;
}

.bx-soa-cart-total-button-container>.btn,
#bx-soa-orderSave a {
    line-height: 30px !important;
    padding: 6px 16px !important;
}

.radio-inline label {padding-left: 30px;}

.radio-inline input[type="radio"] {
    -webkit-appearance: auto;
    appearance: auto;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    margin-left: -30px;
    margin-top: -2px;
}

.radio-inline {padding-left: 0;}

#bx-soa-order .bx-soa-section-title-container,
#bx-soa-order .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
    background-color: #f2f2f2;
}

.calc .label {
    color: #000 !important;
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
}

.calc input[type="checkbox"] + label {
    padding-left: 0;
    font-size: 17px;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 400;
}

.calc input[type="checkbox"] + label:before {display: none;}

/*

.bx-soa-section-content {display: block !important;}

.bx-soa-section {
    border: 1px solid #91cedc !important;
}
*/

.search > form + .products_list {margin-top: 40px;}


.sale_order_full_table ~ .sale_order_full_table {
    margin-bottom: 60px;
}


.sale_order_full_table  .ps_logo {padding-bottom: 15px;}

.sale_order_full_table  .ps_logo .pay_name  {
    margin-bottom: 10px;
}


.sale_order_full_table  .ps_logo img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 45px !important;
    height: auto !important;
}


.sale_order_full_table  .ps_logo .paysystem_name {
    display: inline-block;
    vertical-align: middle;
}

.popup-window-close-icon:after {
    width: 25px !important;
    height: 25px !important;
}

@media (max-width: 1280px) {
    .cat-list {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .cat-min li {width: auto;}
    .cat-min:after {
        display: none
    }

    #bx-soa-order {
        margin: 40px -15px 0;
        width: calc(100vw + 30px)
    }


    .cat-big .cat-block {width: 399px;}

    .cat-big:after {
        content: '';
        display: inline-block;
        width: 399px;
    }

    .cat-big .cat-block__image {margin-bottom: 14px;}

    .cat-big .cat-block__image:before {
        border: 64px solid rgba(0,0,0,0);
        border-bottom: none;
        border-top: 64px solid #fff;
        right: -64px;
    }

    .products_slider {margin-top: 20px;}

    .products_list:after {display: none}

    .products_list {
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }

    .index-cat__list {
        columns: auto;
        display: block;
        font-size: 0;
    }

    .index-cat__list li {
        width: 33%;
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width: 1279px) {
    .product_tabs {padding-top: 0;}
    .product_tabs {padding-bottom: 0;}

    .services-min.block {
        padding: 0;
        margin-bottom: 0
    }

    .search > .products_list,
    .cont > .products_list {
        display: flex;
        -webkit-display: flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        width: 100%
    }

    .search > .products_list >li,
    .cont > .products_list > li {
        float: none;
        margin-right: 0;
    }

    .services_list {
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }
}

@media (max-width: 1200px) {
    .products_slider .product {margin: auto;}
}

@media (max-width: 1024px) {
    .product-item-detail-slider-container,
    .product-main__slider {
        margin: auto;
        float: none;
        margin-bottom: 40px
    }

    .product-main__content {
        width: 100%;
    }

    .order_bottom {padding-left: 0;}

    .order_table table th:nth-child(2),
    .order_table table td:nth-child(2) {
        display: none
    }

    .order_table table tr th:last-child,
    .order_table table tr td:last-child {
        width: 50px;
    }

    .sub_menu_list {
        width: auto;
        padding-left: 13px;
        padding-right: 0;
    }

    header .menu .sub_menu a {
        padding: 5px 10px 5px 30px  !important;
    }

    header .menu .sub_menu.sub_menu-cat {
        border-bottom: none  !important;
        border-right: none !important;
        border-left: none !important;
    }

    #searchbar {
        bottom: -2px;
        top: auto;
        width: calc(100% - 10px);
    }

    #searchbar input[type="text"] {padding-left: 7px;}
}

@media (max-width: 991px) {
    .order_table .spinner .basket-item-amount-btn-minus,
    .order_table .spinner .basket-item-amount-btn-plus {
        background: rgba(0,0,0,0);
    }
}

@media (max-width: 980px) {
    .cat_numbers ul li {width: 50%;}
    .cat_numbers ul li a {font-size: 18px;}

    .middle_with_sidebar {
        display: block
    }

    .middle_with_sidebar .left_side,
    .middle_with_sidebar .right_side {
        display: block;
    }

    .middle_with_sidebar .left_side {
        max-width: 400px;
        margin: auto;
        padding-right: 0
    }

    .filter_button{
        display: block;
        margin: 0 auto 30px;
        display: block;
        width: 209px;
        height: 51px;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.02em;
        color: #FFF;
        background: #033B4A;
        cursor: pointer;
        outline: none;
        border: none;
        text-align: center;
        line-height: 51px;
        transition: background .3s;
        -webkit-transition: background .3s;
    }

    .cat_numbers.block {
        margin-bottom: 30px
    }

    .filter {
        display: none;
        margin-bottom: 30px
    }

    .tabs >ul li {
        height: 49px;
        font-size: 18px;
        line-height: 48px;
    }


    .services-min__list {padding-right: 0;}
    .services-min__list li {
        width: 30%;
        margin-bottom: 35px
    }

    .services-min__list li a {
        font-size: 18px;
        line-height:130%;
    }
    .services-min__list .all_services {font-size: 16px;}
}

@media (max-width: 850px) {
    .cat-med:after {
        display: none
    }

    .cat-big,
    .cat-med,
    .cat-med,
    .cat-list {
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }

    .cat-big .cat-block,
    .cat-med .cat-block {width: 289px;}

    .cat-big .cat-block__image,
    .cat-med .cat-block__image {margin-bottom: 14px;}

    .cat-big .cat-block__image:before,
    .cat-med .cat-block__image:before {
        border: 46px solid rgba(0,0,0,0);
        border-bottom: none;
        border-top: 46px solid #fff;
        right: -46px;
    }

    .order_table .amount,
    .order_table .spinner {
        width: 70px;
        position: relative;
    }

    .order_table .amount .input,
    .order_table .basket-item-amount-filed {
        width:70px;
        padding: 0;
        margin: 0;
    }

    .order_table .spinner .basket-item-amount-btn-minus,
    .order_table .amount .minus {
        position: absolute;
        left: 0;
        top: 0;
        width: 25px;
    }

    .order_table .spinner .basket-item-amount-btn-plus,
    .order_table .amount .plus {
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
    }

    .order_table table th:nth-child(3),
    .order_table table td:nth-child(3) {
        width: 80px;
    }

    .index-cat__list li {width: 50%;}
}


@media (max-width: 767px) {
    .products_slider:before {display: none;}
    .products_slider .block_head {
        margin-bottom: 35px;
    }

    .products_slider {padding-top: 30px;}
    .order_bottom {
        width: 100%;
        float: none
    }

    .order_table table tr td:nth-child(3),
    .order_table table tr td:nth-child(4) {
        display: table-cell !important;
        width: 50% !important;
        text-align: center;
    }

    .order_table .spinner {display: inline-block;}

    .order_table td .price {text-align: center !important}


    .product-main .block_head .title {
        font-size: 32px;
        line-height: 36px;
    }

    .basket_product {
        padding: 0 0 0 130px;
        margin: 0 10px 0 0;
    }

    .order_table table tr th:first-child {
        padding-left: 130px;
    }

    .order_table table tr th:last-child,
    .order_table table tr td:last-child {
        width: 25px;
    }

    .search > form input[type="text"] {
        right: 145px;
    }

    .search > form input[type="submit"] {
        width: 130px;
    }

    .bx-soa-cart-total-ghost {display: none !important}
    .bx-soa-sidebar {width: 100% !important;}
    .bx-soa-sidebar {position: static !important}

    .bx-soa-cart-total.bx-soa-cart-total-fixed {
        width: 100% !important;
        position: static !important;
    }

    .basket-items-list-item-remove.hidden-xs {
        display: block !important;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    body .buttonUp {
        width: 50px;
        display: block !important;
        margin: auto !important;
        left: 0 !important;
        right: 0 !important;
    }

    .page_head,
    .page_head .breadcrumbs {width: 100% !important;}

    .breadcrumbs a {white-space: normal;}
}






@media (max-width: 658px) {
    .sertif a {
        width: 47%;
    }

    .sertif:after {
        display: none
    }



    .product-item-detail-slider-container,
    .product-main__slider {
        width: 100%
    }

    .product-main__slider .owl-carousel .owl-nav {
        width: 100%;
        height: 0;
        left: 0;
        margin: auto;
        bottom: 0;
        top: 0;
    }

    .product-main__slider .owl-carousel .owl-nav button,
    .product-item-detail-slider-right,
    .product-item-detail-slider-left {
        width: 51px;
        height: 51px;
        transform: none;
    }

    .product-main__slider .owl-carousel .owl-nav button.owl-prev,
    .product-item-detail-slider-left  {
        left: -20px;
        right: auto;
        bottom: calc(100% + 29px);
        margin-right: 0;
    }
    .product-main__slider .owl-carousel .owl-nav button.owl-next,
    .product-item-detail-slider-right {
        right: -20px;
        bottom: calc(100% + 29px);
        margin-right: 0;
    }
    .product-main__slider .owl-carousel .owl-nav button:after,
    .product-item-detail-slider-left:after,
    .product-item-detail-slider-right:after {
        bottom: 0;
        left: 6px;
        width: 13px;
        height: 13px;
        transform: rotate(45deg);
        border: none;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
    }
    .product-main__slider .owl-carousel .owl-nav button.owl-next:after,
    .product-item-detail-slider-right:after {
        left: -6px;
        transform: rotate(225deg);
    }

    .product-item-detail-slider-left,
    .product-item-detail-slider-right {
        margin: auto;
        bottom: 0;
        top: 0
    }

    .product-main__slider .slider .item {
        height: 0;
        padding-bottom: 90%;
        position: relative;
    }

    .product-main__slider .slider .item img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .product-main__slider .slider .item {margin-bottom: 30px;}

    .after-slide .img,
    .product-item-detail-slider-controls-image {
        width: 100px;
        height: 70px;
    }

    .tabs >ul li {
        width: 50%;
    }

    .tabs >ul li.active {border-width: 1px}

    .services-min__list li {
        width: 48%;
        margin-right: 0;
    }

    .basket_product .basket_image {display: none;}
    .basket_product {padding-left: 10px;}
    .order_table table tr th:first-child {padding-left: 10px;}
    .order_table td .price {font-size: 18px;}
    .basket_product .basket_text {font-size: 16px;}

    .order_table table {
        border-spacing: 10px;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-top: -26px;
    }
}

@media (max-width: 600px) {
    .service-block__image {
        width: 100%;
        height: 200px;
        position: relative;
        left: auto;
        top: auto;
    }

    .service-block {
        padding-left: 0;
        height: auto;
    }

    .index-cat__list li {width: 100%;}
}

@media (max-width: 500px) {
    .products_slider .link {
        margin-top: 25px;
    }
    .products_slider .block_head.center {
        justify-content: flex-start;
    }
    .products_slider .block_head .title:after {
        width: 100%;
    }

    .cat_numbers ul li {
        width: 100%
    }

    .order_table td .price {
        font-size: 15px;
    }

    .order_table td .price:after {font-size: 12px;}
    .basket_product .basket_text {font-size: 14px;}
}

@media (max-width: 479px) {
    .product-main .block_head .title {
        font-size: 28px;
        line-height: 30px;
    }

    .products_slider .block_head {
        margin-right: 120px;
        width: auto;
    }

    .after-slide .img,
    .product-item-detail-slider-controls-image {
        width: 70px;
        height: 50px;
    }

    .product-item-detail-slider-controls-image img {
        max-width:100%;
        max-height:100%;
    }
}

@media (max-width: 360px) {
    .basket-results {width: 100%;}
}







@media (max-width: 1023px) {
    .lk_links .row {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .lk_links .row > * {
        width: calc(50% - 20px);
        text-align: center
    }

    .lk_links .item .desc {
        font-size: 14px;
        line-height: 1.3;
    }
}

@media (max-width:576px){
    .lk .lk_menu {
        float: none;
        width: auto;
        max-width: 400px;
        margin: auto;
    }

    .lk .lk_cont {margin-left: 0;}
}

@media (max-width:360px){
    .order_final {width: 100%;}

    .sertif a {width: 100%;}
}


/*
header .menu .item.item_cat .sub_menu {
    top: 100%;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}
*/

.errortext {
    color: red;
}
/* End */


/* Start:/local/templates/vektor/components/bitrix/sale.basket.basket.line/.default/style.css?16629824344749*/
.bx-basket { }

.bx-basket-block {
    position: relative;
    padding-bottom: 5px;
    padding-left: 20px;
    white-space: nowrap;
    font-size: 12px;
}

.bx-basket-block > .fa {
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
    .bx-basket-fixed {
        position: fixed;
        z-index: 998;
        overflow: hidden;
        padding-top: 10px;
        width: 200px;
        border: 1px solid #f0f0f0;
        border-radius: 1px;
        background: #fff;
        box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    }

    .bx-basket-fixed.top { top: 10px }

    .bx-basket-fixed.right { right: 10px }

    .bx-basket-fixed.bottom { bottom: 10px }

    .bx-basket-fixed.left { left: 10px }

    .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }

    .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px }
}

@media (max-width: 767px) {
    .bx-basket-fixed {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 998;
        overflow: hidden;
        padding-top: 10px;
        border: 1px solid #f0f0f0;
        border-radius: 1px;
        background: #fff;
        box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
    }

    .bx-basket-item-list { display: none; }

    .block-wrapper .bx-basket-fixed {
        padding-top: 0;
    }

    .block-wrapper .bx-basket-fixed .bx-hdr-profile {
        display: flex;
        justify-content: space-between;
    }

    .block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
        margin-right: 20px;
        padding-bottom: 0;
    }

    /*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.bx-closed .bx-basket-item-list {
    overflow: hidden;
    height: 20px;
}

.bx-basket-item-list-action {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120;
    padding: 3px 0;
    height: 20px;
    background: #f7f7f7;
    color: #4f4f4f;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
}

.bx-basket-item-list-button-container {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    padding: 10px 0;
    border-top: 1px solid #f7f7f7;
    background: #fff;
    text-align: center;
}

.bx-basket-item-list-container {
    overflow-y: auto;
    max-height: 100%
}

.bx-basket-item-list-item {
    position: relative;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.bx-basket-item-list-item-status {
    margin: 0 10px 20px;
    padding: 3px;
    border-radius: 3px;
    background: #ebebeb;
    text-align: center;
    white-space: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

.bx-basket-item-list-item-img {
    position: relative;
    padding-bottom: 5px;
    text-align: center;
}

.bx-basket-item-list-item-img img {
    max-width: 90px;
    height: auto;
    border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
    font-size: 13px;
    line-height: 16px;
}

.bx-basket-item-list-item-remove {
    position: absolute;
    top: -7px;
    right: 10px;
    width: 20px;
    height: 20px;
    opacity: .5;
    cursor: pointer;
    transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background-color: #333;
    content: '';
    transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
    padding-bottom: 5px;
    font-size: 12px;
}

.bx-basket-item-list-item-price {
    display: inline-block;
    margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
    display: inline-block;
    margin-right: 5px;
    color: #b0b0b0;
    text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }

/* End */


/* Start:/local/templates/vektor/template_styles.css?16850050147391*/
.contacts_info .location {
    max-width: 320px;
}

.portfolio .work .item {
    color: #033b4a;
}

.portfolio .work .item .name {
    margin-top: 16px;
}

.portfolio .work .video_link .name {
    margin-top: 26px;
}

.grecaptcha-badge {
    display: none !important;
}

.certs .row {
    margin-left: 0;
    margin-bottom: 0;
    justify-content: unset;
}

.certs .row .slider {
    width: 100%;
    margin: auto;
}

.certs .owl-carousel .owl-nav button
{
    width: 51px;
    height: 51px;

    transform: none;
}

.certs .owl-carousel .owl-nav button.owl-prev
{
    right: 51px;
    bottom: calc(100% + 29px);

    margin-right: 0;
}

.certs .owl-carousel .owl-nav button.owl-next
{
    right: 0;
    bottom: calc(100% + 29px);

    margin-right: 0;
}

.certs .owl-carousel .owl-nav button:after
{
    bottom: 0;
    left: 6px;

    width: 13px;
    height: 13px;

    transform: rotate(45deg);

    border: none;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.certs .owl-carousel .owl-nav button.owl-next:after
{
    left: -6px;

    transform: rotate(225deg);
}

@media (max-width: 479px) {
    .certs .block_head.center {
        text-align: left;
        justify-content: flex-start;
    }
}

.calc_info .head .free {
    text-decoration: none;
    transition: .2s linear;
}

.calc_info .head .free:hover {
    color: #fff;
    border-color: #00a0e3;
    background: #00a0e3;
}

.documents .file .extension.pdf {
    background: url(/image/template/file-ic_pdf.svg) 0 0 no-repeat;
}

.documents .file:hover .extension.pdf
{
    background: url(/image/template/file-ic_pdf2.svg) 0 0 no-repeat;
}

.documents .file .extension.doc {
    background: url(/image/template/file-doc.svg) 0 0 no-repeat;
}

.documents .file:hover .extension.doc
{
    background: url(/image/template/file-h_doc.svg) 0 0 no-repeat;
}

.documents .file .extension.zip {
    background: url(/image/template/file-zip.svg) 0 0 no-repeat;
}

.documents .file:hover .extension.zip
{
    background: url(/image/template/file-h_zip.svg) 0 0 no-repeat;
}

.documents .file .extension.xls {
    background: url(/image/template/file-xls.svg) 0 0 no-repeat;
}

.documents .file:hover .extension.xls
{
    background: url(/image/template/file-h_xls.svg) 0 0 no-repeat;
}

.documents .file .extension.univer {
    background: url(/image/template/file-univers.svg) 0 0 no-repeat;
}

.documents .file:hover .extension.univer
{
    background: url(/image/template/file-h_univers.svg) 0 0 no-repeat;
}

.button_box {
    padding-bottom: 70px;
    display: flex;
    justify-content: center;
}

.work .work_header {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.portfolio .work .more_button {
    color: #033B4A;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 32px 15px;
    transition: background .2s linear, color .2s linear;
    background: inherit;
    border: #00AFA1 1px solid;
    text-decoration: none;
    z-index: 98;
}

.portfolio .work .more_button:hover {
    background: #00AFA1;
    color: #fff;
}

.button_box .more_button {
    color: #033B4A;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 32px 15px;
    transition: background .2s linear, color .2s linear;
    background: inherit;
    position: relative;
    border: #00AFA1 1px solid;
}

/*.more_button:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';

    border: 7px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
}*/

.more_button:hover
{
    background: #00AFA1;
    color: #fff;
}


/* Text Block */

.text_block p {
    font-size: 17px;
    line-height: 22px;
    color: #333;
}

.text_block h3 {
    font-family: var(--font_family2);
    font-size: 36px;
    color: #033b4a;
    line-height: 42px;
    margin-bottom: 35px;
}

.text_block h4 {
    font-family: var(--font_family2);
    font-size: 24px;
    color: #033b4a;
    line-height: 28px;
}

.text_block li {
    font-size: 17px;
    line-height: 26px;
    color: #333;
    list-style: none;
    padding: 8px 0 8px 64px;
    position: relative;
}

.text_block ul li:before {
    content: '';
    background: url(/image/template/ul_marker.svg) no-repeat left center;
    height: 25px;
    width: 20px;
    position: absolute;
    left: 28px;
}

.text_block ol {
    counter-reset: item;
}

.text_block ol li:before {
    content: counter(item) ".";
    counter-increment: item;
    color: #00AFA1;
    height: 25px;
    width: 20px;
    position: absolute;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    left: 28px;
}

.text_block table {
    width: 100%;
    border-collapse: collapse;
}

.text_block table tr:nth-child(even) {
    background: #FAFBFD;
}

.text_block table tr:last-child {
    border-bottom: #00AFA1 2px solid;
}

.text_block table th {
    border-top: #00AFA1 2px solid;
    border-bottom: #00AFA1 2px solid;
    color: #191919;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 30px;
    text-align: left;
}

.text_block table td {
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    padding: 10px 30px;
}

.text_block .img {
    background: transparent;
    margin-bottom: 25px;
}

.text_block .img:nth-child(odd) {
    float: left;
    margin-right: 50px;
}

.text_block .img:nth-child(even) {
    float: right;
    margin-left: 50px;
}

.text_block .img figcaption {
    padding: 20px 0px;
    border-bottom: #bdbdbd 1px solid;
    color: #333;
    font-size: 14px;
    line-height: 17px;
}

.text_block img {
    max-width: 100%;
    border-radius: 5px;
}

/* Text Block */

/* Yandex Map */

.balloon_box {
    width: 328px;
    height: 156px;
    background: #fff;
    border: 2px solid #00AFA1;
}

.balloon_box .balloon_header {
    position: relative;
}

.balloon_box .balloon_header .close {
    content: '';
    background: url(/image/template/close.svg) no-repeat right top;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 12px;
    top: 12px;
}

.balloon_box .balloon_content {
    padding-left: 50px;
    padding-top: 20px;
    padding-right: 35px;
    padding-bottom: 25px;
}

.balloon_content .balloon_name {
    color: #033B4A;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 10px;
}

.balloon_content .balloon_phone {
    color: #033B4A;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    margin-bottom: 10px;
    position: relative;
}

.balloon_content .balloon_phone:before {
    content: '';
    background: url(/image/template/ic_phone.svg) no-repeat top left;
    width: 21px;
    height: 21px;
    position: absolute;
    left: -33px;
}

.balloon_content .balloon_location {
    color: #033B4A;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 10px;
    position: relative;
}

.balloon_content .balloon_location:before {
    content: '';
    background: url(/image/template/ic_location.svg) no-repeat top left;
    width: 21px;
    height: 21px;
    position: absolute;
    left: -33px;
}

.portfolio .work .video_link .thumb:before,
.our_works .video_link .thumb:before{
    content: "";
    display: block;
    position: absolute;
    width: 63px;
    height: 63px;
    background: url(/image/template/ic_video_play.svg) no-repeat;
    z-index: 1;
    left: calc(100%/2 - 31px);
    top: calc(100%/2 - 31px);
}

footer .phone.mobile-phone .number {
    font-size: 18px;
}
/* End */
/* /local/templates/vektor/css/owl.carousel.css?16629824146759 */
/* /local/templates/vektor/css/fancybox.css?166298241417906 */
/* /local/templates/vektor/css/styles.css?167516814383803 */
/* /local/templates/vektor/css/new_styles.css?166739203379374 */
/* /local/templates/vektor/components/bitrix/sale.basket.basket.line/.default/style.css?16629824344749 */
/* /local/templates/vektor/template_styles.css?16850050147391 */











/*----------------------------------------------------------*/

/**
 * Do not edit directly
 * Generated on Fri, 11 Nov 2022 07:59:19 GMT
 */

:root {
    --ui-text-letter-spacing-auto: auto;
    --ui-text-letter-spacing-neg-3: -0.01em;
    --ui-text-letter-spacing-neg-2: -0.02em;
    --ui-text-letter-spacing-neg-1: -0.03em;
    --ui-text-letter-spacing-3: 0.15em;
    --ui-text-letter-spacing-2: 0.1em;
    --ui-text-letter-spacing-1: 0.025em;
    --ui-text-decoration-style-dashed: dashed;
    --ui-text-decoration-style-wavy: wavy;
    --ui-text-decoration-style-dotted: dotted;
    --ui-text-decoration-style-double: double;
    --ui-text-decoration-style-solid: solid;
    --ui-text-decoration-line-overline: overline;
    --ui-text-decoration-line-line-through: line-through;
    --ui-text-decoration-line-underline: underline;
    --ui-text-transform-lowercase: lowercase;
    --ui-text-transform-uppercase: uppercase;
    --ui-text-transform-capitalize: capitalize;
    --ui-text-transform-none: none;
    --ui-space-inset-8xl: 72px;
    --ui-space-inset-7xl: 64px;
    --ui-space-inset-6xl: 48px;
    --ui-space-inset-5xl: 40px;
    --ui-space-inset-4xl: 36px;
    --ui-space-inset-3xl: 32px;
    --ui-space-inset-2xl: 28px;
    --ui-space-inset-xl: 24px;
    --ui-space-inset-lg: 20px;
    --ui-space-inset-md: 16px;
    --ui-space-inset-sm: 12px;
    --ui-space-inset-xs: 8px;
    --ui-space-inset-2xs: 4px;
    --ui-space-inset-3xs: 2px;
    --ui-space-inset-none: 0;
    --ui-space-inline-8xl-neg: -72px;
    --ui-space-inline-7xl-neg: -64px;
    --ui-space-inline-6xl-neg: -48px;
    --ui-space-inline-5xl-neg: -40px;
    --ui-space-inline-4xl-neg: -36px;
    --ui-space-inline-3xl-neg: -32px;
    --ui-space-inline-2xl-neg: -28px;
    --ui-space-inline-xl-neg: -24px;
    --ui-space-inline-lg-neg: -20px;
    --ui-space-inline-md-neg: -16px;
    --ui-space-inline-sm-neg: -12px;
    --ui-space-inline-xs-neg: -8px;
    --ui-space-inline-2xs-neg: -4px;
    --ui-space-inline-3xs-neg: -2px;
    --ui-space-inline-8xl: 72px;
    --ui-space-inline-7xl: 64px;
    --ui-space-inline-6xl: 48px;
    --ui-space-inline-5xl: 40px;
    --ui-space-inline-4xl: 36px;
    --ui-space-inline-3xl: 32px;
    --ui-space-inline-2xl: 28px;
    --ui-space-inline-xl: 24px;
    --ui-space-inline-lg: 20px;
    --ui-space-inline-md: 16px;
    --ui-space-inline-sm: 12px;
    --ui-space-inline-xs: 8px;
    --ui-space-inline-2xs: 4px;
    --ui-space-inline-3xs: 2px;
    --ui-space-inline-none: 0;
    --ui-space-stack-8xl-neg: -72px;
    --ui-space-stack-7xl-neg: -64px;
    --ui-space-stack-6xl-neg: -48px;
    --ui-space-stack-5xl-neg: -40px;
    --ui-space-stack-4xl-neg: -36px;
    --ui-space-stack-3xl-neg: -32px;
    --ui-space-stack-2xl-neg: -28px;
    --ui-space-stack-xl-neg: -24px;
    --ui-space-stack-lg-neg: -20px;
    --ui-space-stack-md-neg: -16px;
    --ui-space-stack-sm-neg: -12px;
    --ui-space-stack-xs-neg: -8px;
    --ui-space-stack-2xs-neg: -4px;
    --ui-space-stack-3xs-neg: -2px;
    --ui-space-stack-8xl: 72px;
    --ui-space-stack-7xl: 64px;
    --ui-space-stack-6xl: 48px;
    --ui-space-stack-5xl: 40px;
    --ui-space-stack-4xl: 36px;
    --ui-space-stack-3xl: 32px;
    --ui-space-stack-2xl: 28px;
    --ui-space-stack-xl: 24px;
    --ui-space-stack-lg: 20px;
    --ui-space-stack-md: 16px;
    --ui-space-stack-sm: 12px;
    --ui-space-stack-xs: 8px;
    --ui-space-stack-2xs: 4px;
    --ui-space-stack-3xs: 2px;
    --ui-space-stack-none: 0;
    --ui-size-8xl: 72px;
    --ui-size-7xl: 64px;
    --ui-size-6xl: 48px;
    --ui-size-5xl: 40px;
    --ui-size-4xl: 36px;
    --ui-size-3xl: 32px;
    --ui-size-2xl: 28px;
    --ui-size-xl: 24px;
    --ui-size-lg: 20px;
    --ui-size-md: 16px;
    --ui-size-sm: 12px;
    --ui-size-xs: 8px;
    --ui-size-2xs: 4px;
    --ui-size-3xs: 2px;
    --ui-size-none: 0;
    --ui-shadow-left-4xl: -16px 0px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-left-3xl: -12px 0px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-2xl: -8px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-xl: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-l: -4px 0px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-m: -3px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-s: -2px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-xs: -2px 0px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-left-2xs: -1px 0px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-bottom-4xl: 0px 16px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-bottom-3xl: 0px 12px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-2xl: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-xl: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-l: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-m: 0px 3px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-xs: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-bottom-2xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-right-4xl: 16px 0px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-right-3xl: 12px 0px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-2xl: 8px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-xl: 6px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-l: 4px 0px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-m: 3px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-s: 2px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-xs: 2px 0px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-right-2xs: 1px 0px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-top-4xl: 0px -16px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-top-3xl: 0px -12px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-2xl: 0px -8px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-xl: 0px -6px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-l: 0px -4px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-m: 0px -3px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-s: 0px -2px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-xs: 0px -2px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-top-2xs: 0px -1px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-opacity-none: 0;
    --ui-opacity-full: 1;
    --ui-opacity-90: 0.9;
    --ui-opacity-80: 0.8;
    --ui-opacity-70: 0.7;
    --ui-opacity-60: 0.6;
    --ui-opacity-50: 0.5;
    --ui-opacity-40: 0.4;
    --ui-opacity-30: 0.3;
    --ui-opacity-20: 0.2;
    --ui-opacity-10: 0.1;
    --ui-opacity-5: 0.05;
    --ui-font-line-height-3xl: 2;
    --ui-font-line-height-2xl: 1.75;
    --ui-font-line-height-xl: 1.62;
    --ui-font-line-height-lg: 1.5;
    --ui-font-line-height-md: 1.4;
    --ui-font-line-height-sm: 1.35;
    --ui-font-line-height-2xs: 1.3;
    --ui-font-line-height-3xs: 1.2;
    --ui-font-line-height-reset: 1;
    --ui-font-size-5xl: 28px;
    --ui-font-size-4xl: 24px;
    --ui-font-size-3xl: 22px;
    --ui-font-size-2xl: 18px;
    --ui-font-size-xl: 16px;
    --ui-font-size-lg: 15px;
    --ui-font-size-md: 14px;
    --ui-font-size-sm: 13px;
    --ui-font-size-xs: 12px;
    --ui-font-size-3xs: 11px;
    --ui-font-size-4xs: 10px;
    --ui-font-size-5xs: 9px;
    --ui-font-size-6xs: 8px;
    --ui-font-size-7xs: 7px;
    --ui-font-weight-extra-black: 950;
    --ui-font-weight-black: 900;
    --ui-font-weight-extra-bold: 800;
    --ui-font-weight-bold: 700;
    --ui-font-weight-semi-bold: 600;
    --ui-font-weight-medium: 500;
    --ui-font-weight-normal: 400;
    --ui-font-weight-regular: 400;
    --ui-font-weight-light: 300;
    --ui-font-weight-extra-light: 200;
    --ui-font-weight-thin: 100;
    --ui-font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ui-font-family-system-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    --ui-font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --ui-color-palette-beige-base: #fdfae1;
    --ui-color-palette-beige-base-rgb: 253, 250, 225;
    --ui-color-palette-gray-02: #f8fafb;
    --ui-color-palette-gray-02-rgb: 248, 250, 251;
    --ui-color-palette-gray-03: #f5f7f8;
    --ui-color-palette-gray-03-rgb: 245, 247, 248;
    --ui-color-palette-gray-04: #f1f4f6;
    --ui-color-palette-gray-04-rgb: 241, 244, 246;
    --ui-color-palette-gray-05: #eef2f4;
    --ui-color-palette-gray-05-rgb: 238, 242, 244;
    --ui-color-palette-gray-90: #525c69;
    --ui-color-palette-gray-90-rgb: 82, 92, 105;
    --ui-color-palette-gray-80: #6a737f;
    --ui-color-palette-gray-80-rgb: 106, 115, 127;
    --ui-color-palette-gray-70: #828b95;
    --ui-color-palette-gray-70-rgb: 130, 139, 149;
    --ui-color-palette-gray-60: #959ca4;
    --ui-color-palette-gray-60-rgb: 149, 156, 164;
    --ui-color-palette-gray-50: #a8adb4;
    --ui-color-palette-gray-50-rgb: 168, 173, 180;
    --ui-color-palette-gray-40: #bdc1c6;
    --ui-color-palette-gray-40-rgb: 189, 193, 198;
    --ui-color-palette-gray-35: #c9ccd0;
    --ui-color-palette-gray-35-rgb: 201, 204, 208;
    --ui-color-palette-gray-30: #d5d7db;
    --ui-color-palette-gray-30-rgb: 213, 215, 219;
    --ui-color-palette-gray-20: #dfe0e3;
    --ui-color-palette-gray-20-rgb: 223, 224, 227;
    --ui-color-palette-gray-15: #e6e7e9;
    --ui-color-palette-gray-15-rgb: 230, 231, 233;
    --ui-color-palette-gray-10: #edeef0;
    --ui-color-palette-gray-10-rgb: 237, 238, 240;
    --ui-color-palette-red-solid: #f0371b;
    --ui-color-palette-red-solid-rgb: 240, 55, 27;
    --ui-color-palette-red-95: #800602;
    --ui-color-palette-red-95-rgb: 128, 6, 2;
    --ui-color-palette-red-90: #9a0703;
    --ui-color-palette-red-90-rgb: 154, 7, 3;
    --ui-color-palette-red-80: #c21b16;
    --ui-color-palette-red-80-rgb: 194, 27, 22;
    --ui-color-palette-red-70: #e92f2a;
    --ui-color-palette-red-70-rgb: 233, 47, 42;
    --ui-color-palette-red-60: #f4433e;
    --ui-color-palette-red-60-rgb: 244, 67, 62;
    --ui-color-palette-red-50: #ff5752;
    --ui-color-palette-red-50-rgb: 255, 87, 82;
    --ui-color-palette-red-45: #ff7c78;
    --ui-color-palette-red-45-rgb: 255, 124, 120;
    --ui-color-palette-red-40: #ff9a97;
    --ui-color-palette-red-40-rgb: 255, 154, 151;
    --ui-color-palette-red-30: #ffcdcc;
    --ui-color-palette-red-30-rgb: 255, 205, 204;
    --ui-color-palette-red-25: #ffdcdb;
    --ui-color-palette-red-25-rgb: 255, 220, 219;
    --ui-color-palette-red-20: #ffe8e8;
    --ui-color-palette-red-20-rgb: 255, 232, 232;
    --ui-color-palette-red-10: #fff8f8;
    --ui-color-palette-red-10-rgb: 255, 248, 248;
    --ui-color-palette-orange-95: #614000;
    --ui-color-palette-orange-95-rgb: 97, 64, 0;
    --ui-color-palette-orange-90: #7a5100;
    --ui-color-palette-orange-90-rgb: 122, 81, 0;
    --ui-color-palette-orange-80: #9f6a00;
    --ui-color-palette-orange-80-rgb: 159, 106, 0;
    --ui-color-palette-orange-70: #c48300;
    --ui-color-palette-orange-70-rgb: 196, 131, 0;
    --ui-color-palette-orange-60: #e89b06;
    --ui-color-palette-orange-60-rgb: 232, 155, 6;
    --ui-color-palette-orange-50: #ffa900;
    --ui-color-palette-orange-50-rgb: 255, 169, 0;
    --ui-color-palette-orange-40: #ffc34d;
    --ui-color-palette-orange-40-rgb: 255, 195, 77;
    --ui-color-palette-orange-30: #ffe1a6;
    --ui-color-palette-orange-30-rgb: 255, 225, 166;
    --ui-color-palette-orange-25: #ffe9be;
    --ui-color-palette-orange-25-rgb: 255, 233, 190;
    --ui-color-palette-orange-20: #fff1d6;
    --ui-color-palette-orange-20-rgb: 255, 241, 214;
    --ui-color-palette-orange-10: #fffaf0;
    --ui-color-palette-orange-10-rgb: 255, 250, 240;
    --ui-color-palette-green-95: #3d4f00;
    --ui-color-palette-green-95-rgb: 61, 79, 0;
    --ui-color-palette-green-90: #506900;
    --ui-color-palette-green-90-rgb: 80, 105, 0;
    --ui-color-palette-green-80: #688800;
    --ui-color-palette-green-80-rgb: 104, 136, 0;
    --ui-color-palette-green-70: #7fa800;
    --ui-color-palette-green-70-rgb: 127, 168, 0;
    --ui-color-palette-green-60: #8dbb00;
    --ui-color-palette-green-60-rgb: 141, 187, 0;
    --ui-color-palette-green-55: #9dcf00;
    --ui-color-palette-green-55-rgb: 157, 207, 0;
    --ui-color-palette-green-50: #9dcf00;
    --ui-color-palette-green-50-rgb: 157, 207, 0;
    --ui-color-palette-green-40: #bbde4d;
    --ui-color-palette-green-40-rgb: 187, 222, 77;
    --ui-color-palette-green-35: #cfe780;
    --ui-color-palette-green-35-rgb: 207, 231, 128;
    --ui-color-palette-green-30: #e2f1b3;
    --ui-color-palette-green-30-rgb: 226, 241, 179;
    --ui-color-palette-green-25: #faf6c3;
    --ui-color-palette-green-25-rgb: 250, 246, 195;
    --ui-color-palette-green-20: #f1fbd0;
    --ui-color-palette-green-20-rgb: 241, 251, 208;
    --ui-color-palette-green-10: #fafded;
    --ui-color-palette-green-10-rgb: 250, 253, 237;
    --ui-color-palette-blue-95: #004f69;
    --ui-color-palette-blue-95-rgb: 0, 79, 105;
    --ui-color-palette-blue-90: #006484;
    --ui-color-palette-blue-90-rgb: 0, 100, 132;
    --ui-color-palette-blue-80: #00789e;
    --ui-color-palette-blue-80-rgb: 0, 120, 158;
    --ui-color-palette-blue-70: #008dba;
    --ui-color-palette-blue-70-rgb: 0, 141, 186;
    --ui-color-palette-blue-60: #11a9d9;
    --ui-color-palette-blue-60-rgb: 17, 169, 217;
    --ui-color-palette-blue-50: #2fc6f6;
    --ui-color-palette-blue-50-rgb: 47, 198, 246;
    --ui-color-palette-blue-40: #7fdefc;
    --ui-color-palette-blue-40-rgb: 127, 222, 252;
    --ui-color-palette-blue-30: #c3f0ff;
    --ui-color-palette-blue-30-rgb: 195, 240, 255;
    --ui-color-palette-blue-25: #d3f4ff;
    --ui-color-palette-blue-25-rgb: 211, 244, 255;
    --ui-color-palette-blue-20: #e5f9ff;
    --ui-color-palette-blue-20-rgb: 229, 249, 255;
    --ui-color-palette-blue-15: #ecfafe;
    --ui-color-palette-blue-15-rgb: 236, 250, 254;
    --ui-color-palette-blue-10: #f4fcfe;
    --ui-color-palette-blue-10-rgb: 244, 252, 254;
    --ui-color-palette-white-base: #ffffff;
    --ui-color-palette-white-base-rgb: 255, 255, 255;
    --ui-color-palette-black-base: #333333;
    --ui-color-palette-black-base-rgb: 51, 51, 51;
    --ui-color-palette-black-solid: #000000;
    --ui-color-palette-black-solid-rgb: 0, 0, 0;
    --ui-color-overlay-base: rgba(255, 255, 255, 0.5);
    --ui-color-accent-yellow: #fef3b8;
    --ui-color-accent-yellow-rgb: 254, 243, 184;
    --ui-color-accent-purple: #a77bde;
    --ui-color-accent-purple-rgb: 167, 123, 222;
    --ui-color-accent-turquoise: #05b5ab;
    --ui-color-accent-turquoise-rgb: 5, 181, 171;
    --ui-color-accent-green: #29ad49;
    --ui-color-accent-green-rgb: 41, 173, 73;
    --ui-color-accent-brown: #ae914b;
    --ui-color-accent-brown-rgb: 174, 145, 75;
    --ui-color-accent-pink: #fb6dba;
    --ui-color-accent-pink-rgb: 251, 109, 186;
    --ui-color-accent-aqua: #55d0e0;
    --ui-color-accent-aqua-rgb: 85, 208, 224;
    --ui-color-accent-light-blue: #559be6;
    --ui-color-accent-light-blue-rgb: 85, 155, 230;
    --ui-color-tag-9: #e2e3e5;
    --ui-color-tag-9-rgb: 226, 227, 229;
    --ui-color-tag-8: #ccd3dd;
    --ui-color-tag-8-rgb: 204, 211, 221;
    --ui-color-tag-7: #dfc684;
    --ui-color-tag-7-rgb: 223, 198, 132;
    --ui-color-tag-6: #ace5ec;
    --ui-color-tag-6-rgb: 172, 229, 236;
    --ui-color-tag-5: #c2d1f0;
    --ui-color-tag-5-rgb: 194, 209, 240;
    --ui-color-tag-4: #87eda0;
    --ui-color-tag-4-rgb: 135, 237, 160;
    --ui-color-tag-3: #dbf087;
    --ui-color-tag-3-rgb: 219, 240, 135;
    --ui-color-tag-2: #00baf2;
    --ui-color-tag-2-rgb: 0, 186, 242;
    --ui-color-tag-1: #bcedfc;
    --ui-color-tag-1-rgb: 188, 237, 252;
    --ui-color-link-primary-base: #2066b0;
    --ui-color-link-primary-base-rgb: 32, 102, 176;
    --ui-color-background-none: none;
    --ui-color-background-transparent: transparent;
    --ui-border-width-thick: 2px;
    --ui-border-width-thin: 1px;
    --ui-border-radius-pill: 99rem;
    --ui-border-radius-circle: 50%;
    --ui-border-radius-3xl: 20px;
    --ui-border-radius-2xl: 16px;
    --ui-border-radius-xl: 14px;
    --ui-border-radius-lg: 12px;
    --ui-border-radius-md: 10px;
    --ui-border-radius-sm: 8px;
    --ui-border-radius-xs: 6px;
    --ui-border-radius-2xs: 4px;
    --ui-border-radius-3xs: 2px;
    --ui-border-radius-none: 0;
    --ui-typography-text-lg-font-weight: 400;
    --ui-typography-text-lg-line-height: 1.4;
    --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
    --ui-typography-text-md-font-weight: 400;
    --ui-typography-text-md-line-height: 1.4;
    --ui-typography-text-md-font-size: var(--ui-font-size-md);
    --ui-typography-text-sm-font-weight: 400;
    --ui-typography-text-sm-line-height: 1.4;
    --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
    --ui-typography-text-xs-font-weight: 400;
    --ui-typography-text-xs-line-height: 1.35;
    --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
    --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h6-font-weight: 600;
    --ui-typography-heading-h6-line-height: 1.4;
    --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
    --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h5-font-weight: 400;
    --ui-typography-heading-h5-line-height: 1.35;
    --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
    --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h4-font-weight: 400;
    --ui-typography-heading-h4-line-height: 1.35;
    --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
    --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h3-font-weight: 300;
    --ui-typography-heading-h3-line-height: 1.3;
    --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
    --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h2-font-weight: 300;
    --ui-typography-heading-h2-line-height: 1.3;
    --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
    --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h1-font-weight: 300;
    --ui-typography-heading-h1-line-height: 1.2;
    --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
    --ui-color-base-default: var(--ui-color-palette-black-base);
    --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-base-solid: var(--ui-color-palette-black-solid);
    --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
    --ui-color-base-05: var(--ui-color-palette-gray-05);
    --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-base-04: var(--ui-color-palette-gray-04);
    --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
    --ui-color-base-03: var(--ui-color-palette-gray-03);
    --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
    --ui-color-base-02: var(--ui-color-palette-gray-02);
    --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
    --ui-color-base-90: var(--ui-color-palette-gray-90);
    --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-base-80: var(--ui-color-palette-gray-80);
    --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
    --ui-color-base-70: var(--ui-color-palette-gray-70);
    --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-base-60: var(--ui-color-palette-gray-60);
    --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
    --ui-color-base-50: var(--ui-color-palette-gray-50);
    --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
    --ui-color-base-40: var(--ui-color-palette-gray-40);
    --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
    --ui-color-base-35: var(--ui-color-palette-gray-35);
    --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
    --ui-color-base-30: var(--ui-color-palette-gray-30);
    --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
    --ui-color-base-20: var(--ui-color-palette-gray-20);
    --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
    --ui-color-base-15: var(--ui-color-palette-gray-15);
    --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
    --ui-color-base-10: var(--ui-color-palette-gray-10);
    --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-note: var(--ui-color-palette-beige-base);
    --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
    --ui-color-background-on-alert: var(--ui-color-palette-red-70);
    --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
    --ui-color-background-alert: var(--ui-color-palette-red-20);
    --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
    --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
    --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
    --ui-color-background-warning: var(--ui-color-palette-orange-20);
    --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
    --ui-color-background-on-success: var(--ui-color-palette-green-70);
    --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
    --ui-color-background-success: var(--ui-color-palette-green-20);
    --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
    --ui-color-background-on-info: var(--ui-color-palette-blue-70);
    --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
    --ui-color-background-info: var(--ui-color-palette-blue-20);
    --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
    --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
    --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-background-secondary: var(--ui-color-palette-gray-10);
    --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-primary: var(--ui-color-palette-white-base);
    --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-text-warning: var(--ui-color-palette-orange-50);
    --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
    --ui-color-text-alert: var(--ui-color-palette-red-50);
    --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
    --ui-color-text-subtle: var(--ui-color-palette-gray-70);
    --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-text-secondary: var(--ui-color-palette-gray-90);
    --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-text-primary: var(--ui-color-palette-black-base);
    --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-extranet: var(--ui-color-palette-orange-60);
    --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
    --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
    --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary-alt: var(--ui-color-palette-green-50);
    --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
    --ui-color-on-primary: var(--ui-color-palette-white-base);
    --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary: var(--ui-color-palette-blue-50);
    --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb);
}

.ui-typography-heading-h1 {
    font-size: var(--ui-typography-heading-h1-font-size);
    line-height: var(--ui-typography-heading-h1-line-height);
    font-weight: var(--ui-typography-heading-h1-font-weight);
    color: var(--ui-typography-heading-h1-color);
}

.ui-typography-heading-h2 {
    font-size: var(--ui-typography-heading-h2-font-size);
    line-height: var(--ui-typography-heading-h2-line-height);
    font-weight: var(--ui-typography-heading-h2-font-weight);
    color: var(--ui-typography-heading-h2-color);
}

.ui-typography-heading-h3 {
    font-size: var(--ui-typography-heading-h3-font-size);
    line-height: var(--ui-typography-heading-h3-line-height);
    font-weight: var(--ui-typography-heading-h3-font-weight);
    color: var(--ui-typography-heading-h3-color);
}

.ui-typography-heading-h4 {
    font-size: var(--ui-typography-heading-h4-font-size);
    line-height: var(--ui-typography-heading-h4-line-height);
    font-weight: var(--ui-typography-heading-h4-font-weight);
    color: var(--ui-typography-heading-h4-color);
}

.ui-typography-heading-h5 {
    font-size: var(--ui-typography-heading-h5-font-size);
    line-height: var(--ui-typography-heading-h5-line-height);
    font-weight: var(--ui-typography-heading-h5-font-weight);
    color: var(--ui-typography-heading-h5-color);
}

.ui-typography-heading-h6 {
    font-size: var(--ui-typography-heading-h6-font-size);
    line-height: var(--ui-typography-heading-h6-line-height);
    font-weight: var(--ui-typography-heading-h6-font-weight);
    color: var(--ui-typography-heading-h6-color);
}

.ui-typography-text-xs {
    font-size: var(--ui-typography-text-xs-font-size);
    line-height: var(--ui-typography-text-xs-line-height);
    font-weight: var(--ui-typography-text-xs-font-weight);
}

.ui-typography-text-sm {
    font-size: var(--ui-typography-text-sm-font-size);
    line-height: var(--ui-typography-text-sm-line-height);
    font-weight: var(--ui-typography-text-sm-font-weight);
}

.ui-typography-text-md {
    font-size: var(--ui-typography-text-md-font-size);
    line-height: var(--ui-typography-text-md-line-height);
    font-weight: var(--ui-typography-text-md-font-weight);
}

.ui-typography-text-lg {
    font-size: var(--ui-typography-text-lg-font-size);
    line-height: var(--ui-typography-text-lg-line-height);
    font-weight: var(--ui-typography-text-lg-font-weight);
}














/*--------------------------------------------------------*/



/* Start:/local/templates/vektor/components/bitrix/catalog.section.list/index/style.css?16629824707151*/
/* line */
.bx_catalog_line { margin-bottom: 30px; }

.bx_catalog_line .bx_catalog_line_category_title {
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 24px;
}

.bx_catalog_line .bx_catalog_line_category_title a {
    color: #000;
    text-decoration: none;
}

.bx_catalog_line .bx_catalog_line_ul { padding: 0; }

.bx_catalog_line .bx_catalog_line_ul li {
    margin-bottom: 20px;
    list-style: none;
}

.bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important }

.bx_catalog_line .bx_catalog_line_img {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 40px;
    width: 125px;
    height: 125px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
}

.bx_catalog_line .bx_catalog_line_title {
    margin-bottom: 10px;
    padding: 0;
    vertical-align: top;
    line-height: 18px;
}

.bx_catalog_line .bx_catalog_line_title a {
    color: #4c7da6;
    font-size: 18px;
}

.bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; }

.bx_catalog_line .bx_catalog_line_title span { font-size: 16px }

.bx_catalog_line .bx_catalog_line_description {
    color: #3f3f3f;
    font-size: 13px;
    line-height: 16px;
}

@media (max-width: 639px) {
    .bx-touch .bx_catalog_line .bx_catalog_line_img {
        margin-right: 10px;
        width: 50px;
        height: 50px;
    }

    .bx-touch .bx_catalog_line .bx_catalog_line_title {
        margin-bottom: 5px;
        line-height: 14px;
    }

    .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; }

    .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; }
}

.bx_catalog_line .bx_catalog_line_img,
.bx_catalog_line .bx_catalog_line_title,
.bx_catalog_line .bx_catalog_line_title a,
.bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; }

/* text */
.bx_catalog_text { margin-bottom: 30px; }

.bx_catalog_text .bx_catalog_text_category_title {
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 24px;
}

.bx_catalog_text .bx_catalog_text_category_title a {
    color: #000;
    text-decoration: none;
}

.bx_catalog_text .bx_catalog_text_ul { padding: 0; }

.bx_catalog_text .bx_catalog_text_ul li {
    float: left;
    margin: 0 10px 10px;
    list-style: none;
}

.bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important }

.bx_catalog_text .bx_catalog_text_title {
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
}

.bx_catalog_tile .bx_catalog_tile_title a {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    color: #4c7da6;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
}

.bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none }

.bx_catalog_text .bx_catalog_text_title span { font-size: 12px; }

@media (max-width: 639px) {
    .bx-touch .bx_catalog_text .bx_catalog_line_title {
        margin-bottom: 5px;
        line-height: 12px;
    }

    .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; }
}

.bx_catalog_text .bx_catalog_line_title,
.bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; }

/* tile */

.bx_catalog_tile { margin-bottom: 30px; }

.bx_catalog_tile .bx_catalog_tile_category_title {
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 24px;
}

.bx_catalog_tile .bx_catalog_tile_category_title a {
    color: #000;
    text-decoration: none;
}

.bx_catalog_tile .bx_catalog_tile_ul { padding: 0; }

.bx_catalog_tile .bx_catalog_tile_ul li {
    float: left;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 12.5%;
    list-style: none;
    text-align: center;
}

.bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important }

.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; }

.bx_catalog_tile .bx_catalog_tile_img {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 78px;
    height: 78px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
}

.bx_catalog_tile .bx_catalog_tile_title {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0;
    vertical-align: top;
    line-height: 14px;
}

.bx_catalog_tile .bx_catalog_tile_title a {
    color: #4c7da6;
    font-size: 14px;
}

.bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; }

.bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; }

/*2*/
@media (max-width: 980px) {
    .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; }

    .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; }

    .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; }
}

/*3*/
@media (max-width: 639px) {
    .bx-touch .bx_catalog_tile .bx_catalog_tile_title {
        margin-bottom: 5px;
        line-height: 14px;
    }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; }
}

@media (min-width: 480px) and (max-width: 639px) {
    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; }
}

/*4*/
@media (max-width: 479px) {
    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_img {
        width: 100%;
        height: 80px;
    }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; }

    .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; }

}

.bx_catalog_tile .bx_catalog_tile_title,
.bx_catalog_tile .bx_catalog_tile_title a,
.bx_catalog_tile .bx_catalog_tile_ul li,
.bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; }

/* list */

.bx_sitemap { margin-bottom: 30px; }

.bx_sitemap .bx_sitemap_title {
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 24px;
}

.bx_sitemap .bx_sitemap_title a {
    color: #000;
    text-decoration: none;
}

.bx_sitemap .bx_sitemap_ul li {
    padding: 0;
    line-height: 14px;
}

.bx_sitemap .bx_sitemap_ul li:before { content: '' !important }

.bx_sitemap .bx_sitemap_li_title {
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    vertical-align: top;
    font-weight: normal;
    line-height: 13px;
}

.bx_sitemap .bx_sitemap_li_title a {
    color: #4c7da6;
    white-space: nowrap;
    font-size: 13px;
}

.bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none }

.bx_sitemap .bx_sitemap_li_title span { font-size: 11px; }

@media (max-width: 639px) {
    .bx-touch .bx_sitemap .bx_catalog_line_title {
        margin-bottom: 5px;
        line-height: 12px;
    }

    .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; }
}

.bx_sitemap .bx_catalog_line_title,
.bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; }
/* End */


/* Start:/local/templates/vektor/components/bitrix/catalog.item/.default/style.css?166298248325363*/

.product-item-container { position: relative; }

.product-item-container.hover { z-index: 17; }

.product-item {
    display: block;
    box-sizing: border-box;
    padding: 15px 0 5px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 2px;
}

.product-item-line-card .product-item {
    width: auto !important;
    border-bottom: 1px solid #dadada;
}

@media (max-width: 991px) {
    .product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; }
}

.bx-retina .product-item { border-width: .5px; }

.product-item * { transition: opacity 300ms ease; }

@media (max-width: 767px) {
    .product-item { padding: 15px 5px 5px }

    .product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; }
}

.bx-no-touch .product-item-container.hover .product-item {
    position: absolute;
    right: -15px;
    left: -15px;
    padding: 15px 15px 0;
    width: auto;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);
}

.bx-touch .product-item {
    padding: 15px 0 0;
    width: auto;
    background: #fff;
}

.bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; }

@-webkit-keyframes product-item-hover {
    0% {
        position: absolute;
        left: -15px;
        right: -15px;
        border: 1px solid transparent;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        border: 1px solid transparent;
        box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);
    }
}

/*Image*/
.product-item-image-wrapper {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-top: 116%;
    width: 100%;
    transition: all 300ms ease;
}

.product-item-image-wrapper:hover { }

.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; }

.product-item-image-original,
.product-item-image-alternative {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 300ms linear;
}

.product-item-image-original { z-index: 11; }

.product-item-image-alternative {
    z-index: 13;
    opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; }

.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; }

.product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; }

/*Image Slider*/
.product-item-image-slider-slide-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: opacity 300ms ease;
}

.product-item-image-slide {
    position: relative;
    display: none;
    height: 100%;
    background-color: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .6s ease-in-out left;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .product-item-image-slide {
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .product-item-image-slide.next,
    .product-item-image-slide.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .product-item-image-slide.prev,
    .product-item-image-slide.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .product-item-image-slide.next.left,
    .product-item-image-slide.prev.right,
    .product-item-image-slide.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev { display: block; }

.product-item-image-slider-slide-container > .active { left: 0; }

.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.product-item-image-slider-slide-container > .next { left: 100%; }

.product-item-image-slider-slide-container > .prev { left: -100%; }

.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right { left: 0; }

.product-item-image-slider-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.product-item-image-slider-progress-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #f42c2c;
    opacity: .8;
}

.product-item-image-slider-control-container {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    padding: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 300ms ease;
}

.product-item-container.hover .product-item-image-slider-control-container,
.product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; }

.product-item-image-slider-control,
.product-item-image-slider-control.active {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(128, 128, 128, .8);
    opacity: .6;
    cursor: pointer;
    transition: all 300ms ease;
}

.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover { cursor: pointer; }

/* Slider */
.product-item-detail-slider-container {
    position: relative;
    max-width: 100%;
    background: transparent;
    transition: background 800ms ease;
}

.product-item-detail-slider-block {
    position: relative;
    box-sizing: border-box;
    padding-top: 56.25%;
    height: 0;
}

.product-item-detail-slider-block.product-item-detail-slider-block-square { padding-top: 100%; }

.product-item-detail-slider-images-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-item-detail-slider-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 250ms linear;
}

.product-item-detail-slider-image.active {
    z-index: 10;
    opacity: 1;
}

.product-item-detail-slider-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    outline: 1px solid transparent;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
    transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 180;
    height: 3px;
}

/*Slider Controls*/
.product-item-detail-slider-controls-block {
    padding: 10px 0;
    text-align: center;
}

.product-item-detail-slider-controls-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 65px;
    height: 65px;
    outline: 1px solid #c0cfda;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

.bx-retina .product-item-detail-slider-controls-image { outline-width: .5px; }

.bx-no-retina .product-item-detail-slider-controls-image.active { outline-width: 2px; }

.bx-retina .product-item-detail-slider-controls-image.active { outline-width: 1px; }

.product-item-detail-slider-controls-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 65px;
    max-height: 65px;
    width: auto;
    height: auto;
    transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-left,
.product-item-detail-slider-right {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 111;
    display: block;
    width: 25%;
    background: rgba(255, 255, 255, 0) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    opacity: .57;
    cursor: pointer;
    transition: all 300ms ease;
}

.product-item-detail-slider-left { left: 0; }

.product-item-detail-slider-right {
    right: 0;
    transform: rotate(180deg);
}

.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover {
    background-color: rgba(255, 255, 255, .4);
    opacity: .8;
}

.product-item-detail-slider-close { display: none; }

.product-item-detail-slider-container.popup .product-item-detail-slider-close {
    position: absolute;
    top: 4px;
    right: 110px;
    bottom: 0;
    z-index: 150;
    display: block;
    width: 50px;
    height: 50px;
    background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    opacity: .27;
    cursor: pointer;
    transition: all 300ms ease;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-close:hover { opacity: 1; }

.product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 105px; }

/*magnified*/
.product-item-detail-slider-container.magnified .product-item-detail-slider-image { z-index: 100; }

.product-item-detail-slider-container.magnified .product-item-detail-slider-image img { outline-color: #ddd; }

.product-item-detail-slider-container.magnified .product-item-detail-slider-left,
.product-item-detail-slider-container.magnified .product-item-detail-slider-right { z-index: 50; }

.product-item-detail-slider-container.magnified .product-item-label-text,
.product-item-detail-slider-container.magnified .product-item-label-ring { opacity: 0; }

/*	>>>	popup*/
.product-item-detail-slider-container.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
    animation-name: imgPopupShow;
    animation-duration: 300ms;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 105px; }

.product-item-detail-slider-container.popup .product-item-detail-slider-block {
    padding-top: 0;
    height: 100vh;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100vh;
    width: calc(100% - 150px);
    transform: translateY(-50%) translateX(-50%);
}

@-webkit-keyframes imgPopupShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes imgPopupShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-ms-keyframes imgPopupShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-o-keyframes imgPopupShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes imgPopupShow {
    from { opacity: 0; }
    to { opacity: 1; }
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    cursor: default
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    padding: 20px;
    border-left: 1px solid #d3d3d3;
    background-color: #fff;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
    display: block;
    margin-bottom: 20px;
}

/* Slider Mobile*/
@media (max-width: 767px) {
    .product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 0; }

    .product-item-detail-slider-container.popup .product-item-detail-slider-block {
        padding-top: 0;
        height: calc(100vh - 111px);
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image { width: 90%; }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image img {
        max-width: 100%;
        max-height: calc(100vh - 115px);
        width: auto;
        cursor: default;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-x: auto;
        max-height: 111px;
        border-top: 1px solid #d3d3d3;
        border-left: none;
        white-space: nowrap;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
        display: inline-block;
        margin-bottom: 0;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-close {
        right: 10px;
        z-index: 200;
    }

    .product-item-detail-slider-left,
    .product-item-detail-slider-right { max-width: 75px; }

    .product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 0; }

}


/*Label*/
.product-item-label-text,
.product-item-label-ring {
    position: absolute;
    z-index: 15;
}

.product-item-label-text span,
.product-item-label-ring {
    display: inline-block;
    clear: both;
    margin-bottom: 2px;
    background: #f42c2c;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    transition: all 250ms ease;
}

.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring { background-color: #fba90c; }

.product-item-label-text > div,
.product-item-label-ring > div { line-height: 0; }

/* TEXT */
.product-item-label-text span {
    padding: 2px 5px;
    vertical-align: middle;
    font-weight: bold;
}

/*SMALL*/
.product-item-label-text.product-item-label-small span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
    margin-bottom: 1px;
    padding: 2px 7px;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
}

.product-item-big-card .product-item-label-text.product-item-label-small span {
    padding: 5px 12px;
    font-size: 16px;
    line-height: 21px;
}

/* BIG */
.product-item-label-text.product-item-label-big span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 17px;
}

.product-item-big-card .product-item-label-text.product-item-label-big span {
    padding: 5px 17px;
    font-size: 22px;
    line-height: 33px;
}

@media (max-width: 767px) {
    .product-item-label-text > div { line-height: 0; }

    .product-item-label-text.product-item-label-small span,
    .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
        margin-bottom: 1px;
        padding: 2px 7px;
        font-size: 10px;
        line-height: 14px;
    }

    .product-item-big-card .product-item-label-text.product-item-label-small span,
    .product-item-label-text.product-item-label-big span,
    .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
        margin-bottom: 1px;
        padding: 3px 12px;
        font-size: 14px;
        line-height: 16px;
    }

    .product-item-big-card .product-item-label-text.product-item-label-big span {
        padding: 3px 12px;
        font-size: 20px;
        line-height: 25px;
    }
}

/*RING*/
.product-item-label-ring {
    box-sizing: border-box;
    border-radius: 50%;
    font-weight: bold;
}

.product-item-label-ring.product-item-label-small,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
}

.product-item-big-card .product-item-label-ring.product-item-label-small {
    width: 100px;
    height: 100px;
    font-size: 30px;
    line-height: 100px;
}

.product-item-label-ring.product-item-label-big,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
}

.product-item-big-card .product-item-label-ring.product-item-label-big {
    width: 120px;
    height: 120px;
    font-size: 42px;
    line-height: 120px;
}

@media (max-width: 767px) {
    .product-item-label-ring.product-item-label-small,
    .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
        width: 35px;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
    }

    .product-item-big-card .product-item-label-ring.product-item-label-small,
    .product-item-label-ring.product-item-label-big,
    .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
        width: 35px;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
    }

    .product-item-big-card .product-item-label-ring.product-item-label-big {
        width: 70px;
        height: 70px;
        font-size: 24px;
        line-height: 70px;
    }
}

.product-item-label-top { top: -5px; }

.product-item-label-center {
    left: 50%;
    transform: translateX(-50%);
}

.product-item-label-center > div { text-align: center; }

.product-item-label-left { left: -5px; }

.product-item-label-left > div { text-align: left; }

.product-item-label-bottom { bottom: -5px; }

.product-item-label-middle { top: 50%;
    transform: translateY(-50%);
}

.product-item-label-right { right: -5px; }

.product-item-label-right > div { text-align: right; }

.product-item-label-center.product-item-label-middle {
    transform: translateY(-50%) translateX(-50%);
}

/*Title*/
.product-item-title {
    overflow: hidden;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bx-touch .product-item-title,
.product-item-container.hover .product-item-title {
    overflow: auto;
    white-space: normal;
}

.product-item-title a {
    color: #3f3f3f;
    text-decoration: none;
    font-size: 13px;
}

.product-item-big-card .product-item-title a { font-size: 21px; }

.product-item-line-card .product-item-title a { font-size: 20px; }

/*Price*/
.product-item-price-container { margin: 5px 0 10px; }

.product-item-price-current {
    color: #3f3f3f;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
}

.product-item-price-old {
    color: #a5a5a5;
    text-decoration: line-through;
    white-space: nowrap;
    font-size: 12px;
}

.product-item-big-card .product-item-price-current,
.product-item-big-card .product-item-price-old {
    vertical-align: middle;
    line-height: 20px;
}

.product-item-big-card .product-item-price-container { margin: 0 0 10px; }

.product-item-big-card .product-item-price-current { font-size: 18px; }

.product-item-big-card .product-item-price-old { font-size: 15px; }

/*Info*/
.product-item-line-card .product-item-info-container { text-align: center; }

.product-item-info-container { margin-bottom: 8px; }

.product-item-info-container-title {
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
    display: none;
    opacity: 0;
    transition: opacity 300ms ease;
}

.bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important }

.bx-touch .product-item-info-container.product-item-hidden,
.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,
.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {
    display: block;
    opacity: 1;
}

/*Amount*/
.product-item-amount {
    padding: 0 0 2px;
    text-align: center;
}

.product-item-amount-field-container { }

.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
    position: relative;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    border-radius: 2px;
    background-color: #f2f2f2;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background 300ms ease, opacity 300ms ease;
}

.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus { border-width: .5px; }

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover { background: #d3d3d3; }

.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: .8;
    transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
    opacity: .3 !important;
    cursor: default;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
    background-color: #f2f2f2;
}

.product-item-amount-field-btn-plus:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
    background-size: 10px;
}

.product-item-amount-field-btn-minus:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
    background-size: 10px;
}

.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after { opacity: 1; }

.product-item-amount-field {
    display: inline-block;
    padding: 0;
    max-width: 50px;
    width: auto;
    height: 22px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent !important;
    color: #000;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    line-height: 22px;
    transition: border 300ms ease;
}

.bx-retina .product-item-amount-field { border-width: .5px; }

.product-item-amount-field:focus { outline: none !important; }

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.product-item-amount-description-container {
    color: #a5a5a5;
    white-space: nowrap;
    font-size: 12px;
    display: block;
}

.product-item-big-card .product-item-amount-field-container { text-align: left; }

.product-item-amount-description-container strong {
    color: #333;
    white-space: nowrap;
}

.product-item-amount-label-container {
    margin: 5px 0;
    color: #a5a5a5;
    font-weight: bold;
    font-size: 12px;
}

/**/
.product-item-quantity {
    color: #333;
    font-weight: normal;
    font-size: 12px;
}

/*Properties */
.product-item-properties {
    display: block;
    overflow: hidden;
    margin: 0;
    color: #a5a5a5;
    font-size: 12px;
}

.product-item-properties dl { clear: both; }

.product-item-properties dt {
    float: left;
    clear: both;
    font-weight: normal;
}

.product-item-properties dd {
    float: right;
    margin-bottom: 3px;
    margin-left: 5px;
    color: #000;
}

/*Compare*/
.product-item-compare-container {
    position: relative;
    display: none;
    margin: 0 -15px;
    padding: 4px 15px;
    min-height: 30px;
    border-top: 1px solid #e6e6e6;
    background: #f3f3f3;
    box-shadow: inset 0 1px 1px 0 #eee;
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px;
}

.product-item-line-card .product-item-compare-container {
    margin: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
    text-align: center;
}

.bx-touch .product-item-compare-container { display: none; }

.product-item-line-card .product-item-compare-container,
.product-item-container.hover .product-item-compare-container { display: block; }

.product-item-compare .checkbox {
    margin: 0;
    padding: 0;
}

/* SCU */
.product-item-scu-container { padding: 0 0 2px; }

.product-item-scu-container-title {
    color: #333;
    font-size: 12px;
}

.product-item-scu-block { }

.product-item-scu-list { margin: 0; }

.product-item-scu-item-list {
    overflow: hidden;
    margin: 0 0 0 -2px;
    padding: 0;
    list-style: none;
}

.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
    /* float: left; */
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 3px;
    max-width: 100%;
}

.product-item-scu-item-text-container { min-width: 32px; }

.product-item-scu-item-color-container {
    max-width: 38px;
    width: 25%;
}

.product-item-scu-item-color-block {
    position: relative;
    padding-top: 100%;
    outline: 1px solid #c0cfda;
    cursor: pointer;
}

.bx-no-touch .product-item-scu-item-color-block {
    transition: outline 200ms ease;
}

.bx-retina .product-item-scu-item-color-block { outline-width: .5px; }

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; }

.product-item-scu-item-color {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-item-scu-item-text-block {
    position: relative;
    padding: 0 5px;
    outline: 1px solid #c0cfda;
    cursor: pointer;
}

.bx-no-touch .product-item-scu-item-text-block {
    transition: outline 300ms ease;
}

.bx-retina .product-item-scu-item-text-block { outline-width: .5px; }

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; }

.product-item-scu-item-text {
    overflow: hidden;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
    position: relative;
    outline-color: #a9adb4 !important;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
    background-size: 80% 80%;
    content: "";
}

@media (max-width: 991px) {
    .product-item-line-card .product-item-scu-container-title { text-align: center; }

    .product-item-line-card .product-item-scu-item-list { text-align: center; }

    .product-item-line-card .product-item-scu-item-color-container,
    .product-item-line-card .product-item-scu-item-text-container {
        display: inline-block;
        float: none;
    }
}

/*Description*/
.product-item-description-container { }

.product-item-description-container p {
    color: #575757;
    font-size: 13px;
}

/*Buttons*/
.product-item-button-container { text-align: center; }

.product-item-button-container .btn { margin-bottom: 2px; }

/*Stickers*/
.product-item-sticker,
.product-item-sticker-round { display: none; }

/*More*/
.product-item-more-container {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 15px 15px 5px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: all 300ms ease;
}

.product-item-more-wrapper {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-top: 116%;
    width: 100%;
}

.product-item-more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center;
    background-size: 50%;
    opacity: .7;
    transition: opacity 300ms ease;
}

.bx-touch .product-item-more,
.product-item-container.hover .product-item-more { opacity: 1; }

.product-item-more-title {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* End */


/* Start:/local/templates/vektor/components/bitrix/news.list/news_index/style.css?16629824553133*/
.news_index .slider {
    opacity: 0;
}
.news_index .slider.owl-loaded {
    opacity: 1;
}
.news_index .cont {
    overflow: hidden;
}
.news_index .block_head .title {
    z-index: 2;
}
.news_index .bottom_btn {
    display: flex;
    justify-content: center;
}
.news_index .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.news_index .owl-carousel .owl-nav button {
    width: 51px;
    height: 51px;
    transform: none;
}
.news_index .owl-carousel .owl-nav button.owl-prev {
    right: 51px;
    bottom: calc(100% + 29px);
    margin-right: 0;
}
.news_index .owl-carousel .owl-nav button.owl-next {
    right: 0;
    bottom: calc(100% + 29px);
    margin-right: 0;
}
.news_index .owl-carousel .owl-nav button:after {
    bottom: 0;
    left: 6px;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    border: none;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
.news_index .owl-carousel .owl-nav button.owl-next:after {
    left: -6px;
    transform: rotate(225deg);
}
.news_index .slide a {
    text-decoration: none;
}
.news_index .slide {
    border: 1px solid #F2F2F2;
    position: relative;
    transition: bottom 0.5s;
    bottom: 0px;
    border-radius: 2px;
    height: 366px;
}
.news_index .slide:hover {
    box-shadow: 0px 4px 20px rgba(208, 208, 208, 0.2);
    bottom: 10px;
}
.news_index .slide:hover .name {
    color: #00A0E3;
}
.news_index .bottom_text {
    padding: 22px 20px 59px;
}
.news_index .date {
    font-size: 14px;
    line-height: 17px;
    color: #00A0E3;
    margin-bottom: 17px;
}
.news_index .name {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #033B4A;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.news_index .img:after {
    position: absolute;
    right: -37px;
    top: -37px;
    display: block;
    width: 74px;
    height: 74px;
    content: '';
    transform: rotate(-45deg);
    background-color: #fff;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}
.news_index img {
    width: 100%;
    max-height: 193px;
    object-fit: cover;
}
.news_index .link {
    font-size: 16px;
    line-height: 21px;
    color: #033B4A;
    padding: 15px 45px;
    border: 1px solid #00AFA1;
    margin-top: 32px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    max-width: 190px;
    transition: all 0.2s;
}
.news_index .link:hover {
    color: #FFFFFF;
    background-color: #00AFA1;
}
.news_index .link:after {
    position: absolute;
    right: -7px;
    bottom: -7px;
    display: block;
    width: 14px;
    height: 14px;
    content: '';
    background-color: #fff;
    transform: rotate(-45deg);
    border-top: 1px solid #00AFA1;
}
@media (max-width: 767px) {
    .news_index .block_head {
        margin-bottom: 35px;
    }
}
@media (max-width: 500px) {
    .news_index .link {
        margin-top: 25px;
    }
    .news_index .block_head.center {
        justify-content: flex-start;
    }
    .news_index .block_head .title:after {
        width: 100%;
    }
}
/* End */
/* /local/templates/vektor/components/bitrix/catalog.section.list/index/style.css?16629824707151 */
/* /local/templates/vektor/components/bitrix/catalog.item/.default/style.css?166298248325363 */
/* /local/templates/vektor/components/bitrix/news.list/news_index/style.css?16629824553133 */




/*----------------------------------------------------------*/

@media (max-width: 1279px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 16px;
        --font_size_title: 36px;
    }


    .block
    {
        margin-bottom: 60px;
    }


    .buttonUp
    {
        display: none !important;
    }



    /*------------
        Header
    ------------*/
    header .logo
    {
        margin-right: auto;
    }


    header .slogan
    {
        display: none;
    }


    header .email,
    header .order_btn
    {
        margin-left: 60px;
    }


    header .menu .item > a
    {
        font-size: 16px;
        line-height: 22px;
    }


    header .menu .sub_menu
    {
        padding: 20px 0;
    }

    header .menu .sub_menu a
    {
        line-height: 20px;

        padding: 7px 25px;
    }



    /*-------------
        Sidebar
    -------------*/



    /*---------------
        Page head
    ---------------*/
    .page_head
    {
        margin-bottom: 35px;
        padding-top: 25px;
    }

    .page_head .cont > * + *
    {
        margin-top: 20px;
    }

    .page_title
    {
        font-size: 42px;
        line-height: 46px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .title
    {
        line-height: 38px;

        padding-bottom: 15px;
    }

    .block_head .desc
    {
        font-size: 17px;
        line-height: 23px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form
    {
        --form_label_width: 220px;
    }

    .form .label.big
    {
        font-size: 22px;
        line-height: 26px;

        margin-bottom: 10px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block h2
    {
        font-size: 38px;
        line-height: 42px;
    }


    .text_block .columns
    {
        column-gap: 50px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .slide .info
    {
        width: 365px;
        padding: 80px 0;
    }

    .main_slider .slide .title
    {
        font-size: 42px;
        line-height: 46px;
    }

    .main_slider .slide .desc
    {
        font-size: 23px;
        line-height: 29px;

        margin-top: 20px;
    }

    .main_slider .slide .link
    {
        margin-top: 30px;
        padding: 15px 30px 17px;
    }


    .main_slider .slide .img
    {
        max-width: calc(100% - 440px);
        height: 500px;
        margin-right: -20px;
    }

    .main_slider .slide .img:after
    {
        width: 174px;
        height: 174px;

        border-width: 87px;
    }

    .main_slider .slide .img img.before
    {
        left: -71px;

        width: 234px;
    }

    .main_slider .owl-carousel .owl-nav button.owl-prev
    {
        right: 128px;
        bottom: 30px;

        margin-right: 0;
    }

    .main_slider .owl-carousel .owl-nav button.owl-next
    {
        right: 81px;
        bottom: 77px;

        margin-right: 0;
    }

    .main_slider .owl-dots,
    .main_slider .count
    {
        right: 20px;

        margin-right: 0;
    }



    /*------------------
        Promo blocks
    ------------------*/
    .promo_blocks .item .thumb
    {
        height: 260px;
    }

    .promo_blocks .item .name
    {
        font-size: 30px;
        line-height: 36px;
    }

    .promo_blocks .item .desc
    {
        font-size: 17px;
        line-height: 23px;
    }



    /*-----------------
        Works types
    -----------------*/
    .works_types
    {
        width: calc(50% + 20px);
        margin-left: -20px;
        padding: 60px 30px 60px 20px;
    }

    .works_types:after
    {
        display: none;
    }


    .works_types .type
    {
        font-size: 18px;
        line-height: 22px;
    }



    /*----------------
        What gives
    ----------------*/
    .what_gives
    {
        padding: 60px 0 60px 30px;
    }


    .what_gives .block_head
    {
        margin-bottom: 40px;
    }


    .what_gives .list > *
    {
        padding-left: 40px;
    }

    .what_gives .list > * + *
    {
        margin-top: 20px;
    }


    .what_gives .link
    {
        margin-top: 40px;
        padding: 15px 32px 17px;
    }



    /*--------------
        For whom
    --------------*/
    .for_whom .info
    {
        padding-bottom: 60px;
    }

    .for_whom .info .item + .item
    {
        margin-top: 35px;
    }

    .for_whom .info .item .name
    {
        font-size: 26px;
        line-height: 30px;
    }


    .for_whom .img
    {
        width: calc(50% + 20px);
        min-height: 400px;
        margin-right: -20px;
    }

    .for_whom .img img.before
    {
        left: -75px;

        width: 150px;
    }



    /*----------
        Calc
    ----------*/
    .calc .info
    {
        padding: 60px 30px 60px 0;
    }

    .calc .info .icon
    {
        top: 25px;
        right: 25px;
    }

    .calc .info .free
    {
        font-size: 21px;
        line-height: 26px;

        margin-top: 35px;
    }



    .calc .form
    {
        padding: 60px 0 60px 30px;
    }

    .calc .form .bottom .total_price
    {
        font-size: 32px;
    }

    .calc .form .bottom .total_price small
    {
        font-size: 26px;
    }



    /*---------------
        Our works
    ---------------*/
    .our_works
    {
        padding: 60px 0;
    }


    .our_works .video_link + .gallery
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .our_works .video_link + .gallery > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


    .our_works .item
    {
        font-size: 15px;
    }


    .our_works .video_link .name
    {
        margin-top: 18px;
    }



    /*------------------
        Partners map
    ------------------*/
    .partners_map #map
    {
        height: 400px;
    }



    /*-------------------
        Message block
    -------------------*/
    .message_block .data
    {
        padding: 15px 30px;
    }


    .message_block.garanti .info
    {
        margin-left: 140px;
    }


    .message_block .info
    {
        font-size: 16px;

        width: 460px;
        margin-left: 80px;
    }

    .message_block .info .title
    {
        font-size: 22px;
        line-height: 26px;
    }



    /*-----------------
        Action form
    -----------------*/
    .action_form
    {
        padding: 60px 0;
    }

    .action_form:before
    {
        display: none;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .info
    {
        width: 100%;
    }

    .about_info .info .sub_title
    {
        font-size: 22px;
        line-height: 28px;

        margin-bottom: 25px;
    }



    /*-----------
        Certs
    -----------*/
    .certs
    {
        padding: 60px 0;
    }


    .certs .row
    {
        margin-bottom: -30px;
        margin-left: -30px;
    }

    .certs .row > *
    {
        width: calc(25% - 30px);
        margin-bottom: 30px;
        margin-left: 30px;
    }


    .certs .item
    {
        font-size: 15px;
    }

    .certs .item .thumb
    {
        padding: 25px;
    }



    /*----------
        Team
    ----------*/
    .team .row
    {
        margin-bottom: -30px;
        margin-left: -30px;
    }

    .team .row > *
    {
        width: calc(25% - 30px);
        margin-bottom: 30px;
        margin-left: 30px;
    }



    /*---------------------
        Requisites info
    ---------------------*/
    .requisites_info  .row
    {
        margin-bottom: -30px;
        margin-left: -30px;
    }

    .requisites_info .row > *
    {
        width: calc(33.333% - 30px);
        max-width: calc(33.333% - 30px);
        margin-bottom: 30px;
        margin-left: 30px;
    }



    /*---------------
        Calc info
    ---------------*/
    .calc_info .head .desc
    {
        font-size: 17px;
        line-height: 23px;

        max-width: calc(100% - 480px);
    }

    .calc_info .head .free
    {
        font-size: 20px;
        line-height: 24px;

        width: 440px;
    }


    .calc_info .form .columns
    {
        --form_columns_offset: 40px;
    }

    .calc_info .form .mini_modal .scroll
    {
        padding-right: 10px;
    }

    .calc_info .form .mini_modal .scroll::-webkit-scrollbar
    {
        width: 10px;
        height: 10px;
    }


    .calc_info .form .variant
    {
        padding-right: 0;
    }

    .calc_info .form .variant .name,
    .calc_info .form .mini_modal_link .name
    {
        font-size: 15px;
        line-height: 20px;
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .phone .number
    {
        font-size: 22px;
        line-height: 26px;
    }


    .contacts_info #map
    {
        margin-top: 60px;
    }



    /*---------------
        Documents
    ---------------*/
    .documents .cols .col
    {
        width: calc(50% - 25px);
    }

    .documents .title
    {
        font-size: 42px;
        line-height: 48px;

        margin-bottom: 35px;
    }



    /*-------------------
        Partners info
    -------------------*/
    .partners_info .info .title
    {
        font-size: 42px;
        line-height: 48px;
    }

    .partners_info .info .sub_title
    {
        font-size: 22px;
        line-height: 26px;

        margin-bottom: 25px;
    }



    /*----------------
        Order form
    ----------------*/
    .order_form
    {
        margin-top: 60px;
        padding: 25px;
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio .work
    {
        padding: 60px 0;
    }

    .portfolio .work .info > * + *
    {
        margin-top: 10px;
    }


    .portfolio .work .gallery
    {
        margin-bottom: -30px;
        margin-left: -30px;
    }

    .portfolio .work .gallery > *
    {
        width: calc(33.333% - 30px);
        margin-bottom: 30px;
        margin-left: 30px;
    }


    .portfolio .work .video_link + .gallery
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .portfolio .work .video_link + .gallery > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }



    /*------------------
        Product head
    ------------------*/
    .product_head .info
    {
        padding-right: 50px;
        padding-bottom: 50px;
    }

    .product_head .product_name
    {
        font-size: 42px;
        line-height: 48px;
    }


    .product_head .info.big
    {
        padding-right: 10px;
    }



    /*-------------------
        Product usage
    -------------------*/
    .product_usage
    {
        padding: 60px 0;
    }

    .product_usage .row .col
    {
        width: calc(50% - 25px);
    }

    .product_usage .row .title
    {
        margin-bottom: 25px;
    }

    .product_usage .items > *
    {
        padding-left: 40px;
    }



    /*-------------------
        Product video
    -------------------*/
    .product_video
    {
        padding: 60px 0;
    }

    .product_video:before,
    .product_video:after
    {
        display: none;
    }



    /*------------
        Footer
    ------------*/
    footer .info
    {
        padding: 60px 0;
    }

    footer .bottom
    {
        padding: 20px 0;
    }


    footer .contacts
    {
        width: 370px;
        max-width: 100%;
    }


    footer .menu a
    {
        font-size: 15px;
    }


    footer .links .calc_link
    {
        font-size: 16px;

        padding-right: 25px;
    }

    footer .links .order_btn
    {
        font-size: 16px;

        padding: 0 25px;
    }



    /*-----------
        PopUp
    -----------*/
    .modal_title
    {
        font-size: 28px;
        line-height: 34px;
    }
}








/*----------------------------------------------------------*/

@media (max-width: 1023px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 16px;
        --font_size_title: 32px;
    }



    /*------------
        Header
    ------------*/
    .mob_header
    {
        display: block;
    }


    header
    {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;

        width: 310px;
        height: 100%;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height:         fill-available;
        margin: 0;

        transition: transform .3s linear;
        transform: translateX(-100%);

        background: #fff;
    }

    header.show
    {
        transform: translateX(0);
    }


    header .mob_scroll
    {
        display: flex;
        overflow: auto;

        height: 100%;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height:         fill-available;
        padding: 0;

        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    header .mob_scroll > *
    {
        width: 100%;
    }


    header .logo
    {
        display: none;
    }


    header .info
    {
        padding: 20px 0;

        border-top: 1px solid #ddd;

        order: 3;
    }

    header .contacts
    {
        width: 100%;
    }

    header .email
    {
        margin-top: 12px;
        margin-left: 0;
    }

    header .order_btn
    {
        font-size: 15px;
        line-height: 19px;

        width: 100%;
        margin-top: 15px;
        margin-left: 0;
        padding: 12px 25px;
    }


    header .menu
    {
        padding: 10px 0;
    }

    header .menu .item
    {
        width: 100%;
    }

    header .menu .item > a
    {
        padding: 10px 0;

        text-align: left;

        justify-content: flex-start;
    }

    header .menu .item > a:after
    {
        display: none;
    }

    header .menu .item .sub_menu,
    header .menu .item:hover .sub_menu
    {
        position: relative;
        top: 0;

        display: none;
        visibility: visible;

        width: 100%;
        padding: 0 0 10px;

        pointer-events: auto;

        opacity: 1;
        border-radius: 0;
        background: none;
        box-shadow: none;
    }

    header .menu .item > a.touch_link + .sub_menu.show
    {
        top: 0;

        display: block;
    }

    header .menu .sub_menu a
    {
        padding: 5px 20px;
    }



    /*-------------
        Sidebar
    -------------*/



    /*---------------
        Page head
    ---------------*/
    .page_head
    {
        margin-bottom: 30px;
        padding-top: 20px;

        border-top: 1px solid #ddd;
    }

    .page_head .cont > * + *
    {
        margin-top: 15px;
    }

    .page_title
    {
        font-size: 36px;
        line-height: 40px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .title
    {
        line-height: 35px;
    }

    .block_head .desc
    {
        font-size: 16px;
        line-height: 22px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form
    {
        --form_label_width: 250px;
    }


    .form .label.big
    {
        font-size: 20px;
        line-height: 24px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block h2
    {
        font-size: 32px;
        line-height: 34px;
    }

    .text_block .columns
    {
        column-gap: 30px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .slide .info
    {
        position: absolute;
        z-index: 9;
        top: 0;
        bottom: 0;
        left: 180px;

        width: 360px;
        height: 297px;
        margin: auto;
        padding: 25px 40px;

        background: #fff;
    }

    .main_slider .slide .title
    {
        font-size: 30px;
        line-height: 36px;
    }

    .main_slider .slide .desc
    {
        font-size: 18px;
        line-height: 24px;

        margin-top: 15px;
    }

    .main_slider .slide .link
    {
        margin-top: 25px;
        padding: 14px 25px 15px;
    }


    .main_slider .slide .img
    {
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        height: 450px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .main_slider .slide .img:after
    {
        width: 144px;
        height: 144px;

        border-width: 77px;
    }


    .main_slider .owl-carousel .owl-nav button.owl-prev
    {
        right: 104px;
    }

    .main_slider .owl-carousel .owl-nav button.owl-next
    {
        right: 57px;
    }



    /*------------------
        Promo blocks
    ------------------*/
    .promo_blocks .item .thumb
    {
        height: 210px;
    }

    .promo_blocks .item .thumb .point
    {
        display: none;
    }

    .promo_blocks .item .name
    {
        font-size: 26px;
        line-height: 32px;
    }

    .promo_blocks .item .desc
    {
        font-size: 16px;
        line-height: 22px;
    }



    /*-----------------
        Works types
    -----------------*/
    .works_types
    {
        width: calc(100% + 40px);
        margin-right: -20px;
        padding: 60px 20px;
    }

    .works_types .row > *
    {
        width: calc(25% - 15px);
    }


    .works_types .type
    {
        font-size: 17px;
        line-height: 21px;
    }



    /*----------------
        What gives
    ----------------*/
    .what_gives
    {
        width: calc(100% + 40px);
        margin-right: -20px;
        margin-left: -20px;
        padding: 60px 20px;
    }



    /*------------------
        We guarantee
    ------------------*/
    .we_guarantee .row
    {
        justify-content: center;
    }

    .we_guarantee .row > *
    {
        width: calc(33.333% - 20px);
    }


    .we_guarantee .item br
    {
        display: none;
    }



    /*--------------
        For whom
    --------------*/
    .for_whom .info .item .name
    {
        font-size: 24px;
        line-height: 28px;
    }


    .for_whom .img img.before
    {
        display: none;
    }



    /*----------
        Calc
    ----------*/
    .calc .info
    {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 60px 20px 30px;
    }

    .calc .info:before
    {
        display: none;
    }


    .calc .form
    {
        width: 100%;
        padding: 30px 0 60px;
    }



    /*---------------
        Our works
    ---------------*/
    .our_works .video_link
    {
        width: 100%;
    }


    .our_works .video_link + .gallery
    {
        width: calc(100% + 20px);
        margin-top: 30px;
    }

    .our_works .video_link + .gallery > *
    {
        width: calc(25% - 20px);
    }

    .our_works .video_link + .gallery .item
    {
        font-size: 14px;
    }



    /*-------------------
        Message block
    -------------------*/
    .message_block .data
    {
        padding: 15px 20px;
    }


    .message_block .info
    {
        font-size: 15px;

        width: 340px;
        margin-left: 40px;
    }

    .message_block .info .title
    {
        font-size: 20px;
        line-height: 24px;
    }


    .message_block.garanti .info
    {
        width: 440px;
        margin-left: 40px;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .info .sub_title
    {
        font-size: 20px;
        line-height: 26px;

        margin-bottom: 20px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .row
    {
        justify-content: center;
    }

    .advantages .row > *
    {
        width: calc(33.333% - 20px);
    }


    .advantages .item br
    {
        display: none;
    }



    /*-----------
        Certs
    -----------*/
    .certs .row
    {
        margin-left: -20px;
    }

    .certs .row > *
    {
        width: calc(25% - 20px);
        margin-left: 20px;
    }


    .certs .item
    {
        font-size: 14px;
    }

    .certs .item .thumb
    {
        padding: 12px;
    }



    /*----------
        Team
    ----------*/
    .team .row
    {
        margin-left: -20px;
    }

    .team .row > *
    {
        width: calc(25% - 20px);
        margin-left: 20px;
    }


    .team .person .name
    {
        font-size: 15px;
        line-height: 19px;
    }

    .team .person .post
    {
        font-size: 14px;
        line-height: 20px;
    }



    /*---------------------
        Requisites info
    ---------------------*/
    .requisites_info  .row
    {
        margin-left: -20px;
    }

    .requisites_info .row > *
    {
        width: calc(33.333% - 20px);
        max-width: calc(33.333% - 20px);
        margin-left: 20px;
    }


    .requisites_info .big_boss .name
    {
        font-size: 15px;
        line-height: 19px;
    }

    .requisites_info .big_boss .post
    {
        font-size: 14px;
        line-height: 20px;
    }


    .requisites_info .item
    {
        font-size: 15px;
        line-height: 21px;
    }


    .requisites_info .phone .number
    {
        font-size: 22px;
        line-height: 26px;
    }



    /*---------------
        Calc info
    ---------------*/
    .calc_info .head .desc
    {
        font-size: 16px;
        line-height: 22px;

        width: 100%;
        max-width: 100%;
    }

    .calc_info .head .free
    {
        font-size: 18px;
        line-height: 22px;

        margin-top: 20px;
    }



    .calc_info .form .columns > *
    {
        width: calc(100% - var(--form_columns_offset));
    }

    .calc_info .form .bottom .total_price
    {
        font-size: 32px;
    }

    .calc_info .form .bottom .total_price small
    {
        font-size: 26px;
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .info > *
    {
        max-width: calc(33.333% - 20px);
    }


    .contacts_info .phone .number
    {
        font-size: 20px;
    }



    /*---------------
        Documents
    ---------------*/
    .documents .cols .col
    {
        width: 100%;
    }

    .documents .cols .col + .col
    {
        margin-top: -1px;
    }

    .documents .title
    {
        font-size: 36px;
        line-height: 40px;

        margin-bottom: 25px;
    }



    /*-------------------
        Partners info
    -------------------*/
    .partners_info .info
    {
        width: 100%;
    }

    .partners_info .info .title
    {
        font-size: 36px;
        line-height: 40px;

        margin-bottom: 25px;
    }

    .partners_info .info .sub_title
    {
        font-size: 20px;
        line-height: 24px;

        margin-bottom: 20px;
    }


    .partners_info .manager
    {
        display: none;
    }



    /*----------------
        Order form
    ----------------*/
    .order_form
    {
        margin-top: 40px;
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio .work .video_link
    {
        width: 100%;
        margin-bottom: 20px;
    }


    .portfolio .work .video_link + .gallery
    {
        width: calc(100% + 20px);
    }

    .portfolio .work .video_link + .gallery > *
    {
        width: calc(25% - 20px);
    }



    /*------------------
        Product head
    ------------------*/
    .product_head .info,
    .product_head .info.big
    {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .product_head .product_name
    {
        font-size: 36px;
        line-height: 40px;
    }

    .product_head .desc
    {
        margin-top: 20px;
    }

    .product_head .link
    {
        font-size: 15px;

        margin-top: 20px;
        padding: 15px 30px;
    }

    .product_head .img,
    .product_head .info.big + .img
    {
        width: 100%;
    }



    /*-------------------
        Product usage
    -------------------*/
    .product_usage .row .col
    {
        width: calc(50% - 15px);
    }


    .product_usage .row .title
    {
        font-size: 19px;
        line-height: 23px;

        margin-bottom: 20px;
    }



    /*------------------------
        Pproduct equipment
    ------------------------*/
    .product_equipment .img
    {
        display: none;
    }



    /*------------
        Footer
    ------------*/
    footer .info
    {
        padding-bottom: 30px;
    }


    footer .contacts,
    footer .col_right
    {
        width: calc(50% - 20px);
    }


    footer .phone .number
    {
        font-size: 21px;
    }

    footer .callback_btn
    {
        color: #00a0e3;

        margin-left: 10px;
    }


    footer .menu
    {
        display: none;
    }


    footer .links
    {
        margin-bottom: -10px;
    }

    footer .links .calc_link,
    footer .links .order_btn
    {
        width: 100%;
    }


    footer .socials
    {
        font-size: 15px;
    }

    footer .socials .name
    {
        width: 200px;
    }

    footer .socials a + a
    {
        margin-left: 15px;
    }



    /*-----------
        PopUp
    -----------*/
    .fancybox-slide--html
    {
        padding: 30px;
    }


    .modal_title
    {
        font-size: 26px;
        line-height: 30px;
    }
}









/*----------------------------------------------------------*/

@media (max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 15px;
        --font_size_title: 28px;
    }


    .block
    {
        margin-bottom: 50px;
    }



    /*------------
        Header
    ------------*/
    .mob_header .logo a,
    .mob_header .logo img
    {
        width: 160px;
    }


    .mob_header .email
    {
        display: none;
    }



    /*-------------
        Sidebar
    -------------*/



    /*---------------
        Page head
    ---------------*/
    .page_title
    {
        font-size: 32px;
        line-height: 36px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head
    {
        margin-bottom: 25px;
    }

    .block_head .title
    {
        line-height: 32px;
    }

    .block_head .desc
    {
        font-size: 15px;
        line-height: 21px;
    }


    .block_head .title.mini
    {
        font-size: 28px;
        line-height: 30px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form
    {
        --form_label_width: 220px;
    }


    .form .columns > *.width1of3
    {
        width: calc(100% - var(--form_columns_offset));
    }


    .form .bottom .agree
    {
        width: 100%;
        max-width: 100%;
        margin-bottom: 17px;
    }


    .form .label.big
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block h2
    {
        font-size: 28px;
        line-height: 30px;
    }

    .text_block .columns
    {
        column-count: 1;
        column-gap: 0;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .slide .info
    {
        position: absolute;
        z-index: 9;
        top: 0;
        bottom: 0;
        left: 0;

        width: 325px;
        height: 280px;
        margin: auto;
        padding: 25px 30px;
    }

    .main_slider .slide .title
    {
        font-size: 28px;
        line-height: 32px;
    }

    .main_slider .slide .desc
    {
        font-size: 17px;
        line-height: 23px;
    }


    .main_slider .slide .img
    {
        height: 380px;
    }

    .main_slider .slide .img img.before
    {
        display: none;
    }


    .main_slider .owl-carousel .owl-nav button
    {
        display: none;
    }



    /*------------------
        Promo blocks
    ------------------*/
    .promo_blocks .row > *
    {
        width: calc(100% - 10px);
    }

    .promo_blocks .row > * + *
    {
        margin-top: 40px;
    }



    /*-----------------
        Works types
    -----------------*/
    .works_types
    {
        padding: 50px 20px;
    }


    .works_types .row > *
    {
        width: calc(50% - 15px);
    }


    .works_types .type
    {
        font-size: 16px;
        line-height: 20px;
    }



    /*----------------
        What gives
    ----------------*/
    .what_gives
    {
        padding: 50px 20px;
    }

    .what_gives .block_head
    {
        margin-bottom: 35px;
    }

    .what_gives .link
    {
        margin-top: 30px;
        padding: 14px 25px 15px;
    }



    /*------------------
        We guarantee
    ------------------*/
    .we_guarantee .row > *
    {
        width: calc(50% - 20px);
    }


    .we_guarantee .item .icon
    {
        margin-bottom: 15px;
    }

    .we_guarantee .item .order_btn
    {
        font-size: 15px;

        margin-top: 12px;
    }



    /*--------------
        For whom
    --------------*/
    .for_whom .info
    {
        width: 100%;
        max-width: 100%;
        padding-bottom: 50px;
    }


    .for_whom .info .item + .item
    {
        margin-top: 25px;
    }

    .for_whom .info .item .name
    {
        font-size: 22px;
        line-height: 24px;
    }



    .for_whom .img
    {
        display: none;
    }



    /*----------
        Calc
    ----------*/
    .calc .info
    {
        padding: 50px 20px 30px;
    }

    .calc .info .icon
    {
        top: 15px;
        right: 15px;
    }

    .calc .info .free
    {
        font-size: 19px;
        line-height: 24px;

        margin-top: 30px;
    }


    .calc .form
    {
        padding-bottom: 50px;
    }



    /*---------------
        Our works
    ---------------*/
    .our_works
    {
        padding: 50px 0;
    }


    .our_works .video_link + .gallery > *
    {
        width: calc(50% - 20px);
    }



    /*-------------------
        Message block
    -------------------*/
    .message_block .data
    {
        padding: 20px;
    }

    .message_block .logo
    {
        margin: 0 auto 15px;
    }

    .message_block .info,
    .message_block.garanti .info
    {
        width: 100%;
        margin: 0;

        text-align: center;
    }

    .message_block .info .title
    {
        font-size: 19px;
        line-height: 23px;
    }

    .message_block .link
    {
        font-size: 15px;

        margin: 15px auto 0;
        padding: 14px 30px 15px;
    }



    /*-----------------
        Action form
    -----------------*/
    .action_form
    {
        padding: 50px 0;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .info .sub_title
    {
        font-size: 18px;
        line-height: 24px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .row > *
    {
        width: calc(50% - 20px);
    }


    .advantages .item .icon
    {
        margin-bottom: 15px;
    }

    .advantages .item .order_btn
    {
        font-size: 15px;

        margin-top: 12px;
    }



    /*-----------
        Certs
    -----------*/
    .certs
    {
        padding: 50px 0;
    }


    .certs .row > *
    {
        width: calc(50% - 20px);
    }


    .certs .item
    {
        font-size: 15px;
    }

    .certs .item .thumb
    {
        padding: 20px;
    }



    /*----------
        Team
    ----------*/
    .team .row > *
    {
        width: calc(50% - 20px);
    }



    /*---------------------
        Requisites info
    ---------------------*/
    .requisites_info .row > *
    {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }


    .requisites_info .phone,
    .requisites_info .email,
    .requisites_info .location
    {
        margin-top: 20px;
    }



    /*---------------
        Calc info
    ---------------*/
    .calc_info .head .desc
    {
        font-size: 15px;
        line-height: 21px;
    }


    .calc_info .form .line
    {
        margin-bottom: 25px;
    }

    .calc_info .form .bottom
    {
        padding: 0;
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .info > *
    {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }


    .contacts_info #map
    {
        margin-top: 50px;
    }



    /*---------------
        Documents
    ---------------*/
    .documents .title
    {
        font-size: 32px;
        line-height: 36px;

        margin-bottom: 20px;
    }


    .documents .file
    {
        padding-right: 0;
        padding-left: 0;
    }



    /*-------------------
        Partners info
    -------------------*/
    .partners_info .info
    {
        width: 100%;
    }

    .partners_info .info .title
    {
        font-size: 32px;
        line-height: 36px;

        margin-bottom: 20px;
    }

    .partners_info .info .sub_title
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio .work
    {
        padding: 50px 0;
    }

    .portfolio .work .gallery
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .portfolio .work .gallery > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .portfolio .work .video_link + .gallery > *
    {
        width: calc(50% - 20px);
    }



    /*------------------
        Product head
    ------------------*/
    .product_head .product_name
    {
        font-size: 32px;
        line-height: 36px;
    }



    /*-------------------
        Product usage
    -------------------*/
    .product_usage
    {
        padding: 50px 0;
    }

    .product_usage .row .col
    {
        width: 100%;
    }

    .product_usage .row .col + .col
    {
        margin-top: 30px;
    }

    .product_usage .row .title
    {
        margin-bottom: 15px;
    }



    /*-------------------
        Product video
    -------------------*/
    .product_video
    {
        padding: 50px 0;
    }



    /*------------
        Footer
    ------------*/
    footer .info
    {
        padding-top: 50px;
    }


    footer .contacts,
    footer .col_right
    {
        width: 100%;
    }

    footer .col_right
    {
        margin-top: 30px;
    }


    footer .copyright
    {
        width: 100%;
        margin-bottom: 10px;

        order: 1;
    }


    footer .privacy_policy,
    footer .creator
    {
        order: 2;
    }



    /*-----------
        PopUp
    -----------*/
    .fancybox-slide--html
    {
        padding: 20px;
    }
}





/*----------------------------------------------------------*/

@media (max-width: 479px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 15px;
        --font_size_title: 26px;
    }



    /*------------
        Header
    ------------*/
    .mob_header .logo a,
    .mob_header .logo img
    {
        width: 128px;
    }


    .mob_header .contacts
    {
        padding: 0;

        background: none;
    }

    .mob_header .contacts .phone
    {
        font-size: 16px;
        line-height: 18px;
    }

    .mob_header .contacts .callback_btn
    {
        font-size: 13px;
        line-height: 15px;
    }


    .mob_header .mob_menu_btn
    {
        margin-left: 10px;
    }



    /*-------------
        Sidebar
    -------------*/



    /*---------------
        Page head
    ---------------*/
    .page_title
    {
        font-size: 28px;
        line-height: 30px;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .title
    {
        line-height: 30px;
    }


    .block_head .title.mini
    {
        font-size: 26px;
        line-height: 28px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form .line.row .label
    {
        width: 100%;
        min-height: 0;
        margin-bottom: 7px;
    }

    .form .line.row .field
    {
        width: 100%;
    }


    .form .label.big
    {
        font-size: 18px;
        line-height: 22px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block h2
    {
        font-size: 26px;
        line-height: 28px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .slide .info
    {
        width: 287px;
        height: 251px;
        padding: 20px;
    }

    .main_slider .slide .title
    {
        font-size: 22px;
        line-height: 28px;
    }

    .main_slider .slide .desc
    {
        font-size: 16px;
        line-height: 22px;
    }

    .main_slider .slide .link
    {
        margin-top: 20px;
        padding: 14px 20px 15px;
    }


    .main_slider .slide .img
    {
        height: 360px;
    }

    .main_slider .slide .img:after
    {
        width: 114px;
        height: 114px;

        border-width: 57px;
    }


    .main_slider .count
    {
        display: none;
    }



    /*------------------
        Promo blocks
    ------------------*/
    .promo_blocks .item .thumb
    {
        height: 180px;
    }

    .promo_blocks .item .name
    {
        font-size: 24px;
        line-height: 30px;
    }

    .promo_blocks .item .desc
    {
        font-size: 15px;
        line-height: 21px;
    }



    /*-----------------
        Works types
    -----------------*/
    .works_types .type .name
    {
        padding: 10px 17px 10px;
    }



    /*------------------
        We guarantee
    ------------------*/
    .we_guarantee .item
    {
        font-size: 14px;
        line-height: 20px;
    }

    .we_guarantee .item .desc
    {
        text-align: center;
    }



    /*----------
        Calc
    ----------*/
    .calc .info .icon
    {
        display: none;
    }

    .calc .info .free
    {
        font-size: 17px;
        line-height: 23px;

        margin-top: 25px;
    }


    .calc .form .line.big_margin,
    .calc .form .line
    {
        margin-bottom: 17px;
    }

    .calc .form .bottom
    {
        padding-top: 8px;
    }


    .calc .form .bottom .total_price
    {
        width: 100%;
        margin-bottom: 10px;

        text-align: center;
    }

    .calc .form .bottom .submit
    {
        width: 100%;
    }



    /*---------------
        Our works
    ---------------*/
    .our_works .block_head.center
    {
        text-align: left;

        justify-content: flex-start;
    }

    .our_works .block_head.center .title:after
    {
        right: auto;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .info .sub_title
    {
        font-size: 17px;
        line-height: 23px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .item
    {
        font-size: 14px;
        line-height: 20px;
    }

    .advantages .item .desc
    {
        text-align: center;
    }



    /*-----------
        Certs
    -----------*/
    .certs .item
    {
        font-size: 13px;
        line-height: 17px;
    }

    .certs .item .thumb
    {
        padding: 10px;
    }



    /*---------------------
        Requisites info
    ---------------------*/
    .requisites_info .phone .number
    {
        font-size: 20px;
    }



    /*---------------
        Calc info
    ---------------*/
    .calc_info .head .free
    {
        font-size: 16px;
        line-height: 20px;

        padding-right: 15px;
    }


    .calc_info .form .variant,
    .calc_info .form .mini_modal_link
    {
        padding-left: 0;
    }

    .calc_info .form .mini_modal_link .placeholder
    {
        margin-left: 20px;
    }


    .calc_info .form .variant .check,
    .calc_info .form .mini_modal_link .check
    {
        display: none;
    }

    .calc_info .form .variant .name,
    .calc_info .form .mini_modal_link .name
    {
        font-size: 14px;
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .info > *
    {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }


    .contacts_info #map
    {
        margin-top: 40px;
    }



    /*---------------
        Documents
    ---------------*/
    .documents .title
    {
        font-size: 28px;
        line-height: 30px;
    }



    /*-------------------
        Partners info
    -------------------*/
    .partners_info .info .title
    {
        font-size: 28px;
        line-height: 30px;
    }

    .partners_info .info .sub_title
    {
        font-size: 18px;
        line-height: 22px;
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio .work
    {
        padding: 40px 0;
    }



    /*------------------
        Product head
    ------------------*/
    .product_head .product_name
    {
        font-size: 28px;
        line-height: 30px;
    }

    .product_head .link
    {
        font-size: 15px;

        margin-top: 20px;
        padding: 13px 20px;
    }



    /*------------------------
        Pproduct equipment
    ------------------------*/
    .product_equipment table
    {
        width: 100%;
    }

    .product_equipment table td
    {
        font-size: 14px;
        line-height: 18px;
    }



    /*------------
        Footer
    ------------*/
    footer .phone .number
    {
        font-size: 20px;
    }

    footer .callback_btn
    {
        font-size: 14px;
    }


    footer .privacy_policy,
    footer .creator
    {
        width: 100%;
    }

    footer .creator
    {
        margin-top: 10px;
    }



    /*-----------
        PopUp
    -----------*/
    .modal
    {
        padding: 25px;
    }

    .modal_title
    {
        font-size: 24px;
        line-height: 28px;
    }
}








/*----------------------------------------------------------*/

.b24-form-click-btn-wrapper button,.b24-form-click-btn-wrapper a {
    cursor: pointer
}

.b24-form-click-btn-wrapper button {
    border-radius: 2px;
    margin: 0;
    min-width: 80px;
    height: 39px;
    font-size: 15px;
    line-height: 20px;
    vertical-align: baseline;
    padding: 0 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0
}

.b24-form-click-btn-wrapper.--b24-mod-outlined>button {
    border: 1px solid #3bc8f5
}

.b24-form-click-btn-wrapper.--b24-mod-rounded>button {
    border-radius: 19.5px
}

.b24-form-click-btn-wrapper.--b24-mod-center>button {
    display: block;
    margin: 0 auto
}

.b24-form-click-btn-wrapper.--b24-mod-left>button {
    display: block;
    margin-right: auto;
    margin-left: 0
}

.b24-form-click-btn-wrapper.--b24-mod-right>button {
    display: block;
    margin-left: auto;
    margin-right: 0
}

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-inline {
    display: inline
}

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-center {
    text-align: center
}

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-left {
    text-align: left
}

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-right {
    text-align: right
}

.b24-form-click-btn-wrapper.--b24-mod-dotted>a {
    border-bottom: 1px dotted
}

.b24-form-click-btn-wrapper.--b24-mod-solid>a {
    border-bottom: 1px solid
}

button.b24-form-click-btn-font-elegant {
    font-family: Georgia,"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-style: italic;
    font-weight: normal
}

button.b24-form-click-btn-font-classic {
    font-family: Georgia,"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold
}

button.b24-form-click-btn-font-modern {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px
}

a.b24-form-click-btn-font-elegant {
    font-style: italic
}

a.b24-form-click-btn-font-classic {
    font-style: normal
}

a.b24-form-click-btn-font-modern {
    font-family: "Open Sans",Helvetica,Arial,sans-serif
}

.b24-form {
    --b24-primary-color: #0f58d0;
    --b24-primary-text-color: #FFF;
    --b24-primary-hover-color: var(--b24-primary-color);
    --b24-text-color: #000;
    --b24-background-color: #FFF;
    --b24-field-border-color: rgba(0,0,0,.1);
    --b24-field-background-color: rgba(0,0,0,.08);
    --b24-field-focus-background-color: #fff;
    --b24-popup-background-color: #fff;
    --b24-font-family-default: "Helvetica Neue",Helvetica,Arial,sans-serif;
    --b24-font-family: var(--b24-font-family-default)
}

.b24-form-dark {
    --b24-primary-color: #0f58d0;
    --b24-primary-text-color: #FFF;
    --b24-primary-hover-color: var(--b24-primary-color);
    --b24-text-color: #FFF;
    --b24-background-color: #282d30;
    --b24-field-border-color: rgba(255,255,255,.1);
    --b24-field-background-color: rgba(255,255,255,.08);
    --b24-field-focus-background-color: rgba(0,0,0,.17);
    --b24-popup-background-color: #282d30;
    --b24-font-family-default: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --b24-font-family: var(--b24-font-family-default)
}

@media(prefers-color-scheme: dark) {
    .b24-form-dark-auto {
        --b24-primary-color:#0f58d0;
        --b24-primary-text-color: #fff;
        --b24-primary-hover-color: var(--b24-primary-color);
        --b24-text-color: #FFF;
        --b24-background-color: #282d30;
        --b24-field-border-color: rgba(255,255,255,.1);
        --b24-field-background-color: rgba(255,255,255,.08);
        --b24-field-focus-background-color: rgba(0,0,0,.17);
        --b24-font-family-default: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --b24-font-family: var(--b24-font-family-default)
    }
}

.b24-form-progress-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 15px
}

.b24-form-progress-bar-container {
    position: relative
}

.b24-form-progress {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.b24-form-progress-track {
    stroke: silver;
    stroke: var(--b24-field-border-color);
    stroke-dashoffset: 0;
    stroke-dasharray: 0;
    fill: transparent
}

.b24-form-progress-bar {
    fill: transparent;
    stroke: #0f58d0;
    stroke: var(--b24-primary-color);
    -webkit-transition: 120ms linear;
    -o-transition: 120ms linear;
    transition: 120ms linear
}

.b24-form-progress-bar-counter {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font: 13px/18px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 13px/18px var(--b24-font-family);
    text-align: center;
    color: #000;
    color: var(--b24-text-color);
    white-space: nowrap
}

.b24-form-progress-bar-title {
    padding-left: 11px;
    vertical-align: middle;
    font: 600 18px/24px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 600 18px/24px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-basket {
    border: 1px solid #0f58d0;
    border: 1px solid var(--b24-primary-color);
    border-radius: 6px;
    font: 14px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 14px/16px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    text-align: right
}

.b24-form-basket table {
    width: 100%
}

.b24-form-basket-label {
    width: 100%
}

.b24-form-basket-value {
    padding: 2px 5px;
    white-space: nowrap
}

.b24-form-basket-discount {
    color: #0f58d0;
    color: var(--b24-primary-color)
}

.b24-form-basket-discount .b24-form-basket-value {
    text-decoration: line-through
}

.b24-form-basket-sum,.b24-form-basket-pay {
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-basket-pay .b24-form-basket-value {
    font-weight: bold
}

.b24-form {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: var(--b24-font-family);
    line-height: normal
}

.b24-form * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

.b24-form a,.b24-form a:not([href]),.b24-form a:not([href]):not([tabindex]) {
    color: var(--b24-text-color);
    text-decoration: underline;
    cursor: pointer
}

.b24-form-wrapper {
    position: relative;
    display: block;
    background-color: rgba(0,0,0,.08);
    background-color: var(--b24-background-color);
    min-height: 250px;
    max-width: 700px;
    margin: 0 auto;
    -webkit-transition: min-height 180ms ease;
    -o-transition: min-height 180ms ease;
    transition: min-height 180ms ease;
    word-break: break-word;
    border-radius: var(--ui-border-radius-md)
}

.b24-form-wrapper.b24-from-state-on {
    min-height: 390px
}

.b24-form-wrapper.b24-form-shadow {
    -webkit-box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 18px 0 rgba(0,0,0,.3)
}

.b24-form-wrapper.b24-form-border-top {
    border-top: 5px solid var(--b24-primary-color)
}

.b24-form-wrapper.b24-form-border-right {
    border-right: 5px solid var(--b24-primary-color)
}

.b24-form-wrapper.b24-form-border-bottom {
    border-bottom: 5px solid var(--b24-primary-color)
}

.b24-form-wrapper.b24-form-border-left {
    border-left: 5px solid var(--b24-primary-color)
}

.b24-form-header {
    padding: 15px 31px 5px;
    border-bottom: 1px solid rgba(82,92,105,0.11);
    text-align: center
}

.b24-form-header-padding {
    padding: 10px
}

.b24-dark .b24-form-header {
    border-bottom: 1px solid rgba(255,255,255,0.31)
}

.b24-form-header-title {
    color: #000;
    color: var(--b24-text-color);
    letter-spacing: .6px;
    margin-bottom: 9px;
    font: 24px/33px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 24px/33px var(--b24-font-family);
    font-weight: var(--ui-font-weight-bold);
    word-break: break-word
}

.b24-form-header-description {
    margin: 0 0 15px 0;
    font: 15px/17px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 15px/17px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    opacity: .8;
    word-break: break-word
}

.b24-form-content {
    padding: 14px 31px
}

.b24-form-sign {
    padding: 0 30px 10px 10px;
    text-align: right;
    margin: -10px 0 0
}

.b24-form-sign-text {
    margin: 0 0 0 -2px;
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 12px var(--b24-font-family);
    color: #b2b6bd
}

.b24-form-sign-bx {
    margin: 0 -2px 0 0;
    font: 600 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #2fc7f7
}

.b24-form-sign-24 {
    font: 600 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #215f98
}

.b24-form-recaptcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 31px 20px 0
}

.b24-form-content form {
    margin: 0
}

.b24-form-padding-side {
    padding-left: 31px;
    padding-right: 31px
}

@media(max-width: 530px) {
    .b24-form-header-title {
        font-size:18px;
        line-height: 18px
    }

    .b24-form-padding-side {
        padding-left: 18px;
        padding-right: 18px
    }
}

.b24-form-compact .b24-form-header-title {
    font-size: 17px;
    line-height: 15px
}

.b24-form-compact .b24-form-padding-side {
    padding-left: 10px;
    padding-right: 10px
}

.b24-from-state-on .b24-form-state-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-radius: var(--ui-border-radius-md)
}

.b24-form-state-container .b24-form-loader,.b24-form-state-container .b24-form-state {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    z-index: 15;
    border-radius: var(--ui-border-radius-md)
}

.b24-form-wrapper.b24-form-border-top .b24-form-state-container .b24-form-state,.b24-form-wrapper.b24-form-border-top .b24-form-state-container .b24-form-loader {
    top: -5px
}

.b24-form-wrapper.b24-form-border-right .b24-form-state-container .b24-form-state,.b24-form-wrapper.b24-form-border-right .b24-form-state-container .b24-form-loader {
    right: -5px
}

.b24-form-wrapper.b24-form-border-bottom .b24-form-state-container .b24-form-state,.b24-form-wrapper.b24-form-border-bottom .b24-form-state-container .b24-form-loader {
    bottom: -5px
}

.b24-form-wrapper.b24-form-border-left .b24-form-state-container .b24-form-state,.b24-form-wrapper.b24-form-border-left .b24-form-state-container .b24-form-loader {
    left: -5px
}

div.b24-form-loader {
    background-color: #fff;
    background-color: var(--b24-background-color);
    padding-bottom: 20px
}

.b24-form-loader-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 263px;
    height: 174px
}

.b24-form-loader-icon .bx-sun-lines-animate {
    -webkit-transform-origin: 79px 79px;
    -ms-transform-origin: 79px 79px;
    transform-origin: 79px 79px;
    -webkit-animation: linear bxSunCover 25s infinite;
    animation: linear bxSunCover 25s infinite;
    fill: var(--b24-primary-color)
}

@-webkit-keyframes bxSunCover {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes bxSunCover {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.b24-form-loader-icon .b24-form-loader-icon-sun-ring {
    stroke: var(--b24-primary-color)
}

.b24-form-loader-icon svg g>path {
    fill: var(--b24-field-background-color);
    stroke: var(--b24-field-background-color)
}

.b24-form-state-container .b24-form-success {
    background-color: #a0be47
}

.b24-form-state-inner {
    position: absolute;
    top: 50%;
    max-width: 330px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b24-form-success-icon {
    display: inline-block;
    margin: 0 0 26px 0;
    width: 169px;
    height: 169px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20fill%3D%22%23A0BE47%22%20d%3D%22M76.853%20107L57%2087.651l6.949-6.771%2012.904%2012.576L106.051%2065%20113%2071.772z%22/%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat
}

.b24-form-state-text {
    font: 20px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 20px/30px var(--b24-font-family)
}

.b24-form-success .b24-form-state-text {
    display: block;
    margin: 0 0 27px;
    color: #000;
    text-align: center;
    opacity: .8
}

.b24-form-success .b24-form-state-text p {
    margin: 0
}

.b24-form-state-container .b24-form-error {
    background-color: #f25830
}

.b24-form-error-icon {
    display: inline-block;
    margin: 0 0 30px;
    width: 169px;
    height: 169px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20d%3D%22M91.638%2084.567l14.496%2014.495-7.072%207.072-14.495-14.496-14.496%2014.496L63%2099.062l14.496-14.495L63%2070.07%2070.071%2063l14.496%2014.496L99.062%2063l7.072%207.071-14.496%2014.496z%22%20fill%3D%22%23F25830%22/%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat
}

.b24-form-error .b24-form-state-text {
    display: block;
    margin: 0 0 30px;
    color: #fff
}

.b24-form-state-container .b24-form-error .b24-form-btn {
    margin: 0 0 15px;
    color: #fff;
    border-color: #fff
}

.b24-form-state-container .b24-form-warning {
    background-color: #fff
}

.b24-form-warning-icon {
    display: inline-block;
    margin: 0 0 28px;
    width: 169px;
    height: 169px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20d%3D%22M114.29%2099.648L89.214%2058.376c-1.932-3.168-6.536-3.168-8.427%200L55.709%2099.648c-1.974%203.25.41%207.352%204.234%207.352h50.155c3.782%200%206.166-4.103%204.193-7.352zM81.404%2072.756c0-1.828%201.48-3.29%203.33-3.29h.452c1.85%200%203.33%201.462%203.33%203.29v12.309c0%201.827-1.48%203.29-3.33%203.29h-.453c-1.85%200-3.33-1.463-3.33-3.29V72.756zm7.77%2023.886c0%202.274-1.892%204.143-4.194%204.143s-4.193-1.869-4.193-4.143c0-2.275%201.891-4.144%204.193-4.144%202.302%200%204.193%201.869%204.193%204.144z%22%20fill%3D%22%23000%22%20opacity%3D%22.4%22/%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat
}

.b24-form-warning .b24-form-state-text {
    margin: 0 0 35px;
    color: #333;
    opacity: .8
}

.b24-form-state--sticky .b24-form-success-inner,.b24-form-state--stiky .b24-form-error-inner {
    position: sticky
}

.b24-form-inner-box {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 530px) {
    .b24-form-state-text {
        font-size:16px;
        line-height: 18px
    }
}

.b24-form-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0 -5px
}

.b24-form-btn-block {
    padding: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b24-form-btn {
    position: relative;
    display: inline-block;
    padding: 15px 20px;
    margin: 0;
    min-height: 52px;
    width: 100%;
    border: 0;
    border-radius: 4px;
    background-color: #0f58d0;
    background-color: var(--b24-primary-color);
    font: 600 15px/22px var(--b24-font-family);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: -1px -1px 1px rgba(0,0,0,.09);
    box-shadow: -1px -1px 1px rgba(0,0,0,.09);
    outline: 0;
    cursor: pointer;
    color: #fff;
    color: var(--b24-primary-text-color);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.b24-form-btn:hover {
    background-color: var(--b24-primary-hover-color)
}

.b24-form-btn-border {
    border: 1px solid rgba(0,0,0,.5);
    color: rgba(51,51,51,.8)
}

.b24-form-btn.b24-form-btn-white {
    background-color: #fff;
    background-color: var(--b24-background-color);
    color: #000;
    color: var(--b24-text-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.b24-form-btn.b24-form-btn-border {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-btn.b24-form-btn-tight {
    width: initial
}

.b24-form-field {
    margin-bottom: 15px;
    -webkit-transition: 200ms linear margin-bottom;
    -o-transition: 200ms linear margin-bottom;
    transition: 200ms linear margin-bottom
}

.b24-form-control-container {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    -webkit-transition: 200ms ease all;
    -o-transition: 200ms ease all;
    transition: 200ms ease all
}

.b24-form-control-desc {
    font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 16px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control {
    color: #000;
    outline: 0;
    -webkit-transition: 200ms ease all;
    -o-transition: 200ms ease all;
    transition: 200ms ease all
}

.b24-form-control-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    word-break: break-word;
    color: #82888f;
    color: var(--b24-text-color);
    font: 13px "OpenSans-Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
    font: 13px var(--b24-font-family)
}

.b24-form-control::-moz-placeholder,.b24-form-control:-ms-input-placeholder,.b24-form-control::-webkit-input-placeholder {
    color: rgba(0,0,0,0);
    -webkit-transition: 170ms linear all;
    -o-transition: 170ms linear all;
    transition: 170ms linear all
}

.b24-form-control:focus::-moz-placeholder {
    color: rgba(0,0,0,.33)
}

.b24-form-control:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.33)
}

.b24-form-control:focus::-webkit-input-placeholder {
    color: rgba(0,0,0,.33)
}

.b24-form-control:focus:-moz-placeholder {
    color: rgba(0,0,0,.33)
}

.b24-form-control-string .b24-form-control,.b24-form-control-list .b24-form-control,.b24-form-control-text .b24-form-control,.b24-form-control-select .field-item {
    border-radius: 4px;
    height: 52px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,0)));
    background-image: -o-linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%);
    border: 1px solid rgba(0,0,0,.1);
    border: 1px solid var(--b24-field-border-color);
    background-color: rgba(0,0,0,.08);
    background-color: var(--b24-field-background-color);
    color: #000;
    color: var(--b24-text-color);
    width: 100%;
    padding: 17px 10px 0;
    font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 16px var(--b24-font-family);
    letter-spacing: -0.3px
}

.b24-form-style-modern .b24-form-control-string .b24-form-control,.b24-form-style-modern .b24-form-control-list .b24-form-control,.b24-form-style-modern .b24-form-control-text .b24-form-control,.b24-form-style-modern .b24-form-control-select .field-item {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-width: 2px;
    border-radius: 0 !important;
    background: rgba(0,0,0,0) !important
}

.b24-form-control-text .b24-form-control {
    height: 104px;
    min-height: 52px;
    padding-top: 23px;
    max-width: 100%;
    min-width: 100%;
    resize: vertical
}

.b24-form-control-string .b24-form-control:focus,.b24-form-control-list .b24-form-control:focus,.b24-form-control-text .b24-form-control:focus,.b24-form-control-select .field-item:focus {
    background-color: #fff;
    background-color: var(--b24-field-focus-background-color);
    border-color: rgba(0,0,0,0.25);
    border-color: var(--b24-primary-color)
}

.b24-form-control-string .b24-form-control:-webkit-autofill,.b24-form-control-list .b24-form-control:-webkit-autofill,.b24-form-control-text .b24-form-control:-webkit-autofill,.b24-form-control-select .field-item:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px rgba(0,0,0,.08);
    -webkit-box-shadow: inset 0 0 0 50px var(--b24-field-background-color);
    -webkit-text-fill-color: #000;
    -webkit-text-fill-color: var(--b24-text-color);
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-select .field-item {
    position: relative;
    height: auto;
    min-height: 52px;
    padding: 20px 0 0 0
}

.b24-form-control-select select {
    padding: 0;
    max-height: 104px;
    border: 0;
    background: 0;
    width: 100%;
    font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 16px var(--b24-font-family);
    letter-spacing: -0.3px;
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-select select option {
    padding: 2px 10px
}

.b24-form-control-check,.b24-form-control-radio,.b24-form-control-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b24-form-control-check .b24-form-control,.b24-form-control-radio .b24-form-control,.b24-form-control-product .b24-form-control {
    margin: 2px 9px 0 0
}

.b24-form-control-checkbox,.b24-form-control-radio,.b24-form-control-product {
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.05);
    background-color: rgba(0,0,0,0.07);
    width: 100%;
    padding: 9px 10px;
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 14px var(--b24-font-family);
    letter-spacing: -0.3px
}

.b24-form-control-checkbox .b24-form-control-label,.b24-form-control-radio .b24-form-control-label,.b24-form-control-product .b24-form-control-label {
    display: block;
    font-size: 13px
}

.b24-form-control-checkbox .b24-form-control,.b24-form-control-radio .b24-form-control,.b24-form-control-product .b24-form-control {
    margin: 2px 9px 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: rgba(0,0,0,.08);
    background-color: var(--b24-field-background-color);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    min-height: 52px;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.b24-form-control-checkbox .b24-form-control.b24-form-control-checked,.b24-form-control-radio .b24-form-control.b24-form-control-checked {
    border-color: #000;
    background-color: #0f58d0;
    background-color: var(--b24-primary-color)
}

.b24-form-control-checkbox .b24-form-control input,.b24-form-control-radio .b24-form-control input,.b24-form-control-product .b24-form-control input {
    margin-right: 5px
}

.b24-form-control-checkbox .b24-form-control-desc,.b24-form-control-radio .b24-form-control-desc,.b24-form-control-product .b24-form-control-desc {
    font-size: 15px;
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-checked .b24-form-control-desc {
    color: #fff;
    color: var(--b24-primary-text-color)
}

.b24-form-control-product>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b24-form-control-product .b24-form-control-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 24px
}

.b24-form-control-product .b24-form-control {
    margin-right: 0;
    margin-top: -1px;
    margin-left: -1px;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    background-color: #fff;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b24-form-control-product .b24-form-control-label {
    position: absolute;
    top: 0
}

.b24-form-control-product .b24-form-control.b24-form-control-checked {
    border-color: #0f58d0;
    border-color: var(--b24-primary-color);
    -webkit-box-shadow: inset 0 0 0 1px #0f58d0;
    box-shadow: inset 0 0 0 1px #0f58d0;
    -webkit-box-shadow: inset 0 0 0 1px var(--b24-primary-color);
    box-shadow: inset 0 0 0 1px var(--b24-primary-color);
    background-color: #fff;
    z-index: 1
}

.b24-form-control-product-custom-price {
    padding: 0
}

.b24-form-control-product .b24-form-control-desc {
    white-space: nowrap;
    display: inline-block;
    padding: 0 3px
}

.b24-form-control-product .b24-form-control-checked .b24-form-control-desc {
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-product .b24-form-control-input-check {
    display: none
}

.b24-form-control-product-custom-price .b24-form-control-input-text {
    padding: 0 5px
}

.b24-form-control-product .b24-form-control-input-text {
    border: 0;
    outline: none !important;
    font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 15px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    width: 100%;
    min-width: 118px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    background: transparent
}

.b24-form-control-group {
    margin-bottom: 15px
}

.b24-form-control-group .b24-form-control-container {
    margin-bottom: 5px
}

.b24-form-control-required {
    color: red
}

.b24-form-control-select-label,.b24-form-control-label {
    -webkit-transition: 180ms linear all;
    -o-transition: 180ms linear all;
    transition: 180ms linear all;
    font: 15px/17px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 15px/17px var(--b24-font-family);
    opacity: .5;
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-string .b24-form-control-label,.b24-form-control-list .b24-form-control-label,.b24-form-control-text .b24-form-control-label {
    padding-left: 11px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.b24-form-control-check .b24-form-control-label,.b24-form-control-radio .b24-form-control-label {
    color: #000;
    color: var(--b24-text-color);
    opacity: 1;
    white-space: normal
}

.b24-form-control-text .b24-form-control-label {
    top: 15px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.b24-form-control-select-label,.b24-form-control:focus+.b24-form-control-label,.b24-form-control-not-empty+.b24-form-control-label {
    top: 8px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 13px
}

.b24-form-control-select-label {
    position: absolute;
    top: 3px;
    left: 10px
}

.b24-form-control-alert {
    margin-bottom: 24px !important
}

.b24-form-control-alert.b24-form-control-checkbox,.b24-form-control-alert.b24-form-control-radiobox,.b24-form-control-alert.b24-form-control-file,.b24-form-control-alert.b24-form-control-list .b24-form-control,.b24-form-control-alert.b24-form-control-string .b24-form-control,.b24-form-control-alert.b24-form-control-text .b24-form-control {
    background-color: rgba(242,88,48,0.08);
    border-color: rgba(242,88,48,0.25)
}

.b24-form-control-alert-message {
    display: none;
    position: absolute;
    top: calc(100% - 3px);
    left: 12px;
    background: #f25830;
    z-index: 10;
    border-radius: 0 2px 2px 2px;
    padding: 2px 4px 2px 22px;
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 13px var(--b24-font-family);
    color: #fff
}

.b24-form-control-alert .b24-form-control-alert-message {
    display: block;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-name: b24ShowFieldMessage;
    animation-name: b24ShowFieldMessage;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    max-width: 90%
}

@-webkit-keyframes b24ShowFieldMessage {
    from {
        opacity: 0;
        margin-top: -20px;
        display: block
    }

    to {
        opacity: 1;
        margin-top: 0;
        display: block
    }
}

@keyframes b24ShowFieldMessage {
    from {
        opacity: 0;
        margin-top: -20px;
        display: block
    }

    to {
        opacity: 1;
        margin-top: 0;
        display: block
    }
}

.b24-form-control-alert-message:after {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #f25830;
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 0;
    bottom: 100%
}

.b24-form-control-alert-message:before {
    content: '';
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: 3px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjAxNiAxMi45MTJsLTYuODgtMTEuNDU4Yy0uNTMtLjg4LTEuNzkzLS44OC0yLjMxMSAwTC45NDUgMTIuOTEyYy0uNTQuOTAyLjExMyAyLjA0MSAxLjE2MiAyLjA0MWgxMy43NThhMS4zNDcgMS4zNDcgMCAwMDEuMTUtMi4wNDF6TTcuOTk0IDUuNDQ2YS45MS45MSAwIDAxLjkxMy0uOTEzaC4xMjRhLjkxLjkxIDAgMDEuOTE0LjkxM3YzLjQxN2EuOTEuOTEgMCAwMS0uOTE0LjkxNGgtLjEyNGEuOTEuOTEgMCAwMS0uOTEzLS45MTRWNS40NDZ6bTIuMTMxIDYuNjMxYzAgLjYzMi0uNTE4IDEuMTUtMS4xNSAxLjE1LS42MzIgMC0xLjE1LS41MTgtMS4xNS0xLjE1IDAtLjYzMS41MTgtMS4xNSAxLjE1LTEuMTUuNjMyIDAgMS4xNS41MTkgMS4xNSAxLjE1eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: contain
}

.b24-form-control-alert-message a {
    color: #fff;
    text-decoration: underline
}

.b24-form-control-alert-message a:hover {
    text-decoration: none;
    color: #fff
}

.b24-form-control-add-btn {
    color: #000;
    color: var(--b24-text-color);
    opacity: .71;
    padding-left: 16px;
    margin-top: 2px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px dashed rgba(216,216,216,0.33);
    display: inline-block;
    font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 15px var(--b24-font-family);
    cursor: pointer
}

.b24-form-control-add-btn:after,.b24-form-control-add-btn:before {
    content: '';
    display: block;
    width: 11px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #000;
    background-color: var(--b24-text-color)
}

.b24-form-control-add-btn:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.b24-form-icon-before,.b24-form-icon-after {
    width: 35px;
    height: 52px;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.b24-form-control-icon-before.b24-form-control-string .b24-form-control,.b24-form-control-icon-before.b24-form-control-string .b24-form-control-label,.b24-form-control-icon-before.b24-form-control-text .b24-form-control,.b24-form-control-icon-before.b24-form-control-text .b24-form-control-label,.b24-form-control-icon-before.b24-form-control-file,.b24-form-control-icon-before.b24-form-control-checkbox,.b24-form-control-icon-before.b24-form-control-radiobox {
    padding-left: 35px
}

.b24-form-icon-before {
    left: 0;
    top: 0;
    z-index: 10
}

.b24-form-control-icon-after .b24-form-control,.b24-form-control-icon-after .b24-form-control-label {
    padding-right: 35px
}

.b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control,.b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control-label {
    padding-right: 80px
}

.b24-form-icon-after {
    right: 0;
    top: 0;
    z-index: 10
}

.b24-form-icon-after:after,.b24-form-icon-before:after,.b24-form-icon-after:before,.b24-form-icon-before:before {
    content: '';
    display: block;
    -webkit-transition: 200ms ease all;
    -o-transition: 200ms ease all;
    transition: 200ms ease all
}

.b24-form-icon-search:after {
    width: 13px;
    height: 13px;
    /*background: url(icon-search.svg) no-repeat center;*/
}

.b24-form-icon-file:after {
    width: 13px;
    height: 14px;
    /*background: url(icon-file.svg) no-repeat center;*/
}

.b24-form-icon-calendar:after {
    width: 17px;
    height: 17px;
    /*background: url(icon-calendar.svg) no-repeat center;*/
}

.b24-form-icon-remove {
    cursor: pointer;
    opacity: .35;
    -webkit-transition: 250ms linear all;
    -o-transition: 250ms linear all;
    transition: 250ms linear all
}

.b24-form-icon-remove:hover {
    opacity: .9
}

.b24-form-control-list .b24-form-icon-remove {
    right: 45px
}

.b24-form-icon-remove:after,.b24-form-icon-remove:before {
    width: 2px;
    height: 12px;
    content: '';
    display: block;
    background-color: #000;
    background-color: var(--b24-text-color)
}

.b24-form-icon-remove:after {
    margin-left: -1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.b24-form-icon-remove:before {
    margin-right: -1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.b24-form-icon-clear {
    cursor: pointer
}

.b24-form-icon-clear:hover:after {
    opacity: .9
}

.b24-form-icon-clear:after {
    width: 20px;
    height: 20px;
    /*background: url(icon-clear.svg) no-repeat center;*/
}

.b24-form-icon-check:after {
    width: 14px;
    height: 10px;
    /*background: url(icon-check.svg) no-repeat center;*/
}

.b24-form-control-input-text[type="number"] {
    -moz-appearance: textfield
}

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

.b24-form-field-a-slide-enter-active {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.b24-form-field-a-slide-leave-active {
    -webkit-transition: all .3s cubic-bezier(1.0,0.5,0.8,1.0);
    -o-transition: all .3s cubic-bezier(1.0,0.5,0.8,1.0);
    transition: all .3s cubic-bezier(1.0,0.5,0.8,1.0)
}

.b24-form-field-a-slide-enter,.b24-form-field-a-slide-leave-to {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0
}

.b24-form-field-agreement .b24-form-control-container {
    line-height: 11px
}

.b24-form-field-agreement .b24-form-control-desc {
    font-size: 11px;
    opacity: .5;
    line-height: 1
}

.b24-form-field-agreement .b24-form-field-agreement-link {
    font-size: 11px;
    line-height: 1;
    cursor: pointer
}

.b24-form-field-agreement a.b24-form-field-agreement-link {
    color: #007eff;
    text-decoration: underline
}

.b24-form-field-agreement .b24-form-control-required {
    font-size: 11px;
    line-height: 1
}

.b24-a-fade-enter-active {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.b24-a-fade-enter,.b24-a-fade-leave-to {
    opacity: 0
}

.b24-a-slide-top-enter-active,.b24-a-slide-bottom-enter-active,.b24-a-slide-short-top-enter-active,.b24-a-slide-short-bottom-enter-active {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.b24-a-fade-leave-active,.b24-a-slide-top-leave-active,.b24-a-slide-bottom-leave-active,.b24-a-slide-short-top-leave-active,.b24-a-slide-short-bottom-leave-active {
    -webkit-transition: all .2s cubic-bezier(1.0,0.5,0.8,1.0);
    -o-transition: all .2s cubic-bezier(1.0,0.5,0.8,1.0);
    transition: all .2s cubic-bezier(1.0,0.5,0.8,1.0)
}

.b24-a-slide-bottom-enter,.b24-a-slide-bottom-leave-to {
    -webkit-transform: translateY(400px);
    -ms-transform: translateY(400px);
    transform: translateY(400px);
    opacity: 0
}

.b24-a-slide-top-enter,.b24-a-slide-top-leave-to {
    -webkit-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    transform: translateY(-400px);
    opacity: 0
}

.b24-a-slide-short-bottom-enter,.b24-a-slide-short-bottom-leave-to {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.b24-a-slide-short-top-enter,.b24-a-slide-short-top-leave-to {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0
}

.b24-window-panel {
    position: fixed;
    width: 100%;
    height: 100vh;
    max-height: 100%;
    max-width: 510px;
    border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999;
    overflow: hidden
}

@media(max-width: 767px) {
    .b24-window-panel {
        height:-webkit-fill-available
    }
}

.b24-window-panel-pos-center {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.b24-window-panel-pos-right {
    top: 0;
    right: 0;
    border-radius: 0
}

.b24-window-panel-pos-left {
    top: 0;
    left: 0;
    border-radius: 0
}

.b24-window-panel>div>.b24-window-scrollable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b24-window-panel .b24-window-scrollable {
    background-color: #fff;
    background-color: var(--b24-background-color)
}

.b24-window-panel .b24-form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100%
}

.b24-window-panel .b24-form-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b24-window-popup {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1100001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.b24-window-popup-p-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b24-window-popup-p-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.b24-window-popup-p-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.b24-window-popup-wrapper {
    position: relative;
    max-width: 600px;
    width: calc(100% - 5px);
    border-radius: 6px;
    background-color: #fff;
    background-color: var(--b24-popup-background-color);
    z-index: 10001
}

.b24-window-popup-wrapper .b24-window-scrollable {
    max-height: 85vh
}

.b24-window-popup-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 10px 0;
    min-height: 50px;
    padding: 12px 52px 14px 12px;
    border-bottom: 1px solid rgba(82,92,105,.11)
}

.b24-window-popup-title {
    display: block;
    margin: 0;
    font: 15px/24px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 15px/24px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    overflow: hidden;
    white-space: nowrap
}

.b24-window-popup-body {
    font: 14px/19px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 14px/19px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    min-height: 60px
}

.b24-window-widget {
    position: fixed;
    width: 363px;
    min-height: 150px;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    z-index: 99999
}

.b24-window-widget:after {
    content: '';
    position: absolute;
    right: 75px;
    bottom: -28px;
    width: 0;
    height: 0;
    border-bottom: 28px solid white;
    border-right: 28px solid transparent;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0
}

.b24-window-widget-p-top-left {
    top: 130px;
    left: 56px
}

.b24-window-widget-p-top-center {
    top: 130px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.b24-window-widget-p-top-right {
    top: 130px;
    right: 53px
}

.b24-window-widget-p-bottom-left {
    bottom: 130px;
    left: 56px
}

.b24-window-widget-p-bottom-center {
    bottom: 130px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.b24-window-widget-p-bottom-right {
    bottom: 130px;
    right: 53px
}

.b24-window-widget-p-top-left.b24-window-widget:after {
    top: -28px;
    left: 75px;
    bottom: auto;
    right: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.b24-window-widget-p-top-right.b24-window-widget:after {
    top: -28px;
    bottom: auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.b24-window-widget-p-top-center.b24-window-widget:after {
    top: -28px;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%,0) rotate(-90deg);
    -ms-transform: translate(-50%,0) rotate(-90deg);
    transform: translate(-50%,0) rotate(-90deg)
}

.b24-window-widget-p-bottom-center.b24-window-widget:after {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%,0) rotate(-180deg);
    -ms-transform: translate(-50%,0) rotate(-180deg);
    transform: translate(-50%,0) rotate(-180deg)
}

.b24-window-widget-p-bottom-left.b24-window-widget:after {
    left: 75px;
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

@media(max-width: 530px) {
    .b24-window-widget {
        width:100%;
        max-width: 350px
    }

    .b24-window-widget-p-top-left {
        left: 10px
    }

    .b24-window-widget-p-top-right {
        right: 10px
    }

    .b24-window-widget-p-bottom-left {
        left: 10px
    }

    .b24-window-widget-p-bottom-right {
        right: 10px
    }
}

@media(max-height: 400px) {
    .b24-window-widget-p-top-left,.b24-window-widget-p-bottom-left {
        left:10px
    }

    .b24-window-widget-p-top-right,.b24-window-widget-p-bottom-right {
        right: 10px
    }

    .b24-window-widget-p-top-left,.b24-window-widget-p-top-center,.b24-window-widget-p-top-right {
        top: 10px
    }

    .b24-window-widget-p-bottom-left,.b24-window-widget-p-bottom-center,.b24-window-widget-p-bottom-right {
        bottom: 10px
    }
}

.b24-window-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 15000
}

.b24-window-close {
    position: absolute;
    top: 12px;
    right: 23px;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: .5;
    cursor: pointer;
    outline: 0;
    z-index: 25;
    background-color: #ffd110;
    background-color: var(--b24-primary-color)
}

.b24-window-close:hover {
    opacity: 1
}

.b24-window-close:after,.b24-window-close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 15px;
    background-color: #fff;
    background-color: var(--b24-primary-text-color);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.b24-window-close:after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.b24-window-header {
    padding: 10px 31px 10px;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid rgba(82,92,105,.11);
    background-color: #fff;
    background-color: var(--b24-background-color)
}

.b24-window-header-title {
    font: 14px/17px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 14px/17px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    text-transform: uppercase;
    opacity: .8;
    letter-spacing: 2px;
    overflow: hidden;
    white-space: nowrap
}

.b24-window-scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 512px) {
    .b24-form .b24-window-scrollable {
        padding-bottom:95px
    }
}

.b24-form-scroll-textable {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    height: 84px;
    width: 100%;
    max-width: 100%;
    border-top: 1px solid rgba(82,92,105,.11);
    background-color: #fff;
    background-color: var(--b24-background-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 20
}

.b24-form-scroll-textable-text {
    display: block;
    margin: 0 0 10px 0;
    font: 15px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 15px/20px var(--b24-font-family);
    color: #515d69;
    color: var(--b24-text-color);
    opacity: .71
}

.b24-form-scroll-textable-arrow-item {
    width: 27px;
    height: 8px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2027%208%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201l12.5%206L26%201%22%20stroke%3D%22%23515D69%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    -webkit-animation: b24-form-scroll-textable-arrow-animation 2s infinite;
    animation: b24-form-scroll-textable-arrow-animation 2s infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    opacity: .2
}

.b24-form-scroll-textable-arrow-item:nth-child(2) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.b24-form-scroll-textable-arrow-item:nth-child(3) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

@-webkit-keyframes b24-form-scroll-textable-arrow-animation {
    0% {
        opacity: .2
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: .2
    }

    100% {
        opacity: .2
    }
}

@keyframes b24-form-scroll-textable-arrow-animation {
    0% {
        opacity: .2
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: .2
    }

    100% {
        opacity: .2
    }
}

.b24-window-scroll-arrow-up-box,.b24-window-scroll-arrow-down-box {
    position: absolute;
    left: 0;
    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;
    width: 100%;
    height: 49px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 999
}

.b24-window-scroll-arrow-up-box {
    top: 0
}

.b24-window-scroll-arrow-down-box {
    bottom: 0
}

.b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up,.b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down {
    background-color: rgba(0,0,0,.20)
}

.b24-form-dark .b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up,.b24-form-dark .b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down {
    background-color: rgba(255,255,255,.25)
}

.b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up:before,.b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down:before {
    opacity: .5
}

.b24-window-scroll-arrow-up,.b24-window-scroll-arrow-down {
    position: relative;
    padding: 0;
    width: 100px;
    height: 49px;
    border: 0;
    background-color: rgba(0,0,0,.07);
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    outline: 0;
    cursor: pointer
}

.b24-form-dark .b24-window-scroll-arrow-up,.b24-form-dark .b24-window-scroll-arrow-down {
    background-color: rgba(255,255,255,.12)
}

.b24-window-scroll-arrow-up {
    top: 0;
    border-radius: 0 0 60px 60px
}

.b24-window-scroll-arrow-down {
    bottom: 0;
    border-radius: 60px 60px 0 0
}

.b24-window-scroll-arrow-up:before,.b24-window-scroll-arrow-down:before {
    content: '';
    position: absolute;
    top: 24px;
    left: 50%;
    display: block;
    width: 26px;
    height: 16px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2026%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.285%2010.167L4.038.92a1%201%200%200%200-1.414%200L.914%202.63a1%201%200%200%200%200%201.414l11.618%2011.618a.997.997%200%200%200%20.753.292.997.997%200%200%200%20.753-.292L25.656%204.044a1%201%200%200%200%200-1.414L23.946.92a1%201%200%200%200-1.414%200l-9.247%209.247z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    opacity: .3
}

.b24-window-scroll-arrow-up:before {
    top: 12px;
    left: 50%;
    -webkit-transform: rotate(180deg) translate(43%,0);
    -ms-transform: rotate(180deg) translate(43%,0);
    transform: rotate(180deg) translate(43%,0)
}

.b24-window-scroll-anchor {
    height: 1px;
    opacity: 0
}

.b24-form-control-file {
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.05);
    border: 1px solid var(--b24-field-border-color);
    background-color: rgba(0,0,0,0.07);
    background-color: var(--b24-field-background-color);
    width: 100%;
    padding: 9px 10px;
    font: 14px var(--b24-font-family);
    letter-spacing: -0.3px
}

.b24-form-control-file .b24-form-control-label {
    display: block;
    font-size: 13px
}

.b24-form-control-file .b24-form-control {
    margin: 2px 9px 0 0;
    padding: 8px 10px 8px 30px !important;
    border-radius: 3px;
    border: 1px solid #000;
    border: 1px solid var(--b24-text-color);
    font-size: 15px;
    color: #000;
    color: var(--b24-text-color);
    opacity: .71;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    -webkit-transition: 250ms linear all;
    -o-transition: 250ms linear all;
    transition: 250ms linear all
}

.b24-form-control-file .b24-form-control:hover {
    background-color: rgba(0,0,0,0.12)
}

.b24-form-control-file .b24-form-control:after,.b24-form-control-file .b24-form-control:before {
    content: '';
    background-color: #000;
    background-color: var(--b24-text-color);
    top: 50%;
    display: block;
    position: absolute;
    -webkit-transition: 250ms linear all;
    -o-transition: 250ms linear all;
    transition: 250ms linear all
}

.b24-form-control-file .b24-form-control:after {
    width: 11px;
    height: 1px;
    margin-top: -0.5px;
    left: 11px
}

.b24-form-control-file .b24-form-control:before {
    height: 11px;
    width: 1px;
    left: 15.5px;
    margin-top: -5.5px
}

.b24-form-control-file .b24-form-control-string {
    font-size: 15px;
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-checked .b24-form-control-string {
    color: #fff
}

.b24-form-control-filelist {
    margin-top: 5px
}

.b24-form-control-file-item {
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    background-color: #fff;
    background-color: var(--b24-field-background-color);
    height: 35px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 7px
}

.b24-form-control-file-item-preview-image {
    height: 33px;
    width: auto;
    border-radius: 2px 0 0 2px;
}

.b24-form-control-file-item-preview-file {
    background: rgba(216, 216, 216, 0.2) url(file.svg) no-repeat center;
    width: 33px;
    height: 33px
}

.b24-form-control-file-item-preview-image-popup {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 300px;
    width: 100%;
    padding: 4px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    z-index: 10;
    display: none;
    pointer-events: none
}

.b24-form-control-file-item-name:hover .b24-form-control-file-item-preview-image-popup {
    display: block;
    -webkit-animation: showPopop 250ms ease-in-out;
    animation: showPopop 250ms ease-in-out
}

@-webkit-keyframes showPopop {
    from {
        opacity: 0;
        display: block
    }

    to {
        opacity: 1
    }
}

@keyframes showPopop {
    from {
        opacity: 0;
        display: block
    }

    to {
        opacity: 1
    }
}

.b24-form-control-file-item-preview-image-popup img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.b24-form-control-file-item-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    position: relative;
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-file-item-name-string {
    font-size: 12px;
    color: #000;
    color: var(--b24-text-color);
    border-bottom: 1px dashed #c4c4c4
}

.b24-form-control-file-item-remove {
    cursor: pointer;
    opacity: .7;
    -webkit-transition: 250ms linear all;
    -o-transition: 250ms linear all;
    transition: 250ms linear all;
    width: 33px;
    height: 33px;
    position: relative
}

.b24-form-control-file-item-remove:hover {
    opacity: .9
}

.b24-form-control-file-item-remove:after,.b24-form-control-file-item-remove:before {
    position: absolute;
    width: 2px;
    height: 12px;
    content: '';
    left: 50%;
    top: 50%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    display: block;
    background-color: #000;
    background-color: var(--b24-text-color)
}

.b24-form-control-file-item-remove:after {
    -webkit-transform: rotate(-45deg) translate(-50%,-50%);
    -ms-transform: rotate(-45deg) translate(-50%,-50%);
    transform: rotate(-45deg) translate(-50%,-50%)
}

.b24-form-control-file-item-remove:before {
    -webkit-transform: rotate(45deg) translate(-50%,-50%);
    -ms-transform: rotate(45deg) translate(-50%,-50%);
    transform: rotate(45deg) translate(-50%,-50%)
}

.b24-form-control-list .b24-form-control-container:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border-right: 2px solid #000;
    border-right: 2px solid var(--b24-text-color);
    border-bottom: 2px solid #000;
    border-bottom: 2px solid var(--b24-text-color);
    top: 24px;
    right: 10px;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: .37;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.b24-form-control-list:hover .b24-form-control-container:after {
    opacity: 1
}

.b24-form-control-list-selector-item {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    background-color: var(--b24-background-color);
    padding: 11px;
    cursor: pointer;
    -webkit-transition: 250ms linear all;
    -o-transition: 250ms linear all;
    transition: 250ms linear all
}

.b24-form-control-list-selector-item:hover {
    opacity: .7
}

.b24-form-control-list-selector-item-image {
    width: 52px;
    height: auto;
    border-radius: 4px
}

.b24-form-control-list-selector-item-title {
    font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 16px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.b24-form-control-list-selector-item-image+.b24-form-control-list-selector-item-title {
    padding-left: 10px
}

.b24-form-control-list-selector-item-price {
    font: 17px/23px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 17px/23px var(--b24-font-family);
    padding-right: 8px;
    min-width: 56px
}

.b24-form-control-list-selector-item-price-old {
    text-align: right;
    text-decoration: line-through;
    font-size: 15px;
    color: #000;
    color: var(--b24-text-color);
    opacity: .5
}

.b24-form-control-list-selector-item-price-current {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    color: var(--b24-text-color)
}

.b24-form-control-product-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(0,0,0,.1);
    border: 1px solid var(--b24-field-border-color);
    border-top: 0;
    text-align: center;
    min-height: 58px;
    border-radius: 0 0 4px 4px
}

.b24-form-control-product-icon {
    background: rgba(0,0,0,.08);
    background: var(--b24-field-background-color);
    height: 56px;
    width: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 0 0 4px
}

.b24-form-control-product-icon svg g {
    fill: #000;
    fill: var(--b24-text-color)
}

.b24-form-control-product-price {
    font: 17px/23px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 17px/23px var(--b24-font-family);
    padding-right: 8px;
    min-width: 56px;
    max-width: 47%
}

.b24-form-control-product-price-old {
    text-align: right;
    text-decoration: line-through;
    font-size: 15px;
    color: #000;
    color: var(--b24-text-color);
    opacity: .5
}

.b24-form-control-product-price-current {
    text-align: right;
    font-weight: bold;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0f58d0;
    color: var(--b24-primary-color)
}

.b24-form-control-product-quantity {
    font-size: 16px;
    color: #000;
    color: var(--b24-text-color);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b24-form-control-product-quantity-add,.b24-form-control-product-quantity-remove {
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #0f58d0;
    background-color: var(--b24-primary-color);
    position: relative
}

.b24-form-control-product-quantity-add:before,.b24-form-control-product-quantity-add:after,.b24-form-control-product-quantity-remove:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    background: #fff;
    background: var(--b24-primary-text-color);
    border-radius: 1.5px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.b24-form-control-product-quantity-add:after,.b24-form-control-product-quantity-remove:after {
    height: 3px;
    width: 14px
}

.b24-form-control-product-quantity-add:before {
    height: 14px;
    width: 3px
}

.b24-form-control-product-quantity-counter {
    font-size: 16px;
    color: #000;
    color: var(--b24-text-color);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: var(--b24-font-family);
    text-align: center;
    padding: 0 10px
}

.b24-form-field-product .b24-form-control.b24-form-control-not-empty {
    border-radius: 4px 4px 0 0
}

.b24-form-control-product-custom-price .b24-form-control-input-text {
    min-width: 120px
}

.b24-form-field-layout-br,.b24-form-field-layout-hr {
    margin: 24px 0;
    border: 0;
    height: 1px;
    background-color: rgba(0,0,0,0.08);
    background-color: var(--b24-field-border-color)
}

.b24-form-field-layout-br {
    background: 0
}

.b24-form-field-layout-section {
    font: 20px/36px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 20px/36px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    margin: 29px 0 15px;
    word-break: break-word
}

.b24-form .b24-form-field .calendar-resbook-webform-block-arrow {
    z-index: 2
}

@-webkit-keyframes vdpSlideFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-0.5em,0,0);
        transform: translate3d(-0.5em,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes vdpSlideFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-0.5em,0,0);
        transform: translate3d(-0.5em,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes vdpSlideFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0.5em,0,0);
        transform: translate3d(0.5em,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes vdpSlideFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0.5em,0,0);
        transform: translate3d(0.5em,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes vdpFadeCalendar {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes vdpFadeCalendar {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.vdp-toggle-calendar-enter-active.vdpPositionReady {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.vdp-toggle-calendar-enter-active.vdpPositionFixed {
    -webkit-animation: vdpFadeCalendar .3s;
    animation: vdpFadeCalendar .3s
}

.vdp-toggle-calendar-leave-active.vdpPositionFixed {
    animation: vdpFadeCalendar .3s reverse
}

.vdpComponent {
    position: relative;
    display: inline-block;
    font-size: 10px;
    color: #000;
    color: var(--b24-text-color);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: var(--b24-font-family)
}

.vdpComponent input,.vdpComponent select,.vdpComponent button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: var(--b24-font-family)
}

.vdpComponent.vdpWithInput>input {
    padding-right: 30px
}

.vdpClearInput {
    font-size: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 3em
}

.vdpClearInput:before {
    content: '?';
    width: 1.4em;
    height: 1.4em;
    line-height: 1.1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.7em 0 0 -.7em;
    color: rgba(0,0,0,.3);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 50%;
    background-color: #fff
}

.vdpClearInput:hover:before {
    -webkit-box-shadow: 0 .2em .5em rgba(0,0,0,.15);
    box-shadow: 0 .2em .5em rgba(0,0,0,.15)
}

.vdpOuterWrap.vdpFloating {
    position: absolute;
    padding: .5em 0;
    z-index: 220
}

.vdpOuterWrap.vdpPositionFixed {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 2em;
    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;
    background-color: rgba(0,0,0,.3)
}

.vdpFloating .vdpInnerWrap {
    max-width: 30em
}

.vdpPositionFixed .vdpInnerWrap {
    max-width: 30em;
    margin: 0 auto;
    border: 0
}

.vdpFloating.vdpPositionTop {
    top: 100%
}

.vdpFloating.vdpPositionBottom {
    bottom: 100%
}

.vdpFloating.vdpPositionLeft {
    left: 0
}

.vdpFloating.vdpPositionRight {
    right: 0
}

.vdpPositionTop.vdpPositionLeft {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.vdpPositionTop.vdpPositionRight {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.vdpPositionBottom.vdpPositionLeft {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

.vdpPositionBottom.vdpPositionRight {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

.vdpInnerWrap {
    overflow: hidden;
    min-width: 28em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
    background: #fff;
    background: var(--b24-background-color)
}

.vdpHeader {
    position: relative;
    padding: 0 1em 2.5em;
    margin: -1em -1em -2.5em;
    text-align: center;
    background: rgba(0,0,0,.08);
    background: var(--b24-field-background-color)
}

.vdpClearInput,.vdpArrow,.vdpPeriodControl>button {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: 0;
    color: var(--b24-text-color)
}

.vdpArrow::-moz-focus-inner,.vdpClearInput::-moz-focus-inner,.vdpPeriodControl>button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.vdpArrow {
    font-size: 1em;
    width: 5em;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 2.5em;
    text-align: left
}

.vdpArrow:before {
    content: '';
    width: 2.2em;
    height: 2.2em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.1em 0 0 -1.1em;
    border-radius: 100%;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.vdpArrow:hover,.vdpArrow:focus,.vdpArrow:active {
    outline: 0
}

.vdpArrow:hover:before,.vdpArrow:focus:before {
    background-color: #fff;
    background-color: var(--b24-field-focus-background-color)
}

.vdpArrow:active:before {
    background-color: #fff;
    background-color: var(--b24-field-focus-background-color)
}

.vdpArrowNext:before {
    margin-left: -1.4em
}

.vdpArrow:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.5em;
    width: 0;
    height: 0;
    border: .5em solid transparent
}

.vdpArrowPrev {
    left: -.3em
}

.vdpArrowPrev:after {
    margin-left: -.8em;
    border-right-color: #000;
    border-right-color: var(--b24-text-color)
}

.vdpArrowNext {
    right: -0.6em
}

.vdpArrowNext:after {
    margin-left: -0.5em;
    border-left-color: #000;
    border-left-color: var(--b24-text-color)
}

.vdpPeriodControl {
    display: inline-block;
    position: relative
}

.vdpPeriodControl>button {
    font-size: 1.5em;
    padding: 1em .4em;
    display: inline-block
}

.vdpPeriodControl>select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    font-size: 1.6em;
    -webkit-appearance: none
}

.vdpTable {
    width: 100%;
    table-layout: fixed;
    position: relative;
    z-index: 5;
    border-collapse: collapse;
    font-size: inherit
}

.vdpNextDirection {
    -webkit-animation: vdpSlideFromRight .5s;
    animation: vdpSlideFromRight .5s
}

.vdpPrevDirection {
    -webkit-animation: vdpSlideFromLeft .5s;
    animation: vdpSlideFromLeft .5s
}

.vdpCell,.vdpHeadCell {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vdpCell {
    padding: .5em 0
}

.vdpHeadCell {
    padding: .3em .5em 1.8em
}

.vdpHeadCellContent {
    font-size: 1.3em;
    font-weight: normal;
    color: #000;
    color: var(--b24-text-color)
}

.vdpCellContent {
    font-size: 1.4em;
    display: block;
    margin: 0 auto;
    width: 1.857em;
    height: 1.857em;
    line-height: 1.857em;
    text-align: center;
    border-radius: 100%;
    -webkit-transition: background .1s,color .1s;
    -o-transition: background .1s,color .1s;
    transition: background .1s,color .1s;
    color: #000;
    color: var(--b24-text-color)
}

.vdpCell.outOfRange {
    color: #000;
    color: var(--b24-text-color);
    opacity: .5
}

.vdpCell.today .vdpCellContent {
    color: #0f58d0;
    color: var(--b24-primary-color)
}

.vdpCell.selected .vdpCellContent {
    color: #fff;
    color: var(--b24-primary-text-color);
    background: #0f58d0;
    background: var(--b24-primary-color)
}

@media(hover: hover) {
    .vdpCell.selectable:hover .vdpCellContent {
        color:#fff;
        color: var(--b24-primary-text-color);
        background: #0f58d0;
        background: var(--b24-primary-color)
    }
}

.vdpCell.selectable {
    cursor: pointer
}

.vdpCell.disabled {
    opacity: .5
}

.vdpTimeControls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.2em 2em;
    position: relative;
    margin: 1em -1em -1em;
    text-align: center;
    background: rgba(0,0,0,.08);
    background: var(--b24-field-background-color)
}

.vdpTimeUnit {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.vdpTimeUnit>pre,.vdpTimeUnit>input {
    font-size: 1.2em;
    line-height: 1.1;
    padding: .1em .1em;
    word-wrap: break-word;
    white-space: pre-wrap;
    resize: none;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    color: var(--b24-text-color);
    border: 0;
    border-bottom: 1px solid transparent;
    text-align: center
}

.vdpTimeUnit>pre {
    visibility: hidden;
    font-family: inherit
}

.vdpTimeUnit>input {
    overflow: hidden;
    height: 100%;
    width: 37px;
    outline: 0;
    margin-top: 2px;
    padding: 0;
    appearance: none;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vdpTimeUnit>input:hover,.vdpTimeUnit>input:focus {
    border-bottom-color: #7485c2
}

.vdpTimeUnit>input::-webkit-inner-spin-button,.vdpTimeUnit>input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vdpTimeSeparator {
    padding: 0 5px
}

.vdpTimeSeparator,.vdpTimeCaption {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.0;
    color: #000;
    color: var(--b24-text-color)
}

.vdpHoursInput {
    background: transparent;
    border: 1px solid grey;
    padding: 3px
}

.vdpTimeCaption {
    margin-right: 1.5em
}

.vdpTimeCloseBtn {
    margin-left: 1.5em;
    padding: 3px 6px;
    cursor: pointer;
    color: #fff;
    color: var(--b24-primary-text-color);
    background: #0f58d0;
    background: var(--b24-primary-color);
    border-radius: 4px
}

.vdpTimeCloseBtn:hover {
    background: var(--b24-primary-hover-color)
}

@media screen and (min-width: 720px) {
    .vdpComponent {
        width:320px;
        display: table-cell;
        font-size: .77em
    }
}

.b24-form-slider-wrapper {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    background: #ededed
}

.b24-form-slider-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    justify-items: flex-start;
    -webkit-transition: 250ms linear left;
    -o-transition: 250ms linear left;
    transition: 250ms linear left
}

.b24-form-slider-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b24-form-slider-item-image {
    max-width: 100%;
    height: auto
}

.b24-form-slider-controls {
    position: absolute;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 50%;
    right: 25px;
    left: 25px;
    margin-top: -16px
}

.b24-form-slider-control-next,.b24-form-slider-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px
}

.b24-form-slider-control-next {
    right: 0
}

.b24-form-slider-control-prev {
    left: 0
}

.b24-form-slider-control-prev-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b24-form-slider-control-next-icon, .b24-form-slider-control-prev-icon {
    background: rgba(255, 255, 255, 0) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxOSAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTguODkzIDEyTDUuNjE0IDguNjU0YTIuMTYxIDIuMTYxIDAgMDEwLTMuMDE5IDIuMTA1IDIuMTA1IDAgMDEzLjAxNSAwbDQuNzU3IDQuODU2YTIuMTYxIDIuMTYxIDAgMDEwIDMuMDE4bC00Ljc1NyA0Ljg1NmEyLjEwNSAyLjEwNSAwIDAxLTMuMDE1IDAgMi4xNjEgMi4xNjEgMCAwMTAtMy4wMTlMOC44OTMgMTJ6IiBmaWxsLW9wYWNpdHk9Ii44IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat 55% 50%;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: 250ms linear background-color;
    -o-transition: 250ms linear background-color;
    transition: 250ms linear background-color;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px
}

.b24-form-slider-control-next:hover .b24-form-slider-control-next-icon,.b24-form-slider-control-prev:hover .b24-form-slider-control-prev-icon {
    background-color: rgba(255,255,255,0.5);
    cursor: pointer
}

.b24-form-dropdown {
    position: relative
}

.b24-form-dropdown-header {
    display: none;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    min-height: 38px
}

.b24-form-dropdown-title {
    display: block;
    margin: 15px;
    font: 20px/24px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font: 20px/24px var(--b24-font-family);
    color: #000;
    color: var(--b24-text-color);
    overflow: hidden;
    white-space: nowrap
}

.b24-form-dropdown-container {
    position: absolute;
    z-index: 20;
    min-width: 100%;
    max-height: 400px;
    overflow-y: auto;
    background-color: #fff;
    background-color: var(--b24-popup-background-color);
    -webkit-box-shadow: 0 6px 21px rgba(0,0,0,0.5);
    box-shadow: 0 6px 21px rgba(0,0,0,0.5);
    border-radius: 0 0 4px 4px
}

.b24-form-dropdown-slide-enter-active {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.b24-form-dropdown-slide-leave-active {
    -webkit-transition: all .2s cubic-bezier(1.0,0.5,0.8,1.0);
    -o-transition: all .2s cubic-bezier(1.0,0.5,0.8,1.0);
    transition: all .2s cubic-bezier(1.0,0.5,0.8,1.0)
}

.b24-form-dropdown-slide-enter,.b24-form-dropdown-slide-leave-to {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

@media(max-width: 520px) {
    .b24-form-dropdown {
        position:fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        display: block
    }

    .b24-form-dropdown-container {
        position: absolute;
        bottom: 0;
        margin-top: 0;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
        border-radius: 10px 10px 0 0;
        max-height: 85vh;
        min-height: 50vh;
        max-width: 100%
    }

    .b24-form-dropdown-title {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: calc(100% - 70px)
    }

    .b24-form-dropdown-header {
        display: block
    }

    .b24-form-dropdown-slide-enter,.b24-form-dropdown-slide-leave-to {
        -webkit-transform: translateY(600px);
        -ms-transform: translateY(600px);
        transform: translateY(600px);
        opacity: 1
    }
}




.popup-window {
    background-color: #fff;
    -webkit-box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
    box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
    padding: 10px;
    font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    border-radius: var(--popup-window-border-radius);
    will-change: opacity;
}

.popup-window-disable-scroll {
    overflow: hidden;
}

.popup-window.--fixed {
    position: fixed !important;
}

/* A super hack for legacy code which directly reads and writes popupContainer.style.display */
.popup-window[style*="block"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.popup-window.popup-window-with-titlebar {
    padding: 0 10px 10px;
}

.popup-window-delimiter {
    background-color: #f0f1f2;
    display: block;
    height: 1px;
    line-height: 1px;
}

.popup-window-delimiter-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0 8px 0;
    text-align: center;
}

.popup-window-delimiter-section:before,
.popup-window-delimiter-section:after {
    display: block;
    content: "";
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 15px;
    position: relative;
    top: 8px;
    height: 1px;
    background-color: #f0f1f2;
}

.popup-window-delimiter-text {
    position: relative;
    top: 2px;
    padding: 0 12px;
    background: #fff;
    color: #b1b6bc;
    font-size: 10px;
    font-weight: var(--ui-font-weight-bold);
    text-transform: uppercase;
    white-space: nowrap;
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-window-buttons {
    text-align: center;
    padding: 20px 0 10px;
    position: relative;
}

.popup-window-button {
    display: inline-block;
    height: 39px;
    line-height: 39px;
    margin: 0 12px 0 0;
    background: #ecedef;
    border-radius: var(--popup-window-button-border-radius, 2px);
    cursor: pointer;
    color: #7a818a;
    font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-bold, 700);
    font-size: 12px;
    outline: none;
    padding: 0 18px;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 0 1px #c6cdd3 inset;
    box-shadow: 0 0 0 1px #c6cdd3 inset;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear;
    -o-transition: background-color 0.2s linear, color 0.2s linear;
    transition: background-color 0.2s linear, color 0.2s linear;
}

.popup-window-button:before,
.popup-window-button:after {
    display: none;
}

.popup-window-button:hover {
    background: #cfd4d8;
    color: #535c69;
}

.popup-window-button:last-child {
    margin-right: 0;
}

.popup-window-button-accept,
.popup-window-button-create {
    background: #bbed21;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #535c69;
}

.popup-window-button-accept:hover,
.popup-window-button-create:hover {
    background: #d2f95f;
    color: #535c69;
}

.popup-window-button-wait {
    color: transparent !important;
    position: relative;
}

.popup-window-button-wait .popup-window-button-text {
    opacity: 0;
}

.popup-window-button-wait:before {
    background: none !important;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 50%;
    color: #fff;
    display: block !important;
    content: '_' !important;
    font-size: 10px;
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    line-height: 10px;
    height: 21px;
    top: 10px;
    left: 50%;
    margin: 0 0 0 -11px;
    padding-right: 6px;
    position: absolute;
    text-align: right;
    width: 15px;
}

.popup-window-button-wait:after {
    background: #fff !important;
    content: ' ' !important;
    display: block !important;
    height: 7px;
    position: absolute;
    top: 13px;
    left: 50%;
    padding: 0;
    width: 1px;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation: popup-window-button-animation 1s infinite linear;
    animation: popup-window-button-animation 1s infinite linear;
}

.popup-window-button-create.popup-window-button-wait:before,
.popup-window-button-accept.popup-window-button-wait:before {
    color: #535c69;
    -webkit-box-shadow: inset 0 0 0 1px #535c69;
    box-shadow: inset 0 0 0 1px #535c69;
}

.popup-window-button-create.popup-window-button-wait:after,
.popup-window-button-accept.popup-window-button-wait:after {
    background: #535c69 !important;
}

@-webkit-keyframes popup-window-button-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes popup-window-button-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.popup-window-button-decline {
    background: #f1361b;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popup-window-button-decline:hover {
    background: #cc1a00;
    color: #fff;
}

.popup-window-button-cancel {
    font-weight: normal;
}

.popup-window-button-blue {
    background-color: #3bc8f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}

.popup-window-button-blue:hover {
    background-color: #3fddff;
    color: #fff;
}

.popup-window-button-blue:active {
    background-color: #13b1e3;
    color: #fff;
}

.popup-window-button-link,
.popup-window-button-link-cancel,
.popup-window-button-link:hover,
.popup-window-button-link:active {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popup-window-button-link {
    border-bottom: 1px solid #c0c2c5;
    border-radius: 0;
    color: #535c69;
    cursor: pointer;
    height: 17px;
    line-height: 17px;
    -webkit-transition: border-bottom-color 0.15s linear;
    -o-transition: border-bottom-color 0.15s linear;
    transition: border-bottom-color 0.15s linear;
    padding: 0;
}

.popup-window-button-link:hover,
.popup-window-button-link:active {
    border-bottom-color: #535c69;
    color: #535c69;
    line-height: 17px;
    height: 17px;
}

.popup-window-button-link-cancel {
    color: #f1361b;
    border-bottom-color: #ffb4a9;
}

.popup-window-button.popup-window-button-link-cancel:hover,
.popup-window-button.popup-window-button-link-cancel:active {
    border-bottom-color: #f1361b;
    color: #f1361b;
}

.popup-window-button-disable {
    cursor: default;
    opacity: 0.3;
}

.popup-window-titlebar {
    height: 49px;
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #80868e;
    display: inline-block;
    font-size: 14px;
    font-weight: var(--ui-font-weight-bold);
    max-width: 100%;
    line-height: 49px;
    overflow: hidden;
    padding: 0 30px 0 4px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup-window-titlebar-text-version {
    font-weight: normal;
    font-size: 13px;
    padding-left: 0;
}

.popup-window-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: var(--popup-window-content-border-radius);
    scrollbar-width: thin;
    scrollbar-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
}

.popup-window-content::-webkit-scrollbar {
    width: 12px;
}

.popup-window-content::-webkit-scrollbar-track {
    background-color: var(--popup-window-scrollbar-track-background, rgba(82, 92, 105, 0.05));
    margin: 8px 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background-clip: content-box;
}

.popup-window-content::-webkit-scrollbar-thumb {
    background-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
    margin: 8px 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background-clip: content-box;
}

.popup-window-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--popup-window-scrollbar-thumb-hover-background, rgba(82, 92, 105, 0.5));
}

.popup-window-with-titlebar .popup-window-content,
.popup-window-content-gray .popup-window-content {
    background-color: #eef2f4;
}

.popup-window-content-white .popup-window-content {
    background-color: #fff;
}

.popup-window-with-titlebar .popup-window-content {
    padding: 20px;
}

.popup-window-close-icon {
    cursor: pointer;
    height: 27px;
    outline: none;
    opacity: 0.5;
    position: absolute;
    right: 3px;
    top: 5px;
    width: 27px;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.popup-window-close-icon:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23828b95'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
}

.popup-window-close-icon.--large:after {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23828b95'/%3E%3C/svg%3E");
}

.popup-window-close-icon.--large {
    top: 10px;
    right: 10px;
}

.popup-window-close-icon.popup-window-titlebar-close-icon.--large,
.popup-window-titlebar-close-icon {
    top: 10px;
    right: 7px;
}

.popup-window-close-icon:hover {
    opacity: 1;
}

.popup-window-angly {
    display: none;
    height: 22px;
    position: absolute;
    overflow: hidden;
    width: 33px;
    pointer-events: none;
}

.popup-window-angly--arrow {
    background-color: #fff;
    -webkit-box-shadow: 0 0 21px rgba(83, 92, 105, .13);
    box-shadow: 0 0 21px rgba(83, 92, 105, .13);
    content: '';
    height: 15px;
    position: absolute;
    left: 9px;
    top: 16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 15px;
}

.popup-window-angly-top {
    display: block;
    left: 10px;
    margin: 0;
    top: -22px;
}

.popup-window-angly-top .popup-window-angly--arrow { }

.popup-window-angly-right {
    display: block;
    right: -17px;
    top: 10px;
    height: 30px;
    width: 17px;
}

.popup-window-angly-right .popup-window-angly--arrow {
    left: -9px;
    top: 8px;
}

.popup-window-angly-bottom {
    bottom: -20px;
    display: block;
    height: 20px;
    margin-left: 10px;
}

.popup-window-angly-bottom .popup-window-angly--arrow {
    top: -9px;
}

.popup-window-angly-left {
    display: block;
    left: -14px;
    top: 10px;
    height: 30px;
    width: 14px;
}

.popup-window-angly-left .popup-window-angly--arrow {
    left: 8px;
    top: 8px;
}

.popup-window-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #333;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.popup-window-resize {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 12px;
    height: 12px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;
    cursor: nwse-resize;
}

.popup-window:hover .popup-window-resize {
    opacity: 1;
}

/* Menu Popup */
.menu-popup {
    padding: 8px 0;
}

.menu-popup-title {
    margin: 0 0 7px 0;
    padding: 0 0 0 4px;
    color: #4c4c4c;
    white-space: nowrap;
    font: normal normal normal 12px/normal var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.menu-popup .menu-popup-item {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 36px;
    position: relative;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
}

/* A super hack for legacy code which directly reads and writes menu-popup-item.style.display */
.menu-popup .menu-popup-item[style*="block"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.menu-popup .menu-popup-item-disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: default;
}

.menu-popup .menu-popup-item-disabled .main-ui-loader-svg-circle {
    stroke: #4a4e53;
    stroke-width: 3;
}

.menu-popup-item-icon {
    display: inline-block;
    height: 16px;
    margin-left: 15px;
    vertical-align: middle;
    width: 19px;
}

.menu-popup-item-text {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    color: #525c68;
    line-height: 36px;
    padding: 0 15px 0 9px;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

/* A temporary hack for the custom menu separators */
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-text span {
    top: -10px !important;
}

.menu-popup-item-text .tariff-lock {
    margin: 0 5px 2px 5px;
    vertical-align: middle;
}

.popup-window-fixed-width .menu-popup-item-text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-popup-no-icon .menu-popup-item-text {
    padding: 0 15px;
}

.menu-popup-item-submenu .menu-popup-item-text {
    padding-right: 28px;
}

.menu-popup-item:hover,
.menu-popup-item.menu-popup-item-open {
    background-color: #f5f5f6;
}

.menu-popup-item:hover .menu-popup-item-text {
    color: #3b434f;
}

.menu-popup-item.menu-popup-item-disabled:hover {
    background: initial;
}

.menu-popup-item-submenu:after {
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-size: cover;
    content: "";
}

.bx-admin-submenu-opened { background: #f0f0f0 !important; border-radius: 3px; }

.menu-popup-no-icon .menu-popup-item-icon { display: none; }

.menu-popup-item-view .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.37 0a6.37 6.37 0 015.326 9.861l3.309 3.307c.392.392.39 1.03.005 1.415l-.427.427c-.39.389-1.025.384-1.415-.005l-3.307-3.309A6.37 6.37 0 118.369 0zm0 1.82a4.55 4.55 0 100 9.098 4.55 4.55 0 000-9.098z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-edit .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M14.42 1l2.55 2.577-9.978 9.951-2.55-2.577L14.418 1zM3.008 14.638a.267.267 0 00.067.255c.067.067.164.093.255.067l2.851-.768-2.405-2.405-.768 2.85z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-create .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.978 0v6h6.064v2.948l-6.064-.001v6.043H6l-.001-6.043H0V6h5.999L6 0h2.978z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-create-quick .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.39 8.032v3l3.01.002v2l-3.01-.001v3.003h-2v-3.003h-3.005v-2h3.006V8.032h2zM12.23 0L6.77 6.044h5.46l-8.865 9.409L6.77 8.744H2L5.009 0h7.22z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-take .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-begin .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.632 1a7.632 7.632 0 110 15.265A7.632 7.632 0 019.632 1zm0 1.752a5.88 5.88 0 100 11.761 5.88 5.88 0 000-11.761zM8.296 5.119a.7.7 0 01.375.11l4.418 2.806a.7.7 0 010 1.182L8.67 12.024a.7.7 0 01-1.075-.59V5.818a.7.7 0 01.7-.7z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-decline .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M6.161 2l.017 2.83h2.138a4.433 4.433 0 014.433 4.434v.129a4.433 4.433 0 01-4.433 4.433H4.91c-.24 0-.474-.019-.702-.055v-1.949h3.908l.163-.005a2.48 2.48 0 002.317-2.475l-.005-.163A2.48 2.48 0 008.116 6.86H6.19l.017 3.048L2 5.932 6.161 2zm10.043 1.887v9.662h-2.008V3.887h2.008z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-reopen .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.514 2a6.508 6.508 0 015.42 2.899l1.794-1.796v5.681h-5.68l2.238-2.238a4.254 4.254 0 10-3.772 6.222l.146-.005-.173 2.264-.207-.004A6.514 6.514 0 019.514 2z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-complete .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4 2h11.648L13.1 6.015l2.548 4.016-9.661-.001v4.963H4V2z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-hold .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8 2v12H5V2h3zm5.986 0v12h-3V2h3z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-accept .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-remake .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.246 8.07l1.398 2.234a2 2 0 01-1.695 3.06l-3.038-.001v2.439L8.56 12.45l3.352-3.352-.001 2.065 2.676.001-1.247-1.993 1.906-1.101zM5.58 5.71l1.227 4.578L4.849 9.16l-1.253 2.005h3.056v2.2H3.236a2 2 0 01-1.695-3.06L2.944 8.06 1 6.936 5.579 5.71zM10.153.304a2 2 0 01.635.635l1.746 2.791L14.5 2.597l-1.227 4.578L8.694 5.95l1.933-1.117-1.535-2.455L7.6 4.761l-1.906-1.1L7.397.94a2 2 0 012.756-.635z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-delete .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.406 3.889l-3.8 3.8 3.841 3.841-1.867 1.867-3.841-3.842-3.826 3.828-1.887-1.886L7.853 7.67l-3.8-3.8L5.92 2.003l3.8 3.8 3.8-3.8z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-copy .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4.898 9.472V3.094c0-.108.088-.196.196-.196h6.378c.107 0 .195.088.195.196V3.4h1.899v-1.76a.642.642 0 00-.64-.641H3.64a.642.642 0 00-.64.64v9.285c0 .353.288.64.64.64h1.655V9.668h-.201a.196.196 0 01-.196-.195zm10.223 3.442a.208.208 0 01-.207.207H8.161a.208.208 0 01-.207-.207V6.161c0-.113.094-.207.207-.207h6.753c.114 0 .207.094.207.207v6.753zm1.148-8.86H6.713a.66.66 0 00-.659.66v9.555a.66.66 0 00.66.659h9.555a.661.661 0 00.659-.66V4.714a.66.66 0 00-.66-.659z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-delegate .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M10.283 2.73c-.485-.8 3.605-1.466 3.877.984a7.774 7.774 0 010 2.227s.611-.073.203 1.137c0 0-.225.87-.57.675 0 0 .056 1.1-.487 1.287 0 0 .04.586.04.625l.453.07s-.014.49.077.542c.414.279.868.49 1.345.626 1.41.372 2.126 1.012 2.126 1.571l.388 2.55H5.908s.079-1.256.293-2.127c.215-.87 1.42-1.516 2.53-2.013.575-.258.7-.412 1.278-.676a2.04 2.04 0 00.039-.487l.491-.06s.065.122-.039-.597c0 0-.552-.15-.578-1.294 0 0-.415.143-.44-.55-.018-.47-.372-.878.137-1.216l-.26-.72s-.272-2.78.924-2.555zm-7.307.929l4.167 4.168-4.167 4.167-.001-3.001H0v-2h2.975V3.659z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-add-to-tm .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M12.293 1.542a7.494 7.494 0 014.696 6.952 7.348 7.348 0 01-7.196 7.49 7.494 7.494 0 112.5-14.442zM5.428 4.587a5.64 5.64 0 004.291 9.543 5.53 5.53 0 005.416-5.636 5.64 5.64 0 00-9.707-3.907zM8.13 9.989V5.417h2v2.572h2.508v2H8.13z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-accept-sm .menu-popup-item-icon {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='-4 -4 19 16'%3E%3Cpath fill='%232066B0' d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.299 6.1-1.364 1.36-1.36-1.36L0 4.806z'/%3E%3C/svg%3E") no-repeat;
}

.popup-window-button-left,
.popup-window-button-right {
    display: none;
}

/* ========Popup Window Darken==========*/
.popup-window-dark {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: var(--popup-window-border-radius, 4px);
    -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
    box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
}

.popup-window-dark .popup-window-content {
    background-color: transparent;
    color: #fff;
    margin: 0;
}

.popup-window-dark .popup-window-angly--arrow {
    background-color: rgba(0, 0, 0, 0.8);
}

.popup-window-dark .popup-window-titlebar-text {
    color: #fff;
}

.popup-window-dark .popup-window-close-icon:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23FFF'/%3E%3C/svg%3E");
}

.popup-window-dark .popup-window-close-icon.--large:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23FFF'/%3E%3C/svg%3E");
}

/*===========TABS==========*/
.popup-window-tabs-box {
    padding: 10px 0 4px;
}

.popup-window-tabs {
    position: relative;
    padding: 0 20px 0 0;
    margin: 0;
    height: 42px;
    font-size: 0;
    z-index: 1;
}

.popup-window-tab {
    display: inline-block;
    height: 42px;
    margin: 0 7px 0 0;
    padding: 0 12px;
    border: none;
    vertical-align: top;
    font-size: 14px;
    font-weight: var(--ui-font-weight-bold);
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    line-height: 41px;
    color: #535c69;
    background-color: #ecf2f3;
    text-shadow: none;
    cursor: pointer;
    -webkit-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
}

.popup-window-tab:hover {
    background-color: #f7f9f9;
}

.popup-window-tab-selected {
    position: relative;
    z-index: 2;
    padding: 0 11px;
    background-color: #fff !important;
    line-height: 40px;
    border-radius: 2px 2px 0 0;
    border: 1px solid #c6cdd3;
    border-bottom: none;
    cursor: default;
}

.popup-window-tabs-content {
    margin: 0;
    padding: 10px;
    border: 1px solid #c6cdd3;
    border-radius: 0 3px 3px;
}

.popup-window-tab-content {
    display: none;
    padding: 20px;
    background: #eef2f4;
}

.popup-window-tabs-content-white .popup-window-tab-content {
    padding: 10px;
    background: #fff;
}

.popup-window-tab-content-selected {
    display: block;
}

.popup-window-show-animation-opacity {
    -webkit-animation: popupWindowShowAnimationOpacity 100ms;
    animation: popupWindowShowAnimationOpacity 100ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes popupWindowShowAnimationOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes popupWindowShowAnimationOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.popup-window-show-animation-opacity-transform {
    -webkit-animation: popupWindowShowAnimationOpacityTransform 100ms;
    animation: popupWindowShowAnimationOpacityTransform 100ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}
.toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing);
}
.position-fixed {
    position: fixed !important;
}
.top-0 {
    top: 0 !important;
}
.end-0 {
    right: 0 !important;
}
.p-3 {
    padding: 1rem !important;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.25rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}
.alert-primary {
    --bs-alert-color: #145c78;
    --bs-alert-bg: #d3ebf4;
    --bs-alert-border-color: #bde1ef;
}
.alert-primary .alert-link {
    color: #104a60;
}
.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
    color: #34383c;
}
.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
    color: #0c4128;
}
.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
    color: #04414d;
}
.alert-warning {
    --bs-alert-color: #644314;
    --bs-alert-bg: #feedd6;
    --bs-alert-border-color: #fee5c2;
}
.alert-warning .alert-link {
    color: #503610;
}
.alert-danger {
    --bs-alert-color: #832f2c;
    --bs-alert-bg: #f8dcdb;
    --bs-alert-border-color: #f4cac8;
}
.alert-danger .alert-link {
    color: #692623;
}
.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
    color: #4f5050;
}
.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
    color: #101214;
}


@-webkit-keyframes popupWindowShowAnimationOpacityTransform {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
}

@keyframes popupWindowShowAnimationOpacityTransform {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
}

.popup-window-close-animation-opacity {
    -webkit-animation: popupWindowCloseAnimationOpacity 150ms;
    animation: popupWindowCloseAnimationOpacity 150ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes popupWindowCloseAnimationOpacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes popupWindowCloseAnimationOpacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.popup-window-close-animation-opacity-transform {
    -webkit-animation: popupWindowCloseAnimationOpacity 150ms;
    animation: popupWindowCloseAnimationOpacity 150ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes popupWindowCloseAnimationOpacityTransform {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
}

@keyframes popupWindowCloseAnimationOpacityTransform {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
}

.popup-window-show-animation-scale {
    -webkit-animation: popup-window-show-animation-scale 400ms;
    animation: popup-window-show-animation-scale 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes popup-window-show-animation-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes popup-window-show-animation-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}