/* Start:/local/templates/megapolis2022/css/header.css?179034817116616*/
.header {
    border-top: none;
    background: #f0f0f0;
    padding-top: 14px;
    height: auto;
    padding-bottom: 13px;
    position: relative;
}

/*<!-- logo -->*/
.header__logo {
    padding-top: 22px;
}

.logo__link {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 180px;
    left: -6%;
}

.logo__link img {
    max-width: 100%;
}

.logo__text {
    position: absolute;
    right: 0;
    top: 9px;
    font-size: 9px;
    color: #264892;
    letter-spacing: -0.45px;
}

.header__region {
    margin-top: 5px;
    font-size: 13px;
    color: #565656;
    line-height: 0.923;
    text-align: center;
}

.link.orange {
    color: #ef7f1a;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.link.orange:hover {
    color: #0072af;
    border-bottom: 1px dotted;
}

.header__region .link.orange {
    position: relative;
}

.header__region .link.orange i.icon {
    position: absolute;
    right: -15px;
    top: 3px;
    font-size: 8px;
}

/*<!-- email phone -->*/
.header__cell {
    position: relative;
    padding-bottom: 12px;
}

.header__icon {
    position: absolute;
    width: 20px;
    color: #979797;
}

.header__cell .header__icon {
    font-size: 19px;
}

.header__info-work {
    background: #ef7f1a;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
}

.header__cell .text {
    padding-left: 17px;
    margin-left: 10px;
}

header__cell.phone {
    font-size: 18px;
    letter-spacing: 1px;
}

.header__cell.phone .text {
    padding-top: 7px;
    display: block;
    line-height: 14px;
    max-width: 80%;
    padding-bottom: 5px;
}

.header__cell.phone a {
    color: #3a3a3a;
    text-decoration: none;
    outline: none !important;
}

.header__cell.phone .dropdown {
    position: relative;

}

.header__cell.phone .dropdown a {
    font-weight: 500;
    font-size: 14px;
}

.header__cell.phone .icon-phone-call {
    font-size: 15px;
    position: relative;
    top: 6px;
}

.header__cell.phone .arrow {
    vertical-align: middle;
    display: none;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 10px;
}

.header__cell.phone .arrow:hover {
    color: #ef7f1a;
}

.header__cell.phone .dropdown-menu {
    position: absolute;
    top: 105%;
    left: 0;
    width: 200px;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
}

.header__address-data{
    padding: 9px 0 0 30px;
}

.header-cell__label {
    color: #979797;
}

.header-cell__label {
    font-size: 12px;
}

.header-cell__value {
    font-size: 14px;
}

.header-cell__value{
    margin-top: 3px;
}

.header__address {
    margin-top: 9px;
    padding-right: 35px;
}

/* Адрес в шапке — строки поровну, без одинокого «1» на второй строке (замечание 13.09.2026) */
.header__address .header-cell__value {
    text-wrap: balance;
}

.header__cell.phone .dropdown-menu__item {

    border-bottom: 1px solid #d9d9d9;
    padding: 0 17px;
    height: 40px;

}

.header__cell.phone .dropdown-menu__item a {
    font-size: 18px;
    color: #3a3a3a;
    line-height: 40px;
    font-weight: 400;
    margin: 0 !important;
    display: block;
}

.header__cell.phone .dropdown-menu__item:last-child {
    border-bottom: none;
}

.header__cell.phone .link {
    margin-left: 28px;
    letter-spacing: 0.6px;
    outline: none !important;
    color: #0072af;
    border-bottom: 1px dotted;
    font-size: 10px;
}

.header__cell.phone .link:hover {
    color: #ef7f1a;
}

/*<!-- fastorder -->*/
.header__panel {
    padding-top: 3px;
    position: absolute;
    top: -56px;
    right: 5%;
    width: 40%;
}

.header__panel--link {
    text-decoration: none;
    width: 100%;
    display: block;
    margin-bottom: 9px;
}

.header__panel--link span br {
    display: none;
}

.header__panel--link .header__icon {
    padding-top: 0;
    font-size: 15px;
}

.header__panel--link span {
    display: inline-block;
}

.header__icon {
    position: absolute;
    width: 20px;
}

.header__text {
    margin-left: 20px;
    padding-left: 0px;
    padding-top: 2px;
    line-height: 12px;
    font-size: 10px;
}

.header__panel .button {
    margin-top: 16px;
    width: 243px;
    padding: 12px 3px 10px;
    text-decoration: none;
}

/*<!-- checkcity -->*/
.search {
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-color: #ddd;
    border-radius: 12px;
    background-color: #fff;
    overflow: hidden;
    
    box-shadow: none;
}

.search__inputGogogo {
    width: 50px;
    height: 100%;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(157, 157, 157)' d='M16.735,16.395 L12.545,11.939 C13.622,10.630 14.212,8.982 14.212,7.267 C14.212,3.260 11.024,-0.000 7.105,-0.000 C3.187,-0.000 -0.002,3.260 -0.002,7.267 C-0.002,11.274 3.187,14.535 7.105,14.535 C8.577,14.535 9.978,14.081 11.177,13.219 L15.398,17.709 C15.575,17.896 15.812,18.000 16.067,18.000 C16.307,18.000 16.535,17.906 16.709,17.735 C17.077,17.372 17.089,16.771 16.735,16.395 ZM7.105,1.896 C10.002,1.896 12.358,4.305 12.358,7.267 C12.358,10.229 10.002,12.639 7.105,12.639 C4.209,12.639 1.852,10.229 1.852,7.267 C1.852,4.305 4.209,1.896 7.105,1.896 Z'/%3E%3C/svg%3E");
    padding: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-indent: -999px;
    font-size: 0px;
    background-color: #f0f0f0;
}

.search-form .search__inputGogogo {
    right: 0;
    left: auto;
}

.search-form .search__inputGogogo:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='18px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(239, 127, 27)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' fill='rgb(157, 157, 157)' d='M16.735,16.395 L12.545,11.939 C13.622,10.630 14.212,8.982 14.212,7.267 C14.212,3.260 11.024,-0.000 7.105,-0.000 C3.187,-0.000 -0.002,3.260 -0.002,7.267 C-0.002,11.274 3.187,14.535 7.105,14.535 C8.577,14.535 9.978,14.081 11.177,13.219 L15.398,17.709 C15.575,17.896 15.812,18.000 16.067,18.000 C16.307,18.000 16.535,17.906 16.709,17.735 C17.077,17.372 17.089,16.771 16.735,16.395 ZM7.105,1.896 C10.002,1.896 12.358,4.305 12.358,7.267 C12.358,10.229 10.002,12.639 7.105,12.639 C4.209,12.639 1.852,10.229 1.852,7.267 C1.852,4.305 4.209,1.896 7.105,1.896 Z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: #eee;
}

.search-form .search__input {
    position: relative;
    margin: 0 60px 0 0;
    padding-left: 15px;
}

.search__input {
    position: relative;
    margin: 0 0 0 65px;
    padding-right: 15px;
}

.search__inputText {
    height: 48px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    border-radius: 0;
    font-size: 14px;
}

.cities--list {
    margin-top: 40px;
    margin-bottom: 25px;
}

.cities--list__item {
    padding-bottom: 14px;
}

.cities--list ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

/*<!-- basket -->*/
.header__basket {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 25px;
    /*top: 80px;*/
    right: 2%;
}

.header__info {
    position: absolute;
    top: -58px;
    left: 5%;
    width: 50%;
}

/*<!-- mobile -->*/
.mobile-menu a {
    text-decoration: none;
    border-radius: 10px;
    background-color: #ef7f1a;
    width: 34px;
    height: 25px;
    float: left;
    text-align: center;
    padding: 8px 0 0;
    color: #fff;
}

.search-menu a {
    color: #0072af;
    text-decoration: none;
    font-size: 32px;
}

.mobile-menu {
    float: left;
    margin: 25px 0 0 2%;
}

.search-menu {
    position: absolute;
    top: 25px;
    /*top: 80px;*/
    right: 15%;
}

@media (min-width: 450px) {
    .search-menu {
        right: 12%;
    }

    .logo__link {
        left: 0;
    }
}

@media (min-width: 540px) {
    .search-menu {
        right: 10%;
    }
}

@media (min-width: 568px) {
    .header__cell.phone .dropdown a {
        font-size: 15px;
    }

    .header__panel--link {
        width: 50%;
        display: inline-block;
        margin-bottom: 0;
    }

    .header__panel--link span br {
        display: inline;
    }

    .header__text {
        font-size: 14px;
        padding-left: 13px;
    }

    .header__panel--link .header__icon {
        padding-top: 3px;
        font-size: 20px;
    }

    .header__cell.phone .icon-phone-call {
        font-size: 17px;
        top: 5px;
    }

    .header__cell.phone .text {
        padding-bottom: 0;
    }

    .header__cell .text {
        margin-left: 20px;
    }

    .header__cell.phone .link {
        margin-left: 36px;
    }

    .logo__link {
        width: 250px;
    }

    .logo__text {
        top: 12px;
        font-size: 12px;
    }

    .mobile-menu {
        margin: 36px 0 0 2%;
    }

    .search-menu {
        top: 36px;
        /*top: 90px;*/
        right: 9%;
    }

    .header__basket {
        top: 36px;
        /*top: 90px;*/
    }
}

@media (min-width: 768px) {
    .header__basket {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 33px;
        padding: 0;
    }

    .header__cell.phone .arrow {
        display: inline-block;
    }

    .header {
        background: #f0f0f0;
        border: 0;
    }

    .logo__link {
        width: auto;
        display: inline-block;
        margin: 0;
    }

    .header__region {
        text-align: left;
    }

    .header--left.left {
        margin: 0 0 0 -12px;
    }

    .header__info {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding-top: 28px;
        margin-left: 27px;
        padding-left: 0;
    }

    .header__panel {
        max-width: 245px;
        padding-top: 25px;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
    }

    .header__info-work {
        font-size: 16px;
    }

    .header__cell.email a {
        font-size: 12px;
    }

    .header__cell.phone .dropdown a {
        font-size: 15px;
    }

    .header__cell .text {
        padding-left: 10px;
    }

    .header__panel--link {
        width: 100%;
        margin-bottom: 13px;
    }

    .header__panel--link.right {
        margin-bottom: 0;
    }

    .header__cell.email {
        padding-bottom: 12px;
        padding-top: 3px;
    }

    .header__cell.phone {
        padding: 0;
    }

    .header__cell.phone .link {
        margin-left: 30px;
        font-size: 12px;
    }

    .header__logo {
        padding-top: 27px;
    }

    .header__basket {
        margin-top: 30px;
        right: 3%;
    }
}

@media (min-width: 992px) {
    .city-modal .modal-container {
        width: 950px;
    }

    .cities--list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

    .logo__text {
        top: 16px;
        font-size: 13px;
    }

    .header--left.left {
        margin-left: -15px;
        margin-right: 0;
    }

    .header__info {
        margin-left: 48px;
        padding-top: 30px;
    }

    .header__cell.email a {
        font-size: 14px;
    }

    .header__cell.phone .dropdown a {
        font-size: 18px;
    }

    .header__cell .text {
        padding-left: 17px;
    }

    .header__panel--link {
        width: 50%;
        margin-bottom: 0;
    }

    .header__panel--link.right {
        text-align: right;
    }

    .header__cell.email {
        padding-bottom: 20px;
        padding-top: 0;
    }

    .header__cell.phone {
        padding: 0;
    }

    .header__cell.phone .link {
        margin-left: 36px;
        font-size: 12px;
    }

    .header__logo {
        padding-top: 25px;
    }

    .header {
        padding-bottom: 25px;
    }

    .header__basket {
        margin-top: 37px;
        right: 0;
    }
}

@media (min-width: 1200px) {

    .logo__link {
        max-width: 320px;
    }

    .header__basket {
        margin-top: 35px;
        right: 2%;
    }

    .header__logo {
        padding-top: 19px;
    }

    .header {
        padding-bottom: 24px;
        padding-top: 5px;
    }

    .logo__text {
        top: 19px;
        font-size: 13px;
    }

    .header--left.left {
        margin-left: -25px;
        margin-right: 5px;
    }

    .header__info {
        padding-top: 25px;
        padding-left: 4px;
        margin: 0;
    }

    .header__cell.email {
        padding-bottom: 20px;
        padding-top: 5px;
    }

    .header__cell.phone {
        padding: 0;
    }

    .header__cell.phone .dropdown a {
        font-size: 18px;
    }

    .header__cell.phone .link {
        font-size: 13px;
    }

}

/* === Редизайн V1 === */
.header--menu {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.search:focus-within {
    border-color: #0072af;
    box-shadow: 0 0 0 3px rgba(0, 114, 175, 0.12);
}

.widget-catalog-menu {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    border-left: 4px solid #ef7f1a;
    margin-bottom: 20px;
}

.catalogMenu {
    border-radius: 14px;
}

.catalogMenu__item:first-child .catalogMenu__item__link {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.catalogMenu__item:last-child .catalogMenu__item__link {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.catalogMenu__item__link {
    border-bottom: 1px solid #f5f5f5;
}

.catalogMenu__item__link:hover {
    background: rgba(239, 127, 26, 0.05);
}

.catalogMenu__l2 {
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);
    background: #fff;
}

/* ============================================================
   MOBILE: возвращаем верхнюю серую полосу 77px для контактов
   (.header__info top:-58 и .header__panel top:-56 рендерятся внутри неё).
   До редизайна зону создавал `border-top: 77px solid #f0f0f0`;
   в редизайне её заменили на padding-top:14px, из-за чего телефон,
   «Заказать звонок», «Скачать прайс-лист» и «Личный кабинет»
   уходили за верх шапки. На >=768px действуют свои media-правила.
   ============================================================ */
@media (max-width: 767px) {
    .header {
        border-top: 77px solid #f0f0f0;
        padding-top: 0;
    }
    .header__info {
        z-index: 2;
    }
    .header__panel {
        z-index: 2;
    }
}

/* v-cloak: скрыть Vue-блоки до монтирования (фикс вспышки {{ }}) 06.06.2026 */
[v-cloak]{display:none !important;}

/* анти-FOUC: до инициализации tiny-slider на главной показываем только первый слайд (12.06.2026) */
#main-slider:not(.tns-slider) > li:not(:first-child){display:none !important;}
/* анти-FOUC: резерв высоты hero-картинки слайдера (1162x325), чтобы блоки ниже не сдвигались при её загрузке */
#main-slider .pure-img{aspect-ratio:1162/325;width:100%;height:auto;object-fit:cover;}

/* End */


/* Start:/local/templates/megapolis2022/css/promo-form-contact.css?17811832201290*/
.promo-form-contact {
    background: #0072af;
    padding: 40px 0;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 36px;
}

.promo-form-contact__head {
    color: #fff;
    text-align: center;
    font-family: "Tahoma";
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.667;
    padding: 0 12px;
}

.promo-form-contact__lead {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
    padding: 0 12px
}

.promo-form-contact .formLine .info,
.promo-form-contact .formLine .info a{
    color: #fff;
}


@media (min-width: 320px) {
    .promo-form-contact__head {
        font-size: 22px;
    }

    .promo-form-contact__lead {
        font-size: 16px;
    }
}

@media (min-width: 480px) {
    .promo-form-contact__head {
        font-size: 26px;
    }

    .promo-form-contact__lead {
        font-size: 14px;
    }
}

@media (min-width: 540px) {
    .promo-form-contact__lead {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .promo-form-contact__head {
        font-size: 36px;
    }

    .promo-form-contact__lead {
        font-size: 20px;
        line-height: 28px;
    }
}

/* === Редизайн V1 === */
@media (max-width: 767px) {
    .promo-form-contact {
        border-radius: 10px;
    }
}

/* End */


/* Start:/local/templates/megapolis2022/css/slider-line.css?17260647252061*/
.slider-style-wrapper,
.slider-line__wrapper {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #ececec;
    border-radius: 4px;
    position: relative;
}

.slider-style,
.slider-line {
    list-style: none;
    margin: 0;
    padding: 0;
}

.slider-style-wrapper .tns-controls,
.slider-line__wrapper .tns-controls {
    text-align: right;
    outline: none;
    position: absolute;
    top: -42px;
    right: 0;
}

.slider-style-wrapper .tns-controls button,
.slider-line__wrapper .tns-controls button {
    background: transparent;
    border: 1px solid #0072af;
    color: #0072af;
    font-size: 10px;
    padding: 0;
    border-radius: 20px;
    margin: 0 0 10px 5px;
    outline: none;
}

.slider-style-wrapper .tns-controls button i,
.slider-line__wrapper .tns-controls button i {
    padding: 6px 6px;
    display: block;
}

.slider-style-wrapper .tns-controls button:hover,
.slider-line__wrapper .tns-controls button:hover {
    color: #ef7f1a;
    border-color: #ef7f1a;
}

.slider-line .tns-slide-active {
    border-right: 1px solid #ececec;
}

.slider-line__item {
    font-size: 16px;
    transition: box-shadow 0.5s;
}

.slider-line__item:hover {
    -webkit-box-shadow: 0 0 15px 4px rgba(170, 170, 170, 1);
    -moz-box-shadow: 0 0 15px 4px rgba(170, 170, 170, 1);
    box-shadow: 0 0 15px 4px rgba(170, 170, 170, 1);
    z-index: 9;
    position: relative;
}

.slider-line__item figure {
    padding: 20px 10px;
    margin: 0;
    text-align: center;
}

.slider-line__item figure img {
    padding: 10px;
    border: 1px solid #ececec;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slider-line__item figure a {
    color: #656666;
    text-decoration: none;
    display: block;
}

.slider-line__item figure figcaption {
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -0.4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 80px;
    overflow: hidden;
}

/* End */


/* Start:/local/templates/megapolis2022/css/tiny-slider.css?16688045792122*/
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/* End */


/* Start:/local/templates/megapolis2022/css/benefits.css?17811832209250*/
.benefits {
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 20px;
    margin-bottom: 29px;
}
.benefits .contentSmallTitle {
    font-size: 18px;
    font-weight: bold;
    color: #2c2c2c;
    margin-bottom: 30px;
    padding-left: 28px !important;
}
.benefits__item{
    position: relative;
    text-align: center;
}
.benefits__item > p {
    vertical-align: bottom;
    float: none;
    font-size: 12px;
    color: #474747;
    font-weight: bold;
    line-height: 18px;
    padding:0 5px;
    overflow: hidden;
}
.benefits img {
    display:block;
    margin: 17px auto 0;
}
.benefits .benefits__item__delivery img{
    margin: 24px auto 0;
}
.benefits .benefits__item__percent img{
    margin: 19px auto 0;
}
.benefits .round{
    border: 2px solid #ff8a20;
    border-radius: 40px;
    height: 75px;
    width: 75px;
    text-align: center;
    margin:0 auto 14px;
    display: block;
    vertical-align: middle;
}
.benefits span {
    display: block;
    text-align: center;
    font-size: 18px;
}

.benefits_tooltip {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.15);
    border-radius: 3px;
    position: absolute;
    left: 50%;
    bottom: 120%;
    margin-left: -172px;
    width: 300px;
    padding: 15px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.benefits_tooltip::after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left:-3px;
}

.benefits__item:hover .benefits_tooltip,
.benefits_tooltip.show{
    opacity:1;
    z-index: 5000;
}
.benefits_tooltip p{
    font-size: 12px;
    color: #676767;
    line-height: 1.5;
    margin:0px;
    padding:0;
}
.benefits__items .benefits__item{
    display: inline-block;
    width: 33%;
    vertical-align: top;
    position: relative;
}
.benefits__title-4item .benefits__items .benefits__item{
    width: 25%;
}

.benefits .tns-outer{
    position: relative !important;
}
.benefits .tns-controls,
.benefits .tns-item{
    outline: none !important;
}
.benefits .tns-controls button{
    position: absolute;
    top: 50%;
    left: 0;
    background: transparent;
    border:0;
    font-size: 20px;
    color: #ccc;
    opacity: 2;
    margin:-24px 0 0;
    padding:15px 0 10px;
}
.benefits .tns-controls button:hover{
    color: #ee8815;
    opacity: 1;
}
.benefits .tns-controls button:last-child{
    right: 0;
    left: auto;
}
.benefits .benefits__item > p{
    padding: 0 30px;
    text-align:left;
    font-size: 14px;
    line-height: 22px;
    margin:0 0 10px;
    min-height: 42px;
}
.benefits__title-4item .benefits__item > p {
    font-size: 12px;
}
.benefits__title.benefits__title-line{
    margin-bottom: 30px;
    text-align: center;
}
@media (min-width: 540px) {
    .benefits_tooltip_1{
        margin-left: -99px;
    }
    .benefits_tooltip_1:after{
        margin-left: -72px;
    }
    .benefits_tooltip_3{
        margin-left: -231px;
    }
    .benefits_tooltip_3:after{
        margin-left: 60px;
    }
    .benefits .benefits__item > p{
        text-align: center;
        padding: 0 10px;

    }
    .benefits__title-5item{
        text-align: center;
    }
    .benefits__title-4item .benefits__item > p {
        font-size: 10px;
    }
    .benefits__title-5item .benefits__item > p {
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    .benefits__item {
        text-align: left;
    }
    .benefits .benefits__item > p {
        display: block;
        font-size: 18px;
    }
    .benefits .contentSmallTitle {
        margin: 20px 0 0;
        padding: 0 !important;
    }
    .benefits_tooltip_1{
        margin-left: -172px;
    }
    .benefits_tooltip_1:after{
        margin-left: -3px;
    }
    .benefits_tooltip_3{
        margin-left: -212px;
    }
    .benefits_tooltip_3:after{
        margin-left: 6px;
    }
    .benefits .benefits__item > p {
        padding: 0 10px 0 0;
        text-align: left;
    }
    .benefits__title-5item{
        text-align: left;
    }
    .benefits__title-4item .benefits__item > p {
        font-size: 12px;
    }
}
@media (min-width: 992px) {
    .benefits .contentSmallTitle {
        font-size: 22px;
        margin: 20px 0 0;
    }
    .benefits .benefits__item > p {
        font-size: 18px;
        line-height: 22px;
    }
    .benefits__title-5item .benefits__item > p {
        font-size: 14px;
    }
    .benefits_tooltip_3{
        margin-left: -200px;
    }
    .benefits_tooltip_3:after{
        margin-left: -3px;
    }
    .benefits .benefits__item > p {
        padding: 0 25px 0 0;
    }
}
@media (min-width: 1200px) {
    .benefits {
        padding: 35px 20px 35px 20px;
        margin-left: -15px;
    }
}

/* === Редизайн V1 === */
.benefits .round img {
    height: unset;
    max-width: unset;
}

@media (max-width: 767px) {
    .benefits {
        border-radius: 10px;
    }
}

/* ===============================================
   РЕДИЗАЙН V3 — плотная лента достижений (social proof)
   Вместо 3 иконок — 5 ячеек с цифрами в одну строку
   =============================================== */

.benefits.benefits--stats {
    padding: 22px 24px !important;
    margin: 0 0 30px !important;
    background: linear-gradient(135deg, #0072af 0%, #005a8a 100%) !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(0, 114, 175, 0.2) !important;
    display: block !important;
}

.benefits__stats {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    gap: 0 !important;
    flex-wrap: wrap;
}

.benefits__stat {
    flex: 1 1 0 !important;
    min-width: 150px;
    text-align: center !important;
    padding: 6px 16px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}

.benefits__stat:last-child {
    border-right: none;
}

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

.benefits__stat-num {
    display: block;
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    letter-spacing: -1px;
    margin-bottom: 6px;
    font-family: "Tahoma", sans-serif;
}

.benefits__stat-num sup {
    font-size: 24px;
    font-weight: 700;
    color: #ef7f1a;
    margin-left: 2px;
}

.benefits__stat-num--text {
    font-size: 26px;
    letter-spacing: 0;
    color: #ef7f1a;
    margin-top: 6px;
}

.benefits__stat-label {
    display: block;
    font-size: 13px;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Планшет — две строки по 2-3 ячейки */
@media (max-width: 991px) {
    .benefits.benefits--stats {
        padding: 20px 16px !important;
    }
    .benefits__stat {
        flex: 0 0 50% !important;
        box-sizing: border-box !important;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        padding: 14px 12px !important;
        min-width: 0;
    }
    .benefits__stat:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.18);
    }
    .benefits__stat:nth-last-child(-n+2) {
        border-bottom: none;
    }
    .benefits__stat-num {
        font-size: 34px;
    }
    .benefits__stat-num--text {
        font-size: 22px;
    }
}

/* Мобилка — 2 колонки, компактная плитка 2×2 */
@media (max-width: 540px) {
    .benefits.benefits--stats {
        padding: 10px 10px !important;
        margin: 0 0 16px !important;
    }
    .benefits__stats {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
    }
    .benefits__stat {
        flex: none !important;
        border: none !important;
        padding: 8px 4px !important;
        min-width: 0;
        min-height: 0;
        position: relative;
    }
    .benefits__stat:nth-child(odd)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 15%;
        bottom: 15%;
        width: 1px;
        background: rgba(255, 255, 255, 0.18);
    }
    .benefits__stat:nth-child(-n+2)::before {
        content: "";
        position: absolute;
        left: 10%;
        right: 10%;
        bottom: 0;
        height: 1px;
        background: rgba(255, 255, 255, 0.18);
    }
    .benefits__stat-num {
        font-size: 24px !important;
        margin-bottom: 2px !important;
    }
    .benefits__stat-num--text {
        font-size: 16px !important;
    }
    .benefits__stat-num sup {
        font-size: 14px !important;
    }
    .benefits__stat-label {
        font-size: 10px !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
    }
}

/* End */


/* Start:/local/templates/megapolis2022/css/details.css?1768815707739*/
.details {
    display: block;
}

summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.faq-question {
    border-left: 4px solid #ef7f1a;
    background: #efefef;
    padding: 17px 20px;
    font-size: 14px;
    line-height: 1.25;
    margin: 20px 0 0;
    outline: 0;
    color: #6f6f6f;
    cursor: pointer;
}

.faq-question:hover {
    color: var(--brand-color);
}

summary.faq-question::-webkit-details-marker,
summary.faq-question::marker {
    display: none;
}

.faq-answer {
    font-size: 14px;
    line-height: 20px;
    outline: 0;
    padding: 10px 17px;
    border-bottom: 4px solid #efefef;
    border-right: 4px solid #efefef;
    border-left: 4px solid #efefef;
}



/* End */


/* Start:/local/templates/megapolis2022/css/glightbox.css?167052793617901*/
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  overflow-scrolling: touch;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
}

.glightbox-container .gslide {
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  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;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
  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;
}

.glightbox-container .ginner-container {
  width: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  max-height: 100vh;
}

.glightbox-container .ginner-container.desc-bottom,
        .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
        .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
    .gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
        /* width: initial; */
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.desc-top .gslide-image img,
        .desc-bottom .gslide-image img {
  width: 100%;
}

.gslide-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  width: 100vh;
  max-width: 100vh;
}

.gslide-video .gvideo-wrapper {
  position: relative;
  padding-top: 0;
  height: 100vh;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

/* @media (--medium-small-viewport) {
            height: 0;
            padding-top: 56.25%;
        } */

.gslide-video iframe,
    .gslide-video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  border: 0;
}

.gslide-video:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, .34);
  display: none;
}

.gslide-video.playing:before {
  display: none;
}

.gslide-video .jw-media,
    .gslide-video .jw-video {
  position: relative !important;
}

.gslide-video .jwplayer {
  max-width: 100vw;
  width: 100vh;
  height: auto !important;
}

.gslide-video .jwplayer,
    .gslide-video .box-emboss {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

.gslide-video .jwplayer .btnd:active,
        .gslide-video .jwplayer .btnd:focus,
        .gslide-video .jwplayer .btnd.active,
        .gslide-video .box-emboss .btnd:active,
        .gslide-video .box-emboss .btnd:focus,
        .gslide-video .box-emboss .btnd.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.gslide-video object {
  position: absolute;
  top: 0;
  left: 0;
}

.gslide-inline {
  background: #fff;
  padding: 20px;
  text-align: left;
  max-height: 62vh;
  overflow: auto;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 62vh;
}

.gslide-media {
  display: block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}

@media (max-width: 480px) {
  .gslide-media {
    margin: 0 auto;
  }
}

.desc-top .gslide-media,
    .desc-bottom .gslide-media {
  margin: 0 auto;
}

.gslide-description {
  float: left;
  display: none !important;
}

.gslide-description.description-left,
    .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p::last-child {
  margin-bottom: 0;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%);
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: .4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: .4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.glightbox-desc {
  display: none;
}

.glightbox-open {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
  height: auto;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader .8s infinite linear;
  animation: lightboxLoader .8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('/local/templates/megapolis2022/css/../img/back-60.png');
}

.gprev,
.gnext,
.gclose {
  background-repeat: no-repeat;
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  display: block;
  background-position: 0 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: .1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
    .glightbox-closing .gprev,
    .glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=');
}

.glightbox-clean .gprev {
  background-color: rgba(0, 0, 0, .08);
  background-position: 4px 5px;
  position: absolute;
  top: -100%;
  left: 30px;
  width: 38px;
  height: 56px;
}

.glightbox-clean .gnext {
  background-color: rgba(0, 0, 0, .08);
  background-position: -27px 5px;
  position: absolute;
  top: -100%;
  right: 30px;
  width: 38px;
  height: 56px;
}

.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, .08);
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
  opacity: .7;
  background-position: -59px 2px;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/

.gfadeIn {
  -webkit-animation: gfadeIn .5s ease;
  animation: gfadeIn .5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut .5s ease;
  animation: gfadeOut .5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft .3s ease;
  animation: gslideOutLeft .3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft .3s ease;
  animation: gslideInLeft .3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight .3s ease;
  animation: gslideOutRight .3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight .3s ease;
  animation: gslideInRight .3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn .5s ease;
  animation: gzoomIn .5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut .5s ease;
  animation: gzoomOut .5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d( 0, 0, 0);
    transform: translate3d( 0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d( 0, 0, 0);
    transform: translate3d( 0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 48em) {
  .glightbox-container .ginner-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description,
.glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-media,
.glightbox-container .ginner-container.desc-top .gslide-media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
            /* width: initial; */
    max-height: 97vh;
  }
  .gslide-video {
        /* display: flex;
        min-height: 100px;
        height: 100%; */
        /* max-height: 95vh !important; */
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 95vh;
  }
  .gslide-description.description-left,
    .gslide-description.description-right {
    max-width: 275px;
  }
  .goverlay {
    background: url('/local/templates/megapolis2022/css/../img/back-60.png');
  }

  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}

@media (min-width: 62em) {
  .glightbox-clean .gclose {
    right: 20px;
  }
}

@media screen and (max-height: 480px) {
  .gslide-video .gvideo-wrapper {
    padding-top: 0;
    height: 100vh;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: url('/local/templates/megapolis2022/css/../img/back-60.png');
  }
}

/* End */


/* Start:/local/templates/megapolis2022/css/table.css?17811832201643*/
.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    border-radius: 10px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border: 1px solid #cbcbcb;/*  inner column border */
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}

.pure-table thead {
    background-color: #0072af;
    color: #fff;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

@media (max-width: 992px) {
    .pure-table__wrapper{
        overflow-y: hidden;
        overflow-x: scroll;
    }
}

/* End */


/* Start:/local/templates/megapolis2022/css/error.css?168003155673*/
.error__img {
    font-size: 200px;
}

.error__text {
    color: #000;
}

/* End */


/* Start:/local/templates/megapolis2022/css/review.css?17811832201589*/
.review__item {
    margin-bottom: 12px;
    padding: 16px 16px 16px 20px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border-left: 4px solid #ef7f1a;
    border-radius: 12px;
}

.review__item:last-child {
    margin-bottom: 0;
}

.review__date {
    color: #818181;
    font-size: 14px;
    margin-left: 10px;
}

.review__rating {
    margin-top: 5px;
    width: 100%;
}

.review__author {
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.review__header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 15px;
}

.review__field {
    width: 400px;
    max-width: 100%;
    min-height: 200px;
}

.review__addBlock {
    margin-top: 25px;
}

.gis2_review {
    min-height: 335px;
    position: relative;
}

.gis2_review:before {
    content: 'Загружаем отзывы 2GIS...';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    animation: blinker 2s linear infinite;
    -moz-animation: blinker 2s linear infinite;
    -webkit-animation: blinker 2s linear infinite;
    text-transform: uppercase;
}

.gis2_review .sw-app-body {
    background: #fff;
    z-index: 1;
}

.gis2_review .sw-app-head {
    font-size: 25px !important;
    margin-bottom: 25px !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-moz-keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* End */


/* Start:/local/templates/megapolis2022/css/dostavka-oplata.css?17599943036892*/
.buttonLink{
    margin-bottom:25px;
}
.buttonLink__button {
    border-style: solid;
    border-width: 2px;
    border-color: #ececec;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(90deg, #fafafa 1%, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #fafafa), to(#f8f8f8));
    background-image: -webkit-linear-gradient(left, #fafafa 1%, #f8f8f8 100%);
    background-image: linear-gradient(90deg, #fafafa 1%, #f8f8f8 100%);
    background-color: #f9f9f9;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    max-width: 48%;
    width: 100%;
    display: inline-block;
    padding: 30px 0;
    margin-right: 1%;
    vertical-align: top;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
.buttonLink__button:last-child{
    margin-right: 0;
}
.buttonLink__button:hover{
    border-style: solid;
    border-width: 2px;
    border-color: #f59c0d;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(90deg, #fafafa 1%, #f8f8f8 100%);
    background-image: -ms-linear-gradient(90deg, #fafafa 1%, #f8f8f8 100%);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    background: #fff;
}

.buttonLink__icon {
    display: none;
    vertical-align: middle;
}
.buttonLink__icon i{
    color: #0072af;
    font-size: 35px;
    top: -3px;
    position: relative;
}
.buttonLink__icon i.icon-delivery{
    font-size: 40px;
    top: -3px;
}
.buttonLink__content {
    display: inline-block;
}
.buttonLink__name {
    font-size: 16px;
    color: #0072af;
    font-weight: bold;
    line-height: normal;
    text-shadow: 0px 2px 0px rgba(255,255,255,0.004);
    display: block;
}
.buttonLink__description {
    font-size: 14px;
    color: #909090;
    line-height: normal;
    text-shadow: 0px 2px 0px rgba(255,255,255,0.004);
    display: none;
}

.buttonLink__button.active {
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(90deg, #fafafa 1%, #f8f8f8 100%);
    background-image: -ms-linear-gradient(90deg, #fafafa 1%, #f8f8f8 100%);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    background: #fff;
    cursor: default;
}
.buttonLink__button.active:hover{
    border-color: #ececec;
}

.dostavka-block h3, .dostavka-block h2, .dostavka-block strong{
    display: block;
    font-size: 18px;
    font-family: "Tahoma";
    color: #434343;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.667;
    margin-bottom: 14px;
}
.dostavka-block p {
    color: #434343;
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 30px;
}
.dostavka-block a{
    color: #0072af;
    text-decoration: none;
}
.dostavka-block a:hover{
    text-decoration: underline;
}
.delivery-tables{
    margin-bottom: 35px;
}
.delivery-tables table.table:first-child{
    border-bottom:0px;
}
.delivery-tables table.table tr:last-child{
    border-bottom:1px solid #dfdfdf;
}
.delivery-tables table.table span{
    display: block;
    font-size: 14px;
}
.delivery-tables table.table span a{
    color: #0072af;
    line-height: 1.75;
    text-decoration: none;
}
.delivery-tables table.table span a:hover{
    text-decoration: underline;
}
.delivery-tables table.table td{
    vertical-align: middle;
    display: block;
}
.delivery-tables table.table td.bold{
    font-weight: bold;
}
.delivery-tables table.table td:first-child{
    width: 100%;
}
#yamap{
    width: 100%;
    height: 200px;
}

.dostavka-block blockquote{
    border: 1px solid #ef7f1a;
    background-color: rgba(239,127,26,0.051);
    padding: 21px 15px 21px 27px;
    font-size: 16px;
    color: #434343;
    margin:27px 0 0;
}
.dostavka-block blockquote a{
    color: #0072af;
    font-size: 16px;
    border-bottom: 1px dotted #0072af;
    padding-bottom: 1px;
    margin-left: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}
.dostavka-block blockquote a:hover{
    color:#ef7f1a;
    border-color: #ef7f1a;
}

.dostavka-block .line {
    margin: 32px 0 25px;
    height: 1px;
    background: #e7e7e7;
}
.dostavka-block4 p{
    font-size: 16px;
    margin-bottom: 15px;
}
.dostavka-block5 p{
    margin-bottom: 15px;
}
.dostavka-block5 b{
    font-weight: normal;
    font-size: 16px;
}
.dostavka-block4{
    margin:0 0 30px;
}
.dostavka-block4 ul{
    list-style: none;
    margin:0px;
    padding: 0px;
}
.dostavka-block4 ul li{
    display: table;
    vertical-align: top;
    margin: 0 0px 10px 0;
    width: 100%;
}
.dostavka-block4 ul li a{
    display: table-cell;
    height: 72px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.05);
    text-align: center;
    white-space: nowrap;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: middle;
    width: 100%;
}
.dostavka-block4 ul li a:hover{
    border-color: #ef7f1a;
}
.dostavka-block5 p b.bold{
    font-weight: bold;
}


.oplata-block1{
    font-size: 16px;
    color: #6f6f6f;
    line-height: 1.833;
    margin-bottom: 30px;
}
.oplata-block1 span{
    border-bottom: 1px dotted #2c2c2c;
    padding-bottom: 5px;
}

.oplata-block4 p{
    margin-bottom: 25px;
}

.oplata-block5 p{
    margin-bottom: 14px;
}
.oplata-block5 p img {
    margin-left: 12px;
    margin-top: 4px;
    vertical-align: middle;
}

@media (min-width: 540px) {
    .delivery-tables table.table td:first-child{
        width: 200px;
    }
    .delivery-tables table.table td{
        display: table-cell;
    }
    .buttonLink__button {
        padding: 19px 25px 15px 25px;
        text-align: left;
        max-width: 38%;
    }
    .buttonLink__content {
        height: 44px;
        padding-left: 15px;
        position: relative;
        top: 5px;
    }
    .buttonLink__description {
        display: block;
    }
    .buttonLink__icon{
        display: inline-block;
    }
    html .display-sm-table{
        display: table-cell !important;
    }
    .dostavka-block4 ul li{
        display: inline-block;
        width: auto;
        margin: 0 10px 10px 0;
    }
    .dostavka-block4 ul li a {
        width: 166px;
    }
}
@media (min-width: 768px) {
    .delivery-tables table.table td:first-child{
        width: 250px;
    }
    #yamap{
        width: 100%;
        height: 250px;
    }
    .buttonLink__button {
        max-width: 230px;
        margin-right: 20px;
    }
    .buttonLink__content {
        padding-left: 32px;
    }
}
@media (min-width: 992px) {
    .delivery-tables table.table td:first-child{
        width: 390px;
    }
    #yamap{
        width: 100%;
        height: 300px;
    }
}
/* End */


/* Start:/local/templates/megapolis2022/css/bootstrap.utils.css?168616578116295*/
.font-size-0 {
    font-size: 0;
}

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

.position-relative {
    position: relative !important;
}

.tns-visually-hidden {
    left: -10000px !important;
}

.w-100 {
    width: 100% !important;
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

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

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 5px !important
}

.mt-1, .my-1 {
    margin-top: 5px !important
}

.mr-1, .mx-1 {
    margin-right: 5px !important
}

.mb-1, .my-1 {
    margin-bottom: 5px !important
}

.ml-1, .mx-1 {
    margin-left: 5px !important
}

.m-2 {
    margin: 10px !important
}

.mt-2, .my-2 {
    margin-top: 10px !important
}

.mr-2, .mx-2 {
    margin-right: 10px !important
}

.mb-2, .my-2 {
    margin-bottom: 10px !important
}

.ml-2, .mx-2 {
    margin-left: 10px !important
}

.m-3 {
    margin: 15px !important
}

.mt-3, .my-3 {
    margin-top: 15px !important
}

.mr-3, .mx-3 {
    margin-right: 15px !important
}

.mb-3, .my-3 {
    margin-bottom: 15px !important
}

.ml-3, .mx-3 {
    margin-left: 15px !important
}

.m-4 {
    margin: 20px !important
}

.mt-4, .my-4 {
    margin-top: 20px !important
}

.mr-4, .mx-4 {
    margin-right: 20px !important
}

.mb-4, .my-4 {
    margin-bottom: 20px !important
}

.ml-4, .mx-4 {
    margin-left: 20px !important
}

.m-5 {
    margin: 25px !important
}

.mt-5, .my-5 {
    margin-top: 25px !important
}

.mr-5, .mx-5 {
    margin-right: 25px !important
}

.mb-5, .my-5 {
    margin-bottom: 25px !important
}

.ml-5, .mx-5 {
    margin-left: 25px !important
}

.m-6 {
    margin: 30px !important
}

.mt-6, .my-6 {
    margin-top: 30px !important
}

.mr-6, .mx-6 {
    margin-right: 30px !important
}

.mb-6, .my-6 {
    margin-bottom: 30px !important
}

.ml-6, .mx-6 {
    margin-left: 30px !important
}

.m-7 {
    margin: 35px !important
}

.mt-7, .my-7 {
    margin-top: 35px !important
}

.mr-7, .mx-7 {
    margin-right: 35px !important
}

.mb-7, .my-7 {
    margin-bottom: 35px !important
}

.ml-7, .mx-7 {
    margin-left: 35px !important
}

.m-8 {
    margin: 40px !important
}

.mt-8, .my-8 {
    margin-top: 40px !important
}

.mr-8, .mx-8 {
    margin-right: 40px !important
}

.mb-8, .my-8 {
    margin-bottom: 40px !important
}

.ml-8, .mx-8 {
    margin-left: 40px !important
}

.m-9 {
    margin: 45px !important
}

.mt-9, .my-9 {
    margin-top: 45px !important
}

.mr-9, .mx-9 {
    margin-right: 45px !important
}

.mb-9, .my-9 {
    margin-bottom: 45px !important
}

.ml-9, .mx-9 {
    margin-left: 45px !important
}

.m-10 {
    margin: 50px !important
}

.mt-10, .my-10 {
    margin-top: 50px !important
}

.mr-10, .mx-10 {
    margin-right: 50px !important
}

.mb-10, .my-10 {
    margin-bottom: 50px !important
}

.ml-10, .mx-10 {
    margin-left: 50px !important
}

.m-11 {
    margin: 55px !important
}

.mt-11, .my-11 {
    margin-top: 55px !important
}

.mr-11, .mx-11 {
    margin-right: 55px !important
}

.mb-11, .my-11 {
    margin-bottom: 55px !important
}

.ml-11, .mx-11 {
    margin-left: 55px !important
}

.m-12 {
    margin: 60px !important
}

.mt-12, .my-12 {
    margin-top: 60px !important
}

.mr-12, .mx-12 {
    margin-right: 60px !important
}

.mb-12, .my-12 {
    margin-bottom: 60px !important
}

.ml-12, .mx-12 {
    margin-left: 60px !important
}

.m-13 {
    margin: 65px !important
}

.mt-13, .my-13 {
    margin-top: 65px !important
}

.mr-13, .mx-13 {
    margin-right: 65px !important
}

.mb-13, .my-13 {
    margin-bottom: 65px !important
}

.ml-13, .mx-13 {
    margin-left: 65px !important
}

.m-14 {
    margin: 70px !important
}

.mt-14, .my-14 {
    margin-top: 70px !important
}

.mr-14, .mx-14 {
    margin-right: 70px !important
}

.mb-14, .my-14 {
    margin-bottom: 70px !important
}

.ml-14, .mx-14 {
    margin-left: 70px !important
}

.m-15 {
    margin: 75px !important
}

.mt-15, .my-15 {
    margin-top: 75px !important
}

.mr-15, .mx-15 {
    margin-right: 75px !important
}

.mb-15, .my-15 {
    margin-bottom: 75px !important
}

.ml-15, .mx-15 {
    margin-left: 75px !important
}

.m-16 {
    margin: 80px !important
}

.mt-16, .my-16 {
    margin-top: 80px !important
}

.mr-16, .mx-16 {
    margin-right: 80px !important
}

.mb-16, .my-16 {
    margin-bottom: 80px !important
}

.ml-16, .mx-16 {
    margin-left: 80px !important
}

.m-17 {
    margin: 85px !important
}

.mt-17, .my-17 {
    margin-top: 85px !important
}

.mr-17, .mx-17 {
    margin-right: 85px !important
}

.mb-17, .my-17 {
    margin-bottom: 85px !important
}

.ml-17, .mx-17 {
    margin-left: 85px !important
}

.m-18 {
    margin: 90px !important
}

.mt-18, .my-18 {
    margin-top: 90px !important
}

.mr-18, .mx-18 {
    margin-right: 90px !important
}

.mb-18, .my-18 {
    margin-bottom: 90px !important
}

.ml-18, .mx-18 {
    margin-left: 90px !important
}

.m-19 {
    margin: 95px !important
}

.mt-19, .my-19 {
    margin-top: 95px !important
}

.mr-19, .mx-19 {
    margin-right: 95px !important
}

.mb-19, .my-19 {
    margin-bottom: 95px !important
}

.ml-19, .mx-19 {
    margin-left: 95px !important
}

.m-20 {
    margin: 100px !important
}

.mt-20, .my-20 {
    margin-top: 100px !important
}

.mr-20, .mx-20 {
    margin-right: 100px !important
}

.mb-20, .my-20 {
    margin-bottom: 100px !important
}

.ml-20, .mx-20 {
    margin-left: 100px !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 5px !important
}

.pt-1, .py-1 {
    padding-top: 5px !important
}

.pr-1, .px-1 {
    padding-right: 5px !important
}

.pb-1, .py-1 {
    padding-bottom: 5px !important
}

.pl-1, .px-1 {
    padding-left: 5px !important
}

.p-2 {
    padding: 10px !important
}

.pt-2, .py-2 {
    padding-top: 10px !important
}

.pr-2, .px-2 {
    padding-right: 10px !important
}

.pb-2, .py-2 {
    padding-bottom: 10px !important
}

.pl-2, .px-2 {
    padding-left: 10px !important
}

.p-3 {
    padding: 15px !important
}

.pt-3, .py-3 {
    padding-top: 15px !important
}

.pr-3, .px-3 {
    padding-right: 15px !important
}

.pb-3, .py-3 {
    padding-bottom: 15px !important
}

.pl-3, .px-3 {
    padding-left: 15px !important
}

.p-4 {
    padding: 20px !important
}

.pt-4, .py-4 {
    padding-top: 20px !important
}

.pr-4, .px-4 {
    padding-right: 20px !important
}

.pb-4, .py-4 {
    padding-bottom: 20px !important
}

.pl-4, .px-4 {
    padding-left: 20px !important
}

.p-5 {
    padding: 25px !important
}

.pt-5, .py-5 {
    padding-top: 25px !important
}

.pr-5, .px-5 {
    padding-right: 25px !important
}

.pb-5, .py-5 {
    padding-bottom: 25px !important
}

.pl-5, .px-5 {
    padding-left: 25px !important
}

.p-6 {
    padding: 30px !important
}

.pt-6, .py-6 {
    padding-top: 30px !important
}

.pr-6, .px-6 {
    padding-right: 30px !important
}

.pb-6, .py-6 {
    padding-bottom: 30px !important
}

.pl-6, .px-6 {
    padding-left: 30px !important
}

.p-7 {
    padding: 35px !important
}

.pt-7, .py-7 {
    padding-top: 35px !important
}

.pr-7, .px-7 {
    padding-right: 35px !important
}

.pb-7, .py-7 {
    padding-bottom: 35px !important
}

.pl-7, .px-7 {
    padding-left: 35px !important
}

.p-8 {
    padding: 40px !important
}

.pt-8, .py-8 {
    padding-top: 40px !important
}

.pr-8, .px-8 {
    padding-right: 40px !important
}

.pb-8, .py-8 {
    padding-bottom: 40px !important
}

.pl-8, .px-8 {
    padding-left: 40px !important
}

.p-9 {
    padding: 45px !important
}

.pt-9, .py-9 {
    padding-top: 45px !important
}

.pr-9, .px-9 {
    padding-right: 45px !important
}

.pb-9, .py-9 {
    padding-bottom: 45px !important
}

.pl-9, .px-9 {
    padding-left: 45px !important
}

.p-10 {
    padding: 50px !important
}

.pt-10, .py-10 {
    padding-top: 50px !important
}

.pr-10, .px-10 {
    padding-right: 50px !important
}

.pb-10, .py-10 {
    padding-bottom: 50px !important
}

.pl-10, .px-10 {
    padding-left: 50px !important
}

.p-11 {
    padding: 55px !important
}

.pt-11, .py-11 {
    padding-top: 55px !important
}

.pr-11, .px-11 {
    padding-right: 55px !important
}

.pb-11, .py-11 {
    padding-bottom: 55px !important
}

.pl-11, .px-11 {
    padding-left: 55px !important
}

.p-12 {
    padding: 60px !important
}

.pt-12, .py-12 {
    padding-top: 60px !important
}

.pr-12, .px-12 {
    padding-right: 60px !important
}

.pb-12, .py-12 {
    padding-bottom: 60px !important
}

.pl-12, .px-12 {
    padding-left: 60px !important
}

.p-13 {
    padding: 65px !important
}

.pt-13, .py-13 {
    padding-top: 65px !important
}

.pr-13, .px-13 {
    padding-right: 65px !important
}

.pb-13, .py-13 {
    padding-bottom: 65px !important
}

.pl-13, .px-13 {
    padding-left: 65px !important
}

.p-14 {
    padding: 70px !important
}

.pt-14, .py-14 {
    padding-top: 70px !important
}

.pr-14, .px-14 {
    padding-right: 70px !important
}

.pb-14, .py-14 {
    padding-bottom: 70px !important
}

.pl-14, .px-14 {
    padding-left: 70px !important
}

.p-15 {
    padding: 75px !important
}

.pt-15, .py-15 {
    padding-top: 75px !important
}

.pr-15, .px-15 {
    padding-right: 75px !important
}

.pb-15, .py-15 {
    padding-bottom: 75px !important
}

.pl-15, .px-15 {
    padding-left: 75px !important
}

.p-16 {
    padding: 80px !important
}

.pt-16, .py-16 {
    padding-top: 80px !important
}

.pr-16, .px-16 {
    padding-right: 80px !important
}

.pb-16, .py-16 {
    padding-bottom: 80px !important
}

.pl-16, .px-16 {
    padding-left: 80px !important
}

.p-17 {
    padding: 85px !important
}

.pt-17, .py-17 {
    padding-top: 85px !important
}

.pr-17, .px-17 {
    padding-right: 85px !important
}

.pb-17, .py-17 {
    padding-bottom: 85px !important
}

.pl-17, .px-17 {
    padding-left: 85px !important
}

.p-18 {
    padding: 90px !important
}

.pt-18, .py-18 {
    padding-top: 90px !important
}

.pr-18, .px-18 {
    padding-right: 90px !important
}

.pb-18, .py-18 {
    padding-bottom: 90px !important
}

.pl-18, .px-18 {
    padding-left: 90px !important
}

.p-19 {
    padding: 95px !important
}

.pt-19, .py-19 {
    padding-top: 95px !important
}

.pr-19, .px-19 {
    padding-right: 95px !important
}

.pb-19, .py-19 {
    padding-bottom: 95px !important
}

.pl-19, .px-19 {
    padding-left: 95px !important
}

.p-20 {
    padding: 100px !important
}

.pt-20, .py-20 {
    padding-top: 100px !important
}

.pr-20, .px-20 {
    padding-right: 100px !important
}

.pb-20, .py-20 {
    padding-bottom: 100px !important
}

.pl-20, .px-20 {
    padding-left: 100px !important
}

.m-n1 {
    margin: -5px !important
}

.mt-n1, .my-n1 {
    margin-top: -5px !important
}

.mr-n1, .mx-n1 {
    margin-right: -5px !important
}

.mb-n1, .my-n1 {
    margin-bottom: -5px !important
}

.ml-n1, .mx-n1 {
    margin-left: -5px !important
}

.m-n2 {
    margin: -10px !important
}

.mt-n2, .my-n2 {
    margin-top: -10px !important
}

.mr-n2, .mx-n2 {
    margin-right: -10px !important
}

.mb-n2, .my-n2 {
    margin-bottom: -10px !important
}

.ml-n2, .mx-n2 {
    margin-left: -10px !important
}

.m-n3 {
    margin: -15px !important
}

.mt-n3, .my-n3 {
    margin-top: -15px !important
}

.mr-n3, .mx-n3 {
    margin-right: -15px !important
}

.mb-n3, .my-n3 {
    margin-bottom: -15px !important
}

.ml-n3, .mx-n3 {
    margin-left: -15px !important
}

.m-n4 {
    margin: -20px !important
}

.mt-n4, .my-n4 {
    margin-top: -20px !important
}

.mr-n4, .mx-n4 {
    margin-right: -20px !important
}

.mb-n4, .my-n4 {
    margin-bottom: -20px !important
}

.ml-n4, .mx-n4 {
    margin-left: -20px !important
}

.m-n5 {
    margin: -25px !important
}

.mt-n5, .my-n5 {
    margin-top: -25px !important
}

.mr-n5, .mx-n5 {
    margin-right: -25px !important
}

.mb-n5, .my-n5 {
    margin-bottom: -25px !important
}

.ml-n5, .mx-n5 {
    margin-left: -25px !important
}

.m-n6 {
    margin: -30px !important
}

.mt-n6, .my-n6 {
    margin-top: -30px !important
}

.mr-n6, .mx-n6 {
    margin-right: -30px !important
}

.mb-n6, .my-n6 {
    margin-bottom: -30px !important
}

.ml-n6, .mx-n6 {
    margin-left: -30px !important
}

.m-n7 {
    margin: -35px !important
}

.mt-n7, .my-n7 {
    margin-top: -35px !important
}

.mr-n7, .mx-n7 {
    margin-right: -35px !important
}

.mb-n7, .my-n7 {
    margin-bottom: -35px !important
}

.ml-n7, .mx-n7 {
    margin-left: -35px !important
}

.m-n8 {
    margin: -40px !important
}

.mt-n8, .my-n8 {
    margin-top: -40px !important
}

.mr-n8, .mx-n8 {
    margin-right: -40px !important
}

.mb-n8, .my-n8 {
    margin-bottom: -40px !important
}

.ml-n8, .mx-n8 {
    margin-left: -40px !important
}

.m-n9 {
    margin: -45px !important
}

.mt-n9, .my-n9 {
    margin-top: -45px !important
}

.mr-n9, .mx-n9 {
    margin-right: -45px !important
}

.mb-n9, .my-n9 {
    margin-bottom: -45px !important
}

.ml-n9, .mx-n9 {
    margin-left: -45px !important
}

.m-n10 {
    margin: -50px !important
}

.mt-n10, .my-n10 {
    margin-top: -50px !important
}

.mr-n10, .mx-n10 {
    margin-right: -50px !important
}

.mb-n10, .my-n10 {
    margin-bottom: -50px !important
}

.ml-n10, .mx-n10 {
    margin-left: -50px !important
}

.m-n11 {
    margin: -55px !important
}

.mt-n11, .my-n11 {
    margin-top: -55px !important
}

.mr-n11, .mx-n11 {
    margin-right: -55px !important
}

.mb-n11, .my-n11 {
    margin-bottom: -55px !important
}

.ml-n11, .mx-n11 {
    margin-left: -55px !important
}

.m-n12 {
    margin: -60px !important
}

.mt-n12, .my-n12 {
    margin-top: -60px !important
}

.mr-n12, .mx-n12 {
    margin-right: -60px !important
}

.mb-n12, .my-n12 {
    margin-bottom: -60px !important
}

.ml-n12, .mx-n12 {
    margin-left: -60px !important
}

.m-n13 {
    margin: -65px !important
}

.mt-n13, .my-n13 {
    margin-top: -65px !important
}

.mr-n13, .mx-n13 {
    margin-right: -65px !important
}

.mb-n13, .my-n13 {
    margin-bottom: -65px !important
}

.ml-n13, .mx-n13 {
    margin-left: -65px !important
}

.m-n14 {
    margin: -70px !important
}

.mt-n14, .my-n14 {
    margin-top: -70px !important
}

.mr-n14, .mx-n14 {
    margin-right: -70px !important
}

.mb-n14, .my-n14 {
    margin-bottom: -70px !important
}

.ml-n14, .mx-n14 {
    margin-left: -70px !important
}

.m-n15 {
    margin: -75px !important
}

.mt-n15, .my-n15 {
    margin-top: -75px !important
}

.mr-n15, .mx-n15 {
    margin-right: -75px !important
}

.mb-n15, .my-n15 {
    margin-bottom: -75px !important
}

.ml-n15, .mx-n15 {
    margin-left: -75px !important
}

.m-n16 {
    margin: -80px !important
}

.mt-n16, .my-n16 {
    margin-top: -80px !important
}

.mr-n16, .mx-n16 {
    margin-right: -80px !important
}

.mb-n16, .my-n16 {
    margin-bottom: -80px !important
}

.ml-n16, .mx-n16 {
    margin-left: -80px !important
}

.m-n17 {
    margin: -85px !important
}

.mt-n17, .my-n17 {
    margin-top: -85px !important
}

.mr-n17, .mx-n17 {
    margin-right: -85px !important
}

.mb-n17, .my-n17 {
    margin-bottom: -85px !important
}

.ml-n17, .mx-n17 {
    margin-left: -85px !important
}

.m-n18 {
    margin: -90px !important
}

.mt-n18, .my-n18 {
    margin-top: -90px !important
}

.mr-n18, .mx-n18 {
    margin-right: -90px !important
}

.mb-n18, .my-n18 {
    margin-bottom: -90px !important
}

.ml-n18, .mx-n18 {
    margin-left: -90px !important
}

.m-n19 {
    margin: -95px !important
}

.mt-n19, .my-n19 {
    margin-top: -95px !important
}

.mr-n19, .mx-n19 {
    margin-right: -95px !important
}

.mb-n19, .my-n19 {
    margin-bottom: -95px !important
}

.ml-n19, .mx-n19 {
    margin-left: -95px !important
}

.m-n20 {
    margin: -100px !important
}

.mt-n20, .my-n20 {
    margin-top: -100px !important
}

.mr-n20, .mx-n20 {
    margin-right: -100px !important
}

.mb-n20, .my-n20 {
    margin-bottom: -100px !important
}

.ml-n20, .mx-n20 {
    margin-left: -100px !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

/* End */


/* Start:/local/templates/megapolis2022/css/product-tag.css?1686165781390*/
.product-tag {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    color: #fff;
    background: #0072af;
    border-radius: 0 5px 5px 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.product-tag--catalog-detail {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1;
}

/* End */


/* Start:/local/templates/megapolis2022/components/bitrix/sale.basket.basket.line/minicart/style.min.css?17917914061613*/
.basket--min a, .basket--min span{
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
	background-color: rgba(0,114,175,0);
	display: block;
	margin-left: auto;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 28px;
	height: 28px;
}

.basket--min a{
	border-color: #0072af;
	color: #0072af;
}
.basket--min span{
	border-color: #aaa;
	color: #aaa;
}

.basket--min i{
	font-size: 17px;
	margin: 7px 0 0;
	display: block;
}

.basket--min__count {
	position: absolute;
	border-radius: 50%;
	background-color: #0072af;
	width: 19px;
	height: 19px;
	top: -2px;
	right: -9px;

}
.basket--min .basket--min__count span{
	width: 19px;
	height: 19px;
	border: 0px;
	padding: 5px 0 0;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.basket--min__item a{
	text-decoration: none;
}
.basket--min__item a:hover{
	background: #ddd;
	color: #ee8815;
	border-color: #ee8815;
}

@media (min-width: 768px) {
	.basket--min a, .basket--min span {
		width: 52px;
		height: 52px;
	}
	.basket--min i{
		font-size: 30px;
		margin: 13px 0 0;
	}
	.basket--min__count {
		width: 23px;
		height: 23px;
	}
	.basket--min .basket--min__count span {
		width: 23px;
		height: 23px;
		padding: 5px 0 0;
		font-size: 14px;
	}
}
@media (min-width: 992px) {
	.basket--min a, .basket--min span {
		width: 46px;
		height: 46px;
	}
	.basket--min i{
		font-size: 25px;
		margin: 12px 0 0;
	}
}
@media (min-width: 1200px) {
	.basket--min a, .basket--min span {
		width: 51px;
		height: 51px;
	}
	.basket--min i{
		font-size: 30px;
		margin: 13px 0 0;
	}
}

/* End */


/* Start:/local/templates/megapolis2022/components/bitrix/menu/topmenu/style.css?17880936735824*/
main .banner {
	margin-bottom: 20px;
}
.header--menu {

}
.header--menu.mobileopen .header--menu__menu__shadow{
	display: block;
}
.header--menu .header--menu__menu__shadow{
	display:none;
	background: #000;
	opacity: 0.5;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	bottom: 0;
	right: 0;
	z-index: 99;
}
.header--menu__menu__wrap{
	position: absolute;
	top: 0px;
	left: -300px;
	bottom: 0;
	right: 0;
	opacity: 0.5;
	width: 235px;
	transition: left 0.3s linear;
	-webkit-transition: left 0.3s linear; /** Chrome & Safari **/
	-moz-transition: left 0.3s linear; /** Firefox **/
	-o-transition: left 0.3s linear; /** Opera **/
	padding:0 20px 20px 35px;
	background: #fff;
	z-index: 100;
}
.header--menu .header--menu__menu__wrap.active{
	opacity: 1;
	left: 0;
	height: 100%;
	transition: left 0.3s linear;
	-webkit-transition: left 0.3s linear; /** Chrome & Safari **/
	-moz-transition: left 0.3s linear; /** Firefox **/
	-o-transition: left 0.3s linear; /** Opera **/
	z-index: 999;
}
.header--menu.mobileopen .head{
	display: block !important;
	font-size: 20px;
	font-weight: bold;
	padding-top: 28px;
	padding-bottom: 21px;
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 0;
}
.header--menu.mobileopen .close{
	padding: 17px 14px 0 0;
	margin: -1rem -1rem -1rem auto;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
	color: #0072af;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.8;
	cursor: pointer;
	text-decoration: none;
	float:right;
}
.header--menu.mobileopen .close:hover{
	opacity: 1;
}
.header--menu.mobileopen .header--menu__menu {
	margin: 20px 0 0;
	padding: 0px;
	list-style:none;
}
.header--menu.mobileopen .header--menu__item{
	margin-bottom: 10px;
}
.header--menu.mobileopen .header--menu__item a{
	font-size: 12px;
	text-decoration: none;
	color: #0072af;
	font-weight: bold;
	text-transform: uppercase;
}
.header--menu.mobileopen .header--menu__item a:hover,
.header--menu.mobileopen .header--menu__item a.selected{
	color: #ef7f1a;
}

.header--menu.mobileopen .menufastorder{
	display: block !important;
	margin: 30px 0 0;
}
.header--menu.mobileopen .button_theme_origin{
	padding: 10px 0;
	text-decoration: none;
}

@media (min-width: 768px) {
	.header--menu__menu__wrap {
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		width: 100%;
		padding:0px;
		margin:0px;
		background: transparent;
	}
	.header--menu--wrap{
		height: 52px;
	}
	.header--menu {
		background-color: #0072af;
		display: none;
	}
	.header--menu__menu{
		margin: 0;
		text-align: justify;
		padding: 0px;
	}
	.header--menu__menu::after {

		width: 100%;
		height: 0px;
		visibility: hidden;
		overflow: hidden;
		content: '';
		display: none;
	}
	.header--menu__item {

		display: inline-block;
		margin: 0 4px;

	}
	.header--menu__link {
		font-size: 11px;
		color: #fff;
		line-height: 0.857;
		text-shadow: 0px 2px 0px rgba(0,0,0,0.17);
		letter-spacing: 0.3px;
		padding: 21px 0;
		display: block;
		text-decoration: none;
		font-weight: 500;
		text-transform: uppercase;
	}

	.header--menu__link.selected, .header--menu__link:hover {
		color: #ef7f1a;
		text-decoration: none;
	}

	.gostyi, .stati{
		display:none;
	}
	.header--menu{
		display:block;
	}
}

@media (min-width: 992px) {
	.header--menu--wrap{
		height: 65px;
	}
	.header--menu__link {
		padding: 27px 0;
	}
	.gostyi, .stati{
		display:inline-block;
	}

	.header--menu__item {
		margin: 0 7px;
	}
	.header--menu__link {
		font-size: 13px;
		letter-spacing: 0.5px;
	}
	.header--menu {
		top: -40px;
	}
	.header--menu.fixmenu{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 899;
		width: 100%;
		background: #f0f0f0;
		transition: top 0.3s linear;
		-webkit-transition: top 0.3s linear; /** Chrome & Safari **/
		-moz-transition: top 0.3s linear; /** Firefox **/
		-o-transition: top 0.3s linear; /** Opera **/
	}
	.header--menu.fixmenu .header--menu__link {
		color: #0072af;
		text-shadow: 0 0 0 transparent;
	}
	.header--menu.fixmenu .header--menu__item {
		margin: 0 6px;
	}
	.header--menu.fixmenu .logo{
		width: 130px;
		position: relative;
		top: 11px;
		display: inline-block;
	}
	.header--menu.fixmenu .logo__text{
		top: 18px;
		font-size: 6.7px;
	}
	.header--menu.fixmenu .uslugi,
	.header--menu.fixmenu .o-kompanii,
	.header--menu.fixmenu .gostyi,
	.header--menu.fixmenu .stati,
	.header--menu.fixmenu .akciya,
	.header--menu.fixmenu .proizvodstvo{
		display: none;
	}
	.header--menu.fixmenu .fixelement.hidden{
		display: inline-block !important;
	}
}
@media (min-width: 1200px) {
	.header--menu__link {
		font-size: 14px;
	}
	.header--menu__item {
		margin: 0 13px;
	}
	.header--menu.fixmenu .header--menu__item {
		margin: 0 15px;
	}
	.header--menu.fixmenu .logo{
		width: 150px;
	}
	.header--menu.fixmenu .logo__text{
		font-size: 7.7px;
	}
}
/* 30.08.2026: телефон и почта в мобильном бургер-меню.
   До этого их показывало только правило .header--menu.fixmenu .fixelement.hidden
   в @media (min-width: 992px), поэтому на телефоне контактов в меню не было.
   Граница 767.98px: бургер существует только ниже 768px (.mobile-menu.hidden-md),
   а .98 закрывает щель на дробных ширинах при масштабе браузера (приём Bootstrap).
   Привязка к .mobileopen обязательна: без неё правило раскрывает горизонтальную
   шапку на 768-991px. Класс menucontact стоит только на li телефона и почты. */
@media (max-width: 767.98px) {
	.header--menu.mobileopen .fixelement.menucontact.hidden {
		display: block !important;
	}
	.header--menu.mobileopen .fixelement.menucontact .header--menu__link {
		display: inline-block;
		padding: 5px 0;
	}
}

/* End */


/* Start:/local/templates/megapolis2022/components/bitrix/breadcrumb/.default/style.css?17811832201144*/
.breadcrumbs {
	width: 100%;
	margin: 0 0 25px;
	padding-bottom:10px;
	line-height: 1.85;
	position: relative;
	border-bottom: 2px solid #f2f2f2;
	display: none;
}
.breadcrumbs__list {
	margin: 0;
	padding: 0;
	list-style:none;
}
.breadcrumbs__item::after {
	content: '|';
	font-size: 14px;
	line-height: 1.571;
	color: #cbcbcb;
	right: 20px;
	top: 4px;
	position: absolute;
}
.breadcrumbs__item {
	display: inline-block;
	position: relative;
	height: 28px;
}
.breadcrumbs__link, .breadcrumbs__item.active {
	font-size: 14px;
	line-height: 1.571;
	text-decoration: none;
}
a.breadcrumbs__link {
	color: #0072af;
	padding: 0 44px 0px 3px;
}
a.breadcrumbs__link:hover{
	text-decoration: underline;
}
.breadcrumbs__item.active {
	color: #6c6c6c;
	font-weight: 300;
}
.breadcrumbs__item.active::after {
	content: ''
}
@media (min-width: 768px) {
	.breadcrumbs {
		display: block;
	}
}
@media (min-width: 992px) {
	.breadcrumbs {
		margin: 0 0 30px;
	}
}
/* === Редизайн V1 === */
.breadcrumbs.section {
    background: transparent;
    position: relative;
    z-index: 10;
}

.breadcrumbs__link {
    position: relative;
    z-index: 10;
}

/* End */


/* Start:/local/templates/megapolis2022/components/bitrix/menu/vertical_multilevel/style.css?16688045796327*/
.widget-catalog-menu{
    height:0px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.catalog-button{
    padding-right: 0px;
}
.catalogMenu__head {
    height: 40px;
    width: 100%;
    padding-left: 12px;
    border-style: solid;
    border-radius: 3px;
    border-width: 2px;
    border-color: #ef7f1a;
    margin: 0 0 20px;
    font-size: 14px;
    color: #ef7f1a;
    font-weight: bold;
    line-height: 0.75;
    position: relative;
    display: block;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.catalogMenu__head.openMenu{
    border-bottom:1px solid #ccc;
    border-radius: 3px 3px 0 0;
    margin: 0px;
}
.catalogMenu__head span{
    display: table-cell;
    vertical-align: middle;
    height: 36px;
}
.catalogMenu__head .arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.catalogMenu__head.openMenu .arrow{
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 0;
}

.widget-catalog-menu.openMenu{
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 20px;
    padding: 10px 15px 10px 15px;
    max-height: 600px;
    border-style: solid;
    border-width: 2px;
    border-color: #ef7f1a;
    border-radius: 0 0 3px 3px;
    border-top:0px;
}

.widget-catalog-menu.openMenu .catalogMenu ul{
    display: none;
}
.widget-catalog-menu.openMenu .catalogMenu i{
    display:none;
}

.catalogMenu__item {
    position: relative;
    page-break-inside: avoid;
    break-inside: avoid;
}

.catalogMenu{
    list-style: none;
    padding:0px;
    margin:0px;
}

.catalogMenu__item img {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}

.catalogMenu__item__link {
    font-size: 14px;
    color: #0072af;
    line-height: 34px;

    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.catalogMenu__item__link.item-selected, .catalogMenu__item__link.root-item-selected, .catalogMenu__item__link:hover{
    color: #ee8815;
    text-decoration: none;
}




@media (min-width: 540px) {
    .catalogMenu__item__link span {
        height: 58px;
        display: table-cell;
        vertical-align: middle;
    }
    .catalogMenu__head {
        height: 52px;
        font-size: 16px
    }
    .catalogMenu__head span {
        height: 48px;
    }


    .catalogMenu__item__link {
        text-transform: uppercase;
        height: 58px;
        font-size: 12px;
        line-height: 1.417;
        display: block;
    }
    .widget-catalog-menu.openMenu .catalogMenu{
        padding:0px;
        margin:0px;
        list-style:none;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
    .catalogMenu__item img {
        display: block;
    }
    .catalogMenu__item__icon {
        padding-left: 40px;
    }
}
@media (min-width: 768px) {
    .catalogMenu__head.openMenu{
        border-bottom:2px solid #ef7f1a;
        border-radius: 3px;
        margin: 0 0 20px;
    }
    .widget-catalog-menu.openMenu{
        border-radius: 3px;
        border-top:2px solid #ef7f1a;
    }
    .catalog-button{
        padding-right: 20px;
    }
    .widget-catalog-menu.openMenu .catalogMenu{
        padding:0px;
        margin:0px;
        list-style:none;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}
@media (min-width: 992px) {
    .widget-catalog-menu.openMenu .catalogMenu{
        padding:0px;
        margin:0px;
        list-style:none;
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}
@media (min-width: 1200px) {
    .widget-catalog-menu{
        height: auto;
        overflow: visible;
    }
    .catalogMenu {
        border-style: solid;
        border-width: 1px;
        border-color: #ececec;
        border-radius: 4px;
        background-color: #fff;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
        margin: 0;
        padding: 0px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .catalogMenu__item__link {
        padding-right: 20px;
        font-weight: bold;
    }

    .catalogMenu__item__icon {
        padding-left: 68px;
    }

    .catalogMenu__item img {
        left: 15px;
        width: 34px;
        height: 34px;
        margin-top: -17px;
    }


    .catalogMenu__item.opacity, .catalogMenu__item:hover{
        background-color: #f2f2f2;
    }

    .catalogMenu li {
        display: block;
        border-bottom: 1px solid #ececec;
    }


    .catalogMenu__item i {
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -6px;
    }



    .catalogMenu__item ul {
        display: none;
        position: absolute;
        left: 100%;
        border-radius: 0;
        padding: 0px;
        margin: 0px;
        top: -1px;
        opacity: 0;
        z-index: 99;
        -webkit-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;
    }

    .catalogMenu__item.show > ul {
        display: block;
    }

    .catalogMenu__item.opacity > ul {
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;
    }

    .catalogMenu__item:hover ul {
        z-index: 120;
    }

    .catalogMenu__l2 {
        border-style: solid;
        border-width: 1px;
        border-color: #ececec;
        width: 100%;
        border-radius: 4px;
        background-color: #fff;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
        z-index: 99;
    }
}
/* End */


/* Start:/local/templates/megapolis2022/components/bitrix/catalog.item/slide/style.css?17811839366832*/
.new-slider-wrap{
    margin-top: 30px;
}
.catalog-slider-wrap .title{
    font-size: 16px;
}
.new-slider-wrap .title{
    margin-bottom: 15px;
}
#catalog-slider, #new-slider{
    list-style: none;
    margin: 0;
    padding: 0;
}
#catalog-slider-ow, #new-slider-ow{
    position: relative;
}
#catalog-slider-ow .tns-controls, #new-slider-ow .tns-controls{
    text-align: right;
    outline: none;
    position: absolute;
    top: -42px;
    right: 0;
}

#catalog-slider-ow .tns-controls button, #new-slider-ow .tns-controls button {
    background: transparent;
    border: 1px solid #0072af;
    color: #0072af;
    font-size: 10px;
    padding: 0;
    border-radius: 20px;
    margin: 0 0 10px 5px;
    outline: none;
}
#catalog-slider-ow .tns-controls button i, #new-slider-ow .tns-controls button i {
    padding: 6px 6px;
    display: block;
}
#catalog-slider-ow .tns-controls button:hover, #new-slider-ow .tns-controls button:hover {
    color: #ef7f1a;
    border-color: #ef7f1a;
}

#catalog-slider-mw, #new-slider-mw{
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}
#catalog-slider-mw .tns-slide-active, #new-slider-mw .tns-slide-active{
    border-right: 1px solid #ececec;
}
.goodsSliderInner2__item{
    transition: all 0.25s ease;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.goodsSliderInner2__item:hover{
    
    
    border-color: #ef7f1a;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.13);
    transform: translateY(-4px);
    z-index: 9;
    position: relative;
}
.goodsSliderInner2__item figure{
    padding:20px 10px;
    margin:0;
    text-align: center;
}
.goodsSliderInner2__item figure img{
    padding: 10px;
    border: 1px solid #ececec;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.goodsSliderInner2__item figure a{
    color: #656666;
    text-decoration: none;
    display: block;
}
.goodsSliderInner2__item figure figcaption {
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -0.4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 80px;
    overflow: hidden;
}
.goodsSliderInner2__item figure a:hover, .goodsSliderInner2__item figure a:hover figcaption{
    color: #ef7f1a;
}
/*
.goodsSliderInner2__item figure a:hover img{
    border-color: #ef7f1a;
}
*/

.goodsInner2__icon {
    width: 75px;
    height: 75px;
    display: block;
    line-height: 1;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0 100px 0 0;
    color: #ef7f1a;
    text-decoration: none;
    font-size: 29px;
    position: absolute;
    top:0px;
    left:0px;
}
.goodsInner2__icon i {
    margin: 29px 15px 0 0px;
    display: inline-block;
}
.goodsInner2__icon.goodsInner__icon_theme_bg {
    border-radius: 100px 0 0 0;
    background: #f6f6f6;
    float: right;
    right: 0;
    left: auto;
}
.goodsInner2__icon.goodsInner__icon_theme_bg i {
    margin: 29px 0 0 20px;
}
.goodsInner2__icon:hover {
    background: #ef7f1a;
    color: #fff;
}
.goodsInner2__icon:hover span {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 68px;
    right: -16px;
    opacity: 1;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.goodsInner2__icon:hover span p {
    margin: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 8px 15px;
    font-size: 10px;
    color: #6a6a6a;
    display: inline-block;
    position: relative;
    font-weight: normal;
    white-space: nowrap;
}
.goodsInner2__icon:hover span p::after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    position: absolute;
    bottom: -7px;
    left: 47.16%;
}

.goodsSliderInner2__footer{
    height: 75px;
}

.goodsInner2__icon span {
    opacity: 0;
    position: absolute;
    top: -100000px;
    left: -100000px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.goodsInner2__fasterorder, .goodsInner2__buttons{
    position:relative;
    width: 75px;
    height: 75px;
}
.goodsInner2__fasterorder {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
.goodsInner2__buttons {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    float: right;
}
.goodsInner2__price {
    width: 48%;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 0 10px 0;
    text-align: center;
    margin:0 auto;
}
.product-item-price-old {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    display: block;
}
.goodsInner2__price .product-item-price-current {
    margin: 12px 0 5px;
    font-size: 20px;
    color: #454545;
    font-weight: bold;
}
@media (min-width: 380px) {
    .catalog-slider-wrap .title{
        font-size: 18px;
    }
}

/* === Редизайн V1 === */
.goodsSliderInner2__footer {
    border-top: none;
}

.product-tag {
    border-radius: 0 0 10px 0;
}

/* Слайдеры — прозрачная обёртка (чтобы карточки товаров внутри
   не получали «двойную рамку»: обёртка + карточка). Оформление
   несёт сама карточка .goodsSliderInner2__item. */
.catalog-slider-wrap,
.new-slider-wrap {
    background: transparent;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
    padding: 0;
}

/* Обёртка product-item — прозрачная, не перебивает карточку */
.catalog-slider-wrap .product-item-container,
.new-slider-wrap .product-item-container {
    border: none;
    box-shadow: none;
    background: transparent;
}

/* Заголовок слайдера — чуть больше воздуха вниз */
.catalog-slider-wrap > .title,
.new-slider-wrap > .title {
    margin-bottom: 18px;
}

/* Изображения товаров в каталоге */
.product-item-image-wrapper-custom {
    border-radius: 12px;
    overflow: hidden;
    display: block;
}

.product-item-image-wrapper-custom img {
    border-radius: 12px;
}

.banner-about-reviews {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    border-left: 5px solid #0072af;
}

@media (max-width: 767px) {
    .goodsSliderInner2__item {
        border-radius: 10px;
    }

    .catalog-slider-wrap,
    .new-slider-wrap {
        padding: 0;
        border-radius: 0;
    }
}

/* End */


/* Start:/local/templates/megapolis2022/components/bitrix/menu/footersmallmenu/style.min.css?1668804579490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/megapolis2022/components/bitrix/menu/footersmallmenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/megapolis2022/components/bitrix/menu/footermenu/style.min.css?1668804579490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/megapolis2022/components/bitrix/menu/footermenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/megapolis2022/css/footer.css?17811832204421*/
.footer {
    background-color: #333;
    margin-top: 40px;
    border-top: 4px solid #ef7f1a;
    overflow: hidden;
    padding-bottom: 38px;
}

.footer__head {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 0.818;
    text-align: right;
    margin-top: 42px;
}

/*<!--logo-->*/
.footer__logo {
    margin-top: 37px;
    margin-left: 20px;
}

.footer__logo .logo__link {
    margin: 0;
    left: 0;
}

.footer__logoText {
    margin-top: 10px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 19px;
    text-align: left;
}

.footer__logoText .blue {
    color: rgba(255, 255, 255, 0.85);
    font-size: 10px;
}

.footer__logo .logo__text {
    color: #ababab;
}

.button_theme_origin.footer__Button {
    width: 200px;
    margin-top: 15px;
    text-decoration: none;
    padding: 10px 0 8px;
    font-size: 10px;
}

.footer__link-item {
    margin-top: 18px;
    display: inline-block;
    color: #0072af;
}

.footer__link-item:hover {
    color: #ef7f1a;
    text-decoration: none;
}

.footer__link-icon {
    width: 34px;
    height: 34px;
    text-align: center;
    float: left;
}

.footer__link-item:hover .footer__link-icon {
    border-color: #ef7f1a;
}

.footer__link-icon i {
    font-size: 23px;
    margin: 5px 0 0;
    display: inline-block;
}

.footer__link-label {
    margin-left: 34px;
    padding-left: 15px;
    padding-top: 12px;
    font-size: 11px;
}

.footer__info.phone {
    color: rgba(255, 255, 255, 0.85);
    font-size: 24px;
    margin-top: 25px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.footer__info.email {
    display: block;
    font-size: 16px;
    margin-top: 7px;
    text-decoration: underline;
}

.footer__social-media-items {
    margin-top: 45px;
}

.footer__social-media {
    width: 22px;
    height: 20px;
    font-size: 16px;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    color: #ccc;
    text-decoration: none;
}

.footer__social-media:hover {
    color: #ef7f1a;
}

.footer-contact {
    text-align: left;
    padding-left: 20px;
    margin-top: 37px;
}

.footer-contact .footer__head {
    display: none;
}

.footer-cell__label {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 18px;
}

.footer-cell__value {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
}

.footer-cell__value {
    margin-top: 3px;
}

.footer-cell__prop {
    margin-top: 13px;
    font-size: 14px;
    line-height: 18px;
}

.footer-cell__props {
    margin-top: 25px;
}

.footer__address {
    margin-top: 10px;
}

@media (min-width: 540px) {
    .footer__logo-wrap {
        display: inline-block;
        width: 50%;
    }

    .footer-contact-wrap {
        display: inline-block;
        width: 50%;
    }


    .footer-contact {
        text-align: right;
        padding-right: 20px;
        padding-left: 0;
    }

    .footer-contact .footer__head {
        display: block;
    }
}

@media (min-width: 768px) {
    .footer__logo {
        margin-left: 0;
    }

    .footer-contact {
        text-align: left;
        padding-right: 0px;
    }

    .footer__head {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .footer__head {
        white-space: nowrap;
    }

    .footer__logo .logo__text {
        top: 11px;
        font-size: 12px;
    }

    .footer-contact {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {

    .footer-contact {
        padding-left: 40px;
    }


    .footer__logoText {
        margin-right: 20px;
        width: 100%;
        margin-top: 20px;
        font-size: 14px;
    }

    .footer__logoText .blue {
        font-size: 14px;
    }

    .button_theme_origin.footer__Button {
        margin-top: 27px;
    }

    .footer__logo .button_theme_origin--accent {
        margin-top: 10px;
    }

    .footer__logo .logo__text {
        top: 13px;
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .footer__logoText {
        max-width: 350px;
    }
}

/* === Редизайн V1: цвета футера === */
.footer,
.footer span,
.footer .footer__link-label,
.footer .footer__worktime,
.footer .footer-cell__prop {
    color: rgba(255, 255, 255, 0.85);
}

.footer a {
    color: rgba(255, 255, 255, 0.85);
}

.footer a:hover {
    color: #ef7f1a;
}

.footer .footer__logo .logo__text {
    color: rgba(255, 255, 255, 0.5);
}

/* End */


/* Start:/local/templates/megapolis2022/template_styles.css?179136203663776*/
:root {
    --brand-color: #0072af;
    --secondary-color: #ef7f1a;
    --gray-color: #f9f9f9;

    --border-radius-standart: 4px;
}

img, legend {
    border: 0
}

legend, td, th {
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    background: #ecedf1
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.hidden, [hidden] {
    display: none !important
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block
}

.pure-g {
    letter-spacing: -.31em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    table .pure-g {
        display: block
    }
}

.opera-only :-o-prefocus, .pure-g {
    word-spacing: -.43em
}

.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-g [class*=pure-u] {
    font-family: sans-serif
}

.pure-u-1-24 {
    width: 4.1667%
}

.pure-u-1-12, .pure-u-2-24 {
    width: 8.3333%
}

.pure-u-1-8, .pure-u-3-24 {
    width: 12.5%
}

.pure-u-1-6, .pure-u-4-24 {
    width: 16.6667%
}

.pure-u-1-5 {
    width: 20%
}

.pure-u-5-24 {
    width: 20.8333%
}

.pure-u-1-4, .pure-u-6-24 {
    width: 25%
}

.pure-u-7-24 {
    width: 29.1667%
}

.pure-u-1-3, .pure-u-8-24 {
    width: 33.3333%
}

.pure-u-3-8, .pure-u-9-24 {
    width: 37.5%
}

.pure-u-2-5 {
    width: 40%
}

.pure-u-10-24, .pure-u-5-12 {
    width: 41.6667%
}

.pure-u-11-24 {
    width: 45.8333%
}

.pure-u-1-2, .pure-u-12-24 {
    width: 50%
}

.pure-u-13-24 {
    width: 54.1667%
}

.pure-u-14-24, .pure-u-7-12 {
    width: 58.3333%
}

.pure-u-3-5 {
    width: 60%
}

.pure-u-15-24, .pure-u-5-8 {
    width: 62.5%
}

.pure-u-16-24, .pure-u-2-3 {
    width: 66.6667%
}

.pure-u-17-24 {
    width: 70.8333%
}

.pure-u-18-24, .pure-u-3-4 {
    width: 75%
}

.pure-u-19-24 {
    width: 79.1667%
}

.pure-u-4-5 {
    width: 80%
}

.pure-u-20-24, .pure-u-5-6 {
    width: 83.3333%
}

.pure-u-21-24, .pure-u-7-8 {
    width: 87.5%
}

.pure-u-11-12, .pure-u-22-24 {
    width: 91.6667%
}

.pure-u-23-24 {
    width: 95.8333%
}

.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 {
    width: 100%
}

@media screen and (min-width: 568px) {
    .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-12, .pure-u-sm-1-2, .pure-u-sm-1-24, .pure-u-sm-1-3, .pure-u-sm-1-4, .pure-u-sm-1-5, .pure-u-sm-1-6, .pure-u-sm-1-8, .pure-u-sm-10-24, .pure-u-sm-11-12, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-2-24, .pure-u-sm-2-3, .pure-u-sm-2-5, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24, .pure-u-sm-3-24, .pure-u-sm-3-4, .pure-u-sm-3-5, .pure-u-sm-3-8, .pure-u-sm-4-24, .pure-u-sm-4-5, .pure-u-sm-5-12, .pure-u-sm-5-24, .pure-u-sm-5-5, .pure-u-sm-5-6, .pure-u-sm-5-8, .pure-u-sm-6-24, .pure-u-sm-7-12, .pure-u-sm-7-24, .pure-u-sm-7-8, .pure-u-sm-8-24, .pure-u-sm-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-sm-1-24 {
        width: 4.1667%
    }

    .pure-u-sm-1-12, .pure-u-sm-2-24 {
        width: 8.3333%
    }

    .pure-u-sm-1-8, .pure-u-sm-3-24 {
        width: 12.5%
    }

    .pure-u-sm-1-6, .pure-u-sm-4-24 {
        width: 16.6667%
    }

    .pure-u-sm-1-5 {
        width: 20%
    }

    .pure-u-sm-5-24 {
        width: 20.8333%
    }

    .pure-u-sm-1-4, .pure-u-sm-6-24 {
        width: 25%
    }

    .pure-u-sm-7-24 {
        width: 29.1667%
    }

    .pure-u-sm-1-3, .pure-u-sm-8-24 {
        width: 33.3333%
    }

    .pure-u-sm-3-8, .pure-u-sm-9-24 {
        width: 37.5%
    }

    .pure-u-sm-2-5 {
        width: 40%
    }

    .pure-u-sm-10-24, .pure-u-sm-5-12 {
        width: 41.6667%
    }

    .pure-u-sm-11-24 {
        width: 45.8333%
    }

    .pure-u-sm-1-2, .pure-u-sm-12-24 {
        width: 50%
    }

    .pure-u-sm-13-24 {
        width: 54.1667%
    }

    .pure-u-sm-14-24, .pure-u-sm-7-12 {
        width: 58.3333%
    }

    .pure-u-sm-3-5 {
        width: 60%
    }

    .pure-u-sm-15-24, .pure-u-sm-5-8 {
        width: 62.5%
    }

    .pure-u-sm-16-24, .pure-u-sm-2-3 {
        width: 66.6667%
    }

    .pure-u-sm-17-24 {
        width: 70.8333%
    }

    .pure-u-sm-18-24, .pure-u-sm-3-4 {
        width: 75%
    }

    .pure-u-sm-19-24 {
        width: 79.1667%
    }

    .pure-u-sm-4-5 {
        width: 80%
    }

    .pure-u-sm-20-24, .pure-u-sm-5-6 {
        width: 83.3333%
    }

    .pure-u-sm-21-24, .pure-u-sm-7-8 {
        width: 87.5%
    }

    .pure-u-sm-11-12, .pure-u-sm-22-24 {
        width: 91.6667%
    }

    .pure-u-sm-23-24 {
        width: 95.8333%
    }

    .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-24-24, .pure-u-sm-5-5 {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-12, .pure-u-md-1-2, .pure-u-md-1-24, .pure-u-md-1-3, .pure-u-md-1-4, .pure-u-md-1-5, .pure-u-md-1-6, .pure-u-md-1-8, .pure-u-md-10-24, .pure-u-md-11-12, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-2-24, .pure-u-md-2-3, .pure-u-md-2-5, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24, .pure-u-md-3-24, .pure-u-md-3-4, .pure-u-md-3-5, .pure-u-md-3-8, .pure-u-md-4-24, .pure-u-md-4-5, .pure-u-md-5-12, .pure-u-md-5-24, .pure-u-md-5-5, .pure-u-md-5-6, .pure-u-md-5-8, .pure-u-md-6-24, .pure-u-md-7-12, .pure-u-md-7-24, .pure-u-md-7-8, .pure-u-md-8-24, .pure-u-md-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-md-1-24 {
        width: 4.1667%
    }

    .pure-u-md-1-12, .pure-u-md-2-24 {
        width: 8.3333%
    }

    .pure-u-md-1-8, .pure-u-md-3-24 {
        width: 12.5%
    }

    .pure-u-md-1-6, .pure-u-md-4-24 {
        width: 16.6667%
    }

    .pure-u-md-1-5 {
        width: 20%
    }

    .pure-u-md-5-24 {
        width: 20.8333%
    }

    .pure-u-md-1-4, .pure-u-md-6-24 {
        width: 25%
    }

    .pure-u-md-7-24 {
        width: 29.1667%
    }

    .pure-u-md-1-3, .pure-u-md-8-24 {
        width: 33.3333%
    }

    .pure-u-md-3-8, .pure-u-md-9-24 {
        width: 37.5%
    }

    .pure-u-md-2-5 {
        width: 40%
    }

    .pure-u-md-10-24, .pure-u-md-5-12 {
        width: 41.6667%
    }

    .pure-u-md-11-24 {
        width: 45.8333%
    }

    .pure-u-md-1-2, .pure-u-md-12-24 {
        width: 50%
    }

    .pure-u-md-13-24 {
        width: 54.1667%
    }

    .pure-u-md-14-24, .pure-u-md-7-12 {
        width: 58.3333%
    }

    .pure-u-md-3-5 {
        width: 60%
    }

    .pure-u-md-15-24, .pure-u-md-5-8 {
        width: 62.5%
    }

    .pure-u-md-16-24, .pure-u-md-2-3 {
        width: 66.6667%
    }

    .pure-u-md-17-24 {
        width: 70.8333%
    }

    .pure-u-md-18-24, .pure-u-md-3-4 {
        width: 75%
    }

    .pure-u-md-19-24 {
        width: 79.1667%
    }

    .pure-u-md-4-5 {
        width: 80%
    }

    .pure-u-md-20-24, .pure-u-md-5-6 {
        width: 83.3333%
    }

    .pure-u-md-21-24, .pure-u-md-7-8 {
        width: 87.5%
    }

    .pure-u-md-11-12, .pure-u-md-22-24 {
        width: 91.6667%
    }

    .pure-u-md-23-24 {
        width: 95.8333%
    }

    .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-24-24, .pure-u-md-5-5 {
        width: 100%
    }
}

@media screen and (min-width: 992px) {
    .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-12, .pure-u-lg-1-2, .pure-u-lg-1-24, .pure-u-lg-1-3, .pure-u-lg-1-4, .pure-u-lg-1-5, .pure-u-lg-1-6, .pure-u-lg-1-8, .pure-u-lg-10-24, .pure-u-lg-11-12, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-2-24, .pure-u-lg-2-3, .pure-u-lg-2-5, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24, .pure-u-lg-3-24, .pure-u-lg-3-4, .pure-u-lg-3-5, .pure-u-lg-3-8, .pure-u-lg-4-24, .pure-u-lg-4-5, .pure-u-lg-5-12, .pure-u-lg-5-24, .pure-u-lg-5-5, .pure-u-lg-5-6, .pure-u-lg-5-8, .pure-u-lg-6-24, .pure-u-lg-7-12, .pure-u-lg-7-24, .pure-u-lg-7-8, .pure-u-lg-8-24, .pure-u-lg-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-lg-1-24 {
        width: 4.1667%
    }

    .pure-u-lg-1-12, .pure-u-lg-2-24 {
        width: 8.3333%
    }

    .pure-u-lg-1-8, .pure-u-lg-3-24 {
        width: 12.5%
    }

    .pure-u-lg-1-6, .pure-u-lg-4-24 {
        width: 16.6667%
    }

    .pure-u-lg-1-5 {
        width: 20%
    }

    .pure-u-lg-5-24 {
        width: 20.8333%
    }

    .pure-u-lg-1-4, .pure-u-lg-6-24 {
        width: 25%
    }

    .pure-u-lg-7-24 {
        width: 29.1667%
    }

    .pure-u-lg-1-3, .pure-u-lg-8-24 {
        width: 33.3333%
    }

    .pure-u-lg-3-8, .pure-u-lg-9-24 {
        width: 37.5%
    }

    .pure-u-lg-2-5 {
        width: 40%
    }

    .pure-u-lg-10-24, .pure-u-lg-5-12 {
        width: 41.6667%
    }

    .pure-u-lg-11-24 {
        width: 45.8333%
    }

    .pure-u-lg-1-2, .pure-u-lg-12-24 {
        width: 50%
    }

    .pure-u-lg-13-24 {
        width: 54.1667%
    }

    .pure-u-lg-14-24, .pure-u-lg-7-12 {
        width: 58.3333%
    }

    .pure-u-lg-3-5 {
        width: 60%
    }

    .pure-u-lg-15-24, .pure-u-lg-5-8 {
        width: 62.5%
    }

    .pure-u-lg-16-24, .pure-u-lg-2-3 {
        width: 66.6667%
    }

    .pure-u-lg-17-24 {
        width: 70.8333%
    }

    .pure-u-lg-18-24, .pure-u-lg-3-4 {
        width: 75%
    }

    .pure-u-lg-19-24 {
        width: 79.1667%
    }

    .pure-u-lg-4-5 {
        width: 80%
    }

    .pure-u-lg-20-24, .pure-u-lg-5-6 {
        width: 83.3333%
    }

    .pure-u-lg-21-24, .pure-u-lg-7-8 {
        width: 87.5%
    }

    .pure-u-lg-11-12, .pure-u-lg-22-24 {
        width: 91.6667%
    }

    .pure-u-lg-23-24 {
        width: 95.8333%
    }

    .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-24-24, .pure-u-lg-5-5 {
        width: 100%
    }
}

@media screen and (min-width: 1200px) {
    .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-12, .pure-u-xl-1-2, .pure-u-xl-1-24, .pure-u-xl-1-3, .pure-u-xl-1-4, .pure-u-xl-1-5, .pure-u-xl-1-6, .pure-u-xl-1-8, .pure-u-xl-10-24, .pure-u-xl-11-12, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-2-24, .pure-u-xl-2-3, .pure-u-xl-2-5, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24, .pure-u-xl-3-24, .pure-u-xl-3-4, .pure-u-xl-3-5, .pure-u-xl-3-8, .pure-u-xl-4-24, .pure-u-xl-4-5, .pure-u-xl-5-12, .pure-u-xl-5-24, .pure-u-xl-5-5, .pure-u-xl-5-6, .pure-u-xl-5-8, .pure-u-xl-6-24, .pure-u-xl-7-12, .pure-u-xl-7-24, .pure-u-xl-7-8, .pure-u-xl-8-24, .pure-u-xl-9-24 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .pure-u-xl-1-24 {
        width: 4.1667%
    }

    .pure-u-xl-1-12, .pure-u-xl-2-24 {
        width: 8.3333%
    }

    .pure-u-xl-1-8, .pure-u-xl-3-24 {
        width: 12.5%
    }

    .pure-u-xl-1-6, .pure-u-xl-4-24 {
        width: 16.6667%
    }

    .pure-u-xl-1-5 {
        width: 20%
    }

    .pure-u-xl-5-24 {
        width: 20.8333%
    }

    .pure-u-xl-1-4, .pure-u-xl-6-24 {
        width: 25%
    }

    .pure-u-xl-7-24 {
        width: 29.1667%
    }

    .pure-u-xl-1-3, .pure-u-xl-8-24 {
        width: 33.3333%
    }

    .pure-u-xl-3-8, .pure-u-xl-9-24 {
        width: 37.5%
    }

    .pure-u-xl-2-5 {
        width: 40%
    }

    .pure-u-xl-10-24, .pure-u-xl-5-12 {
        width: 41.6667%
    }

    .pure-u-xl-11-24 {
        width: 45.8333%
    }

    .pure-u-xl-1-2, .pure-u-xl-12-24 {
        width: 50%
    }

    .pure-u-xl-13-24 {
        width: 54.1667%
    }

    .pure-u-xl-14-24, .pure-u-xl-7-12 {
        width: 58.3333%
    }

    .pure-u-xl-3-5 {
        width: 60%
    }

    .pure-u-xl-15-24, .pure-u-xl-5-8 {
        width: 62.5%
    }

    .pure-u-xl-16-24, .pure-u-xl-2-3 {
        width: 66.6667%
    }

    .pure-u-xl-17-24 {
        width: 70.8333%
    }

    .pure-u-xl-18-24, .pure-u-xl-3-4 {
        width: 75%
    }

    .pure-u-xl-19-24 {
        width: 79.1667%
    }

    .pure-u-xl-4-5 {
        width: 80%
    }

    .pure-u-xl-20-24, .pure-u-xl-5-6 {
        width: 83.3333%
    }

    .pure-u-xl-21-24, .pure-u-xl-7-8 {
        width: 87.5%
    }

    .pure-u-xl-11-12, .pure-u-xl-22-24 {
        width: 91.6667%
    }

    .pure-u-xl-23-24 {
        width: 95.8333%
    }

    .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-24-24, .pure-u-xl-5-5 {
        width: 100%
    }
}

@font-face {
    font-family: 'icomoon';
    src: url('/local/templates/megapolis2022/./fonts/icomoon.eot?as2d11223');
    src: url('/local/templates/megapolis2022/./fonts/icomoon-lossless-20261007.woff2') format('woff2'),
    url('/local/templates/megapolis2022/./fonts/icomoon.eot?a22s1d123#iefix') format('embedded-opentype'),
    url('/local/templates/megapolis2022/./fonts/icomoon.ttf?as12d1223') format('truetype'),
    url('/local/templates/megapolis2022/./fonts/icomoon.woff?a122sd123') format('woff'),
    url('/local/templates/megapolis2022/./fonts/icomoon.svg?as21d2123#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font: 16px 'Tahoma', sans-serif;
}

.link {
    font-size: 14px;
    color: #0072af;
    text-decoration: underline;
}

.link.small {
    font-size: 13px;
}

.link.big {
    font-size: 16px;
}

.link:hover {
    text-decoration: none;
    border-bottom-color: transparent;
    color: #ef7f1a;
}

.link--border-off {
    text-decoration: none !important;
}

.link--brand {
    color: #0072af;
}

.link--brand:hover {
    text-decoration: none;
    border-bottom-color: transparent;
    color: #ef7f1a;
}

/** Buttons */
.wdr2_add .add_btn,
.wdr2_add .submit input[type=submit],
.btn {
    background: #ef7f1a;
    border: none;
    outline: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    max-width: 100%;
    border-radius: 10px;
    padding: 7px 25px;
    text-shadow: none;
}

.btn:hover {
    background: #f19645;
}

.btn:active {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .5);
}

.btn.btn--accent {
    background: #fab808;
    color: #000;
}

.btn.btn--accent:hover {
    background: #d9a929;
}

.btn.btn--outline {
    background: #fff;
    color: #ef7f1a;
    border: 2px solid #ef7f1a;
}

.btn.active {
    opacity: .7 !important;
    cursor: default;
    pointer-events: none;
}

.wdr2_add .add_btn,
.wdr2_add .submit input[type=submit] {
    line-height: 20px;
}

.wdr2_add .add_btn,
.wdr2_add .submit input[type=submit],
.btn.btn--brand {
    background: #0072af;
    border-radius: 10px;
    color: #fff;
}

.wdr2_add .add_btn:hover,
.wdr2_add .submit input[type=submit]:hover,
.btn.btn--brand:hover {
    background: #ef7f1a;
    color: #fff;
}

.btn:disabled,
.btn.disabled {
    background: #cccccc !important;
    opacity: .7 !important;
    cursor: default;
    pointer-events: none;
}

html p {
    margin-top: 0px;
}

.container {
    width: 100%;
    margin: 0 auto;
}

.formLine {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
    overflow: hidden;
}

.formLine.no-oveflow {
    overflow: initial;
}

.formLine:last-child {
    margin: 0;
}

.button_theme_origin {
    background-color: #ef7f1a;
    z-index: 1;
    -webkit-transition: background-color 0.1s ease-out 0s;
    transition: background-color 0.1s ease-out 0s;
    border-radius: 10px;
    border: 0px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 11px 40px 9px;
    line-height: 1;
    text-decoration: none;
}

.button_theme_origin.button_theme_origin_inline {
    display: inline-block;
}

.button_theme_origin:hover {
    opacity: 0.8;
    color: #fff;
}

.button_theme_origin--accent {
    background-color: #0072af;
}

.input__text {
    font-size: 14px;
    color: #343434;
    line-height: 1.571;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.03);
    height: 43px;
    width: 100%;
    cursor: pointer;
    outline: none;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.input__text[disabled],
.input__text:disabled {
    background-color: rgba(0, 0, 0, .03);
}

select.input__text {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 1.375;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    font-weight: 500;
    height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='4px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 114, 175)' d='M0.442,-0.000 C0.811,-0.000 7.294,-0.000 7.549,-0.000 C7.879,-0.000 8.125,0.194 7.932,0.386 C7.777,0.539 4.653,3.611 4.385,3.873 C4.210,4.045 3.791,4.042 3.616,3.873 C3.420,3.684 0.279,0.601 0.061,0.378 C-0.099,0.214 0.078,-0.000 0.442,-0.000 Z'/%3E%3C/svg%3E");
    background-position: right 10px top 50%;
    background-repeat: no-repeat;
}

textarea.input__text {
    min-height: 93px;
    padding-top: 10px;
    resize: none;
}

input.inputfile {
    font-size: 14px;
    color: #343434;
}

.formLine__label {
    font-size: 16px;
    font-family: "Tahoma";
    color: #343434;
    line-height: 1.375;
    white-space: nowrap;
    float: left;
    margin: 0 0 10px;
}

.formLine__content {
    width: 100%;
}

.formLine__content label.file {
    margin: 0 15px 0 0;
    font-size: 12px;
    color: #828282;
    line-height: 1.167;
}

.formLine__content.time {
    margin: 0 0 15px;
}

.formLine__content.dayname {
    margin: 0;
}

.formLine__content label {
    font-weight: normal;
}

.formLine .info {
    font-size: 12px;
    color: #828282;
    line-height: 1.167;
    margin-top: 20px;
}

.formLine .info a {
    color: #828282;
}

body {
    position: relative;
}

html.modal-show, body.modal-show {
    overflow: hidden;
}

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .3s ease;
    overflow-y: auto;
}

.modal-container {
    width: 300px;
    margin: 40px auto 0;
    border-style: solid;
    border-width: 1px;
    border-color: #ececec;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
}

.modal-header {
    padding: 18px 29px 17px 30px;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.modal-title {
    font-size: 18px;
    color: #343434;
    font-weight: bold;
    line-height: 1.222;
    letter-spacing: 0.45px;
    margin: 0px;
}

.modal-body .close, .modal-header .close {
    padding: 0;
    position: absolute;
    right: 30px;
    top: 19px;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    color: #0072af;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    cursor: pointer;
}

.modal-body .close:hover, .modal-header .close:hover {
    opacity: 1;
}

.modal-body {
    padding: 20px 30px 20px 30px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.modal-body .close {
    position: absolute;
    top: 2px;
    right: 2px;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
    opacity: 0;
}

.modal-leave-active {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.modal-label {
    font-size: 14px;
    color: #4a4a4a;
    line-height: 1.571;
}

.modal-label-iner {
    margin-bottom: 13px;
}

.modal-item {
    margin-top: 30px;
    margin-bottom: 30px;
}

.modal-item__image.phone {
    background-image: url("/local/templates/megapolis/img/iconPhone.png");
}

.modal-item__image {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    float: left;
}

.modal-item__text {
    font-size: 14px;
    color: #474747;
    line-height: 1.571;
    margin-bottom: 10px;
    font-weight: 500;
}

.modal-item__main {
    margin-left: 48px;
    padding-left: 24px;
}

.modal-item__main a {
    display: inline-block;
}

.modal-item__main a {
    font-size: 16px;
    color: #0072af;
    font-weight: bold;
    line-height: 1.5;
    display: block;
}

.modal-item__image.email {
    background-image: url("/local/templates/megapolis/img/iconEmail.png");
}

.cssload-container {
    display: block;
    margin: 49px auto;
    width: 97px;
}

.cssload-loading i {
    width: 19px;
    height: 19px;
    display: inline-block;
    border-radius: 50%;
    background: rgb(0, 114, 175);
}

.cssload-loading i:first-child {
    opacity: 0;
    animation: cssload-loading-ani2 0.58s linear infinite;
    -o-animation: cssload-loading-ani2 0.58s linear infinite;
    -ms-animation: cssload-loading-ani2 0.58s linear infinite;
    -webkit-animation: cssload-loading-ani2 0.58s linear infinite;
    -moz-animation: cssload-loading-ani2 0.58s linear infinite;
    transform: translate(-19px);
    -o-transform: translate(-19px);
    -ms-transform: translate(-19px);
    -webkit-transform: translate(-19px);
    -moz-transform: translate(-19px);
}

.cssload-loading i:nth-child(2),
.cssload-loading i:nth-child(3) {
    animation: cssload-loading-ani3 0.58s linear infinite;
    -o-animation: cssload-loading-ani3 0.58s linear infinite;
    -ms-animation: cssload-loading-ani3 0.58s linear infinite;
    -webkit-animation: cssload-loading-ani3 0.58s linear infinite;
    -moz-animation: cssload-loading-ani3 0.58s linear infinite;
}

.cssload-loading i:last-child {
    animation: cssload-loading-ani1 0.58s linear infinite;
    -o-animation: cssload-loading-ani1 0.58s linear infinite;
    -ms-animation: cssload-loading-ani1 0.58s linear infinite;
    -webkit-animation: cssload-loading-ani1 0.58s linear infinite;
    -moz-animation: cssload-loading-ani1 0.58s linear infinite;
}


@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(39px);
        opacity: 0;
    }
}

@-o-keyframes cssload-loading-ani1 {
    100% {
        -o-transform: translate(39px);
        opacity: 0;
    }
}

@-ms-keyframes cssload-loading-ani1 {
    100% {
        -ms-transform: translate(39px);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    100% {
        -webkit-transform: translate(39px);
        opacity: 0;
    }
}

@-moz-keyframes cssload-loading-ani1 {
    100% {
        -moz-transform: translate(39px);
        opacity: 0;
    }
}

@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(19px);
        opacity: 1;
    }
}

@-o-keyframes cssload-loading-ani2 {
    100% {
        -o-transform: translate(19px);
        opacity: 1;
    }
}

@-ms-keyframes cssload-loading-ani2 {
    100% {
        -ms-transform: translate(19px);
        opacity: 1;
    }
}

@-webkit-keyframes cssload-loading-ani2 {
    100% {
        -webkit-transform: translate(19px);
        opacity: 1;
    }
}

@-moz-keyframes cssload-loading-ani2 {
    100% {
        -moz-transform: translate(19px);
        opacity: 1;
    }
}

@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(19px);
    }
}

@-o-keyframes cssload-loading-ani3 {
    100% {
        -o-transform: translate(19px);
    }
}

@-ms-keyframes cssload-loading-ani3 {
    100% {
        -ms-transform: translate(19px);
    }
}

@-webkit-keyframes cssload-loading-ani3 {
    100% {
        -webkit-transform: translate(19px);
    }
}

@-moz-keyframes cssload-loading-ani3 {
    100% {
        -moz-transform: translate(19px);
    }
}

.label, .errortext, .notetext {
    display: block;
    border: 1px solid #eee;
    background: #f4f4f4;
    padding: 10px 15px;
    margin: 0 0 15px;
}

.label.label-error, .errortext {
    border: 1px solid #ff664a;
    color: #ff664a;
    background: #f5c6cb;
}

.label.label-success, .notetext {
    border: 1px solid #5cb85c;
    color: #5cb85c;
    background: #c3e6cb;
    border-radius: 6px;
}

.error {
    color: #ff664a;
    font-size: 14px;
    padding: 3px 0 0 20px;
}


.title {
    font-size: 18px;
    font-family: "Tahoma";
    color: #434343;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.667;
    margin: 0;
    margin-bottom: 0px;
}

.title--thin {
    font-weight: 400 !important;
    font-size: 24px !important;
}

.subscribe .title {
    margin-bottom: 10px;
}

.subscribe .form {
    border-radius: 4px;
    background-image: url("/local/templates/megapolis2022/./img/form_bg.png"), -webkit-gradient(linear, left top, right top, from(#ef7f1a), color-stop(99%, #ec9d0a));
    background-image: url("/local/templates/megapolis2022/./img/form_bg.png"), -webkit-linear-gradient(left, #ef7f1a 0%, #ec9d0a 99%);
    background-image: url("/local/templates/megapolis2022/./img/form_bg.png"), linear-gradient(90deg, #ef7f1a 0%, #ec9d0a 99%);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 27px 16px 5px 15px;
    color: #fff;
}

.button_theme_transparent {
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    color: #fff;
    border-radius: 4px;
    background-color: #ee8815;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 11px 25px 10px;
}

.subscribe .wButton {
    margin: 0 0 15px;
}

.widgets {
    padding: 0 10px;
}

.page {
    margin-top: 10px;
}

.modal-body .search-form {
    margin: 0;
}

.subscribe-bottom {
    padding: 0 0 40px;
}

.subscribe-bottom .title {
    font-size: 14px;
    line-height: 1.143;
    font-weight: normal;
    display: none;
    padding-top: 22px;
    margin-bottom: 10px;
}

.subscribe-bottom .title b {
    display: none;
}

.subscribe-bottom .subscribe .form {
    width: 100%;
    padding: 15px;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.subscribe-bottom .subscribe .form .formLine {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-bottom: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
}

.subscribe-bottom .subscribe .form .formLine.wButton {
    width: 23%;
}

.subscribe-bottom .subscribe .form .input__text {
    width: 100%;
    height: 28px;
}

.subscribe-bottom .button_theme_transparent {
    height: 28px;
    padding: 0 15px;
}

main {
    padding: 0 10px;
}

main .title {
    margin-bottom: 15px;
}

.page h1 {
    font-size: 24px;
    font-weight: bold;
    color: #2c2c2c;
    margin: 0 0 23px;
    letter-spacing: 0.6px;
    padding-top: 15px;
}

.pageContent h2 {
    font-size: 24px;
    font-weight: bold;
    color: #2c2c2c;
    margin: 0 0 15px;
    letter-spacing: 0.6px;
}

.pageContent {
    clear: both;
    font-size: 14px;
    color: #6f6f6f;
    line-height: 1.9;
    margin: 0;
    margin-bottom: 0px;
    text-align: justify;
}

.pageContent ul, .pageContent ol {
    clear: both;
    margin: 0 0 30px 15px;
    padding: 0px;
}

.pageContent ul li:not(:last-child),
.pageContent ol li:not(:last-child) {
    margin-bottom: 15px;
}

.pageContent img {
    margin: 10px 20px 15px;
    max-width: 100%;
}

.pageContent img[align=left] {
    margin: 10px 20px 15px 0;
}

.pageContent img[align=right] {
    margin: 10px 0 15px 20px;
}

.navigation {
    margin: 0 0 25px 0;
}

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

.navigation-pages span {
    background: #ef7f1a;
    color: #fff;
    padding: 7px 10px 5px;
    display: inline-block;
    border-radius: 5px;
    line-height: 1;
}

.navigation-pages a {
    color: #0072af;
    padding: 7px 10px 5px;
    display: inline-block;
    border-radius: 5px;
    line-height: 1;
    border: 1px solid #ccc;
    text-decoration: none;
}

.navigation-pages a:hover {
    color: #ef7f1a;
    background: #eee;
}

table.table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #dfdfdf;
}

table.table th {
    font-size: 16px;
    font-weight: bold;
    color: #434343;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dfdfdf;
    padding: 13.6px 13.6px 13.6px 20px;
    text-align: left;
}

table.table td {
    vertical-align: top;
    padding: 15px 13.6px 0px 20px;
}

table.table td:last-child {
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 13.6px 15px 20px;
}

table.table tr:last-child td {
    border-bottom: 0px;
}

button:active, button:focus, input:active, input:focus,
select:active, select:focus {
    outline: 0 !important;
    outline-color: transparent !important;
    outline-width: 0 !important;
    outline-style: none !important;
}

@media (min-width: 540px) {
    .subscribe-bottom .title {
        display: inline-block;
    }

    .subscribe-bottom .subscribe .form {
        float: right;
        display: inline-block;
        max-width: 322px;
    }

    .subscribe-bottom .subscribe .form .input__text {
        width: 241px;
    }

    .subscribe-bottom .subscribe .form .formLine, .subscribe-bottom .subscribe .form .formLine.wButton {
        width: auto;
    }

    table.table th {
        padding: 15px 13.6px 15px 40px;
    }

    table.table td {
        vertical-align: top;
        padding: 15px 13.6px 15px 40px;
        border-bottom: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
    }

    table.table td:last-child {
        border-right: 0px;
        padding: 15px 13.6px 15px 40px;
    }

    table.table tr:last-child td {
        border-bottom: 0px;
    }
}

@media (min-width: 568px) {
    html .hidden-sm {
        display: none !important;
    }

    html .block-sm {
        display: block !important;
    }

    html .block-inline-sm {
        display: inline-block !important;
    }

    html .block-flex-sm {
        display: flex !important;
    }

}

@media (min-width: 768px) {
    main {
        padding: 0;
        box-sizing: border-box;
    }

    .subscribe-bottom .title b {
        display: inline-block;
    }

    .widgets {
        padding: 0;
    }

    .container {
        width: 750px;
    }

    html .hidden-md {
        display: none !important;
    }

    html .block-md {
        display: block !important;
    }

    html .block-inline-md {
        display: inline-block !important;
    }

    .modal-container {
        width: 580px;
    }

    .formLine__content.time {
        max-width: 117px;
        margin: 0 24px 0 30px;
        float: left;
    }

    .formLine__content.dayname {
        max-width: 241px;
        margin: 0;
        float: left;
    }

    .formLine__label {
        margin: 7px 0 0;
    }

    .formLine {
        margin: 0 0 15px;
    }

    .page {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    html .block-lg {
        display: block !important;
    }

    html .block-inline-lg {
        display: inline-block !important;
    }

    html .hidden-lg {
        display: none !important;
    }

    .page {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .subscribe-bottom {
        padding: 0 10px;
    }

    .container {
        width: 1200px;
    }

    html .block-xl {
        display: block !important;
    }

    html .block-inline-xl {
        display: inline-block !important;
    }

    html .hidden-xl {
        display: none !important;
    }

    .widgets {
        padding-right: 15px;
    }

    html .is-search {
        display: none !important;
    }

    .widget {
        margin-bottom: 12px;
    }

    .widget .subscribe {
        margin-top: 16px;
    }

    .widget .search {
        margin: 0px;
    }
}

.icon-delivery:before {
    content: "\e925";
}

.icon-phone-call:before {
    content: "\e901";
}

.icon-message:before {
    content: "\e902";
}

.icon-arrow-down:before {
    content: "\e900";
}

.icon-close:before {
    content: "\e903";
}

.icon-exit:before {
    content: "\e904";
}

.icon-avatar:before {
    content: "\e905";
}

.icon-file:before {
    content: "\e906";
}

.icon-twitter:before {
    content: "\e907";
}

.icon-odnoklassniki:before {
    content: "\e908";
}

.icon-vk:before {
    content: "\e909";
}

.icon-vkontakte:before {
    content: "\e90a";
}

.icon-youtube:before {
    content: "\e90b";
}

.icon-facebook:before {
    content: "\e90c";
}

.icon-group:before {
    content: "\e90d";
}

.icon-left-bold:before {
    content: "\e90e";
}

.icon-right-bold:before {
    content: "\e90f";
}

.icon-left-arrow:before {
    content: "\e910";
}

.icon-right-arrow:before {
    content: "\e911";
}

.icon-shopping-cart:before {
    content: "\e912";
}

.icon-search:before {
    content: "\e913";
}

.icon-menu:before {
    content: "\e914";
}

.icon-checked:before {
    content: "\e915";
}

.icon-arrow-to-right:before {
    content: "\e916";
}

.icon-zoom-in:before {
    content: "\e917";
}

.icon-document:before {
    content: "\e918";
}

.icon-book:before {
    content: "\e919";
}

.icon-shopping-basket:before {
    content: "\e91a";
}

.icon-shopping-cart1:before {
    content: "\e91b";
}

.icon-stopwatch:before {
    content: "\e91c";
}

.icon-shopping-cart3:before {
    content: "\e91d";
}

.icon-shopping-cart2:before {
    content: "\e91e";
}

.icon-checkout:before {
    content: "\e91f";
}

.icon-shopping-cart11:before {
    content: "\e920";
}

.icon-basket:before {
    content: "\e921";
}

.icon-insert-in-basket:before {
    content: "\e922";
}

.icon-shopping-basket:before {
    content: "\e91a";
}

.icon-credit-card:before {
    content: "\e923";
}

.icon-delivery-truck:before {
    content: "\e924";
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}

.list-btn ul{
    list-style:none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.list-btn ul li{
    display: inline-block;
    margin: 0 10px 10px 0;
}

.list-btn ul li a{
    font-size: 12px;
    background: #ededed;
    color: #333;
    text-decoration: none;
    padding: 5px 7px;
    display: block;
    border-radius: 4px;
}

.category-reviews {
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 30px;
}

.category-reviews .tns-controls{
    top: 0 !important;
}

.category-reviews-item-title {
    font-family: "Tahoma";
    color: #434343;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 18px;
}

.category-reviews-item-city {
    margin-bottom: 7px;
    font-size: 12px;
    color: #000;
}

.category-reviews-item-description {
    font-size: 14px;
    color: #6f6f6f;
    line-height: 1.9;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .category-reviews-item-description {
        padding-right: 40px;
    }
}

/* ============================================
   Редизайн V1 — интегрированные стили
   ============================================ */

/* Прозрачный контейнер */
.container.page {
    background: transparent;
}

/* Баннер */
main .banner {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
    margin-bottom: 36px;
}

main .banner li {
    border-radius: 16px;
    overflow: hidden;
}

.banner .caption .button {
    border-radius: 10px;
}

/* Категории каталога */
.CategoriesList {
    margin-bottom: 36px;
}

.CategoriesList__icon {
    border: none;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border-bottom: 3px solid #ef7f1a;
    transition: all 0.25s ease;
}

@media (min-width: 768px) {
    .CategoriesList__item a:hover .CategoriesList__icon {
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
        transform: translateY(-4px);
    }
}

/* Кнопки карточки */
.header__panel .button {
    border-radius: 10px;
}

.cardInfo__buttons a,
.cardInfo__buttons button {
    border-radius: 10px;
}

.cardInfo__count {
    border-radius: 8px;
    overflow: hidden;
}

/* Карточка товара — изображения */
.cardInfo__img-wrap {
    border-radius: 14px;
    overflow: hidden;
}

.cardInfo__img-wrap .cardInfo__image img,
.cardInfo__img-wrap > a > img {
    border-radius: 14px;
}

.cardInfo__thumb {
    border-radius: 8px;
    overflow: hidden;
}

.cardInfo__thumb img {
    border-radius: 8px;
}

/* Плашки характеристик */
.cardInfo__offers_params ul {
    list-style: none;
    padding: 0;
    margin: 4px 0 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cardInfo__offers_params ul li a {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 8px;
    border: 1.5px solid #ccc;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}

.cardInfo__offers_params ul li a:hover {
    border-color: #ef7f1a;
    color: #ef7f1a;
}

.cardInfo__offers_params ul li a.active {
    background: #ef7f1a;
    border-color: #ef7f1a;
    color: #fff;
    box-shadow: 0 2px 8px rgba(239, 127, 26, 0.25);
}

.cardInfo__offers_params ul li a.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    border-color: #e0e0e0;
}

.cardInfo__offers_params .param-name {
    font-weight: 600;
    font-size: 14px;
    color: #555;
    margin-bottom: 2px;
}

/* Счётчик количества */
.product-item-amount-field-container {
    border-radius: 8px;
    overflow: hidden;
}

.product-item-amount-field {
    border-radius: 0;
}

.product-item-amount-field-btn-minus {
    border-radius: 8px 0 0 8px;
}

.product-item-amount-field-btn-plus {
    border-radius: 0 8px 8px 0;
}

/* Цена */
.cardInfo__price {
    border-radius: 10px;
}

/* Тег */
.product-tag {
    border-radius: 8px;
}

/* Нашли дешевле */
.cardInfo__find-cheaper {
    border-radius: 10px;
}

/* Табы */
.tabs-mobile .btn {
    border-radius: 8px;
}

.tabs .tab {
    border-radius: 8px 8px 0 0;
}

/* Описание/отзывы */
.description_view {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    border-left: 4px solid #0072af;
    padding: 20px;
}

/* Доставка таблицы */
.delivery-tables {
    border-radius: 10px;
    overflow: hidden;
}

.delivery-tables table {
    border-radius: 10px;
}

/* Блок характеристик */
.goodsCharacters {
    background: #fff;
    border-radius: 12px;
    padding: 16px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid #eee;
}

.goodsCharacters ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.goodsCharacters ul li {
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
}

.goodsCharacters ul li:last-child {
    border-bottom: none;
}

/* Заголовки */
h2.title,
.title.title--thin {
    margin-top: 40px;
    margin-bottom: 24px;
    padding-bottom: 10px;
    border-bottom: 3px solid #ef7f1a;
    display: block;
    width: fit-content;
}

/* Видео-секция */
section.mb-8 {
    display: block;
    clear: both;
}

section.mb-8 h2.title {
    display: block;
    width: 100%;
    float: none;
}

section.mb-8 iframe {
    display: block;
    clear: both;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    max-width: 100%;
}

/* Формы */
.contactform {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border-left: 4px solid #0072af;
    padding: 24px;
}

/* contactform внутри "Не нашли что искали" — оставить оригинал */
.promo-form-contact .contactform {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border-left: none;
    padding: 0;
}

.contactform input[type="text"],
.contactform input[type="tel"],
.contactform input[type="email"],
.contactform textarea {
    border-radius: 8px;
}

/* Статьи */
.articles-item {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid transparent;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
}

.articles-item:hover {
    border-color: #0072af;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.13);
    transform: translateY(-4px);
}

.articles-item img {
    border-radius: 0;
}

/* Статья (детальная) */
.article-detail {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 28px;
}

.article-detail img {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.article-detail h2,
.article-detail h3 {
    border-bottom: 2px solid #ef7f1a;
    padding-bottom: 6px;
    width: fit-content;
}

/* Блог — список */
.articles-list {
    margin-top: 20px;
}

.articles-list ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    list-style: none;
    padding: 0;
}

.articles-list .articles-item {
    margin: 0;
    padding-bottom: 12px;
}

.articles-list .articles-item .date {
    padding: 4px 12px;
    font-size: 13px;
    color: #888;
}

/* Текстовый контент */
.maintext {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 28px;
}

/* "Возможно вы искали" */
.list-btn {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 20px;
    margin-bottom: 28px;
}

/* FAQ */
div[itemtype="https://schema.org/FAQPage"] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 28px;
}

div[itemtype="https://schema.org/FAQPage"] .title {
    margin-top: 0;
}

/* Каталог — карточки товаров в сетке */
.bx_catalog_list .product-item-container,
.bx_catalog_line .product-item-container {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border: 1px solid transparent;
    transition: all 0.25s ease;
    margin-bottom: 16px;
}

.bx_catalog_list .product-item-container:hover,
.bx_catalog_line .product-item-container:hover {
    border-color: #ef7f1a;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.13);
}

/* Таблицы — только в контентных областях */.maintext table,.description_view table,.pageContent table,.article-detail table,.delivery-tables table {
    border-radius: 10px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}

table th {
    background: #0072af;
    color: #fff;
}

table td {
    border-bottom: 1px solid #eee;
}

/* Метка "В наличии" */
.label.label-success, .notetext {
    border-radius: 6px;
}

/* Overflow — изображения (только контентные области) */main .article-detail img,main .maintext img,main .description_view img,main .pageContent img {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}

/* === МОБИЛЬНАЯ АДАПТАЦИЯ === */
@media (max-width: 767px) {
    html, body {
        overflow-x: hidden;
    }

    .container, .container.page {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .maintext table,
    .description_view table,
    .pageContent table,
    .article-detail table,
    .delivery-tables table,
    .pure-table {
        max-width: 100%;
        display: block;
        overflow-x: auto;
    }

    main .banner,
    main .banner li {
        border-radius: 10px;
    }

    .articles-list ul {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .maintext {
        padding: 16px;
        border-radius: 10px;
    }

    .article-detail {
        padding: 16px;
        border-radius: 10px;
    }

    .contactform {
        padding: 16px;
        border-radius: 10px;
    }

    .description_view {
        padding: 14px;
        border-radius: 10px;
    }
}

/* Мобильный grid категорий */
@media (max-width: 567px) {
    ul.CategoriesList.font-size-0 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
        list-style: none;
        padding: 0;
        margin: 0;
        max-width: 100%;
        overflow: hidden;
    }

    ul.CategoriesList.font-size-0 > .CategoriesList__item,
    ul.CategoriesList.font-size-0 > .CategoriesList__item[class*="pure-u"] {
        width: auto;
        min-width: 0;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
    }

    ul.CategoriesList.font-size-0 .CategoriesList__icon {
        overflow: hidden;
        text-align: center;
    }

    ul.CategoriesList.font-size-0 > .CategoriesList__item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    ul.CategoriesList.font-size-0 .CategoriesList__icon img {
        max-height: 60px;
    }

    ul.CategoriesList.font-size-0 .CategoriesList__head {
        font-size: 13px;
    }
}

/* Статьи — картинки заполняют карточку, обрезаются по скруглению */
.articles-item a {
    display: block;
}

.articles-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.articles-item span {
    display: block;
    padding: 12px 14px 4px;
}

.articles-item .date {
    padding: 0 14px 12px;
}

/* ===== Контентные страницы — белые карточки на сером фоне ===== */

/* Доставка / Оплата */
.dostavka-block1 {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 20px;
}

.dostavka-block,
.oplata-block1 {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 20px;
}

/* Контакты */
.kontakt-block1 {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 20px;
}

.kontakt-block2 {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 20px;
}

/* О компании */
.okompanii-block1,
.okompanii-block2,
.okompanii-block3,
.okompanii-block4 {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 20px;
}

/* ГОСТы — контент напрямую в main */
main > ul#gosti {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 28px;
    margin-bottom: 20px;
}

/* h1 на контентных страницах */
.page h1 {
    padding-top: 15px;
}

/* Мобильная адаптация контентных блоков */
@media (max-width: 767px) {
    .dostavka-block1,
    .dostavka-block,
    .oplata-block1,
    .kontakt-block1,
    .kontakt-block2,
    .okompanii-block1,
    .okompanii-block2,
    .okompanii-block3,
    .okompanii-block4,
    main > ul#gosti {
        padding: 16px;
        border-radius: 10px;
    }
}

/* ГОСТы — h1 как часть карточки */
main > h1 + ul#gosti {
    border-radius: 0 0 14px 14px;
    margin-top: 0;
}

main > h1:has(+ ul#gosti) {
    background: #fff;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 20px 28px 0;
    margin-bottom: 0;
}

/* Пункты доставки/оплаты — воздух между нумерованными заголовками */
.dostavka-block strong,
.oplata-block1 strong {
    display: block;
    margin-top: 18px;
    margin-bottom: 8px;
    font-size: 17px;
    color: #0072af;
    line-height: 1.35;
}

.dostavka-block > strong:first-child,
.oplata-block1 > strong:first-child {
    margin-top: 0;
}

/* Кнопка «Получить бесплатную консультацию» на странице услуги
   (btn--detail-service). Исходно — на всю ширину, жирная (.btn-lg.w-100.p-4
   .btn--outline). Делаем компактной CTA. Специфичность .btn.btn--detail-service
   выше, чем .btn.btn--outline, плюс !important для утилити-классов. */
.btn.btn--detail-service {
    display: inline-block !important;
    width: auto !important;
    padding: 12px 28px !important;
    font-size: 15px !important;
    font-weight: 600;
    border-radius: 10px;
    background: #ef7f1a;
    border: 2px solid #ef7f1a;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.btn.btn--detail-service:hover {
    background: #d66d0e;
    border-color: #d66d0e;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(239, 127, 26, 0.28);
}

.btn.btn--detail-service .button__text {
    color: #fff;
}

/* Центрируем обёртку кнопки */
.mt-6.mb-9 {
    text-align: center;
}

/* ===============================================
   Сайдбар — блок «Быстрые действия»
   =============================================== */
.sidebar-actions {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    padding: 16px 14px;
    margin-bottom: 18px;
}

.sidebar-actions__title {
    font-size: 14px;
    font-weight: 700;
    color: #1a3c5e;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ef7f1a;
    display: inline-block;
}

.sidebar-actions__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.sidebar-actions__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 6px;
    border: 1.5px solid #e4e6eb;
    border-radius: 10px;
    text-decoration: none;
    color: #1a3c5e;
    background: #f9fafc;
    transition: all 0.2s ease;
    min-height: 86px;
    text-align: center;
}

.sidebar-actions__link:hover {
    border-color: #ef7f1a;
    background: #fff;
    color: #ef7f1a;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(239, 127, 26, 0.18);
}

.sidebar-actions__icon {
    font-size: 22px;
    color: #ef7f1a;
    margin-bottom: 6px;
    display: block;
}

.sidebar-actions__link:hover .sidebar-actions__icon {
    color: #d66d0e;
}

.sidebar-actions__text {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

/* ===============================================
   Секция «Почему нас выбирают» — 4 фича-карточки
   =============================================== */
.features-row {
    margin: 32px 0 36px;
}

.features-row__title {
    display: inline-block !important;
    margin-bottom: 22px !important;
    border-bottom: 3px solid #ef7f1a !important;
    padding-bottom: 10px !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a3c5e !important;
    width: fit-content !important;
}

.features-row__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

@media (max-width: 991px) {
    .features-row__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .features-row__grid {
        grid-template-columns: 1fr;
    }
}

.feature-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border-bottom: 3px solid #ef7f1a;
    padding: 22px 18px;
    text-align: center;
    transition: all 0.25s ease;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.feature-card__icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff5eb 0%, #ffe4cc 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    font-size: 28px;
    color: #ef7f1a;
}

.feature-card__icon .icon {
    font-size: 28px;
    color: #ef7f1a;
}

.feature-card__icon svg {
    display: block;
    color: #ef7f1a;
}

.feature-card__title {
    font-size: 16px;
    font-weight: 700;
    color: #1a3c5e;
    line-height: 1.3;
    margin-bottom: 8px;
}

.feature-card__text {
    font-size: 13px;
    line-height: 1.5;
    color: #555;
}

/* ============================================================
   MOBILE FIXES — START
   Откат: удалить блок между START и END.
   ============================================================ */

@media (max-width: 767px) {

    /* === 1. Карточка товара — порядок: заголовок → фото → цена → кнопки === */
    .cardInfo {
        display: flex !important;
        flex-direction: column !important;
    }
    /* правая колонка (с заголовком/ценой/кнопками) — её дети становятся прямыми детьми .cardInfo, чтобы работал order */
    .cardInfo > .pure-u-md-1-2:nth-child(2) {
        display: contents;
    }
    .cardInfo__header {
        order: 1;
    }
    .cardInfo > .pure-u-md-1-2:first-child {
        order: 2;
    }
    .cardInfo__price-row {
        order: 3;
    }
    .cardInfo__count {
        order: 4;
    }
    .cardInfo__buttons {
        order: 5;
    }
    .cardInfo__find-cheaper {
        order: 6;
    }
    .goodsCharacters {
        order: 7;
    }
    /* Компактнее заголовок */
    .cardInfo__title {
        font-size: 19px !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
    }
    /* Фото — не обрезать, подогнать под ширину */
    .cardInfo__img-wrap {
        max-height: none;
        overflow: visible;
    }
    .cardInfo__img-wrap .cardInfo__image img {
        max-width: 100% !important;
        max-height: none !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain;
        margin: 0 auto !important;
        display: block !important;
    }
    .cardInfo__thumbs {
        justify-content: center;
    }
    /* Цена — подчеркнуть */
    .cardInfo__price {
        font-size: 22px !important;
    }

    /* === 2. «Почему нас выбирают» — 2×2 вместо 1 колонки === */
    .features-row__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .feature-card {
        padding: 14px 10px !important;
    }
    .feature-card__icon {
        width: 48px !important;
        height: 48px !important;
        margin: 0 auto 8px !important;
    }
    .feature-card__icon svg,
    .feature-card__icon .icon {
        font-size: 22px !important;
    }
    .feature-card__icon svg {
        width: 22px !important;
        height: 22px !important;
    }
    .feature-card__title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    .feature-card__text {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* === 3. Селектор «Наша продукция ▾» — откачено, оригинальные стили === */

    /* === 4. Категории — длинные имена аккуратнее === */
    .CategoriesList__name {
        font-size: 11px !important;
        line-height: 1.2 !important;
        min-height: 30px !important;
        word-break: break-word;
        hyphens: auto;
    }
    .CategoriesList__icon {
        height: 90px !important;
        padding: 6px !important;
    }
}

@media (max-width: 480px) {
    /* Очень узкий экран — уменьшаем features ещё, но всё ещё 2 колонки */
    .features-row__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .features-row__title {
        font-size: 18px !important;
    }
}

/* ============================================================
   MOBILE FIXES — END
   ============================================================ */

/* ============================================================
   Сжимаем воздух сверху страницы (между синей навигацией и H1).
   Крошки становятся компактной полоской сразу под меню.
   ============================================================ */
.container.page {
    margin-top: 8px;
}
.breadcrumbs {
    margin: 0 0 12px !important;
    padding-bottom: 6px;
    border-bottom-color: transparent;
}
@media (min-width: 992px) {
    .breadcrumbs {
        margin: 0 0 14px !important;
    }
}

/* ============================================================
   Список статей — убираем двойную рамку (карточка + вложенная).
   Bitrix-шаблон news.list/articles задаёт <a> border:5px — конфликт
   с редизайн-карточкой .articles-item.
   ============================================================ */
.articles-list ul li a {
    border: none;
    padding: 0;
}
.articles-list ul li img {
    padding: 0;
}


/* === Блок «Смежные разделы каталога» (SEO-перелинковка) === */
.pkm-related-sections {
    margin: 32px 0 16px;
    padding: 24px 0;
    border-top: 1px solid #eee;
}
.pkm-related-sections__title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 18px;
    color: #222;
}
.pkm-related-sections__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
.pkm-related-sections__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 8px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    transition: border-color .15s ease, transform .15s ease;
}
.pkm-related-sections__card:hover {
    border-color: #ef7f1a;
    color: #ef7f1a;
    transform: translateY(-2px);
}
.pkm-related-sections__img-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.pkm-related-sections__img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.pkm-related-sections__name {
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    font-weight: 500;
}
@media (max-width: 1024px) {
    .pkm-related-sections__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
    .pkm-related-sections__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .pkm-related-sections__title { font-size: 18px; }
    .pkm-related-sections__name { font-size: 12px; }
}

/* End */
/* /local/templates/megapolis2022/css/header.css?179034817116616 */
/* /local/templates/megapolis2022/css/promo-form-contact.css?17811832201290 */
/* /local/templates/megapolis2022/css/slider-line.css?17260647252061 */
/* /local/templates/megapolis2022/css/tiny-slider.css?16688045792122 */
/* /local/templates/megapolis2022/css/benefits.css?17811832209250 */
/* /local/templates/megapolis2022/css/details.css?1768815707739 */
/* /local/templates/megapolis2022/css/glightbox.css?167052793617901 */
/* /local/templates/megapolis2022/css/table.css?17811832201643 */
/* /local/templates/megapolis2022/css/error.css?168003155673 */
/* /local/templates/megapolis2022/css/review.css?17811832201589 */
/* /local/templates/megapolis2022/css/dostavka-oplata.css?17599943036892 */
/* /local/templates/megapolis2022/css/bootstrap.utils.css?168616578116295 */
/* /local/templates/megapolis2022/css/product-tag.css?1686165781390 */
/* /local/templates/megapolis2022/components/bitrix/sale.basket.basket.line/minicart/style.min.css?17917914061613 */
/* /local/templates/megapolis2022/components/bitrix/menu/topmenu/style.css?17880936735824 */
/* /local/templates/megapolis2022/components/bitrix/breadcrumb/.default/style.css?17811832201144 */
/* /local/templates/megapolis2022/components/bitrix/menu/vertical_multilevel/style.css?16688045796327 */
/* /local/templates/megapolis2022/components/bitrix/catalog.item/slide/style.css?17811839366832 */
/* /local/templates/megapolis2022/components/bitrix/menu/footersmallmenu/style.min.css?1668804579490 */
/* /local/templates/megapolis2022/components/bitrix/menu/footermenu/style.min.css?1668804579490 */
/* /local/templates/megapolis2022/css/footer.css?17811832204421 */
/* /local/templates/megapolis2022/template_styles.css?179136203663776 */