

/* Start:/bitrix/templates/aspro-allcorp3/components/bitrix/news.list/price-list-custom/style.css?177936067913274*/
/* .breadcrumbs-arrow */
.breadcrumbs-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadcrumbs-arrow i:nth-of-type(1) {
    display: none;
}

.breadcrumbs-arrow i {
    font-size: 16px;
    padding: 0 5px;
}

.breadcrumbs-arrow .breadcrumbs_item {
    display: block !important;
    padding: 0;
    margin-right: 0;
}

.breadcrumbs-arrow .breadcrumbs_item .breadcrumbs_link {
    color: var(--basic_text_black);
}

.breadcrumbs-arrow .breadcrumbs_item .breadcrumbs_link:hover,
.breadcrumbs-arrow .breadcrumbs_item .breadcrumbs_link:focus,
.breadcrumbs-arrow .breadcrumbs_item .breadcrumbs_link:active {
    opacity: .6;
}

.fsize-bss {
    font-size: 15px;
    line-height: 18px;
}

.breadcrumbs-arrow .breadcrumbs_item:last-child {
    opacity: .6;
}

@media screen and (max-width: 576px) {
    .breadcrumbs-arrow i:nth-of-type(1) {
        display: inline;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .breadcrumbs-arrow .breadcrumbs_item {
        display: none !important;
    }

    .breadcrumbs-arrow i {
        display: none;
    }

    .breadcrumbs-arrow .breadcrumbs_item:nth-last-child(3) {
        display: block !important;

    }

    .detail_banner .breadcrumbs-arrow {
        margin-bottom: 25px;
    }
}

/* .breadcrumbs-arrow */

/* .detail_banner */
.detail_banner {
    background: #f4f6fa;
    padding: 40px 0;
    margin-bottom: 40px;
}

.detail_banner_wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 40px 0;
}

.detail_banner_wrapper .detail_banner_text {
    flex: 1;
}

.detail_banner_wrapper .detail_banner_text .detail_banner_topname {
    margin: 0 0 12px 0;
    font-size: 18px;
    line-height: 1;
    color: #696e82;
}

.detail_banner_wrapper .detail_banner_text .detail_banner_title {
    margin: 0 0 24px 0;
    line-height: 1.2;
}

.detail_banner_wrapper .detail_banner_text .detail_banner_desc {
    margin: 0 0 24px 0;
    font-size: 18px;
    line-height: 24px;
}

.detail_banner_wrapper .detail_banner_text .detail_banner_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.detail_banner_wrapper .detail_banner_text .detail_banner_buttons .detail_banner_button.btn-white:hover,
.detail_banner_wrapper .detail_banner_text .detail_banner_buttons .detail_banner_button.btn-white:focus {
    color: var(--theme-base-color);
    border: 1px solid var(--theme-base-color);
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), .1);
}

.detail_banner_wrapper .detail_banner_links {
    flex: 1;
}

.detail_banner_wrapper .detail_banner_links .sections-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.detail_banner_wrapper .detail_banner_links .sections-list .sections-list-item {
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #EAEBEC;
    padding: 20px;
    display: flex;
    flex: 1 1 calc(50% - 10px);
    flex-direction: column;
    justify-content: space-between;
    transition: background .5s ease-out;
}

.detail_banner_wrapper .detail_banner_links .sections-list .sections-list-item:hover,
.detail_banner_wrapper .detail_banner_links .sections-list .sections-list-item:focus {
    background: linear-gradient(238deg, rgb(84 162 235 / 5%) 16.2%, rgb(84 162 235 / 20%) 98.38%);
    border: 1px solid rgb(84 162 235 / 15%);
}

.detail_banner_wrapper .detail_banner_links .sections-list .sections-list-item .sections-item-name {
    color: #262626;
    font-weight: 500;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
    .detail_banner_wrapper .detail_banner_links .sections-list {
        gap: 10px;
    }

    .detail_banner_wrapper .detail_banner_text .detail_banner_buttons {
        gap: 10px;
    }

    .detail_banner_wrapper {
        gap: 20px;
        padding: 20px 0;
    }
}

@media only screen and (max-width: 768px) {
    .detail_banner_wrapper {
        flex-direction: column;
        gap: 20px;
        padding: 0;
    }

    .detail_banner_wrapper .detail_banner_links .sections-list {
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-direction: row;
        padding: 0 0 20px 0;
        gap: 16px;
        flex-wrap: nowrap;
    }

    .detail_banner_wrapper .detail_banner_text {
        width: 100%;
    }

    .detail_banner_wrapper .detail_banner_links {
        width: 100%;
    }

    .detail_banner_wrapper .detail_banner_links .sections-list .sections-list-item {
        flex: 1 0 55%;
        padding: 16px;
    }

    .detail_banner {
        padding: 20px 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 568px) {
    .detail_banner_wrapper .detail_banner_text .detail_banner_title {
        font-size: 1.8em;
        margin: 0 0 18px 0;
    }

    .detail_banner_wrapper .detail_banner_links .sections-list .sections-list-item {
        flex: 1 0 55%;
    }
}

@media only screen and (max-width: 380px) {
    .detail_banner_wrapper .detail_banner_links .sections-list .sections-list-item {
        flex: 1 0 80%;
    }
}

/* .detail_banner */

/* .price_wrapper */
.price_wrapper {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 40px;
}

.price_navigation .price_menu {
    background: #f4f6fa;
    padding: 30px;
    border-radius: 16px;
    position: sticky;
    top: 30px;
    z-index: 99;
}

.price_navigation .price_menu_nav_title {
    margin-bottom: 20px;
}

.price_navigation .price_menu_nav_title .price_menu_title {
    margin-bottom: 5px;
}

.price_navigation .price_menu_nav_title .price_menu_subtitle {
    color: #696e82;
}

.price_navigation .price_menu_nav_list {
    display: flex;
    flex-direction: column;
}

.price_navigation .price_menu_nav_list .price_menu_nav_item {
    padding-bottom: 13px;
    color: var(--basic_text_black);
    cursor: pointer;
}

.price_navigation .price_menu_nav_list .price_menu_nav_item:hover,
.price_navigation .price_menu_nav_list .price_menu_nav_item:focus {
    color: var(--theme-base-color);
}

.price_navigation .price_menu_nav_list .price_menu_nav_item.active {
    color: var(--theme-base-color);
}

/********/
.price_main .price_block_section {
    /*margin-bottom: 20px;*/
}

.price_main .price_block_item .price_block_item_line {
    flex-direction: row;
    font-family: "Inter", system-ui, -apple-system, sans-serif, Helvetica;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #1111;
    padding-top: 9px;
    padding-bottom: 6px;
    gap: 20px;
}

.price_main .price_block_item .price_block_item_line .price_block_item_price {
    font-weight: 600;
    flex: 1 0 200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.price_main .price_block_item .price_block_item_line .price_block_item_price .price_block_item_price-old {
    font-weight: 500;
    text-decoration: line-through;
}

.price_main .price_block_item .price_block_item_line .price_block_item_price.old .price_block_item_price-current {
    color: #ff0080;
}

.price_main .price_block_item .price_block_item_line .price_block_item_price.old .price_block_item_price-old {
    color: #ff0080;
    opacity: .6;
}

.price_main .price_block_item .price_block_item_line .price_block_item_name {
    line-height: 24px;
    color: #696e82;
}

.price_main .price_block_section .price_block_section_title {
    font-weight: 600;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 2;
    background: white;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.price_main .price_block_section .price_section_title_ico {
    transition: transform ease 0.3s;
}

.price_main .price_block_section.opened .price_section_title_ico {
    transform: rotate(135deg);
}

.price_main .price_block_section .price_block_section_title:hover .price_section_title_ico svg path {
    stroke: var(--theme-base-color);
}

.price_main .price_block_item_name-napravlenie {
    font-style: italic;
}

.price_main .price_block_item_name-name {
    color: var(--white_text_black);
}

.price_main .price_block_item_name-desc {
    display: none;
}

.price-tooltip {
    position: fixed;
    padding: 15px 20px;
    border-radius: 8px;
    color: #fff;
    background: #2E2D2D;
    box-shadow: 3px 3px 3px rgba(105, 110, 130, .2);
    max-width: 600px;
    font-family: "Inter", system-ui, -apple-system, sans-serif, Helvetica;
    margin: 0 20px;
    z-index: 4;
}

@media only screen and (max-width: 1024px) {
    .price_wrapper {
        grid-template-columns: 1fr 300px;
        gap: 20px;
    }

    .price-tooltip {
        margin: 0 10px;
        max-width: 480px;
    }

    .price_main .price_block_item .price_block_item_line .price_block_item_price {
        flex: 1 0 100px;
    }
}

@media only screen and (max-width: 1024px) {
    .price_wrapper {
        grid-template-columns: 1fr;
    }

    .price_wrapper .price_main {
        order: 2;
    }

    .price_wrapper .price_navigation {
        order: 1;
    }

    .price_navigation .price_menu_nav_list {
        display: none;
    }

    .price_navigation .price_menu_nav_title {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 568px) {
    .price_main .price_block_item .price_block_item_line {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .price_main .price_block_item .price_block_item_line .price_block_item_price {
        flex: 1;
    }

    .price_main .price_block_section .price_block_section_title {
        top: 62px;
        padding: 12px 0;
    }

    .price_navigation .price_menu {
        background: initial;
        padding: 0 0 30px 0;
        border-radius: 0;
        border-bottom: 2px solid #f4f6fa;
    }
}

/* .price_wrapper */

/* dropdown_options */
.price_menu .price_menu_dropdown {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
}

.price_menu .price_menu_nav_list_mobile {
    display: none;
}

.price_menu .price_menu_dropdown .price_menu_dropdown_selected {
    background: #fff;
    width: 100%;
    border: 1px solid #ced2da;
    border-radius: 12px;
    padding: 10px 36px 5px 16px;
    outline: 0;
    height: 49px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
}

.price_menu .price_menu_dropdown .price_menu_dropdown_selected:hover {
    border: 1px solid #838a94;
}

.price_menu .price_menu_dropdown .price_menu_dropdown_ico {
    position: absolute;
    z-index: 2;
    top: 14px;
    right: 18px;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.price_menu .price_menu_dropdown .price_menu_dropdown_ico.open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.price_menu .price_menu_dropdown .price_menu_dropdown_options {
    background-color: #fff;
    padding: 0;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    border: 1px solid #838a94;
    border-radius: 12px;
    z-index: 99;
    outline: 0;
    display: none;
}

.price_menu .price_menu_dropdown .price_menu_dropdown_options.active {
    display: block;
}

.price_menu .price_menu_dropdown .price_menu_dropdown_options .price_menu_dropdown_options_item {
    list-style: none;
    padding: 15px 16px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    outline: 0;
    margin: 0;
}

.price_menu .price_menu_dropdown .price_menu_dropdown_options .price_menu_dropdown_options_item:before {
    display: none;
}

.price_menu .price_menu_dropdown .price_menu_dropdown_options .price_menu_dropdown_options_item:hover {
    background-color: #f2f4f7
}

@media only screen and (max-width: 1024px) {
    .price_menu .price_menu_nav_list_mobile {
        display: block;
    }
}

/* dropdown_options */


/* toggle */
.price_main .price_block_section .price_block_items.opened {
    transition: max-height 0.3s ease-in;
    max-height: 100%;
}

.price_main .price_block_section .price_block_items {
    max-height: 0;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
}



/* toggle */

/* End */
/* /bitrix/templates/aspro-allcorp3/components/bitrix/news.list/price-list-custom/style.css?177936067913274 */
