/* Start:/local/templates/magnet_s1/vendor/normalize/normalize.css?17818755292232*/
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}
/* End */


/* Start:/local/templates/magnet_s1/vendor/fonts/fonts.css?1781875529253*/
@font-face {
    font-family: "Icon Custom";
    font-display: block;
    font-style: normal;
    font-weight: 400;
    src: url("/local/templates/magnet_s1/vendor/fonts/IconCustom/IconCustom.woff?v1.1.1") format("woff"),
         url("/local/templates/magnet_s1/vendor/fonts/IconCustom/IconCustom.ttf?v1.1.1") format("truetype");
}

/* End */


/* Start:/local/templates/magnet_s1/vendor/owlcarousel/owl.carousel.min.css?17818755293554*/
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

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

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.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
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    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-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/local/templates/magnet_s1/vendor/owlcarousel/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.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-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
/* End */


/* Start:/local/templates/magnet_s1/vendor/custom-bootstrap/bootstrap.min.css?178187552951605*/
.bs-container,.bs-row{box-sizing:border-box}.bs-col,.bs-col-auto{max-width:100%}.bs-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.bs-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.bs-no-gutters{margin-right:0;margin-left:0}.bs-no-gutters>.bs-col,.bs-no-gutters>[class*=bs-col-]{padding-right:0;padding-left:0}.bs-col,.bs-col-1,.bs-col-10,.bs-col-11,.bs-col-12,.bs-col-2,.bs-col-3,.bs-col-4,.bs-col-5,.bs-col-6,.bs-col-7,.bs-col-8,.bs-col-9,.bs-col-auto,.bs-col-lg,.bs-col-lg-1,.bs-col-lg-10,.bs-col-lg-11,.bs-col-lg-12,.bs-col-lg-2,.bs-col-lg-3,.bs-col-lg-4,.bs-col-lg-5,.bs-col-lg-6,.bs-col-lg-7,.bs-col-lg-8,.bs-col-lg-9,.bs-col-lg-auto,.bs-col-md,.bs-col-md-1,.bs-col-md-10,.bs-col-md-11,.bs-col-md-12,.bs-col-md-2,.bs-col-md-3,.bs-col-md-4,.bs-col-md-5,.bs-col-md-6,.bs-col-md-7,.bs-col-md-8,.bs-col-md-9,.bs-col-md-auto,.bs-col-sm,.bs-col-sm-1,.bs-col-sm-10,.bs-col-sm-11,.bs-col-sm-12,.bs-col-sm-2,.bs-col-sm-3,.bs-col-sm-4,.bs-col-sm-5,.bs-col-sm-6,.bs-col-sm-7,.bs-col-sm-8,.bs-col-sm-9,.bs-col-sm-auto,.bs-col-xl,.bs-col-xl-1,.bs-col-xl-10,.bs-col-xl-11,.bs-col-xl-12,.bs-col-xl-2,.bs-col-xl-3,.bs-col-xl-4,.bs-col-xl-5,.bs-col-xl-6,.bs-col-xl-7,.bs-col-xl-8,.bs-col-xl-9,.bs-col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px;box-sizing:border-box}.bs-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.bs-col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.bs-col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.bs-col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.bs-col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.bs-col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.bs-col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.bs-col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.bs-col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.bs-col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.bs-col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.bs-col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.bs-col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.bs-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.bs-order-first{-ms-flex-order:-1;order:-1}.bs-order-last{-ms-flex-order:13;order:13}.bs-order-0{-ms-flex-order:0;order:0}.bs-order-1{-ms-flex-order:1;order:1}.bs-order-2{-ms-flex-order:2;order:2}.bs-order-3{-ms-flex-order:3;order:3}.bs-order-4{-ms-flex-order:4;order:4}.bs-order-5{-ms-flex-order:5;order:5}.bs-order-6{-ms-flex-order:6;order:6}.bs-order-7{-ms-flex-order:7;order:7}.bs-order-8{-ms-flex-order:8;order:8}.bs-order-9{-ms-flex-order:9;order:9}.bs-order-10{-ms-flex-order:10;order:10}.bs-order-11{-ms-flex-order:11;order:11}.bs-order-12{-ms-flex-order:12;order:12}.bs-offset-1{margin-left:8.333333%}.bs-offset-2{margin-left:16.666667%}.bs-offset-3{margin-left:25%}.bs-offset-4{margin-left:33.333333%}.bs-offset-5{margin-left:41.666667%}.bs-offset-6{margin-left:50%}.bs-offset-7{margin-left:58.333333%}.bs-offset-8{margin-left:66.666667%}.bs-offset-9{margin-left:75%}.bs-offset-10{margin-left:83.333333%}.bs-offset-11{margin-left:91.666667%}.bs-d-none{display:none!important}.bs-d-inline{display:inline!important}.bs-d-inline-block{display:inline-block!important}.bs-d-block{display:block!important}.bs-d-table{display:table!important}.bs-d-table-row{display:table-row!important}.bs-d-table-cell{display:table-cell!important}.bs-d-flex{display:-ms-flexbox!important;display:flex!important}.bs-d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media(min-width:576px){.bs-col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.bs-col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.bs-col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.bs-col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.bs-col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.bs-col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.bs-col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.bs-col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.bs-col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.bs-col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.bs-col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.bs-col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.bs-col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.bs-col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.bs-order-sm-first{-ms-flex-order:-1;order:-1}.bs-order-sm-last{-ms-flex-order:13;order:13}.bs-order-sm-0{-ms-flex-order:0;order:0}.bs-order-sm-1{-ms-flex-order:1;order:1}.bs-order-sm-2{-ms-flex-order:2;order:2}.bs-order-sm-3{-ms-flex-order:3;order:3}.bs-order-sm-4{-ms-flex-order:4;order:4}.bs-order-sm-5{-ms-flex-order:5;order:5}.bs-order-sm-6{-ms-flex-order:6;order:6}.bs-order-sm-7{-ms-flex-order:7;order:7}.bs-order-sm-8{-ms-flex-order:8;order:8}.bs-order-sm-9{-ms-flex-order:9;order:9}.bs-order-sm-10{-ms-flex-order:10;order:10}.bs-order-sm-11{-ms-flex-order:11;order:11}.bs-order-sm-12{-ms-flex-order:12;order:12}.bs-offset-sm-0{margin-left:0}.bs-offset-sm-1{margin-left:8.333333%}.bs-offset-sm-2{margin-left:16.666667%}.bs-offset-sm-3{margin-left:25%}.bs-offset-sm-4{margin-left:33.333333%}.bs-offset-sm-5{margin-left:41.666667%}.bs-offset-sm-6{margin-left:50%}.bs-offset-sm-7{margin-left:58.333333%}.bs-offset-sm-8{margin-left:66.666667%}.bs-offset-sm-9{margin-left:75%}.bs-offset-sm-10{margin-left:83.333333%}.bs-offset-sm-11{margin-left:91.666667%}.bs-d-sm-none{display:none!important}.bs-d-sm-inline{display:inline!important}.bs-d-sm-inline-block{display:inline-block!important}.bs-d-sm-block{display:block!important}.bs-d-sm-table{display:table!important}.bs-d-sm-table-row{display:table-row!important}.bs-d-sm-table-cell{display:table-cell!important}.bs-d-sm-flex{display:-ms-flexbox!important;display:flex!important}.bs-d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media(min-width:768px){.bs-col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.bs-col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.bs-col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.bs-col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.bs-col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.bs-col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.bs-col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.bs-col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.bs-col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.bs-col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.bs-col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.bs-col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.bs-col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.bs-col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.bs-order-md-first{-ms-flex-order:-1;order:-1}.bs-order-md-last{-ms-flex-order:13;order:13}.bs-order-md-0{-ms-flex-order:0;order:0}.bs-order-md-1{-ms-flex-order:1;order:1}.bs-order-md-2{-ms-flex-order:2;order:2}.bs-order-md-3{-ms-flex-order:3;order:3}.bs-order-md-4{-ms-flex-order:4;order:4}.bs-order-md-5{-ms-flex-order:5;order:5}.bs-order-md-6{-ms-flex-order:6;order:6}.bs-order-md-7{-ms-flex-order:7;order:7}.bs-order-md-8{-ms-flex-order:8;order:8}.bs-order-md-9{-ms-flex-order:9;order:9}.bs-order-md-10{-ms-flex-order:10;order:10}.bs-order-md-11{-ms-flex-order:11;order:11}.bs-order-md-12{-ms-flex-order:12;order:12}.bs-offset-md-0{margin-left:0}.bs-offset-md-1{margin-left:8.333333%}.bs-offset-md-2{margin-left:16.666667%}.bs-offset-md-3{margin-left:25%}.bs-offset-md-4{margin-left:33.333333%}.bs-offset-md-5{margin-left:41.666667%}.bs-offset-md-6{margin-left:50%}.bs-offset-md-7{margin-left:58.333333%}.bs-offset-md-8{margin-left:66.666667%}.bs-offset-md-9{margin-left:75%}.bs-offset-md-10{margin-left:83.333333%}.bs-offset-md-11{margin-left:91.666667%}.bs-d-md-none{display:none!important}.bs-d-md-inline{display:inline!important}.bs-d-md-inline-block{display:inline-block!important}.bs-d-md-block{display:block!important}.bs-d-md-table{display:table!important}.bs-d-md-table-row{display:table-row!important}.bs-d-md-table-cell{display:table-cell!important}.bs-d-md-flex{display:-ms-flexbox!important;display:flex!important}.bs-d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media(min-width:992px){.bs-col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.bs-col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.bs-col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.bs-col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.bs-col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.bs-col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.bs-col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.bs-col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.bs-col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.bs-col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.bs-col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.bs-col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.bs-col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.bs-col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.bs-order-lg-first{-ms-flex-order:-1;order:-1}.bs-order-lg-last{-ms-flex-order:13;order:13}.bs-order-lg-0{-ms-flex-order:0;order:0}.bs-order-lg-1{-ms-flex-order:1;order:1}.bs-order-lg-2{-ms-flex-order:2;order:2}.bs-order-lg-3{-ms-flex-order:3;order:3}.bs-order-lg-4{-ms-flex-order:4;order:4}.bs-order-lg-5{-ms-flex-order:5;order:5}.bs-order-lg-6{-ms-flex-order:6;order:6}.bs-order-lg-7{-ms-flex-order:7;order:7}.bs-order-lg-8{-ms-flex-order:8;order:8}.bs-order-lg-9{-ms-flex-order:9;order:9}.bs-order-lg-10{-ms-flex-order:10;order:10}.bs-order-lg-11{-ms-flex-order:11;order:11}.bs-order-lg-12{-ms-flex-order:12;order:12}.bs-offset-lg-0{margin-left:0}.bs-offset-lg-1{margin-left:8.333333%}.bs-offset-lg-2{margin-left:16.666667%}.bs-offset-lg-3{margin-left:25%}.bs-offset-lg-4{margin-left:33.333333%}.bs-offset-lg-5{margin-left:41.666667%}.bs-offset-lg-6{margin-left:50%}.bs-offset-lg-7{margin-left:58.333333%}.bs-offset-lg-8{margin-left:66.666667%}.bs-offset-lg-9{margin-left:75%}.bs-offset-lg-10{margin-left:83.333333%}.bs-offset-lg-11{margin-left:91.666667%}.bs-d-lg-none{display:none!important}.bs-d-lg-inline{display:inline!important}.bs-d-lg-inline-block{display:inline-block!important}.bs-d-lg-block{display:block!important}.bs-d-lg-table{display:table!important}.bs-d-lg-table-row{display:table-row!important}.bs-d-lg-table-cell{display:table-cell!important}.bs-d-lg-flex{display:-ms-flexbox!important;display:flex!important}.bs-d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media(min-width:1200px){.bs-col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.bs-col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.bs-col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.bs-col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.bs-col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.bs-col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.bs-col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.bs-col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.bs-col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.bs-col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.bs-col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.bs-col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.bs-col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.bs-col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.bs-order-xl-first{-ms-flex-order:-1;order:-1}.bs-order-xl-last{-ms-flex-order:13;order:13}.bs-order-xl-0{-ms-flex-order:0;order:0}.bs-order-xl-1{-ms-flex-order:1;order:1}.bs-order-xl-2{-ms-flex-order:2;order:2}.bs-order-xl-3{-ms-flex-order:3;order:3}.bs-order-xl-4{-ms-flex-order:4;order:4}.bs-order-xl-5{-ms-flex-order:5;order:5}.bs-order-xl-6{-ms-flex-order:6;order:6}.bs-order-xl-7{-ms-flex-order:7;order:7}.bs-order-xl-8{-ms-flex-order:8;order:8}.bs-order-xl-9{-ms-flex-order:9;order:9}.bs-order-xl-10{-ms-flex-order:10;order:10}.bs-order-xl-11{-ms-flex-order:11;order:11}.bs-order-xl-12{-ms-flex-order:12;order:12}.bs-offset-xl-0{margin-left:0}.bs-offset-xl-1{margin-left:8.333333%}.bs-offset-xl-2{margin-left:16.666667%}.bs-offset-xl-3{margin-left:25%}.bs-offset-xl-4{margin-left:33.333333%}.bs-offset-xl-5{margin-left:41.666667%}.bs-offset-xl-6{margin-left:50%}.bs-offset-xl-7{margin-left:58.333333%}.bs-offset-xl-8{margin-left:66.666667%}.bs-offset-xl-9{margin-left:75%}.bs-offset-xl-10{margin-left:83.333333%}.bs-offset-xl-11{margin-left:91.666667%}.bs-d-xl-none{display:none!important}.bs-d-xl-inline{display:inline!important}.bs-d-xl-inline-block{display:inline-block!important}.bs-d-xl-block{display:block!important}.bs-d-xl-table{display:table!important}.bs-d-xl-table-row{display:table-row!important}.bs-d-xl-table-cell{display:table-cell!important}.bs-d-xl-flex{display:-ms-flexbox!important;display:flex!important}.bs-d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.bs-d-print-none{display:none!important}.bs-d-print-inline{display:inline!important}.bs-d-print-inline-block{display:inline-block!important}.bs-d-print-block{display:block!important}.bs-d-print-table{display:table!important}.bs-d-print-table-row{display:table-row!important}.bs-d-print-table-cell{display:table-cell!important}.bs-d-print-flex{display:-ms-flexbox!important;display:flex!important}.bs-d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.bs-flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.bs-flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.bs-flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.bs-flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.bs-flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.bs-flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.bs-flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.bs-flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.bs-flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.bs-flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.bs-flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.bs-justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.bs-justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.bs-justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.bs-justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.bs-justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.bs-align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.bs-align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.bs-align-items-center{-ms-flex-align:center!important;align-items:center!important}.bs-align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.bs-align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.bs-align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.bs-align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.bs-align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.bs-align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.bs-align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.bs-align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.bs-align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.bs-align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.bs-align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.bs-align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.bs-align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.bs-align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.bs-m-0{margin:0!important}.bs-mt-0,.bs-my-0{margin-top:0!important}.bs-mr-0,.bs-mx-0{margin-right:0!important}.bs-mb-0,.bs-my-0{margin-bottom:0!important}.bs-ml-0,.bs-mx-0{margin-left:0!important}.bs-m-1{margin:.25rem!important}.bs-mt-1,.bs-my-1{margin-top:.25rem!important}.bs-mr-1,.bs-mx-1{margin-right:.25rem!important}.bs-mb-1,.bs-my-1{margin-bottom:.25rem!important}.bs-ml-1,.bs-mx-1{margin-left:.25rem!important}.bs-m-2{margin:.5rem!important}.bs-mt-2,.bs-my-2{margin-top:.5rem!important}.bs-mr-2,.bs-mx-2{margin-right:.5rem!important}.bs-mb-2,.bs-my-2{margin-bottom:.5rem!important}.bs-ml-2,.bs-mx-2{margin-left:.5rem!important}.bs-m-3{margin:1rem!important}.bs-mt-3,.bs-my-3{margin-top:1rem!important}.bs-mr-3,.bs-mx-3{margin-right:1rem!important}.bs-mb-3,.bs-my-3{margin-bottom:1rem!important}.bs-ml-3,.bs-mx-3{margin-left:1rem!important}.bs-m-4{margin:1.5rem!important}.bs-mt-4,.bs-my-4{margin-top:1.5rem!important}.bs-mr-4,.bs-mx-4{margin-right:1.5rem!important}.bs-mb-4,.bs-my-4{margin-bottom:1.5rem!important}.bs-ml-4,.bs-mx-4{margin-left:1.5rem!important}.bs-m-5{margin:3rem!important}.bs-mt-5,.bs-my-5{margin-top:3rem!important}.bs-mr-5,.bs-mx-5{margin-right:3rem!important}.bs-mb-5,.bs-my-5{margin-bottom:3rem!important}.bs-ml-5,.bs-mx-5{margin-left:3rem!important}.bs-p-0{padding:0!important}.bs-pt-0,.bs-py-0{padding-top:0!important}.bs-pr-0,.bs-px-0{padding-right:0!important}.bs-pb-0,.bs-py-0{padding-bottom:0!important}.bs-pl-0,.bs-px-0{padding-left:0!important}.bs-p-1{padding:.25rem!important}.bs-pt-1,.bs-py-1{padding-top:.25rem!important}.bs-pr-1,.bs-px-1{padding-right:.25rem!important}.bs-pb-1,.bs-py-1{padding-bottom:.25rem!important}.bs-pl-1,.bs-px-1{padding-left:.25rem!important}.bs-p-2{padding:.5rem!important}.bs-pt-2,.bs-py-2{padding-top:.5rem!important}.bs-pr-2,.bs-px-2{padding-right:.5rem!important}.bs-pb-2,.bs-py-2{padding-bottom:.5rem!important}.bs-pl-2,.bs-px-2{padding-left:.5rem!important}.bs-p-3{padding:1rem!important}.bs-pt-3,.bs-py-3{padding-top:1rem!important}.bs-pr-3,.bs-px-3{padding-right:1rem!important}.bs-pb-3,.bs-py-3{padding-bottom:1rem!important}.bs-pl-3,.bs-px-3{padding-left:1rem!important}.bs-p-4{padding:1.5rem!important}.bs-pt-4,.bs-py-4{padding-top:1.5rem!important}.bs-pr-4,.bs-px-4{padding-right:1.5rem!important}.bs-pb-4,.bs-py-4{padding-bottom:1.5rem!important}.bs-pl-4,.bs-px-4{padding-left:1.5rem!important}.bs-p-5{padding:3rem!important}.bs-pt-5,.bs-py-5{padding-top:3rem!important}.bs-pr-5,.bs-px-5{padding-right:3rem!important}.bs-pb-5,.bs-py-5{padding-bottom:3rem!important}.bs-pl-5,.bs-px-5{padding-left:3rem!important}.bs-m-n1{margin:-.25rem!important}.bs-mt-n1,.bs-my-n1{margin-top:-.25rem!important}.bs-mr-n1,.bs-mx-n1{margin-right:-.25rem!important}.bs-mb-n1,.bs-my-n1{margin-bottom:-.25rem!important}.bs-ml-n1,.bs-mx-n1{margin-left:-.25rem!important}.bs-m-n2{margin:-.5rem!important}.bs-mt-n2,.bs-my-n2{margin-top:-.5rem!important}.bs-mr-n2,.bs-mx-n2{margin-right:-.5rem!important}.bs-mb-n2,.bs-my-n2{margin-bottom:-.5rem!important}.bs-ml-n2,.bs-mx-n2{margin-left:-.5rem!important}.bs-m-n3{margin:-1rem!important}.bs-mt-n3,.bs-my-n3{margin-top:-1rem!important}.bs-mr-n3,.bs-mx-n3{margin-right:-1rem!important}.bs-mb-n3,.bs-my-n3{margin-bottom:-1rem!important}.bs-ml-n3,.bs-mx-n3{margin-left:-1rem!important}.bs-m-n4{margin:-1.5rem!important}.bs-mt-n4,.bs-my-n4{margin-top:-1.5rem!important}.bs-mr-n4,.bs-mx-n4{margin-right:-1.5rem!important}.bs-mb-n4,.bs-my-n4{margin-bottom:-1.5rem!important}.bs-ml-n4,.bs-mx-n4{margin-left:-1.5rem!important}.bs-m-n5{margin:-3rem!important}.bs-mt-n5,.bs-my-n5{margin-top:-3rem!important}.bs-mr-n5,.bs-mx-n5{margin-right:-3rem!important}.bs-mb-n5,.bs-my-n5{margin-bottom:-3rem!important}.bs-ml-n5,.bs-mx-n5{margin-left:-3rem!important}.bs-m-auto{margin:auto!important}.bs-mt-auto,.bs-my-auto{margin-top:auto!important}.bs-mr-auto,.bs-mx-auto{margin-right:auto!important}.bs-mb-auto,.bs-my-auto{margin-bottom:auto!important}.bs-ml-auto,.bs-mx-auto{margin-left:auto!important}@media(min-width:576px){.bs-flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.bs-flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.bs-flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.bs-flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.bs-flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.bs-flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.bs-flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.bs-flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.bs-flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.bs-flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.bs-flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.bs-flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.bs-justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.bs-justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.bs-justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.bs-justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.bs-justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.bs-align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.bs-align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.bs-align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.bs-align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.bs-align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.bs-align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.bs-align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.bs-align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.bs-align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.bs-align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.bs-align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.bs-align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.bs-align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.bs-align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.bs-align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.bs-align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.bs-align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.bs-m-sm-0{margin:0!important}.bs-mt-sm-0,.bs-my-sm-0{margin-top:0!important}.bs-mr-sm-0,.bs-mx-sm-0{margin-right:0!important}.bs-mb-sm-0,.bs-my-sm-0{margin-bottom:0!important}.bs-ml-sm-0,.bs-mx-sm-0{margin-left:0!important}.bs-m-sm-1{margin:.25rem!important}.bs-mt-sm-1,.bs-my-sm-1{margin-top:.25rem!important}.bs-mr-sm-1,.bs-mx-sm-1{margin-right:.25rem!important}.bs-mb-sm-1,.bs-my-sm-1{margin-bottom:.25rem!important}.bs-ml-sm-1,.bs-mx-sm-1{margin-left:.25rem!important}.bs-m-sm-2{margin:.5rem!important}.bs-mt-sm-2,.bs-my-sm-2{margin-top:.5rem!important}.bs-mr-sm-2,.bs-mx-sm-2{margin-right:.5rem!important}.bs-mb-sm-2,.bs-my-sm-2{margin-bottom:.5rem!important}.bs-ml-sm-2,.bs-mx-sm-2{margin-left:.5rem!important}.bs-m-sm-3{margin:1rem!important}.bs-mt-sm-3,.bs-my-sm-3{margin-top:1rem!important}.bs-mr-sm-3,.bs-mx-sm-3{margin-right:1rem!important}.bs-mb-sm-3,.bs-my-sm-3{margin-bottom:1rem!important}.bs-ml-sm-3,.bs-mx-sm-3{margin-left:1rem!important}.bs-m-sm-4{margin:1.5rem!important}.bs-mt-sm-4,.bs-my-sm-4{margin-top:1.5rem!important}.bs-mr-sm-4,.bs-mx-sm-4{margin-right:1.5rem!important}.bs-mb-sm-4,.bs-my-sm-4{margin-bottom:1.5rem!important}.bs-ml-sm-4,.bs-mx-sm-4{margin-left:1.5rem!important}.bs-m-sm-5{margin:3rem!important}.bs-mt-sm-5,.bs-my-sm-5{margin-top:3rem!important}.bs-mr-sm-5,.bs-mx-sm-5{margin-right:3rem!important}.bs-mb-sm-5,.bs-my-sm-5{margin-bottom:3rem!important}.bs-ml-sm-5,.bs-mx-sm-5{margin-left:3rem!important}.bs-p-sm-0{padding:0!important}.bs-pt-sm-0,.bs-py-sm-0{padding-top:0!important}.bs-pr-sm-0,.bs-px-sm-0{padding-right:0!important}.bs-pb-sm-0,.bs-py-sm-0{padding-bottom:0!important}.bs-pl-sm-0,.bs-px-sm-0{padding-left:0!important}.bs-p-sm-1{padding:.25rem!important}.bs-pt-sm-1,.bs-py-sm-1{padding-top:.25rem!important}.bs-pr-sm-1,.bs-px-sm-1{padding-right:.25rem!important}.bs-pb-sm-1,.bs-py-sm-1{padding-bottom:.25rem!important}.bs-pl-sm-1,.bs-px-sm-1{padding-left:.25rem!important}.bs-p-sm-2{padding:.5rem!important}.bs-pt-sm-2,.bs-py-sm-2{padding-top:.5rem!important}.bs-pr-sm-2,.bs-px-sm-2{padding-right:.5rem!important}.bs-pb-sm-2,.bs-py-sm-2{padding-bottom:.5rem!important}.bs-pl-sm-2,.bs-px-sm-2{padding-left:.5rem!important}.bs-p-sm-3{padding:1rem!important}.bs-pt-sm-3,.bs-py-sm-3{padding-top:1rem!important}.bs-pr-sm-3,.bs-px-sm-3{padding-right:1rem!important}.bs-pb-sm-3,.bs-py-sm-3{padding-bottom:1rem!important}.bs-pl-sm-3,.bs-px-sm-3{padding-left:1rem!important}.bs-p-sm-4{padding:1.5rem!important}.bs-pt-sm-4,.bs-py-sm-4{padding-top:1.5rem!important}.bs-pr-sm-4,.bs-px-sm-4{padding-right:1.5rem!important}.bs-pb-sm-4,.bs-py-sm-4{padding-bottom:1.5rem!important}.bs-pl-sm-4,.bs-px-sm-4{padding-left:1.5rem!important}.bs-p-sm-5{padding:3rem!important}.bs-pt-sm-5,.bs-py-sm-5{padding-top:3rem!important}.bs-pr-sm-5,.bs-px-sm-5{padding-right:3rem!important}.bs-pb-sm-5,.bs-py-sm-5{padding-bottom:3rem!important}.bs-pl-sm-5,.bs-px-sm-5{padding-left:3rem!important}.bs-m-sm-n1{margin:-.25rem!important}.bs-mt-sm-n1,.bs-my-sm-n1{margin-top:-.25rem!important}.bs-mr-sm-n1,.bs-mx-sm-n1{margin-right:-.25rem!important}.bs-mb-sm-n1,.bs-my-sm-n1{margin-bottom:-.25rem!important}.bs-ml-sm-n1,.bs-mx-sm-n1{margin-left:-.25rem!important}.bs-m-sm-n2{margin:-.5rem!important}.bs-mt-sm-n2,.bs-my-sm-n2{margin-top:-.5rem!important}.bs-mr-sm-n2,.bs-mx-sm-n2{margin-right:-.5rem!important}.bs-mb-sm-n2,.bs-my-sm-n2{margin-bottom:-.5rem!important}.bs-ml-sm-n2,.bs-mx-sm-n2{margin-left:-.5rem!important}.bs-m-sm-n3{margin:-1rem!important}.bs-mt-sm-n3,.bs-my-sm-n3{margin-top:-1rem!important}.bs-mr-sm-n3,.bs-mx-sm-n3{margin-right:-1rem!important}.bs-mb-sm-n3,.bs-my-sm-n3{margin-bottom:-1rem!important}.bs-ml-sm-n3,.bs-mx-sm-n3{margin-left:-1rem!important}.bs-m-sm-n4{margin:-1.5rem!important}.bs-mt-sm-n4,.bs-my-sm-n4{margin-top:-1.5rem!important}.bs-mr-sm-n4,.bs-mx-sm-n4{margin-right:-1.5rem!important}.bs-mb-sm-n4,.bs-my-sm-n4{margin-bottom:-1.5rem!important}.bs-ml-sm-n4,.bs-mx-sm-n4{margin-left:-1.5rem!important}.bs-m-sm-n5{margin:-3rem!important}.bs-mt-sm-n5,.bs-my-sm-n5{margin-top:-3rem!important}.bs-mr-sm-n5,.bs-mx-sm-n5{margin-right:-3rem!important}.bs-mb-sm-n5,.bs-my-sm-n5{margin-bottom:-3rem!important}.bs-ml-sm-n5,.bs-mx-sm-n5{margin-left:-3rem!important}.bs-m-sm-auto{margin:auto!important}.bs-mt-sm-auto,.bs-my-sm-auto{margin-top:auto!important}.bs-mr-sm-auto,.bs-mx-sm-auto{margin-right:auto!important}.bs-mb-sm-auto,.bs-my-sm-auto{margin-bottom:auto!important}.bs-ml-sm-auto,.bs-mx-sm-auto{margin-left:auto!important}}@media(min-width:768px){.bs-flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.bs-flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.bs-flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.bs-flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.bs-flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.bs-flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.bs-flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.bs-flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.bs-flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.bs-flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.bs-flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.bs-flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.bs-justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.bs-justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.bs-justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.bs-justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.bs-justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.bs-align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.bs-align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.bs-align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.bs-align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.bs-align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.bs-align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.bs-align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.bs-align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.bs-align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.bs-align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.bs-align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.bs-align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.bs-align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.bs-align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.bs-align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.bs-align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.bs-align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.bs-m-md-0{margin:0!important}.bs-mt-md-0,.bs-my-md-0{margin-top:0!important}.bs-mr-md-0,.bs-mx-md-0{margin-right:0!important}.bs-mb-md-0,.bs-my-md-0{margin-bottom:0!important}.bs-ml-md-0,.bs-mx-md-0{margin-left:0!important}.bs-m-md-1{margin:.25rem!important}.bs-mt-md-1,.bs-my-md-1{margin-top:.25rem!important}.bs-mr-md-1,.bs-mx-md-1{margin-right:.25rem!important}.bs-mb-md-1,.bs-my-md-1{margin-bottom:.25rem!important}.bs-ml-md-1,.bs-mx-md-1{margin-left:.25rem!important}.bs-m-md-2{margin:.5rem!important}.bs-mt-md-2,.bs-my-md-2{margin-top:.5rem!important}.bs-mr-md-2,.bs-mx-md-2{margin-right:.5rem!important}.bs-mb-md-2,.bs-my-md-2{margin-bottom:.5rem!important}.bs-ml-md-2,.bs-mx-md-2{margin-left:.5rem!important}.bs-m-md-3{margin:1rem!important}.bs-mt-md-3,.bs-my-md-3{margin-top:1rem!important}.bs-mr-md-3,.bs-mx-md-3{margin-right:1rem!important}.bs-mb-md-3,.bs-my-md-3{margin-bottom:1rem!important}.bs-ml-md-3,.bs-mx-md-3{margin-left:1rem!important}.bs-m-md-4{margin:1.5rem!important}.bs-mt-md-4,.bs-my-md-4{margin-top:1.5rem!important}.bs-mr-md-4,.bs-mx-md-4{margin-right:1.5rem!important}.bs-mb-md-4,.bs-my-md-4{margin-bottom:1.5rem!important}.bs-ml-md-4,.bs-mx-md-4{margin-left:1.5rem!important}.bs-m-md-5{margin:3rem!important}.bs-mt-md-5,.bs-my-md-5{margin-top:3rem!important}.bs-mr-md-5,.bs-mx-md-5{margin-right:3rem!important}.bs-mb-md-5,.bs-my-md-5{margin-bottom:3rem!important}.bs-ml-md-5,.bs-mx-md-5{margin-left:3rem!important}.bs-p-md-0{padding:0!important}.bs-pt-md-0,.bs-py-md-0{padding-top:0!important}.bs-pr-md-0,.bs-px-md-0{padding-right:0!important}.bs-pb-md-0,.bs-py-md-0{padding-bottom:0!important}.bs-pl-md-0,.bs-px-md-0{padding-left:0!important}.bs-p-md-1{padding:.25rem!important}.bs-pt-md-1,.bs-py-md-1{padding-top:.25rem!important}.bs-pr-md-1,.bs-px-md-1{padding-right:.25rem!important}.bs-pb-md-1,.bs-py-md-1{padding-bottom:.25rem!important}.bs-pl-md-1,.bs-px-md-1{padding-left:.25rem!important}.bs-p-md-2{padding:.5rem!important}.bs-pt-md-2,.bs-py-md-2{padding-top:.5rem!important}.bs-pr-md-2,.bs-px-md-2{padding-right:.5rem!important}.bs-pb-md-2,.bs-py-md-2{padding-bottom:.5rem!important}.bs-pl-md-2,.bs-px-md-2{padding-left:.5rem!important}.bs-p-md-3{padding:1rem!important}.bs-pt-md-3,.bs-py-md-3{padding-top:1rem!important}.bs-pr-md-3,.bs-px-md-3{padding-right:1rem!important}.bs-pb-md-3,.bs-py-md-3{padding-bottom:1rem!important}.bs-pl-md-3,.bs-px-md-3{padding-left:1rem!important}.bs-p-md-4{padding:1.5rem!important}.bs-pt-md-4,.bs-py-md-4{padding-top:1.5rem!important}.bs-pr-md-4,.bs-px-md-4{padding-right:1.5rem!important}.bs-pb-md-4,.bs-py-md-4{padding-bottom:1.5rem!important}.bs-pl-md-4,.bs-px-md-4{padding-left:1.5rem!important}.bs-p-md-5{padding:3rem!important}.bs-pt-md-5,.bs-py-md-5{padding-top:3rem!important}.bs-pr-md-5,.bs-px-md-5{padding-right:3rem!important}.bs-pb-md-5,.bs-py-md-5{padding-bottom:3rem!important}.bs-pl-md-5,.bs-px-md-5{padding-left:3rem!important}.bs-m-md-n1{margin:-.25rem!important}.bs-mt-md-n1,.bs-my-md-n1{margin-top:-.25rem!important}.bs-mr-md-n1,.bs-mx-md-n1{margin-right:-.25rem!important}.bs-mb-md-n1,.bs-my-md-n1{margin-bottom:-.25rem!important}.bs-ml-md-n1,.bs-mx-md-n1{margin-left:-.25rem!important}.bs-m-md-n2{margin:-.5rem!important}.bs-mt-md-n2,.bs-my-md-n2{margin-top:-.5rem!important}.bs-mr-md-n2,.bs-mx-md-n2{margin-right:-.5rem!important}.bs-mb-md-n2,.bs-my-md-n2{margin-bottom:-.5rem!important}.bs-ml-md-n2,.bs-mx-md-n2{margin-left:-.5rem!important}.bs-m-md-n3{margin:-1rem!important}.bs-mt-md-n3,.bs-my-md-n3{margin-top:-1rem!important}.bs-mr-md-n3,.bs-mx-md-n3{margin-right:-1rem!important}.bs-mb-md-n3,.bs-my-md-n3{margin-bottom:-1rem!important}.bs-ml-md-n3,.bs-mx-md-n3{margin-left:-1rem!important}.bs-m-md-n4{margin:-1.5rem!important}.bs-mt-md-n4,.bs-my-md-n4{margin-top:-1.5rem!important}.bs-mr-md-n4,.bs-mx-md-n4{margin-right:-1.5rem!important}.bs-mb-md-n4,.bs-my-md-n4{margin-bottom:-1.5rem!important}.bs-ml-md-n4,.bs-mx-md-n4{margin-left:-1.5rem!important}.bs-m-md-n5{margin:-3rem!important}.bs-mt-md-n5,.bs-my-md-n5{margin-top:-3rem!important}.bs-mr-md-n5,.bs-mx-md-n5{margin-right:-3rem!important}.bs-mb-md-n5,.bs-my-md-n5{margin-bottom:-3rem!important}.bs-ml-md-n5,.bs-mx-md-n5{margin-left:-3rem!important}.bs-m-md-auto{margin:auto!important}.bs-mt-md-auto,.bs-my-md-auto{margin-top:auto!important}.bs-mr-md-auto,.bs-mx-md-auto{margin-right:auto!important}.bs-mb-md-auto,.bs-my-md-auto{margin-bottom:auto!important}.bs-ml-md-auto,.bs-mx-md-auto{margin-left:auto!important}}@media(min-width:992px){.bs-flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.bs-flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.bs-flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.bs-flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.bs-flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.bs-flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.bs-flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.bs-flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.bs-flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.bs-flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.bs-flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.bs-flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.bs-justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.bs-justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.bs-justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.bs-justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.bs-justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.bs-align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.bs-align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.bs-align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.bs-align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.bs-align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.bs-align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.bs-align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.bs-align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.bs-align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.bs-align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.bs-align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.bs-align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.bs-align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.bs-align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.bs-align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.bs-align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.bs-align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.bs-m-lg-0{margin:0!important}.bs-mt-lg-0,.bs-my-lg-0{margin-top:0!important}.bs-mr-lg-0,.bs-mx-lg-0{margin-right:0!important}.bs-mb-lg-0,.bs-my-lg-0{margin-bottom:0!important}.bs-ml-lg-0,.bs-mx-lg-0{margin-left:0!important}.bs-m-lg-1{margin:.25rem!important}.bs-mt-lg-1,.bs-my-lg-1{margin-top:.25rem!important}.bs-mr-lg-1,.bs-mx-lg-1{margin-right:.25rem!important}.bs-mb-lg-1,.bs-my-lg-1{margin-bottom:.25rem!important}.bs-ml-lg-1,.bs-mx-lg-1{margin-left:.25rem!important}.bs-m-lg-2{margin:.5rem!important}.bs-mt-lg-2,.bs-my-lg-2{margin-top:.5rem!important}.bs-mr-lg-2,.bs-mx-lg-2{margin-right:.5rem!important}.bs-mb-lg-2,.bs-my-lg-2{margin-bottom:.5rem!important}.bs-ml-lg-2,.bs-mx-lg-2{margin-left:.5rem!important}.bs-m-lg-3{margin:1rem!important}.bs-mt-lg-3,.bs-my-lg-3{margin-top:1rem!important}.bs-mr-lg-3,.bs-mx-lg-3{margin-right:1rem!important}.bs-mb-lg-3,.bs-my-lg-3{margin-bottom:1rem!important}.bs-ml-lg-3,.bs-mx-lg-3{margin-left:1rem!important}.bs-m-lg-4{margin:1.5rem!important}.bs-mt-lg-4,.bs-my-lg-4{margin-top:1.5rem!important}.bs-mr-lg-4,.bs-mx-lg-4{margin-right:1.5rem!important}.bs-mb-lg-4,.bs-my-lg-4{margin-bottom:1.5rem!important}.bs-ml-lg-4,.bs-mx-lg-4{margin-left:1.5rem!important}.bs-m-lg-5{margin:3rem!important}.bs-mt-lg-5,.bs-my-lg-5{margin-top:3rem!important}.bs-mr-lg-5,.bs-mx-lg-5{margin-right:3rem!important}.bs-mb-lg-5,.bs-my-lg-5{margin-bottom:3rem!important}.bs-ml-lg-5,.bs-mx-lg-5{margin-left:3rem!important}.bs-p-lg-0{padding:0!important}.bs-pt-lg-0,.bs-py-lg-0{padding-top:0!important}.bs-pr-lg-0,.bs-px-lg-0{padding-right:0!important}.bs-pb-lg-0,.bs-py-lg-0{padding-bottom:0!important}.bs-pl-lg-0,.bs-px-lg-0{padding-left:0!important}.bs-p-lg-1{padding:.25rem!important}.bs-pt-lg-1,.bs-py-lg-1{padding-top:.25rem!important}.bs-pr-lg-1,.bs-px-lg-1{padding-right:.25rem!important}.bs-pb-lg-1,.bs-py-lg-1{padding-bottom:.25rem!important}.bs-pl-lg-1,.bs-px-lg-1{padding-left:.25rem!important}.bs-p-lg-2{padding:.5rem!important}.bs-pt-lg-2,.bs-py-lg-2{padding-top:.5rem!important}.bs-pr-lg-2,.bs-px-lg-2{padding-right:.5rem!important}.bs-pb-lg-2,.bs-py-lg-2{padding-bottom:.5rem!important}.bs-pl-lg-2,.bs-px-lg-2{padding-left:.5rem!important}.bs-p-lg-3{padding:1rem!important}.bs-pt-lg-3,.bs-py-lg-3{padding-top:1rem!important}.bs-pr-lg-3,.bs-px-lg-3{padding-right:1rem!important}.bs-pb-lg-3,.bs-py-lg-3{padding-bottom:1rem!important}.bs-pl-lg-3,.bs-px-lg-3{padding-left:1rem!important}.bs-p-lg-4{padding:1.5rem!important}.bs-pt-lg-4,.bs-py-lg-4{padding-top:1.5rem!important}.bs-pr-lg-4,.bs-px-lg-4{padding-right:1.5rem!important}.bs-pb-lg-4,.bs-py-lg-4{padding-bottom:1.5rem!important}.bs-pl-lg-4,.bs-px-lg-4{padding-left:1.5rem!important}.bs-p-lg-5{padding:3rem!important}.bs-pt-lg-5,.bs-py-lg-5{padding-top:3rem!important}.bs-pr-lg-5,.bs-px-lg-5{padding-right:3rem!important}.bs-pb-lg-5,.bs-py-lg-5{padding-bottom:3rem!important}.bs-pl-lg-5,.bs-px-lg-5{padding-left:3rem!important}.bs-m-lg-n1{margin:-.25rem!important}.bs-mt-lg-n1,.bs-my-lg-n1{margin-top:-.25rem!important}.bs-mr-lg-n1,.bs-mx-lg-n1{margin-right:-.25rem!important}.bs-mb-lg-n1,.bs-my-lg-n1{margin-bottom:-.25rem!important}.bs-ml-lg-n1,.bs-mx-lg-n1{margin-left:-.25rem!important}.bs-m-lg-n2{margin:-.5rem!important}.bs-mt-lg-n2,.bs-my-lg-n2{margin-top:-.5rem!important}.bs-mr-lg-n2,.bs-mx-lg-n2{margin-right:-.5rem!important}.bs-mb-lg-n2,.bs-my-lg-n2{margin-bottom:-.5rem!important}.bs-ml-lg-n2,.bs-mx-lg-n2{margin-left:-.5rem!important}.bs-m-lg-n3{margin:-1rem!important}.bs-mt-lg-n3,.bs-my-lg-n3{margin-top:-1rem!important}.bs-mr-lg-n3,.bs-mx-lg-n3{margin-right:-1rem!important}.bs-mb-lg-n3,.bs-my-lg-n3{margin-bottom:-1rem!important}.bs-ml-lg-n3,.bs-mx-lg-n3{margin-left:-1rem!important}.bs-m-lg-n4{margin:-1.5rem!important}.bs-mt-lg-n4,.bs-my-lg-n4{margin-top:-1.5rem!important}.bs-mr-lg-n4,.bs-mx-lg-n4{margin-right:-1.5rem!important}.bs-mb-lg-n4,.bs-my-lg-n4{margin-bottom:-1.5rem!important}.bs-ml-lg-n4,.bs-mx-lg-n4{margin-left:-1.5rem!important}.bs-m-lg-n5{margin:-3rem!important}.bs-mt-lg-n5,.bs-my-lg-n5{margin-top:-3rem!important}.bs-mr-lg-n5,.bs-mx-lg-n5{margin-right:-3rem!important}.bs-mb-lg-n5,.bs-my-lg-n5{margin-bottom:-3rem!important}.bs-ml-lg-n5,.bs-mx-lg-n5{margin-left:-3rem!important}.bs-m-lg-auto{margin:auto!important}.bs-mt-lg-auto,.bs-my-lg-auto{margin-top:auto!important}.bs-mr-lg-auto,.bs-mx-lg-auto{margin-right:auto!important}.bs-mb-lg-auto,.bs-my-lg-auto{margin-bottom:auto!important}.bs-ml-lg-auto,.bs-mx-lg-auto{margin-left:auto!important}}@media(min-width:1200px){.bs-flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.bs-flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.bs-flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.bs-flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.bs-flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.bs-flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.bs-flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.bs-flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.bs-flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.bs-flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.bs-flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.bs-flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.bs-justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.bs-justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.bs-justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.bs-justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.bs-justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.bs-align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.bs-align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.bs-align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.bs-align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.bs-align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.bs-align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.bs-align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.bs-align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.bs-align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.bs-align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.bs-align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.bs-align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.bs-align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.bs-align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.bs-align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.bs-align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.bs-align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.bs-m-xl-0{margin:0!important}.bs-mt-xl-0,.bs-my-xl-0{margin-top:0!important}.bs-mr-xl-0,.bs-mx-xl-0{margin-right:0!important}.bs-mb-xl-0,.bs-my-xl-0{margin-bottom:0!important}.bs-ml-xl-0,.bs-mx-xl-0{margin-left:0!important}.bs-m-xl-1{margin:.25rem!important}.bs-mt-xl-1,.bs-my-xl-1{margin-top:.25rem!important}.bs-mr-xl-1,.bs-mx-xl-1{margin-right:.25rem!important}.bs-mb-xl-1,.bs-my-xl-1{margin-bottom:.25rem!important}.bs-ml-xl-1,.bs-mx-xl-1{margin-left:.25rem!important}.bs-m-xl-2{margin:.5rem!important}.bs-mt-xl-2,.bs-my-xl-2{margin-top:.5rem!important}.bs-mr-xl-2,.bs-mx-xl-2{margin-right:.5rem!important}.bs-mb-xl-2,.bs-my-xl-2{margin-bottom:.5rem!important}.bs-ml-xl-2,.bs-mx-xl-2{margin-left:.5rem!important}.bs-m-xl-3{margin:1rem!important}.bs-mt-xl-3,.bs-my-xl-3{margin-top:1rem!important}.bs-mr-xl-3,.bs-mx-xl-3{margin-right:1rem!important}.bs-mb-xl-3,.bs-my-xl-3{margin-bottom:1rem!important}.bs-ml-xl-3,.bs-mx-xl-3{margin-left:1rem!important}.bs-m-xl-4{margin:1.5rem!important}.bs-mt-xl-4,.bs-my-xl-4{margin-top:1.5rem!important}.bs-mr-xl-4,.bs-mx-xl-4{margin-right:1.5rem!important}.bs-mb-xl-4,.bs-my-xl-4{margin-bottom:1.5rem!important}.bs-ml-xl-4,.bs-mx-xl-4{margin-left:1.5rem!important}.bs-m-xl-5{margin:3rem!important}.bs-mt-xl-5,.bs-my-xl-5{margin-top:3rem!important}.bs-mr-xl-5,.bs-mx-xl-5{margin-right:3rem!important}.bs-mb-xl-5,.bs-my-xl-5{margin-bottom:3rem!important}.bs-ml-xl-5,.bs-mx-xl-5{margin-left:3rem!important}.bs-p-xl-0{padding:0!important}.bs-pt-xl-0,.bs-py-xl-0{padding-top:0!important}.bs-pr-xl-0,.bs-px-xl-0{padding-right:0!important}.bs-pb-xl-0,.bs-py-xl-0{padding-bottom:0!important}.bs-pl-xl-0,.bs-px-xl-0{padding-left:0!important}.bs-p-xl-1{padding:.25rem!important}.bs-pt-xl-1,.bs-py-xl-1{padding-top:.25rem!important}.bs-pr-xl-1,.bs-px-xl-1{padding-right:.25rem!important}.bs-pb-xl-1,.bs-py-xl-1{padding-bottom:.25rem!important}.bs-pl-xl-1,.bs-px-xl-1{padding-left:.25rem!important}.bs-p-xl-2{padding:.5rem!important}.bs-pt-xl-2,.bs-py-xl-2{padding-top:.5rem!important}.bs-pr-xl-2,.bs-px-xl-2{padding-right:.5rem!important}.bs-pb-xl-2,.bs-py-xl-2{padding-bottom:.5rem!important}.bs-pl-xl-2,.bs-px-xl-2{padding-left:.5rem!important}.bs-p-xl-3{padding:1rem!important}.bs-pt-xl-3,.bs-py-xl-3{padding-top:1rem!important}.bs-pr-xl-3,.bs-px-xl-3{padding-right:1rem!important}.bs-pb-xl-3,.bs-py-xl-3{padding-bottom:1rem!important}.bs-pl-xl-3,.bs-px-xl-3{padding-left:1rem!important}.bs-p-xl-4{padding:1.5rem!important}.bs-pt-xl-4,.bs-py-xl-4{padding-top:1.5rem!important}.bs-pr-xl-4,.bs-px-xl-4{padding-right:1.5rem!important}.bs-pb-xl-4,.bs-py-xl-4{padding-bottom:1.5rem!important}.bs-pl-xl-4,.bs-px-xl-4{padding-left:1.5rem!important}.bs-p-xl-5{padding:3rem!important}.bs-pt-xl-5,.bs-py-xl-5{padding-top:3rem!important}.bs-pr-xl-5,.bs-px-xl-5{padding-right:3rem!important}.bs-pb-xl-5,.bs-py-xl-5{padding-bottom:3rem!important}.bs-pl-xl-5,.bs-px-xl-5{padding-left:3rem!important}.bs-m-xl-n1{margin:-.25rem!important}.bs-mt-xl-n1,.bs-my-xl-n1{margin-top:-.25rem!important}.bs-mr-xl-n1,.bs-mx-xl-n1{margin-right:-.25rem!important}.bs-mb-xl-n1,.bs-my-xl-n1{margin-bottom:-.25rem!important}.bs-ml-xl-n1,.bs-mx-xl-n1{margin-left:-.25rem!important}.bs-m-xl-n2{margin:-.5rem!important}.bs-mt-xl-n2,.bs-my-xl-n2{margin-top:-.5rem!important}.bs-mr-xl-n2,.bs-mx-xl-n2{margin-right:-.5rem!important}.bs-mb-xl-n2,.bs-my-xl-n2{margin-bottom:-.5rem!important}.bs-ml-xl-n2,.bs-mx-xl-n2{margin-left:-.5rem!important}.bs-m-xl-n3{margin:-1rem!important}.bs-mt-xl-n3,.bs-my-xl-n3{margin-top:-1rem!important}.bs-mr-xl-n3,.bs-mx-xl-n3{margin-right:-1rem!important}.bs-mb-xl-n3,.bs-my-xl-n3{margin-bottom:-1rem!important}.bs-ml-xl-n3,.bs-mx-xl-n3{margin-left:-1rem!important}.bs-m-xl-n4{margin:-1.5rem!important}.bs-mt-xl-n4,.bs-my-xl-n4{margin-top:-1.5rem!important}.bs-mr-xl-n4,.bs-mx-xl-n4{margin-right:-1.5rem!important}.bs-mb-xl-n4,.bs-my-xl-n4{margin-bottom:-1.5rem!important}.bs-ml-xl-n4,.bs-mx-xl-n4{margin-left:-1.5rem!important}.bs-m-xl-n5{margin:-3rem!important}.bs-mt-xl-n5,.bs-my-xl-n5{margin-top:-3rem!important}.bs-mr-xl-n5,.bs-mx-xl-n5{margin-right:-3rem!important}.bs-mb-xl-n5,.bs-my-xl-n5{margin-bottom:-3rem!important}.bs-ml-xl-n5,.bs-mx-xl-n5{margin-left:-3rem!important}.bs-m-xl-auto{margin:auto!important}.bs-mt-xl-auto,.bs-my-xl-auto{margin-top:auto!important}.bs-mr-xl-auto,.bs-mx-xl-auto{margin-right:auto!important}.bs-mb-xl-auto,.bs-my-xl-auto{margin-bottom:auto!important}.bs-ml-xl-auto,.bs-mx-xl-auto{margin-left:auto!important}}
/* End */


/* Start:/local/templates/magnet_s1/vendor/lightbox/lightbox.min.css?17818755292822*/
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(/local/templates/magnet_s1/vendor/lightbox/images/close.png) url(/local/templates/magnet_s1/vendor/lightbox/images/loading.gif) url(/local/templates/magnet_s1/vendor/lightbox/images/prev.png) url(/local/templates/magnet_s1/vendor/lightbox/images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/local/templates/magnet_s1/vendor/lightbox/images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/local/templates/magnet_s1/vendor/lightbox/images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/local/templates/magnet_s1/vendor/lightbox/images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/local/templates/magnet_s1/vendor/lightbox/images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* End */


/* Start:/local/templates/magnet_s1/vendor/scrollbar/jquery.scrollbar.css?17818755293426*/
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner {max-height: 100%;}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 4px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 4px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.scrollbar-inner > .scroll-element .scroll-bar { background-color: #E1E1E6; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


.scrollbar-inner.show-on-hover .scroll-element.scroll-y.scroll-scrolly_visible {
    display: none;
}

.scrollbar-inner.show-on-hover:hover .scroll-element.scroll-y.scroll-scrolly_visible {    
    display: block;
}

/* End */


/* Start:/local/templates/magnet_s1/vendor/youtube-popup/youtube-popup.css?17818755291824*/
.YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.8);top:0;left:0;z-index:9999999999999}.YouTubePopUp-animation{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUp;animation-name:YouTubePopUp}@-webkit-keyframes YouTubePopUp{0%{opacity:0}100%{opacity:1}}@keyframes YouTubePopUp{0%{opacity:0}100%{opacity:1}}body.logged-in .YouTubePopUp-Wrap{top:32px;z-index:99998}.YouTubePopUp-Content{max-width:680px;display:block;margin:0 auto;height:100%;position:relative}.YouTubePopUp-Content iframe{max-width:100%!important;width:100%!important;display:block!important;height:480px!important;border:none!important;position:absolute;top:0;bottom:0;margin:auto 0}.YouTubePopUp-Hide{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUpHide;animation-name:YouTubePopUpHide}@-webkit-keyframes YouTubePopUpHide{0%{opacity:1}100%{opacity:0}}@keyframes YouTubePopUpHide{0%{opacity:1}100%{opacity:0}}.YouTubePopUp-Close{position:absolute;top:0;cursor:pointer;bottom:528px;right:0;margin:auto 0;width:24px;height:24px;background:url(/local/templates/magnet_s1/vendor/youtube-popup/close.svg) no-repeat;background-size:24px 24px;-webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px}.YouTubePopUp-Close:hover{opacity:.5}@media all and (max-width:768px) and (min-width:10px){.YouTubePopUp-Content{max-width:90%}}@media all and (max-width:600px) and (min-width:10px){.YouTubePopUp-Content iframe{height:320px!important}.YouTubePopUp-Close{bottom:362px}}@media all and (max-width:480px) and (min-width:10px){.YouTubePopUp-Content iframe{height:220px!important}.YouTubePopUp-Close{bottom:262px}}
/* End */


/* Start:/local/templates/magnet_s1/vendor/jquery/jquery-ui.min.css?178187552915418*/
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}
/* End */


/* Start:/local/templates/magnet_s1/vendor/fonts/Roboto/font.css?17818755291841*/
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),
         local('Roboto-Regular'),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoRegular/RobotoRegular.woff2") format("woff2"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoRegular/RobotoRegular.woff") format("woff"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoRegular/RobotoRegular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'),
         local('Roboto-Italic'),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoItalic/RobotoItalic.woff2") format("woff2"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoItalic/RobotoItalic.woff") format("woff"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoItalic/RobotoItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),
         local('Roboto-Light'),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoLight/RobotoLight.woff2") format("woff2"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoLight/RobotoLight.woff") format("woff"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoLight/RobotoLight.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),
         local('Roboto-Medium'),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoMedium/RobotoMedium.woff2") format("woff2"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoMedium/RobotoMedium.woff") format("woff"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoMedium/RobotoMedium.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),
         local('Roboto-Bold'),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoBold/RobotoBold.woff2") format("woff2"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoBold/RobotoBold.woff") format("woff"),
         url("/local/templates/magnet_s1/vendor/fonts/Roboto/RobotoBold/RobotoBold.ttf") format("truetype");
}

/* End */


/* Start:/local/templates/magnet_s1/less_compile/template_styles_s1.css?1781875529601750*/
.middle-search-main-container {
  display: none !important;
}


html {
  height: 100%;
}

.button-email-style {
  padding: 20px;
  background-color: #055CA7;
  color: white;
  border-radius: 25px;
  text-decoration-line: none;

}

.button-email-style:hover {
  color: white;
}

#gir {
  position: fixed;
  bottom: 0;
  left: 0;
  background-image: url(/bitrix/templates/magnet_s1/img/gir.png);
  height: 62px;
  width: 100%;
  overflow: hidden;
  z-index: 99999999;
  pointer-events: none;
  transform: rotate(180deg);
}

.gir_1 {
  background-position: 0 0
}

.gir_2 {
  background-position: 0 -62px
}

.gir_3 {
  background-position: 0 -124px
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #2a2e39;
  line-height: 30px;
  background-color: #EFF1F7
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

body.sidebar-type2 .wrapper,
body.sidebar-type3 .wrapper {
  padding-left: 300px;
  transition: .3s ease-in-out;
}

body.sidebar-type2 footer,
body.sidebar-type3 footer {
  padding-left: 300px;
  transition: .3s ease-in-out;
}

body.sidebar-type4 .wrapper,
body.sidebar-wo .wrapper {
  padding-left: 0
}

body.sidebar-type4 footer,
body.sidebar-wo footer {
  padding-left: 0
}

body.sidebar-type5 .wrapper {
  padding-left: 88px
}

body.sidebar-type5 footer {
  padding-left: 88px
}

body.width-1440px .container {
  max-width: 1440px
}

div[id*='wait_comp_'] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.5) !important;
  border: none !important;
  text-indent: -9999px !important
}

div[id*='wait_comp_']:after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: url('/local/templates/magnet_s1/less_compile/../img/preloader-circle.svg') no-repeat;
  background-size: 100%;
  animation: rotate 2s infinite linear
}

.wrapper {
  flex: 1 0 auto;
  padding-left: 148px
}

.container {
  margin: 0 40px
}

p {
  margin: 11px 0
}

a {
  color: #055ca7;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent
}

a:focus {
  outline: none !important
}

label {
  -webkit-tap-highlight-color: transparent
}

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

input:focus {
  outline: none !important
}

button:focus {
  outline: none !important
}

button:disabled {
  opacity: 0.5 !important
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Roboto';
  line-height: inherit
}

ol {
  margin: 10px 0;
  padding-left: 18px
}

ol li {
  margin-bottom: 1px
}

input[type="text"],
input[type="num"],
input[type="password"],
input[type="email"] {
  padding: 9px 10px;
  font-size: 14px;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

div:not(.bx-core-window) input[type="checkbox"]:not(.adm-designed-checkbox) {
  display: none
}

div:not(.bx-core-window) input[type="checkbox"]:not(.adm-designed-checkbox)+label {
  position: relative;
  display: block;
  padding-left: 26px;
  line-height: 1.25em;
  user-select: none
}

div:not(.bx-core-window) input[type="checkbox"]:not(.adm-designed-checkbox)+label:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #e7e7e7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
  border-radius: 4px;
  cursor: pointer;
  box-sizing: border-box
}

div:not(.bx-core-window) input[type="checkbox"]:not(.adm-designed-checkbox):checked+label:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7
}

div:not(.bx-core-window) ul {
  margin: 0;
  padding-left: 0;
  list-style: none
}

div:not(.bx-core-window) ul li {
  position: relative;
  margin-bottom: 1px;
  padding-left: 14px
}

div:not(.bx-core-window) ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: -1px;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #055ca7;
  border-radius: 50%
}

textarea {
  padding: 15px 18px;
  font-size: 0.875em;
  line-height: 1.1em;
  letter-spacing: 0.01em;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  resize: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

textarea:focus {
  outline: none
}

blockquote {
  position: relative;
  margin: 28px 0;
  padding: 18px 21px 22px;
  font-size: 1.25em;
  line-height: 1.4em;
  background-color: rgba(5, 92, 167, 0.05);
  border-left: 2px solid #055ca7
}

hr {
  height: 1px;
  margin: 15px 0;
  background-color: #e7e7e7;
  border: none
}

#bx_yandex_position li::before {
  content: none
}

.ajax-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5)
}

@keyframes rotate {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes check {
  from {
    margin-left: -15px
  }

  to {
    margin-left: 12px
  }
}

.icon-custom:before {
  display: inline-block;
  font-family: 'Icon Custom';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.btn {
  padding: 15px 30px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  background: #055CA7;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.btn:hover {
  color: #fff;
  background: #2A2E39
}

.btn.white {
  padding: 6px 16px;
  color: #055ca7;
  background-color: #fff;
  border: 2px solid #055ca7
}

.btn.white:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.btn.transparent {
  min-width: auto;
  padding: 8px 25px 9px 23px;
  font-size: 0.875em;
  color: #828282;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #e7e7e7;
  border-radius: 30px;
  box-sizing: border-box;
  transition: all .2s ease
}

.btn.transparent:hover {
  color: #055ca7;
  border-color: #055ca7
}

.btn.transparent.share {
  position: relative;
  padding: 0;
  border: none;
  opacity: 1;
  user-select: none
}

.btn.transparent.share>span {
  position: relative;
  display: block;
  padding: 9px 23px 8px 25px;
  border: 1px solid #e7e7e7;
  border-radius: 30px;
  background-color: #fff;
  transition: all .2s ease;
  box-sizing: border-box;
  z-index: 2
}

.btn.transparent.share>span:before {
  content: '\0058';
  position: relative;
  top: 1px;
  left: -3px;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.btn.transparent.share .ya-share2 {
  position: absolute;
  top: 0;
  right: -125%;
  width: auto;
  height: 100%;
  margin-right: 0px;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
  transition: all .5s linear;
  z-index: 1
}

.btn.transparent.share .ya-share2 .ya-share2__container {
  width: 0;
  height: 100%;
  overflow: hidden;
  transition: width .5s linear
}

.btn.transparent.share .ya-share2 .ya-share2__container .ya-share2__list {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-right: none;
  border-radius: 30px 0 0 30px;
  box-sizing: border-box
}

.btn.transparent.share .ya-share2 .ya-share2__container .ya-share2__list .ya-share2__item {
  margin: 0 4px;
  padding-left: 0
}

.btn.transparent.share .ya-share2 .ya-share2__container .ya-share2__list .ya-share2__item::before {
  content: none
}

.btn.transparent.share .ya-share2 .ya-share2__container .ya-share2__list .ya-share2__item .ya-share2__icon {
  width: 22px;
  height: 22px
}

.btn.transparent.share:hover>span {
  color: #055ca7;
  border-color: #055ca7
}

.btn.transparent.share:hover .ya-share2 {
  right: 100%;
  box-shadow: -8px 4px 18px -8px rgba(0, 0, 0, 0.1)
}

.btn.transparent.share:hover .ya-share2 .ya-share2__container {
  width: 100%
}

.btn[disabled="disabled"] {
  opacity: 0.5
}

.btn.loaded {
  position: relative;
  color: rgba(0, 0, 0, 0)
}

.btn.loaded:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/local/templates/magnet_s1/less_compile/../img/preloader-white.svg');
  background-repeat: no-repeat;
  background-position: center center
}

.btn.in-basket {
  position: relative;
  color: #055ca7
}

.btn.in-basket::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/check.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1
}

.btn.in-basket::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 20px;
  margin: -10px 0 0 -15px;
  background-color: #055ca7;
  box-shadow: 0 0 5px 0 #055ca7;
  animation: check .2s 1 linear forwards;
  z-index: 2
}

.popup-loading {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: -1
}

.popup-loading svg {
  width: 80px;
  height: 80px;
  animation: rotate 2s infinite linear
}

.popup-loading svg circle {
  stroke: #fff
}

.message-errors,
.message-success {
  margin-bottom: 30px;
  padding: 19px 20px 20px;
  font-size: 0.875em;
  color: #eb5757;
  line-height: 1.2em;
  background-color: #feeeee;
  border: 1px solid #f5a3a3;
  border-radius: 3px;
  box-sizing: border-box
}

.message-success {
  color: #39b54a;
  background-color: #baffc3;
  border: 1px solid #48cd5b
}

body.btns-rectangular .btn,
body.btns-rectangular .banners .carousel .item .button,
body.btns-rectangular .counter,
body.btns-rectangular .filter .bx_filter_button_box input[type="submit"],
body.btns-rectangular .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-button-container .sale-order-list-button,
body.btns-rectangular .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-cancel-container .sale-order-list-cancel-link,
body.btns-rectangular .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-about-container .sale-order-list-about-link,
body.btns-rectangular .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-repeat-container .sale-order-list-repeat-link,
body.btns-rectangular .personal .personal-profile .main-profile-form-buttons-block .btn[name="reset"],
body.btns-rectangular .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-about-link,
body.btns-rectangular .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-repeat-link,
body.btns-rectangular .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount,
body.btns-rectangular .order-form .bx-soa .bx-soa-section .btn.pull-left,
body.btns-rectangular .lazy-load-container .lazy-load-btn {
  border-radius: 2px
}

body.titles-semibold h1,
body.titles-semibold h2,
body.titles-semibold h3,
body.titles-semibold h4,
body.titles-semibold h5,
body.titles-semibold h6,
body.titles-semibold .h1,
body.titles-semibold .h2,
body.titles-semibold .h3,
body.titles-semibold .h4,
body.titles-semibold .h5,
body.titles-semibold .h6,
body.titles-semibold .title {
  font-weight: 500 !important
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
  display: block
}

.owl-dots .owl-dot {
  display: inline-block
}

section .owl-nav .owl-prev,
.main-nav .owl-nav .owl-prev,
.products-carousel .owl-nav .owl-prev,
.promo-page .owl-nav .owl-prev,
section .owl-nav .owl-next,
.main-nav .owl-nav .owl-next,
.products-carousel .owl-nav .owl-next,
.promo-page .owl-nav .owl-next {
  margin-left: 10px
}

section .owl-nav .owl-prev.disabled,
.main-nav .owl-nav .owl-prev.disabled,
.products-carousel .owl-nav .owl-prev.disabled,
.promo-page .owl-nav .owl-prev.disabled,
section .owl-nav .owl-next.disabled,
.main-nav .owl-nav .owl-next.disabled,
.products-carousel .owl-nav .owl-next.disabled,
.promo-page .owl-nav .owl-next.disabled {
  opacity: 0.5
}

section .owl-nav .owl-prev.disabled .prev:hover,
.main-nav .owl-nav .owl-prev.disabled .prev:hover,
.products-carousel .owl-nav .owl-prev.disabled .prev:hover,
.promo-page .owl-nav .owl-prev.disabled .prev:hover,
section .owl-nav .owl-next.disabled .prev:hover,
.main-nav .owl-nav .owl-next.disabled .prev:hover,
.products-carousel .owl-nav .owl-next.disabled .prev:hover,
.promo-page .owl-nav .owl-next.disabled .prev:hover,
section .owl-nav .owl-prev.disabled .next:hover,
.main-nav .owl-nav .owl-prev.disabled .next:hover,
.products-carousel .owl-nav .owl-prev.disabled .next:hover,
.promo-page .owl-nav .owl-prev.disabled .next:hover,
section .owl-nav .owl-next.disabled .next:hover,
.main-nav .owl-nav .owl-next.disabled .next:hover,
.products-carousel .owl-nav .owl-next.disabled .next:hover,
.promo-page .owl-nav .owl-next.disabled .next:hover {
  color: inherit;
  background-color: #fff;
  cursor: default
}

section .owl-nav .prev,
.main-nav .owl-nav .prev,
.products-carousel .owl-nav .prev,
.promo-page .owl-nav .prev,
section .owl-nav .next,
.main-nav .owl-nav .next,
.products-carousel .owl-nav .next,
.promo-page .owl-nav .next {
  width: 42px;
  height: 42px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  transition: all .2s ease
}

section .owl-nav .prev:before,
.main-nav .owl-nav .prev:before,
.products-carousel .owl-nav .prev:before,
.promo-page .owl-nav .prev:before,
section .owl-nav .next:before,
.main-nav .owl-nav .next:before,
.products-carousel .owl-nav .next:before,
.promo-page .owl-nav .next:before {
  position: relative;
  font-size: 14px;
  line-height: 42px
}

section .owl-nav .prev:hover,
.main-nav .owl-nav .prev:hover,
.products-carousel .owl-nav .prev:hover,
.promo-page .owl-nav .prev:hover,
section .owl-nav .next:hover,
.main-nav .owl-nav .next:hover,
.products-carousel .owl-nav .next:hover,
.promo-page .owl-nav .next:hover {
  color: #fff;
  background-color: #055ca7
}

section .owl-nav .prev:before,
.main-nav .owl-nav .prev:before,
.products-carousel .owl-nav .prev:before,
.promo-page .owl-nav .prev:before {
  left: -1px;
  content: '\0047'
}

section .owl-nav .next:before,
.main-nav .owl-nav .next:before,
.products-carousel .owl-nav .next:before,
.promo-page .owl-nav .next:before {
  left: 1px;
  content: '\0048'
}

section .owl-nav.disabled,
.main-nav .owl-nav.disabled,
.products-carousel .owl-nav.disabled,
.promo-page .owl-nav.disabled {
  display: none
}

.tel-container .tel {
  display: inline-block;
  font-weight: 700
}

.tel-container .tel a {
  display: inline-block
}

.tel-container.has-content .tel {
  position: relative;
  transition: .3s ease-in-out;
}

.tel-container.has-content .tel>a:after {
  content: '';
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 5px;
  border: 3px solid transparent;
  border-top: 4px solid #000
}

.tel-container.has-content .tel .content {
  display: none;

}

.tel-container.has-content .tel:hover .content {
  position: absolute;
  display: block;
  width: 100%;
  padding-top: 11px;
  border-radius: 0 0 3px 3px;
  animation: telline .4s ease-in-out;
}


@keyframes telline {
  0% {
    position: absolute;
    display: block;
    transform: translateY(-30px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }

}

.tel::after {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 0%;
  background-color: #ffffff;
  border-radius: 20px;
  z-index: -1;
  transition: .3s ease-in-out;
}

.tel:hover:after {
  top: -10px;
  width: 120%;
  height: 450%;
  transition: .3s ease-in-out;
}

.tel-container.has-content .tel:hover {
  text-align: left;
  border-radius: 5px 5px 0 0;
  z-index: 10;
  transition: .3s ease-in-out;

}

.tel-container.has-content .tel:hover a {
  display: block
}

.tel-container.has-content .tel:hover>a {
  border-color: #e7e7e7
}



.tel-container.has-content .tel:hover .content a {
  padding-bottom: 11px;
  border-top: 1px solid #e7e7e7
}

header .top {
  margin-left: 3px;
  padding: 9px 0 8px;
  border-bottom: 1px solid #e7e7e7
}

header .top .container {
  display: flex
}

header .middle {
  padding: 11px 0 12px;
  border-bottom: 1px solid #e7e7e7
}

header .middle .container {
  display: flex;
  align-items: center
}

header .middle .container>div[id*="bx_incl"] {
  width: 100%;
  max-width: 500px
}

header .city {
  position: relative;
  margin-right: auto;
  font-size: 0.875em
}

header .city .current {
  color: #828282
}

header .city .current a {
  display: inline-block;
  margin-left: 3px;
  color: #055ca7
}

header .city .current:after {
  content: '';
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: 5px;
  border: 4px solid transparent;
  border-top: 4px solid #000
}

header .city .list {
  position: absolute;
  top: 100%;
  left: 65px;
  display: none;
  padding: 0;
  list-style: none;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 20
}

header .city .list li {
  margin-bottom: 0;
  padding-left: 0;
  line-height: 1em;
  white-space: nowrap
}

header .city .list li:not(:last-child) {
  border-bottom: 1px solid #e7e7e7
}

header .city .list li:before {
  content: none
}

header .city .list li a {
  display: block;
  padding: 13px;
  color: #2a2e39
}

header .city .list li:hover {
  background-color: #f5f5f5
}

header .city.open .list {
  display: block
}

header .address {
  font-size: 0.875em;
  margin-left: 140px
}

header .address:before {
  content: '\0041';
  margin-right: 6px;
  font-size: 11px
}

header .links .wishlist-link {
  margin-left: 18px;
  color: #2a2e39;
  white-space: nowrap
}

header .links .wishlist-link:before {
  content: '\0043';
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-size: 12px
}

header .links .wishlist-link:hover {
  color: #055ca7
}

header .slogan {
  width: 12.911%;
  margin-right: 1.9%;
  font-size: 0.875em;
  line-height: 1.2em;
  color: #aaa;
  flex-shrink: 0
}

header .basket-container {
  display: flex;
  min-width: 10.65%;
  width: auto;
  margin-left: 4.76%;
  flex-shrink: 0
}

header .basket-container .basket-container-items {
  display: flex
}

header .basket-container .basket-container-items>div[id*="bx_incl"] {
  display: flex
}

header .basket-container .basket-link {
  position: relative;
  width: 50px;
  height: 50px;
  font-size: 26px;
  text-align: center;
  background-color: #055ca7;
  border-radius: 50%;
  flex-shrink: 0;

}

header .basket-container .basket-link:before {
  /* content: '\0046'; */
  content: '';
  background: url('/bitrix/templates/magnet_s1/img/icons/icon-cart.svg') no-repeat center center;
  background-size: contain;
  width: 29px;
  height: 27px;
  position: relative;
  top: 10px;
  color: #fff
}

header .basket-container .basket-link .items-counter {
  position: absolute;
  top: -4px;
  right: -4px;
  display: block;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #eb5757;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #fff
}

header .basket-container .basket-text {
  margin: 6px 0 0 15px
}

header .basket-container .basket-text .name {
  font-size: 0.75em;
  color: #828282;
  line-height: 1.5em
}

header .basket-container .basket-text .sum {
  font-size: 0.875em;
  color: #282828;
  font-weight: 700;
  line-height: 1.5em;
  white-space: nowrap
}

header .content-menu,
header .content-mobile-menu {
  overflow: hidden
}

header .content-menu.content-mobile-menu,
header .content-mobile-menu.content-mobile-menu {
  padding-top: 8px
}

header .content-menu.calc,
header .content-mobile-menu.calc {
  overflow: visible
}

header .content-menu>ul,
header .content-mobile-menu>ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0
}

.content-menu .list .item:nth-last-child(1) {
  display: block;
  position: sticky;
  left: 100%;
}

header .content-menu>ul .item,
header .content-mobile-menu>ul .item {
  position: relative;
  margin: 0;
  padding: 0;

}

header .content-menu>ul .item:before,
header .content-mobile-menu>ul .item:before {
  content: none
}

header .content-menu>ul .item a,
header .content-mobile-menu>ul .item a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 600
}

header .content-menu>ul .item a:hover,
header .content-mobile-menu>ul .item a:hover,
header .content-menu>ul .item a:focus,
header .content-mobile-menu>ul .item a:focus {
  background: #055CA7
}

header .content-menu>ul .item.active>a,
header .content-mobile-menu>ul .item.active>a {
  box-shadow: inset 0 -2px 0 0 #055ca7
}

header .content-menu>ul .item:hover>.sub-menu,
header .content-mobile-menu>ul .item:hover>.sub-menu {
  display: block;
  z-index: 140;

}

header .content-menu>ul .item .sub-menu,
header .content-mobile-menu>ul .item .sub-menu {
  min-width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0px 10px 24px -3px rgba(0, 0, 0, 0.12);
  z-index: 50
}

header .content-menu>ul .item .sub-menu .item,
header .content-mobile-menu>ul .item .sub-menu .item {
  margin-right: 0;
  padding-bottom: 0;
  border-top: 1px solid #eff1f7
}

header .content-menu>ul .item .sub-menu .item a,
header .content-mobile-menu>ul .item .sub-menu .item a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: #2A2E39;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  box-sizing: border-box
}

header .content-menu>ul .item .sub-menu .item a:hover,
header .content-mobile-menu>ul .item .sub-menu .item a:hover,
header .content-menu>ul .item .sub-menu .item a:focus,
header .content-mobile-menu>ul .item .sub-menu .item a:focus {
  background: #055CA7
}

header .content-menu>ul .item .sub-menu .sub-menu,
header .content-mobile-menu>ul .item .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  box-shadow: 0px 0px 24px -3px rgba(0, 0, 0, 0.12)
}

header .content-menu>ul .item .sub-menu .sub-menu .item:first-child,
header .content-mobile-menu>ul .item .sub-menu .sub-menu .item:first-child {
  border-top: none
}

header .content-menu>ul .item.more .sub-menu,
header .content-mobile-menu>ul .item.more .sub-menu {
  left: initial;
  right: 0
}

header .content-mobile-menu>ul .item a {
  padding-top: 8px
}

header.type2 .top>.container {
  align-items: center
}

header.type2 .middle .container>div[id*="bx_incl"] {
  max-width: none
}

header.type2 .city {
  margin-right: 32px
}

header.type2 .tel-container {
  margin-left: auto
}

header.type2 .tel-container .tel {
  font-size: 0.875em;
  line-height: 1.5em
}

header.type2 .tel-container .call-me {
  margin-left: 29px
}

header.type2 .tel-container.open .tel {
  top: -9px;
  left: 14px
}

header.type2 .links {
  margin-left: 3%
}

header.type2 .slogan {
  width: 11.02%
}

header.type2 .content-menu {
  width: 60%
}

header.type2 .content-menu>ul {
  font-size: 1em;
  letter-spacing: 0.0045em
}

header.type2 .content-menu>ul>.item {
  padding-bottom: 0
}

header.type2 .content-menu>ul>.item:not(:last-child) {
  margin-right: 30px
}

header.type2 .content-menu>ul>.item a {
  font-weight: 700
}

header.type2 .content-menu>ul>.item .sub-menu {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

header.type2 .content-menu>ul>.item .sub-menu .item:first-child {
  border-top: none
}

header.type2 .content-menu>ul>.item .sub-menu .item a {
  font-weight: 400
}

header.type2 .content-menu>ul>.item.active>a {
  color: #055ca7;
  box-shadow: none
}

header.type2 .basket-container {
  width: auto;
  margin: 0 1.5% 0 auto;
  padding-left: 25px
}

header.type2 .search {
  max-width: 100%;
  padding: 16px 0
}

header.type2 .header-catalog-menu {
  align-self: center
}

header.type2 .header-catalog-menu .list {
  margin-top: 6px
}

header.type2 .header-mobile-menus {
  border-top: 1px solid #e7e7e7
}

header.type2 .middle .tel-container .call-me {
  position: relative;
  top: -10px
}

header.type3 .bottom .container>div[id*="bx_incl"] {
  width: calc(100% - (300px + 1.6%))
}

header.type3 .bottom .container>div[id*="bx_incl"] .content-menu {
  width: 100%
}

header.type3 .content-menu {
  width: calc(100% - (300px + 1.6%))
}

header.type4 .top .container>div[id*="bx_incl"] {
  max-width: 50%;
  margin-right: auto
}

header.type4 .top .container>div[id*="bx_incl"] .content-menu {
  max-width: 100%
}

header.type4 .middle {
  border-bottom: none
}

header.type4 .bottom {
  padding: 0;
  background-color: #282828
}

header.type4 .bottom .container {
  display: flex;
  overflow: hidden
}

header.type4 .bottom .container.done {
  overflow: visible
}

header.type4 .bottom .container>div[id*="bx_incl"] {
  display: flex;
  max-width: 100%
}

header.type4 .city {
  flex-shrink: 0;
  margin-right: 2.8%
}

header.type4 .address {
  flex-shrink: 0;
  margin-left: 10px
}

header.type4 .links {
  flex-shrink: 0;
  margin-left: 2.5%
}

header.type4 .slogan {
  width: 10.55%;
  margin-right: 0
}

header.type4 .content-menu {
  max-width: 50%;
  margin-right: auto;
  padding-top: 0
}

header.type4 .content-menu>ul .item a {
  padding-bottom: 0
}

header.type4 .content-menu>ul .item .sub-menu.level2 {
  padding-top: 8px
}

header.type4 .content-menu>ul .item.active>a {
  color: #055ca7;
  box-shadow: none
}

header.type4 .inline-menu {
  width: calc(100% - 78px);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden
}

header.type4 .inline-menu.calc {
  width: auto;
  overflow: visible
}

header.type4 .inline-menu .list {
  display: flex
}

header.type4 .inline-menu .item {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  line-height: 1.25em;
  border-right: 1px solid rgba(255, 255, 255, 0.1)
}

header.type4 .inline-menu .item::before {
  content: none
}

header.type4 .inline-menu .item a {
  display: inline-block;
  padding: 15px 21px 15px 19px;
  color: #fff;
  white-space: nowrap
}

header.type4 .inline-menu .item a:hover {
  background-color: rgba(255, 255, 255, 0.1)
}

header.type4 .inline-menu .item.has-sub::after {
  content: '';
  position: absolute;
  top: 23px;
  right: 20px;
  display: block;
  border: 3px solid transparent;
  border-top: 4px solid #fff
}

header.type4 .inline-menu .item.has-sub>a {
  padding-right: 46px
}

header.type4 .inline-menu .item.has-sub .sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 30
}

header.type4 .inline-menu .item.has-sub .sub .item {
  display: block;
  padding-left: 0;
  line-height: 1em
}

header.type4 .inline-menu .item.has-sub .sub .item:not(:last-child) {
  border-bottom: 1px solid #e7e7e7
}

header.type4 .inline-menu .item.has-sub .sub .item::before {
  content: none
}

header.type4 .inline-menu .item.has-sub .sub .item a {
  width: 100%;
  color: #2a2e39;
  box-sizing: border-box
}

header.type4 .inline-menu .item.has-sub .sub .item a:hover {
  color: #055ca7;
  background-color: transparent
}

header.type4 .inline-menu .item.has-sub .sub .item.active>a {
  color: #055ca7
}

header.type4 .inline-menu .item.has-sub:hover .sub {
  display: block
}

header.type4 .inline-menu .item.has-sub:hover .sub .sub {
  display: none
}

header.type4 .inline-menu .item.sale::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 17px;
  width: 18px;
  height: 18px;
  background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/percent.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
  border-radius: 0
}

header.type4 .inline-menu .item.sale a {
  padding-left: 41px
}

header.type4 .inline-menu .item.more::after {
  content: none
}

header.type4 .inline-menu .item.more>a {
  height: 100%;
  padding: 9px 18px 9px 17px;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.025em;
  box-sizing: border-box
}

header.type4 .inline-menu .item.more .sub {
  left: inherit;
  right: 0
}

header.type4 .inline-menu .item.active>a {
  background-color: rgba(255, 255, 255, 0.1)
}

header.type4 .inline-search {
  position: relative;
  flex-shrink: 0;
  padding-right: 20px;
  background-color: #282828
}

header.type4 .inline-search .search-icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  margin: 16px 20px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 15px;
  transition: all .2s ease-in-out
}

header.type4 .inline-search .search-icon::before,
header.type4 .inline-search .search-icon::after {
  content: '';
  position: absolute;
  top: 11px;
  right: -2px;
  display: block;
  width: 2px;
  height: 9px;
  background-color: #fff;
  transform: rotate(-45deg);
  transition: all .2s ease-in-out
}

header.type4 .inline-search .search {
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 100%;
  padding: 15px 0;
  background-color: #282828;
  overflow: hidden;
  transition: width .2s ease;
  box-sizing: border-box;
  z-index: 9
}

header.type4 .inline-search .search form {
  position: relative;
  display: flex;
  width: auto;
  height: auto;
  padding: 0 10px 0 40px;
  font-size: 1em;
  background-color: transparent;
  border-radius: 0
}

header.type4 .inline-search .search form::before {
  content: '\0045';
  position: absolute;
  top: 2px;
  left: 15px;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 16px;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

header.type4 .inline-search .search input {
  width: 100%;
  height: 21px;
  padding: 0;
  color: #fff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff
}

header.type4 .inline-search .search input::-webkit-input-placeholder,
header.type4 .inline-search .search input::-moz-placeholder,
header.type4 .inline-search .search input:-ms-input-placeholder,
header.type4 .inline-search .search input:-moz-placeholder,
header.type4 .inline-search .search input::placeholder {
  color: transparent
}

header.type4 .inline-search .search button {
  display: none
}

header.type4 .inline-search.open .search {
  width: 295px;
  border-left: 1px solid rgba(255, 255, 255, 0.1)
}

header.type4 .inline-search.open .search-icon::before,
header.type4 .inline-search.open .search-icon::after {
  top: 2px;
  right: 6px;
  height: 10px
}

header.type4 .inline-search.open .search-icon::after {
  transform: rotate(45deg)
}

.enabled-locations header .address {
  margin-right: 0
}

.enabled-locations header .links {
  margin-left: 6.5%
}

.search {
  width: 100%;
  max-width: 500px
}

.search form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 46px;
  font-size: 0.875em;
  background-color: #f5f5f5;
  border-radius: 25px
}

.search form input {
  width: 81.5%;
  height: 100%;
  padding: 0 5px 0 18px;
  background-color: transparent;
  border: none;
  box-sizing: border-box
}

.search form input::-webkit-input-placeholder,
.search form input::-moz-placeholder,
.search form input:-ms-input-placeholder,
.search form input:-moz-placeholder {
  color: #828282
}

.search form input:-webkit-autofill,
.search form input:-webkit-autofill:hover,
.search form input:-webkit-autofill:focus {
  border-radius: 25px;
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0.04) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0.03) 100%);
  box-shadow: inset 0 0 0px 1000px #f5f5f5
}

.search form button {
  width: auto;
  height: 40px;
  min-width: 40px;
  margin: 0 3px 0 auto;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 30px;
  border: none;
  text-align: center;
  line-height: 1.15em;
  flex-shrink: 0;
  box-sizing: border-box;
  cursor: pointer
}

.search form button:before {
  content: '\0045';
  font-size: 14px
}

.search form button span {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 0;
  font-size: 14px;
  padding-left: 0;
  overflow: hidden;
  transition: width .4s ease, padding-left .1s ease .3s
}

.search form button:hover span {
  width: 45px;
  padding-left: 5px;
  transition: width .4s ease, padding-left .1s ease
}

.search form button:hover:focus {
  box-shadow: none
}

.search form button:focus {
  box-shadow: 0 0 2px 2px #b0caf1
}

.search form button:focus span {
  width: 45px;
  padding-left: 5px;
  transition: width .4s ease, padding-left .1s ease
}

.search-page {
  display: flex;
  align-items: center;
  margin: 35px 0 26px 0;
  padding: 24px 24px;
  background-color: #FFFFFF
}

.search-page .empty-result {
  margin-left: 33px;
  font-size: 0.9em;
  color: #828282
}

.search-page .search-language-guess {
  margin-top: 10px;
  margin-left: 20px;
  font-size: 0.8em;
  color: #828282
}

#fly-basket-container-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5
}

#fly-basket-container-overlay.open {
  display: block;
  z-index: 1000
}

.fly-basket-container {
  position: fixed;
  top: 314px;
  right: -800px;
  width: 800px;
  transition: right .2s ease;
  z-index: 50
}

.fly-basket-container.open {
  right: 0;
  z-index: 1001
}

.fly-basket-container.open .basket-link {
  box-shadow: none
}

.fly-basket-container.open .basket-list {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.fly-basket-container .basket-link {
  position: absolute;
  top: 0;
  left: -64px;
  display: block;
  width: 64px;
  height: 64px;
  background-color: #055ca7;
  border-radius: 4px 0 0 4px;
  box-shadow: -2px 0 8px -2px #424242
}

.fly-basket-container .basket-link::before {
  content: '\0046';
  position: absolute;
  top: 13px;
  left: 12px;
  width: 38px;
  height: 38px;
  font-size: 38px;
  color: #fff
}

.fly-basket-container .basket-link .items-counter {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  line-height: 19px;
  color: #fff;
  text-align: center;
  background-color: #eb5757;
  border-radius: 50%;
  box-sizing: border-box
}

.fly-basket-container .basket-list {
  width: 100%;
  background-color: #fff
}

.fly-basket-container .basket-list .basket-list-content {
  padding: 30px 2px 0 30px
}

.fly-basket-container .basket-list .basket-list-content .basket-list-header {
  display: flex;
  padding-right: 38px
}

.fly-basket-container .basket-list .basket-list-content .basket-list-header .title {
  margin: 0
}

.fly-basket-container .basket-list .basket-list-content .basket-list-header .clear-basket {
  margin-left: auto;
  font-size: 0.9em;
  color: #828282
}

.fly-basket-container .basket-list .basket-list-content .basket-list-header .clear-basket:before {
  content: "";
  background: url('/local/templates/magnet_s1/less_compile/../img/icons/icon-close-basket-popup.svg') no-repeat;
  background-size: 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px
}

.fly-basket-container .basket-list .basket-list-content table {
  width: 100%;
  border: none;
  border-collapse: collapse
}

.fly-basket-container .basket-list .basket-list-content table td,
.fly-basket-container .basket-list .basket-list-content table th {
  font-size: 0.9em;
  font-weight: normal;
  vertical-align: middle
}

.fly-basket-container .basket-list .basket-list-content table thead th {
  padding-bottom: 12px;
  color: #828282;
  text-align: left;
  border-bottom: 1px solid #e7e7e7
}

.fly-basket-container .basket-list .basket-list-content table tbody td {
  padding: 10px 20px 10px 0;
  color: #282828;
  border-bottom: 1px solid #e7e7e7
}

.fly-basket-container .basket-list .basket-list-content table tbody td.picture {
  width: 60px
}

.fly-basket-container .basket-list .basket-list-content table tbody td.picture a {
  display: flex;
  justify-content: center;
  align-items: center
}

.fly-basket-container .basket-list .basket-list-content table tbody td.picture img {
  max-width: 100%;
  max-height: 100%
}

.fly-basket-container .basket-list .basket-list-content table tbody td.name {
  width: 40%
}

.fly-basket-container .basket-list .basket-list-content table tbody td.price,
.fly-basket-container .basket-list .basket-list-content table tbody td.sum {
  font-size: 1em;
  font-weight: 500;
  white-space: nowrap
}

.fly-basket-container .basket-list .basket-list-content table tbody td.price .old,
.fly-basket-container .basket-list .basket-list-content table tbody td.sum .old {
  font-size: 0.8em;
  color: #828282;
  font-weight: normal;
  text-decoration: line-through
}

.fly-basket-container .basket-list .basket-list-content table tbody td.delete {
  width: 12px
}

.fly-basket-container .basket-list .basket-list-content table tbody td.delete a {
  display: block;
  background: url('/local/templates/magnet_s1/less_compile/../img/icons/icon-fly-basket-delete.svg') no-repeat;
  width: 12px;
  height: 12px
}

.fly-basket-container .basket-list .basket-list-content table tbody td.delete a:hover {
  opacity: 0.8
}

.fly-basket-container .basket-list .basket-list-content table tbody tr:last-child td {
  border-bottom: none
}

.fly-basket-container .basket-list .basket-list-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 40px 24px 30px;
  background: #f5f5f5 linear-gradient(180deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%)
}

.fly-basket-container .basket-list .basket-list-footer .total-price {
  color: #282828;
  font-weight: 500
}

.fly-basket-container .basket-list .basket-list-footer .total-price span {
  display: inline-block;
  margin-left: 10px
}

.fly-basket-container .basket-list .basket-list-footer .right .btn {
  text-align: center
}

.fly-basket-container .basket-list .basket-list-footer .right .btn.transparent {
  margin-right: 12px;
  padding: 8px 25px;
  color: #055ca7;
  border: 2px solid #055ca7
}

.fly-basket-container .basket-list .basket-list-footer .right .btn.transparent:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.fly-basket-container .basket-list .tabs-container .tabs {
  display: inline-flex;
  margin: 0 auto;
  border-bottom: 1px solid #e7e7e7
}

.fly-basket-container .basket-list .tabs-container .tabs .tab {
  position: relative;
  display: inline-block;
  padding: 0 20px 16px;
  font-size: 0.8125em;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase
}

.fly-basket-container .basket-list .tabs-container .tabs .tab:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.fly-basket-container .basket-list .tabs-container .tabs .tab:hover:after {
  left: 0;
  width: 100%
}

.fly-basket-container .basket-list .tabs-container .tabs .tab.active {
  color: #2a2e39
}

.fly-basket-container .basket-list .tabs-container .tabs .tab.active:after {
  left: 0;
  width: 100%
}

.fly-basket-container .basket-list .tabs-container .tabs .tab span {
  color: #828282
}

.fly-basket-container .basket-list .tabs-content {
  margin-top: 20px
}

.fly-basket-container .basket-list .tab-content {
  display: none
}

.fly-basket-container .basket-list .tab-content.scrollbar-inner {
  max-height: 250px;
  padding: 0 13px 10px 0;
  overflow-x: hidden;
  overflow-y: auto
}

.fly-basket-container .basket-list .tab-content.active {
  display: block
}

.fly-basket-container .basket-list .basket-list-empty {
  display: flex;
  padding: 30px 0 40px
}

.fly-basket-container .basket-list .basket-list-empty::before {
  content: "";
  width: 70px;
  height: 70px;
  margin-right: 20px;
  background: url('/local/templates/magnet_s1/less_compile/../img/icons/icon-empty-fly-basket.svg') no-repeat
}

.fly-basket-container .basket-list .basket-list-empty .title {
  margin: 0 0 8px 0
}

.fly-basket-container .basket-list .basket-list-empty .message {
  margin-bottom: 30px
}

footer {
  flex: 0 0 auto
}

.catalog-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 150px;
  height: 100%;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  z-index: 50
}

.catalog-menu .content {
  position: absolute;
  width: 150px;
  transition: width .2s ease, box-shadow .05s ease .15s;
  height: auto;
  max-height: 100%;
  box-sizing: border-box
}

.catalog-menu nav {
  position: relative;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 74px;
  background-color: #fff;
  box-sizing: border-box;
  max-height: 100%
}

.catalog-menu nav .head {
  position: relative;
  height: 23px;
  margin: 0 0 20px 41px;
  flex-shrink: 0
}

.catalog-menu nav .head .burger-button {
  position: absolute;
  left: 0;
  display: block;
  width: 20px;
  height: 14px;
  margin-left: 20px;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer
}

.catalog-menu nav .head .burger-button span {
  position: absolute;
  left: 2px;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #055ca7;
  opacity: 1;
  transform: rotate(0deg);
  transition: .25s ease-in-out
}

.catalog-menu nav .head .burger-button span:nth-child(1) {
  top: 0px
}

.catalog-menu nav .head .burger-button span:nth-child(2) {
  top: 5px
}

.catalog-menu nav .head .burger-button span:nth-child(3) {
  top: 10px
}

.catalog-menu nav .head .burger-button.open span:nth-child(1) {
  top: 5px;
  transform: rotate(135deg)
}

.catalog-menu nav .head .burger-button.open span:nth-child(2) {
  left: 0px;
  opacity: 0
}

.catalog-menu nav .head .burger-button.open span:nth-child(3) {
  top: 5px;
  transform: rotate(-135deg)
}

.catalog-menu nav .head .title {
  display: inline-block;
  width: 0;
  margin-top: -6px;
  padding-left: 87px;
  font-size: 1.125em;
  font-weight: 700;
  overflow: hidden;
  transition: width .2s ease;
  box-sizing: border-box
}

.catalog-menu nav .head .title a {
  color: #2a2e39
}

.catalog-menu nav .head .title a:hover {
  color: #055ca7
}

.catalog-menu nav .scroll {
  height: 100%;
  position: relative
}

.catalog-menu nav .list {
  height: 100%;
  background-color: #fff;
  overflow-y: hidden
}

.catalog-menu nav .list .item {
  height: 66px;
  margin: 0 0 0 3px;
  padding: 0 0 14px
}

.catalog-menu nav .list .item:before {
  content: none
}

.catalog-menu nav .list .item:last-child {
  padding-bottom: 14px
}

.catalog-menu nav .list .item>a {
  display: flex;
  align-items: center;
  width: 125px;
  height: 100%;
  padding-left: 41px;
  overflow: hidden;
  transition: width .15s ease;
  box-sizing: border-box
}

.catalog-menu nav .list .item>a .img {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  transition: transform .15s ease
}

.catalog-menu nav .list .item>a .img img {
  max-width: 60px;
  max-height: 60px
}

.catalog-menu nav .list .item>a .text {
  display: inline-block;
  margin-left: 5px;
  min-width: 224px;
  color: #2a2e39;
  font-size: 0.875em;
  font-weight: 700;
  transition: all .2s ease;
  overflow: hidden
}

.catalog-menu nav .list .item>a:hover .img {
  transform: scale(1.1)
}

.catalog-menu nav .list .item>a:hover .text {
  color: #055ca7
}

.catalog-menu nav .sub {
  display: none
}

.catalog-menu.open-on-hover .content:hover {
  width: 352px;
  max-height: none;
  border-right: none;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  transition: width .2s ease
}

.catalog-menu.open-on-hover .content:hover nav .head .burger-button {
  cursor: default
}

.catalog-menu.open-on-hover .content:hover nav .head .burger-button span:nth-child(1) {
  top: 5px;
  transform: rotate(135deg)
}

.catalog-menu.open-on-hover .content:hover nav .head .burger-button span:nth-child(2) {
  left: 0px;
  opacity: 0
}

.catalog-menu.open-on-hover .content:hover nav .head .burger-button span:nth-child(3) {
  top: 5px;
  transform: rotate(-135deg)
}

.catalog-menu.open:not(.open-on-hover) nav .head .title,
.catalog-menu.open-on-hover .content:hover nav .head .title {
  width: 100%
}

.catalog-menu.open:not(.open-on-hover) nav .list,
.catalog-menu.open-on-hover .content:hover nav .list {
  box-shadow: 7px 15px 12px 0 rgba(0, 0, 0, 0.12)
}

.catalog-menu.open:not(.open-on-hover) nav .list .item>a,
.catalog-menu.open-on-hover .content:hover nav .list .item>a {
  width: 100%
}

.catalog-menu.open:not(.open-on-hover) nav .list .item>a .text,
.catalog-menu.open-on-hover .content:hover nav .list .item>a .text {
  width: 100%
}

.catalog-menu.open:not(.open-on-hover) nav .list .item.open>a,
.catalog-menu.open-on-hover .content:hover nav .list .item.open>a {
  box-shadow: -3px 0 0 0 #055ca7
}

.catalog-menu.open:not(.open-on-hover) nav .list .item.open>a .img,
.catalog-menu.open-on-hover .content:hover nav .list .item.open>a .img {
  transform: none
}

.catalog-menu.open:not(.open-on-hover) nav .list .item.open .sub,
.catalog-menu.open-on-hover .content:hover nav .list .item.open .sub {
  display: flex;
  flex-direction: column
}

.catalog-menu.open:not(.open-on-hover) nav .sub,
.catalog-menu.open-on-hover .content:hover nav .sub {
  position: fixed;
  top: 0;
  left: 352px;
  display: none;
  width: 680px;
  max-height: 100%;
  padding: 68px 0 60px;
  background-color: #fff;
  border-left: 1px solid #e7e7e7;
  box-shadow: 8px 15px 12px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  height: 100%
}

.catalog-menu.open:not(.open-on-hover) nav .sub .scrollbar-inner,
.catalog-menu.open-on-hover .content:hover nav .sub .scrollbar-inner {
  min-height: 100px;
  height: 100%
}

.catalog-menu.open:not(.open-on-hover) nav .sub .title,
.catalog-menu.open-on-hover .content:hover nav .sub .title {
  padding: 0 43px;
  font-size: 1.125em;
  font-weight: 700
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items,
.catalog-menu.open-on-hover .content:hover nav .sub .items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 29px;
  padding: 0 44px;
  overflow: auto !important
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .mCustomScrollBox,
.catalog-menu.open-on-hover .content:hover nav .sub .items .mCustomScrollBox {
  width: 100%
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .mCSB_container,
.catalog-menu.open-on-hover .content:hover nav .sub .items .mCSB_container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item {
  display: inline-block;
  width: 47.5%;
  height: auto;
  margin: 0 0 12px;
  padding: 0
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item:not(:nth-child(2n)),
.catalog-menu.open-on-hover .content:hover nav .sub .items .item:not(:nth-child(2n)) {
  margin-right: 4.5%
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item:before,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item:before {
  content: none
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item a,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item a {
  display: flex;
  align-items: center;
  padding: 0 25px 0 0;
  color: #2a2e39
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item a .img,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item a .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 23px
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item a .img img,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item a .img img {
  max-width: 60px;
  max-height: 60px
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item a .text,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item a .text {
  min-width: auto;
  margin-left: 0;
  font-size: 0.875em;
  font-weight: 400;
  overflow: visible
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item a:hover,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item a:hover {
  color: #055ca7
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item a:hover .img,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item a:hover .img {
  transform: none
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item:hover>a,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item:hover>a {
  box-shadow: none
}

.catalog-menu.open:not(.open-on-hover) nav .sub .items .item.back,
.catalog-menu.open-on-hover .content:hover nav .sub .items .item.back {
  display: none
}

.catalog-menu.open:not(.open-on-hover) nav .sub .banner,
.catalog-menu.open-on-hover .content:hover nav .sub .banner {
  margin: auto 0 -60px;
  max-height: 367px;
  padding-top: 10px
}

.catalog-menu.open:not(.open-on-hover) nav .sub .banner a,
.catalog-menu.open-on-hover .content:hover nav .sub .banner a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0
}

.catalog-menu.open:not(.open-on-hover) nav .sub.show,
.catalog-menu.open-on-hover .content:hover nav .sub.show {
  display: block
}

.sidebar-type1 .catalog-menu.open:not(.open-on-hover) .content {
  width: 352px;
  max-height: auto;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  transition: width .2s ease
}

.sidebar-type1 .fixed-product-header {
  padding-left: 146px
}

.sidebar-type2 .catalog-menu {
  width: 300px
}

.sidebar-type2 .catalog-menu .content {
  width: 300px;
  border-right: 1px solid #e7e7e7;
  box-shadow: none;
  box-sizing: border-box
}

.sidebar-type2 .catalog-menu nav {
  padding: 21px 0
}

.sidebar-type2 .catalog-menu nav .head {
  height: auto;
  margin: 0
}

.sidebar-type2 .catalog-menu nav .head .title {
  width: auto;
  margin: 0 0 10px;
  padding: 0 23px
}

.sidebar-type2 .catalog-menu nav .list .item>a {
  width: auto;
  padding: 0 10px
}

.sidebar-type2 .catalog-menu nav .list .item>a .text {
  min-width: auto
}

.sidebar-type2 .catalog-menu.open:not(.open-on-hover) nav .list,
.sidebar-type2 .catalog-menu.open-on-hover .content:hover nav .list {
  box-shadow: none
}

.sidebar-type2 .catalog-menu.open:not(.open-on-hover) nav .sub,
.sidebar-type2 .catalog-menu.open-on-hover .content:hover nav .sub {
  left: 300px;
  padding-top: 25px;
  border-left: none
}

.sidebar-type2 .fixed-product-header {
  padding-left: 300px
}

.sidebar-type3 .catalog-menu {
  width: 300px
}

.sidebar-type3 .catalog-menu .content {
  width: 299px;
  height: 100%
}

.sidebar-type3 .catalog-menu nav {
  height: 100%;
  padding: 21px 0
}

.sidebar-type3 .catalog-menu nav .head {
  height: auto;
  margin: 10px 24px 17px
}

.sidebar-type3 .catalog-menu nav .head .title {
  width: auto;
  margin-top: 0;
  padding-left: 0
}

.sidebar-type3 .catalog-menu nav .list .item {
  height: auto
}

.sidebar-type3 .catalog-menu nav .list .item>a {
  position: relative;
  width: auto;
  margin: 0 21px;
  padding: 13px 0 11px;
  border-top: 1px solid #e7e7e7;
  box-sizing: border-box
}

.sidebar-type3 .catalog-menu nav .list .item>a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1px;
  display: block;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 3px solid #424242
}

.sidebar-type3 .catalog-menu nav .list .item>a .text {
  min-width: auto;
  margin-left: 0;
  padding-right: 10px
}

.sidebar-type3 .catalog-menu nav .list .item:not(:last-child) {
  padding-bottom: 0
}

.sidebar-type3 .catalog-menu nav .list .item:last-child {
  padding-bottom: 0
}

.sidebar-type3 .catalog-menu nav .list .item:last-child>a {
  border-bottom: 1px solid #e7e7e7
}

.sidebar-type3 .catalog-menu nav .list .item.open {
  box-shadow: -3px 0 0 0 #055ca7
}

.sidebar-type3 .catalog-menu nav .list .item.open>a {
  box-shadow: none
}

.sidebar-type3 .catalog-menu nav .list .item.open>a:after {
  border-left: 3px solid #055ca7
}

.sidebar-type3 .catalog-menu nav .sub {
  height: 100%
}

.sidebar-type3 .catalog-menu nav .sub .items .item>a {
  margin: 0;
  border-top: none
}

.sidebar-type3 .catalog-menu nav .sub .items .item>a::after {
  content: none
}

.sidebar-type3 .catalog-menu nav .sub .items .item:last-child>a {
  border-bottom: none
}

.sidebar-type3 .catalog-menu.open:not(.open-on-hover) nav .list,
.sidebar-type3 .catalog-menu.open-on-hover .content:hover nav .list {
  box-shadow: none
}

.sidebar-type3 .catalog-menu.open:not(.open-on-hover) nav .list .item a,
.sidebar-type3 .catalog-menu.open-on-hover .content:hover nav .list .item a {
  width: auto
}

.sidebar-type3 .catalog-menu.open:not(.open-on-hover) nav .list .item.open a,
.sidebar-type3 .catalog-menu.open-on-hover .content:hover nav .list .item.open a {
  box-shadow: none
}

.sidebar-type3 .catalog-menu.open:not(.open-on-hover) nav .sub,
.sidebar-type3 .catalog-menu.open-on-hover .content:hover nav .sub {
  left: 300px;
  padding-top: 32px
}

.sidebar-type3 .fixed-product-header {
  padding-left: 300px
}

.sidebar-type5 .catalog-menu {
  width: 88px
}

.sidebar-type5 .catalog-menu .content {
  width: 88px;
  height: 100%;
  box-shadow: none;
  box-sizing: border-box
}

.sidebar-type5 .catalog-menu .content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 87px;
  display: block;
  width: 1px;
  height: calc(100% + 49px);
  background-color: #e7e7e7
}

.sidebar-type5 .catalog-menu .content .title {
  padding-left: 95px
}

.sidebar-type5 .catalog-menu .content:hover {
  box-shadow: none
}

.sidebar-type5 .catalog-menu nav {
  padding-bottom: 5px
}

.sidebar-type5 .catalog-menu nav .head {
  height: auto;
  margin: 0 0 21px 13px
}

.sidebar-type5 .catalog-menu nav .scroll {
  height: 100%;
  max-height: none
}

.sidebar-type5 .catalog-menu nav .list .item {
  height: 30px
}

.sidebar-type5 .catalog-menu nav .list .item>a {
  width: 58px;
  padding-left: 26px
}

.sidebar-type5 .catalog-menu nav .list .item>a .img {
  width: 30px;
  height: 30px;
  min-width: 30px
}

.sidebar-type5 .catalog-menu nav .list .item>a .img img {
  max-width: 30px;
  max-height: 30px
}

.sidebar-type5 .catalog-menu nav .list .item>a .text {
  margin-left: 49px
}

.sidebar-type5 .catalog-menu nav .list .item>a:hover .img {
  transform: none
}

.sidebar-type5 .catalog-menu nav .list .item.open>a {
  box-shadow: -3px 0 0 0 #055ca7
}

.sidebar-type5 .catalog-menu nav .sub .item>a {
  width: 125px;
  padding-left: 41px
}

.sidebar-type5 .catalog-menu nav .sub .item>a .img {
  width: 60px;
  height: 60px;
  min-width: 60px
}

.sidebar-type5 .catalog-menu.open .content {
  width: 352px;
  border-right: 1px solid #e7e7e7
}

.sidebar-type5 .catalog-menu.open nav .list>.item>a {
  width: 100%
}

.sidebar-type5 .catalog-menu.open nav .sub {
  left: 352px;
  border-left: none
}

.sidebar-type5 .catalog-menu.open-on-hover .content:hover {
  width: 352px;
  border-right: 1px solid #e7e7e7
}

.sidebar-type5 .catalog-menu.open-on-hover .content:hover nav .list>.item>a {
  width: 100%
}

.sidebar-type5 .catalog-menu.open-on-hover .content:hover nav .sub {
  left: 352px;
  border-left: none
}

.sidebar-type5 .fixed-product-header {
  padding-left: 88px
}

.catalog-menu .sub.mega .sub-columns,
.header-catalog-menu .list>.item .sub.mega .sub-columns {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  padding: 20px 10px 20px 43px;
  margin-top: 15px;
  height: 100%
}

.catalog-menu .sub.mega .sub-columns .column,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column {
  width: 100%;
  margin-right: 2%;
  margin-bottom: 30px;
  flex-shrink: 0;
  box-sizing: border-box;
  min-width: 250px;
  max-width: 23%
}

.catalog-menu .sub.mega .sub-columns .column .column-title,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-title {
  display: flex;
  align-items: center
}

.catalog-menu .sub.mega .sub-columns .column .column-title>a,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-title>a {
  color: #424242;
  text-decoration: none;
  display: block;
  font-size: 0.875em;
  font-weight: 700
}

.catalog-menu .sub.mega .sub-columns .column .column-title>a:hover,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-title>a:hover {
  color: #055ca7
}

.catalog-menu .sub.mega .sub-columns .column .column-title .img,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-title .img {
  width: 50px;
  height: 50px;
  display: flex;
  flex-shrink: 0;
  margin-right: 15px;
  justify-content: center;
  align-items: center
}

.catalog-menu .sub.mega .sub-columns .column .column-title .img img,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-title .img img {
  max-width: 100%;
  max-height: 100%
}

.catalog-menu .sub.mega .sub-columns .column .column-sub-list,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-sub-list {
  margin-top: 10px
}

.catalog-menu .sub.mega .sub-columns .column .column-sub-list.has-img,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-sub-list.has-img {
  padding-left: 65px
}

.catalog-menu .sub.mega .sub-columns .column .column-sub-list>a,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-sub-list>a {
  display: block;
  font-size: 0.85em;
  line-height: 1.4em;
  color: #828282;
  padding: 3px 0;
  text-decoration: none
}

.catalog-menu .sub.mega .sub-columns .column .column-sub-list>a:hover,
.header-catalog-menu .list>.item .sub.mega .sub-columns .column .column-sub-list>a:hover {
  color: #055ca7
}

.catalog-menu.open:not(.open-on-hover) nav .sub.mega,
.header-catalog-menu .list>.item.open:not(.open-on-hover) nav .sub.mega,
.catalog-menu.open-on-hover .content:hover nav .sub.mega,
.header-catalog-menu .list>.item.open-on-hover .content:hover nav .sub.mega {
  width: calc(100% - 352px);
  min-width: 352px;
  max-width: 1000px
}

.catalog-menu.open:not(.open-on-hover) nav .sub.mega .banner,
.header-catalog-menu .list>.item.open:not(.open-on-hover) nav .sub.mega .banner,
.catalog-menu.open-on-hover .content:hover nav .sub.mega .banner,
.header-catalog-menu .list>.item.open-on-hover .content:hover nav .sub.mega .banner {
  flex-shrink: 0;
  margin-top: 15px;
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top
}

.header-catalog-menu .list>.item .sub.mega {
  width: calc(100vw - 350px);
  max-width: 1000px
}

.header-catalog-menu {
  position: relative;
  align-self: flex-start;
  margin-right: 1.6%
}

.header-catalog-menu .head {
  position: relative;
  display: block;
  min-width: 300px;
  padding: 9px 24px 10px;
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border-radius: 20px;
  box-sizing: border-box
}

.header-catalog-menu .head .burger-button {
  position: absolute;
  top: 50%;
  right: 24px;
  display: block;
  width: 20px;
  height: 10px;
  margin-top: -5px;
  cursor: pointer
}

.header-catalog-menu .head .burger-button span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 9px;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
  opacity: 1
}

.header-catalog-menu .head .burger-button span:nth-child(1) {
  top: 0px
}

.header-catalog-menu .head .burger-button span:nth-child(2),
.header-catalog-menu .head .burger-button span:nth-child(3) {
  top: 4px
}

.header-catalog-menu .head .burger-button span:nth-child(4) {
  top: 8px
}

.header-catalog-menu .scroll {
  position: relative
}

.header-catalog-menu .list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 25
}

.header-catalog-menu .list>.item {
  position: static;
  margin: 0;
  padding: 0 24px
}

.header-catalog-menu .list>.item::before {
  content: none
}

.header-catalog-menu .list>.item:not(:last-child)>a {
  border-bottom: 1px solid #e7e7e7
}

.header-catalog-menu .list>.item:last-child {
  margin-bottom: 7px
}

.header-catalog-menu .list>.item>a {
  position: relative;
  display: block;
  padding: 15px 0 14px;
  font-size: 0.875em;
  color: #2a2e39;
  font-weight: 700;
  line-height: 1.4em
}

.header-catalog-menu .list>.item>a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 3px solid #424242
}

.header-catalog-menu .list>.item>a:hover {
  color: #055ca7
}

.header-catalog-menu .list>.item .sub {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  width: 680px;
  padding-top: 23px;
  background-color: #fff;
  border-left: 1px solid #e7e7e7;
  box-shadow: 8px 0px 16px -2px rgba(0, 0, 0, 0.12);
  box-sizing: border-box
}

.header-catalog-menu .list>.item .sub .title {
  padding: 0 30px;
  font-size: 1.125em;
  font-weight: 700
}

.header-catalog-menu .list>.item .sub .items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 29px;
  padding: 0 30px
}

.header-catalog-menu .list>.item .sub .items .item {
  display: inline-block;
  width: 47.5%;
  margin-bottom: 12px;
  padding-left: 0
}

.header-catalog-menu .list>.item .sub .items .item:not(:nth-child(2n)) {
  margin-right: 4.5%
}

.header-catalog-menu .list>.item .sub .items .item:before {
  content: none
}

.header-catalog-menu .list>.item .sub .items .item a {
  display: flex;
  align-items: center;
  padding-right: 25px;
  color: #2a2e39
}

.header-catalog-menu .list>.item .sub .items .item a .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 23px
}

.header-catalog-menu .list>.item .sub .items .item a .img img {
  max-width: 60px;
  max-height: 60px
}

.header-catalog-menu .list>.item .sub .items .item a .text {
  font-size: 0.875em
}

.header-catalog-menu .list>.item .sub .items .item a:hover {
  color: #055ca7
}

.header-catalog-menu .list>.item .sub .items .item.back {
  display: none
}

.header-catalog-menu .list>.item .sub .banner {
  margin-top: auto;
  max-height: 368px;
  padding-top: 10px
}

.header-catalog-menu .list>.item .sub .banner a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0
}

.header-catalog-menu .list>.item .sub.show {
  display: block
}

.header-catalog-menu .list>.item:hover {
  box-shadow: inset 3px 0 0 0 #055ca7
}

.header-catalog-menu .list>.item:hover .sub {
  display: block
}

.header-catalog-menu.open .head .burger-button span:nth-child(1),
.header-catalog-menu.open-on-hover:hover .head .burger-button span:nth-child(1) {
  top: 4px;
  left: 50%;
  width: 0%
}

.header-catalog-menu.open .head .burger-button span:nth-child(2),
.header-catalog-menu.open-on-hover:hover .head .burger-button span:nth-child(2) {
  transform: rotate(45deg)
}

.header-catalog-menu.open .head .burger-button span:nth-child(3),
.header-catalog-menu.open-on-hover:hover .head .burger-button span:nth-child(3) {
  transform: rotate(-45deg)
}

.header-catalog-menu.open .head .burger-button span:nth-child(4),
.header-catalog-menu.open-on-hover:hover .head .burger-button span:nth-child(4) {
  top: 4px;
  left: 50%;
  width: 0%
}

.header-catalog-menu.open .list,
.header-catalog-menu.open-on-hover:hover .list {
  display: block
}

.sidebar-type4 header .bottom {
  padding: 12px 0
}

.sidebar-type4 header .bottom .container {
  display: flex
}

.sidebar-type4 header .bottom .content-menu {
  padding-top: 11px
}

.sidebar-type4 header .bottom .content-menu>ul {
  align-items: center;
  font-size: 1em;
  letter-spacing: 0.005em
}

.sidebar-type4 header .bottom .content-menu>ul>.item {
  padding-bottom: 0
}

.sidebar-type4 header .bottom .content-menu>ul>.item:not(:last-child) {
  margin-right: 30px
}

.sidebar-type4 header .bottom .content-menu>ul>.item>a {
  padding-bottom: 0;
  font-weight: 700
}

.sidebar-type4 header .bottom .content-menu>ul>.item .sub-menu {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.sidebar-type4 header .bottom .content-menu>ul>.item .sub-menu .item:first-child {
  border-top: none
}

.sidebar-type4 header .bottom .content-menu>ul>.item.active>a {
  color: #055ca7;
  box-shadow: none
}

.banners {
  position: relative;
  margin: 0 0 60px 0
}

.banners .owl-carousel {
  display: block;
  opacity: 0
}

.banners .owl-carousel .item:not(:first-child) {
  display: none
}

.banners .owl-carousel.owl-loaded {
  opacity: 1
}

.banners .owl-carousel.owl-loaded .item:not(:first-child) {
  display: flex
}

.banners .preloader {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: -1
}

.banners .preloader svg {
  width: 50px;
  height: 50px;
  animation: rotate 2s infinite linear
}

.banners .preloader svg circle {
  stroke: #055ca7
}

.banners .carousel {
  position: relative;
  width: 100%
}

.banners .carousel .item {
  align-items: center;
  width: 100%;
  height: auto !important;
  color: #fff;
  background-color: #055ca7;
  background-repeat: repeat;
  background-position: center;
  background-size: cover
}

.banners .carousel .item .text {
  width: 100%;
  margin: 0 7.7%
}

.banners .carousel .item .name {
  margin-top: 3px;
  font-size: 2.25em;
  line-height: 1em
}

.banners .carousel .item .name br+b {
  display: inline-block;
  margin-top: 8px
}

.banners .carousel .item .name br+small {
  display: inline-block;
  margin-top: 16px
}

.banners .carousel .item .name b {
  font-weight: 700;
  line-height: 1em
}

.banners .carousel .item .name small {
  font-size: 0.5em;
  line-height: 1em
}

.banners .carousel .item .button {
  display: inline-block;
  margin-top: 35px;
  padding: 13px 24px 15px 23px;
  font-size: 0.875em;
  color: #282828;
  font-weight: 700;
  line-height: 1em;
  background-color: #fff;
  border-radius: 20px
}

.banners .carousel .item .button.base {
  color: #fff;
  background-color: #055ca7
}

.banners .carousel .item.center .text {
  text-align: center
}

.banners .carousel .item.right .text {
  width: 35%;
  margin-left: auto
}

.banners .carousel .item.black {
  color: #282828;
  background-color: #dadada
}

.banners .carousel .item.black .button {
  color: #fff;
  background-color: #055ca7
}

.banners .carousel .item.black .button.base {
  color: #fff;
  background-color: #055ca7
}

.banners .carousel .owl-nav .owl-prev,
.banners .carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  opacity: .7;
  margin-top: -30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .25s ease;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 40
}

.banners .carousel .owl-nav .owl-prev {
  left: 20px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/i-prev.svg)
}

.banners .carousel .owl-nav .owl-prev:hover {
  transform: translate(-2px, 0)
}

.banners .carousel .owl-nav .owl-next {
  right: 20px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/i-next.svg)
}

.banners .carousel .owl-nav .owl-next:hover {
  transform: translate(2px, 0)
}

.banners .carousel .owl-carousel.dark .owl-nav .prev,
.banners .carousel .owl-carousel.dark .owl-nav .next {
  color: #282828
}

.banners .carousel .owl-carousel.dark .owl-dots .owl-dot {
  background-color: rgba(40, 40, 40, 0.5)
}

.banners .carousel .owl-carousel.dark .owl-dots .owl-dot.active {
  background-color: #282828
}

.banners .static {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  width: 33.75%;
  margin-left: 1.409%;
  flex-shrink: 0
}

.banners .static .item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 47.7%;
  color: #fff;
  background-color: #055ca7;
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box
}

.banners .static .item .text {
  width: 100%
}

.banners .static .item.large {
  height: 100%;
  padding: 6.75%
}

.banners .static .item.large .name {
  font-size: 2.25em;
  line-height: 1em
}

.banners .static .item.medium {
  padding: 6.75%;
  font-size: 1.5em
}

.banners .static .item.medium:first-child {
  margin-bottom: 4.5%
}

.banners .static .item.small {
  width: 48.175%;
  padding: 3.5% 2.75%;
  font-size: 1.125em
}

.banners .static .item.black {
  color: #282828
}

.banners .static .item.top {
  align-items: flex-start
}

.banners .static .item.bottom {
  align-items: flex-end
}

.banners .static .item.center .text {
  text-align: center
}

.banners .static .item.right .text {
  text-align: right
}

.banners.has-static .carousel {
  width: 64.8%
}

.banners.has-static .carousel .item .text {
  margin: 0 12.7%
}

.banners.has-static .carousel .item.right .text {
  margin-left: auto
}

.banners.static-left .static {
  order: -1;
  margin: 0 1.409% 0 0
}

.banners.center {
  justify-content: space-between
}

.banners.center .carousel {
  width: 100%
}

.banners.center .static {
  width: 16.26%;
  margin: 0
}

.banners.center .static .item {
  width: 100%;
  padding: 7%
}

.banners.center.has-static .carousel {
  width: 64.6%;
  margin: 0;
  flex-grow: 1
}

.banners.center.has-static .carousel .item .text {
  margin: 0 12.7%
}

.banners.center.has-static .carousel .item.right .text {
  margin-left: auto
}

.banners.center.has-static .carousel+.static {
  margin-left: 1.41%
}

.banners.center.has-static .static+.carousel {
  margin-left: 1.41%
}

.banners+.products.main-nav {
  margin-top: 3.1%
}

.products.main-nav {
  margin: 0 0 -24px
}

.products.main-nav .tabs-container {
  display: inline-flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7e7e7
}

.products.main-nav .tabs-container .tab {
  position: relative;
  display: inline-block;
  padding: 0 20px 16px;
  font-size: 0.8125em;
  color: #2a2e39;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase
}

.products.main-nav .tabs-container .tab:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.products.main-nav .tabs-container .tab:hover:after {
  left: 0;
  width: 100%
}

.products.main-nav .tabs-container .tab.active {
  color: #055ca7
}

.products.main-nav .tabs-container .tab.active:after {
  left: 0;
  width: 100%
}

.products.main-nav .tab-content {
  position: relative;
  height: 0;
  overflow: hidden
}

.products.main-nav .tab-content .products-container.owl-carousel {
  margin: 0
}

.products.main-nav .tab-content .products-container.owl-carousel .owl-stage {
  display: flex
}

.products.main-nav .tab-content .products-container.owl-carousel .owl-item {
  flex-shrink: 0
}

.products.main-nav .tab-content .products-container.owl-carousel .product-wrap {
  width: 100%;
  height: 100% !important;
  max-width: none !important;
  margin: 0
}

.products.main-nav .tab-content .products-container.owl-carousel .owl-dots {
  position: static;
  margin-top: 14px
}

.products.main-nav .tab-content .owl-container {
  position: relative;
  transition: height .2s ease
}

.products.main-nav .tab-content .owl-container .owl-carousel:not(.products-container) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: inherit
}

.products.main-nav .tab-content .owl-container .owl-carousel:not(.products-container):hover .owl-stage-outer {
  height: 150%;
  z-index: 21;
  pointer-events: none
}

.products.main-nav .tab-content .owl-container .owl-carousel:not(.products-container):hover .owl-stage-outer .product-card {
  pointer-events: auto
}

.products.main-nav .tab-content .owl-nav {
  position: absolute;
  top: -62px;
  right: 2px
}

.products.main-nav .tab-content.active {
  height: auto;
  overflow: visible
}

.products.main-nav .tab-content .preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px
}

.products.main-nav .tab-content .preloader svg {
  width: 50px;
  height: 50px;
  animation: rotate 2s infinite linear
}

.products.main-nav .tab-content .preloader svg circle {
  stroke: #055ca7
}

.products.main-nav+section.catalog {
  margin-top: 3.052%
}

.products-list,
.products-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px
}

/* .product-wrap {
        position: relative;
        margin: 0 12px 25px;
        width: calc((100% - 144px)/6)
      } */

.product-wrap>div {
  height: 100%
}

.labels {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2
}

.labels .label {
  margin-bottom: 2px;
  padding: 5px 8px;
  font-size: 0.6875em;
  color: #fff;
  font-weight: 700;
  line-height: 1em;
  border-radius: 30px;
  background-color: #eb5757
}

.labels .label.recommend {
  background-color: #2d9cdb
}

.labels .label.new {
  background-color: #27ae60
}

.labels .label.sale {
  background-color: #f2994a
}

.labels .label.discount {
  background-color: #f2c94c
}

.additional-links {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2
}

.additional-links .compare,
.additional-links .wishlist {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #2a2e39;
  border-radius: 50%;
  text-align: center
}

.additional-links .compare::before,
.additional-links .wishlist::before {
  width: 100%;
  line-height: 32px
}

.additional-links .compare::after,
.additional-links .wishlist::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 31px;
  background-color: #055ca7;
  border-radius: 50%;
  transform: scale(0);
  transition: all .3s ease-in-out;
  z-index: -1
}

.additional-links .compare:hover,
.additional-links .wishlist:hover {
  color: #055ca7
}

.additional-links .compare.active,
.additional-links .wishlist.active {
  color: #fff;
  transition: all .3s ease-in-out
}

.additional-links .compare.active::after,
.additional-links .wishlist.active::after {
  transform: scale(1)
}

.additional-links .compare.active:hover,
.additional-links .wishlist.active:hover {
  color: #fff
}

.additional-links .compare::before {
  content: '\0042'
}

.additional-links .wishlist::before {
  content: '\0043';
  line-height: 34px
}

.additional-links.inline {
  position: static;
  display: block
}

.additional-links.inline .compare,
.additional-links.inline .wishlist {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 26px 0 0;
  padding: 7px 10px;
  font-size: 0.875em;
  text-align: left;
  background-color: transparent;
  border-radius: 0;
  z-index: 1
}

.additional-links.inline .compare::before,
.additional-links.inline .wishlist::before {
  width: auto;
  margin: -1px 15px 0 0;
  font-size: 12px;
  line-height: 1em
}

.additional-links.inline .compare::after,
.additional-links.inline .wishlist::after {
  top: 5px;
  /* left: -1px */
}

.additional-links.inline .compare:hover,
.additional-links.inline .wishlist:hover {
  color: #055ca7
}

.additional-links.inline .compare.active,
.additional-links.inline .wishlist.active {
  color: #2a2e39
}

.additional-links.inline .compare.active::before,
.additional-links.inline .wishlist.active::before {
  color: #fff
}

.iblock-vote {
  letter-spacing: -1px
}

.iblock-vote .star-active,
.iblock-vote .star-empty,
.iblock-vote .star {
  padding-right: 3px;
  font-size: 16px;
  color: #f2c94c;
  cursor: pointer
}

.iblock-vote .star-active:before,
.iblock-vote .star-empty:before,
.iblock-vote .star:before {
  content: '\0049';
  display: inline-block;
  font-family: 'Icon Custom';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.iblock-vote .star-active.star-over:before,
.iblock-vote .star-empty.star-over:before,
.iblock-vote .star.star-over:before {
  content: '\004a';
  color: #ffc000
}

.iblock-vote .star {
  cursor: default
}

.iblock-vote .star-voted {
  padding-right: 3px;
  font-size: 16px;
  color: #f2c94c;
  cursor: pointer
}

.iblock-vote .star-voted:before {
  content: '\004a';
  display: inline-block;
  font-family: 'Icon Custom';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.iblock-vote .vote-result {
  position: relative;
  top: -1px;
  padding-left: 4px;
  font-size: 12px;
  color: #828282;
  letter-spacing: 0;
  vertical-align: top
}

.stock {
  font-size: 0.75em
}

.stock:before {
  content: '\004b';
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-size: 10px;
  color: #27ae60
}

.stock.out:before {
  content: '\004c';
  color: #eb5757
}

.price-container .old-price {
  font-size: 0.75em;
  color: #828282;
  text-decoration: line-through
}

.price-container .price {
  font-size: 1.125em;
  color: #282828;
  font-weight: 700
}

.price-container .price.crossed {
  text-decoration: line-through
}

.price-container .saving {
  display: inline-block;
  margin-top: 9px;
  padding: 4px 6px 5px;
  font-size: 0.75em;
  line-height: 1em;
  border: 2px solid #f2c94c
}

.price-container .product-item-detail-info-container {
  position: relative;
  display: inline-block;
  margin-left: -1px
}

.price-container .product-item-detail-info-container::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/wholesale.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box
}

.price-container .product-item-detail-info-container .product-item-detail-properties {
  position: absolute;
  left: 100%;
  bottom: 100%;
  display: none;
  margin: 0;
  padding: 20px 20px 22px;
  font-size: 0.875rem;
  color: #2a2e39;
  font-weight: 400;
  line-height: 1.5em;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  z-index: 10
}

.price-container .product-item-detail-info-container .product-item-detail-properties>div {
  display: flex;
  justify-content: space-between
}

.price-container .product-item-detail-info-container .product-item-detail-properties dt {
  display: inline-block;
  white-space: nowrap
}

.price-container .product-item-detail-info-container .product-item-detail-properties dd {
  display: inline-block;
  margin: 0;
  padding-left: 22px;
  font-weight: 700;
  white-space: nowrap
}

.price-container .product-item-detail-info-container:hover .product-item-detail-properties {
  display: block
}

.counter {
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  width: 101px;
  padding: 6px 7px;
  font-size: 14px;
  background-color: #f5f5f5;
  border-radius: 30px;
  box-sizing: border-box
}

.counter input {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 1em;
  color: #2a2e39;
  text-align: center;
  line-height: 1;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: textfield
}

.counter input::-webkit-inner-spin-button,
.counter input ::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.counter .minus,
.counter .plus {
  font-size: 12px;
  color: #2a2e39;
  line-height: 12px
}

.counter .minus:hover,
.counter .plus:hover {
  color: #055ca7
}

.counter .minus:before {
  content: '\004d'
}

.counter .plus:before {
  content: '\004e'
}

.counter+.btn {
  min-width: 50%;
  padding: 10px 7.7%
}

.product-item-info-container .product-item-scu-name {
  font-size: 0.75em
}

.product-item-info-container .product-item-scu-list .product-item-scu-item-list {
  display: flex;
  flex-wrap: wrap
}

.product-item-info-container .product-item-scu-list li {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-left: 0;
  font-size: 0.75em;
  text-align: center;
  background-color: #f5f5f5;
  border: 2px solid #f5f5f5;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer
}

.product-item-info-container .product-item-scu-list li:before {
  content: none
}

.product-item-info-container .product-item-scu-list li div {
  height: 100%
}

.product-item-info-container .product-item-scu-list li.selected {
  border-color: #055ca7
}

.product-item-info-container .product-item-scu-list li.notallowed {
  background-color: #e8e8e8;
  border-color: #e8e8e8
}

.product-item-info-container .product-item-scu-list li.notallowed .product-item-scu-item-text {
  opacity: 0.3
}

.product-item-info-container .product-item-scu-list li.notallowed.selected {
  border-color: #055ca7
}

.product-item-info-container .product-item-scu-list .product-item-scu-item-text {
  padding: 0 5px;
  line-height: 26px
}

.product-item-info-container .product-item-scu-list .product-item-scu-item-color .scu-item-color-title {
  padding: 0 5px;
  line-height: 26px
}

.product-card {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px 20px 16px;
  background-color: #fff;
  transition: box-shadow .2s ease;
  box-sizing: border-box;
  z-index: 20
}

.product-card .static {
  display: flex;
  flex-direction: column;
  height: 100%
}

.product-card .labels {
  top: 12px;
  left: 13px;
  z-index: 2
}

.product-card .additional-links {
  top: 12px;
  right: 11px;
  z-index: 2
}

.product-card .img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 224px;
  flex-shrink: 0
}

.product-card .img img {
  width: auto
}

.product-card .img.fast-view .img-product-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-shrink: 0
}

.product-card .img.fast-view .img-product-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #5a5a5a;
  border-radius: 3px;
  opacity: 0;
  transition: opacity .2s ease-out;
  z-index: 1
}

.product-card .img.fast-view .link-fast-view {
  position: absolute;
  width: 156px;
  margin: 0 auto;
  padding: 10px 5px;
  font-size: 0.875em;
  color: #282828;
  text-align: center;
  background-color: #fff;
  border-radius: 50px;
  opacity: 0;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  transition: opacity .1s ease-out;
  z-index: 10
}

.product-card .img.fast-view:hover .img-product-link::before {
  opacity: .2
}

.product-card .img.fast-view:hover .link-fast-view {
  opacity: 1
}

.product-card .iblock-vote {
  margin-top: 8px
}

.product-card .name {
  flex-grow: 1;
  margin-top: 3px;
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1.3em
}

.product-card .name:hover {
  color: #055ca7
}

.product-card .price-container {
  margin-top: 19px
}

.product-card .stock {
  margin-top: 6px
}

.product-card .hover-content {
  display: none;
  margin: 16px 0 4px
}

.product-card .hover-content .counter {
  width: 42.61%;
  margin-right: 4px
}

.product-card .hover-content .product-item-info-container {
  margin-bottom: 5px
}

.product-card .hover-content .product-item-info-container:last-child {
  margin-bottom: 15px
}

.product-card .hover-content .product-item-button-container {
  display: inline-block;
  max-width: 49.1%;
  vertical-align: top
}

.product-card .hover-content .product-item-button-container.sku-only {
  display: none
}

.product-card .hover-content .btn {
  display: inline-block;
  min-width: inherit;
  padding: 10px 19px;
  line-height: 1.3em;
  white-space: nowrap
}

.product-card .hover-content .btn.bx-catalog-subscribe-button {
  margin-bottom: 0;
  padding: 8px 8px 7px;
  color: #055ca7;
  background-color: #fff;
  border: 2px solid #055ca7
}

.product-card .hover-content .btn.bx-catalog-subscribe-button:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.product-card .hover-content .btn.bx-catalog-subscribe-button.disabled {
  padding: 7px 8px;
  font-size: 0.735em;
  color: #fff;
  line-height: 1.72em;
  background-color: #055ca7;
  opacity: .6;
  cursor: default
}

.product-card:hover {
  position: absolute;
  height: auto;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 21
}

.product-card:hover .hover-content {
  display: block
}

.product-card.bx-context-toolbar-empty-area {
  background-color: #fff !important
}

.product-fast-view {
  position: relative;
  display: flex
}

.product-fast-view .left {
  flex-shrink: 0;
  width: 340px;
  padding: 32px 20px 30px;
  border-right: 1px solid #e7e7e7;
  box-sizing: border-box
}

.product-fast-view .center:not(.owl-item) {
  flex-shrink: 0;
  width: 340px;
  padding: 17px 30px 30px;
  border-right: 1px solid #e7e7e7;
  box-sizing: border-box
}

.product-fast-view .right {
  flex-shrink: 0;
  min-width: 239px;
  padding: 38px 20px 30px;
  box-sizing: border-box
}

.product-fast-view .close-popup-icon {
  position: absolute;
  top: 17px;
  right: 19px;
  font-size: 12px;
  color: #aaa;
  transition: color .1s ease
}

.product-fast-view .close-popup-icon::before {
  content: '\006a'
}

.product-fast-view .close-popup-icon:hover {
  color: #055ca7
}

.product-fast-view .iblock-vote {
  margin-left: 1px
}

.product-fast-view .iblock-vote .star {
  padding-right: 3px;
  font-size: 16px;
  color: #f2c94c
}

.product-fast-view .iblock-vote .star::before {
  content: '\0049';
  display: inline-block;
  font-family: 'Icon Custom';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.product-fast-view .iblock-vote .star-empty {
  cursor: default
}

.product-fast-view .iblock-vote .star-voted {
  cursor: default
}

.product-fast-view .code {
  font-size: 0.75em
}

.product-fast-view .stock {
  margin-top: 2px
}

.product-fast-view .stock::before {
  margin-right: 1px
}

.product-fast-view .brand-img {
  width: 100%;
  height: 50px;
  margin-top: 10px
}

.product-fast-view .product-img {
  position: relative
}

.product-fast-view .product-img .labels {
  top: 0;
  left: 0
}

.product-fast-view .product-img .additional-links {
  top: 0;
  right: 0
}

.product-fast-view .product-img .main-img {
  display: flex;
  width: 300px;
  height: 300px
}

.product-fast-view .product-img .main-img>div {
  display: none;
  width: 100%;
  height: 100%;
  margin: auto
}

.product-fast-view .product-img .main-img>div.active {
  display: flex;
  justify-content: center;
  align-items: center
}

.product-fast-view .product-img .thumbnails {
  max-width: 100%;
  margin-top: 10px;
  padding: 0 26px;
  box-sizing: border-box
}

.product-fast-view .product-img .thumbnails .preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  padding: 2px;
  border: 2px solid transparent;
  box-sizing: border-box
}

.product-fast-view .product-img .thumbnails .preview img {
  width: auto
}

.product-fast-view .product-img .thumbnails .preview.active {
  border-color: #055ca7
}

.product-fast-view .product-img .thumbnails .owl-stage {
  margin: 0 auto
}

.product-fast-view .product-img .thumbnails .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.product-fast-view .product-img .thumbnails .owl-nav .owl-prev,
.product-fast-view .product-img .thumbnails .owl-nav .owl-next {
  position: absolute;
  transition: opacity .1s ease
}

.product-fast-view .product-img .thumbnails .owl-nav .owl-prev.disabled,
.product-fast-view .product-img .thumbnails .owl-nav .owl-next.disabled {
  opacity: 0;
  pointer-events: none
}

.product-fast-view .product-img .thumbnails .owl-nav .owl-prev {
  left: 0
}

.product-fast-view .product-img .thumbnails .owl-nav .owl-next {
  right: 0
}

.product-fast-view .product-img .thumbnails .owl-nav .prev,
.product-fast-view .product-img .thumbnails .owl-nav .next {
  width: 20px;
  height: 60px;
  text-align: center;
  background-color: #fff;
  transition: all .2s ease
}

.product-fast-view .product-img .thumbnails .owl-nav .prev:before,
.product-fast-view .product-img .thumbnails .owl-nav .next:before {
  position: relative;
  font-size: 14px;
  line-height: 60px
}

.product-fast-view .product-img .thumbnails .owl-nav .prev:hover:before,
.product-fast-view .product-img .thumbnails .owl-nav .next:hover:before {
  color: #055ca7
}

.product-fast-view .product-img .thumbnails .owl-nav .prev:before {
  content: '\0047'
}

.product-fast-view .product-img .thumbnails .owl-nav .next:before {
  content: '\0048'
}

.product-fast-view .product-img .thumbnails .owl-nav.disabled {
  display: none
}

.product-fast-view .product-img.popup {
  left: 0;
  width: auto;
  background-color: inherit;
  box-shadow: none
}

.product-fast-view .product-img.popup .main-img {
  background-color: #f5f5f5
}

.product-fast-view .product-img.popup .main-img::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 15, 28, 0.75);
  opacity: .5;
  z-index: 24
}

.product-fast-view .product-img.popup .main-img .active {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 470px;
  height: 470px;
  margin: -255px 0 0 -255px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  cursor: zoom-out;
  z-index: 25
}

.product-fast-view .product-name {
  font-size: 1.15em;
  color: #282828;
  font-weight: 700;
  line-height: 1.5em
}

.product-fast-view .preview-text {
  margin-top: 10px;
  font-size: 0.875em;
  line-height: 1.45em
}

.product-fast-view .characteristics {
  margin-top: 19px;
  color: #828282;
  font-size: 0.875em;
  line-height: 1.5em
}

.product-fast-view .characteristics table {
  width: 100%;
  border: none;
  border-collapse: collapse
}

.product-fast-view .characteristics table td {
  padding: 0
}

.product-fast-view .characteristics table .type {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/background-line.svg);
  background-repeat: repeat-x;
  background-position: 0px 13px
}

.product-fast-view .characteristics table .type span {
  display: inline-block;
  padding-right: 15px;
  background-color: #fff
}

.product-fast-view .characteristics table .value {
  padding-left: 15px
}

.product-fast-view .price-container {
  margin: 20px 0 0 1px;
  padding-top: 19px;
  border-top: 1px solid #e7e7e7
}

.product-fast-view .price-container .old-price {
  margin-bottom: 2px;
  font-size: 0.875em
}

.product-fast-view .price-container .price {
  font-size: 1.25em;
  line-height: 1.3em
}

.product-fast-view .price-container .price .product-item-detail-info-container {
  left: 2px;
  bottom: -3px;
  margin-left: 0
}

.product-fast-view .price-container .saving {
  margin-top: 7px
}

.product-fast-view .product-item-info-container {
  margin: 14px 0 20px
}

.product-fast-view .product-item-info-container .product-item-scu-container {
  margin-top: 17px
}

.product-fast-view .product-item-info-container .product-item-scu-name {
  margin-bottom: 9px;
  font-size: 0.875em
}

.product-fast-view .order-container {
  margin-top: 30px
}

.product-fast-view .order-container .details {
  margin-bottom: 10px
}

.product-fast-view .order-container .buttons .counter {
  justify-content: space-between;
  width: 100%;
  padding: 8px 15px
}

.product-fast-view .order-container .buttons .product-item-button-container>div {
  display: flex;
  flex-direction: column
}

.product-fast-view .order-container .buttons .btn {
  width: 100%;
  min-width: auto;
  margin-top: 6px
}

.product-fast-view .product-timer {
  width: 100%;
  margin: 16px auto -10px
}

.product-card-list {
  display: flex;
  width: 100%;
  padding: 10px;
  align-items: center;
  background-color: #fff;
  box-sizing: border-box
}
  .product-wrap-search{
       height: 100% !important;
			 max-height: 500px;

    }
.product-card-list .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 11.667vw;
  height: 11.667vw;
  max-width: 240px;
  max-height: 240px;
  margin-right: 0px;

}

#scroll-top-button {
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  background-color: #055CA7;
  color: #fff;
  cursor: pointer;
  z-index: 1000;
  display: none;
  /* По умолчанию скрыта */
  border-radius: 50%;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
  /* Плавное появление/скрытие */

}

.scroll-top-svg {
  transform: rotate(-90deg);
  height: 24px;
  width: 10px;
}

#scroll-top-button:hover {
  background-color: #0056b3;
  /* Изменение цвета при наведении */
}

.product-card-list .content {
  width: 100%
}

.product-card-list .content .top .info {
  display: flex;
  align-items: center
}

.product-card-list .content .top .info .iblock-vote {
  margin-right: 18px
}

.product-card-list .content .top .info .stock {
  margin-right: 20px;
  line-height: 17px
}

.product-card-list .content .top .info .stock:before {
  margin-right: 2px
}

.product-card-list .content .top .info .code {
  font-size: 0.75em;
  line-height: 17px
}

.product-card-list .content .top .name {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto
}

.product-card-list .content .top .name a {
  color: #2a2e39
}

.product-card-list .content .top .name a:hover {
  color: #055ca7
}

.product-card-list .content .top .labels {
  position: static;
  display: block;
  margin-top: 12px
}

.product-card-list .content .top .labels .label {
  display: inline-block;
  margin: 0 3px 0 0
}

.product-card-list .content .desc {
  margin-top: 10px;
  padding: 16px 0;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.5em;
  border-top: 1px solid #e7e7e7
}

.product-card-list .params {
  flex-shrink: 0;
  width: 240px;
  margin-left: 40px
}

.product-card-list .params .price-container .old-price {
  margin-bottom: 7px;
  line-height: 1.5em
}

.product-card-list .params .price-container .saving {
  margin-top: 15px
}

.product-card-list .params .sku {
  margin-top: 20px
}

.product-card-list .params .product-item-info-container {
  margin-bottom: 10px
}

.product-card-list .params .add-card {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px
}

.product-card-list .params .add-card .counter {
  margin-right: 5px;
  padding: 8px 7px;
  vertical-align: bottom
}

.product-card-list .params .add-card .product-item-button-container {
  position: relative
}

.product-card-list .params .add-card .product-item-button-container .btn {
  padding: 5px 20px
}

.product-card-list .params .add-card .product-item-button-container .btn.bx-catalog-subscribe-button {
  min-width: auto;
  padding: 8px 20px 7px;
  color: #055ca7;
  background-color: #fff;
  border: 2px solid #055ca7
}

.product-card-list .params .add-card .product-item-button-container .btn.bx-catalog-subscribe-button:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.product-card-list .params .add-card .product-item-button-container .btn.bx-catalog-subscribe-button.disabled {
  color: #fff;
  background-color: #055ca7;
  opacity: .6;
  cursor: default
}

.product-card-list .params .add-card .product-item-button-container.sku-only {
  display: none
}

.product-card-pricelist {
  display: flex;
  align-items: center
}

.product-card-pricelist .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 20px
}

.product-card-pricelist .content {
  max-width: 52%;
  margin-right: auto;
  padding-right: 10px
}

.product-card-pricelist .content .info {
  display: flex
}

.product-card-pricelist .content .info .iblock-vote {
  margin-right: 18px
}

.product-card-pricelist .content .info .stock {
  margin-right: 20px;
  line-height: 17px
}

.product-card-pricelist .content .info .stock:before {
  margin-right: 2px
}

.product-card-pricelist .content .info .code {
  font-size: 0.75em;
  line-height: 17px
}

.product-card-pricelist .content .name {
  margin: 2px 0 12px;
  font-weight: 700
}

.product-card-pricelist .content .name a {
  color: #2a2e39
}

.product-card-pricelist .content .name a:hover {
  color: #055ca7
}

.product-card-pricelist .content div[id*="sku_tree"] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px
}

.product-card-pricelist .content div[id*="sku_tree"] .product-item-info-container {
  margin: 0 25px 5px 0
}

.product-card-pricelist .content div[id*="sku_tree"] .product-item-scu-container {
  display: flex;
  align-items: flex-start
}

.product-card-pricelist .content div[id*="sku_tree"] .product-item-scu-container .product-item-scu-name {
  margin: 4px 10px 0 0
}

.product-card-pricelist .content div[id*="sku_tree"] .product-item-scu-container .product-item-scu-item-color {
  line-height: 26px
}

.product-card-pricelist .price-container {
  margin-right: 2.45%
}

.product-card-pricelist .price-container .old-price {
  text-align: right;
  line-height: 1.35em
}

.product-card-pricelist .price-container .price {
  display: inline-block;
  font-size: 1em;
  line-height: 1em;
  white-space: nowrap;
  vertical-align: bottom
}

.product-card-pricelist .price-container .saving {
  display: none
}

.product-card-pricelist .buttons {
  display: flex;
  justify-content: flex-end;
  width: 20.2%
}

.product-card-pricelist .product-item-button-container {
  margin-left: 7px
}

.product-card-pricelist .product-item-button-container .btn {
  margin-bottom: 0;
  padding: 9px 20px
}

.product-card-pricelist .product-item-button-container .btn.bx-catalog-subscribe-button {
  min-width: auto;
  padding: 7px 20px;
  color: #055ca7;
  background-color: #fff;
  border: 2px solid #055ca7
}

.product-card-pricelist .product-item-button-container .btn.bx-catalog-subscribe-button:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.product-card-pricelist .product-item-button-container .btn.bx-catalog-subscribe-button.disabled {
  color: #fff;
  background-color: #055ca7;
  opacity: .6;
  cursor: default
}

.product-card-pricelist .product-item-button-container.sku-only {
  display: none
}

.product-card-pricelist .additional-links {
  position: static;
  display: block;
  margin-left: 23px
}

.product-card-pricelist .additional-links .compare {
  margin: 0
}

.product-card-pricelist .additional-links .compare::before {
  padding-left: 1px
}

.product-card-pricelist .additional-links .wishlist {
  margin: 0
}

section.catalog {
  margin-top: 32px
}

section.catalog .title {
  display: inline-block;
  margin: 0;
  font-size: 1.5em
}

section.catalog .link {
  display: inline-block;
  margin-left: 17px;
  font-size: 0.875em;
  color: #828282
}

section.catalog .link:hover {
  color: #055ca7
}

section.catalog .categories {
  margin: 18px -12px 23px
}

/* .catalog .categories {
        display: flex;
        flex-wrap: wrap;
        margin: 36px -12px -24px
      } */

/* .catalog .categories .category-wrap {
        position: relative;
        width: calc((100% - 96px)/4) !important;
        height: auto !important;
        margin: 0 12px 24px
      } */

.catalog .category {
  padding: 20px !important;
  background-color: #fff;
  transition: box-shadow .2s ease;
  box-sizing: border-box
}

.catalog .category .img {
  display: block
}

.catalog .category .img img {
  display: block;
  margin: 0 auto
}

.catalog .category .text {
  text-align: center
}

.catalog .category .text .name {
  color: #282828;
  font-weight: 700
}

.catalog .category .text .name:hover {
  color: #055ca7
}

.catalog .category .text .sub {
  margin-top: 8px
}

.catalog .category .text .sub .item {
  display: inline-block;
  max-width: 100%;
  margin-right: 10px;
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.catalog .category .text .sub .item:hover {
  color: #055ca7
}

.catalog .category .desc {
  display: none;
  width: 100%;
  margin-top: 2.9%;
  padding: 4.25% 0 1.25%;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.4em;
  border-top: 1px solid #e7e7e7
}

/* .catalog .category:hover {
        position: absolute;
        height: auto;
        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
        z-index: 20
      } */

.catalog .category:hover .desc {
  display: block
}

/* .catalog .category.no-description:hover {
        position: relative;
        height: 100%
      } */

.catalog .short-categories {
  display: flex;
  flex-wrap: wrap;
  margin: 35px -12px -12px
}

.catalog .short-category {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: calc((100% / 4) - 24px);
  margin: 0 12px 24px;
  padding: 30px 30px 17px;
  background-color: #fff;
  transition: all .2s ease;
  box-sizing: border-box
}

.catalog .short-category .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  flex-shrink: 0;
  transition: opacity .25s ease, transform .55s ease
}

.catalog .short-category .text {
  position: relative;
  width: 100%;
  margin-top: auto;
  padding-top: 19px;
  align-self: flex-start;
  overflow: hidden
}

.catalog .short-category .name {
  margin-bottom: 10px;
  font-size: 1.125em;
  color: #282828;
  font-weight: 700
}

.catalog .short-category .name:hover {
  color: #055ca7
}

.catalog .short-category .desc {
  max-height: 0;
  padding-bottom: 0;
  font-size: 0.875em;
  color: #424242;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .85s ease
}

.catalog .short-category:hover {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.catalog .short-category:hover .img {
  opacity: .5;
  transform: scale(.85)
}

.catalog .short-category:hover .img.no-img {
  opacity: .75;
  transform: scale(.9)
}

.catalog .short-category:hover .desc {
  max-height: 100px
}

.catalog .short-category.loaded .img {
  position: absolute
}

.catalog .subcategories {
  display: flex;
  flex-wrap: wrap;
  margin: 39px -12px -24px
}

.catalog .subcategories .item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 144px)/6);
  margin: 0 12px 24px;
  padding: 20px;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box
}

.catalog .subcategories .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  transition: transform .2s ease
}

.catalog .subcategories .item .img+.name {
  margin-top: 18px
}

.catalog .subcategories .item .name {
  display: block;
  font-weight: 700;
  color: #282828
}

.catalog .subcategories .item .name:hover {
  color: #055ca7
}

.catalog .subcategories .item:last-child {
  flex-grow: 0
}

.catalog .subcategories .item:hover .img {
  transform: scale(1.1)
}

.catalog .sort {
  display: flex;
  margin-bottom: -20px;
  padding: 10px 20px 0px;
  justify-content: space-between;
  align-items: center;

}

.view-switcher {
  display: flex;
  gap: 5px;
}

.catalog .sort .filter-btn {
  position: relative;
  margin-right: 15px;
  padding: 11px 11px 10px 30px;
  font-size: 14px;
  color: #2a2e39;
  line-height: 1em
}

.catalog .sort .filter-btn:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 10px;
  width: 14px;
  height: 12px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/filter.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.catalog .sort .filter-btn.open {
  background-color: #e7e7e7
}

.catalog .sort .filter-btn.desktop-hide {
  display: none
}

.catalog .sort .sort-filter .item {
  /* margin-right: 26px; */
  font-size: 0.875em;
  font-weight: 600;
  color: #828282
}

.catalog .sort .sort-filter .item:after {
  content: '';
  position: relative;
  top: 0px;
  display: inline-block;
  margin-left: 8px;
  border: 3px solid transparent;
  border-top: 4px solid #828282
}

.catalog .sort .sort-filter .item:hover {
  color: #2a2e39
}

.catalog .sort .sort-filter .item:hover:after {
  border-top: 4px solid #2a2e39
}

.catalog .sort .sort-filter .item:hover.asc:after {
  border-top: 3px solid transparent;
  border-bottom: 4px solid #2a2e39
}

.catalog .sort .sort-filter .item.active {
  color: #282828
}

.catalog .sort .sort-filter .item.active:after {
  border-top: 4px solid #282828
}

.catalog .sort .sort-filter .item.active.asc:after {
  border-top: 3px solid transparent;
  border-bottom: 4px solid #282828
}

.catalog .sort .sort-filter .item.asc:after {
  top: -3px;
  border-top: 3px solid transparent;
  border-bottom: 4px solid #828282
}

.catalog .sort .display {
  margin-left: auto
}

.catalog .sort .display .item {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 4px;
  color: #055ca7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  text-align: center;
  vertical-align: top
}

.catalog .sort .display .item:before {
  font-size: 17px;
  line-height: 25px
}

.catalog .sort .display .item.block:before {
  content: '\0055'
}

.catalog .sort .display .item.list:before {
  content: '\0056'
}

.catalog .sort .display .item.table:before {
  content: '\0057'
}

.catalog .sort .display .item.active {
  background-color: #055ca7;
  color: #fff
}

.catalog .sort .display .item.active:before {
  content: none
}

.catalog .sort .display .item.active.block {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/display-block.svg)
}

.catalog .sort .display .item.active.list {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/display-list.svg)
}

.catalog .sort .display .item.active.table {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/display-table.svg)
}

.catalog .products-container {
  display: flex;
  flex-wrap: nowrap;
  margin: 24px 0
}

.catalog .products-container .products {
  flex-grow: 1
}

.catalog .products-container .products .products-list {
  margin-bottom: -25px
}

.catalog .products-container .products .products-list.list {
  display: block;
  margin: 0 0 -24px
}

.catalog .products-container .products .products-list.list .product-wrap {
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  /* height: auto !important */
  height: 100% !important;
}

.catalog .products-container .products .products-list.pricelist {
  display: block;
  margin: 0;
  padding: 18px 19px 25px;
  background-color: #fff
}

.catalog .products-container .products .products-list.pricelist .product-wrap {
  width: 100%;
  max-width: none;
  margin: 0 0 16px
}

.catalog .products-container .products .products-list.pricelist .product-wrap:not(:first-child) {
  padding-top: 18px;
  border-top: 1px solid #e7e7e7
}

.catalog .products-container .products .products-list.pricelist .product-wrap:last-child {
  margin-bottom: 0
}

.catalog .products-container.has-filter:not(.top) .products .products-list.card .product-wrap {
  width: calc((100% - 120px)/5)
}

.catalog .products-container.has-filter.right .filter {
  margin: 0 0 0 25px;
  order: 1
}

.catalog .products-container.has-filter.right .filter .bx_filter_container_modef {
  left: initial;
  right: 100%;
  box-shadow: -2px 0px 11px -3px #666
}

.catalog .products-container.has-filter.right .filter .bx_filter_container_modef .bx_filter_popup_result {
  display: flex !important;
  align-items: center;
  padding-left: 12px
}

.catalog .products-container.has-filter.right .filter .bx_filter_container_modef .bx_filter_popup_result a {
  margin: 0 12px 0 0;
  order: -1
}

.catalog .products-container.has-filter.top {
  flex-direction: column
}

.catalog .products-container.has-filter.top .filter {
  display: none;
  width: 100%;
  padding-top: 0
}

.catalog .products-container.has-filter.top .filter form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 25px 10px
}

.catalog .products-container.has-filter.top .filter .params-container {
  display: none
}

.catalog .products-container.has-filter.top .filter .bx_filter_block {
  height: auto !important;
  opacity: 1 !important;
  margin-top: 0
}

.catalog .products-container.has-filter.top .filter .bx_filter_block.price {
  margin-bottom: -2px
}

.catalog .products-container.has-filter.top .filter .bx_filter_actions {
  margin-top: 12px
}

.catalog .products-container.has-filter.top .filter .bx_filter_actions .btn {
  padding: 8px 15px
}

.catalog .products-container.has-filter.top .filter .bx_filter_actions .btn.transparent {
  margin-left: 8px;
  padding: 7px 15px
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box {
  margin-bottom: 10px;
  padding: 0;
  border-bottom: none
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .bx_filter_parameters_box_title {
  margin-right: 18px
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .bx_filter_parameters_box_title::before {
  content: none
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .bx_filter_parameters_box_title::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  display: block;
  width: 4px;
  height: 4px;
  margin-top: -3px;
  background-color: transparent;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transition: all .2s ease
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .params-container {
  position: absolute;
  top: 100%;
  width: 264px;
  height: auto !important;
  margin-top: 6px;
  padding: 15px 20px;
  background-color: #fff;
  border: 1px solid #dedede;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  z-index: 30
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .params-container::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 14px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  background-color: #fff;
  transform: rotate(45deg)
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title::after {
  margin-top: -2px;
  transform: rotate(-135deg)
}

.catalog .products-container.has-filter.top .filter .bx_filter_parameters_box.active .params-container {
  display: block
}

.catalog .products-container.has-filter.top .filter .bx_filter_param_label.dib {
  display: inline-block;
  padding-left: 0;
  line-height: 0
}

.catalog .products-container.has-filter.top .filter .bx_filter_param_label.dib::before {
  content: none
}

.catalog .products-container.has-filter.top .filter .bx_filter_param_label.dib .bx_color_sl .bx_filter_btn_color_icon {
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid #f5f5f5;
  border-radius: 3px;
  cursor: pointer
}

.catalog .products-container.has-filter.top .filter .bx_filter_param_label.dib.active .bx_color_sl .bx_filter_btn_color_icon {
  border-color: #055ca7
}

.catalog .products-container.has-filter.top .filter .bx_filter_select_block {
  margin-top: 0
}

.catalog .products-container.has-filter.top .filter .bx_ui_slider_track {
  width: 100%;
  height: 55px;
  margin-top: 16px
}

.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_part.p1,
.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_part.p5 {
  position: absolute;
  top: 0;
  display: inline-block
}

.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_part.p1 {
  left: 2px
}

.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_part.p5 {
  right: 0
}

.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_pricebar_VD,
.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_pricebar_VN,
.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_pricebar_V,
.catalog .products-container.has-filter.top .filter .bx_ui_slider_track .bx_ui_slider_range {
  top: 35px
}

.catalog .products-container.has-filter.top .filter .bx_filter_input_checkbox {
  margin-top: 0
}

.catalog .products-container.has-filter.top .filter .bx_filter_popup_result {
  display: none !important
}

.catalog .products-container.has-filter.top .filter .bx_filter_button_box {
  display: none
}

.catalog .products-container.has-filter.top .filter.open {
  display: block;
  margin: 0 0 24px;
  padding-top: 19px
}

.catalog .category-desc {
  margin: 24px 0;
  padding: 34px 39px;
  font-size: 0.875em;
  line-height: 1.5em;
  background-color: #fff
}

.catalog .category-desc h1,
.catalog .category-desc h2,
.catalog .category-desc h3 {
  margin-bottom: 27px;
  font-size: 24px;
  line-height: 23px
}

.promo {
  margin: 24px 0;
  padding-bottom: 24px
}

.promo .items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.694% -24px
}

.promo .items .item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 31.943%;
  height: 200px;
  margin: 0 .694% 0;
  padding: 30px 30px;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box
}

.promo .items .item .background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all .75s ease
}

.promo .items .item .gradient {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.7%, rgba(0, 0, 0, 0.6) 85.2%);
  z-index: 1
}

.promo .items .item .label {
  position: relative;
  margin-bottom: 12px;
  padding: 2px 10px 1px;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #055ca7;
  border-radius: 30px;
  z-index: 10
}

.promo .items .item .text {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2em;
  z-index: 10
}

.promo .items .item:hover .background {
  transform: scale(1.1)
}

.about-and-news {
  display: flex;
  flex-wrap: wrap;
  margin-top: -24px
}

.about-and-news>div[id*="bx_incl"] {
  width: 49.35%;
  margin-top: 24px
}

.about-and-news>div[id*="bx_incl"] .news {
  width: 100%;
  margin-top: 0
}

section.about {
  display: flex;
  align-items: center;
  width: 49.35%;
  margin: 24px 1.3% 0 0;
  padding: 40px 39px;
  background-color: #fff;
  box-sizing: border-box
}

section.about .img {
  width: 33%;
  max-width: 251px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden
}

section.about .content {
  width: 62%;
  margin-left: 5.25%
}

section.about .content .title {
  margin: 4px 0;
  font-size: 1.5em
}

section.about .content .desc {
  margin-top: 20px;
  font-size: 0.875em;
  line-height: 1.43em
}

section.about .content .btn {
  margin-top: 10px
}

section.news {
  display: flex;
  flex-wrap: wrap;
  width: 49.35%;
  margin: 24px 0 0 auto;
  padding: 38px 40px 24px;
  background-color: #fff;
  box-sizing: border-box
}

section.news .title {
  margin: 0 0 5px;
  font-size: 1.5em
}

section.news .all {
  display: inline-block;
  margin-left: auto;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.5em
}

section.news .all:hover {
  color: #055ca7
}

section.news .previews {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
  margin: 23px -12px 0
}

section.news .previews .item {
  width: calc((100% - 96px)/4);
  margin: 0 12px 15px
}

section.news .previews .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 69%;
  line-height: 0;
  overflow: hidden
}

section.news .previews .item .name {
  display: block;
  margin-top: 11px;
  font-size: 0.875em;
  line-height: 1.29em
}

section.news .previews .item .date {
  margin-top: 4px;
  font-size: 0.75em;
  color: #828282
}

section.news .previews.line {
  align-items: flex-start;
  height: 78.78%;
  margin: 15px 0 0
}

section.news .previews.line .item {
  display: flex;
  width: 100%;
  margin: 0 0 15px
}

section.news .previews.line .item .img {
  width: 140px;
  margin-right: 15px;
  flex-shrink: 0
}

section.news .previews.line .item .name {
  margin-top: 1px;
  font-size: 1em
}

section.news .previews.line .item:only-child {
  margin-top: 10px
}

section.news .previews.line .item:only-child .img {
  width: 200px
}

section.news .previews.line .item:only-child .name {
  font-size: 1.1em
}

section.news .previews.line .item:only-child .date {
  font-size: 0.875em
}

.brands {
  margin: 24px 0;
  background-color: #fff
}

.brands .items {
  position: relative;
  height: 120px;
  padding: 0 62px;
  box-sizing: border-box
}

.brands .items .owl-stage-outer {
  z-index: 5
}

.brands .items .owl-stage {
  margin: 0 auto
}

.brands .items .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin: 10px 0;
  padding: 22px 20px;
  box-sizing: border-box
}

.brands .items .item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.brands .items .item img {
  width: auto
}

.brands .items .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  width: 100%;
  margin-top: -21px;
  z-index: 2
}

.brands .items .owl-nav .owl-prev {
  margin-left: 20px
}

.brands .items .owl-nav .owl-next {
  margin: 0 21px 0 auto
}

.instagram:not(a) {
  margin: 24px 0;
  padding: 1.95% 38px 40px;
  background-color: #fff
}

.instagram:not(a) .title {
  display: inline-block;
  font-size: 1.5em
}

.instagram:not(a) .more {
  display: inline-block;
  margin-left: 22px;
  font-size: 0.875em;
  color: #828282
}

.instagram:not(a) .more:hover {
  color: #055ca7
}

.instagram:not(a)>div {
  width: 100%
}

.instagram:not(a) .loader {
  position: relative;
  width: 100%;
  min-height: 150px
}

.instagram:not(a) .loader svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  animation: rotate 2s infinite linear
}

.instagram:not(a) .loader svg circle {
  stroke: #055ca7
}

.instagram:not(a) .items {
  width: 100%;
  margin-top: 1.4%;
  padding: 0 4px;
  box-sizing: border-box
}

.instagram:not(a) .items .owl-stage-outer {
  z-index: 5
}

.instagram:not(a) .items .item {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 5
}

.instagram:not(a) .items .item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

.instagram:not(a) .items .item a img {
  width: auto
}

.instagram:not(a) .items .item .desc {
  position: absolute;
  left: 0;
  bottom: -100%;
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 15px;
  font-size: 0.85em;
  line-height: 1.4em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  z-index: 7;
  transition: bottom .5s ease
}

.instagram:not(a) .items .item .desc span {
  max-height: 100%;
  overflow: hidden
}

.instagram:not(a) .items .item:hover .desc {
  bottom: 0
}

.instagram:not(a) .items .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  width: 100%;
  margin-top: -20px
}

.instagram:not(a) .items .owl-nav .owl-prev {
  position: relative;
  margin-left: -18px;
  z-index: 10
}

.instagram:not(a) .items .owl-nav .owl-prev .prev {
  margin-left: 0
}

.instagram:not(a) .items .owl-nav .owl-next {
  position: relative;
  margin: 0 -17px 0 auto;
  z-index: 10
}

.instagram:not(a) .items .owl-nav .owl-next .next {
  margin-left: 0
}

.previously {
  margin: 24px 0 12px
}

.previously .title {
  display: inline-block;
  font-size: 1.5em
}

.previously .items {
  margin-top: 4px;
  transition: height .2s ease
}

.previously .items .owl-stage-outer {
  margin: 0 -20px;
  padding: 0 20px
}

.previously .items .owl-stage {
  display: flex
}

.previously .items .owl-stage .owl-item {
  display: flex;
  flex-shrink: 0
}

.previously .items .item {
  display: flex;
  width: 100%;
  margin: 20px 0;
  padding: 20px;
  background-color: #fff;
  box-sizing: border-box
}

.previously .items .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  flex-shrink: 0
}

.previously .items .item .img img {
  width: auto
}

.previously .items .item .content .name {
  display: inline-block;
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1.29em
}

.previously .items .item .content .name:hover {
  color: #055ca7
}

.previously .items .item .content .price {
  margin-top: 5px;
  font-size: 0.875em;
  font-weight: 700
}

.previously .items .item:hover {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.previously .items .owl-nav {
  position: absolute;
  top: -45px;
  right: 0
}

footer .name {
  color: #282828;
  font-weight: 700
}

footer .top {
  margin-top: 12px
}

footer .top .container {
  display: flex;
  padding: 22px 0
}

footer .contacts-container {
  margin-left: 6.45%
}

footer .bottom {
  margin-top: 8px
}

footer .bottom .container {
  padding: 20px 0 25px
}

footer .tel-container {
  position: relative;
  margin-top: 8px
}

footer .tel-container .call-me {
  padding-top: 6px
}

footer .tel-container .call-me a:hover {
  text-decoration: underline
}

footer .tel-container.open .tel {
  top: -35px;
  left: -12px
}

footer .tel-container.open .call-me {
  margin-top: 32px
}

footer .payments {
  position: relative;
  display: flex;
  flex-wrap: wrap
}

footer .payments .item {
  display: block;
  width: 45px;
  height: 24px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain
}

footer .payments .item.visa {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/payments/visa.svg);
  background-position: center 80%
}

footer .payments .item.mastercard {
  width: 29px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/payments/mastercard.svg)
}

footer .payments .item.maestro {
  width: 29px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/payments/maestro.svg)
}

footer .payments .item.yandex {
  width: 18px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/payments/yandex.svg)
}

footer .payments .item.qiwi {
  width: 23px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/payments/qiwi.svg)
}

footer .payments .item.sberbank {
  width: 22px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/payments/sberbank.svg);
  background-position: center 80%
}

footer .payments .item:last-child {
  margin-right: 0
}

footer .social {
  margin-left: 3.3%
}

footer .social .links {
  margin-top: 8px;
  margin-left: 1px
}

footer .social .links .item {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-bottom: 3px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  transition: all .2s ease
}

footer .social .links .item:before {
  color: #055ca7;
  font-size: 14px;
  line-height: 36px;
  transition: all .2s ease
}

footer .social .links .item:hover {
  background-color: #055ca7
}

footer .social .links .item:hover:before {
  color: #fff
}

footer .social .links .item.vk:before {
  content: '\004f'
}

footer .social .links .item.facebook:before {
  content: '\0050'
}

footer .social .links .item.twitter:before {
  content: '\0051'
}

footer .social .links .item.youtube:before {
  content: '\0052'
}

footer .social .links .item.instagram {
  top: -1px
}

footer .social .links .item.instagram:before {
  content: '\0053';
  font-size: 13px
}

footer .social .links .item.ok:before {
  content: '\0054'
}

footer .subscribe-container {
  margin-top: 21px
}

footer .subscribe-container form .bx-form-control {
  width: 100%;
  padding: 7px 15px 6px;
  background-color: #fff;
  box-sizing: border-box
}

footer .subscribe-block {
  margin-top: 24px
}

footer .subscribe-block .container {
  display: flex;
  align-items: center;
  border-top: none
}

footer .subscribe-block .container::before {
  content: '\0077';
  display: block;
  margin-right: 20px;
  font-family: 'Icon Custom';
  font-size: 57px;
  color: #055ca7;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

footer .subscribe-block .name {
  max-width: 26.996%;
  margin-right: 1.3%;
  font-size: 1.125em;
  line-height: 1.2em
}

footer .subscribe-block .name.mobile {
  display: none
}

footer .subscribe-block .desc {
  width: 31.55%;
  margin-left: 1.4%;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.2em
}

footer .subscribe-block .form-container {
  flex-grow: 1;
  max-width: 42%;
  margin-right: auto
}

footer .subscribe-block .form-container form {
  position: relative
}

footer .subscribe-block .form-container form .bx-form-control {
  width: 100%;
  padding: 10px 130px 11px 14px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 32px;
  box-sizing: border-box
}

footer .subscribe-block .form-container form .bx_subscribe_submit_container .btn-subscribe {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 10px 21px 9px;
  font-size: 0.875em;
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border: none;
  border-radius: 32px;
  box-sizing: border-box;
  cursor: pointer
}

footer .subscribe-block .form-container form .bx_subscribe_submit_container .btn-subscribe:hover {
  opacity: .9
}

footer .subscribe-block+.top {
  margin-top: 17px
}

footer.type1 .subscribe-container form,
footer.type2 .subscribe-container form {
  position: relative;
  width: 231px;
  margin-top: 10px
}

footer.type1 .subscribe-container form .bx-form-control,
footer.type2 .subscribe-container form .bx-form-control {
  padding-right: 35px
}

footer.type1 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe,
footer.type2 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 38px;
  padding: 5px 15px 0 5px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  box-sizing: border-box
}

footer.type1 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe::before,
footer.type2 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe::before {
  content: '\006b';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 16px;
  color: #055ca7;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

footer.type1 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe span,
footer.type2 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe span {
  display: none
}

footer.type1 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe:hover::before,
footer.type2 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe:hover::before {
  opacity: .9
}

footer.type2,
footer.type4,
footer.type6 {
  margin-top: 12px;
  color: #fff;
  background-color: #282828
}

footer.type2 .container,
footer.type4 .container,
footer.type6 .container {
  border-color: #424242
}

footer.type2 .top,
footer.type4 .top,
footer.type6 .top {
  margin-top: 0
}

footer.type2 .top .container,
footer.type4 .top .container,
footer.type6 .top .container {
  border-top: none
}

footer.type2 .name,
footer.type4 .name,
footer.type6 .name {
  color: #fff
}

footer.type2 .footer-menu .column .links a,
footer.type4 .footer-menu .column .links a,
footer.type6 .footer-menu .column .links a {
  color: #aaa
}

footer.type2 .footer-menu .column .links a:hover,
footer.type4 .footer-menu .column .links a:hover,
footer.type6 .footer-menu .column .links a:hover {
  color: #fff
}

footer.type2 .address,
footer.type4 .address,
footer.type6 .address {
  color: #aaa
}

footer.type2 .address::before,
footer.type4 .address::before,
footer.type6 .address::before {
  color: #055ca7
}

footer.type2 .tel-container .tel,
footer.type4 .tel-container .tel,
footer.type6 .tel-container .tel {
  color: #aaa
}

footer.type2 .tel-container .tel>a::after,
footer.type4 .tel-container .tel>a::after,
footer.type6 .tel-container .tel>a::after {
  border-top: 4px solid #aaa
}

footer.type2 .tel-container .tel:hover,
footer.type4 .tel-container .tel:hover,
footer.type6 .tel-container .tel:hover {
  color: #282828
}

footer.type2 .tel-container .tel:hover>a::after,
footer.type4 .tel-container .tel:hover>a::after,
footer.type6 .tel-container .tel:hover>a::after {
  border-top: 4px solid #424242
}

footer.type2 .tel-container .call-me a,
footer.type4 .tel-container .call-me a,
footer.type6 .tel-container .call-me a {
  color: #fff
}

footer.type2 .tel-container .call-me a:hover,
footer.type4 .tel-container .call-me a:hover,
footer.type6 .tel-container .call-me a:hover {
  text-decoration: underline
}

footer.type2 .social .links .item,
footer.type4 .social .links .item,
footer.type6 .social .links .item {
  background-color: #424242
}

footer.type2 .social .links .item::before,
footer.type4 .social .links .item::before,
footer.type6 .social .links .item::before {
  color: #fff
}

footer.type2 .social .links .item:hover,
footer.type4 .social .links .item:hover,
footer.type6 .social .links .item:hover {
  background-color: #fff
}

footer.type2 .social .links .item:hover::before,
footer.type4 .social .links .item:hover::before,
footer.type6 .social .links .item:hover::before {
  color: #055ca7
}

footer.type3 .top .container,
footer.type4 .top .container {
  padding: 22px 0 24px
}

footer.type3 .bottom .container,
footer.type4 .bottom .container {
  padding: 13px 0 25px
}

footer.type3 .footer-menu,
footer.type4 .footer-menu {
  width: 100%
}

footer.type3 .footer-menu .column,
footer.type4 .footer-menu .column {
  width: 25%;
  box-sizing: border-box
}

footer.type3 .footer-menu .contacts-container,
footer.type4 .footer-menu .contacts-container {
  width: 25%;
  margin-left: 0
}

footer.type3 .social,
footer.type4 .social {
  margin: 19px 0 0
}

footer.type3 .social .name,
footer.type4 .social .name {
  display: none
}

footer.type3 .social .links,
footer.type4 .social .links {
  margin-left: 0
}

footer.type3 .policy,
footer.type4 .policy {
  margin-right: 2.1%
}

footer.type3 .payments,
footer.type4 .payments {
  position: relative;
  top: 5px;
  display: inline-block;
  margin: 0
}

footer.type3 .copyright,
footer.type4 .copyright {
  margin-right: 2.15%
}

footer.type4 .subscribe-block .container {
  padding-bottom: 17px;
  border-bottom: 1px solid #424242
}

footer.type5,
footer.type6 {
  margin-top: 12px
}

footer.type5 .container,
footer.type6 .container {
  display: flex;
  align-items: center;
  padding: 24px 0 22px
}

footer.type5 .tel-container,
footer.type6 .tel-container {
  margin: 0 2.425% 0 5px
}

footer.type5 .tel-container .tel,
footer.type6 .tel-container .tel {
  margin-right: 0;
  margin-bottom: -11px
}

footer.type5 .tel-container .tel a,
footer.type6 .tel-container .tel a {
  padding-bottom: 11px
}

footer.type5 .tel-container .tel>a,
footer.type6 .tel-container .tel>a {
  border-top: 1px solid transparent
}

footer.type5 .tel-container .tel:hover,
footer.type6 .tel-container .tel:hover {
  border-radius: 0 0 3px 3px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12)
}

footer.type5 .tel-container .tel:hover>a::after,
footer.type6 .tel-container .tel:hover>a::after {
  top: -4px;
  transform: rotate(180deg)
}

footer.type5 .tel-container .tel:hover .content,
footer.type6 .tel-container .tel:hover .content {
  bottom: 100%;
  padding-top: 0;
  border-radius: 3px 3px 0 0;
  box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.12)
}

footer.type5 .tel-container .tel:hover .content a:first-child,
footer.type6 .tel-container .tel:hover .content a:first-child {
  border-top: none
}

footer.type5 .tel-container .call-me,
footer.type6 .tel-container .call-me {
  display: none
}

footer.type5 .address,
footer.type6 .address {
  margin: 0 2.4% 0 0
}

footer.type5 .address::before,
footer.type6 .address::before {
  margin-right: 9px
}

footer.type5 .copyright,
footer.type6 .copyright {
  margin-right: 2.4%
}

footer.type5 .social,
footer.type6 .social {
  margin-left: auto;
  padding-left: 20px;
  flex-shrink: 0
}

footer.type5 .social .name,
footer.type6 .social .name {
  display: none
}

footer.type5 .social .links,
footer.type6 .social .links {
  margin: 0
}

.popup-window:not([id*="smartFilterDropDown"]) {
  width: 380px;
  padding: 35px 39px 38px;
  font-family: 'Roboto';
  font-size: 1rem;
  border-top: 5px solid #055ca7;
  box-sizing: border-box
}

.popup-window:not([id*="smartFilterDropDown"]) .bx_subscribe_response_container table {
  border-spacing: 0;
  border-collapse: collapse
}

.popup-window:not([id*="smartFilterDropDown"]) .bx_subscribe_response_container .img {
  display: none
}

.popup-window:not([id*="smartFilterDropDown"]) .bx_subscribe_response_container .name {
  font-size: 1.375rem;
  color: #282828;
  font-weight: 700
}

.popup-window:not([id*="smartFilterDropDown"]) .bx_subscribe_response_container .name+.text {
  margin-top: 21px
}

.popup-window:not([id*="smartFilterDropDown"]) .bx_subscribe_response_container .text {
  font-size: 1rem;
  line-height: 1.35em
}

.popup-window:not([id*="smartFilterDropDown"]) .popup-window-close-icon {
  top: 13px;
  right: 18px;
  width: 16px;
  height: 16px
}

.popup-window:not([id*="smartFilterDropDown"]) .popup-window-close-icon::after {
  width: 100%;
  height: 100%
}

.popup-window-with-titlebar .popup-window-titlebar {
  height: auto
}

.popup-window-with-titlebar .popup-window-titlebar .popup-window-titlebar-text {
  padding: 0;
  font-size: 1.375em;
  color: #282828;
  font-weight: 700;
  line-height: 1.25em;
  white-space: normal
}

.popup-window-with-titlebar .popup-window-content {
  margin: 15px 0 2px;
  padding: 0
}

.popup-window-with-titlebar .popup-window-content .bx-catalog-popup-content {
  width: 100%;
  max-width: none
}

.popup-window-with-titlebar .popup-window-content .bx-catalog-popup-content .bx-catalog-popup-message {
  max-width: none;
  font-weight: 400
}

.popup-window-with-titlebar .popup-window-buttons {
  display: none
}

.popup-window-with-titlebar[id*="subscribe"] .popup-window-buttons {
  display: block;
  padding-bottom: 0
}

.popup-window-with-titlebar[id*="subscribe"] .popup-window-buttons .btn {
  line-height: 1.5em
}

.popup-window-with-titlebar[id*="subscribe"] .popup-window-buttons .btn:not(.btn-primary) {
  display: none
}

.main-title {
  margin-top: 30px
}

div[id*="bx_incl"]+.main-title {
  margin: 9px 0 3px
}

.breadcrumbs {
  margin: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 30px;
  font-weight: 600
}

.breadcrumbs .item {
  color: #AAB5BE
}

.breadcrumbs .item:not(:last-child) {
  padding-right: 15px;
  margin-right: 10px;
  background: url(/local/templates/magnet_s1/less_compile/../img/i-ellipse.svg) no-repeat center right
}

.breadcrumbs .item a {
  color: #055CA7
}

.breadcrumbs .item a:hover {
  text-decoration: underline
}

.breadcrumbs+.main-title {
  margin: 9px 0 3px
}

/* .pagination {
        width: 100%;
        margin-top: 25px;
        background-color: #fff
      }
      
      .pagination .items {
        display: flex;
        padding: 9px 8px 10px
      }
      
      .pagination .items .item {
        display: inline-block;
        width: 42px;
        height: 42px;
        margin-right: 6px;
        padding-top: 1px;
        color: #000;
        line-height: 42px;
        text-align: center;
        border-radius: 50%;
        box-sizing: border-box
      } */

/* .pagination .items .item:not(span):hover {
        color: #055ca7
      }
      
      .pagination .items .item.prev {
        padding-top: 2px
      }
      
      .pagination .items .item.prev:before {
        content: '\0047';
        font-size: 14px
      }
      
      .pagination .items .item.next {
        padding-top: 2px
      }
      
      .pagination .items .item.next:before {
        content: '\0048';
        font-size: 14px
      }
      
      .pagination .items .item.active {
        color: #fff;
        background-color: #055ca7
      }
      
      .pagination .items .item.active:hover {
        color: #fff
      }
      
      .pagination .items span {
        cursor: default
      } */

.popup {
  position: absolute;
  z-index: 1000;
  left: 50%
}

.popup .popup-content {
  width: 370px;
  background: #fff
}

.jqmOverlay {
  background-color: rgba(3, 15, 28, 0.75)
}

.jqmOverlay.product-image {
  z-index: 1001 !important
}

.filter {
  width: 264px;
  margin-right: 25px;
  padding-top: 19px;
  background-color: #fff;
  flex-shrink: 0
}

.filter .bx_filter_block {
  display: none
}

.filter .bx_filter_title {
  padding: 0 20px 19px;
  font-weight: 700;
  border-bottom: 1px solid #e7e7e7
}

.filter .bx_filter_parameters_box {
  position: relative;
  padding: 17px 20px;
  border-bottom: 1px solid #e7e7e7
}

.filter .bx_filter_parameters_box .bx_filter_parameters_box_title {
  position: relative;
  padding-right: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.filter .bx_filter_parameters_box .bx_filter_parameters_box_title:before {
  content: '';
  position: absolute;
  top: 11px;
  right: 0;
  display: block;
  width: 12px;
  height: 2px;
  background-color: #2a2e39;
  transition: all .3s ease
}

.filter .bx_filter_parameters_box .bx_filter_parameters_box_title:after {
  content: '';
  position: absolute;
  top: 6px;
  right: 5px;
  display: block;
  width: 2px;
  height: 12px;
  background-color: #2a2e39;
  transition: all .3s ease
}

.filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:before {
  transform: rotate(90deg);
  opacity: 0
}

.filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after {
  transform: rotate(90deg)
}

.filter .bx_filter_parameters_box.active .bx_filter_block {
  margin-top: 13px
}

.filter .bx_filter_parameters_box.active .bx_filter_block {
  display: block
}

.filter .bx_filter_parameters_box_container_block {
  display: inline-block
}

.filter .bx_filter_parameters_box_container_block:first-child .bx_filter_input_container {
  position: relative
}

.filter .bx_filter_parameters_box_container_block:first-child .bx_filter_input_container:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2px;
  width: 12px;
  height: 1px;
  background-color: #828282
}

.filter .bx_filter_param_label.disabled .bx_filter_input_checkbox {
  pointer-events: none
}

.filter .bx_filter_param_label.disabled .bx_filter_input_checkbox .bx_filter_param_text {
  opacity: .4
}

.filter .bx_filter_param_label.disabled .bx_filter_input_checkbox .bx_filter_param_text:before {
  opacity: .4
}

.filter .bx_filter_input_container {
  display: inline-block
}

.filter .bx_filter_input_container .min-price,
.filter .bx_filter_input_container .max-price {
  display: inline-block;
  width: 99px
}

.filter .bx_filter_input_container .min-price {
  margin-right: 20px
}

.filter .bx_ui_slider_track {
  position: relative;
  margin-top: 16px;
  height: 18px;
  overflow: hidden
}

.filter .bx_ui_slider_track .bx_ui_slider_part {
  display: none
}

.filter .bx_ui_slider_track .bx_ui_slider_pricebar_VN,
.filter .bx_ui_slider_track .bx_ui_slider_pricebar_V {
  position: absolute;
  top: 7px;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  z-index: 5
}

.filter .bx_ui_slider_track .bx_ui_slider_pricebar_VD {
  position: absolute;
  top: 7px;
  height: 4px;
  background-color: #055ca7;
  z-index: 10
}

.filter .bx_ui_slider_track .bx_ui_slider_range {
  position: relative;
  top: 7px
}

.filter .bx_ui_slider_track .bx_ui_slider_range .bx_ui_slider_handle {
  position: absolute;
  top: -7px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  border: 3px solid #055ca7;
  box-sizing: border-box;
  z-index: 15;
  cursor: grab
}

.filter .bx_ui_slider_track .bx_ui_slider_range .bx_ui_slider_handle:active {
  cursor: grabbing
}

.filter .bx_filter_select_block {
  position: relative;
  margin-top: 10px
}

.filter .bx_filter_select_block .bx_filter_select_text {
  width: 100%;
  padding: 6px 10px 5px;
  font-size: 0.875em;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.filter .bx_filter_select_block .bx_filter_select_arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  border: 3px solid transparent;
  border-top: 4px solid #444
}

.filter .bx_filter_input_checkbox {
  display: block;
  margin-top: 9px
}

.filter .bx_filter_input_checkbox input[type='checkbox'] {
  display: none
}

.filter .bx_filter_input_checkbox input[type='checkbox']:checked+.bx_filter_param_text:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.filter .bx_filter_input_checkbox .bx_filter_param_text {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  font-size: 14px;
  cursor: pointer
}

.filter .bx_filter_input_checkbox .bx_filter_param_text:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  border-radius: 2px;
  border: 1px solid #aaa;
  box-sizing: border-box
}

.filter .bx_filter_button_box {
  padding: 19px 20px
}

.filter .bx_filter_button_box .bx_filter_block {
  display: block
}

.filter .bx_filter_button_box input[type="submit"] {
  padding: 11px 19px 12px;
  font-size: 14px;
  color: #828282;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 100px;
  cursor: pointer
}

.filter .bx_filter_button_box input[type="submit"].bx_filter_search_button {
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border-color: #055ca7;
  transition: opacity .2s ease
}

.filter .bx_filter_button_box input[type="submit"].bx_filter_search_button:hover {
  opacity: .9
}

.filter .bx_filter_button_box input[type="submit"].bx_filter_search_reset {
  padding: 11px 23px 12px;
  transition: all .2s ease
}

.filter .bx_filter_button_box input[type="submit"].bx_filter_search_reset:hover {
  color: #5c5c5c;
  border-color: #bcbcbc
}

.filter .bx_filter_container_modef {
  position: absolute;
  left: 90%;
  /* background-color: #fff;
  box-shadow: 1px 0px 11px -3px #666; */
  z-index: 25
}

.filter .bx_filter_container_modef .bx_filter_popup_result {
  padding: 13px 15px 13px 16px;
  font-size: 0.875em;
  color: #828282;
  white-space: nowrap;
  box-sizing: border-box
}

.filter .bx_filter_container_modef .bx_filter_popup_result a {
  display: inline-block;
  margin-left: 7px;
  padding: 9px 20px;
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border-radius: 100px;
  transition: opacity .2s ease
}

.filter .bx_filter_container_modef .bx_filter_popup_result a:hover {
  opacity: .9
}

.popup-window-content .bx_filter_select_popup {
  width: 204px;
  font-size: 14px
}

.popup-window-content .bx_filter_select_popup ul li {
  padding-left: 4px
}

.popup-window-content .bx_filter_select_popup ul li:not(:last-child) {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e7e7e7
}

.popup-window-content .bx_filter_select_popup ul li:before {
  content: none
}

.popup-window-content .bx_filter_select_popup ul li label {
  display: block;
  width: 100%;
  cursor: pointer
}

.popup-window-content .bx_filter_select_popup ul li label:hover {
  color: #055ca7
}

.popup-window-content .bx_filter_select_popup ul li label.disabled {
  color: #b5b5b5
}

.title-search-result {
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 60
}

.title-search-result .content .item {
  display: flex;
  align-items: center;
  padding: 20px 20px 17px;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box
}

.title-search-result .content .item .image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  flex-shrink: 0
}

.title-search-result .content .item .info {
  display: flex;
  flex-wrap: wrap
}

.title-search-result .content .item .info .name {
  display: block;
  width: 100%;
  margin-bottom: 4px;
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1.3em
}

.title-search-result .content .item .info .name:hover {
  color: #055ca7
}

.title-search-result .content .item .info .price {
  color: #282828;
  font-weight: 700
}

.title-search-result .content .item .info .old-price {
  margin-left: 10px;
  font-size: 0.75em;
  color: #828282;
  line-height: 1.6em;
  text-decoration: line-through;
  align-self: flex-end;
  order: 1
}

@keyframes timer-blink {
  from {
    opacity: 1
  }

  25% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

.product-main-info {
  margin: 2.495% 0 24px;
  padding: 2.2% 2.25% 2.4% 2.4%;
  background-color: #fff;
  box-sizing: border-box
}

.product-main-info .product-main-container {
  display: flex
}

.product-main-info .product-img {
  position: relative;
  margin-top: 1px;
  flex-shrink: 0;
  min-width: 0
}

.product-main-info .product-img .labels {
  top: 13px;
  left: 12px
}

.product-main-info .product-img .additional-links {
  top: 13px;
  right: 13px
}

.product-main-info .product-img .additional-links .compare::before,
.product-main-info .product-img .additional-links .wishlist::before {
  padding-left: 0
}

.product-main-info .product-img .main-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25.834vw;
  height: 25.834vw;
  max-width: 496px;
  max-height: 496px;
  margin-bottom: 5%
}

.product-main-info .product-img .main-img>div {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.product-main-info .product-img .main-img>div.active {
  display: flex
}

.product-main-info .product-img .thumbnails {
  position: relative;
  min-width: 0;
  width: 100%;
  max-width: 25.834vw;
  margin-top: 6px;
  padding: 0 66px;
  box-sizing: border-box
}

.product-main-info .product-img .thumbnails .owl-stage {
  margin: 0 auto
}

.product-main-info .product-img .thumbnails .preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  padding: 5px;
  box-sizing: border-box
}

.product-main-info .product-img .thumbnails .preview img {
  position: relative;
  width: auto;
  z-index: -1
}

.product-main-info .product-img .thumbnails .preview.active:not(.video) {
  box-shadow: inset 0 0 0 2px #055ca7
}

.product-main-info .product-img .thumbnails .preview.video {
  margin: auto;
  color: #055ca7;
  text-align: center;
  background-color: #fff
}

.product-main-info .product-img .thumbnails .preview.video:before {
  content: '\0059';
  font-size: 34px;
  line-height: 60px
}

.product-main-info .product-img .thumbnails .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.product-main-info .product-img .thumbnails .owl-nav .owl-prev,
.product-main-info .product-img .thumbnails .owl-nav .owl-next {
  position: absolute;
  transition: opacity .1s ease
}

.product-main-info .product-img .thumbnails .owl-nav .owl-prev.disabled,
.product-main-info .product-img .thumbnails .owl-nav .owl-next.disabled {
  opacity: 0;
  pointer-events: none
}

.product-main-info .product-img .thumbnails .owl-nav .owl-prev {
  left: 0
}

.product-main-info .product-img .thumbnails .owl-nav .owl-next {
  right: 0
}

.product-main-info .product-img .thumbnails .owl-nav .prev,
.product-main-info .product-img .thumbnails .owl-nav .next {
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #fff;
  transition: all .2s ease
}

.product-main-info .product-img .thumbnails .owl-nav .prev:before,
.product-main-info .product-img .thumbnails .owl-nav .next:before {
  position: relative;
  font-size: 14px;
  line-height: 60px
}

.product-main-info .product-img .thumbnails .owl-nav .prev:hover:before,
.product-main-info .product-img .thumbnails .owl-nav .next:hover:before {
  color: #055ca7
}

.product-main-info .product-img .thumbnails .owl-nav .prev:before {
  content: '\0047'
}

.product-main-info .product-img .thumbnails .owl-nav .next:before {
  content: '\0048'
}

.product-main-info .product-img .thumbnails .owl-nav.disabled {
  display: none
}

.product-main-info .product-img.popup {
  left: 0;
  box-shadow: none
}

.product-main-info .product-img.popup:before {
  content: '';
  display: block;
  width: 496px;
  height: 496px
}

.product-main-info .product-img.popup .main-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5
}

.product-main-info .product-img.popup .main-img>div {
  position: relative;
  width: 496px;
  height: 496px;
  padding: 50px;
  background-color: #fff;
  border-radius: 5px
}

.product-main-info .product-img.popup .main-img>div::after {
  content: '';
  position: absolute;
  top: -25px;
  right: -25px;
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/close-popup.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer
}

.product-main-info .info {
  width: 100%;
  margin-left: 2.42%
}

.product-main-info .info .top {
  display: flex;
  align-items: flex-start;
  padding-bottom: 5px;
  border-bottom: 1px solid #e7e7e7
}

.product-main-info .info .top .iblock-vote {
  margin-right: 3.5%
}

.product-main-info .info .top .code {
  margin-right: 4.15%;
  font-size: 0.75em;
  line-height: 1.5em
}

.product-main-info .info .top .stock {
  position: relative;
  line-height: 1.5em
}

.product-main-info .info .top .stock span {
  border-bottom: 1px dashed #828282
}

.product-main-info .info .top .stock:before {
  position: absolute;
  top: 4px;
  left: -14px
}

.product-main-info .info .top .stock:hover {
  border-bottom: none;
  cursor: pointer
}

.product-main-info .info .top .brand-img {
  width: 80px;
  height: 43px;
  margin: 3px 0 0 auto;
  text-align: center
}

.product-main-info .info .main {
  display: flex;
  min-height: 86px;
  padding: 19px 0;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box
}

.product-main-info .info .main .price-container {
  flex-shrink: 0;
  padding-right: 20px
}

.product-main-info .info .main .price-container .old-price {
  font-size: 1.125em;
  letter-spacing: -0.025em
}

.product-main-info .info .main .price-container .price {
  position: relative;
  margin-top: 12px;
  padding-right: 26px;
  font-size: 1.875em
}

.product-main-info .info .main .price-container .price .product-item-detail-info-container {
  position: absolute;
  top: 2px;
  right: 0
}

.product-main-info .info .main .price-container .saving {
  margin-top: 17px
}

.product-main-info .info .main .desc {
  width: 65.905%;
  /* margin-left: auto; */
}

.product-main-info .info .main .desc .text {
  font-size: 0.875em;
  line-height: 1.5em
}

.product-main-info .info .main .desc .more {
  display: inline-block;
  margin-top: 3px;
  font-size: 0.875em
}

.product-main-info .info .main .desc .characteristics {
  margin-top: 15px;
  font-size: 0.875em;
  line-height: 1.5em
}

.product-main-info .info .main .desc .characteristics table {
  min-width: 67.5%;
  border: none;
  border-collapse: collapse
}

.product-main-info .info .main .desc .characteristics table td {
  padding: 0
}

.product-main-info .info .main .desc .characteristics table .type {
  padding-right: 10px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/background-line.svg);
  background-repeat: repeat-x;
  background-position: 0px 14px;
  vertical-align: top;
  white-space: nowrap
}

.product-main-info .info .main .desc .characteristics table .type span {
  display: inline-block;
  padding-right: 15px;
  background-color: #fff
}

.product-main-info .info .main .desc .characteristics table .value {
  padding-left: 15px
}

.product-main-info .info .order-container {
  padding: 30px 0 29px
}

.product-main-info .info .order-container .details .product-item-info-container {
  margin-bottom: 10px
}

.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-container {
  display: flex;
  align-items: flex-start
}

.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-name {
  min-width: 117px;
  margin-right: 20px;
  padding-top: 3px;
  font-size: 0.875em;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-list {
  cursor: pointer
}

.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-list li div {
  height: 100%
}

.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-list .product-item-scu-item-text {
  padding: 0 6px
}

.product-main-info .info .order-container .buttons {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 30px
}

.product-main-info .info .order-container .buttons .counter {
  flex-shrink: 0;
  width: auto;
  min-width: 100px;
  max-width: 133px;
  padding: 10px 15px 8px
}

.product-main-info .info .order-container .buttons .counter input {
  margin: -1px 5px 0;
  padding: 0 5px;
  max-width: 64px
}

.product-main-info .info .order-container .buttons .counter .plus {
  margin-right: 1px
}

.product-main-info .info .order-container .buttons .product-item-button-container {
  display: flex;
  flex-shrink: 0;
  margin-left: 7px
}

.product-main-info .info .order-container .buttons .product-item-button-container .one-click {
  flex-shrink: 0;
  margin-left: 7px;
  padding: 8px 21px 7px;
  color: #055ca7;
  background-color: #fff;
  border: 2px solid #055ca7;
  transition: all .2s ease
}

.product-main-info .info .order-container .buttons .product-item-button-container .one-click:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.product-main-info .info .order-container .buttons .delivery-link {
  position: relative;
  margin: 4px 0 0 4.55%;
  padding-left: 49px;
  font-size: 0.8125em;
  line-height: 1.307692em;
  box-sizing: border-box
}

.product-main-info .info .order-container .buttons .delivery-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/product-delivery.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.product-main-info .info .order-container .buttons .delivery-link .text {
  margin-bottom: 1px
}

.product-main-info .info .order-container .buttons .delivery-link .text span {
  font-weight: 700
}

.product-main-info .info .order-container .buttons .delivery-link .text:not(.loaded) span {
  position: relative
}

.product-main-info .info .order-container .buttons .delivery-link .text:not(.loaded) span::after {
  content: '';
  position: absolute;
  right: -14px;
  bottom: 2px;
  display: block;
  width: 12px;
  height: 4px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/delivery-preloader.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain
}

.product-main-info .info .bottom {
  display: flex;
  padding: 29px 0 19px;
  border-top: 1px solid #e7e7e7
}

.product-main-info .info .bottom .left {
  display: flex;
  width: 100%
}

.product-main-info .info .bottom .right {
  flex-shrink: 0;
  margin: 0 1px 0 auto;
  padding-left: 10px
}

.product-main-info .info .bottom .sale,
.product-main-info .info .bottom .gifts-tip {
  position: relative;
  min-width: 50%;
  padding: 0 50px 0 52px;
  box-sizing: border-box
}

.product-main-info .info .bottom .sale:before,
.product-main-info .info .bottom .gifts-tip:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.product-main-info .info .bottom .sale .name,
.product-main-info .info .bottom .gifts-tip .name {
  font-weight: 700
}

.product-main-info .info .bottom .sale .text,
.product-main-info .info .bottom .gifts-tip .text {
  margin-top: 5px;
  font-size: 0.875em;
  line-height: 1.5em
}

.product-main-info .info .bottom .sale .link,
.product-main-info .info .bottom .gifts-tip .link {
  font-size: 0.875em;
  line-height: 1.5em
}

.product-main-info .info .bottom .gifts-tip {
  display: none;
  min-width: 45%;
  flex-shrink: 0
}

.product-main-info .info .bottom .gifts-tip.visible {
  display: block
}

.product-main-info .info .bottom .sale::before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-sale.svg)
}

.product-main-info .info .bottom .gifts-tip::before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-gifts-tip.svg)
}

.product-main-info .info .bottom .gifts-tip .link {
  border-bottom: 1px dashed #055ca7
}

.product-main-info .info .bottom .gifts-tip .link:hover {
  border-color: transparent
}

.product-main-info .set-constructor {
  display: flex;
  width: 100%;
  margin-top: 39px;
  padding-top: 2.5%;
  border-top: 1px solid #e7e7e7
}

.product-main-info .set-constructor .mobile-title {
  display: none
}

.product-main-info .set-constructor .base-product {
  position: relative;
  flex-shrink: 0;
  width: 273px;
  padding-right: 51px;
  box-sizing: border-box
}

.product-main-info .set-constructor .base-product::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -21px;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-color: #e7e7e7;
  border-radius: 50%;
  z-index: 2
}

.product-main-info .set-constructor .base-product .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 224px;
  height: 224px
}

.product-main-info .set-constructor .base-product .name {
  margin-top: 9px;
  font-size: 0.875em;
  line-height: 1.35em
}

.product-main-info .set-constructor .base-product .price {
  margin-top: 11px;
  font-size: 1.15em;
  color: #282828;
  font-weight: 700;
  letter-spacing: -0.012em
}

.product-main-info .set-constructor .base-product .old-price {
  margin-top: 1px;
  font-size: 0.75em;
  color: #828282;
  text-decoration: line-through
}

.product-main-info .set-constructor .sets-list {
  position: relative;
  width: 100%;
  padding: 0 48px;
  border-left: 3px solid #e7e7e7;
  border-right: 3px solid #e7e7e7;
  box-sizing: border-box
}

.product-main-info .set-constructor .sets-list .title {
  font-size: 1.375em;
  color: #282828;
  font-weight: 700;
  line-height: 1.2em
}

.product-main-info .set-constructor .sets-list .list {
  width: 100%;
  margin-top: 29px;
  border-spacing: 0;
  border: none
}

.product-main-info .set-constructor .sets-list .list tr:last-child td {
  border-bottom: 1px solid #e7e7e7
}

.product-main-info .set-constructor .sets-list .list td {
  padding: 10px 0 9px;
  border-top: 1px solid #e7e7e7;
  transition: all .2s ease;
  opacity: .5
}

.product-main-info .set-constructor .sets-list .list .added td {
  opacity: 1
}

.product-main-info .set-constructor .sets-list .list .img {
  width: 60px;
  padding-right: 19px
}

.product-main-info .set-constructor .sets-list .list .img a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px
}

.product-main-info .set-constructor .sets-list .list .price {
  padding-left: 10px;
  text-align: right;
  white-space: nowrap
}

.product-main-info .set-constructor .sets-list .list .price .old {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.75em;
  color: #828282;
  text-decoration: line-through
}

.product-main-info .set-constructor .sets-list .list .price .current {
  display: inline-block;
  color: #282828;
  font-weight: 700
}

.product-main-info .set-constructor .sets-list .list .price .current .measure {
  color: #838383
}

.product-main-info .set-constructor .sets-list .list .action {
  width: 12px;
  padding-left: 40px;
  padding-right: 21px;
  opacity: 1
}

.product-main-info .set-constructor .sets-list .list .action .change-set::before {
  content: '\004e';
  position: relative;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  transition: all .2s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.product-main-info .set-constructor .sets-list .list .action .change-set.add {
  color: #27ae60
}

.product-main-info .set-constructor .sets-list .list .action .change-set.add:hover {
  color: #12a04e
}

.product-main-info .set-constructor .sets-list .list .action .change-set.remove {
  color: #aaa
}

.product-main-info .set-constructor .sets-list .list .action .change-set.remove::before {
  transform: rotate(-45deg)
}

.product-main-info .set-constructor .sets-list .list .action .change-set.remove:hover {
  color: #eb5757
}

.product-main-info .set-constructor .set-result {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 229px;
  margin-left: 48px;
  padding: 10px;
  text-align: center;
  background-color: rgba(5, 92, 167, 0.1);
  border-radius: 10px;
  box-sizing: border-box
}

.product-main-info .set-constructor .set-result::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -70px;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-equal.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-color: #e7e7e7;
  border-radius: 50%;
  z-index: 2
}

.product-main-info .set-constructor .set-result .set-price-container {
  position: relative;
  display: flex;
  flex-direction: column
}

.product-main-info .set-constructor .set-result .old-price {
  margin-bottom: 12px;
  font-size: 1.125em;
  color: #828282;
  letter-spacing: -0.02em;
  text-decoration: line-through
}

.product-main-info .set-constructor .set-result .price {
  font-size: 1.875em;
  color: #282828;
  font-weight: 700;
  letter-spacing: -0.025em
}

.product-main-info .set-constructor .set-result .economy {
  margin-top: 17px;
  padding: 0 6px;
  font-size: 0.75em;
  line-height: 1.75em;
  border: 2px solid #f2c94c;
  border-radius: 2px
}

.product-main-info .set-constructor .set-result .btn {
  margin-top: 30px;
  padding: 10px 25px
}

.product-main-info .product-timer {
  margin-top: 13px
}

.product-timer {
  display: none;
  width: 163px;
  font-size: 0.75em;
  text-align: center
}

.product-timer.show {
  display: block
}

.product-timer .name {
  margin-bottom: 2px
}

.product-timer .time {
  display: flex;
  background-color: #f5f5f5;
  border-radius: 3px
}

.product-timer .time .item {
  width: 33.3%;
  padding: 7px 0 6px;
  line-height: 1em
}

.product-timer .time .item:not(:first-child) {
  position: relative
}

.product-timer .time .item:not(:first-child)::before,
.product-timer .time .item:not(:first-child)::after {
  content: '';
  position: absolute;
  left: -3px;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #aaa;
  border-radius: 50%
}

.product-timer .time .item:not(:first-child)::before {
  top: 14px
}

.product-timer .time .item:not(:first-child)::after {
  top: 22px
}

.product-timer .time .item span {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem
}

.product-timer .time .item[style*="display: none"]::before,
.product-timer .time .item[style*="display: none"]::after {
  content: none
}

.product-timer .time .item[style*="display: none"]+.item::before,
.product-timer .time .item[style*="display: none"]+.item::after {
  content: none
}

.product-timer .timer-stock {
  margin-top: 2px;
  background-color: #f5f5f5;
  border-radius: 3px
}

.product-timer .timer-stock span {
  font-weight: 700
}

.product-timer.colored .time {
  background-color: transparent;
  border-radius: 0
}

.product-timer.colored .time .item {
  width: calc(33.3% - 2px);
  margin-right: 2px;
  background-color: rgba(5, 92, 167, 0.12);
  border-radius: 3px
}

.product-timer.colored .time .item::before,
.product-timer.colored .time .item::after {
  left: -4px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  z-index: 5
}

.product-timer.colored .time .item::before {
  top: 12px
}

.product-timer.colored .time .item::after {
  top: 24px
}

.product-timer.colored .timer-stock {
  background-color: rgba(5, 92, 167, 0.18)
}

.product-timer.animated .time .item::before,
.product-timer.animated .time .item::after {
  animation: timer-blink 2s infinite linear
}

.product-detail .documents .name,
.promo-page .documents .name {
  margin: 0;
  font-size: 1.375em;
  font-weight: 700
}

.product-detail .documents .items,
.promo-page .documents .items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 32px -10px -12px
}

.product-detail .documents .items .item,
.promo-page .documents .items .item {
  position: relative;
  display: inline-block;
  width: 23.3%;
  margin: 0 10px 12px;
  padding-left: 63px;
  box-sizing: border-box
}

.product-detail .documents .items .item:before,
.promo-page .documents .items .item:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 8px;
  display: block;
  width: 43px;
  height: 37px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-unknow-document.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain
}

.product-detail .documents .items .item .file-name,
.promo-page .documents .items .item .file-name {
  display: inline-block;
  color: #2a2e39;
  line-height: 1.2em
}

.product-detail .documents .items .item .file-name:hover,
.promo-page .documents .items .item .file-name:hover {
  color: #055ca7
}

.product-detail .documents .items .item .size,
.promo-page .documents .items .item .size {
  display: inline-block;
  width: 100%;
  font-size: 0.875em;
  color: #828282;
  cursor: default
}

.product-detail .documents .items .item.pdf:before,
.promo-page .documents .items .item.pdf:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-pdf.svg)
}

.product-detail .documents .items .item.ptt:before,
.promo-page .documents .items .item.ptt:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-ptt.svg)
}

.product-detail .documents .items .item.xls:before,
.promo-page .documents .items .item.xls:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-xls.svg)
}

.product-detail {
  display: flex;
  flex-wrap: wrap
}

.product-detail .columns {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 50%
}

.product-detail .left {
  margin-bottom: 12px;
  flex-grow: 1;
  width: 50%
}

.product-detail .right {
  width: 408px;
  margin: 0 0 12px 24px;
  flex-shrink: 0
}

.product-detail .product-tabs-container {
  width: 100%
}

.product-detail .tabs-container {
  margin-bottom: 24px;
  padding: 36px 40px 57px;
  background-color: #fff;
  box-sizing: border-box
}

.product-detail .tabs-container .tabs {
  display: flex;
  border-bottom: 1px solid #e7e7e7
}

.product-detail .tabs-container .tabs .tab {
  position: relative;
  display: inline-block;
  padding: 0 20px 16px;
  font-size: 0.8125em;
  color: #2a2e39;
  font-weight: 700;
  letter-spacing: 0.0175em;
  text-transform: uppercase;
  transition: all .2s ease
}

.product-detail .tabs-container .tabs .tab:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  display: block;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.product-detail .tabs-container .tabs .tab:not(.active):hover {
  color: #055ca7
}

.product-detail .tabs-container .tabs .tab:not(.active):hover:after {
  left: -1px;
  width: 101%
}

.product-detail .tabs-container .tabs .tab.active {
  color: #055ca7
}

.product-detail .tabs-container .tabs .tab.active:after {
  left: -1px;
  width: 101%
}

.product-detail .tabs-container .tabs-content {
  margin-top: 3.25%
}

.product-detail .tabs-container .tabs-content .tab-content {
  display: none
}

.product-detail .tabs-container .tabs-content .tab-content.active {
  display: block
}

.product-detail .tabs-container .tabs-content .description p+h2,
.product-detail .tabs-container .tabs-content .description h3,
.product-detail .tabs-container .tabs-content .description h4 {
  margin-top: 2.1%
}

.product-detail .tabs-container .tabs-content .description+.videos,
.product-detail .tabs-container .tabs-content .description+.documents {
  margin-top: 43px;
  border-top: 1px solid #e7e7e7;
  padding-top: 41px
}

.product-detail .tabs-container .tabs-content .videos .name {
  margin: 0;
  font-size: 1.375em;
  font-weight: 700
}

.product-detail .tabs-container .tabs-content .videos .items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 22px -10px -20px
}

.product-detail .tabs-container .tabs-content .videos .items .item {
  width: calc((100% - 40px)/2);
  height: 16.96vw;
  margin: 0 10px 20px
}

.product-detail .tabs-container .tabs-content .videos .items .item iframe {
  width: 100% !important;
  height: 100% !important
}

.product-detail .tabs-container .tabs-content .videos+.documents {
  margin-top: 40px;
  border-top: 1px solid #e7e7e7;
  padding-top: 41px
}

.product-detail .tabs-container .tabs-content .characteristics table {
  width: 100%;
  border: none;
  border-collapse: collapse
}

.product-detail .tabs-container .tabs-content .characteristics table td {
  padding: 0
}

.product-detail .tabs-container .tabs-content .characteristics table .type {
  width: 36%;
  line-height: 4.5em;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/background-line.svg);
  background-repeat: repeat-x;
  background-position: 0 50%;
}

.product-detail .tabs-container .tabs-content .characteristics table .type span {
  display: inline-block;
  padding-right: 20px;
  background-color: #fff
}

.product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"]+label::before {
  border: 1px solid #aaa;
  border-radius: 2px;
  background-color: #f5f5f5
}

.product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"]:checked+label::before {
  border-color: #055ca7;
  background-color: #055ca7;
  background-position: center 2px
}

.product-detail .tabs-container .tabs-content .characteristics table .type.no-filter span {
  padding-left: 26px
}

.product-detail .tabs-container .tabs-content .characteristics table .value {
  padding-left: 20px
}

.product-detail .tabs-container .tabs-content .characteristics .filter-action {
  display: flex;
  align-items: center;
  margin-top: 22px;
  padding: 20px 30px;
  background-color: rgba(5, 92, 167, 0.1)
}

.product-detail .tabs-container .tabs-content .characteristics .filter-action .text {
  line-height: 1.5em
}

.product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 15px
}

.product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons .count {
  margin-right: 21px;
  font-size: 0.875em;
  color: #828282
}

.product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons .btn {
  min-width: auto;
  padding: 10px 19px 9px
}

.product-detail .tabs-container .tabs-content .availability {
  padding-top: 1px
}

.product-detail .tabs-container .tabs-content .availability table {
  width: 100%;
  border: none;
  border-collapse: collapse
}

.product-detail .tabs-container .tabs-content .availability table td {
  padding: 0
}

.product-detail .tabs-container .tabs-content .availability table .address {
  width: 49.2%;
  line-height: 1.5em;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/background-line.svg);
  background-repeat: repeat-x;
  background-position: 0px 16px
}

.product-detail .tabs-container .tabs-content .availability table .address a {
  display: inline-block;
  padding-right: 20px;
  background-color: #fff
}

.product-detail .tabs-container .tabs-content .availability table .value {
  padding-left: 21px
}

.product-detail .tabs-container .tabs-content .availability table .value:before {
  content: '\004b';
  position: relative;
  top: 2px;
  margin-right: 6px;
  font-size: 14px;
  color: #27ae60
}

.product-detail .tabs-container .tabs-content .availability table .value.out:before {
  content: '\004c';
  color: #eb5757
}

.product-detail .tabs-container .tabs-content .reviews-container {
  margin-top: -2px
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item:not(:first-child),
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div:not(:first-child) {
  margin-top: 24px
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .name,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div .name {
  display: inline-block;
  font-size: 0.8125em;
  font-weight: 700;
  color: #282828;
  line-height: 1em;
  letter-spacing: 0.02em;
  text-transform: uppercase
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .message-post-date,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div .message-post-date {
  display: inline-block;
  margin-left: 9px;
  font-size: 0.875em;
  color: #828282
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item th,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div th {
  text-align: left
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item thead td,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div thead td {
  padding-bottom: 9px
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item>tbody,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div>tbody {
  margin-top: 9px
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item>tbody>tr>td:first-child,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div>tbody>tr>td:first-child {
  padding-left: 21px;
  font-size: 0.875em;
  line-height: 1.5em;
  border-left: 1px solid #055ca7
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item>tbody .reviews-post-reply-buttons,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div>tbody .reviews-post-reply-buttons {
  padding-top: 7px
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item>tbody .reviews-post-reply-buttons a,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div>tbody .reviews-post-reply-buttons a {
  margin-right: 8px;
  color: #828282
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item>tbody .reviews-post-reply-buttons a:hover,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div>tbody .reviews-post-reply-buttons a:hover {
  color: #055ca7
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .entry-quote,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div .entry-quote {
  margin: 10px 0;
  background-color: #efefef
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .entry-quote thead th,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div .entry-quote thead th {
  padding-top: 7px;
  padding-left: 15px;
  font-size: 0.85em
}

.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .entry-quote tbody td,
.product-detail .tabs-container .tabs-content .reviews-container .reviews>div .entry-quote tbody td {
  padding: 7px 15px
}

.product-detail .tabs-container .tabs-content .reviews-container .buttons {
  margin-top: 3.2%
}

.product-detail .tabs-container .tabs-content .reviews-container .buttons .btn {
  margin-right: 17px;
  padding: 9px 24px 10px
}

.product-detail .tabs-container .tabs-content .reviews-container .buttons .btn.white {
  padding: 7px 23px 8px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form {
  margin-top: 20px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-header {
  margin-bottom: 7px;
  font-size: 0.875em
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-author {
  margin-bottom: 15px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-author label {
  display: block;
  font-size: 0.875em
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-required-field {
  padding-left: 2px;
  color: #eb5757
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .feed-add-post-text {
  padding: 0
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-upload {
  margin-bottom: 15px;
  font-size: 0.875em
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-upload .reviews-upload-info {
  margin-bottom: 5px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-setting:not(:last-child) {
  margin-bottom: 5px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-setting label {
  font-size: 0.875em;
  color: #828282;
  line-height: 1.5em
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-captcha {
  margin: 25px 0
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-captcha .reviews-reply-field-captcha-label {
  margin-bottom: 7px;
  font-size: 0.875em
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-buttons {
  margin-top: 30px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-buttons .btn {
  margin-right: 6px;
  padding: 9px 24px 10px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-buttons .btn.white {
  padding: 7px 23px
}

.product-detail .tabs-container .tabs-content .reviews-reply-form iframe {
  background-color: #f5f5f5
}

.product-detail .tabs-container .tabs-content .reviews-note-box-text {
  margin-top: 40px;
  padding: 5px 15px;
  color: #444;
  border: 1px dotted #efefef
}

.product-detail .feedback {
  display: flex;
  margin-bottom: 50px;
  padding: 41px 40px;
  background-color: #fff
}

.product-detail .feedback .text {
  width: 27.685%;
  margin-right: 42px;
  flex-shrink: 0
}

.product-detail .feedback .text .name {
  font-size: 1.375em;
  font-weight: 700
}

.product-detail .feedback .text .desc {
  margin-top: 20px;
  line-height: 1.5em
}

.product-detail .feedback .form form {
  display: flex;
  flex-wrap: wrap
}

.product-detail .feedback .form .column {
  display: flex;
  flex-direction: column
}

.product-detail .feedback .form .column.big {
  width: 61.1%;
  margin-right: 2.5%
}

.product-detail .feedback .form .column.small {
  width: 36.4%;
  flex-shrink: 0
}

.product-detail .feedback .form .column .field {
  display: flex;
  height: 100%;
  margin-bottom: 21px
}

.product-detail .feedback .form .column .field textarea {
  height: auto;
  border: none
}

.product-detail .feedback .form .form-captcha {
  width: 61.1%
}

.product-detail .feedback .form .form-captcha .control-label {
  margin-bottom: 3px
}

.product-detail .feedback .form .form-captcha .control-label .required {
  color: #eb5757
}

.product-detail .feedback .form .form-captcha .captcha-content {
  display: flex
}

.product-detail .feedback .form .form-captcha .image {
  display: flex;
  margin-right: auto;
  padding-right: 15px;
  flex-shrink: 0
}

.product-detail .feedback .form .form-captcha .image img {
  margin: auto 0 3px
}

.product-detail .feedback .form input[type="text"] {
  width: 100%;
  padding: 12px 18px 10px;
  font-size: 0.875em;
  border: none;
  border-radius: 4px;
  box-sizing: border-box
}

.product-detail .feedback .form input[type="text"]:not(:last-child) {
  margin-bottom: 21px
}

.product-detail .feedback .form textarea {
  width: 100%;
  height: 100%
}

.product-detail .feedback .form .policy {
  width: 100%;
  margin-top: 15px
}

.product-detail .feedback .form .policy label {
  font-size: 0.875em;
  color: #828282
}

.product-detail .feedback .form .buttons {
  width: 100%;
  margin-top: 17px
}

.product-detail .feedback .form .buttons .btn {
  min-width: auto;
  padding: 12px 18px;
  opacity: 1
}

.product-detail .feedback .form .errors-message {
  width: 100%;
  margin-bottom: 21px;
  padding: 19px 20px 20px;
  font-size: 0.875em;
  color: #eb5757;
  line-height: 1.2em;
  background-color: #feeeee;
  border: 1px solid #f5a3a3;
  border-radius: 3px;
  box-sizing: border-box
}

.product-detail .feedback .form .errors-message p {
  margin: 0
}

.product-detail .feedback .form .success-message {
  width: 100%;
  margin-bottom: 21px;
  padding: 19px 20px 20px;
  font-size: 0.875em;
  color: #27ae60;
  line-height: 1.2em;
  background-color: #eaf7ef;
  border: 1px solid #8ad1a8;
  border-radius: 3px;
  box-sizing: border-box
}

.product-detail .feedback .form .success-message .title {
  margin-bottom: 5px;
  font-size: 1.15em;
  font-weight: 700
}

.product-detail .feedback .form .success-message .text {
  width: 100%;
  margin-right: 0
}

.product-detail .relevant-products .section-name {
  margin-left: 7px;
  margin-bottom: 32px;
  font-size: 1.375em;
  font-weight: 700
}

.product-detail .brand-info {
  margin-bottom: 24px;
  padding: 51px 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.product-detail .brand-info .img {
  width: 81px;
  margin: 0 auto
}

.product-detail .brand-info .desc {
  margin-top: 43px;
  font-size: 0.875em;
  line-height: 1.5em
}

.product-detail .brand-info .links {
  margin-top: 13px
}

.product-detail .brand-info .links .item {
  font-size: 0.875em;
  line-height: 1.5em
}

.product-detail .short-products-list {
  margin-bottom: 24px;
  padding: 42px 40px 38px;
  background-color: #fff
}

.product-detail .short-products-list .name {
  font-size: 1.375em;
  font-weight: 700
}

.product-detail .short-products-list .items {
  margin-top: 32px
}

.product-detail .short-products-list .items .item {
  display: flex;
  align-items: center;
  pointer-events: none
}

.product-detail .short-products-list .items .item:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid #e7e7e7
}

.product-detail .short-products-list .items .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  flex-shrink: 0;
  pointer-events: auto
}

.product-detail .short-products-list .items .item .product-name {
  display: inline-block;
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1.3em;
  pointer-events: auto
}

.product-detail .short-products-list .items .item .product-name:hover {
  color: #055ca7
}

.product-detail .short-products-list .items .item .price {
  display: inline-block;
  margin-top: 7px;
  width: 100%;
  color: #282828;
  font-weight: 700;
  line-height: 1em
}

.product-detail .product-tabs-container .products-list .product-wrap {
  width: calc((100% - 120px)/5);
}

.product-detail .product-gifts-container .owl-container {
  margin-bottom: 50px
}

.product-detail.one-page .tabs-container {
  padding: 0;
  background-color: transparent
}

.product-detail.one-page .tabs-container .tabs {
  display: none
}

.product-detail.one-page .tabs-container .tabs-content {
  margin-top: 0
}

.product-detail.one-page .tabs-container .tab-content {
  display: block;
  margin-bottom: 24px;
  padding: 41px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.product-detail.one-page .tabs-container .tab-content .description .product-subtitle {
  margin-top: 0
}

.product-detail.one-page .tabs-container .tab-content .documents {
  margin-bottom: 15px
}

.product-detail.one-page .tabs-container .tab-content .product-subtitle {
  margin-bottom: 30px
}

.product-detail.one-page .product-subtitle {
  margin: 0
}

.product-detail.one-page .feedback {
  margin-bottom: 0
}

.product-detail .advantages,
.promo-page .advantages {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 24px;
  padding: 27px 28px 8px;
  background-color: #fff;
  box-sizing: border-box
}

.product-detail .advantages .item,
.promo-page .advantages .item {
  display: flex;
  align-items: center;
  width: calc((100% - 96px)/4);
  margin: 0 12px 24px
}

.product-detail .advantages .item .icon,
.promo-page .advantages .item .icon {
  position: relative;
  top: 2px;
  display: block;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  border: 1px solid #282828;
  border-radius: 50%;
  flex-shrink: 0;
  box-sizing: border-box
}

.popup {
  width: 380px;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.popup.open {
  border-top: 5px solid #055ca7
}

.popup.fastview-popup {
  width: auto;
  border-top: none
}

.popup .popup-content {
  width: auto;
  padding: 36px 40px 40px;
  box-sizing: border-box
}

.popup .popup-header {
  position: relative
}

.popup .popup-header .popup-title {
  font-size: 1.375em;
  font-weight: 700
}

.popup .popup-header .close-popup-icon {
  position: absolute;
  top: -24px;
  right: -21px;
  font-size: 12px;
  color: #aaa;
  transition: color .1s ease
}

.popup .popup-header .close-popup-icon::before {
  content: '\006a'
}

.popup .popup-header .close-popup-icon:hover {
  color: #055ca7
}

.popup .popup-body {
  margin-top: 28px
}

.popup .popup-body .form-group,
.popup .popup-body .form-captcha {
  margin-bottom: 16px
}

.popup .popup-body .form-group .control-label,
.popup .popup-body .form-captcha .control-label {
  margin: 0 0 2px 1px;
  font-size: 0.875em
}

.popup .popup-body .form-group .control-label .danger-color,
.popup .popup-body .form-captcha .control-label .danger-color {
  color: #eb5757
}

.popup .popup-body .form-group input[type="text"],
.popup .popup-body .form-captcha input[type="text"],
.popup .popup-body .form-group input[type="num"],
.popup .popup-body .form-captcha input[type="num"],
.popup .popup-body .form-group input[type="password"],
.popup .popup-body .form-captcha input[type="password"],
.popup .popup-body .form-group textarea,
.popup .popup-body .form-captcha textarea {
  width: 100%;
  padding: 12px 19px;
  border: none;
  border-radius: 4px
}

.popup .popup-body .form-group textarea,
.popup .popup-body .form-captcha textarea {
  height: 100px
}

.popup .popup-body .policy {
  margin-top: 20px;
  font-size: 0.875em;
  color: #828282
}

.popup .popup-footer {
  margin-top: 19px
}

.popup .popup-errors {
  margin-top: 30px;
  padding: 19px 20px 20px;
  font-size: 0.875em;
  color: #eb5757;
  line-height: 1.2em;
  background-color: #feeeee;
  border: 1px solid #f5a3a3;
  border-radius: 3px;
  box-sizing: border-box
}

.popup .popup-errors p {
  margin: 0
}

.popup .popup-success {
  position: relative
}

.popup .popup-success .title {
  font-size: 1.375em;
  font-weight: 700
}

.popup .popup-success .text {
  margin-top: 20px
}

.popup .popup-success .close-popup-icon {
  position: absolute;
  top: -24px;
  right: -21px;
  font-size: 12px;
  color: #aaa;
  font-weight: 700
}

.popup .popup-success .close-popup-icon::before {
  content: '\006a'
}

.popup .popup-success .close-popup-icon:hover {
  color: #055ca7
}

.popup.product-image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em 3em;
  border-top: 5px solid #055ca7;
  box-sizing: border-box;
  z-index: 1001
}

.popup.product-image .close-popup-icon {
  position: absolute;
  top: 17px;
  right: 19px;
  font-size: 12px;
  color: #aaa;
  transition: color .1s ease
}

.popup.product-image .close-popup-icon::before {
  content: '\006a'
}

.popup.product-image .close-popup-icon:hover {
  color: #055ca7
}

.ui-autocomplete {
  background: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 1000
}

.ui-autocomplete .ui-menu-item {
  padding: 0;
  border-top: 1px solid #e7e7e7
}

.ui-autocomplete .ui-menu-item::before {
  content: none
}

.ui-autocomplete .ui-menu-item:first-child {
  border-top-color: #fff
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  padding: 7px 18px;
  font-size: 0.85em;
  color: #424242
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover {
  background: #E7E7E7
}

.ui-autocomplete .ui-state-active {
  margin: 0
}

.locations-list-popup {
  display: none;
  width: 840px
}

.locations-list-popup.open {
  display: block;
  border-top: none
}

.locations-list-popup .popup-content {
  padding: 41px 50px 38px
}

.locations-list-popup .popup-header {
  position: relative
}

.locations-list-popup .popup-header .close-popup-icon {
  position: absolute;
  top: -20px;
  right: -28px;
  font-size: 16px
}

.locations-list-popup .popup-body {
  margin-top: 32px
}

.locations-list-popup .popup-body .search {
  position: relative;
  max-width: 100%
}

.locations-list-popup .popup-body .search::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 15px;
  width: 14px;
  height: 14px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/search-autocomplete.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10
}

.locations-list-popup .popup-body .search input[type=text] {
  display: block;
  width: 100%;
  padding: 11px 40px 10px 14px;
  color: #828282;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 2px
}

.locations-list-popup .popup-body .favorite {
  margin: 7px 0 20px 0;
  font-size: 0.875em
}

.locations-list-popup .popup-body .favorite span,
.locations-list-popup .popup-body .favorite a {
  display: inline-block
}

.locations-list-popup .popup-body .favorite a {
  margin: 0 5px;
  line-height: 1.2em;
  text-decoration: none;
  border-bottom: 1px dashed #055ca7
}

.locations-list-popup .popup-body .items {
  display: flex;
  margin-left: -10px
}

.locations-list-popup .popup-body .items .section {
  width: 100%
}

.locations-list-popup .popup-body .items .section:not(:last-child) {
  margin-right: 14px
}

.locations-list-popup .popup-body .items .section .link {
  position: relative;
  display: block;
  margin: 5px 0
}

.locations-list-popup .popup-body .items .section .link .item {
  position: relative;
  display: inline-block;
  padding: 6px 11px 7px 10px;
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1.2em;
  border-radius: 3px
}

.locations-list-popup .popup-body .items .section .link .item.active {
  color: #fff;
  background-color: #055ca7
}

.offers {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px -24px
}

.offers>div[id*="bx_incl"] {
  display: flex;
  flex-wrap: wrap
}

.offers .offer-wrap {
  position: relative;
  width: calc((100% - 144px)/6);
  margin: 0 12px 24px
}

.offers .offer-wrap.big {
  width: calc(((100% - 144px)/6)*2 + 24px)
}

.offers .offer-wrap.big .item {
  width: 100%
}

.offers .offer-wrap.big .item .img {
  height: 340px
}

.offers .offer-wrap.big .item .name {
  font-size: 1.375em
}

.offers .offer-wrap.big .item .desc {
  margin-top: 19px;
  font-size: 1em
}

.offers .item {
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #fff;
  transition: box-shadow .2s ease;
  box-sizing: border-box
}

.offers .item .static {
  height: 100%
}

.offers .item .hover {
  display: none;
  padding-top: 20px
}

.offers .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px
}

.offers .item .img img {
  width: auto
}

.offers .item .name {
  display: block;
  margin-top: 20px;
  font-size: 1.125em;
  line-height: 1.2em;
  color: #282828;
  font-weight: 700
}

.offers .item .name:hover {
  color: #055ca7
}

.offers .item .date {
  margin-top: 12px
}

.offers .item .desc {
  margin-top: 19px;
  font-size: 0.875em;
  line-height: 1.5em
}

.offers .item:hover {
  position: absolute;
  height: auto;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 10
}

.offers .item:hover .hover {
  display: block
}

.actions.section {
  margin: 24px 0
}

.actions.section .offers {
  margin: 0
}

.actions.section .offers .owl-stage-outer {
  height: 100%
}

.actions.section .offers .owl-stage-outer:hover {
  height: 150%;
  pointer-events: none
}

.actions.section .offers .owl-stage-outer:hover .offer-wrap {
  pointer-events: auto
}

.actions.section .offers .owl-stage {
  display: flex
}

.actions.section .offers .owl-stage .offer-wrap {
  width: 100%;
  height: 100%;
  margin: 0
}

.actions {
  position: relative;
  margin-bottom: 2.5%
}

.actions .tabs {
  position: absolute;
  top: -61px;
  right: 0;
  display: inline-flex;
  border-bottom: 1px solid #e7e7e7
}

.actions .tabs .tab {
  position: relative;
  padding: 0 20px 16px;
  font-size: 0.8125em;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase
}

.actions .tabs .tab:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.actions .tabs .tab:not(.active):hover:after {
  left: 0;
  width: 100%
}

.actions .tabs .tab.active {
  color: #2a2e39
}

.actions .tabs .tab.active:after {
  left: 0;
  width: 100%
}

.actions .date {
  display: inline-block;
  padding: 5px 9px;
  font-size: 0.6875em;
  color: #fff;
  line-height: 1em;
  background-color: #27ae60;
  border-radius: 3px
}

.actions .date.disable {
  background-color: #aaa
}

.actions .offers {
  margin-top: 2.45%
}

.actions .offer {
  display: flex;
  align-items: flex-start;
  margin-top: 2.5%
}

.actions .offer .content {
  width: 100%;
  padding: 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.actions .offer .content .main-content {
  display: flex;
  padding-bottom: 3.55%;
  border-bottom: 1px solid #e7e7e7
}

.actions .offer .content .main-content .img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  width: 43%;
  margin-right: 3.35%
}

.actions .offer .content .main-content .text-container {
  margin-top: -3px
}

.actions .offer .content .main-content .date {
  margin-bottom: 8px
}

.actions .offer .content .main-content .text p+h2,
.actions .offer .content .main-content .text h3,
.actions .offer .content .main-content .text h4 {
  margin-top: 30px
}

.actions .offer .content .buttons {
  display: flex;
  align-items: flex-start;
  margin-top: 2.55%
}

.actions .offer .content .buttons .right {
  margin-left: auto
}

.actions .products-carousel {
  margin-top: 3%;
  margin-bottom: 0
}

.other-elements {
  width: 408px;
  margin: 0 0 24px 24px;
  padding: 41px 40px 40px;
  background-color: #fff;
  flex-shrink: 0;
  box-sizing: border-box
}

.other-elements .name {
  font-size: 1.375em;
  font-weight: 700
}

.other-elements .items {
  margin-top: 9.75%
}

.other-elements .items .item {
  display: flex
}

.other-elements .items .item:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 19px;
  border-bottom: 1px solid #e7e7e7
}

.other-elements .items .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 120px;
  height: 80px;
  margin-right: 20px
}

.other-elements .items .item .title {
  display: inline-block;
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1.35em
}

.other-elements .items .item .title:hover {
  color: #055ca7
}

.other-elements .items .item .date {
  margin-top: 11px
}

.product-tabs-container .tabs-container {
  margin: 0;
  padding: 0;
  background-color: transparent
}

.product-tabs-container .tabs-container .tabs {
  display: inline-flex;
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  border-bottom: 1px solid #e7e7e7
}

.product-tabs-container .tabs-container .tabs .tab {
  position: relative;
  display: inline-block;
  padding: 0 20px 16px;
  font-size: 0.8125em;
  color: #424242;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase
}

.product-tabs-container .tabs-container .tabs .tab::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.product-tabs-container .tabs-container .tabs .tab:hover::after {
  left: 0;
  width: 100%
}

.product-tabs-container .tabs-container .tabs .tab.active {
  color: #055ca7
}

.product-tabs-container .tabs-container .tabs .tab.active::after {
  left: 0;
  width: 100%
}

.product-tabs-container .tabs-container .tabs-content {
  margin-top: 0
}

.product-tabs-container .tabs-container .tabs-content .tab-content {
  display: none;
  margin-top: 0;
  opacity: 0;
  transition: opacity 10s ease
}

.product-tabs-container .tabs-container .tabs-content .tab-content .products-carousel {
  margin-bottom: 0
}

.product-tabs-container .tabs-container .tabs-content .tab-content .products-carousel .owl-carousel .owl-hidden {
  opacity: 1
}

.product-tabs-container .tabs-container .tabs-content .tab-content .products-carousel .owl-container {
  margin: 0
}

.product-tabs-container .tabs-container .tabs-content .tab-content .products-carousel .owl-stage {
  display: flex
}

.product-tabs-container .tabs-container .tabs-content .tab-content.active {
  display: block;
  opacity: 1
}

.products-carousel {
  width: 100%;
  margin-bottom: 24px
}

.products-carousel>.name {
  margin-left: 6px;
  font-size: 1.375em;
  font-weight: 700
}

.products-carousel .owl-container {
  position: relative;
  margin: 32px 0 -24px
}

.products-carousel .items {
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 30
}

.products-carousel .items .owl-stage-outer:hover {
  height: 150%;
  pointer-events: none
}

.products-carousel .items .owl-stage-outer:hover .product-card:hover {
  pointer-events: auto
}

.products-carousel .items .product-wrap {
  width: auto;
  max-width: 240px;
  margin: 0;
  transition: opacity .05s ease;
  opacity: 0
}

.products-carousel .items .owl-nav {
  position: absolute;
  top: -63px;
  right: 0
}

.products-carousel .items.wrap {
  flex-wrap: wrap
}

.products-carousel .items.show .product-wrap {
  opacity: 1
}

.contacts .bx-yandex-view-layout {
  width: 100%;
  margin-bottom: 24px;
  background-color: #fff
}

.contacts .info {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  padding: 40px 3.522%;
  background-color: #fff;
  box-sizing: border-box
}

.contacts .info .item {
  display: flex;
  align-items: center;
  width: 18.95%;
  margin-right: 3.8%
}

.contacts .info .item:before {
  display: block;
  width: 76px;
  height: 77px;
  margin-right: 20px;
  font-size: 25px;
  color: #055ca7;
  text-align: center;
  line-height: 77px;
  border: 2px solid #055ca7;
  border-radius: 50%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.contacts .info .item .text {
  width: 100%
}

.contacts .info .item .text .name {
  color: #828282
}

.contacts .info .item .text .content {
  font-weight: 700;
  line-height: 1.6em
}

.contacts .info .item.main-address:before {
  content: '\006c';
  font-size: 27px
}

.contacts .info .item.phone:before {
  content: '\0061'
}

.contacts .info .item.phone a {
  color: #2a2e39
}

.contacts .info .item.email:before {
  content: '\0062'
}

.contacts .info .item.email a {
  color: #2a2e39
}

.contacts .info .btn {
  align-self: center;
  padding: 10px 24px
}

.contacts .offices {
  margin-bottom: 12px;
  padding: 34px 41px 41px;
  background-color: #fff
}

.contacts .offices .title {
  margin: 10px 0;
  font-size: 1.625em;
  color: #282828;
  font-weight: 700
}

.contacts .offices .desc {
  margin-top: 1.6%
}

.contacts .offices .items {
  display: flex;
  flex-wrap: wrap;
  margin: 2.45% 0 -20px
}

.contacts .offices .items .item {
  width: 50%;
  margin-bottom: 24px;
  padding: 0 2.5% 27px 0;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box
}

.contacts .offices .items .item:not(:nth-child(even)):last-child {
  border-bottom: none
}

.contacts .offices .items .item .name {
  margin-bottom: 16px;
  font-size: 1.375em;
  font-weight: 700
}

.contacts .offices .items .item .office,
.contacts .offices .items .item .content {
  display: flex;
  width: 100%
}

.contacts .offices .items .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 140px;
  height: 94px;
  margin-right: 30px
}

.contacts .offices .items .item .office-info .address {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.45em
}

.contacts .offices .items .item .office-info .metro {
  position: relative;
  margin-top: 8px;
  padding-left: 33px
}

.contacts .offices .items .item .office-info .metro:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 20px;
  height: 14px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-metro.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.contacts .offices .items .item .office-info .time {
  position: relative;
  margin-top: 8px;
  padding-left: 33px;
  line-height: 1.25em
}

.contacts .offices .items .item .office-info .time:before {
  content: '\005a';
  position: absolute;
  top: 3px;
  left: 2px;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 16px;
  color: #055ca7;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.contacts .offices .items .item .phone {
  align-self: flex-start;
  flex-shrink: 0;
  display: block;
  margin-left: auto;
  padding-left: 17px;
  color: #2a2e39;
  line-height: 1.75em
}

.personal {
  display: flex;
  align-items: flex-start;
  margin-top: 2.5%
}

.personal>div[id*="bx_incl"]:first-child {
  width: 24%;
  margin-right: 24px;
  flex-shrink: 0
}

.personal>div[id*="bx_incl"]:first-child .links {
  width: 100%;
  margin-right: 0
}

.personal .links {
  width: 24%;
  margin-right: 24px;
  padding: 21px 39px;
  background-color: #fff;
  flex-shrink: 0;
  box-sizing: border-box
}

.personal .links li {
  display: block;
  padding: 16px 0;
  font-size: 0.875em;
  font-weight: 700
}

.personal .links li:not(:last-child) {
  border-bottom: 1px solid #e7e7e7
}

.personal .links li:before {
  content: none
}

.personal .links li a {
  color: #2a2e39
}

.personal .links li a:hover {
  color: #055ca7
}

.personal .links li.active a {
  color: #055ca7
}

.personal .links li.exit a {
  color: #055ca7
}

.personal .links li.exit a:before {
  content: '\0047';
  margin-right: 8px;
  font-size: 10px
}

.personal .links li.exit a:hover {
  opacity: 0.9
}

.personal .personal-menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px -24px;
  flex-grow: 1
}

.personal .personal-menu .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc((100% - 72px)/3);
  height: 192px;
  margin: 0 12px 24px;
  padding-top: 12px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-menu .item .fa {
  display: block;
  margin-bottom: 21px
}

.personal .personal-menu .item .fa:before {
  display: block;
  font-family: 'Icon Custom';
  font-style: normal;
  font-size: 56px;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.personal .personal-menu .item .fa.fa-calculator:before {
  content: '\0063'
}

.personal .personal-menu .item .fa.fa-credit-card {
  margin-bottom: 18px
}

.personal .personal-menu .item .fa.fa-credit-card:before {
  content: '\0064';
  font-size: 60px
}

.personal .personal-menu .item .fa.fa-user-secret {
  margin-bottom: 20px
}

.personal .personal-menu .item .fa.fa-user-secret:before {
  content: '\0065';
  font-size: 58px
}

.personal .personal-menu .item .fa.fa-list-alt:before {
  content: '\0066'
}

.personal .personal-menu .item .fa.fa-list-ol:before {
  content: '\0067'
}

.personal .personal-menu .item .fa.fa-shopping-cart {
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  text-align: center;
  border: 2px solid #055ca7;
  border-radius: 50%
}

.personal .personal-menu .item .fa.fa-shopping-cart:before {
  content: '\0046';
  margin-left: -1px;
  font-size: 35px;
  line-height: 56px
}

.personal .personal-menu .item .fa.fa-envelope:before {
  content: '\0068'
}

.personal .personal-menu .item .fa.fa-info-circle {
  margin-bottom: 23px
}

.personal .personal-menu .item .fa.fa-info-circle:before {
  content: '\0069';
  font-size: 54px
}

.personal .personal-menu .item .name {
  font-size: 1.125em;
  color: #2a2e39;
  font-weight: 700
}

.personal .personal-menu .item .name:hover {
  color: #055ca7
}

.personal .personal-refill {
  width: 100%;
  padding: 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-refill .sale-personal-account-wallet-container {
  max-width: none;
  margin-bottom: 0;
  padding: 2.35% 28px 2.4%;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  box-sizing: border-box
}

.personal .personal-refill .sale-personal-account-wallet-container .sale-personal-account-wallet-title {
  padding: 0;
  font-family: 'Roboto';
  font-size: 0.875em;
  color: #828282;
  font-weight: 400;
  line-height: 1.5em;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0
}

.personal .personal-refill .sale-personal-account-wallet-container .sale-personal-account-wallet-list-container {
  margin-top: 0.9%;
  color: #2a2e39;
  background-color: transparent;
  border-radius: 0
}

.personal .personal-refill .sale-personal-account-wallet-container .sale-personal-account-wallet-list-container .sale-personal-account-wallet-list-item {
  display: flex;
  align-items: flex-start;
  padding: 0;
  font-size: 1em;
  overflow: visible
}

.personal .personal-refill .sale-personal-account-wallet-container .sale-personal-account-wallet-list-container .sale-personal-account-wallet-list-item .sale-personal-account-wallet-sum {
  float: none;
  font-size: 2em;
  line-height: 1.15em;
  vertical-align: top
}

.personal .personal-refill .sale-personal-account-wallet-container .sale-personal-account-wallet-list-container .sale-personal-account-wallet-list-item .sale-personal-account-wallet-currency {
  float: none;
  margin-left: 20px;
  font-size: 1em;
  vertical-align: top
}

.personal .personal-refill .sale-personal-account-wallet-container .sale-personal-account-wallet-list-container .sale-personal-account-wallet-list-item .sale-personal-account-wallet-currency .sale-personal-account-wallet-currency-item {
  font-family: 'Roboto';
  font-size: 0.875em;
  color: #eb5757;
  font-weight: 400
}

.personal .personal-refill .sale-personal-account-wallet-container .sale-personal-account-wallet-list-container .sale-personal-account-wallet-list-item .sale-personal-account-wallet-currency .sale-personal-account-wallet-currency-item+.sale-personal-account-wallet-currency-item {
  margin-top: 4px;
  font-family: 'Roboto';
  font-size: 0.875em
}

.personal .personal-refill .info {
  padding: 28px 27px;
  border: 1px solid #e7e7e7;
  border-top: none;
  box-sizing: border-box
}

.personal .personal-refill .info .sale-personal-section-account-sub-header {
  margin-bottom: 18px;
  font-size: 1.125em;
  color: #282828;
  font-weight: 700
}

.personal .personal-refill .info .sale-acountpay-block {
  margin-bottom: 2.35%
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-title {
  margin: 0 0 8px;
  font-size: 1em;
  color: #828282;
  font-weight: 700
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-fixedpay-container .sale-acountpay-fixedpay-list .sale-acountpay-fixedpay-item {
  display: inline-block;
  padding: 5px 10px 4px;
  font-size: 0.875em;
  background-color: #f5f5f5;
  border-radius: 3px;
  cursor: pointer;
  user-select: none
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-fixedpay-container .sale-acountpay-fixedpay-list .sale-acountpay-fixedpay-item:not(:last-child) {
  margin-right: 3px
}

.personal .personal-refill .info .sale-acountpay-block>div[style*="max-width"] {
  max-width: none !important
}

.personal .personal-refill .info .sale-acountpay-block .form-group {
  margin-top: 10px
}

.personal .personal-refill .info .sale-acountpay-block .form-group .col-sm-9 {
  display: inline-block;
  width: 300px
}

.personal .personal-refill .info .sale-acountpay-block .form-group .col-sm-9 input {
  width: 100%;
  padding: 11px 10px 10px;
  text-align: right
}

.personal .personal-refill .info .sale-acountpay-block .form-group .control-label {
  display: inline-block;
  margin-left: 8px;
  font-size: 0.875em
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp {
  margin-top: 10px
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .col-md-7 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px -24px
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company {
  width: calc((100% - 150px)/5);
  margin: 0 15px 24px
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company .sale-acountpay-pp-company-graf-container {
  position: relative;
  height: 130px;
  padding: 20px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  cursor: pointer
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company .sale-acountpay-pp-company-graf-container:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  box-sizing: border-box
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company .sale-acountpay-pp-company-graf-container .sale-acountpay-pp-company-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company .sale-acountpay-pp-company-graf-container .sale-acountpay-pp-company-image[style*="(0)"] {
  display: flex;
  background-image: none !important
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company .sale-acountpay-pp-company-graf-container .sale-acountpay-pp-company-image[style*="(0)"]::before {
  content: '';
  display: block;
  width: 52px;
  height: 52px;
  margin: auto;
  background-color: #055ca7;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/ruble.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 31px;
  border-radius: 50%
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company .sale-acountpay-pp-company-smalltitle {
  margin-top: 10px;
  font-weight: 700;
  cursor: pointer
}

.personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company.bx-selected .sale-acountpay-pp-company-graf-container:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-color: #055ca7;
  border-color: #055ca7
}

.personal .personal-refill .info .sale-account-pay-button {
  min-width: auto;
  padding: 10px 24px
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper {
  line-height: 1.5em
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper .tablebodytext br+br {
  display: none
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper form {
  margin-top: 23px
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper form input[type="submit"] {
  display: inline-block;
  margin-right: 15px;
  padding: 14px 25px;
  font-size: 1.125em;
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border: none;
  border-radius: 30px;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper form input[type="submit"]:hover {
  opacity: .9
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper form span[class*="descrition"] {
  font-size: 0.875em;
  color: #828282
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper form .sale-paysystem-description {
  display: block;
  width: 55%;
  margin-top: 30px;
  line-height: 1.2em
}

.personal .personal-refill .info .bx-sap .sale-paysystem-wrapper form .sale-paysystem-description b {
  font-weight: 700
}

.personal .personal-profile {
  width: 100%;
  padding: 39px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-profile .main-profile-block-shown {
  position: relative
}

.personal .personal-profile .main-profile-block-shown .main-profile-block-date-info {
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 0;
  font-size: 0.875em;
  color: #828282;
  text-align: right
}

.personal .personal-profile .main-profile-block-shown .main-profile-block-date-info strong {
  font-weight: 400
}

.personal .personal-profile .main-profile-block-shown .form-group {
  display: block;
  margin-bottom: 2.4%;
  overflow: visible
}

.personal .personal-profile .main-profile-block-shown .form-group .main-profile-form-label {
  display: block;
  width: 100%;
  font-size: 0.875em;
  text-align: left;
  line-height: 1.5em
}

.personal .personal-profile .main-profile-block-shown .form-group .form-control {
  width: 41.95%;
  height: 46px;
  margin-top: 9px;
  padding: 9px 14px
}

.personal .personal-profile .main-profile-block-shown .form-group .main-profile-form-password-annotation {
  margin: 0;
  font-family: 'Roboto';
  font-size: 0.875em;
  color: #828282;
  font-weight: 400
}

.personal .personal-profile .main-profile-form-buttons-block {
  margin: 2.65% 0 0
}

.personal .personal-profile .main-profile-form-buttons-block .btn {
  padding: 10px 24px
}

.personal .personal-profile .main-profile-form-buttons-block .btn[name="reset"] {
  padding: 10px 24px;
  font-size: 14px;
  color: #828282;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 100px;
  transition: all .2s ease
}

.personal .personal-profile .main-profile-form-buttons-block .btn[name="reset"]:hover {
  color: #5c5c5c;
  border-color: #bcbcbc
}

.personal .personal-profile .main-profile-social-block {
  margin-top: 0
}

.personal .personal-order-list {
  width: 100%;
  padding: 37px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-order-list>h3 {
  margin: 4px 0 29px
}

.personal .personal-order-list .sale-order-history-link {
  margin-right: 26px;
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.5em
}

.personal .personal-order-list .sale-order-title {
  margin: 2.35% 0 0;
  font-size: 1.375em
}

.personal .personal-order-list .sale-order-list-container {
  margin-top: 2.7%;
  padding-bottom: 4px;
  border: 1px solid #e7e7e7
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-title-container {
  padding: 17px 19px;
  background-color: #f5f5f5;
  box-sizing: border-box
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-title-container .sale-order-list-title {
  margin: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5em
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-title-line {
  display: inline-block;
  padding: 16px 19px 0
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-title-line .sale-order-list-inner-title-line-item {
  font-size: 0.875em;
  color: #828282
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row {
  padding: 0 19px 15px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row:not(:last-child) {
  border-bottom: 1px solid #e7e7e7
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body {
  display: flex;
  align-items: flex-start
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-payment .sale-order-list-payment-title {
  margin-top: 6px;
  font-weight: 700
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-payment .sale-order-list-payment-title .sale-order-list-status-alert {
  margin-left: 16px;
  padding: 8px 10px 7px 9px;
  font-size: 0.875em;
  color: #eb5757;
  background-color: #fdefef;
  border: 1px solid #f5afaf;
  border-radius: 3px;
  user-select: none
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-payment .sale-order-list-payment-title .sale-order-list-status-success {
  margin-left: 16px;
  padding: 8px 10px 7px 9px;
  font-size: 0.875em;
  color: #27ae60;
  background-color: #eaf7f0;
  border: 1px solid #a3dbbb;
  border-radius: 3px;
  user-select: none
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-payment .sale-order-list-payment-price {
  margin-top: 6px;
  font-size: 0.875em
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-payment .sale-order-list-change-payment {
  position: relative;
  font-size: 0.875em
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-payment .sale-order-list-change-payment:after {
  content: '';
  position: absolute;
  top: 2px;
  right: -16px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #055ca7;
  border-bottom: 1px solid #055ca7;
  transform: rotate(45deg);
  cursor: default;
  pointer-events: none
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-button-container {
  margin-left: auto
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-button-container .sale-order-list-button {
  display: inline-block;
  margin-top: -3px;
  padding: 8px 23px;
  font-size: 14px;
  color: #fff;
  background-color: #055ca7;
  border: 1px solid #055ca7;
  border-radius: 100px;
  transition: opacity .2s ease
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-button-container .sale-order-list-button:hover {
  opacity: 0.9
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-title {
  margin-top: 6px;
  font-weight: 700
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-title .sale-order-list-status-alert {
  margin-left: 16px;
  padding: 8px 10px 7px 9px;
  font-size: 0.875em;
  color: #eb5757;
  background-color: #fdefef;
  border: 1px solid #f5afaf;
  border-radius: 3px;
  user-select: none
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-title .sale-order-list-status-success {
  margin-left: 16px;
  padding: 8px 10px 7px 9px;
  font-size: 0.875em;
  color: #27ae60;
  background-color: #eaf7f0;
  border: 1px solid #a3dbbb;
  border-radius: 3px;
  user-select: none
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-status {
  margin-top: 13px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-status .sale-order-list-shipment-status-item {
  font-size: 0.875em
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-status .sale-order-list-shipment-status-block {
  margin-left: 6px;
  padding: 7px 10px 8px 9px;
  font-size: 0.875em;
  color: #828282;
  font-weight: 700;
  background-color: #f5f5f5;
  border: 1px solid #aaa;
  border-radius: 3px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-item {
  margin: 14px 0 1px;
  font-size: 0.875em
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-about-container {
  display: inline-block;
  margin-top: 19px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-about-container .sale-order-list-about-link {
  display: inline-block;
  padding: 9px 24px 8px 23px;
  font-size: 14px;
  color: #fff;
  background-color: #055ca7;
  border: 1px solid #055ca7;
  border-radius: 100px;
  transition: opacity .2s ease
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-about-container .sale-order-list-about-link:hover {
  opacity: .9
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-repeat-container {
  display: inline-block;
  margin: 19px 0 0 6px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-repeat-container .sale-order-list-repeat-link {
  display: inline-block;
  padding: 9px 24px 8px 23px;
  font-size: 14px;
  color: #fff;
  background-color: #055ca7;
  border: 1px solid #055ca7;
  border-radius: 100px;
  transition: opacity .2s ease
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-repeat-container .sale-order-list-repeat-link:hover {
  opacity: .9
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-cancel-container {
  float: right;
  display: inline-block;
  margin-top: 19px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-cancel-container .sale-order-list-cancel-link {
  display: inline-block;
  padding: 9px 23px 8px;
  font-size: 14px;
  color: #828282;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 100px;
  transition: all .2s ease
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-cancel-container .sale-order-list-cancel-link:hover {
  color: #5c5c5c;
  border-color: #bcbcbc
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-title-container {
  padding: 17px 19px;
  background-color: #f5f5f5;
  box-sizing: border-box
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-title {
  margin: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5em
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-date-container {
  padding: 16px 19px 17px;
  font-size: 0.875em
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished {
  padding: 0 19px 15px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-inner-row {
  display: flex
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-inner-row .sale-order-list-about-accomplished {
  margin-right: 9px
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-about-link,
.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-repeat-link {
  display: inline-block;
  padding: 9px 24px 8px 23px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border: 1px solid #055ca7;
  border-radius: 100px;
  transition: opacity .2s ease
}

.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-about-link:hover,
.personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-repeat-link:hover {
  opacity: .9
}

.personal .personal-order-list .sale-order-list-cancel-payment {
  display: none
}

.personal .personal-order-list .sale-order-list-inner-row-template {
  display: none
}

.personal .personal-order-list .sale-order-list-cancel-payment {
  position: relative;
  display: inline-block;
  padding: 8px 23px 8px 28px;
  font-size: 14px;
  color: #828282;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  transition: all .2s ease;
  cursor: pointer
}

.personal .personal-order-list .sale-order-list-cancel-payment .fa-long-arrow-left {
  position: absolute;
  top: 50%;
  left: 14px;
  margin-top: -3px;
  width: 5px;
  height: 5px;
  border-left: 1px solid #828282;
  border-bottom: 1px solid #828282;
  transition: all .2s ease;
  transform: rotate(45deg)
}

.personal .personal-order-list .sale-order-list-cancel-payment:hover {
  color: #5c5c5c;
  border-color: #bcbcbc
}

.personal .personal-order-list .sale-order-list-cancel-payment:hover .fa-long-arrow-left {
  border-color: #5c5c5c
}

.personal .personal-order-details {
  width: 100%;
  padding: 35px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-order-details .sale-order-detail .sale-order-detail-back-to-list-link-up {
  font-size: 0.875em;
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail .sale-order-detail-back-to-list-link-down {
  display: none
}

.personal .personal-order-details .sale-order-detail-general {
  margin-top: 2.45%;
  border: 1px solid #e7e7e7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-general-head {
  padding: 17px 19px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e7e7e7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-general-head .sale-order-detail-general-item {
  color: #282828;
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order {
  padding: 18px 19px 15px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-title .sale-order-detail-about-order-title-element {
  margin: 0;
  font-size: 1em;
  color: #2a2e39;
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container>.row {
  display: flex;
  margin-top: 16px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name {
  width: 35%;
  margin-right: 1.2%
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-title {
  font-size: 0.875em;
  color: #828282
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-detail {
  margin: 6px 0 25px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-read-less {
  position: relative;
  display: none;
  font-size: 0.875em;
  cursor: pointer
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-read-less:after {
  content: '';
  position: absolute;
  top: 10px;
  right: -14px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #055ca7;
  border-left: 1px solid #055ca7;
  transform: rotate(45deg)
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-read-more {
  position: relative;
  display: inline-block;
  font-size: 0.875em;
  cursor: pointer
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-read-more:after {
  content: '';
  position: absolute;
  top: 6px;
  right: -14px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #055ca7;
  border-bottom: 1px solid #055ca7;
  transform: rotate(45deg)
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-status {
  width: 21%;
  margin-right: 1.4%
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-status .sale-order-detail-about-order-inner-container-status-title {
  font-size: 0.875em;
  color: #828282
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-status .sale-order-detail-about-order-inner-container-status-detail {
  margin-top: 6px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-price .sale-order-detail-about-order-inner-container-price-title {
  font-size: 0.875em;
  color: #828282
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-price .sale-order-detail-about-order-inner-container-price-detail {
  margin-top: 6px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 2px 0 0 auto;
  min-width: 180px;
  padding-left: 1.5%;
  box-sizing: border-box
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat a {
  display: inline-block;
  padding: 9px 24px 9px 25px;
  font-size: 0.875em;
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border: none;
  border-radius: 30px;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat a:hover {
  opacity: .9
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat a.sale-order-detail-about-order-inner-container-repeat-cancel {
  margin-top: 10px;
  padding: 9px 23px;
  font-size: 0.875em;
  color: #828282;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #e7e7e7;
  border-radius: 30px;
  box-sizing: border-box;
  transition: all .2s ease
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat a.sale-order-detail-about-order-inner-container-repeat-cancel:hover {
  color: #055ca7;
  border-color: #055ca7;
  opacity: 1
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details {
  display: none;
  margin: 24px 0 14px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-title {
  margin: 0;
  font-size: 1em
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-list {
  margin-top: 16px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-list .sale-order-detail-about-order-inner-container-list-item {
  margin-bottom: 16px;
  padding-left: 0;
  font-size: 0.875em;
  color: #828282
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-list .sale-order-detail-about-order-inner-container-list-item::before {
  content: none
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-list .sale-order-detail-about-order-inner-container-list-item:last-child {
  margin-bottom: 0
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-list .sale-order-detail-about-order-inner-container-list-item .sale-order-detail-about-order-inner-container-list-item-link,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-list .sale-order-detail-about-order-inner-container-list-item .sale-order-detail-about-order-inner-container-list-item-element {
  display: block;
  margin-top: 6px;
  font-size: 1.125em
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-details .sale-order-detail-about-order-inner-container-details-list .sale-order-detail-about-order-inner-container-list-item .sale-order-detail-about-order-inner-container-list-item-element {
  color: #2a2e39
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-title {
  padding: 18px 19px 16px;
  background-color: #f5f5f5;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-title .sale-order-detail-payment-options-title-element {
  margin: 0;
  font-size: 1em;
  color: #282828;
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container {
  padding: 18px 19px 16px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-info-order-number {
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-info-total-price {
  margin-top: 8px;
  font-size: 0.875em;
  color: #828282
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-info-total-price span {
  color: #2a2e39
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  padding-top: 29px;
  border-top: 1px solid #e7e7e7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-image-container {
  margin-right: 20px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-image-container .sale-order-detail-payment-options-methods-image-element {
  display: block;
  width: 160px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-title {
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-title-status-alert {
  position: relative;
  top: -4px;
  margin-left: 17px;
  padding: 8px 10px 7px 9px;
  font-size: 0.875em;
  color: #eb5757;
  background-color: #fdefef;
  border: 1px solid #f5afaf;
  border-radius: 3px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-title-status-success {
  position: relative;
  top: -4px;
  margin-left: 17px;
  padding: 8px 10px 7px 9px;
  font-size: 0.875em;
  color: #27ae60;
  background-color: #eaf7f0;
  border: 1px solid #a3dbbb;
  border-radius: 3px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-total-price {
  margin-top: 6px;
  font-size: 0.875em
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-change-link {
  position: relative;
  display: inline-block;
  margin-top: 6px;
  font-size: 0.875em
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-change-link:after {
  content: '';
  position: absolute;
  top: 9px;
  right: -10px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #055ca7;
  border-bottom: 1px solid #055ca7;
  transform: rotate(-45deg)
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-button-container {
  margin-left: auto
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-button-container a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 0.875em;
  color: #fff;
  font-weight: 700;
  background-color: #055ca7;
  border: none;
  border-radius: 30px;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-button-container a:hover {
  opacity: .9
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-button-container a.inactive-button {
  display: none
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-inner-row-template {
  display: none;
  width: 100%;
  margin-left: 195px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-inner-row-template .sale-order-list-cancel-payment {
  position: relative;
  display: inline-block;
  font-size: 0.875em;
  cursor: pointer
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-inner-row-template .sale-order-list-cancel-payment:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -10px;
  display: block;
  width: 5px;
  height: 5px;
  border-left: 1px solid #055ca7;
  border-bottom: 1px solid #055ca7;
  transform: rotate(45deg)
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment>div:not(.sale-order-detail-payment-options-shipment-composition-map) {
  display: flex
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-image-container {
  margin-right: 20px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-image-container .sale-order-detail-payment-options-shipment-image-element {
  display: block;
  width: 160px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item-title {
  margin-bottom: 7px;
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item {
  font-size: 0.875em
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item-link {
  margin-top: 4px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item-link .sale-order-detail-show-link {
  position: relative;
  display: inline-block;
  font-size: 0.875em;
  cursor: pointer
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item-link .sale-order-detail-show-link:after {
  content: '';
  position: absolute;
  top: 8px;
  right: -14px;
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #055ca7;
  border-bottom: 1px solid #055ca7;
  transform: rotate(45deg)
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item-link .sale-order-detail-hide-link {
  position: relative;
  display: none;
  font-size: 0.875em;
  cursor: pointer
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item-link .sale-order-detail-hide-link:after {
  content: '';
  position: absolute;
  top: 10px;
  right: -14px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #055ca7;
  border-left: 1px solid #055ca7;
  transform: rotate(45deg)
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map {
  display: none;
  margin: 17px 0 0 180px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container {
  border: 1px solid #e7e7e7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-payment-options-shipment-composition-title {
  padding: 18px 19px 16px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e7e7e7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-payment-options-shipment-composition-title .sale-order-detail-payment-options-shipment-composition-title-element {
  margin: 0;
  font-size: 1em;
  color: #282828;
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section {
  padding: 16px 18px 6px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-tr {
  display: flex;
  padding-bottom: 16px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:first-child {
  border-bottom: 1px solid #f5f5f5
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-tr.sale-order-detail-order-item-tr-first {
  padding-top: 17px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td {
  padding-bottom: 0 !important;
  font-size: 0.875em
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td.sale-order-detail-order-item-properties {
  margin-left: auto
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td.bx-text-right {
  text-align: right
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td .visible-sm {
  display: none
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td .sale-order-detail-order-item-block {
  display: flex
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td .sale-order-detail-order-item-block .sale-order-detail-order-item-img-block {
  margin: 3px 20px 0 0
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td .sale-order-detail-order-item-block .sale-order-detail-order-item-img-block .sale-order-detail-order-item-imgcontainer {
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td .sale-order-detail-order-item-block .sale-order-detail-order-item-title a {
  color: #2a2e39
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td .sale-order-detail-order-item-block .sale-order-detail-order-item-title a:hover {
  color: #055ca7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-payment-options-order-content-title {
  padding: 18px 19px 16px;
  background-color: #f5f5f5;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-payment-options-order-content-title .sale-order-detail-payment-options-order-content-title-element {
  margin: 0;
  font-size: 1em;
  color: #282828;
  font-weight: 700
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table {
  display: table;
  width: 100%;
  padding: 19px 20px;
  box-sizing: border-box
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr {
  display: table-row
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:first-child {
  display: none
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:last-child .sale-order-detail-order-item-td {
  border-bottom: 1px solid #f5f5f5
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-td {
  display: table-cell;
  padding: 20px 0 18px;
  font-size: 0.875em;
  border-top: 1px solid #f5f5f5;
  vertical-align: top
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block {
  display: flex;
  align-items: center
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block .sale-order-detail-order-item-img-block {
  margin-right: 18px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block .sale-order-detail-order-item-img-block .sale-order-detail-order-item-imgcontainer {
  display: block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block .sale-order-detail-order-item-title {
  margin-top: 2px
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block .sale-order-detail-order-item-title a {
  color: #2a2e39
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block .sale-order-detail-order-item-title a:hover {
  color: #055ca7
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-properties {
  text-align: right
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-properties .sale-order-detail-order-item-td-title {
  color: #828282
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment {
  padding: 10px 19px 42px;
  box-sizing: border-box
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-container>.row {
  display: flex;
  justify-content: flex-end
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right {
  margin-left: 27px;
  font-size: 0.875em;
  line-height: 1.4em;
  text-align: right
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left .sale-order-detail-total-payment-list-left-item,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right .sale-order-detail-total-payment-list-left-item,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left .sale-order-detail-total-payment-list-right-item,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right .sale-order-detail-total-payment-list-right-item {
  padding-left: 0
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left .sale-order-detail-total-payment-list-left-item:before,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right .sale-order-detail-total-payment-list-left-item:before,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left .sale-order-detail-total-payment-list-right-item:before,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right .sale-order-detail-total-payment-list-right-item:before {
  content: none
}

.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left .sale-order-detail-total-payment-list-left-item:last-child,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right .sale-order-detail-total-payment-list-left-item:last-child,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left .sale-order-detail-total-payment-list-right-item:last-child,
.personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right .sale-order-detail-total-payment-list-right-item:last-child {
  margin-top: 12px;
  font-size: 1.125em;
  font-weight: 700
}

.personal .personal-profile-list {
  width: 100%;
  padding: 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-profile-list .sale-personal-profile-list-container {
  width: 100%;
  border-collapse: collapse
}

.personal .personal-profile-list .sale-personal-profile-list-container tr {
  border-bottom: 1px solid #e7e7e7
}

.personal .personal-profile-list .sale-personal-profile-list-container tr:nth-child(even) {
  background-color: #f5f5f5
}

.personal .personal-profile-list .sale-personal-profile-list-container tr th {
  max-width: 375px;
  padding: 18px 19px 17px;
  font-size: 0.875em;
  color: #828282;
  font-weight: 400;
  text-align: left;
  line-height: 1.5em
}

.personal .personal-profile-list .sale-personal-profile-list-container tr td {
  max-width: 375px;
  padding: 19px 19px 16px;
  font-size: 0.875em;
  line-height: 1.5em;
  box-sizing: border-box
}

.personal .personal-profile-list .sale-personal-profile-list-container tr td b {
  font-weight: 400
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions {
  display: flex;
  align-items: center
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions .sale-personal-profile-list-change-button {
  border-bottom: none;
  vertical-align: top
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions .sale-personal-profile-list-change-button:hover {
  opacity: 0.9
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions .sale-personal-profile-list-border {
  display: none
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions .sale-personal-profile-list-close-button {
  width: 13px;
  height: 13px;
  margin: -1px 0 0 auto;
  background: none;
  transition: none
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions .sale-personal-profile-list-close-button:before {
  content: '\006a';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 12px;
  color: #eb5757;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .1s ease
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions .sale-personal-profile-list-close-button:hover {
  opacity: 1
}

.personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-actions .sale-personal-profile-list-close-button:hover:before {
  color: #ff2f2f
}

.personal .personal-profile-detail {
  width: 100%;
  padding: 30px 40px 59px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-profile-detail .sale-profile-detail-link-list {
  margin-bottom: 30px
}

.personal .personal-profile-detail .sale-profile-detail-link-list a {
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.5em
}

.personal .personal-profile-detail .sale-profile-detail-form .sale-personal-profile-detail-form-title-row {
  margin-bottom: 30px
}

.personal .personal-profile-detail .sale-profile-detail-form .sale-personal-profile-detail-form-title-row h4 {
  padding: 0;
  margin: 0;
  font-size: 1.375em;
  color: #282828;
  font-weight: 700
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group {
  display: block;
  margin-top: 25px
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .sale-personal-profile-detail-form-label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.875em;
  text-align: left
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group input,
.personal .personal-profile-detail .sale-profile-detail-form .form-group textarea {
  width: 100%;
  margin-top: 3px;
  padding: 11px 13px 10px
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group input:hover,
.personal .personal-profile-detail .sale-profile-detail-form .form-group textarea:hover {
  border-color: #e7e7e7;
  box-shadow: none
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group textarea {
  min-height: 120px
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group+.sale-personal-profile-detail-form-title-row {
  margin-top: 41px
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block {
  height: auto;
  padding: 0 30px 0 34px;
  color: #2a2e39;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .dropdown-icon {
  top: 14px;
  left: 13px;
  background-image: none
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .dropdown-icon:before {
  content: '\0045';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .dropdown-fade2white {
  display: none
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-sls-container {
  min-height: 44px
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-sls-route,
.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-combobox-route {
  margin-top: 0 !important;
  height: auto;
  padding: 11px 0 !important;
  background-color: #f5f5f5 !important
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-sls-fake,
.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-combobox-fake {
  margin-top: 0 !important;
  height: auto;
  padding: 11px 0 !important
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-combobox-toggle {
  height: 44px;
  margin-top: 0;
  background-color: #f5f5f5;
  background-image: none
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-combobox-toggle:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 12px;
  display: block;
  border: 7px solid transparent;
  border-top: 7px solid #828282
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-sls-clear {
  height: 44px;
  margin-top: 0;
  background-color: #f5f5f5;
  background-image: none
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-sls-clear:before {
  content: '\006a';
  position: absolute;
  top: 16px;
  right: 13px;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 12px;
  color: #aaa;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .2s ease
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-sls-clear:hover:before {
  color: #424242
}

.personal .personal-profile-detail .sale-profile-detail-form .form-group .dropdown-block .bx-ui-sls-pane .-bx-popup-special-prompt {
  padding: 10px 20px
}

.personal .personal-profile-detail .sale-profile-detail-form .sale-personal-profile-btn-block {
  margin-top: 24px;
  padding-bottom: 0
}

.personal .personal-profile-detail .sale-profile-detail-form .sale-personal-profile-btn-block .btn {
  min-width: auto
}

.personal .personal-profile-detail .sale-profile-detail-form .sale-personal-profile-btn-block .btn[name="reset"] {
  color: #828282;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #e7e7e7;
  border-radius: 30px;
  box-sizing: border-box;
  transition: all .2s ease
}

.personal .personal-profile-detail .sale-profile-detail-form .sale-personal-profile-btn-block .btn[name="reset"]:hover {
  color: #055ca7;
  border-color: #055ca7
}

.personal .personal-subscribe-list {
  width: 100%;
  padding: 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-subscribe-list .bx_item_list_you_looked_horizontal {
  border-bottom: none
}

.personal .personal-order-cancel {
  width: 100%;
  padding: 37px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.personal .personal-order-cancel .bx_my_order_cancel {
  margin-top: 25px;
  font-size: 0.875em
}

.personal .personal-order-cancel .bx_my_order_cancel a {
  color: #055ca7
}

.personal .personal-order-cancel .bx_my_order_cancel textarea {
  width: 100%;
  height: auto;
  margin-top: 9px;
  max-width: none;
  min-height: 120px
}

.personal .personal-order-cancel .bx_my_order_cancel input[type="submit"] {
  display: inline-block;
  padding: 8px 21px;
  font-size: 1em;
  color: #055ca7 !important;
  font-weight: 700;
  background-color: #fff !important;
  background-image: none;
  border: 2px solid #055ca7;
  border-radius: 30px;
  text-align: center;
  text-shadow: none;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.personal .personal-order-cancel .bx_my_order_cancel input[type="submit"]:hover {
  color: #fff !important;
  background-color: #055ca7 !important
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-payment-title {
  margin-top: 6px;
  font-weight: 700
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-status-alert,
.personal .sale-order-payment-change-pp .sale-order-payment-change-status-success,
.personal .sale-order-payment-change-pp .sale-order-payment-change-status-block {
  margin-left: 16px;
  padding: 8px 10px 7px 9px;
  font-size: 0.875em;
  border-radius: 3px;
  user-select: none
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-status-alert {
  color: #eb5757;
  background-color: #fdefef;
  border: 1px solid #f5afaf
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-status-success {
  color: #27ae60;
  background-color: #eaf7f0;
  border: 1px solid #a3dbbb
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-status-block {
  color: #828282;
  background-color: #f5f5f5;
  border: 1px solid #aaa
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-payment-price {
  margin-top: 6px;
  font-size: 0.875em
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-payment-price .sale-order-payment-change-payment-number {
  white-space: nowrap
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-pp-list {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 15px -10px -15px
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-pp-company {
  width: 200px;
  margin: 0 15px 28px;
  cursor: pointer
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-pp-company-image {
  position: relative;
  width: 200px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  box-sizing: border-box
}

.personal .sale-order-payment-change-pp .sale-order-payment-change-pp-company-smalltitle {
  margin-top: 7px;
  font-weight: 700
}

.personal .sale-order-payment-change-pp .sale-paysystem-wrapper {
  margin: 5px 0 23px;
  padding: 0;
  border: none
}

.personal .sale-order-payment-change-pp .sale-paysystem-wrapper div[class*="button-container"]>span:first-child {
  display: inline-block;
  margin: 15px 10px 17px 0
}

.personal .sale-order-payment-change-pp .sale-paysystem-wrapper div[class*="button-container"] a[class*="button-item"] {
  height: 38px;
  padding: 10px 22px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  line-height: 35px;
  background-color: #055ca7;
  border: none;
  border-radius: 2px;
  transition: background .3s ease
}

.personal .sale-order-payment-change-pp .sale-paysystem-wrapper div[class*="button-container"] a[class*="button-item"]:hover {
  opacity: .9
}

.personal .sale-order-payment-change-pp .sale-paysystem-wrapper div[class*="button-container"] span[class*="button-descrition"] {
  display: inline-block;
  margin: 0 0 15px 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #80868e
}

.personal .sale-order-payment-change-pp .sale-paysystem-wrapper>p:last-child {
  margin: 0
}

.personal .sale-order-payment-change-pp .sale-paysystem-wrapper .sale-paysystem-description {
  display: block;
  margin: 0;
  font-family: 'Ubuntu';
  font-size: 0.875em;
  color: #424242;
  line-height: 1.2em
}

.bx-basket {
  position: relative;
  display: flex;
  margin: 2.45% 0 24px
}

.bx-basket .print-order {
  position: absolute;
  top: -72px;
  right: 1px;
  display: block;
  padding: 9px 22px 8px 23px;
  border-color: #aaa
}

.bx-basket .print-order:before {
  content: '\0071';
  margin-right: 5px;
  font-size: 12px
}

.bx-basket .main-basket {
  order: -1;
  width: 100%;
  padding: 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.bx-basket .main-basket .basket-items-list-header {
  display: flex;
  align-items: flex-start
}

.bx-basket .main-basket .basket-items-list-header .basket-items-search-field {
  flex: 0 0 auto !important;
  margin-right: 4.2%
}

.bx-basket .main-basket .basket-items-list-header .basket-items-search-field .form {
  position: relative;
  display: inline-block
}

.bx-basket .main-basket .basket-items-list-header .basket-items-search-field .form .form-control {
  width: 300px;
  padding: 11px 38px 10px 15px
}

.bx-basket .main-basket .basket-items-list-header .basket-items-search-field .form .basket-clear {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 30px;
  height: 100%;
  cursor: pointer
}

.bx-basket .main-basket .basket-items-list-header .basket-items-search-field .form .basket-clear:before {
  content: '\006a';
  display: inline-block;
  margin-left: 4px;
  font-family: 'Icon Custom';
  font-size: 12px;
  color: #aaa;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .05s ease
}

.bx-basket .main-basket .basket-items-list-header .basket-items-search-field .form .basket-clear:hover:before {
  color: #ff2f2f
}

.bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter {
  border-bottom: 1px solid #e7e7e7
}

.bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item {
  position: relative;
  display: inline-block;
  padding: 0 17px 16px;
  font-size: 0.8125em;
  color: #055ca7;
  font-weight: 700;
  letter-spacing: 0.015em;
  text-transform: uppercase;
  transition: color .3s ease
}

.bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  display: block;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item:not(.active):hover:after {
  left: -3px;
  width: 103%
}

.bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item.active {
  color: #2a2e39
}

.bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item.active:after {
  left: -3px;
  width: 103%
}

.bx-basket .main-basket .basket-items-list-header .remove-order {
  margin: 2px 0 0 auto;
  padding: 9px 23px 8px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.bx-basket .main-basket .basket-items-list-header .remove-order:before {
  content: '\006a';
  position: relative;
  top: 1px;
  margin-right: 5px;
  font-size: 12px
}

.bx-basket .main-basket .basket-items-list-container {
  margin-top: 29px
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table {
  width: 100%;
  border-top: 1px solid #e7e7e7;
  border-collapse: collapse
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table td {
  padding: 30px 0 40px;
  vertical-align: top
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container {
  border-bottom: 1px solid #e7e7e7
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions {
  width: 55.25%
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner {
  display: flex;
  align-items: flex-start
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  margin-right: 30px
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image .basket-item-image-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image div[class*="basket-item-label"] {
  display: none
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info {
  line-height: 1.2em
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-info-name {
  margin: 0 0 18px;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.2em
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-info-name .basket-item-info-name-link {
  color: #282828
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-info-name .basket-item-info-name-link:hover {
  color: #055ca7
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed {
  display: flex;
  align-items: center;
  margin: 21px 0 16px;
  font-size: 0.875em
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed:before {
  content: '\0043';
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: -1px 7px 0 -4px;
  font-family: 'Icon Custom';
  font-size: 12px;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  line-height: 32px;
  background-color: #055ca7;
  border-radius: 50%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed .alert {
  display: inline-block
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed .alert a {
  white-space: nowrap
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property .basket-item-property-name {
  display: inline-block;
  margin-right: 2px;
  font-size: 0.875em;
  color: #828282
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property .basket-item-property-value {
  display: inline-block;
  font-size: 0.875em
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property-custom-text {
  margin-top: 6px
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property-custom-text .basket-item-property-custom-name {
  display: inline-block;
  margin-right: 2px;
  font-size: 0.875em;
  color: #828282
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property-custom-text .basket-item-property-custom-value {
  display: inline-block;
  font-size: 0.875em
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price {
  padding-left: 39px;
  white-space: nowrap
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price .basket-item-price-current {
  order: -1
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price .basket-item-price-current .basket-item-price-current-text {
  font-size: 1.125em;
  font-weight: 700
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price .basket-item-price-old {
  display: none
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price .basket-item-price-difference {
  margin-top: 10px;
  padding: 4px 8px 5px 7px;
  font-size: 0.75em;
  line-height: 1em;
  border: 2px solid #f2c94c
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one {
  padding-left: 15px
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one .basket-item-block-price .basket-item-price-title {
  margin-top: 6px;
  font-size: 0.875em;
  color: #aaa
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one .basket-item-price-old {
  display: block
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one .basket-item-price-old .basket-item-price-old-text {
  font-size: 0.875em;
  color: #828282;
  text-decoration-line: line-through
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount {
  width: 99px;
  padding-left: 70px
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount {
  position: relative;
  top: -10px;
  display: inline-flex;
  justify-content: space-around;
  width: 99px;
  padding: 10px 7px 8px;
  font-size: 14px;
  background-color: #f5f5f5;
  border-radius: 30px;
  box-sizing: border-box
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount input {
  display: inline-block;
  width: 20px;
  height: 1.4em;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 1em;
  color: #2a2e39;
  text-align: center;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: textfield
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount input::-webkit-inner-spin-button,
.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount input ::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-minus,
.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-plus {
  font-size: 12px;
  color: #2a2e39;
  cursor: pointer
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-minus:before,
.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-plus:before {
  display: inline-block;
  margin-top: 4px;
  font-family: 'Icon Custom';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-minus:hover,
.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-plus:hover {
  color: #055ca7
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-minus:before {
  content: '\004d'
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-plus:before {
  content: '\004e'
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-field-description {
  display: none
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-remove {
  width: 12px;
  padding-left: 5px;
  text-align: right
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-remove .basket-item-block-actions .basket-item-actions-remove {
  cursor: pointer
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-remove .basket-item-block-actions .basket-item-actions-remove:before {
  content: '\006a';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 12px;
  color: #eb5757;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-remove .basket-item-block-actions .basket-item-actions-remove:hover:before {
  color: #ff2f2f
}

.bx-basket>.row {
  align-self: flex-start;
  flex-shrink: 0;
  width: 408px;
  margin-left: 24px;
  padding: 39px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.bx-basket>.row .basket-coupon-section {
  padding-bottom: 29px;
  border-bottom: 1px solid #e7e7e7
}

.bx-basket>.row .basket-coupon-section .basket-coupon-block-field-description {
  font-weight: 700
}

.bx-basket>.row .basket-coupon-section .form {
  margin-top: 18px
}

.bx-basket>.row .basket-coupon-section .form .form-group {
  position: relative
}

.bx-basket>.row .basket-coupon-section .form .form-group input {
  width: 100%;
  padding: 10px 35px 11px 15px
}

.bx-basket>.row .basket-coupon-section .form .form-group .basket-coupon-block-coupon-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 30px;
  height: 100%;
  cursor: pointer
}

.bx-basket>.row .basket-coupon-section .form .form-group .basket-coupon-block-coupon-btn:before {
  content: '\006b';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 16px;
  color: #055ca7;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .05s ease
}

.bx-basket>.row .basket-coupon-section .form .form-group .basket-coupon-block-coupon-btn:hover:before {
  opacity: 0.9
}

.bx-basket>.row .basket-coupon-section .basket-coupon-alert-section {
  margin: 6px 0 0 2px
}

.bx-basket>.row .basket-coupon-section .basket-coupon-alert-section .basket-coupon-alert:last-child {
  margin-bottom: -14px
}

.bx-basket>.row .basket-coupon-section .basket-coupon-alert-section .basket-coupon-alert .basket-coupon-text {
  font-size: 0.875em
}

.bx-basket>.row .basket-coupon-section .basket-coupon-alert-section .basket-coupon-alert .close-link {
  margin-left: 3px;
  cursor: pointer
}

.bx-basket>.row .basket-coupon-section .basket-coupon-alert-section .basket-coupon-alert .close-link:before {
  content: '\006a';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 8px;
  color: #eb5757;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .05s ease
}

.bx-basket>.row .basket-checkout-section {
  margin-top: 8.5%
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total .basket-checkout-block-total-inner {
  position: relative;
  display: flex
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total .basket-checkout-block-total-inner .basket-checkout-block-total-title {
  color: #282828;
  font-weight: 700
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total .basket-checkout-block-total-inner .basket-checkout-block-total-description {
  margin: 2px 0 0 auto;
  padding-left: 10px;
  font-size: 0.875em;
  color: #828282
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total-price {
  padding-bottom: 28px;
  border-bottom: 1px solid #e7e7e7
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total-price .basket-checkout-block-total-price-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total-price .basket-checkout-block-total-price-inner .basket-coupon-block-total-price-current {
  order: -1;
  margin-top: 3px;
  font-size: 1.375em;
  color: #282828;
  font-weight: 700
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total-price .basket-checkout-block-total-price-inner .basket-coupon-block-total-price-old {
  margin-top: 5px;
  font-size: 0.875em;
  color: #828282;
  text-decoration: line-through
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-total-price .basket-checkout-block-total-price-inner .basket-coupon-block-total-price-difference {
  display: inline-block;
  margin-top: 10px;
  padding: 4px 7px 5px;
  font-size: 0.75em;
  line-height: 1em;
  border: 2px solid #f2c94c
}

.bx-basket>.row .basket-checkout-section .basket-checkout-minimum {
  margin-top: 30px;
  padding: 20px 20px 25px;
  text-align: center;
  background-color: #fef5ed;
  border-radius: 3px
}

.bx-basket>.row .basket-checkout-section .basket-checkout-minimum .icon {
  width: 46px;
  height: 40px;
  margin: 0 auto;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-warning.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.bx-basket>.row .basket-checkout-section .basket-checkout-minimum .name {
  margin-top: 18px;
  color: #282828;
  font-weight: 700
}

.bx-basket>.row .basket-checkout-section .basket-checkout-minimum .desc {
  margin-top: 2px;
  font-size: 0.875em;
  color: #828282
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-btn {
  margin-top: 9.25%
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-btn button {
  width: 100%;
  padding: 9px 20px 10px
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-btn .buy-one-click {
  display: block;
  margin-top: 12px;
  color: #055ca7;
  font-weight: 700;
  border: 2px solid #055ca7
}

.bx-basket>.row .basket-checkout-section .basket-checkout-block-btn .buy-one-click:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.empty-basket {
  width: 100%;
  margin: 2.5% 0 24px;
  padding: 7.65% 0 11.9%;
  background-color: #fff;
  text-align: center
}

.empty-basket .icon {
  width: 170px;
  height: 157px;
  margin: 0 auto;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-cart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.empty-basket .text {
  margin-top: 2.65%;
  font-size: 1.625em;
  color: #282828;
  font-weight: 700
}

.empty-basket .btn {
  margin-top: 1.9%
}

.gift-container {
  margin: 24px 0 24px
}

.gift-container .title {
  margin-left: 6px;
  font-size: 1.375em;
  color: #282828;
  font-weight: 700
}

.gift-container .products-list {
  position: relative;
  margin: 1.9% 0 0;
  z-index: 25
}

.gift-container .products-list .owl-stage-outer {
  height: 100%
}

.gift-container .products-list .owl-stage-outer:hover {
  height: 150%;
  pointer-events: none
}

.gift-container .products-list .owl-stage-outer:hover .product-wrap {
  pointer-events: auto
}

.gift-container .products-list .owl-stage {
  display: flex
}

.gift-container .products-list .product-wrap {
  width: auto;
  max-width: 240px
}

.gift-container .products-list .product-wrap .price-container {
  margin-top: 0
}

.gift-container .products-list .product-card:hover {
  position: static
}

.gift-container .products-list .product-card .product-item-button-container {
  margin-top: 20px
}

.gift-container .products-list .product-card .product-item-button-container .btn {
  min-width: auto
}

.gift-container .products-list .owl-nav {
  position: absolute;
  top: -64px;
  right: 0
}

.order-form {
  margin-top: 32px
}

.order-form>.row {
  display: flex;
  align-items: flex-start
}

.order-form>.row .bx-soa {
  display: flex;
  flex-direction: column;
  width: 100%
}

.order-form>.row .bx-soa-sidebar {
  flex-shrink: 0
}

.order-form .bx-soa .alert {
  padding: 17px 19px;
  font-size: 0.875em;
  border: 1px solid #ddd;
  border-radius: 3px
}

.order-form .bx-soa .alert.alert-success {
  color: #27ae60;
  background-color: #e9f7ef;
  border-color: #85d1a6
}

.order-form .bx-soa .alert.alert-success .col-xs-12 {
  padding-left: 0 !important
}

.order-form .bx-soa .alert.alert-warning {
  color: #f8c11a;
  background-color: #fff8eb;
  border-color: #ffdc8d
}

.order-form .bx-soa .alert.alert-danger {
  color: #eb5757;
  background-color: #fdefef;
  border-color: #f6baba
}

.order-form .bx-soa #bx-soa-main-notifications .alert-success {
  margin-bottom: 24px;
  padding: 17px 35px
}

.order-form .bx-soa #bx-soa-main-notifications .alert-success .col-xs-12 {
  padding-left: 0 !important
}

.order-form .bx-soa #bx-soa-main-notifications .alert-warning {
  margin-bottom: 25px
}

.order-form .bx-soa #bx-soa-main-notifications .alert-warning .col-xs-12 {
  padding-left: 0 !important
}

.order-form .bx-soa #bx-soa-total-mobile {
  display: none
}

.order-form .bx-soa .bx-soa-section {
  margin-bottom: 24px;
  background-color: #fff
}

.order-form .bx-soa .bx-soa-section .btn {
  min-width: auto;
  padding: 10px 20px 9px
}

.order-form .bx-soa .bx-soa-section .btn.pull-left {
  padding: 10px 23px 9px 24px;
  font-size: 0.875em;
  color: #828282;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #e7e7e7;
  border-radius: 30px;
  box-sizing: border-box;
  transition: all .2s ease
}

.order-form .bx-soa .bx-soa-section .btn.pull-left:hover {
  color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-title-container {
  display: flex;
  align-items: center;
  padding: 32px 39px 28px 33px;
  border-bottom: 2px solid #f5f5f5
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-title-container .bx-soa-section-title {
  position: relative;
  margin: 0;
  padding-left: 47px;
  font-size: 1.375em;
  color: #000;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 26px;
  color: #055ca7;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-title-container .text-right {
  margin-left: auto
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .alert {
  margin: 31px 40px 24px 80px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-more {
  border-top: 2px solid #f5f5f5;
  padding: 29px 40px 28px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-more .bx-soa-more-btn {
  display: flex
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-more .bx-soa-more-btn .pull-right {
  margin-left: auto
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-label {
  /* width: 8%;
        min-width: 92px; */
  /* margin: 4px 30px 0 0; */
  font-weight: 700;
  line-height: 1.2em;
  flex-shrink: 0
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-input {
  position: relative;
  width: 328px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-input:after {
  content: '\006b';
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -7px;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 16px;
  color: #055ca7;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .05s ease;
  cursor: pointer
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-input input {
  width: 100%;
  padding: 11px 15px 10px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong {
  display: flex;
  align-items: center;
  margin-top: 7px;
  font-size: 0.875em
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong:before {
  content: none;
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 6px;
  font-family: 'Icon Custom';
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong .bx-soa-coupon-remove {
  order: 1;
  margin-left: 10px;
  cursor: pointer
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong .bx-soa-coupon-remove:before {
  content: '\006a';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 8px;
  color: #eb5757;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .05s ease
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong .bx-soa-tooltip {
  font-weight: 400
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong .bx-soa-tooltip:before {
  content: '-';
  margin: 0 5px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong.bx-soa-coupon-item-danger:before {
  content: '\004c';
  color: #eb5757
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon .bx-soa-coupon-item strong.bx-soa-coupon-item-success:before {
  content: '\004b';
  color: #27ae60
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) {
  border-top: 2px solid #f5f5f5;
  padding: 30px 40px 28px 80px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon.bx-soa-coupon-item-fixed {
  padding-top: 10px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon.bx-soa-coupon-item-fixed .bx-soa-coupon-item {
  display: flex
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon.bx-soa-coupon-item-fixed .bx-soa-coupon-item:before {
  content: '\004b';
  position: relative;
  top: 5px;
  left: -1px;
  display: inline-block;
  margin-right: 6px;
  font-family: 'Icon Custom';
  font-size: 10px;
  color: #27ae60;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon.bx-soa-coupon-item-fixed .bx-soa-coupon-item .bx-soa-coupon-label {
  width: auto;
  margin: 0;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.5em
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon.bx-soa-coupon-item-fixed .bx-soa-coupon-item strong {
  margin: 0 0 0 3px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon.bx-soa-coupon-item-fixed .bx-soa-coupon-item strong:before {
  content: none
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content:not(.container-fluid) {
  padding: 28px 40px 32px 80px
}

.order-form .bx-soa .bx-soa-section .bx-soa-section-content:not(.container-fluid) .alert {
  margin: 0 0 24px
}

.order-form .bx-soa .bx-soa-section.bx-step-warning .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\0073';
  top: -4px;
  left: -3px;
  font-size: 30px;
  color: #f8c11a
}

.order-form .bx-soa .bx-soa-section.bx-step-error .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\0073';
  top: -2px;
  left: -3px;
  font-size: 30px;
  color: #eb5757
}

.order-form .bx-soa .bx-soa-auth .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\0072';
  top: -1px
}

.order-form .bx-soa .bx-soa-auth .bx-soa-section-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 28px 40px 30px 80px
}

.order-form .bx-soa .bx-soa-auth .bx-soa-section-content .alert {
  width: 100%
}

.order-form .bx-soa .bx-soa-auth .bx-soa-section-content .col-md-6 {
  width: 46.6%
}

.order-form .bx-soa .bx-soa-auth .bx-soa-section-content .row {
  width: 100%;
  margin-top: 24px
}

.order-form .bx-soa .bx-soa-auth .bx-authform {
  position: relative
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-title {
  margin: 0 0 5.75%;
  font-size: 1em;
  color: #2a2e39;
  font-weight: 400
}

.order-form .bx-soa .bx-soa-auth .bx-authform>a {
  position: absolute;
  right: 0;
  bottom: 49.25%;
  font-size: 0.875em
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container {
  margin-bottom: 3.25%
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container .bx-authform-label-container {
  margin-bottom: 1.7%;
  font-size: 0.875em
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container .checkbox {
  margin-top: 3.5%
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container .btn {
  min-width: auto;
  margin-top: 2%;
  padding: 10px 22px 9px 21px
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container .btn:not(:last-child) {
  margin-right: 10px
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container input:not([type="submit"]) {
  width: 100%;
  padding: 11px 15px 10px
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container input[type="checkbox"]:not(.adm-designed-checkbox) {
  display: none
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container input[type="checkbox"]:not(.adm-designed-checkbox)+span {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  user-select: none
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container input[type="checkbox"]:not(.adm-designed-checkbox)+span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
  border: 1px solid #aaa;
  border-radius: 2px;
  cursor: pointer;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-auth .bx-authform .bx-authform-formgroup-container input[type="checkbox"]:not(.adm-designed-checkbox):checked+span:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-auth .bx-soa-reg-block {
  padding: 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-auth .bx-soa-reg-block .btn {
  padding: 6px 16px;
  color: #055ca7;
  background-color: #fff;
  border: 2px solid #055ca7
}

.order-form .bx-soa .bx-soa-auth .bx-soa-reg-block .btn:hover {
  color: #fff;
  background-color: #055ca7;
  opacity: 1
}

.order-form .bx-soa .bx-soa-auth .bx-soa-reference {
  font-size: 0.875em;
  color: #828282
}

.order-form .bx-soa .bx-soa-basket .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\0046';
  top: -1px
}

.order-form .bx-soa .bx-soa-basket .bx-soa-table-fade {
  padding: 39px 40px 39px 80px
}

.order-form .bx-soa .bx-soa-basket .bx-soa-table-fade+.bx-soa-coupon.bx-soa-coupon-item-fixed {
  padding: 0px 40px 28px 80px
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #e7e7e7
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr {
  display: table-row;
  border-top: 1px solid #e7e7e7
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td {
  display: table-cell;
  padding: 20px 0px 13px;
  vertical-align: top
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child {
  margin-right: auto
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block {
  display: flex;
  align-items: center
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-soa-item-img-block {
  width: 60px;
  height: 60px;
  margin-right: 30px;
  flex-shrink: 0
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-soa-item-img-block a {
  display: block;
  width: 100%;
  height: 100%
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-soa-item-img-block a .bx-soa-item-imgcontainer {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-soa-item-title {
  max-width: 500px
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-soa-item-title a {
  color: #2a2e39
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-soa-item-title a:hover {
  color: #055ca7
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-scu-container {
  margin-top: 7px;
  font-size: 0.875em
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-scu-container .bx-soa-item-td-title {
  float: left;
  clear: left;
  color: #828282
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-scu-container .bx-soa-item-td-title::after {
  content: ':'
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-scu-container .bx-soa-item-td-text {
  float: left;
  margin-left: 5px
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-text-right {
  text-align: right
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-text-right .bx-soa-item-td-title {
  margin-bottom: 4px;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.2em
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-text-right .bx-soa-item-td-text .bx-price {
  display: block
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-text-right .bx-soa-item-td-text .bx-price+br {
  display: none
}

.order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-text-right .bx-soa-item-td-text .bx-price-old {
  display: block;
  font-size: 0.875em;
  color: #828282;
  font-weight: 400;
  text-decoration: line-through
}

.order-form .bx-soa .bx-soa-region .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\006c';
  top: -2px;
  left: -2px;
  font-size: 28px
}

.order-form .bx-soa .bx-soa-region .bx_soa_location {
  margin-top: 10px;
  padding: 28px 40px 30px 80px
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group br {
  display: none
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .bx-soa-custom-label {
  display: flex;
  margin-bottom: 9px;
  font-size: 0.875em;
  cursor: text
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .bx-soa-custom-label .bx-authform-starrequired {
  margin-left: 4px;
  color: #eb5757;
  order: 1
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .radio-inline {
  display: inline-block;
  margin-right: 41px
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .radio-inline label input[type="radio"] {
  display: none
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .radio-inline label input[type="radio"]:checked+span::before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .radio-inline label span {
  position: relative;
  padding-left: 34px;
  font-weight: 700;
  cursor: pointer
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .radio-inline label span::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #f5f5f5;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container {
  margin-top: 27px
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container>input {
  width: 100%
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .bx-soa-tooltip-danger {
  margin-bottom: 18px;
  padding: 8px 19px;
  font-size: 0.875em;
  color: #eb5757;
  background-color: #fdefef;
  border: 1px solid #f6baba;
  border-radius: 3px
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block {
  padding: 0 30px 0 34px;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .dropdown-icon {
  top: 13px;
  left: 14px;
  background-image: none
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .dropdown-icon:before {
  content: '\0045';
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .dropdown-fade2white {
  display: none
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-sls-container {
  min-height: 44px
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-sls-route,
.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-combobox-route {
  height: auto;
  padding: 11px 0 !important;
  background-color: #f5f5f5 !important
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-sls-fake,
.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-combobox-fake {
  height: auto;
  padding: 11px 0 !important
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-combobox-toggle {
  height: 44px;
  margin-top: 0;
  background-color: #f5f5f5;
  background-image: none
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-combobox-toggle:before {
  content: '';
  position: absolute;
  top: 20px;
  right: 12px;
  display: block;
  border: 7px solid transparent;
  border-top: 7px solid #828282
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-sls-clear {
  height: 44px;
  margin-top: 0;
  background-color: #f5f5f5;
  background-image: none
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-sls-clear:before {
  content: '\006a';
  position: absolute;
  top: 16px;
  right: 13px;
  display: inline-block;
  font-family: 'Icon Custom';
  font-size: 12px;
  color: #aaa;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color .2s ease
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-sls-clear:hover:before {
  color: #424242
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container .dropdown-block .bx-ui-sls-pane .-bx-popup-special-prompt {
  padding: 10px 20px
}

.order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-reference {
  margin-top: 20px;
  font-size: 0.875em;
  color: #828282
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\006d';
  top: -3px;
  left: -3px;
  font-size: 30px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-section-content:not(.container-fluid) .bx-soa-pp-company-selected {
  display: inline-block;
  margin-right: 10px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-section-content:not(.container-fluid) .bx-soa-pp-company-selected img {
  display: none
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-section-content:not(.container-fluid) .bx-soa-pp-price {
  display: inline-block
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp {
  display: flex;
  padding: 40px 40px 38px 80px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 -30px -15px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company {
  width: 200px;
  margin: 0 15px 30px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container {
  margin-bottom: 2px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container input[type="checkbox"]:checked+.bx-soa-pp-company-image:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image {
  position: relative;
  width: 200px;
  height: 130px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-delivery-cost {
  font-weight: 700
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-smalltitle {
  display: inline-block;
  line-height: 1.1875em;
  cursor: pointer
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination {
  width: 100%;
  margin: auto 15px 15px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li::before {
  content: none
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li a {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-right: 6px;
  padding-top: 1px;
  color: #000;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li a:hover {
  color: #055ca7
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-active a {
  color: #fff;
  background-color: #055ca7
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-prev a::before,
.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-next a::before {
  content: '';
  position: relative;
  top: 1px;
  font-family: 'Icon Custom';
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-next span {
  display: none
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-prev {
  margin-left: -10px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-prev a {
  margin-right: 0
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-prev a::before {
  content: '\0047'
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-next {
  margin-left: -6px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-pagination .bx-pagination-container ul li.bx-pag-next a::before {
  content: '\0048'
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container {
  align-self: flex-start;
  flex-shrink: 0;
  max-width: 39%;
  margin-left: auto;
  padding: 30px 30px 28px;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company {
  display: flex;
  flex-direction: column
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-subTitle {
  margin-bottom: 6px;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-logo {
  order: -1;
  margin-bottom: 10px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-logo .bx-soa-pp-company-image {
  position: relative;
  width: 200px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc {
  max-width: 300px;
  margin-bottom: 7px;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.5em
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list li {
  margin-bottom: 0;
  padding-left: 0
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list li:before {
  content: none
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list .bx-soa-pp-list-termin {
  display: inline-block;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list .bx-soa-pp-list-description {
  display: inline-block;
  margin-left: 5px;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .checkbox {
  margin-top: 5px
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .checkbox label {
  cursor: text;
  pointer-events: none
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .checkbox label>span {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-weight: 700;
  cursor: pointer;
  pointer-events: auto
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .checkbox label>span::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
  border-radius: 2px;
  border: 1px solid #aaa;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .checkbox label input[type='checkbox']:checked+span::before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .checkbox label .bx-soa-service-small {
  max-width: 300px;
  margin: 5px 0 15px;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.5em;
  cursor: text
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .form-group label {
  display: block;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .form-group select {
  margin-top: 5px;
  padding: 6px 25px 5px 10px;
  font-size: 0.875em;
  background-color: #f5f5f5;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/select-shevron.svg);
  background-position: 97.5% 50%;
  background-repeat: no-repeat;
  background-size: 7px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none !important;
  cursor: pointer
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .form-group select::-ms-expand {
  display: none
}

.order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block .form-group select:focus {
  outline: none
}

.order-form .bx-soa .bx-soa-pickup .bx-soa-section-title-container .bx-soa-section-title::before {
  content: '\0030'
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup {
  margin-top: 10px;
  padding: 28px 40px 30px 80px
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup #pickUpMap {
  height: 400px !important
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-subTitle {
  margin-top: 35px;
  font-size: 18px;
  color: #282828;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -10px 0
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item {
  position: relative;
  width: calc((100% / 3) - 20px);
  margin: 0 10px 20px;
  padding: 37px 20px 29px;
  border: 1px solid #e7e7e7;
  text-align: center;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item .bx-soa-pickup-l-item-adress {
  color: #282828;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail {
  margin-top: 19px
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail img {
  margin-bottom: 7px;
  width: 200px;
  height: 156px;
  object-fit: contain
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail .bx-soa-pickup-l-item-name {
  color: #282828
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail .bx-soa-pickup-l-item-desc {
  margin-top: 2px;
  font-size: 0.9375em;
  color: #828282;
  line-height: 1.5em
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item .bx-soa-pickup-l-item-btn {
  margin-top: 18px
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item.bx-selected::before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination {
  width: 100%;
  margin: 15px 15px 15px
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li::before {
  content: none
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li a {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-right: 6px;
  padding-top: 1px;
  color: #000;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li a:hover {
  color: #055ca7
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-active a {
  color: #fff;
  background-color: #055ca7
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-prev a::before,
.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-next a::before {
  content: '';
  position: relative;
  top: 1px;
  font-family: 'Icon Custom';
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-next span {
  display: none
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-prev {
  margin-left: -10px
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-prev a {
  margin-right: 0
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-prev a::before {
  content: '\0047'
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-next {
  margin-left: -6px
}

.order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-pagination .bx-pagination-container ul li.bx-pag-next a::before {
  content: '\0048'
}

.order-form .bx-soa .bx-soa-pickup.bx-active:not(.bx-selected) .bx-soa-section-content {
  padding: 28px 40px 30px 80px
}

.order-form .bx-soa .bx-soa-pickup.bx-active:not(.bx-selected) .bx-soa-section-content img {
  display: none
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\006e'
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-section-content:not(.container-fluid) .bx-soa-pp-company-selected img {
  display: none
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp {
  display: flex;
  align-items: flex-start;
  padding: 40px 40px 38px 80px
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 15px -30px -15px
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company {
  width: 200px;
  margin: 0 15px 28px;
  cursor: pointer
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container input[type="checkbox"]:checked+.bx-soa-pp-company-image:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image {
  position: relative;
  width: 200px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-smalltitle {
  margin-top: 10px;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container {
  width: 302px;
  margin-left: auto;
  padding: 30px 30px 33px;
  flex-shrink: 0;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company>div {
  display: flex;
  flex-direction: column
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-subTitle {
  margin-top: 10px;
  font-weight: 700
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc {
  margin-top: 6px;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.5em
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-logo {
  flex-shrink: 0;
  order: -1
}

.order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-logo .bx-soa-pp-company-graf-container .bx-soa-pp-company-image {
  position: relative;
  width: 200px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-properties .bx-soa-section-title-container .bx-soa-section-title:before {
  content: '\006f';
  top: 1px;
  left: 1px;
  font-size: 23px
}

.order-form .bx-soa .bx-soa-properties .bx-soa-section-content>strong {
  display: block;
  padding: 28px 40px 32px 80px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 {
  padding: 0 40px 0 80px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12:first-child {
  padding-top: 28px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12:last-child {
  padding-bottom: 6px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 28px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field .bx-soa-custom-label {
  display: flex;
  font-size: 0.875em
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field .bx-soa-custom-label .bx-authform-starrequired {
  margin-left: 4px;
  color: #eb5757;
  order: 1
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field .bx-soa-tooltip {
  order: 1;
  margin-top: 5px;
  font-size: 0.875em;
  color: #eb5757;
  line-height: 1.5em
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field .bx-soa-customer-label {
  display: flex;
  font-size: 0.875em
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field .bx-soa-customer-label .bx-authform-starrequired {
  margin-left: 4px;
  color: #eb5757;
  order: 1
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field input,
.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field textarea {
  width: 100%;
  padding: 11px 14px 10px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field textarea {
  min-height: 120px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field .soa-property-container,
.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field .bx-soa-customer-textarea {
  margin-top: 8px
}

.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field.has-error input,
.order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 .bx-soa-customer-field.has-error textarea {
  border-color: #eb5757
}

.order-form .bx-soa .bx-soa-properties .bx-soa-more {
  border-top: 2px solid #e7e7e7
}

.order-form .bx-soa .bx-soa-properties.bx-step-completed .bx-soa-section-content {
  padding: 28px 40px 32px 80px
}

.order-form .bx-soa .bx-soa-properties.bx-step-completed .bx-soa-section-content strong {
  padding: 0
}

.order-form .bx-soa .bx-soa-properties.bx-step-completed .alert {
  margin: 0 0 24px
}

.order-form .bx-soa .bx-soa-orderSave {
  display: flex;
  margin-bottom: 0.95%;
  padding: 30px 24px;
  background-color: #fff;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-orderSave .checkbox {
  margin-right: 24px
}

.order-form .bx-soa .bx-soa-orderSave .checkbox label a,
.order-form .bx-soa .bx-soa-orderSave .checkbox label span {
  position: relative;
  display: block;
  padding-left: 30px
}

.order-form .bx-soa .bx-soa-orderSave .checkbox label a::before,
.order-form .bx-soa .bx-soa-orderSave .checkbox label span::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  border-radius: 2px;
  border: 1px solid #aaa;
  box-sizing: border-box
}

.order-form .bx-soa .bx-soa-orderSave .checkbox label input[type="checkbox"]:checked+a::before,
.order-form .bx-soa .bx-soa-orderSave .checkbox label input[type="checkbox"]:checked+span::before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form .bx-soa .bx-soa-orderSave .btn {
  align-self: center;
  flex-shrink: 0;
  margin-left: auto;
  padding: 14px 24px 15px;
  font-size: 1.125em
}

.order-form .bx-soa-sidebar {
  width: 408px;
  margin-left: 24px;
  padding: 38px 40px 42px;
  background-color: #fff;
  box-sizing: border-box
}

.order-form .bx-soa-sidebar .name {
  padding-bottom: 8.25%;
  color: #282828;
  font-weight: 700;
  border-bottom: 1px solid #e7e7e7
}

.order-form .bx-soa-sidebar .bx-soa-cart-total-ghost {
  display: none
}

.order-form .bx-soa-sidebar .bx-soa-cart-total {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 21px
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line {
  display: flex;
  width: 100%;
  margin-top: 7px
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d {
  margin-left: auto;
  padding-left: 10px;
  text-align: right
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d .bx-soa-price-not-calc {
  color: #eb5757;
  cursor: pointer;
  border-bottom: 1px dashed #eb5757
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line .bx-price-old {
  display: block;
  margin-top: 7px;
  font-size: 0.875em;
  color: #828282;
  text-decoration: line-through
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
  align-self: flex-end;
  display: inline-block;
  width: auto;
  margin-top: 10px;
  padding: 4px 7px 5px;
  font-size: 0.75em;
  line-height: 1em;
  border: 2px solid #f2c94c
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted .bx-soa-cart-d {
  padding-left: 2px
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total {
  margin-top: 29px;
  padding-top: 31px;
  font-size: 1.375em;
  color: #282828;
  font-weight: 700;
  border-top: 1px solid #e7e7e7
}

.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-button-container {
  display: none
}

.order-form.simple .bx-soa .bx-soa-section {
  margin-bottom: 2px
}

.order-form.simple .bx-soa .bx-soa-section .bx-soa-section-title-container {
  border-bottom: none;
  padding-bottom: 0
}

.order-form.simple .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container,
.order-form.simple .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container {
  display: block
}

.order-form.simple .bx-soa .paysystem-delivery-container {
  display: flex
}

.order-form.simple .bx-soa .paysystem-delivery-container>.bx-soa-section {
  width: calc(50% - 1px);
  flex-shrink: 0
}

.order-form.simple .bx-soa .paysystem-delivery-container>.bx-soa-section .bx-soa-section-content .alert {
  margin-bottom: 0
}

.order-form.simple .bx-soa .paysystem-delivery-container>.bx-soa-section:first-child {
  margin-right: 2px
}

.order-form.simple .bx-soa .bx-soa-pp-company-line {
  margin-bottom: 24px
}

.order-form.simple .bx-soa .bx-soa-pp-company-line .bx-soa-pp-company-graf-container {
  display: flex;
  align-items: center;
  cursor: pointer
}

.order-form.simple .bx-soa .bx-soa-pp-company-line .bx-soa-pp-company-graf-container:before {
  content: "";
  background-color: #F5F5F5;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  border-radius: 50%
}

.order-form.simple .bx-soa .bx-soa-pp-company-line .bx-soa-pp-delivery-cost {
  font-weight: 700;
  padding-left: 40px;
  margin-top: 8px
}

.order-form.simple .bx-soa .bx-soa-pp-company-line.bx-selected .bx-soa-pp-company-graf-container:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.order-form.simple .bx-soa .bx-soa-pickup .bx_soa_pickup {
  padding: 0
}

.order-final {
  margin: 32px 0 12px;
  padding: 35px 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.order-final .sale_order_full_table {
  max-width: 55.45%;
  box-sizing: border-box
}

.order-final .sale_order_full_table.text {
  position: relative;
  padding-left: 84px;
  line-height: 1.2em
}

.order-final .sale_order_full_table.text:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 57px;
  height: 60px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-order-final.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.order-final .sale_order_full_table.text .desc {
  display: inline-block;
  margin-top: 18px
}

.order-final .sale_order_full_table.payment {
  margin-top: 2.3%;
  padding: 28px 26px 28px 28px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.order-final .sale_order_full_table.payment tbody {
  display: flex
}

.order-final .sale_order_full_table.payment tbody tr {
  display: block
}

.order-final .sale_order_full_table.payment tbody tr td {
  display: block
}

.order-final .sale_order_full_table.payment .ps_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 130px;
  margin-right: 20px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box
}

.order-final .sale_order_full_table.payment .ps_name .pay_name {
  margin-bottom: 3px;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.25em
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper {
  padding: 0;
  font-family: 'Roboto';
  font-size: 1em;
  color: #2a2e39;
  border: none
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext {
  display: block;
  margin-top: 25px;
  line-height: 1.5em
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext br+br {
  display: none
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext.sale-paysystem-description {
  margin: 30px 0 0;
  font-family: 'Roboto';
  font-size: 0.875em;
  color: #2a2e39;
  line-height: 1.2em
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext.sale-paysystem-description b {
  font-weight: 400
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper form {
  margin-top: 22px
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper form input[type="submit"] {
  display: inline-block;
  height: auto;
  margin-right: 26px;
  padding: 13px 24px;
  font-family: 'Roboto';
  font-size: 1.285em;
  color: #fff;
  font-weight: 700;
  line-height: 1.5em;
  background-color: #055ca7;
  border: none;
  border-radius: 30px;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper form input[type="submit"]:hover {
  opacity: .9
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper form div[class*="sale-paysystem"] span {
  margin: 0;
  font-family: 'Roboto';
  font-size: 0.875em;
  color: #828282
}

.order-final .sale_order_full_table.payment .sale-paysystem-wrapper form p {
  margin: 0
}

.ask-question {
  flex-shrink: 0;
  width: 408px;
  margin: 0 0 24px 24px;
  padding: 40px 40px;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box
}

.ask-question:before {
  content: '';
  display: block;
  width: 100px;
  height: 92px;
  margin: 0 auto;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/icon-questions.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.ask-question .name {
  margin-top: 19px;
  font-size: 1.125em;
  color: #282828;
  font-weight: 700
}

.ask-question .desc {
  margin-top: 11px;
  color: #828282;
  line-height: 1.5em
}

.ask-question .btn {
  margin-top: 23px
}

.additional-menu {
  width: 408px;
  margin: 0 0 24px 24px;
  padding: 37px 40px 20px;
  background-color: #fff;
  box-sizing: border-box
}

.additional-menu .items .item {
  padding: 0 0 16px;
  font-size: 0.875em;
  font-weight: 700
}

.additional-menu .items .item:not(:last-child) {
  margin-bottom: 17px;
  border-bottom: 1px solid #e7e7e7
}

.additional-menu .items .item:before {
  content: none
}

.additional-menu .items .item .link {
  color: #282828
}

.additional-menu .items .item .link:hover {
  color: #055ca7
}

.additional-menu .items .item.active .link {
  color: #055ca7
}

.news:not(section) {
  display: flex;
  align-items: flex-start;
  margin: 32px 0 24px
}

.news:not(section) .date {
  display: inline-block;
  padding: 5px 9px;
  font-size: 0.875em;
  color: #828282;
  line-height: 1em;
  background-color: #f5f5f5;
  border-radius: 3px
}

.news:not(section) .news-previews {
  position: relative;
  flex-grow: 1;
  /* background-color: #fff */
}

.news:not(section) .news-previews .tabs {
  position: absolute;
  top: -61px;
  right: 0;
  display: inline-flex;
  border-bottom: 1px solid #e7e7e7
}

.news:not(section) .news-previews .tabs .tab {
  position: relative;
  padding: 0 20px 16px;
  font-size: 0.8125em;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase
}

.news:not(section) .news-previews .tabs .tab:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.news:not(section) .news-previews .tabs .tab:not(.active):hover:after {
  left: 0;
  width: 100%
}

.news:not(section) .news-previews .tabs .tab.active {
  color: #2a2e39
}

.news:not(section) .news-previews .tabs .tab.active:after {
  left: 0;
  width: 100%
}

.news:not(section) .news-previews .items {
  /* padding: 40px 40p; */
}

.news:not(section) .news-previews .items .item {
  display: flex;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
}

.news:not(section) .news-previews .items .item .img {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-shrink: 0;
  width: 300px;
  height: 100%;
  /* margin-right: 20px; */
}

.news:not(section) .news-previews .items .item .img img {
  border-radius: 0 30px 30px 0;
  width: 100%;
  max-width: 200%;
  max-height: 100%;
  object-fit: cover;
}

.news:not(section) .news-previews .items .item .content .name {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.25em
}

.news:not(section) .news-previews .items .item .content .name a {
  color: #282828
}

.news:not(section) .news-previews .items .item .content .name a:hover {
  color: #055ca7
}

.news:not(section) .news-previews .items .item .content .date {
  margin-top: 13px
}

.news:not(section) .news-previews .items .item .content .desc {
  margin-top: 14px;
  line-height: 1.5em
}

.news:not(section) .news-previews .items .item .content .btn {
  margin-top: 24px;
  padding: 7px 16px
}

.news:not(section) .news-previews .items .item:not(:last-child) {
  margin-bottom: 3.35%
}

.news:not(section) .news-detail {
  width: 100%;
  /* padding: 40px; */
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 30px 30px 0 0;
}

.news:not(section) .news-detail .detail-img {
  max-width: 100%;
  /* max-height: 500px; */
  width: 100%;
  height: 100%;
  background-size: cover;
  margin: 0 auto;
  text-align: center;
  line-height: 0
}

.detail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 30px;
  /* max-height: 500px; */
}

.news .news-detail .date,
.news .news-detail .desc,
.news .news-detail .content,
.news .news-detail .buttons {
  padding: 0 40px 0 40px;
}

.news-previews .items .item .content {
  padding: 20px;
}

.news:not(section) .news-detail .date {
  margin-top: 3%
}

.news:not(section) .news-detail .desc {
  margin-top: 2.4%;
  font-size: 1.25em;
  line-height: 1.4em
}

.news:not(section) .news-detail .content {
  margin-top: 2.75%;


}

.news:not(section) .news-detail .buttons {
  display: flex;
  margin-top: 25px;
  margin-bottom: 40px;
}

.news:not(section) .news-detail .buttons .right {
  margin-left: auto
}

.news:not(section) .news-products {
  width: 100%;
  margin-top: 3.45%
}

.news:not(section) .news-products>.name {
  margin-left: 6px;
  font-size: 1.375em;
  font-weight: 700
}

.news:not(section) .news-products .owl-container {
  position: relative;
  margin: 1.9% -12px -24px;
  min-height: 408px
}

.news:not(section) .news-products .items {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%
}

.news:not(section) .news-products .items .owl-stage-outer:hover {
  height: 150%;
  pointer-events: none
}

.news:not(section) .news-products .items .owl-stage-outer:hover .product-card:hover {
  pointer-events: auto
}

.news:not(section) .news-products .items .owl-nav {
  position: absolute;
  top: -63px;
  right: 12px
}

.news:not(section) .service-detail {
  width: 100%;
  padding: 40px;
  background-color: #fff;
  box-sizing: border-box
}

.news:not(section) .service-detail .service-header-columns {
  display: flex;
  margin-bottom: 30px
}

.news:not(section) .service-detail .service-header-columns .detail-img {
  flex-shrink: 0;
  width: 42.954%;
  max-height: 17.709vw;
  margin-right: 40px
}

.news:not(section) .service-detail .service-order-block {
  display: flex;
  align-items: center;
  padding: 30px 30px 33px;
  background-color: rgba(5, 92, 167, 0.1);
  border-radius: 3px;
  box-sizing: border-box
}

.news:not(section) .service-detail .service-order-block .info {
  padding-right: 20px
}

.news:not(section) .service-detail .service-order-block .name {
  margin-bottom: 12px;
  font-size: 1.375em;
  font-weight: 700
}

.news:not(section) .service-detail .service-order-block .btn {
  flex-shrink: 0;
  margin-left: auto
}

.news:not(section) .service-detail .detail-desc {
  margin-top: 30px
}

.news:not(section) .service-detail .buttons {
  display: flex;
  margin-top: 29px;
  padding-top: 30px;
  border-top: 1px solid #e7e7e7
}

.news:not(section) .service-detail .buttons .right {
  margin-left: auto
}

.brands-page {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin: 32px 0 24px;
  box-sizing: border-box
}

.brands-page .brands-previews {
  padding: 39px 40px;
  background-color: #fff
}

.brands-page .brands-previews .items {
  display: flex;
  flex-wrap: wrap;
  margin: 2.8% -10px -20px
}

.brands-page .brands-previews .items .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 80px)/4);
  height: 8.35vw;
  margin: 0 10px 20px;
  padding: 20px 20px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  transition: all .2s ease
}

.brands-page .brands-previews .items .item .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 54px;
  text-align: center
}

.brands-page .brands-previews .items .item:hover {
  border-radius: 3px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.brands-page .desc+.brands-list {
  margin-top: 25px
}

.brands-page .brands-list {
  width: 100%
}

.brands-page .brands-list .search-panel {
  margin-bottom: 35px;
  padding: 25px 30px;
  background-color: #f5f5f5
}

.brands-page .brands-list .search-panel .mobile-link {
  display: none
}

.brands-page .brands-list .search-panel .line {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px
}

.brands-page .brands-list .search-panel .line:last-child {
  margin-bottom: -4px
}

.brands-page .brands-list .search-panel .line .label {
  width: 30px;
  min-height: 23px;
  margin: 2px 15px 0 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.brands-page .brands-list .search-panel .line .links {
  font-size: 0;
  cursor: pointer
}

.brands-page .brands-list .search-panel .line .links .link {
  display: inline-block;
  width: auto;
  min-width: 28px;
  min-height: 28px;
  margin: 0 4px 4px 0;
  padding: 0 5px;
  font-size: 1rem;
  color: #424242;
  line-height: 29px;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box
}

.brands-page .brands-list .search-panel .line .links .link:hover {
  color: #fff;
  background-color: #055ca7
}

.brands-page .brands-list .search-panel .line .links .link .active {
  color: #fff;
  background-color: #055ca7
}

.brands-page .brands-list .search-panel .line.tags .label {
  background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/brands-tags.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain
}

.brands-page .brands-list .search-panel .line.tags .links .link {
  padding: 0 9px
}

.brands-page .brands-list .search-panel .line.tags .mobile-select {
  display: none
}

.brands-page .brands-list .list .row {
  display: flex
}

.brands-page .brands-list .list .row:not(:first-child) {
  margin-top: 30px
}

.brands-page .brands-list .list .row:not(:last-child) {
  padding-bottom: 27px;
  border-bottom: 1px solid #e7e7e7
}

.brands-page .brands-list .list .label {
  width: 28px;
  height: 28px;
  margin: -5px 0 0 23px;
  color: #fff;
  text-align: center;
  line-height: 29px;
  background-color: #055ca7;
  border-radius: 3px;
  flex-shrink: 0;
  box-sizing: border-box
}

.brands-page .brands-list .list .table {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 -11px 19px
}

.brands-page .brands-list .list .table .item {
  position: relative;
  width: calc(100% / 6);
  padding: 0 6px 11px;
  line-height: 1.25em;
  box-sizing: border-box
}

.brands-page .brands-list .list .table .link {
  color: #2a2e39
}

.brands-page .brands-list .list .table .link:hover {
  color: #055ca7
}

.brands-page .brands-list .list .table .link:hover+span {
  display: block
}

.brands-page .brands-list .list .table span {
  position: absolute;
  top: -13px;
  right: 100%;
  display: none;
  width: 80px;
  height: 42px;
  margin-right: 7px;
  padding: 5px 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #fff;
  background-origin: content-box;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 #bebebe;
  box-sizing: border-box
}

.brands-page .brands-list .list .table span::after {
  content: '';
  position: absolute;
  top: 15px;
  right: -5px;
  display: block;
  border: 6px solid #fff;
  border-left: 6px solid transparent;
  border-bottom: 6px solid transparent;
  transform: rotate(45deg);
  box-shadow: 2px -2px 2px 0 #e6e6e6
}

.brands-page .brands-detail {
  width: 100%;
  padding: 28px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.brands-page .brands-detail .img-mobile {
  display: none
}

.brands-page .brands-detail .text+.buttons {
  margin-top: 2.55%
}

.brands-page .brands-detail .buttons {
  display: flex;
  align-items: flex-start
}

.brands-page .brands-detail .buttons .right {
  margin-left: auto
}

.brands-page .brands-detail+.products-carousel,
.brands-page .brands-detail+div[id*="bx_incl"] {
  width: 100%;
  margin: 45px 0 0
}

.brands-page .brands-detail+.products-carousel .brand-products-list,
.brands-page .brands-detail+div[id*="bx_incl"] .brand-products-list {
  margin-top: 0
}

.brand-products-list {
  width: 100%;
  margin-top: 45px
}

.brand-products-list .section-name {
  margin: 0 0 30px
}

.brand-products-list .product-wrap {
  width: calc((100% - 120px)/5)
}

.custom-page {
  display: flex;
  align-items: flex-start;
  margin: 2.5% 0 24px
}

.custom-page .custom-content {
  width: 100%;
  padding: 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.about {
  display: flex;
  align-items: flex-start;
  margin: 2.5% 0 24px
}

.about .about-content {
  width: 100%;
  padding: 40px 40px;
  background-color: #fff;
  box-sizing: border-box
}

.employees {
  display: flex;
  align-items: flex-start;
  margin: 2.5% 0 24px
}

.employees .social {
  display: flex;
  justify-content: center;
  align-items: flex-start
}

.employees .social .link {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin: 0 2px;
  color: #055ca7;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  transition: all .1s ease;
  box-sizing: border-box
}

.employees .social .link:before {
  font-size: 14px
}

.employees .social .link:hover {
  border-color: #055ca7
}

.employees .social .link.vk:before {
  content: '\004f'
}

.employees .social .link.fb:before {
  content: '\0050'
}

.employees .social .link.twitter:before {
  content: '\0051'
}

.employees .employees-list {
  width: 100%;
  padding: 35px 40px 39px;
  background-color: #fff;
  box-sizing: border-box
}

.employees .employees-list .department:not(:last-child) {
  margin-bottom: 2.95%
}

.employees .employees-list .department .title {
  font-size: 1.375em;
  color: #282828;
  font-weight: 700;
  line-height: 1.5em
}

.employees .employees-list .department .description {
  margin-top: 15px
}

.employees .employees-list .department .items {
  display: flex;
  flex-wrap: wrap;
  margin: 34px -10px -20px
}

.employees .employees-list .department .items .item {
  width: calc((100% - 80px)/4);
  margin: 0 10px 20px;
  padding: 30px 30px;
  text-align: center;
  border: 1px solid #e7e7e7;
  transition: all .2s ease;
  box-sizing: border-box
}

.employees .employees-list .department .items .item .img {
  display: flex;
  width: 149px;
  height: 149px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden
}

.employees .employees-list .department .items .item .img img {
  margin: auto
}

.employees .employees-list .department .items .item .name {
  display: block;
  margin-top: 18px;
  color: #000;
  font-weight: 700
}

.employees .employees-list .department .items .item .name:hover {
  color: #055ca7
}

.employees .employees-list .department .items .item .position {
  margin-top: 2px;
  font-size: 0.875em;
  color: #828282
}

.employees .employees-list .department .items .item .desc {
  margin-top: 8px;
  font-size: 0.875em;
  line-height: 1.2em
}

.employees .employees-list .department .items .item .email {
  margin-top: 10px;
  font-size: 0.875em
}

.employees .employees-list .department .items .item .phone {
  margin-top: 1px;
  font-size: 0.875em;
  font-weight: 700
}

.employees .employees-list .department .items .item .phone a {
  color: #2a2e39
}

.employees .employees-list .department .items .item .social {
  margin-top: 8px
}

.employees .employees-list .department .items .item:hover {
  border-radius: 3px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.employees .employee-detail {
  width: 100%;
  padding: 37px 40px 52px;
  background-color: #fff;
  box-sizing: border-box
}

.employees .employee-detail .info {
  display: flex
}

.employees .employee-detail .info .img {
  display: flex;
  flex-shrink: 0;
  width: 150px;
  height: 150px;
  margin: 2px 30px 0 0
}

.employees .employee-detail .info .img img {
  margin: auto
}

.employees .employee-detail .info .desc {
  padding-bottom: 2.25%;
  line-height: 1.5em;
  border-bottom: 1px solid #e7e7e7
}

.employees .employee-detail .info .employee-contacts {
  display: flex;
  margin-top: 2.75%
}

.employees .employee-detail .info .employee-contacts .position {
  margin-right: 32px;
  font-size: 0.875em;
  color: #828282
}

.employees .employee-detail .info .employee-contacts .email {
  margin-right: 30px;
  font-size: 0.875em;
  color: #828282
}

.employees .employee-detail .info .employee-contacts .phone {
  margin-right: 29px;
  font-size: 0.875em;
  font-weight: 700;
  white-space: nowrap
}

.employees .employee-detail .info .employee-contacts .phone a {
  color: #2a2e39
}

.employees .employee-detail .info .employee-contacts .social {
  margin-top: -8px
}

.employees .employee-detail .link-back {
  margin-top: 4.1%;
  padding: 2.5% 0 1.8%;
  border-top: 1px solid #e7e7e7
}

.employees .employee-detail .link-back .btn {
  padding: 9px 25px 8px 23px
}

.content-column.content-page {
  margin: 32px 0 24px;
  padding: 40px;
  background-color: #fff;
  box-sizing: border-box
}

body.aside-right .content-wrapper {
  display: flex;
  align-items: flex-start
}

body.aside-right .content-wrapper .employees {
  margin-top: 32px;
  flex-grow: 1
}

body.aside-right .content-wrapper .content-column {
  min-width: 0;
  flex-grow: 1
}

body.aside-right .content-wrapper .right-column {
  margin-top: 32px
}

body.aside-right .content-wrapper .right-column .brand-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 408px;
  height: 230px;
  margin: 0 0 24px 24px;
  padding: 40px;
  background-color: #fff;
  box-sizing: border-box
}

body.aside-right .content-wrapper .right-column .brand-img .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 54px;
  text-align: center
}

body.aside-right .content-wrapper .right-column .through-banners {
  margin: 0 0 24px 24px
}

body.aside-right .content-wrapper .right-column .through-banners .banner-item {
  width: 100%;
  height: 350px
}

.through-banners .banner-item {
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover
}

.through-banners.header_before .banner-item,
.through-banners.header_after .banner-item,
.through-banners.footer_before .banner-item {
  display: block;
  width: 100%;
  height: 60px
}

.through-banners.footer_before {
  margin-top: 25px
}

.content-page>*:first-child,
.content-page>[id*='bx_incl_area']>*:first-child {
  margin-top: 0
}

.content-page h2 {
  margin-top: 30px
}

.content-page h3 {
  margin-top: 22px
}

.content-page ul {
  margin: 10px 0
}

.content-page table {
  margin: 20px 0;
  border-collapse: collapse
}

.content-page table th {
  padding: 12px 19px;
  color: #282828;
  line-height: 1.25em;
  text-align: left;
  background-color: #f0f0f0;
  border: 1px solid #e7e7e7
}

.content-page table td {
  padding: 12px 19px;
  line-height: 1.25em;
  border: 1px solid #e7e7e7;
  vertical-align: top
}

.content-page code {
  display: inline-block;
  margin: 0;
  padding: 8px 14px 6px 10px;
  font-family: courier, monospace;
  color: #333;
  line-height: 1.25em;
  background-color: #eee;
  border-radius: 3px
}

.content-page code pre {
  margin: 0
}

.content-page h3+code {
  margin-top: 15px
}

h4+.code-content {
  margin-top: 15px
}

.code-subtitle {
  margin: 25px 0 15px
}

.code-content {
  display: flex;
  align-items: flex-start;
  margin: 25px 0
}

.code-content h2,
.code-content h3,
.code-content h4,
.code-content h5,
.code-content h6 {
  margin: 0 0 10px
}

.code-content code {
  align-self: center;
  margin-right: 20px
}

.code-content code+ul,
.code-content code+ol {
  margin-top: 3px
}

.code-content code+h2,
.code-content code+h3,
.code-content code+h4,
.code-content code+h5,
.code-content code+h6 {
  align-self: center;
  margin: 0
}

.code-content table {
  margin-top: 3px
}

.gallery {
  margin: 32px 0 24px;
  flex-grow: 1
}

.gallery .content {
  width: 100%;
  padding: 40px 40px 60px;
  background-color: #fff;
  box-sizing: border-box
}

.gallery .content .gallery-category:not(:last-child) {
  margin-bottom: 3.45%
}

.gallery .content .gallery-category .title {
  font-size: 1.375em;
  color: #282828;
  font-weight: 700
}

.gallery .content .gallery-category .desc {
  margin-top: 1.678%;
  line-height: 1.5em
}

.gallery .items {
  display: flex;
  flex-wrap: wrap;
  margin: 32px -10px -20px
}

.gallery .items .item {
  width: calc((100% - 80px)/4);
  margin: 0 10px 20px;
  padding: 30px 30px 32px;
  border: 1px solid #e7e7e7;
  transition: all .15s ease;
  box-sizing: border-box
}

.gallery .items .item .img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 226px;
  margin-bottom: 17px
}

.gallery .items .item .img::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  background-color: #055ca7;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/full-image.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border-radius: 50%
}

.gallery .items .item .img:hover::before {
  display: block
}

.gallery .items .item .name {
  color: #282828;
  font-weight: 700
}

.gallery .items .item .description {
  margin-top: 8px;
  font-size: 0.875em;
  color: #828282;
  line-height: 1.5em
}

.gallery .items .item:hover {
  border-color: transparent;
  border-radius: 3px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.compare-page {
  margin: 32px 0 24px;
  padding: 39px 40px;
  background-color: #fff
}

.compare-page .top {
  display: flex;
  align-items: flex-start
}

.compare-page .top .tabs-container {
  display: inline-flex;
  margin-bottom: 20px
}

.compare-page .top .tabs-container .tab {
  position: relative;
  display: inline-block;
  padding: 0 20px 16px;
  font-size: 0.8125em;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-bottom: 1px solid #e7e7e7
}

.compare-page .top .tabs-container .tab:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 2px;
  background-color: #055ca7;
  transition: all .3s ease
}

.compare-page .top .tabs-container .tab:hover:after {
  left: 0;
  width: 100%
}

.compare-page .top .tabs-container .tab.active {
  color: #2a2e39
}

.compare-page .top .tabs-container .tab.active:after {
  left: 0;
  width: 100%
}

.compare-page .top .btn {
  margin: 1px 0 0 auto;
  padding: 8px 23px 9px
}

.compare-page .content {
  max-width: 100%;
  margin: 1.1% 0 0 300px;
  padding-bottom: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #055ca7 #e7e7e7
}

.compare-page .content::-webkit-scrollbar {
  width: 4px;
  height: 6px
}

.compare-page .content::-webkit-scrollbar-track {
  height: 100%;
  margin: 0 3px;
  border-radius: 10px
}

.compare-page .content::-webkit-scrollbar-track-piece {
  background-color: #e7e7e7;
  border-radius: 10px
}

.compare-page .content::-webkit-scrollbar-thumb {
  height: 100px;
  background-color: #055ca7;
  border-radius: 10px
}

.compare-page .content::-webkit-scrollbar-button,
.compare-page .content::-webkit-scrollbar-corner,
.compare-page .content::-webkit-resizer {
  display: none
}

.compare-page .content .compare-table {
  position: static;
  max-width: 100%;
  margin-left: -300px;
  vertical-align: top;
  border-spacing: 0;
  border-collapse: collapse
}

.compare-page .content .compare-table tr.image td:not(.empty) {
  position: relative;
  border: none
}

.compare-page .content .compare-table tr.image td:not(.empty) .link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 224px;
  height: 224px;
  margin: 0 auto
}

.compare-page .content .compare-table tr.image td:not(.empty) .link img {
  margin: auto
}

.compare-page .content .compare-table tr.image td:not(.empty) .close {
  position: absolute;
  top: 5px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  color: #aaa;
  border-radius: 50%;
  z-index: 10
}

.compare-page .content .compare-table tr.image td:not(.empty) .close::before {
  content: '\006a';
  padding-left: 1px
}

.compare-page .content .compare-table tr.image td:not(.empty) .close:hover {
  color: #fff;
  background-color: #055ca7
}

.compare-page .content .compare-table tr.name td:not(.empty) {
  padding: 18px 20px;
  border: none
}

.compare-page .content .compare-table tr.name td:not(.empty) a {
  color: #2a2e39
}

.compare-page .content .compare-table tr.name td:not(.empty) a:hover {
  color: #055ca7
}

.compare-page .content .compare-table tr.price td:not(.empty) {
  padding: 21px 20px;
  font-size: 1.125em;
  font-weight: 700;
  vertical-align: top;
  border: none
}

.compare-page .content .compare-table td {
  min-width: 300px;
  max-width: 300px;
  padding: 15px 20px 16px;
  font-size: 0.875em;
  line-height: 1.285715em;
  border: 1px solid #e7e7e7;
  box-sizing: border-box
}

.compare-page .content .compare-table td:first-child:not(.empty) {
  position: absolute;
  margin-right: -1px;
  font-weight: 700
}

.compare-page .content .compare-table td.empty {
  border: none;
  box-shadow: 5px -10px 10px 5px #fff
}

.compare-page .content .compare-table td .row-title {
  display: none
}

.compare-page .content .compare-table .compare-price {
  width: 100%
}

.compare-page .content .compare-table .compare-price tr:not(.price) td:not(.empty) {
  position: static;
  display: table-cell;
  min-width: auto;
  max-width: none;
  padding: 0;
  font-size: 1em
}

.compare-page .content .compare-table .compare-price tr:not(.price) td:last-child {
  text-align: right
}

.jobs {
  margin: 32px 0 24px;
  flex-grow: 1
}

.jobs .jobs-list {
  width: 100%;
  padding: 40px 40px 60px;
  background-color: #fff;
  box-sizing: border-box
}

.jobs .jobs-list .title {
  font-size: 1.375em;
  color: #282828;
  font-weight: 700
}

.jobs .jobs-list .desc {
  margin-top: 1.678%;
  letter-spacing: 0.001em
}

.jobs .jobs-list .department .desc {
  display: none;
}

.jobs .jobs-list .department:not(:last-child) {
  margin-bottom: 3.475%
}

.jobs .jobs-list .items {
  margin-top: 2.8%
}

.jobs .jobs-list .items .item {
  border: 1px solid #e7e7e7
}

.jobs .jobs-list .items .item:not(:last-child) {
  border-bottom: none
}

.jobs .jobs-list .items .item .name {
  position: relative;
  display: block;
  padding: 17px 50px 18px 30px;
  font-size: 1.125em;
  color: #2a2e39;
  font-weight: 700;
  transition: .3s ease-in-out;
}

.jobs .jobs-list .items .item .name::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 29px;
  display: block;
  width: 14px;
  height: 8px;
  margin-top: -4px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/shevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all .2s ease
}

.jobs .jobs-list .items .item .name:hover {
  color: #055ca7
}

.jobs .jobs-list .items .item.open .description {
  display: flex;
  flex-direction: column;
  z-index: 1;
  animation: job .3s forwards ease-in-out;
}

.jobs .jobs-list .items .item.noopen .description {
  display: flex;
  flex-direction: column;
  z-index: 1;
  animation: job2 .3s reverse forwards ease-in-out;
}

.jobs .jobs-list .items .item .description {
  display: none;
  padding: 0;
  position: relative;
  background-color: #fafafa;
  border-top: 1px solid #e7e7e7;
  height: 0;

  overflow-y: scroll;


}

@keyframes job2 {
  0% {
    display: none;
  }

  1% {
    padding: 0px 30px 0px;
  }

  100% {
    padding: 20px 30px 41px;
    height: 300px;
  }
}

@keyframes job {
  0% {
    display: none;
  }

  1% {
    padding: 0px 30px 0px;

  }

  100% {
    padding: 20px 30px 41px;
    min-height: 100%;
    height: 300px;


  }
}

.jobs .jobs-list .items .item.open .name::after {
  margin-top: -5px;
  transform: rotate(-180deg);

}






.error-404 {
  display: flex;
  margin-top: 2.5%;
  padding: 40px;
  background-color: #fff
}

.error-404 .content {
  margin: 3.7% auto 3.65%;
  text-align: center
}

.error-404 .img {
  width: 448px;
  height: 200px;
  margin: 0 auto
}

.error-404 .name {
  margin-top: 7.25%;
  font-size: 1.625em;
  color: #282828;
  font-weight: 700
}

.error-404 .text {
  margin-top: 1.9%
}

.error-404 .text p {
  margin: 1px 0
}

.error-404 .buttons {
  margin-top: 5.35%
}

.error-404 .buttons .btn {
  margin: 0 5px
}

.error-404 .buttons .btn.transparent {
  padding: 10px 20px
}

.personal-subscribe-list .bx_item_list_slide {
  display: flex;
  flex-wrap: wrap;
  height: auto !important;
  margin: 0 -12px -25px
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item {
  position: relative;
  width: calc((100% - 72px)/4);
  margin: 0 12px 25px
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  transition: box-shadow .2s ease;
  box-sizing: border-box;
  z-index: 20
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .static {
  display: flex;
  flex-direction: column;
  height: 100%
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .static .bx_catalog_item_images {
  display: block;
  width: 100%;
  height: 224px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .static .bx_catalog_item_title {
  flex-grow: 1;
  margin-top: 8px;
  font-size: 0.875em;
  color: #424242;
  line-height: 1.3em
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .static .bx_catalog_item_title a {
  color: #424242
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .static .bx_catalog_item_title a:hover {
  color: #055ca7
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls {
  display: none;
  margin: 24px -3px 0
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls>div {
  margin: 0 3px
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls .btn {
  min-width: auto;
  padding: 8px 18px
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls .btn-link {
  display: inline-block;
  padding: 6px 13px;
  font-size: 0.875em;
  color: #055ca7;
  font-weight: 700;
  background-color: #fff;
  border: 2px solid #055ca7;
  border-radius: 30px;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls .btn-link:hover {
  color: #fff;
  background-color: #055ca7
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container:hover {
  position: absolute;
  height: auto;
  border-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  z-index: 21
}

.personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container:hover .bx_catalog_item_controls {
  display: flex
}

.sale-order-detail-payment-options-methods-template {
  position: relative;
  margin: 24px 0 14px
}

.sale-order-detail-payment-options-methods-template .sale-paysystem-close {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 10
}

.sale-order-detail-payment-options-methods-template .sale-paysystem-close .sale-paysystem-close-item {
  width: auto;
  height: auto;
  font-size: 12px;
  color: #aaa;
  background: none;
  transition: color .1s ease;
  cursor: pointer
}

.sale-order-detail-payment-options-methods-template .sale-paysystem-close .sale-paysystem-close-item::before {
  content: '\006a';
  display: inline-block;
  font-family: 'Icon Custom';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.sale-order-detail-payment-options-methods-template .sale-paysystem-close .sale-paysystem-close-item:hover {
  color: #055ca7;
  opacity: 1
}

.sale-paysystem-wrapper {
  width: 100%;
  margin: 0;
  padding: 30px 30px 32px;
  font-family: 'Roboto';
  font-size: 1rem;
  color: #2a2e39;
  border: 1px solid #e7e7e7;
  box-sizing: border-box
}

.sale-paysystem-wrapper .tablebodytext {
  line-height: 1.5em
}

.sale-paysystem-wrapper .tablebodytext br+br {
  display: none
}

.sale-paysystem-wrapper form {
  margin-top: 2.1%
}

.sale-paysystem-wrapper form .sale-paysystem-description {
  display: block;
  margin-top: 2.6%;
  font-family: 'Roboto';
  font-size: 0.875rem;
  color: #424242
}

.sale-paysystem-wrapper form span {
  margin: 0;
  font-size: 0.875rem;
  color: #828282
}

.sale-paysystem-wrapper form input[type="submit"] {
  display: inline-block;
  margin-right: 16px;
  height: auto;
  padding: 12px 24px 13px;
  font-family: 'Roboto';
  font-size: 1.125rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5em;
  background-color: #055ca7;
  border: none;
  border-radius: 30px;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease;
  cursor: pointer
}

.sale-paysystem-wrapper form input[type="submit"]:hover {
  opacity: .9
}

.auth {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin: 32px 0 24px;
  padding: 40px;
  background-color: #fff;
  box-sizing: border-box
}

.auth .left-column {
  width: 33%;
  margin-right: 3.75%
}

.auth .right-column {
  position: relative;
  top: 2px;
  width: 30.5%;
  padding: 31px 30px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.auth .name {
  margin-bottom: 10px;
  font-size: 1.375em;
  color: #000;
  font-weight: 700
}

.auth .text {
  line-height: 1.5em
}

.auth .reg-link {
  margin-top: 17px;
  padding: 7px 18px 8px
}

.auth .auth-link {
  font-size: 0.875em;
  line-height: 1.5em;
  border-bottom: 1px dashed #055ca7
}

.auth .auth-link:hover {
  border-color: transparent
}

.auth .form {
  position: relative;
  margin-top: 30px
}

.auth .form .input-container {
  margin-bottom: 17px;
  font-size: 0.875em
}

.auth .form input {
  width: 100%;
  padding: 11px 14px 10px
}

.auth .form .label {
  position: relative;
  margin-bottom: 9px
}

.auth .form .checkbox {
  margin-top: 19px
}

.auth .form .forgot-password {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.875em
}

.auth .form .tip {
  margin: 5px 0;
  font-size: 0.8572em;
  color: #828282;
  line-height: 1.5em
}

.auth .form .tip.right {
  text-align: right
}

.auth .form .line {
  position: relative;
  margin-bottom: 10px;
  text-align: center
}

.auth .form .line::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #424242;
  z-index: 1
}

.auth .form .line span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
  z-index: 2
}

.auth .form .required {
  color: #eb5757
}

.auth .form .submit {
  margin-top: 28px
}

.auth .form .buttons {
  display: flex;
  align-items: center;
  margin-top: 28px
}

.auth .form .buttons .submit {
  margin: 0 auto 0 0
}

.auth .form .buttons .auth-link {
  position: relative;
  top: -3px
}

.auth input[type="checkbox"]:not(.adm-designed-checkbox) {
  display: none
}

.auth input[type="checkbox"]:not(.adm-designed-checkbox)+span {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  user-select: none
}

.auth input[type="checkbox"]:not(.adm-designed-checkbox)+span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
  border: 1px solid #aaa;
  border-radius: 2px;
  cursor: pointer;
  box-sizing: border-box
}

.auth input[type="checkbox"]:not(.adm-designed-checkbox):checked+span:before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7;
  border-color: #055ca7
}

.auth .reg {
  width: 100%
}

.auth .reg .form {
  width: 33%
}

.popup-basket-add {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000
}

.popup-basket-add .overflow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.popup-basket-add .box {
  position: relative;
  width: 240px;
  padding: 40px 50px;
  background-color: #fff;
  text-align: center
}

.popup-basket-add .box .close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/local/templates/magnet_s1/less_compile/../img/icons/icon-close-basket-popup.svg') no-repeat
}

.popup-basket-add .box .title {
  margin: 0 0 20px 0;
  font-size: 1.25em;
  font-weight: 500
}

.popup-basket-add .box .title:before {
  content: "";
  display: block;
  margin: 0 auto 20px auto;
  width: 78px;
  height: 74px;
  background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/icon-basket-popup.svg');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain
}

.popup-basket-add .box .btn {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  padding-left: 0;
  padding-right: 0
}

.owl-dots {
  width: 100%;
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  height: 13px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.owl-dots .owl-dot {
  display: inline-block;
  width: 32px;
  height: 5px;
  margin: 0 5px;
  background-color: #055CA7;
  box-sizing: border-box;
  transition: .3s ease-in-out;
}

.owl-dots .owl-dot::after {
  content: "";
  display: block;
  position: relative;
  height: 15px;
  top: -10px;
}

.owl-dots .owl-dot.active {
  height: 15px;
  border-radius: 3px;
  background-color: #055CA7;
  transition: .3s ease-in-out;
}

.owl-dot.active::after {
  top: 0px;
}

.owl-dots.disable {
  display: none
}

.header-mobile-menus {
  display: none
}

.catalog-mobile-menu {
  position: static;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  border-right: none
}

.catalog-mobile-menu .burger-button {
  position: absolute;
  top: 50%;
  right: 24px;
  display: block;
  width: 20px;
  height: 14px;
  margin-top: -5px;
  cursor: pointer
}

.catalog-mobile-menu .burger-button span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #055ca7;
  border-radius: 9px;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
  opacity: 1
}

.catalog-mobile-menu .burger-button span:nth-child(1) {
  top: 0px
}

.catalog-mobile-menu .burger-button span:nth-child(2) {
  top: 5px
}

.catalog-mobile-menu .burger-button span:nth-child(3) {
  top: 10px
}

.catalog-mobile-menu .list {
  margin-left: 3px
}

.catalog-mobile-menu .list .item {
  height: 66px;
  margin-bottom: 0;
  padding-left: 0
}

.catalog-mobile-menu .list .item:before {
  content: none
}

.catalog-mobile-menu .list .item:not(:last-child) {
  padding-bottom: 14px
}

.catalog-mobile-menu .list .item a {
  display: flex;
  align-items: center;
  width: 125px;
  height: 100%;
  padding-left: 41px;
  overflow: hidden;
  transition: width .15s ease;
  box-sizing: border-box
}

.catalog-mobile-menu .list .item a .img {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  min-width: 60px;
  transition: transform .15s ease
}

.catalog-mobile-menu .list .item a .img img {
  max-width: 60px;
  max-height: 60px
}

.catalog-mobile-menu .list .item a .text {
  display: inline-block;
  margin-left: 24px;
  min-width: 224px;
  color: #2a2e39;
  font-size: 0.875em;
  font-weight: 700;
  transition: all .2s ease;
  overflow: hidden
}

.catalog-mobile-menu .list .item a:hover .img {
  transform: scale(1.1)
}

.catalog-mobile-menu .list .item a:hover .text {
  color: #055ca7
}

.catalog-mobile-menu .sub {
  display: none
}

.catalog-mobile-menu .content {
  position: static;
  width: 100%;
  border-right: none
}

.catalog-mobile-menu .content nav {
  position: relative;
  padding: 0;
  z-index: 35
}

.catalog-mobile-menu .content nav .head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: auto;
  margin: 0;
  padding: 18px 0 16px;
  line-height: 1;
  text-align: center;
  background-color: #fff;
  z-index: 10
}

.catalog-mobile-menu .content nav .head .burger-button {
  position: relative;
  top: -1px;
  left: -2px;
  display: inline-block;
  margin-left: 0;
  pointer-events: none
}

.catalog-mobile-menu .content nav .head .title {
  width: auto;
  margin-top: 0;
  padding-left: 6px;
  pointer-events: none;
  font-size: 1.125em;
  font-weight: 700
}

.catalog-mobile-menu .content nav .head .title a {
  color: #424242
}

.catalog-mobile-menu .content nav .scroll {
  display: none;
  position: absolute;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  z-index: 5
}

.catalog-mobile-menu .content nav .list {
  display: block;
  margin-left: 0;
  transition: transform .4s ease;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.catalog-mobile-menu .content nav .list .item {
  position: static;
  height: auto;
  padding: 0;
  background-color: #fff
}

.catalog-mobile-menu .content nav .list .item:not(:last-child) a {
  border-bottom: 1px solid #e7e7e7
}

.catalog-mobile-menu .content nav .list .item a {
  position: relative;
  display: block;
  width: 93.5%;
  margin: 0 auto;
  padding: 20px 0 17px;
  line-height: 1em
}

.catalog-mobile-menu .content nav .list .item a:hover .text {
  color: #2a2e39
}

.catalog-mobile-menu .content nav .list .item a .img {
  display: none
}

.catalog-mobile-menu .content nav .list .item a .text {
  margin-left: 0;
  font-weight: 400
}

.catalog-mobile-menu .content nav .list .item:hover>a {
  box-shadow: none
}

.catalog-mobile-menu .content nav .list .item.has-sub a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1px;
  margin-top: -4px;
  border: 3px solid transparent;
  border-left: 4px solid #282828
}

.catalog-mobile-menu .content nav .list .item.open .sub {
  display: block;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.catalog-mobile-menu .content nav .list.open-sub {
  transform: translateX(-100%)
}

.catalog-mobile-menu .content nav .sub {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 10
}

.catalog-mobile-menu .content nav .sub .title {
  display: none
}

.catalog-mobile-menu .content nav .sub .items {
  width: 93.5%;
  margin: 0 auto
}

.catalog-mobile-menu .content nav .sub .items .item {
  margin-bottom: 0
}

.catalog-mobile-menu .content nav .sub .items .item:before {
  display: none
}

.catalog-mobile-menu .content nav .sub .items .item:not(:nth-child(2n)) {
  margin-right: 0
}

.catalog-mobile-menu .content nav .sub .items .item:not(:last-child) {
  border-bottom: 1px solid #e7e7e7
}

.catalog-mobile-menu .content nav .sub .items .item a {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 0 17px;
  font-size: 1em;
  color: #424242;
  line-height: 1em;
  border-bottom: none
}

.catalog-mobile-menu .content nav .sub .items .item a:after {
  content: none
}

.catalog-mobile-menu .content nav .sub .items .item.back a {
  padding-left: 18px;
  font-size: 0.875em
}

.catalog-mobile-menu .content nav .sub .items .item.back a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -2px;
  margin-top: -3px;
  border: 3px solid transparent;
  border-right: 4px solid #282828
}

.catalog-mobile-menu .content nav .sub .items .item.back a:after {
  content: none
}

.catalog-mobile-menu .content nav .sub .items .item.back a:hover {
  color: #2a2e39
}

.catalog-mobile-menu .content nav .sub .banner {
  max-height: inherit
}

.catalog-mobile-menu .content nav .sub .banner a {
  display: block;
  line-height: 0
}

.catalog-mobile-menu.open .content {
  width: 100%;
  box-shadow: none
}

.catalog-mobile-menu.open .content nav .scroll {
  display: block
}

.catalog-mobile-menu.open .content nav .sub {
  padding-top: 0
}

.catalog-mobile-menu.open .content nav .sub .items {
  margin-top: 0;
  padding: 0
}

.catalog-mobile-menu.open .content nav .sub .items .item {
  width: 100%
}

.catalog-mobile-menu.open .content nav .sub .items .item:not(:last-child) {
  margin-right: 0
}

.catalog-mobile-menu.open .content nav .sub .items .item .img {
  display: none
}

.catalog-mobile-menu.open .content nav .sub .items .item.back {
  display: block
}

.catalog-mobile-menu.open .content nav .head .burger-button span:nth-child(1) {
  top: 5px;
  transform: rotate(135deg)
}

.catalog-mobile-menu.open .content nav .head .burger-button span:nth-child(2) {
  left: 0;
  opacity: 0
}

.catalog-mobile-menu.open .content nav .head .burger-button span:nth-child(3) {
  top: 5px;
  transform: rotate(-135deg)
}

.content-column>p>.notetext {
  display: block;
  width: 100%;
  margin: 32px 0 24px;
  padding: 30px 40px;
  color: #2a2e39;
  background-color: #fff;
  box-sizing: border-box
}

.vote-table {
  border: none;
  border-spacing: 0
}

.vote-table td {
  padding: 0
}

.catalog-delivery-popup {
  width: 840px
}

.catalog-delivery-popup .delivery-popup {
  padding: 36px 50px 50px
}

.catalog-delivery-popup .delivery-popup .title {
  font-size: 1.375em;
  color: #282828;
  font-weight: 700;
  line-height: 1.5em
}

.catalog-delivery-popup .delivery-popup .desc {
  margin-top: 15px
}

.catalog-delivery-popup .delivery-popup .close-popup-icon {
  top: -15px;
  right: -28px;
  font-size: 15px
}

.catalog-delivery-popup .delivery-popup .delivery-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px
}

.catalog-delivery-popup .delivery-popup .delivery-search .search-filed {
  position: relative;
  width: 100%;
  margin-bottom: 30px
}

.catalog-delivery-popup .delivery-popup .delivery-search .search-filed::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 15px;
  width: 14px;
  height: 14px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/search-autocomplete.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10
}

.catalog-delivery-popup .delivery-popup .delivery-search .search-filed input {
  width: 100%;
  height: 46px;
  padding: 11px 40px 10px 15px;
  border-radius: 2px
}

.catalog-delivery-popup .delivery-popup .delivery-search .search-filed .suggestions {
  display: none;
  margin: 0 -5px
}

.catalog-delivery-popup .delivery-popup .delivery-search .search-filed .suggestions .item {
  display: inline-block;
  margin: 10px 5px 0;
  font-size: 0.875em;
  line-height: 1.2em;
  text-decoration: none;
  border-bottom: 1px dashed #055ca7
}

.catalog-delivery-popup .delivery-popup .delivery-search .search-filed .suggestions .item:hover {
  border-color: transparent
}

.catalog-delivery-popup .delivery-popup .delivery-search .search-filed .suggestions.open {
  display: block
}

.catalog-delivery-popup .delivery-popup .delivery-search .counter-container {
  display: flex;
  align-items: center;
  margin-right: 31px
}

.catalog-delivery-popup .delivery-popup .delivery-search .counter-container .label {
  margin-right: 10px;
  font-size: 0.875em
}

.catalog-delivery-popup .delivery-popup .delivery-search .checkbox {
  font-size: 0.875em
}

.catalog-delivery-popup .delivery-popup .delivery-search .checkbox input[type="checkbox"]+label {
  padding-left: 28px
}

.catalog-delivery-popup .delivery-popup .delivery-search .checkbox input[type="checkbox"]+label::before {
  top: -2px;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  border-radius: 2px;
  box-sizing: border-box
}

.catalog-delivery-popup .delivery-popup .delivery-search .checkbox input[type="checkbox"]:checked+label::before {
  border-color: #055ca7
}

.catalog-delivery-popup .delivery-popup .list {
  margin-top: 30px;
  border-top: 1px solid #e7e7e7
}

.catalog-delivery-popup .delivery-popup .list .item {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 18px 0 19px;
  border-bottom: 1px solid #e7e7e7
}

.catalog-delivery-popup .delivery-popup .list .item .img {
  width: 120px;
  height: 80px;
  margin: 2px 20px 0 0;
  flex-shrink: 0
}

.catalog-delivery-popup .delivery-popup .list .item .info {
  width: 100%
}

.catalog-delivery-popup .delivery-popup .list .item .name {
  color: #282828;
  font-weight: 700
}

.catalog-delivery-popup .delivery-popup .list .item .text {
  font-size: 0.875em;
  line-height: 1.6em
}

.catalog-delivery-popup .delivery-popup .list .item .price {
  margin-left: auto;
  padding-left: 20px;
  color: #282828;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0
}

.catalog-delivery-popup.open {
  border-top: none
}

.cookie {
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  z-index: 1001
}

.cookie .text {
  font-size: 0.875em;
  line-height: 1.35em
}

.cookie .btn {
  flex-shrink: 0;
  padding: 10px 25px
}

.cookie.type-1 {
  justify-content: flex-start;
  left: 50%;
  bottom: -200px;
  width: 600px;
  margin-left: -300px;
  padding: 20px 20px 21px;
  border-radius: 3px
}

.cookie.type-1 .btn {
  margin-left: 7px
}

.cookie.type-1.show {
  bottom: 20px;
  transition: bottom .85s cubic-bezier(.13, .04, .39, 1.3)
}

.cookie.type-1.hide {
  bottom: -200px;
  transition: bottom .85s cubic-bezier(.68, -0.15, .74, .05)
}

.cookie.type-2 {
  bottom: -200px;
  padding: 15px 35px 16px
}

.cookie.type-2 .btn {
  margin-left: 20px
}

.cookie.type-2.show {
  bottom: 0px;
  transition: bottom .85s cubic-bezier(.22, .61, .36, 1)
}

.cookie.type-2.hide {
  bottom: -200px;
  transition: bottom .525s cubic-bezier(.64, .04, .95, .77)
}

.cookie.type-3 {
  bottom: -200px;
  padding: 16px 35px 17px
}

.cookie.type-3 .btn {
  position: absolute;
  top: 6px;
  right: 13px;
  min-width: auto;
  padding: 0;
  border-radius: 0
}

.cookie.type-3 .btn::before {
  content: '\006a';
  font-family: 'Icon Custom';
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.cookie.type-3 .btn span {
  display: none
}

.cookie.type-3.black .btn,
.cookie.type-3.color .btn {
  color: #fff;
  background-color: transparent
}

.cookie.type-3.black .btn:hover,
.cookie.type-3.color .btn:hover {
  color: #fff;
  opacity: .8
}

.cookie.type-3.white .btn {
  color: #424242;
  background-color: transparent
}

.cookie.type-3.white .btn:hover {
  color: #424242;
  opacity: .8
}

.cookie.type-3.show {
  bottom: 0px;
  transition: bottom .725s cubic-bezier(.22, .61, .36, 1)
}

.cookie.type-3.hide {
  bottom: -200px;
  transition: bottom .6s cubic-bezier(.64, .04, .95, .77)
}

.cookie.black {
  color: #fff;
  background-color: rgba(40, 40, 40, 0.9)
}

.cookie.black .btn {
  color: #282828;
  background-color: #fff
}

.cookie.black .btn:hover {
  color: #424242;
  opacity: 1
}

.cookie.color {
  color: #fff;
  background-color: rgba(5, 92, 167, 0.9)
}

.cookie.color .btn {
  color: #282828;
  background-color: #fff
}

.cookie.color .btn:hover {
  color: #424242;
  opacity: 1
}

.cookie.white {
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

@keyframes shadow {
  from {
    transform: scale(1);
    opacity: 1
  }

  50% {
    opacity: 1
  }

  to {
    transform: scale(1.5);
    opacity: 0
  }
}

@keyframes arrow {
  from {
    top: 50%
  }

  49% {
    top: -8px
  }

  50% {
    top: -8px;
    opacity: 0
  }

  51% {
    top: calc(100% + 8px);
    opacity: 1
  }

  to {
    top: 50%
  }
}

.to-top {
  position: fixed;
  right: 1.85%;
  bottom: 10%;
  width: 50px;
  height: 50px;
  z-index: 80;
  opacity: 0;
  transition: .3s
}

.to-top.show {
  opacity: 1
}

.to-top::before {
  content: '\007a';
  font-size: 16px;
  color: #fff;
  z-index: 80
}

.to-top.type-1 {
  border-radius: 50%
}

.to-top.type-1::before {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #055ca7;
  border-radius: 50%;
  box-sizing: border-box
}

.to-top.type-1::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 48px;
  height: 48px;
  background-color: rgba(5, 92, 167, 0.3);
  border-radius: 50%;
  opacity: 1;
  z-index: 78
}

.to-top.type-1:hover::after {
  animation: shadow .6s ease-in-out
}

.to-top.type-1.white::before {
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.to-top.type-2 {
  text-align: center;
  background-color: #055ca7;
  border-radius: 6px;
  overflow: hidden
}

.to-top.type-2::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px
}

.to-top.type-2:hover::before {
  animation: arrow .6s ease-in-out
}

.to-top.type-2.white {
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12)
}

.to-top.white::before {
  color: #282828
}

.accordeon {
  margin: 24px 0;
  border: 1px solid #e7e7e7
}

.accordeon:not(:last-of-type) {
  margin-bottom: 0
}

.accordeon+.accordeon {
  margin-top: 0;
  border-top: none
}

.accordeon .name {
  position: relative;
  display: block;
  padding: 17px 50px 18px 30px;
  font-size: 1.125em;
  color: #2a2e39;
  font-weight: 700;
  transition: color .1s ease
}

.accordeon .name::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 29px;
  display: block;
  width: 14px;
  height: 8px;
  margin-top: -4px;
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/shevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all .2s ease
}

.accordeon .name:hover {
  color: #055ca7
}

.accordeon .text {
  display: none;
  padding: 20px 30px;
  background-color: #fafafa;
  border-top: 1px solid #e7e7e7
}

.accordeon.open .name::after {
  margin-top: -5px;
  transform: rotate(-180deg)
}

.accordeon.open .text {
  display: block
}

.bootstrap .desc {
  margin: 10px 0 20px
}

.bootstrap .desc code {
  padding: 0 5px
}

.bootstrap .bs-container {
  margin: 20px 0
}

.bootstrap .bs-container div[class^="bs-col"] {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2)
}

.catalog-empty-section {
  padding: 8.342000000000001% 0;
  text-align: center;
  background-color: #fff
}

.catalog-empty-section::before {
  content: '';
  display: block;
  width: 190px;
  height: 190px;
  margin: 0 auto 30px;
  background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/empty-category.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.catalog-empty-section .title {
  margin-bottom: 10px;
  font-size: 1.625em;
  color: #282828;
  font-weight: 700
}

.catalog-empty-section .btn {
  margin-top: 20px
}

.bx_subscribe_checkbox_container {
  margin-top: 10px
}

.bx_subscribe_checkbox_container .main-user-consent-request-announce {
  display: block;
  font-size: 10px;
  color: inherit;
  line-height: 15px
}

.bx_subscribe_checkbox_container input[type="checkbox"]+.main-user-consent-request-announce {
  position: relative;
  margin-left: 5px;
  padding-left: 21px
}

.bx_subscribe_checkbox_container input[type="checkbox"]+.main-user-consent-request-announce::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #e7e7e7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  border-radius: 4px;
  cursor: pointer;
  box-sizing: border-box
}

.bx_subscribe_checkbox_container input[type="checkbox"]:checked+.main-user-consent-request-announce::before {
  background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/check.svg);
  background-color: #055ca7
}

@keyframes blink {
  0% {
    opacity: .2
  }

  20% {
    opacity: 1
  }

  100% {
    opacity: .2
  }
}

.lazy-load-container {
  margin: 24px 0
}

.lazy-load-container .lazy-load-btn {
  display: block;
  padding: 20px;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
  border-radius: 100px;
  background-color: rgba(5, 92, 167, 0.1)
}

.lazy-load-container .dots {
  position: relative;
  top: -2px;
  left: 7px;
  display: inline-flex
}

.lazy-load-container .dots span {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 3px;
  background-color: #055ca7;
  border-radius: 50%;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both
}

.lazy-load-container .dots span:nth-child(2) {
  animation-delay: .2s
}

.lazy-load-container .dots span:nth-child(3) {
  animation-delay: .4s
}

.products-carousel .items {
  display: block !important
}

.fixed-product-header {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  padding: 12px 0;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  transition: bottom 1s ease, top 1s ease;
  z-index: 40
}

.fixed-product-header.show {
  top: 0;
  transition: bottom .6s ease, top .6s ease
}

.fixed-product-header .fixed-product-header-container {
  display: flex;
  align-items: center;
  max-width: 100%
}

.fixed-product-header .logo a {
  display: block;
  line-height: 0
}

.fixed-product-header .logo svg rect {
  fill: #055ca7
}

.fixed-product-header .product-container {
  display: flex;
  align-items: center;
  margin-left: 4.7%;
  flex-grow: 1
}

.fixed-product-header .product-container .info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 4px auto 0 0;
  padding-right: 20px
}

.fixed-product-header .product-container .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  flex-shrink: 0
}

.fixed-product-header .product-container .name {
  width: 100%;
  color: #282828;
  font-weight: 700;
  line-height: 1.4em
}

.fixed-product-header .product-container .iblock-vote {
  margin: 6px 18px 0 0
}

.fixed-product-header .product-container .stock {
  margin-top: 6px
}

.fixed-product-header .product-container .stock::before {
  margin-right: 1px
}

.fixed-product-header .product-container .price-container {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.fixed-product-header .product-container .price-container .old-price {
  margin-right: 10px;
  font-size: 1em;
  word-spacing: -0.12em
}

.fixed-product-header .product-container .price-container .price {
  word-spacing: -0.12em
}

.fixed-product-header .btn-container {
  margin: 0 28px 0 4.1%
}

.fixed-product-header .btn-container .btn {
  padding: 10px 24px;
  white-space: nowrap
}

.fixed-product-header .additional-links {
  position: static;
  flex-direction: row;
  flex-shrink: 0;
  margin-right: 10.2%
}

.fixed-product-header .additional-links .compare,
.fixed-product-header .additional-links .wishlist {
  margin: 0 0 0 2px
}

.promo-page {
  margin-top: 24px
}

.promo-page .owl-nav {
  position: absolute;
  top: -56px;
  right: 0px
}

.promo-page .promo-main-banner {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding: 2.8% 8.85%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.promo-page .promo-main-banner .title {
  margin: 0;
  font-size: 2em;
  line-height: 1.2em
}

.promo-page .promo-main-banner .desc {
  margin-top: 12px
}

.promo-page .promo-main-banner .btn {
  margin-top: 34px
}

.promo-page .promo-main-banner-info {
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box
}

.promo-page .promo-main-banner-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 335px;
  flex-shrink: 0
}

.promo-page .promo-text {
  display: flex;
  margin-bottom: 24px;
  padding: 41px 40px 40px;
  background-color: #fff
}

.promo-page .promo-text .content {
  padding-right: 30px
}

.promo-page .promo-text .content .subtitle {
  margin: 0;
  font-size: 1.625em;
  line-height: 1.2em
}

.promo-page .promo-text .main-text {
  margin-top: 28px;
  line-height: 1.5em
}

.promo-page .promo-text .video-section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 43px -10px -20px
}

.promo-page .promo-text .video-section .item {
  width: calc((100% - 40px)/2);
  height: 17.4vw;
  margin: 0 10px 20px
}

.promo-page .promo-text .video-section .item iframe {
  width: 100% !important;
  height: 100% !important
}

.promo-page .promo-text .promo-docs {
  width: 351px;
  padding: 0 31px;
  flex-shrink: 0;
  border-left: 1px solid #e7e7e7;
  box-sizing: border-box
}

.promo-page .promo-text .promo-docs .subtitle {
  margin: 0;
  font-size: 1.375em;
  line-height: 1.2em
}

.promo-page .promo-text .promo-docs .documents .items {
  flex-direction: column;
  margin-top: 30px
}

.promo-page .promo-text .promo-docs .documents .items .item {
  width: 100%;
  margin-bottom: 26px
}

.promo-page .promo-text .promo-docs .documents .items .item::before {
  top: 0;
  left: 0
}

.promo-page .promo-banner {
  position: relative;
  margin-bottom: 24px;
  padding: 3.55% 5% 3.65%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.promo-page .promo-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1
}

.promo-page .promo-banner-info {
  position: relative;
  width: 50%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  z-index: 2
}

.promo-page .promo-banner .title {
  margin: 0;
  font-size: 2em;
  color: #fff;
  font-weight: 700;
  line-height: 1.4em
}

.promo-page .promo-banner .desc {
  margin-top: 10px
}

.promo-page .promo-banner .btn {
  margin-top: 34px
}

.promo-page .promo-gallery {
  margin-bottom: 24px;
  padding: 40px 38px 20px;
  background-color: #fff
}

.promo-page .promo-gallery .title {
  margin: 0 105px 0 2px;
  font-size: 1.375em;
  line-height: 1.25em
}

.promo-page .promo-gallery .items {
  display: block;
  margin: 9px -20px 0
}

.promo-page .promo-gallery .items .owl-stage-outer {
  width: calc(100% + 40px);
  padding: 20px;
  box-sizing: border-box
}

.promo-page .promo-gallery .items .owl-stage {
  display: flex
}

.promo-page .promo-gallery .items .owl-item {
  flex-grow: 1;
  flex-shrink: 0;
  padding-right: 1px;
  box-sizing: border-box
}

.promo-page .promo-gallery .items .item {
  width: 100%;
  height: 100%;
  margin: 0
}

.promo-page .promo-gallery .items .item img {
  width: auto
}

.promo-page .promo-gallery .owl-nav {
  position: absolute;
  top: -36px;
  right: -18px
}

.promo-page .promo-gallery .owl-dots {
  position: static;
  margin-top: 15px
}

.promo-page .promo-reviews {
  margin-bottom: 24px;
  padding: 40px;
  background-color: #fff
}

.promo-page .promo-reviews .title {
  margin: 0 105px 0 0;
  font-size: 1.375em;
  line-height: 1.25em
}

.promo-page .promo-reviews .items {
  margin: 30px 0 0
}

.promo-page .promo-reviews .items .owl-stage {
  display: flex
}

.promo-page .promo-reviews .items .owl-item {
  flex-grow: 1;
  flex-shrink: 0
}

.promo-page .promo-reviews .items .owl-item {
  padding-right: 1px;
  box-sizing: border-box
}

.promo-page .promo-reviews .items .item {
  height: 100%;
  padding: 29px 29px 33px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box
}

.promo-page .promo-reviews .items .item .review-info {
  display: flex;
  align-items: center
}

.promo-page .promo-reviews .items .item .author-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden
}

.promo-page .promo-reviews .items .item .author-img-container {
  position: relative;
  width: 100px;
  height: 100px;
  margin-right: 31px;
  flex-shrink: 0
}

.promo-page .promo-reviews .items .item .author-img-container::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #055ca7;
  background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/commas.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  border-radius: 50%
}

.promo-page .promo-reviews .items .item .author-info .name {
  font-size: 1.125em;
  color: #000;
  font-weight: 700;
  line-height: 1.2em
}

.promo-page .promo-reviews .items .item .author-info .review-product {
  margin-top: 6px;
  font-size: 0.875em;
  color: #828282
}

.promo-page .promo-reviews .items .item .author-info .review-product a {
  display: inline-block
}

.promo-page .promo-reviews .items .item .author-info .review-product a:hover {
  text-decoration: underline
}

.promo-page .promo-reviews .items .item .review-text {
  margin-top: 19px;
  font-size: 0.875em;
  line-height: 1.5em
}

.promo-page .promo-reviews .items .item .review-read-more {
  display: none
}

.promo-page .promo-reviews .owl-dots {
  position: static;
  margin-top: 15px
}

.promo-page .promo-steps {
  margin-bottom: 24px;
  padding: 39px 40px 19px;
  background-color: #fff
}

.promo-page .promo-steps-content {
  overflow: hidden
}

.promo-page .promo-steps .title {
  margin: 0;
  font-size: 1.375em;
  line-height: 1.25em
}

.promo-page .promo-steps .items {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -85px 0 0;
  padding: 0;
  list-style: none
}

.promo-page .promo-steps .items .item {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: calc(25% - 85px);
  margin: 0 85px 30px 0;
  box-sizing: border-box;
  counter-increment: list-counter
}

.promo-page .promo-steps .items .item::before {
  content: counter(list-counter);
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
  background-color: #055ca7;
  border-radius: 50%
}

.promo-page .promo-steps .items .item::after {
  content: '';
  position: absolute;
  top: 22px;
  right: -46px;
  display: block;
  width: 26px;
  height: 16px;
  background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/arrow-right.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.promo-page .promo-steps .items .item .icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  margin-right: 5.845%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  border: 1px solid #282828;
  border-radius: 50%;
  box-sizing: border-box
}

.promo-page .promo-steps .items .item .name {
  color: #282828;
  font-weight: 700;
  line-height: 1.25em
}

.promo-page .promo-steps .items .item .desc {
  margin-top: 5px;
  font-size: 0.875em;
  line-height: 1.5em
}

.promo-page .promo-steps .items .item:last-child::after {
  content: none
}

.promo-page .promo-faq {
  margin-bottom: 24px;
  padding: 39px 40px 16px;
  background-color: #fff
}

.promo-page .promo-faq .title {
  margin: 0;
  font-size: 1.375em;
  line-height: 1.25em
}

.promo-page .promo-faq .desc {
  margin-top: 18px
}

.promo-page .promo-faq .columns {
  display: flex;
  margin: 10px -12px 0
}

.promo-page .promo-faq .columns .column {
  flex: 1 1 50%;
  max-width: 100%;
  margin: 0 12px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

  body,
  main {
    display: block
  }

  input::-ms-clear,
  input::-ms-reveal {
    display: none
  }

  header .logo img {
    width: 100%
  }

  header .basket-container {
    margin-left: auto
  }

  .product-card-pricelist .img,
  .product-card .img,
  .product-card-list .img,
  .product-detail .short-products-list .items .item .img {
    position: relative;
    display: block
  }

  .product-card-pricelist .img img,
  .product-card .img img,
  .product-card-list .img img,
  .product-detail .short-products-list .items .item .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0
  }

  .previously .items .item .img,
  .product-main-info .product-img .main-img,
  .product-fast-view .product-img .main-img,
  .brands-page .brands-previews .items .item .img,
  body.aside-right .content-wrapper .right-column .brand-img .img {
    position: relative
  }

  .previously .items .item .img img,
  .product-main-info .product-img .main-img img,
  .product-fast-view .product-img .main-img img,
  .brands-page .brands-previews .items .item .img img,
  body.aside-right .content-wrapper .right-column .brand-img .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1
  }

  .offers .item .img img,
  .brands .items .item img,
  .promo-main-banner-img img,
  section.news .previews .item .img img,
  .actions .offer .content .main-content .img img,
  .product-main-info .product-img .thumbnails .preview img,
  .product-fast-view .product-img .thumbnails .preview img,
  .product-main-info .set-constructor .base-product .img img,
  .product-main-info .set-constructor .sets-list .list .img a img {
    min-width: 1px;
    min-height: 1px
  }

  .brands-page .brands-previews,
  .news:not(section) .news-previews,
  .catalog .products-container .products,
  body.aside-right .content-wrapper .content-column {
    width: 100%
  }

  .product-detail .feedback .form {
    width: 100%
  }

  .product-wrap,
  .offers .offer-wrap,
  .catalog .subcategories .item {
    width: calc((100% - 145px)/6)
  }

  .catalog :not(.top).products-container.has-filter .products .products-list.card .product-wrap {
    width: calc((100% - 121px)/5)
  }

  .product-detail .advantages .item,
  .product-detail .advantages .item,
  .promo-page .advantages .item {
    width: calc((100% - 97px)/4)
  }

  .brands-page .brands-previews .items .item,
  .gallery .content .gallery-category .items .item {
    width: calc((100% - 81px)/4)
  }

  .promo-page .promo-text .video-section .item,
  .product-detail .tabs-container .tabs-content .videos .items .item {
    width: calc((100% - 42px)/2)
  }

  .catalog-menu.open:not(.open-on-hover) nav .sub .items,
  .catalog-menu.open-on-hover .content:hover nav .sub .items {
    max-height: 450px
  }

  .product-card .img.fast-view .link-fast-view {
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -78px
  }

  .catalog-menu nav .sub {
    height: 1px
  }
}

@media screen and (max-width:1550px) and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  header .tel-container {
    width: 15%
  }

  header .basket-container {
    margin-left: auto
  }
}

@media (max-width:1367px) {
  @supports (-ms-ime-align:auto) {
    .catalog .categories .category-wrap:not(.category) {
      width: calc(-25px + 50%)
    }
  }
}

@media (pointer:coarse),
(max-width:767px) {

  header .links .compare-link:hover,
  header .links .login-link:hover,
  .catalog .category .text .sub .item:hover,
  .product-card .name:hover,
  .previously .items .item .content .name:hover,
  .other-elements .items .item .title:hover,
  .jobs .jobs-list .items .item .name:hover {
    color: #2a2e39
  }

  .catalog .category .text .name:hover,
  .offers .item .name:hover,
  .catalog .subcategories .item .name:hover,
  .news:not(section) .news-previews .items .item .content .name a:hover,
  .additional-menu .items .item .link:hover {
    color: #282828
  }

  section.catalog .link:hover {
    color: #828282
  }

  .product-card {
    position: relative
  }

  .product-card .name,
  .product-card .price-container {
    padding-right: 60px;
    box-sizing: border-box
  }

  .product-card:hover {
    position: relative;
    height: 100%
  }

  .product-card:hover .hover-content {
    margin: 0
  }

  .product-card .hover-content {
    display: block;
    margin: 0
  }

  .product-card .hover-content>div:not(.product-item-button-container) {
    display: none
  }

  .product-card .hover-content .product-item-button-container {
    position: absolute;
    right: 22px;
    bottom: 22px
  }

  .product-card .hover-content .product-item-button-container .btn {
    display: none
  }

  .product-card .hover-content .product-item-button-container .btn.loaded::before {
    background-image: none
  }

  .product-card .hover-content .product-item-button-container .btn.order-btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/mobile-cart-button.svg);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 32px
  }

  .product-card .hover-content .product-item-button-container .btn.order-btn span {
    display: none
  }

  .product-card .hover-content .product-item-button-container .btn.order-btn::before,
  .product-card .hover-content .product-item-button-container .btn.order-btn::after {
    content: '';
    position: absolute;
    top: 18px;
    left: 21px;
    display: block;
    width: 10px;
    height: 2px;
    margin: 0;
    background-image: none;
    background-color: #fff;
    border-radius: 2px;
    transition: .2s;
    animation: none;
    box-shadow: none
  }

  .product-card .hover-content .product-item-button-container .btn.order-btn::after {
    transform: rotate(90deg)
  }

  .product-card .hover-content .product-item-button-container .btn.order-btn.in-basket::before {
    top: 20px;
    width: 5px;
    transform: rotate(-135deg) translate(5%, -10%)
  }

  .product-card .hover-content .product-item-button-container .btn.order-btn.in-basket::after {
    top: 20px;
    width: 11px;
    transform: rotate(-45deg) translate(20%, 10%)
  }

  .product-card .hover-content .product-item-button-container .btn.detail {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0
  }

  .product-card .hover-content .product-item-button-container .btn.detail::before {
    content: '\0048';
    display: inline-block;
    padding-left: 3px;
    font-family: 'Icon Custom';
    font-size: 20px;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .product-card .hover-content .product-item-button-container .btn.detail span {
    display: none
  }

  .product-card.has-offers .hover-content .product-item-button-container {
    display: none
  }

  .product-card.has-offers .hover-content .product-item-button-container.sku-only {
    display: block
  }

  .additional-links .compare,
  .additional-links .wishlist {
    background-color: #fff
  }

  .additional-links .compare::after,
  .additional-links .wishlist::after {
    content: none
  }

  .additional-links .compare:hover,
  .additional-links .wishlist:hover {
    color: #2a2e39
  }

  .additional-links .compare.active,
  .additional-links .wishlist.active {
    background-color: #055ca7
  }

  .additional-links .compare.active:hover,
  .additional-links .wishlist.active:hover {
    color: #fff;
    background-color: #055ca7
  }

  .additional-links.inline .compare,
  .additional-links.inline .wishlist {
    padding-left: 0
  }

  .additional-links.inline .compare::before,
  .additional-links.inline .wishlist::before {
    width: 32px;
    height: 32px;
    margin: -2px 8px 0 0;
    text-align: center;
    line-height: 32px;
    border-radius: 50%
  }

  .additional-links.inline .compare:hover,
  .additional-links.inline .wishlist:hover {
    color: #2a2e39
  }

  .additional-links.inline .compare.active,
  .additional-links.inline .wishlist.active {
    background-color: transparent
  }

  .additional-links.inline .compare.active::before,
  .additional-links.inline .wishlist.active::before {
    background-color: #055ca7
  }

  .additional-links.inline .compare.active:hover,
  .additional-links.inline .wishlist.active:hover {
    color: #2a2e39;
    background-color: transparent
  }

  .employees .employees-list .department .items .item .name:hover {
    color: #000
  }

  .catalog .short-category:hover {
    box-shadow: none
  }

  .catalog .short-category:hover .img {
    opacity: 1;
    transform: none
  }

  .catalog .short-category:hover .desc {
    max-height: 0
  }

  .catalog .short-category .text {
    margin-top: 0
  }

  .catalog .short-category.loaded .img {
    position: static
  }

  .catalog .subcategories .item:hover .img {
    transform: none
  }

  .btn:hover,
  .filter .bx_filter_button_box input[type="submit"].bx_filter_search_button:hover {
    opacity: 1
  }

  .btn.white:hover {
    color: #055ca7;
    background-color: #fff
  }

  .btn.transparent:hover {
    color: #828282;
    border-color: #e7e7e7
  }

  .counter .minus:hover,
  .counter .plus:hover {
    color: #2a2e39
  }

  .counter .minus:active,
  .counter .plus:active {
    color: #055ca7
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-minus:hover,
  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-plus:hover {
    color: #2a2e39
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-minus:active,
  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount .basket-item-amount-btn-plus:active {
    color: #055ca7
  }

  .filter .bx_filter_button_box input[type="submit"].bx_filter_search_reset:hover {
    color: #828282;
    border-color: #e7e7e7
  }

  .employees .social .link:hover {
    border-color: #e7e7e7
  }

  .product-main-info .info .order-container .buttons .product-item-button-container .one-click:hover {
    color: #055ca7;
    background-color: #fff
  }

  section .owl-nav .prev:hover,
  section .owl-nav .next:hover {
    color: #2a2e39;
    background-color: #fff
  }

  section .owl-nav .prev:active,
  section .owl-nav .next:active {
    color: #fff;
    background-color: #055ca7
  }

  .products.main-nav .tabs-container .tab:hover::after {
    left: 50%;
    width: 0
  }

  .products.main-nav .tabs-container .tab.active::after {
    left: 0;
    width: 100%
  }

  .product-card:hover,
  .offers .item:hover,
  .previously .items .item:hover,
  .brands-page .brands-previews .items .item:hover,
  .employees .employees-list .department .items .item:hover {
    box-shadow: none
  }

  .gallery .items .item:hover {
    border-radius: 0;
    border-color: #e7e7e7;
    box-shadow: none
  }

  .gallery .items .item .img:hover::before {
    display: none
  }

  .breadcrumbs .item a:hover {
    text-decoration: none
  }

  .tel-container.has-content .tel:hover {
    box-shadow: none;
    background-color: initial;
    border-radius: 0
  }

  .tel-container.has-content .tel:hover>a {
    border-color: transparent
  }

  .tel-container.has-content .tel:hover .content {
    display: none;
    box-shadow: none;
    background-color: initial
  }

  footer .social .links .item:hover {
    background-color: #fff
  }

  footer.type2 .social .links .item:hover,
  footer.type4 .social .links .item:hover,
  footer.type6 .social .links .item:hover {
    background-color: #424242
  }

  footer.type2 .social .links .item:hover::before,
  footer.type4 .social .links .item:hover::before,
  footer.type6 .social .links .item:hover::before {
    color: #fff
  }

  footer.type5 .tel-container .tel:hover,
  footer.type6 .tel-container .tel:hover {
    color: #aaa;
    box-shadow: none
  }

  .price-container .product-item-detail-info-container {
    width: 100%
  }

  .price-container .product-item-detail-info-container::before {
    content: none
  }

  .price-container .product-item-detail-info-container .product-item-detail-properties {
    position: static;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 15px 10px;
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
    box-shadow: none
  }

  .product-main-info .info .main .price-container .price .product-item-detail-info-container {
    position: static
  }

  .brands-page .brands-list .list .table .link:hover {
    color: #2a2e39
  }

  .brands-page .brands-list .list .table .link:hover+span {
    display: none
  }
}

@media (max-width:1771px) {
  .product-wrap {
    max-width: inherit
  }

  .product-card-list {
    padding: 2.827%
  }

  .product-card-list .content .top {
    padding-bottom: 2.434%
  }

  .product-card-list .content .desc {
    margin-top: 1.218%
  }

  .product-card-list .params {
    margin-left: 2.997%
  }

  .product-card-pricelist .additional-links {
    display: flex;
    margin-left: 1.671%
  }

  .product-card-pricelist .img {
    margin-right: 1.453%
  }

  .product-card-pricelist .buttons {
    width: auto
  }

  .product-detail .left {
    width: 50%
  }

  .product-detail .brand-info {
    padding: 12.5% 9.805% 9.805%
  }

  .product-detail .brand-info .desc {
    margin-top: 13.11%
  }

  .product-detail .short-products-list {
    padding: 10.295% 9.805% 9.315%
  }

  .product-detail .short-products-list .items {
    margin-top: 9.76%
  }

  .product-detail .short-products-list .items .item:not(:last-child) {
    margin-bottom: 6.1%;
    padding-bottom: 5.185%
  }

  .offers .offer-wrap {
    width: calc((100% - 120px)/5)
  }

  .offers .offer-wrap.big {
    width: calc(((100% - 120px)/5)*2 + 24px)
  }

  .other-elements {
    padding: 2.407% 2.348% 2.348%
  }

  .other-elements .items .item:not(:last-child) {
    margin-bottom: 6.1%;
    padding-bottom: 5.795%
  }

  .ask-question {
    padding: 9.26%
  }

  .employees .employees-list .department .items .item {
    width: calc((100% - 60px)/3)
  }

  .gallery .items .item {
    width: calc((100% - 60px)/3)
  }

  body.aside-right .content-wrapper .content-column {
    width: 50%
  }

  .contacts .info .item {
    width: 21%
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container {
    max-width: 43%
  }

  .product-detail .product-tabs-container .products-list .product-wrap {
    width: calc((100% - 96px)/4)
  }

  .brand-products-list .product-wrap {
    width: calc((100% - 96px)/4)
  }
}

@media (max-width:1680px) {
  /* .product-wrap {
    width: calc((100% - 120px)/5)
  } */

  .catalog .subcategories .item {
    width: calc((100% - 120px)/5)
  }

  .product-card-pricelist .content {
    max-width: 40%
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company {
    width: calc((100% - 120px)/4)
  }

  .catalog .products-container.has-filter:not(.top) .products .products-list.card .product-wrap {
    width: calc((100% - 96px)/4)
  }

  .product-detail .product-tabs-container .products-list .product-wrap {
    width: calc((100% - 72px)/3)
  }
}

@media (max-width:1550px) {

  body.sidebar-type2 .wrapper,
  body.sidebar-type3 .wrapper,
  body.sidebar-type2 footer,
  body.sidebar-type3 footer,
  body.sidebar-type2 .fixed-product-header,
  body.sidebar-type3 .fixed-product-header {
    padding-left: 250px
  }

  body.sidebar-type2 .banners:not(.center) .static .item.small,
  body.sidebar-type3 .banners:not(.center) .static .item.small {
    width: 45%
  }

  .sidebar-type2 .catalog-menu,
  .sidebar-type3 .catalog-menu {
    width: 250px
  }

  .sidebar-type2 .catalog-menu .content,
  .sidebar-type3 .catalog-menu .content {
    width: 249px
  }

  .sidebar-type2 .catalog-menu.open:not(.open-on-hover) nav .sub,
  .sidebar-type3 .catalog-menu.open:not(.open-on-hover) nav .sub,
  .sidebar-type2 .catalog-menu.open-on-hover .content:hover nav .sub,
  .sidebar-type3 .catalog-menu.open-on-hover .content:hover nav .sub {
    left: 249px
  }

  .sidebar-type2 .catalog-menu nav .list .item>a .img {
    width: 50px;
    height: 50px;
    min-width: 50px
  }

  .sidebar-type2 .catalog-menu nav .list .item>a .img img {
    max-width: 50px;
    max-height: 50px
  }

  .sidebar-type2 .catalog-menu nav .list .item>a .text {
    margin-left: 15px
  }

  body.aside-right .content-wrapper .right-column .through-banners .banner-item {
    height: 295px
  }

  header .basket-container {
    width: auto
  }

  section.about {
    width: 100%;
    margin-right: 0
  }

  section.about .content {
    flex-grow: 1
  }

  section.news {
    width: 100%
  }

  section.news .all {
    align-self: center;
    margin-left: 22px
  }

  section.news .previews .item {
    width: 22.644%
  }

  section.news .previews.line {
    margin-top: 23px
  }

  section.news .previews.line .item {
    width: 49.5%
  }

  section.news .previews.line .item:first-child {
    margin-right: 1%
  }

  section.news .previews.line .item:only-child {
    width: 100%
  }

  footer .top .footer-menu {
    width: 47.3%
  }

  footer .top .contacts-container {
    margin-left: 4.5%
  }

  footer.type3 .top .footer-menu,
  footer.type4 .top .footer-menu {
    width: 100%
  }

  .product-card-pricelist .img {
    align-self: flex-start;
    margin-top: 3px
  }

  .product-card-pricelist .content .info {
    flex-wrap: wrap;
    margin-bottom: 6px
  }

  .product-card-pricelist .content .info .iblock-vote {
    width: 100%;
    margin: 0
  }

  .product-card-pricelist .content .info .stock {
    order: 1;
    margin-right: 0
  }

  .product-card-pricelist .content .info .code {
    margin-right: 20px
  }

  .product-card-pricelist .content .name {
    margin-bottom: 10px
  }

  .catalog .short-category {
    width: calc((100% / 3) - 24px)
  }

  .catalog .subcategories .item {
    width: calc((100% - 96px)/4)
  }

  .catalog .category .text .sub .item {
    display: inline-block;
    line-height: 1.5em;
    white-space: inherit
  }

  .product-detail .tabs-container .tabs-content .description+.videos,
  .product-detail .tabs-container .tabs-content .description+.documents,
  .product-detail .tabs-container .tabs-content .videos+.documents {
    margin-top: 3.357%;
    padding-top: 3.44%
  }

  .product-detail .tabs-container .tabs-content .documents .items .item {
    width: 31%
  }

  .product-detail .right {
    width: 30%
  }

  .product-detail .feedback .text {
    width: 35%
  }

  .product-detail .feedback .form .column.big {
    width: 100%;
    margin-right: 0
  }

  .product-detail .feedback .form .column.small {
    order: -1;
    width: 100%
  }

  .product-detail .feedback .form .form-captcha {
    width: 100%
  }

  .offers .offer-wrap {
    width: calc((100% - 96px)/4)
  }

  .offers .offer-wrap.big {
    width: calc(((100% - 96px)/4)*2 + 24px)
  }

  .actions .offer .content .main-content {
    flex-wrap: wrap
  }

  .actions .offer .content .main-content .img {
    width: 100%;
    margin: 0 0 2.5%
  }

  .other-elements {
    width: 30%
  }

  body.aside-right .content-wrapper .right-column {
    width: 32%;
    flex-shrink: 0
  }

  body.aside-right .content-wrapper .right-column .ask-question {
    width: auto
  }

  body.aside-right .content-wrapper .right-column .other-elements {
    width: auto;
    padding: 7.5% 7.33% 7.33%
  }

  body.aside-right .content-wrapper .right-column .additional-menu {
    width: auto
  }

  body.aside-right .content-wrapper .right-column .brand-img {
    width: auto;
    height: 11.9799vw
  }

  .news:not(section) .news-previews .items .item .img {
    width: 100%;
    height: 100%;
    max-width: 224px;
    /* max-height: 150px;
            margin-top: 1px */
  }

  .news:not(section) .news-detail .desc {
    font-size: 1.15em;
    line-height: 1.3em
  }

  .about .about-content {
    padding: 20px 40px
  }

  .employees .employees-list .department .items .item {
    width: calc((100% - 40px)/2)
  }

  .gallery .items .item {
    width: calc((100% - 40px)/2)
  }

  .brands-page .brands-previews .items .item {
    width: calc((100% - 60px)/3)
  }

  .brands-page .brands-detail+.products-carousel,
  .brands-page .brands-detail+div[id*="bx_incl"] {
    margin-top: 6%
  }

  .products-carousel .owl-container {
    margin-top: 30px
  }

  .contacts .info .item {
    width: 24%
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter {
    border-bottom: none
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item {
    padding-bottom: 0;
    color: #2a2e39
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item::after {
    content: none
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item.active {
    color: #055ca7
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image {
    width: 6.25vw;
    height: 6.25vw;
    max-width: 120px;
    max-height: 120px;
    margin-right: 20px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount {
    padding-left: 2%
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount {
    top: -7px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price {
    padding-left: 2%
  }

  .bx-basket>.row {
    width: 28%;
    padding: 2.289% 2.348%
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-table-fade {
    padding-left: 40px
  }

  .order-form .bx-soa .bx-soa-region .bx_soa_location {
    padding-left: 40px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .alert {
    margin-left: 40px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) {
    padding-left: 40px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) .bx-soa-coupon-label {
    width: 92px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp {
    padding-left: 40px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company {
    width: 160px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image {
    width: 160px;
    height: 105px;
    background-size: 100px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container {
    max-width: 47%
  }

  .order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 {
    padding-left: 40px
  }

  .order-form .bx-soa-sidebar {
    width: 28%;
    padding: 2.2305% 2.348% 2.465%
  }

  .order-final .sale_order_full_table {
    max-width: 100%
  }

  .order-final .sale_order_full_table.payment {
    margin-top: 4.5%
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company {
    width: calc((100% - 90px)/3)
  }

  .product-main-info .info .bottom .left {
    flex-direction: column
  }

  .product-main-info .info .bottom .sale,
  .product-main-info .info .bottom .gifts-tip {
    max-width: 100%
  }

  .product-main-info .info .bottom .sale .text,
  .product-main-info .info .bottom .gifts-tip .text {
    margin-top: 0
  }

  .product-main-info .info .bottom .sale+.gifts-tip {
    margin-top: 25px
  }

  .product-main-info .set-constructor .base-product {
    width: 222px;
    padding-right: 1.75%;
    box-sizing: content-box
  }

  .product-main-info .set-constructor .sets-list {
    padding: 0 35px
  }

  .product-main-info .set-constructor .sets-list .list .action {
    padding-left: 15px;
    padding-right: 10px
  }

  .brand-products-list .product-wrap {
    width: calc((100% - 72px)/3)
  }

  .fixed-product-header .additional-links {
    margin-right: 2.5%
  }

  header .content-menu>ul .item a,
  header .content-mobile-menu>ul .item a {
    padding: 15px 15px;
    font-size: 14px;
  }
}

@media (max-width:1439px) {

  header.type4 .top .container>div[id*="bx_incl"],
  header.type4 .content-menu {
    max-width: 40%
  }

  .catalog .products-container.has-filter:not(.top) .products .products-list.card .product-wrap {
    width: calc((100% - 72px)/3)
  }

  .product-card-pricelist .content div[id*="sku_tree"] .product-item-info-container {
    margin-right: 15px
  }

  .order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item {
    width: calc((100% / 2) - 20px)
  }

  .contacts .offices .items .item .img {
    margin-right: 20px
  }

  .brands-page .brands-list .search-panel {
    padding: 25px 20px
  }

  .brands-page .brands-list .search-panel .line {
    margin-bottom: 15px
  }

  .brands-page .brands-list .list .row:not(:first-child) {
    margin-top: 22px
  }

  .brands-page .brands-list .list .row:not(:last-child) {
    padding-bottom: 20px
  }

  .brands-page .brands-list .list .label {
    margin-left: 15px
  }

  .brands-page .brands-list .list .table {
    margin-left: 16px
  }

  .brands-page .brands-list .list .table .item {
    width: calc(100% / 5)
  }

  .fixed-product-header .product-container .info {
    margin-top: 0
  }

  .fixed-product-header .product-container .price-container {
    flex-direction: column;
    align-items: flex-end
  }

  .fixed-product-header .product-container .price-container .old-price {
    margin-right: 0;
    font-size: 0.75em;
    word-spacing: normal;
    line-height: 1.25em
  }

  .promo-page .promo-main-banner-info {
    width: 60%
  }

  .promo-page .promo-main-banner-img {
    width: 40%
  }

  .promo-page .promo-text {
    flex-direction: column;
    padding-bottom: 30px
  }

  .promo-page .promo-text .content {
    padding: 0
  }

  .promo-page .promo-text .video-section .item {
    height: 21.4vw
  }

  .promo-page .promo-text .promo-docs {
    width: 100%;
    margin-top: 45px;
    padding: 0;
    border: none
  }

  .promo-page .promo-text .promo-docs .documents .items {
    flex-direction: row;
    margin: 30px 0 0
  }

  .promo-page .promo-text .promo-docs .documents .items .item {
    width: calc(50% - 24px);
    margin: 0 12px 24px
  }

  .promo-page .promo-steps .items .item {
    width: calc(33% - 85px)
  }

}

@media (max-width:1330px) {

  body.sidebar-type2 .wrapper,
  body.sidebar-type3 .wrapper,
  body.sidebar-type2 footer,
  body.sidebar-type3 footer,
  body.sidebar-type2 .fixed-product-header,
  body.sidebar-type3 .fixed-product-header {
    padding-left: 220px
  }

  body.sidebar-type2 footer,
  body.sidebar-type3 footer {
    padding-left: 220px
  }

  .sidebar-type2 .catalog-menu,
  .sidebar-type3 .catalog-menu {
    width: 221px
  }

  .sidebar-type2 .catalog-menu .content,
  .sidebar-type3 .catalog-menu .content {
    width: 220px
  }

  .sidebar-type2 .catalog-menu.open:not(.open-on-hover) nav .sub,
  .sidebar-type3 .catalog-menu.open:not(.open-on-hover) nav .sub,
  .sidebar-type2 .catalog-menu.open-on-hover .content:hover nav .sub,
  .sidebar-type3 .catalog-menu.open-on-hover .content:hover nav .sub {
    left: 220px
  }

  .sidebar-type2 .catalog-menu nav .list .item>a .img,
  .sidebar-type3 .catalog-menu nav .list .item>a .img {
    width: 45px;
    height: 45px;
    min-width: 45px
  }

  .sidebar-type2 .catalog-menu nav .list .item>a .img img,
  .sidebar-type3 .catalog-menu nav .list .item>a .img img {
    max-width: 45px;
    max-height: 45px
  }

  .sidebar-type2 .catalog-menu nav .list .item>a .text,
  .sidebar-type3 .catalog-menu nav .list .item>a .text {
    margin-left: 12px
  }

  .sidebar-type3 .catalog-menu nav .list .item>a {
    margin: 0 12px 0 8px
  }

  .sidebar-type3 .catalog-menu nav .list .item>a .text {
    line-height: 1.4em
  }

  .catalog .short-category {
    width: calc((100% / 2) - 24px)
  }

  .catalog .short-category .text {
    padding-top: 26px;
    text-align: center
  }

  .product-wrap {
    width: calc((100% - 96px)/4)
  }

  .contacts .offices .items {
    margin-top: 20px
  }

  .contacts .offices .items .item {
    width: 100%;
    padding-right: 0
  }

  .contacts .offices .items .item:last-child {
    border-bottom: none
  }

  .product-main-info .info .order-container .buttons {
    flex-wrap: wrap
  }

  .product-main-info .info .order-container .buttons .delivery-link {
    width: 100%;
    margin: 25px 0 0 5px
  }

  .product-detail .tabs-container .tabs-content .documents .items .item {
    width: calc(50% - 20px)
  }

  .fixed-product-header .product-container {
    margin-left: 2.7%
  }

  .fixed-product-header .btn-container {
    margin: 0 15px 0 25px
  }
}

@media (max-width:1270px) {
  .hide-mobile {
    display: none !important
  }

  blockquote {
    font-size: 1.1em
  }

  .enabled-locations header .top .links {
    margin-left: 6.5%
  }

  header .top .links {
    margin-left: auto
  }

  header .middle .container {
    flex-wrap: wrap
  }

  header .middle .logo {
    margin-right: 3.5%
  }

  header .middle .slogan {
    width: auto
  }

  header .middle .search {
    max-width: 100%;
    margin-top: 12px;
    order: 1
  }

  header .middle .search form input {
    width: 92.5%
  }

  header .middle .search form button:hover span {
    width: 0;
    padding-left: 0
  }

  header .middle .tel-container {
    width: 150px;
    min-width: inherit;
    text-align: left
  }

  header .middle .tel-container .call-me {
    margin-left: 0
  }

  header .middle .basket-container {
    min-width: 14.85%;
    margin-left: 7.3%
  }

  header.type2 .top .links {
    margin-left: 3%
  }

  header.type2 .middle .container {
    flex-wrap: nowrap
  }

  header.type2 .middle .basket-container {
    margin-right: 0;
    margin-left: auto
  }

  header.type2 .tel-container .call-me {
    margin-left: 0;
    display: none
  }

  .banners {
    flex-wrap: wrap
  }

  .banners .carousel {
    overflow: hidden
  }

  .banners .carousel .item .text {
    margin: 0 8.5%
  }

  .banners .static {
    margin: 0 0 -12px
  }

  .banners .static .item {
    width: 100%;
    margin: 0 0 24px
  }

  .banners .static .item.large {
    height: auto
  }

  .banners .static .item.large .name {
    min-height: 36px
  }

  .banners .static .item.medium {
    height: auto;
    padding: 9% 4.85%
  }

  .banners .static .item.medium:first-child {
    margin-bottom: 24px
  }

  .banners .static .item.medium .name {
    min-height: 23px
  }

  .banners .static .item.small {
    width: 25%;
    height: 18.75vw;
    padding: 3.5% 2.75%;
    order: 1;
    flex-grow: 1
  }

  .banners .static .item.small .name {
    min-height: 23px
  }

  .banners.has-static .carousel {
    width: 100%
  }

  .banners.has-static .carousel .item .text {
    margin: 0 8.5%
  }

  .banners.has-static .static {
    width: 100%;
    margin-top: 24px
  }

  .banners.static-left .static {
    order: 1;
    margin: 24px 0 0
  }

  .banners.center .carousel {
    order: -1;
    margin: 0 0 12px
  }

  .banners.center .static {
    width: 50%;
    flex-grow: 1
  }

  .banners.center .static .item {
    margin-bottom: 0
  }

  .banners.center.has-static .carousel {
    width: 100%;
    margin: 0
  }

  .banners.center.has-static .carousel+.static {
    margin-left: 0
  }

  .banners.center.has-static .static+.carousel {
    margin-left: 0
  }

  .sidebar-type4 .banners.has-static .carousel {
    width: 100%
  }

  .products.main-nav {
    margin-top: 12px
  }

  .products.main-nav .tabs-container {
    margin-bottom: 37px
  }

  .products.main-nav+section.catalog {
    margin-top: 32px
  }

  .product-card .img {
    height: 220px
  }

  section.catalog {
    margin-top: 32px
  }

  .catalog .sort {
    padding: 13px 20px 13px 13px
  }

  .catalog .sort .filter-btn {
    padding-top: 10px
  }

  .catalog .sort .filter-btn:before {
    top: 11px
  }

  .catalog .sort .filter-btn.desktop-hide {
    display: block
  }

  .catalog .sort .filter-btn.mobile-hidden {
    display: none
  }

  .catalog .subcategories {
    margin-top: 15px
  }

  .catalog .subcategories .item {
    width: calc((100% - 72px)/3)
  }

  .catalog .category .img {
    /* margin-right: 20px */
  }

  .catalog .category .text .sub {
    margin-top: 5px
  }

  .catalog .category .text .sub .item {
    display: inline-block;
    line-height: 1.8em;
    white-space: normal
  }

  .catalog .category:hover {
    position: relative;
    height: 100%;
    box-shadow: none
  }

  .catalog .category:hover .desc {
    display: none
  }

  .catalog .products-container.has-filter:not(.top) {
    position: relative;
    flex-direction: column
  }

  .catalog .products-container.has-filter:not(.top) .filter {
    width: 100%;
    height: 0;
    padding-top: 0;
    overflow: hidden
  }

  .catalog .products-container.has-filter:not(.top) .filter form {
    display: flex;
    flex-wrap: wrap
  }

  .catalog .products-container.has-filter:not(.top) .filter .bx_filter_parameters_box {
    width: 100%
  }

  .catalog .products-container.has-filter:not(.top) .filter .bx_filter_container_modef {
    display: none
  }

  .catalog .products-container.has-filter:not(.top) .filter.open {
    position: absolute;
    top: -12px;
    left: 0;
    width: 50%;
    height: auto;
    margin: 0 0 24px;
    padding-top: 19px;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.12);
    z-index: 50
  }

  .promo {
    padding-bottom: 0
  }

  .promo .items {
    margin: 0 0 -24px
  }

  .promo .items .item {
    width: 100%;
    margin: 0 0 24px
  }

  .promo .items .item:hover .background {
    transform: none
  }

  section.about {
    padding: 33px 39px 60px
  }

  section.about .img {
    width: 32.5%;
    margin-top: 7px
  }

  section.about .content {
    margin-left: 5.45%
  }

  section.news .all {
    margin-left: auto
  }

  section.news .previews {
    margin: 23px -10px 0
  }

  section.news .previews .item {
    width: 22.35%;
    margin: 0px 10px 15px
  }

  .instagram:not(a) {
    display: flex;
    flex-wrap: wrap;
    align-items: center
  }

  .instagram:not(a) .more {
    margin-left: auto
  }

  footer .top .container {
    flex-wrap: wrap;
    padding-bottom: 10px
  }

  footer .top .footer-menu {
    width: 100%;
    margin-bottom: 13px
  }

  footer .top .footer-menu .column {
    width: 30.1%
  }

  footer .top .contacts-container {
    width: 34.3%;
    margin-left: 0;
    padding-right: 10px;
    box-sizing: border-box
  }

  footer .top .social {
    margin-left: 0
  }

  footer .top .social .links {
    margin: 10px 0 0
  }

  footer .bottom .copyright {
    margin-right: 6.5%
  }

  .breadcrumbs {
    margin-top: 22px
  }

  .breadcrumbs+h1 {
    margin-top: 20px
  }

  .product-main-info {
    position: relative;
    padding: 2.2% 41px 2.4%
  }

  .product-main-info .product-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 47%;
    padding: 50px 0 0 52px;
    box-sizing: border-box
  }

  .product-main-info .product-img .labels {
    top: 51px;
    left: 52px
  }

  .product-main-info .product-img .additional-links {
    top: 51px;
    right: 0
  }

  .product-main-info .product-img .main-img {
    width: 100%;
    height: 352px;
    margin-bottom: 0
  }

  .product-main-info .product-img .thumbnails {
    max-width: 100%;
    margin-top: 5%
  }

  .product-main-info .info {
    margin-left: 0
  }

  .product-main-info .info .top {
    flex-wrap: wrap;
    margin: 2.9% 0 0 51.5%;
    padding-bottom: 3.65%
  }

  .product-main-info .info .top .iblock-vote {
    margin-right: 10.8%
  }

  .product-main-info .info .top .stock {
    width: 100%;
    margin: 3% 0 0 14px
  }

  .product-main-info .info .top .brand-img {
    margin: 5.75% 0 0
  }

  .product-main-info .info .main {
    flex-wrap: wrap;
    align-content: flex-start;
    min-height: 315px;
    margin-left: 51.5%;
    border-bottom: none
  }

  .product-main-info .info .main .price-container {
    width: 100%
  }

  .product-main-info .info .main .desc {
    width: 100%;
    margin: 7.5% 0 0
  }

  .product-main-info .info .main .desc .characteristics table {
    width: 100%
  }

  .product-main-info .info .order-container {
    border-top: 1px solid #e7e7e7
  }

  .product-main-info .info .order-container .buttons {
    flex-wrap: nowrap
  }

  .product-main-info .info .order-container .buttons .delivery-link {
    margin: 4px 0 0 4.55%
  }

  .product-main-info .set-constructor {
    margin-top: 29px;
    flex-wrap: wrap
  }

  .product-main-info .set-constructor .sets-list {
    width: 65%;
    flex-grow: 1;
    padding-right: 0;
    border-right: none
  }

  .product-main-info .set-constructor .set-result {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 25px 0 0;
    padding: 25px 35px
  }

  .product-main-info .set-constructor .set-result::before {
    display: none
  }

  .product-main-info .set-constructor .set-result .set-price-container {
    align-items: flex-start;
    text-align: left
  }

  .product-main-info .set-constructor .set-result .old-price {
    width: 100%
  }

  .product-main-info .set-constructor .set-result .btn {
    margin-top: 0
  }

  .product-detail .advantages,
  .promo-page .advantages {
    padding-bottom: 1px
  }

  .product-detail .advantages .item,
  .promo-page .advantages .item {
    width: 46.85%;
    margin-bottom: 31px
  }

  .product-detail .columns {
    flex-wrap: wrap;
    width: 100%
  }

  .product-detail .left,
  .product-detail .right {
    width: 100%
  }

  .product-detail .right {
    margin: 24px 0 0
  }

  .product-detail .tabs-container .tabs-content .description+.videos,
  .product-detail .tabs-container .tabs-content .videos+.documents {
    margin-top: 5.8%;
    padding-top: 5.4%
  }

  .product-detail .tabs-container .tabs-content .videos .items .item {
    height: 19.708vw;
    margin-bottom: 16px
  }

  .product-detail .feedback {
    flex-wrap: wrap
  }

  .product-detail .feedback .text {
    width: 100%;
    margin-right: 0
  }

  .product-detail .feedback .form {
    margin-top: 7%
  }

  .product-detail .brand-info {
    padding: 40px
  }

  .product-detail .brand-info .desc {
    margin-top: 40px
  }

  .product-detail .short-products-list {
    padding: 40px 40px 30px
  }

  .product-detail .short-products-list .items {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -20px 0
  }

  .product-detail .short-products-list .items .item {
    width: calc((100% - 80px)/2);
    align-items: flex-start;
    margin: 0 20px 20px;
    pointer-events: auto
  }

  .product-detail .short-products-list .items .item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: none
  }

  .other-elements {
    width: 100%;
    margin: 24px 0;
    padding: 40px
  }

  .other-elements .items {
    margin-top: 30px
  }

  .other-elements .items .item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px
  }

  .other-elements .items .item .title {
    display: block
  }

  .offers .offer-wrap {
    width: calc((100% - 72px)/3)
  }

  .offers .offer-wrap.big {
    width: calc((100% - 72px)/3)
  }

  .offers .offer-wrap.big .item .img {
    height: 150px
  }

  .offers .offer-wrap.big .item .name {
    font-size: 1.125em
  }

  .offers .offer-wrap.big .item .desc {
    font-size: 0.875em
  }

  .actions .offer {
    flex-wrap: wrap
  }

  body.aside-right .content-wrapper {
    flex-wrap: wrap
  }

  body.aside-right .content-wrapper .content-column {
    width: 100%
  }

  body.aside-right .content-wrapper .right-column {
    width: 100%;
    margin: 24px 0 0
  }

  body.aside-right .content-wrapper .right-column .ask-question {
    margin-left: 0
  }

  body.aside-right .content-wrapper .right-column .through-banners {
    margin-left: 0
  }

  body.aside-right .content-wrapper .right-column .through-banners .banner-item {
    background-size: contain
  }

  body.aside-right .content-wrapper .right-column .other-elements {
    margin-top: 0;
    padding: 40px
  }

  body.aside-right .content-wrapper .right-column .additional-menu {
    margin-left: auto
  }

  body.aside-right .content-wrapper .right-column .brand-img {
    margin-left: 0
  }

  body.aside-right .content-wrapper .right-column .brand-img.mobile-hide {
    display: none
  }

  .news:not(section) {
    margin-bottom: 0
  }

  .auth .left-column {
    width: 50%
  }

  .auth .right-column {
    width: 50%
  }

  .content-column.content-page {
    margin-bottom: 0
  }

  .brands-page {
    margin-bottom: 0
  }

  .brands-page .brands-previews .items .item {
    width: calc((100% - 40px)/2);
    height: auto;
    padding: 40px
  }

  .brands-page .brands-detail .img-mobile {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 75px;
    margin: 0 25px 15px 0
  }

  .brands-page .brands-detail+.products-carousel,
  .brands-page .brands-detail+div[id*="bx_incl"] {
    margin: 24px 0 36px
  }

  .contacts .info {
    flex-wrap: wrap;
    padding-bottom: 20px
  }

  .contacts .info .item {
    width: 46%;
    margin-bottom: 20px
  }

  .contacts .offices .items .item .phone {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 10px
  }

  .bx-basket {
    flex-wrap: wrap
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table td {
    padding: 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions {
    width: 100%
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image {
    width: 120px;
    height: 120px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image .basket-item-image-link {
    align-items: flex-start
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one {
    padding-left: 140px
  }

  .bx-basket>.row {
    width: 100%;
    margin: 24px 0 0;
    padding: 40px
  }

  .bx-basket>.row .basket-checkout-section {
    margin-top: 30px
  }

  .bx-basket>.row .basket-checkout-section .basket-checkout-block-btn {
    display: flex;
    justify-content: space-between;
    margin: 18px -6px 0
  }

  .bx-basket>.row .basket-checkout-section .basket-checkout-block-btn .btn {
    width: calc(50% - 12px);
    flex-grow: 1;
    margin: 12px 6px 0
  }

  .order-form>.row {
    flex-wrap: wrap
  }

  .order-form .bx-soa-sidebar {
    width: 100%;
    margin: 0 0 24px;
    padding: 40px;
    order: -1
  }

  .order-form .bx-soa-sidebar .name {
    padding-bottom: 30px
  }

  .order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item {
    width: calc((100% / 3) - 20px)
  }

  .gift-container {
    margin-top: 36px
  }

  .personal .links {
    display: none
  }

  .personal-subscribe-list .bx_item_list_slide .bx_catalog_item {
    width: calc((100% - 72px)/3)
  }

  header .city .current>span {
    display: none
  }

  header .links {
    display: flex;
    align-items: center
  }

  header .links .personal-link {
    display: flex;
    align-items: center
  }

  header .links .personal-link span {
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }

  footer.type3 .top .container,
  footer.type4 .top .container {
    padding-bottom: 10px
  }

  footer.type3 .subscribe-block .container,
  footer.type4 .subscribe-block .container {
    align-items: flex-start
  }

  footer.type3 .subscribe-block .form-container,
  footer.type4 .subscribe-block .form-container {
    max-width: 50%
  }

  footer.type3 .subscribe-block .name,
  footer.type4 .subscribe-block .name {
    display: none
  }

  footer.type3 .footer-menu,
  footer.type4 .footer-menu {
    margin-bottom: 0
  }

  footer.type3 .footer-menu .contacts-container,
  footer.type4 .footer-menu .contacts-container {
    width: 40%
  }

  footer.type3 .footer-menu .contacts-container .social,
  footer.type4 .footer-menu .contacts-container .social {
    margin-left: 0
  }

  .offers .item:hover .hover {
    display: none
  }

  .instagram:not(a) .items .item .desc {
    display: none
  }

  .promo-page .promo-main-banner {
    padding: 45px 40px;
    min-height: 320px;
    box-sizing: border-box
  }

  .promo-page .promo-main-banner-info {
    width: 66%
  }

  .promo-page .promo-main-banner-img {
    width: 34%;
    height: auto
  }

  .promo-page .promo-main-banner .title {
    line-height: 1.1em
  }

  .promo-page .promo-main-banner .btn {
    margin-top: 25px
  }

  .promo-page .promo-text {
    padding-top: 35px
  }

  .promo-page .promo-text .main-text {
    margin-top: 18px
  }

  .promo-page .promo-text .video-section {
    margin-top: 28px
  }

  .promo-page .promo-text .video-section .item {
    height: 19.4vw
  }

  .promo-page .promo-text .promo-docs {
    margin-top: 30px
  }

  .promo-page .promo-banner {
    padding: 35px
  }

  .promo-page .promo-banner-info {
    width: 100%
  }

  .promo-page .promo-gallery {
    padding-top: 35px
  }

  .promo-page .promo-gallery .items {
    margin-top: 3px
  }

  .promo-page .promo-reviews {
    padding-top: 35px
  }

  .promo-page .promo-reviews .items {
    margin-top: 24px
  }

  .promo-page .promo-reviews .items .item .review-info {
    flex-direction: column;
    align-items: center
  }

  .promo-page .promo-reviews .items .item .author-img-container {
    margin-right: 0
  }

  .promo-page .promo-reviews .items .item .author-img-container::after {
    top: inherit;
    bottom: 0
  }

  .promo-page .promo-reviews .items .item .author-info {
    width: 75%;
    margin-top: 3.59%;
    text-align: center
  }

  .promo-page .promo-steps {
    padding-top: 35px
  }

  .promo-page .promo-steps .items .item {
    width: calc(50% - 85px)
  }

  .promo-page .promo-faq {
    padding: 35px 40px 40px
  }

  .promo-page .promo-faq .columns {
    flex-wrap: wrap;
    margin: 30px 0 0
  }

  .promo-page .promo-faq .columns .column {
    flex: 1 0 100%;
    margin: 0
  }

  .promo-page .promo-faq .columns .column .accordeon {
    margin: 0
  }

  .promo-page .promo-faq .columns .column:not(:last-child) .accordeon:last-child {
    border-bottom: none
  }

}

@media (max-width:1150px) {
  .product-wrap {
    width: calc((100% - 72px)/3)
  }

  header .content-menu.content-mobile-menu,
  header .content-mobile-menu.content-mobile-menu {
    padding-top: 0
  }

  .fixed-product-header .product-container .iblock-vote,
  .fixed-product-header .product-container .stock {
    display: none
  }
}

@media (max-width:1024px) {
  body.sidebar-type1 .fixed-product-header {
    padding-left: 0
  }

  body.sidebar-type2 .wrapper,
  body.sidebar-type3 .wrapper,
  body.sidebar-type5 .wrapper,
  body.sidebar-type2 footer,
  body.sidebar-type3 footer,
  body.sidebar-type5 footer,
  body.sidebar-type2 .fixed-product-header,
  body.sidebar-type3 .fixed-product-header,
  body.sidebar-type5 .fixed-product-header {
    padding-left: 0
  }

  .catalog-menu,
  .header-catalog-menu,
  .sidebar-type4 header .bottom {
    display: none
  }

  .header-mobile-menus {
    display: block
  }

  .sidebar-type4 header .bottom .content-menu,
  .sidebar-type4 header .bottom .content-mobile-menu {
    padding-top: 0
  }

  .sidebar-type4 header .bottom .content-menu>ul>.item>a,
  .sidebar-type4 header .bottom .content-mobile-menu>ul>.item>a {
    font-weight: normal;
    font-size: 0.85em
  }

  header .content-menu,
  header .content-mobile-menu {
    width: 100%
  }

  .wrapper {
    padding-left: 0
  }

  .content-page h2 {
    margin-top: 24px
  }

  .content-page h3 {
    margin-top: 16px
  }

  .tel-container.has-content .tel a:after {
    content: none
  }

  .product-card .img {
    height: 184px
  }

  .product-card .additional-links {
    right: 12px
  }

  .product-card .name {
    flex-grow: 0
  }

  .product-card .price-container {
    margin-top: auto;
    padding-top: 10px
  }

  .product-card .price-container .saving {
    margin-top: 10px
  }

  .product-card .stock::before {
    margin-right: 1px
  }

  .enabled-locations header .address {
    margin-left: auto;
    padding-left: 5px;
    text-align: right
  }

  header .top .city {
    flex-shrink: 0
  }

  header .top .city .current::after {
    top: 0;
    border: 3px solid transparent;
    border-top: 3px solid #000
  }

  header .top .address::after {
    margin-right: 7px
  }

  header .top .links {
    margin-right: 1px
  }

  header .top .links .compare-link::before {
    margin-right: 5px
  }

  header .top .links .wishlist-link {
    margin-left: 17px
  }

  header .top .links .wishlist-link::before {
    margin-right: 5px
  }

  header .top .links .login-link {
    margin-left: 17px
  }

  header .middle .logo {
    margin-right: 30px
  }

  header .middle .slogan {
    width: auto
  }

  header .middle .basket-container {
    margin-left: auto
  }

  header .bottom {
    padding-top: 0
  }

  header.type4 .bottom {
    display: none
  }

  .banners .carousel .item .name {
    margin-top: 6px
  }

  .banners .carousel .item .text {
    margin: 0 9.85%
  }

  .banners .static .item.medium {
    padding: 6.5% 5.6%
  }

  .banners .static .item.small {
    height: 22.75vw
  }

  .products.main-nav .tabs-container {
    margin-bottom: 20px
  }

  .products.main-nav .tab-content .owl-nav {
    top: -66px
  }

  .catalog .categories {
    margin: 23px -24px -24px
  }

  .catalog .category {
    padding: 29px 23px 26px
  }

  .catalog .category .text .sub .item {
    display: block;
    margin: 0 0 1px
  }

  .catalog .subcategories .item .img {
    width: 120px;
    height: 120px
  }

  .promo {
    margin-top: 23px
  }

  .promo .items .item {
    padding: 31px 30px
  }

  section.about {
    padding: 29px 31px;
    align-items: flex-start
  }

  section.about .img {
    width: 37%;
    margin-top: 1px
  }

  section.about .content {
    margin-left: 5.95%
  }

  section.about .content .desc {
    margin-top: 21px
  }

  section.about .content .desc p {
    margin: 14px 0
  }

  section.about .content .btn {
    margin-top: 7px
  }

  section.news {
    padding: 28px 30px 26px
  }

  section.news .previews {
    margin: 22px -15px 0
  }

  section.news .previews .item {
    width: 28.975%;
    margin: 0 15px
  }

  section.news .previews .item:nth-child(n+4) {
    display: none
  }

  .brands .items .owl-nav .owl-prev {
    margin-left: 11px
  }

  .brands .items .owl-nav .owl-next {
    margin-right: 11px
  }

  .previously {
    margin-top: 35px
  }

  .previously .items .item {
    margin: 8px 0
  }

  .previously .items .owl-nav {
    top: -47px
  }

  footer {
    padding-left: 0
  }

  footer .top {
    margin-top: 16px
  }

  footer .top .footer-menu .column {
    padding: 0 7px 0 0
  }

  footer .bottom .copyright {
    margin-right: 7.1%
  }

  .news:not(section) .news-previews .tabs {
    display: none
  }

  .news:not(section) .news-previews .items .item {
    /* padding-bottom: 30px */
  }

  .news:not(section) .news-previews .items .item:not(:last-child) {
    margin-bottom: 40px
  }

  .news:not(section) .news-previews .items .item .img {
    width: 100%;
    height: 100%;
  }

  .news:not(section) .news-previews .items .item .content .desc {
    margin-top: 10px
  }

  .news:not(section) .news-previews .items .item .content .btn {
    margin-top: 17px
  }

  .news:not(section) .news-detail .detail-img {
    max-width: 100%
  }

  .news:not(section) .service-detail .service-header-columns .detail-img {
    position: relative;
    top: 3px;
    width: 31%
  }

  .compare-page .top .btn {
    margin-top: 0
  }

  .compare-page .top .btn span {
    display: none
  }

  .compare-page .content {
    margin-left: 200px
  }

  .compare-page .content .compare-table {
    margin-left: -200px
  }

  .compare-page .content .compare-table td {
    min-width: 200px;
    max-width: 200px
  }

  .compare-page .content .compare-table tr.image td:not(.empty) .link {
    width: 100%;
    height: 20vw
  }

  .bx-basket .main-basket .basket-items-list-header {
    flex-wrap: wrap
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-search-field {
    width: 100%;
    margin: 0 0 30px
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-search-field .form {
    width: 100%
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-search-field .form .form-control {
    width: 100%
  }

  .bx-basket .main-basket .basket-items-list-header .remove-order {
    margin-top: 0
  }

  .gift-container .product-card .static {
    height: auto
  }

  .gift-container .product-card .hover-content {
    display: block
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company {
    width: 200px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container .bx-soa-pp-company-image {
    width: 200px;
    height: 130px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container {
    max-width: 57%
  }

  .order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item {
    width: calc((100% / 2) - 20px)
  }

  .order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext {
    margin-top: 14px
  }

  .order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext.sale-paysystem-description {
    margin-top: 14px
  }

  .order-final .sale_order_full_table.payment .sale-paysystem-wrapper form {
    margin-top: 14px
  }

  .order-final .sale_order_full_table.payment .sale-paysystem-wrapper form div[class*="sale-paysystem"] span {
    display: block;
    margin-top: 14px
  }

  .personal .personal-profile .main-profile-block-shown {
    display: flex;
    flex-direction: column
  }

  .personal .personal-profile .main-profile-block-shown .main-profile-block-date-info {
    position: static;
    order: 1;
    text-align: left
  }

  .personal .personal-profile .main-profile-block-shown .form-group .form-control {
    width: 100%
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr {
    display: flex;
    flex-wrap: wrap
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr .sale-order-detail-order-item-td:first-child {
    border-top: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr .sale-order-detail-order-item-block {
    padding-bottom: 12px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:last-child .sale-order-detail-order-item-td {
    border-top: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:not(:last-child) {
    margin-bottom: 24px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-td {
    width: 100%;
    padding: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-td.bx-text-right {
    display: table;
    border-bottom: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-td.bx-text-right .sale-order-detail-order-item-td-title {
    display: table-cell;
    width: 100px;
    text-align: left
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-td.bx-text-right .sale-order-detail-order-item-td-text {
    display: table-cell
  }

  .locations-list-popup {
    width: 600px
  }

  .employees .employee-detail .info .employee-contacts {
    flex-wrap: wrap
  }

  .employees .employee-detail .info .employee-contacts .position,
  .employees .employee-detail .info .employee-contacts .email,
  .employees .employee-detail .info .employee-contacts .phone,
  .employees .employee-detail .info .employee-contacts .social {
    width: 50%;
    margin: 0 0 5px;
    padding-right: 12px;
    box-sizing: border-box
  }

  .employees .employee-detail .info .employee-contacts .phone {
    align-self: center
  }

  .employees .employee-detail .info .employee-contacts .social {
    justify-content: flex-start;
    margin-top: 0
  }

  .employees .employee-detail .link-back {
    margin-top: 15px;
    padding-bottom: 0
  }

  footer.type5 .tel-container,
  footer.type6 .tel-container,
  footer.type5 .address,
  footer.type6 .address {
    margin-left: 0;
    margin-right: 0;
    width: 50%
  }

  footer.type5 .tel-container,
  footer.type6 .tel-container {
    max-width: 100%;
    order: -4
  }

  footer.type5 .tel-container .tel,
  footer.type6 .tel-container .tel {
    margin: 0 0 11px
  }

  footer.type5 .tel-container .tel a,
  footer.type6 .tel-container .tel a {
    padding: 0
  }

  footer.type5 .address,
  footer.type6 .address {
    order: -3;
    text-align: right;
    margin-left: auto;
    margin-bottom: 11px;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  footer.type5 .address+.copyright,
  footer.type6 .address+.copyright {
    order: -2
  }

  footer.type5 .copyright,
  footer.type6 .copyright {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  footer.type5 .policy,
  footer.type6 .policy {
    display: none
  }

  footer.type5 .social,
  footer.type6 .social {
    order: -1
  }

  footer.type5 .container,
  footer.type6 .container {
    flex-wrap: wrap
  }

  .product-card-pricelist .content {
    min-width: 250px
  }

  .product-card-pricelist .price-container {
    flex-shrink: 0
  }

  .product-card-pricelist .buttons {
    width: 113px;
    flex-wrap: wrap
  }

  .product-card-pricelist .buttons .counter {
    width: 100%;
    margin-bottom: 5px
  }

  .product-card-pricelist .additional-links {
    display: flex
  }

  .product-card-list .params {
    width: 175px;
    margin-left: 20px
  }

  .product-card-list .params .price-container {
    padding-left: 3px
  }

  .product-card-list .params .sku {
    padding-left: 3px
  }

  .product-card-list .params .counter {
    width: 100%
  }

  .product-card-list .params .product-item-button-container {
    width: 100%;
    margin: 10px 0 0
  }

  .product-card-list .params .product-item-button-container .btn {
    width: 100%
  }

  .product-fast-view {
    width: 550px;
    flex-wrap: wrap
  }

  .product-fast-view .left {
    width: 100%;
    padding: 25px 20px
  }

  .product-fast-view .center:not(.owl-item) {
    width: calc(100% - 40px);
    margin: 0 20px;
    padding: 0 0 20px;
    border-right: none;
    border-bottom: 1px solid #e7e7e7
  }

  .product-fast-view .right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 20px 20px 25px
  }

  .product-fast-view .product-img .main-img {
    margin: 0 auto
  }

  .product-fast-view .product-img .additional-links {
    top: -14px;
    right: 20px
  }

  .product-fast-view .brand-img {
    display: flex;
    align-items: center;
    width: auto;
    max-width: 130px;
    margin: 0 auto 0 0;
    padding-right: 10px;
    order: -1
  }

  .product-fast-view .iblock-vote,
  .product-fast-view .code {
    margin-right: 20px
  }

  .product-fast-view .stock {
    margin-top: 0
  }

  .product-fast-view .product-timer {
    width: 44%;
    margin: 0 0 0 1%
  }

  .product-fast-view .price-container {
    width: 55%;
    align-self: flex-start;
    margin: 15px 0 0;
    padding-top: 0;
    border-top: none
  }

  .product-fast-view .order-container {
    min-width: 45%;
    margin: 15px 0 0;
    flex-grow: 1
  }

  .product-main-info .info .main .price-container .price {
    padding-right: 0
  }

  .product-main-info .info .order-container .buttons {
    flex-wrap: wrap
  }

  .product-main-info .info .order-container .buttons .delivery-link {
    margin: 25px 0 0 5px
  }

  .product-main-info .set-constructor {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 15px
  }

  .product-main-info .set-constructor .base-product {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 18px;
    padding-right: 0
  }

  .product-main-info .set-constructor .base-product::after {
    top: inherit;
    left: 50%;
    bottom: -40px;
    margin: 0 0 0 -20px
  }

  .product-main-info .set-constructor .base-product .img {
    width: 200px;
    height: 200px;
    margin-right: 25px
  }

  .product-main-info .set-constructor .sets-list {
    width: 100%;
    padding: 40px 0;
    border-top: 3px solid #e7e7e7;
    border-bottom: 3px solid #e7e7e7;
    border-left: none
  }

  .product-main-info .set-constructor .set-result {
    margin-top: 35px
  }

  .product-main-info .set-constructor .set-result::before {
    top: -56px;
    left: 50%;
    display: block;
    margin: 0 0 0 -20px
  }

  .catalog-delivery-popup {
    width: 95%
  }

  .product-detail .feedback .form {
    margin-top: 35px
  }

  .fixed-product-header .logo {
    display: none
  }

  .fixed-product-header .product-container {
    margin-left: 0
  }

  .promo-page .promo-main-banner .title {
    font-size: 1.75em
  }

  .promo-page .promo-text .video-section .item {
    height: 22.4vw
  }

  .promo-page .promo-gallery {
    padding: 30px 38px
  }

  .promo-page .promo-gallery .items {
    margin: 20px 0 0
  }

  .promo-page .promo-gallery .items .owl-stage-outer {
    width: 100%;
    padding: 0
  }

  .promo-page .promo-gallery .owl-nav {
    top: -56px;
    right: 0
  }

  .promo-page .promo-reviews {
    padding: 30px 40px
  }

  .promo-page .promo-steps {
    padding-top: 30px
  }

  .promo-page .promo-faq {
    padding: 30px 40px 35px
  }

  .promo-page .promo-faq .desc {
    margin-top: 12px
  }

  .promo-page .promo-faq .columns {
    margin-top: 22px
  }
}

@media (max-width:779px) {
  .product-tabs-container .tabs-container .tabs-content .tab-content .products-carousel .owl-container {
    height: auto !important
  }

  .product-tabs-container .tabs-container .tabs-content .tab-content .products-carousel .owl-container .owl-item {
    flex-shrink: 0
  }

  .product-tabs-container .tabs-container .tabs-content .tab-content .products-carousel .owl-container .product-wrap {
    width: 100%
  }

  .products-carousel .items {
    flex-wrap: wrap;
    height: auto
  }

  .products-carousel .items .owl-dots {
    position: static;
    margin-top: 8px
  }

  footer .top .contacts-container {
    width: auto;
    padding-right: 15px
  }

  .brands-page .brands-list .search-panel {
    margin-bottom: 25px;
    padding: 0
  }

  .brands-page .brands-list .search-panel .mobile-link {
    position: relative;
    display: block;
    width: 100%;
    padding: 18px 25px 18px 40px;
    font-size: 0.875em;
    color: #2a2e39;
    line-height: 1em;
    box-sizing: border-box
  }

  .brands-page .brands-list .search-panel .mobile-link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 18px;
    width: 14px;
    height: 12px;
    margin-top: -7px;
    background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/filter.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
  }

  .brands-page .brands-list .search-panel .line {
    display: none;
    padding: 0 20px
  }

  .brands-page .brands-list .search-panel .line .label {
    margin: 0 0 7px 3px
  }

  .brands-page .brands-list .search-panel .line.tags .links {
    display: none
  }

  .brands-page .brands-list .search-panel .line.tags .mobile-select {
    position: relative;
    display: block;
    width: 100%;
    padding: 6px 20px 6px 10px;
    font-size: 16px;
    background-image: url('/local/templates/magnet_s1/less_compile/../img/icons/select-shevron.svg');
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 6px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    -webkit-appearance: none;
    appearance: none !important;
    box-sizing: border-box
  }

  .brands-page .brands-list .search-panel.open {
    padding-bottom: 17px
  }

  .brands-page .brands-list .search-panel.open .mobile-link {
    box-shadow: inset 0 -3px 5px -3px #c5c5c5
  }

  .brands-page .brands-list .search-panel.open .line {
    display: block
  }

  .brands-page .brands-list .search-panel.open .line:first-of-type {
    padding-top: 12px
  }

  .brands-page .brands-list .list .table {
    margin-left: 18px
  }

  .brands-page .brands-list .list .table .item {
    width: calc(100% / 4)
  }

  .to-top {
    display: none
  }

  .fixed-product-header {
    top: inherit;
    bottom: -100%
  }

  .fixed-product-header.show {
    top: inherit;
    bottom: 0
  }

  .fixed-product-header .additional-links {
    display: none
  }
}

@media (max-width:767px) {

  .through-banners.header_before .banner-item,
  .through-banners.header_after .banner-item,
  .through-banners.footer_before .banner-item {
    display: none
  }

  .basket-container {
    color: #055CA7;
  }

  body.aside-right .content-wrapper .right-column .through-banners .banner-item {
    height: 74vw
  }

  header .content-menu>ul .item a,
  header .content-mobile-menu>ul .item a {
    white-space: normal
  }

  body.aside-right .content-wrapper {
    position: relative;
    width: calc(100% + 30px);
    left: -15px;
  }

  .share {
    display: none
  }

  h1 {
    font-size: 1.4em
  }

  h2 {
    font-size: 1.25em
  }

  h3 {
    font-size: 1.1em
  }

  h4,
  h5,
  h5 {
    font-size: 1.05em
  }

  .breadcrumbs+h1 {
    margin-top: 10px
  }

  .product-card .labels {
    left: 12px
  }

  .product-card .img {
    height: 164px
  }

  .enabled-locations header .top .links {
    margin-left: auto
  }

  header .top .address {
    display: none
  }

  header .top .links {
    margin-left: auto
  }

  header .top .links .icon-custom {
    margin-left: 21px
  }

  header .top .links .icon-custom:before {
    margin-right: 0
  }

  header .top .links .icon-custom span {
    display: none
  }

  header .middle .slogan {
    display: none
  }

  header .middle .tel-container {
    width: 40px;
    margin-right: 0
  }

  header .middle .tel-container .tel {
    margin: 0
  }

  header .middle .tel-container .tel a {
    position: relative;
    top: 3px;
    display: block;
    width: 0;
    height: 0;
    padding: 40px 0 0 40px;
    overflow: hidden
  }

  header .middle .tel-container .tel a::before {
    content: '\0079';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    padding-right: 1px;
    font-family: 'Icon Custom';
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  header .middle .tel-container .tel a:active::before {
    border-color: #055ca7
  }

  header .middle .tel-container .call-me {
    display: none
  }

  header .middle .tel-container+.basket-container {
    padding-left: 12px
  }

  header .middle .basket-container {
    margin: 0;
    min-width: auto
  }

  header .middle .basket-container .basket-text {
    display: none
  }

  header .middle .basket-container .basket-link .items-counter {
    padding-left: 1px;
    line-height: 18px
  }

  header .content-mobile-menu {
    flex-wrap: nowrap
  }

  header .content-mobile-menu>ul .item {
    flex-shrink: 0
  }

  header .content-mobile-menu>ul .item.more {
    font-size: 1.35714em;
    font-weight: 700;
    line-height: 0.75em
  }

  header .content-mobile-menu>ul .item .sub-menu {
    font-size: 16px;
    font-weight: normal
  }

  header .content-mobile-menu>ul .item .sub-menu .item {
    font-size: 0.875em
  }

  header .content-mobile-menu>ul .item .sub-menu .item:not(:last-child) {
    margin-right: 0
  }

  header .content-mobile-menu>ul .item .sub-menu .item a {
    line-height: 1.5em;
    white-space: normal
  }

  header .content-mobile-menu>ul .item .sub-menu .sub-menu {
    position: static;
    border-top: 1px solid #e7e7e7;
    box-shadow: none
  }

  header .content-mobile-menu>ul .item .sub-menu .sub-menu .item a {
    padding-left: 30px
  }

  header .basket-container .basket-link:before {
    background: url('/bitrix/templates/magnet_s1/img/icons/icon-cart-blue.svg') no-repeat center center;
    background-size: contain;

  }

  header .basket-container .basket-link {
    width: auto;
  }

  header.type1 .content-menu,
  header.type1 .content-mobile-menu {
    width: 100%
  }

  .header .basket-container .basket-link {
    background-color: transparent;
  }

  .banners .carousel .owl-stage {
    display: flex
  }

  .banners .carousel .owl-stage .owl-item {
    display: flex;
    flex-shrink: 0
  }

  .banners .carousel .item {
    align-items: flex-start;
    height: auto;
    background-image: none !important
  }

  .banners .carousel .item .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 30px 20px 40px;
    text-align: center;
    box-sizing: border-box
  }

  .banners .carousel .item .name {
    margin-top: 0;
    font-size: 1.5em
  }

  .banners .carousel .item .name br+b {
    margin-top: 4px
  }

  .banners .carousel .item .name br+small {
    margin-top: 14px;
    font-size: 0.585em
  }

  .banners .carousel .item .button {
    margin-top: 20px
  }

  .banners .carousel .item.right .text {
    width: 100%;
    margin: 0
  }

  .banners .static .item {
    padding: 6.75% 9.25%
  }

  .banners .static .item.large {
    padding: 9.75% 9.25%
  }

  .banners .static .item.large .name {
    min-height: 28px;
    font-size: 1.75em;
    line-height: 1em
  }

  .banners .static .item.medium {
    padding: 9.75% 9.25%
  }

  .banners .static .item.small {
    width: calc((100% - 24px) / 2);
    height: 31vw;
    padding: 3.25% 3.75%;
    flex-grow: 0
  }

  .banners.has-static .carousel .item .text {
    margin: 0
  }

  .banners.has-static .carousel .item.right .text {
    margin: 0
  }

  .banners.center .static {
    width: 100%
  }

  .banners.center .static .item {
    flex-grow: 1
  }

  .banners.center .static .item:not(:first-child) {
    margin-left: 24px
  }

  .banners.center.has-static .carousel .item .text {
    margin: 0
  }

  .banners.center.has-static .carousel .item.right .text {
    margin: 0
  }

  .products.main-nav {
    margin-bottom: 0
  }

  .products.main-nav .tabs-container {
    flex-wrap: wrap;
    margin: 0 -12px -16px;
    border-bottom: none
  }

  .products.main-nav .tabs-container .tab {
    margin: 0 12px 15px;
    padding: 0;
    font-size: 0.8125em;
    line-height: 1em;
    letter-spacing: 0
  }

  .products.main-nav .tabs-container .tab::after {
    content: none
  }

  .products.main-nav .tabs-container .tab:last-child {
    margin-right: 0
  }

  .products.main-nav .tab-content.active {
    margin-top: 20px
  }

  .products.main-nav .tab-content .owl-nav {
    top: -72px;
    left: 0;
    right: inherit
  }

  .products.main-nav .tab-content .owl-nav .owl-prev {
    margin-left: 0
  }

  .products.main-nav+section.catalog {
    margin-top: 18px
  }

  section.catalog {
    margin-top: 25px
  }

  section.catalog .categories {
    margin: 23px 0 0
  }

  .catalog .sort {
    padding: 0
  }

  .catalog .sort .filter-btn {
    width: 100%;
    padding: 23px 31px 23px 43px;
    margin-right: 0;
    box-sizing: border-box
  }

  .catalog .sort .filter-btn::before {
    top: 50%;
    left: 21px;
    margin-top: -7px
  }

  .catalog .sort .filter-btn.open {
    background-color: #fdfdfd
  }

  .catalog .sort .sort-filter {
    display: none
  }

  .catalog .sort .display {
    display: none
  }

  .catalog .categories {
    display: block;
    margin: 33px 0 0
  }

  .catalog .categories .category-wrap {
    width: 100% !important;
    margin: 0 0 24px
  }

  .catalog .subcategories {
    margin-top: 24px
  }

  .catalog .subcategories .item .img {
    width: 100px;
    height: 100px
  }

  .catalog .subcategories .item .img+.name {
    margin-top: 19px
  }

  .catalog .category {
    padding: 28px 30px 26px
  }

  .catalog .category .img {
    margin-top: 2px
  }

  .catalog .category .text .sub {
    margin-top: 7px
  }

  .catalog .category .text .sub .item {
    margin: 0
  }

  .catalog .category-desc {
    padding: 20px 20px
  }

  .catalog .products-container.has-filter:not(.top) .filter.open {
    top: -24px;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    box-shadow: 0px 11px 24px rgba(0, 0, 0, 0.12)
  }

  .catalog .products-container.has-filter.top {
    position: relative;
    flex-direction: column
  }

  .catalog .products-container.has-filter.top .filter {
    width: 100%;
    height: 0;
    padding-top: 0;
    overflow: hidden
  }

  .catalog .products-container.has-filter.top .filter form {
    display: flex;
    flex-wrap: wrap;
    padding: 0
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box {
    width: 100%;
    margin-bottom: 0;
    padding: 17px 20px;
    border-bottom: 1px solid #e7e7e7
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .bx_filter_parameters_box_title {
    margin-right: 0;
    padding-right: 20px
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .bx_filter_parameters_box_title::before {
    content: ''
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .bx_filter_parameters_box_title::after {
    position: absolute;
    top: 6px;
    right: 5px;
    display: block;
    width: 2px;
    height: 12px;
    margin-top: 0;
    background-color: #424242;
    border: none;
    transform: rotate(0deg);
    transition: all .3s ease
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .params-container {
    position: static;
    width: auto;
    margin-top: 13px;
    padding: 0;
    border: none;
    box-shadow: none
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .params-container::before {
    content: none
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box .params-container .bx_filter_actions {
    display: none
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title::after {
    margin-top: 0;
    transform: rotate(90deg)
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_container_modef {
    display: none
  }

  .catalog .products-container.has-filter.top .filter .bx_filter_button_box {
    display: block
  }

  .catalog .products-container.has-filter.top .filter.open {
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0 0 24px;
    padding-top: 19px;
    box-shadow: 0px 11px 24px rgba(0, 0, 0, 0.12);
    z-index: 50
  }

  .promo .items .item {
    padding: 20px 50px 20px 20px
  }

  section.about {
    display: block;
    padding: 20px
  }

  section.about .img {
    width: 66.2%;
    max-width: 100%;
    margin: 0 auto
  }

  section.about .content {
    width: 100%;
    margin: 27px 0 0
  }

  section.about .content .desc {
    margin-top: 14px
  }

  .actions.section .offers .item .desc {
    display: none
  }

  .about-and-news {
    margin-top: 0
  }

  section.news {
    display: none
  }

  footer .top {
    margin-top: 14px
  }

  footer .top .social {
    margin-left: 0
  }

  .product-main-info {
    margin-top: 20px;
    padding: 20px
  }

  .product-main-info .product-main-container {
    flex-wrap: wrap
  }

  .product-main-info .product-img {
    position: static;
    width: 100%;
    padding: 0
  }

  .product-main-info .product-img .labels {
    top: 20px;
    left: 20px
  }

  .product-main-info .product-img .additional-links {
    top: 20px;
    right: 20px
  }

  .product-main-info .product-img .main-img {
    width: 73.75vw;
    height: 73.75vw;
    margin: 0 auto
  }

  .product-main-info .product-img .thumbnails {
    width: 100%
  }

  .product-main-info .info {
    width: 100%;
    margin-top: 40px
  }

  .product-main-info .info .top {
    margin: 0;
    padding-bottom: 20px
  }

  .product-main-info .info .top .brand-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
  }

  .product-main-info .info .main {
    margin-left: 0;
    min-height: auto;
  }

  .product-main-info .info .main .desc .characteristics table tr {
    display: block;
    vertical-align: top
  }

  .product-main-info .info .main .desc .characteristics table .type {
    display: inline;
    padding-right: 0;
    background-image: none
  }

  .product-main-info .info .main .desc .characteristics table .type span {
    padding-right: 0
  }

  .product-main-info .info .main .desc .characteristics table .type span::after {
    content: ':';
    display: inline;
    padding-right: 2px
  }

  .product-main-info .info .main .desc .characteristics table .value {
    display: inline;
    padding-left: 0;
    font-weight: 700
  }

  .product-main-info .info .main .price-container .old-price {
    font-size: 1em
  }

  .product-main-info .info .main .price-container .price {
    font-size: 1.5em;
    line-height: 1.1em
  }

  .product-main-info .info .main .price-container .saving {
    margin-top: 13px
  }

  .product-main-info .info .order-container .details .product-item-info-container .product-item-scu-container {
    flex-direction: column
  }

  .product-main-info .info .order-container .details .product-item-info-container .product-item-scu-container .product-item-scu-name {
    margin-bottom: 3px
  }

  .product-main-info .info .order-container .buttons {
    flex-wrap: wrap
  }

  .product-main-info .info .order-container .buttons .counter {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .product-main-info .info .order-container .buttons .counter input {
    font-size: 1rem
  }

  .product-main-info .info .order-container .buttons .product-item-button-container {
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin: 0
  }

  .product-main-info .info .order-container .buttons .product-item-button-container>div {
    width: 100%
  }

  .product-main-info .info .order-container .buttons .product-item-button-container .btn {
    width: 100%;
    margin-top: 10px;
    text-align: center
  }

  .product-main-info .info .order-container .buttons .product-item-button-container .one-click {
    margin-left: 0
  }

  .product-main-info .info .order-container .buttons .delivery-link {
    padding-left: 60px;
    font-size: 1em
  }

  .product-main-info .info .order-container .buttons .delivery-link::before {
    width: 44px;
    height: 44px
  }

  .product-main-info .info .order-container .buttons .delivery-link .text {
    margin-bottom: 5px
  }

  .product-main-info .info .bottom {
    padding: 0;
    border-top: none
  }

  .product-main-info .info .bottom .left {
    width: 100%
  }

  .product-main-info .info .bottom .left>div:first-child {
    border-top: 1px solid #e7e7e7
  }

  .product-main-info .info .bottom .right {
    display: none
  }

  .product-main-info .info .bottom .sale,
  .product-main-info .info .bottom .gifts-tip {
    width: 100%;
    padding: 19px 0 19px 52px;
    box-sizing: border-box
  }

  .product-main-info .info .bottom .sale::before,
  .product-main-info .info .bottom .gifts-tip::before {
    top: 19px
  }

  .product-main-info .info .bottom .sale .name,
  .product-main-info .info .bottom .gifts-tip .name {
    line-height: 1.35em
  }

  .product-main-info .info .bottom .sale .text,
  .product-main-info .info .bottom .gifts-tip .text {
    margin-top: 5px
  }

  .product-main-info .info .bottom .sale+.gifts-tip {
    margin-top: 0;
    padding-top: 0
  }

  .product-main-info .info .bottom .sale+.gifts-tip::before {
    top: 1px
  }

  .product-main-info .product-timer {
    width: 100%;
    font-size: 0.875em
  }

  .product-main-info .product-timer .name {
    margin-bottom: 4px
  }

  .product-main-info .product-timer .time .item {
    padding: 10px 0
  }

  .product-main-info .product-timer .time .item:not(:last-child)::before,
  .product-main-info .product-timer .time .item:not(:last-child)::after {
    width: 6px;
    height: 6px
  }

  .product-main-info .product-timer .time .item:not(:last-child)::before {
    top: 16px
  }

  .product-main-info .product-timer .time .item:not(:last-child)::after {
    top: 26px
  }

  .product-main-info .product-timer .timer-stock {
    margin-top: 7px;
    padding: 5px 0
  }

  .product-main-info .product-timer.colored .time .item:not(:last-child)::before,
  .product-main-info .product-timer.colored .time .item:not(:last-child)::after {
    right: -5px;
    width: 8px;
    height: 8px
  }

  .product-main-info .product-timer.colored .time .item:not(:last-child)::before {
    top: 14px
  }

  .product-main-info .product-timer.colored .time .item:not(:last-child)::after {
    top: 30px
  }

  .product-detail .advantages,
  .promo-page .advantages {
    display: none
  }

  .product-detail .columns .left {
    margin-bottom: 0
  }

  .product-detail .tabs-container {
    margin-top: 2px;
    padding: 20px
  }

  .product-detail .tabs-container .tabs {
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #e7e7e7
  }

  .product-detail .tabs-container .tabs .tab {
    display: none;
    width: 100%;
    padding: 10px 26px 10px 10px;
    font-size: 1em;
    box-sizing: border-box
  }

  .product-detail .tabs-container .tabs .tab::after {
    content: none
  }

  .product-detail .tabs-container .tabs .tab.active {
    position: relative;
    order: -1;
    display: inline-block;
    color: #2a2e39
  }

  .product-detail .tabs-container .tabs .tab.active::after {
    content: '\0048';
    position: absolute;
    top: 50%;
    left: inherit;
    right: 10px;
    bottom: inherit;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    font-family: 'Icon Custom';
    font-size: 12px;
    color: #055ca7;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    background-color: transparent;
    transform: rotate(90deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .product-detail .tabs-container .tabs.open {
    top: 20px;
    background-color: #fff
  }

  .product-detail .tabs-container .tabs.open .tab {
    display: inline-block
  }

  .product-detail .tabs-container .tabs.open .tab:not(.active) {
    color: #055ca7;
    border-top: 1px solid #e7e7e7
  }

  .product-detail .tabs-container .tabs.open .tab.active::after {
    margin-top: -8px;
    transform: rotate(-90deg)
  }

  .product-detail .tabs-container .tabs-content {
    margin-top: 15px
  }

  .product-detail .tabs-container .tabs-content .characteristics table {
    font-size: 0.875em
  }

  .product-detail .tabs-container .tabs-content .characteristics table td {
    padding-bottom: 9px;
    vertical-align: bottom
  }

  .product-detail .tabs-container .tabs-content .characteristics table .type {
    width: auto;
    background-image: none;
    line-height: 1.5em;
  }

  .product-detail .tabs-container .tabs-content .characteristics table .type span {
    padding-right: 0
  }

  .product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"]+label {
    padding-left: 28px;
    min-height: 20px
  }

  .product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"]+label::before {
    top: -2px;
    width: 20px;
    height: 20px
  }

  .product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"]:checked+label::before {
    background-size: 13px;
    background-position: center
  }

  .product-detail .tabs-container .tabs-content .characteristics table .type.no-filter span {
    padding-left: 28px
  }

  .product-detail .tabs-container .tabs-content .characteristics table .value {
    padding-left: 7px;
    text-align: right
  }

  .product-detail .tabs-container .tabs-content .characteristics .filter-action {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    padding: 19px 20px 20px
  }

  .product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons {
    flex-wrap: wrap;
    margin: 10px 0 0;
    padding-left: 0
  }

  .product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons .count {
    width: 100%;
    margin-bottom: 7px
  }

  .product-detail .tabs-container .tabs-content .availability table .address {
    width: 100%
  }

  .product-detail .tabs-container .tabs-content .availability table .value {
    white-space: nowrap
  }

  .product-detail .tabs-container .tabs-content .videos .name {
    font-size: 1.25em
  }

  .product-detail .tabs-container .tabs-content .videos .items .item {
    width: 100%;
    height: calc(40vw - 12px);
    margin-bottom: 24px
  }

  .product-detail .tabs-container .tabs-content .documents .name {
    font-size: 1.25em
  }

  .product-detail .tabs-container .tabs-content .documents .items .item {
    width: 100%
  }

  .product-detail .tabs-container .tabs-content .reviews-container .buttons .btn {
    width: 100%;
    margin-right: 0;
    padding: 12px 10px
  }

  .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-field input {
    max-width: 100%
  }

  .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-form .reviews-reply-field-setting label {
    line-height: 1.25em
  }

  .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-form .reviews-reply-buttons .btn {
    margin-right: 2px;
    padding: 9px 18px 10px
  }

  .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-form .reviews-reply-buttons .btn.white {
    padding: 7px 11px
  }

  .product-detail .tabs-container .tabs-content .reviews-container .bx-html-editor {
    height: 160px !important
  }

  .product-detail .tabs-container .tabs-content .reviews-container .bx-html-editor .bxhtmled-toolbar-cnt {
    display: none
  }

  .product-detail .tabs-container .tabs-content .reviews-container .bx-html-editor .bxhtmled-area-cnt {
    top: 0 !important
  }

  .product-detail .feedback {
    margin-bottom: 24px;
    padding: 20px
  }

  .product-detail .feedback .text .name {
    font-size: 1.25em
  }

  .product-detail .feedback .form {
    margin-top: 8.5%
  }

  .product-detail .feedback .form .form-captcha .captcha-content {
    flex-wrap: wrap;
    margin-top: 10px
  }

  .product-detail .feedback .form .form-captcha .captcha-content .image {
    margin-bottom: 5px
  }

  .product-detail .brand-info {
    padding: 20px
  }

  .product-detail .brand-info .img {
    width: 75%;
    margin-top: 20px;
    text-align: center
  }

  .product-detail .brand-info .desc {
    margin-top: 20px
  }

  .product-detail .short-products-list {
    padding: 20px 20px 0
  }

  .product-detail .short-products-list .name {
    font-size: 1.25em
  }

  .product-detail .short-products-list .items .item {
    align-items: center;
    width: 100%
  }

  .product-detail .short-products-list .items .item:not(:last-child) {
    border-bottom: 1px solid #e7e7e7
  }

  .product-detail .product-tabs-container .tabs-container .tabs {
    width: 100%;
    margin-bottom: 10px
  }

  .product-detail .product-tabs-container .tabs-container .tabs .tab {
    font-size: 0.875em;
    background-color: #fff
  }

  .product-detail.one-page .tabs-container .tab-content {
    padding: 20px
  }

  .product-detail.one-page .tabs-container .tab-content .product-subtitle {
    margin-bottom: 12px
  }

  .products-carousel>.name {
    margin-left: 0
  }

  .product-tabs-container {
    margin-bottom: 12px
  }

  .product-tabs-container .tabs-container {
    padding: 0
  }

  .actions {
    margin-top: 24px
  }

  .actions .tabs {
    display: none
  }

  .actions .offer .content {
    padding: 20px
  }

  .actions .offer .content .main-content {
    border-bottom: none
  }

  .actions .offer .content .main-content .img {
    margin-bottom: 10px
  }

  .offers .offer-wrap {
    width: calc((100% - 48px)/2)
  }

  .offers .offer-wrap.big {
    width: calc((100% - 48px)/2)
  }

  .other-elements {
    padding: 20px
  }

  .other-elements .items .item .img {
    width: 70px;
    height: 49px;
    margin-right: 12px
  }

  .news:not(section) .news-previews .items {
    /* padding: 20px */
  }

  .news:not(section) .news-previews .items .item {
    flex-wrap: wrap
  }

  .news:not(section) .news-previews .items .item .img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    margin: 0 0 15px
  }

  .news:not(section) .service-detail {
    padding: 20px
  }

  .news:not(section) .service-detail .service-header-columns {
    flex-wrap: wrap
  }

  .news:not(section) .service-detail .service-header-columns .detail-img {
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0 0 15px
  }

  .news:not(section) .service-detail .service-order-block {
    flex-wrap: wrap;
    padding: 20px
  }

  .news:not(section) .service-detail .service-order-block .info {
    width: 100%;
    padding-right: 0
  }

  .news:not(section) .service-detail .service-order-block .btn {
    width: 100%;
    margin: 15px 0 0
  }

  .news:not(section) .news-detail {
    /* padding: 20px */
  }

  .news:not(section) .news-detail .desc {
    font-size: 1em;
    line-height: 1.5em
  }

  body.aside-right .content-wrapper .right-column .other-elements,
  body.aside-right .content-wrapper .right-column .additional-menu {
    padding: 20px
  }

  body.aside-right .content-wrapper .right-column .other-elements .name,
  body.aside-right .content-wrapper .right-column .additional-menu .name {
    font-size: 1.25em
  }

  body.aside-right .content-wrapper .right-column .additional-menu .item:last-child {
    padding-bottom: 0
  }

  .content-column.content-page {
    margin-top: 24px;
    padding: 20px
  }

  .brands-page {
    margin: 24px 0
  }

  .brands-page .brands-previews {
    padding: 20px
  }

  .brands-page .brands-previews .items {
    margin-top: 24px
  }

  .brands-page .brands-previews .items .item {
    width: 100%
  }

  .brands-page .brands-detail {
    margin-bottom: 24px;
    padding: 20px
  }

  .brands-page .brands-detail .text+.buttons {
    margin-top: 10px
  }

  .brands-page .brands-detail+.products-carousel,
  .brands-page .brands-detail+div[id*="bx_incl"] {
    margin: 0 0 35px
  }

  .contacts .info {
    padding: 25px 20px
  }

  .contacts .info .item {
    align-items: flex-start;
    width: 100%;
    margin: 0 0 24px
  }

  .contacts .info .item::before {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    font-size: 20px;
    line-height: 50px
  }

  .contacts .info .item .text .name {
    margin-bottom: 4px
  }

  .contacts .info .item .text .content {
    line-height: 1.3em
  }

  .contacts .info .item.main-address::before {
    font-size: 22px
  }

  .contacts .offices {
    padding: 20px
  }

  .contacts .offices .title {
    font-size: 1.25em
  }

  .contacts .offices .items {
    margin-top: 24px
  }

  .contacts .offices .items .item {
    margin-top: 10px;
    padding-bottom: 35px
  }

  .contacts .offices .items .item .name {
    font-size: 1.2em
  }

  .contacts .offices .items .item .img {
    width: 40%;
    height: auto
  }

  .contacts .offices .items .item .content {
    display: block
  }

  .contacts .offices .items .item .office-info {
    width: 100%
  }

  .contacts .offices .items .item .office-info .address {
    width: 100%;
    font-size: 1em;
    line-height: 1.3em
  }

  .contacts .offices .items .item .phone {
    position: relative;
    margin: 10px 0 0;
    padding-left: 33px;
    line-height: 1.25em
  }

  .contacts .offices .items .item .phone::before {
    content: '\0061';
    position: absolute;
    top: 2px;
    left: 3px;
    display: inline-block;
    font-family: 'Icon Custom';
    font-size: 16px;
    color: #055CA7;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .auth {
    flex-wrap: wrap;
    padding: 25px 20px 35px
  }

  .auth .left-column {
    width: 100%;
    margin-right: 0
  }

  .auth .right-column {
    width: 100%;
    margin-top: 24px;
    padding: 25px 0 0;
    border-top: 1px solid #e7e7e7;
    box-shadow: none
  }

  .auth .auth-label {
    font-size: 0.875em
  }

  .auth .auth-label .auth-label-text {
    padding-left: 26px
  }

  .auth .auth-label .auth-label-text::before {
    width: 18px;
    height: 18px
  }

  .auth .text {
    font-size: 0.875em
  }

  .auth .form {
    margin-top: 20px
  }

  .auth .form .submit {
    margin-top: 16px
  }

  .bx-basket {
    margin-top: 24px
  }

  .bx-basket .main-basket {
    padding: 30px 20px
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter {
    width: 100%;
    text-align: center;
    border-bottom: none
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e7e7e7
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item::after {
    content: none
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item.active {
    border-bottom: 2px solid #055ca7
  }

  .bx-basket .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item.active::after {
    content: none
  }

  .bx-basket .main-basket .basket-items-list-header .remove-order {
    margin: 0 auto
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table tbody {
    display: block
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container {
    position: relative;
    text-align: center
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner {
    flex-wrap: wrap
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image {
    width: 100%;
    height: 150px;
    max-width: 100%;
    max-height: 150px;
    margin-right: 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info {
    width: 100%;
    margin-top: 20px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-info-name {
    margin-bottom: 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed::before {
    margin: 0 0 3px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed a {
    display: block
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property .basket-item-property-name::after {
    content: ':';
    margin-left: -2px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property-custom .basket-item-property-custom-name::after {
    content: ':';
    margin-left: 1px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price {
    width: 100%
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price {
    align-items: center;
    width: 100%;
    margin-top: 30px;
    padding-left: 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one {
    padding-left: 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one .basket-item-block-price {
    margin-top: 20px
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount {
    margin: 30px auto 0;
    padding-left: 0
  }

  .bx-basket .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-remove {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 10
  }

  .bx-basket>.row {
    padding: 30px 20px 40px
  }

  .bx-basket>.row .basket-checkout-section .basket-checkout-block-total .basket-checkout-block-total-inner .basket-checkout-block-total-description {
    margin-top: 0;
    font-size: 0.75em
  }

  .bx-basket>.row .basket-checkout-section .basket-checkout-block-btn {
    flex-wrap: wrap
  }

  .bx-basket>.row .basket-checkout-section .basket-checkout-block-btn .btn {
    width: 100%
  }

  .bx-basket.basket-mobile-minimal .main-basket {
    padding: 20px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item {
    padding-bottom: 10px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-header .basket-items-list-header-filter .basket-items-list-header-filter-item[data-filter="delayed"] {
    display: none
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-header .basket-items-search-field {
    display: none
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container {
    margin-top: 20px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container {
    padding: 22px 0;
    text-align: left
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container:last-child {
    padding-bottom: 0;
    border-bottom: none
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner {
    flex-wrap: nowrap;
    margin-bottom: 15px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-image {
    display: none;
    width: 50px;
    height: 50px;
    margin-right: 12px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info {
    margin-top: 0;
    padding-right: 30px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-info-name {
    margin-bottom: 0;
    font-size: 1em
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed {
    flex-direction: row;
    justify-content: flex-start;
    margin: 10px 0 0
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-delayed::before {
    margin-right: 10px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties {
    margin-top: 6px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-descriptions-inner .basket-item-block-info .basket-item-block-properties .basket-item-property-custom {
    margin-top: 0
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price {
    width: 50%;
    padding-left: 0
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price {
    display: block;
    height: 100%;
    margin-top: 0
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price .basket-item-price-current {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price .basket-item-block-price .basket-item-price-difference {
    display: none
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one {
    display: none
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-price.basket-items-list-item-price-for-one .basket-item-block-price .basket-item-price-title {
    margin-top: 0
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-remove {
    top: 20px
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount {
    margin: 0
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-amount .basket-item-block-amount {
    top: 0
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-notification {
    line-height: 1.35em
  }

  .bx-basket.basket-mobile-minimal .main-basket .basket-items-list-container .basket-items-list-table .basket-items-list-item-container .basket-items-list-item-notification .basket-items-list-item-removed-block {
    margin-top: 5px
  }

  .gift-container .products-list {
    margin-top: 65px
  }

  .gift-container .products-list .owl-nav {
    top: -56px;
    width: 100%;
    text-align: center
  }

  .order-form .bx-soa-sidebar {
    padding: 25px 20px
  }

  .order-form .bx-soa-sidebar .name {
    padding-bottom: 20px
  }

  .order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d {
    white-space: nowrap
  }

  .order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total {
    padding-top: 23px;
    font-size: 1.25em !important
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-title-container {
    padding: 25px 20px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-title-container .bx-soa-section-title {
    padding-left: 0;
    font-size: 1.25em
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-title-container .bx-soa-section-title::before {
    content: none
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-title-container .text-right .bx-soa-editstep {
    position: relative;
    top: 0;
    display: inline-block;
    width: 0;
    overflow: hidden;
    padding-left: 24px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-title-container .text-right .bx-soa-editstep::before {
    content: '\0078';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-family: 'Icon Custom';
    font-size: 24px;
    color: #055ca7;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content:not(.container-fluid) {
    padding: 20px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .alert {
    margin: 20px;
    line-height: 1.35em
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .alert strong {
    display: inline-block;
    margin-bottom: 7px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) {
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) .bx-soa-coupon-label {
    width: 100%
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) .bx-soa-coupon-input {
    width: 100%;
    margin-top: 15px
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) .bx-soa-coupon-item {
    flex-wrap: wrap
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-coupon:not(.bx-soa-coupon-item-fixed) .bx-soa-coupon-item .bx-soa-coupon-remove {
    display: none
  }

  .order-form .bx-soa .bx-soa-section .bx-soa-section-content .bx-soa-more {
    padding: 20px
  }

  .order-form .bx-soa .bx-soa-section.bx-step-completed .bx-soa-section-title-container .bx-soa-section-title {
    color: #27ae60
  }

  .order-form .bx-soa .bx-soa-section.bx-step-completed .bx-soa-section-title-container .bx-soa-section-title::before {
    content: none
  }

  .order-form .bx-soa .bx-soa-section.bx-step-warning .bx-soa-section-title-container .bx-soa-section-title {
    color: #f8c11a
  }

  .order-form .bx-soa .bx-soa-section.bx-step-warning .bx-soa-section-title-container .bx-soa-section-title::before {
    content: none
  }

  .order-form .bx-soa .bx-soa-section.bx-step-error .bx-soa-section-title-container .bx-soa-section-title {
    color: #eb5757
  }

  .order-form .bx-soa .bx-soa-section.bx-step-error .bx-soa-section-title-container .bx-soa-section-title::before {
    content: none
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-table-fade {
    padding: 25px 20px
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-table-fade+.bx-soa-coupon.bx-soa-coupon-item-fixed {
    padding: 0 20px 20px
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table {
    display: block
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr {
    display: block;
    padding: 12px 0
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td {
    display: block;
    min-width: auto !important;
    padding: 5px 0 12px
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block {
    display: block;
    line-height: 1.35em
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-item-block .bx-soa-item-img-block {
    display: none
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties {
    display: flex;
    width: 100% !important;
    padding: 5px 0
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties .bx-soa-item-td-title {
    margin-bottom: 0;
    line-height: 1.65em
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties .bx-soa-item-td-text {
    margin-left: auto;
    padding-left: 10px;
    font-size: 0.875em;
    text-align: right
  }

  .order-form .bx-soa .bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-text-right {
    text-align: left
  }

  .order-form .bx-soa .bx-soa-region .bx_soa_location {
    padding: 20px
  }

  .order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .bx-soa-custom-label {
    margin-bottom: 10px
  }

  .order-form .bx-soa .bx-soa-region .bx_soa_location .form-group .radio-inline {
    margin: 0 0 10px
  }

  .order-form .bx-soa .bx-soa-region .bx_soa_location .bx-soa-location-input-container {
    margin-top: 18px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp {
    flex-wrap: wrap;
    padding: 20px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-item-container,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-item-container {
    justify-content: center;
    margin: 0
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container {
    width: 100%;
    max-width: 100%;
    padding: 20px
  }

  .order-form .bx-soa .bx-soa-delivery .bx-soa-pp .bx-soa-pp-desc-container select,
  .order-form .bx-soa .bx-soa-paysystem .bx-soa-pp .bx-soa-pp-desc-container select {
    width: 100%
  }

  .order-form .bx-soa .bx-soa-properties .row:not(.bx-soa-more)>.col-sm-12 {
    padding: 0 20px
  }

  .order-form .bx-soa .bx-soa-orderSave {
    flex-wrap: wrap
  }

  .order-form .bx-soa .bx-soa-orderSave .checkbox {
    width: 100%;
    margin-right: 0
  }

  .order-form .bx-soa .bx-soa-orderSave .btn {
    margin: 25px 0 0
  }

  .order-form .bx-soa .bx-soa-pickup .bx-soa-section-title-container .bx-soa-section-title::before {
    content: none
  }

  .order-form .bx-soa .bx-soa-pickup .bx_soa_pickup {
    padding: 20px
  }

  .order-form .bx-soa .bx-soa-pickup .bx_soa_pickup #pickUpMap {
    height: 200px !important
  }

  .order-form .bx-soa .bx-soa-pickup.bx-active:not(.bx-selected) .bx-soa-section-content {
    padding: 20px
  }

  .order-form.simple .bx-soa .bx-soa-section.bx-step-completed .bx-soa-section-title-container .bx-soa-section-title {
    color: #000
  }

  .order-form.simple .bx-soa .paysystem-delivery-container {
    display: block
  }

  .order-form.simple .bx-soa .paysystem-delivery-container>.bx-soa-section {
    width: 100%
  }

  .order-form.simple .bx-soa .paysystem-delivery-container>.bx-soa-section:first-child {
    margin-right: 0
  }

  .order-final {
    padding: 25px 20px
  }

  .order-final .sale_order_full_table.text {
    padding-left: 0
  }

  .order-final .sale_order_full_table.text::before {
    position: static;
    margin: 0 auto 12px
  }

  .order-final .sale_order_full_table.payment {
    margin-top: 20px;
    padding: 20px
  }

  .order-final .sale_order_full_table.payment tbody {
    flex-wrap: wrap
  }

  .order-final .sale_order_full_table.payment tr {
    width: 100%
  }

  .order-final .sale_order_full_table.payment .ps_logo {
    width: 100%;
    margin: 0 0 12px
  }

  .order-final .sale_order_full_table.payment .ps_name .pay_name {
    margin-bottom: 0
  }

  .order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext {
    line-height: 1.4em
  }

  .order-final .sale_order_full_table.payment .sale-paysystem-wrapper .tablebodytext br+br {
    display: block
  }

  .personal {
    margin-top: 24px
  }

  .personal .personal-menu .item {
    width: calc((100% - 48px)/2)
  }

  .personal .personal-order-list {
    padding: 25px 20px
  }

  .personal .personal-order-list .sale-order-title {
    margin-top: 15px;
    font-size: 1.15em
  }

  .personal .personal-order-list .sale-order-list-container {
    margin-top: 18px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-title-container {
    padding: 12px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-title-container .sale-order-list-title {
    line-height: 1.2em
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-title-line {
    display: block;
    padding: 14px 12px 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row {
    padding: 0 12px 20px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body {
    flex-wrap: wrap
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body .sale-order-list-payment {
    width: 100%
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body .sale-order-list-payment .sale-order-list-change-payment {
    display: inline-block;
    margin-top: 5px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body .sale-order-list-payment .sale-order-list-change-payment::after {
    top: 6px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body .sale-order-list-payment-title {
    width: 100%;
    margin-top: 3px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body .sale-order-list-payment-title .sale-order-list-status-alert {
    display: block;
    margin: 8px 0 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body .sale-order-list-payment-price {
    width: 100%;
    margin-top: 16px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-inner-row-body .sale-order-list-payment-price .sale-order-list-payment-number {
    white-space: nowrap
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-button-container {
    margin: 12px 0 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-title .sale-order-list-status-alert {
    display: block;
    margin: 8px 0 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-shipment-status .sale-order-list-shipment-status-block {
    display: block;
    margin: 8px 0 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-about-container {
    display: block;
    width: 100%
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-about-container .sale-order-list-about-link {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-repeat-container {
    display: block;
    width: 100%;
    margin: 8px 0 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-repeat-container .sale-order-list-repeat-link {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-cancel-container {
    float: none;
    display: block;
    width: 100%;
    margin-top: 8px;
    text-align: left
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-container .sale-order-list-inner-row .sale-order-list-cancel-container .sale-order-list-cancel-link {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box
  }

  .personal .personal-order-details {
    padding: 15px 20px 25px
  }

  .personal .personal-order-details .sale-order-detail-general {
    margin-top: 14px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-general-head {
    padding: 12px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order {
    padding: 20px 12px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container>.row {
    flex-wrap: wrap;
    margin-top: 10px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name {
    width: 100%;
    margin-right: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-detail {
    margin: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-read-more,
  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-name .sale-order-detail-about-order-inner-container-name-read-less {
    display: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-status {
    width: 100%;
    margin: 12px 0 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-status .sale-order-detail-about-order-inner-container-status-detail {
    margin-top: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-price {
    width: 100%;
    margin: 12px 0 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-price .sale-order-detail-about-order-inner-container-price-detail {
    margin-top: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding-left: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat a {
    display: block;
    text-align: center
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-about-order .sale-order-detail-about-order-inner-container .sale-order-detail-about-order-inner-container-repeat a.sale-order-detail-about-order-inner-container-repeat-cancel {
    margin-top: 8px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-title {
    padding: 12px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container {
    padding: 20px 12px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block {
    padding-top: 5px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-image-container {
    width: 100%;
    margin-right: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-image-container .sale-order-detail-payment-options-methods-image-element {
    margin: 0 auto
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info {
    margin-top: 10px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-title-status-alert,
  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-title-status-success {
    position: static;
    display: block;
    margin: 10px 0 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-info .sale-order-detail-payment-options-methods-info-total-price {
    margin-top: 10px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-methods-information-block .sale-order-detail-payment-options-methods-button-container {
    display: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment>div:not(.sale-order-detail-payment-options-shipment-composition-map) {
    flex-wrap: wrap
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-image-container {
    width: 100%;
    margin-right: 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-image-container .sale-order-detail-payment-options-shipment-image-element {
    margin: 0 auto
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item-title {
    margin: 10px 0 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-methods-shipment-list .sale-order-detail-payment-options-methods-shipment-list-item {
    margin-top: 10px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map {
    margin: 17px 0 0
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section {
    padding: 5px 18px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-tr {
    flex-wrap: wrap;
    padding-bottom: 10px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-tr.hidden-xs {
    display: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-tr.sale-order-detail-order-item-tr-first {
    padding-top: 14px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:not(:last-child) {
    border-bottom: 1px solid #e7e7e7
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td .sale-order-detail-order-item-block {
    line-height: 1.5em
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-payment-options-shipment-composition-container .sale-order-detail-order-section .sale-order-detail-order-item-table .sale-order-detail-order-item-td.bx-text-right {
    width: 100%;
    margin: 5px 0 0;
    text-align: left
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-order-item-td {
    min-width: auto !important
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options .sale-order-detail-payment-options-inner-container .sale-order-detail-payment-options-shipment .sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-order-item-img-block {
    display: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-payment-options-order-content-title {
    padding: 12px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table {
    display: block
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-td {
    min-width: auto !important
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-td.bx-text-right .sale-order-detail-order-item-td-title {
    width: 85px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-tr:last-child {
    margin-bottom: 30px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block {
    padding-bottom: 5px
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block .sale-order-detail-order-item-img-block {
    display: none
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-payment-options-order-content .sale-order-detail-order-item-table .sale-order-detail-order-item-block .sale-order-detail-order-item-title {
    margin-top: 0;
    line-height: 1.5em
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-container>.row {
    justify-content: flex-start;
    align-items: flex-end
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-left {
    width: 50%;
    margin-left: 0;
    text-align: left
  }

  .personal .personal-order-details .sale-order-detail-general .sale-order-detail-total-payment .sale-order-detail-total-payment-list-right {
    width: 100%;
    margin-left: 0
  }

  .personal .personal-profile {
    padding: 25px 20px
  }

  .personal .personal-profile .main-profile-block-shown .form-group {
    margin-bottom: 15px
  }

  .personal .personal-profile .main-profile-form-buttons-block {
    display: flex;
    margin-top: 16px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-title-container {
    padding: 12px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-title {
    line-height: 1.2em
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-accomplished-title-container .sale-order-list-accomplished-date-container {
    padding: 16px 12px 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished {
    padding: 0 12px 16px
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-inner-row {
    flex-wrap: wrap
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-inner-row .sale-order-list-about-accomplished,
  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-inner-row .sale-order-list-repeat-accomplished {
    width: 100%;
    margin: 10px 0 0
  }

  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-inner-row .sale-order-list-about-accomplished a,
  .personal .personal-order-list .sale-order-list-container .sale-order-list-inner-accomplished .sale-order-list-inner-row .sale-order-list-repeat-accomplished a {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box
  }

  .personal .personal-refill {
    padding: 25px 20px
  }

  .personal .personal-refill .sale-personal-account-wallet-container {
    padding: 20px
  }

  .personal .personal-refill .info {
    padding: 25px 20px
  }

  .personal .personal-refill .info .sale-acountpay-block {
    margin: 20px 0 0
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company {
    width: calc((100% - 60px)/2)
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company .sale-acountpay-pp-company-graf-container .sale-acountpay-pp-company-image {
    background-size: contain
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .col-md-7 {
    margin-bottom: 0
  }

  .personal .personal-refill .info .sale-acountpay-block .form-group {
    display: flex;
    align-items: center
  }

  .personal .personal-refill .info .sale-acountpay-block .form-group .col-sm-9 {
    width: auto
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-fixedpay-container .sale-acountpay-fixedpay-list {
    margin-bottom: -10px
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-fixedpay-container .sale-acountpay-fixedpay-list .sale-acountpay-fixedpay-item {
    margin-bottom: 10px
  }

  .personal .personal-profile-list {
    padding: 25px 20px
  }

  .personal .personal-profile-list .sale-personal-profile-list-container tr {
    position: relative;
    display: block;
    padding: 10px 0
  }

  .personal .personal-profile-list .sale-personal-profile-list-container tr th {
    display: none
  }

  .personal .personal-profile-list .sale-personal-profile-list-container tr td {
    display: flex;
    max-width: auto;
    padding: 5px 0
  }

  .personal .personal-profile-list .sale-personal-profile-list-container tr td:first-child,
  .personal .personal-profile-list .sale-personal-profile-list-container tr td:nth-child(2) {
    display: none
  }

  .personal .personal-profile-list .sale-personal-profile-list-container tr:first-child {
    padding: 0
  }

  .personal .personal-profile-list .sale-personal-profile-list-container tr:nth-child(even) {
    background-color: initial
  }

  .personal .personal-profile-list .sale-personal-profile-list-container .sale-personal-profile-list-close-button {
    position: absolute;
    top: 17px;
    right: 0
  }

  .sale-order-detail-payment-options-methods-template {
    margin: 0
  }

  .sale-order-detail-payment-options-methods-template .sale-paysystem-close {
    display: none
  }

  .sale-paysystem-wrapper {
    margin-top: 12px;
    padding: 0;
    border: none
  }

  .sale-paysystem-wrapper .tablebodytext {
    font-size: 0.875em;
    line-height: 0.85em
  }

  .sale-paysystem-wrapper .tablebodytext b {
    display: inline-block;
    margin-bottom: 15px
  }

  .sale-paysystem-wrapper form span {
    display: block;
    margin-top: 12px;
    line-height: 1.2em
  }

  .sale-paysystem-wrapper form input[type="submit"] {
    display: block;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 24px;
    font-size: 14px;
    text-align: center
  }

  .sale-paysystem-wrapper form .sale-paysystem-description {
    line-height: 1.3em
  }

  .sale-paysystem-wrapper form .sale-paysystem-description b {
    margin-bottom: 0
  }

  .personal .personal-subscribe-list {
    padding: 25px 20px
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item {
    width: calc((100% - 48px)/2);
    height: auto !important
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .static {
    height: auto !important
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls {
    display: flex
  }

  .personal .sale-order-payment-change-pp .sale-order-payment-change-status-alert,
  .personal .sale-order-payment-change-pp .sale-order-payment-change-status-success,
  .personal .sale-order-payment-change-pp .sale-order-payment-change-status-block {
    display: block;
    margin: 8px 0 0
  }

  .personal .sale-order-payment-change-pp .sale-paysystem-wrapper .tablebodytext b {
    margin-bottom: 0
  }

  footer.type3 .subscribe-block .desc,
  footer.type4 .subscribe-block .desc {
    display: none
  }

  footer.type3 .subscribe-block .form-container,
  footer.type4 .subscribe-block .form-container {
    max-width: 85%
  }

  footer.type3 .footer-menu,
  footer.type4 .footer-menu {
    flex-direction: column
  }

  footer.type3 .footer-menu .column,
  footer.type4 .footer-menu .column {
    width: 100%
  }

  footer.type3 .footer-menu .contacts-container,
  footer.type4 .footer-menu .contacts-container {
    width: 100%;
    margin-bottom: 0
  }

  .sidebar-type4 header .content-menu>ul .item .sub-menu .item a {
    font-size: 0.7em;
    font-weight: normal
  }

  .gallery .content {
    padding: 20px
  }

  .jobs {
    margin: 24px 0 0;
    width: 100%;
  }

  .jobs .jobs-list {
    padding: 20px;
    min-width: 280px;
  }

  .jobs .jobs-list .title {
    font-size: 1.1em
  }

  .jobs .jobs-list .desc {
    display: none
  }

  .jobs .jobs-list .department:not(:last-child) {
    margin-bottom: 25px
  }

  .jobs .jobs-list .items {
    margin-top: 15px;

  }

  .jobs .jobs-list .items .item .name {
    padding: 17px 35px 18px 15px;
    font-size: 1em
  }

  .jobs .jobs-list .items .item .name::after {
    right: 20px
  }

  .jobs .jobs-list .items .item .description {
    padding: 15px
  }

  .news:not(section) {
    margin-top: 24px
  }

  .employees {
    margin-top: 24px
  }

  .contacts {
    margin-top: 24px
  }

  .catalog .products-container .products .products-list.pricelist {
    display: flex;
    margin: 0 -12px;
    padding: 0;
    background-color: transparent
  }

  .catalog .products-container .products .products-list.pricelist .product-wrap {
    width: calc((100% - 48px)/2);
    margin: 0 12px 24px;
    padding: 20px 20px 30px;
    background-color: #fff;
    box-sizing: border-box
  }

  .catalog .products-container .products .products-list.pricelist .product-wrap:not(:first-child) {
    border-top: none
  }

  .catalog .products-container .products .products-list.pricelist .product-wrap:last-child {
    margin-bottom: 24px
  }

  .product-card-pricelist {
    position: relative;
    flex-direction: column;
    height: 100%
  }

  .product-card-pricelist .img {
    width: 200px;
    height: 200px;
    margin: 0 auto 10px
  }

  .product-card-pricelist .content {
    width: 100%;
    min-width: auto;
    max-width: none;
    margin-bottom: 20px
  }

  .product-card-pricelist .content .info .code {
    margin: 0 10px 2px 0
  }

  .product-card-pricelist .content .name {
    margin-bottom: 5px;
    font-weight: 400;
    line-height: 1.35em
  }

  .product-card-pricelist .content div[id*="sku_tree"] {
    display: none
  }

  .product-card-pricelist .price-container {
    width: 100%;
    margin: auto 0 0;
    padding-top: 10px
  }

  .product-card-pricelist .price-container .old-price {
    margin-bottom: 7px;
    text-align: left;
    line-height: 1.5em
  }

  .product-card-pricelist .price-container .price {
    display: block;
    font-size: 1.125em
  }

  .product-card-pricelist .price-container .saving {
    display: inline-block;
    margin-top: 15px
  }

  .product-card-pricelist .buttons {
    display: block;
    width: 100%
  }

  .product-card-pricelist .buttons>div:not(.product-item-button-container) {
    display: none
  }

  .product-card-pricelist .buttons .product-item-button-container {
    position: absolute;
    right: 0;
    bottom: -5px
  }

  .product-card-pricelist .buttons .product-item-button-container .btn {
    display: none;
    min-width: auto
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.loaded::before {
    background-image: none
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.order-btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/mobile-cart-button.svg);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 32px
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.order-btn span {
    display: none
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.order-btn::before,
  .product-card-pricelist .buttons .product-item-button-container .btn.order-btn::after {
    content: '';
    position: absolute;
    top: 18px;
    left: 21px;
    display: block;
    width: 10px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: .2s
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.order-btn::after {
    transform: rotate(90deg)
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.order-btn.in-basket::before {
    top: 20px;
    width: 5px;
    transform: rotate(-135deg) translate(5%, -10%)
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.order-btn.in-basket::after {
    top: 20px;
    width: 11px;
    transform: rotate(-45deg) translate(20%, 10%)
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.detail {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.detail::before {
    content: '\0048';
    display: inline-block;
    padding-left: 3px;
    font-family: 'Icon Custom';
    font-size: 20px;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .product-card-pricelist .buttons .product-item-button-container .btn.detail span {
    display: none
  }

  .product-card-pricelist .additional-links {
    position: absolute;
    top: 0;
    right: -9px
  }

  .product-card-pricelist.has-offers .product-item-button-container {
    display: none
  }

  .product-card-pricelist.has-offers .product-item-button-container.sku-only {
    display: block
  }

  .catalog .products-container .products .products-list.list {
    display: flex;
    margin: 0 -14px;
  }

  .catalog .products-container .products .products-list.list .product-wrap {
    /* width: calc((100% - 48px)/2);
            margin: 0 12px 24px; */
    height: 100%
  }

  .catalog .products-container .products .products-list.list .product-wrap .static {
    height: 100%
  }

  .product-card-list {
    position: relative;
    flex-direction: column;
    height: 100%;
    padding: 25px 20px
  }

  /* .product-card-list .img {
            width: 200px;
            height: 200px;
            max-width: 150px;
            max-height: 150px;
            margin: 0 auto 10px
        } */

  .product-card-list .content .top {
    padding-bottom: 10px;
    margin: 0 -15px 0 -12px;
  }

  .product-card-list .content .top .labels {
    position: absolute;
    top: 25px;
    left: 20px;
    display: flex;
    margin-top: 0
  }

  .product-card-list .content .top .labels .label {
    margin: 0 0 5px
  }

  .product-card-list .content .top .info {
    flex-wrap: wrap;
    margin-bottom: 10px
  }

  .product-card-list .content .top .info .iblock-vote {
    width: 100%;
    margin-right: 0
  }

  .product-card-list .content .top .info .stock {
    margin-right: 10px
  }

  .product-card-list .content .top .name {
    /* padding-right: 60px; */
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1em;
    box-sizing: border-box
  }

  .product-card-list .content .desc {
    display: none
  }

  .product-card-list .content .additional-links {
    position: absolute;
    top: 18px;
    right: 13px;
    display: flex;
    padding: 0;
    border-top: none
  }

  .product-card-list .content .additional-links.inline .compare,
  .product-card-list .content .additional-links.inline .wishlist {
    margin: 0 0 5px;
    padding: 0
  }

  .product-card-list .content .additional-links.inline .compare::before,
  .product-card-list .content .additional-links.inline .wishlist::before {
    margin: 0;
    padding-left: 0
  }

  .product-card-list .content .additional-links.inline .compare span,
  .product-card-list .content .additional-links.inline .wishlist span {
    display: none
  }

  /* .product-card-list .params {
            display: flex;
            flex-direction: column;
            width: 100%;
            margin: auto 0 0
        } */

  .product-card-list .params .sku {
    display: none
  }

  .product-card-list .params .price-container {
    margin-top: 10px;
    padding-left: 0
  }

  .product-card-list .params .price-container .old-price {
    margin-bottom: 3px
  }

  .product-card-list .params .price-container .price {
    font-size: 1.125em
  }

  .product-card-list .params .price-container .saving {
    display: none
  }

  .product-card-list .params .counter {
    display: none
  }

  .product-card-list .params .product-item-button-container {
    width: auto
  }

  .product-card-list .params .product-item-button-container .btn {
    display: none;
    min-width: auto
  }

  .product-card-list .params .product-item-button-container .btn.loaded::before {
    background-image: none
  }

  .product-card-list .params .product-item-button-container .btn.order-btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    background-image: url(/local/templates/magnet_s1/less_compile/../img/icons/mobile-cart-button.svg);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 32px
  }

  .product-card-list .params .product-item-button-container .btn.order-btn span {
    display: none
  }

  .product-card-list .params .product-item-button-container .btn.order-btn::before,
  .product-card-list .params .product-item-button-container .btn.order-btn::after {
    content: '';
    position: absolute;
    top: 18px;
    left: 21px;
    display: block;
    width: 10px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: .2s
  }

  .product-card-list .params .product-item-button-container .btn.order-btn::after {
    transform: rotate(90deg)
  }

  .product-card-list .params .product-item-button-container .btn.order-btn.in-basket::before {
    top: 20px;
    width: 5px;
    transform: rotate(-135deg) translate(5%, -10%)
  }

  .product-card-list .params .product-item-button-container .btn.order-btn.in-basket::after {
    top: 20px;
    width: 11px;
    transform: rotate(-45deg) translate(20%, 10%)
  }

  .product-card-list .params .product-item-button-container .btn.detail {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0
  }

  .product-card-list .params .product-item-button-container .btn.detail::before {
    content: '\0048';
    display: inline-block;
    padding-left: 3px;
    font-family: 'Icon Custom';
    font-size: 20px;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .product-card-list .params .product-item-button-container .btn.detail span {
    display: none
  }

  .product-card-list.has-offers .product-item-button-container {
    display: none
  }

  .product-card-list.has-offers .product-item-button-container.sku-only {
    display: block
  }

  .breadcrumbs {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow-x: scroll
  }

  .empty-basket {
    margin-top: 24px;
    padding: 25px 20px;
    box-sizing: border-box
  }

  .empty-basket .icon {
    width: 100%;
    height: 25vw
  }

  .empty-basket .text {
    margin-top: 15px;
    font-size: 1.25em
  }

  .empty-basket .btn {
    margin-top: 15px
  }

  .actions.section {
    margin: 24px 0 30px
  }

  .actions.section .owl-dots {
    bottom: -30px
  }

  .previously {
    margin-top: 24px
  }

  .previously .title {
    margin-bottom: 0;
    font-size: 1.25em
  }

  .previously .items {
    margin: 10px 0 48px
  }

  .previously .items .owl-stage {
    display: block
  }

  .previously .items .item {
    margin: 0;
    padding: 12px 20px 10px
  }

  .previously .items .item .img {
    margin-right: 15px
  }

  .previously .owl-dots {
    bottom: -32px
  }

  blockquote {
    margin: 16px 0;
    padding: 12px 15px;
    font-size: 1em
  }

  .cookie.type-2 {
    padding: 15px 45px 16px
  }

  .cookie.type-3 {
    padding: 16px 30px 17px 25px
  }

  .cookie.type-3 .btn {
    top: 7px
  }

  .accordeon .name {
    padding: 12px 45px 12px 15px;
    font-size: 1em;
    line-height: 1.3em
  }

  .accordeon .name::after {
    right: 20px
  }

  .accordeon .text {
    padding: 15px;
    line-height: 1.35em
  }

  .catalog-empty-section {
    padding: 15% 25px
  }

  .brand-products-list .product-wrap {
    width: calc((100% - 48px)/2)
  }

  .gallery .items .item {
    padding: 20px
  }

  .gallery .items .item .name {
    line-height: 1.15em
  }

  .gallery .items .item .description {
    display: none
  }

  .promo-page .promo-main-banner {
    padding: 25px 20px;
    min-height: auto
  }

  .promo-page .promo-main-banner-info {
    width: 100%;
    padding: 0;
    text-align: center
  }

  .promo-page .promo-main-banner-img {
    display: none
  }

  .promo-page .promo-main-banner .title {
    font-size: 1.5em
  }

  .promo-page .promo-main-banner .desc {
    line-height: 1.25em
  }

  .promo-page .promo-text {
    padding: 25px 20px
  }

  .promo-page .promo-text .content .subtitle {
    font-size: 1.275em
  }

  .promo-page .promo-text .content .main-text {
    margin-top: 10px
  }

  .promo-page .promo-text .content .video-section {
    margin: 20px 0 0
  }

  .promo-page .promo-text .content .video-section .item {
    width: 100%;
    height: 41.5vw;
    margin: 0 0 15px
  }

  .promo-page .promo-text .content .video-section .item:last-child {
    margin-bottom: 0
  }

  .promo-page .promo-text .promo-docs .documents .name {
    font-size: 1.25em
  }

  .promo-page .promo-text .promo-docs .documents .items {
    margin: 18px 0 0
  }

  .promo-page .promo-text .promo-docs .documents .items .item {
    width: 100%;
    margin: 0 0 15px;
    padding-left: 42px
  }

  .promo-page .promo-text .promo-docs .documents .items .item:last-child {
    margin-bottom: 0
  }

  .promo-page .promo-text .promo-docs .documents .items .item::before {
    top: 3px;
    width: 32px;
    height: 30px
  }

  .promo-page .promo-banner {
    padding: 25px 20px 32px
  }

  .promo-page .promo-banner .title {
    font-size: 1.5em;
    line-height: 1.2em
  }

  .promo-page .promo-banner .desc {
    margin-top: 12px
  }

  .promo-page .promo-banner .btn {
    margin-top: 24px
  }

  .promo-page .promo-gallery {
    padding: 20px
  }

  .promo-page .promo-gallery .items .owl-stage {
    display: block
  }

  .promo-page .promo-gallery .items .item {
    height: auto
  }

  .promo-page .promo-gallery .owl-dots {
    margin-top: 10px
  }

  .promo-page .promo-reviews {
    padding: 20px
  }

  .promo-page .promo-reviews .items {
    margin-top: 20px
  }

  .promo-page .promo-reviews .items .item {
    padding: 20px 20px
  }

  .promo-page .promo-reviews .items .item .author-img-container {
    width: 80px;
    height: 80px
  }

  .promo-page .promo-reviews .items .item .author-img-container::after {
    width: 25px;
    height: 25px;
    background-size: 14px
  }

  .promo-page .promo-reviews .items .item .author-info {
    width: 100%;
    margin-top: 12px
  }

  .promo-page .promo-reviews .items .item .author-info .review-product {
    line-height: 1.35em
  }

  .promo-page .promo-reviews .items .item .review-text {
    height: 130px;
    margin-top: 12px;
    overflow: hidden
  }

  .promo-page .promo-reviews .items .item .review-read-more {
    display: block;
    font-size: 14px;
    text-align: center
  }

  .promo-page .promo-reviews .items .item.open .review-text {
    height: auto
  }

  .promo-page .promo-steps {
    padding: 20px
  }

  .promo-page .promo-steps .items {
    margin: 20px 0 0
  }

  .promo-page .promo-steps .items .item {
    width: 100%;
    margin: 0 0 20px
  }

  .promo-page .promo-steps .items .item:last-child {
    margin-bottom: 10px
  }

  .promo-page .promo-steps .items .item::before {
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px
  }

  .promo-page .promo-steps .items .item::after {
    content: none
  }

  .promo-page .promo-steps .items .item .icon {
    width: 50px;
    height: 50px
  }

  .promo-page .promo-steps .items .item .name {
    line-height: 1.15em
  }

  .promo-page .promo-steps .items .item .desc {
    line-height: 1.25em
  }

  .promo-page .promo-faq {
    padding: 20px
  }
}

@media (max-width:700px) {
  .product-wrap {
    width: calc((100% - 48px)/2)
  }

  .catalog .subcategories .item {
    width: calc((100% - 48px)/2)
  }

  .catalog .products-container.has-filter:not(.top) .products .products-list.card .product-wrap {
    width: calc((100% - 48px)/2)
  }

  .product-detail .product-tabs-container .products-list .product-wrap {
    width: calc((100% - 48px)/2)
  }

  .catalog .subcategories .item {
    width: calc((100% - 48px)/2)
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls {
    flex-wrap: wrap
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls>div {
    width: 100%
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls .btn {
    margin-bottom: 10px
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls .btn,
  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item .bx_catalog_item_container .bx_catalog_item_controls .btn-link {
    display: block;
    width: 100%
  }

  .employees .employee-detail {
    padding: 20px
  }

  .employees .employee-detail .info {
    flex-wrap: wrap
  }

  .employees .employee-detail .info .img {
    width: 50vw;
    height: 50vw;
    max-width: 250px;
    max-height: 250px;
    margin: 0 auto
  }

  .compare-page {
    padding: 20px
  }

  .compare-page .top .tabs-container {
    display: block
  }

  .compare-page .top .tabs-container .tab {
    display: block;
    padding: 0 0 4px;
    margin-bottom: 8px
  }

  .compare-page .top .btn {
    display: none
  }

  .compare-page .content {
    margin-left: 0
  }

  .compare-page .content .compare-table {
    margin-left: 0
  }

  .compare-page .content .compare-table tr.image td:not(.empty) .link {
    height: 33vw
  }

  .compare-page .content .compare-table tr.name td:not(.empty) {
    padding: 10px 15px 5px
  }

  .compare-page .content .compare-table tr.price td:not(.empty) {
    padding: 5px 15px 15px
  }

  .compare-page .content .compare-table tr.price td:not(.empty) .row-title {
    display: none
  }

  .compare-page .content .compare-table td {
    padding: 10px 15px;
    vertical-align: top
  }

  .compare-page .content .compare-table td:first-child {
    display: none
  }

  .compare-page .content .compare-table td .row-title {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 700
  }

  .compare-page .content .compare-table td.clear .row-title {
    margin-bottom: 15px
  }

  .compare-page .content .compare-table td.clear::after {
    content: '';
    display: block;
    width: 45px;
    height: 7px;
    border-top: 1px solid #424242
  }

  .error-404 {
    padding: 20px
  }

  .error-404 .img {
    width: 100%;
    height: auto
  }

  .error-404 .buttons .btn {
    margin-bottom: 10px
  }

  footer.type5 .container,
  footer.type6 .container {
    padding: 10px 0 15px
  }

  footer.type5 .tel-container,
  footer.type6 .tel-container {
    width: 100%;
    max-width: none
  }

  footer.type5 .tel-container .tel,
  footer.type6 .tel-container .tel {
    margin-bottom: 0
  }

  footer.type5 .address,
  footer.type6 .address {
    width: 100%;
    max-width: none;
    margin: 8px 0 0;
    text-align: left;
    overflow: visible;
    white-space: normal;
    text-overflow: initial
  }

  footer.type5 .copyright,
  footer.type6 .copyright {
    width: 100%;
    max-width: none;
    margin: 10px 0 0;
    overflow: visible;
    white-space: normal;
    text-overflow: initial;
    order: 1
  }

  footer.type5 .social,
  footer.type6 .social {
    width: 100%;
    margin: 10px 0 0;
    padding-left: 0
  }

  .locations-list-popup {
    width: 95%
  }

  .locations-list-popup .popup-header .close-popup-icon {
    top: 0;
    right: 0
  }

  .locations-list-popup .popup-body {
    margin-top: 20px
  }

  .locations-list-popup .popup-body .favorite {
    margin-bottom: 15px
  }

  .locations-list-popup .popup-body .items {
    flex-direction: column;
    margin-left: 0
  }

  .locations-list-popup .popup-body .items .section {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0
  }

  .locations-list-popup .popup-body .items .section:not(:last-child) {
    margin-right: 0;
    border-bottom: 1px solid #efefef
  }

  .locations-list-popup .popup-dialog .popup-content {
    padding: 21px 25px 12px
  }

  .catalog-delivery-popup .delivery-popup .list .item {
    flex-direction: column;
    align-items: center;
    padding: 5% 0
  }

  .catalog-delivery-popup .delivery-popup .list .item .img {
    width: 240px;
    height: 160px;
    margin: 0
  }

  .catalog-delivery-popup .delivery-popup .list .item .info {
    margin-top: 25px;
    text-align: center
  }

  .catalog-delivery-popup .delivery-popup .list .item .price {
    margin: 20px 0 0;
    padding-left: 0
  }

  .cookie.type-2 {
    flex-direction: column;
    bottom: -400px;
    padding: 21px 35px 20px
  }

  .cookie.type-2 .text {
    text-align: center
  }

  .cookie.type-2 .btn {
    margin: 10px 0 0
  }
}

@media (max-width:610px) {
  .catalog .short-category {
    padding-bottom: 30px
  }

  .catalog .short-category .img {
    width: 20vw;
    height: 20vw
  }

  .catalog .short-category .name {
    margin-bottom: 0
  }

  .personal .personal-refill .info .sale-acountpay-block .sale-acountpay-pp .sale-acountpay-pp-company {
    width: 100%
  }

  .brands-page .brands-detail .img-mobile {
    float: none;
    width: 100%;
    margin: 0 0 15px
  }

  .product-card .img.fast-view .img-product-link::before {
    content: none
  }

  .product-card .img.fast-view .link-fast-view {
    display: none
  }

  .product-main-info .set-constructor {
    margin-top: 0;
    padding-top: 30px
  }

  .product-main-info .set-constructor .mobile-title {
    display: block;
    font-size: 1.375em;
    color: #282828;
    font-weight: 700;
    line-height: 1.2em
  }

  .product-main-info .set-constructor .base-product {
    flex-direction: column;
    justify-content: center;
    margin: 30px 0 36px
  }

  .product-main-info .set-constructor .base-product::after {
    bottom: -56px
  }

  .product-main-info .set-constructor .base-product .img {
    width: 100%;
    height: 223px;
    margin-right: 0
  }

  .product-main-info .set-constructor .base-product .name {
    margin-top: 18px
  }

  .product-main-info .set-constructor .sets-list {
    padding: 36px 0 40px
  }

  .product-main-info .set-constructor .sets-list .title {
    display: none
  }

  .product-main-info .set-constructor .sets-list .list {
    margin-top: 0;
    text-align: center
  }

  .product-main-info .set-constructor .sets-list .list tr {
    display: flex;
    flex-direction: column;
    padding-bottom: 11px;
    border-top: 1px solid #e7e7e7
  }

  .product-main-info .set-constructor .sets-list .list tr:last-child {
    border-bottom: 1px solid #e7e7e7
  }

  .product-main-info .set-constructor .sets-list .list tr:last-child td {
    border-bottom: none
  }

  .product-main-info .set-constructor .sets-list .list td {
    padding: 0;
    border-top: none
  }

  .product-main-info .set-constructor .sets-list .list .img {
    width: 100%;
    margin-top: 20px;
    padding-right: 0
  }

  .product-main-info .set-constructor .sets-list .list .img a {
    margin: 0 auto
  }

  .product-main-info .set-constructor .sets-list .list .name {
    width: 92.5%;
    margin: 10px auto 0;
    line-height: 1.2em
  }

  .product-main-info .set-constructor .sets-list .list .price {
    margin-top: 10px;
    padding-left: 0;
    text-align: center
  }

  .product-main-info .set-constructor .sets-list .list .price .old {
    display: block;
    margin: 0 0 6px;
    line-height: 1em
  }

  .product-main-info .set-constructor .sets-list .list .action {
    width: 100%;
    margin-top: 10px;
    padding: 0
  }

  .product-main-info .set-constructor .sets-list .list .action .change-set::before {
    font-size: 16px
  }

  .product-main-info .set-constructor .set-result {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 37px;
    padding: 50px 15px
  }

  .product-main-info .set-constructor .set-result::before {
    top: -60px
  }

  .product-main-info .set-constructor .set-result .set-price-container {
    align-items: center;
    text-align: center
  }

  .product-main-info .set-constructor .set-result .btn {
    margin-top: 30px
  }

  .cookie.type-1 {
    left: 7%;
    width: 86%;
    margin: 0
  }

  .brands-page .brands-list .list .table .item {
    width: calc(100% / 3)
  }

  .content-page table td {
    padding: 12px
  }

  .content-page code {
    display: none
  }

  .content-page .bootstrap .desc code {
    display: inline-block
  }

  .code-content {
    margin: 0
  }

  .code-content code+h2,
  .code-content code+h3,
  .code-content code+h4,
  .code-content code+h5 {
    margin-bottom: 15px
  }

  .order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item {
    width: 100%
  }

  .fixed-product-header {
    display: none
  }

  .fixed-product-header.show-mobile {
    display: block
  }

  .fixed-product-header .product-container {
    flex-wrap: wrap
  }

  .fixed-product-header .product-container .img {
    margin: 0 10px 7px 0
  }

  .fixed-product-header .product-container .info {
    width: calc(100% - 70px);
    margin-bottom: 7px;
    padding: 0
  }

  .fixed-product-header .product-container .price-container {
    align-items: flex-start
  }

  .fixed-product-header .btn-container {
    margin: 0 0 0 auto
  }
}

@media (max-width:570px) {
  .catalog .products-container .products .products-list {
    margin-bottom: 0
  }

  .catalog .products-container .products .products-list.list .product-wrap,
  .catalog .products-container .products .products-list.pricelist .product-wrap {
    width: 80%
  }

  .catalog .short-category {
    padding: 20px 12px
  }

  .catalog .short-category .text {
    padding-top: 18px
  }

  .catalog .short-category .name {
    font-size: 1em
  }

  .contacts .offices .items .item {
    margin-top: 0;
    padding-bottom: 25px
  }

  .contacts .offices .items .item .office-info .time {
    padding-left: 26px
  }

  .contacts .offices .items .item .office-info .time::before {
    top: 1px
  }

  .contacts .offices .items .item .phone {
    padding-left: 26px
  }

  .contacts .offices .items .item .phone::before {
    top: 1px
  }

  .product-detail .tabs-container .tabs-content .availability table tr {
    display: block
  }

  .product-detail .tabs-container .tabs-content .availability table tr:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7
  }

  .product-detail .tabs-container .tabs-content .availability table tr td {
    display: block
  }

  .product-detail .tabs-container .tabs-content .availability table .address {
    padding-left: 20px;
    background-image: none;
    box-sizing: border-box
  }

  .product-detail .tabs-container .tabs-content .availability table .address a {
    padding-right: 0
  }

  .product-detail .tabs-container .tabs-content .availability table .value {
    padding-left: 0
  }

  .catalog-delivery-popup .delivery-popup {
    padding: 14.2% 7% 9.5%
  }

  .catalog-delivery-popup .delivery-popup .close-popup-icon.icon-custom {
    top: -15px;
    right: 3px
  }

  .catalog-delivery-popup .delivery-popup .title {
    line-height: 1.25em
  }

  .catalog-delivery-popup .delivery-popup .desc {
    margin-top: 18px;
    line-height: 1.5em
  }

  .catalog-delivery-popup .delivery-popup .delivery-search {
    margin-top: 9.85%
  }

  .catalog-delivery-popup .delivery-popup .delivery-search .checkbox {
    width: 100%;
    margin-top: 12px
  }

  .catalog-delivery-popup .delivery-popup .list .item {
    padding: 8.5% 0 7%
  }

  .catalog-delivery-popup .delivery-popup .list .item .img {
    width: 37.5vw;
    height: 25vw
  }

  .catalog-delivery-popup .delivery-popup .list .item .info {
    margin-top: 8%
  }

  .catalog-delivery-popup .delivery-popup .list .item .price {
    margin-top: 2%
  }

  .cookie.type-1 {
    flex-direction: column;
    bottom: -500px;
    padding: 16px 15px 16px
  }

  .cookie.type-1 .text {
    text-align: center
  }

  .cookie.type-1 .btn {
    /* margin: 15px 0 0; */
    font-size: 10px;
    padding: 0 19px;
    white-space: nowrap;
  }

  .cookie.type-2 {
    padding: 16px 20px 16px
  }

  .cookie.type-2 .btn {
    margin-top: 13px
  }

  footer .top .footer-menu {
    flex-wrap: wrap;
    margin-bottom: 0
  }

  footer .top .footer-menu .column {
    width: 100%;
    margin-bottom: 13px;
    padding: 0
  }

  footer .top .contacts-container {
    width: 100%;
    margin-bottom: 17px
  }

  footer .bottom {
    margin-top: 13px
  }

  footer .bottom .container {
    padding: 24px 0
  }

  footer .bottom .copyright {
    margin-right: 0;
    line-height: 1.2em
  }

  footer .bottom .policy {
    width: 100%;
    margin-top: 7px
  }

  .lazy-load-container {
    margin-top: 0
  }

  .lazy-load-container .lazy-load-btn {
    padding: 10px
  }

  .brand-products-list {
    margin-top: 12px
  }

  .brand-products-list .section-name {
    margin-bottom: 18px
  }

  .brand-products-list .product-wrap {
    width: 100%
  }
}

@media (max-width:480px) {
  header.type2 .city {
    margin-right: 0
  }

  .basket-container {
    /* position: absolute;
      top: -55px;
      left: 70px; */
  }

  header .basket-container .basket-link {
    position: relative;
    font-size: 24px;
    text-align: center;
    background-color: transparent;
  }

  header .basket-container .basket-link:before {
    /* content: '\0046'; */
    content: '';
    /* background: url('/bitrix/templates/magnet_s1/img/icons/icon-cart.svg') no-repeat center center; */
    background-size: contain;
    width: 29px;
    height: 27px;
    position: relative;
    top: 12px;
    color: #fff
  }

  header .basket-container .basket-link .items-counter {
    opacity: 0;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 10px;
    height: 10px;
    font-size: 1px;
    color: #eb5757;
    background-color: #eb5757;
    box-shadow: 0 0 0 0px transparent;
  }

  .basket-text {
    display: none;
  }

  .banners .static {
    margin-bottom: 0
  }

  .banners .static .item.large {
    padding: 9.5% 6.75%
  }

  .banners .static .item.large .name {
    font-size: 1.25em;
    min-height: 20px
  }

  .banners .static .item.medium {
    padding: 9.5% 6.75%;
    font-size: 1.25em
  }

  .banners .static .item.medium:first-child {
    margin-bottom: 12px
  }

  .banners .static .item.medium+.medium {
    margin-top: 12px
  }

  .banners .static .item.small {
    width: calc((100% - 12px) / 2);
    font-size: 0.875em;
    line-height: 1.25em
  }

  .banners.has-static .static {
    margin-top: 12px
  }

  .banners.center .static {
    flex-wrap: nowrap
  }

  .banners.center .static .item {
    margin-bottom: 0
  }

  .banners.center .static .item:not(:first-child) {
    margin-left: 12px
  }

  .products.main-nav .tab-content.active {
    margin-top: 25px
  }

  section.catalog .title {
    display: block;
    margin-bottom: 0
  }

  section.catalog .link {
    margin: 10px 0 0
  }

  section.catalog .categories {
    margin: 27px 0 0
  }

  .catalog .category {
    padding: 20px
  }

  .catalog .category .static {
    flex-wrap: wrap
  }

  .catalog .category .static .text {
    width: 100%;
    margin-top: 18px
  }

  .catalog .category .img {
    width: 160px;
    height: 160px;
    margin: 0 auto
  }

  .catalog .subcategories {
    margin-bottom: 0
  }

  .catalog .subcategories .item {
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin: 0 12px;
    padding: 15px 20px
  }

  .catalog .subcategories .item:not(:first-child) {
    border-top: 1px solid #e7e7e7
  }

  .catalog .subcategories .item .img {
    width: 50px;
    height: 50px;
    margin: 0;
    flex-shrink: 0
  }

  .catalog .subcategories .item .img+.name {
    margin: 0 0 0 15px
  }

  .catalog .subcategories .item .name {
    text-align: left
  }

  .promo .items .item {
    padding: 20px
  }

  .promo .items .item .text {
    font-size: 1.125em
  }

  section.about .img {
    width: 98%
  }

  section.about .content {
    margin-top: 28px
  }

  .offers .offer-wrap {
    width: 100%
  }

  .offers .offer-wrap.big {
    width: 100%
  }

  .catalog .products-container.has-filter:not(.top) .products .products-list.card .product-wrap {
    width: 100%
  }

  .personal .personal-menu .item {
    width: 100%
  }

  .personal .personal-subscribe-list .bx_item_list_slide .bx_catalog_item {
    width: 100%
  }

  .popup {
    width: 95%
  }

  .popup .popup-content {
    padding: 21px 25px
  }

  .popup .popup-header .close-popup-icon {
    top: 0;
    right: 0
  }

  body.aside-right .content-wrapper .employees {
    margin-bottom: 10px
  }

  .employees .employees-list {
    padding: 15px 20px 19px
  }

  .employees .employees-list .department .description {
    display: none
  }

  .employees .employees-list .department .items .item {
    width: 100%
  }

  .employees .employees-list .department .items {
    margin-top: 15px
  }

  .gallery .content .gallery-category .desc {
    display: none
  }

  .gallery .items {
    margin-top: 24px
  }

  .gallery .items .item {
    width: 100%
  }

  .gallery .items .item .img {
    height: 200px
  }

  .auth .reg .form {
    width: 100%
  }

  .order-form .bx-soa .bx-soa-auth .bx-soa-section-content {
    padding: 20px
  }

  .order-form .bx-soa .bx-soa-auth .bx-soa-section-content .col-md-6 {
    width: 100%
  }

  .order-form .bx-soa .bx-soa-auth .bx-soa-reg-block {
    margin-top: 0;
    padding: 0;
    box-shadow: none
  }

  .order-form .bx-soa .bx-soa-auth .bx-soa-reg-block>h3,
  .order-form .bx-soa .bx-soa-auth .bx-soa-reg-block>p,
  .order-form .bx-soa .bx-soa-auth .bx-soa-reg-block>.row {
    display: none
  }

  .employees .employee-detail .info .desc {
    padding-bottom: 10px
  }

  .employees .employee-detail .info .employee-contacts {
    margin-top: 10px
  }

  .employees .employee-detail .info .employee-contacts .position,
  .employees .employee-detail .info .employee-contacts .email,
  .employees .employee-detail .info .employee-contacts .phone,
  .employees .employee-detail .info .employee-contacts .social {
    width: 100%;
    margin-bottom: 10px
  }

  .employees .employee-detail .link-back {
    margin-top: 1px;
    padding-top: 10px
  }

  .instagram:not(a) {
    padding: 20px
  }

  .instagram:not(a) .title {
    display: block;
    width: 100%;
    margin: 0
  }

  .instagram:not(a) .more {
    margin-left: 0
  }

  .instagram:not(a) .items {
    margin: 16px 0;
    padding: 0
  }

  .search-page {
    flex-wrap: wrap
  }

  .search-page .search {
    width: 100%
  }

  .search-page .empty-result {
    width: 100%;
    margin: 15px 0 0
  }

  .previously .items .item .img {
    width: 60px;
    height: 60px
  }

  .contacts .offices .items .item {
    padding-bottom: 20px
  }

  .contacts .offices .items .item .office {
    flex-wrap: wrap
  }

  .contacts .offices .items .item .content {
    margin-top: 12px
  }

  .contacts .offices .items .item .img {
    width: 100%
  }

  .contacts .offices .items .item .office-info .time::before,
  .contacts .offices .items .item .item .phone::before {
    top: 2px
  }

  .catalog-delivery-popup {
    width: 85%
  }

  .brands-page .brands-list .search-panel .line {
    margin-bottom: 10px
  }

  .brands-page .brands-list .search-panel .line .links {
    width: 100%
  }

  .brands-page .brands-list .list .row {
    flex-wrap: wrap;
    padding: 0 14px
  }

  .brands-page .brands-list .list .label {
    margin: 0 0 15px 5px
  }

  .brands-page .brands-list .list .table {
    margin-left: 0
  }

  .brands-page .brands-list .list .table .item {
    width: calc(100% / 2)
  }

  .catalog-empty-section::before {
    width: 40vw;
    height: 40vw
  }
}

@media (max-width:460px) {
  .product-wrap {
    width: 100%
  }

  .promo {
    padding-bottom: 0
  }

  .offers .item .img {
    height: auto
  }

  footer .subscribe-block .container {
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid #e7e7e7
  }

  footer .subscribe-block .container::before {
    content: none
  }

  footer.type3 .subscribe-block,
  footer.type4 .subscribe-block {
    margin-top: 24px
  }

  footer.type3 .subscribe-block .name.mobile,
  footer.type4 .subscribe-block .name.mobile {
    display: block;
    width: 100%;
    margin: 14px 0;
    max-width: 100%;
    text-align: center
  }

  footer.type3 .subscribe-block .form-container,
  footer.type4 .subscribe-block .form-container {
    width: 100%;
    max-width: 100%
  }

  .cookie.type-1 {
    left: 2.5%;
    width: 95%
  }

  .cookie.type-1.show {
    bottom: 10px;
    font-size: 10px;
    flex-direction: column !important;
  }

  .cookie.black {
    background-color: rgba(40, 40, 40, 0.975)
  }

  .cookie.color {
    background-color: rgba(5, 92, 167, 0.975);
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.24)
  }

  .cookie.white {
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.24)
  }

  .order-form .bx-soa .bx-soa-pickup .bx_soa_pickup .bx-soa-pickup-list .bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail img {
    display: none
  }
}

@media (max-width:420px) {
  header .middle .logo {
    margin-right: auto
  }

  .catalog .category {
    padding: 25px 20px
  }

  .catalog .category .img {
    margin-top: 0
  }

  .catalog .short-categories {
    margin: 25px -12px 0
  }

  .catalog .short-category {
    flex-direction: row;
    width: 100%;
    margin-bottom: 18px;
    padding: 15px 20px
  }

  .catalog .short-category .img {
    width: 60px;
    height: 60px;
    margin-right: 20px
  }

  .catalog .short-category .text {
    padding-top: 0;
    align-self: center;
    text-align: left
  }

  .catalog .short-category .name {
    line-height: 1.25em
  }

  .instagram:not(a) .items .item {
    margin: 0 auto
  }

  .popup-basket-add .box {
    width: 95%;
    box-sizing: border-box
  }

  .popup-window:not([id*="smartFilterDropDown"]) {
    width: 95%;
    padding: 30px 25px
  }

  .product-main-info .info .order-container .buttons .delivery-link {
    margin: 30px 0 -15px;
    padding-left: 47px;
    font-size: 0.875em
  }

  .product-main-info .info .order-container .buttons .delivery-link::before {
    width: 34px;
    height: 34px
  }

  .product-main-info .info .order-container .buttons .delivery-link .text {
    margin-bottom: 3px
  }

  .product-main-info .info .order-container .buttons .delivery-link .text span {
    white-space: nowrap
  }

  .product-main-info .product-img .thumbnails {
    padding: 0 36px
  }

  .product-main-info .product-img .thumbnails .owl-nav .prev,
  .product-main-info .product-img .thumbnails .owl-nav .next {
    width: 30px
  }

  .brands-page .brands-list .list .row {
    padding: 0
  }

  .brands-page .brands-list .list .table .item {
    width: 100%
  }
}

.hide {
  display: none !important
}

.cont {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  background: #fff;
  padding: 40px
}

.cont h3 {
  margin-bottom: 20px
}

.cont .item {
  width: 33%;
  padding-bottom: 30px
}

.cont tr td:first-child {
  font-weight: bold
}

.catalog-menu nav .list .item>a .text {
  line-height: 1.2
}

header.type2 .tel-container {
  display: flex;
  align-items: center
}


.head-email {
  font-size: 0.875em;
  line-height: 1
}

@media screen and (max-width:1650px) {
  .cont .item {
    width: 47%
  }
}

@media screen and (max-width:1200px) {
  .cont .item {
    width: 100%
  }
}

@media screen and (max-width:600px) {
  .cont {
    padding: 20px
  }

  .cont tr {
    display: block;
    margin: 10px 0
  }

  .cont td {
    display: block
  }

  header.type2 .tel-container {
    padding-left: 0
  }
}

@media screen and (max-width:430px) {
  header.type2 .tel-container {
    display: block;
    text-align: left;
    margin-left: 0
  }
}

@media (max-width:320px) {
  header .basket-container .basket-link:before {
    width: 22px;
    height: 25px;
  }
}
/* End */


/* Start:/local/templates/magnet_s1/styles.css?17818755291*/


/* End */


/* Start:/local/templates/magnet_s1/template_styles.css?178214008857864*/
bodybody.sidebar-type2 .wrapper,
body.sidebar-type3 .wrapper {
    transition: .3s ease-in-out;
}


.footer-flex {
    margin-top: 30px;
}

.fixed-product-header-container .logo {
    display: none;
}

body.aside-right .content-wrapper .right-column .through-banners {
    display: none;
}

.catalog-menu nav .list .item>a .text {
    font-size: 1.1em;
}

.code-grid {
    position: absolute;
    top: 10px;
    left: 18px;

}

.personal-menu .item {
    border-radius: 30px;
    aspect-ratio: 1 / 1;
    width: auto !important;
}

.form .reg-user-type input {
    width: auto;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    transition: .3s ease-in;


}

.form .reg-user-type input:checked {

    accent-color: #055CA7;


}

.form .reg-user-type label {
    display: flex;
    align-items: center;

}

.form .reg-user-type {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.personal-menu .item:nth-child(1) {
    order: 4;
}

.personal-menu .item:nth-child(2) {
    order: 1;
}

.personal-menu .item:nth-child(3) {
    order: 3;
}

.personal-menu .item:nth-child(4) {
    order: 5;
}

.personal-menu .item:nth-child(5) {
    order: 2;
}

.personal-menu .item:nth-child(6) {
    order: 6;
}

.personal-menu .item:nth-child(7) {
    order: 7;
}

@keyframes jello-horizontal {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.logo:hover {
    animation: jello-horizontal 0.9s ease 0s 1 normal both;
}

.main-news_item {
    transition: .2s ease-in-out;
}

.main-news_item:hover {
    transform: scale(1.05);
    z-index: 10;
    transition: .2s ease-in-out;
}

.main-big-banner:hover {
    transform: scale(1.01);
    z-index: 10;
    transition: .2s ease-in-out;

}


/* Общие стили для контейнера поиска */
.search {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 0 10px 0;
}


.search input[type="text"] {
    width: 100%;
    padding: 15px 10px;
    color: #AAB5BE;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    background: #EFF1F7;
    border: none;

}

.search span {
    display: none;
}

.search button {
    width: auto;
    width: 30px;
    background-color: #055CA7;
    border: none;
    text-align: center;
    line-height: 1;
    flex-shrink: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.search button:before {
    content: '\0045';
    color: white;
    font-size: 14px;
}

.icon-custom:before {
    display: inline-block;
    font-family: 'Icon Custom';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search-page {
    position: absolute;
    top: 0;
}


/* форма задать вопрос отключена */
.ask-question {
    display: none;
}

/* форма задать вопрос отключена */
.catalog,
.categories {
    opacity: 1;
    /* По умолчанию элементы видны */
    transition: opacity 0.3s ease-in-out;
    /* Плавное изменение opacity */
}

.additional-links .compare::before,
.additional-links .wishlist::before {
    margin: 0px 15px 0 0 !important;
}

.buy-one-click {
    text-align: center;
    padding: 7px 20px !important;
}

.btn-lg {
    font-family: 'Montserrat', sans-serif !important;
    padding: 9px 20px !important;
}

.product-card-list .content .top .name {
    font-size: 1em;
    text-align: left;
}

.product-card-list .content {
    flex-grow: 1;
}

/* @media (min-width: 1550px) {
    .catalog .categories .category-wrap {
       width: calc((100% - 48px) / 2);
        
    }
} */
.main-news {
    margin-right: 0 !important;
    justify-content: center;
    align-items: center;
}

.catalog .categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    transition: .3s ease-in-out;
}

.catalog .categories .category-wrap {
    position: relative;
    height: 100% !important;
    margin: 0;
}

.catalog .category {
    transition: .2s ease-in-out;
    border-radius: 30px;
    height: 100%;
}

.catalog .category .img img {
    width: 80%;
}

.catalog .category:hover {
    transition: .2s ease-in-out;
    transform: scale(1.05);

}

.catalog .category .text {
    font-size: 14px !important;
    transition: .3s ease-in-out;
    line-height: 16px;
}

@media (min-width: 1550px) {
    .catalog .categories .category-wrap {
        min-width: calc((100% - 48px) / 2);

    }
}

.wrapper_nofilter {
    padding-left: 0px !important;
    transition: .3s ease;
}

.paneloff {
    grid-template-columns: repeat(5, 1fr) !important;
    transition: .2s ease;
}


html,
body {
    width: 100%;
    height: 100%;
    position: relative;
    color: #2A2E39;
    font-family: 'Montserrat', sans-serif;
    background: #EFF1F7;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #055CA7;
}

.header {
    position: relative;
    padding: 8px 0;
}

#scroll-top-button {
    bottom: 72px !important;
}

.header-flex {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    width: 93px;
    height: 70px;
    display: block;
    background: url(/local/templates/magnet_s1/img/logo.svg) no-repeat;
    background-size: cover;
}

.header-address {
    position: relative;
    padding-left: 34px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    background: url(/local/templates/magnet_s1/img/i-address.svg) no-repeat left center;
}

.header-address span {
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.header-email {
    position: relative;
    padding-left: 34px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    background: url(/local/templates/magnet_s1/img/i-mail.svg) no-repeat left center;
}

.header-email a {
    display: block;
}

.header-phone {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;


}

.tel {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}

.tel-roz::after {
    display: none;
}

.footer-phoneRoz {
    font-size: 16px;
    position: relative;
    padding-left: 30px;
    background: url(/local/templates/magnet_s1/img/i-phone.svg) no-repeat 0 5px;
    background-size: 20px;
}

.mob-phoneRoz {
    font-size: 16px;
    position: relative;
    padding-left: 30px;
    background: url(/local/templates/magnet_s1/img/i-phone.svg) no-repeat 0 5px;
    background-size: 20px;
    color: white;
    margin-bottom: 20px;
}

.mob-phoneRoz .tel,
.footer-phoneRoz .tel {
    font-size: 16px;
}

.mob-title {
    color: white;
}

.header-phone .tel-container {
    position: relative;
    padding-left: 34px;
    width: 220px;
    background: url(/local/templates/magnet_s1/img/i-phone.svg) no-repeat left center;
    color: #055CA7;
}

.header-phone .tel-container .tel,
.tel {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;

}

.header-phone .call-me {
    position: relative;
    margin-left: 20px;
}

.callback-popup-btn {
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    background: #055CA7;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.owl-stage-outer {
    border-radius: 0px 0px 30px 30px;
}

.main-news_item {
    border-radius: 30px;
}

.callback-popup-btn:hover {
    color: #fff;
    background: #2A2E39;
}

header .links {
    position: relative;
}

/* header .links .login-link,
header .links .personal-link {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: red; 
    padding-left: 34px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    display: block;
    background: url(/local/templates/magnet_s1/img/i-login.svg) no-repeat left center;
} */
header .basket-container {
    margin: 0;
}

.mainmenu {
    position: relative;
}

.mainmenu .content-menu {
    background: #2A2E39;
}

h1,
.h1 {
    position: relative;
    margin: 0 0 30px 0;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}

h2,
.h2 {
    position: relative;
    margin: 0 0 30px 0;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

h3,
.h3 {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

h4,
.h4 {
    position: relative;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}

h5,
.h5 {
    position: relative;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}

h6,
.h6 {
    position: relative;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}

.footer-flex {
    position: relative;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #BDBDBD;
}

.footer-flex_item {
    position: relative;
    margin-right: 20px;
}

/* отключение мы на маркет плейсах и платежные системы */
.footer-flex_item:nth-child(4) {
    display: none;

}

.footer-flex_item:last-child {
    margin-right: 0;
}

.copyright {
    position: relative;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}

.policy {
    display: flex;
    flex-direction: column;
    color: #055CA7;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}

.footer-menu {
    position: relative;
}

.footer-menu_name {
    position: relative;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}

.footer-menu_links {
    position: relative;
    margin: 0;
    padding: 0;
}

.footer-flex .footer-menu_links li {
    margin: 0;
    padding: 0;
}

.footer-flex .footer-menu_links li:before {
    display: none;
}

.footer-flex .footer-menu_links a {
    color: #055CA7;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}

.marketplace {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}

.marketplace a {
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 20px;
}

.marketplace a:last-child {
    margin-right: 0;
}

.marketplace a.ozon {
    background: url(/local/templates/magnet_s1/img/i-ozon.svg) no-repeat;
}

.footer-address {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background: url(/local/templates/magnet_s1/img/i-address.svg) no-repeat left center;
    background-size: 20px;
}

.footer-email {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background: url(/local/templates/magnet_s1/img/i-mail.svg) no-repeat left center;
    background-size: 20px;
}

.footer-email a {
    display: block;
}

.footer-phone {
    position: relative;

}

.footer-phone .tel-container {
    position: relative;
    padding-left: 30px;
    background: url(/local/templates/magnet_s1/img/i-phone.svg) no-repeat 0 5px;
    background-size: 20px;
}

.footer-phone .tel-container .tel {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}

.footer-phone .call-me {
    position: relative;
    margin-top: 40px;
}

.section {
    position: relative;
    padding-bottom: 60px;
}

.section-about {
    background: url(/local/templates/magnet_s1/img/main-fon.jpg) no-repeat top right;
    background-size: 50% auto;
}

.about-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}

.about-info_item {
    width: 33.3%;
    position: relative;
    padding-right: 30px;
    box-sizing: border-box;
}

.about-info_item p {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}

.about-info_item p strong {
    font-weight: 600;
}

.about-info_item img {
    max-width: 320px;
    display: block;
    margin: 30px auto 0 auto;
}

.about-info_item .btn {
    margin-top: 30px;
}

.main-news {
    position: relative;
    display: flex;
    flex-wrap: wrap-reverse;
    margin-right: -30px;
    justify-content: space-between;
    gap: 20px;
}

.main-news_item {
    width: 32%;
    position: relative;
    box-sizing: border-box;
}

.main-news_item img {
    width: 100%;
    height: auto;
    display: block;
}

.main-big-banner {

    width: 100%;
}

.main-big-banner a {
    display: block;
    width: 100%;
    height: 100%;
}

.main-big-banner a img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* contacts */
.contacts {
    position: relative;
    margin: 0 0 40px 0;
    display: flex;
    flex-wrap: wrap;
}

.contacts:last-child {
    margin: 0;
}

.contacts-info {
    width: 33.3%;
    position: relative;
    padding-right: 30px;
    box-sizing: border-box;
}

.contacts-info_item {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}

.contacts-info_item:last-child {
    margin: 0;
}

.contacts-info_item p {
    margin: 0;
}

.contacts-info_item a {
    color: #055CA7;
    display: block;
}

.contacts-info_item a[href^="tel:"] {
    font-weight: 700;
}

.contacts-info_item a[href^="mailto:"] {
    font-weight: 600;
}

.contacts-map {
    width: 66.6%;
    position: relative;
}

.contacts-map iframe {
    display: block;
}

.section__wrap {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
}

.section__rostov {
    width: 50%;
}

.section__krasnodar {
    width: 50%;
}

.shops {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-right: -30px;
    margin-bottom: -30px;
}

.shops-item {
    width: 280px;
    min-width: 280px;
    height: 100%;
    min-height: 420px;
    padding: 20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    background: rgba(170, 181, 190, 0.15);
    border-radius: 20px;
}

.shops-item_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}


.shops-item_img {
    display: none;
    max-width: calc(100% - 270px);
    position: relative;
}

.shops-item_img img {
    max-width: 100%;
    height: 100%;
    display: block;
}

.shops-address {
    position: relative;
    padding-left: 30px;
    background: url(/local/templates/magnet_s1/img/i-address.svg) no-repeat left center;
    background-size: 20px;
}

.shops-address span {
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.shops-address,
.shops-phone,
.shops-email,
.shops-mode {
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
}

.shops-item_info a[href^="tel:"],
.shops-item_info a[href^="mailto:"] {
    color: #055CA7;
    font-size: 16px;
    line-height: 30px;
    display: block;
}

.shops-item_info a[href^="tel:"] {
    font-weight: 700;
}

.shops-item_info a[href^="mailto:"] {
    font-weight: 600;
}

.shops-item_info p {
    margin: 0;
}

.yandex-map {
    display: flex;
    padding: 0 20px 0 30px;
    align-items: center;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff url(/local/templates/magnet_s1/img/i-yandex-maps.svg) no-repeat 6px 50%;
    background-size: 18px;
    height: 40px;

}

.section_info {
    margin-top: 30px;
}

.contacts-faq {
    position: relative;
}

.contacts-faq_item {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    background: rgba(170, 181, 190, 0.15);
}

.contacts-faq_item:last-child {
    margin-bottom: 0;
}

.contacts-faq__title {
    width: 400px;
    padding-left: 20px;
    margin-right: 30px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    box-sizing: border-box;
}

.contacts-faq__phone {
    min-width: 25%;
    margin-right: 30px;
}

.contacts-faq__email {
    min-width: 25%;
}

.contacts-faq_item a {
    color: #055CA7;
    font-size: 16px;
    line-height: 30px;
    display: block;
}

.contacts-faq_item a[href^="tel:"] {
    font-weight: 700;
}

.contacts-faq_item a[href^="mailto:"] {
    font-weight: 600;
}

/* left */
.left-panel {
    width: 300px;
    height: 100%;
    min-height: 500px;
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 50;
    overflow: auto;
}

.left-title {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}

.left-title-mob {
    width: 240px;
    padding-left: 40px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    background: url(/local/templates/magnet_s1/img/i-search1.svg) no-repeat center left;
    background-size: 30px;
    cursor: pointer;
    display: none;
}

.left-form {
    width: 100%;
    position: relative;
    padding-bottom: 220px;
    background: url(/local/templates/magnet_s1/img/left-img.png) no-repeat center bottom;
}

.left-form fieldset {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
    background: #fff;
}

.left-form_item {
    position: relative;
    margin: 0 0 10px 0;
}

.left-form_item input {
    width: 100%;
    padding: 0px 10px;
    color: #AAB5BE;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    background: #EFF1F7;
    border: none;
}

.left-form ::-webkit-input-placeholder {
    color: rgba(170, 181, 190, 0.7);
    font-weight: 600;
}

.left-form ::-moz-placeholder {
    color: rgba(170, 181, 190, 0.7);
    font-weight: 600;
}

.left-form :-moz-placeholder {
    color: rgba(170, 181, 190, 0.7);
    font-weight: 600;
}

.left-form :-ms-input-placeholder {
    color: rgba(170, 181, 190, 0.7);
    font-weight: 600;
}

.left-form_button {
    position: relative;
    margin: 20px 0 0 0;
    text-align: center;
}

.left-form_button input {
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    background: #055CA7;
    border: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 1s;
}

.left-form_button input:disabled {
    opacity: 0.3;
    background: #2A2E39;
    cursor: default;
}

.products.main-nav {
    display: none;
}

.search-filter-reset {
    cursor: pointer;
    transition: color .3s ease;

}

.search-filter-reset:hover {
    color: #055CA7;
    transition: color .3s ease;

}


/* mobmenu */
.mobmenu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    padding: 20px;
    background: #2A2E39;
    box-sizing: border-box;
    z-index: 1000;
    display: none;
    overflow-x: hidden;
}

header .mobmenu .content-menu>ul {
    display: block;
    margin: 0 0 40px 0;
}

header .mobmenu .content-menu>ul .item a {
    padding: 0px 28px;
}

header .mobmenu .content-menu>ul .item .sub-menu {
    position: relative;
    display: block;
    background: none;
    box-shadow: none;
}

header .mobmenu .content-menu>ul .item .sub-menu .item {
    border-top: none;
}

header .mobmenu .content-menu>ul .item .sub-menu .item a {
    color: #fff;
}

.mob-address {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    background: url(/local/templates/magnet_s1/img/i-address.svg) no-repeat 0 5px;
    background-size: 20px;
}

.mob-email {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    background: url(/local/templates/magnet_s1/img/i-mail.svg) no-repeat 0 5px;
    background-size: 20px;
}

.mob-email a {
    display: block;
}

.mob-phone {
    position: relative;
}

.mob-phone .tel-container {
    position: relative;
    padding-left: 30px;
    background: url(/local/templates/magnet_s1/img/i-phone.svg) no-repeat 0 5px;
    background-size: 20px;
}

.mob-phone .tel a {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 30px;
}

.mob-phone .tel-container.has-content .tel .content,
.mob-phone .tel-container .tel a {
    display: block;
}

.mob-phone .call-me {
    margin: 20px 0 0 0;
}

.mob-close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(/local/templates/magnet_s1/img/i-close.svg) no-repeat center;
    cursor: pointer;
}

/* .mobtop {
    width: 100%;
    height: 40px;
    position: relative;
    background: #2A2E39;
    display: none;
} */
.mobtop {
    backdrop-filter: blur(5px);
    position: fixed;
    width: 95%;
    left: 50%;
    transform: translatex(-50%);
    bottom: 10px;
    height: 50px;
    background: rgba(255, 255, 255, 1);
    border-radius: 20px;
    border: 1px solid rgba(71, 71, 71, 0.089);
    z-index: 999;
    justify-content: space-evenly;
    align-items: center;
    box-shadow: 0px 0px 30px 1px rgba(4, 92, 166, .4);
    display: none;
}

.hamburger {
    width: 30px;
    height: 23px;
    margin-right: 0;
    position: relative;
    background: url('/local/templates/magnet_s1/img/i-menu blue.svg') no-repeat center;
    cursor: pointer;
    background-size: contain;
}

.left-panel.hidden {
    left: -300px;
    transition: .3s ease;
}

.left-panel {
    transition: .3s ease;
}

.close_button_left {
    left: 0 !important;
    transition: .3s ease;
}

.close_button {
    display: flex;
    justify-content: center;
    position: fixed;
    padding: 1px;
    left: 300px;
    height: 50px;
    width: 30px;
    border-radius: 0 50% 50% 0;
    text-align: center;
    align-items: center;
    z-index: 60;
    transition: .3s ease;
    background-color: #055CA7;

}

.svg-arrow {
    display: block;
    margin: 0 auto;
    color: white;

}





/* ==================== Стили для оплата и доставка ==================== */
.payment-delivery__wrap {
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.payment-delivery__title,
.payment-delivery__title-deliv {
    width: 100%;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    margin: 50px 0 !important;
    text-transform: uppercase;
}

.payment-delivery__title-deliv {
    margin: 25px 0 50px 0 !important;
}

#pagetitle {
    display: none;
    opacity: 0;
    margin: 0;
    padding: 0;

}

.delivery,
.payment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.delivery__cart,
.payment__cart {
    width: 100%;
    height: 200px;
    padding: 20px;
    background-color: #055CA7;
    border-radius: 20px;
    overflow: hidden;
}

.delivery__cart {

    height: 350px;

}


.delivery__cart-info,
.payment__cart-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 20px;
}

.delivery__cart-info::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 4px;
    background-color: #EFF1F7;
}

.payment__cart-info::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 4px;
    background-color: #EFF1F7;
}


.delivery__cart-title,
.payment__cart-title {
    width: 100%;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    margin: 0 15px 0 0 !important;
    text-transform: uppercase;
    text-align: center;
    color: #EFF1F7;
}

.delivery__cart-svg,
.paymen__cart-svg {
    height: 55px;
    object-fit: cover;
}

.cart-svg {
    opacity: 0;
}

.anime-svg {
    animation: cart 1s ease-in-out;
    animation-fill-mode: forwards;

}

.anime-svg-pay {
    animation: pay 1s ease-in-out;
    animation-fill-mode: forwards;
}

.fixed {
    position: fixed !important;
    top: 0px !important;
    padding-top: 20px !important;
    z-index: 1000 !important;
    transition: .3s ease-in-out;
    transform: translateY(-10px) !important;

}

.placeholder {
    opacity: 0;
    /* Спан невидим */
    pointer-events: none;
    /* Спан не блокирует клики */
}

.breadcrumbs {
    margin: 0px 0px 0 2px !important;

}

.delivery__cart-text,
.payment__cart-text {
    color: #EFF1F7;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.content-column.content-page {

    background-color: transparent !important;

}



/* ==================== Стили для пагинации ==================== */
/* Общие стили */
.product-wrap {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.product-wrap.hidden {
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    margin-top: 50px;
    text-align: center;
    gap: 10px;
    overflow: visible;
}

.pagination-link-prev,
.pagination-link-next {
    display: inline-block;
    font-family: 'Icon Custom';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Стили для полосы прокрутки */
.pagination-numbers::-webkit-scrollbar {
    height: 15px;
}

.pagination-numbers::-webkit-scrollbar-track {
    background: #EFF1F7;
}

.pagination-numbers::-webkit-scrollbar-thumb {
    background-color: #055CA7;
    border-radius: 20px;
}


/* Стили для информации о товарах */
.pagination-info {
    margin-right: 10px;
    white-space: nowrap;
}

.pagination-items-range {
    font-weight: bold;
}


/* Стили для контейнеров ссылок */
.pagination-info-num {
    display: flex;
    justify-content: center;
    align-items: baseline;
    height: 60px;
    text-align: center;
}

.pagination-links {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    margin: 0 10px;
}


/* Стили для ссылок */
.pagination-link,
.pagination-link-num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #2a2e39;
    text-decoration: none;
}

.pagination-link-num {
    min-width: 40px;
    height: 40px;
}

.pagination-link:hover {
    background-color: #f0f0f0;
}


/* Стили для активной ссылки */
.pagination-link-current.active-item {
    background-color: #055CA7;
    border-radius: 50%;
    color: #EFF1F7;
}


/* Стили для неактивных ссылок */
.pagination-link-disabled {
    opacity: 0.5;
    pointer-events: none;
}




@keyframes cart {
    0% {
        opacity: 1;
        transform: translate(100px, 25px) scale(-.7, .7);

    }

    50% {
        opacity: 1;
        transform: translate(-30px, 25px) scale(-.7, .7);

    }

    51% {
        opacity: 1;
        transform: translate(-30px, 25px) scale(-.7);

    }

    51.1% {
        opacity: 1;
        transform: translate(-30px, 25px) scale(.7);
    }

    80% {
        opacity: 1;
        transform: translate(-30px, 0px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pay {
    0% {
        opacity: 1;
        transform: translate(100px, -100px) rotate(180deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ==================== грид сетка для карточек ==================== */
/* .view-switcher {
    text-align: end;
    margin-bottom: 10px;
} */

.view-active {
    color: #055CA7 !important;
}

#list-view,
#grid-view {
    width: 24px;
    height: 24px;
    color: #AAB5BE;
    transition: .3s ease-in-out;
}

#list-view:hover,
#grid-view:hover {
    transition: .3s ease-in-out;
    color: #055CA7;
}

.delivery__cart-text-grid,
.payment__cart-text-grid {
    font-weight: 600;
    font-size: 26px;
    line-height: 125%;
    color: #EFF1F7;
}

.products-list-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.products-list-grid-left {
    grid-template-columns: repeat(5, 1fr);
}

.product-card-list {
    border-radius: 20px;

}

.product-card-list-grid {
    text-align: center;
    flex-direction: column;
    border-radius: 20px;
    height: 100%;
    /* justify-content: space-between; */
    position: relative;
}

.params-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-direction: column;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 10px !important;
}

.product-wrap-grid {
    margin-bottom: 0 !important;
    min-height: 100% !important;
}

.add-card-grid {
    gap: 20px;
    text-align: center;
    justify-content: center;
    /* width: 60%; */
    margin-top: 10px;

}

.product-card-list .img-grid {
    max-width: 240px;
    max-height: 240px;
    margin: 0;
}

.img-grid img {
    width: 100%;
}

.info-grid {
    flex-wrap: wrap;
    justify-content: space-between;
}

.products-list {
    opacity: 0;
    /* Скрываем контейнер до инициализации */
    transition: opacity 0.5s ease-in-out;
    /* Плавное появление */
}

.products-list.visible {
    opacity: 1;
    /* Показываем контейнер после инициализации */
}

/* ==================== скрываем доставка бесплатная ==================== */
.order-form .bx-soa-sidebar .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(3) {
    display: none !important;
}

/* ==================== Стили окна с предупреждением ==================== */
/* Стиль для плашки */
.info-banner {
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    background-color: #055CA7;
    /* Цвет фона */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    /* Тень для акцента */
    z-index: 1000;
    /* Чтобы плашка была поверх других элементов */
    padding: 15px;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: line 2s ease-in-out forwards;
}

@keyframes line {
    0% {}

    60% {
        bottom: -100%;
    }

    100% {
        bottom: 3%;
    }
}

.show .info-banner {
    background-color: red;
}

.info-banner-content {
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    color: #333;
}

.info-banner p {
    margin: 0;
    line-height: 1.3;
    text-align: left;
    flex-grow: 1;
    color: white;
}

.info-banner-close {
    background-color: #ffffff;
    color: #055CA7;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    margin-left: 20px;
    border-radius: 20px;
    transition: .3s ease-in-out;
}

.info-banner-close:hover {
    background-color: #2A2E39;
    color: #ffffff;
}

.info-banner_left {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 15px;
    z-index: 5;
}

.info-banner-content_left::after {
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(94%, 95%, 97%, 1);
    animation: rotate 10s normal linear infinite;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    25% {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }

    75% {
        transform: translate(-50%, -50%) rotate(270deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.info-banner-content_left::before {
    content: "";
    position: absolute;
    width: 110%;
    bottom: -10px;
    background-color: rgb(94%, 95%, 97%, 1);
    height: 115%;
    border-radius: 15px;


    z-index: -1;
}

.info-banner-content_left {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    border-radius: 15px;
    border: #055CA7 2px solid;
    color: #333;
}


.info-banner_left p {
    margin: 0;
    line-height: 1.3;
    text-align: start;
    flex-grow: 1;
    margin: 5px;
    color: rgba(0, 0, 0, 0.8);
    z-index: 3;
}

.button_catalog {
    /* position: absolute; */
    top: 50%;
    /* transform: translateY(-50%); */
    left: 64%;
    color: white;
    background-color: #055CA7;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 9px;
    font-family: 'Montserrat', sans-serif;
    transition: .3s ease-in-out;
}

.button_catalog:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(2, 70, 129);
    transition: .3s ease-in-out;
    transform: scale(0.9);
}

.header-phone_modal {
    display: none;

}

.phone-modal_content {
    display: none;

}

@media (max-width: 780px) {
    .info-banner {
        width: 300px;

    }

    .info-banner-content {
        font-size: 14px;
        font-weight: 400;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .info-banner p {
        line-height: 1.2;

    }

    .info-banner-close {
        font-size: 14px;
        font-weight: 400;
        margin-left: 0;
        padding: 5px 20px;
    }
}

@media (max-width: 1550px) {
    .left-panel {
        width: 250px;
        padding: 20px 15px;
    }

    .close_button_left {
        left: -250px;
    }

    .close_button {
        left: 250px;
    }

    .left-form {
        padding-bottom: 180px;
        background-size: 100% auto;
    }

    .container {
        margin: 0 30px;
    }

    .shops-item {
        width: calc(30% - 30px);
    }




    /* ==================== Стили для оплата и доставка ==================== */

    .delivery__cart-title,
    .payment__cart-title {
        font-size: 22px;
    }



    .delivery__cart-text,
    .payment__cart-text {
        font-size: 16px;
        line-height: 150%;

    }

    .delivery__cart-svg,
    .paymen__cart-svg {
        height: 35px;
        width: auto;
        object-fit: cover;
    }

    .cart-svg {
        height: 35px;
        width: auto;
    }



    @keyframes cart {
        0% {
            opacity: 1;
            transform: translate(100px, 14px) scale(-.7, .7);
        }

        50% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7, .7);
        }

        51% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7);
        }

        51.1% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(.7);
        }

        80% {
            opacity: 1;
            transform: translate(-30px, 0px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .products-list-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .products-list-grid-left {
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: minmax(100px, auto);
    }

    .product-card-list .img-grid {
        max-width: 200px;
        max-height: 200px;
    }

    .add-card-grid {
        gap: 10px;
        /* width: 50%; */

    }

}

@media (max-width: 1330px) {
    .header-address {
        display: none;
    }

    .left-panel {
        width: 221px;
        padding: 20px 10px;
    }

    .close_button_left {
        left: -221px;
    }

    .close_button {
        left: 221px;
    }


    .left-form {
        padding-bottom: 160px;
    }

    .container {
        margin: 0 20px;
    }

    .section-about {
        background: none;
    }

    .about-info_item {
        width: 50%;
    }



    .add-card-grid {
        gap: 5px;
        /* width: 40%; */

    }
}

@media (max-width: 1024px) {

    .main-news_item {
        width: 28%;
    }

    .left-panel {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 10px;
        position: sticky;
        z-index: 999;
    }

    .left-panel.hidden {
        left: 0;
        margin-top: 10px;

    }

    .close_button {
        display: none;
    }

    .left-form,
    .left-title {
        display: none;
    }

    .left-form {
        padding-bottom: 0;
        margin-top: 10px;
        background: none;
    }

    .left-title-mob {
        display: block;
    }

    .mainmenu {
        background: #2A2E39;
    }

    .mainmenu .content-menu>ul .item a {
        padding: 5px 13px;
        font-size: 12px;
        line-height: 30px;
        font-weight: 500;
    }


    .contacts-faq_item {
        display: block;
        padding: 20px;
    }

    .contacts-faq__title {
        width: auto;
        padding-left: 0;
        margin-right: 0;
    }

    .contacts-faq__email {
        min-width: 0;
    }

    .contacts-faq__phone {
        min-width: 0;
        margin-right: 0;
    }

    .tel-container.has-content .tel:hover a {
        padding: 3px 7px 3px 0px;
    }



    /* ==================== Стили для оплата и доставка ==================== */
    .payment-delivery__wrap {
        padding-bottom: 25px;
    }

    .payment-delivery__title,
    .payment-delivery__title-deliv {
        font-size: 36px;
        margin: 25px 0 !important;
    }

    .payment-delivery__title-deliv {
        margin: 0px 0 40px 0 !important;
    }

    .delivery,
    .payment {
        flex-direction: row;
        gap: 30px;
    }

    .delivery__cart,
    .payment__cart {
        width: 100%;
        height: 150px;
        padding: 10px;
    }

    .delivery__cart {

        height: 300px;

    }


    .delivery__cart-info,
    .payment__cart-info {
        padding-bottom: 10px;
    }

    .delivery__cart-info::after {
        left: -10px;
        height: 2px;
        width: calc(100% + 20px);

    }

    .payment__cart-info::after {
        left: -10px;
        height: 2px;
        width: calc(100% + 20px);
    }


    .delivery__cart-title,
    .payment__cart-title {
        font-size: 16px;
        margin: 0 !important;
    }

    .delivery__cart-title:nth-child(1) {

        margin: 0 15px 0 0 !important;
    }

    .delivery__cart-svg,
    .paymen__cart-svg {
        height: 35px;
        width: auto;
        object-fit: cover;
    }

    .cart-svg {
        height: 35px;
        width: auto;
    }

    @keyframes cart {
        0% {
            opacity: 1;
            transform: translate(100px, 14px) scale(-.7, .7);
        }

        50% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7, .7);
        }

        51% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7);
        }

        51.1% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(.7);
        }

        80% {
            opacity: 1;
            transform: translate(-30px, 0px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .delivery__cart-text,
    .payment__cart-text {

        font-size: 14px;
        line-height: 140%;
    }

    .products-list-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .products-list-grid-left {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: minmax(100px, auto);
    }

    .product-card-list .img-grid {
        max-width: 170px;
        max-height: 170px;
    }

    .add-card-grid {
        width: 50%;
    }
}

@media (max-width: 1023px) {
    .header-email {
        display: none;
    }

    .banners {
        margin: 0 0 40px 0;
    }

    .section {
        padding-bottom: 40px;
        text-align: center;
    }


    .catalog .categories {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .categories,
    .paneloff {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;

    }

}

@media (max-width: 767px) {

    .additional-links .compare::before,
    .additional-links .wishlist::before {
        margin: 0px 0px 0 0 !important;
    }

    .hamburger {
        /* left:92%; */

    }

    .params-grid {
        flex-direction: column !important;
        margin-top: -15px !important;
        margin-bottom: 0px !important;
        gap: 0;
        margin-top: auto !important
    }

    .add-card-grid {
        margin-top: -5px !important;
    }

    .product-card-list .content .top .info {
        text-align: left;
    }

    .product-card-list .params {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0;
    }

    .product-card-list .img {
        width: 200px;
        height: 200px;
        max-width: 150px;
        max-height: 150px;
        margin: 0 auto 10px
    }

    h1,
    .h1 {
        position: relative;
        margin: 0 0 30px 0;
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
    }

    h2,
    .h2 {
        position: relative;
        margin: 0 0 20px 0;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
    }

    /* .banners {
        width: 400px;

    } */


    .mobtop {
        /* display: block; */
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-evenly;
        gap: 0;
    }

    .header {
        padding: 0px 0;
    }

    .header-flex {
        align-items: flex-start;
    }

    .header-flex {
        position: fixed;
        display: flex;
        flex-wrap: wrap;
        bottom: 11px;
        left: 29px;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        z-index: 999;
    }

    .header .logo {
        /* position: absolute; */
        top: -2px;
        left: 12px;
        width: 59px;
        height: 45px;
        background-size: 100% auto;
    }

    .header-phone .call-me,
    .mainmenu {
        display: none;
    }

    .header-phone {
        display: none;
    }

    .header-phone .tel-container {
        padding-left: 30px;
        background-position: 0 5px;
        background-size: 20px;
    }

    .header-phone .tel-container .tel {
        font-size: 14px;
        line-height: 30px;
    }

    .header-phone .tel-container {
        width: auto;
    }

    .tel-container.has-content .tel:hover a {
        padding: 0;

        border-color: transparent
    }

    .tel-container.has-content .tel:hover .content a {
        padding-bottom: 0;
        border-top: 0px solid transparent;
    }

    .tel-container.has-content .tel:hover {
        box-shadow: none;
        background-color: initial;
        border-radius: 0
    }

    .tel:hover:after {
        display: none !important;
    }


    .tel-container.has-content .tel:hover .content {
        padding-top: 0;
        position: relative;
        background-color: initial;
        box-shadow: none;
        animation: none;
    }

    .header-phone .tel-container.has-content .tel .content,
    .header-phone .tel-container .tel a {
        display: block;
    }

    .header-phone .tel-container.has-content .tel .content a {
        display: none;
    }

    header .content-menu>ul .item .sub-menu .item a,
    header .content-mobile-menu>ul .item .sub-menu .item a {
        padding: 5px 28px;
    }

    .mobmenu {}

    .header .links {
        position: absolute;
        right: 0;
        top: -45px;
        color: #fff;
    }

    .content-column .banners {
        margin: 0 -22px;
    }

    .owl-stage-outer {
        border-radius: 0px;
    }

    .contacts {
        display: block;
    }

    .contacts-info {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .contacts-map {
        width: 100%;
    }

    .contacts-map iframe {
        height: 300px !important;
    }

    .section__wrap {
        flex-wrap: wrap;
    }

    .section__rostov {
        width: 100%;
    }

    .section__krasnodar {
        width: 100%;
    }

    .shops {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
    }

    .shops-item {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        min-height: 200px;
    }

    .shops-item:last-child {
        margin-bottom: 0;
    }

    .shops-item_info {
        align-items: center;
    }

    .left-form_item input {
        padding: 10px;
    }

    .left-form_button input {
        padding: 10px 30px;
    }

    .footer-flex {
        padding: 40px 0 90px 0;
        display: block;
    }

    .footer-flex_item {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .footer-flex_item:last-child {
        margin-bottom: 0;
    }

    .footer-phone .call-me {
        margin-top: 10px;
    }

    .callback-popup-btn {
        padding: 10px 30px;
    }

    .main-news,
    .about-info {
        display: block;
        display: flex;
        margin-right: 0;
    }

    .main-news_item,
    .about-info_item {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .main-news_item:last-child,
    .about-info_item:last-child {
        margin-bottom: 0;
    }


    /* ==================== Стили для оплата и доставка ==================== */
    .payment-delivery__wrap {
        padding-bottom: 20px;
    }

    .payment-delivery__title,
    .payment-delivery__title-deliv {
        font-size: 32px;
        margin: 25px 0 !important;
    }

    .payment-delivery__title-deliv {
        margin: -30px 0 25px 0 !important;
    }

    .delivery,
    .payment {
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .delivery__cart,
    .payment__cart {
        width: 100%;
        height: 200px;
        padding: 10px;
    }

    .delivery__cart {

        height: 250px;

    }


    .delivery__cart-info,
    .payment__cart-info {
        padding-bottom: 10px;
    }

    .delivery__cart-info::after {
        left: -10px;
        height: 2px;
        width: calc(100% + 20px);

    }

    .payment__cart-info::after {
        left: -10px;
        height: 2px;
        width: calc(100% + 20px);
    }


    .delivery__cart-title,
    .payment__cart-title {
        font-size: 16px;
        margin: 0 !important;
    }

    .delivery__cart-title:nth-child(1) {

        margin: 0 15px 0 0 !important;
    }

    .delivery__cart-svg,
    .paymen__cart-svg {
        height: 35px;
        width: auto;
        object-fit: cover;
    }

    .cart-svg {
        height: 35px;
        width: auto;
    }

    /* pagination */
    .pagination-link-end,
    .pagination-link-start {
        display: none;
    }

    .pagination-numbers {
        width: 700px;
        overflow-x: scroll;
        justify-content: start;
    }

    @keyframes cart {
        0% {
            opacity: 1;
            transform: translate(100px, 14px) scale(-.7, .7);
        }

        50% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7, .7);
        }

        51% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7);
        }

        51.1% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(.7);
        }

        80% {
            opacity: 1;
            transform: translate(-30px, 0px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .delivery__cart-text,
    .payment__cart-text {

        font-size: 14px;
        line-height: 135%;

    }

    .products-list-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;

    }

    .products-list-grid-left {
        grid-template-columns: repeat(2, 47%);
    }

    .product-card-list .img-grid {
        max-width: 160px;
        max-height: 160px;
    }

    .product-wrap-grid {
        margin: 0 !important;
        width: 100% !important;

    }

    .add-card-grid {
        gap: 0;
        width: 30%;

    }

    .catalog .category:hover {
        transition: .2s ease-in-out;
        transform: scale(1);
    }

    .header {
        position: relative;
    }

    .header-phone_modal {
        display: flex;
        align-items: center;
        margin-left: 10px;
    }

    .phone-modal_trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 27px;
        padding: 0px;
        cursor: pointer;
        transition: .3s ease-in-out;
        background-color: transparent;
        border: none;
    }


    .phone-modal_panel {
        position: fixed;
        bottom: -100%;
        left: 50%;
        transform: translatex(-50%);
        opacity: 0;
        visibility: hidden;
        transition: .6s ease-in-out;
        z-index: 50;
        border-radius: 12px;
    }

    .phone-modal_panel.is-open {
        position: fixed;
        left: 50%;
        bottom: 75px;
        opacity: 1;
        border-radius: 12px;
        visibility: visible;
        transform: translatex(-50%);
        transition: .6s ease-in-out;
        z-index: 999;
    }

    .phone-modal_content {
        display: block;
        min-width: 164px;
        max-width: 250px;
        background: white;
        /* box-shadow: 0 10px 25px rgba(0,0,0,0.12); */
        border-radius: 12px;
        padding: 16px;
        border: 1px solid #e5e5e5;
        z-index: 999;
    }

    .phone-modal_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 3px;
        font-weight: 700;
        color: #055CA7;
    }

    .phone-modal_close {
        background: none;
        border: none;
        font-size: 20px;
        line-height: 1;
        cursor: pointer;
        color: #055CA7;
    }

    .phone-modal_numbers {
        display: grid;
        gap: 2px;
    }

    .phone-modal_numbers a {
        color: #1c1c1c;
        font-weight: 600;
        text-decoration: none;
    }

    .phone-modal_numbers a:hover {
        color: #055CA7;
    }

    .phone-modal_numbers .tel-roz {
        color: #055CA7;
    }

    .phone-modal_panel {
        right: 10px;
    }


}

@media (max-width: 480px) {
    .header .logo {
        /* position: absolute; */
        width: 44px;
        height: 33px;
        background: url(/local/templates/magnet_s1/img/logo.svg) no-repeat;
        background-size: 100% auto;
    }

    .header-flex {
        gap: 5px;
    }

    .hamburger {
        /* left:85%;
         */
    }

    .header-phone {
        /* position: absolute; */
        top: -8px;
        left: -11px;
    }

    .tel-container {
        padding-top: 2px;
    }

    .tel-roz {
        position: absolute !important;
        width: 100% !important;
        padding-left: 10px !important;
    }

    /* .tel-container .tel a{
        color: white;
    } */
    /* .tel-container .content{
        display: none !important;
    } */

    .product-card-list .content .top .info .code {
        left: 10px;
        width: 60%;
    }

    .pagination-numbers {
        max-width: 380px;
        width: auto;
    }

    .products-list-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(100px, auto);
        gap: 2px;
    }

    .products-list-grid-left {
        grid-template-columns: repeat(2, 47%);
        grid-auto-rows: minmax(100px, auto);
    }

    .product-card-list .img-grid {
        max-width: 120px;
        max-height: 120px;
    }

    .catalog .categories .category-wrap {
        width: 100% !important;
        min-width: 335px !important;
    }

    .categories,
    .paneloff {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 10px !important;
    }

    .catalog .category .static .text {
        margin-top: 5px !important;
        font-size: 12px !important;
    }

    .product-wrap-grid {}

    .product-card-list-grid {
        position: relative;
    }

    .left-panel {
        margin-top: 0px;
    }

}

@media (max-width: 425px) {
    .pagination-numbers {
        max-width: 325px;
        width: auto;
    }
}

@media (max-width: 375px) {
    .catalog .categories .category-wrap {
        width: 100% !important;
        min-width: 300px !important;
    }

    .pagination-numbers {
        max-width: 275px;
        width: auto;
    }

    .products-list-grid {
        grid-template-columns: repeat(2, 48%);
        gap: 5px;
    }

    .products-list-grid-left {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-card-list .img-grid {
        max-width: 100px;
        max-height: 100px;
    }
}

@media (max-width: 320px) {

    .phone-modal_trigger {
        width: 20px;
        height: 21px;
    }

    .mobtop {
        gap: 0;
    }


    .header-flex {
        left: 16px;
    }

    .catalog .categories .category-wrap {
        width: 100% !important;
        min-width: 280px !important;
    }

    .pagination-numbers {
        max-width: 220px;
        width: auto;
    }

    .banners {
        width: 320px;

    }

    .hamburger {
        margin-right: 0;

    }


    /* ==================== Стили для оплата и доставка ==================== */
    .payment-delivery__wrap {
        padding-bottom: 20px;
    }

    .payment-delivery__title,
    .payment-delivery__title-deliv {
        font-size: 32px;
        margin: 25px 0 !important;
    }

    .payment-delivery__title-deliv {
        margin: -30px 0 25px 0 !important;
    }

    .delivery,
    .payment {
        justify-content: center;
        flex-direction: column;
        gap: 20px;
    }

    .delivery__cart,
    .payment__cart {
        width: 100%;
        height: 200px;
        padding: 10px;
    }

    .delivery__cart {

        height: 250px;

    }


    .delivery__cart-info,
    .payment__cart-info {
        padding-bottom: 10px;
    }

    .delivery__cart-info::after {
        left: -10px;
        height: 2px;
        width: calc(100% + 20px);

    }

    .payment__cart-info::after {
        left: -10px;
        height: 2px;
        width: calc(100% + 20px);
    }


    .delivery__cart-title,
    .payment__cart-title {
        font-size: 16px;
        margin: 0 !important;
    }

    .delivery__cart-title:nth-child(1) {

        margin: 0 15px 0 0 !important;
    }

    .delivery__cart-svg,
    .paymen__cart-svg {
        height: 35px;
        width: auto;
        object-fit: cover;
    }

    .cart-svg {
        height: 35px;
        width: auto;
    }

    @keyframes cart {
        0% {
            opacity: 1;
            transform: translate(100px, 14px) scale(-.7, .7);
        }

        50% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7, .7);
        }

        51% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(-.7);
        }

        51.1% {
            opacity: 1;
            transform: translate(-30px, 14px) scale(.7);
        }

        80% {
            opacity: 1;
            transform: translate(-30px, 0px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .delivery__cart-text,
    .payment__cart-text {

        font-size: 14px;
        line-height: 120%;

    }
}

/* Стили для кнопки "Наверх" */
#scroll-top-button {
    display: none;
    /* По умолчанию скрыта */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}

/* Стили для кнопки "Наверх" */
#scroll-top-button {
    display: none !important;
    /* По умолчанию скрыта */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: fixed !important;
    bottom: 70px !important;
    right: 20px !important;
    z-index: 999 !important;
    width: 40px !important;
    height: 40px !important;
    background-color: #055CA7 !important;
    color: #fff !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

#scroll-top-button:hover {
    background-color: #0056b3 !important;
    transform: scale(1.1) !important;
}

#scroll-top-button.show {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* === Always show catalog sort controls on all screens === */
.catalog .sort .sort-filter {
    display: flex !important;
    gap: 10px;
}

.catalog .sort .sort-filter .item {
    display: inline-block !important;
}
/* End */
/* /local/templates/magnet_s1/vendor/normalize/normalize.css?17818755292232 */
/* /local/templates/magnet_s1/vendor/fonts/fonts.css?1781875529253 */
/* /local/templates/magnet_s1/vendor/owlcarousel/owl.carousel.min.css?17818755293554 */
/* /local/templates/magnet_s1/vendor/custom-bootstrap/bootstrap.min.css?178187552951605 */
/* /local/templates/magnet_s1/vendor/lightbox/lightbox.min.css?17818755292822 */
/* /local/templates/magnet_s1/vendor/scrollbar/jquery.scrollbar.css?17818755293426 */
/* /local/templates/magnet_s1/vendor/youtube-popup/youtube-popup.css?17818755291824 */
/* /local/templates/magnet_s1/vendor/jquery/jquery-ui.min.css?178187552915418 */
/* /local/templates/magnet_s1/vendor/fonts/Roboto/font.css?17818755291841 */
/* /local/templates/magnet_s1/less_compile/template_styles_s1.css?1781875529601750 */
/* /local/templates/magnet_s1/styles.css?17818755291 */
/* /local/templates/magnet_s1/template_styles.css?178214008857864 */