/* Start:/local/templates/helicon-corp/components/bitrix/catalog.section/develop-business/style.css?171159853618225*/
/*Меню раздела*/
.section-menu{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow-x: auto;
}
.section-menu::-webkit-scrollbar {
    height: 5px;
}
.section-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.section-menu::-webkit-scrollbar-thumb {
    background: #adaaaa;
    border-radius: 4px;
}
.section-menu__item{
    margin-right: 22px !important;
    white-space: nowrap;
}
.section-menu__item:last-child{
    margin-right: 0;
}
.section-menu__item:hover{
    color: var(--orange-color);
}
.section-menu__item--current{
    color: var(--orange-color);
    border-color: var(--orange-color);
}

.section-menu--md .section-menu__item:not(:last-child){
    margin-right: 27px;
}

@media screen and (max-width: 1024px){
    .section-menu__item{
        margin-right: 20px;
    }
    .section-menu--desktop{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .section-menu{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/*Выпадающий список*/
.dropdown{
    width: fit-content;
    position: relative;
}
.dropdown__btn{
    background-color: #F6F6F6;
    padding: 15px 76px 15px 25px;
    color: var(--dark-blue-color);
    border: none;
    border-radius: 32px;
    position: relative;
    transition: .3s;
    text-align: left;
}
.dropdown__btn::before{
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY2NjYzIDEuMzMzMjVMNC45OTk5NiA0LjY2NjU5TDguMzMzMjkgMS4zMzMyNSIgc3Ryb2tlPSIjMDQxMjI5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
.dropdown__btn:hover{
    background-color: #DADDE7;
}
.dropdown__wrap{
    background-color: #F6F6F6;
    border-radius: 12px;
    width: 100%;
    position: absolute;
    top: 100%;
    margin-top: 8px;
    z-index: 10;
    display: none;
    overflow: hidden;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.dropdown__wrap-inner{
    position: relative;
    max-height: 130px;
    overflow-y: auto;
}
.dropdown__wrap-inner::-webkit-scrollbar{
    width: 5px;
    background-color: transparent;
}
.dropdown__wrap-inner::-webkit-scrollbar-thumb{
    background: rgba(4, 18, 41, .3);
}

.dropdown__wrap.show{
    display: block;
}
.dropdown__item input{
    display: none;
}
.dropdown__item label, .dropdown__link{
    font-size: 15px;
    line-height: 140%;
    padding: 8px 25px;
    transition: .3s;
    cursor: pointer;
    display: block;
}
.dropdown__item.disable label, .dropdown__item input:checked~label, .dropdown__link--current{
    color: #A8A9AD;
    pointer-events: none;
}
.dropdown__item:not(.disable):hover label, .dropdown__link:not(.dropdown__link--current):hover{
    background-color: #DADDE7;
}
.dropdown__item:hover input:checked~label{
    background-color: transparent;
}

@media screen and (max-width:1024px) {
    .main-filter__item .dropdown{
        width: 100%;
    }
    .main-filter__item .dropdown__btn{
        background: none;
        padding: 0 25px 0 0;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
    }
    .main-filter__item .dropdown__btn::before{
        right: 10px;
        transition: .3s;
    }
    .main-filter__item .dropdown__btn[aria-expanded="true"]::before{
        transform: scale(-1) translateY(50%);
    }
    .main-filter__item span[data-role="currentVal"]{
        display: none;
    }
    .main-filter__item .dropdown__wrap{
        position: relative;
        padding: 0;
        background: none;
        border-radius: 0;
        margin-top: 20px;
    }
    .main-filter__item .dropdown__wrap-inner{
        max-height: none;
    }
    .main-filter__item .dropdown__item{
        margin-bottom: 16px;
    }
    .main-filter__item .dropdown__item label{
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 0 0 0 25px;
        margin-right: 0;
        font-size: 14px;
        line-height: 18px;
        user-select: none;
    }
    .main-filter__item .dropdown__item label::after, .main-filter__item .dropdown__item label::before{
        content: "";
        display: inline-block;
        position: absolute;
        border-radius: 50%;
    }
    .main-filter__item .dropdown__item label::after {
        width: 10px;
        height: 10px;
        left: 3px;
        bottom: 4px;
    }
    .main-filter__item .dropdown__item label::before {
        width: 16px;
        height: 16px;
        left: 0;
        bottom: 1px;
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
    }
    .main-filter__item .dropdown__item input[type=radio]:checked + label::before, .main-filter__item .dropdown__item label:hover::before {
        border-color: var(--orange-color);
    }
    .main-filter__item .dropdown__item input[type=radio]:checked + label::after {
        background-color: var(--orange-color);
    }
    .main-filter__item .dropdown__item input:checked~label{
        color: var(--dark-blue-color);
    }
}

@media screen and (max-width:425px) {
    .dropdown__wrap-inner{
        max-height: none;
    }
}

@media screen and (min-width:1025px) {
    .dropdown--mobile{
        display: none;
    }
}

.dropdown--section{
    width: 50%;
    margin-bottom: 24px;
    margin-top: 8px;
}
.dropdown--section .dropdown__btn{
    width: 100%;
}
.dropdown--section .dropdown__wrap-inner{
    max-height: 200px;
}
@media screen and (max-width:768px){
    .dropdown--section{
        width: 100%;
    }
    .dropdown--section .dropdown__wrap-inner{
        max-height: 350px;
    }
}

.sub-list{
    padding-left: 25px;
}
.sub-list__link{
    font-size: 12px;
    line-height: normal;
}


/*Heroblock*/
.heroblock{
    padding-top: 97px;
    padding-bottom: 97px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #E3EEF3;
}
.heroblock__descr{
    margin-top: 24px;
}

@media screen and (max-width:576px) {
    .heroblock__content .button{
        width: 100%;
    }
    .heroblock__content h1 br, .heroblock__content h2 br, .heroblock__content p br, .heroblock__content .text-large br{
        display: none;
    }
}


/*информация о работе компании*/
.company-info__title{
    margin-bottom: 40px;
}
.company-info__list{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 24px;
}

.company-info__item{
    width: calc(25% - 12px);
    min-width: 200px;
}

.company-info__img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 156px;
    min-width: 100px;
    height: 156px;
    border-radius: 50%;
    background: #F1FDFF;
    box-shadow: 3px 1px 3px #F2F9FA, 6px 6px 7px #FFFFFF, 9px 8px 7px #F2F9FA, inset -2px -8px 13px #FFFFFF, inset 0px 4px 10px #C9F8FF;
    transition: all linear .15s;
}

.company-info__img:hover {
    background: rgba(244, 119, 53, 0.1);
    box-shadow: 3px 1px 3px #F2F9FA, 6px 6px 7px #FFFFFF, 9px 8px 7px #F2F9FA, inset -2px -8px 13px #FFFFFF, inset 0px 4px 10px rgba(244, 119, 53, 0.1);
    transition: all linear .15s;
}
.company-info__img:hover path {
    stroke: var(--orange-color);
    transition: all linear .15s;
}
.company-info__content{
    margin-top: 40px;
}
.company-info__name{
    margin-bottom: 16px;
}
.company-info__text{
    padding-right: 10px;
}
.company-info__btn{
    margin-top: 40px;
}

@media screen and (max-width:768px) {
    .company-info__list {
        gap: 0px;
    }
    .company-info__item {
        width: calc(50% - 12px);
        margin-bottom: 24px;
        text-align: center;
    }
    .company-info__img{
        height: 120px;
        width: 120px;
        margin-inline: auto;
    }
}
@media screen and (max-width:500px) {
    .company-info__item {
        width: 100%;
        display: flex;
        text-align: left;
    }
    .company-info__item--align{
        align-items: center;
    }
    .company-info__img{
        height: 100px;
        width: 100px;
        margin: 0;
    }
    .company-info__img svg{
        height: 30px;
    }
    .company-info__content {
        margin-top: 0;
        margin-left: 24px;
    }
    .company-info__name{
        margin-bottom: 8px;
    }
    .company-info__btn {
        margin-top: 20px;
    }
}
@media screen and (min-width: 1280px) {
    .company-info__list--middle .company-info__item {
        width: calc(19% - 12px);
    }

    .company-info__list--middle .company-info__img {
        height: 120px;
        width: 120px;
    }

    .company-info__list--middle .company-info__content {
        font-size: 14px;
        margin-top: 24px;
    }
}

/*Направления*/
.directions-list__item:not(:last-child){
    margin-bottom: 120px;
}
.direction-card{
    display: flex;
    gap: 24px;
    height: fit-content;
}
.direction-card__content, .direction-card__img{
    width: 100%;
}
.direction-card__img{
    max-width: 50%;
    object-fit: cover;
}
.direction-card__title{
    margin-bottom: 16px;
}

.direction-card__link{
    margin-top: 40px;
}
@media screen and (min-width:1024px) {
    .direction-card__text{
        width: 80%;
    }
}
@media screen and (min-width:601px){
    .direction-card__img{
        max-height: 500px;
    }
}
@media screen and (max-width:768px) {
    .direction-card__img{
        max-width: 40%;
    }
    .directions-list__item:not(:last-child){
        margin-bottom: 60px;
    }
}
@media screen and (max-width:600px) {
    .direction-card{
        flex-direction: column;
    }
    .direction-card__img{
        max-width: unset;
        height: 250px;
    }
    .direction-card__link:not(.button){
        display: none;
    }
    .direction-card__title br{
        display: none;
    }
}
.direction-card__links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

/*Карточки со страницами*/
.other-pages__item{
    background: rgba(240, 241, 245, 0.8);
    padding: 32px 40px 40px;
    height: 100%;
}
.other-pages__title{
    margin-bottom: 16px;
}
.other-pages__link{
    margin-top: 40px;
}

@media screen and (max-width:1024px) and (min-width:769px) {
    .other-pages__title{
        font-size: 33px;
    }
}

@media screen and (max-width: 768px){
    .other-pages__col:not(:last-child){
        margin-bottom: 24px;
    }
}

@media screen and (max-width:425px) {
    .other-pages__link:not(.button){
        display: none;
    }
}

/*блок с вопросом*/
.question-section__content{
    text-align: center;
}
.question-section__title{
    margin-bottom: 16px;
}
.question-section__link{
    margin: 40px auto 0 auto;
}
.question-section__text{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .question-section__text{
        width: 70%;
    }
}
@media screen and (max-width: 425px) {
    .question-section__text{
        width: 100%;
    }
}


/*Ссылки*/
.links-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow-x: auto;
}

.links-section::-webkit-scrollbar {
    height: 5px;
}

.links-section::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.links-section::-webkit-scrollbar-thumb {
    background: #adaaaa;
    border-radius: 4px;
}

.links-section__row {
    display: flex;
    gap: 16px;
}

.links-section__row:not(:last-child) {
    margin-bottom: 16px;
}

.links-section__item {
    white-space: nowrap;
    min-width: fit-content;
}

.links-section__item:not(.links-section__item--all) {
    color: var(--dark-blue-color);
    border-color: var(--dark-blue-color);
}

.links-section__item--all {
    color: var(--orange-color);
    pointer-events: none;
}

.links-section__item:hover {
    color: #fff;
    border-color: var(--light-orange-color);
}

/*Карточка сотрудника*/
.managment-slider__wrapper,
.managment-slider__item {
    height: fit-content;
}

.managment-card {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-direction: column;
}

.managment-card--left {
    align-items: flex-start;
}

.managment-card__img {
    width: 360px;
    height: 308px;
    object-fit: cover;
    max-width: 100%;
}

.managment-card__body {
    text-align: center;
}

.managment-card--left .managment-card__body {
    text-align: left;
}

.managment-card__title {
    margin-bottom: 8px;
}

.managment-card__title::selection {
    background: none !important;
}

.managment-card__title::-moz-selection {
    background: none !important;
}

.managment-card__text {
    margin-top: 24px;
}

.managment-card--horizontal:not(:last-child) {
    margin-bottom: 24px;
}

.managment-card--slide .managment-card__img {
    width: 100%;
    height: 360px;
}

@media screen and (min-width: 1024px) {
    .managment-card__text {
        width: 90%;
    }
}

@media screen and (max-width: 768px) {
    .managment-card--horizontal .managment-card__img {
        width: 250px;
        height: 200px;
    }
}

@media screen and (max-width: 660px) {
    .managment-card__img {
        object-fit: contain;
    }
}

@media screen and (min-width: 560px) {
    .managment-card--horizontal {
        text-align: left;
        flex-direction: row;
    }

    .managment-card--horizontal .managment-card__body {
        text-align: left;
    }
}

@media screen and (max-width: 425px) {
    .managment-card--horizontal .managment-card__img {
        width: 100%;
        height: auto;
    }

    .managment-slider .slider-head__nav {
        display: none;
    }
}

/*Правила посещения*/
.numeric-list__item {
    margin-bottom: 40px;
}
.numeric-list__title span {
    font-weight: 500;
    font-size: 19px;
    color: var(--blue-color);
    margin-right: 16px;
}

@media screen and (min-width:1025px) {
    .numeric-list{
        width: 85%;
    }
}
@media screen and (max-width:1024px) {
    .numeric-list__item {
        margin-bottom: 24px;
    }
}

@media screen and (min-width:700px) {
    .rules-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px;
        align-items: center;
    }

    .rules-grid__item:first-child { grid-area: 1 / 1 / 2 / 2; }
    .rules-grid__item:nth-child(2) { grid-area: 2 / 1 / 6 / 2; }
    .rules-grid__item:nth-child(3) { grid-area: 1 / 2 / 6 / 3; }
}

@media screen and (min-width:700px) and (max-width:1024px) {
    .rules-grid__item:first-child { grid-area: 1 / 1 / 2 / 3; }
    .rules-grid__item:nth-child(2) { grid-area: 2 / 1 / 5 / 2; }
    .rules-grid__item:nth-child(3) { grid-area: 2 / 2 / 5 / 3; }
}

.w-100{
    width: 100%;
}

/*Товары*/
.product-card{
    display: block;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #DADDE7;
    transition: .3s;
    height: 100%;
}
.product-card:hover{
    border-color: var(--orange-color);
}
.product-card__img{
    position: relative;
    padding-bottom: 100%;
}
.product-card__img img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.product-card__labels{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    gap: 8px;
}
.product-card__label{
    font-weight: 400;
    font-size: 14px;
    background-color: #fff;
    color: var(--orange-color);
    padding: 6px 8px;
    border: 1px solid #DADDE7;
}
.product-card__content{
    margin-top: 24px;
}
.product-card__title{
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
}
.product-card__link{
    margin-top: 24px;
}

.swiper-slide{
    height: unset !important;
}

@media screen and (min-width:641px) {
    .sales-slider .swiper-pagination--general{
        display: none;
    }
}
@media screen and (max-width:640px) {
    .sales-slider .slider-head__nav{
        display: none;
    }
}


/*Новости*/
.news-card {
    display: block;
}

.news-card:hover .news-card__title {
    color: var(--orange-color);
}

.news-card:hover .news-card__subtitle {
    color: var(--orange-color);
}

.news-card__img {
    margin-bottom: 24px;
    text-align: center;
    position: relative;
}

.news-card__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.news-card__labels {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    gap: 8px;
}

.news-card__labels-item {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    background-color: #fff;
    color: var(--orange-color);
    padding: 6px 8px;
}

.news-card__date {
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--mild-grey-color);
}

.news-card__title {
    margin-bottom: 8px;
    width: 85%;
    font-size: 19px;
    transition: color 0.5s ease;
}

.news-card__subtitle {
    width: 85%;
    font-size: 15px;
    transition: color 0.5s ease;
}

.news-button {
    margin: 24px auto 0 auto;
    background-color: transparent;
    color: var(--orange-color);
}

@media screen and (min-width:641px) {
    .news-button {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .news-slider .slider-head {
        margin-bottom: 0;
    }

    .news-slider .slider-head__nav {
        display: none;
    }

    .news-slider__wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .news-slider--tolist .news-slider__item:not(:first-child, :nth-child(2)) {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .news-slider .slider-head {
        margin-bottom: 0;
    }

    .news-card__img {
        margin-bottom: 16px;
    }

    .news-card__title {
        font-size: 18px;
    }
}

@media screen and (min-width:1025px) {
    .news-card--small .news-card__labels{
        top: 8px;
        right: 8px;
    }
}
.news-card--small .news-card__title, .news-card--small .news-card__subtitle{
    width: 100%;
}

.news-card__place{
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--mild-grey-color);
    float: right;
}
/* End */


/* Start:/local/templates/helicon-corp/components/general-itech/software.products/block/style.css?171159853635737*/
.products-section__filter {
    width: 25%;
    flex: 0 0 auto;
    padding-right: 10px;
}
.products-section__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.products-section__title {
    margin-bottom: 40px;
}

.products-section__grid--md {
    grid-template-columns: 1fr 1fr 1fr;
}

.products-section__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    position: relative;
}

.products-section__title {
    margin-bottom: 24px;
}

@media screen and (max-width: 1024px) {
    .products-section__filter {
        width: 100%;
        float: none;
    }

    .products-section__row {
        flex-wrap: wrap;
    }
    .products-block{
        width: 100%;
    }
}

.product-card {
    display: block;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #DADDE7;
    transition: .3s;
    height: 100%;
}

.product-card:hover {
    border-color: var(--orange-color);
}

.product-card--populars {
    border: none;
    background: #f9feff;
    height: 100%;
}

.product-card__img {
    position: relative;
    padding-bottom: 100%;
}

.product-card__img img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.product-card__labels {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    gap: 8px;
}

.product-card__label {
    font-weight: 400;
    font-size: 14px;
    background-color: #fff;
    color: var(--orange-color);
    padding: 6px 8px;
    border: 1px solid #DADDE7;
}

.product-card__content {
    margin-top: 24px;
}

.product-card__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
}

.product-card--populars .product-card__title {
    font-weight: 400;
    font-size: 15px;
    transition: .3s;
}

.product-card__link {
    margin-top: 24px;
}

.product-card--populars:hover {
    background-color: #fff;
}

.product-card--populars:hover .product-card__title {
    color: var(--orange-color);
}

@media screen and (max-width: 425px) {
    .product-card {
        padding: 10px;
    }
}

@media screen and (min-width: 641px) {
    .sales-slider .swiper-pagination--general {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .sales-slider .slider-head__nav {
        display: none;
    }
}


.categories-col {
    flex: 0 0 auto;
    width: 25%;
}

.categories-list li {
    margin-bottom: 16px;
}

.categories-list li.active a {
    color: var(--orange-color);
    pointer-events: none;
}

.categories-list__btn {
    border-bottom: 1px dashed;
    transition: .3s;
}

.categories-list__btn:hover, .categories-list a:hover {
    color: var(--orange-color);
}

.categories-col .main-filter {
    margin-bottom: 10px;
}

@media screen and (max-width: 900px) {
    .categories-col {
        width: 30%;
    }
}

@media screen and (max-width: 1024px) {
    .categories-col {
        width: 100%;
    }
}

/*Выпадающий список*/
.dropdown {
    width: fit-content;
    position: relative;
}

.dropdown__btn {
    background-color: #F6F6F6;
    padding: 15px 76px 15px 25px;
    color: var(--dark-blue-color);
    border: none;
    border-radius: 32px;
    position: relative;
    transition: .3s;
    text-align: left;
}

.dropdown__btn::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY2NjYzIDEuMzMzMjVMNC45OTk5NiA0LjY2NjU5TDguMzMzMjkgMS4zMzMyNSIgc3Ryb2tlPSIjMDQxMjI5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

.dropdown__btn:hover {
    background-color: #DADDE7;
}

.dropdown__wrap {
    background-color: #F6F6F6;
    border-radius: 12px;
    min-width: 100%;
    width: max-content;
    max-width: 300px;
    position: absolute;
    top: 100%;
    margin-top: 8px;
    z-index: 10;
    display: none;
    overflow: hidden;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dropdown__wrap-inner {
    position: relative;
    max-height: 130px;
    overflow-y: auto;
}

.dropdown__wrap-inner::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.dropdown__wrap-inner::-webkit-scrollbar-thumb {
    background: rgba(4, 18, 41, .3);
}

.dropdown__wrap.show {
    display: block;
}

.dropdown__item input {
    display: none;
}

.dropdown__item label, .dropdown__link {
    font-size: 15px;
    line-height: 140%;
    padding: 8px 25px;
    transition: .3s;
    cursor: pointer;
    display: block;
}

.dropdown__item.disable label, .dropdown__item input:checked ~ label, .dropdown__link--current {
    color: #A8A9AD;
    pointer-events: none;
}

.dropdown__item:not(.disable):hover label, .dropdown__link:not(.dropdown__link--current):hover {
    background-color: #DADDE7;
}

.dropdown__item:hover input:checked ~ label {
    background-color: transparent;
}

@media screen and (max-width: 425px) {
    .dropdown__wrap-inner {
        max-height: none;
    }
}

@media screen and (min-width: 1025px) {
    .dropdown--mobile {
        display: none;
    }
}

.dropdown--section {
    width: 50%;
    margin-bottom: 24px;
    margin-top: 8px;
}

.dropdown--section .dropdown__btn {
    width: 100%;
}

.dropdown--section .dropdown__wrap-inner {
    max-height: 200px;
}

@media screen and (max-width: 768px) {
    .dropdown--section {
        width: 100%;
    }

    .dropdown--section .dropdown__wrap-inner {
        max-height: 350px;
    }
}

.sub-list {
    padding-left: 25px;
}

.sub-list__link {
    font-size: 12px;
    line-height: normal;
}

@media screen and (min-width: 769px) {
    .dropdown--desktop-destroy {
        width: unset;
    }

    .dropdown--desktop-destroy .dropdown__btn {
        display: none;
    }

    .dropdown--desktop-destroy .dropdown__wrap {
        display: block;
        position: relative;
        background: no-repeat;
        padding: 0;
        margin: 0;
        max-width: unset;
        width: auto;
        border-radius: 0;
        z-index: 1;
    }

    .dropdown--desktop-destroy .dropdown__menu {
        display: flex;
        gap: 20px;
    }

    .dropdown--desktop-destroy .dropdown__link {
        padding: unset;
    }

    .dropdown--desktop-destroy .dropdown__link:not(.dropdown__link--current):hover {
        background: none;
    }

    .dropdown--desktop-destroy .dropdown__wrap-inner {
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .dropdown--desktop-destroy .dropdown__wrap-inner::-webkit-scrollbar {
        height: 5px;
    }

    .dropdown--desktop-destroy .dropdown__wrap-inner::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .dropdown--desktop-destroy .dropdown__wrap-inner::-webkit-scrollbar-thumb {
        background: #adaaaa;
        border-radius: 4px;
    }

    .dropdown--desktop-destroy .dropdown__item input:checked ~ label, .dropdown__link--current {
        color: var(--orange-color);
    }
}

@media screen and (max-width: 768px) {
    .dropdown--desktop-destroy, .dropdown--desktop-destroy .dropdown__btn {
        width: 100%;
    }

    .dropdown--desktop-destroy .dropdown__wrap-inner {
        max-height: unset;
    }
}

/*Здесь актуальные стили для фильтра. */

/*общее*/
.filter-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
}

.filter-flex .main-filter {
    margin-bottom: 0;
}

.badge {
    background-color: var(--orange-color);
    border-radius: 12px;
    padding: 3px 5px;
    color: #fff;
    font-size: 9px;
    line-height: 130%;
}

.main-filter {
    gap: 12px;
    margin-bottom: 40px;
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
}

.main-filter__wrap {
    width: 100%;
}

.main-filter__header {
    display: flex;
    justify-content: space-between;
}

.main-filter__close {
    cursor: pointer;
}

.main-filter__title {
    font-size: 20px;
    font-weight: 500;
}

.main-filter__items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    margin-bottom: 20px;
}

.main-filter__item-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    margin-bottom: 16px;
}

.main-filter__item--full {
    width: 100%;
}

.main-filter__btn {
    font-size: 15px;
    padding: 15px 12px;
    border: none;
    background-color: transparent;
    border-radius: 32px;
    transition: .5s;
    color: var(--dark-blue-color);
    width: 100%;
}

.main-filter__btn:hover {
    background-color: rgba(246, 246, 246, .56);
}

.main-filter__btn--set {
    background-color: var(--orange-color);
    color: #fff;
}

.main-filter__btn--set:hover {
    background-color: var(--light-orange-color);
}

@media screen and (min-width: 1025px) {
    .main-filter:not(.main-filter--md) .main-filter__btns--mobile, .main-filter:not(.main-filter--md) .main-filter__header, .main-filter:not(.main-filter--md) .main-filter__item-head, .main-filter:not(.main-filter--md) .main-filter__toggle-filter {
        display: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__item--full {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 601px) {
    .main-filter--md .main-filter__btns--mobile, .main-filter--md .main-filter__header, .main-filter--md .main-filter__item-head, .main-filter--md .main-filter__toggle-filter {
        display: none;
    }

    .main-filter--md .main-filter__item--full {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .main-filter:not(.main-filter--md) .main-filter__body-filter {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        z-index: 999;
        left: 0;
        width: 300px;
        height: 100vh;
        transform: translateX(-100%);
        transition: .3s;
        overflow: auto;
    }

    .main-filter:not(.main-filter--md) .main-filter__body-filter::-webkit-scrollbar {
        width: 5px;
    }

    .main-filter:not(.main-filter--md) .main-filter__body-filter::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .main-filter:not(.main-filter--md) .main-filter__body-filter::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

    .main-filter:not(.main-filter--md) .main-filter__body-filter.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .main-filter:not(.main-filter--md) .filter-show::before {
        content: '';
        height: 100vh;
        width: 100vw;
        background: #ECECEC;
        opacity: 0.5;
        transition: .3s;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    .main-filter:not(.main-filter--md) .filter-show {
        overflow: hidden;
    }

    .main-filter:not(.main-filter--md) .main-filter__wrap {
        padding: 32px 16px;
        background: #F4FBFD;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .main-filter:not(.main-filter--md) .main-filter__body {
        overflow: auto;
        min-height: 100px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .main-filter:not(.main-filter--md) .main-filter__body::-webkit-scrollbar {
        width: 5px;
    }

    .main-filter:not(.main-filter--md) .main-filter__body::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .main-filter:not(.main-filter--md) .main-filter__body::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

    .main-filter:not(.main-filter--md) .main-filter__header {
        margin-bottom: 30px;
    }

    .main-filter:not(.main-filter--md) .main-filter__item-note {
        display: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__items {
        display: block;
    }

    .main-filter:not(.main-filter--md) .main-filter__item + .main-filter__item {
        margin-top: 20px;
    }

    .main-filter:not(.main-filter--md) .main-filter__item {
        width: 100%;
    }

    .main-filter:not(.main-filter--md) .main-filter__item-head {
        position: relative;
        width: 100%;
        font-weight: 500;
        font-size: 16px;
        padding-right: 25px;
    }

    .main-filter:not(.main-filter--md) .main-filter__item-head::before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY2NjYzIDEuMzMzMjVMNC45OTk5NiA0LjY2NjU5TDguMzMzMjkgMS4zMzMyNSIgc3Ryb2tlPSIjMDQxMjI5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        transition: .3s;
    }

    .main-filter:not(.main-filter--md) .main-filter__item-head[aria-expanded=true]::before {
        transform: scale(-1) translateY(50%);
    }

    .main-filter:not(.main-filter--md) .main-filter__item-wrap {
        display: none;
        margin-top: 20px;
    }

    .main-filter:not(.main-filter--md) .main-filter__item-head[aria-expanded=true] ~ .main-filter__item-wrap {
        display: block;
    }

    .main-filter:not(.main-filter--md) .main-filter__btns--desktop {
        display: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__btn:not(.btn-link) {
        width: 100%;
    }

    .main-filter:not(.main-filter--md) .main-filter__btns {
        margin-top: 30px;
    }
}

@media screen and (max-width: 600px) {
    .main-filter--md .main-filter__body-filter {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        z-index: 999;
        left: 0;
        width: 300px;
        height: 100vh;
        transform: translateX(-100%);
        transition: .3s;
        overflow: auto;
    }

    .main-filter--md .main-filter__body-filter::-webkit-scrollbar {
        width: 5px;
    }

    .main-filter--md .main-filter__body-filter::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .main-filter--md .main-filter__body-filter::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

    .main-filter--md .main-filter__body-filter.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .main-filter--md .filter-show::before {
        content: '';
        height: 100vh;
        width: 100vw;
        background: #ECECEC;
        opacity: 0.5;
        transition: .3s;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }

    .main-filter--md .filter-show {
        overflow: hidden;
    }

    .main-filter--md .main-filter__wrap {
        padding: 32px 16px;
        background: #F4FBFD;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .main-filter--md .main-filter__body {
        overflow: auto;
        min-height: 100px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .main-filter--md .main-filter__body::-webkit-scrollbar {
        width: 5px;
    }

    .main-filter--md .main-filter__body::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .main-filter--md .main-filter__body::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

    .main-filter--md .main-filter__header {
        margin-bottom: 30px;
    }

    .main-filter--md .main-filter__item-note {
        display: none;
    }

    .main-filter--md .main-filter__items {
        display: block;
    }

    .main-filter--md .main-filter__item + .main-filter__item {
        margin-top: 20px;
    }

    .main-filter--md .main-filter__item {
        width: 100%;
    }

    .main-filter--md .main-filter__item-head {
        position: relative;
        width: 100%;
        font-weight: 500;
        font-size: 16px;
        padding-right: 25px;
    }

    .main-filter--md .main-filter__item-head::before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY2NjYzIDEuMzMzMjVMNC45OTk5NiA0LjY2NjU5TDguMzMzMjkgMS4zMzMyNSIgc3Ryb2tlPSIjMDQxMjI5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        transition: .3s;
    }

    .main-filter--md .main-filter__item-head[aria-expanded=true]::before {
        transform: scale(-1) translateY(50%);
    }

    .main-filter--md .main-filter__item-wrap {
        display: none;
        margin-top: 20px;
    }

    .main-filter--md .main-filter__item-head[aria-expanded=true] ~ .main-filter__item-wrap {
        display: block;
    }

    .main-filter--md .main-filter__btns--desktop {
        display: none;
    }

    .main-filter--md .main-filter__btn:not(.btn-link) {
        width: 100%;
    }

    .main-filter--md .main-filter__btns {
        margin-top: 30px;
    }
}

@media screen and (max-width: 425px) {
    .main-filter {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 375px) {
    .main-filter__body-filter {
        width: 100vw;
    }
}

/*радио кнопки*/
.main-filter__radio-label {
    position: relative;
    cursor: pointer;
}
.main-filter__radio-label label{
    cursor: pointer;
}
.main-filter__radio-label input {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
}

@media screen and (min-width: 1025px) {
    .main-filter:not(.main-filter--md) .main-filter__radio-labels {
        display: flex;
        align-items: center;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-labels::-webkit-scrollbar {
        width: 0;
        display: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label:not(:last-child) {
        margin-right: 24px;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label label {
        white-space: nowrap;
        border-bottom: 1px solid transparent;
        transition: .3s;
        display: block;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label label:hover {
        color: var(--orange-color);
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label input:checked ~ label {
        color: var(--orange-color);
        border-color: var(--orange-color);
    }
}

@media screen and (min-width: 601px) {
    .main-filter--md .main-filter__radio-labels {
        display: flex;
        align-items: center;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .main-filter--md .main-filter__radio-labels::-webkit-scrollbar {
        width: 0;
        display: none;
    }

    .main-filter--md .main-filter__radio-label:not(:last-child) {
        margin-right: 24px;
    }

    .main-filter--md .main-filter__radio-label label {
        white-space: nowrap;
        border-bottom: 1px solid transparent;
        transition: .3s;
        display: block;
    }

    .main-filter--md .main-filter__radio-label label:hover {
        color: var(--orange-color);
    }

    .main-filter--md .main-filter__radio-label input:checked ~ label {
        color: var(--orange-color);
        border-color: var(--orange-color);
    }
}

@media screen and (max-width: 1024px) {
    .main-filter:not(.main-filter--md) .main-filter__radio-label:not(:last-child) {
        margin-bottom: 16px;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 0;
        line-height: 18px;
        user-select: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label label::after, .main-filter:not(.main-filter--md) .main-filter__radio-label label::before {
        content: "";
        display: inline-block;
        position: absolute;
        border-radius: 50%;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label label::after {
        width: 10px;
        height: 10px;
        left: 3px;
        top: 3px;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label label::before {
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label input[type=radio]:checked + label::before, .main-filter:not(.main-filter--md) .main-filter__radio-label label:hover::before {
        border-color: var(--orange-color);
    }

    .main-filter:not(.main-filter--md) .main-filter__radio-label input[type=radio]:checked + label::after {
        background-color: var(--orange-color);
    }
}

@media screen and (max-width: 600px) {
    .main-filter--md .main-filter__radio-label:not(:last-child) {
        margin-bottom: 16px;
    }

    .main-filter--md .main-filter__radio-label label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 0;
        line-height: 18px;
        user-select: none;
    }

    .main-filter--md .main-filter__radio-label label::after, .main-filter--md .main-filter__radio-label label::before {
        content: "";
        display: inline-block;
        position: absolute;
        border-radius: 50%;
    }

    .main-filter--md .main-filter__radio-label label::after {
        width: 10px;
        height: 10px;
        left: 3px;
        top: 3px;
    }

    .main-filter--md .main-filter__radio-label label::before {
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
    }

    .main-filter--md .main-filter__radio-label input[type=radio]:checked + label::before, .main-filter--md .main-filter__radio-label label:hover::before {
        border-color: var(--orange-color);
    }

    .main-filter--md .main-filter__radio-label input[type=radio]:checked + label::after {
        background-color: var(--orange-color);
    }
}

.main-filter .main-filter__radio-label.radio-link label {
    white-space: normal;
    border: none;
}

/*Чекбоксы в виде кнопок*/
.main-filter__checkbox-label {
    position: relative;
}

.main-filter__checkbox-label input {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
}

@media screen and (min-width: 1025px) {
    .main-filter:not(.main-filter--md) .main-filter__checkbox-labels {
        margin-bottom: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        position: relative;
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label {
        width: fit-content;
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label label {
        white-space: nowrap;
        min-width: fit-content;
        padding: 12px 35px;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        border-radius: 32px;
        color: var(--dark-blue-color);
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
        display: block;
        font-size: 15px;
        cursor: pointer;
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label input:checked ~ label {
        color: var(--blue-color);
        border-color: var(--blue-color);
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label label:hover {
        border-color: var(--light-orange-color);
        color: var(--light-orange-color);
    }
}

@media screen and (min-width: 601px) {
    .main-filter--md .main-filter__checkbox-labels {
        margin-bottom: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        position: relative;
    }

    .main-filter--md .main-filter__checkbox-label {
        width: fit-content;
    }

    .main-filter--md .main-filter__checkbox-label label {
        white-space: nowrap;
        min-width: fit-content;
        padding: 12px 35px;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        border-radius: 32px;
        color: var(--dark-blue-color);
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
        display: block;
        font-size: 15px;
        cursor: pointer;
    }

    .main-filter--md .main-filter__checkbox-label input:checked ~ label {
        color: var(--blue-color);
        border-color: var(--blue-color);
    }

    .main-filter--md .main-filter__checkbox-label label:hover {
        border-color: var(--light-orange-color);
        color: var(--light-orange-color);
    }
}

@media screen and (max-width: 1024px) {
    .main-filter:not(.main-filter--md) .main-filter__checkbox-label:not(:last-child) {
        margin-bottom: 16px;
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 0;
        line-height: 18px;
        user-select: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label label::after, .main-filter:not(.main-filter--md) .main-filter__checkbox-label label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label label::before {
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label label:hover::before {
        border-color: var(--orange-color);
    }

    .main-filter:not(.main-filter--md) .main-filter__checkbox-label input[type=checkbox]:checked + label::after {
        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDMuNzk0MTJMNC40NjE1NCA3LjVMMTAuNSAxIiBzdHJva2U9IiNGMjc0MzUiLz4KPC9zdmc+Cg==') center no-repeat;
    }
}

@media screen and (max-width: 600px) {
    .main-filter--md .main-filter__checkbox-label:not(:last-child) {
        margin-bottom: 16px;
    }

    .main-filter--md .main-filter__checkbox-label label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 0;
        line-height: 18px;
        user-select: none;
    }

    .main-filter--md .main-filter__checkbox-label label::after, .main-filter--md .main-filter__checkbox-label label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
    }

    .main-filter--md .main-filter__checkbox-label label::before {
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
    }

    .main-filter--md .main-filter__checkbox-label label:hover::before {
        border-color: var(--orange-color);
    }

    .main-filter--md .main-filter__checkbox-label input[type=checkbox]:checked + label::after {
        background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDMuNzk0MTJMNC40NjE1NCA3LjVMMTAuNSAxIiBzdHJva2U9IiNGMjc0MzUiLz4KPC9zdmc+Cg==') center no-repeat;
    }
}


/*Выпадающий список*/

@media screen and (max-width: 1024px) {
    .main-filter:not(.main-filter--md) .main-filter__item .dropdown {
        width: 100%;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__btn {
        background: none;
        padding: 0 25px 0 0;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__btn::before {
        right: 10px;
        transition: .3s;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__btn[aria-expanded="true"]::before {
        transform: scale(-1) translateY(50%);
    }

    .main-filter:not(.main-filter--md) .main-filter__item span[data-role="currentVal"] {
        display: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__wrap {
        position: relative;
        padding: 0;
        background: none;
        border-radius: 0;
        margin-top: 20px;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__wrap-inner {
        max-height: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item {
        margin-bottom: 16px;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 0 0 0 25px;
        margin-right: 0;
        font-size: 14px;
        line-height: 18px;
        user-select: none;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item label::after, .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item label::before {
        content: "";
        display: inline-block;
        position: absolute;
        border-radius: 50%;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item label::after {
        width: 10px;
        height: 10px;
        left: 3px;
        bottom: 4px;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item label::before {
        width: 16px;
        height: 16px;
        left: 0;
        bottom: 1px;
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item input[type=radio]:checked + label::before, .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item label:hover::before {
        border-color: var(--orange-color);
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item input[type=radio]:checked + label::after {
        background-color: var(--orange-color);
    }

    .main-filter:not(.main-filter--md) .main-filter__item .dropdown__item input:checked ~ label {
        color: var(--dark-blue-color);
    }
}

@media screen and (max-width: 600px) {
    .main-filter--md .main-filter__item .dropdown {
        width: 100%;
    }

    .main-filter--md .main-filter__item .dropdown__btn {
        background: none;
        padding: 0 25px 0 0;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
    }

    .main-filter--md .main-filter__item .dropdown__btn::before {
        right: 10px;
        transition: .3s;
    }

    .main-filter--md .main-filter__item .dropdown__btn[aria-expanded="true"]::before {
        transform: scale(-1) translateY(50%);
    }

    .main-filter--md .main-filter__item span[data-role="currentVal"] {
        display: none;
    }

    .main-filter--md .main-filter__item .dropdown__wrap {
        position: relative;
        padding: 0;
        background: none;
        border-radius: 0;
        margin-top: 20px;
    }

    .main-filter--md .main-filter__item .dropdown__wrap-inner {
        max-height: none;
    }

    .main-filter--md .main-filter__item .dropdown__item {
        margin-bottom: 16px;
    }

    .main-filter--md .main-filter__item .dropdown__item label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 0 0 0 25px;
        margin-right: 0;
        font-size: 14px;
        line-height: 18px;
        user-select: none;
    }

    .main-filter--md .main-filter__item .dropdown__item label::after, .main-filter--md .main-filter__item .dropdown__item label::before {
        content: "";
        display: inline-block;
        position: absolute;
        border-radius: 50%;
    }

    .main-filter--md .main-filter__item .dropdown__item label::after {
        width: 10px;
        height: 10px;
        left: 3px;
        bottom: 4px;
    }

    .main-filter--md .main-filter__item .dropdown__item label::before {
        width: 16px;
        height: 16px;
        left: 0;
        bottom: 1px;
        border: 1px solid var(--dark-blue-color);
        transition: .3s;
    }

    .main-filter--md .main-filter__item .dropdown__item input[type=radio]:checked + label::before, .main-filter--md .main-filter__item .dropdown__item label:hover::before {
        border-color: var(--orange-color);
    }

    .main-filter--md .main-filter__item .dropdown__item input[type=radio]:checked + label::after {
        background-color: var(--orange-color);
    }

    .main-filter--md .main-filter__item .dropdown__item input:checked ~ label {
        color: var(--dark-blue-color);
    }
}

/* /Фильтр*/

.main-pagination {
    margin-top: 80px;
}

.main-pagination__content {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.main-pagination__content .show-more {
    margin-left: auto;
    margin-right: auto;
}

.main-pagination__content .show-more + .main-pagination__list {
    margin-top: 40px;
}

.main-pagination__list {
    display: flex;
    gap: 16px;
    align-items: center;
}

.main-pagination__list-item {
    text-align: center;
    border-radius: 50%;
}

.main-pagination__list-item--active {
    background-color: var(--orange-color);
    border-color: var(--orange-color);
    color: #fff;
    padding: 16px;
    height: 50px;
    width: 50px;
}

@media screen and (min-width: 426px) {
    .main-pagination__list-item {
        padding: 16px;
        position: relative;
        height: 50px;
        width: 50px;
        border: 1px solid transparent;
        transition: .3s;
    }

    .main-pagination__list-item a {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
    }

    .main-pagination__list-item:hover {
        border-color: var(--orange-color);
    }
}

@media screen and (max-width: 425px) {
    .main-pagination {
        margin-top: 40px;
    }

    .main-pagination__content .show-more + .main-pagination__list {
        margin-top: 24px;
    }

    .main-pagination__list {
        gap: 24px;
    }
}

@media screen and (max-width: 768px) {
    .show-more--desktop {
        display: none;
    }
}

.main-filter__btn--reset{
    box-sizing: border-box;
    padding: 16px 32px;
    cursor: pointer;
    border-radius: 27px;
    transition: all 0.35s ease;
}

.main-filter__item{
    width: 100%;
}

@media screen and (min-width:769px) {
    .main-filter__btns{
        margin-top: 30px;
    }
}

.products-section__grid-item {
    min-width: 30%;
}
/* End */


/* Start:/local/templates/helicon-corp/components/bitrix/system.pagenavigation/page_pagination/style.css?17115985362445*/
.pagination.pagination-hide {
    display: none;
}
.pagination{
    margin-top: 80px;
}
@media screen and (max-width: 425px){
    .pagination {
        margin-top: 40px;
    }
}


.pagination__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pagination__items {
    display: flex;
    align-items: center;
}

.pagination__pages {
    display: flex;
}

.pagination__pages-visible {
    display: flex;
    justify-content: space-between;
}

.pagination__page {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-left: 0;
    padding: 0 7px;
    width: fit-content;
    min-width: 50px;
    height: 50px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #041229;
    border-radius: 27px;
    transition: all 0.35s ease;
}

.pagination__page:hover {
    border: 1px solid var(--orange-color);
}

.pagination__page span {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    text-align: center;
}

.pagination__page-current {
    background-color: var(--orange-color);
    color: #fff;
    border: 1px solid var(--orange-color);
}

.pagination__pages-divide {
}
.pagination__page-divide {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 50px;
}
.pagination__page-divide span {
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pagination__pages-last {
}

.pagination__button {
    margin-bottom: 15px;
    width: fit-content;
}

.pagination__button-toggle {
    padding: 10px 0 0 0;
    cursor: pointer;
}

.pagination__button-toggle path {
    transition: stroke 0.5s ease;
}

.pagination__button-toggle:hover path {
    stroke: var(--orange-color);
    transition: stroke 0.5s eas;
}

@media screen and (max-width: 1023px) {
    .pagination__wrapper .pagination__button {
        width: 100%;
        max-width: 343px;
        margin: 0 auto;
    }
	.pagination__page {
		min-width: 40px;
		height: 40px;
	}
	.pagination__page span {
		font-size: 14px;
	}
	.pagination__pages {
		display: flex;
		align-items: center;
	}
	.pagination__pages-visible {
		display: flex;
		align-items: center;
	}
	.pagination__items .pagination__pages {
	}
	.pagination__button-toggle {
		padding: 5px 0 0 0;
	}
	.pagination__button-toggle svg {
		width: 60px;
		height: 80px;
	}
}
/* End */


/* Start:/local/templates/helicon-corp/components/bitrix/news.list/news-block/style.css?16987239691503*/
.news-card:hover .news-card__title {
    color: var(--orange-color);
}

.news-card:hover .news-card__subtitle {
    color: var(--orange-color);
}

.news-card__img {
    margin-bottom: 24px;
    text-align: center;
    position: relative;
}

.news-card__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.news-card__labels {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    gap: 8px;
}

.news-card__labels-item {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    background-color: #fff;
    color: var(--orange-color);
    padding: 6px 8px;
}

.news-card__date {
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--mild-grey-color);
}

.news-card__title {
    margin-bottom: 8px;
    width: 85%;
    font-size: 19px;
    transition: color 0.5s ease;
}

.news-card__subtitle {
    width: 85%;
    font-size: 15px;
    transition: color 0.5s ease;
}

@media screen and (max-width: 640px) {
    .news-slider .slider-head {
        margin-bottom: 0;
    }
    .news-slider .slider-head__nav{
        display: none;
    }
    .news-slider__wrapper {
        flex-direction: column;
        gap: 40px;
    }
    .news-slider__item:not(:first-child, :nth-child(2), :nth-child(3)) {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .news-slider .slider-head {
        margin-bottom: 0;
    }
    .news-card__img {
        margin-bottom: 16px;
    }
    .news-card__title {
        font-size: 18px;
    }
}
/* End */


/* Start:/local/templates/helicon-corp/components/general-itech/no.logic/form_question/style.css?1698723969798*/
.question-section__content {
    text-align: center;
}

.question-section__title {
    margin-bottom: 16px;
}

.question-section__link {
    margin: 40px auto 0 auto;
}

.question-section__text {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .question-section__text {
        width: 70%;
    }
}

@media screen and (max-width: 425px) {
    .question-section__text {
        width: 100%;
    }
}

.question-section__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.question-section__links .question-section__link {
    margin: 0;
}
/* End */


/* Start:/local/templates/helicon-corp/components/bitrix/sender.subscribe/mailing/style.css?17593905563515*/
.subscribe-section{
    background-color: rgba(240, 241, 245, 0.8);
    position: relative;
}
.subscribe-section__img{
    position: absolute;
    left: 0;
    height: 100%;
    width: 47%;
    object-fit: cover;
}
.subscribe-section__content{
    padding-top: 56px;
    padding-bottom: 56px;
}
.subscribe-section__title, .subscribe-section__wrap{
    width: 42%;
    margin-left: auto;
}
.subscribe-section__title{
    margin-bottom: 16px;
}
.subscribe-form__input-box--white{
    background: #fff;
    border: 2px solid #fff;
}
.subscribe-section__form{
    margin-top: 25px;
}

.subscribe-section__form .main-form__box input:focus {
    border-color: #fff !important;
}

.checkbox-confirm-wrapper {
    justify-content: left;
}

.subscribe-section__form .error, .subscribe-section__form .error .checkbox__label {
    color: var(--error-color);
    border-color: var(--error-color);
}

.subscribe-section__form .error:not(input) {
    margin-top: 8px;
    font-size: 12px;
    display: block;
}

.subscribe-section .checkbox-field_floating,
.subscribe-section .text-field_floating {
	flex-direction: column;
}

.subscribe-section .checkbox__wrap > .checkbox__label a {
	font-weight: 400;
	color: inherit;
}
.subscribe-section .checkbox__wrap > .checkbox__label {
	display: block;
	padding-left: 24px;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.1;
    opacity: 0.5;
    transition: opacity 0.5s ease;
	color: #676767;
}

.subscribe-section .checkbox__wrap > .checkbox__label:before {
	content: "";
	position: absolute;
	left: 0;
}
.subscribe-section .form__item-inner {
	position: relative;
	overflow: initial;
	max-height: 180px;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

.subscribe-section .form__item-checkbox {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.mailing-field__wrapper {
    display: flex;
    gap: 5px;
	flex-direction: row;
    margin-bottom: 10px;
}

.mailing-field__wrapper .text-field-name {
    width: 35%;
}

@media screen and (max-width: 1120px) {
    .subscribe-section {
        background-size: 40%;
    }

    .subscribe-section__title, .subscribe-section__wrap{
        width: 50%;
    }
}

@media screen and (max-width:991px) {

    .subscribe-section__title{
        width: 100%;
        margin-bottom: 30px;
    }

    .subscribe-section__img{
        height: 56%;
        bottom: 56px;
    }
    .subscribe-section__wrap{
        padding: 30px 0;
    }
}

@media screen and (max-width: 768px) {
    .subscribe-section__img{
        display: none;
    }
    .subscribe-section__title, .subscribe-section__wrap{
        width: 100%;
    }
    .subscribe-section__title{
        margin-bottom: 16px;
    }
    .subscribe-section__wrap{
        padding: 0;
    }
    .mailing-field__wrapper {
        flex-direction: column;
    }
    .mailing-field__wrapper .text-field-name {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .subscribe-section__form input[type=submit] {
        width: 100%;
    }
    .subscribe-section__form .text-field__wrapper--inline{
        flex-direction: column;
        gap: 16px;
        background: none;
        border: none;
    }
    .subscribe-section__form .text-field__wrapper--inline input{
        background-color: #fff !important;
        height: 48px;
    }
    .subscribe__button{
        width: 100% !important;
    }
}
/* End */


/* Start:/local/templates/helicon-corp/components/bitrix/main.userconsent.request/sender.subscribe.mailing/user_consent.css?16987239694322*/
.main-user-consent-request a {
	cursor: pointer;
}

.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request-popup-cont {
	min-height: 290px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	padding: 20px;
	min-width: 320px;
	width: 100%;
	max-width: 600px;
	background: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}

.main-user-consent-request-popup-header {
	margin: 0 0 10px 0;
	font: normal 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 260px;
}

.main-user-consent-request-popup-textarea-block {
	margin: 0 0 20px 0;
}

.main-user-consent-request-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-user-consent-request-popup-button {
	display: inline-block;
	height: 39px;
	margin: 0 10px 5px 0;
	padding: 0 18px;
	border: none;
	border-radius: 2px;
	font: normal 12px/39px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #535c69;
	outline: none;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
	cursor: pointer;
}

.main-user-consent-request-popup-button-acc {
	background: #bbed21;
}

.main-user-consent-request-popup-button-acc:hover {
	background: #d2f95f;
}

.main-user-consent-request-popup-button-rej {
	-webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
	box-shadow: inset 0 0 0 1px #a1a6ac;
	background: none;
}

.main-user-consent-request-popup-button-rej:hover {
	background: #cfd4d8;
}

.main-user-consent-request-popup-text {
	border: 1px solid #999;
	overflow: auto;
	padding: 8px;
	text-align: left;
	color: rgb(84, 84, 84);
}

.main-user-consent-request-popup-link {
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.main-user-consent-request-popup-link a {
	display: block;
	margin: 20px 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 260px;
}

/** LOADER **/
.main-user-consent-request-loader {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.main-user-consent-request-path {
	stroke: #80868e;
	stroke-dasharray: 100, 200;
}

.main-user-consent-request-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.main-user-consent-request-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: inherit;
	width: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-user-consent-request-path {
	stroke: #ccc;
	stroke-dasharray: 60, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

.main-user-consent-request-announce{
	color: #333;
	font-size:13px;
	line-height: 15px;
}
.main-user-consent-request-announce-link{
	cursor: pointer;
}

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

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

@media (min-width: 1000px) {

	.main-user-consent-request-popup-cont {
		min-height: 400px;
		min-width: 640px;
	}

	.main-user-consent-request-popup-header {
		max-width: 590px;
	}

	.main-user-consent-request-popup-text,
	.main-user-consent-request-popup-link {
		height: 240px;
	}
	.main-user-consent-request-popup-link a {
		max-width: 200px;
	}
}

@media (max-width: 768px) {
	.main-user-consent-request-popup-cont {
		height: 100%;
	}
}
/* End */
/* /local/templates/helicon-corp/components/bitrix/catalog.section/develop-business/style.css?171159853618225 */
/* /local/templates/helicon-corp/components/general-itech/software.products/block/style.css?171159853635737 */
/* /local/templates/helicon-corp/components/bitrix/system.pagenavigation/page_pagination/style.css?17115985362445 */
/* /local/templates/helicon-corp/components/bitrix/news.list/news-block/style.css?16987239691503 */
/* /local/templates/helicon-corp/components/general-itech/no.logic/form_question/style.css?1698723969798 */
/* /local/templates/helicon-corp/components/bitrix/sender.subscribe/mailing/style.css?17593905563515 */
/* /local/templates/helicon-corp/components/bitrix/main.userconsent.request/sender.subscribe.mailing/user_consent.css?16987239694322 */