/* ___________ reset CSS____________________*/
* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body{
    min-width: 370px !important;
}

html, body, div {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

a, p, ul, ol, li, img, span, strong, em {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, caption, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

article, aside, figure, footer, header, hgroup, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

canvas, details, embed, figcaption, menu, nav, output, ruby, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

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

b, strong {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

hr {
    margin: 0;
    padding: 0;
    border: none;
    height: 1px;
    background: #5294c1;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin-bottom: 20px;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

ul ul, ol ol {
    padding-top: 0.5em;
}

dt {
    font-size: 18px;
    margin: 0;
}

dd {
    padding-left: 10px;
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 20px;
}

html {
    background: #fff;
}

input[type="submit"], textarea, button {
    -webkit-appearance: none;
}

img {
    border: none;
    max-width: 100%;
}

div.bx-debug-content-top{
    height: 50% !important;
}

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

/* SVG MAIN ICONS [START] */
[class*='nir-']:before {
    display: inline-block;
    font-family: 'nir-icons';
    font-size: 24px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color 100ms;
}

.nir-cart:before {content: '\e9a3';}
.nir-compare:before {content: '\e90b';}

[class*='nir-catalog-']:before {
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: #276ef1;
}
.nir-pay-sbp:before,
.nir-pay-plati-chastyami:before{
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    font-family: inherit;
    font-size: 24px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 100%;
    -webkit-font-smoothing: antialiased;
    filter: grayscale(100%);
    -moz-osx-font-smoothing: grayscale;
    transition: color 100ms;
}

.nir-pay-sbp:before{
    background-image: url("../img/lk-sbp-icon.png");
}

.nir-pay-plati-chastyami:before{
    background-image: url("../img/chastyami-logo.svg");
}

.flip-pay.active .nir-pay-sbp:before,
.flip-pay.active .nir-pay-plati-chastyami:before{
    filter: none;
}
.nir-pay-credit:before {content: '\e956';}
.nir-pay-bill:before {content: '\e959';}
.nir-facebook-new:before {content: '\e901';}
.nir-instagram-new:before {content: '\e9a0';}
.nir-youtube-new:before {content: '\e99f';}
.nir-scales-new:before {content: '\e9a1';}
.nir-flag-new:before {content: '\e9a2';} /**/
.nir-cart-new:before {content: '\e9a3';} /**/
.nir-burger-new:before {content: '\e9a4';}
.nir-triangle-new:before {content: '\e9a5';}
.nir-menu-about:before {content: '\e9a7';}
.nir-menu-return:before {content: '\e9a8';}
.nir-menu-payment:before {content: '\e9a9';}
.nir-menu-delivery:before {content: '\e9aa';}
.nir-menu-catalog:before {content: '\e9ab';}
.nir-menu-geo:before {content: '\e9ac';}
.nir-menu-help:before {content: '\e9ad';}
.nir-menu-order-status:before {content: '\e9ae';}
.nir-menu-login:before {content: '\e9af';}
.nir-menu-sale:before {content: '\e9b0';}
.nir-menu-brands:before {content: '\e9b1';}
.nir-menu-news:before {content: '\e9b2';}
.nir-menu-contacts:before {content: '\e9b3';}

#footer [class*='nir-']:before{
    display: block;
}
/* SVG MAIN ICONS [END] */

/* SVG MAIN ICONS [START] */
.nir-vk:before {content: '\e900';}
.nir-facebook:before {content: '\e901';}
.nir-skype:before {content: '\e902';}
.nir-instagram:before {content: '\e903';}
.nir-viber:before {content: '\e904';}
.nir-telegram:before {content: '\e905';}
.nir-youtube:before {content: '\e906';}
.nir-search:before {content: '\e907';}
.nir-profile:before {content: '\e908';}
.nir-cart:before {content: '\e909';}
.nir-click:before {content: '\e90a';}
/*.nir-compare:before {content: '\e9b6';}*/
.nir-compare:before {content: '\e989';}
.nir-print:before {content: '\e90c';}
.nir-share:before {content: '\e90d';}
.nir-percent:before {content: '\e90e';}
.nir-lock:before {content: '\e90f';}
.nir-gidro:before {content: '\e910';}
.nir-feed-request:before {content: '\e911';}
.nir-feed-ask:before {content: '\e912';}
.nir-feed-socials:before {content: '\e913';}
.nir-clock:before {content: '\e914';}
.nir-eye-close:before {content: '\e915';}
.nir-link:before {content: '\e916';}
.nir-erase:before {content: '\e917';}
.nir-climber:before {content: '\e918';}





.nir-catalog-1412:before, .nir-catalog-1432:before {content: '\e919';}
.nir-catalog-1433:before {content: '\e91a';}
.nir-catalog-1441:before {content: '\e91b';}
.nir-catalog-1414:before, .nir-catalog-1415:before {content: '\e91c';}
.nir-catalog-1416:before {content: '\e91d';}
.nir-catalog-1421:before {content: '\e91e';}
.nir-catalog-1422:before {content: '\e91f';}
.nir-catalog-1437:before, .nir-catalog-1705:before {content: '\e920';}
.nir-catalog-1413:before, .nir-catalog-1423:before {content: '\e921';}
.nir-catalog-1424:before {content: '\e922';}
.nir-catalog-1426:before {content: '\e923';}
.nir-catalog-1425:before {content: '\e924';}
.nir-catalog-1427:before {content: '\e925';}
.nir-catalog-1473:before, .nir-catalog-1476:before {content: '\e926';}
.nir-catalog-1474:before {content: '\e927';}
.nir-catalog-1475:before {content: '\e928';}
.nir-catalog-1477:before, .nir-catalog-1715:before {content: '\e929';}
.nir-catalog-1516:before {content: '\e92a';}
.nir-catalog-1419:before, .nir-catalog-1447:before, .nir-catalog-1532:before {content: '\e92b';}
.nir-catalog-1436:before {content: '\e92c';}
.nir-catalog-1420:before, .nir-catalog-1467:before, .nir-catalog-1468:before, .nir-catalog-1546:before {content: '\e92d';}
.nir-catalog-1529:before, .nir-catalog-1530:before {content: '\e92e';}
.nir-catalog-1482:before, .nir-catalog-1485:before {content: '\e92f';}
.nir-catalog-1483:before {content: '\e930';}
.nir-catalog-1484:before {content: '\e931';}
.nir-catalog-5168:before {content: '\e9c0';}
.nir-catalog-7201:before {content: '\e9ca';}
.nir-catalog-:before {content: '\e932';} /* радиатор-2 */
.nir-catalog-1440:before, .nir-catalog-1478:before, .nir-catalog-1480:before, .nir-catalog-1486:before, .nir-catalog-:before {content: '\e933';}
.nir-eye:before {content: '\e934';}
.nir-arrow:before {content: '\e994'; transition: transform 300ms; transform: rotate(90deg) !important;}
.nir-arrow-up:before {transform: rotate(-90deg) !important; top: 4px;}
.nir-log-in:before {content: '\e935';}
.nir-check-order:before {content: '\e936';}
.nir-log-out:before {content: '\e937';}
.nir-request-call:before {content: '\e938';}
.nir-ask-question:before {content: '\e939';}
.nir-write-to-us:before {content: '\e93a';}
.nir-about-price:before {content: '\e93b';}
.nir-about-delivery:before {content: '\e93c';}
.nir-about-guarantee:before {content: '\e93d';}
.nir-recommend:before {content: '\e93e';}
.nir-free-delivery:before {content: '\e991'; font-size: 26px !important;}
.nir-sale-delivery:before {content: '\e940';}
.nir-sticker-365:before {content: '\e941';}
.nir-sticker-set:before {content: '\e942';}
.nir-sticker-sale:before {content: '\e943';}
.nir-sticker-gift:before {content: '\e944';}
.nir-profile-edit:before {content: '\e945';}
.nir-status-N:before, .nir-status-M:before {content: '\e946';}
.nir-status-A:before, .nir-status-B:before, .nir-arrow-2:before {content: '\e947';}
.nir-status-F:before, .nir-status-P:before, .nir-status-H:before {content: '\e948';}
.nir-status-O:before, .nir-status-G:before {content: '\e949';}
.nir-status-C:before {content: '\e94a';}
.nir-cross:before {content: '\e94a';color: #a4aeb9;}
.nir-cross:hover:before {color: #008dee;cursor: pointer;}
.nir-view-grid:before {content: '\e94b';}
.nir-view-list:before {content: '\e94c';}
.nir-filter:before {content: '\e94d';}
.nir-sort-relevant-down:before {content: '\e94e';}
.nir-sort-relevant-up:before {content: '\e94f';}
.nir-sort-price-down:before {content: '\e950';}
.nir-sort-price-up:before {content: '\e951';}
.nir-sort-name:before {content: '\e952';}
.nir-guide:before {content: '\e953';}
.nir-pay-bank:before {content: '\e954';}
.nir-pay-elec:before {content: '\e955';}
.nir-pay-bill:before {content: '\e956';}
.nir-pay-cash:before {content: '\e957';}
.nir-pay-card:before {content: '\e958';}
.nir-pay-credit:before {content: '\e959';}
.nir-delivery-courier:before {content: '\e95a';}
.nir-delivery-pickup:before {content: '\e95b';}
.nir-info:before {content: '\e95c';}
.nir-navigation:before {content: '\e95d';}
.nir-phone:before {content: '\e95e';}
.nir-clocks:before {content: '\e95f';}
.nir-sale-slider:before {content: '\e960';}
.nir-star:before {content: '\e961';color: #ECEFF1;}
.nir-minus:before {content: '\e962';}
.nir-plus:before {content: '\e963';}
.nir-time-restore:before {content: '\e964';}
.nir-note:before {content: '\e965';}
.nir-check:before {content: '\e966';}
.nir-menu:before {content: '\e967';}
.nir-question:before {content: '\e968';}
.nir-callback:before {content: '\e969';}
.nir-triangle:before {content: '\e96b';}
.nir-checkmarks:before {content: '\e96c';}
.nir-comment:before {content: '\e96d';}
.nir-list:before {content: '\e96e';}
.nir-route:before {content: '\e96f';}
.nir-3d-model:before {content: '\e970';}
.nir-tick:before {content: '\e973';}
.nir-edit:before {content: '\e974';}
.nir-logout:before {content: '\e975';}
.nir-carriage:before {content: '\e976';}
.nir-car-sideway:before {content: '\e977';}
.nir-calendar-fill:before {content: '\e978';}
.nir-calendar:before {content: '\e979';}
.nir-location:before {content: '\e97a';}
.nir-car:before {content: '\e97b';}
.nir-bus:before {content: '\e97c';}
.nir-favorites:before {content: '\e97d';}
.nir-favorites-fill:before {content: '\e97e';}
.nir-cube:before {content: '\e97f';}
.nir-medal:before {content: '\e980';}
.nir-flag:before {content: '\e981';}
.nir-block:before {content: '\e982';}
.nir-burger:before {content: '\e983';}
.nir-gift:before {content: '\e984';}
.nir-duplicate:before {content: '\e985';}
.nir-crosswalk:before {content: '\e986';}
.nir-refresh:before {content: '\e987';}
.nir-fire:before {content: '\e988';}
.nir-scales:before {content: '\e989';}
.nir-email:before {content: '\e98a';}
.nir-one-click:before {content: '\e98b';}
.nir-new-clock:before {content: '\e98c';}
.nir-message:before {content: '\e98d';}
.nir-new-phone:before {content: '\e98e';}
.nir-long-arrow:before {content: '\e98f';}
.nir-arrow-round:before {content: '\e990';}
.nir-vk-new:before {content: '\e99a';}
.nir-twitter:before {content: '\e999';}
.nir-ok:before {content: '\e997';}
.nir-share-new:before {content: '\e99d';}
.nir-delivery-fast:before {content: '\e99e';}
.nir-live-video:before {content: '\e9a6';}
.nir-info-new:before {content: '\e9b4';}
.nir-filter-regular:before {content: '\e9b5';}
.nir-product-favorite:before{content: '\e9a2';}
.nir-warning:before{content: '\e9b4';} /*с этого номера сбой иконок (номер относится к pdf)*/

.nir-pdf:before{content: '\e9b9';}
.nir-plitka-calc:before{content: '\e9ba';}
.nir-plitka-design:before{content: '\e9bb';}
.nir-card-arrow-bot:before{content: '\e9bc';}
.nir-card-arrow-right:before{content: '\e9bd';}
.nir-plus-new:before{content: '\e9be';}
.nir-minus-new:before{content: '\e9bf';}
.nir-clear:before{content: '\e99c';}
.nir-cross-new:before{content: '\e96a';}
.nir-clear-new:before{content: '\e9c1';}
.nir-fast-order:before{content: '\e9c2';}
.nir-location-new:before{content: '\e9c3';}


.nir-delivery-new-city:before{content: '\e9c4';}
.nir-delivery-new-area:before{content: '\e9c5';}
.nir-calendar-new:before{content: '\e9c6';}
.nir-payment-new:before{content: '\e9c7';}
.nir-time-new:before{content: '\e9c8';}
.nir-car-new:before{content: '\e9c9';}


.nir-cart-icon-home:before{content: '\e9cb';}
.nir-cart-icon-new:before{content: '\e9cc';}
.nir-catalog-new:before{content: '\e9cd';}
.nir-order-status-new:before{content: '\e9ce';}
.nir-compare-new-icon:before{content: '\e9cf';}
.nir-exclusive-icon:before{content: '\e9d0';}
.nir-history-icon:before{content: '\e9d1';}
.nir-tg-new:before{content: '\e9d2';}


/* SVG MAIN ICONS [END] */

.promo-page h2 {
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 23px;
    display: flex;
    text-align: center;
    align-items: center;
    letter-spacing: 0.15px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
}

/* SLICK-SLIDER [START] */
.slick-slider {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.slick-list {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    top: 0;
    left: 0;
    margin: 0;
    display: block
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}
.slick-slide,
.slick-slide.slick-loading img {
    display: none
}
.slick-track:after {
    clear: both
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    overflow: hidden
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-initialized .slick-slide {
    display: block
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-arrow {
    background: 0 0;
    color: #95a5a6;
    border: none;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    z-index: 20;
    font-size: 0;
    width: 30px;
    height: 50px;
    box-sizing: border-box;
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    transition: all 0s ease-out
}
.slick-arrow:hover {
    color: #008DEE;
}
.slick-next:before,
.slick-prev:before {
    font-family: FontAwesome;
    font-size: 22px
}
.slick-prev {
    left: 19px
}
.slick-prev:before {
    content: "\f053"
}
.slick-next {
    right: 19px
}
.slick-next:before {
    content: "\f054";
    font-family: FontAwesome
}
.slick-disabled,
.slick-disabled:hover {
    cursor: default;
    display: none;
    opacity: 0
}
.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -27px;
    line-height: 0;
    margin: 0;
    text-align: center;
}
.slick-dots li {
    list-style: none;
    display: inline-block;
    margin: 0 5px
}
.slick-dots li button {
    box-sizing: border-box;
    display: block;
    background: #bdc3c7;
    border: 0;
    width: 8px;
    border-radius: 50%;
    cursor: pointer;
    height: 8px;
    text-indent: 99999px
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
    background: #34495e
}
/* SLICK-SLIDER [END] */


/* mCustomScrollbar [START] */
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}
.mCSB_inside>.mCSB_container {
    margin-right: 3px
}
.mCSB_scrollTools {
    width: 4px;
    opacity: 1 !important;
}
.mCSB_scrollTools .mCSB_dragger {
    width: calc(100% - 2px);
    left: 1px;
    background: #008dee;
    border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 11px;
    height: 0;
    background: #303030;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ECEFF1;
}
/* mCustomScrollbar [END] */


/* Boostrap modal [START] */
.modal-backdrop {
    background-color: #fff;
}
.modal-backdrop.in {
    opacity: .8;
}
/* Boostrap modal [END] */

.js-t-t:hover {
    cursor: pointer;
}

.t-c.t-c-b {
    left: auto;
    right: -211px;
    top: calc(100% + 10px);
}

.t-c.t-c-b:before {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-top: 0;
    left: 150px;
    top: -8px;
}

.discount-product + .t-c.t-c-b:before {
    right: 20px;
}

body {
    font-size: 15px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    line-height: 1.45;
    color: #2c3e50;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    position: relative;
    -webkit-text-size-adjust: none;
}
body.popup-open {
    overflow: hidden;
}

body.blur .head-top:before, body.blur .content:before, body.blur footer:before {
    background: rgba(0, 0, 0, 0.02);
    content: '';
    display: block;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

body.blur .main-wrapper {
    overflow: visible;
}

a {
    color: rgba(62, 82, 102, 0.95);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    color: #276EF1;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

h1 {
    color: #34495e;
    font: 400 34px Roboto, Arial, Helvetica, sans-serif;
    letter-spacing: 0.03em;
    line-height: 1.2;
}
h1.header-h1 {
    margin-bottom: 8px;
}

main.content:not(.main-page) h1.header-h1 {
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    color: #263238;
}

h1.brand-h1 {
    color: #fff;
}

.h1 {
    margin: 0 0 24px;
    font-weight: 900;
    line-height: 1.25;
    font-size: 46px;
    color: #000000;
}

h2 {
    line-height: 1.25;
    font-size: 38px;
    color: #1e1e1e;
}

h3 {
    margin: 0 0 19px;
    font-weight: 900;
    line-height: 1.25;
    font-size: 24px;
    color: #010101;
}

.h2 {
    font: 500 30px/1.1 Roboto, Arial, Helvetica, sans-serif;
    letter-spacing: 0.08em;
    margin-bottom: 23px;
    display: block;
}

.h2-v {
    color: #2c3e50;
    font: 500 24px/1.1 Roboto, Arial, Helvetica, sans-serif;
    letter-spacing: 0.02em;
    display: block;
}

.h3 {
    color: #3e5266;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
}

.h4 {
    color: #008dee;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-top: 0;
}

.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*height: 100%;*/
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 100%;
    overflow: hidden;
}

.main-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
}

#header {
    background: #fff;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

#header.fix .head-top {
    border-bottom: 1px solid #E0F7FA;
    height: 56px !important;
}
/*#header:not(.fix).head-shadow .head-top {*/
/*    border-bottom: 4px solid #008dee;*/
/*}*/

#header.fix .head-bot, #header:not(.fix).head-shadow .head-bot {
    z-index: 0;
}

.content {
    padding: 49px 0 40px;
}

.content.main-page {
    padding: 16px 0 80px;
}

.content.non-padding {
    padding-top: 0;
}

.dropdown-menu {
    margin-top: 0;
    top: calc(100% - 3px);
}

#footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.content {
    z-index: 1;
    clear: both;
    display: block;
}

section:after {
    content: '';
    display: block;
    clear: both;
}

.d-flex{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.d-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

/* Кнопки */
.btn {
    border: none;
    font-size: 16px;
    line-height: 41px;
    height: 40px;
    padding: 0 10px;
    color: #fff;
    background: #008dee;
}

.btn i {
    font-size: 13px;
    vertical-align: middle;
}

.btn:hover {
    background: #2c80b9;
    color: #fff;
}

.btn-9 {
    background: #2ecc71;
    border-radius: 6px;
    color: #fff;
    display: block;
    font: 14px/50px Roboto, Arial, Helvetica, sans-serif;
    height: 50px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-shadow: 0 12px 14px rgba(0, 0, 0, 0.17);
    box-shadow: 0 12px 14px rgba(0, 0, 0, 0.17);
}
.btn-9:hover {
    background: #32da79;
    color: #fff;
}
.btn-9 i {
    font-size: 25px;
    margin: 0 13px 0 0;
    position: relative;
    top: 2px;
}
.btn-9.lk-personal{
    max-width: 300px;
}
.btn-12 {
    background: #fff;
    border: 1px solid #bdc3c7;
    border-radius: 6px;
    color: #7f8c8d;
    display: block;
    font: 400 18px/44px Roboto, Arial, Helvetica, sans-serif;
    height: 45px;
    text-align: center;
    margin: 10px auto;
    width: 170px;
}
.btn-12:hover {
    background: #bdc3c7;
    color: #fff;
}
.btn-12 i {
    font-size: 18px;
    margin-right: 8px;
}

.form-group label {
    color: rgba(44, 62, 80, 0.91);
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
}

.form-group label sup {
    display: inline-block;
    line-height: 1;
    top: 3px;
    vertical-align: top;
}

.t-inp, textarea {
    padding: 10px 20px 10px 20px;
    overflow: hidden;
    display: block;
    width: 100%;
    color: #1c1c1c;
    -webkit-appearance: none;
    height: 50px;
    border: 1px solid #d7d7d7;
    font-size: 18px;
    line-height: 28px;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: 'Roboto', aria, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    height: 120px;
    resize: none;
    overflow: auto;
}

.form-control {
    height: 56px;
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #96999C;
    background: #F4F6F6;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control.tel-h {
    letter-spacing: 0.13em;
}

input[type="password"].form-control {
    color: #7f8c8d;
    font-size: 20px;
    letter-spacing: 0.53em;
}

input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="password"],
textarea:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.autorization {
    font-weight: 400;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.t-inp.error, textarea.error {
    border-color: #ff0000;
}

.head-top {
    background: #fff;
    bottom: auto;
    margin-bottom: 0;
    min-height: 0;
    padding: 0;
    border-bottom: 1px solid #d4e2fc;
}

a.logo-for-print{
    display: none;
    width: 124px;
    height: 24px;
}

a.logo-for-print img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.head-top .fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    z-index: 8010;
    background: rgba(255,255,255, 0.8);
    transition: opacity 300ms;
}

.head-top .fancybox-overlay.fancybox-overlay-fixed {
    overflow: hidden;
    z-index: 0;
    position: fixed;
    bottom: 0;
    right: 0;
}

.navbar-form {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.navbar-form .form-group {
    display: block;
}

.search.dropdown-menu {
    border: 0;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    display: block;
    top: 0;
    padding: 0;
}

.search.dropdown-menu.focus {
    background: #fff;
    border: 2px solid #ecf0f1;
    position: absolute;
    right: 15px;
    top: -2px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    width: 570px;
    -webkit-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.search.dropdown-menu.focus .search__button {
    display: none;
}

.search.dropdown-menu .form-group {
    margin-bottom: 0;
}

.header-form input.search__input.form-control {
    border-width: 0 0 2px;
}

.search input.search__input.form-control {
    background: none;
    border: 1px solid #CFD8DC;
    border-radius: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 500;
    padding: 0 52px 0 24px;
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #263238 ;
    transition: border-color 600ms;
}

.search input.search__input.form-control:focus {
    border-color: #64B5F6;
}

.nir-search.search__button {
    height: 40px;
    width: auto;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    right: 25px;
    transition: background-color 200ms;
    cursor: pointer;
}
.nir-search.search__button:before {
    padding: 8px 0;
    color: #455A64;
    transition: color 200ms;
}
.nir-search.search__button:hover {
    background-color: #E3F2FD;
}
.nir-search.search__button:hover:before {
    color: #008DEE;
}
.header-logo-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.menu-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 40px;
    width: 40px;
    margin-left: 0;
    padding-top: 0;
    background: #eff3fe;
    color: #263238;
    border-radius: 50px;
    margin-right: 40px;
}
.menu-button:before{
    color: #276ef1;
    font-size: 12px;
}
.menu-button:hover {
    cursor: pointer;
    color: #008DEE;
}
.menu-button.open {
    z-index: 10000;
}
.menu-button.open:before {
    content: '\e96a';
    font-family: nir-icons;
    font-size: 14px;
}
.animation-shine-btn{
    position: relative;
    overflow-x: hidden;
}
.animation-shine-btn:hover .animation-shine {
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    transform: skewX(-45deg);
    animation: shineAnimation;
    left: -60px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: shineAnimation 1s linear;
}
@keyframes shineAnimation {
    0% {left: -60px;}
    100% {left: 150%;}
}

/** Кнопки - Конец **/

/** КАСТОМИЗАЦИЯ ДИДЖИНЕТИКИ (начало) **/

body #digi-shield.digi_desktop .digi-search-form__submit,
body #digi-shield.digi_desktop .digi-search-form__close,
body #digi-shield.digi_desktop .digi-product__button,
body #digi-shield.digi_desktop .digi-ac:not(.digi-ac--vertical) .digi-ac-block__title,
body #digi-shield.digi_desktop .digi-title,
body #digi-shield.digi_desktop .digi-facet__title,
body #digi-shield.digi_desktop .digi-facet__title__name,
body #digi-shield.digi_desktop .digi-filters__title{
    font-weight: normal;
}

/** КАСТОМИЗАЦИЯ ДИДЖИНЕТИКИ (конец) **/


.logo {
    position: relative;
    background: url('/local/templates/public/img/logo.svg?v=7') no-repeat left center;
    background-size: contain;
    width: 196px;
    height: 40px;
    margin: 0 120px 0 0;
}

.logo a{
    width: 100%;
    height: 100%;
    display: block;
}

.body-404 .logo {
    position: relative;
    background: url('/local/templates/public/img/404/logo.svg') no-repeat;
    background-size: contain;
    width: 190px;
    height: 40px;
    margin: 0 auto;
}


.header-logo {
    position: relative;
}

.logo.new-year:before, .header-logo.new-year:before  {
    position: absolute;
    content: '';
    display: block;
    top: -8px;
    left: 2px;
    width: 220px;
    height: 16px;
    background: url(/local/templates/public/img/garland.svg) no-repeat;
}

.header-logo.new-year:before {
    top: -6px;
}


.logo.open {
    position: relative;
    z-index: 10000;
}
.logo-kz {
    width: 200px;
    height: 40px;
    background-image: url('/local/templates/public/img/logo_kz.png');
}

.header-contacts-wrapper {
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
.header-contacts {
    margin: 0 80px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.header-contacts-icon{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    background: #1570EF;
    border-radius: 40px;
}

.header-contacts-icon:before{
    color: #d1e9ff;
}

.header-city {
    position: relative;
    display: flex;
    align-items: center;
    font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #182B48;
}
.header-city:hover {
    color: #008DEE;
    cursor: pointer;
}
.header-city-name {
    display: inline-block;
    max-width: 220px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #182B48;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header-contacts .nir-arrow-round {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
	color: #008dee;
	font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.header-contacts .nir-arrow-round:before{
    font-size: 14px;
}


.header-tel {
    margin-top: 6px;
    display: inline-block;
    line-height: 15px;
}
.header-tel a {
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #276EF1;
}
.header-tel .nir-phone {
    height: 24px;
}

#headTop .work-time {
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin: 0 120px 0 0;
}
#headTop .work-time-wrap .work-time__title {
	white-space: nowrap;
}

#headTop .work-time-icon{
    width: 40px;
    height: 40px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #475467;
    border-radius: 40px;
}

#headTop .work-time-icon:before{
    display: block;
    color: #f2f4f7;
}

#headTop .work-time-wrap{
    width: Calc(100% - 52px);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #475467;
}

#headTop .work-time__desc {
    display: flex;
    align-items: flex-start;
}

.work-time__desc span {
    font-size: 8px;
    line-height: 13px;
}

.form-control::-webkit-input-placeholder {
    color: #CFD8DC;
    font-weight: normal;
}
.form-control:-moz-placeholder {
    color: #CFD8DC;
    font-weight: normal;
}
.form-control::-moz-placeholder {
    color: #CFD8DC;
    font-weight: normal;
}
.form-control:-ms-input-placeholder {
    color: #CFD8DC;
    font-weight: normal;
}

.search input.search__input.form-control::-webkit-input-placeholder,
.search input.search__input.form-control:-moz-placeholder,
.search input.search__input.form-control:-ms-input-placeholder {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #CFD8DC;
}

/*.search input.search__input.form-control:-moz-placeholder {*/
/*    color: #a4aeb9;*/
/*    font-family: Roboto, Arial, Helvetica, sans-serif;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    letter-spacing: 0.025em;*/
/*}*/

/*.search input.search__input.form-control::-moz-placeholder {*/
/*    color: #a4aeb9;*/
/*    font-family: Roboto, Arial, Helvetica, sans-serif;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    letter-spacing: 0.025em;*/
/*}*/

/*.search input.search__input.form-control:-ms-input-placeholder {*/
/*    color: #a4aeb9;*/
/*    font-family: Roboto, Arial, Helvetica, sans-serif;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    letter-spacing: 0.025em;*/
/*}*/

.navbar-collapse {
    border-top: 0;
}

.container > .navbar-collapse {
    height: 66px !important;
    display: flex !important;
    align-items: center;
    padding: 10px 0;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.container > .navbar-collapse:before,
.container > .navbar-collapse:after{
    content: none;
}

.body-404 .container > .navbar-collapse {
    height: 68px !important;
    align-items: flex-start;
}

.header-links__item {
    display: block;
    position: relative;
}

.header-links__item.mob-search-ic {
    display: none;
}

.header-links__item:first-child:before {
    display: none;
}

.header-links__item .shopping-cart:after {
    content: '';
    z-index: -1;
    top: calc(50% - 20px);
    left: 0;
    position: absolute;
    display: block;
    background: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.header-links__item:hover .shopping-cart:after {
    background-color: #276EF1;
}
.header-links__item .shopping-cart:last-child:after {
    left: calc(50% - 28px);
}

.header-links__item i{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 80px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.header-links__item i:before,
.header-links__item .shopping-cart:before{
    display: block;
    color: #5c7282;
}

.header-links__item:hover i{
    background: #276EF1;
}

.header-links__item.header-cart.active > a.shopping-cart:before{
    color: #276EF1;
}

.header-links__item:hover i:before,
.header-links__item:hover .shopping-cart:before,
.header-links__item.header-cart.active:hover > a.shopping-cart:before{
    color: #eff3fe;
}

.header-links__item .header-links-title{
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #7F8F98;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    text-align: center;
}

.header-links__item:hover .header-links-title{
    color: #40576D;
}

.tablet-menu .header-links__item .link-ico-block {
    display: block;
    height: 25px;
    position: relative;

}
.tablet-menu .header-links__item {
    width: 100%;
    display: block;
    padding: 8px;
    margin-bottom: 16px;
}

.tablet-menu .header-links__item:last-child{
    margin-bottom: 0;
}

.tablet-menu .header-links__item > a {
    display: flex;
    flex-flow: row;
    align-items: center;
}
.tablet-menu .header-links__item .header-links__title {
    text-align: center;
    margin-left: 16px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #182B48;
    text-transform: none;
    height: 16px;
}
.tablet-menu .header-links__item i {
    height: 16px;
    position: relative;
}
.tablet-menu .header-links__item:hover i{
    background: transparent;
}
.tablet-menu .header-links__item i:before {
    font-size: 16px;
    color: #276EF1;
}
.megamenu-inner .header-links__item:hover > a .header-links__title {
    color: #276EF1;
}
.megamenu-inner .header-links__item:hover > a i:before{
    color: #FFFFFF;
    z-index: 2;
}
.megamenu-inner .header-links__item:hover > a i:after{
    content: ' ';
    width: 40px;
    height: 40px;
    background-color: #276EF1;
    position: absolute;
    left: 0;
    top: -12px;
    z-index: 1;
    border-radius: 100%;
}
.header-links__item .header-links__title {
    color: #607D8B;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.header-work-time {
    color: #808599;
    font-size: 14px;
    letter-spacing: 0.004em;
    line-height: 1.1;
    margin-top: 12px;
}
.header-work-time > span {
    display: block;
    margin-top: 9px;
}
.header-work-time > span > span {
    vertical-align: super;
    font-size: 9px;
}


.header-links-block{
    width: Calc(100% - 1049px);
    max-width: Calc(100% - 1049px);
    display: block;
}

.megamenu {
    position: fixed;
    top: 66px;
    bottom: 0;
    left: 100%;
    right: 0;
    height: Calc(100vh - 66px);
    opacity: 0;
    overflow: auto;
    z-index: -1;
    width: auto;
    padding: 8px 8px 0 0;
    transition: opacity 200ms, left 0ms 200ms;
}
.megamenu.open {
    opacity: 1;
    z-index: 1001;
    left: 0;
    transition: opacity 200ms;
}

.megamenu .fancybox-overlay.fancybox-overlay-fixed {
    opacity: 0;
    visibility: hidden;
}
.megamenu.open .fancybox-overlay.fancybox-overlay-fixed {
    opacity: 1;
    visibility: visible;
    height: 100vh;
}

.megamenu .megamenu-inner {
    left: -300px;
    transition: all 300ms;
}

.megamenu.open .megamenu-inner {
    left: 0;
}

.megamenu-inner {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 30px 3px 30px 0;
    width: 368px;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 16px 48px rgba(0, 16, 61, 0.48);
    border-radius: 0 12px 12px 0;
}

.megamenu-inner:before {
    content: '';
    background: #fff;
    bottom: 0;
    display: block;
    right: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
}

.tablet-menu {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    padding: 16px;
    flex-wrap: wrap;
}

#headTop {
    position: fixed;
    transform: translateY(-200%);
    transition: transform .6s;
    left: 0;
    z-index: 1000;
    width: 100%;
}

#headTop.navbar-fixed-top {
    transform: translateY(0);
    height: 66px !important;
    z-index: 1000;
    transition: transform 0.3s;
}

.body-404 #headTop {
    position: static;
}

.body-404 #headTop.navbar-fixed-top {
    position: static;
    height: 68px !important;
    margin-top: 16px;
    border: none;
}

#headTop:not(.navbar-fixed-top) #confirm-city{
    display: none !important;
}

#headTop.fancybox-margin {
    /*transform: none;*/
}

#bx-panel.bx-panel-fixed {
    z-index: 1001 !important;
}

.megamenu-inner .navbar-collapse {
    max-height: unset;
    height: calc(100% - 404px);
    padding: 16px;
    display: block;
    width: 100%;
}

.navbar-fixed-top .megamenu-inner .navbar-collapse .navbar-nav,
.navbar-fixed-top .megamenu-inner .navbar-collapse .navbar-nav > li {
    float: none;
}

.navbar-fixed-top.with-panel {
    top: unset;
}

.more-btn {
    color: #3498db;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: 0.03em;
}
.more-btn i {
    color: #34495e;
    font-size: 14px;
    margin-left: 12px;
    vertical-align: middle;
}
.more-btn:hover {
    color: #34495e;
}
.more-btn:hover i {
    color: inherit;
}

.nav-tabs {
    border-bottom: 1px solid #d7dcde;
}
.nav-tabs > li {
    margin-bottom: 0;
}
.nav-tabs > li > a {
    border-width: 2px;
    border-color: transparent;
    border-bottom: 0;
    color: rgba(239, 243, 243, 0.85);
    font-size: 18px;
    padding: 8px 26px 3px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus {
    background: none;
    border-color: transparent;
    color: #34495e;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: none;
    border-width: 1px;
    border-color: #d7dcde;
    border-bottom: 0;
    color: rgba(239, 243, 243, 0.85);
    cursor: default;
    position: relative;
}

.tab-pane {
    display: block;
    margin-top: 30px;
}

.footer-top {
    background: #fff;
    position: relative;
    overflow: hidden;
}
.footer-top .container {
    padding-bottom: 28px;
    padding-top: 23px;
}

.footer-top-wrap-block{
    position: relative;
}

.footer-top-wrap-block:before {
    content: '';
    background: url(../img/contacts_bg-new.png) no-repeat;
    background-size: contain;
    display: block;
    height: 111px;
    left: 0;
    position: absolute;
    top: Calc((100% - 111px)/2);
    width: 140px;
}

.footer-top-wrap-block .row{
    margin-left: 180px;
    margin-right: -8px;
}

.footer-cont {
    overflow: hidden;
    padding: 32px 0 8px;
    background: #F4F6F6;
}

.footer-cont .container {
    overflow: hidden;
}

.footer-top__heading {
    font-size: 14px;
    line-height: 18px;
    color: #40576D;
    margin-bottom: 8px;
}

.footer-heading {
    display: block;
    font-weight: 500;
    margin-bottom: 16px;
    position: relative;
}

.footer-heading span {
    font: 400 16px Roboto, Arial, Helvetica, sans-serif;
    line-height: 24px;
    color: #182B48;
}

.footer-heading i {
    width: 8px;
    height: 8px;
    display: none;
    color: #7F8F98;
    position: absolute;
    top: Calc((100% - 8px)/2);
    right: 20px;
}

.footer-heading i:before{
    transition: transform 300ms;
}

.footer-heading .nir-arrow:before {
    transform: rotate(-90deg);
    font-size: 24px;
}
.footer-heading:hover {
    color: rgba(44, 62, 80, 0.95);
}

.footer-time {
    color: #5C7282;
    font-size: 14px;
    padding-bottom: 44px;
    align-items: baseline;
}
.footer-time sup {
    font-size: 8px;
    position: relative;
    top: 1px;
    vertical-align: top;
}
.footer-time .work-time-sup span {
    vertical-align: super;
    font-size: 9px;
}

.footer-social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.footer-social > a:not(:last-child){
  margin: 0 32px 0 0;
}

.footer__reviews {
    padding-right: 20px;
}
.footer__reviews .sw-app {
    background-color: #F4F6F6 !important;
}
.footer__reviews .sw-app-pos-right_bottom {
    position: static;
}
.footer__soc-block {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.footer-links {
    list-style: none;
    text-align: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.footer-links.center{
    justify-content: space-evenly;
}

.footer-links li{
    width: Calc((100% - 64px)/3);
    max-width: 67px
}

.footer-links__item:before {
    font-size: 22px;
    color: #3F4A56;
}
.footer-links__item:hover {
    cursor: pointer;
    color: #276EF1;
}

.footer-links__item i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    background: #EAEDEE;
    position: relative;
}

.footer-links__item i:before{
    position: absolute;
    top: Calc((100% - 22px)/2);
    left: Calc((100% - 22px)/2);
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: #182B48;
}

.footer-links__item:hover i:before{
    color: #276EF1;
}

.footer-links__item a {
    display: block;
}
.footer-links__title {
    color: #5C7282;
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px;
}

.footer-links__item:hover a, .footer-links__item:hover .footer-links__title {
    color: #276EF1;
}

.footer-texts {
    display: flex;
    flex-wrap: wrap;
    font: 400 12px Roboto, Arial, Helvetica, sans-serif;
    line-height: 14px;
    color: #7F8F98;
}

.footer-texts-left {
    flex-shrink: 0;
    width: 464px;
    margin-right: 32px;
}

.footer-requisites,
.footer-requisites-mob{
    display: flex;
    flex-direction: column;
}

.footer-requisites-mob{
    display: none;
}

.footer-texts-right {
    flex: 1;
}

.copyright {
    width: 100%;
    margin-top: 17px;
}

.footer-address {
    margin: 0;
}

.footer-payments {
    display: flex;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 21px;
}
.footer-payments-icons {
    height: 32px;
    margin-left: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-payments-icons img {
    width: 32px;
    margin-right: 36px;
}
.footer-payments-icons img:last-child {
    margin-right: 0;
}

.footer-last-links {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}
.footer-last-links a {
    margin-bottom: 16px;
    width: 100%;
    color: #5B91F5;
    font: 400 12px Roboto, Arial, Helvetica, sans-serif;
    line-height: 14px;
    text-decoration: underline;
}

.footer-last-links a:last-child{
    margin-bottom: 0;
}

.footer-last-links a:hover {
    text-decoration: none;
}

.footer-cont-bottom-row{
    margin-top: 44px;
}

.footer-mob-menu{
    width: Calc(100% - 32px);
    max-width: 488px;
    height: 64px;
    display: none;
    position: fixed;
    left: 50%;
    bottom: 24px;
    background: #FFFFFF;
    padding: 12px 0 10px;
    z-index: 100;
    box-shadow: 0 0px 24px -12px rgb(24 73 169 / 80%);
    border-radius: 80px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.footer-mob-menu-btns{
    width: 100%;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: repeat(4, auto);
    gap: 8px;
}

.footer-mob-menu-btn a{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

i.footer-mob-menu-btn-icon{
    width: 40px;
    height: 40px;
    position: relative;
}

i.footer-mob-menu-btn-icon:before{
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 20px;
    color: #182B48;
    border-radius: 100%;
}

.footer-mob-menu-btn .basket-count{
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #fff;
    background-color: #f44336;
    padding: 0 4px;
    height: 16px;
    min-width: 16px;
    border-radius: 16px;
    position: absolute;
    right: -5px;
    top: 0;
    font-style: normal;
}

/*.footer-mob-menu-btn a:hover i.footer-mob-menu-btn-icon:before,
.footer-mob-menu-btn.menu.active i.footer-mob-menu-btn-icon:before,*/
.footer-mob-menu-btn.open i.footer-mob-menu-btn-icon:before {
    color: #eff3fe;
    background-color: #276EF1;
}

.footer-mob-menu-btn.menu.active i.footer-mob-menu-btn-icon:before{
    content: '\e96a';
    font-family: nir-icons;
    font-size: 14px;
}

.footer-mob-menu.popup-open {
    z-index: 1003;
}


.backtop {
    display: none;
    width: 56px;
    height: 56px;
    cursor: pointer;
    background: #ECEFF1;
    opacity: 0.64;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    position: fixed;
    bottom: 55px;
    left: 55px;
    z-index: 99;
    transition: all 200ms;
}
.backtop:before {
    content: '\e947';
    position: absolute;
    left: 7px;
    width: 100%;
    height: 100%;
    display: inline-block;
    font-family: nir-icons;
    font-size: 32px;
    color: #78909C;
    transform: rotate(-90deg);
}
.backtop:hover {
    opacity: 0.8;
}
.backtop:hover:before {
    color: #455A64;
}

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}

.pop-up {
    display: none;
    overflow: hidden !important;
}
.pop-up .modal-dialog {
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}
.pop-up .modal-dialog .modal-content {
    border: 0;
    padding: 12px 15px;
}
.pop-up#card-3d-popup .modal-dialog .modal-content {
    border: 0;
    padding: 12px 0;
}
.pop-up .modal-dialog .tab-pane {
    margin-top: 0;
}
.pop-up .modal-header {
    border: 0;
}
.pop-up .form-control {
    height: 39px;
    line-height: 39px;
    padding-top: 0;
    padding-bottom: 0;
}

.modal__heading {
    font: 700 18px/1 Roboto, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.load-ie {
    display: none;
}

.dropdown-menu {
    font-size: 15px;
}

.ios .header-links__item.header-cart a.shopping-cart:active, .ios .header-links__item.header-cart a.shopping-cart:focus {
    color: #fff;
}

.ios .overlay-popup {
    display: none !important;
}

.overlay-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 8010;
    width: 17px;
}
.overlay-popup.overlay-popup-hidden {
    overflow-y: scroll;
}

.f-c-l {
    color: #7f8c8d;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.f-c-l span {
    color: #a4aeb9;
    font-size: 14px;
    margin-left: 3px;
}
.checked + .f-c-l {
    color: #2c3e50;
}

.t-w {
    position: relative;
    height: 16px;
    top: 2px;
}
.t-w a {
    color: #7f8c8d;
    font-size: 15px;
}
.discount-product .t-w i {
    color: #fff;
}

.js-t-t.excl {
    color: #acbfc7;
}
.js-t-t.excl:hover, .js-t-t.excl.active {
    color: #008DEE;
}
.js-t-t.excl:before {
    font-size: 20px;
}

.t-c {
    background: #fff;
    border-radius: 7px;
    color: #808599;
    display: none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    left: calc(100% + 15px);
    line-height: 1.5;
    position: absolute;
    top: 0;
    width: 380px;
    z-index: 10;
    box-shadow: 0 4px 16px rgba(0, 112, 241, 0.63);
    -webkit-box-shadow: 0 4px 16px rgba(0, 112, 241, 0.63);
    padding-right: 4px;
    padding-bottom: 30px;
    text-align: left;
}
.t-c .nir-cross {
    position: absolute;
    font-size: 28px;
    top: 10px;
    right: 16px;
    z-index: 100000;
}
.t-c .scroll-block {
    max-height: 400px;
}
.t-c span {
    background: #fff;
    border-radius: 7px 7px 0 0;
    color: #008dee;
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 23px 30px 12px 30px;
    position: relative;
    margin: 0;
}
.t-c p {
    padding: 0 32px 10px 32px;
    margin: 0;
}
.t-c p:last-child {
    padding: 0 32px 0 32px;
}
.t-c:before {
    content: '';
    display: block;
    border-right: 8px solid #fff;
    border-bottom: 9px solid transparent;
    border-top: 9px solid transparent;
    height: 0;
    left: -8px;
    position: absolute;
    top: 38px;
    top: 12px;
    width: 0;
}

.remove-position {
    background: #3498db;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 14px;
    z-index: 1;
}

.filter-top__item .remove-position {
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter-select-delivery-date{
    flex-wrap: wrap;
    margin-top: 16px;
}
.filter-select-delivery-date div{
    padding: 5px 15px;
    background: #f5f5f5;
    border-radius: 20px;
    font-size: 13px;
    margin: 5px 10px 5px 0;
    cursor: pointer;
}
.filter-select-delivery-date div:hover,
.filter-select-delivery-date div.active{
    background: #3770ed;
    color: #fff;
}

.product {
    border: 1px solid #ebedee;
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 18px 13px 12px;
    position: relative;
}

.p-m {
    margin-top: 2px;
    height: 80px;
}
.p-m-c {
    height: 70px;
}
.p__c h5{
    font-size: 15px;
}
.p__t {
    color: #3e5266;
    display: inline-block;
    font-weight: 500;
    height: 60px;
    line-height: 1.35;
    overflow: hidden;
}

.l-d {
    list-style: none;
    margin: 1px 0 0;
}
.l-d__i {
    color: #2c3e50;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 2px;
}
.l-d__i span {
    color: #7f8c8d;
    margin-right: 5px;
}
.l-d-1 {
    display: none;
}

.p__i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
}
.p__i img {
    max-height: 100%;
    vertical-align: middle;
}

.discount {
    background: url("../img/icons/sprite.png?ver1.0") -101px -177px no-repeat;
    color: #3497db;
    float: right;
    font-size: 16px;
    height: 26px;
    line-height: 22px;
    margin-top: 1px;
    padding: 2px 0 0 11px;
    text-align: center;
    vertical-align: top;
    width: 47px;
}
.discount span {
    display: inline-block;
    font-size: 11px;
    margin: -3px 0 0 1px;
    vertical-align: top;
}

.p__c {
    color: #000000;
    display: inline-block;
    font: 500 24px/1 Roboto, Arial, Helvetica, sans-serif;
    height: 36px;
    min-width: 124px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.p__c .rub {
    font-size: 26px;
    font-weight: 400;
    margin-left: 3px;
}
.p__c .rur {
    color: #a4aeb9;
    font-size: 13px;
    font-weight: 400;
}

.p__o_p {
    color: rgba(149, 165, 166, 0.95);
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    height: 17px;
}
.p__o_p > span {
    display: inline-block;
    position: relative;
}
.p__o_p > span:after {
    content: '';
    background: rgba(149, 165, 166, 0.95);
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
.p__o_p > span .rub {
    font-size: 13px;
    margin-left: 2px;
}

.list-decor__item {
    line-height: 1.25;
    margin-bottom: 12px;
    margin-left: 12px;
    color: #2980b9;
}
.list-decor__link {
    color: #008dee;
    line-height: inherit;
    position: relative;
}

#mob-reset-btn {
    padding: 10px 70px 0 10px
}
#mob-reset-btn a {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #a4aeb9;
}

.close-modal-compare {
    cursor: pointer;
    padding: 5px 7px;
    margin: 5px -4px 0 9px;
    display: inline-block;
    vertical-align: middle;
}
.close-modal-compare:hover {
    color: #3498db;
}


.product-count {
    color: #9aa8a9;
    padding-right: 40px;
    text-align: right;
    padding-top: 4px;
    font-size: 13px;
}
.product-count__total {
    margin-left: 3px;
}
.product-slide {
    padding-left: 15px;
    padding-right: 15px;
}

.select-product-collection-count-type{
    width: 100%;
    height: 24px;
    background: #F9FAFB;
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
}
.select-product-collection-count-type .select-count-type-bg{
    display: block;
    width: 33.3%;
    height: 20px;
    background: #182B48;
    border-radius: 80px;
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.select-count-type{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #5C7282;
    text-align: center;
    width: 50%;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.select-count-type.disabled{
    opacity: 0.3;
    cursor: default;
}
.select-count-type sup{
    font-size: 10px;
}
.select-product-collection-count-type .select-count-type.active{
    color: #EFF3FE;
}
.select-product-collection-count-type:hover .select-count-type{
    color: #5C7282;
}
.select-product-collection-count-type .select-count-type:not(.disabled):hover{
    color: #EFF3FE;
}
.select-count-type.active:not(.disabled) + .select-count-type + .select-count-type + .select-count-type-bg{
    left: 0;
}
.select-count-type + .select-count-type.active:not(.disabled) + .select-count-type + .select-count-type-bg{
    left: 33.3%;
}
.select-count-type + .select-count-type + .select-count-type.active:not(.disabled) + .select-count-type-bg{
    left: 66.6%;
}
.select-count-type:not(.disabled):hover + .select-count-type + .select-count-type + .select-count-type-bg{
    left: 0;
}
.select-count-type + .select-count-type:not(.disabled):hover + .select-count-type + .select-count-type-bg{
    left: 33.3%;
}
.select-count-type + .select-count-type + .select-count-type:not(.disabled):hover + .select-count-type-bg{
    left: 66.6%;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 1;
}

.scrollDisabled {
    overflow: hidden;
    position: fixed !important;
    margin-top: 0;
    width: 100%;
    z-index: 0;
}

.clear {
    clear: both;
    position: relative;
    height: 1px;
    overflow: hidden;
}

body.ie10 > div {
    display: none;
}
body.ie10 > div.load-ie {
    display: block;
    font-size: 40px;
    padding: 50px 0;
    text-align: center;
}
body.ie10 > div.load-ie i {
    display: inline-block;
    background: url("../img/icons/sprite.png?ver1.0") -101px -52px no-repeat;
    height: 45px;
    margin: 0 0 11px 15px;
    vertical-align: bottom;
    width: 45px;
}
body.ie10.loaded.icon-load {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.timer {
    display: none;
}

.ui-slider-handle {
    width: 11px !important;
    height: 11px !important;
    border-radius: 5px 6px 6px 6px !important;
    -webkit-border-radius: 6px 6px 6px 6px !important;
    background: #0099fa !important;
    border: none !important;
    top: 50% !important;
    margin-right: -15px !important;
    cursor: pointer !important;
    outline: none !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ui-slider-range {
    background: #0099fa;
}
.ui-slider-handle {
    border-color: #0099fa;
}
.ui-slider-range {
    background: #0099fa;
}
.ui-widget.ui-widget-content {
    border: 0;
}
.ui-slider-horizontal {
    height: 4px;
}

.clock {
    text-align: center;
}

.review {
    margin-bottom: 56px;
}
.review h3 {
    margin-bottom: 26px;
}

.product-review {
    border-radius: 5px;
    padding: 13px 0 0 0;
    overflow: hidden;
    width: 100%;
}
.product-review .product {
    padding: 18px 15px 17px 13px;
    border: 0;
    margin-bottom: 0;
}
.product-review .product-slide {
    position: relative;
}
.product-review .p__t {
    height: 60px;
}
.product-review .p__i {
    height: 180px;
    text-align: center;
}
.product-review .p__c {
    font-size: 24px;
}
.product-review .p-m {
    margin-top: 14px;
}
.product-review .discount {
    margin-top: 0;
}
.product-review .slick-dots {
    bottom: 30px;
}
.product-review .slick-arrow {
    background: #f4f7fa;
    color: #3498db;
    height: 40px;
    width: 46px;
    top: 34%;
}
.product-review .slick-prev {
    left: 0;
    border-radius: 0 20px 20px 0;
}
.product-review .slick-next {
    border-radius: 20px 0 0 20px;
    right: 0;
}
.product-review .p__c .p__c {
    min-height: 42px;
}
.product-review .p__c > .rub {
    font-size: 20px;
    line-height: 1.3;
}
.product-review .list-descr-1, .product-review .list-descr {
    min-height: 80px;
}

.sup {
    font-size: 8px;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}

header.hidden {
    display: none;
}

.form-group {
    float: none;
    clear: both;
    overflow: hidden;
}

.footer-phone a[class*='ringo-'] {
    color: #808599;
}
.footer-phone a[class*='ringo-']:hover {
    color: #008DEE;
}
.megamenu .menu-sub .m__l span{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #182B48;
    text-transform: none;
    position: relative;
    padding: 8px;
}

.megamenu .menu-sub .m__l span.hovermenu-title{
    padding: 0;
}

.megamenu .menu-sub .m__l span.hovermenu-title:after{
    content: '\e990';
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    font-family: 'nir-icons';
    font-size: 14px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.megamenu .menu-sub .m__l span:before{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #276ef1;
    font-size: 20px;
    margin-right: 16px;
}

.megamenu .menu-sub .m__l:hover span{
    color: #276EF1;
}
.megamenu .menu-sub .l-s {
    line-height: 20px;
    padding: 40px 0 0 0;
}
.megamenu .menu-sub .l-s:first-child{
    padding: 0;
}
.megamenu .menu-sub .dropdown .l-s {
    padding: 8px;
}
.megamenu .city {
    margin: 0;
}

.mob-form-city {
    display: block;
    padding: 24px;
    border-top: 1px solid #C9DAE0;
    border-bottom: 1px solid #C9DAE0;
    color: #263238;
}
.mob-form-city > div {
    font: 400 14px Roboto, Arial, Helvetica, sans-serif;
    color: #263238;
    line-height: 16px;
    position: relative;
    transition: color 100ms;
}
.mob-form-city i{
    width: 24px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}
.mob-form-city i[class*='nir-']:before {
    font-size: 24px;
    color: #7f8f98;
    transition: color 100ms;
    display: block;
}
.mob-form-city .city-block i[class*='nir-']:before {
    color: #a0bff8;
}
.mob-form-city .phone-block:hover, .mob-form-city > div:hover i[class*='nir-']:before {
    color: #7f8f98;
    cursor: pointer;
    transition: color 100ms;
}
.mob-form-city .city-block {
    display: flex;
}
.mob-form-city .city-block:hover {
    cursor: pointer;
}
.mob-form-city .phone-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin-top: 32px;
    color: #276EF1;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.mob-form-city .phone-block a{
    color: #276EF1;
}
.mob-form-city .nir-phone {
    display: inline-block;
    margin-right: 40px;
}
.mob-form-city .nir-phone:before {
    position: absolute;
    top: -6px;
}
.mob-form-city .work-block {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-top: 32px;
}
.mob-form-city .work-block a{
    align-items: center;
    justify-content: flex-start;
    color: #5C7282;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
.mob-form-city .nir-clocks {
    display: inline-block;
    margin-right: 40px;
}
.mob-form-city .nir-clocks:before {
    position: absolute;
    top: 4px;
}
.mob-form-city .work-time-sup > span {
    font-size: 9px;
    vertical-align: super;
    position: relative;
    top: 1px;
    left: 1px;
}

.city-block .city-block__town {
    color: #276EF1;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.city-block .city-block__region {
    color: #182B48;
    margin-top: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.bx-ui-sls-pane .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
.bx-ui-sls-pane .bx-sls .dropdown-item {
    border-top: 2px solid #dee1e3;
    margin-bottom: 0;
}
.bx-ui-sls-pane .dropdown-item:first-child {
    border-top: none;
}

.bx-sls .bx-ui-sls-pane .bx-ui-sls-variants .bx-ui-sls-variant {
    border: 2px solid transparent;
}
.bx-sls .bx-ui-sls-pane .bx-ui-sls-variant-active {
    background: none;
}
.bx-sls .bx-ui-sls-pane .bx-ui-sls-variants .bx-ui-sls-variant:hover {
    background: #eafaf1;
    border: 2px solid #2ecc71;
}
.bx-sls .bx-ui-sls-pane .mCSB_scrollTools {
    right: 3px;
}

.bx_my_order_switch .bx_mo_link{
    white-space: nowrap;
}
.bx_my_order .bx_order_action{
    white-space: nowrap;
}

.non-copy div, .non-copy span, .non-copy a, .non-copy p, .non-copy h1, .non-copy h2, .non-copy h3, .non-copy h4, .non-copy h5 {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.section-seo.non-copy{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #40576D;
}

.section-seo.non-copy p{
    margin-bottom: 40px;
    padding: 0 8px;
}

.section-seo.non-copy p:last-child{
    margin-bottom: 0;
}

.section-seo.non-copy h2{
    width: 100%;
    margin-bottom: 16px;
    padding: 0 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #182B48;
}

a.blue-link {
    color: #3498db;
}

.menu-over-filter-hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: #667580; /* Цвет линии для остальных браузеров */
    background-color: #667580; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
    margin: 23px 8px 32px 8px;
}

.list-content {
    padding: 0 16px;
}

.slick-arrow:before {
    content: '\e994' !important;
    font-family: 'nir-icons' !important;
}
.slick-arrow.slick-next {
    transform: rotate(180deg) !important;
}

.jq-checkbox .jq-checkbox__div {
    font-family: nir-icons;
    color: #bdc3c7;
}
.jq-checkbox .jq-checkbox__div:before {
    content: "\f096";
}

.jq-checkbox.checked .jq-checkbox__div {
    color: #2ecc71;
}
.jq-checkbox.checked .jq-checkbox__div:before, #pressCenterComponent .jq-checkbox.checked .jq-checkbox__div:before {
    content: "\f14a";
}

/* SEARCH FORM [START] */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
}
.search-wrapper {
    z-index: 1090;
    position: absolute;
    background-color: #fff;
    height: auto;
    width: 1156px;
    left: -562px;
    top: 68px;
    /*left: -100px;*/
    -webkit-box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.17);
    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.17);
}
.search-container {
    overflow: hidden;
    position: fixed;
    padding: 48px 24px 24px;
    background-color: #FFFFFF;
    border: 1px solid #E1F5FE;
    box-shadow: 0px 8px 16px rgba(0, 141, 238, 0.32);
    border-radius: 4px;
}

.search-container .baron__track {
    top: 48px;
    bottom: 20px;
    right: 10px;
}

.search-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 120%;
    padding-right: 20%;
    overflow: hidden;
}

.close-search-popup {
    position: absolute;
    right: 16px;
    top: 16px;
    width: fit-content;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #607D8B;
    text-align: right;
    cursor: pointer;
}

.close-search-popup.close-mobile {
    display: none;
}

.search-products {
    width: calc(68% - 8px);
}
.search-product-img {
    max-width: 168px;
    height: auto;
    max-height: 168px;
}
.search-img-wrapper {
    min-width: 168px;
    width: 168px;
    height: 168px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search__button {
    cursor: pointer;
}

.search-sections {
    width: calc(32% - 8px);
}

.section-title {
    margin-bottom: 24px;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.section-content {
    display: flex;
    flex-wrap: wrap;
}

.section-product-item {
    padding: 0 12px;
    font-size: 14px;
    cursor: pointer;

}
.section-content, .phrases-content, .history-content {
    font-size: 14px;
}

.section-column {
    width: 50%;
}

.section-item {
    width: 100%;
    margin-bottom: 14px;
    overflow: hidden;
    padding-right: 8px;
}

.section-item a {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #008DEE;
}

.section-item:hover a{
    color: #008DEE;
}
.section-item-name b, .history-item-name b{
    font-weight: 400;
    color: #000;
}
.section-item-name {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.phrases-content {
    flex-grow: 1;
}

.history-wrapper {
    width: calc(32% + 10px);
}

.phrases-item, .history-item, .section-item {
    cursor: pointer;
}
.phrases-item {
    color: #9e9e9e;
}

.history-clear {
    background: #FFEBEE;
    border-radius: 4px;
    cursor: pointer;
    padding: 8px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #E53935;
}

.history-and-phrases {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 52px;
    order: 2;
}
.history-and-phrases.justify {
    justify-content: space-between;
}

.history-item, .phrases-item {
    margin-bottom: 14px;
}

.history-item-name, .phrases-item .section-item-name {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #78909C;
}

.product-content {
    display: flex;
    margin: 0 -12px;
}

.product-content .slick-list {
    min-width: 100%;
}

.product-content .slick-dots {
    bottom: -19px;
}

.product-content .slick-dots li {
    margin:  0 4px;
}

.product-content .slick-dots li:only-child {
    display: none;
}

.product-content .slick-dots li button {
    background: #C4C4C4;
}

.product-content .slick-dots li.slick-active button {
    width: 10px;
    height: 10px;
    background: #008DEE;
}

.product-content .slick-arrow {
    top: calc(50% + 4px);
    width: 40px;
    height: 40px;
    background: #F5F5F5;
    border-radius: 40px;
}

.product-content .slick-prev {
    left: 14px;
}

.product-content .slick-next {
    right: 5px;
}

.search-container:not(._scrollbar) .baron__track {
    opacity: 0;
}

.product-content .slick-arrow:before {
    position: absolute;
    top: 11px;
    left: 14px;
    height: 18px;
    width: 11px;
    font-size: 0;
}

.product-content .slick-prev:before {
    background: url("/local/templates/public/img/svg/slick.svg");
}

.product-content .slick-next:before {
    background: url("/local/templates/public/img/svg/slick.svg");
}

.product-content .product-item {
    width: 25%;
}

.product-item-desc {
    display: flex;
    flex-flow: column;
    padding: 16px 8px 8px 8px;
    color: #607D8B;
}

.product-item-name {
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.product-item-price {
    margin-top: 8px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}
/* SEARCH FORM [END] */

.initLoadBlock{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 993;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,255,255,0.7);
    transition: all 300ms ease;
}
.initLoadBlock.gif-loader {
    opacity: 1;
}
.initLoadBlock.gif-loader .load-img {
    width: 60px;
    height: 60px;
    background-image: url(/local/templates/public/img/loader_new.gif);
    background-color: #fff;
    background-size: 40px;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #4fb1f3;
    border-radius: 30px;
}

.btnAll {
    font: 500 13px/13px Roboto, Arial, Helvetica, sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 3px;
    width: auto;
    background: #008DEE;
    color: #fff;
    padding: 10px 20px;
    height: auto;
    display: inline-block;
    border: none;
}
.btnAll:hover{
    background: #34b2f5;
    color: #fff;
}

.inputAll{
    border: 2px solid #ecf0f1;
    padding: 4px 10px;
    border-radius: 3px;
}
.inputAll:focus{
    border: 2px solid #3498db;
}

input.emptyInput,
textarea.emptyInput{
    border: 1px solid red !important;
}

.defaultModeIconProduct{
    display: none;
}

.modal-title{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.fancybox-inner ul{
    padding-left: 40px;
}
.fancybox-inner .card-img-slider__item img{
    max-height: 100%;
    max-width: 100%;
}

.fancybox-margin {
    margin-right: 17px;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.mob-form-city .city__heading span{
    display: inline;
}

.content.non-padding {
    padding: 0;
}

.basket h1 {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #455a64;
    font-weight: normal;
    letter-spacing: normal;
}

section .h2 {
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 0;
    color: #3f4a56;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

body.main .header-h1 {
    font-weight: normal;
    font-size: 28px;
    line-height: 36px;
    color: #182B48;
    margin-bottom: 4px;
    margin-top: 40px;
    padding: 0 8px;
}

.pagination > li > a,
.pagination > li > span{
    margin: 6px;
    color: #394145;
    border: none;
    width: 36px;
    height: 36px;
    line-height: 38px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-radius: 100% !important;
}
.pagination > .active > a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #276EF1;
    color: #fff;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover{
    color: #394145;
    background-color: #EFF3FE;
    border-color: #EFF3FE;
}
.pagination > li:last-child:not(.active) > a,
.pagination > li:last-child:not(.active) > span,
.pagination > li:first-child:not(.active) > a,
.pagination > li:first-child:not(.active) > span{
    font-size: 0;
}
.pagination > li:last-child:not(.active) > a:before,
.pagination > li:last-child:not(.active) > span:before,
.pagination > li:first-child:not(.active) > a:before,
.pagination > li:first-child:not(.active) > span:before{
    content: ' ';
    position: absolute;
    width: 20px;
    height: 10px;
    left: Calc(50% - 10px);
    top: Calc(50% - 5px);
}
.pagination > li:last-child:not(.active) > a:before,
.pagination > li:last-child:not(.active) > span:before{
    background-image: url(/local/templates/public/img/catalog/page-right.svg);
}
.pagination > li:first-child:not(.active) > a:before,
.pagination > li:first-child:not(.active) > span:before{
    background-image: url(/local/templates/public/img/catalog/page-left.svg);
}


/* номер телефона в подвале */
.footer-contacts-phone {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}

.footer-contacts-phone .city__phone {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #5B91F5;
}

.footer-contacts-phone > span {
    color: #7f8c8d;
    font-size: 14px;
}

.regionListFooter{
    display: none;
}

/**
    БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - начало
 */

.section-index-top{
    justify-content: flex-start;
    margin-bottom: 8px;
}

.section-index-top-row{
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.section-index-top-row .h2{
    width: Calc(100% - 173px);
    margin: 0 16px 0 0;
    font-weight: normal;
    font-size: 28px;
    line-height: 36px;
    color: #182B48;
    letter-spacing: normal;
}

.section-index-top-img-mob{
    width: 304px;
    height: 204px;
    display: none;
    margin-right: 40px;
}

.section-index-top-img-mob a{
    width: 100%;
    height: 100%;
}

.section-index-top-img-mob a img{
    border-radius: 8px;
}

.show-all-btn {
    width: 157px;
    height: 32px;
    background: #ffffff;
    border-radius: 80px;
}
.show-all-btn:hover{
    background: #EFF3FE;
}
.show-all-btn a{
    width: 100%;
    height: 100%;
    display: block;
}
.show-all-btn a span{
    width: 100%;
    height: 100%;
    position: relative;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #276EF1;
}
.show-all-btn a span:before{
    margin-right: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 600;
}

.show-all-btn a:hover span:before{
    transform: translateX(4px);
    -o-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -webkit-transform: translateX(4px);
}

.show-all-btn.mob{
    display: none;
}

.section-index-bottom{
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}

.section-index-top-img{
    width: 400px;
    height: 270px;
}

.section-index-top-img a{
    width: 100%;
    height: 100%;
    max-height: inherit;
}

.section-index-top-img a img{
    border-radius: 8px;
}

.section-index-items{
    width: Calc(100% - 408px);
    justify-content: space-between;
}

.section-index-item{
    width: Calc(100%/4);
    max-width: 176px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 8px;
}

.section-index-item:hover{
    box-shadow: 0 4px 16px -4px rgb(24 43 72 / 40%);
}

.section-index-item-img{
    width: 176px;
    height: 176px;
    margin-bottom: 8px;
}

.section-index-item-img a{
    width: 100%;
    height: 100%;
}

.section-index-item-img a img{
    max-height: 100%;
    border-radius: 8px;
}

.section-sticker {
    width: fit-content;
    width: -moz-fit-content;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 4px;
    padding: 4px 8px;
}

.section-sticker.recommend{
    background: #276EF1;
    color: #EFF3FE;
    font-size: 14px;
}

.section-sticker.sale{
    background: #FB3030;
}
.section-sticker.sale.second{
    top: 35px;
}
.section-sticker.sale span{
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #F6E0D1;
}

.section-index-item-name{
    width: 100%;
    height: 36px;
    overflow: hidden;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #40576D;
    padding: 0 8px;
    margin-bottom: 12px;
}

.section-index-item-price{
    width: 100%;
    height: 16px;
    overflow: hidden;
    padding: 0 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #182B48;
    margin-bottom: 8px;
}

/**
    БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - конец
 */

/**
    БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - начало
 */

.big-block .section-index-top{
    width: 100%;
    margin-bottom: 24px;
}

.big-block .section-index-top.d-flex{
    justify-content: space-between;
}

.big-block .section-index-top .h2{
    font-weight: normal;
    font-size: 28px;
    line-height: 36px;
    color: #182B48;
    margin: 0;
    letter-spacing: normal;
}

.big-block .section-index-top.d-flex .h2{
    max-width: Calc(100% - 175px);
}

.big-block .section-index-top-img{
    width: 264px;
    height: 520px;
}

.section-index-top-img a picture{
    display: block;
    width: 100%;
    height: 100%;
    max-height: inherit;
}

.big-block .section-index-items{
    width: Calc(96% - 272px);
}

.big-block .section-index-items-wrap{
    width: 100%;
    height: 520px;
    display: grid;
    grid-template-rows: Calc(50% - 4px) Calc(50% - 4px);
    grid-template-columns: 176px 176px 176px 176px;
    grid-row-gap: 8px;
    grid-column-gap: Calc((100% - 704px)/3);
}

.big-block .section-index-item{
    width: 100%;
    max-width: 176px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.big-block .section-index-item:hover{
    box-shadow: 0 4px 16px -4px rgb(24 43 72 / 40%);
}

/**
    БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - конец
 */

/**
    ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - начало
 */

/*общие стили для попапов - начало*/

.global-bg{
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    background: #fff;
}

.global-bg.active{
    opacity: 0.6;
    z-index: 1001;
}

.popup-block{
    width: 100%;
    max-width: 656px;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1002;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate(150%);
    -moz-transform: translate(150%);
    -ms-transform: translate(150%);
    -o-transform: translate(150%);
    transform: translate(150%);
    box-shadow: 0 24px 32px -16px rgba(39, 110, 241, 0.24);
    border-radius: 12px 0 0 12px;
}

.popup-block.active{
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.popup-block::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.popup-block-wrap{
    height: 100%;
    position: relative;
}

.popup-title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin-bottom: 16px;
    padding: 8px 0 8px;
    position: relative;
}

.popup-title-text{
    width: Calc(100% - 32px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin-right: 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #1D2939;
}

.popup-title-text:before{
    width: 24px;
    height: 24px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #667085;
}

.popup-title .popup-close{
    width: 24px;
    height: 24px;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.popup-title .popup-close:hover{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.popup-title .popup-close:before{
    content: '\e96a';
    font-size: 10px;
    font-weight: 700;
    color: #475467;
}

.popup-header{
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 10;
    top: 0;
    padding: 24px 24px 0;
}

.popup-content{
    width: 100%;
    position: relative;
    padding: 0 24px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden;
}

.popup-content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
}

.popup-footer{
    position: fixed;
    width: 100%;
    left: 0;
    background: #fff;
    bottom: 0;
    padding: 16px 24px;
}

.mob-catalog-popup .popup-footer{
    box-shadow: 0 8px 24px -2px rgb(24 73 169 / 40%);
    border-radius: 9px 9px 0 0;
}

.popup-swipe{
    width: 100%;
    height: 24px;
    top: 0;
    left: 0;
    z-index: 100;
    position: absolute;
}

.popup-swipe:before{
    content: '';
    width: 38px;
    height: 4px;
    display: block;
    border-radius: 8px;
    background: #276EF1;
    left: 50%;
    top: 10px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*общие стили для попапов - конец*/

form.search-form{
    width: 100%;
    margin-bottom: 16px;
}

form.search-form label{
    width: 100%;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #667085;
}

form .search-form-input{
    position: relative;
}

form .search-form-input input{
    width: 100%;
    height: 56px;
    padding: 16px 64px 16px 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #182B48;
    border: 1px solid #C9DAE0;
    border-radius: 80px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

form .search-form-input input.active{
    border: 1px solid #276EF1;
}

button.search-form-input-btn{
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    background: #E4F1F4;
    border-radius: 80px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

button.search-form-input-btn.active{
    background: #276EF1;
}

button.search-form-input-btn:before{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5c7282;
}

button.search-form-input-btn.active:before{
    color: #eff3fe;
}

.search-popular,
.search-categories,
.search-product{
    margin-bottom: 16px;
}

.search-popup-title{
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 16px;
}

.search-popup-items{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 8px 4px;
    padding: 4px;
}

.search-popup-item a{
    width: auto;
    display: block;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #667085;
    border: 1px solid #E4E7EC;
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.search-popup-item a:hover,
.search-popup-item a:active,
.search-popup-item a.active{
    background: #E4E7EC;
}

.search-categories .search-popup-item a{
    background: #ECF0FF;
    border: 1px solid #ECF0FF;
    border-radius: 4px;
    color: #2D5BFF;
}

.search-categories .search-popup-item a:hover,
.search-categories .search-popup-item a:active,
.search-categories .search-popup-item a.active{
    border: 1px solid #D4E2FC;
    background: #D4E2FC;
}

.search-product-slider{
    width: 100%;
    padding: 8px 4px 24px;
}

.search-product-slider .slick-arrow{
    width: 40px;
    height: 40px;
    top: 96px;
    background: #F1F8F9;
    border-radius: 80px;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.search-product-slider .slick-arrow:hover,
.search-product-slider .slick-arrow:active,
.search-product-slider .slick-arrow:focus{
    background: #276EF1;
}

.search-product-slider .slick-prev{
    left: 0;
}

.search-product-slider .slick-next{
    right: 0;
}

.search-product-slider .slick-arrow:before{
    content: '\e98f' !important;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #182B48;
}

.search-product-slider .slick-arrow:hover:before,
.search-product-slider .slick-arrow:active:before,
.search-product-slider .slick-arrow:focus:before{
    color: #d4e2fc;
}

.search-product-slide{
    width: 190px;
    margin: 0 auto;
}

.search-product-slide-img{
    width: 100%;
    height: 136px;
    border-radius: 8px;
}

.search-product-slide-img a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-product-slide-img a img{
    max-height: 100%;
    border-radius: 8px;
}

.search-product-slide-info{
    width: 100%;
    padding: 8px;
}

.search-product-slide-info .title{
    margin-bottom: 12px;
}

.search-product-slide-info .title a{
    width: 100%;
    height: 36px;
    display: block;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #40576D;
}

.search-product-slide-info .price{
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #182B48;
}

.search-product-slider .slick-dots{
    bottom: 0;
}

.search-product-slider .slick-dots li{
    margin: 0 4px;
}

.search-product-slider .slick-dots li button{
    width: 4px;
    height: 4px;
    background: #C9DAE0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 2px 0;
}

.search-product-slider .slick-dots li.slick-active button{
    width: 8px;
    height: 8px;
    margin: 0;
}

.search-product-slider .slick-dots li button:hover,
.search-product-slider .slick-dots li.slick-active button{
    background: #276EF1;
}

.search-history{
    position: relative;
}

.clear-btn{
    position: absolute;
    top: 0;
    right: 0;
}

.clear-btn a{
    width: 196px;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.clear-btn span{
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #F04438;
}

.clear-btn i{
    width: 16px;
    height: 16px;
}

.clear-btn i:before{
    font-size: 16px;
    color: #F04438;
}

.search-history .search-popup-title{
    width: Calc(100% - 204px);
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.search-history-items{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.search-history-items ul{
    width: Calc(100%/3);
    padding: 4px;
    margin-bottom: 0;
}

.search-history-item{
    list-style: none;
}

.search-history-item a{
    width: 100%;
    display: block;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #667085;
}

.search-popup .popup-header{
    height: 80px;
}

.search-popup .popup-content{
    height: Calc(100% - 80px);
    top: 80px;
}

.search-popup .popup-footer{
    display: none;
    height: 88px;
}

.popup-footer form.search-form{
    margin-bottom: 0;
}

/*.basket-popup.popup-block{
    max-width: 468px;
    right: Calc((100% - 468px)/2);
    border-radius: 12px 0 0 0;
    box-shadow: 0 24px 32px rgba(39, 110, 241, 0.24);
}

.basket-popup .popup-footer{
    box-shadow: 0 16px 16px 8px rgba(52, 64, 84, 0.4);
    border-radius: 8px 8px 0 0;
    padding: 8px 0 0;
}*/

.buy-on-click-btn{
    width: Calc(100% - 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding: 15px;
    margin: 0 8px 24px;
    background: #F1F8F9;
    border: 1px solid #C9DAE0;
    border-radius: 8px;
    cursor: pointer;
}

.buy-on-click-btn span{
    width: auto;
    max-width: Calc(100% - 32px);
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #5C7282;
}

.buy-on-click-btn i{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.buy-on-click-btn i:before{
    font-size: 22px;
    display: block;
    color: #5C7282;
}

.make-order-btn{
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding: 24px 16px;
    background: #1570EF;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
}

.make-order-btn span{
    width: auto;
    max-width: Calc(100% - 28px);
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #F5FAFF;
}

.make-order-btn i{
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.make-order-btn i:before{
    font-size: 20px;
    display: block;
    color: #F5FAFF;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.buy-on-click-btn,
.buy-on-click-btn span,
.buy-on-click-btn i:before,
.make-order-btn,
.make-order-btn span,
.make-order-btn i:before{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.null .popup-footer .buy-on-click-btn,
.null .popup-footer .make-order-btn{
    cursor: default;
}

.null .popup-footer .buy-on-click-btn{
    background: #F2F4F7;
}

.null .popup-footer .buy-on-click-btn span,
.null .popup-footer .buy-on-click-btn i:before{
    color: #98A2B3;
}

.null .popup-footer .make-order-btn{
    background: #F2F4F7;
}

.null .popup-footer .make-order-btn span,
.null .popup-footer .make-order-btn i:before{
    color: #98A2B3;
}

/*.basket-popup .popup-content{
    height: Calc(100% - 240px);
    top: 80px;
}*/

.popup-content-block{
    display: block;
}

.null .popup-content-block{
    display: none;
}

.popup-content-result{
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 25px;
    padding: 0 2px 16px;
    border-bottom: 1px solid #E4E7EC;
}

.popup-content-result-title,
.popup-content-result-products,
.popup-content-result-cost{
    width: auto;
    font-weight: 400;
}

.popup-content-result-title,
.popup-content-result-products{
    margin-right: 12px;
}

.popup-content-result-title{
    font-size: 18px;
    line-height: 18px;
    color: #98A2B3;
}

.popup-content-result-products{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #344054;
}

.popup-content-result-cost{
    font-size: 28px;
    line-height: 24px;
    color: #344054;
}

/*.basket-popup-content-items{
    width: 100%;
    padding: 24px 0;
}

.basket-popup-content-item,
.basket-popup-content-item-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.basket-popup-content-item{
    width: 100%;
    margin-bottom: 40px;
}

.basket-popup-content-item:last-child{
    margin-bottom: 0;
}

.basket-popup-content-item-wrap{
    width: Calc(100% - 59px);
    margin-right: 19px;
}

.basket-popup-content-item-btn{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    cursor: pointer;
}

.basket-popup-content-item-btn:before{
    color: #c8cce5;
}

.basket-popup-content-item-img{
    width: 100px;
    height: 100px;
    margin-right: 8px;
}

.basket-popup-content-item-img a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-popup-content-item-info{
    width: Calc(100% - 108px);
}

.basket-popup-content-item-price,
.basket-popup-content-item-price .price-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.basket-popup-content-item-price{
    width: 100%;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.basket-popup-content-item-title{
    width: 100%;
    height: auto;
    max-height: 72px;
    overflow: hidden;
    padding: 2px;
}

.basket-popup-content-item-title a{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #344054;
}

.basket-popup-content-item-price .price-unit,
.basket-popup-content-item-price .price-wrap .price,
.basket-popup-content-item-price .price-wrap .count{
    width: auto;
    padding: 2px;
    font-weight: 500;
}

.basket-popup-content-item-price .price-unit{
    font-size: 18px;
    line-height: 23px;
    color: #1D2939;
    margin-right: 8px;
}

.basket-popup-content-item-price .price-wrap .price,
.basket-popup-content-item-price .price-wrap .count{
    font-size: 12px;
    line-height: 14px;
    color: #98A2B3;
}*/

.popup-content-null{
    width: 100%;
    height: 136px;
    display: none;
    background: #F9FAFB;
    border-radius: 8px;
}

.null .popup-content-null{
    display: block;
}

.popup-content-null span{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #475467;
}

/*.basket-popup .popup-block-wrap.null .popup-content{
    display: flex;
    align-items: center;
    justify-content: center;
}*/

/*попап меню (планшет и мобильная версия) - начало*/

.mob-menu-popup,
.mob-catalog-popup{
    display: none;
}
.popup-header.shadow{
    box-shadow: 0 0 10px rgba(132, 132, 132, 0.15);
}

.mob-menu-popup.popup-block{
    max-width: 488px !important;
    right: Calc((100% - 488px)/2);
}

.mob-menu-popup .popup-header-logo{
    width: 100%;
    max-width: 215px;
    height: 40px;
    margin: 0 auto 12px;
}

.mob-menu-popup .popup-header-logo a{
    max-height: 100%;
}

.mob-menu-popup .popup-content{
    width: Calc(100% + 16px);
    height: Calc(100% - 76px);
    top: 76px;
    padding: 0 8px;
    margin: 0 -8px;
}

.mob-menu-popup-sections{
    height: auto;
}

.mob-menu-popup-section{
    margin-bottom: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mob-menu-popup-section:last-child{
    margin-bottom: 0;
    padding-bottom: 8px;
}

.mob-menu-popup-section.active{
    background: #F4F6F6;
}

.mob-menu-popup-section-row{
    width: 100%;
}

.mob-menu-popup-section.active .mob-menu-popup-section-row{
    background: #EAEDEE;
    border-radius: 8px;
}

.mob-menu-popup-section-row a{
    width: 100%;
    justify-content: flex-start;
}

.mob-menu-popup-section-row a span.title{
    width: 70%;
    align-items: center;
    padding: 12px 0 12px 32px;
}

.main-section .mob-menu-popup-section-row a span.title{
    padding: 16px 0 16px 24px;
}

.mob-menu-popup-section-row a span.title:before{
    width: 24px;
    height: 24px;
    font-size: 20px;
    color: #276EF1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mob-menu-popup-section-row a span.title span{
    width: Calc(100% - 36px);
    margin-left: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #182B48;
}

.mob-menu-popup-section-row a i{
    width: 30%;
    height: 48px;
    justify-content: flex-end;
    padding: 12px 37px 12px 12px;
}

.mob-menu-popup-section-row a i:before{
    content: '\e990';
    font-size: 14px;
    color: #276EF1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mob-menu-popup-section.active .mob-menu-popup-section-row a i:before{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.popup-section-content-info{
    width: 100%;
    background: #F9FAFB;
    padding: 20px 24px;
}

.mob-menu-popup .location-block{
    width: 100%;
    align-items: center;
    margin-bottom: 12px;
}

.mob-menu-popup .location-block i{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.mob-menu-popup .location-block i:before{
    color: #5b91f5;
    font-size: 22px;
}

.mob-menu-popup .location-block-wrap{
    width: Calc(100% - 36px);
}

.mob-menu-popup .location-block-city{
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #276EF1;
    padding: 2px 0;
}

.mob-menu-popup .location-block-region{
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #182B48;
    padding: 2px 0;
}

.mob-menu-popup .work-time-block{
    margin-bottom: 24px;
}

.mob-menu-popup .work-time-block a{
    width: 100%;
    align-items: center;
}

.mob-menu-popup .work-time-block a i{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.mob-menu-popup .work-time-block a i:before{
    font-size: 22px;
    color: #5C7282;
}

.mob-menu-popup .work-time-block span.text{
    width: Calc(100% - 36px);
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #5C7282;
}

.mob-menu-popup .work-time-block span span{
    font-size: 10px;
    line-height: 18px;
    padding: 0 2px;
}

.mob-menu-popup .callback-btn{
    width: 167px;
    height: 32px;
    background: #182B48;
    border-radius: 4px;
}

.mob-menu-popup .callback-btn span{
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #E3F2FD;
    cursor: pointer;
}

.popup-section-content-links{
    width: 100%;
    padding: 12px 24px;
    display: grid;
    gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, Calc((100% - 8px)/3));
}

.popup-section-content-link{
    width: 100%;
    background: #F9FAFB;
    border-radius: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.popup-section-content-link:active{
    background: #D1E9FF;
}

.popup-section-content-link a{
    width: 100%;
    height: 100%;
    display: block;
    padding: 4px;
}

.popup-section-content-link a i{
    width: 40px;
    height: 40px;
    margin: 0 auto 9px;
    background: #F2F4F7;
    border-radius: 80px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.popup-section-content-link:active a i{
    background: #B2DDFF;
}

.popup-section-content-link a i:before{
    font-size: 20px;
    color: #276ef1;
}

.popup-section-content-link a span{
    width: auto;
    max-width: 68%;
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #182B48;
    margin: 0 auto;
}

.mob-menu-popup-section .about-menu{
    width: 100%;
    display: none;
}

.mob-menu-popup-section .about-menu ul{
    margin-bottom: 0;
}

.about-menu-row a{
    width: 100%;
    display: block;
    padding: 16px 16px 16px 72px;
}

.about-menu-row a span{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #182B48;
}

.mob-catalog-popup.popup-block{
    max-width: 488px !important;
    right: Calc((100% - 488px)/2);
}

.mob-catalog-popup .popup-header{
    margin: 38px 0 4px;
    background: #EFF8FF;
    border-radius: 9px;
    padding: 16px 24px;
    justify-content: flex-start;
}

.mob-catalog-popup .popup-header i{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.mob-catalog-popup .popup-header i:before{
    width: 20px;
    height: 20px;
    display: block;
    font-size: 20px;
}

.mob-catalog-popup .popup-header a,
.mob-catalog-popup .popup-header span{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #182B48;
}

.mob-catalog-popup .popup-content{
    top: 102px;
    height: Calc(100% - 158px);
    overflow-y: scroll;
    position: fixed;
    padding: 0 24px 16px;
}

.mob-catalog-sections{
    width: 100%;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, Calc(50% - 2px));
    gap: 4px;
    padding-bottom: 10px;
}

.mob-catalog-section{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #F9FAFB;
    border-radius: 8px;
}

.mob-catalog-section:active{
    background: #D1E9FF;
}

.mob-catalog-section a{
    width: 100%;
    height: 100%;
    display: block;
}

.mob-catalog-section a picture{
    width: 108px;
    height: 108px;
    margin: 0 auto;
}

.mob-catalog-section a picture img{
    max-height: 100%;
}

.mob-catalog-section a span{
    width: 100%;
    display: block;
    padding: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #40576D;
}

.mob-menu-popup-back{
    width: 100%;
    justify-content: flex-start;
}

.mob-menu-popup-back i{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.mob-menu-popup-back i:before{
    font-size: 12px;
    color: #276EF1;
}

.mob-menu-popup-back span{
    width: Calc(100% - 36px);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #182B48;
}

.mob-catalog-subsections{
    width: 100%;
    display: grid;
    grid-template-rows: auto;
    grid-auto-rows: minmax(148px, auto);
    grid-template-columns: repeat(2, Calc((100% - 8px)/2));
    gap: 4px;
    padding-bottom: 10px;
}

.mob-catalog-subsection{
    width: 100%;
    height: auto;
    background: #FCFCFD;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mob-catalog-subsection:active{
    background: #EFF8FF;
}

.mob-catalog-subsection a{
    width: 100%;
    height: 100%;
    display: block;
    padding: 8px;
}

.mob-catalog-subsection a span{
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #40576D;
    padding: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mob-catalog-subsection:active a span{
    color: #1570EF;
}

.mob-catalog-subsection a picture{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.mob-catalog-subsection a img{
    filter: grayscale(1) brightness(0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mob-catalog-subsection:active a img{
    filter: grayscale(0) brightness(1);
}

.show-all-subsection a{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 11px;
    background: #1570EF;
    border-radius: 4px;
    color: #F5FAFF;
}

.mob-catalog-rows{
    width: Calc(100% + 48px);
    margin: 0 -24px;
}

.mob-catalog-row{
    width: 100%;
    list-style: none;
}

.mob-catalog-row a{
    width: 100%;
    padding: 21px 24px 21px 60px;
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #182B48;
}

.mob-catalog-row a:before{
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 100%;
    background: #276EF1;
    position: absolute;
    top: 28px;
    left: 32px;
}

/*попап меню (планшет и мобильная версия) - конец*/

/**
    ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - конец
 */

.megamenu-top {
    position: relative;
    width: 100%;
    padding: 8px 16px 8px 24px;
    z-index: 1;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 36px;
    color: #182B48;
    margin-bottom: 13px;
}
.megamenu-swipe-close{
    width: 100%;
    position: absolute;
    top: 8px;
    height: 30px;
    /*background: #cccccc30;*/
    z-index: 1003;
}
.megamenu-inner{
    z-index: 1002;
}

.megamenu-inner:before{
    content: '';
    display: block;
    top: 16px;
    left: Calc(50% - 19px);
    width: 38px;
    height: 4px;
    background: #276EF1;
    border-radius: 8px;
    position: absolute;
}

.megamenu-popup-bg{
    width: 100%;
    height: Calc(100vh - 142px);
    display: none;
    position: fixed;
    top: 66px;
    left: 0;
    opacity: 0;
    z-index: -1;
    background: #fff;
}

.not-find__btn{
    margin: 34px 0 24px;
}
.not-find__btn a:not(:last-child){
    margin: 0 24px 0 0;
}

.btn-in-catalog,
.btn--in-home{
    padding: 10px 32px;
    border-radius: 8px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.btn-in-catalog{
    background: #1570EF;
    color: #F5FAFF;
}
.btn-in-catalog::before{
    content: '\e9ab';
    font-family: 'nir-icons';
    display: inline-block;
    margin: 0 8px 0 0;
}

.btn-in-catalog:hover{
    background: #175CD3;
    color: #F5FAFF;
}

.btn--in-home{
    background: #F8F9FC;
    color: #1570EF;
}

.btn--in-home::before{
    content: '\e9cb';
    font-family: 'nir-icons';
    display: inline-block;
    margin: 0 8px 0 0;
}

.btn--in-home:hover{
    background: #EAECF5;
}

/*блок "Установка (clicker)" - начало*/

.install-block{
    position: relative;
}
installation-service-block {
    width: 100%;
    background: #F4F6F6;
    border: 1px solid #EAEDEE;
    border-radius: 12px;
    padding: 16px 16px 34px;
    margin: 16px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.install-block.active installation-service-block {
    background: #EFF3FE;
    border: 1px solid #D4E2FC;
}

.install-block .installation-service-block__main-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.basket-body .install-block-row {
    position: static;
}

.install-block .installation-service-block__main-container label{
    width: 16px;
    height: 16px;
    margin: 0 12px 0 0;
}

.install-block .installation-service-block__main-container label input[type="checkbox"]{
    width: 16px;
    height: 16px;
    display: block;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.install-block .installation-service-block__main-container label input[type="checkbox"]:before {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background: #ffffff;
    border: 2px solid #A9BAC1;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.install-block .installation-service-block__main-container label input[type="checkbox"]:checked:before {
    background: #1570EF;
    border: 2px solid #1570EF;
}

.install-block .installation-service-block__main-container label input[type="checkbox"]:checked:after {
    content: '\e973';
    font-family: 'nir-icons';
    display: flex;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}

.install-block .installation-service-block__price{
    width: 80px;
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #263238;
    text-align: right;
}

.install-block installation-service-block > div > strong{
    width: Calc(100% - 118px);
    font-weight: 500;
    font-size: 16px;
    color: #56585A;
    border-bottom: none;
    line-height: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.install-block.active installation-service-block > div > strong{
    color: #174291;
}

.install-block installation-service-block > i{
    width: Calc(100% - 28px);
    max-width: 486px;
    background: #E0EAFF;
    border-radius: 12px;
    padding: 12px 8px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #4E5BA6;
    margin: 8px 0 8px 28px;
}
.goods-block .install-block-row {
    display: none;
}
.install-block-row{
    width: Calc(100% - 28px);
    margin-left: 28px;
    align-items: center;
    position: absolute;
    bottom: 16px;
    left: 16px;
}
.installation-service-block + .install-block-row {
    display: flex;
}

.install-block-text{
    width: auto;
    max-width: Calc(100% - 28px);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #40576D;
}

.install-block-row .t-w{
    width: 16px;
    height: 16px;
    margin-left: 8px;
    top: 0;
}

.install-block-row .t-w .js-t-t.excl{
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E54B7;
}

.install-block-row .t-c{
    width: 280px !important;
    height: auto !important;
    padding: 0 24px 8px 8px;
    left: -2px;
    top: Calc(100% + 8px);
    position: absolute;
    background: #263238;
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.install-block-row .t-c:before{
    border-top: none;
    border-bottom: 8px solid #263238;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 3px;
    top: -4px;
}

.install-block-row .t-c span{
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    padding: 8px 0 8px 8px;
    background: #263238;
    border-radius: 4px;
}

.install-block-row .t-c .nir-cross{
    width: 18px;
    height: 18px;
    top: 8px;
    right: 8px;
    font-size: 18px;
    cursor: pointer;
}

.install-block-row .t-c .nir-cross:before{
    color: #a4aeb9;
    font-size: 18px;
    display: flex;
}

.install-block-row .t-c .scroll-block ul{
    margin-bottom: 0;
}

.install-block-row .t-c .scroll-block ul li{
    padding-left: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    list-style: none;
    position: relative;
    color: #fff;
}

.install-block-row .t-c .scroll-block ul li:before{
    content: '';
    width: 3px;
    height: 3px;
    display: block;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: 6.5px;
    left: 6.5px;
}

.install-block-row .t-c span{
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    padding: 8px 0 8px 8px;
    background: #263238;
    border-radius: 4px;
}

.install-block-row .t-c .nir-cross{
    width: 18px;
    height: 18px;
    top: 8px;
    right: 8px;
    font-size: 18px;
}

.install-block-row .t-c .nir-cross:before{
    color: #a4aeb9;
    font-size: 18px;
    display: flex;
}
/*блок "Установка (clicker)" - конец*/

/*попап подписки на тг-бота - начало*/

.tg-popup.popup-block{
    max-width: 296px;
    height: auto;
    top: unset;
    bottom: 24px;
    right: 24px;
    border-radius: 16px;
    box-shadow: 0 4px 32px 0 #00103D29;
    border: 1px solid #EAEDEE;
    padding: 16px;
    z-index: 10151;
}

.tg-popup-close{
    width: 14px;
    height: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 30px;
    right: 30px;
}

.tg-popup-close:before{
    font-size: 14px;
}

.tg-popup-wrap{
    width: Calc(100% - 40px);
    margin-right: auto;
}

.tb-block-qr{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.tg-popup-block .title{
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px;
    color: #182B48;
}

.tg-popup-block .desc{
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #667085;
}

.tg-popup-block .order-telegram-mess{
    width: 159px;
    height: 32px;
    margin-top: 16px;
    background: #1570EF;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tg-popup-block .order-telegram-mess span{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #F5FAFF;
}

.tg-popup-block .order-telegram-mess:hover,
.tg-popup-block .order-telegram-mess:focus{
    opacity: 0.7;
    color: #fff;
}

.tg-popup-block .order-telegram-mess span:after{
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background: url('/local/templates/public/img/svg/tg-popup-icon.svg') no-repeat;
    margin-left: 8px;
}

/*попап подписки на тг-бота - конец*/




@media (max-width: 1640px){

    .menu-button{
        margin-right: 20px;
    }

    .logo,
    #headTop .work-time{
        margin: 0 60px 0 0;
    }

    .header-contacts{
        margin: 0 40px 0 0;
    }

    .header-links-block{
        width: Calc(100% - 869px);
        max-width: Calc(100% - 869px);
    }
}

@media (max-width: 1360px){

    .menu-button{
        margin-right: 40px;
    }

    .logo,
    #headTop .work-time{
        margin: 0 30px 0 0;
    }

    .header-contacts{
        margin: 0 56px 0 0;
    }

    .header-links-block{
        width: Calc(100% - 779px);
        max-width: Calc(100% - 779px);
    }

    .footer__soc-block {
        flex-direction: column;
    }
    .footer__reviews {
        padding-top: 20px;
    }
}

@media (max-width: 1220px){


    .footer-top-wrap-block .row{
        margin-right: 0;
    }
}

@media (max-width: 1199px){

    .menu-button{
        margin-right: 16px;
    }

    .logo{
        margin: 0 30px 0 0;
    }

    #headTop .work-time{
        margin: 0 60px 0 0;
    }

    .header-links-block{
        width: Calc(100% - 492px);
        max-width: Calc(100% - 492px);
    }
}

@media (min-width: 992px)
{
    .head-bot .navbar-nav > li > span {
        padding-top: 1px;
    }

    .header-links__item.header-cart.open a.shopping-cart {
        position: relative;
        z-index: 1001;
    }

}

@media (min-width: 768px) and (max-width: 1199px) and (max-height: 600px) {
    .tablet-menu {
        padding-top: 64px;
    }

    .navbar-fixed-top .megamenu-inner .navbar-collapse {
        height: calc(100% - 244px);
    }
}

@media (min-width: 768px) and (max-height: 600px) {
    .tablet-menu {
        padding-top: 60px;
    }

    .megamenu .city {
        padding-top: 12px;
    }

    .mob-form-city {
        padding: 12px 0;
    }

    .mob-form-city .city-block {
        margin-bottom: 8px;
    }

    .navbar-fixed-top .megamenu-inner .navbar-collapse {
        padding-top: 12px;
        height: calc(100% - 238px);
    }
}

@media (min-width: 1200px) {
    .container {
        padding-left: 8px;
        padding-right: 8px;
        width: 1200px;
    }

    .footer-cont .container{
        padding-left: 16px;
        padding-right: 16px;
    }

    .search.dropdown-menu.focus {
        left: auto;
        right: 0;
    }

    .navbar-right.header-links {
        flex-grow: 1;
    }

    .header-form {
        width: Calc(100% - 393px);
    }

    .header-form .search.focus input.search__input.form-control {
        border-width: 0 0 2px;
        border-radius: 5px 5px 0 0;
    }

    .head-top .focus .search__button, .head-top .focus .search__button:hover, .head-top .focus .search__button:active {
        right: 11px;
    }

    .search input.search__input.form-control {
        z-index: 1080;
    }

    .search__button, .search__button:hover, .search__button:active {
        z-index: 1001;
    }

    .search.focus .search__button {
        z-index: 1;
    }

    .search.focus input.search__input.form-control {
        z-index: 0;
    }

    .megamenu .city .changeCity {
        display: none;
        position: absolute;
        top: 0;
        width: 390px;
        background: #fafafa;
        height: 100%;
        z-index: -1;
        left: 300px;
        margin: 0;
        padding-top: 16px;
    }

    .megamenu .city.open .changeCity {
        display: block;
    }
}

@media (max-width: 1199px) {
    .discount-product + .t-c.t-c-b {
        right: 0;
        top: 0;
    }

    h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 16px;
    }

    .h2 {
        margin-bottom: 13px;
        margin-top: 7px;
    }

    .head-top .header-contacts{
        margin: 0;
    }

    .header-contacts-icon,
    .header-city,
    .header-contacts .nir-arrow-round,
    #confirm-city{
        display: none;
    }

    .container{
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
    }

    .container > .navbar-collapse {
        margin: 0;
    }

    .header-menu-ic {
        padding-left: 22px;
        left: 0;
    }
    .header-menu-ic {
        float: left;
        width: 25%;
    }

    .header-links__item .log-link {
        margin-left: 0;
        margin-right: 0;
    }

    /*.header-links__item > a {
        padding-top: 0;
        height: 70px;
    }*/

    .logo.new-year:before, .header-logo.new-year:before  {
        background: url(/local/templates/public/img/garland-tablet.svg) no-repeat;
        height: 20px;
        left: 3px;
    }

    .header-logo.new-year:before {
        top: -6px;
    }

    /*.megamenu .header-links__item > a {
        height: auto;
    }*/

    .content {
        padding-top: 32px;
    }

    .search.dropdown-menu.focus {
        border: 0;
        width: 100%;
    }

    .megamenu .search {
        display: block;
    }

    /*.megamenu .header-links__item .header-links__title {
        display: flex;
    }

    .mob-form-city .phone-block, .mob-form-city .work-block {
        margin-top: 20px;
    }*/

    .megamenu .search-wrap.open .search.dropdown-menu {
        padding: 15px 0;
        position: fixed;
    }

    .megamenu .search.dropdown-menu.focus {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .megamenu .search-block {
        height: auto;
        width: 100%;
    }

    .search-wrap.open .search.dropdown-menu {
        left: 0;
        position: fixed;
        right: 0;
        top: 75px;
        display: block;
        margin-top: 0 !important;
        border-radius: 0;
        display: block;
        margin-top: 3px;
        border-radius: 0;
    }

    .search-wrap.open .search.dropdown-menu .search-block {
        position: relative;
    }

    .search.dropdown-menu .focus {
        width: 100%;
    }

    .city .search input.search__input.form-control {
        padding-left: 15px;
    }

    .city .search.dropdown-menu.focus .form-control {
        padding-left: 40px;
    }

    .search input.search__input.form-control::-webkit-input-placeholder {
        text-align: left;
    }

    .search input.search__input.form-control:-moz-placeholder {
        text-align: left;
    }

    .search input.search__input.form-control::-moz-placeholder {
        text-align: left;
    }

    .search input.search__input.form-control:-ms-input-placeholder {
        text-align: left;
    }

    .tab-pane {
        margin-top: 16px;
    }

    .footer-cont .container{
        padding-left: 32px;
        padding-right: 32px;
    }

    .pop-up.autorization .modal-body, .pop-up.autorization .modal-header {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
    }

    .search.dropdown-menu.focus .search__button {
        display: block;
    }

    .filter-top, .catalogue {
        display: none;
    }

    .product {
        border-width: 1px;
    }

    .cart-popup .modal-dialog {
        width: 600px;
    }

    .t-c {
        left: 0;
        right: 0;
        top: 0;
        position: fixed;
        padding-bottom: 20px;
        margin-bottom: 20px;
        z-index: 1001;
    }
    .t-c .scroll-block {
        max-height: calc(100% - 80px);
        height: auto;
    }
    .t-c:before {
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: 8px solid #bdc3c7;
        border-top: 0;
        left: auto;
        right: 10px;
        top: -8px;
    }

    .h2-v {
        letter-spacing: 0;
        margin-bottom: 10px;
    }

    .footer-texts-left {
        width: 372px;
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - начало
     */

    .section-index-top-img{
        width: 379px;
        height: 256px;
    }

    .section-index-items{
        width: Calc(100% - 387px);
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - конец
    */
}



@media (min-width: 768px) and (max-width: 1199px) {
    .pop-up.autorization .modal-header {
        margin-left: auto;
        margin-right: auto;
        max-width: 270px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .pop-up.cart-popup .modal-body {
        padding-top: 5px;
    }

    .p__i {
        line-height: 153px;
    }

    .p__i img {
        vertical-align: middle;
    }

    .pop-up .modal-dialog .modal-content {
        padding-left: 0;
        padding-right: 0;
    }

    .head-top {
        padding-bottom: 0;
        padding-top: 0;
    }

    .navbar-fixed-top, #header.fix .head-top {
        height: 64px !important;
    }

    /*.header-links__item > a {
        height: 58px;
    }*/

    .megamenu .header-links__item:last-child {
        padding-right: 0;
    }

    .navbar-fixed-top .megamenu-inner .navbar-collapse {
        height: calc(100% - 276px);
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .header-form {
        width: calc(100% - 192px);
    }

    .header-menu-ic {
        background-color: #fff;
    }

    .header-menu-ic {
        width: 67px;
        height: 64px;
        padding-left: 0;
    }
}

@media (max-width: 1170px) {
    .search-wrap.open .search.dropdown-menu .search-block {
        padding-right: 17px;
    }

    .ios .search-wrap.open .search.dropdown-menu .search-block {
        padding-right: 0;
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - начало
     */

    .section-index{
        margin-bottom: 72px;
    }

    .section-index-top{
        margin-bottom: 16px;
    }

    .section-index-top-img{
        display: none;
    }

    .section-index-items{
        width: 100%;
    }

    .section-index-top-img-mob{
        display: block;
    }

    .section-index-top-row{
        width: Calc(100% - 344px);
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .section-index-top-row .h2{
        width: 100%;
        margin: 0 0 24px 0;
        padding-left: 8px;
    }

    .section-index-item:hover{
        box-shadow: none;
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - конец
    */

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - начало
    */

    .big-block .section-index-top-img{
        display: block;
    }

    .big-block.section-index{
        margin-bottom: 56px;
    }

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - конец
    */
}

@media (max-width: 1047px){

    /**
        БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - начало
    */

    .big-block .section-index-bottom{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .big-block .section-index-top-img{
        width: auto;
        height: 100%;
        margin: 0 auto 16px;
        max-height: 200px;
    }

    .big-block.discount-block .section-index-top-img{
        display: none;
    }

    .big-block .section-index-items{
        width: 100%;
    }

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - конец
   */
}

@media (max-width: 991px) {

    #headTop .container-full{
        background: #fff;
    }

    .container > .navbar-collapse{
        margin: 0 auto;
        padding: 8px 0;
    }

    .logo{
        margin: 0 auto;
    }

    .menu-button,
    #headTop .work-time,
    .header-links-block{
        display: none;
    }

    .footer-top-wrap-block .row{
        margin-left: 162px;
    }

    .footer-links-row{
        margin: 24px auto 64px;
    }

    .footer-links {
        margin: 0 auto;
        justify-content: space-evenly;
    }

    .footer-cont-bottom-row{
        margin-top: 0;
        flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
    }

    .footer-social {
        justify-content: space-evenly;
        margin-bottom: 40px;
    }

    .footer-time {
        padding-bottom: 25px;
    }

    .footer-texts,
    .footer-social {
        width: 100%;
        float: unset;
    }

    .footer-texts-left{
        width: Calc(100% - 215px);
    }

    .footer-texts-right{
        flex: unset;
        width: 183px;
    }

    .footer-mob-menu{
        display: block;
    }

    .footer-cont{
        padding: 32px 0 108px;
    }

    .overlay-mob {
        background: #fff;
        top: 75px !important;
    }

    .popup-main {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute !important;
        width: 100% !important;
    }
    .popup-main .fancybox-inner {
        overflow: visible !important;
    }

    .pop-up.autorization .modal-dialog .modal-content {
        min-height: 100%;
    }
    .pop-up .modal-dialog {
        background: #fff;
    }

    .backtop {
        left: 32px;
    }

    .review h3 {
        padding-left: 30px;
        margin-bottom: 28px;
    }

    .product-review .product {
        padding: 18px 0 17px 0;
    }

    .product-slide {
        padding-right: 34px;
    }

    .footer-nav-block-left{
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        margin-bottom: 56px;
    }

    .footer-nav-block-right-wrap{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    .footer-nav-block-right-wrap .footer-heading{
        margin-right: 56px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .footer-contacts-phone{
        margin: 0 56px 0 0;
    }

    .footer-time{
        padding-bottom: 0;
    }

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - начало*/

    .popup-block{
        max-width: 736px;
        height: Calc(100% - 126px);
        bottom: 96px;
        top: unset;
        right: Calc((100% - 736px)/2);
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%);
        box-shadow: 0 0 24px rgba(132, 132, 132, 0.2);
        border-radius: 20px;
    }

    .popup-block.active{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    /*попап меню (планшет и мобильная версия) - начало*/

    .mob-menu-popup,
    .mob-catalog-popup{
        display: block;
    }

    /*попап меню (планшет и мобильная версия) - конец*/

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - конец*/

    .megamenu{
        display: none;
        /*height: Calc(100vh - 142px);
        padding: 8px 0 0;*/
    }

    /*.megamenu-inner{
        height: Calc(100% - 86px);
        bottom: 0;
        width: 380px;
        box-shadow: 0 -4px 5px rgba(39, 110, 241, 0.14), 0 -1px 10px rgba(39, 110, 241, 0.12), 0 -2px 4px rgba(39, 110, 241, 0.2);
    }

    #menu.megamenu.open .megamenu-popup-bg{
        display: block;
        opacity: 0.6;
        z-index: 1001;
    }*/


    .footer__reviews {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }

    /*попап подписки на тг-бота - начало*/

    .tg-popup.popup-block{
        max-width: 344px;
    }

    .tb-block-qr{
        display: none;
    }

    .tg-popup-wrap{
        width: 100%;
        margin-right: unset;
    }

    .tg-popup-block .title{
        width: Calc(100% - 40px);
        margin-bottom: 8px;
    }

    /*попап подписки на тг-бота - конец*/


    /*
    BITRIX24 (start)
     */
    .b24-widget-button-wrapper.b24-widget-button-position-bottom-right{
        right: 20px;
        bottom: 90px;
    }
    .b24-widget-button-inner-container{
        opacity: 0;
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .b24-widget-button-popup.b24-widget-button-popup-show{
        display: none;
    }
    /*
    BITRIX24 (end)
     */
}

@media (min-width: 768px) and (max-width: 991px) {

    .container.container-full {
        width: 100%;
    }

    /*.container > .navbar-collapse {
        margin: 0 16px;
    }*/

    .logo {
        width: 204px;
        height: 42px;
        background-size: contain;
    }

    .header-form {
        width: calc(100% - 184px);
    }

    .header-menu-ic {
        background-color: #fff;
        z-index: 1010;
        height: 64px;
    }

    .search-wrapper {
        left: unset !important;
        right: -60px;
    }

    .megamenu-inner {
        position: absolute;
        left: 25px;
    }

    body.basket .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-links {
        margin-left: 16px !important;
    }
}

@media (max-width: 840px){

    .footer-top-wrap-block:before{
        display: none;
    }

    .footer-top-wrap-block .row{
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .footer-mob-menu{
        z-index: 12;
    }

    .megamenu{
        height: Calc(100vh - 125px);
        top: 136px;
    }

    .megamenu.open{
        z-index: 10;
    }

    .megamenu-popup-bg{
        height: Calc(100vh - 126px);
        top: 50px;
    }

    h1 {
        font-size: 24px;
        line-height: 1.2;
    }

    .h2 {
        font: 500 24px/1.4 Roboto, Arial, Helvetica, sans-serif;
        letter-spacing: 0.01em;
    }

    .content {
        padding-top: 8px;
    }

    .container > .navbar-collapse {
        height: 50px !important;
    }

    .menu-button {
        width: 24px;
        height: 24px;
    }

    .navbar-collapse {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .megamenu-inner .navbar-collapse {
        box-shadow: none;
        height: calc(100% - 260px);
    }

    .dropdown-menu > li:first-child {
        padding-left: 28px;
    }

    .header-links, .header-links__item.header-cart.open a.shopping-cart {
        position: static;
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: 0;
    }

    .logo {
        width: 170px;
        min-width: unset;
        height: 34px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .logo.new-year:before, .header-logo.new-year:before {
        background: url(/local/templates/public/img/garland-mobile.svg) no-repeat center;
        width: 147px;
        height: 14px;
        left: -16px;
    }

    .header-logo.new-year:before {
        left: -9px;
        top: -16px;
    }

    .header-form, .mob-search-ic .dropdown-toggle {
        width: 40px;
        height: 48px;
        line-height: 24px;
    }

    .mob-search-ic .dropdown-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar-form {
        padding: 0;
        border: none;
    }
    .navbar-form.open {
        background-color: #008DEE;
    }

    .header-menu-ic {
        padding-left: 11px;
        width: 54px;
    }

    /*.megamenu {
        display: block;
        width: 100%;
        top: 40px;
        transition: opacity 300ms;
    }

    .megamenu .city {
        padding-top: 16px;
    }*/

    .header-links__item {
        width: 40px;
    }

    /*.megamenu-top{
        font-size: 28px;
        line-height: 36px;
        padding-left: 24px;
    }*/

    .header-links__item.header-basket:hover:not(.open) .shopping-cart:before {
        background-position-x: 0 !important;
    }

    .menu-button:hover span, .menu-button:not(.open):hover span:before, .menu-button:not(.open):hover span:after {
        background: #263238;
    }
    .menu-button.open {
        margin-top: -4px;
        left: -12px;
    }

    .menu-button {
        background: #FFFFFF;
    }

    .menu-button:before {
        color: #263238;
    }

    .menu-button.open:hover span:after, .menu-button.open:hover span:before {
        color: #263238;
    }
    .menu-button.open span:before {
        font-size: 40px;
    }

    .header-links__item .count {
        padding: 8px 5px;
        top: 18px;
        left: 36px;
    }

    .header-links__item.open .count {
        background: #fff;
        border-color: #008DEE;
        color: #008DEE;
    }

    .header-form .search-block {
        width: 100%;
    }

    .search-wrap.open .search.dropdown-menu {
        padding: 16px;
        top: 46px;
        overflow: auto;
        bottom: 0;
        height: 100vh;
    }

    .search input.search__input.form-control {
        padding-left: 38px;
    }

    .search.dropdown-menu {
        display: none;
    }
    .nir-search.search__button {
        height: 24px;
        width: 24px;
        position: static;
    }
    .nir-search.search__button:before {
        padding: 0;
        transition: unset;
    }
    .nir-search.search__button:hover {
        background: none;
    }
    .nir-search.search__button:hover:before {
        color: #455A64;
    }
    .open .nir-search.search__button:before {
        color: #fff;
    }

    .search-block .nir-search.search__button {
        height: 100%;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        top: 0;
    }
    .search-block .nir-search.search__button:before {
        color: #78909c;
        font-size: 20px;
    }

    .dropdown-menu .form-control {
        height: 46px;
        padding-right: 40px;
        padding-top: 6px;
    }

    header .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-top .container .form-group {
        margin-bottom: 0;
    }

    /*.megamenu-inner {
        width: auto;
    }*/

    /*.tablet-menu {
        padding-top: 16px;
    }*/
    header .megamenu .container {
        padding-left: 13px;
    }

    .dropdown-menu > li:first-child {
        margin-bottom: 0;
    }

    .city .dropdown-menu .search__button {
        display: block;
        left: 15px;
    }

    .city .search input.search__input.form-control {
        padding-left: 40px;
    }

    .backtop {
        left: 16px;
        bottom: 90px;
    }
    .backtop:hover {
        opacity: 0.64;
    }

    .pop-up.autorization .nav-tabs > li > a {
        letter-spacing: 0.045em;
    }

    .form-group label {
        color: rgba(44, 62, 80, 0.91);
        font: 400 15px/1.45 Roboto, Arial, Helvetica, sans-serif;
    }

    .pop-up.autorization .modal-body, .pop-up.autorization .modal-header {
        padding-top: 4px;
    }

    .pop-up.autorization .nav-tabs > li + li {
        margin-top: 3px;
    }

    .pop-up.autorization {
        letter-spacing: 0.02em;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .pop-up.autorization .modal-dialog .modal-content {
        padding-left: 12px;
        padding-right: 12px;
    }

    .overlay-mob {
        top: 62px !important;
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        right: 0;
        width: 100%;
        overflow: auto;
    }

    .pop-up.autorization .modal-dialog {
        position: relative;
        top: 0;
    }

    .product {
        border-width: 2px;
        margin-bottom: 14px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .cart-popup .modal-header {
        padding-left: 16px;
    }

    .cart-popup .modal-body {
        padding-top: 12px;
    }

    .cart-modal__heading {
        font-size: 18px;
        width: calc(100% - 60px);
    }

    .pop-up.cart-popup .modal-content {
        padding-bottom: 40px;
    }

    .product {
        min-height: 0;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .h2-v {
        font-size: 16px;
    }

    .fancybox-overlay-fixed {
        -webkit-overflow-scrolling: touch;
    }

    .pop-up {
        padding: 0;
    }

    .fancybox-lock, .fancybox-lock body {
        height: 100% !important;
        overflow: hidden !important;
    }

    .product-slide {
        padding-right: 15px;
    }

    .p__i {
        height: 200px;
    }
    .p-m {
        height: 60px;
        overflow: hidden;
    }

    .search-wrapper {
        left: -20px;
        right: -20px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .search-container {
        flex-flow: column;
        width: 100%;
    }

    .search-products {
        max-width: 100%;
    }

    #header .head-top {
        height: 50px !important;
        min-width: 320px;
        margin: 0;
    }

    #header.fix .head-top {
        border: 0;
        height: 50px !important;
        border-bottom: 1px solid #E0F7FA;
    }

    #header:not(.fix).head-shadow .head-top {
        height: 48px !important;
    }

    .city-popup .c__l {
        margin-bottom: 0;
    }

    .navbar-fixed-top {
        height: 52px !important;
    }

    body.basket .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    section .h2 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .b24FixedBtn {
        display: none !important;
    }

    .pop-up {
        padding: 0;
    }

    .product-review .slick-dots {
        bottom: 10px;
    }

    .review .container {
        width: 100%;
        padding: 0 15px;
    }

    .footer-contacts-phone .show-phone .nir-phone:before {
        margin-right: 16px;
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - начало
    */

    .section-index{
        margin-bottom: 40px;
    }

    .section-index-items{
        justify-content: space-evenly;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .section-index-item{
        width: 176px;
        margin: 0 3.5px 16px;
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - конец
    */

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - начало
    */

    .big-block .section-index-items-wrap{
        height: auto;
        grid-template-columns: 176px 176px 176px;
        grid-column-gap: Calc((100% - 528px)/2);
    }

    .big-block .section-index-items{
        margin-bottom: 24px;
    }

    .big-block .section-index-item{
        margin: 0;
    }

    .big-block .section-index-item:nth-child(n + 7){
        display: none;
    }

    .big-block .show-all-btn.mob{
        display: block;
        margin: 0 auto;
    }

    .big-block .section-index-top.d-flex .show-all-btn{
        display: none;
    }

    .big-block .section-index-top.d-flex .h2{
        max-width: 100%;
    }

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - конец
    */

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - начало*/

    .search-popup.popup-block{
        width: Calc(100% - 16px);
        max-width: Calc(100% - 16px);
        right: 8px;
    }

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - конец*/
}

@media (min-width: 768px) {
    .search-container {
        left: calc(50% - 368px);
        width: 736px;
    }
}
@media (min-width: 992px) {
    .search-container {
        left: calc(50% - 463px);
        width: 926px;
    }
}
@media (min-width: 1200px) {
    .search-container {
        left: calc(50% - 578px);
        width: 1156px;
    }
}

@media (max-width: 1200px) {
    .search-container  .search-content {
        display: grid;
        grid-template-areas:
                "categories products"
                "history products";
        grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    }

    .search-container  .search-content  .history-and-phrases {
        grid-area: history;
        width: 100%;
    }

    .history-wrapper {
        width: 50%;
        padding-right: 8px;
    }

    .phrases-content {
        width: 50%;
    }

    .search-container  .search-content  .search-sections {
        grid-area: categories;
        width: 100%;
    }

    .search-container  .search-content  .search-products {
        grid-area: products;
        width: 100%;
    }

    .product-content .slick-arrow {
        top: 26%;
    }

    .product-content .slick-prev {
        left: 6px;
    }

    .product-content .slick-next {
        right: 10px;
    }

    .history-and-phrases {
        margin-top: 96px;
    }
}

@media (max-width: 768px){

    .section-seo.non-copy h2{
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 767px) {
    .search-container .search-content {
        display: flex;
    }

    .search-overlay {
        top: 100px;
    }

    .search-products {
        order: 3;
    }

    .search-content .history-and-phrases {
        margin-top: 20px;
    }

    .search-container .search-content .search-products {
        margin-top: 34px;
    }

    .product-content .slick-arrow {
        top: 51%;
    }

    .product-content .slick-prev {
        left: -1px;
    }

    .product-content .slick-next {
        right: -1px;
    }

    .product-content  {
        width: 100%;
        margin: 0;
    }

    .search-wrap.open .search.dropdown-menu {
        top: 0;
    }

    .search input.search__input.form-control {
        border: none;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.15px;
        color: #000000;
    }

    .search input.search__input.form-control::-webkit-input-placeholder {
        font-size: 20px;
        line-height: 28px;
    }

    .search-block .nir-search.search__button {
        width: 24px;
    }

    .search-container {
        border: none;
        box-shadow: none;
        padding-top: 0;
    }

    #search-form-block .form-group {
        display: flex;
        align-items: center;
    }

    .close-search-popup {
        display: none;
    }

    .close-search-popup.close-mobile {
        position: static;
        display: block;
        width: fit-content;
        margin-top: 3px;
    }

    .search.dropdown-menu .basket-box-header {
        display: none;
    }

    .search-container .baron__track {
        top: 0;
    }

    body.main .header-h1{
        margin-bottom: 0;
        padding: 0;
    }
}

@media (max-width: 680px){

    .footer-cont{
        padding: 32px 0 102px;
    }

    .footer-nav-block-left{
        display: block;
        margin-bottom: 40px;
    }

    .footer-heading i{
        display: block;
    }

    .footer-heading i:before{
        font-size: 8px;
    }

    .footer-heading i.nir-arrow-up:before{
        top: 0;
        transform: rotate(-180deg) !important;
        -o-transform: rotate(-180deg) !important;
        -ms-transform: rotate(-180deg) !important;
        -moz-transform: rotate(-180deg) !important;
        -webkit-transform: rotate(-180deg) !important;
    }

    .footer-nav-block{
        margin-bottom: 42px;
    }

    .footer-nav-block:last-child{
        margin-bottom: 0;
    }

    .footer-nav-block-right-wrap{
        display: block;
    }

    .footer-nav-block-right-wrap .footer-heading{
        margin: 0 0 20px 0;
    }

    .footer-contacts-phone{
        margin: 0 0 8px 0;
    }

    .footer-links,
    .footer-social {
        justify-content: space-between;
    }

    .footer-links-row{
        margin: 20px auto 36px;
    }

    .footer-texts{
        display: block;
    }

    .footer-texts-left{
        width: 100%;
        margin-right: 0;
    }

    .footer-requisites{
        display: none;
    }

    .footer-requisites-mob{
        display: flex;
        margin: 32px 0 12px 0;
    }

    .footer-payments{
        margin: 0 0 12px 0;
    }

    .footer-texts-right{
        width: 100%;
    }

    .footer-last-links{
        margin-top: 0;
    }

    .copyright{
        margin-top: 32px;
    }

    body.main .header-h1{
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 667px){

    .footer-top .container{
        padding-bottom: 20px;
        padding-top: 20px;
    }

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - начало*/

    /*общие стили для попапов - начало*/

    /*.popup-block{
        max-width: 100% !important;
        height: Calc(100% - 148px);
        right: unset;
        bottom: 76px;
        top: unset;
        box-shadow: 0 -8px 32px rgba(39, 110, 241, 0.24) !important;
        border-radius: 8px 8px 0 0 !important;
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%);
    }

    .popup-header{
        padding: 20px 8px 0;
    }*/

    .popup-title{
        padding: 8px;
    }

    .popup-title-text{
        width: 100%;
        margin-right: 0;
        font-weight: 400;
        color: #182B48;
    }

    .popup-title-text:before{
        content: '\e98f';
    }

    .popup-title .popup-close{
        display: none;
    }

    /*.popup-content{
        padding: 0 8px;
    }

    .popup-footer{
        padding: 16px 8px;
    }*/

    /*общие стили для попапов - конец*/

    .popup-content .search-form{
        display: none;
    }

    .search-popup .popup-header{
        height: 76px;
    }

    .search-popup .popup-content{
        top: 76px;
        height: Calc(100% - 164px);
    }

    .search-popup .popup-footer{
        display: block;
    }

    .search-popup-items{
        padding: 4px 0;
    }

    .search-product-slider{
        padding: 8px 8px 24px;
    }

    .search-product-slider .slick-list{
        overflow: visible;
    }

    .search-product-slider .slick-list:before{
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -100%;
        background: #fff;
        z-index: 1;
    }

    .search-product-slide{
        width: 135px;
        margin: 0 4px 0 0;
    }

    .search-product-slider .slick-slide{
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0.4;
    }

    .search-product-slider .slick-slide.slick-active{
        opacity: 1;
    }

    .search-product-slide-img{
        height: 118px;
    }

    form .search-form-input input{
        padding: 16px 64px 16px 16px;
    }

    form .search-form-input input.active{
        background: #EFF3FE;
    }

    .mob-menu-popup.popup-block,
    .mob-catalog-popup.popup-block{
        border-radius: 20px !important;
        box-shadow: 0 0 24px rgb(132 132 132 / 20%) !important;
    }

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - конец*/

}

@media (max-width: 596px){

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - начало
    */

    .section-index{
        margin-bottom: 56px;
    }

    .section-index-items{
        margin-bottom: 8px;
    }

    .show-all-btn{
        display: none;
    }

    .show-all-btn.mob{
        display: block;
        margin: 0 auto;
    }

    .section-index-top{
        flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        margin-bottom: 24px;
    }

    .section-index-top-row{
        width: 100%;
    }

    .section-index-top-img-mob{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .section-index-top-row .h2{
        padding: 0;
        margin: 0 0 16px 0;
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - конец
    */

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - начало
    */

    .big-block .section-index-items-wrap{
        display: flex;
        align-items: flex-start;
        justify-content: space-evenly;
        flex-wrap: wrap;
        grid-column-gap: unset;
        grid-template-columns: unset;
        grid-template-rows: unset;
        grid-row-gap: unset;
    }

    .big-block .section-index-item:nth-child(n + 5){
        display: none;
    }

    .big-block .section-index-item{
        width: Calc((100% - 14px)/2);
        margin: 0 3.5px 8px;
    }

    .big-block .section-index-items{
        margin-bottom: 16px;
    }

    .big-block .section-index-top-img{
        max-height: 243px;
        margin: 0 auto 8px;
    }

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - конец
    */
}

@media (max-width: 580px){

    .product{
        max-width: 240px;
    }
}

@media (max-width: 567px){

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - начало*/

    .search-history-items{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .search-history-items ul{
        width: 100%;
    }

    .search-history-item a{
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .clear-btn{
        position: relative;
        top: unset;
        right: unset;
        margin-top: 40px;
    }

    .clear-btn a{
        margin: 0 auto;
    }

    .mob-menu-popup.popup-block,
    .mob-catalog-popup.popup-block{
        max-width: Calc(100% - 16px) !important;
        right: 8px;
    }

    .footer-mob-menu{
        max-width: Calc(100% - 32px);
    }

    .mob-menu-popup-section-row a span.title{
        padding: 12px 0 12px 24px;
    }

    .mob-menu-popup-section-row a i{
        padding: 12px 30px 12px 12px;
    }

    .mob-catalog-popup .popup-content{
        padding: 0 4px;
    }

    .mob-catalog-popup .popup-footer{
        padding: 16px 24px;
    }

    .mob-catalog-rows{
        width: Calc(100% + 8px);
        margin: 0 -4px;
    }

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - конец*/

    /*блок Установка (Clicker) - начало*/

    .install-block-row .t-c:before{
        display: none;
    }

    .install-block-row .t-c{
        width: 100% !important;
        height: 100% !important;
        padding: 23px 30px;
        position: fixed;
        top: 0;
        left: 0;
    }

    .install-block-row .t-c span,
    .install-block-row .t-c .scroll-block ul li{
        font-size: 16px;
        line-height: 18px;
    }

    .install-block-row .t-c span{
        padding: 0;
        margin-bottom: 20px;
    }

    .install-block-row .t-c .scroll-block ul li{
        margin-bottom: 8px;
    }

    .install-block-row .t-c .nir-cross{
        width: 24px;
        height: 24px;
        font-size: 24px;
        top: 20px;
        right: 16px;
    }

    .install-block-row .t-c .nir-cross:before{
        font-size: 24px;
    }

    /*блок Установка (Clicker) - конец*/

    /*попап подписки на тг-бота - начало*/

    .tg-popup.popup-block{
        max-width: 262px;
    }

    .tg-popup-block .title{
        width: Calc(100% - 48px);
    }

    /*попап подписки на тг-бота - конец*/
}

@media (max-width: 550px) {
    .popular {
    }
    .popular .new__title {
        margin: 25px 0 6px 0;
    }
    .popular .new__cont {
        height: 179px;
    }
}

@media (max-width: 520px){

    .product {
        max-width: 220px;
    }
}

@media (max-width: 480px){

    .container{
        padding-left: 8px;
        padding-right: 8px;
    }

    .footer-cont .container{
        padding-left: 16px;
        padding-right: 16px;
    }

    .product{
        max-width: 200px;
    }

    .section-seo.non-copy p,
    .section-seo.non-copy h2{
        padding: 0;
    }

    .section-seo.non-copy h2{
        font-size: 18px;
        line-height: 24px;
    }

    /*блок Установка (Clicker) - начало*/

    .install-block .installation-service-block__main-container{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .install-block installation-service-block>div>strong{
        width: Calc(100% - 28px);
        margin-right: 0;
    }

    installation-service-block > div > span{
        margin: 16px 0 16px 28px;
    }

    installation-service-block > div > span,
    .install-block .installation-service-block__price{
        width: auto;
    }

    .install-block installation-service-block>i{
        margin: 0 0 16px 28px;
    }

    /*блок Установка (Clicker) - конец*/

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - начало*/

    .mob-catalog-popup .popup-header a,
    .mob-catalog-popup .popup-header span{
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }

    /*ПОПАП ПОИСКА, КОРЗИНЫ И МЕНЮ - конец*/

    /*попап подписки на тг-бота - начало*/

    .tg-popup.popup-block{
        bottom: 24px;
        right: 8px;
    }

    /*попап подписки на тг-бота - конец*/
}

@media (max-width: 448px){

    .product{
        max-width: 180px;
    }
}

@media (max-width: 390px){

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - начало
    */

    .section-index-items{
        justify-content: space-between;
    }

    .section-index-item{
        margin: 0 7px 16px 0;
    }

    .section-index-item:nth-child(even){
        margin-right: 0;
    }

    /**
        БЛОК "Жаркое лето..." И "Товары дачные..." НА ГЛАВНОЙ - конец
    */

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - начало
    */

    .big-block .section-index-items-wrap{
        justify-content: space-between;
    }

    .big-block .section-index-item{
        width: Calc((100% - 7px)/2);
        max-width: unset;
        margin: 0 7px 8px 0;
    }

    .big-block .section-index-item:nth-child(even){
        margin-right: 0;
    }

    .big-block .section-index-top-img{
        width: Calc(100% + 16px);
        margin-left: -8px;
        margin-right: -8px;
        max-height: 252px;
    }

    .big-block .section-index-top-img a img{
        width: inherit;
    }

    /**
       БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - конец
    */
}

@media (max-width: 379px) {

    .search__input::-webkit-input-placeholder {
        font-size: 14px !important;
    }
    .search__input:-moz-placeholder {
        font-size: 14px !important;
    }
    .search__input:-moz-placeholder {
        font-size: 14px !important;
    }
    .search__input:-ms-input-placeholder {
        font-size: 14px !important;
    }
}

@media (max-width: 375px){

    /**
      БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - начало
   */

    .big-block .section-index-top-img{
        max-height: 243px;
    }

    /**
      БЛОК "Успей купить со скидкой!" И "Рекомендуем" НА ГЛАВНОЙ - конец
   */
}

@media (max-width: 374px) {
    .search-img-wrapper {
        width: 100%;
        min-width: 100%;
    }

    .search-product-img {
        max-width: 100%;
    }

    .history-clear {
        font-size: 8px;
        line-height: 10px;
    }
}

@media (max-width: 369px){

    .product{
        max-width: 160px;
    }
}

@media (max-width: 330px) {
    .footer-last-links a:first-child {
        padding-right: 0;
    }
}

@media (max-width: 320px) {
    .logo {
        background-image: url('/local/templates/public/img/logo_mobile_5s.svg');
        width: 28px;
        height: 28px;
        margin-left: 24px;
    }
}

@media (min-width: 768px){
    .navbar-right .dropdown-menu{
        left: 50%;
        transform: translateX(-50%);
    }
}