/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/
.mega-menu table td:not(.wide_menu) .dropdown-menu li > a .name{
    max-width: 210px;
}
.logo.colored a img,.logo.colored img, header .line-row, #mobileheader .logo.colored img{
    background-color: white;
}
.btn{
    border-radius: 0px!important;
}

body .catalog_block .footer_button .to-cart{padding-left: 20px;padding-right: 20px;}
.btn.btn-default{
    text-transform: uppercase;
}
.detail_page h1#pagetitle{
    display: none;
}
.stickers [class*="sticker_"]{
    border-radius: 12px;
    text-transform: lowercase;
}
.vnimanie {
    color: #F36D35;
}

.best_block.tab_slider_wrapp .top_blocks{
    display: flex;
    justify-content: space-between;
}
.specials_slider_wrapp ul.tabs, .tab_slider_wrapp ul.tabs{
    align-self: center;
}
.middle > .grey_block.custom_hit_bg{
    background-image: url("img/blurbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.custom_hit_bg .sa_block{
    display: none!important;
}
.custom_hit_bg .maxwidth-theme{
    background: none;
}
.custom_hit_bg .title_block{
    margin: 0px!important;
}

.tabs.ajax li span{
    color:  #2F2F2F!important;
    font-weight: 600!important;
    font-size: 15px!important;
}

.tab_slider_wrapp ul.tabs li.cur span{
    border-bottom: none;
    background-color: #F36D35!important;
    border-radius: 12px;
    padding: 5px 10px;
    color: white!important;
}

.sticker_khit{
    background-color: #F36D35!important;
    border-bottom-right-radius: 0px!important;
}
.sticker_rekomenduem{
    background-color: #B5B2A5!important;
    border-bottom-right-radius: 0px!important;
}
.sticker_novinka{
    background-color: #C2DFE7!important;
    color:  #2F2F2F!important;
    border-bottom-right-radius: 0px!important;
}
.sticker_dlya_doma{
    background-color:  #FEB331!important;
    border-top-left-radius: 0px!important;
}
.sticker_dlya_ofisa{
    background-color:  #71B5C7!important;
    border-top-left-radius: 0px!important;
}
.sticker_dlya_biznesa{
    background-color:  #7B786A!important;
    border-top-left-radius: 0px!important;
}
body .catalog_item .item-title a{
    font-weight: 600;
}
.wrapper1:not(.with_left_block) .instagram_wrapper.wide_Y .maxwidth-theme .top_block{
    display: block;
}
.wrapper1:not(.with_left_block) .instagram_wrapper.wide_Y .maxwidth-theme .top_block{
    padding: 0px!important;
}
div.tizers_block .item .img, .tizers_block .item .title, .tizers_block .item .title a {font-size:15px;color:#71B5C7;line-height:135%; font-weight:600;}
.maxwidth-theme > .form.inline{
    padding: 0px 0px 20px;;
}
.news_akc_block .item .info .date {
    line-height: 18px;
    font-size: 0.68em;
    color: #81A9B3;
    margin: 0px 0px 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.banners-small .item .title .date-block{
    line-height: 18px;
    font-size: 0.68em;
    color: #81A9B3;
    text-transform: uppercase;
}
.btn.btn-default.in-cart, .btn.btn-default.in-cart:hover{
    background: #76b8c9;
    border-color: #76b8c9;
}
#headerfixed .logo-row .logo img{
    max-height: none;
    width: 86%;
}

.item .child_container .child_wrapp * {
    font-family: 'Montserrat', sans-serif;
}

.subscribe-form .top_blocks .title, .subscribe-form .top_blocks .title div {
    font-weight: 500;
}
#footer{
    z-index: 3;
}
footer .phone .dropdown{
    top:24px;
    left:auto;
    min-width:auto;
    max-width:none;
    right:-10px;
    max-height:none;
    overflow:auto;
}

.button_block{
    border-radius: 0px;
}

.brands-img-filter{
    display: flex;
    align-items:center;
    justify-content: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.brands-img-filter-item{
    padding:10px 20px;
}
@media (min-width: 320px) and (max-width: 480px) {
    .front_page .tizers_block .item .img{
        height: 48px;
    }
    .front_page .best_block.tab_slider_wrapp .top_blocks{
        display: block;
    }

    .front_page .tab_slider_wrapp ul.tabs > li{
        margin: 0px 18px 0 0;
    }
    .front_page .top_blocks{
        text-align: center;

    }
    .front_page .top_blocks .tabs{
        margin-top: 15px;
    }
    .front_page p.main-page-mobile-btn{
        text-align: center;
    }
    .front_page .top_block a{
        position: absolute;
        right: 20px;
    }
    .front_page .top_block h3{
        margin: 0px 10px 0px;
        text-align: center;
    }
    .front.wide_page .top_slider_wrapp {
        padding-bottom: 0px;
    }
    .front_page .wraps > .wrapper_inner.wide_page > .middle .maxwidth-theme {
        padding-top: 20px;
    }
    .news_akc_block .item .info .date{
        font-size: 0.72em;
    }
    .banners-small .item .title .date-block{
        font-size: 0.72em;
    }
    .news_akc_block h3{
        margin-top: 0px!important;
    }
    .company_bottom_block{
        margin-top: -40px;
    }
    .front_page .brand_main_wrapper .flex-direction-nav{
        display: block!important;
    }
}

.wish_item_button {
    display: none;
}
.top_big_banners{
    max-width: 1410px;

    margin: auto;
}
/*ФЛЕКС КОСТЫЛЬ ДЛЯ ТОВАРОВ С ЭТИМ ПОКУПАЮТ*/
.catalog_detail{
    display: flex;
    flex-direction: column;
}
.catalog_detail > .item_main_info{
    order:-2;
}
.catalog_detail > .bottom_slider{
    order:-1;
}
#bx_incl_area_17 .catalog_detail{
    display: block;
}

/*BU блок*/

.bu-product span[data-param-form_id="TOORDER"]{
    width: 100%;
    margin-bottom: 15px;
}

.bu_block{
    margin-bottom: 10px;
}
.bu_block button:disabled{
    background-color:  #FEB331!important;
    color: white!important;
    opacity: 1!important;
    border: none!important;
}
.bu_block .btn-outline-default{
    color:#1d2029;
}
.bu_block .btn-outline-default:hover{
    color: #FEB331;
}
.bu_block .bu-block-header{
    margin-bottom: 10px;
}
.info_item .middle_info .prices_block{
    padding: 0px;
}
.dostavka_block{
    padding: 5px;
    background-color: #f3f3f5;
    border-radius: 10px;
    padding-left: 20px;
    padding-bottom: 1px;
    margin-bottom: 5px;
}
.main-properties-content{
    margin-bottom: 10px;
}
.main-property-name{
    font-weight: 500;
}
.btn-rassrochka{
    margin-bottom: 20px;
}
.rassrochka-chooser{
    display: flex;
    align-items: center;
}
.rassrochka-chooser .nav{
    margin-bottom: 0px!important;
}

.rassrochka-flex-row{
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}
.rassrochka-flex-row .nav-pills{
    margin-bottom: 0px;
}
.rassrochka-flex-row .pills-descr{
    font-weight: normal;
    padding-bottom: 5px;
}

.rassrochka-calculator .tab-content{
    padding-top: 0px;
}

.rassrochka-calculator li > a[data-toggle="pill"]{
    border-radius: 3px;
    border: solid 1px;
    border-color: #1d2029;
    color:#1d2029;
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    line-height: 18px;
    text-align: center;
}
.rassrochka-calculator li.active > a[data-toggle="pill"]{
    background-color: #FEB331;
    color: #383838;
    border: 1px solid white;
}

.rassrochka-calculator .tab-content li.active > a[data-toggle="pill"]{
    background-color: #FFD02E;
}
.rassrochka-tab-pretitle{

}
#rassrochka-first-pay,#rassrochka-month-pay,#rassrochka-term{
    font-weight: bold;
    font-size: 17px;
}
.desc-main-props-btn{
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-detail-dop-content{
    margin-top: 10px;
    margin-bottom: 10px;
}
.share-custom-text{
    margin-right: 15px;
}
.rassrochka-price{
    font-size: 14px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom: 10px;
}

.rassrochka-product-block{
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.rassrochka-button-custom-bank{
    color: black!important;
}
.rassrochka-button-custom-card{
    color: black!important;
}
.catalog_detail .like_icons{
    display: flex;
}
.compare-text{
    width: 90px;
    margin-top: 5px!important;
}
.rassrochka-zaglushka{
    height: 66px;
    border-bottom: 1px solid #EAEAEA;
    margin-left: -15px;
}
.rassrochka-type-select{
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 25px;
    margin-bottom: 50px;
}
.rassrochka-type-select a[data-toggle="pill"]{
    min-width: 150px;
}

.card-bank-select a[data-toggle="pill"]{
    min-width: 120px;
}
.rassrochka-term-select a[data-toggle="pill"]{
    min-width: 80px;
}

.rassrochka-button-custom-bank-holder{
     background-color: #FEB331!important;
}

@media (min-width: 320px) and (max-width: 480px) {
    .compare-text{
        display: none;
    }
    .rassrochka-zaglushka{
        display: none;
    }
    .rassrochka-type-select{
        margin-top: 20px;
    }

    .rassrochka-type-select a[data-toggle="pill"]{
        min-width: 0px;
    }

    .card-bank-select a[data-toggle="pill"]{
        min-width: 0px;
    }
    .rassrochka-term-select a[data-toggle="pill"]{
        min-width: 0px;
    }
    #rassrochka-bank,#rassrochka-cards{
        display: none;
    }
    #rassrochka-bank.active{
        display: block;
    }
    #rassrochka-cards.active{
        display: block;
    }
    #rassrochka-bank .tab-pane{
        display: none;
    }
    #rassrochka-cards .tab-pane{
        display: none;
    }
    #rassrochka-bank .tab-pane.active{
        display: block;
    }
    #rassrochka-cards .tab-pane.active{
        display: block;
    }

}

/*табы сервисного центра*/
.service-catalog-tabs{
    display: flex;
    max-width: 1470px;
    margin: auto;
    padding: 0px 30px 30px;
}
.service-catalog-tab-single{
    margin-right:15px;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .bu-custom-col{
        padding-left: 0px!important;
    }
    .bu-custom-col >a{
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 410px) and (max-width: 420px){
    #mobileheader .logo{
        max-width: 100px;
    }
}
@media (min-width:750px) and (max-width:770px){
    #mobileheader .logo{
        max-width: 100px;
    }
}

.advantage-card{
    min-height: 215px;
}

.service-sticky-popup{
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 20px;
    transform: scale(0.6);
}

.service-sticky-popup .service-popup-header{
    display: flex;
    justify-content: flex-end;
}
#close-service-contacts{
    font-size: 25px;
}
#close-service-contacts:hover{
    cursor: pointer;
}
.service-stick-header{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.service-stick-buttons{
    display: flex;
    flex-direction: column;
}
.stick-first{
    margin-bottom: 15px;
}
.sticky-item{
    margin-bottom: 15px;
}
.sticky-item i{
    height: 18px;
    width: 18px;
    content: "";
    display: inline-block;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
}

.sticky-item .stck-map{
    background-image: url("img/map-pin-2-fill.svg");
}
.sticky-item .stck-phone{
    background-image: url("img/phone-fill.svg");
}
.sticky-item .stck-mail{
    background-image: url("img/mail-fill.svg");
}
.image_centre{
    margin-top: 30px;
    margin-bottom: 30px;
}

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

    .service-stick-header,.sticky-info-wrap{
        display: none;
    }
    .service-stick-buttons{
        display: flex;
        flex-direction: row;
        justify-content: center;

    }

    .service-sticky-popup{
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 999;
        background-color: black;
        color: white;
        padding: 20px;
        width: 100%;
    }
    .stick-first{
        margin-bottom: 0px;
        margin-right: 10px;
    }
    .image_centre img{
        max-width: 100%;
    }

}
#prodSilderModal .modal-header{
    display: flex;
    justify-content: space-between;
}
#prodSilderModal .modal-header button.close{
    font-size: 70px;
    line-height: 0px;
}
@media only screen and (min-width: 768px) {
    #prodSilderModal .modal-dialog{
        width: 95vw;
    }
    #prodSilderModal .modal-body{
        display: flex;
        justify-content: center;
        height: 87vh;
    }
    #prodSilderModal .fotorama{
        flex-grow: 1;
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 401px) and (max-width: 435px){
    #mobileheader .logo, #mobileheader .logo svg {
        max-width: 100px!important;
    }
}
@media (max-width: 400px){
    #mobileheader .logo, #mobileheader .logo svg {
        max-width: 100px!important;
    }}
@media only screen and (min-width: 768px) {
    .arenda-title{
        text-align: center;
    }
    .arenda-new-buttons .consultation{
        text-align: center;
    }
    .arenda-new-buttons .consultation button{
        width: 255px;
    }
}

/*arenda new buttons*/
@media only screen and (max-width: 768px) {
    .arenda-new-buttons{
        display: flex;
        flex-direction: column;
    }
    .arenda-new-buttons .call-now , .arenda-new-buttons .callback{
        width: 100%;
    }
    .arenda-new-buttons .call-now{
        margin-bottom: 20px;
    }
    .arenda-new-buttons a,.arenda-new-buttons button{
        width: 100%;
    }
}
.property_list_item{
    display: flex;
    align-items: center;
}
.property_list_item span{
    width: 50%!important;
    bottom: 0px!important;
}
p.property_name{
    width: 50%;
    margin-bottom: 0px;
}
.sort_header .sort_display{
    display: none !important;
}
#prodSilderModal{
    position: fixed!important;
    z-index: 1040!important;
}

.bx-breadcrumb{
 display: flex;
 font-size: 13px;
}
/*предзаказ*/

@media only screen and (min-width: 992px) {
    .pod-zakaz-mode {
        position: absolute;
        right: -60px;
    }
    .pod-zakaz-mode .quantity_block_wrapper{
        margin-left: unset;
    }
    .pod-zakaz-mode .quantity_block_wrapper .item-stock{
        position: relative;
        right: unset;
    }
}
/*.text_info {
    height: 190px !important;
}*/
@media (min-width: 758px) and (max-width: 992px) {
    .wrap_md .big {
        padding: 0px 0px 0px 170px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .wrap_md .big {
        padding: 0px 0px 0px 140px;
    }
}
@media (min-width: 1199px) and (max-width: 1368px) {
    .wrap_md .big {
        padding: 0px 0px 0px 120px;
    }
}
@media (max-width: 778px) {
    a.seo-links {
        padding: 2px 7px;
    }
    .brands-img-filter {
        display: none;
    }
}
a.seo-links {
    padding: 4px 7px;
    border: 1px solid #f2f2f2;
    background-color: #f9f9f9;
    border-radius: 5px;
    color: #212121;
    font-size: 13px;
}
a.seo-links:hover {
    background-color: #ffaa17;
}
.form textarea {
     min-height: 90px;
 }


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.tags-slider-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 0 40px;
}

.tags-slider {
    display: flex;
    overflow: hidden;
    gap: 8px;
    scroll-behavior: smooth;
    padding: 5px 0;
}

.tags-slider-items {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.seo-links {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background-color: #f5f5f5;
    border-radius: 20px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.seo-links:hover {
    background-color: #e0e0e0;
    transform: translateY(-1px);
}

.tags-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

.tags-slider-btn:hover {
    background-color: #f5f5f5;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tags-slider-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.tags-slider-btn.left {
    left: 0;
}

.tags-slider-btn.right {
    right: 0;
}

.tags-slider-btn svg {
    width: 20px;
    height: 20px;
}

/* Стили для активного тега (по желанию) */
.seo-links.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

/* Индикатор прокрутки */
.tags-slider-indicator {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 8px;
    display: none; /* Скрываем по умолчанию, можно включить если нужно */
}

.indicator-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ccc;
    transition: background-color 0.3s ease;
}

.indicator-dot.active {
    background-color: #007bff;
}

/* Адаптивность */
@media (max-width: 768px) {
    .tags-slider-container {
        padding: 0 35px;
    }

    .tags-slider-btn {
        width: 32px;
        height: 32px;
    }

    .seo-links {
        padding: 6px 12px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .tags-slider-container {
        padding: 0 30px;
    }
}