@font-face {
    font-family: futurapt-demi;
    src: url("/local/templates/.default/fonts/header2/FUTURAPT-DEMI.TTF");
}

@font-face {
    font-family: futurapt-book;
    src: url("/local/templates/.default/fonts/header2/FUTURAPT-BOOK.TTF");
}

@font-face {
    font-family: futurapt-medium;
    src: url("/local/templates/.default/fonts/header2/FUTURAPT-MEDIUM.TTF");
}

.header2 ul {
    margin: 0;
    padding: 0;
}

.header2 img {
    vertical-align: middle;
}

.header2 ul li:before {
    content: "";
}

.header2 {
    width: 100%;
    margin-bottom: 12px;
    background: white;
    font-size: 15px;
    line-height: 24px;
}

/* Верхняя полоса */
.header2__top-bar {
    background: #f5f5f5;
}

.header2__top-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header2__top-bar-left,
.header2__top-bar-right {
    display: flex;
    gap: 26px;
}

.header2__top-link {
    display: block;
    padding: 8px 0 6px 0;
    border-bottom: 2px solid transparent;
    font-size: 12px;
    line-height: 24px;
    color: #919191;
    text-decoration: none;
}

.header2__top-link.current {
    border-color: #d88946;
}

.header2__top-link:hover {
    color: #1D1A1A;
    text-decoration: none;
}

.header2__top-link--orange {
    color: #F79537;
}

.header2__top-link--orange:hover {
    color: #e67e22;
}

.header2__top-link--dark {
    color: #1D1A1A;
}

.header2__top-link--dark:hover {
    color: #F79537;
}

.header2-container {
    padding: 0 15px;
    max-width: 1192px;
    margin: 0 auto;
}

.header2-block {
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* Логотип */
.header2__logo {
    width: 220px;
    display: flex;
    align-self: flex-start;
    position: relative;
    padding-top: 12.5px;
    z-index: 9999;
}

.header2__logo img {
    width: 220px;
}

/* Центральная часть */
.header2__center-block {
    position: relative;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header2__menu-block {
    margin-inline: auto;
    max-width: 600px;
    position: relative;
    box-sizing: border-box;
    margin-right: 10px;
}

.header2__menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 21px;
}

.header2__menu-item {
    display: inline-block;
    position: relative;
}

.header2__submenu {
    position: absolute;
    display: none;
    width: max-content;
    background: #ffffff;
    box-shadow: 2px 2px 5px -3px #302b2c;
    z-index: 998;
}

.header2__submenu-item {
    list-style: none;
    margin: 3px 10px 3px 10px;
    border-top: 1px solid #cccccc;
}


@media (min-width: 992px) {
    .header2__menu-item:hover .header2__submenu {
        display: block;
    }
}

.header2__link {
    font-family: futurapt-demi;
    color: #302b2c;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px;
}

.header2__link:hover {
    color: #F79537;
    text-decoration: none;
}

.header2__submenu-link {

    padding: 0 5px;
    text-transform: none;
}

/* Правая часть */
.header2__right-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 21px;
}

/* Телефоны */
.header2__phones {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.header2__phone {
    color: #F7941D;
    line-height: 20px;
    font-weight: 700;
}

/* WhatsApp */
.header2__whatsapp {
    margin: 0 4px;
}

.header2__whatsapp-link {
    display: block;
    padding: 9px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
.header2__whatsapp-link:hover {
    transform: scale(1.1);
}

.header2__whatsapp-link img {
    width: 24px;
    height: 24px;
}

.header2__telegram-link {
    display: block;
    padding: 0px;
    ba1ckground: #007DBB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
.header2__telegram-link:hover {
    transform: scale(1.1);
}

.header2__telegram-link img {
    width: 42px;
    height: 42px;
}


/* Утилиты */
.header2__utilities {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header2__search-icon {
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.header2__search-icon:hover {
    transform: scale(1.1);
}

.header2__search-icon-mobile {
    display: none;
}

.header2__search {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 10%;
    box-sizing: border-box;
}

.header2__search.is-opened {
    display: block;
}

.header2__search-form {
    height: 100%;
    width: 100%;
    background: white;
}

input.header2__search-input {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: white;
    border: none;
    border-radius: 2px;
    border-bottom: 1px solid #d0d8d8;
    font-family: futurapt-demi;
    color: #302b2c;
    outline: none;

    font-size: 15px;
}

.header2__search-button {
    position: absolute;
    right: 64px;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    font-family: futurapt-demi;
    color: #302b2c;
    text-transform: uppercase;
    outline: none;
}

.header2__search-close {
    position: absolute;
    right: 15px;
    top: 0;
    height: 30px;
    width: 30px;
    border: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
    outline: none;
    cursor: pointer;
    margin-top: 6px;
}

.header2__basket {
    position: relative;
}


.header2__search-icon img,
.header2__basket img {
    width: 40px;
}

.header2__mobile-menu-icon img {
    width: 30px;
}


.header2__basket-mobile {
    display: none;
}


.header2__basket-link {
    position: relative;
}

.header2__basket-count {
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
    background: #302b2c;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
    color: white;
    font-family: futurapt-demi;
}

.header2__mobile-menu-icon {
    display: none;
}

.header2__mobile-menu-icon img {
    width: 24px;
    height: 24px;
}

.header2__top-bar-right .header2__search,
.header2__top-bar-right .header2__search-icon,
.header2__top-bar-right .header2__basket {
    display: none;
}

.header2__menu-block .button {
    display: none;
}

.callback_btn {
    cursor: pointer;
}

.popup .form .form_head {
    border-bottom: 2px solid;
    padding: 34px 35px 35px;
}

.popup .form .form_head h2 {
    margin: 0;
}

.popup .form .form_desc {
    margin-bottom: 0;
    margin-top: 15px;
}

.popup .form .form_result {
    margin: 0;
    padding: 30px 35px 0;
}

.popup .form .form_body {
    margin: 0;
    padding: 29px 35px 6px;
}

.popup .form .form_footer {
    padding: 0 35px 12px;
}

.popup.show .form .form_result {
    padding-bottom: 30px;
}

.popup .form .form_body .mess {
    color: #e62222;
    padding: 0px 0px 10px;
}

.popup .form .form_body .success {
    color: #5da247;
    margin-bottom: -12px;
}

.popup .form-control .files+.btn_block_file {
    margin: 10px 0px 0px;
}

.popup .form-control .files .inner_file .wrapper_file {
    position: relative;
    display: inline-block;
}

.popup .form-control .files .inner_file .wrapper_file .remove {
    position: absolute;
    right: -22px;
    top: 1px;
    width: 19px;
    height: 19px;
    z-index: 1;
    display: none;
}

.popup .form-control .files .inner_file .wrapper_file .remove i {
    width: 19px;
    height: 19px;
    display: block;
    background: url(images/close_icons.png) 4px -22px no-repeat;
}

.popup .form-control .files .inner_file .wrapper_file .remove:hover i {
    background-position: -16px -22px;
}

.popup .form-control .files .inner_file .wrapper_file.file .remove {
    display: block;
}

.popup .form-control .files .inner_file+.inner_file {
    margin: 10px 0px 0px;
}

.popup .form-control .files .inner_file .wrapper_file label.error {
    top: -14px;
}

.popup .form-control .files {
    max-width: 350px;
}

.popup .form-control .files input {
    outline: none;
}

.popup,
div[id^="CatalogSetConstructor"] .popup-window {
    background: #fff;
}

.popup .close:hover,
.popup-window-close-icon.popup-window-titlebar-close-icon:hover {
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
}

.popup .pop-up-title,
.popup-window-titlebar .popup-window-top-row .popup-window-center-column span div {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .57);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .57);
    -o-text-shadow: 0 1px 0 rgba(255, 255, 255, .57);
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .57);
}

.jqmOverlay,
.popup-window-overlay {
    background: rgba(0, 0, 0, .4) !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
}

.popup-window-overlay {
    background: rgba(255, 255, 255, .2) !important;
}

.popup div.form-control,
.form_body div.form-control,
.middle_info .sku_props .form-control {
    background-color: #fff;
    border: 0px solid #d5dadc;
    box-shadow: none;
    border-radius: 0px;
    height: auto;
    padding: 0px;
}

.popup div.form-control label,
.form_body div.form-control label {
    font-weight: 400;
}

.popup .form.ASK,
.form_block .form.ASK {
    display: block;
}

.form-control {
    position: relative;
    margin-bottom: 19px;
}

.form-control label {
    display: block;
    font-size: 12px;
    margin-bottom: 2px;
}

.form .form_footer {
    margin: 0 0 23px 0;
}

.popup .close,
.popup .close i,
.popup-window-close-icon.popup-window-titlebar-close-icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    opacity: 1;
}

.popup .close {
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.popup.show .close:hover,
.popup-window-close-icon.popup-window-titlebar-close-icon:hover {
    box-shadow: none;
}

.popup .close i,
.popup-window-close-icon.popup-window-titlebar-close-icon:after {
    background-position: 1px 2px !important;
}

.popup .close:hover i,
.popup-window-close-icon.popup-window-titlebar-close-icon:hover:after {
    background-position: -15px 2px !important;
}

.form_head>h2 {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.form .licence_block.filter {
    padding: 0 0 21px;
    margin: -18px 0 0;
    position: relative;
    display: block !important;
    box-shadow: none;
    top: 0;
}

.form .licence_block.filter label {
    padding-top: 0;
    text-align: left;
    font-weight: normal;
}

.filter.label_block input+label {
    padding-left: 23px;
    font-size: 11px;
}

.bx_filter_vertical input[type="checkbox"]+label,
.filter input[type="checkbox"]+label {
    padding-left: 5px;
    position: relative;
    z-index: 100;
    cursor: pointer;
    outline: none;
}

.bx_filter .bx_filter_param_label,
.filter label {
    position: relative;
    display: block;
    margin: 0px 0px 2px;
}

.form .licence_block.filter input[type="checkbox"] {
    display: block;
    visibility: hidden;
    width: 0;
    line-height: 0;
    margin: 0;
}

.filter input[type="checkbox"],
.filter input[type="radio"] {
    display: none;
}

.bx_filter_vertical input[type="checkbox"]:checked+label:before,
.bx_filter_vertical input[type="checkbox"]:checked+label:not(.disabled):hover:before,
.filter input[type="checkbox"]:checked+label:before,
.filter input[type="checkbox"]:checked+label:hover:before,
.filter input[type="radio"]:checked+label:before,
.filter input[type="radio"]:checked+label:hover:before {
    z-index: -1;
}

.bx_filter_vertical input[type="checkbox"]:checked+label:before,
.bx_filter_vertical input[type="checkbox"]+label:not(.disabled):hover:before,
.filter input[type="checkbox"]:checked+label:before,
.filter input[type="checkbox"]+label:hover:before,
.filter input[type="radio"]:checked+label:before,
.filter input[type="radio"]+label:hover:before {
    display: inline-block;
    z-index: 3;
}

.filter.label_block input[type="checkbox"]+label:before,
.filter.label_block input[type="checkbox"]+label:after {
    top: 3px;
}

button.button,
input.button,
.button,
.m_color_colored #header .catalog_menu ul.menu>li:not(.current):not(.stretch):hover,
#header ul.menu.full.opened li:not(.search_row):hover,
#header ul.menu.full>li.search_row #search-submit-button:hover,
.colored #header .catalog_menu ul.menu>li,
table.title-search-result td.title-search-all a .icon,
.basket_wrapp .wraps_icon_block.basket .count span,
.h_color_colored .header_wrap .basket_wrapp .basket_fly .wraps_icon_block.basket .count span,
.flex-direction-nav li:hover,
.flex-direction-nav li:first-child:hover,
.top_slider_wrapp .flex-direction-nav li:hover,
.like_icons span.wish_item.added,
.like_icons span.compare_item.added,
.subscribe-form,
.light .stores .all_map,
.block_wr.dark,
.popup .close:hover,
.h_color_white .header_wrap #header .middle-h-row .logo_wrapp .logo a,
.h_color_colored .header_wrap #header,
.registraion-page .top p:after,
.has_menu.m_color_colored #header .catalog_menu,
.has_menu.m_color_colored #header .catalog_menu ul.menu>li,
.module-cart .remove-cell a:hover,
.cart_shell .remove-cell a:hover,
.bx_item_set_hor .bx_item_set_hor_item a.remove,
.bx_filter .bx_filter_popup_result,
.bx_filter .bx_filter_parameters_box_title:before,
.bx_filter_vertical input[type="checkbox"]+label:before,
.filter input[type="checkbox"]+label:before,
.filter input[type="radio"]+label:before,
.bx_filter label.pal:hover .bx_filter_param_btn,
.bx_filter .bx_filter_param_label.active .bx_filter_param_btn,
.bx_filter_vertical input[type="checkbox"]+label.sku:hover,
.bx_filter_vertical input[type="checkbox"]:checked+label.sku,
.left_block .internal_sections_list li.cur,
.left_block .internal_sections_list li:hover,
.left_block .internal_sections_list .title .inner_block:hover:before,
.left_block .internal_sections_list .child_wrapp .child li.depth3 a.menu_item.cur:before,
.left_block .internal_sections_list .child_wrapp .child li.depth3 a.menu_item:hover:before,
.left_block .internal_sections_list .child_wrapp ul.child li.cur:after,
.left_block .internal_sections_list .child_wrapp ul.child li:hover:after,
body #content .props_list tr td>span:before,
body #content .props_list tr td>.txt:before,
.module-pagination .nums .cur,
.more_text_ajax:before,
.captcha_reload:before,
.sku_props .bx_item_detail_size ul li:hover,
.sku_props .bx_item_detail_size ul li.active,
.bx_catalog_item_scu .bx_item_detail_scu ul li.active span:not(.cnt_item),
.ik_select_list .ik_select_list_inner ul li.ik_select_active,
.bx_filter_select_popup ul li label.selected,
.filter_opener.opened,
.no_goods .no_products:before,
.wr_scrollbar .scrollbar .handle,
.remove:hover,
.catalog_detail .like_icons>div.text.added,
a i.arrow,
.popup-window-close-icon.popup-window-titlebar-close-icon:hover,
.bx_kit_item .bx_kit_item_add,
.catalog_detail .offers_table td.opener:hover .opener_icon,
.opener_icon:hover,
.char_name .hint .icon:hover,
.char_name .hint.active .icon,
.location-block-wrapper .bx-sls .bx-ui-sls-clear:before,
h4:hover .opener_icon,
.bg_block:before,
#order_form_div input[type="submit"],
.module-order-history .item_name:hover .icon,
.module-order-history .item_name:hover .icon,
.faq.list .item .q:hover .opener_icon,
.jobs_wrapp .item .name tr:hover .opener_icon,
.item .child_container .child_wrapp ul.child li.current:after,
.item .child_container .child_wrapp ul.child li:hover:after {
    color: #FFF;
    background: #fa6b00;
}

.bx_filter_vertical input[type="checkbox"]+label:before,
.filter input[type="checkbox"]+label:before,
.filter input[type="radio"]+label:before,
.bg_block:before {
    font-size: 0;
    content: ".";
    display: none;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #ddd;
    z-index: -1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.bx_filter_vertical input[type="checkbox"]:checked+label:after,
.filter input[type="checkbox"]:checked+label:after {
    background-position: 0px -28px;
}

.filter.label_block input[type="checkbox"]+label:before,
.filter.label_block input[type="checkbox"]+label:after {
    top: 3px;
}

.bx_filter_vertical input[type="checkbox"]+label:after,
.filter input[type="checkbox"]+label:after,
.bg_block:after {
    font-size: 0;
    content: ".";
    display: block;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('/local/templates/aspro_mshop/images/checkbox.png') 0px -6px no-repeat;
    z-index: 4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.bx_filter_vertical input[type="checkbox"]+label:before,
.filter input[type="checkbox"]+label:before,
.filter input[type="radio"]+label:before,
.bg_block:before {
    font-size: 0;
    content: ".";
    display: none;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #ddd;
    z-index: -1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.filter.label_block input+label {
    padding-left: 23px;
    font-size: 11px;
}

.form .form_footer .button+.button {
    margin-left: 13px;
}

.button.medium.transparent {
    padding: 10px 13px 9px;
}


@media (max-width: 1198px) {
    .header2__top-bar-right .header2__search,
    .header2__top-bar-right .header2__search-icon,
    .header2__top-bar-right .header2__basket {
        display: block;
    }    
        .header2__search-icon {
        margin-right: 0;
    }

    .header2__search-icon img,
    .header2__basket img {
        width: 20px;
    }

    .header2__center-block .header2__search-icon,
    .header2__right-block .header2__basket {
        display: none;
    }    

}

@media (max-width: 1090px) {
    .header2__whatsapp {display:none;}
}

@media (max-width: 1060px) {
    .he12ader2__phones {display:none;}

}

@media (max-width: 991px) {

    
    .hea12der2__phones {display:block;}


    .header2__top-bar-right .header2__search,
    .header2__top-bar-right .header2__search-icon,
    .header2__top-bar-right .header2__basket {
        display: block;
    }

    .header2__top-bar-left {
        display: none;
    }

    .header2__top-bar-right {
        width: 100%;
        gap: 16px;
        align-items: center;
    }

    .header2__top-bar-right .callback_btn {
        display: none;
    }

    .b24-web-form-popup-btn-6 {
        display: none;
    }

    .header2__search-icon {
        margin-right: 0;
    }

    .header2__search-icon img,
    .header2__basket img {
        width: 20px;
    }

    .header2__center-block {
        position: static;
    }

    .header2__center-block .header2__search-icon,
    .header2__right-block .header2__basket {
        display: none;
    }


    .header2__menu-block {
        max-width: none;
        display: none;
        position: absolute;
        width: calc(100% + 30px);
        padding: 24px 15px 5px 37%;
        margin-right: 10px;
        top: 100%;
        left: -15px;
        z-index: 997;
        background: white;
        box-shadow: 5px 9px 9px -12px #302b2c;
    }

    ul.header2__menu {
        width: max-content;
        align-items: flex-start;
        flex-flow: column;
        gap: 0;
        text-align: left;
    }

    .header2__menu-block .button {
        display: inline-block;
        margin: 17px auto;
    }

    .header2__menu-item {
        line-height: 30px;
        width: 100%;
    }

    .header2__submenu {
        position: static;
        box-shadow: none;
    }

    .header2__submenu-item {
        border-top: none;
        margin: 0 0 0 18px;
        list-style: disc;
        color: #302B2C;
    }

    .header2__submenu-link {
        padding: 0;
        font-size: 14px;

    }

    .header2__phones {
        order: 1;
    }

    .header2__whatsapp {
        order: 2;
    }

    .header2__logo,
    .header2__logo img {
        width: 120px;
    }

    .header2-block {
        height: 65px;
    }

    .header2__mobile-menu-icon {
        display: block;
        order: 3;
        cursor: pointer;
    }

    .header2__menu-item--parent {
        position: relative;
    }

    .header2__menu-item--parent::after {
        position: absolute;
        content: "";
        display: block;
        width: 20px;
        height: 30px;
        background-image: url("data: image/svg+xml, %3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1 1L5 6L9 1' stroke='black' /%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        right: -30px;
        top: 15px;
        transform: translateY(-50%);
        transition: transform 0.2s ease;
        cursor: pointer;
    }

    .header2__menu-item--parent.is-opened::after {
        transform: translateY(-50%) rotate(180deg);
    }
}