@charset "utf-8";

/* ЦЕНТРАЛЬНОЕ МЕНЮ */
#center-menu { list-style: none; margin: 0px 0px 50px 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; padding: 0px; overflow: hidden; }
#center-menu li { position: relative; margin: 10px 10px 0px 0px; padding: 0px; width: calc( (100% - 40px) / 5); box-sizing: border-box; }
#center-menu li:nth-child(1), #center-menu li:nth-child(2),
#center-menu li:nth-child(3), #center-menu li:nth-child(4),
#center-menu li:nth-child(5) { margin-top: 0px; }
#center-menu li:nth-child(5n+5) { margin-right: 0px; }
#center-menu li::before { content: ''; display: block; padding-top: 100%; }
#center-menu li a { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; text-decoration: none; overflow: hidden; }
#center-menu li a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; overflow: hidden; object-fit: cover; }
#center-menu li a img.lazyload { width: 100%; height: 100%; }
#center-menu li::after { content: ''; position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 28%; background: linear-gradient(to bottom, rgba(21,21,21,0) 0%,rgba(21,21,21,1) 100%); }
#center-menu strong { position: absolute; left: 0px; bottom: 20px; display: block; width: 100%; font-size: 16px; font-weight: bold; text-align: center; color: #FFFFFF; z-index: 2; }

#center-menu li:nth-child(n+1):nth-child(-n+15) strong { color: #262A2B; }
#center-menu li:nth-child(n+1):nth-child(-n+15)::after { display: none; }
/* ЦЕНТРАЛЬНОЕ МЕНЮ */

/* БЛОК МЕНЮ С AJAX-ПОДРОБНОСТЯМИ */
.menu-ajaxblock .swiper-container { width: 100%; height: 170px; padding: 0px 30px; border: 1px solid #E8E8E8; overflow: hidden; box-sizing: border-box; }
.menu-ajaxblock .swiper-container .swiper-slide { position: relative; width: calc((100% - 200px) / 6); height: 100%; }
.menu-ajaxblock .swiper-container .swiper-slide a { display: block; height: 100%; padding-top: 25px; text-decoration: none; box-sizing: border-box; }
.menu-ajaxblock .swiper-container .swiper-slide .icon { display: block; height: 70px; text-align: center; overflow: hidden; }
.menu-ajaxblock .swiper-container .swiper-slide .icon img { max-width: 110px; height: 70px; }
.menu-ajaxblock .swiper-container .swiper-slide .name { margin-top: 10px; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #707070; transition: 0.2s; }
.menu-ajaxblock .swiper-container .swiper-slide a:hover .name, .menu-ajaxblock .swiper-container .swiper-slide.active a .name { color: #262A2B; }
.menu-ajaxblock .swiper-container .swiper-slide.swiper-slide-active::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 4px; background: #FBCB2C; }
.menu-ajaxblock .swiper-container .swiper-button-prev,
.menu-ajaxblock .swiper-container .swiper-button-next { position: absolute; top: 0px; margin-top: 0px; display: block; width: 30px; height: 100%; background: #F2F2F2; transition: 0.2s; }
.menu-ajaxblock .swiper-container .swiper-button-prev:hover,
.menu-ajaxblock .swiper-container .swiper-button-next:hover { background: #FBCB2C; border-color: #FBCB2C; }
.menu-ajaxblock .swiper-container .swiper-button-prev { left: 0px; border-right: 1px solid #E8E8E8; }
.menu-ajaxblock .swiper-container .swiper-button-next { right: 0px; border-left: 1px solid #E8E8E8; }
.menu-ajaxblock .swiper-container .swiper-button-prev::before,
.menu-ajaxblock .swiper-container .swiper-button-prev::after,
.menu-ajaxblock .swiper-container .swiper-button-next::before,
.menu-ajaxblock .swiper-container .swiper-button-next::after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; display: block; width: 12px; height: 1px; background: #707070; transition: 0.2s; }
.menu-ajaxblock .swiper-container .swiper-button-prev::before { margin-top: -4px; transform: rotate(-45deg); }
.menu-ajaxblock .swiper-container .swiper-button-prev::after { margin-top: 4px; transform: rotate(45deg); }
.menu-ajaxblock .swiper-container .swiper-button-next::before { margin-top: -4px; transform: rotate(45deg); }
.menu-ajaxblock .swiper-container .swiper-button-next::after { margin-top: 4px; transform: rotate(-45deg); }
.menu-ajaxblock .swiper-container .swiper-button-prev:hover::before,
.menu-ajaxblock .swiper-container .swiper-button-prev:hover::after,
.menu-ajaxblock .swiper-container .swiper-button-next:hover::before,
.menu-ajaxblock .swiper-container .swiper-button-next:hover::after { background: #333333; }
.menu-ajaxblock .details { border: 1px solid #E8E8E8; border-top: 0px; box-sizing: border-box; }
.menu-ajaxblock .details .data { position: relative; min-height: 290px; padding: 50px calc(100% - 445px) 50px 50px; }
.menu-ajaxblock .details .data .name { font-size: 30px; font-weight: bold; }
.menu-ajaxblock .details .data .name a { color: #262A2B; text-decoration: none; text-decoration-style: dotted; }
.menu-ajaxblock .details .data .name a:hover { text-decoration: underline; }
.menu-ajaxblock .details .data .intro { margin-top: 20px; height: 130px; font-size: 16px; line-height: 26px; color: #707070; overflow: hidden; }
.menu-ajaxblock .details .data .info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.menu-ajaxblock .details .data .info>div { position: relative; margin-top: 20px; width: calc((100% - 40px) / 2); height: 26px; padding-left: 37px; box-sizing: border-box; font-size: 16px; line-height: 26px; color: #333333; }
.menu-ajaxblock .details .data .info>div svg { position: absolute; left: 0px; top: 0px; width: 26px; height: 26px; }
.menu-ajaxblock .details .data .info>div.model svg { left: 2px; top: 2px; width: 22px; height: 22px; }
.menu-ajaxblock .details .data .info>div svg use { fill: #2EADCB; }
.menu-ajaxblock .details .data .icon { position: absolute; left: calc( 50% - 222px ); top: 50%; margin-left: 445px; transform: translate(-50%, -50%); display: block; width: 480px; height: 290px; text-align: center; line-height: 290px; overflow: hidden; }
.menu-ajaxblock .details .data .icon img { width: auto !important; height: auto !important; max-width: 480px; max-height: 290px; }
.menu-ajaxblock .details.ajax { height: 388px; background: #F8F8F8 url('images/ajax-loader.gif') no-repeat center; }
.menu-ajaxblock .details.ajax .data { display: none; }
/* БЛОК МЕНЮ С AJAX-ПОДРОБНОСТЯМИ */

/* ПОПУЛЯРНЫЕ БРЕНДЫ */
#popular-brands { position: relative; margin-top: 50px; }
#popular-brands::before { content: 'Популярные бренды'; margin-bottom: 20px; display: block; font-size: 30px; font-weight: bold; color: #262A2B; text-align: left; }
#popular-brands .swiper-container { margin: 0px auto; width: calc(100% - 80px); height: auto; padding: 10px; border: 1px solid #E8E8E8; box-sizing: border-box; }
#popular-brands .swiper-slide { width: 150px; height: 60px; }
#popular-brands a { margin-top: 10px; display: block; width: 100%; text-align: center; line-height: 60px; overflow: hidden; vertical-align: top; opacity: 0.5; transition: 0.2s; }
#popular-brands a img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; transition: 0.2s;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    filter: grayscale(100%);
    filter: grayscale(1);
}
#popular-brands a span { display: none; }
#popular-brands a:hover { opacity: 1; }
#popular-brands a:hover img { filter: none; filter: grayscale(0); }
#popular-brands .swiper-pagination { position: relative; left: auto; bottom: auto; margin-top: 5px; }
#popular-brands .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFCC01; }

#popular-brands .swiper-button-prev,
#popular-brands .swiper-button-next { position: absolute; top: auto; bottom: 0px; margin-top: 0px; display: block; width: 30px; height: 225px; background: #F2F2F2; transition: 0.2s; }
#popular-brands .swiper-button-prev:hover,
#popular-brands .swiper-button-next:hover { background: #FBCB2C; border-color: #FBCB2C; }
#popular-brands .swiper-button-prev { left: 0px; border-right: 1px solid #E8E8E8; }
#popular-brands .swiper-button-next { right: 0px; border-left: 1px solid #E8E8E8; }
#popular-brands .swiper-button-prev::before,
#popular-brands .swiper-button-prev::after,
#popular-brands .swiper-button-next::before,
#popular-brands .swiper-button-next::after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; display: block; width: 12px; height: 1px; background: #707070; transition: 0.2s; }
#popular-brands .swiper-button-prev::before { margin-top: -4px; transform: rotate(-45deg); }
#popular-brands .swiper-button-prev::after { margin-top: 4px; transform: rotate(45deg); }
#popular-brands .swiper-button-next::before { margin-top: -4px; transform: rotate(45deg); }
#popular-brands .swiper-button-next::after { margin-top: 4px; transform: rotate(-45deg); }
#popular-brands .swiper-button-prev:hover::before,
#popular-brands .swiper-button-prev:hover::after,
#popular-brands .swiper-button-next:hover::before,
#popular-brands .swiper-button-next:hover::after { background: #333333; }
/* ПОПУЛЯРНЫЕ БРЕНДЫ */

/* ТОВАРЫ ТИП 1 */
.stores1 { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; width: calc(100% + 30px); }
.stores1 li { position: relative; margin: 25px 0px 0px 0px; width: calc(100% / 3); padding: 0px 25px 0px 0px; box-sizing: border-box; }
.stores1 li .holder { height: 100%; padding: 25px 25px 112px 25px; background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; overflow: hidden; transition: 0.2s; }

.stores1 li .icon { position: relative; display: block; width: 100%; max-height: 225px; padding-bottom: 18px; text-align: center; }
.stores1 li .icon.noslider { height: 243px; }
.stores1 li .icon.noslider img { width: auto !important; height: auto !important; }
.stores1 li .icon .swiper-container { width: 100%; height: 100%; }
.stores1 li .icon .swiper-slide { height: 225px; text-align: center; overflow: hidden; }
.stores1 li .icon .swiper-slide img { width: auto !important; height: auto !important; max-width: 100%; max-height: 225px; }
.stores1 li .icon .swiper-slide .loader { position: relative; height: 200px; background: #DFDFDF url('images/ajax-loader.gif') no-repeat center; }
.stores1 li .icon .swiper-slide .userimg { position: absolute; right: 10px; top: 10px; padding: 0px 10px; color: #141414; background: #FFCC01; border-radius: 2px; }
.stores1 li .icon .swiper-slide .userimg::after { content: ' '; }
.stores1 li .icon .swiper-slide .comment { position: absolute; left: 0; top: 0; width: 100%; height: 225px; padding: 55px 0px 0px 0px; box-sizing: border-box; }
.stores1 li .icon .swiper-slide .comment .client { position: absolute; left: 0px; top: 10px; width: 100%; height: 35px; padding: 0px 0px 11px 45px; box-sizing: border-box; text-align: left; }
.stores1 li .icon .swiper-slide .comment .client .photo { position: absolute; left: 0px; top: 0px; width: 33px; height: 33px; border: 1px solid #DDDDDD; border-radius: 50%; overflow: hidden; }
.stores1 li .icon .swiper-slide .comment .client .photo img { width: 100%; height: 100%; object-fit: cover; }
.stores1 li .icon .swiper-slide .comment .client .fio { font-size: 20px; line-height: 24px; font-weight: bold; color: #050421; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.stores1 li .icon .swiper-slide .comment .client .stars { position: absolute; left: 45px; bottom: 0px; height: 10px; white-space: nowrap; }
.stores1 li .icon .swiper-slide .comment .client .stars span { position: relative; margin-right: 1px; display: inline-block; width: 12px; height: 12px; vertical-align: top; }
.stores1 li .icon .swiper-slide .comment .client .stars span svg use { fill: #DDDDDD; }
.stores1 li .icon .swiper-slide .comment .client .stars.stars1 span:nth-child(1) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars2 span:nth-child(1) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars3 span:nth-child(1) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars4 span:nth-child(1) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars5 span:nth-child(1) svg use { fill: #FAD314; }
.stores1 li .icon .swiper-slide .comment .client .stars.stars2 span:nth-child(2) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars3 span:nth-child(2) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars4 span:nth-child(2) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars5 span:nth-child(2) svg use { fill: #FAD314; }
.stores1 li .icon .swiper-slide .comment .client .stars.stars3 span:nth-child(3) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars4 span:nth-child(3) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars5 span:nth-child(3) svg use { fill: #FAD314; }
.stores1 li .icon .swiper-slide .comment .client .stars.stars4 span:nth-child(4) svg use,
.stores1 li .icon .swiper-slide .comment .client .stars.stars5 span:nth-child(4) svg use { fill: #FAD314; }
.stores1 li .icon .swiper-slide .comment .client .stars.stars5 span:nth-child(5) svg use { fill: #FAD314; }
.stores1 li .icon .swiper-slide .comment .summary { position: relative; height: 100%; font-size: 14px; line-height: 22px; color: #555555; overflow: auto; text-align: left; }
.stores1 li .icon .swiper-button-prev { position: absolute; left: -25px; top: 50%; margin-top: -26px; display: none; width: 26px; height: 52px; background: #EAEAEA; transition: 0.2s; cursor: pointer; }
.stores1 li .icon .swiper-button-prev::after { content: ''; position: absolute; left: 50%; top: 50%; margin: -8px 0px 0px -6px; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #626262; transition: 0.2s; }
.stores1 li .icon .swiper-button-prev:hover { background: #FFE580; }
.stores1 li .icon .swiper-button-prev:hover::after { border-right-color: #FFFFFF; }
.stores1 li .icon .swiper-button-prev:active { background: #FFE580; }
.stores1 li .icon .swiper-button-prev:active::after { border-right-color: #555555; }
.stores1 li .icon .swiper-button-next { position: absolute; right: -25px; top: 50%; margin-top: -26px; display: none; width: 26px; height: 52px; background: #EAEAEA; transition: 0.2s; cursor: pointer; }
.stores1 li .icon .swiper-button-next::after { content: ''; position: absolute; left: 50%; top: 50%; margin: -8px 0px 0px -3px; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #626262; transition: 0.2s; }
.stores1 li .icon .swiper-button-next:hover { background: #FFE580; }
.stores1 li .icon .swiper-button-next:hover::after { border-left-color: #FFFFFF; }
.stores1 li .icon .swiper-button-next:active { background: #FFE580; }
.stores1 li .icon .swiper-button-next:active::after { border-left-color: #555555; }
.stores1 li .icon .swiper-pagination { position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; }
.stores1 li .icon .swiper-pagination .swiper-pagination-bullet { margin: 0px 3px; }
.stores1 li:hover .icon .swiper-button-prev, .stores1 li:hover .icon .swiper-button-next { display: block; }

.stores1 li .name { margin-top: 25px; display: block; font-size: 20px; line-height: 34px; overflow: hidden; }
.stores1 li .name a { color: #262A2B; text-decoration: none; transition: 0.2s; }
.stores1 li .name a:hover { color: #2A9DD1; }
.stores1 li .price-rating { position: absolute; left: 25px; bottom: 25px; right: 25px; height: 97px; }
.stores1 li .rating { position: relative; margin-top: 20px; height: 24px; padding-left: 80px; font-size: 14px; line-height: 24px; color: #707070; }
.stores1 li .rating .stars { position: absolute; left: 0px; top: 5px; width: 75px; height: 14px; background: url('images/star14.png'); }
.stores1 li .rating .stars:after { content: ''; display: block; height: 14px; background: url('images/star14.png') 0px -14px; }
.stores1 li .rating .stars.rating1:after { width: 15px; }
.stores1 li .rating .stars.rating2:after { width: 30px; }
.stores1 li .rating .stars.rating3:after { width: 45px; }
.stores1 li .rating .stars.rating4:after { width: 60px; }
.stores1 li .rating .stars.rating5:after { width: 75px; }
.stores1 li .rating div span { margin-left: 20px; text-decoration: none; color: #707070; cursor: pointer; transition: 0.2s; }
.stores1 li .rating div span::before { content: ''; margin-right: 15px; display: inline-block; width: 24px; height: 24px; background: url('images/comment.svg'); background-size: 100%; vertical-align: middle; }
.stores1 li .rating div span:hover { color: #2A9DD1; }
.stores1 li .price { position: relative; margin-top: 15px; font-size: 20px; font-weight: bold; color: #262A2B; }
.stores1 li .price del { position: absolute; left: 0px; top: 26px; font-size: 16px; font-weight: normal; color: #707070; text-decoration: line-through; }
.stores1 li .price span { margin-left: 14px; font-size: 14px; font-weight: normal; color: #3A9E0B; text-shadow: 0px 0px 0px #3A9E0B; }
.stores1 li .price span:before { content: '+кэшбэк'; margin-right: 5px; color: #767676; text-shadow: 0px 0px 0px #767676; }
.stores1 li .price.NO span { display: none; }
.stores1 li .hovered { position: absolute; left: -1px; top: 100%; margin-top: -15px; display: none; width: calc(100% - 24px); padding: 0px 25px 25px 25px; background: #FFFFFF; box-shadow: 0px 10px 30px #00000015; z-index: 5; box-sizing: border-box; }
.stores1 li .order { position: relative; margin-top: 20px; display: none; }
.stores1 li .buy:after { content: 'КУПИТЬ'; }
.stores1 li .wait { height: 32px; padding: 2px 30px; font-size: 14px; line-height: 16px; }
.stores1 li .compare { position: absolute; right: 46px; top: 0px; width: 36px; height: 36px; background: #F5F5F5; transition: 0.2s; cursor: pointer; }
.stores1 li .compare svg { position: absolute; left: 9px; top: 9px; display: block; width: 18px; height: 18px; }
.stores1 li .compare svg use { fill: #56BBD3; transition: 0.2s; }
.stores1 li .compare:after { content: ''; position: absolute; right: -8px; bottom: -8px; display: block; width: 23px; height: 22px; background: url('images/checked.png'); opacity: 0; }
.stores1 li .compare:hover { background: #FFF2BF; }
.stores1 li .compare:hover svg use { fill: #66645F; }
.stores1 li .compare.checked { background: #FFF2BF; }
.stores1 li .compare.checked svg use { fill: #66645F; }
.stores1 li .compare.checked:after { opacity: 1; }
.stores1 li .wishlist { position: absolute; right: 0px; top: 0px; width: 36px; height: 36px; background: #F5F5F5; transition: 0.2s; cursor: pointer; }
.stores1 li .wishlist svg { position: absolute; left: 9px; top: 9px; display: block; width: 18px; height: 18px; }
.stores1 li .wishlist svg use { fill: #56BBD3; transition: 0.2s; }
.stores1 li .wishlist:after { content: ''; position: absolute; right: -8px; bottom: -8px; display: block; width: 23px; height: 22px; background: url('images/checked.png'); opacity: 0; }
.stores1 li .wishlist:hover { background: #FFF2BF; }
.stores1 li .wishlist:hover svg use { fill: #66645F; }
.stores1 li .wishlist.checked { background: #FFF2BF; }
.stores1 li .wishlist.checked svg use { fill: #66645F; }
.stores1 li .wishlist.checked:after { opacity: 1; }
.stores1 li ol { list-style: none; margin: 14px 0px 0px 0px; display: none; padding: 0px; }
.stores1 li ol li { float: none; margin: 10px 0px 0px 0px; padding: 0px; width: auto; height: auto; font-size: 14px; color: #292929; }
.stores1 li ol li span:not(.hint) { margin-right: 10px; color: #AAAAAA; }
.stores1 li ol li span:not(.hint):after { content: ':'; }
.stores1 li ol li span.hint { margin-left: 5px; }
.stores1 .labels-left { position: absolute; left: 0px; top: 10px; z-index: 2; }
.stores1 .labels-right { position: absolute; right: 25px; top: 10px; text-align: right; z-index: 2; }
.stores1 .labels-left>div, .stores1 .labels-right>div { margin-bottom: 8px; }
.stores1 .labels-left>div>span, .stores1 .labels-right>div>span { display: inline-block; height: 30px; padding: 0px 10px; font-size: 12px; line-height: 30px; opacity: 0.9; }
.stores1 .labels-left span.hit { background: #90D930; color: #FFFFFF; }
.stores1 .labels-left span.hit::after { content: 'ХИТ!'; }
.stores1 .labels-left span.new { background: #FDD01B; color: #FFFFFF; }
.stores1 .labels-left span.new::after { content: 'НОВИНКА'; }
.stores1 .labels-left span.discount { background: linear-gradient(271deg, #FCA752 0%, #DD4532 100%) 0% 0% no-repeat padding-box; color: #FFFFFF; }
.stores1 .labels-left span.discount::before { content: 'СКИДКА '; }
.stores1 .labels-left span.discount::after { content: '%'; }
.stores1 .labels-left span.lfreedeliv { color: #FFFFFF; background: linear-gradient(to right,  #61B183 0%,#79CC67 100%); }
.stores1 .labels-left span.lfreedeliv svg { position: relative; margin: -1px 0px 0px 7px; display: inline-block; width: 28px; height: 28px; vertical-align: middle; }
.stores1 .labels-left span.lfreedeliv svg use { fill: #FFFFFF; }
.stores1 .labels-left span.lfreedeliv::before { content: 'БЕСПЛАТНО'; }
.stores1 .labels-right span.video { background: #87798A; color: #FFFFFF; }
.stores1 .labels-right span.video::after { content: 'ВИДЕО-ОБЗОР'; }
.stores1 .labels-right span.choise { background: #FDD01B; color: #333333; }
.stores1 .labels-right span.choise::after { content: 'НАШ ВЫБОР'; }
.stores1 .labels-right span.present { background: #FF3333; color: #FFFFFF; }
.stores1 .labels-right span.present::after { content: '+ПОДАРОК'; }
.stores1 .labels-right span.topsale { background: #FF33F9; color: #FFFFFF; }
.stores1 .labels-right span.topsale::after { content: 'ТОП ПРОДАЖ'; }
.stores1 li:hover .holder { border-color: #FFFFFF; box-shadow: 0px 3px 30px #00000015; z-index: 4; }
.stores1 li:hover .holder .hovered { display: block; }
.stores1 li:hover ol { display: block; }
.stores1 li:hover .order { display: block; }
.stores1 li.banner .holder { text-align: center; }
.stores1 li.banner:hover .holder { height: 390px !important; }
.stores1 li .kExistOrder, .stores1 li .kAbsentOrder, .stores1 li .kAbsent { filter: grayscale(1); }
/* ТОВАРЫ ТИП 1 */

/* СПИСОК НОВОСТЕЙ ТИП 1 */
.newslist1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; }
.newslist1 .col { margin-right: 20px; width: calc((100% - 60px) / 4); }
.newslist1 .col:nth-child(4) { margin-right: 0px; }
.newslist1 .icon { position: relative; display: block; width: 100%; overflow: hidden; }
.newslist1 .icon::before { content: ''; display: block; padding-top: 70%; }
.newslist1 .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.newslist1 .name { margin-top: 20px; display: block; font-size: 16px; }
.newslist1 .name a { color: #262A2B; text-decoration: none; transition: 0.2s; }
.newslist1 .name a:hover { color: #2EADCB; }
.newslist1 .intro { margin-top: 20px; font-size: 16px; line-height: 26px; color: #707070; }
.newslist1 ul { list-style: none; margin: 0px; padding: 0px; }
.newslist1 ul li { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 10px; }
.newslist1 ul li:nth-child(1) { margin-top: 0px; }
.newslist1 ul li a { font-size: 16px;   font-weight: bold; color: #262A2B; text-decoration: none; transition: 0.2s; }
.newslist1 ul li a:hover { color: #2EADCB; }
/* СПИСОК НОВОСТЕЙ ТИП 1 */

/* ВИДЕООБЗОРЫ */
.video-reviews { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; }
.video-reviews .col { margin-right: 20px; width: calc((100% - 60px) / 4); }
.video-reviews .col:nth-child(4) { margin-right: 0px; }
.video-reviews .col>.icon { position: relative; display: block; width: 100%; overflow: hidden; }
.video-reviews .col>.icon::before { content: ''; display: block; padding-top: 70%; }
.video-reviews .col>.icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.video-reviews .col div { margin-top: 20px; display: block; font-size: 16px; font-weight: bold; }
.video-reviews .col div a { color: #262A2B; text-decoration: none; transition: 0.2s; }
.video-reviews .col div a:hover { color: #2EADCB; }
.video-reviews ul { list-style: none; margin: 0px; padding: 0px; }
.video-reviews ul li { position: relative; margin-top: 20px; min-height: 70px; padding-left: 120px; font-size: 16px; font-weight: bold; line-height: 22px; }
.video-reviews ul li:nth-child(1) { margin-top: 0px; }
.video-reviews ul li .icon { position: absolute; left: 0px; top: 0px; display: block; width: 100px; height: 70px; text-align: center; line-height: 70px; overflow: hidden; }
.video-reviews ul li .icon img { max-width: 100px; max-height: 70px; }
.video-reviews ul li .name { color: #262A2B; text-decoration: none; transition: 0.2s; }
.video-reviews ul li .name:hover { color: #2EADCB; }
/* ВИДЕООБЗОРЫ */

/* ПОЧЕМУ ПОКУПАТЬ У НАС */
#why-we { margin-top: 70px; }
#why-we .title { padding: 50px 0px 20px 0px; font-size: 30px; font-weight: bold; color: #262A2B; }
#why-we .title h1 { display: inline; font-weight: bold; text-transform: none; }
#why-we .holder { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
#why-we .text { width: calc(50% - 35px); }
#why-we .text p { margin: 0px; font-size: 16px; line-height: 26px; color: #333333; }
#why-we .text ul { list-style: none; margin: 50px 0px 0px 0px; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
#why-we .text ul li { margin: 0px; padding: 0px; width: calc((100% - 140px) / 3); min-width: 180px; font-size: 16px; line-height: 26px; color: #333333; }
#why-we .text ul li::before { content: ''; display: block; }
#why-we .text ul li:nth-child(1)::before { margin-bottom: 20px; width: 68px; height: 48px; background: url('images/index/ww-icons.png'); }
#why-we .text ul li:nth-child(2)::before { margin-bottom: 20px; width: 68px; height: 48px; background: url('images/index/ww-icons.png') 0px -48px; }
#why-we .text ul li:nth-child(3)::before { margin-bottom: 16px; width: 47px; height: 53px; background: url('images/index/ww-icons.png') -10px -96px; }
#why-we .icon { position: relative; width: calc(50% - 35px); }
#why-we .icon::before { content: ''; display: block; padding-top: 79%; }
#why-we .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; }
/* ПОЧЕМУ ПОКУПАТЬ У НАС */

/* БЛОКИ ТЕКСТА НА ГЛАВНОЙ */
.index-text .title h2 { display: inline; font-size: 30px; font-weight: bold; text-transform: none; }
.index-text ul { list-style: none; margin: 0px; padding: 0px; }
.index-text ul li { position: relative; margin: 20px 0px; padding: 0px 0px 0px 34px; font-size: 16px; line-height: 26px; }
.index-text ul li:nth-child(1) { margin-top: 0px; }
.index-text ul li::before { content: '\2714'; position: absolute; left: 0px; top: 2px; display: block; width: 22px; heihgt: 22px; background: #FBCB2C; text-align: center; line-height: 22px; font-size: 14px; font-weight: bold; color: #FFFFFF; border-radius: 50%; }

.index-text ol { list-style: none; margin: 0px; padding: 0px; counter-reset: list1; }
.index-text ol li { position: relative; margin: 20px 0px; min-height: 44px; padding: 0px 0px 0px 53px; font-size: 16px; line-height: 22px; }
.index-text ol li:nth-child(1) { margin-top: 0px; }
.index-text ol li::before { counter-increment: list1; content: counter(list1); position: absolute; left: 0px; top: 0px; display: block; width: 44px; heihgt: 44px; background: rgba(255,233,147,0.44); text-align: center; line-height: 44px; font-size: 22px; font-weight: bold; color: #FBCB2C; border-radius: 50%; }

.index-text p { margin-top: 20px; font-size: 16px; line-height: 26px; }
.index-text .index-path { color: #2EADCB; }
.index-text .index-path a { text-decoration: none; }
/* БЛОКИ ТЕКСТА НА ГЛАВНОЙ */

@media all and (max-width: 1024px)
{
    #center-menu li { width: calc( (100% - 30px) / 4); }
    #center-menu li:nth-child(5) { margin-top: 10px; }
    #center-menu li:nth-child(5n+5) { margin-right: 10px; }
    #center-menu li:nth-child(4n+4) { margin-right: 0px; }
    
    .menu-ajaxblock .swiper-container .swiper-slide { width: calc((100% - 160px) / 5); }
    .menu-ajaxblock .details .data { padding: 20px 50% 20px 20px; }
    .menu-ajaxblock .details .data .icon { left: 75%; top: 50%; margin-left: 0; width: calc(50% - 20px); }
    .menu-ajaxblock .details .data .icon img { max-width: calc(100% - 20px); }
    
    .stores1 { width: 100%; }
    .stores1 li { margin: 15px 15px 0px 0px; width: calc((100% - 30px) / 3); padding: 0px; }
    .stores1 li:nth-child(3n+3) { margin-right: 0px; }
    .stores1 li .holder { padding: 15px 15px 102px 15px; }
    .stores1 li:hover .icon .swiper-button-prev, .stores1 li:hover .icon .swiper-button-next { display: none; }
    .stores1 li:hover .holder { border-color: #E8E8E8; box-shadow: none; }
    .stores1 li:hover .holder .hovered { display: none; }
    
    .video-reviews .col { margin-right: 20px; width: calc((100% - 40px) / 3); }
    .video-reviews .col:nth-child(3) { margin-right: 0px; }
    .video-reviews .col:nth-child(4) { margin-top: 30px; width: 100%; }
    .video-reviews .col:nth-child(4) ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; }
    .video-reviews .col:nth-child(4) ul li { margin-top: 0px; margin-right: 20px; width: calc((100% - 40px) / 3); box-sizing: border-box; }
    .video-reviews .col:nth-child(4) ul li:nth-child(3) { margin-right: 0px; }
}
@media all and (max-width: 930px)
{
    .stores1 li { margin: 25px 25px 0px 0px; width: calc((100% - 25px) / 2); padding: 0px; }
    .stores1 li:nth-child(3n+3) { margin-right: 25px; }
    .stores1 li:nth-child(2n+2) { margin-right: 0px; }
    .stores1 li .holder { padding: 25px 25px 112px 25px; }
    
    .newslist1 { position: relative; padding-right: 30%; }
    .newslist1 .col { position: relative; margin-right: 0px; margin-top: 20px; width: 100%; min-height: 144px; padding-left: 215px; box-sizing: border-box; }
    .newslist1 .col:nth-child(1) { margin-top: 0px; }
    .newslist1 .icon { position: absolute; left: 0px; top: 0px; width: 200px; }
    .newslist1 .date { margin-top: 0px; }
    .newslist1 .intro { margin-top: 10px; }
    .newslist1 .col:nth-child(4) { position: absolute; right: 0px; top: 0px; margin-top: 0px; width: calc(30% - 20px); padding-left: 0px; }
    .newslist1 ul li { margin-top: 20px; }
}
@media all and (max-width: 900px)
{
    #why-we { margin-top: 50px; }
    #why-we .text { width: 100%; }
    #why-we .icon { width: 100%; text-align: center; }
    #why-we .icon::before { display: none; }
    #why-we .icon img { position: relative; left: auto; top: auto; transform: translate(0, 0); }
}
@media all and (max-width: 885px)
{
    .menu-ajaxblock .details .data .name { font-size: 26px; }
    .menu-ajaxblock .details .data .intro { margin-top: 10px; }
    
    #popular-brands { margin-top: 35px; }
    #popular-brands::before { font-size: 26px; }

    #why-we .title { padding: 0px 0px 20px 0px; font-size: 26px; }
    
    .index-text .title h2 { font-size: 26px; }
}
@media all and (max-width: 835px)
{
    .menu-ajaxblock .swiper-container .swiper-slide { width: calc((100% - 120px) / 4); }
    .menu-ajaxblock .details .data .info>div.model,
    .menu-ajaxblock .details .data .info>div.comm { width: calc(50% - 25px); }
    .menu-ajaxblock .details .data .info>div.review,
    .menu-ajaxblock .details .data .info>div.disc { width: calc(50% + 15px); }
    
    .newslist1 .col { padding-left: 0px; overflow: hidden; }
    .newslist1 .icon { float: left; position: relative; left: auto; top: auto; margin: 0px 10px 10px 0px; width: 200px; }
}
@media all and (max-width: 800px)
{
    .video-reviews .col:nth-child(4) ul li { width: calc((100% - 20px) / 2); }
    .video-reviews .col:nth-child(4) ul li:nth-child(2) { margin-right: 0px; }
    .video-reviews .col:nth-child(4) ul li:nth-child(3) { margin-top: 20px; }
}
@media all and (max-width: 745px)
{
    .stores1 li { margin: 15px 15px 0px 0px; width: calc((100% - 15px) / 2); padding: 0px; }
    .stores1 li:nth-child(3n+3) { margin-right: 15px; }
    .stores1 li:nth-child(2n+2) { margin-right: 0px; }
    .stores1 li .holder { padding: 15px 15px 102px 15px; }
    .stores1 li .price-rating { left: 15px; bottom: 15px; right: 15px; height: 97px; }
    
    .newslist1 { padding-right: 40%; }
    .newslist1 .col:nth-child(4) { width: calc(40% - 20px); }
}
@media all and (max-width: 720px)
{
    .menu-ajaxblock .details .data .info>div { font-size: 14px; } 
}
@media all and (max-width: 710px)
{
    #center-menu { justify-content: flex-start; }
    #center-menu li { width: calc( (100% - 20px) / 3); }
    #center-menu li:nth-child(4) { margin-top: 10px; }
    #center-menu li:nth-child(5) { margin-top: 10px; }
    #center-menu li:nth-child(5n+5) { margin-right: 10px; }
    #center-menu li:nth-child(4n+4) { margin-right: 10px; }
    #center-menu li:nth-child(3n+3) { margin-right: 0px; }
    
    .menu-ajaxblock .details .data { min-height: 0px; padding: 20px; }    
    .menu-ajaxblock .details .data .info>div { font-size: 16px; }
    .menu-ajaxblock .details .data .icon { position: relative; left: auto; top: auto; margin-left: 0px; transform: translate(0, 0); width: 100%; height: auto; text-align: center; line-height: normal; }
}
@media all and (max-width: 650px)
{
    .menu-ajaxblock .swiper-container .swiper-slide { width: calc((100% - 80px) / 3); }
}
@media all and (max-width: 610px)
{
    #popular-brands .swiper-container { width: 100%; }
    #popular-brands .swiper-button-prev,
    #popular-brands .swiper-button-next { display: none; }

    .stores1 li { margin: 15px auto 0px auto; width: 100%; max-width: 360px; }
    .stores1 li:nth-child(3n+3) { margin-right: auto; }
    .stores1 li:nth-child(2n+2) { margin-right: auto; }
    
    .newslist1 { padding-right: 0; }
    .newslist1 .col:nth-child(4) { position: relative; left: auto; top: auto; margin-top: 20px; width: 100%; }
    .newslist1 ul li { padding-left: 0px; }
    
    .video-reviews .col { width: calc((100% - 20px) / 2); }
    .video-reviews .col:nth-child(2) { margin-right: 0px; }
    .video-reviews .col:nth-child(3) { margin-top: 20px; }
}
@media all and (max-width: 580px)
{
    #why-we .text ul { margin-top: 0px; }
    #why-we .text ul li { position: relative; margin-top: 20px; padding-left: 90px; padding-top: 15px; width: 100%; min-width: 0px; min-height: 38px; }
    #why-we .text ul li:nth-child(1)::before { position: absolute; left: 0px; top: 2px; margin-bottom: 0px; }
    #why-we .text ul li:nth-child(2)::before { position: absolute; left: 0px; top: 2px; margin-bottom: 0px; }
    #why-we .text ul li:nth-child(3)::before { position: absolute; left: 10px; top: 0px; margin-bottom: 0px; }
}
@media all and (max-width: 540px)
{
    #center-menu li { width: calc( (100% - 10px) / 2); }
    #center-menu li:nth-child(3) { margin-top: 10px; }
    #center-menu li:nth-child(3n+3) { margin-right: 10px; }
    #center-menu li:nth-child(2n+2) { margin-right: 0px; }
}
@media all and (max-width: 520px)
{
    .menu-ajaxblock .swiper-container .swiper-slide { width: calc((100% - 20px) / 2); }
    
    .video-reviews .col:nth-child(4) ul li { margin-right: 0px; width: 100%; }
    .video-reviews .col:nth-child(4) ul li:nth-child(2) { margin-top: 20px; }
    .video-reviews .col:nth-child(4) ul li:nth-child(3) { margin-top: 20px; }
}
@media all and (max-width: 455px)
{
    .menu-ajaxblock .details .data .name { font-size: 18px; }
    #popular-brands::before { font-size: 18px; }
    .stores1 li .name { font-size: 16px; line-height: 32px; }
    #why-we .title { font-size: 18px; }
    .index-text .title h2 { font-size: 18px; }
}
@media all and (max-width: 450px)
{
    .newslist1 .col { margin-top: 30px; }
    .newslist1 .icon { float: none; margin: 0px 0px 20px 0px; width: 100%; }
}
@media all and (max-width: 400px)
{
    .menu-ajaxblock .swiper-container .swiper-slide { width: 100%; }
    .menu-ajaxblock .details .data .info>div.model,
    .menu-ajaxblock .details .data .info>div.comm,
    .menu-ajaxblock .details .data .info>div.review,
    .menu-ajaxblock .details .data .info>div.disc { width: 100%; }
}
@media all and (max-width: 360px)
{
    .video-reviews .col { width: 100%; margin-right: 0px; }
    .video-reviews .col:nth-child(2) { margin-top: 20px; }
    .video-reviews .col:nth-child(3) { margin-top: 20px; }
    .video-reviews .col div { margin-top: 10px; }
}