/*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;  }*/
.detail-no-user {
    padding-bottom: 20px;
}
.social {
    display: none;
}
.captcha-row.clearfix {
    margin-bottom: 53px;
}
.banners-big__buttons-item .btn.btn-lg.btn-transparent-bg.btn-warning {
    color: var(--theme-base-color);
}
.banners-big__buttons-item .btn.btn-lg.btn-transparent-bg.btn-warning:hover {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
	 color: #fff;
}
.banners-big__buttons-item .btn.btn-lg.btn-default.btn-warning {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
}
.header__top-part  .phones__dropdown-item.social-item {
    display: none;
}
.gallery-list .gallery-list__item-image:after {
    background: none;
}
.gallery-list__item-title.color_light {
    color: #000;
}
.filter-panel__sort {
    display: none;
}
.body.index .main.banner-auto {
    background: linear-gradient(to top, #ffceb3, #fff 1700px);
}

.item-accordion-wrapper .accordion-head {
    background-color: #f2722c;
}

.faq-accordion__head .faq-accordion__name.switcher-title {
    color: #fff;
}

.tab-content {
    border-radius: 10px;
    overflow: hidden;
}

/*----------------------------------------------------------*/

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerExtraBold.woff2') format('woff2'),
        url('../fonts/MullerExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerMediumItalic.woff2') format('woff2'),
        url('../fonts/MullerMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerBoldItalic.woff2') format('woff2'),
        url('../fonts/MullerBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerBold.woff2') format('woff2'),
        url('../fonts/MullerBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerThinItalic.woff2') format('woff2'),
        url('../fonts/MullerThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller Hairline';
    src: url('../fonts/MullerHairline.woff2') format('woff2'),
        url('../fonts/MullerHairline.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerThin.woff2') format('woff2'),
        url('../fonts/MullerThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerLight.woff2') format('woff2'),
        url('../fonts/MullerLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerMedium.woff2') format('woff2'),
        url('../fonts/MullerMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerBlack.woff2') format('woff2'),
        url('../fonts/MullerBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerBlackItalic.woff2') format('woff2'),
        url('../fonts/MullerBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerLightItalic.woff2') format('woff2'),
        url('../fonts/MullerLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerHeavyItalic.woff2') format('woff2'),
        url('../fonts/MullerHeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller Hairline';
    src: url('../fonts/MullerHairlineItalic.woff2') format('woff2'),
        url('../fonts/MullerHairlineItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller Regular';
    src: url('../fonts/MullerRegularItalic.woff2') format('woff2'),
        url('../fonts/MullerRegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerHeavy.woff2') format('woff2'),
        url('../fonts/MullerHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerRegular.woff2') format('woff2'),
        url('../fonts/MullerRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/MullerExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerUltraLight.woff2') format('woff2'),
        url('../fonts/MullerUltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerUltraLightItalic.woff2') format('woff2'),
        url('../fonts/MullerUltraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/*-----------------------------------------------------------------------------*/

body {
    font-family: Muller, sans-serif;
}

.status-container.status-icon.nostock,
.status-container.status-icon.instock
{
    display: none;
}

.catalog-detail__main-part.catalog-detail__main-part--right.sticky-block .grid-list__item:nth-child(2) {
    display: none;
}

.catalog-detail__main-part.catalog-detail__main-part--right.sticky-block .price_txt {
    display: none;
}

/* adaptive
--------------------*/
@media (min-width: 1281px) {
.body.index .main.banner-auto {    background: #fff;}
.header-menu__wide-limiter {    justify-content: left;    gap: 20px;}
.banners-big__wrapper .banners-big__text--wide .banners-big__title {    width: 70%;}
}
/* 1280 × 800 Ноутбук или топовый планшет */
@media (max-width: 1280px) and (min-width: 1024px) {
.header-menu__wide-limiter {    justify-content: left;    gap: 20px;}
.banners-big__wrapper .banners-big__text--wide .banners-big__title {    width: 80%;}
}
/* ---1024 × 768 Средний планшет (ландшафт)--------*/
@media (max-width: 1024px) and (min-width: 768px) {
.brands.mobilemenu__menu-item, .sales.mobilemenu__menu-item,.services.mobilemenu__menu-item,.company.mobilemenu__menu-item,
.blog.mobilemenu__menu-item,.info.mobilemenu__menu-item{    display: none;}
.mobilemenu div + div>.social {      display: none;}
}
/* -------------------*/
@media (max-width: 767px) {
.brands.mobilemenu__menu-item, .sales.mobilemenu__menu-item,.services.mobilemenu__menu-item,.company.mobilemenu__menu-item,
.blog.mobilemenu__menu-item,.info.mobilemenu__menu-item{    display: none;}
.mobilemenu div + div>.social {      display: none;}
  #main  .mobile-scrolled {       display: grid;overflow: unset;        grid-template-columns: 50% 50%;    }
    #main .mobile-scrolled--items-2>div {        width: 100%;    }
}
@media (max-width: 480px) {

}
@media (max-width: 320px) {

}