/* ALL ELEMENTS */


/* Глобальные стили, Header, Мобильное меню */

html { overflow-x: auto; }

* {
  font-family: 'AvenirNextCyr-Regular', 'Open Sans', sans-serif;
  text-decoration: none;
}

a:focus { text-decoration: none !important; }
.common-home,.product-categorymark-catalog,.product-categorymark,.product-category-1,.product-category-3,.product-category-4,
.product-category-5,.product-category-6,.product-category-7,.product-category-8,.product-category-2 { background: #FAFAFA; overflow-x: hidden; }

body { padding-top: 145px; background: #FAFAFA; }

@media (min-width: 1440px) {
    .container {
        width: 1340px;
    }
}



/* HEADER */
#top-menu { background: #2C2A2A; height: 146px; display: flex; align-items: center; position: fixed;
  top: 0; left: 0; right: 0; z-index: 30;
}
#top-menu .row { display: flex; align-items: center; justify-content: space-evenly; }

ul.ul-in-row{
  padding: 0;
  margin: 0;
}
ul.ul-in-row li{
  display: inline-block;
  width: 49%;
}

/* TOP LINE */
#top-menu .top-line { height: 54px; padding-left: 100px; justify-content: space-between; }
@media (max-width: 1200px) and (min-width: 992px) {
  #top-menu .top-line { padding-left: 110px; }
}

.top-line .header--catalog { width: 120px; margin: 0; padding: 0; height: 40px; display: flex; align-items: center;
  border: 1px solid #585858; border-radius: 5px;
}
.top-line .header--catalog:hover { border: 1px solid #FF3535; cursor: pointer; }
.top-line .header--catalog:hover a { color: #FF3535; font-weight: 600; text-decoration: none; }
.top-line .header--catalog a { margin-left: 5px; padding: 6px 15px 6px 0; display: flex; align-items: center; justify-content: space-between;
  font-size: 16px; font-weight: 400; line-height: 24px; color: #BDBCBC;
}
.top-line .header--catalog a svg { height: 16px; margin-right: 11px; }
.top-line .header--catalog .dropdown { display: flex; justify-content: flex-start; align-items: center; }
.top-line .header--catalog ul.dropdown-menu { padding: 0; left: -17px; overflow: hidden; width: fit-content; }
.top-line .header--catalog ul.dropdown-menu a { color: #2C2A2A; font-size: 17px; font-weight: 600; display: flex;
  padding: 10px 18px; min-width: 210px; align-items: center; justify-content: flex-start; margin: 0;
}
.top-line .header--catalog ul.dropdown-menu a:hover { background: #F1F1F1; color: #262626; }
.header__city-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
  -ms-flex-align: center; align-items: center; border: none; background: none; -webkit-box-shadow: none;
  box-shadow: none
}

.top-line .header--catalog ul.dropdown-menu li.menu-li-bottom{ background:#2C2A2A;}
.top-line .header--catalog ul.dropdown-menu li.menu-li-bottom a {color: #fff;}
.top-line .header--catalog ul.dropdown-menu li.menu-li-bottom a:hover {background:#333; font-weight: 200}

.header__city-btn:hover .header__city-location path,
.header__city-btn:hover .header__city-arrow path,
.header__city-btn:hover .header__city-text { color: #FF3535; fill: #FF3535 }
.header__city-location path,
.header__city-arrow path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s }
.header__city-text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 0.2px;
  color: #BDBCBC; display: block; margin: 0 18px 0 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s
}
.top-line>a { color: #BDBCBC; line-height: 24px; font-size: 16px; }
.top-line>a:hover { color: #FAFAFA; font-weight: 500; text-decoration:none; }
@media (max-width: 992px) {
  .top-line>a { font-size: 14px; }
}


.manufacturer_cat{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -20px;
    margin-right: -20px;
}

.manufacturer_cat__item{
  border: 1px solid #BCBCBC;
  margin: 0 10px 10px 10px;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .manufacturer_cat__item { width: 100%;}
}

.manufacturer_cat__item a{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
}

.manufacturer_cat__item a:hover{
    background-color: #F0f0f0;
}

.d-block{display: block;}

.top-line .header--city { width: 195px; margin: 0; padding: 0; }
.top-line .header--city:hover { cursor: pointer; }
.top-line .header--city:hover svg>path { fill: #FF3535; }
.top-line .header--city:hover a span { color: #FF3535; border-bottom: 2px #FF3535 dashed; }
.top-line .header--city svg { height: 24px; width: 24px; padding: 2px; }
.top-line .header--city .dropdown { display: flex; justify-content: flex-start; align-items: center; }
.top-line .header--city a { margin-left: 5px; width: 170px; display: flex; align-items: center; justify-content: space-between;
  font-size: 16px; font-weight: 400; line-height: 24px; color: #BDBCBC;
}
.top-line .header--city a span { border-bottom: 2px #BDBCBC dashed; }
.top-line .header--city ul.dropdown-menu { padding: 0; left: -17px; overflow: hidden; }
.top-line .header--city ul.dropdown-menu a { color: #2C2A2A; font-size: 17px; font-weight: 600; display: flex;
  padding: 20px 18px; min-width: 210px; align-items: center; justify-content: flex-start; margin: 0;
}
.top-line .header--city ul.dropdown-menu a:hover { background: #F1F1F1; color: #262626; }
#top-menu .top-line #form-language { width: 82px; height: 24px; display: flex; justify-content: space-between; margin-left: 30px; }
.top-line #form-language button { padding: 0; font-size: 16px; color: #BDBCBC; opacity: .5; text-decoration: none; }
.top-line #form-language button.active { font-weight: 600; color: #BDBCBC; opacity: 1; }
/* TOP LINE END */

#top-menu .mod__lang{width: 82px; height: 24px; display: flex; justify-content: space-between; margin-left: 30px; }
.top-line .mod__lang a { padding: 0; font-size: 16px; color: #BDBCBC; opacity: .5; text-decoration: none; }
.top-line .mod__lang a.action { font-weight: 600; color: #BDBCBC; opacity: 1; }

#mobi-menu .mod__lang{width: 82px; height: 24px; display: flex; justify-content: space-between; margin-left: 30px; }
#mobi-menu .mod__lang a { padding: 0; font-size: 16px; color: #BDBCBC; opacity: .5; text-decoration: none; }
#mobi-menu .mod__lang a.action { font-weight: 600; color: #BDBCBC; opacity: 1; }

/* SECONDARY LINE */
#top-menu #logo { margin: 0; }
#top-menu #logo img { height: 52px; margin-right: 40px; }
#top-menu #search { width: 100%; margin: 0 0 0 0; }
#top-menu #search .input-lg { height: 54px; color: #FAFAFA; line-height: 22px;
    font-size: 16px; border-radius: 5px; border: none; padding: 15px 50px 15px 30px; background: #565555;
  }

#top-menu #search .input-lg:focus { -webkit-box-shadow: none; box-shadow: none; }
#top-menu #search .form-control::-webkit-input-placeholder { font-style: italic; color: #BDBCBC; }

#top-menu #search .btn-lg{ height: 54px; border: none; margin-left: -45px;
    box-shadow: none; padding: 5px 12px;
}

#top-menu #search .bg-dack  { /* background: #565555; */ }
#top-menu #search .bg-white  { /*background: #fff; */ color: #000; }

#top-menu #search input:focus,
#top-menu #search input:active { outline: unset; outline: unset; outline-offset: unset; background-color:#fff; color:#000; }

input:-internal-autofill-selected { background-color:#fff !important; }

@media (max-width: 1200px) {
  #top-menu #search { width: 600px; }
}
#top-menu .header--contacts { display: flex; align-items: center; margin: 0; width: 216px;
  height: 30px; text-align: center;
}
.header--contacts>li>a { color: #FAFAFA !important; font-size: 17px; text-decoration: none;
  display: flex; align-items: center;
}
@media (max-width: 992px) {
  .header--contacts>li>a { font-size: 14px; }
}
.header--contacts>li>a svg { margin-left: 9px; }
.header--contacts ul a { color: #2C2A2A; font-size: 17px; font-weight: 600; display: flex;
  padding: 20px 59px 20px 18px; min-width: 210px; align-items: center; justify-content: flex-start;
}
.header--contacts .dropdown-menu { padding: 0; left: -17px; overflow: hidden; }
.header--contacts .dropdown-menu svg { display: none; }
.header--contacts ul a:hover { background: #F1F1F1; padding-right: 18px; color: #262626; }
.header--contacts ul a:hover svg { display: block; width: 21px; margin-left: 20px; }
.header--user-menu { display: flex; justify-content: space-around; width: 224px; }
.header--user-menu a { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; }
.header--user-menu a:hover { background: rgba(86, 85, 85, 0.4); box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.09); border-radius: 5px; }
.header--user-menu button { padding: 0; width: 42px; height: 42px; display: flex; justify-content: center;
  align-items: center; border: none; box-shadow: none; background: none;
}
.header--user-menu button:hover { background: rgba(86, 85, 85, 0.4); box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.09); border-radius: 5px; }
/* SECONDARY LINE END */

.pagination__item.prev img, .pagination__item.next img {
    vertical-align: middle;
}

ul.pagination__list {
    display: flex;
    justify-content: center;
    height: 30px;
    align-items: center;
}

.pagination__item .arrow-right {
    transform: rotate(180deg);
}

.pagination__item .arrow-double-right {
    transform: rotate(180deg);
}

.pagination__item .pagination__link {
    color: #B3B3B3;
    font-size: 16px;
    line-height: 20px;
}

/* Header-Change */
.header--user-menu button.header__card-btn {
    padding: 0;
    width: 42px;
    height: 35px;
    margin-top: 7px;
    display: flex;
    justify-content: center;
    box-shadow: none;
    background: none;
}

.header--user-menu button:hover { background: rgba(86, 85, 85, 0.4); box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.09); border-radius: 5px; }


/* NOBILE MENU */
#mobi-menu { display: none; height: 133px; background-color: #0A0A0A; align-items: center; }
@media (max-width: 991px) {
  #top-menu { display: none; }
  #mobi-menu { display: block; background-color: #0A0A0A; position: fixed; top: 0; left: 0; right: 0; z-index: 10; }

  .desktop-view{ display:none; }
}

#mobi-menu .row { margin: 0; width: 100%; height: 134px; }
#mobi-menu .col-xs-2,#mobi-menu .col-xs-3,#mobi-menu .col-xs-4,#mobi-menu .col-xs-5,#mobi-menu .col-xs-6,
#mobi-menu .col-xs-7,#mobi-menu .col-xs-8,#mobi-menu .col-xs-12,#mobi-menu .header--mobi-cart { display: flex; align-items: center; height: 60px; }
#mobi-menu #logo-mobile img { height: 38px; }
#mobi-menu .col-xs-8 { justify-content: flex-end; }
#mobi-menu .header--contacts { margin: 0; padding: 0; }
#mobi-menu .header--contacts .dropdown-menu svg { display: none !important; }
#mobi-menu .header--contacts .dropdown-menu { left: -20px; }
#mobi-menu .header--contacts .dropdown-menu a { padding: 17px 20px; min-width: unset; }
#mobi-menu #menuToggle { display: flex; flex-direction: column; position: absolute; left: 22px; top: 62px; z-index: 3;
  -webkit-user-select: none; user-select: none; background: transparent; border: unset;
}
#mobi-menu #menuToggle span { display: flex; width: 25px; height: 3px; margin-bottom: 5px; position: relative;
  background: #ffffff; border-radius: 3px; z-index: 1; transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}
#mobi-menu #menuToggle .dropdown-menu.menu-modal { position: fixed; top: 0; right: 0; left: unset;
  background: #0A0A0A; min-width: 300px; padding-left: 30px;
}
#menuToggle .header--mobile-menu-logo img { display: block; position: absolute; height: 32px; top: 16px; }
#menuToggle .header--mobile-menu-close { display: block; position: absolute; top: 20px; right: 18px; }
#menuToggle .row { height: 62px; }
#menuToggle .header--mobile-menu-user-info { color: #FFFFFF; font-size: 16px; height: 48px; }
#menuToggle .header--mobile-menu-user-info span { color: #BDBCBC; background: unset !important; height: 24px; }
#menuToggle .header--mobile-menu-user-action { display: flex; align-items: center; justify-content: space-evenly;
  width: calc(100% + 30px); background: #2C2A2A; left: 0; height: 54px; margin-left: -30px;
}
#menuToggle .menu-modal>li>a { font-size: 18px; line-height: 24px; color: #fff; padding: 5px 0; }
#menuToggle .menu-modal>li.phone>a { color: #7E7E7E; }

#mobi-menu .header--mobi-search { padding: 0 0 0 70px; width: 85%;}
#mobi-menu .header--mobi-search #search { width: 100%; margin: 0; }
#mobi-menu .header--mobi-search #search span { display: none; }
#mobi-menu .header--mobi-search #search input { height: 42px; border-radius: 5px; padding: 9px 9px 9px 48px;
  background: url(../images/search.svg) no-repeat scroll 16px 12px; background-size: 17px; background-color: #fff;
}
#mobi-menu .header--mobi-cart { position: absolute; right: 14px; bottom: 12px; }
#mobi-menu .header--mobi-cart a { display: block; right: 20px; }
#mobi-menu .header--mobi-cart button { background: none; box-shadow: none; border: none; }
/* NOBILE MENU END */
/* HEADER END */


/*  breadcrumb  */
.breadcrumb>.active {
    font-size: 16px;
}
/* end breadcrumb */



/** Блок 2 - Модули (Большой фильтр, Гарантии, Сертификаты, Инфо) **/

/* MODULES */
/* MODULE HOME BIG FILTER BRANDS */
.module--home-big-filter-brands { background: #FAFAFA; padding: 0px 0 0px 0; min-height: 100px; overflow: hidden; }
.module--home-big-filter-brands img { display: block; position: absolute; }
.module--home-big-filter-brands img.img-left { left: -365px; top: 150px; }
.module--home-big-filter-brands img.img-right { right: -344px; top: 300px; }
.module--home-big-filter-brands h1 { color: #0A0A0A; font-size: 44px; line-height: 54px; margin: 0; margin-top: 80px; }


#filter {display: block;}

@media (max-width: 768px) {

    #filter {display: block;}

    .module--home-big-filter-brands h1 {
        text-transform: uppercase;
        font-size: 36px;
        font-weight: 500;
        color: #000;
        line-height: 40px;
        margin: 30px 0 10px 20px;
    }

    .module--home-big-filter-brands {
    background: #FAFAFA;
    padding: 0px 0 0 0;
    min-height: 100px;
    overflow: hidden;
    }

    .module--home-big-filter-brands-sub{
      display: none;
    }

}

.module--home-big-filter-brands #home-big-filter-brands { margin-top: 20px; border-radius: 5px; border: 1px solid #BDBCBC; overflow: hidden; }
.module--home-big-filter-brands #home-big-filter-brands .head-filter { display: flex; justify-content: space-between;
  padding: 16px; background: rgba(250, 250, 250, 0.68); backdrop-filter: blur(21px);
}
.module--home-big-filter-brands #home-big-filter-brands .head-filter button { display: flex; align-items: center;
  margin-right: 8px; font-size: 16px; line-height: 24px; color: #BDBCBC; background: unset; padding: 22px 30px; border-radius: 5px; border: unset;}
.module--home-big-filter-brands #home-big-filter-brands .head-filter button:last-child { margin-right: 0; }

.module--home-big-filter-brands #home-big-filter-brands .head-filter button svg { margin-left: 20px; }
.module--home-big-filter-brands #home-big-filter-brands .head-filter button svg path { stroke: #BDBCBC; }

.module--home-big-filter-brands #home-big-filter-brands .head-filter button.active { color: #F6F3F3; background: #00A1E6; font-weight: 600; }
.module--home-big-filter-brands #home-big-filter-brands .head-filter button.active svg path { stroke: white;}

.module--home-big-filter-brands #home-big-filter-brands .head-filter #btn--select { color: #FAFAFA; background: #FF3535; font-weight: 600; }
.module--home-big-filter-brands #home-big-filter-brands .body-filter { background: rgba(251, 251, 251, 0.68); backdrop-filter: blur(21px);
  margin: 0; padding-right: 15px;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .calback-form { padding: 32px 15px; }
.module--home-big-filter-brands #home-big-filter-brands .body-filter .calback-form h4 { color: #3F3F3F; font-weight: 600;
  font-size: 16px; line-height: 24px; margin-bottom: 17px;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .calback-form input { width: 100%; max-width: 240px;
  padding: 15px 30px; margin-bottom: 13px; font-size: 18px; line-height: 24px; border: 1px solid #BBBBBB;
  box-sizing: border-box; border-radius: 5px;
}


.calback-form #form_feedback h4 { color: #3F3F3F; font-weight: 600;  font-size: 16px; line-height: 24px; margin-bottom: 17px;}

.calback-form #form_feedback input {
    width: 100%;
    max-width: 240px;
    padding: 15px 30px;
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #BBBBBB;
    box-sizing: border-box;
    border-radius: 5px;
}

.calback-form #form_feedback .iti--allow-dropdown input[type=tel]{
    padding-left: 65px;
}

.calback-form #form_feedback button { padding: 15px 20px; width: 100%;  max-width: 240px; background: transparent; border: 1px solid #F44444;
  box-sizing: border-box; border-radius: 5px;  font-weight: 600; font-size: 18px; line-height: 24px; color: #3F3F3F; }

.module--home-big-filter-brands #home-big-filter-brands .body-filter .calback-form input:focus { outline: none; }
.module--home-big-filter-brands #home-big-filter-brands .body-filter .calback-form input::-webkit-input-placeholder { font-style: italic; }
.module--home-big-filter-brands #home-big-filter-brands .body-filter .calback-form button { padding: 15px 20px; width: 100%;
  max-width: 240px; background: transparent; border: 1px solid #F44444; box-sizing: border-box; border-radius: 5px;
  font-weight: 600; font-size: 18px; line-height: 24px; color: #3F3F3F;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .calback-form button:hover {
  background: rgba(255, 53, 53, 0.2);
}

.calback-form #form_feedback button:hover {
  background: rgba(255, 53, 53, 0.2);
}


.modal-thnx__review-title.h4{
  font-size: 24px;
    display: block;
    text-align: center;
    color: red;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 30px;
}

.modal-thnx__review-text.body{
    font-size: 18px;
    display: block;
    text-align: center; 
    padding: 20px 40px;
    line-height: 32px;
}

#otvet_feedback{
  border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.modal-thnx__review-title h4{
  font-size: 24px;
}

.module--home-big-filter-brands #home-big-filter-brands .body-filter .columns { display: flex; justify-content: space-between;
  overflow-y: scroll; overflow-x: unset;
  height: 420px;
  margin-top: 62px; margin-bottom: 45px;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .columns::-webkit-scrollbar { width: 10px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08), 10px 10px 22px rgba(149, 150, 150, 0.11);
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .columns::-webkit-scrollbar-track { background-color: #BFBEBE;
  border-radius: 10px; overflow: hidden;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .columns::-webkit-scrollbar-thumb { background-color: #FBFBFB;
  border: 2px solid #BFBEBE; border-radius: 10px;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .column__container { column-count: 6;
  -webkit-column-count: 6; -moz-column-count: 6; column-gap: 5px; -webkit-column-gap: 5px; -moz-column-gap: 5px;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter .column__container.types-auto-list,
.module--home-big-filter-brands #home-big-filter-brands .body-filter .column__container.types-item-list { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
.module--home-big-filter-brands #home-big-filter-brands .body-filter .column__item { display: flex;
  justify-content: flex-start; align-items: center;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter span { color: #3A3939; font-weight: 600; font-size: 16px;
  line-height: 24px; width: 12px; text-align: center; margin-right: 17px;
}
.module--home-big-filter-brands #home-big-filter-brands .body-filter a { color: #585858; font-weight: 300; font-size: 18px; line-height: 40px; }
.module--home-big-filter-brands #home-big-filter-brands .body-filter a:hover { color: #FF3535; }



/* MODULE BIG CAT MENU IMG */
.module--big-cat-menu-img { display: flex; align-items: center; flex-wrap: wrap; justify-content: center;
  padding: 25px 0px 120px; background: #FAFAFA;
}
.module--big-cat-menu-img h1 { width: 100%; font-size: 44px; line-height: 54px; margin: 0 0 60px 15px; }
.module--big-cat-menu-img .col-sm-4 { height: 340px; padding: 0 10px; }
.module--big-cat-menu-img .col-sm-4>div { display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 0px; background: #fff; height: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); border-radius: 5px; text-align: center;
}
.module--big-cat-menu-img .col-sm-4>div span { color: #0A0A0A; font-size: 20px; line-height: 24px; }
.module--big-cat-menu-img .col-sm-4>div img { height: 180px; margin-bottom: 40px; }
.module--big-cat-menu-img>a { background: #00A1E6; border-radius: 5px; padding: 22px 78px; color: #FAFAFA;
  font-size: 18px; line-height: 24px; margin-top: 50px;
}

@media (max-width: 768px) {
  .module--home-big-filter-brands img.img-right,
  .module--home-big-filter-brands img.img-left
  {display: block;}
}

/* MODULE BIG CAT MENU IMG END */



/* MODULE WARANTY */
.module-waranty { background: #FAFAFA; padding: 100px 0 160px; }
.module-waranty .mobile { display: none; }
.module-waranty .col-sm-6>img { float: right; margin-top: 80px; max-width: 740px; }
.module-waranty h1 { color: #0A0A0A; font-size: 44px; line-height: 54px; margin-top: 20px; }
.module-waranty .desktop { z-index: 1; }
.module-waranty .desktop .block { background: rgba(251, 251, 251, 0.68); border-radius: 5px;
  backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px); border: 1px solid rgba(44, 42, 42, 0.3);
  padding: 20px 40px 40px; margin-bottom: 24px;
}

.fw-700-st-1{ font-weight: 700; }

.module-waranty .desktop .block div { display: flex; align-items: flex-start; margin: 30px 0 0; }

@media (max-width: 768px) {

    .module-waranty .desktop .block div {
        display: flex;
        margin: 30px 0 0;
        flex-wrap: wrap;
    }

    .fw-700-st-1{
      margin: 10px 0 15px 0;
      display: block;
    }

    .module-waranty .desktop .block {
       padding: 0px 15px 0px 15px;
       border: none;
       margin-bottom: 0px;
    }

    .module-waranty .desktop .block div.block-insert{
      background: #fff;
      border: 1px solid #f0f0f0;
      padding: 30px 15px 20px 15px;
      margin: 10px 0;
      border-radius: 5px;
    }

    .module-waranty .desktop .block h3.choice-spacers__title{
      margin-top: 50px;
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-content: center;
    }

}


.module-waranty .desktop .block img { float: left; width: 40px; margin-right: 35px; }
.module-waranty .desktop .block p { font-size: 18px; line-height: 26px; }

@media (max-width: 768px) {
    .module-waranty .desktop .block p {
        font-size: 18px;
        line-height: 26px;
        width: 70%;
        vertical-align: top;
        margin-top: 0;
    }
}

.module-waranty .desktop .block p strong { font-size: 22px; }
/* MODULE WARANTY END */



/* MODULE CERTIFICATES */
.module-сertificates {
  padding: 80px 0;
  background: #2C2A2A;
  width: 99.7vw;
  margin-left: -50vw;
  left: 50%;
  position: relative;
}

.module-сertificates .mobile { display: none; }
.module-сertificates h1 { color: #FAFAFA; font-size: 44px; line-height: 54px; margin: 0 0 20px 0; }

@media (max-width: 768px) {
   .module-сertificates h1 {
      font-size: 28px;
      margin: 0 0 0 0px;
   }
}

.module-сertificates p { color: #FAFAFA; font-size: 18px; line-height: 32px; margin-bottom: 30px; }

.module-сertificates .buttons { display: flex; align-items: center; justify-content: center; height: 128px;
  border: 1px solid #fff; margin-bottom: 14px; padding: 30px 60px; margin-right: 30px; border: 1px solid #FF3535;
  box-sizing: border-box; border-radius: 5px; background: #FF3535;
}

@media (max-width: 768px) {
  .module-сertificates .buttons { margin: 0 10px 20px 10px; } 
  .module-сertificates { padding: 10px 0 30px 0;}
}


.module-сertificates .buttons.outline { background: transparent; }
.module-сertificates .buttons p { margin: 0; }
.module-сertificates .buttons>div { display: flex; flex-direction: column; align-items: center; margin-right: 38px; }
.module-сertificates .buttons span { font-family: 'AvenirNextCyr-Bold', 'Open Sans', sans-serif; color: #fff;
  font-weight: 800; font-size: 30px; line-height: 36px;
}
.module-сertificates .buttons span.digit { font-size: 50px; }
.module-сertificates .buttons p { color: #FAFAFA; font-weight: 600; font-size: 24px; line-height: 26px; }
.module-сertificates .owl-carousel { margin-top: 14px; }
/* MODULE CERTIFICATES END */



/* MODULE HOME INFO */
.module-home-info { background: #FAFAFA; padding: 160px 0px 100px; }
.module-home-info h1 { color: #0A0A0A; font-size: 44px; line-height: 54px; margin-bottom: 100px; margin-left: 15px; }
.module-home-info span { color: #FE4B4B; font-size: 54px; font-family: 'AvenirNextCyr-Bold'; }
.module-home-info h4 { color: #0A0A0A; font-weight: 600; font-size: 24px; line-height: 30px; margin: 35px 0 25px; }
.module-home-info p { color: #0A0A0A; font-size: 18px; line-height: 32px; }
/* MODULE HOME INFO END */



/** Блок 3  Модули (Фильтры, Видео, Партнерство, Формы, Плюсы)  **/

/* MODULE HOME FILTER BRANDS */
.module--home-filter-brands { background: #FAFAFA; padding: 100px 0 10px; min-height: 1050px; overflow: hidden; }
.module--home-filter-brands>img { display: block; position: absolute; }
.module--home-filter-brands img.img-left { left: -285px; width: 330px;  margin-top: 180px; }
.module--home-filter-brands img.img-right { right: -300px; margin-top: 360px; }
.module--home-filter-brands h1 { color: #0A0A0A; font-size: 44px; line-height: 54px; margin: 0; }
.module--home-filter-brands #home-filter-brands { margin-top: 40px; border-radius: 5px; border: 1px solid #BDBCBC;
  overflow: hidden;
}
.module--home-filter-brands #home-filter-brands .body-filter { background: rgba(251, 251, 251, 0.68);
  backdrop-filter: blur(21px); margin: 0; padding: 65px;
}
.module--home-filter-brands #home-filter-brands .body-filter .column__container { display: flex; flex-direction: column;
  align-items: center; padding-bottom: 45px;
}
.module--home-filter-brands #home-filter-brands .body-filter .column__container h4 a { width: 100%; color: #3D3D3D;
  font-size: 18px; line-height: 22px; border-bottom: 1px solid #3D3D3D; font-weight: 700;
}
.module--home-filter-brands #home-filter-brands .body-filter .column__container img { height: 44px; margin: 5px 0 12px; }
.module--home-filter-brands #home-filter-brands .body-filter .column__container>a { color: #3D3D3D; font-size: 16px;
  line-height: 20px; margin-bottom: 10px; border-bottom: 1px solid #3D3D3D;
}
.module--home-filter-brands #home-filter-brands .action { display: flex; align-items: center; justify-content: center; }
.module--home-filter-brands #home-filter-brands .action a { color: #FAFAFA; font-weight: 600;
  font-size: 18px; line-height: 24px; background: #00A1E5; border-radius: 5px; padding: 22px 77px;
}
.module--home-filter-brands #home-filter-brands .action a:hover { background: #0095D3; }


/* MODULE IMPLEMENTATION FILTER BRANDS */
.module--implement-filter-brands { background: #fff; padding: 20px 0 10px; min-height: 1050px; overflow: hidden; }
.module--implement-filter-brands>img { display: block; position: absolute; }
.module--implement-filter-brands img.img-left { transform: rotate(-50.49deg); left: -265px; width: 330px; margin-top: 120px; }
.module--implement-filter-brands img.img-right { right: -284px; margin-top: 360px; }

@media (max-width: 768px) {
      .module--implement-filter-brands img.img-right {
        right: 0;
        margin-top: 400px;
        display: none;
      }

}

.module--implement-filter-brands h1 { color: #0A0A0A; font-size: 44px; line-height: 54px; margin: 0; }
.module--implement-filter-brands #home-filter-brands { margin-top: 40px; border-radius: 5px; border: 1px solid #BDBCBC;
  overflow: hidden;
}
.module--implement-filter-brands #home-filter-brands .body-filter { background: rgba(251, 251, 251, 0.68);
  backdrop-filter: blur(21px); margin: 0; padding: 65px;
}
.module--implement-filter-brands #home-filter-brands .body-filter .column__container { display: flex; flex-direction: column;
  align-items: center; padding-bottom: 45px;
}
.module--implement-filter-brands #home-filter-brands .body-filter .column__container h4 a { width: 100%; color: #3D3D3D;
  font-size: 18px; line-height: 22px; border-bottom: 1px solid #3D3D3D; font-weight: 700;
}
.module--implement-filter-brands #home-filter-brands .body-filter .column__container img { height: 44px; margin: 5px 0 12px; }
.module--implement-filter-brands #home-filter-brands .body-filter .column__container>a { color: #3D3D3D; font-size: 16px;
  line-height: 20px; margin-bottom: 10px; border-bottom: 1px solid #3D3D3D;

  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;


}
.module--implement-filter-brands #home-filter-brands .action { display: flex; align-items: center; justify-content: center; }
.module--implement-filter-brands #home-filter-brands .action a { color: #FAFAFA; font-weight: 600;
  font-size: 18px; line-height: 24px; background: #00A1E5; border-radius: 5px; padding: 22px 77px;
}
.module--implement-filter-brands #home-filter-brands .action a:hover { background: #0095D3; }


/* MODULE VIDEOS */
.module-videos {
  background: #FAFAFA;  
  padding: 60px 0px 30px;
}
.module-videos h3 { color: #0A0A0A; font-size: 44px; line-height: 54px; width: 70%; margin-bottom: 40px; text-transform: uppercase; }
.module-videos .video-item { height: 535px; padding: 0 5px; }

.module-videos .video-item>div { display: flex; justify-content: center; height: 100%; overflow: hidden; }
.module-videos .video-item>div img { width: 100px; }

@media (max-width: 768px) {
   .module-videos h3 {color: #0A0A0A; font-size: 30px; line-height: 40px; width: 100%; margin-bottom: 20px;}
   .module-videos { padding: 50px 0px 20px;}
   .module-videos .video-item { height: auto; padding: 0 5px; display: inline-block; width: 49%;}
}

.module-videos-white { background: #fff; padding: 100px 0px 80px;}
.module-videos-white h3 { color: #0A0A0A; font-size: 44px; line-height: 54px; width: 70%; margin-bottom: 40px; text-transform:uppercase; }
.module-videos-white .video-item { height: 535px; padding: 0 5px; }
.module-videos-white .video-item>div { display: flex; justify-content: center; height: 100%; overflow: hidden; }
.module-videos-white .video-item>div img { width: 100px; }


@media (max-width: 768px) {
   .module-videos-white h3 {color: #0A0A0A;
        font-size: 24px;
        line-height: 36px;
        font-weight: 500;
        width: 100%;
        margin-bottom: 20px;}
   .module-videos-white { padding: 50px 0px 10px;}
   .module-videos-white .video-item { height: auto; padding: 0 5px; display: inline-block; width: 49%;}
}

/* MODULE VIDEOS END */



/* MODULE PARTNERSHIP */
.module-partnership { padding: 100px 0px 100px; }

@media (max-width: 768px) {
    .module-partnership { padding: 60px 0px 30px; }
}

.module-partnership .col-sm-6 h2 { margin: 0 0 60px 0; color: #0A0A0A; font-size: 44px; line-height: 54px; }

.module-featured h2,
.module-bestseller h2 { margin: 0 0 60px 0; color: #0A0A0A; font-size: 44px; line-height: 54px; text-transform: uppercase;  }

.module-partnership .col-sm-6 h4 { margin: 0 0 14px 0; color: #0A0A0A; font-weight: 600; font-size: 24px; line-height: 30px; }
.module-partnership .col-sm-6 ul { list-style: none; padding: 0 10px; margin-bottom: 30px; }
.module-partnership .col-sm-6 li { font-size: 18px; margin: 10px 0; }
.module-partnership .col-sm-6 li::before { content: "\2022"; color: #00A1E6; font-weight: bold; display: inline-block;
  width: 10px; margin-left: -10px; margin-right: 10px;
}
.module-partnership .col-sm-6 button { color: #FAFAFA; font-weight: 600; font-size: 18px; padding: 25px 65px;
  background: #FF3535; border: 1px solid #FF3535; box-sizing: border-box; border-radius: 5px; margin-bottom: 40px;
}
.module-partnership .col-sm-6 button.outline { color: #0A0A0A; background: #FAFAFA; margin-bottom: 0px; }
.module-partnership .col-sm-6 img { width: 110%; }
/* MODULE PARTNERSHIP END */



/* MODULE HELP FORMS */
.module-help-form { padding: 130px 0px; }

.module-help-form span.text_policy{
    display: block;
}

.module-help-form>picture { display: flex; position: relative; height: 733px; top: -733px;
  margin-bottom: -733px; margin-left: -70px;
}
.module-help-form .help-form { background: rgba(251, 251, 251, 0.68); border: 1px solid rgba(44, 42, 42, 0.3);
  height: 643px; padding: 80px 100px 90px;
}
.module-help-form .help-form .col-sm-12 { padding-left: calc(100% - 620px); margin-bottom: 60px; }

@media (max-width: 768px) {
    .module-help-form .help-form .col-sm-12 {
        padding-left: 0;
        margin-bottom: 5px;
    }
}



.module-help-form h2 { color: #0A0A0A;
    font-size: 44px;
    line-height: 54px;
    font-weight: 450;
    margin: 0;
    text-align: left; }

.module-help-form p { font-style: italic; font-size: 16px; line-height: 22px; margin-top: 20px;
    padding-left: 0; text-align: left; margin-left: 0; }
.module-help-form .col-sm-6 img { width: 120%; margin-top: calc(-10% - 60px); margin-left: -20%; }
.module-help-form .col-sm-6 input { width: 100%; margin-bottom: 10px; height: 78px; border: 1px solid #BDBCBC;
  box-sizing: border-box; border-radius: 5px; padding: 27px 24px; font-size: 18px; line-height: 24px;
}
.module-help-form .form-control::-webkit-input-placeholder { font-style: italic; color: #C3C3C3; }
.module-help-form .col-sm-6 button { margin: 10px 0; width: 100%; background: #00A1E6; border-radius: 5px;
  padding: 27px; color: #FFFFFF; font-size: 18px; border: unset;
}
.module-help-form .col-sm-6 [type="checkbox"] { width: 31px; height: 31px; margin-right: 22px; float: left; }
.module-help-form .col-sm-6 span { display: flex; font-size: 14px; color: rgba(0, 0, 0, 0.5); margin-top: 10px; }
/* MODULE HELP FORMS END */



/* MODULE PARTNERS */
.module-partners { padding: 100px 0px 130px; }
.module-partners .col-sm-12 { display: flex; align-items: center; justify-content: space-between; }
.module-partners h2 { font-size: 44px; line-height: 54px; float: left; margin: 0; }
.module-partners .col-sm-12>div { width: calc(100% - 484px); margin-left: 100px; height: 54px; display: flex;
  align-items: center; justify-content: space-between;
}
.module-partners img { height: 25px; }
/* MODULE PARTNERS END */



/* MODULE PLUSES */
.module-plusses { padding: 50px 0px 130px; }

@media (max-width: 768px) {
    .module-plusses { padding: 50px 0px 60px; }
}


.module-plusses .col-sm-4 { display: flex; flex-wrap: wrap; }
.module-plusses img { width: 60px; margin-bottom: 20px;  }
.module-plusses span { color: #0A0A0A; font-size: 20px; line-height: 32px; }

@media (max-width: 575px) {
    .module-plusses img { margin:0 auto; width:45px; margin-bottom: 16px; margin-top: 46px;}
    .module-plusses { text-align: center; }
    .module-plusses span { line-height: 28px; }
}


@media (max-width: 768px) {
    .module-plusses img { margin:0 auto; width:45px; margin-bottom: 16px; margin-top: 46px;}
    .module-plusses { text-align: center; display: flex;}
    .module-plusses span { line-height: 28px; }
}

/* MODULE PLUSES END */




/** Блок 4 - Футер и Попапы **/

/* FOOTER */
.footer { margin-top: 0 }
.footer__inner { padding: 87px 0 74px }
.footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;
  justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 48px
}
.footer__down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify;
  -ms-flex-pack: justify; justify-content: space-between
}
.footer-mobi { display: none }
@media (max-width: 478px) {
  .footer-mobi { display: -webkit-box; display: -ms-flexbox; display: flex }
}
.footer__contact-logo { margin-bottom: 50px }
.footer__contact-item { margin-bottom: 26px }
.footer__contact-link { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: #BDBCBC }

a.footer__contact-link:hover{ color: #BDBCBC !important; text-decoration:none !important; }

.footer__supplies { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 36px
}
.footer__supplies-title { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.5px;
  text-transform: uppercase; color: #7E7E7E; margin: 0; margin-bottom: 40px
}
.footer__supplies-list { font-style: normal; font-weight: 450; font-size: 24px; line-height: 34px;
  letter-spacing: 0.01em; text-transform: uppercase; color: #0A0A0A
}
.footer__supplies-list--two-col { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(1, 1fr) }
.footer__supplies-item { margin-bottom: 5px }
.footer__supplies-link { font-weight: normal; font-size: 14px; line-height: 24px; letter-spacing: 0.2px; color: #BDBCBC;
  margin: 16px 0px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; white-space: nowrap
}
.footer__supplies-link:hover { color: white; font-weight: 600 }
.footer__delivery { padding-top: 36px }
.footer__delivery-title { font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; text-transform: uppercase;
  color: #7E7E7E; margin: 0; margin-bottom: 40px
}
.footer__delivery-inner { display: -webkit-box; display: -ms-flexbox; display: flex }
.footer__delivery-grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);
  grid-gap: 10px 40px; background: rgba(251, 251, 251, 0.1); border: 1px solid rgba(190, 190, 190, 0.1); -webkit-box-sizing: border-box;
  box-sizing: border-box; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 15px 20px; border-radius: 5px
}

.footer__delivery-grid--delivery { margin-right: 20px; -ms-grid-columns: 50% 30%; grid-template-columns: 50% 30%; align-items: center; }
.footer__social { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: right }
.footer__social-link svg path,
.footer__social-link svg rect { -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.footer__social-link:hover svg path { fill: #FF3535 }
.footer__social-link:hover svg rect { stroke: #FF3535 }
.footer__social-link:not(:last-child) { margin-right: 32px }
.footer__contact-list--mobile { display: none }
.footer__address { margin-bottom: 17px }
.footer__address--mobile { display: none }

.menu-mob { position: absolute; top: 0; right: 0; background-color: #0A0A0A; max-width: 338px; width: 100%; height: 100vh;
  z-index: 9; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateY(-2000px);
  -ms-transform: translateY(-2000px); transform: translateY(-2000px); overflow: auto
}
.menu-mob.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.menu-mob__top-section { padding: 16px 18px 13px 30px; position: relative }
.menu-mob__logo { max-width: 72px; max-height: 32px; margin-bottom: 20px; display: block }
.menu-mob__login { list-style: none; padding: 0; margin: 0 }
.menu-mob__item { font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: #FFFFFF }
.menu-mob__item--mail { color: #BDBCBC }
.menu-mob__close-btn { background: none; -webkit-box-shadow: none; box-shadow: none; border: none; cursor: pointer;
  width: 20px; height: 20px; background-image: url("../images/close-btn.svg");
  background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute;
  top: 20px; right: 13px
}
.menu-mob__line { width: 100%; background-color: #2C2A2A; list-style: none; display: -webkit-box; display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9px 30px; margin: 0; justify-content: space-around;
}
.menu-mob__line-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center;
  -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center
}

.menu-mob__line-btn { border: none; background: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center;
  justify-content: center
}
.menu-mob__menu { padding: 30px 0 0 35px; list-style: none; margin: 0; margin-bottom: 30px }
.menu-mob__menu-span { font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: #FFFFFF; margin-right: 10px }
.menu-mob__menu-item--dropdown { display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.menu-mob__menu-item:not(:last-child) { margin-bottom: 10px }
.menu-mob__menu-link { font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: #FFFFFF }
.menu-mob__dropdown { width: 100%; list-style: none; padding: 0; margin: 10px 0 0 0; padding-left: 10px; margin-right: 3px;
  height: 0px; z-index: -999; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s
}
.menu-mob__dropdown.active { height: 100%; font-size: 0; z-index: 1; opacity: 1 }
.menu-mob__dropdown-item:not(:last-child) { margin-bottom: 10px }
.menu-mob__dropdown-link { font-size: 16px; line-height: 20px; letter-spacing: 0.2px; color: #FAFAFA }
.menu-mob__numbers { padding-left: 30px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start
}

.menu-mob__number--btn { font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #FAFAFA; border: none;
  -webkit-box-shadow: none; box-shadow: none; background: none; padding: 0; border-bottom: 1px solid #FAFAFA;
  margin-bottom: 21px
}

.menu-desctop__number--btn { font-size: 16px; line-height: 20px; letter-spacing: 0.2px; color: #FAFAFA; border: none;
  -webkit-box-shadow: none; box-shadow: none; background: none; padding: 0; border-bottom: 1px solid #FAFAFA;
}

.menu-mob__number--link { font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #7E7E7E; margin-bottom: 12px }
.menu-mob__lang { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
  -ms-flex-align: center; align-items: center; padding-left: 30px; margin-bottom: 20px
}
.menu-mob__lang-title,
.menu-mob__locate-title { font-size: 16px; line-height: 24px; display: block; letter-spacing: 0.2px;
  color: #7E7E7E; margin-right: 30px
}
.menu-mob__lang-btn { border: none; background: none; -webkit-box-shadow: none; box-shadow: none;
  font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: rgba(189, 188, 188, 0.5);
  padding: 0; text-transform: uppercase
}
.menu-mob__lang-btn:not(:last-child) { margin-right: 20px }
.menu-mob__lang-btn.active { color: #BDBCBC; font-weight: 600 }
.menu-mob__locate { padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex }
.menu-mob__choice-city { border: none; background: none; -webkit-box-shadow: none; box-shadow: none;
  font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: #BDBCBC
}
.menu-mob-choicen-city { display: inline-block; border-bottom: 1px dashed #BDBCBC; margin-right: 12px }
.mob-modal { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background-color: rgba(86, 85, 85, 0.6);
  z-index: 30; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateY(-2000px);
  -ms-transform: translateY(-2000px); transform: translateY(-2000px); display: -webkit-box; display: -ms-flexbox;
  display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
  flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center
}
.mob-modal.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.mob-modal__inner { background-color: white; padding: 60px 70px; max-width: 1012px; position: relative }
.mob-modal__close { position: absolute; border: none; background: none; -webkit-box-shadow: none;
  box-shadow: none; top: 24px; right: 24px; width: 26px; height: 26px; background-image: url("../images/close-btn.svg");
  background-repeat: no-repeat; background-position: center
}
.mob-modal__title { font-style: normal; font-weight: 450; font-size: 24px; line-height: 34px;
  letter-spacing: 0.01em; text-transform: uppercase; color: #0A0A0A; margin: 0; margin-bottom: 10px
}
.mob-modal__subtitle { font-weight: normal; display: block; font-size: 16px; line-height: 24px;
  letter-spacing: 0.2px; color: #7E7E7E; padding-left: 39px; background-image: url(../images/car.svg);
  background-position: left top; background-repeat: no-repeat; background-size: contain;
  margin-bottom: 40px
}

@media (max-width: 768px) {

    .mob-modal__subtitle {
      padding-left: 60px;
    }

}


.mob-modal__grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr); grid-gap: 0 50px; list-style: none;
  padding: 0; margin-bottom: 30px
}
.mob-modal__item { font-style: normal; font-weight: 450; font-size: 18px; line-height: 50px;
  letter-spacing: 0.2px; color: #585858; display: inline
}

.mob-modal__item:hover { cursor: pointer; background-image: url(../images/check.svg); background-repeat: no-repeat;
  background-position: right center; color: #00A1E6 }

.mob-modal__item.active { background-image: url(../images/check.svg); background-repeat: no-repeat;
  background-position: right center; color: #00A1E6
}

.mob-modal__item.active_select { color: #00A1E6 }

.mob-modal__label { display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
  flex-direction: column; margin-bottom: 20px
}
.mob-modal__label-title { padding-left: 31px; font-style: normal; font-weight: 600; font-size: 18px;
  line-height: 22px; letter-spacing: 0.2px; color: #0A0A0A; margin-bottom: 15px
}
.mob-modal__input { padding: 15px 40px; border: 1px solid #BDBCBC; -webkit-box-sizing: border-box;
  box-sizing: border-box; border-radius: 5px; font-size: 18px; line-height: 24px; letter-spacing: 0.005em;
  color: black
}
.mob-modal__input::-webkit-input-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
  line-height: 24px; letter-spacing: 0.005em; color: #7E7E7E
}
.mob-modal__input::-moz-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
  line-height: 24px; letter-spacing: 0.005em; color: #7E7E7E
}
.mob-modal__input:-ms-input-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
  line-height: 24px; letter-spacing: 0.005em; color: #7E7E7E
}
.mob-modal__input::-ms-input-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
  line-height: 24px; letter-spacing: 0.005em; color: #7E7E7E
}
.mob-modal__input::placeholder { font-style: italic; font-weight: normal; font-size: 18px;
  line-height: 24px; letter-spacing: 0.005em; color: #7E7E7E
}
.mob-modal__text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px;
  letter-spacing: 0.2px; color: #7E7E7E; padding: 0 40px
}

.popup-pannel-info {color: red; display: block;}

@media (max-width: 770px) {
  .mob-modal__inner { position: relative; width: 100%; height: 100%; padding: 17px 20px }
  .mob-modal__close { top: 20px; right: 18px }
  .mob-modal__title { font-weight: 600; font-size: 20px; line-height: 30px; letter-spacing: 0.5px;
    color: #0A0A0A; margin: 0; margin-bottom: 14px
  }
  .mob-modal__subtitle { font-size: 14px; margin-bottom: 30px }
  .mob-modal__grid { display: -ms-grid; display: grid; -ms-grid-columns: 40% 50%; grid-template-columns: 40% 50%;
    grid-gap: 0 30px; list-style: none; padding: 0; margin-bottom: 30px
  }
  .mob-modal__item { font-weight: 450; font-size: 16px; line-height: 50px; letter-spacing: 0.2px;
    color: #585858; padding-right: 13px; white-space: nowrap; -o-text-overflow: ellipsis;
    text-overflow: ellipsis; overflow: hidden
  }
  .mob-modal__item.active { background-image: url(../images/check.svg); background-repeat: no-repeat;
    background-position: right center; color: #00A1E6
  }
  .mob-modal__label { display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
    flex-direction: column; width: 100%; margin: 0 auto; margin-bottom: 20px
  }
  .mob-modal__label-title { font-weight: 600; font-size: 16px; line-height: 28px; letter-spacing: 0.5px;
    color: #0A0A0A; margin-bottom: 18px
  }
  .mob-modal__input { padding: 15px 18px; border: 1px solid #BDBCBC; border-radius: 5px;
    font-size: 18px; font-weight: bold
  }
  .mob-modal__input::-webkit-input-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
    line-height: 1; letter-spacing: 0.005em; padding-top: 2px
  }
  .mob-modal__input::-moz-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
    line-height: 1; letter-spacing: 0.005em; padding-top: 2px
  }
  .mob-modal__input:-ms-input-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
    line-height: 1; letter-spacing: 0.005em; padding-top: 2px
  }
  .mob-modal__input::-ms-input-placeholder { font-style: italic; font-weight: normal; font-size: 18px;
    line-height: 1; letter-spacing: 0.005em; padding-top: 2px
  }
  .mob-modal__input::placeholder { font-style: italic; font-weight: normal; font-size: 18px; line-height: 1;
    letter-spacing: 0.005em; padding-top: 2px
  }
  .mob-modal__text { font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: #7E7E7E }

  .footer { background-color: #2C2A2A }
  .footer__inner { padding: 70px 0 40px }
  .footer__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
    flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center
  }
  .footer__contact-list--decktop { display: none }
  .footer__contact-list--mobile { display: block }
  .footer__contact-item { text-align: center }
  .footer__supplies { padding: 0; width: 100%; text-align: center; margin-bottom: 60px }
  .footer__supplies-title,
  .footer__delivery-title { display: none }
  .footer__supplies-list--two-col { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr) }
  .footer__delivery-title { text-align: center }
  .footer__social { text-align: center }
  .footer__address--mobile { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center
  }
  .footer__address--mobile span { display: block; font-size: 16px; line-height: 24px; margin-bottom: 10px; letter-spacing: 0.2px }
  .footer__contact-item { margin-bottom: 10px }
  .footer__address { display: none }
  .footer__down { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
    flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center
  }
  .footer__social { margin-bottom: 20px }
  .footer-desktop--copy { text-align: center; font-size: 16px; line-height: 24px; max-width: 80%; margin-bottom: 20px }
}


.block-custom-customer #custom-customer{ display: none; }

.text-error-red{ color: red; }