-
Notifications
You must be signed in to change notification settings - Fork 1
/
filter-motowheels.html
696 lines (695 loc) · 74 KB
/
filter-motowheels.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
<!DOCTYPE html>
<html lang="ru" itemscope itemtype="http://schema.org/WebPage">
<head itemscope itemtype="http://schema.org/WPHeader">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title itemprop="headline">Подбор мотошин</title>
<meta name="keywords" content="" itemprop="keywords">
<meta name="description" content="" itemprop="description">
<link href="css/main.min.css" rel="stylesheet"></head>
<body>
<div class="icons d-none"></div>
<div class="top-panel popup-holder">
<div class="top-panel__wrapper wrapper">
<div class="top-panel__contacts col-xl-6 col-lg-12 col-md-8 px-0 px-lg-1">
<div class="contacts contacts_type_row col-xl-7 col-lg-5 flex-grow-1 flex-md-grow-0 w-auto px-0">
<div class="contacts__item contacts__item_fs_sm text-nowrap popup-toggler mr-4" data-target="#location"><span class="ds-icon-placemark contacts__icon h3 color-theme-blue mr-lg-2 pointer-events-none"></span><span class="theme-hover d-md-none d-lg-block pointer-events-none">г. Ростов-на-Дону</span>
<div class="popup popup_width_md popup_type_plain popup_pos_left box-shadow border-radius" id="location">
<div class="popup__triangle bg-theme-white box-shadow"></div>
<button class="popup__close popup__close_type_btn button-unstyled rounded-circle bg-theme-white" type="button"><span class="ds-icon-close h3 color-theme-blue pointer-events-none"></span>
</button>
<div class="search-holder bg-theme-white border-radius overflow-hidden zi-2 px-4 pt-4 pb-2">
<div class="d-flex align-items-start justify-content-between mb-4">
<div class="h5 text-left color-theme-blue">Выберите свой город и пользоваться сайтом станет удобнее</div>
</div>
<form class="search search_border_rounded" action="#" method="post">
<input class="search__field" type="text" value="" placeholder="Я ищу...">
<button class="search__btn search__btn_type_reset" type="reset"><span class="ds-icon-close-noborder pointer-events-none"></span>
</button>
<button class="search__btn search__btn_type_submit" type="submit"><span class="ds-icon-search h4 pointer-events-none"></span>
</button>
</form>
<div class="search-dropdown search-dropdown_pos_stat">
<div class="search-dropdown__wrapper">
<div class="search-dropdown__section"><a class="h5 d-block mb-3" href="#">Санкт-Петербург (Ленинградская обл.)</a><a class="h5 d-block mb-3" href="#">Самара (Самарская обл.)</a><a class="h5 d-block mb-3" href="#">Самарское (Ростовская обл.)</a><a class="h5 d-block mb-3" href="#">Саратов (Саратовская обл.)</a><a class="h5 d-block mb-3" href="#">Саранск (Нижегородская обл.)</a><a class="h5 d-block" href="#">Сальск (Ростовская обл.)</a></div>
</div>
</div>
<div class="row mt-4">
<div class="col-6 mb-4"><a class="h6" href="#">Ростов-на-Дону</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Краснодар</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Сочи</a></div>
<div class="col-6 mb-4"><a class="h6" href="#">Ставрополь</a></div>
</div>
</div>
</div>
</div><a class="contacts__item h5 text-nowrap mr-4" href="#"><span class="ds-icon-phone contacts__icon h3 color-theme-blue mr-lg-2 pointer-events-none"></span><span class="d-none d-lg-block">+7 (863) 22-99-99-4</span></a>
</div>
<nav class="social d-flex align-items-center"><a class="social__item color-theme-blue mr-4 mr-lg-3" href="#"><span class="ds-icon-wapp-filled h3 pointer-events-none"></span></a><a class="social__item color-theme-blue" href="#"><span class="ds-icon-tg-filled h3 pointer-events-none"></span></a></nav>
</div>
<nav class="top-panel__nav col-xl-5 col-lg-10"><a class="mr-4" href="#">Скидки и акции</a><a class="mr-4" href="#">Бонусные рубли</a><a href="#">Контакты</a></nav>
<nav class="navbar col-xl-1 col-lg-2 col-md-4">
<button class="navbar__title" type="button"><span class="mr-1">Помощь</span><span class="ds-icon-dropdown navbar__icon pointer-events-none"></span>
</button>
<div class="navbar__wrapper"><a class="navbar__link" href="#">О компании</a><a class="navbar__link" href="#">Новости</a><a class="navbar__link" href="#">Статьи</a><a class="navbar__link" href="#">Вопросы и ответы</a><a class="navbar__link" href="#">Оплата и доставка</a><a class="navbar__link" href="#">Кредит</a><a class="navbar__link" href="#">КупиВкредит</a><a class="navbar__link" href="#">Политика конфиденциальности</a></div>
</nav>
</div>
</div>
<header class="header">
<div class="header__wrapper wrapper">
<div class="header__col header__col_side_left col-xl-4 col-lg-5 px-0 px-lg-1"><a class="logo logo_place_header color-theme-blue mr-4" href="#">
<svg class="icon-fluid">
<use xlink:href="img/icons/icons.svg#icon-logo"></use>
</svg></a>
<div class="header__togglers">
<button class="header__btn header__btn_type_toggler mr-3" type="button" data-target="#categories"><span class="ds-icon-menu header__btn-icon header__btn-icon_show pointer-events-none"></span><span class="ds-icon-close header__btn-icon header__btn-icon_close pointer-events-none"></span><span class="header__btn-title">Каталог</span>
</button>
<button class="header__btn header__btn_type_toggler" type="button" data-target="#services"><span class="ds-icon-services header__btn-icon header__btn-icon_show pointer-events-none"></span><span class="ds-icon-close header__btn-icon header__btn-icon_close pointer-events-none"></span><span class="header__btn-title">Услуги</span>
</button>
<div class="panel">
<div class="panel__wrapper" id="services">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase">услуги</span>
</button>
<div class="wrapper">
<div class="row">
<div class="panel__nav border-0 col-xl-4"><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-tires h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Шиномонтаж</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-store h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Сезонное хранение шин и дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-aircond h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Заправка автокондиционеров</span></a></div>
<div class="panel__nav col-xl-4 border-0 mb-5 mb-xl-0"><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-wheel-rolled h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Прокатка дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-wheel-painted h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Покраска дисков</span></a><a class="panel__nav-link panel__nav-link_type_plain" href="#"><span class="ds-icon-services-vin h3 color-theme-blue mr-2 pointer-events-none"></span><span class="h4">Подбор по VIN</span></a></div>
<div class="col-xl-4">
<div class="banner banner_xs overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-1.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-start justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-blue">Запись на шиномонтаж онлайн</div><a class="button text-uppercase" href="#">Записаться</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel__wrapper" id="categories">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase">каталог</span>
</button>
<div class="wrapper">
<div class="row align-items-start">
<div class="panel__nav col-xl-2 pr-xl-2">
<div class="panel__nav-item" data-target="#tires"><a class="panel__nav-link panel__nav-link_type_btn panel__nav-link_active" href="#"><span class="ds-icon-tires h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Автошины</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#moto"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-moto h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Мотошины</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#wheels"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-wheels h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Диски</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#battery"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-battery h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Аккумуляторы</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#detail"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-detail h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Автотовары</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
<div class="panel__nav-item" data-target="#oil"><a class="panel__nav-link panel__nav-link_type_btn" href="#"><span class="ds-icon-oil h3 color-theme-blue mr-2 pointer-events-none"></span><span class="panel__nav-title">Масла</span></a>
<button class="panel__nav-btn" type="button"><span class="ds-icon-arrow-right color-theme-blue pointer-events-none"></span>
</button>
</div>
</div>
<div class="panel__grid panel__grid_active col-xl-10" id="tires">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители автошин:</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
<div class="panel__subcategory mb-4 mb-xl-0"><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a>
</div>
<div class="text-center d-none d-xl-block"><a class="readmore" href="#"><span class="mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore readmore__icon h3 color-theme-blue pointer-events-none"></span></a></div>
</div>
<div class="panel__aside">
<div class="mb-4"><a class="toggler py-1" href="#">Зимние шины</a><a class="toggler py-1" href="#">Летние шины</a><a class="toggler py-1" href="#">Шины для внедорожников</a><a class="toggler py-1" href="#">Всесезонные шины</a><a class="toggler py-1" href="#">Шины на Газель</a></div>
<div class="banner banner_sm overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-2.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-center justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-white">Подбор запчастей по VIN-коду</div><a class="button text-uppercase" href="#">Подобрать</a>
</div>
</div>
</div>
</div>
<div class="panel__grid col-xl-10" id="moto">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители мотошин:</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
<div class="panel__subcategory mb-4 mb-xl-0"><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-1.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-2.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-3.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-4.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a><a class="brand brand_border_bottom d-flex align-items-center justify-content-around d-xl-inline-block px-3 py-2 p-xl-0 mr-xl-3 mb-xl-4" href="#"><span class="d-inline-block pl-3 pr-1 px-xl-0"><img class="img-fluid" src="img/content/logo/logo-5.jpg" alt="" title=""/></span><span class="h5 text-nowrap d-block d-xl-none">Название бренда</span></a>
</div>
<div class="text-center d-none d-xl-block"><a class="readmore" href="#"><span class="mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore readmore__icon h3 color-theme-blue pointer-events-none"></span></a></div>
</div>
<div class="panel__aside">
<div class="mb-4"><a class="toggler py-1" href="#">Летние шины</a><a class="toggler py-1" href="#">Шины для внедорожников</a><a class="toggler py-1" href="#">Зимние шины</a><a class="toggler py-1" href="#">Всесезонные шины</a></div>
<div class="banner banner_sm overflow-hidden mb-4 mb-xl-0"><img class="img-cover" src="img/content/banners/banner-2.jpg" alt="" title=""/>
<div class="banner__inner d-flex flex-column align-items-center justify-content-between p-4">
<div class="banner__title h2 font-weight-bold color-theme-white">Подбор запчастей по VIN-коду</div><a class="button text-uppercase" href="#">Подобрать</a>
</div>
</div>
</div>
</div>
<div class="panel__grid col-xl-10" id="wheels">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители дисков</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="battery">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители аккумуляторов</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="detail">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители автотоваров</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
<div class="panel__grid col-xl-10" id="oil">
<div class="panel__content">
<div class="h4 mb-4 d-none d-xl-block">Производители масел</div>
<button class="panel__toggler" type="button"><span class="ds-icon-arrow-left h6 color-theme-blue pl-3 mr-2 pointer-events-none"></span><span class="h5">Назад</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__col header__col_side_right search-holder col-xl-8 col-lg-7">
<div class="search-panel">
<div class="search-panel__wrapper">
<button class="panel-close-btn" type="button"><span class="ds-icon-close h3 mr-2 pointer-events-none"></span><span class="h4 text-uppercase pointer-events-none">Поиск</span>
</button>
<form class="search" action="#" method="post">
<input class="search__field" type="text" value="" placeholder="Я ищу...">
<button class="search__btn search__btn_type_reset" type="reset"><span class="ds-icon-close-noborder pointer-events-none"></span>
</button>
<button class="search__btn search__btn_type_submit" type="submit"><span class="ds-icon-search h4 pointer-events-none"></span>
</button>
</form>
<div class="search-dropdown">
<div class="search-dropdown__wrapper">
<div class="search-dropdown__section">
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman 5 195/65 R15 95T XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Летние шины Nokian Nordman SX2 195/65 R15 91H</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman 7 195/65 R15 95T XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">Зимние шины Nokian Nordman RS2 205/55 R16 94R XL</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">185/65/15 NORDMAN RS-2 XL R*</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div><a class="h5 color-theme-blue" href="#">показать все товары (54) ></a>
</div>
<div class="search-dropdown__section">
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-7</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN RS2</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-7 SUV</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
<div class="search-dropdown__row mb-2">
<div class="search-dropdown__picture mr-2"><a href="#"><img class="img-fluid" src="img/content/cards/card-1.jpg" alt="" title=""/></a></div>
<div class="search-dropdown__desc flex-grow-1"><a class="h5 d-block mb-1" href="#">NOKIAN NORDMAN-8</a><span class="h6 color-theme-disabled">3 630.90 ₽</span></div>
</div>
</div>
<div class="search-dropdown__section"><a class="h5 d-block mb-4" href="#">Зимние шины</a><a class="h5 d-block mb-4" href="#">Шины для внедорожника</a><a class="h5 d-block mb-4" href="#">Шины на газель</a><a class="h5 d-block mb-4" href="#">Шипованые шины</a><a class="h5 d-block" href="#">Автошторки</a></div>
</div>
</div>
</div>
</div>
<div class="header__bottom-panel">
<div class="header__navbar">
<button class="header__navbar-item header__navbar-item_toggler_search" type="button"><span class="header__navbar-icon pointer-events-none"><span class="ds-icon-search pointer-events-none"></span></span><span class="header__navbar-caption pointer-events-none">Поиск</span></button>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-compare pointer-events-none"></span></span><span class="header__navbar-caption">Сравнить</span></div>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-car pointer-events-none"></span></span><span class="header__navbar-caption">Выбор авто</span></div>
<div class="header__navbar-item"><span class="header__navbar-icon"><span class="ds-icon-case pointer-events-none"></span></span><span class="header__navbar-caption">Заказы</span></div>
<button class="header__navbar-item" data-toggle="modal" data-target="#auth-phone" type="button"><span class="header__navbar-icon"><span class="ds-icon-user pointer-events-none"></span></span><span class="header__navbar-caption">Вход | регистрация</span></button>
</div>
<div class="header__aside"><a class="header__btn header__btn_place_panel" href="#"><span class="ds-icon-cart header__btn-icon pointer-events-none"></span><span class="header__btn-title">Корзина</span></a></div>
</div>
</div>
</div>
</header>
<nav class="topmenu">
<div class="topmenu__wrapper wrapper swiper-container">
<ul class="swiper-wrapper justify-content-between" itemscope itemtype="https://schema.org/SiteNavigationElement">
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Автошины</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Мотошины</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Диски</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Аккумуляторы</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Масла</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Автотовары</span></a></li>
<li class="swiper-slide w-auto"><a class="topmenu__link mr-3" href="#" itemprop="url"><span itemprop="name">Шиномонтаж</span></a></li>
</ul>
</div>
</nav>
<div class="togglebar">
<button class="aside-toggler flex-grow-1 justify-content-center px-3 py-2" type="button" data-target="#filter"><span class="ds-icon-filter aside-toggler__icon h3 mr-2 pointer-events-none"></span><span class="pointer-events-none"><span class="aside-toggler__show">Показать </span><span class="aside-toggler__hide">Скрыть </span>фильтр</span>
</button>
</div>
<div class="wrapper">
<ul class="pathway" itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="pathway__link" href="#" itemprop="item"><span itemprop="name">Главная</span>
<meta itemprop="position" content="1"></a></li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a class="pathway__current" href="#" itemprop="item"><span itemprop="name">Подбор мотошин</span>
<meta itemprop="position" content="2"></a></li>
</ul>
<section class="content">
<h1 itemprop="name">Подбор мотошин</h1>
</section>
<div class="category-counter mb-4">1 840 товаров в 4 каталогах</div>
<div class="row">
<div class="col-xl-2 col-lg-3 mb-lg-4">
<div class="aside aside_pos_fixed" id="filter">
<div class="aside__wrapper">
<form class="form form_bg form_filter mb-lg-3" action="#">
<div class="form__header d-flex align-items-center justify-content-between d-lg-block">
<div class="form__title form__title_icon d-flex align-items-center flex-grow-1 h4 font-weight-bold color-theme-blue mb-0 mb-lg-2"><span class="ds-icon-moto form__title-icon h3 mr-1 pointer-events-none"></span>Подбор мотошин
</div>
<button class="button-unstyled h6" type="reset">Сбросить</button>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">По типоразмеру</div>
<div class="row">
<div class="col-sm-4 col-lg-12">
<div class="form__select mb-lg-4 mb-sm-0 mb-4">
<div class="form__select-title">Ширина</div>
<select class="selecter">
<option>--</option>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
<option>Значение 4</option>
<option>Значение 5</option>
<option>Значение 6</option>
<option>Значение 7</option>
<option>Значение 8</option>
</select>
</div>
</div>
<div class="col-sm-4 col-lg-12">
<div class="form__select mb-lg-4 mb-sm-0 mb-4">
<div class="form__select-title">Высота</div>
<select class="selecter">
<option>--</option>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
<option>Значение 4</option>
<option>Значение 5</option>
<option>Значение 6</option>
<option>Значение 7</option>
<option>Значение 8</option>
</select>
</div>
</div>
<div class="col-sm-4 col-lg-12">
<div class="form__select">
<div class="form__select-title">Диаметр</div>
<select class="selecter">
<option>--</option>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
<option>Значение 4</option>
<option>Значение 5</option>
<option>Значение 6</option>
<option>Значение 7</option>
<option>Значение 8</option>
</select>
</div>
</div>
</div>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Oсь</div>
<input class="form__toggler form__toggler_checkbox" id="param-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="param-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Передние</span>
</label>
<input class="form__toggler form__toggler_checkbox" id="param-2" type="checkbox" value="">
<label class="form__label h5 mb-4" for="param-2"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Задние</span>
</label>
<input class="form__toggler form__toggler_checkbox" id="param-3" type="checkbox" value="">
<label class="form__label h5" for="param-3"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Универсальные</span>
</label>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Применяемость</div>
<div class="form__select">
<div class="form__select-title">Выберете марку</div>
<select class="selecter">
<option>--</option>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
<option>Значение 4</option>
<option>Значение 5</option>
<option>Значение 6</option>
<option>Значение 7</option>
<option>Значение 8</option>
</select>
</div>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Цена, ₽</div>
<div class="row mb-3">
<div class="form__item col-6">
<label class="form__label form__label_plain h5 color-theme-disabled">От</label>
<input class="form__field" id="price-min" type="text" value="">
</div>
<div class="form__item col-6">
<label class="form__label form__label_plain h5 color-theme-disabled">До</label>
<input class="form__field" id="price-max" type="text" value="">
</div>
</div>
<div class="form__slider" id="price-ranger"></div>
</div>
<div class="form__section">
<div class="form__section-title h6 color-theme-disabled mb-4">Наличие</div>
<input class="form__toggler form__toggler_checkbox" id="instock" type="checkbox" value="">
<label class="form__label h5" for="instock"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Сейчас в наличии</span>
</label>
</div>
<div class="form__section border-0 pb-0">
<div class="form__section-title h6 color-theme-disabled mb-4">Бренд</div>
<div class="form__item mb-4">
<input class="form__field" type="text" value="">
<label class="form__label form__label_title">Введите название</label>
</div>
<div class="form__list row" id="brand">
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Michelin-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Michelin-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Michelin</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Cordiant-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Cordiant-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Cordiant</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Pirelli-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Pirelli-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Pirelli</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Hankook-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Hankook-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Hankook</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Yokohama-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Yokohama-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Yokohama</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Goodyear-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Goodyear-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Good year</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Continental-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Continental-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Continental</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Bridgestone-1" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Bridgestone-1"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Bridgestone</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Michelin" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Michelin"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Michelin</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Cordiant" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Cordiant"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Cordiant</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Pirelli" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Pirelli"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Pirelli</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Hankook" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Hankook"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Hankook</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Yokohama" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Yokohama"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Yokohama</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Goodyear" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Goodyear"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Good year</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Continental" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Continental"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Continental</span>
</label>
</div>
<div class="col-6">
<input class="form__toggler form__toggler_checkbox" id="Bridgestone" type="checkbox" value="">
<label class="form__label h5 mb-4" for="Bridgestone"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Bridgestone</span>
</label>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<button class="readmore d-flex align-items-center" type="submit" data-toggle="list" data-target="#brand"><span class="h6 mr-2 pointer-events-none">Показать еще</span><span class="ds-icon-readmore h3 color-theme-blue readmore__icon pointer-events-none"></span>
</button>
</div>
</form>
<div class="aside__alert d-flex align-items-center justify-content-between flex-lg-column color-theme-white bg-theme-blue px-lg-3 pt-lg-1 pb-lg-3 py-3 px-4">
<div class="aside__alert-info h2 font-weight-bold d-flex align-items-center mb-lg-1">
<div class="h5 font-weight-normal mr-2">Найдено:</div>713
</div>
<button class="button text-uppercase button_bordered px-3" type="button">Показать</button>
</div>
</div>
</div>
</div>
<div class="col-xl-10 col-lg-9 mb-4"></div>
</div>
</div>
<footer class="footer h6 color-theme-white bg-theme-blue" itemscope itemtype="http://schema.org/WPFooter">
<meta itemprop="copyrightYear" content="2022">
<meta itemprop="copyrightHolder" content="ДонШина Ростов">
<div class="wrapper d-flex flex-wrap">
<div class="col-lg-2 col-md-3">
<nav class="footer__nav d-flex flex-column pr-xl-5 pr-md-4 mb-5 mb-lg-0" itemscope itemtype="https://schema.org/SiteNavigationElement">
<div class="footer__nav-title h4">Каталог</div><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Шины</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Диски</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Мотошины</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Акб</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Масла</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Автотовары</span></a>
</nav>
</div>
<div class="col-lg-2 col-md-3">
<nav class="footer__nav d-flex flex-column pr-xl-5 pr-md-4 mb-5 mb-lg-0" itemscope itemtype="https://schema.org/SiteNavigationElement">
<div class="footer__nav-title h4">Услуги</div><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Шиномонтаж</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Сезонное хранение шин и дисков</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Заправка автокондиционеровов</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Прокатка дисков</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Покраска дисков</span></a>
</nav>
</div>
<div class="col-lg-2 col-md-3">
<nav class="footer__nav d-flex flex-column pr-xl-5 pr-md-4 mb-5 mb-lg-0" itemscope itemtype="https://schema.org/SiteNavigationElement">
<div class="footer__nav-title h4">Пользователям</div><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Скидки и акции</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Сравнить</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Избранное</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Подбор по авто</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Шинный калькулятор</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">О компании</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Новости</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Статьи</span></a>
</nav>
</div>
<div class="col-lg-2 col-md-3">
<nav class="footer__nav d-flex flex-column pr-xl-5 pr-md-4 mb-5 mb-lg-0" itemscope itemtype="https://schema.org/SiteNavigationElement">
<div class="footer__nav-title h4">Помощь</div><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Контакты</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Вопросы и ответы</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Оплата и доставка</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Кредит</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">КупиВкредит</span></a><a class="footer__nav-item color-theme-white mb-2" itemprop="url" href="#"><span itemprop="name">Политика конфиденциальности</span></a>
</nav>
</div>
<div class="col-xl-3 offset-xl-1 col-lg-4 col-md-6"><a class="logo color-theme-white mb-4" href="#">
<svg class="icon-fluid">
<use xlink:href="img/icons/icons.svg#icon-logo"></use>
</svg></a>
<div class="row align-items-center">
<div class="col-8" itemscope itemtype="http://schema.org/AutoPartsStore"><img class="d-none" src="img/logo.png" alt="" title="" itemprop="image"/>
<meta itemprop="name" content="ДонШина Ростов">
<meta itemprop="priceRange" content="Информация о ценах по телефону +7 (863) 22-99-99-4">
<meta itemprop="openingHours" content="Mo-Fr 09:00-19:00">
<meta itemprop="openingHours" content="Sa 10:00-17:00"><span class="d-none" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
<meta itemprop="latitude" content="47.244980">
<meta itemprop="longitude" content="39.648187"></span>
<div class="contacts mb-2" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><span class="d-none" itemprop="postalCode">344103</span><span class="d-none" itemprop="addressRegion">Ростовская область</span><span class="d-none" itemprop="addressLocality" content="Ростов-на-Дону"></span><span class="d-none" itemprop="streetAddress">ул. Доватора, 11</span>
<div class="contacts__item h5 text-nowrap mb-1"><span class="ds-icon-placemark contacts__icon h3 text-center color-theme-white mr-2 pointer-events-none"></span><span class="color-theme-white">г. Ростов-на-Дону</span>
</div><a class="contacts__item h5 text-nowrap mb-1" href="#"><span class="ds-icon-phone-nobg contacts__icon h3 text-center color-theme-white mr-2 pointer-events-none"></span><span class="color-theme-white" itemprop="telephone">+7 (863) 22-99-99-4</span></a><a class="contacts__item h5 text-nowrap mb-1" href="mailto:office@don-shina.ru" itemprop="email"><span class="ds-icon-email contacts__icon h3 text-center color-theme-white mr-2 pointer-events-none"></span><span class="color-theme-white">office@don-shina.ru</span></a>
</div>
</div>
<div class="col-4">
<div class="social d-flex flex-wrap align-items-center"><a class="social__item color-theme-white mr-4 mr-lg-3" href="#"><span class="ds-icon-wapp h3 pointer-events-none"></span></a><a class="social__item color-theme-white" href="#"><span class="ds-icon-tg h3 pointer-events-none"></span></a></div>
</div>
</div>
<div class="mb-2"><img class="img-fluid" src="img/visa.png" alt="" title=""/><img class="img-fluid" src="img/mc.png" alt="" title=""/>
</div>
<div class="copyright">© 2022 Все права защищены.</div>
</div>
</div>
</footer>
<div class="modal fade" id="reg" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" id="form-reg" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Регистрация</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-3 mb-3">
<div class="form">
<div class="form__item mb-4">
<input class="form__field error" id="reg__username" type="text" value="" name="reg__username">
<label class="error" id="reg__username-error" for="reg__username">Поле обязательно для заполнения</label>
<div class="form__label form__label_title">Ваше имя *</div>
</div>
<div class="form__item mb-4">
<input class="form__field input-phone error" id="reg__phone" type="text" value="" name="reg__phone">
<label class="error" id="reg__phone-error" for="reg__phone">Поле обязательно для заполнения</label>
<div class="form__label form__label_title">Номер телефона *</div>
</div>
<div class="form__item mb-4">
<input class="form__field error" id="reg__email" type="text" value="" name="reg__email">
<label class="error" id="reg__email-error" for="reg__email">Ведите e-mail</label>
<div class="form__label form__label_title">E-mail *</div>
</div>
<div class="form__item">
<input class="form__toggler form__toggler_checkbox" id="reg__confidential" type="checkbox" value="" name="reg__confidential">
<label class="error" id="reg__confidential-error" for="reg__confidential">Необходимо принять условия политики конфидециальности</label>
<label class="form__label h5" for="reg__confidential"><span class="ds-icon-checked form__label-icon pointer-events-none"></span><span class="form__label-title">Я принимаю <a class="text-underline" href="#">политику конфиденциальности </a>*</span>
</label>
</div>
</div>
</div>
<div class="px-4">
<div class="row">
<div class="col-xl-5 text-xl-left text-center mb-xl-0 mb-3">
<div class="h6">*-поля обязательные для заполнения</div>
</div>
<div class="col-xl-7 text-xl-right text-center">
<button class="button text-uppercase px-3" type="submit">Зарегистрироваться</button>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="modal fade" id="auth-phone" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Войдите или зарегистрируйтесь</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-2 mb-3">
<div class="form mb-4">
<div class="form__item mb-4">
<input class="form__field input-phone" type="text" value="">
<div class="form__label form__label_title">Номер телефона *</div>
</div>
</div>
<div class="d-flex flex-wrap align-items-center justify-content-between"><a class="h5" href="#" data-dismiss="modal" data-toggle="modal" data-target="#auth-email">Войти по почте</a></div>
</div>
<div class="text-center px-4">
<button class="button text-uppercase px-5" type="submit">Получить код</button>
</div>
</div>
</form>
</div>
<div class="modal fade" id="auth-email" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Войдите по почте</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-2 mb-3">
<div class="form mb-4">
<div class="form__item mb-4">
<input class="form__field input-email" type="text" value="">
<div class="form__label form__label_title">Только для зарегистрированных пользователей *</div>
</div>
</div>
<div class="d-flex flex-wrap align-items-center justify-content-between"><a class="h5" href="#" data-dismiss="modal" data-toggle="modal" data-target="#auth-phone">Войти или зарегистрироваться</a></div>
</div>
<div class="text-center px-4">
<button class="button text-uppercase px-5" type="submit">Получить код</button>
</div>
</div>
</form>
</div>
<div class="modal fade" id="pwd" tabindex="-1" aria-hidden="true">
<form class="modal-dialog" action="#">
<div class="modal-content border-0 box-shadow py-3">
<div class="modal-header d-flex align-items-center justify-content-between pt-0 px-4 pb-3 mb-4">
<div class="d-flex align-items-center"><span class="ds-icon-user color-theme-blue h3 mr-2 pointer-events-none"></span>
<div class="h3 font-weight-bold color-theme-blue mr-3">Забыли пароль?</div>
</div>
<button class="close h2 button-unstyled color-theme-blue py-0" data-dismiss="modal"><span class="ds-icon-close pointer-events-none"></span>
</button>
</div>
<div class="modal-body border-bottom pt-0 px-4 pb-2 mb-3">
<div class="h5 text-center mb-3">Укажите ваш телефон, и мы отправим <br>вам новый пароль</div>
<div class="form mb-4">
<div class="form__item">
<input class="form__field input-phone" type="text" value="">
<div class="form__label form__label_title">+7 (_ _ _) _ _ _-_ _-_ _</div>
</div>
</div>
<div class="d-flex flex-wrap align-items-center justify-content-end"><a class="h5" href="#" data-dismiss="modal" data-toggle="modal" data-target="#reg">Регистрация</a></div>
</div>
<div class="text-center px-4">
<button class="button text-uppercase px-5" type="submit">Отправить</button>
</div>
</div>
</form>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/swiper@5.4.1/js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/formstone/1.4.20/js/core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/formstone/1.4.20/js/dropdown.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/formstone/1.4.20/js/touch.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta2/dist/js/bootstrap-select.min.js"></script>
<script src="js/main.bundle.js"></script>
<script src="js/validate.bundle.js"></script>
<script src="js/ion.bundle.js"></script>
<script src="js/search.bundle.js"></script></body>
</html>