

/* Start:/bitrix/templates/tsv_corp/components/bitrix/news.list/catalog-list/style.css?17351098977451*/
.filter-tags {
    margin: 20px 0 40px;
    position: relative;
}
.filter-tags.owl-carousel {
    display: block;
    visibility: visible;
    height: auto;
}
.filter-tags__item, .filter-tags__item:focus, .filter-tags__item:visited {
    margin: 0 5px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    padding: 5px 13px;
    background-color: #e9f2f8;
    border-radius: 20px;
    color: #005aa6;
    white-space: nowrap;
    transition: background-color .2s, color .2s;
}
.filter-tags__item:hover, .filter-tags__item.active {
    background-color: #005aa6;
    color: #ffffff;
    text-decoration: none;
}
.filter-tags .owl-nav button:before {
    border-color: #b2b2b2;
    border-width: 1px;
    width: 9px;
    height: 15px;
}
.filter-tags.owl-loaded:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 40px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.filter-tags.owl-loaded:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;
}
.filter-tags.owl-loaded {
    padding: 0 15px;
}
.filter-tags .owl-nav {
    z-index: 2;
    position: relative;
    margin: 0 -15px 0;
    width: calc(100% + 30px);
}
.filter-tags .owl-nav button {
    top: calc(50% - 46px);
}

.catalog-top{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sort{
    position: relative;
    margin-right: 21px;
    flex-shrink: 0;
}

.sort__dropdown{
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #F3F4F5;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.17);
    top: calc(100% + 16px);
    left: 0;
    right: 0;
    z-index: 100;
    display: none;
    padding: 24px;
    border-radius: 5px;
}

.sort__dropdown span{
    font-size: 14px;
    line-height: 16px;
    color: #6C6F72;
    align-self: flex-start;
    display: block;
    margin-bottom: 16px;
    cursor: pointer;
    transition: color .2s ease;
}

.sort__dropdown span:last-child{
    margin-bottom: 0;
}

.sort__dropdown span:hover{
    color: #333333;
}

.sort__button{
    border: 1px solid #E41820;
    box-sizing: border-box;
    border-radius: 25px;
    display: block;
    text-align: center;
    background-color: transparent;
    font-size: 14px;
    line-height: calc(16/14);
    color: #333333;
    padding: 10px 40px 10px 50px;
    cursor: pointer;
    position: relative;
}

.sort__button::before{
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABTSURBVHgB7dG7EQAhCEVRdivRGui/BGrQTtDQH6OjhO8kDAzZJQJ49bULM6c6wvCTRSTSpb9dVHV6WN3A1Ulky1H8bWQL4rt5iWzp4l9HtiA++CtgISD4y9kW1gAAAABJRU5ErkJggg==');
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.sort__button::after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABkSURBVHgBdY7BDcAgCEWRruEQvTiIkzpDz16cwnQHo5R/MCGk/gPkfx6BkFK6SVVrbfSjPWeUtVbZgYfmnGWMQVfv/Y0xPoDR4S2keW6qYLcBM3OGtxB88KcAiwhZiE7PQz7/ADqvR0ymANxjAAAAAElFTkSuQmCC');
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.sort__button.active{
    background: #E41820;
    color: #fff;
}

.sort__button.active::before{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA3SURBVHgB7dHBCQAgDATBw/57TClnARKI6COBnRZGAr6yHT6FHiyhlSQ5U8onuZnL5FI+yRhgA/YLjrfxrCwJAAAAAElFTkSuQmCC');
}

.sort__button.active::after{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA5SURBVHgBhY4BCgAwCALzR/7/FfvBnuIIGozAJUhRJxjRJInp+KmgXeYE8d0tZG823X64AIDlKuU8BatY3yZ75nMAAAAASUVORK5CYII=')
}

.sort__button.active ~ .sort__dropdown{
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 588px) {
    .sort span:first-child {
        display: block;
    }
    .sort span {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 992px){
    .catalog-view{display:inline-grid;grid-template-columns:20px 20px;grid-template-rows:20px;grid-column-gap:10px;}
}

@media screen and (max-width: 1023px) {
    .catalog-view{order: 1;}
}

@media screen and (min-width: 768px){
    .catalog-view__item{color:#c9c9c9;transition:color .2s;}
    .catalog-view__item svg{max-width:100%;max-height:100%; width: 24px; height: 24px; stroke:#6C6F72;}
    .catalog-view__item.active svg{stroke:#E41820 !important;cursor:pointer;}
    .catalog-view__item:hover svg{stroke:#E41820 !important;cursor:pointer;}

    .catalog.active .items.row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;margin-left:0;margin-right:0;}
    .catalog.active .items.row:before,.catalog.active .items.row:after{display:none;}
    .catalog.active .row.items > div{padding:0;margin:0;}
    .catalog.active .productCard{height:100%;margin:0;padding:25px;display:flex;flex-wrap:wrap;flex-direction:column;}
    .catalog.active .productCard__preview{width:100%;padding:0;}
    .catalog.active .productCard__description{width:calc(100% + 14px);}
    .catalog.active .productCard__description_top{order:-1;}
    /*.catalog.active .productCard__wrapBtns{justify-content:space-between;}*/
    /*.catalog.active .productCard__delivery{display:none;}*/
    /* .catalog.active .productCard__delivery,.catalog.active .productCard__lising,.catalog.active .productCard__price{width:100%;} */
    .catalog.active .productCard__lising{margin-bottom:10px;}
    .catalog.active .productCard__name{margin-bottom:10px;}
    .catalog.active .productCard__linkPreview{display:flex;align-items:center;text-align:center;justify-content:center;}
    .catalog.active .dynamicTable_catalog{margin:0 -15px;}
    .catalog.active .dynamicTable_catalog .table{width:60%;}
    .catalog.active .dynamicTable_catalog .table_control{width:40%;}
    .catalog.active .dynamicTable_catalog .table__button_prev{right:40%;}
}

@media screen and (max-width: 1199px){
    .catalog.active .items.row{grid-template-columns:1fr 1fr}
    .sort {
        margin-right: 10px;
    }
}

@media screen and (max-width: 991px){
    .catalog-view{display:none;}
}

/* End */
/* /bitrix/templates/tsv_corp/components/bitrix/news.list/catalog-list/style.css?17351098977451 */
