:root {
    --black: #121212;
    --bs-primary-rgb: 0, 40, 89;
    --primary: #002859;
    --gray: #BCBCBC;
    --bs-link-color: var(--primary);
    font-size: 14px;
}

@media screen and (min-width: 576px) {
    :root, body {font-size: 14px;}
}
@media screen and (min-width: 768px) {
    :root, body {font-size: 14px;}
}
@media screen and (min-width: 992px) {
    :root, body {font-size: 15px;}
}

@media screen and (min-width: 1200px) {
    :root, body { font-size: 16px; }
}

@media screen and (min-width: 1400px) {
    :root, body { font-size: 20px;}
}
h2, .h2 {text-transform: uppercase;}
.vh-100 {display: flex; flex-direction: column; justify-content: center; height: auto !important; min-height: 100vh;}
@media screen and (max-width: 600px) {
    .vh-100 {min-height: 0;}
}
.text-secondary {color:var(--gray);}
.btn, .form-control {border-radius: 1.5rem;}
.badge.bg-primary {border-radius: 1.5rem; border: 1px solid #FFF; background: rgba(0, 40, 89, 0.30) !important; backdrop-filter: blur(6.5px); font-size: 1rem; text-wrap: auto;}
.bg-primary.text-white a {color: white;}
.btn {pointer-events: all !important; font-weight: 600;}

.bx-blue .btn.btn-default {background: var(--primary); border-color: var(--primary);}
.bx-blue .btn.btn-default,
.product-item-detail-info-container-title,
.product-item-scu-item-text,
.popup-window,
.popup-window-titlebar-text, .popup-window-titlebar-text-version {font-size: 1rem;}
.btn.btn-default:focus {color:#fff;}
.btn-outline-primary:hover img {filter: grayscale(1) invert(1);}
.btn-primary img {filter: grayscale(1) invert(1);}
.btn-outline-primary:focus img {filter: grayscale(1) invert(1);}
.btn-outline-primary:focus {color:#fff;}
.filter.btn-primary img {filter: grayscale(1) invert(1);}
.filter.btn-primary:hover img {filter: none;}

.text-truncate-4 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.text-truncate-5 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.text-truncate-6 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }


.btn-link {text-decoration: none; color:var(--primary); cursor: pointer;}

header {position: relative; top:0; z-index: 1000; font-size: 12px; font-weight: 600; padding: .5rem 0; background: rgba(255,255,255,0); transition: .3s; border-radius: 8px;}
header #logo img {height: 30px;}
@media screen and (min-width: 992px) {
    header {padding: 0;}
    header #logo img {height: auto;}
}
header.sticky-top {background: rgba(255,255,255,.75); backdrop-filter: blur(15px);}
.active-menu header.sticky-top {position: fixed; !important; bottom: 0;}
header .btn, header .form-control {font-size: 12px; font-weight: 600;}
header #top_panel {position: relative; padding: .5rem 0; z-index: 305}
header #top_panel::before {content:'';position: absolute; background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(6.5px); border-radius: 0 0 2rem 2rem; top:0; left:50%; width: 100vw; bottom: 0; margin-left: -50vw; z-index: -1;}
header #top_panel ul,
header #top_panel ul li {margin:0; padding: 0; display: block; position: relative; text-wrap: nowrap;}
header #top_panel ul li a {display: block;}
header #top_panel ul li.parent > a::after {content: url('/upload/rs_icons/arrow-down.svg'); margin-left: .5rem;}
header #top_panel ul ul {display: none; position: absolute; left:0; top: 100%; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.3); z-index: 100;}
header #top_panel ul ul a {padding: .5rem; border-bottom: 1px solid var(--black); color:var(--primary);}
header #top_panel ul li:hover ul {display: block;}

header .menu ul {display: flex; gap:1rem; margin:0; padding: 0;}
header .menu ul li {display: block; margin:0; padding: 0;}
header .menu ul li .window {display:none; position: absolute; top:100%; padding: 1rem; left:0; border-radius: 1.5rem; border: 1px solid #FFF; background: rgba(0, 40, 89, 0.7); backdrop-filter: blur(15px); color:#fff;}
header .menu ul li:hover .window {display: flex;}
header .menu ul li .window ul {flex-direction: column; gap:.5rem; margin-bottom: 2rem;}
header .menu ul li .window ul ul {display: none;}
header .menu ul li .window ul a {color:#fff !important; padding: 0; white-space: nowrap; font-weight: 300;}
header .menu ul li .window ul a:hover {padding: 0; border: none 0;}
header .menu ul li .window .section {border-left:1px solid #fff; padding-left: 1rem;}
header .menu ul li .window .section:nth-child(1) {border-left: 0 none; padding-left: 0;}
header .menu ul li .window .section-list li:nth-child(1) {display: none;}

header .cart-menu ul {display: flex; gap:10px; margin:0; padding: 0;}
header .cart-menu ul li {display: block; margin:0; padding: 0;}
header .cart-menu ul li img {height:1.5rem;}
.header-cart {
    position: relative;
    display: inline-block;
}


.cart-badge, .cart-badge2 {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: #e53935;
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

header .top_menu ul {display: flex; gap:1rem; margin:0; padding: 0; text-transform: uppercase;}
header .top_menu ul li {display: block; margin:0; padding: 0;}
header .search form {position: relative;}
header .search form .form-control {background: var(--primary); color:white; width:250px;}
header .search form .form-control::placeholder { color: rgba(255,255,255,.8); }
header .search form button {position: absolute; top:50%; right:1rem; transform: translateY(-50%); background: none; border:none;}
header .search .results {position: absolute; top:100%; right:0; max-height: 150px; overflow: auto; background: #fff; padding: 1rem; box-shadow: 0 0 1px rgba(0,0,0,.3);}
header .search .results::-webkit-scrollbar {width: .3rem; cursor:pointer;}
header .search .results::-webkit-scrollbar-track {background: #ddd; border-radius: .3rem;}
header .search .results::-webkit-scrollbar-thumb {border-radius: .3rem; background: var(--primary);}
header .search .results img {filter:none !important; height: 50px; width:50px; object-fit: cover}
header .search .results a {color:var(--primary) !important;}
header .toggle {line-height: 0; width:40px;}

#header {z-index: 300;}
#header .menu a {position: relative;}
#header .menu a::before {content:none; position: absolute; top:-.5rem; bottom: -.5rem; left:-.5rem; right: -.5rem; border:1px solid #fff; border-radius: 1rem;}
#header .menu a:hover::before {content:'';}

body.DS header .container,
body.DS header .container a,
body.DSschoolDS header .container,
body.DSschoolDS header .container a,
body.DSschoolDS .bx-breadcrumb,
body.DSschoolDS .bx-breadcrumb a,
body.DSwholesaleDS .bx-breadcrumb,
body.DSwholesaleDS .bx-breadcrumb a,
body.DSwholesaleDS header .container,
body.DSwholesaleDS header .container a,
body.DScatalogDSkollektsiiDS .bx-breadcrumb,
body.DScatalogDSkollektsiiDS .bx-breadcrumb a,
body.DScatalogDSkollektsiiDS header .container,
body.DScatalogDSkollektsiiDS header .container a {color:#fff;}
body.DS header:not(.sticky-top) .container img,
body.DS header:not(.sticky-top) .container a::after,
body.DSschoolDS header:not(.sticky-top) .container img,
body.DSschoolDS header:not(.sticky-top) .container a::after,
body.DSwholesaleDS header:not(.sticky-top) .container img,
body.DSwholesaleDS header:not(.sticky-top) .container a::after,
body.DScatalogDSkollektsiiDS header:not(.sticky-top) .container img,
body.DScatalogDSkollektsiiDS header:not(.sticky-top) .container a::after {filter: brightness(0) invert(1);}

body.DS header .container li li a {color:var(--primary);}

body.DSschoolDS .bx-breadcrumb .fa.fa-angle-right,
body.DSwholesaleDS .bx-breadcrumb .fa.fa-angle-right {background: white;}


body.DS .mod-slider .btn.btn-primary,
body.DS header .container .btn.btn-primary,
body.DS header .container .form-control,
body.DSschoolDS .mod-slider .btn.btn-primary,
body.DSschoolDS header .btn.btn-primary,
body.DSschoolDS header .form-control,
body.DSwholesaleDS .mod-slider .btn.btn-primary,
body.DSwholesaleDS header .btn.btn-primary,
body.DSwholesaleDS header .form-control,
body.DSschoolDS .nav-menu ul li a,
body.DSwholesaleDS .nav-menu ul li a,
body.DScatalogDSkollektsiiDS .nav-menu ul li a {background: rgba(0, 40, 89, 0.30); backdrop-filter: blur(6.5px); border-color: #fff; color:#fff;}
body.DSschoolDS .nav-menu ul li a:hover,
body.DSschoolDS .nav-menu ul li.selected a,
body.DScatalogDSkollektsiiDS .nav-menu ul li a:hover,
body.DScatalogDSkollektsiiDS .nav-menu ul li.selected a,
body.DSwholesaleDS .nav-menu ul li a:hover,
body.DSwholesaleDS .nav-menu ul li.selected a {background: #fff; color:var(--primary);}


header .mobile-window .city_select {background:var(--color-base); text-align:left; margin-bottom:auto;}
header .mobile-window .city_select ul {display:block; margin:0; padding:0;}
header .mobile-window .city_select ul li {display:block; margin:0; padding:0; border-bottom:1px solid #ddd; position:relative;}
header .mobile-window .city_select ul li a {color: var(--color-base-text); display:block; padding:.5rem;}
header .mobile-window .city_select ul li ul li {display:none; background:rgba(255,255,255,.3); padding-left:.5rem;}
header .mobile-window .city_select ul li ul.active > li {display:block;}
header .mobile-window .city_select ul li.parent ul::before {content:url('/upload/rs_icons/arrow-down-blue.svg'); position:absolute; background:#fff; padding:0 .5rem; top: .5rem; right:.5rem; cursor:pointer;}


.bx-breadcrumb {display: flex; flex-wrap: wrap; font-size: 12px;}
.bx-breadcrumb .fa.fa-angle-right {width:6px; height: 6px; background: var(--primary); display: inline-block; border-radius: 50%; margin:0 .5rem;}

.mod-slider::after,
.mod-best::after,
.mod-assortment::after,
.mod-personal::after {background: url('/upload/rs_images/008.svg') bottom no-repeat; background-size: 100% 100px; background-position-y: 103%; z-index: 5; pointer-events: none;}

@media screen and (min-width: 576px) {
    .mod-slider::after, .mod-best::after, .mod-assortment::after, .mod-personal::after { background-size: 100% 120px;}
}
@media screen and (min-width: 768px) {
    .mod-slider::after, .mod-best::after, .mod-assortment::after, .mod-personal::after { background-size: 100% 140px;}
}
@media screen and (min-width: 992px) {
    .mod-slider::after, .mod-best::after, .mod-assortment::after, .mod-personal::after { background-size: 100% 150px;}
}
@media screen and (min-width: 1200px) {
    .mod-slider::after, .mod-best::after, .mod-assortment::after, .mod-personal::after { background-size: 100% 200px;}
}

@media screen and (min-width: 1400px) {
    .mod-slider::after, .mod-best::after, .mod-assortment::after, .mod-personal::after { background-size: 100% 231px;}
}
@media screen and (max-width: 1024px) {
    .mod-personal.vh-100, .mod-assortment.vh-100 { min-height: 60vh; }
}


.mod-slider {margin-top:-190px; min-height: 920px;}
.mod-best {margin-top:-270px; min-height: 920px; pointer-events: none;}
.DSschoolDS .mod-best,
.DSwholesaleDS .mod-best {margin-top:-360px; min-height: 1000px; padding-top: 320px !important; justify-content: start;}
.DScatalogDSkollektsiiDS .mod-best {margin-top:-360px; min-height: 640px; padding-top: 320px !important; justify-content: start;}

.mod-slider .item {position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: center;}
.mod-slider .item .img {position: absolute; left:50%; top:0; bottom: 0; width:100vw; transform: translateX(-50%); max-width:1920px; z-index: -1; border-radius: 0 0 3.5rem 3.5rem; overflow: hidden;}
.mod-slider .item .img::after {content:''; position: absolute; top:0; left:0; bottom:0; right: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 37.23%), linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 48.1%); z-index: 4; pointer-events: none;}
.mod-slider .item .img img {width:100%; height: 100%; object-fit: cover;}

.mod-slider.vh-100 {min-height: 110vh;}
.mod-slider, .mod-personal, .mod-best {color:#fff;}
.mod-slider::before,
.mod-personal::before,
.mod-assortment::before,
.mod-personal::before {background: linear-gradient(304deg, rgba(0, 0, 0, 0.00) 45.25%, rgba(0, 0, 0, 0.50) 89.16%), url('/upload/rs_images/007.jpg') lightgray 50% / cover no-repeat; background-attachment: fixed; border-radius: 3rem;}
.mod-best::before {background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 16.73%, rgba(0, 0, 0, 0.00) 42.06%), linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 28.08%), linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 48.1%), url('/upload/rs_images/034.jpg') lightgray 50% / cover no-repeat; background-attachment: fixed; border-radius: 0 0 3rem 3rem;}
.mod-assortment::before {background: linear-gradient(304deg, rgba(0, 0, 0, 0.00) 45.25%, rgba(0, 0, 0, 0.50) 89.16%), url('/upload/rs_images/066.jpg') lightgray 50% / cover no-repeat; background-attachment: fixed; border-radius: 3rem;}
.mod-slider::before {border-radius: 0 0 3rem 3rem;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 37.23%), linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 48.1%),
        url('/upload/rs_images/116.d.jpg') lightgray 50% / cover no-repeat;
    background-attachment: fixed;
    background-position: center center;
}
.mod-personal.mod-big::before {background: linear-gradient(304deg, rgba(0, 0, 0, 0.00) 45.25%, rgba(0, 0, 0, 0.50) 89.16%), url('/upload/rs_images/088.jpg') lightgray 50% / cover no-repeat; background-attachment: fixed; border-radius: 3rem;}
.mod-personal.mod-quality::before {background: linear-gradient(304deg, rgba(0, 0, 0, 0.00) 45.25%, rgba(0, 0, 0, 0.50) 89.16%), url('/upload/rs_images/095.jpg') lightgray 50% / cover no-repeat; background-attachment: fixed; border-radius: 3rem;}

@media screen and (max-width: 768px) {
    .DS .mod-slider.vh-100 {justify-content: end; text-align: center;}
    .DS .mod-slider.vh-100 ul {text-align:left;}
    .DS .mod-slider::before {background-image: url('/upload/rs_images/116.jpg'); background-size: cover; background-repeat: no-repeat;}
    .DS .mod-slider::before {
        background-image:
                linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
                url('/upload/rs_images/116.jpg');

        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}


section.mod-personal ul li::before {background-color: #fff;}

.mod-personal .btn-light {background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(6.5px); color:#fff;}
.mod-personal .bg {background: url('/upload/rs_images/108.svg'); background-size: 100% 100%; padding: 1rem; backdrop-filter: blur(5px); border-radius: 1rem;}
.mod-personal .bg .img {margin-left: auto; margin-right: 2rem; width: 24%;}

.section-card {max-height: 500px; height:100%; border-radius: 1.5rem; overflow: hidden; display: block; position: relative; border:1px solid #ddd;}
.d-flex .section-card {max-height: 240px;}
@media screen and (max-width: 768px) {
    .d-flex .section-card {max-height: 120px;}
}
.section-card img {width:100%; height: 100%; object-fit: cover; transition:.3s;}
.section-card .badge {position: absolute; bottom: 1rem; left:1rem; right: 1rem;}
.section-card:hover img {transform:scale(1.1) rotate(-2deg);}

.section-card2 {}
.section-card2 .img {height: 390px; border-radius: 1.5rem; overflow: hidden; border:1px solid #ddd;}
.section-card2 .img img {width:100%; height: 100%; object-fit: cover; transition:.3s;}
.section-card2:hover img {transform:scale(1.1) rotate(-2deg);}


.mod-about .row .row .h-100 {position: relative; color:white; min-height: 140px; padding: 1rem;}
.mod-about .row .row .h-100::before {content:''; background:url('/upload/rs_icons/number.svg'); position: absolute; top:0; left:0; z-index: -1; width:100%; height:100%; background-size: 100% 100%;}
.mod-about .row .row > *:nth-child(2) .h-100::before {transform: rotateY(-180deg);}
.mod-about .row .row > *:nth-child(3) .h-100::before {transform: rotateX(-180deg);}
.mod-about .row .row > *:nth-child(4) .h-100::before {transform: rotateX(-180deg) rotateY(-180deg);}
.mod-about .row .row > *:nth-child(1),
.mod-about .row .row > *:nth-child(3) {text-align: right;}
.mod-about .bg {background: url('/upload/rs_images/104.svg'); background-size: 100% 100%; padding: 1rem;}
.mod-about .bg .img {margin-left: auto; margin-right: 1rem; width: 20%;}
@media screen and (min-width: 768px) {
    .mod-about .bg .img {margin-left: auto; margin-right: 2rem; width: 24%;}
}

.mod-mobile .h2 {padding-top:50px;}
.mod-mobile::before {background: #fff;}
@media screen and (min-width: 768px) {
    .mod-mobile::before {background: url('/upload/rs_images/015.svg') top center no-repeat; background-size: 100% 100%;}
    .mod-mobile .img {margin-top: -100px;}
}
.mod-map {}
.mod-map::before {background: url('/upload/rs_images/016.jpg') center no-repeat #ddd; background-size: cover;}
.mod-map .card {margin-bottom: 100px; border-radius: 2rem; position: relative; z-index: 5;}
.mod-map img {filter: brightness(0) invert(1);}
.mod-map .badge img {filter: none;}
.mod-map #mod-map {position: absolute; top:0; left:50%; width: 100vw; margin-left: -50vw; bottom: 0; background: #ddd; overflow: hidden;}

.mod-big .card.card-body.bg-primary {border-radius: 1.5rem; border: 1px solid #FFF; padding: 1.5rem; background-color: rgba(0, 40, 89, 0.30) !important; backdrop-filter: blur(6.5px);}

/* catalog */
.product-item-container {height:100%; display: flex; flex-direction: column; gap:.5rem; position: relative;}
.product-item-container .img {display: block; height:390px; border-radius: 1.5rem; overflow: hidden; position: relative;}
.product-item-container .img img {width:100%; height: 100%; object-fit: cover; object-position: center; transition: .3s; border:1px solid #ddd; border-radius: 1.5rem; }
.DScatalogDSdevochkamDSobuvDS .product-item-container .img img,
.DScatalogDSmalchikamDSobuv_1DS .product-item-container .img img {object-fit: contain;}
.product-item-container .img .sale {position: absolute; bottom: .5rem; right: .5rem;}
.product-item-container .img [name="like"] {position: absolute; top: .5rem; right: .5rem;}
.product-item-container .img [name="like"] img {border:0 none; width:24px; height: 24px;}
.product-item-container:hover .img img {transform:scale(1.1) rotate(-2deg);}
.product-item-container .btns {margin-top:auto;}
@media screen and (max-width: 760px) {
    .product-item-container .img {height:250px;}
}


.user-study {position: relative;}
.user-study button[name="remove_study"] {position: absolute; top:5px; right: 5px;}

.number_css {counter-reset: section; list-style-type: none; margin: 0; padding: 0;}
.number_css > .rounded-celler {display: block; position: relative; padding-left: 3rem; margin-bottom: 2rem;}
.number_css > .rounded-celler::before {counter-increment: section; content: counters(section, "."); position: absolute; top:0; left:0; height:2rem; width: 2rem; border:1px solid var(--primary); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.5rem;}


.mod-card .card-1,
.mod-card .card-2 {position: relative; cursor: pointer;}
.mod-card .card-1 .wrap,
.mod-card .card-2 .wrap {transition: .3s;}
.mod-card .card-1 {background: url('/upload/rs_images/032.svg'); background-size: 100% 100%;}
.mod-card .card-1 .desc {padding: 100px 20px 30px;}
.mod-card .card-1 .desc > img {display: block; margin: 0 auto;}
.mod-card .card-2 .desc {position: absolute; top: 50%; transform:translateY(-50%); right: 3rem;}




#map, .card-form {border-radius: 3rem; position: relative;}
#map {overflow: hidden;}
#map::after, .card-form::after {content:''; top:0; bottom: -5px; left: -1px; right: -1px; position: absolute; background: url('/upload/rs_images/008.svg') bottom no-repeat; background-size: 100% auto; background-position-y: 100%; z-index: 5; pointer-events: none;}


.card-form {border:0 none;}


.nav-menu ul {display: flex; flex-wrap:wrap; gap:1rem; align-items: center; margin: 3rem 0; padding: 0; font-size: .8rem; justify-content: space-between;}
.nav-menu ul li {display: block; margin: 0; padding: 0; min-width: 23%; text-align: center;}
.nav-menu ul li a {display: block; border-radius: 1.5rem; border: 1px solid var(--primary); padding: .5rem 1rem;}
.nav-menu ul li a:hover,
.nav-menu ul li.selected a {background: var(--primary); color: white;}
@media screen and (max-width: 600px) {
    .nav-menu ul li {width: 100%;}
}



.news-list .item .img {overflow: hidden; border-radius: 2rem; display: block;}
.news-list .item .img img {transition: .3s}
.news-list .item:hover .img img {transform: scale(1.1) rotate(-2deg);}

.mod-best.mod-number .col-lg {position: relative; height:100px; padding: 10px;}
@media screen and (min-width: 360px) {.mod-best.mod-number .col-lg {padding: 10px 20px;}}
@media screen and (min-width: 400px) {.mod-best.mod-number .col-lg {padding: 10px 30px;}}
@media screen and (min-width: 420px) {.mod-best.mod-number .col-lg {padding: 10px 40px;}}
@media screen and (min-width: 440px) {.mod-best.mod-number .col-lg {padding: 30px; height: 140px;}}
@media screen and (min-width: 500px) {.mod-best.mod-number .col-lg {height: 170px;}}
.mod-best.mod-number .col-lg::before { content:''; position:absolute; top:0; left:.5rem; right:.5rem; height:100%; background: url('/upload/rs_images/071.svg'); background-size: 100% 100%; backdrop-filter: blur(5px); z-index: -1; border-radius: 16px;}
.mod-best.mod-number .col-lg:nth-child(2)::before {background-image: url('/upload/rs_images/072.svg');}
.mod-best.mod-number .col-lg:nth-child(3)::before {background-image: url('/upload/rs_images/073.svg');}
.mod-best.mod-number .col-lg:nth-child(4)::before {background-image: url('/upload/rs_images/074.svg');}
.mod-best.mod-number .col-lg:nth-child(5)::before {background-image: url('/upload/rs_images/075.svg');}
.mod-best.mod-number .col-lg .number {font-size: 2rem;}
.mod-best.mod-number .col-lg:nth-child(1) .number {text-align: right;}
.mod-best.mod-number .col-lg:nth-child(4) {text-align: right;}


@media screen and (min-width: 576px) {
}
@media screen and (max-width: 769px) {
    .DSschoolDS .mod-best, .DSwholesaleDS .mod-best {min-height: 700px; justify-content: end;}
    .mod-best::before {background: url('/upload/rs_images/114.jpg'); background-size: contain; background-position: center;}

}


.mod-best-mobile .col-lg {position: relative; color: #fff; padding: 1rem; padding-bottom: 1rem; min-height: 140px;}
.mod-best-mobile .col-lg .number {font-size: 40px;}

.mod-best-mobile .col-lg::before {content:''; background:url('/upload/rs_icons/number.svg'); position: absolute; top:0; left:0; z-index: -1; width:calc(100% - 2 * var(--bs-gutter-x)); height:calc(100% - 2 * var(--bs-gutter-y)); background-size: 100% 100%;}
.mod-best-mobile .col-lg:nth-child(2)::before {transform: rotateY(-180deg);}
.mod-best-mobile .col-lg:nth-child(3)::before {transform: rotateX(-180deg);}
.mod-best-mobile .col-lg:nth-child(4)::before {transform: rotateX(-180deg) rotateY(-180deg);}
.mod-best-mobile .col-lg:nth-child(1),
.mod-best-mobile .col-lg:nth-child(3) {text-align: right;}
.mod-best-mobile .col-lg:nth-child(5) {display: none;}



@media screen and (min-width: 770px) {
    .mod-best-mobile .col-lg {width:251px; height:191px; padding: 30px; margin: 0 auto; font-size: 20px;}
    .mod-best-mobile .col-lg::before { content:''; position:absolute; top:0; left:.5rem; right:.5rem; height:100%; background: url('/upload/rs_images/109.svg'); background-size: 100% 100%; backdrop-filter: blur(5px); z-index: -1; border-radius: 16px;}


    .mod-best-mobile .col-lg .number {font-size: 40px;}
    .mod-best-mobile .col-lg:nth-child(odd) {color:#fff;}
    .mod-best-mobile .col-lg:nth-child(1) .number {text-align: right;}
    .mod-best-mobile .col-lg:nth-child(4) {text-align: right;}

    .mod-best-mobile .col-lg:nth-child(2)::before {background-image: url('/upload/rs_images/110.svg');}
    .mod-best-mobile .col-lg:nth-child(3)::before {background-image: url('/upload/rs_images/111.svg');}
    .mod-best-mobile .col-lg:nth-child(4)::before {background-image: url('/upload/rs_images/112.svg');}
    .mod-best-mobile .col-lg:nth-child(5)::before {background-image: url('/upload/rs_images/113.svg');}

}


.mod-reviews .item {background: var(--gray); border-radius: 1rem; padding: 1rem; color:#fff; transform: scale(0.8); transition: .3s;}
.mod-reviews .center .item {background: var(--primary); color:#fff; transform: none;}
.mod-reviews .center .item .stars {filter: brightness(0) invert(1);}

.mod-reviews-dealer .item {position: relative; height: 420px !important; padding: 20px 20px 210px; transform: scale(0.6); transition: .3s; filter:grayscale(1); text-align: center; opacity: .5;}
.mod-reviews-dealer .item::before {content:''; background:url('/upload/rs_images/115.svg'); position:absolute; top:0; left:50%; transform: translateX(-50%); bottom: 0; z-index: -1; background-size: 100% 100%; width: 100%;}

.mod-reviews-dealer .center {z-index: 100;}
.mod-reviews-dealer .center .item {filter: none; transform:none;  opacity: 1;}
@media screen and (min-width: 600px) {
    .mod-reviews-dealer .item {height: 627px !important; padding: 140px 1rem;}
    .mod-reviews-dealer .item::before {width: 527px; background:url('/upload/rs_images/076.svg');}

}

.bx-filter.bx-blue .bx-filter-section {background: none;}
.bx-filter .bx-filter-parameters-box-title span {font-size: 1rem; color:var(--primary);}
.bx-filter .bx-filter-param-label {font-size: .9rem; color:#121212;}
.bx-filter .bx-filter-title {display: none;}
.bx-filter.bx-blue .bx-ui-slider-pricebar-v {background: var(--primary);}

.bx-filter.bx-blue .btn-themes {background: var(--primary); border-color:var(--primary);}

.product-item-detail-slider-container {}
.product-item-detail-slider-image img,
.product-item-detail-slider-image video {border: 1px solid #f0f0f0; border-radius: 2rem; height: 100%; position: relative; left:0; top:0; transform: none; object-fit: contain;}
.bx-retina .product-item-detail-slider-controls-image {border-radius: 1rem;}
.product-item-detail-slider-block {padding-top: 120%;}
.modal.fade.show {opacity: 1!important;}
.catalog-element .addcart .quantity {width:200px; border-radius: 1rem; border:1px solid var(--primary); position: relative; overflow: hidden;}
.catalog-element .addcart .quantity input {padding:.5rem; border:none; text-align: center; width: 90%}
.catalog-element .addcart .quantity button {position: absolute; top:0; right: 0; padding: 0; line-height: 1; width: 2rem; background: none; box-shadow: none; border:none;}
.catalog-element .addcart .quantity button[name="minus"] {top:auto; bottom: 0;}
.product-item-scu-item-text-container > div {padding: .5rem; border-radius: .5rem; border-color:var(--primary); color:var(--primary); font-weight: bold;}
.product-item-scu-item-text-container.selected > div  {background:var(--primary); color:#fff;}
.product-item-detail-info-container {margin: 0;}
.catalog-element .addcart .btns {white-space: nowrap;}

.catalog-element .card {border-radius: 1.5rem; }
.catalog-element .card2 {padding: .5rem 2rem; gap:1rem;}
.catalog-element .card2 * {margin:0; padding: 0;}
.catalog-element .card2 .base-price {color:var(--gray); position: relative;}
.catalog-element .card2 .base-price::after {position: absolute; content:''; height: 2px; width:100%; top:50%; left: 0; background: white; transform: rotate(-10deg);}
.small {font-size: .9rem;}

.template_detail_shops {height: 400px; overflow: auto; padding-right: 1rem;}
.template_detail_shops::-webkit-scrollbar {width: .3rem; cursor:pointer;}
.template_detail_shops::-webkit-scrollbar-track {background: #ddd; border-radius: .3rem;}
.template_detail_shops::-webkit-scrollbar-thumb {border-radius: .3rem; background: var(--primary);}

.fa-angle-right:before {content:none;}

#header .mobile-window {display: none; position: relative; z-index: 1000;}
#header .mobile-window,
#header .mobile-window * {transition: .3s;}
#header .mobile-window .bg {position:fixed; background:rgba(0,0,0,.5); top:0; left:0; right:100%; bottom:0; border-radius:0 100% 100% 0;}
#header .mobile-window .window {width:0; background:#fff; position:fixed; top:0; left:0; bottom:0; border-radius:0 100% 100% 0; opacity:0; padding:0; overflow:auto; display:flex; flex-direction: column; text-align: center; justify-content: space-around;}
#header .mobile-window .close {position:fixed; top:0; left:300px; margin:1rem; font-size:0; color:#fff; cursor:pointer;}
#header .mobile-window .close:hover {opacity:.7;}
#header .mobile-window .window > div {margin:1rem 0;}
#header .mobile-window .top_menu {background:var(--color-base); text-align:left; margin-bottom:auto;}
#header .mobile-window .top_menu ul {display:block; margin:0; padding:0;}
#header .mobile-window .top_menu ul li {display:block; margin:0; padding:0; border-bottom:1px solid #ddd; position:relative;}
#header .mobile-window .top_menu ul li a {color: var(--color-base-text); display:block; padding:.5rem;}
#header .mobile-window .top_menu ul li ul li {display:none; background:rgba(255,255,255,.3); padding-left:.5rem;}
#header .mobile-window .top_menu ul li ul.active > li {display:block;}
#header .mobile-window .top_menu ul li.parent ul::before {position:absolute; background:#fff; padding:0 .5rem; top: .5rem; right:.5rem; cursor:pointer;}
#header .mobile-window .cart-menu ul {justify-content: center;}
#header .container::before {content: unset;}
body.active-menu {overflow:hidden;}
body.active-menu #header .mobile-window {display:block;}
body.active-menu #header .mobile-window .bg {right:0; border-radius:0;}
body.active-menu #header .mobile-window .close {font-size:3rem;}
body.active-menu #header .mobile-window .window {width:300px; border-radius:0; opacity:1; padding:1rem;}
.header {position: relative; z-index: 10;}
.header .menu {position: relative; z-index: 10;}
.header .menu .section-list {position: relative !important;}


.fa-solid.fa-bars::before {content:url('/upload/rs_icons/bars-solid.svg');}
.fa-solid.fa-xmark::before {content:url('/upload/rs_icons/xmark-solid.svg');}

.mod-school-reviews .item {padding: 1rem; margin-left: 2px; border:1px solid var(--primary); border-radius: 1rem;}
@media screen and (min-width: 600px) {
    .mod-school-reviews .item {transform: scale(0.8); transition: .4s; filter: blur(2px); margin: 0 -30px;}
    .mod-school-reviews .item:hover {filter: blur(0px);}
    .mod-school-reviews .center .item {transform: none; filter: none;}

}
.mod-school-reviews .owl-carousel .owl-nav,
.mod-reviews-dealer .owl-carousel .owl-nav,
.mod-why-slider .owl-carousel .owl-nav {top:100%; margin-top: 20px; max-width: 100%;}
.mod-why-slider .item {padding: 0 3px;}
.mod-why-slider .owl-dots {top:100%; margin-top: 10px; max-width: 100%;}
.owl-carousel .owl-dot {background: #aaa !important;}

section ul li {list-style-type: none; position: relative;}
section ul li::before {content:''; display:block; position: absolute; width:10px; height: 10px; border-radius: 50%; background: var(--primary); top:50%; left:-20px; transform: translateY(-50%);}
section.mod-slider ul li::before {background: #fff;}

.mod-retail-sale ul li::before {content:''; display:block; position: absolute; width:10px; height: 10px; border-radius: 50%; background: var(--primary); top:50%; transform: translateY(-50%);}

section .nav-menu ul li::before {content:none;}

.product-item-detail-slider-left {background-image: url('/upload/rs_icons/left.svg');}
.product-item-detail-slider-right {background-image: url('/upload/rs_icons/left.svg');}
.product-item-detail-slider-left:hover, .product-item-detail-slider-right:hover {background-color: unset;}
.product-item-detail-slider-left, .product-item-detail-slider-right {bottom: 50px;}

.table {border-radius: 1.5rem; overflow:hidden;}
.table thead th {background:var(--primary); color:#fff; text-align: center;}

.basket-checkout-container,
.basket-items-list-wrapper, .basket-items-list-wrapper-compact {border-radius: 1.5rem; overflow: hidden}

.mod-teh .img {transition: .3s; width: 150px; height: 150px;  border-radius: 50%; position: relative; margin: auto;}
.mod-teh .img img {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin: 0 auto; transition: .3s;}
.mod-teh .img.animation {background: var(--primary);}
.mod-teh .img.animation img {filter: grayscale(1) brightness(1000%);}

div.news-detail img.detail_picture {float: none; margin: 0; width: 100%; height: 400px; object-fit: cover; border-radius: 1rem; overflow: hidden;}
.news-list font {margin: 0 auto; text-align: center;}


body.site > .cookie:not(.module) {position: fixed; bottom: .3rem; right: .3rem; width: 100%; max-width: 400px; z-index: 100;}
.modal.fade.show {backdrop-filter: blur(3px);}

ul.result {position: absolute; right:0; margin: 0; padding: 0; top:100%; background:#fff; border:1px solid #ddd; border-radius: 2rem; overflow: auto; max-height: 250px; z-index: 1000;}
.window ul.result {left:0; margin-top: -30px;}
ul.result li {display: block; margin: 0; padding: .5rem 1rem; cursor: pointer; border-bottom: 1px solid #ddd}
ul.result li:hover {background: #f0f0f0;}

.mod-why-circle .img {position: relative;}
.mod-why-circle .img::before {content:none; position: absolute; top:0; left:50%; margin-left: -75px; animation: rotate 3s linear infinite; width:151px; height: 151px;}
.mod-why-circle.animate .img::before {content:url('/upload/rs_icons/circle.svg');}
.mod-why-circle .row > div:nth-child(2) .img::before {animation-delay: 0.5s;}
.mod-why-circle .row > div:nth-child(3) .img::before {animation-delay: 1.0s;}
.mod-why-circle .row > div:nth-child(4) .img::before {animation-delay: 1.5s;}
.mod-why-circle .row > div:nth-child(5) .img::before {animation-delay: 2.0s;}
.mod-why-circle .row > div:nth-child(6) .img::before {animation-delay: 2.5s;}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.DScustomerDS iframe {filter: hue-rotate(95deg);}
@media screen and (max-width: 600px) {
    .DScustomerDS #nav-home,
    .DScustomerDS #nav-profile {transform: scale(.4); width: 250% !important; transform-origin: left top; height: 350px;}
}
@media screen and (max-width: 400px) {
    .DScustomerDS #nav-profile {transform: scale(.3); width: 300% !important; transform-origin: left top; height: 200px;}
}
#bx-panel.bx-panel-fixed {z-index:999999 !important;}
.badge {overflow: hidden; text-overflow: ellipsis;}
.ellipsis {text-wrap:nowrap; overflow: hidden; text-overflow: ellipsis;}


.safari .bg-color::before {background-attachment: scroll !important;}
@media screen and (min-width: 1300px) {
    #rs_properties {}
    #rs_properties .modal-dialog {transform: none; left: auto; right:0; width: 650px; height: 100vh; margin: 0; position: absolute;}

    #rs_properties .modal-dialog .modal-content {height:100%; margin: 0;}
}
dl {display: flex; border-bottom: 1px dotted #ddd; gap: 1rem; flex-wrap:wrap; justify-content: space-between;}
dl > * {border-bottom: 1px solid #fff; margin-bottom: -1px;}


.owl-next {font-size: 0 !important;}
.owl-next::before {content:url('/upload/rs_icons/right2.svg');}
.owl-prev {font-size: 0 !important;}
.owl-prev::before {content:url('/upload/rs_icons/left2.svg');}

.top-filters {position: relative;}
.top-filters .top-filter .title {padding: .5rem 1rem; background: var(--primary); border-radius: 1rem; color:#fff; cursor: pointer; position: relative;}
.top-filters .top-filter .title::after {content:url('/upload/rs_icons/bottom.svg'); margin-left: .5rem;}
.top-filters .top-filter.active .title::before {content:url('/upload/rs_icons/active.svg'); top:100%; left:50%; transform: translateX(-50%); position: absolute;}
.top-filters .top-filter .desc {display: none; position: absolute; top:100%; left:10%; right:10%; z-index: 100; border:1px solid var(--primary); border-radius: 1.5rem 1.5rem 0 0; padding: 1rem; background: #fff; margin-top: 18px; overflow: auto;}
.top-filters .top-filter.active .desc {display: block; white-space: nowrap;}
.top-filters .top-filter .desc .col-12,
.top-filters .top-filter .desc .col-12 .bx-filter-param-btn-block {display: flex; gap:1rem;}
.top-filters .top-filter .desc .col-12 > * {margin:0;}
.top-filters .top-filter .bx-filter-parameters-box-container {margin:0; padding: 0;}
.top-filters .bx-ui-slider-track-container {display: none;}


.top-filters .desc::-webkit-scrollbar {width: .3rem; height: .3rem; cursor:pointer;}
.top-filters .desc::-webkit-scrollbar-track {background: #b1a2c3; border-radius: .3rem;}
.top-filters .desc::-webkit-scrollbar-thumb {border-radius: .3rem; background: var(--primary);}

.modal-body {max-height:100%; overflow: auto;}
#show-shops .small {font-size: 14px;}

div.product-item-detail-info-container {display: flex; gap:1rem; justify-content: space-between; border-bottom: 1px dotted #ddd; align-items: end;}
div.product-item-detail-info-container > * {border-bottom: 1px solid #fff; margin-bottom: -1px;}
.product-item-scu-item-color-container {min-width: 2rem;}

.bx-filter-parameters-box-hint {display: flex; width:100%; justify-content: space-between;}
.bx-filter {min-width: auto; margin: 0;}
.bx-filter .bx-filter-section, .bx-filter-parameters-box-container {padding: 0;}
.bx-filter-parameters-box-container {display: flex;}

main ul.section-list {margin: 0; padding: 0; max-height: 100vh; overflow: auto; z-index: 1;}
main ul.section-list::-webkit-scrollbar {width: .3rem; cursor:pointer;}
main ul.section-list::-webkit-scrollbar-track {background: #ddd; border-radius: .3rem;}
main ul.section-list::-webkit-scrollbar-thumb {border-radius: .3rem; background: var(--primary);}

main ul.section-list li {display: block;}
main ul.section-list li a {display: block; padding: .3rem 0; color:var(--black); font-weight: 300; }
main ul.section-list li .form-check-label {font-weight: 300;}
main ul.section-list li a:hover {color:var(--primary); padding-left: .5rem;}
main ul.section-list li.active {border-radius: .4rem;}
main ul.section-list li.active > a {color:white; padding-left: .5rem; border-radius: .4rem; background: var(--primary);}
/* main ul.section-list>li.active:not(:has(li.active)):has(ul)>a:before, */
main ul.section-list>li.active li.active a:before {content:'✓';margin-left: -15px; position: absolute;}
main ul.section-list li.selected ul {display: none; margin-left: 8px; padding-left: 0;}
main ul.section-list li.selected.active ul {display: block;}

@media screen and (max-width: 991px) {
    .filter.sticky-top {top: 46px;}
}
.filter {z-index: 100; background: rgba(255,255,255,.7); backdrop-filter: blur(6.5px); border-radius:1rem; padding-bottom: 1rem; opacity: 0; animation: fadeIn 0.3s ease forwards; animation-delay: 0.3s;}
@keyframes fadeIn {
    to { opacity: 1; }
}
.filter .item {position: relative;}
.filter .item .window {display: none; position: absolute; top:100%; right:0; background: #fefefe; box-shadow: 0 0 10.4px 0 rgba(0, 40, 89, 0.25); border-radius: 1rem;  min-width: 300px; padding: 1rem 0; z-index: 1200; }
@media screen and (max-width: 769px) {
    .filter .item {position: unset;}
}
.filter > div >.item:hover > .window,
.filter .item:not(.item-more) button:focus + .window {display: block;}




.filter .item.active > .window {display: block;}

.filter .item .window .values {max-height: 30vh; overflow: auto;}
.filter .item .window .values .form-check {position: relative; padding: 0;}
.filter .item .window .values .form-check label {padding: .5rem 2rem .5rem 1rem; cursor: pointer; display: block; border-bottom: 1px solid #eeecef}
.filter .item .window .values .form-check label:hover {background: #eeecef;}
.filter .item .window .values .form-check .form-check-input {float: none; margin: 0; right:.5rem; top:50%; position: absolute; transform: translateY(-50%);}

.filter .item .window .item {width:100%; margin-top: 1rem; text-align: center;}
.filter .item .window .item:nth-child(1) {margin-top: 0;}
.filter .item .window .window {position: relative; margin:1rem;}
.filter .item .window .item button {padding-left: 1rem; padding-right: 1rem; margin: 0 auto;}
.filter .item .window .values::-webkit-scrollbar {width: .3rem; cursor:pointer;}
.filter .item .window .values::-webkit-scrollbar-track {background: #ddd; border-radius: .3rem;}
.filter .item .window .values::-webkit-scrollbar-thumb {border-radius: .3rem; background: var(--primary);}

.filter .item .window ul.result {overflow:hidden auto; width: fit-content; max-width: 100%;}
.filter.sticky-top {top:-100px; transition: .8s;}
.filter.sticky-top.sticky {top: 0;}

@media screen and (max-width: 767px) {
    .filter.sticky-top.sticky {top: 46px;}
    .filter .item .window {display: none !important;}
    .filter .item .window ul.result {left: auto; }
    .filter {overflow: auto;}
    .filter .d-flex {
        display: flex;
        width: 470px;
    }
    .d-flex .item {
        flex: 0 0 auto;
    }
}

.filter .d-flex .item {order:3;}
.filter .d-flex .item:nth-child(1),
.filter .d-flex .item:nth-child(2) {order:1;}
.filter .d-flex .item.sort {order:2;}

.product-item-detail-slider-controls-image[data-type="VIDEO"]::before {content:''; position: absolute; top:0; left:0; right:0; bottom: 0; background: rgba(0,0,0,.3); z-index: 5}
.product-item-detail-slider-controls-image[data-type="VIDEO"]::after {content:url('/upload/rs_icons/play.svg'); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 6}

.nowrap {white-space: nowrap;}
.fa-spinner::before {content:url('/upload/rs_icons/spinner-solid-full.svg'); width:3rem;}
.fa-spin::before {animation-name: rotation; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; display: block; transform-origin: center; margin: 0 auto;}
@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

.product-item-price-old {position: relative;}
.product-item-price-old::before {content:''; position: absolute; top:50%; left:0; right:0; height:2px; background: #f00; color:#333;}

.basket-item-image {object-fit: contain;border-radius: 1rem;}
.basket-item-block-image a {display: block; height: 100%; width: 100%;}
.basket-item-block-image {max-height: 140px;}
/*
.basket-items-list-header-filter {display: none;}
.basket-items-list-header {display: none;}

.basket-coupon-section {display: none;}
.basket-checkout-block.basket-checkout-block-btn {display: none;}
.basket-checkout-block.basket-checkout-block-total {display: none;}

 */
[data-entity="price-block"] {display: flex; justify-content: start; align-items: end; gap:1rem;}

.cart-popup { width:100%; margin:0 auto; padding:0 15px; }
@media (min-width:576px) { .cart-popup { max-width:540px; } }
@media (min-width:768px) { .cart-popup { max-width:720px; } }
@media screen and (max-width: 370px) { 
    .bx-soa-more .bx-soa-more-btn { text-align: center; }
    .pull-left { float: unset !important; } 
    .pull-right { float: unset !important; margin-top: 0.5rem; } 
}

.cart-popup .cart-header, .cart-popup .cart-item {display:grid; grid-template-columns:55% 15% 15% 15%; align-items:center; padding:20px 0; border-bottom:1px solid #d6dbe6; }
.cart-popup .cart-header > div {overflow: hidden; text-overflow: ellipsis; padding-right: 5px;}
.cart-popup .cart-header > div:not(:nth-child(1)) {text-align: right;}
.cart-popup .cart-qty { text-align:center; }

.cart-popup .cart-name { display:flex; align-items:center; gap:5px}
.cart-popup .cart-name img { width:80px; border-radius:10px; }
@media screen and (max-width: 767px) {
    .cart-popup .cart-name { display:block;}
}


.cart-popup .cart-total { display:flex; justify-content:space-between; padding:20px 0; }
.product-item-detail-slider-container.popup .product-item-detail-slider-image {top:5%; transform: translateX(-50%);}

.bx-soa-pp-company-desc {position: relative;}
#dadata_list {position: absolute; min-width: 100%; right:0; background: rgba(255,255,255,.75)}
#dadata_list > div {padding: .5rem; cursor: pointer;}
#dadata_list > div:hover {background: #ddd;}
.cart-price {text-align: right;}
.cart-qty {text-align: right;}

.popup-window-with-titlebar .popup-window-content {padding: 0;}
.popup-window-buttons {display: flex; gap:1rem; flex-wrap:wrap; justify-content: center;}

#SDEK_delivInfo_PVZ {display: none !important;}

.basket-items-list-item-descriptions-inner {gap:1rem;}
.basket-item-image {margin: 0 !important;}
.bx-soa-cart-total-line {font-size: 14px;}

.pagination {display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.pagination a {display:block; padding: .5rem; border-radius: 50%; border:1px solid var(--primary); width: 2.5rem; text-align: center;}
.product-item-price-container {font-size: 1.25rem; font-weight: 600;}

.clear-text { max-width: 100%; }