html {
    width: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: 80px
}

.historyproducts_cart_ajax_modal_s .popup{
    max-width: 450px;
}



.historyproducts_cart_ajax_modal_s .text-phone_s{
    font-weight:600;
    font-size:18px;
    margin-top:20px;
}

.other-tov .price-tovar{
    margin:4px;
    text-align:center;
}

.other-tov .text-tovar{
    margin:4px;
    text-align:center;
}

.left-collumn .upload-file__wrapper{
    display:none;
}

.tovar .img-chekbox input{
    display:none;
}

div[class*="content_block"] table {
    border-collapse: collapse !important;
    border: 2px solid #dee2e6 !important;
    width: 100%;
    margin: 20px 0;
}

div[class*="content_block"] table th,
div[class*="content_block"] table td {
    border: 1px solid #dee2e6 !important;
    padding: 12px 15px !important;
    vertical-align: top;
}

div[class*="content_block"] table th {
    background-color: #f8f9fa !important;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6 !important;
}

div[class*="content_block"] table tbody tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

div[class*="content_block"] table tbody tr:hover {
    background-color: #e9ecef !important;
}

.connect .connect_card .connect_cardItem_social{
    flex-direction:row;
    margin-top:0px;
}

.connect .connect_card .connect_cardItem_social img{
    height:60px;
    margin-top:0px;
}

.thx_section{
    display:flex;
    justify-content:center
}

.thx_con{
    display: flex;
    flex-direction: column;
    min-height: 198px;
    justify-content: space-between;
}

.thx_con > div{
    margin-bottom:10px;
    min-height:45px;
    text-align:center;
}

.thx_section a{
    color:#fff;
    border-radius:20px;
    background:#fa6705;
    padding:12px 22px;
    min-width:200px;
    font-size:18px;
    margin-top:20px;
}

#manuals_section .btn-show-mores{
    display:none;
}

.connect_cardsWrapper a:hover {
    scale: 1.03;
}

.container-manuals {
    padding-left: max(0px, min(3.06vw, 44px))!important;
    padding-right: max(0px, min(3.06vw, 44px))!important;
}

.container-manuals .connect{
        padding-left: max(20px, min(4.44vw, 64px));
    padding-right: max(20px, min(4.44vw, 64px));
}

.connect p {
    width: 75%;
    margin-bottom: 40px;
}

.connect_cardsWrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
}

.connect_cardsWrapper a {
    transition: .2s;
}

.connect_card {
    position: relative;
    overflow: hidden;
    padding: 32px;
    background-color: #fff;
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

.connect_cardTitle {
    text-align: center;
    color: #071423;
}
.connect .subtitle_maket, .connect_cardTitle {
    margin-bottom: 20px;
}
.connect_cardTitle, .subtitle_maket {
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.08em;
}

.connect_cardItem img {
    width: auto;
    height: 127px;
    margin-top: 10px;
}

.connect {
    overflow-x: hidden;
    margin-bottom: max(60px, min(7.64vw, 110px));
    background-color: #f3f5f8;
    border-radius: 32px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.connect .subtitle_maket, .connect_cardTitle {
    margin-bottom: 20px;
}
.connect_cardTitle, .subtitle_maket {
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.08em;
}
.maket_title, .subtitle_maket {
    text-align: left;
    margin-bottom: 40px;
}

#manuals_section .tags_main{
    display: flex;
    flex-flow: row wrap;
    gap: 25px;
    position: relative;
    margin-bottom:30px;
}

#manuals_section .tags_main a {
    padding-right:9px;
    padding-left:9px;
}

.tags_group {
    overflow: hidden;
}
.tags_group {
    display: flex;
    flex-flow: row wrap;
    gap: 25px;
    position: relative;
}

#manuals_section .tags_main{
    min-height:50px;
}

.content-block_how_shablon h4{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
}

.content-block_how_shablon p{
    margin-bottom:20px;
}

footer a:hover{
    text-decoration:underline;
}

.footer_infoPayItem a:hover{
    opacity:0.5;
}

.footer_contactsGroup #footer_map:hover{
    text-decoration:underline;
}

.info__nav a:hover{
   color:#fa6705!important;
   transition:0.3s;
   text-decoration:underline;
}

#windowCalcBlock_izb .mw-450{
    padding:20px!important;
}

#windowCalcBlock_izb .product__btn-icons {
        flex-direction: column;
        gap: 10px;
    }

#windowCalcBlock_izb .product__btn-icons div a{
    height:38px;
}

#windowCalcBlock_izb .w-85 span{
    font-size:10px;
}

.category__catalog .category_item_big a{
    min-width:100%;
}

.category__catalog .category_item_big{
    display:flex!important;
}

.category__catalog .category_item_big img{
    max-width:200px;
    max-height:340px;
}

.ppnk-consent-btm {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9998;
            padding: 14px
        }

        .ppnk-consent-btm__inner {
            max-width: 1000px;
            margin: 0 auto;
            background: rgba(231, 27, 140, 0.8);
            border-radius: 20px;
            box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
            display: flex;
            gap: 16px;
            align-items: center;
            justify-content: space-between;
            padding: 14px 16px;
            border: 1px solid #eee;
            color:#fff;
        }

        .ppnk-consent-btm__text span {
            color: #fff;
            line-height: 1.45
        }
        
        .ppnk-consent-btm__text span a{
            text-decoration:underline;
            color:#fff;
        }

        .ppnk-consent-btm__link {
            color: #fa6705;
            text-decoration: underline
        }

        .ppnk-consent-btm__actions {
            display: flex;
            gap: 10px;
            flex-shrink: 0
        }

        .ppnk-btm-btn {
            border: 0;
            border-radius: 10px;
            padding: 10px 14px;
            cursor: pointer;
            font-weight: 600
        }

        .ppnk-btm-btn--primary {
            background: #fff;
            color: #000
        }

        .ppnk-btm-btn--primary:hover {
            filter: brightness(1.05)
        }

        .ppnk-btm-btn--ghost {
            background: #fff;
            border: 1px solid #e5e7eb;
            color: #374151
        }

        .ppnk-btm-btn--ghost:hover {
            border-color: #fa6705;
            color: #fa6705
        }

        .ppnk-consent-btm[hidden] {
            display: none
        }

.custom-favorites-list {
    display: flex;
    flex-wrap:wrap;
    gap: 12px;
    margin-bottom:40px;
}

.custom-favorite-item {
    flex: 0 0 calc(33.333% - 10.67px);
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    gap: 20px;
}

.custom-favorite-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    position:relative;
}

.custom-favorite-image {
    flex-shrink: 0;
}

.custom-favorite-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-favorite-info {
    flex: 1;
}

.custom-favorite-title {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.custom-favorite-title a {
        font-family: Inter;
    font-size: 22px;
    font-weight: 400;
    line-height: 22.75px;
    letter-spacing: -.01em;
    color: #071423;
    text-decoration: none;
    min-height:62px;
    display:block;
}

.custom-favorite-title a:hover {
    color: #fa6705;
    text-decoration: underline;
}

.custom-favorite-description {
    color: #666;
    font-size: 14px;
    margin: 0 0 15px 0;
    line-height: 1.4;
}

.custom-favorite-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content:space-between;
}

.custom-favorite-btn {
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
}

.custom-favorite-btn-view {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ececf0;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    width:130px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.custom-favorite-btn-add {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ececf0;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    width: 130px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #fa6705;
}

.custom-favorite-btn-view:hover {
    opacity:0.6;
}

.ppnk-remove-btn {
            position:absolute;
            top:-8px;
            right:0px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 55px;
            height: 47px;
            border-radius: 20px;
            border: 1px solid #e5e7eb;
            background: #ffffff;
            color: #374151;
            cursor: pointer;
            transition: border-color .18s ease, box-shadow .18s ease, color .18s ease;
        }

        .ppnk-remove-btn:hover {
            background: #fa6705;
            border-color: #fa6705;
            color: #fff!important; 
        }

        .ppnk-remove-btn:focus {
            outline: 2px solid rgba(231, 27, 140, .35);
            outline-offset: 2px
        }

        .ppnk-remove-icon {
            pointer-events: none
        }

        .ppnk-remove-btn:hover .ppnk-remove-icon {
            animation: ppnk-shake-x 1s cubic-bezier(.36, .07, .19, .97) both;
        }

        @keyframes ppnk-shake-x {

            10%,
            90% {
                transform: translateX(-0.8px)
            }

            20%,
            80% {
                transform: translateX(1.2px)
            }

            30%,
            50%,
            70% {
                transform: translateX(-2px)
            }

            40%,
            60% {
                transform: translateX(2px)
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .ppnk-remove-btn {
                transition: none
            }

            .ppnk-remove-btn:hover .ppnk-remove-icon {
                animation: none
            }
        }


.custom-favorites-empty {
    text-align: left;
    margin-bottom:40px;
    color: #666;
    font-size: 18px;
}

.custom-favorites-error {
    text-align: center;
    padding: 40px;
    color: #dc3545;
    font-size: 18px;
}

.custom-favorites-wrapper {
    margin-bottom: 40px;
}

.custom-favorites-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-favorites-popup-content {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 400px;
    width: 90%;
    position: relative;
}

.custom-favorites-popup-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.custom-favorites-popup-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.custom-favorites-popup-message {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.custom-favorites-popup-close {
    background: #fa6705;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.custom-favorites-popup-close:hover {
    opacity:0.7;
}

/* Стили для попапа корзины */
.custom-cart-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-cart-popup-content {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 400px;
    width: 90%;
    position: relative;
}

.custom-cart-popup-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.custom-cart-popup-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.custom-cart-popup-message {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.custom-cart-popup-close {
    background: #fa6705;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.custom-cart-popup-close:hover {
    opacity:0.7;
}

.favourite__custom a{
    border-radius:20px;
    min-width:100%;
    box-shadow:0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    background:#fff;
    border:1px solid #ececf0;
}

.favourite__custom a p{
    font-weight:600;
}

.favourite__custom a:hover{
    background:linear-gradient(90deg, #476c8c 0, #034476 100%);
    transition:0.4s;
}

.favourite__custom a:hover p{
    color:#fff;
}

.mobile-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f7f7f7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px 5px 20px 5px;
    z-index: 1000;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    
}

.mobile-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #666;
    transition: color 0.3s ease;
    padding: 8px 12px;
    border-radius: 12px;
    min-width: 60px;
}

.mobile-menu-item.active {
    color: #fa6705;
}

.mobile-menu-item:hover {
    color: #fa6705;
}

.mobile-menu-icon {
    width: 27px;
    height: 27px;
    margin-bottom: 4px;
    transition: transform 0.3s ease;
}

.mobile-menu-label {
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
}

[data-popupbanner="true"] {
    cursor:pointer;
}

.btn_inst_bot{
    background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7)!important;
}

.socialbot_cart_ajax_modal .product__btn-icons{
    flex-direction:column;
}

.socialbot_cart_ajax_modal .popup{
    max-width:450px;
    border-radius: 20px;
} 

.socialbot_cart_ajax_modal .hist_header {
    font-size: 26px !important;
    padding: 10px;
    margin-top: 30px;
}

#history-products-list::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    cursor: pointer
}

#history-products-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    cursor: pointer
}

#history-products-list::-webkit-scrollbar-thumb {
    background-color: #fa6705;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
    cursor: pointer
}

#history-products-list::-webkit-scrollbar-thumb:hover {
    background-color: #d51574;
    cursor: pointer
}

#history-products-list{
    overflow-y:scroll;
    max-height:440px;
    background:#fff;
}

.historyproducts_cart_ajax_modal .product__contact{
    padding:0px;
}

.hist_header{
    letter-spacing:-.02em!important;
}

.hist_header span{
    font-weight: 700;
    letter-spacing: -.08em;
        color: #fff;
    z-index: 10;
    position: relative;
}

.hist_header span::after {
    display: block;
    content: "";
    position: absolute;
    border-radius: 17px;
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    left: -0.75%;
    right: -6%;
    top: 7%;
    bottom: -5%;
    z-index: -1;
    background: -o-linear-gradient(349.35deg,#034476 18.03%,#476c8c 113.33%);
    background: linear-gradient(100.65deg, #034476 18.03%, #476c8c 113.33%);
}

.con_link__our_h{
    margin-top:20px;
    display:flex;
    justify-content:center;
}

.con_link__our_h a{
    border-radius:20px;
}

.historyproducts_cart_ajax_modal .login_block--con{
    margin-bottom:8px;
}

.historyproducts_cart_ajax_modal .product__btn-icons a{
    max-height:44px;
    border-radius:20px;
}

.historyproducts_cart_ajax_modal .product__btn-icons a span{
    font-size:16px;
}

.historyproducts_cart_ajax_modal .product__btn-icons a img{
    width:26px;
    height:26px;
}

.pwa_ajax_modal .popup{
    padding:10px;
    border-radius:20px;
}

.d-center_pwa{
    display:flex;
    justify-content:center;
}

.block_ios{
    display:flex;
    flex-direction:column;
}

.block_ios img{
    max-height: 440px;
    margin-top:10px;
    object-fit: contain;
}

.block_ios p{
    font-weight:600;
    font-size:16px;
}

.modalBtnPwa{
   position: fixed;
    left: 32px;
    border-radius:60%!important;
    bottom: 105px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    z-index: 1001;
    width: 52px !important;
    height: 52px !important;
    padding: 12px !important;
    background:linear-gradient(90deg, #476c8c 0, #034476 100%); 
    margin-top:20px;
}

.modalBtnPwadd{
    font-size:14px!important;
}

.modalBtnPwadd span {
    background: #fff;
    color: #000 !important;
    margin-left: 5px;
    padding: 4px;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pwa_ajax_modal .hist_header{
    font-size:20px!important;
}

.modalBtnHist {
    position: fixed;
    left: 32px;
    bottom: 120px;
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    z-index: 1001;
    width: 60px !important;
    height: 60px !important;
    padding: 12px !important;
    background:linear-gradient(90deg, #476c8c 0, #034476 100%);
}

.productCard_productName{
    margin-top:10px!important;
    margin-bottom:10px!important;
    display:block;
}

.success_ajax_modal_ExitSite {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.success_ajax_modal_ExitSite.modal-show {
    opacity: 1;
}

.success_ajax_modal_ExitSite .popup {
    transform: scale(0.8);
    transition: transform 0.6s ease;
}

.success_ajax_modal_ExitSite.modal-show .popup {
    transform: scale(1);
}

.success_ajax_modal_ExitSite{
    background:rgba(0, 0, 0, .6)!important;
}

.success_ajax_modal_ExitSite #succes_help_block>div{
    display:flex;
    flex-direction:column;
}

.success_ajax_modal_ExitSite #succes_help_block>div>div{
    display:flex;
    justify-content:space-between;
}

.success_ajax_modal_ExitSite #succes_help_block .heading_exit{
    font-size:22px;
    font-weight:600;
}

.success_ajax_modal_ExitSite #succes_help_block p{
    margin-bottom:15px;
}

.success_ajax_modal_ExitSite #succes_help_block>div>div>.customButton{
    max-width:185px;
    font-size:15px;
}

.header_catalogBtnWrapper>.hoverCatalog:hover .catalogMenu {
    opacity: 1 !important;
    visibility: visible;
    top: 52px;
}


.fixed>.header_catalogBtnWrapper>.hoverCatalog:hover .catalogMenu {
    opacity: 1 !important;
    visibility: visible;
    top: 61px;
}

.catalogMenu_navItem {
    text-align: left;
}

.autocomplete-dropdown::-webkit-scrollbar {
    width: 8px;
}

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

.autocomplete-dropdown::-webkit-scrollbar-thumb {
    background: #fa6705;
    border-radius: 4px;
}

.autocomplete-dropdown::-webkit-scrollbar-thumb:hover {
    background: #c41e7a;
}

#query_post {
    font-weight: 600;
}

/* Стили для autocomplete */
.search-autocomplete-wrapper {
    position: relative;
    flex: 1;
}

.autocomplete-results {
    list-style: none;
    margin: 0;
    padding: 0;
}

.autocomplete-results li {
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.autocomplete-results li:last-child {
    border-bottom: none;
}

.autocomplete-results li:hover {
    background-color: #f8f9fa;
}

.autocomplete-results li.selected {
    background-color: #fa6705;
    color: #fff;
}

.autocomplete-item-desc {
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}

.autocomplete-results li.selected .autocomplete-item-title,
.autocomplete-results li.selected .autocomplete-item-desc {
    color: #fff;
}

.autocomplete-item-link {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.autocomplete-item-link:hover {
    text-decoration: none;
    color: inherit;
}

.autocomplete-loading {
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.autocomplete-no-results {
    padding: 20px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.select-hide {
    display: none;
}

/* Стили для нашего кастомного селекта */
.searchInput_select {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 110px;
}

.searchInput_select select {
    display: none !important;
}

.searchInput_select .select-selected {
    color: #93989f;
    padding: 10px 25px 10px 12px;
    cursor: pointer;
    font-size: .813rem;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: -.02em;
    height: 100%;
    background-color: #f3f4fb;
    display: flex;
    align-items: center;
    justify-content: left;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
}

.searchInput_select .select-selected:hover {
    color: #fa6705;
    transition: all 0.3s ease;
}

.searchInput_select .select-selected:after {
    content: '';
    position: absolute;
    top: 57%;
    right: 12px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #666 transparent transparent transparent;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.searchInput_select .select-selected:hover {
    border-color: #999;
}

.searchInput_select .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
}

.searchInput_select .select-items li {
    color: #333;
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
}

.searchInput_select .select-items li:last-child {
    border-bottom: none;
}

.searchInput_select .select-items li:hover {
    background-color: #f5f5f5;
}

.searchInput_select .select-items li.selected {
    background-color: #007cba;
    color: #fff;
}

/* Дополнительные стили для autocomplete */
.search-autocomplete-wrapper {
    position: relative;
    flex: 1;
}

.autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 11px 11px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.autocomplete-header .autocomplete-summary {
    width: 100%;
    font-size: 16px;
}

.autocomplete-header .autocomplete-show-all {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #fa6705;
}

.autocomplete-header {
    padding: 8px 12px;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-size: 12px;
    color: #6c757d;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.autocomplete-query {
    font-weight: 600;
    color: #000000;
    font-size: 16px;
}

.autocomplete-count {
    font-weight: 600;
    font-size: 16px;
}

.autocomplete-results {
    list-style: none;
    margin: 0;
    padding: 0;
}

.autocomplete-results li {
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.autocomplete-results li:last-child {
    border-bottom: none;
}

.autocomplete-results li:hover {
    background-color: #f8f9fa;
}

.autocomplete-results li.selected {
    background-color: #fa6705;
    color: #fff;
}

.autocomplete-item-link {
    display: flex;
    text-decoration: none;
    color: inherit;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.autocomplete-item-link:hover {
    text-decoration: none;
    color: inherit;
}

.autocomplete-item-image {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.autocomplete-item-content {
    flex: 1;
    min-width: 0;
}

.autocomplete-item-title {
    font-weight: 500;
    color: #fa6705;
    margin-bottom: 2px;
}

.autocomplete-item-title strong {
    color: #fa6705;
}

.autocomplete-item-desc {
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}

.autocomplete-results li.selected .autocomplete-item-title,
.autocomplete-results li.selected .autocomplete-item-desc {
    color: #fff;
}

.autocomplete-loading {
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.autocomplete-no-results {
    padding: 20px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.d_flex__contact {
    display: flex !important;
    justify-content: center;
    margin-top: 24px !important;
}

.d_flex__contact .connect_cardItem {
    flex-direction: column;
}

.d_flex__contact .connect_card {
    width: 470px;
    height: 154px;
}

.map-route-container .advantages_title>span {
    z-index: 1;
}

.map-route-container .advantages_title>span::after {
    z-index: -1;
}

.map-route-container {
    width: 100%;
    background: #f3f5f8;
    margin-bottom: 30px;
    border-radius: 30px;
    margin-top: 20px;
}

.map_btns__con>h2 {
    margin-bottom: 39px;
}

.map_btns__con {
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 20px 31px;
}

.map-container {
    height: 450px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
}

.preset-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}

.preset-btn {
    background: #fff;
    color: black;
    border: none;
    padding: 22px 32px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    transition: transform 0.2s;
    text-align: center;
    flex: 1;
    min-width: 200px;
    border: 1px solid #ececf0;
    max-width: 260px;
    display: flex;
    justify-content: center;
}

.preset-btn svg {
    margin-right: 5px;
}

.preset-btn img {
    max-width: 40px;
}

.preset-btn:hover {
    transform: translateY(-2px);
}

.preset-btn:active {
    transform: translateY(0);
}

.info_inner>.custom-tabs-content-wrap>.custom-tabs-content img {
    border-radius: 20px;
}

.history-item-image img:hover {
    transform: scale(1.2);
    transition: 0.4s;
}

.history-item {
    background: #fff;
}

.history-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
    gap: 15px;
    margin-bottom: 10px;
    border-radius: 20px;
}

.history-item:last-child {
    border-bottom: none;
}

.history-item-image {
    flex-shrink: 0;
    width: 110px;
    height: 110px;
    overflow: hidden;
}

.history-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.history-item-info {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.history-item-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
}

.history-item-title a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.history-item-title a:hover {
    color: #fa6705;
}

.history-item-price {
    font-size: 18px;
    font-weight: 700;
    color: #28a745;
    margin-bottom: 5px;
}

.history-item-date {
    font-size: 12px;
    color: #666;
}

.history-item-actions {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.btn-view-product {
    background: #fa6705;
    color: white;
    border: none;
    padding: 8px 14px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-view-product:hover {
    background: #fa6705;
    color: white;
    text-decoration: none;
}

.btn-remove-from-history {
    background: #dc3545;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
}

.btn-remove-from-history:hover {
    background: #c82333;
}

.history-empty {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.history-empty p {
    margin: 10px 0;
}

.history-loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

.popup input:focus {
    border: 1px solid #fa6705 !important;
    outline: none;
}

.popup textarea:focus {
    border: 1px solid #fa6705 !important;
    outline: none;
}

.header_orderBtnWrapper {
    display: flex;
}

.historyproducts_cart_ajax_modal .popup {
    background: #f3f5f8 !important;
    border-radius: 32px !important;
    padding-top: 35px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow: hidden !important;
    max-width: 660px;
}

.header_orderBtnWrapper .modalBtnCalc {
    margin-left: 8px;
}

.calendarCalcSwiper .swiper-slide img {
    max-height: 638px;
}

.close_fullSliderTov {
    position: absolute;
    top: 5px !important;
    font-size: 47px;
    right: 20% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 333;
    color: black;
    background: #fff;
    height: 40px !important;
    width: 40px !important;
    align-items: center;
    border-radius: 5px;
}

.actual__con {
    position: relative;
}

.actual__con .portfolio_itemCaption {
    position: absolute;
    bottom: 10px;
    left: 3.5%;
    right: 3.5%;
    padding: 6px 12px;
    border-radius: 20px;
    background: #ffffff;
    color: #fa6705;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    min-height: 60px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
}

.custom__gallery>.calendarCalcSwiper {
    border-radius: 32px;
}

.popularCategories_item .popularCategories_itemTitle {
    font-size: 15px;
}

.popularCategories_item:hover .popularCategories_itemTitle {
    color: #fa6705;
}

.blog_blogItemLink.comanda_href {
    margin-bottom: 20px !important;
}

.address_section::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    cursor: pointer
}

.address_section::-webkit-scrollbar-track {
    background: #f1f1f1;
    cursor: pointer
}

.address_section::-webkit-scrollbar-thumb {
    background-color: #fa6705;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
    cursor: pointer
}

.address_section::-webkit-scrollbar-thumb:hover {
    background-color: #d51574;
    cursor: pointer
}

.accord_text ul {
    list-style: disc !important;
    margin-left: 2px;
}

.accord_text li {
    list-style: disc !important;
    margin-left: 15px;
}


.accord_text li::marker {
    color: #fff !important;
}

li::marker {
    color: #fa6705 !important;
}

.requirements_text a {
    color: #fa6705;
    text-decoration: underline;
}

.block_navMapimg {
    margin-top: 15px;
    margin-bottom: 15px;
}

.block_navMapimg img {
    border-radius: 20px;
    object-fit: contain;
    width: 100%;
}

.product__mb_20 {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.product__mb_20>p {
    font-weight: 600;
    max-width: 370px;
    text-align: center;
}

.product__contact {
    padding: 0px 25px 25px 25px;
}

.product__btn-icons {
    display: flex;
    gap: 15px;
}

.product__btn-icons>div {
    flex: 1 1 0;
    display: flex;
}

.product__btn-icons a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-radius: 12px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.product__btn-icons a:hover {
    opacity: 0.6;
}

.product__btn-icons a.btn-tg {
    background: #655cac;
}

.product__btn-icons a.btn-other {
    background: #25a3e1;
}

.btn-other img {
    width: 26px !important;
    height: 26px !important;
}

.product__btn-icons a img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.product__btn-icons a span {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-left: 5px;
}

.tag_element .active {
    background: #fff;
}

.blog_itemAuthorPicWrap>img {
    border-radius: 30px;
}

.text ol>li {
    list-style-type: decimal;
    padding-left: 0px;
    margin-left: 18px;
    margin-top: 5px;
}

.text p {
    text-indent: 5px;
    /* отступ первой строки */
    margin-top: 10px;
    /* отступ сверху */
    margin-bottom: 10px;
    /* отступ снизу */
    line-height: 1.6;
    /* межстрочный интервал для читаемости */
}

.f_redact_b {
    font-size: 66px;
}

.f_redact_d {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}

.header_numberPopUpMain {
    display: none;
}

.phone__link {
    color: #071423 !important;
}

.email__link {
    color: #071423 !important;
}

.portfolio-v2_modalContent {
    min-width: 100vw;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal .portfolio-v2_modal-close-btn {
    width: 34px !important;
    height: 34px !important;
    position: absolute !important;
    right: 28px !important;
    border-radius: 5px;
    top: 28px !important;
    background-color: #fff !important;
    background-size: 20px 20px !important;
    background-position: center center !important;
}

.portfolio-v2__relative {
    position: relative;
    width: 100%;
    max-width: 752px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-v2 .swiperInnerPortfolio {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1.156;
    border-radius: 20px;
}

.blog_itemTime,
.blog_itemView,
.portfolio-v2 .swiperInnerPortfolio .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn_por_prev {
    left: 122px !important;
}

.btn_por_next {
    right: 122px !important;
}

.portfolio_new__block {
    display: flex;
    justify-content: center;
}

.portfolio_new__block>img {
    border-radius: 20px;
    width: 450px;
    height: 600px;
}

.actual_work_sq .portfolio_itemImage {
    transform: scale(1);
}

.portfolio_itemImage {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    width: 100%;
    transform: scale(1.4);
}

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

.btn-show-mores {
    cursor: pointer;
    margin-bottom: 10px;
}

.portfolio__link_block {
    margin-bottom: 40px;
    padding: 20px;
    display: flex;
    justify-content: center;
}

.portfolio__link_block>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    height: 100%;
    background-color: #fa6705;
    padding: 12px 26px;
    text-align: center;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    letter-spacing: -.01em;
    max-width: 220px;
}

.portfolio__link_block>a:hover {
    background-color: #fa6705;
}

#actual_section .TagsTabsWrap_blog {
    max-width: fit-content;
    background: #fff;
    border-radius: 0px;
}

#actual_section .tags_group>.active {
    background: linear-gradient(90deg, #476c8c 0, #034476 100%);
    border: 1px solid transparent;
    color: #fff;
    height: 50px;
    transition: .3s;
}

.ajax-tab {
    height: 50px;
    padding: 14px 32px;
    border-radius: 100px;
    border: 1px solid #fa6705;
}

.accord_text a {
    text-decoration: underline;
    font-weight: bold;
}

.content_block ul>li::marker {
    color: #fa6705;
}

.toggle_wrapper>.active.yaMapPopUp {
    display: flex !important;
}

.requirements_float li a {
    color: #fa6705;
}

.block_navpage li a {
    color: #fa6705;
}

body {
    overflow: visible !important;
}

.toggle_btn {
    cursor: pointer;
}

.error_recaptcha {
    display: flex;
    margin-top: 20px;
}

.wrapper_main--video {
    border-radius: 20px !important;
}

.d_block {
    display: block;
}

.br_32 {
    border-radius: 32px !important;
}

.reviews_reviewImage {
    display: none;
}

.history_slideCol li {
    list-style: outside;
    margin-left: 20px;
}

.popArticle_itemPicWrap img {
    max-width: 235px;
}

.content-block ul>li {
    list-style-type: disc;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.content_backtovar a {
    color: #fa6705;
}

.content_block img {
    width: revert-layer;
    height: initial;
    object-fit: unset
}

#payment_1 {
    cursor: pointer
}

#payment_1:hover {
    color: #fa6705
}

.rec_container {
    overflow: hidden
}

.TagsTabsWrap_blog {
    max-width: 83%
}

.blog_title {
    min-width: 100%
}

.TagsTabsWrap_blog>.tags_container>.blog_tabsCon {
    flex-wrap: wrap
}

.TagsTabsWrap_blog>.tags_container>.blog_tabsCon>li {
    margin-bottom: 6px;
    margin-top: 6px
}

#frontendManager {
    z-index: 10000
}

.hidden-h {
    display: none
}

input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

textarea::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

textarea::-moz-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

input::-moz-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

input:-moz-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

textarea:-moz-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

textarea:-ms-input-placeholder {
    opacity: 1;
    transition: opacity .3s ease
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

textarea:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

textarea:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

textarea:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity .3s ease
}

.custom-select {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f3f4fb;
    border-radius: 10px
}

.custom-select select {
    display: none
}

.select-selected {
    display: block;
    border-radius: 10px;
    background-color: inherit
}

.select-selected:after {
    position: absolute;
    content: url(images/arrow_bottom.svg);
    height: auto;
    width: 8px;
    top: 50%;
    right: 15px;
    transform: translateY(-60%)
}

.select-selected.select-arrow-active:after {
    transform: translateY(-20%) rotate(180deg)
}

.select-items li,
.select-selected {
    color: #93989f;
    padding: 10px 25px 10px 12px;
    cursor: pointer;
    font-size: .813rem;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: -.02em
}

.select-selected {
    white-space: nowrap
}

.select-items {
    position: absolute;
    background-color: #f3f4fb;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 10001;
    width: fit-content;
    overflow: hidden;
    box-shadow: 0 4px 54px 0 rgba(0, 0, 0, .14);
    min-width: 100%;
    border-radius: 5px;
    visibility: visible;
    height: auto;
    opacity: 1;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: linear
}

.select-hide {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.same-as-selected,
.select-items li:hover {
    background-color: #fff
}

.login_popup {
    background: #fff;
    border-radius: 12px;
    position: absolute;
    top: 47px;
    right: -2px;
    padding: 12px;
    display: none;
    flex-direction: column;
    width: 188px
}

.login_btn {
    position: relative;
    cursor: pointer
}

.login_btn:hover .login_popup {
    display: flex;
    transition: .4s;
    box-shadow: 0 2px 9px 0 rgb(188 168 168 / 46%);
    -webkit-box-shadow: 0 2px 9px 0 rgb(188 168 168 / 46%)
}

.login_block--con {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.login_block--con>.login_btn--action {
    background: #fa6705;
    color: #fff;
    text-decoration: none;
    padding: 5px 8px;
    border-radius: 12px;
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px
}

.login_block--con>p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #353f47
}

.login_block--con>.form_header {
    font-family: Inter;
    font-size: 29px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.08em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none
}

.login_block--con>form>.ec-form__row>input {
    margin-bottom: 15px;
    font-size: 15px
}

.login_block--con>form>.ec-form__row>textarea {
    margin-bottom: 15px
}

.link_login {
    color: #fa6705;
    text-decoration: underline
}

.btn_login_password {
    background: #fa6705;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #ececf0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .06);
    width: 216px;
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -.02em;
    text-align: left;
    color: #fff;
    margin-left: 30px
}

.form_login_container {
    align-items: center;
    display: flex;
    margin-top: 30px
}

.mse-ac-item_element>.text-header_ac {
    font-size: 20px;
    margin: 20px 0;
    font-weight: 600
}

.mse-ac-item_element>.text-header_ac>span>a {
    color: #fa6705 !important;
    font-weight: 600
}

.mse-ac-item_element>.intro-header_ac {
    font-size: 16px;
    margin: 16px 0;
    font-weight: 400
}

.mse-ac-item_element>.intro-header_ac>b {
    font-weight: 400
}

.mse2-ac-link {
    background: #fff !important;
    border: 1px solid #fff !important;
    margin: -1px !important
}

.mse2-ac-wrapper {
    margin-bottom: 10px
}

.ui-autocomplete {
    height: 50vh;
    overflow-y: scroll;
    overflow-x: clip;
    -webkit-box-shadow: 0 10px 13px -4px rgba(34, 60, 80, .2);
    -moz-box-shadow: 0 10px 13px -4px rgba(34, 60, 80, .2);
    box-shadow: 0 10px 13px -4px rgba(34, 60, 80, .2);
    border-radius: 10px;
    border: none !important;
    padding: 15px !important
}

.ui-autocomplete::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 3px
}

.ui-autocomplete::-webkit-scrollbar-track {
    background: #f1f1f1
}

.search-results {
    padding-top: 20px
}

.search-results>p {
    margin-bottom: 20px;
    font-size: 16px
}

.search-results>p>a {
    color: #fa6705 !important;
    cursor: pointer
}

.search-results_shop {
    padding-top: 20px
}

.search-results_shop>p {
    margin-bottom: 20px;
    font-size: 16px
}

.search-results_shop>p>a {
    color: #fa6705 !important;
    cursor: pointer
}

.mw-485 {
    max-width: 480px !important;
    background: #f3f5f8 !important;
    border-radius: 32px !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 17px !important;
    padding-right: 17px !important;
    overflow: hidden !important
}

.mw-450 {
    max-width: 427px !important;
    background: #f3f5f8 !important;
    border-radius: 32px !important;
    padding-top: 35px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow: hidden !important
}

.checkbox_con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.w-15 {
    width: 13%;
    text-align: left;
    position: relative
}

.w-15>input {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    width: 25px !important;
    height: 25px !important;
    cursor: pointer
}

.w-85 {
    width: 85%;
    text-align: left
}

.form_submit_login {
    background: #fa6705 !important;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 8px;
    border-radius: 12px;
    text-align: center;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    height: 46px;
    width: 100%;
    margin-top: 15px;
    cursor: pointer
}

.close_modal_btn_Otziv,
.close_modal_btn_calc,
.close_modal_btn_calculator,
.close_modal_btn_cartorg,
.close_modal_btn_fullscreen,
.close_modal_btn_help,
.close_modal_btn_login,
.close_modal_btn_success,
.close_modal_btn_success_cart,
.close_modal_history_products,
.close_modal_btn_success_ExitSite,
.close_modal_btn_calc_izb,
.close_modal_btn_calcnew,
.close_modal_btn_success_img {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 14px;
    font-size: 39px;
    right: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.close_modal_btn_fullscreen {
    height: 38px;
    width: 38px;
    position: absolute;
    top: -6px;
    font-size: 47px;
    right: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 333
}

.popup-width_fullscreen {
    max-height: fit-content !important;
    max-width: fit-content !important;
    overflow: hidden !important
}

button[type=submit]:disabled {
    background: #ccc !important;
    color: #000 !important;
    pointer-events: none !important
}

.customButton,
.header_navItem {
    cursor: pointer
}

.custom-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    user-select: none
}

.custom-checkbox input {
    display: none
}

.custom-checkbox .checkmark {
    width: 24px;
    height: 24px;
    border: 2px solid #fa6705;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 10px;
    position: relative;
    transition: all .3s ease
}

.custom-checkbox input:checked+.checkmark {
    background-color: #fa6705;
    border-color: #fa6705
}

.custom-checkbox .checkmark::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 3px;
    left: 7px;
    opacity: 0;
    transition: opacity .3s ease
}

.custom-checkbox input:checked+.checkmark::after {
    opacity: 1
}

.custom-checkbox {
    color: #fff
}

.header_btnsWrapper>.header_favoriteBtn {
    position: relative
}

.count_param_cart,
.count_custom_fav {
    position: absolute;
    color: #fff;
    background: #fa6705;
    top: -6px;
    font-size: 9px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    right: -5px
}

.header_btnsWrapper>.header_basketBtn {
    position: relative
}

.ui-autocomplete>.ui-menu-item {
    cursor: unset !important
}

.success_img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.success_img>img {
    width: 50px;
    height: 50px
}

.success_text {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #353f47
}

.catalogMenu_contentBlock {
    overflow-y: scroll
}

.catalogMenu_contentWrapper::-webkit-scrollbar {
    width: 12px
}

.catalogMenu_contentWrapper::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px
}

.catalogMenu_contentWrapper::-webkit-scrollbar-thumb {
    background-color: #fa6705;
    border-radius: 10px;
    border: 3px solid #f5f5f5
}

.catalogMenu_contentWrapper::-webkit-scrollbar-thumb:hover {
    background-color: #c71573
}

.catalogMenu_contentWrapper {
    overflow: auto
}

.catalogMenu_contentWrapper {
    scrollbar-width: thin;
    scrollbar-color: #fa6705 #f5f5f5
}

.login_block--con>form>.ec-form__row>textarea {
    resize: none;
    max-width: 387px;
    min-height: 90px
}

.ec-form>.ec-form__row>textarea {
    resize: none;
    max-width: 436px;
    min-height: 90px
}

.checkbox_ec {
    appearance: auto !important;
    width: 25px !important;
    height: 25px !important
}

.checkbox_text {
    width: 85%
}

.checkbox>label {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.success_ajax_modal>.popup {
    max-width: 370px !important
}

.navitem_dropdown {
    position: relative
}

.navitem_dropdown>.header_navItem--container {
    display: none;
    width: 202px;
    padding: 0 16px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1002;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin-top: -10px;
    opacity: 0;
    -webkit-animation: opacity .3s;
    animation: opacity .3s;
    min-width: 100%;
    top: 28px;
    border-radius: 20px
}

.navitem_dropdown>.header_navItem--container>.header_navItem--child {
    display: block;
    margin: 0
}

.navitem_dropdown>.header_navItem--container>.header_navItem--child>a {
    color: #93989f;
    padding: 6px 0;
    margin: 4px 0;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: block;
    font-weight: 400;
    cursor: pointer;
    transition: color .3s ease-out
}

.navitem_dropdown>.header_navItem--container>.header_navItem--child>a:hover {
    color: #ec008c;
    font-weight: 600;
    letter-spacing: -.15px
}

.header_navItem--child>a>span {
    display: none
}

.navitem_dropdown:hover .header_navItem--container {
    opacity: 1;
    display: block
}



.navitem_dropdown>.header_navItem {
    min-width: 80px
}

.navitem_dropdown>.header_navItem::after {
    content: url(images/triangleArrowBottomHeader.svg);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%)
}

.popup-width_fullscreen {
    width: fit-content !important;
    background: 0 0 !important
}

.popup-width_fullscreen>.login_block--con {
    margin-bottom: 0 !important
}

.categories_con {
    padding-bottom: max(60px, min(7.64vw, 110px))
}

.categories_con>.category_main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 20px
}

.categories_con>.category_main>div>a {
    max-height: initial;
    height: 100%;
    min-width: 100%;
    display: flex;
    justify-content: center
}

.categories_con>.category_main>div>a>img {
    position: absolute;
    top: 10px
}

.categories_con>.category_main>div>a>span {
    top: 18px
}

.categories_con>.category_main>div:first-child {
    grid-row: span 2/span 2;
    max-height: 406px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(2) {
    grid-row: span 2/span 2;
    grid-column-start: 3;
    grid-row-start: 3;
    max-height: 406px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(3) {
    grid-column-start: 2;
    grid-row-start: 1;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(4) {
    grid-column-start: 2;
    grid-row-start: 2;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(5) {
    grid-column-start: 3;
    grid-row-start: 2;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(6) {
    grid-column-start: 3;
    grid-row-start: 1;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(7) {
    grid-column-start: 2;
    grid-row-start: 3;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(8) {
    grid-column-start: 2;
    grid-row-start: 4;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(9) {
    grid-column-start: 1;
    grid-row-start: 4;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(10) {
    grid-column-start: 1;
    grid-row-start: 3;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(11) {
    grid-column-start: 1;
    grid-row-start: 5;
    max-height: 193px;
    min-width: 33.33333%
}

.categories_con>.category_main>div:nth-child(12) {
    grid-column-start: 1;
    grid-row-start: 5;
    max-height: 193px;
    min-width: 33.33333%
}

.requirements_text>ol {
    margin-top: 5px
}

.requirements_text strong {
    letter-spacing: -.02em
}

.requirements_text>h2 {
    font-size: 39px !important;
    color: #071423;
    grid-area: title;
    margin-bottom: 10px;
    font-size: max(2rem, min(3.82vw, 3.438rem));
    font-weight: 700;
    letter-spacing: -.08em
}

.requirements_text>ol>li {
    counter-increment: list-item;
    display: table-row
}

.requirements_text>ol>li::before {
    content: counter(list-item) ".\a0";
    display: table-cell;
    text-align: right
}

.mb-50 {
    margin-bottom: 50px
}

.subcategory_blocks {
    display: flex;
    gap: 24px;
    flex-wrap: wrap
}

.subcategory_blocks>.category_item_big {
    flex: 1;
    min-width: 30%;
    max-width: 421px
}

.subcategory_blocks>.category_item_big>a>span {
    top: 14px
}

.lschd {
    cursor: pointer;
    min-width: 30%
}

.subcategory_blocks>.category_item_big {
    flex-basis: 0 !important
}

.swiper-slide>.info-tab {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: none !important
}

.swiper-slide>.info-tab:hover {
    background: #fa6705;
    color: #fff;
    transition: .3s
}

.mt-40 {
    margin-top: 40px
}

.accord_title,
.customButtonThird,
.portfolio_itemImageWrapper,
.reviews_tab {
    cursor: pointer
}

.category_container {
    padding-bottom: max(60px, min(7.64vw, 110px))
}

.success_cart {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 16px
}

.fullScreenBtnModal {
    cursor: pointer
}

.blocks-tovar,
.upload-file__wrapper {
    width: 180px !important;
    cursor: pointer;
    padding: 17px 17px !important
}

.upload-file__input_block {
    display: flex;
    flex-direction: column;
    cursor: pointer
}

.upload-file__icon {
    margin: 0 auto
}

.redaktor_inner {
    max-height: 750px !important
}

.redaktor_inner>#test {
    max-height: 750px !important
}

.redaktor {
    overflow: hidden
}

.dropdown_filter {
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .15)
}

.TagsTabsWrap {
    background-color: #f3f5f8;
    border-radius: 100px;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

.blog_tabsCon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px
}

.tag_element>a {
    cursor: pointer;
    background-color: #f3f5f8;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 32px;
    border-radius: 100px;
    color: #071423 !important;
    white-space: noWrap;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    letter-spacing: -.01em;
    text-align: center;
    transition: background-color .5s, color .5s
}



.footer_banner_cat {
    display: none
}

.tag_element>a:hover {
    background: #fff
}

.mb-0 {
    margin-bottom: 0 !important
}

#actual_section>.portfolio-v2_wrapper>article {
    max-width: 620px
}

.catalogMenu_contentCardsWrapper_new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 33%;
    flex-basis: 100%;
    margin-top: 20px
}

.catalogMenu_contentCard_new {
    cursor: pointer;
    overflow: hidden;
    -ms-flex-preferred-size: calc((100% - 15px)/ 2);
    flex-basis: calc((100% - 30px)/ 3);
    max-height: 120px;
    min-height: 120px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin-bottom: 10px
}

.catalogMenu_contentCardImg_new {
    position: relative;
    max-width: 120px;
    max-height: 120px;
    border-radius: 20px;
    overflow: hidden;
    min-width: 120px;
    height: 120px
}

.catalogMenu_contentCardTitle_new {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -.02em;
    z-index: 9;
    min-width: 100%;
    min-width: 150px;
    max-width: 150px;
    margin-left: 16px;
    margin-top: 20px
}

.catalogMenu_contentCardTitle_new:hover {
    color: #fa6705
}

.catalogMenu_contentCardImg_new>img {
    height: 120px;
    width: 120px
}

.catalogMenu_contentCard_new>a {
    display: flex
}

.catalogMenu_contentBlock_new {
    max-height: 100% !important
}

.catalogMenu_contentCardImg_new>img:hover {
    transform: scale(1.35);
    transition: all .2s ease
}

.delete-tovar,
.img-chekbox>input {
    cursor: pointer
}

.maket_block>a {
    color: #fa6705
}

.none_file_block {
    display: none !important
}

#help_call_tovar {
    padding: 25px
}

#help_call_tovar>.ec-form__row>textarea {
    resize: none
}

.link_download {
    display: none;
    cursor: pointer;
    margin-bottom: 20px
}

.link_download>span {
    color: #fa6705;
    text-decoration: underline;
    font-size: 16px
}

.cancel_modal_maket,
.return_modal {
    margin-left: 15px
}

.izbrannoe_card {
    position: relative
}

.action_heart {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 20px
}

.radio-block>input {
    cursor: pointer
}

.btn-oplata {
    cursor: pointer
}

.btn_modal_question_cart {
    position: absolute;
    right: -10px;
    font-size: 8px;
    color: #fff;
    background: #fa6705;
    top: -13px;
    height: 13px;
    width: 13px;
    display: flex;
    justify-content: center;
    border-radius: 13px;
    cursor: pointer;
    align-items: center
}

.skidka {
    position: relative
}

.mt-30 {
    margin-top: 30px
}

.thanks_block_text {
    display: flex;
    flex-direction: column
}

.thanks_first_text_block {
    display: flex;
    margin-bottom: 20px
}

.thanks_second_text_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.thanks_second_text_block>a {
    width: 48%
}

.delivery-choise>.radio-block>label {
    font-size: 15px
}

.delete-tovar:hover path {
    fill: #fa6705;
    transition: .6s
}

.right-collumn .oplata p>span {
    font-size: 22px;
    font-weight: 600
}

.cart_modal_content_org {
    justify-content: center !important
}

.cart_modal_content_org>.lichn-dannie {
    display: flex;
    max-height: 550px !important;
    overflow-y: auto !important
}

.cart_modal_content_org>.lichn-dannie::-webkit-scrollbar {
    width: 10px
}

.cart_modal_content_org>.lichn-dannie::-webkit-scrollbar-track {
    background: #f1f1f1
}

.cart_modal_content_org>.lichn-dannie::-webkit-scrollbar-thumb {
    background-color: #fa6705;
    border-radius: 10px;
    border: 2px solid #f1f1f1
}

.cart_modal_content_org>.lichn-dannie {
    scrollbar-color: #fa6705 #f1f1f1;
    scrollbar-width: thin
}

.cart_modal_content_org>.lichn-dannie>.h-p {
    width: 100%
}

.accord_text * {
    color: #fff !important
}

.table_custom {
    width: 100%;
    border-radius: 21px;
    background: #fff;
    width: 96.2875%;
    margin-left: auto;
    margin-right: auto;
    background: #f3f5f8
}

.table_custom tr:first-child {
    font-weight: 700;
    border-color: #f8f8f8
}

.table_custom th {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center
}

.table_custom td {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center
}

.table_custom td:hover {
    background: rgb(249 252 255)
}

.footer_banner>.request>.request_bg {
    position: relative
}

.footer_banner>.request>.request_bg>.request_imageWrapper {
    position: unset
}

.footer_banner>.request>.request_bg>.request_imageWrapper>.request_imageMain {
    height: 95% !important;
    right: 10%;
    top: 18px;
    left: auto;
    transform: none
}

.banner>.request>.request_bg>.request_content>.request_title {
    font-size: 55px
}

.arbittary__block {
    margin-top: 40px
}

.input_arb__price {
    width: calc((100% - 10px)/ 2);
    background: #fff;
    border-radius: 12px;
    border: 1px solid #fa6705;
    padding: 10px;
    font-size: 16px
}

.col__arb {
    max-height: 280px
}

.d-none {
    display: none !important
}

.col__img {
    background-color: #fff !important;
    padding: 0 !important
}

.col__img>img {
    border-radius: 20px;
    border: 2px solid #f3f5f8
}

.oplata_content__wrapper>img {
    max-height: 450px;
    max-width: 550px;
    margin-bottom: 20px;
    border-radius: 10px
}

.header_catalogBtnWrapper .customButton:hover .catalogMenu {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transition: all .2s ease !important;
    transition: all .2s ease !important
}

.btn-up {
    position: fixed;
    background: linear-gradient(90deg, #476c8c 0, #034476 100%);
    right: 25px;
    bottom: 120px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    z-index: 1001;
    border-radius: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    color: #fff;
    font-size: 22px;
    font-weight: 500
}

.btn-up:hover {
    background: #476c8c
}

.btn-up_hide {
    display: none
}

.catalogMenu_contentCard_new>a:hover .catalogMenu_contentCardImg_new>img {
    transform: scale(1.35);
    transition: all .3s ease
}

.catalogMenu_contentCard_new>a:hover .catalogMenu_contentCardTitle_new {
    color: #fa6705;
    transition: all .3s ease
}

.yaMapPopUp>.popup {
    border-radius: 20px
}

.swiper-slide>.productCard {
    max-height: 350.1px;
    margin-top: 15px;
}

.worth_section>.worth_backgroundWrapper {
    border-radius: 34px;
    z-index: 1 !important
}

.worth_section {
    margin-top: 40px
}

.zindex-2 {
    z-index: 2;
    position: relative
}

.catalogMenu_navWrapper {
    scrollbar-width: thin;
    scrollbar-color: #fa6705 #f5f5f5
}

.video_youtube {
    border-radius: 110px !important
}

.video_youtube>iframe {
    transform: scale(.96)
}

.text_phone_validate {
    text-align: left
}

.content_block>ol {
    margin-bottom: 10px;
    margin-top: 10px
}

.content_block>ol>li {
    counter-increment: list-item;
    display: flex;
    margin-bottom: 5px
}

.content_block>ol>li::before {
    content: counter(list-item) ".\a0";
    display: table-cell;
    text-align: right
}

.main__article-single>.breadcrumbs {
    padding-bottom: 10px
}

.content_block>blockquote>pre {
    white-space: break-spaces
}

.productCard_productName_blog {
    white-space: break-spaces !important;
    height: 43px
}

.article_content .productCard_price {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4
}

.header_logoWrapper>img {
    max-width: 199px;
}

.requirements_link {
    cursor: pointer;
}

.requirements_float {
    display: flex;
    margin-bottom: max(60px, min(5.24vw, 110px));
    -webkit-box-shadow: 0px 7px 34px 0px rgba(0, 0, 0, 0.1411764706);
    box-shadow: 0px 7px 34px 0px rgba(0, 0, 0, 0.1411764706);
    padding: 64px;
    border-radius: 32px;
    flex-direction: column;
    max-width: 1312px;
}

.row_requirements {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.row_requirements>.first_rec {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px;
}

.row_requirements>.requirements_imagefloat {
    width: 50%;
    display: flex;
    justify-content: right;
}

.row_requirements>.requirements_imagefloat>div {
    min-height: 95%;
    border-radius: 32px;
    width: 100%;
    height: 95%;
    background-size: 100% 100%;
    margin-bottom: 20px;
    object-fit: cover;
}

.first_rec>.requirements_title {
    font-size: 39px;

}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/scss/shared/swiper/_swiper-bundle.min.css ***!
  \*************************************************************************************************/
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiperGeely {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Light.woff) format("woff"), url(fonts/inter-Light.woff2) format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Regular.woff) format("woff"), url(fonts/inter-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Medium.woff) format("woff"), url(fonts/inter-Medium.woff2) format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-SemiBold.woff) format("woff"), url(fonts/inter-SemiBold.woff2) format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Bold.woff) format("woff"), url(fonts/inter-Bold.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-ExtraBold.woff) format("woff"), url(fonts/inter-ExtraBold.woff2) format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Light.woff) format("woff"), url(fonts/inter-Light.woff2) format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Regular.woff) format("woff"), url(fonts/inter-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Medium.woff) format("woff"), url(fonts/inter-Medium.woff2) format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-SemiBold.woff) format("woff"), url(fonts/inter-SemiBold.woff2) format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-Bold.woff) format("woff"), url(fonts/inter-Bold.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(fonts/inter-ExtraBold.woff) format("woff"), url(fonts/inter-ExtraBold.woff2) format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap
}

.searchInput>.searchInput_inputWrapper>form>button {
    position: absolute;
    right: 4px;
    width: 45px;
    height: 40px;
    cursor: pointer
}

.searchInput {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(11px, min(1.18vw, 17px));
    border: 2px solid #fa6705;
    background-color: #fa6705;
    border-radius: 14px;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    padding-right: max(12px, min(1.39vw, 20px))
}

.searchInput_inputWrapper {
    padding: 3px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    background-color: #fff
}

.searchInput_input {
    display: block;
    font-size: .813rem;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    background-color: inherit
}

.searchInput_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searchInput_icon>svg {
    width: 24px;
    height: 24px
}

.searchInput_icon:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-width: 769px) and (max-width: 1024px) {
    .preset-btn {
        flex: 0 0 calc(50% - 5px);
    }
}

@media (max-width: 768px) {
    .preset-btn {
        min-width: auto;
    }

    .portfolio-v2__relative {
        max-width: 752px;
    }

    .row_requirements {
        flex-direction: column;
    }

    .row_requirements>.first_rec {
        order: 1;
        width: 100%;
    }

    .row_requirements>.requirements_imagefloat {
        justify-content: center;
        order: 0;
        width: 100%;
    }

    .row_requirements>.requirements_imagefloat>div {
        height: 300px;
    }

    .first_rec>.requirements_title {
        font-size: 34px;
    }
}

@media(min-width:1490px) {
    .footer_banner>.request>.request_bg>.request_content>.request_title {
        font-size: 55px
    }
}

@media(min-width:1050px) {
    .href_item>span {
        position: relative !important;
        max-width: 200px;
        top: 10px
    }

    .href_item>img {
        max-height: 370px;
        margin-top: 25px;
        min-width: 100%;
        object-fit: cover;
    }
}

@keyframes bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

@media(min-width:992px) {
    .popup_catalog{
        display:none!important;
    }
    
    .modalBtnPwa{
    display:none!important;
}

    .ppnk-consent-btm__inner{
        max-width:75%;
    }
    .modalBtnHist{
        border-radius:30px!important;
    }
    .mobile-bottom-menu {
        display: none;
    }
    
    .navitem_dropdown:hover .header_navItem::after {
        transform: rotate(180deg) !important;
        transition: .3s;
        top: 0
    }

    .adapt_clients {
        display: none !important;
    }

    .reviews .swiper-slide {
        max-height: 370px;
    }

    .worth_cardWorth {
        background-size: 70% auto !important;
        background-position: center bottom !important;
    }

    .worth_text {
        max-width: 650px !important;
    }

    .header_navWrapper {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .info__nav {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .footer_contactsGroup {
        margin-top: max(15px, min(2.08vw, 30px));
    }

    .footer_item>.footer_title {
        height: 52px;
        display: flex;
    }

    .blog_itemAuthorPicWrap {
        max-width: 50px !important;
    }

    .popArticle_itemAuthorPicWrap {
        max-width: 44px !important;
    }

    .blog_itemBottomWrap {
        height: 299px;
    }

    .swiperAdvantages {
        margin-top: 25px
    }

    .lschd>.href_item>img {
        position: unset !important;
        width: 100% !important;
        height: 100% !important;
        margin-top: 20px !important;
        margin-bottom: 20px
    }

    .lschd>.href_item>span {
        line-height: 47px !important;
        font-size: 56px !important;
        letter-spacing: -.04em !important;
        position: unset !important
    }

    .lschd>.href_item {
        display: flex;
        flex-direction: column;
        padding: 25px
    }

    body::-webkit-scrollbar {
        width: 12px;
        height: 12px;
        cursor: pointer
    }

    body::-webkit-scrollbar-track {
        background: #f1f1f1;
        cursor: pointer
    }

    body::-webkit-scrollbar-thumb {
        background-color: #fa6705;
        border-radius: 10px;
        border: 3px solid #f1f1f1;
        cursor: pointer
    }

    body::-webkit-scrollbar-thumb:hover {
        background-color: #d51574;
        cursor: pointer
    }
}

@media (min-width:768px) and (max-width:992px) {
    .lschd>.href_item>span {
        line-height: 40px !important;
        left: 0
    }

    .lschd>.href_item {
        padding: 20px
    }

    .lschd>.href_item>img {
        position: unset !important;
        margin-top: 20px
    }
}

@media (max-width:576px) {
    #manuals_section .tags_main{
        gap:10px;
    }
    
    .sticky_header .header_searchInputWrapper{
        display:none;
    }
    
    .b24-widget-button-shadow{
        display:none!important;
    }
    
    .b24-widget-button-wrapper{
      display:none!important;  
    }
    
    .custom__gallery{
        min-width:100%;
        margin-bottom:20px;
        width:100%;
    }
    
    .popup .calendarCalcSwiper img{
            max-width: 66% !important;
    max-height: 66% !important;
    }
    
    .ppnk-consent-btm{
        bottom:150px;
    }
    
    .ppnk-consent-btm .ppnk-consent-btm__text{
       font-size:13px;    
    }
    
    .custom-favorites-list{
        flex-direction:column;
        gap:30px;
    }
    .custom-favorite-item{
        max-width:100%;
    }
    .hist_header{
        font-size:21px!important;
    }
    .history-item-title a{
        font-size:13px;
    }
    .history-item-date{
        display:none;
    }
    .history-item-image{
        width: 65px;
        height: 65px;
    }
    .con_link__our_h{
        margin-top:8px;
    }
    
    #history-products-list{
        overflow-y:scroll;
        max-height:280px;
    }
    .searchInput_select {
        max-width: 94px;
    }

    .bannerSection_productsWrapper .bannerSection_product {
        min-height: 412px;
    }

    .breadcrumbs {
        padding-bottom: 10px;
    }

    .blog .TagsTabsWrap .blog_tabsCon {
        gap: 6px;
    }

    .blog .TagsTabsWrap .tag_element>a {
        padding: 7px 12px;
        font-size: 14px;
    }

    .blog .TagsTabsWrap {
        border-radius: 20px;
        padding: 13px !important;
    }

    .table .table-block>table {
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    }

    .table .block-table {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .table .table-block {
        display: flex;
        justify-content: center;
        padding-left: 7px;
        padding-right: 7px;
        flex-direction: column;
    }

    .table-block table tr {
        font-size: 13px;
    }

    .footer_infoSocial>.footer_title {
        padding-top: 0px;
    }

    .block_navMapimg img {
        display: none;
    }

    .block_navMapimg {
        min-height: 350px;
        background-image: url(../images/map2.jpg);
        border-radius: 20px;
        background-size: 100% 100%;
    }

    #windowOtzivBlock .mw-450 {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }

    #windowOtzivBlock input {
        margin-bottom: 5px !important;
        height: 45px;
    }

    .social__modals {
        flex-direction: row !important;
    }

    .social__modals span {
        font-size: 14px !important;
    }

    .social__modals a {
        height: 40px;
    }

    .product__btn-icons {
        flex-direction: column;
        gap: 10px;
    }

    .product__btn-icons>div {
        width: 100%;
    }

    .product__btn-icons a {
        width: 100%;
    }

    .content_block img {
        max-width: 320px;
    }

    .f_redact_d {
        font-size: 24px;
    }

    .p_link__block {
        display: none !important;
    }

    .worth_cardTitle {
        font-size: 22px !important;
    }

    .buttonNext {
        margin: 0 auto;
        width: 61px;
        height: 51px;
    }

    .worth_cardWorth {
        background-size: 24% !important;
        background-position: bottom right;
    }

    .worth_cardsWrapper {
        display: flex !important;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .worth_cardWorth {
        height: 240px;
    }

    .worth_card {
        text-align: center;
    }

    .worth_cardThanks {
        order: 4;
    }

    .TagsTabsWrap {
        display: flex;
        align-items: center;
        padding: 23px !important;
        overflow-x: visible !important;
    }

    .article_content .customButton {
        margin-top: 20px;
    }

    .article_content figure {
        max-height: 300px;
    }

    .article_contentColInner {
        order: 0 !important;
    }

    .article_content .swiper-slide {
        max-width: 100% !important;
        height: 390px;
    }

    .article_contentBlock--mob {
        margin-top: 20px;
    }

    .article_content {
        margin-bottom: 40px;
    }

    .z_index_footer {
        z-index: 11;
    }

    .title_blog_adapt {
        flex-basis: 65% !important;
        margin-bottom: 20px;
    }

    .search_results__page>.custom-tabs-content-wrap>.orders-tabs-content>.ordersWrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        justify-content: space-between
    }

    .blog_itemBottomWrap {
        min-height: 180px
    }

    .blog_blogItemLink .blog_itemBottomWrap {
        min-height: 180px !important;
    }

    input,
    select,
    textarea {
        font-size: 16px !important
    }

    .video_youtube {
        border-radius: 30px !important
    }

    .video_youtube #youtube_con {
        background-size: cover !important;
    }

    .video_youtube>iframe {
        transform: none !important
    }

    .thanks_second_text_block {
        display: flex;
        flex-direction: column
    }

    .thanks_second_text_block>a {
        width: 100%;
        margin-bottom: 20px
    }

    .TagsTabsWrap {
        overflow-x: scroll;
        max-width: 380px;
        margin-bottom: 40px;
        padding-bottom: 0;
        min-height: 80px;
        padding-top: 0
    }

    .TagsTabsWrap::-webkit-scrollbar {
        width: 0
    }

    .TagsTabsWrap::-webkit-scrollbar {
        width: 0
    }

    .dropdownContent {
        left: 15px
    }

    .redaktor {
        overflow: hidden
    }

    .redaktor_inner {
        max-height: 500px !important
    }

    .redaktor_inner>#test {
        height: 500px !important
    }

    .fav_and_files {
        flex-wrap: wrap;
        justify-content: center !important
    }

    .blocks-tovar,
    .upload-file__wrapper {
        padding: 8px 12px !important;
        margin-bottom: 10px
    }

    .upload-file__wrapper>label {
        font-size: 12px !important
    }

    .blocks-tovar>span {
        font-size: 12px !important
    }

    .blocks-tovar>p {
        font-size: 12px !important
    }

    .popularCategories {
        margin-top: 40px
    }

    .searchInput_input {
        font-size: 1rem
    }

    .searchInput_select .select-selected {
        font-size: 11px;
        max-width: 125px;
        padding: 7px;
    }

    .searchInput_select .select-selected:after {
        right: 10px;
    }

    .autocomplete-header .autocomplete-summary {
        font-size: 14px;
    }

    .autocomplete-header .autocomplete-show-all {
        font-size: 14px;
    }

    .autocomplete-item-link {
        gap: 5px;
    }

    .autocomplete-item-image {
        width: 60px;
        height: 60px;
    }

    .autocomplete-item-title {
        font-size: 14px;
    }
}

.productCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 300px;
    width: 100%;
    height: auto !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.productCard:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.productCard:hover .productCard_productName {
    transition: .3s;
    color: #fa6705
}

.productCard_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.productCard_imgWrapper {
    display: block;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background-color: #f3f5f8;
    width: 100%;
    aspect-ratio: 1
}

.productCard_bestseller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    position: absolute;
    left: max(12px, min(1.11vw, 16px));
    bottom: max(12px, min(1.11vw, 16px));
    padding: 4px 5px;
    border-radius: 7px;
    background: -webkit-gradient(linear, left top, right top, from(#f05c44), to(#f09744));
    background: linear-gradient(90deg, #f05c44 0, #f09744 100%);
    font-size: max(.75rem, min(1vw, .875rem));
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.01em
}

.productCard_bestseller::before {
    display: block;
    content: url(images/bestsellerIcon.svg);
    width: max(7px, min(.76vw, 11px));
    height: max(8px, min(.9vw, 13px))
}

.productCard_productName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: max(10px, min(1vw, 14px));
    margin-bottom: 12px;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -.01em
}

.productCard_pricesWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.productCard_prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 5px;
    letter-spacing: -.01em;
    white-space: nowrap
}

.productCard_discount {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 7px;
    background: -webkit-gradient(linear, left top, right top, from(#f66), to(#a570e8));
    background: linear-gradient(90deg, #f66 0, #a570e8 100%);
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 120%
}

.productCard_price {
    font-size: max(.875rem, min(1.39vw, 1.25rem));
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -.01em
}

.productCard_oldPrice {
    font-size: max(.75rem, min(1vw, .875rem));
    color: #93989f;
    line-height: 1.4;
    letter-spacing: -.01em;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.breadcrumbs {
    display: block;
    margin-bottom: 30px;
}

.breadcrumb {
    display: flex;
    gap: 10px;
}

.breadcrumb-item span {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    letter-spacing: -.02em;
    color: #93989f
}

.breadcrumb-item.active span {
    color: #fa6705
}

.breadcrumb-item a:after {
    position: relative;
    content: "";
    background: url(images/company/more.svg) center no-repeat;
    background-size: 100%;
    top: -2px;
    left: 3px;
    display: inline-block;
    width: 10px;
    height: 6px;
    transform: rotate(270deg);
    margin-left: 6px;
}

@media (max-width:992px) {
    .popup_catalog .search__catalog{
        margin-bottom:20px;
    }
    
    .popup_catalog_header__logo {
        padding: 20px 20px 0px 20px;
        display: flex;
        justify-content: space-between;
    }
    
    .popup_catalog_header__logo a >img {
        max-width: 199px;
        object-fit: contain;
    }
    
    .popup_catalog_close {
            font-size: 20px;
            width: 48px;
            height: 48px;
            background:#fa6705;
            border-radius:10px;
            font-weight:600;
            color:#fff;
        }
        
    .popup_catalog_close {
        cursor: pointer;
        z-index: 1001;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
    }  
    
    .d_flex__contact .connect_card {
        max-width: 400px;
    }

    .history-item-image {
        width: 70px;
        height: 70px;
    }

    .non_adapt_clients {
        display: none !important;
    }

    .adapt_clients {
        width: 100%;
    }

    #windowOtzivBlock .mw-450 {
        overflow: visible !important;
    }

    .ec-form__row,
    .ec-reply-form__row {
        margin-bottom: 10px !important;
    }

    .login_block--con>form>.ec-form__row>textarea {
        line-height: 12px;
    }

    #windowOtzivBlock input {
        height: 40px;
        padding: 8px;
    }

    .productCard_productName {
        min-height: 45px;
        white-space: wrap
    }

    .info__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 34px;
        display: flex;
        margin-top: 34px;
    }
}

@media (max-width:576px) {
    .ajax-tab {
        display: flex;
        align-items: center;
        height: 60px !important;
    }

    .portfolio_new__block {
        height: 600px;
        align-items: center;
    }

    .portfolio_new__block>img {
        width: 285px;
        object-fit: cover !important;
        height: 400px;
    }

    .btn_por_prev {
        left: 230px !important;
    }

    .btn_por_next {
        right: 230px !important;
    }

    .modal .portfolio-v2_modal-close-btn {
        top: 40px !important;
        right: 120px !important;
    }

    #actual_section>.TagsTabsWrap {
        padding: 8px !important;
        border-radius: 20px;
    }

    #actual_section .blog_tabsCon {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;
        overflow: hidden;
    }

    #actual_section .tag_element>a {
        padding: 7px;
    }

    .breadcrumbs {
        overflow-x: auto;
        white-space: nowrap;
        width: 80%;
    }

    .productCard:hover {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .productCard_imgWrapper:active {
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transform: scale(1.025);
        transform: scale(1.025)
    }
}

.buttonNext {
    width: 58px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, from(#aa60ea), to(#dc5ba3));
    background: linear-gradient(90deg, #034476 0, #476c8c 100%);
    border-radius: 22px;
    cursor: pointer
}

.buttonNext:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.buttonNavNext {
    width: 58px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843);
    cursor: pointer
}

.buttonNavNext:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.buttonRight {
    position: relative;
    cursor: pointer;
    width: 58px;
    height: 44px;
    border-radius: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843)
}

.buttonRight>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.buttonRight:hover svg {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.buttonRight:disabled svg path {
    fill: rgba(231, 27, 140, 0.4)
}

@media (max-width:768px) {
    .buttonRight {
        width: 39px;
        height: 33px
    }

    .buttonRight>svg {
        height: 20px
    }
}

.buttonLeft {
    position: relative;
    cursor: pointer;
    width: 58px;
    height: 44px;
    border-radius: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843)
}

.buttonLeft>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.buttonLeft:not(:disabled):hover svg {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.buttonLeft:disabled svg path {
    fill: rgba(231, 27, 140, 0.4)
}

@media (max-width:768px) {
    .buttonLeft {
        width: 39px;
        height: 33px
    }

    .buttonLeft>svg {
        height: 20px
    }
}

.iconButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    background-color: #fff;
    padding: 11px 12px;
    border-radius: 12px;
    border: 1px solid #ececf0;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294)
}

.iconButton_img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px;
    height: 24px
}

.iconButton_title {
    font-size: .938rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.02em;
    
}

.iconButton:hover {
    border-color: #fa6705
}

.iconButton:disabled .iconButton_title {
    background-color: #e6e4e4;
    color: #939393
}

@media (max-width:576px) {
    .iconButton {
        padding: 7px
    }

    .iconButton_img {
        width: 20px;
        height: 20px
    }
}

.modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.modal-wrapper {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.modal-wrapper img {
    max-width: 90vw;
    max-height: 90vh;
    -o-object-fit: contain;
    object-fit: contain;
}

.modal .modal-close-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
    background-position: center center;
    font-size: 0;
    color: transparent;
    line-height: 0;
    z-index: 100000;
    background-image: url(images/close.svg)
}

.modal .modal-close-btn:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.modal-overflow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100vw;
    min-height: 100vh
}

.modal.active {
    display: block !important;
    background: rgba(0, 0, 0, .5)
}

.sticky_header {
    margin-bottom: 25px
}

.header {
    position: relative
}

.header_container {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.header_advertising {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: max(20px, min(4.44vw, 64px));
    padding-right: max(20px, min(4.44vw, 64px));
    gap: 44px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#476c8c), to(#034476));
    background: linear-gradient(90deg, #476c8c 0, #034476 100%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.header_advertisingText {
    font-size: 1.313rem;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    letter-spacing: -.04em
}

.header_advertisingImage {
    width: auto;
    height: 100%
}

.header_advertisingImage>img {
    -o-object-fit: contain;
    object-fit: contain
}

.header_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: max(20px, min(4.44vw, 64px));
    padding-right: max(20px, min(4.44vw, 64px));
    background-color: #fff;
    z-index: 9000;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.header_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.header_burger {
    height: 18px;
    width: 48px;
    display: none;
    background-image: url(/burger.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.header_burger.active {
    background-image: url(images/burgerClose.svg)
}

.header_navItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2;
    color: #93989f;
    letter-spacing: -.02em;
    white-space: nowrap
}

.header_navItem>svg {
    opacity: .4;
    height: 12px;
    -o-object-fit: contain;
    object-fit: contain
}

.header_navItem>span {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    letter-spacing: inherit
}

.header_navItem:hover {
    color: #fa6705
}

.header_navItem:hover>svg {
    opacity: 1
}

.header_navItem:hover>svg>path {
    fill: #fa6705
}

.header_numberWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header_numberPopUp {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.header_numberPopUpMain {
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 25px;
    padding-right: 19px;
    border-radius: 10px;
    font-size: .813rem;
    background-color: #f1f1f8;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.02em;
    white-space: nowrap
}

.header_numberPopUpMain::before {
    content: url(images/phoneIconWini.svg);
    position: absolute;
    left: 9px;
    top: 50%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

.header_numberPopUpMain::after {
    content: url(images/phoneArrow.svg);
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%)
}

.active .header_numberPopUpMain::after {
    -webkit-transform: translateY(-40%) rotate(180deg);
    transform: translateY(-40%) rotate(180deg)
}

.header_numberPopUpBody {
    position: absolute;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    bottom: -2px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    background-color: #f1f1f8;
    -webkit-box-shadow: 0 4px 54px 0 rgba(0, 0, 0, .1411764706);
    box-shadow: 0 4px 54px 0 rgba(0, 0, 0, .1411764706);
    z-index: 40000;
    padding-left: 25px;
    padding-right: 19px
}

.header_numberItem {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: .813rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.02em;
    white-space: nowrap;
    border-bottom: 1px solid #bcbcbc
}

.header_numberItem:first-of-type {
    margin-top: 9px
}

.header_numberItem:last-of-type {
    border-bottom: none;
    margin-bottom: 9px
}

.header_numberItem>span {
    font-weight: 600
}

.header_numberItem:hover {
    background-color: #fff
}

.header_btnsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.header_phoneBtn {
    display: none
}

.header_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: max(20px, min(4.44vw, 64px));
    padding-right: max(20px, min(4.44vw, 64px));
    background-color: #fff;
    z-index: 1002;
    position: sticky !important
}

.header_bottom.fixed {
    position: sticky;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 0;
    z-index: 1002
}

.header_logoWrapper {
    margin-right: max(25px, min(2.22vw, 32px))
}

.header_logoWrapper>img {
    -o-object-fit: contain;
    object-fit: contain
}

.header__logoMobile {
    display: none
}

.header_catalogBtnWrapper {
    margin-right: 24px
}

.header_catalogBtnWrapper .customButton {
    -webkit-box-shadow: 0 2px 9px 0 rgba(231, 27, 140, .4588235294);
    box-shadow: 0 2px 9px 0 rgba(231, 27, 140, .4588235294)
}

.header_searchInputWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: max(25px, min(2.5vw, 36px))
}

.header_orderBtnSecondaryWrapper {
    display: none
}

.header_social {
    display: none
}

.header_socialWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 300px;
    gap: 25px
}

.header_socialItem {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 10px;
    background: #fa6705;
    cursor: pointer
}

.header_socialItem>img {
    -o-object-fit: contain;
    object-fit: contain
}

.header_socialItem:hover {
    border: 1px solid #fff
}

.header__socialTitle {
    margin-bottom: 15px
}

.header_catalogBtnSecondary {
    display: none
}

.header_catalogBtnSecondary .toggle_btn {
    padding-right: 13px;
    position: relative
}

.header_catalogBtnSecondary .toggle_btn::after {
    content: url(images/triangleArrowBottomHeader.svg);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%)
}

.header_catalogSubmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px
}

.active>.header_catalogSubmenu {
    margin-top: 20px
}

.header_catalogSubmenuTitle {
    position: relative;
    gap: 10px
}

.header_catalogSubmenuTitle::before {
    content: "";
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background-color: #f3f5f8
}

.header_catalogSubmenuTitle.toggle_innerBtn::after {
    content: url(images/plus.svg);
    display: block;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 14px;
    left: 4px;
    top: 50%;
    width: 14px
}

.active>.header_catalogSubmenuTitle.toggle_innerBtn::after {
    content: url(images/minus.svg);
    height: 100%;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header_catalogSubmenuBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding-left: 32px
}

.active>.header_catalogSubmenuBody {
    margin-top: 17px
}

.toggle_wrapper .header_catalogBtnSecondary.active>.toggle_btn {
    color: #fa6705
}

.toggle_wrapper .header_catalogBtnSecondary.active>.toggle_btn::after {
    content: url(images/triangleArrowBottomRed.svg)
}

.header_burgerAdvWrapper {
    position: relative;
    display: none;
    margin-top: 36px;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#476c8c), color-stop(50.4%, #034476));
    background: linear-gradient(90deg, #476c8c 0, #034476 50.4%)
}

.header_burgerAdvWrapperText {
    color: #fff;
    padding: 17px;
    padding-right: 0;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.04em;
    max-width: 70%
}

.header_burgerAdvWrapperBg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url("https://lh4.googleusercontent.com/proxy/Qebdngf25x9LiA0syt8Zg8EyrPAsgDpW7lwbLhbYdLW6ArJwH0zTbzn56nrRP-q1A2G1KW4tzSnVJ0aw703SJ4cAM7no");
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: right bottom
}

@media(min-width:1200px) {
    .category_item_big.calendar .href_item span {
        font-size: 23px !important;
    }

    .subcategory_blocks>.category_item_big>a>span {
        max-width: 370px
    }

    .banner>.request>.request_bg>.request_content>.request_title {
        font-size: 60px
    }

    .bestseller_count-full {
        max-width: calc((100% - 96px)/ 4) !important
    }

    .bestseller_count {
        max-width: calc((100% - 96px)/ 5) !important
    }

    .bestseller_count>article {
        flex: 0 !important
    }
}

@media(min-width:1300px) {
    .fullscreen-swiper-reviews .swiper-slide img {
        max-width: 32% !important;
        max-height: 32% !important;
    }
}

@media(max-width:1300px) {
    .header_top .iconButton_adapt {
        display: none;
    }

    .fullscreen-swiper-reviews .swiper-slide img {
        max-width: 45% !important;
        max-height: 45% !important;
    }

    .fullscreen-swiper-reviews .buttonRight {
        right: 20% !important;
    }

    .fullscreen-swiper-reviews .buttonLeft {
        left: 20% !important;
    }
}

@media (max-width:1200px) {
    .category__catalog .category_item_big img{
       max-width:150px;  
       max-height:280px;
    }

    .request_imageMain {
        height: 100%
    }

    .subcategory_blocks>.category_item_big>a>span {
        font-size: 22px
    }

    .subcategory_blocks>.category_item>div>span {
        font-size: 45px !important
    }

    .categories_con>.category_main {
        gap: 10px
    }

    .categories_con>.category_main>div:first-child {
        max-height: 100%
    }

    .categories_con>.category_main>div:nth-child(2) {
        max-height: 100%
    }

    .header_top {
        gap: 5px
    }

    .header_nav {
        gap: 5px
    }

    .header_navItem {
        font-size: 13px;
    }

}

@media (max-width:1100px) {
    .banner>.request>.request_bg>.request_content>.request_title {
        font-size: 47px
    }

    .categories_con>.category_main {
        gap: 15px
    }

    .categories_con>.category_main>div>a>span {
        font-size: 14px
    }
}

@media (max-width:992px) {
    .category__catalog .category_item_big img{
        max-width: 100%;  
    }
    
    .active>.header_navItem::after {
        content: url(images/triangleArrowBottomRed.svg);
    }

    .toggle_item:not(.slowly) .toggle_body {
        margin-top: 0px;
    }

    .toggle_item:not(.slowly).active>.toggle_body {
        margin-top: 17px;
    }

    .catalogMenu {
        display: none
    }

    .header_catalogBtnWrapper {
        display: none
    }

    .banner>.request>.request_bg>.request_content>.request_title {
        font-size: 40px
    }

    .cabinet_styles>.tovar>.other-tov>.onlypc {
        display: none !important
    }

    .request_imageMain {
        width: 170% !important;
        height: 170% !important
    }

    .categories_con>.category_main {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .categories_con>.category_main>div {
        max-height: 193px !important
    }

    .navitem_dropdown {
        display: flex;
        flex-direction: column
    }

    .navitem_dropdown>.header_navItem {
        min-width: 80px;
        display: inline-block;
        width: max-content;
        position: relative
    }

    .navitem_dropdown>.header_navItem::after {
        top: 50%
    }

    .navitem_dropdown>.header_navItem--container {
        padding: 0;
        box-shadow: none;
        position: relative;
        top: 0;
        width: auto
    }

    .navitem_dropdown>.header_navItem--container>.header_navItem--child>a {
        font-size: .875rem;
        font-weight: 600;
        line-height: 1.2;
        color: #93989f;
        letter-spacing: -.02em;
        white-space: nowrap;
        display: flex;
        flex-direction: row;
        margin-bottom: 17px
    }

    .header_navItem--child>a>span {
        display: block;
        padding-right: 8px;
        color: #fa6705;
        font-weight: 700
    }

    .header_advertising {
        display: none
    }

    .header_top {
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0;
        gap: 5px
    }

    .header_navWrapper {
        display: none;
        overflow-y: auto;
        padding-left: max(20px, min(4.44vw, 64px));
        padding-right: max(20px, min(4.44vw, 64px));
        padding-top: 45px;
        padding-bottom: 45px;
        position: fixed;
        z-index: 30000;
        top: 65px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff
    }

    .header_navWrapper.active {
        display: block
    }

    .header_nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 34px
    }

    .header_orderBtnSecondaryWrapper {
        display: block;
        margin-top: 50px;
        margin-bottom: 36px
    }

    .header_burger,
    .header_catalogBtnSecondary,
    .header_social {
        display: block
    }

    .header_burgerAdvWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header_numberWrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header_basketBtn .iconButton_title {
        display: none
    }
}

@media (max-width:768px) {
    .banner>.request>.request_bg>.request_content>.request_title {
        font-size: 33px
    }

    .subcategory_blocks>.lschd {
        min-width: 100%;
        grid-column: span 2
    }

    .subcategory_blocks>.category_item_big {
        min-width: 48% !important
    }

    .categories_con>.category_main>div {
        min-width: 100%
    }

    .categories_con>.category_main {
        gap: 35px
    }

    .header {
        margin-bottom: max(13px, min(3.125vw, 24px))
    }

    .header_top {
        position: fixed !important;
        top: 0
    }

    .header_bottom {
        margin-top: 80px
    }

    .header_orderBtnWrapper {
        display: none
    }

    .header_logoWrapper {
        display: none
    }

    .header_searchInputWrapper {
        margin-right: 0
    }
}

@media (max-width:576px) {
    .map-route-container .advantages_title>span {
        margin-left: 5px;
    }

    .preset-btn {
        padding: 18px 24px;
        font-size: 18px;
    }

    .d_flex__contact .connect_card {
        max-height: 117px;
    }

    .fullscreen_ajax_modal .popup {
        overflow: visible !important;
    }

    .fullscreen-swiper-reviews .swiper-pagination {
        display: none;
    }

    .close_fullSliderTov {
        right: -1% !important;
        font-size: 25px !important;
        height: 33px !important;
        width: 33px !important;
        top: -43px !important;
    }

    .fullscreen-swiper-reviews .buttonRight {
        right: 0% !important;
        width: 35px;
        height: 30px;
    }

    .fullscreen-swiper-reviews .buttonLeft {
        left: 0% !important;
        width: 35px;
        height: 30px;
    }

    .fullscreen-swiper-reviews .swiper-slide img {
        max-width: 90% !important;
        max-height: 90% !important;
    }

    .portfolio__link_block {
        margin-top: -15px;
        padding-top: 0px;
    }

    .left-collumn .tovar {
        align-items: start !important
    }

    .dop-tovar>.blocks-tovar>.upload-file__input_block>span {
        font-size: 16px !important
    }

    .dop-tovar>.blocks-tovar>p {
        font-size: 16px !important
    }

    .dop-tovar>.blocks-tovar>.upload-file__input_block {
        flex-direction: row;
        gap: 15px
    }

    .dop-tovar>.blocks-tovar {
        width: 100% !important;
        height: 60px
    }

    .btn_delete {
        display: flex;
        justify-content: left
    }

    .ymaps-2-1-79-fullscreen .header {
        display: none
    }

    .header_bottom {
        margin-top: 70px
    }

    .header_favoriteBtn {
        display: none
    }

    .header_numberPopUpMain {
        display: none
    }

    .header_numberWrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header_phoneBtn {
        display: block;
        height: 35px;
        width: 35px
    }

    .header_btnsWrapper {
        margin-right: 25px
    }

    .header_burger {
        height: 18px;
        width: 34px;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .header__logoMobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 10px
    }

    .header__logoMobile>img {
        max-height: 34px
    }

    .header_navWrapper {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .header_numberPopUpBody {
        position: fixed;
        top: 60px;
        left: 50%;
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.accord_itemsWrapper {
    position: relative
}

.accord_itemTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    z-index: 20;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: max(14px, min(2.92vw, 42px));
    padding-right: max(27px, min(6.39vw, 92px));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    background: -webkit-gradient(linear, left top, right top, from(#476c8c), to(#034476));
    background: linear-gradient(90deg, #476c8c 0, #034476 100%)
}

.accord_itemTopImageWrapper>img {
    -o-object-fit: contain;
    object-fit: contain
}

.accord_itemTopTitle {
    font-size: max(2.82rem, min(3.82vw, 3.44rem));
    color: #fff;
    max-width: 60%;
    font-weight: 700;
    letter-spacing: -.02em
}

.accord_item {
    background: #3a5974;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: max(14px, min(2.92vw, 42px));
    padding-right: max(22px, min(1.875vw, 27px));
    position: relative;
    z-index: 19;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    z-index: 10;
    bottom: 25px
}

.accord_background {
    position: relative;
    bottom: -25px
}

.accord_backgroundTop {
    position: relative;
    bottom: -25px
}

.accord_itemTop {
    bottom: 25px
}

.accord_withoutTop .accord_background:first-of-type .accord_item {
    border-radius: 24px
}

.accord_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    font-size: max(1.25rem, min(1.74vw, 1.56rem));
    line-height: 1.2;
    color: #fff;
    text-align: left;
    font-weight: 600;
    letter-spacing: -.02em
}

.accord_arrow {
    display: inline-block;
    margin-top: 7px;
    max-width: 23px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.accord__active .accord_arrow {
    margin-top: 7px
}

.accord__active .accord_title>img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accord_text {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    color: #fff;
    max-width: 65%;
    font-size: max(.875rem, min(1.25vw, 1.125rem));
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.02em
}

.accord__active .accord_text>p {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    color: #fff;
    max-width: 65%;
    font-size: max(.875rem, min(1.25vw, 1.125rem));
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.02em
}

.accord__active .accord_text>p>span {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    color: #fff;
    max-width: 65%;
    font-size: max(.875rem, min(1.25vw, 1.125rem));
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.02em
}

.accord__active .accord_text {
    padding-top: max(20px, min(2.43vw, 35px));
    visibility: visible;
    height: auto;
    overflow: none;
    opacity: 1
}

.accord__itemBg1 {
    background: -webkit-gradient(linear, left top, right top, from(#476c8c), to(#034476));
    background: linear-gradient(90deg, #476c8c 0, #034476 100%)
}

/* Приглушенный золотисто-коричневый (взамен старого d2b175) */
.accord__itemBg2 {
    background-color: #a65252; 
}

/* Глубокий хвойно-зеленый (взамен яркого 37b383) */
.accord__itemBg3 {
    background-color: #2d5a4c;
}

/* Градиент "Морская глубина" (связка с вашим синим #476c8c) */
.accord__itemBg4 {
    background: linear-gradient(89.55deg, #3a5a78 13.42%, #203a43 100%);
}

/* Градиент "Закатный терракот" (связка с вашим оранжевым #fa6705) */
.accord__itemBg5 {
    background: linear-gradient(89.55deg, #d35400 13.42%, #8e44ad 100%);
}

/* Глубокий ежевичный градиент */
.accord__itemBg6 {
    background: linear-gradient(89.55deg, #5b2c6f 13.42%, #2c3e50 100%);
}

/* Сложный благородный градиент (взамен радужного) */
.accord__itemBg7 {
    background: linear-gradient(to right, #c0392b, #8e44ad, #2980b9);
}

.accord__itemBg8 {
    background: #373B44;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4286f4, #373B44);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg9 {
    background: #8E2DE2;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4A00E0, #8E2DE2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg10 {
    background: #f953c6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #b91d73, #f953c6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #b91d73, #f953c6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg11 {
    background: #f12711;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #f12711);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg12 {
    background: #FF416C;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FF4B2B, #FF416C);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.accord__itemBg13 {
    background: #00B4DB;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0083B0, #00B4DB);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg14 {
    background: #ad5389;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3c1053, #ad5389);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3c1053, #ad5389);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg15 {
    background: #4e54c8;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #8f94fb, #4e54c8);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg16 {
    background: #FC466B;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3F5EFB, #FC466B);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg17 {
    background: #00b09b;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #96c93d, #00b09b);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #96c93d, #00b09b);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg18 {
    background: #800080;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffc0cb, #800080);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffc0cb, #800080);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg19 {
    background: #74ebd5;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ACB6E5, #74ebd5);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ACB6E5, #74ebd5);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg20 {
    background: #03001e;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg21 {
    background: #667db6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg22 {
    background: #7F00FF;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #E100FF, #7F00FF);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #E100FF, #7F00FF);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.accord__itemBg22 {
    background: #396afc;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2948ff, #396afc);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2948ff, #396afc);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.accord__itemBg23 {
    background: #1c92d2;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f2fcfe, #1c92d2);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f2fcfe, #1c92d2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg24 {
    background: #0575E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #021B79, #0575E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #021B79, #0575E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.accord__itemBg25 {
    background: #3494E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #EC6EAD, #3494E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #EC6EAD, #3494E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.accord__itemBg26 {
    background: #ef32d9;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #89fffd, #ef32d9);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #89fffd, #ef32d9);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

@media (max-width:768px) {
    .accord_itemTop {
        font-size: max(1.25rem, min(5.86vw, 2.82rem));
        padding-top: max(18px, min(5.21vw, 40px));
        padding-bottom: max(18px, min(5.21vw, 40px));
        padding-left: max(14px, min(3.52vw, 27px));
        padding-right: max(10px, min(3.52vw, 27px))
    }

    .accord_item {
        padding-top: 25px;
        padding-bottom: 18px;
        padding-left: max(14px, min(3.52vw, 27px));
        padding-right: 22px
    }

    .accord__active .accord_item {
        padding-top: max(14px, min(3.26vw, 25px));
        padding-bottom: max(18px, min(6.9vw, 53px))
    }

    .accord_itemTopTitle {
        font-size: max(1.25rem, min(3.125vw, 2.81rem))
    }

    .accord_itemTopImageWrapper>img {
        max-height: max(60px, min(19.5vw, 150px))
    }

    .accord_text {
        font-weight: 300;
        max-width: 90%
    }

    .accord_title {
        font-size: max(1.5rem, min(4.17vw, 2rem))
    }
}

@media (max-width:576px) {
    .accord_itemTop {
        font-size: 1.25rem
    }

    .accord_item {
        padding-top: 18px;
        padding-bottom: 18px;
        padding-right: 31px
    }

    .accord__active .accord_item {
        padding-top: 14px;
        padding-bottom: 18px
    }

    .accord_title {
        font-size: max(1.25rem, min(1.74vw, 1.56rem))
    }

    .accord_itemTopTitle {
        font-size: 1.25rem;
        max-width: 70%
    }

    .accord_itemTopImageWrapper>img {
        max-height: 40px;
        width: auto
    }

    .accord_text {
        max-width: 95%
    }
}

.toggle_item:not(.slowly) .toggle_body {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.toggle_item:not(.slowly).active>.toggle_body {
    visibility: visible;
    height: auto;
    overflow: none;
    opacity: 1
}

.toggle_innerItem:not(.slowly) .toggle_body {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.toggle_innerItem:not(.slowly).active>.toggle_body {
    visibility: visible;
    height: auto;
    overflow: none;
    opacity: 1
}

.toggle_item.slowly .toggle_body {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    display: grid;
    grid-template-rows: 0fr
}

.toggle_item.slowly .toggle_body>* {
    overflow: hidden
}

.toggle_item.slowly.active>.toggle_body {
    grid-template-rows: 1fr;
    opacity: 1
}

.bannerSection {
    margin-bottom: max(24px, min(2.86vw, 40px))
}

.bannerSection_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px
}

.bannerSection_aboutWrapper {
    position: relative;
    max-width: 60%;
    width: 100%;
    min-height: 100%;
    overflow: hidden
}

.bannerSection_aboutItem {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: max(20px, min(2.22vw, 32px)) max(20px, min(1.94vw, 28px));
    border-radius: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden
}

.bannerSection_aboutItemNavWrapper {
    position: absolute;
    top: max(15px, min(1.53vw, 22px));
    left: max(25px, min(2.22vw, 32px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    z-index: 10
}

.bannerSection_aboutItemNav {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    width: max(39px, min(4.5vw, 65px))
}

.bannerSection_aboutItemNav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .3)
}

.bannerSection_aboutItemNav.active::after {
    background-color: #fff
}

.bannerSection_aboutItemTitle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%;
    margin-top: max(70px, min(10.8vw, 102px));
    margin-bottom: max(60px, min(6.18vw, 89px));
    font-size: max(2.5rem, min(4.44vw, 4rem));
    line-height: 1;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.04em
}

.bannerSection_aboutItemImg {
    position: absolute;
    bottom: 0;
    right: 5%;
    -webkit-transform: translateY(20%) scale(1.3);
    transform: translateY(20%) scale(1.3);
    width: auto;
    max-height: max(360px, min(28vw, 403px))
}

.bannerSection_aboutItemDetails {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: .938rem;
    color: #fff;
    font-weight: 500;
    cursor: pointer
}

.bannerSection_aboutItemDetails::after {
    content: "";
    position: absolute;
    left: 105%;
    top: 50%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    border: 5px solid transparent;
    border-radius: 2px;
    border-left: 5px solid #fff
}

.bannerSection_productsWrapper {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.bannerSection_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(18px, min(1.67vw, 24px));
    height: 100%;
    border-radius: 24px;
    background-color: #f1f3f7;
    padding: max(20px, min(1.67vw, 24px)) 28px
}

.bannerSection_productHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(39px, min(3.7vw, 55px))
}

.bannerSection_productTitle {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    font-size: max(1.563rem, min(2.22vw, 2rem));
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em
}

.bannerSection_productClockWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.bannerSection_productClockItem {
    position: relative;
    display: block;
    border-radius: max(5px, min(1.04vw, 15px));
    background-color: #fff;
    padding: max(4px, min(.11vw, 16px)) max(7px, min(.83vw, 12px));
    font-weight: 400;
    font-size: 1.313rem;
    letter-spacing: -.04em;
    min-width: 45px;
    min-height: 33px
}

.bannerSection_productClockItem:not(:last-of-type)::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #071423;
    right: -9px;
    bottom: 30%
}

.bannerSection_productClockItem:not(:last-of-type)::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #071423;
    right: -9px;
    top: 30%
}

.bannerSection_productContentWrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(39px, min(3.7vw, 55px))
}

.bannerSection_productImage {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    width: 100%;
    height: auto;
    max-height: 100%
}

.bannerSection_productImage>img {
    width: 100%;
}

.bannerSection_productContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bannerSection_productDiscount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    gap: 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 12px;
    background-color: #112c4b
}

.bannerSection_productDiscount>p {
    font-weight: 400;
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: -.02em
}

.bannerSection_productDiscount>span {
    display: block;
    padding: 7px 12px;
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, right top, from(#f66), to(#a570e8));
    background: linear-gradient(90deg, #f66 0, #a570e8 100%);
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff
}

.bannerSection_productPrice {
    margin-top: max(12px, min(1.53vw, 22px));
    font-size: max(1.563rem, min(2.08vw, 1.875rem));
    font-weight: 700;
    line-height: 1.4
}

.bannerSection_productOldPrice {
    margin-top: 4px;
    color: #93989f;
    font-size: .875rem;
    line-height: 1.4;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.bannerSection_productText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 12px;
    margin-bottom: max(23px, min(4.93vw, 11px));
    font-size: .875rem;
    letter-spacing: -.01em
}

.bannerSection_secondaryBtn.customButton {
    display: none
}

.bannerSection_productItemNavWrapper {
    position: absolute;
    left: 28px;
    bottom: calc(max(20px, min(1.67vw, 24px)) + 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    z-index: 10
}

.bannerSection_productItemNav {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    width: max(22px, min(1.88vw, 27px))
}

.bannerSection_productItemNav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4px;
    border-radius: 2px;
    background-color: rgba(104, 104, 104, .2)
}

.bannerSection_productItemNav.active::after {
    background-color: #686868
}

.bannerSection_h1,
.bannerSection_h1>span {
    margin-top: max(41px, min(4.29vw, 60px));
    font-family: Inter;
    font-size: max(3.44rem, min(5.64vw, 4.94rem));
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.08em;
    text-align: center
}

.bannerSection_h1>span {
    position: relative;
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    color: #fff;
    letter-spacing: -.08em
}

.bannerSection_h1>span::after {
    display: block;
    content: "";
    position: absolute;
    border-radius: 20px;
    -webkit-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    left: -2%;
    right: -5%;
    top: 15%;
    bottom: 5%;
    z-index: -1;
    background: linear-gradient(100.65deg, #034476 18.03%, #476c8c 113.33%)
}

@media (max-width:992px) {
    
    .b24-widget-button-wrapper{
        bottom:100px!important;
        right:20px!important;
    }
    
    .customButton.modalBtnHist {
    display: none !important;
}
    
    .mobile-bottom-menu>a:hover{
        background:;
    }
    
    .mobile-bottom-menu>a{
    min-width:15%;
    height:60px;
    padding:8px 12px!important;
    }
    
    .mobile-bottom-menu{
        padding-bottom: calc(10px + env(safe-area-inset-bottom));
    }
    
    .mobile-bottom-menu>a span{
        font-size:14px;
    }
    
    .mobile-bottom-menu .modalBtnHist{
       position:static; 
       background:none;
       box-shadow:none;
    }
    .bannerSection_aboutWrapper {
        max-width: 50%
    }

    .bannerSection_aboutItemTitle {
        max-width: 60%;
        margin-top: max(30px, min(4.95vw, 38px));
        margin-bottom: max(100px, min(18.8vw, 145px))
    }

    .bannerSection_aboutItemImg {
        -webkit-transform: translateX(25%);
        transform: translateX(25%);
        max-height: max(320px, min(36.3vw, 360px))
    }
}

@media (max-width:768px) {
    .bannerSection {
        margin-bottom: 24px
    }

    .bannerSection_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .bannerSection_aboutWrapper {
        max-width: 100%
    }

    .bannerSection_aboutItem {
        background-image: url(images/banner-tablet.png)
    }

    .bannerSection_aboutItemNavWrapper {
        top: max(20px, min(3.26vw, 25px));
        left: max(20px, min(3.26vw, 25px))
    }

    .bannerSection_aboutItemNav {
        width: max(32px, min(5.07vw, 39px))
    }

    .bannerSection_aboutItemTitle {
        font-size: max(2rem, min(5.21vw, 2.5rem));
        max-width: 55%
    }

    .bannerSection_aboutItemImg {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        max-height: max(200px, min(36.5vw, 280px))
    }

    .bannerSection_productClockWrapper {
        gap: 14px
    }

    .bannerSection_product {
        padding-left: 20px;
        padding-right: 20px
    }

    .bannerSection_productContentWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: max(20px, min(5.08vw, 39px))
    }

    .bannerSection_productDiscount>p {
        font-size: max(.875rem, min(2.34vw, 1.125rem))
    }

    .bannerSection_productDiscount>span {
        font-size: max(.875rem, min(2.34vw, 1.125rem))
    }

    .bannerSection_productPrice {
        margin-top: 26px;
        font-size: 1.438rem
    }

    .bannerSection_productOldPrice {
        font-size: .75rem
    }

    .bannerSection_productText {
        margin-top: 16px;
        font-size: .75rem
    }

    .bannerSection_productItemNavWrapper {
        bottom: calc(max(20px, min(1.67vw, 24px)) + 10px)
    }

    .bannerSection_h1,
    .bannerSection_h1>span {
        font-size: max(2rem, min(7.17vw, 3.44rem));
        margin-top: max(32px, min(5.34vw, 41px))
    }
}

@media (max-width:576px) {
    .mobile-bottom-menu{
        max-width:365px;
        max-height:82px;
        bottom:15px;
        margin:0 auto;
        border-radius:24px!important;
        background: hsla(0, 0%, 100%, 0.74); 
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%); 
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1)!important;
        z-index:1003;
        display: flex!important;
        align-items: center!important;
    }
    
    .mobile-bottom-menu a{
        min-width:66px;
        width: 19.5% !important;
    }
    .mobile-bottom-menu a span{
        font-size:11px;
        font-weight:600;
    }
    .bannerSection {
        margin-bottom: 26px
    }

    .bannerSection_aboutItem {
        background-image: url(images/banner-mobile.png)
    }

    .bannerSection_aboutItemTitle {
        margin-top: 48px;
        margin-bottom: 48px
    }

    .bannerSection_aboutItemImg {
        -webkit-transform: translateX(20%);
        transform: translateX(20%)
    }

    .bannerSection_productHeader {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0
    }

    .bannerSection_productTitle {
        margin-bottom: 12px;
        font-size:18px;
    }

    .bannerSection_productPrice{
        margin-top:12px;
    }
    
    .bannerSection_productImage {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .bannerSection_productContent {
        background-color: #fff;
        border-radius: 9px;
        padding: 10px 7px
    }

    .bannerSection_productText {
        margin-bottom: 0
    }

    .bannerSection_hideBtn.customButton {
        display: none
    }

    .bannerSection_secondaryBtn.customButton {
        display: block
    }

    .bannerSection_productItemNavWrapper {
        bottom: 72px;
    }

    .bannerSection_hideBtn {
        display: none
    }

    .subcategory_blocks>.lschd>div>span {
        font-size: 26px !important
    }

    .subcategory_blocks>.category_item_big>a {
        min-width: 100% !important
    }

    .subcategory_blocks>.category_item_big>a>span {
        width: 130px;
        font-size: 10px !important;
        margin-top: 15px;
        height: 36px
    }
}

@media (max-width:400px) {
    .bannerSection_h1>span::after {
        left: -4%;
        right: -6%
    }
}

.swiperMain1>.swiper-wrapper {
    position: relative
}

.popularCategories {
    margin-bottom: 60px
}

.popularCategories .swiperPopular {
    overflow: hidden
}

.popularCategories.container {
    padding-left: max(0px, min(3.06vw, 44px));
    padding-right: max(0px, min(3.06vw, 44px))
}

.popularCategories .swiper-wrapper {
    width: auto
}

.popularCategories .swiper-slide:last-of-type {
    margin-right: 40px
}

.popularCategories_container {
    position: relative
}

.popularCategories_title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    font-size: max(1.563rem, min(2.22vw, 2rem));
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
    padding-left: 20px;
    padding-right: 20px
}

.popularCategories_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: max(20px, min(2.43vw, 35px));
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.popularCategories_slide {
    -ms-flex-preferred-size: calc((100% - 2 * max(20px, min(1.74vw, 25px)))/ 3);
    flex-basis: calc((100% - 2 * max(20px, min(1.74vw, 25px)))/ 3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(20px, min(1.74vw, 25px))
}

.popularCategories_mainItem {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    min-height: 100%;
    overflow: hidden;
    border-radius: 30px;
    background-color: #f3f5f8;
    aspect-ratio: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.popularCategories_mainItem:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    position: relative;
    z-index: 1000
}

.popularCategories_item,
.popularCategories_item.popularCategories_mainItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    max-width: calc((100% - max(20px, min(1.74vw, 25px)))/ 2);
    max-height: calc((100% - max(20px, min(1.74vw, 25px)))/ 2);
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
    background-color: #f3f5f8;
    aspect-ratio: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.popularCategories_item.popularCategories_mainItem:hover,
.popularCategories_item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.popularCategories_itemTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 18px;
    font-size: max(.875rem, min(1.11vw, 1rem));
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -.02em
}

.popularCategories_itemImage {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: auto
}

.popularCategories_itemImage>img {
    -o-object-fit: contain;
    object-fit: contain
}

.popularCategories_btnPrev {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 50%;
    -webkit-transform: translate(calc(-40% + 20px), -50%);
    transform: translate(calc(-40% + 20px), -50%)
}

.popularCategories_btnNext {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 50%;
    -webkit-transform: translate(calc(40% - 20px), -50%);
    transform: translate(calc(40% - 20px), -50%)
}

.popularCategories_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 9px
}

.popularCategories_paginationItem {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #b2b2b2
}

.popularCategories_paginationItem.active {
    background-color: #fa6705
}

@media (max-width:1200px) {
    .popularCategories_slide {
        -ms-flex-preferred-size: calc((100% - max(10px, min(2.6vw, 20px)))/ 2);
        flex-basis: calc((100% - max(10px, min(2.6vw, 20px)))/ 2);
        gap: max(10px, min(2.6vw, 20px))
    }

    /* .popularCategories_slide:first-of-type {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    } */

    .popularCategories_item,
    .popularCategories_item.popularCategories_mainItem {
        max-width: calc((100% - max(10px, min(2.6vw, 20px)))/ 2);
        max-height: calc((100% - max(10px, min(2.6vw, 20px)))/ 2)
    }
}

@media (max-width:768px) {
    .popularCategories_pagination {
        margin-top: 25px
    }
}

@media (max-width:576px) {
    .popularCategories.container {
        padding-left: 0;
        padding-right: 0
    }

    .popularCategories .swiper-slide:last-of-type {
        margin-right: 0
    }

    .popularCategories_container {
        padding-left: 20px;
        padding-right: 20px
    }

    .popularCategories_item.popularCategories_mainItem:hover,
    .popularCategories_item:hover {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .popularCategories_item.popularCategories_mainItem:active,
    .popularCategories_item:active {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }

    .popularCategories .swiper-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .popularCategories_pagination {
        margin-top: 20px
    }

    .popularCategories_slide {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.bestsellers {
    overflow: hidden
}

.bestsellers_container {
    position: relative
}

.bestsellers_title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    font-size: max(1.563rem, min(2.22vw, 2rem));
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
    padding-left: 20px
}

.bestsellers_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: max(20px, min(2.43vw, 35px));
    padding-bottom: 50px
}

.bestsellers_btnPrev {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 50%;
    -webkit-transform: translate(calc(-40% + 20px), -50%);
    transform: translate(calc(-40% + 20px), -50%)
}

.bestsellers_btnNext {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 50%;
    -webkit-transform: translate(calc(40% - 20px), -50%);
    transform: translate(calc(40% - 20px), -50%)
}

.bestsellers.container {
    padding-left: max(0px, min(3.06vw, 44px));
    padding-right: max(0px, min(3.06vw, 44px))
}

.bestsellers .swiper-wrapper {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

.bestsellers .swiperBestsellers {
    position: relative;
    overflow: hidden;
    margin-bottom: max(20px, min(4.03vw, 58px))
}

.bestsellers .swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.bestsellers .swiper-slide {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    min-height: 100%;
    height: auto;
    max-width: calc((100% - 96px)/ 5);
    width: 100%
}

.bestsellers .swiper-slide:last-of-type {
    margin-right: 40px
}

.bestsellers .swiper-slide>.productCard {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bestsellers_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 9px
}

.bestsellers_paginationItem {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #b2b2b2
}

.bestsellers_paginationItem.active {
    background-color: #fa6705
}

.bestsellers_calculation {
    margin-top: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.bestsellers_calculationCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 45px;
    gap: 15px;
    border-radius: 32px;
    background-color: #ffecfa
}

.bestsellers__calculationCardBg2 {
    background-color: #f3f5f8
}

.bestsellers_calculationCardContent {
    max-width: 60%;
    padding-top: 45px;
    padding-bottom: 45px
}

.bestsellers_calculationCardTitle {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.08em;
    margin-bottom: 22px
}

.bestsellers_calculationCardBtn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bestsellers_calculationImageWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.bestsellers_calculationImageWrapper picture {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bestsellers_calculationImageWrapper img {
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
    height: auto
}

.bestsellers__calculationImageWrapper2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1200px) {
    .bestsellers_pagination {
        margin-top: 25px
    }

    .bestsellers_calculation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 60px;
        gap: 19px
    }

    .bestsellers_calculationCard {
        padding-left: max(20px, min(5.86vw, 45px));
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .bestsellers__calculationImageWrapper2 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .bestsellers_calculationCardTitle {
        font-size: max(1.75rem, min(4.17vw, 2rem))
    }

    .bestsellers_calculationImageWrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .bestsellers .swiper-slide {
        max-width: calc((100% - 60px)/ 4)
    }
}

@media (max-width:700px) {
    .bestsellers .swiper-slide {
        max-width: calc((100% - 20px)/ 2) !important
    }

    .bestsellers .swiper-slide:last-of-type {
        margin-right: 40px
    }
}

@media (max-width:576px) {
    .bestsellers.container {
        padding-left: 0;
        padding-right: 0
    }

    .bestsellers_container {
        padding-left: 20px;
        padding-right: 20px
    }

    .bestsellers_calculation {
        padding-left: 20px;
        padding-right: 20px
    }

    .bestsellers .swiper-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .bestsellers .swiper-slide:last-of-type {
        margin-right: 0
    }

    .bestsellers_wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .bestsellers_pagination {
        margin-top: 20px
    }

    .bestsellers_calculation {
        gap: 50px
    }

    .bestsellers_calculationCardContent {
        max-width: 100%;
        padding: 0
    }

    .bestsellers_calculationCard {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .bestsellers_calculationCardTitle {
        text-align: center;
        line-height: 1
    }

    .bestsellers_calculationImageWrapper {
        max-height: 136px
    }

    .bestsellers_calculationImageWrapper img {
        max-height: 136px
    }

    .bestsellers_calculationImageWrapper picture {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .bestsellers_calculationCardBtn {
        width: 100%
    }
}

.worth {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: max(60px, min(7.64vw, 110px))
}

.worth_backgroundTop {
    height: max(38px, min(3.89vw, 56px));
    background-color: #fff;
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px
}

.worth_backgroundWrapper {
    width: 100%;
    background-color: #1b1a24;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: max(38px, min(3.89vw, 56px));
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px
}

.worth_title:first-of-type {
    margin-top: max(30px, min(3.68vw, 53px))
}

.worth_title:last-of-type {
    margin-bottom: 20px
}

.worth_title,
.worth_title>span {
    font-size: max(2rem, min(5.49vw, 4.94rem));
    color: #fff;
    background: linear-gradient(273.19deg, #fff 4.2%, #898b8f 90%);
    font-weight: 700;
    letter-spacing: -.08em;
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    -webkit-text-fill-color: transparent
}

.worth_title>span {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1000;
    -webkit-text-fill-color: #fff
}

.worth_title>span::after {
    display: block;
    content: "";
    position: absolute;
    border-radius: 20px;
    -webkit-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    left: -2%;
    right: -5%;
    top: 15%;
    bottom: 5%;
    z-index: -1;
    background: linear-gradient(100.65deg, #034476 18.03%, #476c8c 113.33%);
}

.worth_text {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: max(49px, min(3.82vw, 55px));
    max-width: 411px;
    color: #fff;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: -.01em;
    text-align: center
}

.worth_cardsWrapper {
    display: grid;
    grid-template-areas: "a b c" "a d d";
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: max(17px, min(2.08vw, 30px));
    gap: max(17px, min(2.08vw, 30px));
    max-width: 69%;
    padding-left: 19px;
    padding-right: 19px;
    margin-left: auto;
    margin-right: auto
}

.worth_card {
    background-color: #282633;
    padding: 32px max(25px, min(2.22vw, 32px));
    border-radius: 24px
}

.worth_cardWorth {
    grid-area: a;
    background-image: url("https://lab3dprint.ru/image/iconii3.webp");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto
}

.worth_cardStatistics {
    grid-area: b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, from(#aa60ea), to(#dc5ba3));
    background: linear-gradient(90deg, #476c8c 0, #034476 100%)
}

.worth_cardStatistics p {
    text-align: center
}

.worth_cardThanks {
    grid-area: c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.worth_cardMaterials {
    grid-area: d;
    background-image: url("https://www.europrint.uz/assets/images/polig12.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 80%;
}

.worth_cardTitle {
    margin-bottom: 22px;
    font-size: max(1.75rem, min(2vw, 2rem));
    font-weight: 700;
    color: #fff;
    letter-spacing: -.04em
}

.worth__cardTitleSecondary {
    font-size: 1.75rem
}

.worth_cardTitleStatisticsWrapper {
    margin-bottom: 24px
}

.worth_cardTitleStatistics {
    color: #fff;
    font-size: 79px;
    font-weight: 700;
    letter-spacing: -.05em
}

.worth_cardText {
    color: rgba(255, 255, 255, .5);
    font-size: .875rem;
    line-height: 1.5;
    letter-spacing: -.01em
}

.worth__cardStatisticsText {
    color: #fff
}

.worth_cardMaterialsContent {
    max-width: 55%
}

@media (max-width:1200px) {
    .worth_cardsWrapper {
        max-width: 85%
    }
}

@media (max-width:992px) {
    .worth_cardsWrapper {
        max-width: 100%
    }

    .worth_cardWorth {
        background-position: right 0 bottom -50px
    }

    .worth_cardTitle {
        margin-bottom: 30px
    }

    .href_item {
        display: flex;
        min-width: 100%;
        flex-direction: column;
        overflow: hidden !important;
        max-height: 270px !important
    }

    .href_item>span {
        position: relative !important;
        font-size: 17px !important;
        max-width: 200px;
        top: unset !important;
        margin-top: 15px
    }

    .category_items_img {
        transform: scale(.9);
        max-height: 245px
    }
}

@media (max-width:950px) {
    .worth_cardWorth {
        background-position: right bottom
    }
}

@media (max-width:768px) {
    .worth {
        padding-bottom: max(55px, min(4.17vw, 60px))
    }

    .worth_backgroundWrapper {
        bottom: 0
    }

    .worth_text {
        color: #fff;
        font-size: .875rem;
        max-width: 53.5%
    }

    .worth_cardsWrapper {
        gap: 16px;
        grid-template-areas: "a b" "d c";
        grid-template-columns: 1fr 1fr
    }

    .worth_cardWorth {
        background-image: url("https://lab3dprint.ru/image/iconii3.webp");
        background-size: 60%;
        background-position: bottom right
    }

    .worth_cardMaterials {
        background-image: none
    }

    .worth_card {
        padding: max(17px, min(4.17vw, 32px)) max(12px, min(3vw, 25px))
    }

    .worth_cardTitle {
        font-size: max(1.438rem, min(3.65vw, 1.75rem));
        letter-spacing: -.06em
    }

    .worth__cardTitleSecondary {
        font-size: max(1.25rem, min(3.65vw, 1.75rem))
    }

    .worth_cardTitleMaterials {
        font-size: max(1.25rem, min(3.65vw, 1.75rem))
    }

    .worth_cardTitle {
        margin-bottom: 12px
    }

    .worth_cardTitleStatisticsWrapper {
        margin-bottom: 18px
    }

    .worth_cardTitleStatistics {
        font-size: max(3.69rem, min(10.3vw, 4.94rem))
    }

    .worth_cardText {
        font-size: max(.75rem, min(1.82vw, .875rem))
    }

    .worth_cardMaterialsContent {
        max-width: 100%
    }
}

@media (max-width:768px) and (max-width:576px) {
    .worth_text {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .worth_cardsWrapper {
        padding-left: 0;
        padding-right: 0
    }

    .worth_backgroundTop {
        height: 55px
    }

    .worth_cardThanks {
        padding-right: 6px
    }

    .worth__cardTitleSecondary {
        font-size: 1.125rem
    }

    .worth_text {
        margin-bottom: 9px;
        color: #fff;
        font-size: .875rem
    }
}

@media (max-width:390px) {
    .cont-text {
        max-width: 180px
    }

    .customButtonThird {
        padding: 12px !important;
    }
}

@media (max-width:350px) {
    .worth_cardsWrapper {
        gap: 8px
    }

    .worth_cardStatistics {
        padding-left: 8px;
        padding-right: 8px
    }

    .worth_cardTitle {
        font-size: 1.375rem
    }

    .worth_cardTitleMaterials {
        font-size: 1rem
    }

    .worth__cardTitleSecondary {
        font-size: 1rem
    }
}

.video {
    margin-bottom: max(60px, min(7.64vw, 110px))
}

.video_wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 2.1794;
    overflow: hidden;
    border-radius: 30px;
    background-color: #000
}

.video_wrapper>video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 2.1794
}

.video_playBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background-color: #312f2f;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.video_playBtn:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.video_playBtn::after {
    display: block;
    content: url(images/playIcon.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%)
}

.video-is-playing .video_playBtn {
    display: none
}

.video-is-playing:hover .video_playBtn {
    display: block
}

.video-is-playing:hover .video_playBtn::after {
    content: url(images/pauseIcon.svg);
    height: 60px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.video::-webkit-media-controls-panel,
.video::-webkit-media-controls-play-button,
.video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
    visibility: hidden
}

.video::shadow::-webkit-media-controls-panel,
.video::shadow::-webkit-media-controls-play-button,
.video::shadow::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
    visibility: hidden
}

@media (max-width:768px) {
    .video {
        padding-left: 20px;
        padding-right: 20px;
        display: block
    }

    .video_wrapper {
        border-radius: calc(.45 * max(226px, min(52.6vw, 404px)))
    }

    .video_playBtn {
        width: max(61px, min(17.1vw, 131px));
        height: max(61px, min(17.1vw, 131px));
        background: #554d4d
    }

    .video_playBtn:active {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1)
    }

    .video-is-playing:hover .video_playBtn {
        display: none
    }

    .video-is-playing .video_playBtn::after,
    .video-is-playing:active .video_playBtn::after {
        -webkit-transform: translate(-50%, -50%) scale(.8);
        transform: translate(-50%, -50%) scale(.8)
    }

    .video-is-playing.showBtn .video_playBtn {
        display: block
    }

    .video-is-playing.showBtn .video_playBtn::after {
        content: url(images/pauseIcon.svg)
    }
}

@media (max-width:576px) {
    .video_playBtn::after {
        -webkit-transform: translate(-45%, -50%) scale(.45);
        transform: translate(-45%, -50%) scale(.45)
    }

    .video-is-playing .video_playBtn::after,
    .video-is-playing:hover .video_playBtn::after {
        -webkit-transform: translate(-50%, -50%) scale(.45);
        transform: translate(-50%, -50%) scale(.45)
    }

    .video_wrapper {
        height: 226px
    }

    .video_wrapper>video {
        min-height: 100%
    }
}

.advantages {
    margin-bottom: 30px
}

.advantages_title {
    margin-bottom: 0;
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    text-align: center;
    letter-spacing: -.08em
}

.advantages_title>span {
    position: relative;
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    color: #fff;
    letter-spacing: -.08em
}

.advantages_title>span::after {
    display: block;
    content: "";
    position: absolute;
    border-radius: 20px;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    left: -3%;
    right: -5%;
    top: 15%;
    bottom: 5%;
    z-index: -1;
    background: linear-gradient(100.65deg, #034476 18.03%, #476c8c 113.33%)
}

.advantages_cardsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.advantages_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 48px;
    padding: 6px;
    min-height: 221px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 54px 0 rgba(0, 0, 0, .1411764706);
    box-shadow: 0 4px 54px 0 rgba(0, 0, 0, .1411764706);
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.advantages_cardImgWrapper {
    border-radius: 43px;
    overflow: hidden;
    aspect-ratio: 1.23;
    width: 100%;
    background: linear-gradient(89.55deg, rgba(177, 185, 255, .9) 13.42%, rgba(201, 131, 255, .9) 100%);
    -webkit-transition: all .6s linear;
    transition: all .6s linear
}

.advantages_cardTitle {
    margin-top: 10px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: .938rem;
    text-align: center;
    font-weight: 400;
    letter-spacing: -.02em
}

.advantages_cardText {
    height: 0;
    font-size: 16px;
    padding-left: 9px;
    padding-right: 9px;
    line-height: 1.4;
    letter-spacing: -.01em;
    text-align: center;
    display: grid;
    grid-template-rows: 0
}

.advantages_card.active {
    min-width: 334px
}

.advantages_card.active .advantages_cardImgWrapper {
    height: 211px;
    width: 100%
}

.advantages_card.active .advantages_cardTitle {
    margin-top: max(16px, min(1.39vw, 20px));
    margin-bottom: max(5px, min(1.11vw, 16px));
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.08em
}

.advantages_card.active .advantages_cardText {
    grid-template-rows: 1fr;
    overflow: auto;
    height: auto;
    margin-bottom: 30px
}

.advantages_card.active {
    transform: scale(1.1);
    transition: transform .3s ease-in-out
}

.advantages_card.active {
    transform: scale(1.1)
}

.advantages_cardText {
    opacity: 0;
    max-height: 0;
    transition: opacity .4s ease-in-out, max-height .4s ease-in-out
}

.advantages_card.active .advantages_cardText {
    opacity: 1;
    max-height: 400px
}

.advantages_cardText {
    transform: translateY(-20%) scale(.5);
    transition: transform .4s ease-in-out
}

.advantages_card.active .advantages_cardText {
    transform: translateY(0) scale(.8)
}

@media (max-width:1200px) {
    .advantages {
        margin-bottom: max(30px, min(7.64vw, 110px));
        overflow: hidden
    }

    .advantages_title {
        margin-bottom: max(40px, min(5.63vw, 81px))
    }

    .advantages_cardsWrapper {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-bottom: 30px
    }

    .advantages_card,
    .advantages_card.active {
        position: relative;
        min-height: 100%;
        height: auto;
        min-width: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 14px;
        min-height: 100%;
        -webkit-box-shadow: -9px 0 54px 0 rgba(0, 0, 0, .0784313725);
        box-shadow: -9px 0 54px 0 rgba(0, 0, 0, .0784313725);
        max-height: 340px
    }

    .advantages_cardsWrapper.swiper-wrapper {
        min-height: 360px !important
    }

    .advantages_card p.advantages_cardText {
        display: -webkit-box !important;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
        text-overflow: ellipsis;
        flex: unset !important;
        text-align: justify;
        margin-left: -30px
    }

    .advantages_cardTitle {
        text-align: left
    }

    .advantages_card.active .advantages_cardText:last-child {
        margin-bottom: 0
    }

    .advantages_card .advantages_cardImgWrapper,
    .advantages_card.active .advantages_cardImgWrapper {
        position: relative;
        z-index: 1;
        height: 167px;
        width: 262px
    }

    .advantages_card .advantages_cardTitle,
    .advantages_card.active .advantages_cardTitle {
        margin-top: 16px;
        margin-bottom: 5px;
        font-size: max(1.25rem, min(2.22vw, 2rem));
        font-weight: 700;
        letter-spacing: -.08em;
        padding-left: 0;
        padding-right: 0
    }

    .advantages_card .advantages_cardText,
    .advantages_card.active .advantages_cardText {
        visibility: visible;
        overflow: auto;
        opacity: 1;
        height: auto;
        font-size: .938rem;
        display: block;
        line-height: 1.4;
        letter-spacing: -.01em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:768px) {

    .advantages_title,
    .advantages_title>span {
        font-size: max(2rem, min(7.17vw, 3.44rem))
    }
}

@media (max-width:450px) {
    .modal .portfolio-v2_modal-close-btn {
        top: 40px !important;
        right: 195px !important;
    }

    .advantages_cardsWrapper {
        gap: 10px
    }
}

.process {
    padding-bottom: 60px
}

.process_title {
    margin-bottom: max(25px, min(3.96vw, 57px));
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    text-align: center;
    letter-spacing: -.08em
}

@media (max-width:768px) {
    .process {
        padding-bottom: 74px
    }

    .process_title {
        font-size: max(2rem, min(7.17vw, 3.44rem))
    }
}

@media (max-width:576px) {
    .process {
        padding-bottom: 60px
    }
}

.team {
    margin-bottom: max(60px, min(7.64vw, 110px))
}

.team_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    padding: 8px;
    border-radius: 30px;
    background-color: #f3f5f8
}

.team_teamWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 25px;
    background-color: #fff;
    padding-left: max(26px, min(2.36vw, 34px));
    padding-right: 30px;
    padding-top: max(25px, min(2.08vw, 30px));
    padding-bottom: 31px;
    overflow: hidden
}

.team .swiperTeamMain {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%;
    overflow: hidden
}

.team_employeeWrapper {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 20px;
    display: grid;
    max-width: 100%;
    grid-column-gap: 23px;
    -webkit-column-gap: 23px;
    -moz-column-gap: 23px;
    column-gap: 23px;
    grid-template-columns: 40% 1fr;
    grid-template-areas: "a b" "c c" "d d"
}

.team_teamHeader {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 25px;
    margin-bottom: 33px
}

.team_title {
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    letter-spacing: -.08em
}

.team_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px
}

.team_teamImagesWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
    cursor: pointer;
}

.team_teamImage {
    display: inline-block;
    position: relative;
    max-width: 97px;
    width: 100%;
    border-radius: 32px;
    aspect-ratio: 0.89;
    overflow: hidden;
    z-index: 2
}

.team_teamImage.active {
    outline: 2px solid #ec008c;
    outline-offset: 3px
}

.team_teamImage .team_teamNavItem {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    opacity: 0
}

.team_employeeImgWrapper {
    grid-area: a;
    width: 100%;
    aspect-ratio: 1.34;
    border-radius: 21px;
    overflow: hidden
}

.team_employeeNameWrapper {
    grid-area: b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(14px, min(1.18vw, 17px))
}

.team_employeeName {
    font-size: max(2rem, min(3.13vw, 2.813rem));
    font-weight: 700;
    letter-spacing: -.08em
}

.team_employeeJob {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px;
    font-size: 1rem;
    letter-spacing: -.05em;
    line-height: 140%;
    border-radius: 15px;
    background-color: #fff
}

.team_employeeQuote {
    grid-area: c;
    margin-bottom: 10px;
    margin-top: max(50px, min(5.9vw, 85px));
    max-height: 40px;
    height: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.team_employeeQuote>img {
    -o-object-fit: contain;
    object-fit: contain
}

.team_employeeText {
    grid-area: d;
    font-size: max(1rem, min(1.8vw, 1.625rem));
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 140%
}

.team_buttonWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: max(25px, min(2.08vw, 30px))
}

.team_buttonWrapper>a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 59px;
    padding-right: 59px
}

@media (max-width:1250px) {
    .team_teamImagesWrapper {
        gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:992px) {
    .team .swiperTeamMain {
        max-width: 100%
    }

    .team_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 12px
    }

    .team_title {
        font-size: max(2rem, min(7.17vw, 3.44rem))
    }

    .team_teamHeader {
        margin-bottom: max(25px, min(4.3vw, 33px))
    }

    .team_nav {
        gap: 27px
    }

    .team_teamImage {
        max-width: max(64px, min(12.63vw, 97px));
        border-radius: max(15px, min(4.17vw, 32px))
    }

    .team_teamImage.active {
        outline-offset: 0
    }

    .team_employeeQuote {
        display: none
    }

    .team_employeeWrapper {
        grid-template-columns: 40% 1fr;
        grid-template-rows: 1fr auto;
        grid-template-areas: "a b" "a d"
    }

    .team_employeeHeader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: max(15px, min(6.77vw, 52px));
        margin-bottom: 0
    }

    .team_employeeNameWrapper {
        margin-bottom: max(15px, min(1.875vw, 27px))
    }

    .team_employeeName {
        font-size: max(1.75rem, min(4.17vw, 2rem))
    }

    .team_employeeText {
        font-size: max(.875rem, min(2.08vw, 1rem))
    }
}

@media (max-width:576px) {
    .team.container {
        padding-left: 0;
        padding-right: 0
    }

    .team_wrapper {
        padding: 20px;
        padding-bottom: 30px
    }

    .team_teamWrapper {
        padding: 30px;
        overflow: visible
    }

    .team_title {
        text-align: center
    }

    .team_nav {
        text-align: center;
        gap: 20px
    }

    .team_employeeWrapper {
        padding: 0;
        grid-template-columns: 1fr;
        grid-template-areas: "a" "b" "d"
    }

    .team_teamHeader {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .team_teamImage {
        min-width: 64px
    }

    .team_employeeHeader {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px
    }

    .team_employeeNameWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        margin-top: 15px
    }

    .team_employeeImgWrapper {
        max-width: 100%
    }

    .team_employeeJob {
        padding: 16px 36px
    }

    .team_employeeText {
        font-weight: 400
    }

    .team_buttonWrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .team_buttonWrapper>a {
        width: 100%
    }
}

@media (max-width:435px) {
    .team .swiperNavTeam {
        padding: 3px;
        overflow-x: hidden
    }

    .team_teamImage {
        min-width: calc((100% - 24px)/ 4)
    }
}

.news {
    margin-bottom: max(60px, min(7.64vw, 110px));
    overflow: hidden
}

.news_title {
    margin-bottom: max(25px, min(3.96vw, 57px));
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    letter-spacing: -.08em;
    text-align: center
}

.news_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: max(20px, min(1.67vw, 24px));
    gap: max(20px, min(1.67vw, 24px))
}

.news_mainNews {
    grid-row-start: 1;
    grid-row-end: 5
}

.news_mainNewsLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.news_mainNewsImgWrapper {
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1.49
}

.news_mainNewsImgWrapper>img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.news_mainNewsImgWrapper>img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news_mainNewsDate {
    margin-top: max(20px, min(2.22vw, 32px));
    margin-bottom: 16px;
    font-size: 1.125rem;
    line-height: 1.1;
    color: rgba(53, 63, 71, .5019607843);
    letter-spacing: -.02em
}

.news_mainNewsText {
    max-width: 100%;
    font-weight: 600;
    font-size: max(1rem, min(1.81vw, 1.625rem));
    line-height: 1.2;
    letter-spacing: -.02em
}

.news_mainNewsText:hover {
    color: #fa6705
}

.news_news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(20px, min(1.67vw, 24px));
    cursor: pointer
}

.news_newsImgWrapper {
    border-radius: 24px;
    overflow: hidden;
    max-width: 34%;
    max-height: 147px;
    width: 100%;
    aspect-ratio: 1.49
}

.news_newsImgWrapper>img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.news_newsImgWrapper>img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news_newsDate {
    margin-bottom: max(10px, min(1.11vw, 16px));
    font-size: max(.875rem, min(1.25vw, 1.125rem));
    line-height: 1.45;
    color: rgba(53, 63, 71, .5019607843)
}

.news_newsText {
    font-size: max(.875rem, min(1.25vw, 1.125rem));
    line-height: 1.45;
    font-weight: 600
}

.news_newsText:hover {
    color: #fa6705
}

.news_buttonWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: max(25px, min(2.08vw, 30px))
}

.news_buttonWrapper>a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 59px;
    padding-right: 59px
}

@media (max-width:992px) {
    .news_newsText {
        font-weight: 400
    }
}

@media (max-width:768px) {
    .news_title {
        font-size: max(2rem, min(7.17vw, 3.44rem))
    }

    .news_newsImgWrapper {
        max-width: 47%;
        min-width: 47%;
        max-height: 119px;
        aspect-ratio: 1.4
    }

    .news_article:last-of-type {
        display: none
    }
}

@media (max-width:576px) {
    .news_buttonWrapper {
        padding-left: 0;
        padding-right: 0
    }

    .news_buttonWrapper>a {
        width: 100%
    }

    .news_wrapper {
        padding-left: 0;
        padding-right: 0;
        grid-auto-flow: column;
        gap: 0
    }

    .news_mainNews {
        grid-row-start: 1;
        grid-row-end: 2;
        max-width: 195px
    }

    .news_mainNewsLink {
        gap: 10px
    }

    .news_mainNewsImgWrapper {
        aspect-ratio: 1.4;
        width: 195px
    }

    .news_mainNewsDate {
        margin-top: 10px;
        margin-bottom: max(10px, min(1.11vw, 16px));
        font-size: max(.875rem, min(1.25vw, 1.125rem));
        line-height: 1.45
    }

    .news_mainNewsText {
        font-weight: 400;
        font-size: max(.875rem, min(1.25vw, 1.125rem));
        line-height: 1.45;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .news_article {
        max-width: 195px
    }

    .news_newsText {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .news_news {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .news_newsImgWrapper {
        max-width: 100%;
        width: 195px;
        min-height: 140px
    }

    .news_newsDate {
        margin-top: 10px
    }

    .news_article:last-of-type {
        display: block
    }
}

.partners {
    position: relative;
    margin-bottom: max(60px, min(7.64vw, 110px));
    background-color: #f3f5f8;
    border-radius: 30px;
    padding-bottom: max(35px, min(4.31vw, 62px));
    overflow: hidden
}

.partners .swiper-wrapper {
    -webkit-transition-property: all;
    transition-property: all
}

.partners_swiper-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10
}

.partners_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 31px;
    padding: max(25px, min(3.06vw, 44px));
    padding-bottom: max(49px, min(10vw, 114px));
    padding-right: max(22px, min(9.3vw, 134px));
    position: relative;
    z-index: 11
}

.partners_title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    letter-spacing: -.08em
}

.partners_title>span {
    position: relative;
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    color: #fff;
    letter-spacing: -.08em;
    z-index: 10
}

.partners_title>span::after {
    display: block;
    content: "";
    position: absolute;
    border-radius: max(10px, min(1.39vw, 20px));
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    left: -3%;
    right: -20%;
    top: 22%;
    bottom: 7%;
    z-index: -1;
    background: linear-gradient(100.65deg, #034476 18.03%, #476c8c 113.33%)
}

.partners_text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: max(1rem, min(1.32vw, 1.188rem));
    color: #353f47;
    letter-spacing: -.02em;
    padding-top: 5px;
    line-height: 1.4;
    font-weight: 600
}

.partners_slide {
    padding-left: 6px;
    padding-right: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.partners_logo {
    padding: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    width: max(160px, min(14vw, 202px));
    height: max(55px, min(5.97vw, 86px));
    padding: max(9px, min(.67vw, 24px)) max(27px, min(2.33vw, 48px));
    border-radius: calc(.5 * max(55px, min(5.97vw, 86px)))
}

.partners_logo>img {
    -o-object-fit: contain;
    object-fit: contain
}

.partners .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

@media (max-width:768px) {
    .partners {
        padding-bottom: max(25px, min(4.56vw, 35px))
    }

    .partners_title {
        font-size: max(2rem, min(7.17vw, 3.44rem))
    }

    .partners_title>span {
        font-size: max(2rem, min(7.17vw, 3.44rem))
    }

    .partners_content {
        padding-left: max(14px, min(3.26vw, 25px));
        padding-right: max(14px, min(3.26vw, 25px));
        padding-top: max(25px, min(3.65vw, 28px));
        padding-bottom: max(25px, min(6.38vw, 49px));
        gap: max(18px, min(4.04vw, 31px))
    }

    .partners_text {
        font-size: max(.875rem, min(2.08vw, 1rem));
        padding-top: 0;
        font-weight: 500
    }

    .partners_logo {
        min-width: max(74px, min(20.8vw, 160px));
        height: max(26px, min(7.16vw, 55px));
        padding: max(3px, min(1.17vw, 9px)) max(9px, min(3.52vw, 27px));
        border-radius: calc(.5 * max(26px, min(7.16vw, 55px)))
    }
}

@media (max-width:576px) {
    .header_catalogSubmenu>.active>.nav_con__mob>.toggle_innerBtn::after {
        content: url(images/minus.svg);
        top: 6px
    }

    .header_catalogSubmenu>.active>.nav_con__mob>.toggle_innerBtn::before {
        content: #f3f5f8
    }

    .nav_con__mob {
        display: flex
    }

    .nav_con__mob>span {
        margin-right: 8px
    }

    .bestsellers .swiper-slide>.productCard {
        max-height: 320px
    }

        .btn-up {
        position: fixed;
        display: flex;
        margin: 24px auto 0;
        bottom: 100px;
        right: 0px;
        left:0px;
        top: auto;
    }

    .btn-up.btn-up_hide {
        display: none !important
    }

    .partners_title {
        text-align: center
    }

    .partners_title>span::after {
        right: -7%
    }

    .partners_content {
        padding: 25px 14px;
        padding-bottom: 4px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .partners_text {
        font-weight: 400;
        margin-bottom: 10px
    }

    .partners_logo {
        width: 96px;
        height: 63px;
        padding: 3px 9px;
        border-radius: 13px
    }
}

.reviews {
    overflow: hidden
}

.reviews_container {
    margin-bottom: max(60px, min(7.64vw, 110px));
    padding-top: max(25px, min(2.01vw, 29px));
    padding-bottom: max(37px, min(2.78vw, 40px));
    background: rgba(171, 167, 255, .2509803922);
    border-radius: 32px
}

.reviews_title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 18px;
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    text-align: center;
    letter-spacing: -.08em
}

.reviews_tabsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
}

.reviews_tabsWrapper li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.reviews_tab {
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 13px 16px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 40px;
    color: rgba(7, 20, 35, .4);
    line-height: 1.2;
    letter-spacing: -.02em;
    white-space: noWrap
}

.reviews_tab.active {
    background-color: #ef5da8;
    color: #fff
}

.reviews_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.reviews_review {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: calc((100% - max(12px, min(3vw, 43px)))/ 2);
    width: 100%;
    -webkit-box-shadow: 0 4px 74px 0 rgba(187, 185, 226, .6);
    box-shadow: 0 4px 74px 0 rgba(187, 185, 226, .6);
    background-color: #fff;
    border-radius: 30px
}

.reviews_review.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reviews_reviewLetter {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-width: calc((100% - max(12px, min(3vw, 43px)))/ 2);
    width: 100%;
    -webkit-box-shadow: 0 4px 74px 0 rgba(187, 185, 226, .6);
    box-shadow: 0 4px 74px 0 rgba(187, 185, 226, .6);
    background-color: #fff;
    border-radius: 30px
}

.reviews_reviewLetter.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reviews_magnifier {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 86px;
    width: 86px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .0588235294);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.reviews_magnifier::after {
    content: url(images/magnifyingGlass.svg);
    height: 29px;
    width: 29px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.reviews_letterWrapper:hover .reviews_magnifier {
    visibility: visible
}

.reviews_magnifier:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
}

.reviews_reviewTop {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: max(25px, min(2.5vw, 36px)) max(25px, min(2.64vw, 38px));
    -webkit-box-shadow: 0 4px 74px 0 rgba(187, 185, 226, .2);
    box-shadow: 0 4px 74px 0 rgba(187, 185, 226, .2);
    border-radius: 30px
}

.reviews_reviewHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 21px
}

.reviews_author {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reviews_reviewImage {
    width: 73px;
    height: 73px;
    overflow: hidden;
    border-radius: 50%
}

.reviews_reviewName {
    font-size: 1.313rem;
    font-weight: 500;
    line-height: 160%
}

.reviews_reviewJob {
    color: rgba(7, 20, 35, .4);
    font-size: 1.063rem;
    line-height: 160%
}

.reviews_reviewText {
    font-size: max(.875rem, min(1.18vw, 1.063rem));
    font-weight: 300;
    max-height: 150px;
    line-height: 1.6em;
    overflow: hidden
}

.reviews_modalContent {
    padding-left: 20px;
    padding-right: 20px
}

.reviews .modal .reviews_review {
    max-width: 641px;
    max-height: 80vh;
    width: 100% !important;
    -webkit-transform: scale(0);
    transform: scale(0);
    margin: 0 !important;
    -webkit-animation: .4s linear showReview forwards;
    animation: .4s linear showReview forwards
}

.reviews .modal .reviews_reviewText {
    max-height: none;
    display: block !important;
    overflow-y: auto
}

.reviews .modal .reviews_reviewFooter {
    display: none
}

.reviews .modal .reviews_modal-close-btn {
    width: 34px;
    height: 34px;
    position: fixed;
    right: 28px;
    border-radius: 5px;
    top: 28px;
    background-color: #fff;
    background-size: 20px 20px;
    background-position: center center
}

.reviews .modal .reviews_modal-close-btn:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@-webkit-keyframes showReview {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showReview {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.reviews_reviewFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: max(25px, min(2.64vw, 38px));
    padding-right: max(25px, min(2.64vw, 38px));
    padding-top: 11px;
    padding-bottom: 17px
}

.reviews_reviewLetter {
    padding-bottom: max(25px, min(2.64vw, 38px))
}

.reviews_reviewLetter .reviews_letterWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    border-radius: 19px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto
}

.reviews_reviewLetter>.reviews_reviewTop {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 0
}

.reviews_reviewRating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.reviews_reviewRating>img {
    width: 12px;
    height: 12px
}

.reviews_reviewDate {
    font-size: .938rem;
    font-weight: 500;
    line-height: 160%;
    color: rgba(7, 20, 35, .4);
    letter-spacing: -.02em
}

.reviews_buttonWrapper {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: max(25px, min(2.78vw, 40px))
}

.reviews_nav {
    position: relative
}

.reviews_btnNext {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.reviews_btnPrev {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.reviews .swiper-slide {
    height: auto
}

@media (max-width:992px) {
    .footer_banner>.request>.request_bg>.request_content>.request_title {
        font-size: 40px
    }

    .footer_banner>.request>.request_bg>.request_imageWrapper>.request_imageMain {
        width: -webkit-fit-content !important;
        right: 5%
    }

    .reviews_reviewFooter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 11px;
        padding-bottom: max(15px, min(3.26vw, 25px));
        padding-left: max(15px, min(3.26vw, 25px));
        padding-right: max(15px, min(3.26vw, 25px));
        visibility: visible;
        height: auto;
        overflow: auto;
        opacity: 1
    }

    .reviews_wrapper {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .reviews_review {
        min-height: 100%
    }

    .reviews_reviewLetter {
        min-height: 100%
    }

    .reviews .swiper-slide {
        height: auto
    }
}

@media (max-width:768px) {
    .footer_banner>.request>.request_bg>.request_imageWrapper>.request_imageMain {
        width: -webkit-fit-content !important;
        right: 4%
    }

    .footer_banner>.request>.request_bg>.request_content>.request_title {
        font-size: 23px;
        text-align: left;
        margin-bottom: 80px;
    }

    .reviews_title {
        font-size: max(2rem, min(7.17vw, 3.44rem));
        margin-bottom: 20px
    }

    .reviews_reviewText {
        max-height: 180px
    }

    .reviews_reviewTop {
        padding-bottom: 0;
        padding-left: max(15px, min(3.26vw, 25px));
        padding-right: max(15px, min(3.26vw, 25px))
    }
}

@media (max-width:576px) {
    .reviews.container {
        padding-left: 0;
        padding-right: 0
    }

    .reviews_container {
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 0
    }

    .reviews_title {
        margin-bottom: 17px
    }

    .reviews_tabsWrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .reviews_tab {
        font-size: 14px
    }

    .reviews_reviewTop {
        padding-bottom: 15px
    }

    .reviews_review {
        max-width: 90%
    }

    .reviews_reviewLetter {
        max-width: 90%
    }

    .reviews_buttonWrapper {
        width: 100%;
        margin-top: 34px
    }
}

.portfolio {
    padding-bottom: max(60px, min(7.64vw, 70px));
    overflow: hidden
}

.portfolio_container {
    position: relative
}

.portfolio_title {
    margin-bottom: max(25px, min(3.06vw, 44px));
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    text-align: center;
    letter-spacing: -.08em
}

.portfolio_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio_item {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: max(257px, min(21.94vw, 316px));
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fa6705), to(#717fff));
    background-image: linear-gradient(180deg, #fa6705 0, #717fff 100%)
}

.portfolio_itemImageWrapper {
    position: relative;
    min-width: max(257px, min(21.94vw, 316px));
    aspect-ratio: 1;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.portfolio_item:hover .portfolio_itemImageWrapper {
    -webkit-transform: scale(.97);
    transform: scale(.97);
    padding: 4px
}

.portfolio_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
    padding: 13px;
    border-radius: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .1019607843);
    color: #fa6705;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.02em;
    z-index: 10
}

.portfolio_btn>img {
    width: 19px;
    height: auto
}

.portfolio_btnPrev {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.portfolio_btnNext {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.portfolio_modalContent {
    min-width: 100vw;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio__relative {
    position: relative;
    width: 100%;
    max-width: 752px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

.modal .portfolio_modal-close-btn {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 28px;
    border-radius: 5px;
    top: 28px;
    background-color: #fff;
    background-size: 20px 20px;
    background-position: center center
}

.modal .portfolio_modal-close-btn:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.portfolio_wrapperInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portfolio_imageWrapperInner {
    width: 100%;
    height: 100%
}

.portfolio .swiperInnerPortfolio {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1.156;
    border-radius: 20px
}

.portfolio .swiperInnerPortfolio .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio_btnPrevInner {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-120%, -50%);
    transform: translate(-120%, -50%)
}

.portfolio_btnNextInner {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 50%;
    -webkit-transform: translate(120%, -50%);
    transform: translate(120%, -50%)
}

.portfolio_gallery {
    display: none
}

@media (max-width:1250px) {
    .catalogMenu_contentCardImg_new {
        max-width: 110px;
        max-height: 110px
    }

    .catalogMenu_contentCardImg_new>img {
        max-width: 110px;
        max-height: 110px
    }

    .catalogMenu_contentCardTitle_new {
        margin-left: 10px;
        font-size: 15px;
        max-width: 130px;
        min-width: 130px
    }
}

@media (max-width:1200px) {
    .portfolio__relative {
        max-width: 640px
    }
}

@media (max-width:768px) {
    .portfolio_title {
        font-size: max(2rem, min(7.17vw, 3.44rem))
    }

    .portfolio__relative {
        max-width: 460px
    }

    .portfolio_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .portfolio_item {
        min-width: max(143px, min(33.46vw, 257px))
    }

    .portfolio_itemImageWrapper {
        min-width: max(143px, min(33.46vw, 257px))
    }

    .portfolio_item:hover .portfolio_itemImageWrapper {
        -webkit-transform: scale(.97);
        transform: scale(.97)
    }

    .portfolio_btn {
        gap: 4px;
        font-size: max(.625rem, min(1vw, .875rem))
    }

    .portfolio_btnPrevInner {
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%)
    }

    .portfolio_btnNextInner {
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%)
    }
}

@media (max-width:576px) {
    .portfolio_btn {
        gap: 6px;
        min-width: 80px;
        padding: 10px 12px
    }

    .portfolio_wrapper {
        margin-bottom: 47px
    }

    .portfolio_navWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .portfolio_btnNext {
        position: relative;
        display: inline-block;
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .portfolio_btnPrev {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .portfolio__relative {
        max-width: 440px
    }

    .portfolio .modal-wrapper img {
        max-width: 100%
    }

    /* .portfolio_navInnerWrapper {
        width: 100%;
        position: absolute;
        bottom: -41px;
        left: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
        z-index: 100000
    }
    
    .portfolio_btnNextInner,
    .portfolio_btnPrevInner {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    } */

    .portfolio_btnPrevInner {
        left: 73px;
    }

    .portfolio_btnNextInner {
        right: 73px;
    }
}

.modal .swiperInnerPortfolio .portfolio_imageWrapperInner {
    display: inline-block;
    height: 100%;
    /* -webkit-animation: .4s linear showImage forwards;
    animation: .4s linear showImage forwards; */
}

.aspect_ratio_3-4>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@-webkit-keyframes showImage {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes showImage {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.requirements {
    display: grid;
    grid-column-gap: max(19px, min(1.81vw, 26px));
    -webkit-column-gap: max(19px, min(1.81vw, 26px));
    -moz-column-gap: max(19px, min(1.81vw, 26px));
    column-gap: max(19px, min(1.81vw, 26px));
    grid-template-areas: "title image" "text image" "hideText image";
    grid-template-columns: 1fr 38%;
    grid-template-rows: auto auto 1fr;
    margin-bottom: max(60px, min(7.64vw, 110px));
    -webkit-box-shadow: 0 7px 34px 0 rgba(0, 0, 0, .1411764706);
    box-shadow: 0 7px 34px 0 rgba(0, 0, 0, .1411764706);
    padding: max(16px, min(4.17vw, 60px)) max(25px, min(3.19vw, 46px));
    border-radius: 32px
}

.container.requirements {
    max-width: 1312px
}

.requirements_title {
    grid-area: title;
    margin-bottom: max(10px, min(2.43vw, 35px));
    font-size: max(2rem, min(3.82vw, 3.438rem));
    font-weight: 700;
    letter-spacing: -.08em
}

.requirements__gridText {
    grid-area: text
}

.requirements .toggle_wrapper {
    grid-area: hideText
}

.requirements_text {
    font-size: max(.875rem, min(1.11vw, 1rem));
    line-height: 1.45;
    color: #353f47
}

.requirements_imageWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    grid-area: image;
    border-radius: 32px;
    overflow: hidden;
    width: 100%
}

.requirements_imageWrapper>img {
    -o-object-fit: contain;
    object-fit: contain
}

.requirements_link {
    position: relative;
    margin-top: 25px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: .813rem;
    color: #93989f;
    letter-spacing: -.02em;
    line-height: 120%
}

.requirements_link::after {
    content: url(images/triangleArrowBottom.svg);
    display: block;
    position: absolute;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    right: -20px;
    top: -1px
}

.requirements_link:hover {
    color: #5f6060
}

.active .requirements_linkOpen {
    display: none
}

.requirements_linkClose {
    display: none
}

.active .requirements_linkClose {
    display: block
}

.active .requirements_linkClose::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 1px
}

@media (max-width:992px) {
    .requirements {
        grid-template-columns: 1fr 50%
    }

    .requirements .toggle_item .requirements_text {
        position: relative
    }
}

@media (max-width:870px) {
    .requirements {
        grid-template-areas: "title image" "text image" "hideText hideText"
    }
}

@media (max-width:768px) {
    .requirements {
        grid-template-areas: "image" "title" "text" "hideText";
        grid-template-columns: 1fr;
        -webkit-column-gap: max(14px, min(2.47vw, 19px));
        -moz-column-gap: max(14px, min(2.47vw, 19px));
        column-gap: max(14px, min(2.47vw, 19px));
        padding: max(14px, min(2.08vw, 16px)) max(14px, min(3.26vw, 15px))
    }

    .requirements_title {
        margin-top: 14px;
        margin-bottom: 10px;
        font-size: max(1.75rem, min(4.17vw, 2rem))
    }

    .requirements_imageWrapper {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:576px) {
    .requirements_imageWrapper {
        max-width: 100%
    }

    .requirements_title {
        margin-bottom: 14px
    }
}

.faq {
    margin-bottom: max(25px, min(2.22vw, 32px))
}

.faq_title {
    margin-bottom: max(25px, min(3.125vw, 57px));
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    text-align: center;
    letter-spacing: -.08em
}

@media (max-width:768px) {
    .faq_title {
        font-size: max(2rem, min(7.16vw, 3.44rem))
    }
}

@media (max-width:576px) {
    .faq {
        margin-bottom: 60px
    }
}

.questions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 38px;
    margin-bottom: max(28px, min(2.08vw, 30px));
    padding: 12px;
    border-radius: 32px;
    background-color: #f3f5f8
}

.questions_title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    font-size: max(2rem, min(3.89vw, 3.5rem));
    letter-spacing: -.08em;
    font-weight: 700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap
}

.questions_title>span {
    position: relative;
    font-size: max(2rem, min(3.89vw, 3.5rem));
    font-weight: 700;
    color: #fff;
    letter-spacing: -.08em;
    z-index: 10
}

.questions_title>span>img {
    width: 51px;
    height: 43px;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    z-index: 10
}

.questions_title>span::after {
    display: block;
    content: "";
    position: absolute;
    border-radius: 18px;
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg);
    left: -1%;
    right: -5%;
    top: 0;
    bottom: -10%;
    z-index: -1;
    background: linear-gradient(100.65deg, #ff5eb0 1.01%, #bb62ff 96.31%)
}

.questions_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    max-width: 26%;
    width: 100%;
    padding: 16px max(9px, min(1.11vw, 16px));
    background-color: #fff;
    border-radius: 23px
}

.questions_text {
    max-width: 85%;
    font-size: .785rem;
    line-height: 140%;
    letter-spacing: -.02em
}

@media (max-width:768px) {
    .questions {
        padding: 25px
    }

    .questions_content {
        max-width: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 16px 12px
    }

    .questions_title>span>img {
        width: 36px;
        height: 34px;
        right: 2%;
        bottom: 18%;
        -webkit-transform: translate(100%, 100%) rotate(50deg);
        transform: translate(100%, 100%) rotate(50deg)
    }

    .questions_text {
        max-width: 95%
    }
}

@media (max-width:576px) {
    .questions {
        margin-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 12px;
        gap: 30px
    }

    .questions_title>span::after {
        left: -1%;
        top: 5%
    }

    .questions_title>span>img {
        width: 26px;
        height: 25px;
        right: 5%;
        bottom: 0;
        -webkit-transform: translate(100%, 100%) rotate(50deg);
        transform: translate(100%, 100%) rotate(50deg)
    }

    .questions_text {
        text-align: center;
        max-width: 100%
    }
}

.request {
    position: relative;
    top: max(32px, min(5.55vw, 80px));
    border-radius: 32px;
    background: -webkit-gradient(linear, left top, right top, from(#9ba8f8), to(#6a58ff));
    background: linear-gradient(90deg, #9ba8f8 0, #6a58ff 100%);
    overflow: hidden;
    z-index: 10
}

.request_bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    border-radius: 32px;
    padding: 32px max(24px, min(2.92vw, 42px));
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%
}

.request_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 0.7
}

.request_title {
    font-size: max(3.44rem, min(3.79vw));
    letter-spacing: -.013em;
    font-weight: 700;
    color: #fff
}

.request_title:last-of-type {
    margin-bottom: 21px
}

.request_text {
    margin-bottom: 21px;
    font-size: max(1rem, min(1.25vw, 1.125rem));
    line-height: 140%;
    font-weight: 600;
    letter-spacing: -.04em;
    color: #fff
}

.request_btnWrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.request_imageWrapper {
    max-width: 45%;
    position: relative;
    width: 100%
}

.request_imageMain {
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.request_imageSecondary {
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 100%;
    height: 60%
}

@media (max-width:992px) {
    .categories_con>.category_main>div {
        min-width: 49% !important;
        height: 193px
    }

    .categories_con>.category_main>div:first-child {
        order: 5;
        min-height: 323px
    }

    .categories_con>.category_main>div:nth-child(2) {
        order: 6;
        min-height: 323px
    }

    .categories_con>.category_main>div:nth-child(3) {
        order: 1
    }

    .categories_con>.category_main>div:nth-child(4) {
        order: 2
    }

    .categories_con>.category_main>div:nth-child(5) {
        order: 3
    }

    .categories_con>.category_main>div:nth-child(6) {
        order: 4
    }

    .categories_con>.category_main>div:nth-child(7) {
        order: 7
    }

    .categories_con>.category_main>div:nth-child(8) {
        order: 8
    }

    .categories_con>.category_main>div:nth-child(9) {
        order: 9
    }

    .categories_con>.category_main>div:nth-child(10) {
        order: 10;
        min-width: 50%
    }

    .request {
        margin-left: 20px;
        margin-right: 20px
    }

    .request_imageMain {
        right: -15px
    }

    .request_imageSecondary {
        left: 0
    }
}

@media (max-width:768px) {
    .categories_con>.category_main>div {
        min-width: 48.7% !important
    }

    .categories_con>.category_main {
        gap: 13px
    }

    .request {
        top: max(20px, min(4.17vw, 32px))
    }


    .request_imageWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        bottom: calc(-1 * max(20px, min(4.17vw, 32px)))
    }

    .request_imageMain {
        right: -50px
    }

    .request_imageSecondary {
        -webkit-transform: translateX(-30%);
        transform: translateX(-30%)
    }

    .request_content {
        min-width: 65%
    }

    .request_title {
        font-size: max(2rem, min(7.16vw, 3.44rem))
    }
}

@media (max-width:600px) {
    .footer_banner>.request>.request_bg>.request_imageWrapper {
        position: relative
    }

    .footer_banner>.request>.request_bg>.request_imageWrapper>.request_imageMain {
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        left: 50%;
        top: 30%;
        width: 350px;
        transform: translate(-50%, -50%);
        z-index: 2
    }

    .footer_banner>.request>.request_bg>.request_imageWrapper {
        justify-content: start
    }

    .footer_banner>.request>.request_bg>.request_imageWrapper>img {
        display: block
    }

    .categories_con>.category_main {
        justify-content: center;
        gap: 10px
    }

    .request {
        margin-left: 0;
        margin-right: 0
    }



    .request_title {
        text-align: center;
        margin-bottom: 0
    }

    .request_text {
        display: none
    }

    .request_imageWrapper {
        max-width: 100%;
        position: relative
    }

    .request_imageMain {
        position: relative;
        right: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .breadcrumb-item span {
        font-size: 10px;
    }

    .breadcrumb-item a:after {
        left: -6px;
        top: -1px;
    }

    a, blockquote, button, figcaption, input, input::placeholder, label, li, p, span, ul {
        
    }

    .request_imageSecondary {
        height: 100%;
        -webkit-transform: translate(-25%, 50%);
        transform: translate(-25%, 50%)
    }

    .request_btnWrapper {
        position: absolute;
        bottom: 20px;
        z-index: 100;
        width: calc(100% - 40px)
    }
}

.footer {
    padding-top: max(91px, min(10.9vw, 157px));
    padding-bottom: max(23px, min(7.64vw, 110px));
    padding-left: max(20px, min(4.44vw, 64px));
    padding-right: max(20px, min(4.44vw, 64px));
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    background-color: #1b1a24
}

.footer_wrapper {
    display: grid;
    grid-column-gap: max(20px, min(1.65vw, 22px));
    -webkit-column-gap: max(20px, min(1.65vw, 22px));
    -moz-column-gap: max(20px, min(1.65vw, 22px));
    column-gap: max(20px, min(1.65vw, 22px));
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "a a b" "c d d"
}

.footer_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(20px, min(1.65vw, 22px));
    margin-bottom: max(18px, min(5.28vw, 86px))
}

.footer_groupSecondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(15px, min(2.08vw, 30px))
}

.footer__group-1 {
    grid-area: a
}

.footer__group-2 {
    grid-area: b
}

.footer__group-3 {
    grid-area: c
}

.footer__group-4 {
    grid-area: d
}

.footer_item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(15px, min(2.08vw, 30px))
}

.footer_title {
    position: relative;
    font-size: max(1rem, min(1.39vw, 1.25rem));
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    letter-spacing: -.01em
}

.footer_titleSecondary {
    margin-bottom: 13px;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.02em
}

.footer_titleSecondary:not(:first-of-type) {
    margin-top: 13px
}

.footer_linksGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px
}

.footer_text {
    font-size: max(.875rem, min(1.04vw, .938rem));
    color: #fff;
    opacity: .7;
    line-height: 1.45;
    letter-spacing: -.02em
}

.footer_linksGroup .footer_text {
    cursor: pointer
}

.footer_linksGroup .footer_text:hover {
    opacity: 1
}

.footer_contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(20px, min(1.65vw, 22px))
}

.footer_contactsGroup {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.footer_contactsGroup>#footer_map {
    cursor: pointer
}

.footer_contactsGroup:first-of-type {
    min-width: 54%
}

.footer_infoWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: max(20px, min(1.65vw, 22px))
}

.footer_infoWrapper .footer_title {
    margin-bottom: max(15px, min(2.08vw, 30px))
}

.footer_infoPay .footer_infoPayWrapper {
    margin-top: max(15px, min(2.08vw, 30px))
}

.footer_infoPay {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer_infoPayWrapper {
    display: grid;
    grid-gap: 5px;
    gap: 5px;
    grid-template-columns: repeat(3, 1fr)
}

.footer_infoPayItem {
    border-radius: 6px;
    overflow: hidden;
    padding: 2px;
    height: 23px;
    background-color: #fff
}

.footer_infoPayItem>a img {
    -o-object-fit: contain;
    object-fit: contain
}

.footer_infoSocial {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer_infoSocialWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px
}

.footer_infoSocialItem {
    width: max(35px, min(2.85vw, 43px));
    height: max(35px, min(2.85vw, 43px));
    border-radius: 50%;
    padding: 8px;
    background: rgba(255, 255, 255, .1411764706);
    cursor: pointer
}

.footer_infoSocialItem>img {
    -o-object-fit: contain;
    object-fit: contain
}

.footer_infoSocialItem:hover {
    background-color: #fa6705
}

.footer_infoDetails {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer_infoDetailsContent {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer_logo {
    height: 43px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer_logo img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:992px) {
    .footer {
        padding-top: max(64px, min(11.85vw, 91px));
        padding-bottom: 23px;
        padding-left: 20px;
        padding-right: 20px
    }

    .footer_wrapper {
        gap: 23px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "a a" "b c" "d d"
    }

    .footer_infoSocialItem {
        width: max(40px, min(4vw, 35px));
        height: max(40px, min(4vw, 35px))
    }

    .footer_logo {
        display: none
    }
}

@media (max-width:768px) {
    .footer_title {
        font-weight: 600;
        letter-spacing: -.02em
    }

    .footer_text {
        letter-spacing: 0
    }
}

@media (max-width:576px) {
    .footer {
        padding-top: 64px;
        padding-bottom: 100px
    }

    .footer_wrapper {
        gap: 0;
        grid-template-columns: 1fr;
        grid-template-areas: "a" "b" "c" "d"
    }

    .footer_group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin-bottom: 0
    }

    .footer_title {
        cursor: pointer;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .toggle_wrapper .footer_title {
        width: 100%
    }

    .toggle_wrapper .footer_title::after {
        content: url(images/triangleArrowBottomFooter.svg);
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .toggle_wrapper .active .footer_title::after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

    .footer_item {
        border-bottom: 1px solid #93989f;
        gap: 0;
        max-width: 100%
    }

    .footer_text {
        color: #93989f
    }

    .footer_linksGroup {
        gap: max(15px, min(2.34vw, 18px));
        visibility: hidden;
        height: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: all .4s linear;
        transition: all .4s linear
    }

    .active .footer_linksGroup {
        visibility: visible;
        height: auto;
        overflow: none;
        opacity: 1;
        padding-bottom: 30px
    }

    .footer_contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: all .4s linear;
        transition: all .4s linear
    }

    .footer__group-3 {
        border-bottom: 1px solid #93989f
    }

    .active .footer_contacts {
        visibility: visible;
        height: auto;
        overflow: none;
        opacity: 1
    }

    .footer_groupSecondary .toggle_item {
        -webkit-transition: all .4s linear;
        transition: all .4s linear
    }

    .footer_groupSecondary .toggle_item.active {
        padding-bottom: 30px
    }

    .footer_infoWrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 40px
    }

    .footer_infoDetails {
        min-width: 100%
    }
}

.catalogMenu {
    position: absolute;
    top: calc(100% + 15px);
    right: max(20px, min(4.44vw, 64px));
    left: max(20px, min(4.44vw, 64px));
    z-index: 10000;
    background-color: #fff;
    border-radius: 24px;
    overflow: hidden;
    visibility: hidden;
    -webkit-box-shadow: 0 7px 34px 0 rgba(0, 0, 0, .1411764706);
    box-shadow: 0 7px 34px 0 rgba(0, 0, 0, .1411764706);
    opacity: 0;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.catalogMenu.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.catalogMenu_navWrapper {
    background-color: #f3f5f8;
    padding: 15px;
    border-radius: 24px;
    width: 292px;
    overflow-y: auto;
    max-height: calc(100vh - 190px)
}

.catalogMenu_navItem {
    border-radius: 10px;
    padding: 20px;
    padding-right: 40px;
    font-size: 1.063rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.18
}

.catalogMenu_navItem>a {
    position: relative;
    display: inline-block;
    min-width: 100%;
    font-size: 1.063rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.18;
    cursor: pointer
}

.catalogMenu_navItem.active {
    background: -webkit-gradient(linear, left top, right top, from(#476c8c), to(#034476));
    background: linear-gradient(90deg, #476c8c 0, #034476 100%)
}

.catalogMenu_navItem.active>a::after {
    content: url(images/triangleArrowRight.svg);
    display: block;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.catalogMenu_navItem.active>a {
    color: #fff
}

.catalogMenu_navItem:not(:last-of-type) {
    margin-bottom: 5px
}

.catalogMenu_contentBlock {
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    left: 307px;
    top: 0;
    width: calc(100% - 307px);
    overflow-y: auto;
    max-height: calc(100vh - 190px);
    padding: 15px;
    display: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 1000000
}

.catalogMenu_navItem.active .catalogMenu_contentBlock {
    display: block
}

.catalogMenu_advertising {
    display: block;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#476c8c), color-stop(50.4%, #034476));
    background: linear-gradient(90deg, #476c8c 0, #034476 50.4%)
}

.catalogMenu_advertisingWrapper {
    padding: 26px;
    min-height: 100%;
    font-size: 1.313rem;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    background-image: url(images/advertisingBg.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 15px
}

.catalogMenu_contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px
}

.catalogMenu_contentCardsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%
}

.catalogMenu_contentCard {
    cursor: pointer;
    overflow: hidden;
    border-radius: 28px;
    background-color: #fffae5;
    -ms-flex-preferred-size: calc((100% - 15px)/ 2);
    flex-basis: calc((100% - 15px)/ 2);
    max-height: 158px;
    min-height: 157px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.catalogMenu_contentCard:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.catalogMenu_contentCard a {
    position: relative
}

.catalogMenu_contentCardImg {
    position: relative;
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.catalogMenu_contentCardImg>img {
    position: absolute;
    width: 83px;
    height: 100px;
    top: 55px;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.catalogMenu__contentCardBg2 {
    background-color: #e7f6ff
}

.catalogMenu__contentCardBg3 {
    background-color: #f3f5f8
}

.catalogMenu__contentCardBg4 {
    background-color: #ffeff9
}

.catalogMenu__contentCardBg5 {
    background-color: #f8e8ff
}

.catalogMenu__contentCardBg6 {
    background-color: #f3f5f8
}

.catalogMenu_contentCardTitle {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -.02em;
    position: absolute;
    top: 22px;
    left: 22px;
    right: 22px;
    z-index: 9
}

.catalogMenu_contentLinksWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.catalogMenu_contentLinksColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 16px
}

.catalogMenu_contentLinksColumn ul {
    width: 100%
}

.catalogMenu_contentLinksGroupTitle {
    margin-bottom: 4px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: -.02em
}

.catalogMenu_contentLink {
    font-size: .75rem;
    line-height: 2;
    letter-spacing: -.02em
}

.catalogMenu_contentLink:hover {
    color: #fa6705;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-weight: 700
}

@media (max-width:1200px) {}

.popup-wrapper {
    display: none;
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    z-index: 9000;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.active.popup-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.popup.popup-width {
    width: 896px
}

.popup {
    display: inline-block;
    width: 368px;
    max-width: 100%;
    max-height: 92vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: auto;
    position: relative;
    z-index: 99;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    margin: auto
}

.popup .container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0
}

.popup .container {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto
}

.tabs.ui-tabs {
    border: none
}

.ui-tabs {
    position: relative
}

#map {
    width: 50%
}

.popup-map-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vertical-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 450px;
    margin: 0;
    background-color: #fff
}

.popup-map-right .h2 {
    background-color: #fafafa;
    text-align: left;
    margin: 0;
    padding: 13px 48px 9px 24px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px
}

.vertical-tab .ui-tabs-nav {
    float: left
}

.popup-map-right ul {
    position: relative;
    padding-left: 24px
}

.ui-button,
.ui-widget-header,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    background: 0 0 !important;
    border: none !important
}

.popup-map-right ul:before {
    left: 24px;
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    width: 4px;
    border-radius: 8px;
    height: auto;
    background-color: #f7f7f7;
    z-index: 10
}

.popup-map-right .ui-tabs-nav li {
    white-space: normal
}

.vertical-tab .ui-tabs-nav li {
    cursor: pointer;
    border: 0;
    float: none;
    padding: 0;
    max-width: none;
    max-width: initial
}

.popup-map-right ul li {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 21px
}

.scroll-tab>ul li,
.ui-tabs-nav li {
    white-space: nowrap;
    display: block;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    font-size: 16px
}

.vertical-tab .ui-tabs-nav li a:after,
.vertical-tab .ui-tabs-nav li a:before,
.vertical-tab .ui-tabs-nav li:after,
.vertical-tab .ui-tabs-nav li:before {
    display: none
}

.popup-map-right ul .active-li-contact:before {
    z-index: 11;
    content: "" !important;
    display: block !important;
    width: 4px;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: #ec008c;
    position: absolute;
    border-radius: 8px
}

.ui-tabs-nav li:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 2px;
    background: #fff;
    bottom: 0;
    right: -11px;
    z-index: 2;
    display: none
}

.scroll-tab>ul li a,
.ui-tabs-nav li a {
    font-size: 16px;
    padding: 12px 14px;
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.vertical-tab .ui-tabs-nav li a {
    padding: 0;
    padding: 19px 0 19px 24px;
    margin: 0;
    line-height: normal;
    height: auto;
    border: 0;
    background: #fff;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #505050;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none
}

.popup-map-right .ui-tabs-nav li {
    white-space: normal
}

.vertical-tab .ui-tabs-nav li {
    cursor: pointer;
    border: 0;
    float: none;
    padding: 0;
    max-width: none;
    max-width: initial
}

.vertical-tab .ui-tabs-nav li a span {
    position: static
}

.vertical-tab .ui-tabs-nav li a span {
    display: block;
    color: #505050
}

.popup-map-right ul li .address-contact {
    font-size: 14px;
    line-height: 20px;
    color: #1a1a18
}

.popup-map-right .address-contact {
    color: #1a1a18 !important;
    font-weight: 700
}

.ui-tabs-nav li a span {
    vertical-align: middle;
    position: relative;
    z-index: 2;
    line-height: 24px;
    display: block;
    color: #767674
}

.mfp-close {
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center center;
    font-size: 0;
    color: transparent;
    line-height: 0;
    z-index: 100000;
    background-image: url(images/close.svg);
    background-size: 70%;
    background-position: center
}

@media (max-width:576px) {
    .footer_banner_dekstop_category {
        display: none
    }

    .footer_banner_cat {
        display: block
    }

    .footer_banner_cat>.request>.request_bg {
        justify-content: end
    }

    .footer_banner_cat>.request>.request_bg>.request_content>.request_btnWrapper {
        bottom: 19px
    }

    .footer_banner_cat {
        position: relative
    }

    .footer_banner_cat>.request {
        min-height: 350px;
        z-index: 33
    }

    .footer_banner_cat>.request>.request_bg>.request_content {
        max-height: 150px
    }

    .footer_banner_cat>.request>.request_bg {
        min-height: 350px
    }

    .footer_banner_cat>.request_imageWrapper {
        position: absolute;
        top: -20px;
        max-height: 250px;
        max-width: 350px
    }

    .footer_banner_cat>.request_imageWrapper>img {
        display: block;
        z-index: 34;
        width: 200px !important;
        height: 200px !important
    }

    .popup-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .popup-wrapper .vertical-tab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }

    .popup-wrapper .ui-tabs-nav {
        overflow: auto;
        padding-left: 16px
    }

    .popup-wrapper .ui-tabs-nav:before {
        left: 10px
    }

    .popup-wrapper .popup-map-right .h2 {
        padding-left: 10px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .popup-wrapper .ui-tabs-nav li a {
        padding: 7px
    }

    .popup-wrapper .ymaps-2-1-79-controls__toolbar_right {
        margin-right: 38px
    }

    .popup-wrapper .mfp-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 10px;
        right: 10px;
        width: 28px;
        height: 28px;
        border-radius: 3px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15), 0 2px 5px -3px rgba(0, 0, 0, .15);
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15), 0 2px 5px -3px rgba(0, 0, 0, .15);
        padding: 3px
    }

    .popup-wrapper .iframe-wrapper {
        max-height: 100vh
    }

    .popup-wrapper .popup-map-right ul li {
        margin-bottom: 0
    }

    .popup-wrapper #map {
        width: 100%;
        height: 250px
    }

    .popup-wrapper #map>ymaps {
        min-height: 100%
    }

    .popup-wrapper #map>ymaps>ymaps {
        min-height: 100%
    }
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: Inter, san-serif;
    
}

body {
    position: relative;
    scroll-behavior: smooth
}

.container {
    position: relative;
    padding-left: max(20px, min(4.44vw, 64px));
    padding-right: max(20px, min(4.44vw, 64px));
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:992px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
    padding: 0;
    margin: 0
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

button,
input {
    border: none;
    outline: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0
}

img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

h1,
h2,
h3,
h4 {
    font-weight: 500;
    line-height: 115%;
    font-family: Inter, san-serif;
    color: inherit;
    margin: 0;
    padding: 0
}

input::-webkit-input-placeholder {
    color: #071423;
    margin: 0;
    padding: 0;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none
}

input::-moz-placeholder {
    color: #071423;
    margin: 0;
    padding: 0;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none
}

input:-ms-input-placeholder {
    color: #071423;
    margin: 0;
    padding: 0;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none
}

input::-ms-input-placeholder {
    color: #071423;
    margin: 0;
    padding: 0;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none
}

a,
blockquote,
button,
figcaption,
input,
input::placeholder,
label,
li,
p,
span,
ul {
    color: #071423;
    margin: 0;
    padding: 0;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none
}

span {
    font-size: inherit;
    line-height: inherit
}

.li {
    color: inherit;
    margin: 0;
    padding: 0
}

.customButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    height: 100%;
    background-color: #fa6705;
    padding: 12px 26px;
    text-align: center;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    letter-spacing: -.01em
}

.customButton>span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.customButton:hover {
    background-color: #fa6705
}

.customButton:disabled {
    background-color: #e6e4e4;
    color: #939393
}

.customButtonSecondary {
    display: block;
    border: 1px solid #fa6705;
    padding: 12px 26px;
    text-align: center;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.01em
}

.customButtonSecondary:hover {
    background-color: #fa6705
}

.customButtonSecondary:disabled {
    background-color: #e6e4e4;
    color: #939393
}

.customButtonThird {
    display: block;
    padding: 12px 26px;
    background-color: #fff;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #fff;
    color: #fa6705;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.01em;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .0392156863);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .0392156863)
}

.customButtonThird:hover {
    border: 1px solid #fa6705
}

.customButtonThird:disabled {
    background-color: #e6e4e4;
    color: #939393
}

@media (max-width:500px) {
    .tags_group {
        gap: 7px;
    }

    .breadcrumb {
        gap: 0;
    }
    
    .category_item_big.calendar a.href_item img {
        margin-top: 0 !important;
        min-height: 130px;
        height: 130px;
        transform: scale(.9) !important
    }

    .categories_con>.tags_main>.tags_group>a {
        padding: 12px 19px 12px 19px;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .popup-wrapper {
        align-items: flex-start
    }

    .mw-450 {
        margin: auto !important;
        max-height: 80vh !important
    }

    .mw-485 {
        margin: auto !important;
        max-height: 100vh !important
    }

    .new-select {
        padding: 12px !important;
        font-size: 13px !important
    }

    .calculator_bntsWrap {
        margin-top: 25px !important
    }

    #windowLoginBlock>.mw-450 {
        margin-top: 0;
        margin: auto !important
    }

    #windowLoginBlock>.mw-450>#login_call_container>.login_block--con>form>.ec-form__row {
        margin-bottom: 0 !important
    }

    .login_block--con>form>.ec-form__row>textarea {
        min-height: 70px
    }

    .login_block--con {
        margin-bottom: 5px
    }

    .checkbox_con>.w-85>span {
        font-size: 12px
    }

    .login_block--con>p {
        margin-bottom: 5px;
        font-size: 13px;
        color: #353f47;
        margin-top: 5px
    }

    .login_block--con>.form_header {
        font-size: 24px
    }

    .login_block--con>.login_btn--action {
        font-size: 14px;
        height: 36px
    }

    .form_submit_login {
        font-size: 14px;
        height: 36px
    }

    .login_block--con>form>.ec-form__row>input {
        height: 40px
    }

    .categories_con>.category_main>div {
        min-width: 48.5% !important
    }

    .categories_con>.category_main>div {
        max-height: 158px !important
    }

    .categories_con>.category_main>div:nth-child(2) {
        min-width: 100% !important;
        max-height: 158px !important;
        min-height: 158px
    }

    .categories_con>.category_main>div:first-child {
        min-width: 100% !important;
        max-height: 158px !important;
        min-height: 158px
    }

    .categories_con>.category_main>div>a>span {
        font-size: 13px;
        left: 20px;
        top: 17px
    }

    .advantages_card .advantages_cardTitle {
        text-align: center
    }

    .advantages_card p.advantages_cardText {
        text-align: center;
        max-height: 300px !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 16px !important;
        margin-left: 0 !important;
        transform: translateY(0) scale(.9)
    }
}

.title_otziv_form {
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.08em;
    margin-bottom: 20px
}

.modal_window {
    display: none;
    width: 500px;
    border-radius: 32px;
    padding: 32px !important
}

.ec-form__row input,
.ec-form__row textarea {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: -.02em;
    text-align: left;
    width: 100%;
    font-size: 16px
}

#jGrowl {
    display: none
}

.ec-form__row input.form_submit_login:disabled {
    background: #ccc !important;
    color: #000 !important;
    pointer-events: none !important
}

.ec-error.help-block {
    display: none
}

.ec-rating-description {
    display: none
}

.ec-rating-stars {
    margin-right: 0 !important
}

.ec-form__row_button {
    background-color: #fa6705;
    padding: 12px 26px;
    text-align: center;
    border-radius: 12px;
    width: 100%;
    letter-spacing: -.01em
}

.ec-form__row_button:hover {
    background-color: #fa6705
}

.ec-form__row_button input {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

@media (max-width:576px) {
    .swiperTabs {
        display: contents
    }
}


@media (max-width:431px) {
    .container.requirements {
        max-width: 390px
    }

    .requirements_float {
        max-width: 390px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .row_requirements>.requirements_imagefloat>div {
        height: 265px;
        width: 360px;
    }

    .first_rec>.requirements_title {
        font-size: 28px;
    }
}

@media (max-width:391px) {
    .container.requirements {
        max-width: 350px
    }

    .mw-450,
    .mw-485 {
        margin-top: 12%
    }

    .requirements_float {
        max-width: 350px;
    }
}

.voted .upload-file__icon.favor svg {
    fill-rule: nonzero !important
}

.voted .yesvoted {
    display: block
}

.voted .novoted {
    display: none
}

.msfavorites:not(.voted) .yesvoted {
    display: none
}

.msfavorites:not(.voted) .novoted {
    display: block
}

.korz {
    margin-bottom: 30px
}

.requirements_float ul {
    margin-left: 20px
}

.requirements_float li {
    list-style: disc;
    padding-top: 7px;
    padding-left: 5px
}

.custom-checkbox input[type=checkbox] {
    display: none
}