@font-face {
    font-family: "manrope";
    src: url("https://vsem.company/bitrix/templates/democontent2.board/app/fonts/Manrope/Manrope.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
.option-catalog-block {    padding: 0px 12px 0px 0px;}
.icons-blk p {padding-left: 0px;}
.product-item .slider-item a {text-decoration: none;} 
.cat-cards a {text-decoration: none;}
.news-cards .date{padding: 0px 15px 15px 15px;}
.news-cards .name {padding: 0px 15px;}
.news-cards .name a{    text-decoration: none;
    margin-top: 10px;
    display: block;}
.news-cards img {border-top-left-radius: 15px;
    border-top-right-radius: 15px;}
.news-cards{box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    border-radius: 15px;}
a.nav-link {    
    font-size: 14px;
    color: #262626;
}
a {    
    color: #262626;
}
header ul.nav {
    list-style: none;
    margin-bottom: 0;
    gap: 0px;}
header .icon-box {    display: flex;}
.nav.footernav li{
    margin-right: 15px;
}
.breadcrumbs ul{
    display: flex;
    list-style: none;
    padding-left: 0px;
    padding-top: 20px;
}
.breadcrumbs ul a{
    font-size: 12px;
    color: #000000b0;
    text-decoration: none;
}
.breadcrumbs ul img{
    font-size: 20px;
    height: 20px;
}
#catalog-new {
    margin-bottom: 60px;
}
body {
    color: #101010;
}
header {
    padding: 25px 0px;
}
.form-control.rounded {
    background: #f8f9fa;
    border: none;
    font-size: 11px;
    height: 40px;
}
.logo-flex {
    display: flex;
    align-items: center;
}
.shop-desc {
    margin-left: 15px;
}
.desk-shops p a{
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.desk-shops p {
    margin-bottom: 5px;

}
.name-shop{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 0px;
}
#catalog-card-item {
    margin: 100px 0px;
}
.button-postavka{    background: #2BBC65;
    border-radius: 16px;
    width: 220px;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
}


.price span {text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 0px;}

.button-block-catalog {
    display: flex;
    align-items: center;
    margin:20px 0px;
}
.button-block-catalog .icons-blk{
    margin-right: 30px;
}
.button-block-catalog .icons-blk p{
    margin: 0px;
}
#banners-shop .row{
    background: #FFFFFF;
    box-shadow: -2px -2px 30px rgba(0, 0, 0, 0.03), 2px 2px 30px rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    padding: 20px 15px;
}
.banner-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slider-for{
    margin-bottom: 15px;
}
#banners{
    margin-bottom: 60px;
}
#banners img{
    width: 100%;
}
#catalog-sale {
    margin: 50px 0px;
}
.control_btns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
}
.flex_rnwc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.arrow_right {
    cursor: pointer;
}
.control_btns img {
    padding: 0 4px !important;
}
.arrow_right {
    cursor: pointer;
}
.option-catalog-block .price-flex .price{
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 0px;
}
.option-catalog-block{
    display: flex;
    justify-content: space-between;
}
.option-catalog-block .icons-blk img{
    width: 44px !important;
    height: 44px;
}
.cat-cards.noslider{
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.status.active {color: #2BBC65;}
.slider-item{background: #FFFFFF;    display: block!important;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    border-radius: 20px;}
#catalog .cat-card{
    padding: 20px 0;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    border-radius: 20px;
    margin-bottom: 20px;
    text-align: center;
}
#catalog .cat-card-title{
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px 0px;
}
#catalog .cat-card-desc{
    font-size: 12px;
}
.filter {    display: flex;    margin-bottom: 20px;}
.filter .filt {    margin-right: 25px;
}
.filter img{
    height: 24px;
    width: 24px!important;
}
#catalog{
    margin-bottom: 50px;
}
#main-slider img,#main-adv img,#main-adv img,#catalog-new img,#catalog-sale img,#catalog-popular img,
#catalog-brends img,#catalog-newslist img{
    width: 100%;
}
#catalog-newslist .news-cards {
    border-radius: 20px 20px 0px 0px;
}
#main-slider .col-md-7{margin-top: 10%;
    margin-left: 50px;}
#main-slider h1 span {color: #2BBC65;}
#main-slider h1 {text-transform: uppercase;
    font-weight: 600;
    font-size: 48px;}
#main-slider .container{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://vsem.company/bitrix/templates/democontent2.board/app/images/slider-fon.png);
    height: 560px;
}
#main-slider .container-lg{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://vsem.company/bitrix/templates/democontent2.board/app/images/slider-fon.png);
    height: 560px;
}

.zag-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.catalog-main .cat-cards p {
    padding-left: 15px;
    padding-top: 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.zag-block p  {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.zag-block a {text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;}
.zag-block a img{
    height: 28px;
    width: 28px!important;
}
.button-block {
    margin-top: 80px;
}
header .icon-box a{
    margin-right: 10px;
}
#main-adv .col-md-6{
    margin-bottom: 30px;
}
.zag-p {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 6px;
    margin-top: 10px;
}
.text-p{
    font-size: 13px;
}
#main-adv{
    margin: 50px 0px;
}
.button-block p a {
    text-decoration: none;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    padding-left: 45px;
    padding-top: 0px;
    display: block;
    color: #2BBC65;
}
.big-p {    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding-left: 45px;
    padding-top: 24px;}
#main-slider .postavshik {
    background-size: cover;
    background-image: url(https://vsem.company/bitrix/templates/democontent2.board/app/images/postavshik.png);
    width: 315px;
    padding: 0px;
    background-position: left;
    margin-left: -25px;
}
#main-slider .pokupatel {
    width: 315px;
    padding: 0px;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://vsem.company/bitrix/templates/democontent2.board/app/images/client.png);
}
.slick-slide {padding: 0 10px;}
.slider-new{margin: 0 -10px;}
.cat-cards {
    padding: 0px 0px 12px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    margin-bottom: 20px;
}
.cat-cards .imgcard{    
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.cat-cards p{padding-left: 12px;}
.sale-block {
    background-size: cover;
    background-image: url(https://vsem.company/bitrix/templates/democontent2.board/app/images/bags-banner.png);
    height: 215px;
}
.cat-cards .name {
    margin: 7px 0px 10px 0px;
}
.sale-block a{
    background: #2BBC65;
    padding: 7px 10px;
    text-decoration: none;
    border-radius: 10px;
    color: #ffff;
}
.sale-block .zag {
    font-weight: 600;
    margin-bottom: 7px;
}
.sale-block .text {
    font-size: 13px;
}
.sale-block .zag span{
    color: #2BBC65;
}
.sale-block .bat{
    margin-top: 35px;
}
.blocs-sale {
    padding-top: 60px;
    padding-left: 40px;
}
#catalog-brends {
    margin: 50px 0px;
}
#catalog-newslist {
    margin: 50px 0px;
}
#catalog-newslist .news-element{
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    border-radius: 16px;
    padding: 7px 10px;
}
.slick-initialized .slick-slide {
    padding: 15px 10px 30px 10px;
}
#catalog-brends .brend-cards{
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    border-radius: 16px;
    padding: 7px 10px;
}
.cat-cards img {    width: 100%;}
#catalog-brends .company_name-block {
    margin: 0px;
    font-weight: 600;
    font-size: 13px;
    margin-top: 10px;
}
#catalog-brends .company_teg-block {
    font-size: 13px;
    margin: 0px;
    color: #919196;
}
.nav.footernav a{
    color: #fff;
}
.catalog-main .cat-cards{
    background-position: bottom;
    height: 250px;
    padding: 0px;
}
footer {
    background: #101010;
    height: 120px;
    padding-top: 40px;
    text-align: center;
}
footer .row{
    align-items: center;
}
@media (max-width: 864px) {
#main-slider .col-md-7 {
    margin-top: 10%;
    margin-left: 30px;
}
#main-slider h1 {
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 34px;
    text-align: center;
    text-wrap: balance;
}
#main-slider .postavshik {
    margin-left: 0px;
}
#main-adv {
    text-align: center;
}
#main-adv .imgadv{
    height: 200px;
}
#catalog-brends .img-block img{
    height: 70px;
}
footer {
    height: auto;
}
header .row .col-md-2.col-sm-6{
    width: 50%;
}
header .row .col-md-1.col-sm-6{
    width: 50%;
}
header .row .col-md-1.col-sm-6 .icon-box {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: end;
}
.catalog-main .col-md-6 {
    width: 50%;

}
#main-slider .col-md-7 {
    margin-left: 0px;
}
#main-slider .col-md-7 p b{
    display: block;
    font-size: 20px;
}
#main-slider .col-md-7 p{
    text-align: center;
    font-size: 18px;

}
.nav.footernav {
    justify-content: center;
    margin: 20px 0px;
}
.nav.socseti {
    justify-content: center;
    margin-bottom: 15px;
}
header {
    box-shadow: -2px -2px 30px rgba(0, 0, 0, 0.03), 2px 2px 30px rgba(0, 0, 0, 0.03);
}
.banner-flex {
    flex-wrap: wrap;
}
#banners-shop .logo-flex {width: 100%;}
#banners-shop .desk-shops {width: 100%;}

}