{% set title = "Product compatibility" %}
{% extends '../_layouts/_main.twig' %}
{% block beforeContent %}
	<div class="compatibleHead">
		<div class="compatibleHead__row type">
			<div class="b-side">
				<div class="compatibleHead__image">
					<a href="/html/alvadi/compatibilityBlock/01-choose-car.html"><img src="https://pics3.alpics.info/pics/spares/big/881077.jpg" alt="" /></a>
				</div>
			</div>
			<div class="b-body">
				<a href="/html/alvadi/compatibilityBlock/01-choose-car.html">Комплект тормозных колодок, дисковый тормоз MAPCO 6900</a>
			</div>
		</div>
		<div class="compatibleHead__row message">
			<div class="b-side">
				<div class="compatibleHead__image">
					<img src="/images/17720/i-car-question.png" alt="" />
				</div>
			</div>
			<div class="b-body">
				Выберите авто ниже и убедитесь, подойдёт ли Вам запчасть.
			</div>
		</div>
	</div>
{% endblock %}
{% block content %}
	<div class="row">
		<div class="col-xs-12 col-md-5">
			<form class="form-autopartsbynumber car-number-search " id="car-number-search">
				<div class="limiter">
					<h2 class="hidden-xs fs-22">Введите номер машины</h2>
					<h2 class="visible-xs fs-22">Автозапчасти для всех автомобилей</h2>
					<ul class="list-inline list-inline-10 list-inline-middle responsive-xxs">
						<li>
							<div class="fan__input-group">
								<img class="fan__input-group-img" src="https://alvadi.ee/images/est-sign.svg" alt="">
								<input class="form-control autofocus search-number-input" type="text" value="" placeholder="123 ABC">
							</div>
							<div class="fan-dropdown" style="display: none"></div>
						</li>
						<li class="form-btn">
							<button class="btn btn-primary btn-ico-16" id="numberSearchButton">
								<svg class="btn__ico">
									<use xlink:href="/images/svg/main-sprite.svg#magnifier"></use>
								</svg>
								<span class="btn__txt">Найти запчасти</span>
							</button>
						</li>
					</ul>
				</div><!--limiter-->

				<span class="search-error">
                    <a href="#" class="closer square size_16 js-parent-hider"></a>
                    <div class="arrow"></div>
                    Автомобиля с таким номером не найдено <br>Попробуйте выбрать автомобиль по марке
                </span>

				<div class="fan-viewed">
					<strong>Вы искали:</strong>
					<ul>
						<li data-widget-seen-id="2874" class="widget-seen-list-item">
							<div class="preview">
								<a href="https://alvadi.ee/ru/zapchasti/bmw/x5-e70-2006/927284-bmw-x5-e70-xdrive-30-d-173kw-dizelj-2008-2013?search_car_parts_by_licence_plate=454MNK" class="overlink"></a>
								<div class="img">
									<img src="https://alpics.info/pics/car_pics_new/big/2874.jpg" alt="">
								</div>
								<div class="caption">10.2006-04.2010</div>
							</div>
							<div class="number">
								454MNK
							</div>
							<div class="model">BMW X5 (E70)</div>
							<a href="https://alvadi.ee/ru/zapchasti/bmw/x5-e70-2006/927284-bmw-x5-e70-xdrive-30-d-173kw-dizelj-2008-2013?search_car_parts_by_licence_plate=454MNK" class="overlink"></a>
							<a href="#" class="remove blank-link js-parent-remover" data-target="li" data-function="removeWidgetSeenModel">
								<i class="fa fa-remove"></i> Удалить
							</a>
						</li>
					</ul>
				</div>

			</form>

			<div class="m-b-20"></div>

		</div>
		<div class="col-xs-12 col-md-7">
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#tab-auto" data-toggle="tab">
				<span class="icobox size_32 xxs-column">
					<svg class="ico">
						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/images/svg/main-sprite.svg#sedan"></use>
					</svg>
					Легковые
				</span>
					</a>
				</li>
				<li>
					<a href="#tab-truck" data-toggle="tab">
				<span class="icobox size_32 xxs-column">
					<svg class="ico">
						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/images/svg/main-sprite.svg#truck-3"></use>
					</svg>
					Грузовые
				</span>
						<span class="label label-danger">NEW</span> </a>
				</li>
			</ul>
			<div class="mb-16"></div>
			<div class="tab-content">

				<div class="tab-pane active" id="tab-auto">

					<div class="list-autobrands-container">

						<div class="autobrands__popular row">
							<div class="col-xs-6">
								<ul class="list-autobrands">
									<li class="spec">
										<a href="/ru/zapchasti/audi/" class="icobox size_24" title="Audi">
											<i class="ico ico-auto-brands audi"></i>
											Audi
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/bmw/" class="icobox size_24" title="BMW">
											<i class="ico ico-auto-brands bmw"></i>
											BMW
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/chrysler/" class="icobox size_24" title="Chrysler">
											<i class="ico ico-auto-brands chrysler"></i>
											Chrysler
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/citroen/" class="icobox size_24" title="Citroen">
											<i class="ico ico-auto-brands citroen"></i>
											Citroen
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/fiat/" class="icobox size_24" title="Fiat">
											<i class="ico ico-auto-brands fiat"></i>
											Fiat
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/ford/" class="icobox size_24" title="Ford">
											<i class="ico ico-auto-brands ford"></i>
											Ford
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/honda/" class="icobox size_24" title="Honda">
											<i class="ico ico-auto-brands honda"></i>
											Honda
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/hyundai/" class="icobox size_24" title="Hyundai">
											<i class="ico ico-auto-brands hyundai"></i>
											Hyundai
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/jeep/" class="icobox size_24" title="Jeep">
											<i class="ico ico-auto-brands jeep"></i>
											Jeep
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/mazda/" class="icobox size_24" title="Mazda">
											<i class="ico ico-auto-brands mazda"></i>
											Mazda
										</a>
									</li>
								</ul>
							</div>
							<div class="col-xs-6">
								<ul class="list-autobrands">
									<li class="spec">
										<a href="/ru/zapchasti/mercedes-benz/" class="icobox size_24" title="Mercedes-Benz">
											<i class="ico ico-auto-brands mercedes-benz"></i>
											Mercedes-Benz
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/mitsubishi/" class="icobox size_24" title="Mitsubishi">
											<i class="ico ico-auto-brands mitsubishi"></i>
											Mitsubishi
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/nissan/" class="icobox size_24" title="Nissan">
											<i class="ico ico-auto-brands nissan"></i>
											Nissan
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/opel/" class="icobox size_24" title="Opel">
											<i class="ico ico-auto-brands opel"></i>
											Opel
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/peugeot/" class="icobox size_24" title="Peugeot">
											<i class="ico ico-auto-brands peugeot"></i>
											Peugeot
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/renault/" class="icobox size_24" title="Renault">
											<i class="ico ico-auto-brands renault"></i>
											Renault
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/skoda/" class="icobox size_24" title="Skoda">
											<i class="ico ico-auto-brands skoda"></i>
											Skoda
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/toyota/" class="icobox size_24" title="Toyota">
											<i class="ico ico-auto-brands toyota"></i>
											Toyota
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/volkswagen/" class="icobox size_24" title="Volkswagen">
											<i class="ico ico-auto-brands volkswagen"></i>
											Volkswagen
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/volvo/" class="icobox size_24" title="Volvo">
											<i class="ico ico-auto-brands volvo"></i>
											Volvo
										</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="autobrands__all row row-8">
							<div class="col col-xs-4">
								<ul class="list-autobrands">
									<li class="">
										<a href="/ru/zapchasti/acura/" class="icobox size_24" title="Acura">
											<i class="ico ico-auto-brands acura"></i>
											Acura
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/alfa-romeo/" class="icobox size_24" title="Alfa Romeo">
											<i class="ico ico-auto-brands alfa-romeo"></i>
											Alfa Romeo
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/audi/" class="icobox size_24" title="Audi">
											<i class="ico ico-auto-brands audi"></i>
											Audi
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/austin/" class="icobox size_24" title="Austin">
											<i class="ico ico-auto-brands austin"></i>
											Austin
										</a>
									</li>
									<li class="spec">
										<a href="/html/alvadi/compatibilityBlock/03-bmw.html" class="icobox size_24" title="BMW">
											<i class="ico ico-auto-brands bmw"></i>
											BMW
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/cadillac/" class="icobox size_24" title="Cadillac">
											<i class="ico ico-auto-brands cadillac"></i>
											Cadillac
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/chevrolet/" class="icobox size_24" title="Chevrolet">
											<i class="ico ico-auto-brands chevrolet"></i>
											Chevrolet
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/chrysler/" class="icobox size_24" title="Chrysler">
											<i class="ico ico-auto-brands chrysler"></i>
											Chrysler
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/citroen/" class="icobox size_24" title="Citroen">
											<i class="ico ico-auto-brands citroen"></i>
											Citroen
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/dacia/" class="icobox size_24" title="Dacia">
											<i class="ico ico-auto-brands dacia"></i>
											Dacia
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/daewoo/" class="icobox size_24" title="Daewoo">
											<i class="ico ico-auto-brands daewoo"></i>
											Daewoo
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/daihatsu/" class="icobox size_24" title="Daihatsu">
											<i class="ico ico-auto-brands daihatsu"></i>
											Daihatsu
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/dodge/" class="icobox size_24" title="Dodge">
											<i class="ico ico-auto-brands dodge"></i>
											Dodge
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/fiat/" class="icobox size_24" title="Fiat">
											<i class="ico ico-auto-brands fiat"></i>
											Fiat
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/ford/" class="icobox size_24" title="Ford">
											<i class="ico ico-auto-brands ford"></i>
											Ford
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/gaz/" class="icobox size_24" title="GAZ">
											<i class="ico ico-auto-brands gaz"></i>
											GAZ
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/geo/" class="icobox size_24" title="Geo">
											<i class="ico ico-auto-brands geo"></i>
											Geo
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/honda/" class="icobox size_24" title="Honda">
											<i class="ico ico-auto-brands honda"></i>
											Honda
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/hyundai/" class="icobox size_24" title="Hyundai">
											<i class="ico ico-auto-brands hyundai"></i>
											Hyundai
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/infiniti/" class="icobox size_24" title="Infiniti">
											<i class="ico ico-auto-brands infiniti"></i>
											Infiniti
										</a>
									</li>
								</ul>
							</div>
							<div class="col col-xs-4">
								<ul class="list-autobrands">
									<li class="">
										<a href="/ru/zapchasti/isuzu/" class="icobox size_24" title="Isuzu">
											<i class="ico ico-auto-brands isuzu"></i>
											Isuzu
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/iveco/" class="icobox size_24" title="Iveco">
											<i class="ico ico-auto-brands iveco"></i>
											Iveco
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/jaguar/" class="icobox size_24" title="Jaguar">
											<i class="ico ico-auto-brands jaguar"></i>
											Jaguar
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/jeep/" class="icobox size_24" title="Jeep">
											<i class="ico ico-auto-brands jeep"></i>
											Jeep
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/kia/" class="icobox size_24" title="KIA">
											<i class="ico ico-auto-brands kia"></i>
											KIA
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/lada/" class="icobox size_24" title="Lada">
											<i class="ico ico-auto-brands lada"></i>
											Lada
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/lancia/" class="icobox size_24" title="Lancia">
											<i class="ico ico-auto-brands lancia"></i>
											Lancia
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/land-rover/" class="icobox size_24" title="Land Rover">
											<i class="ico ico-auto-brands land-rover"></i>
											Land Rover
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/lexus/" class="icobox size_24" title="Lexus">
											<i class="ico ico-auto-brands lexus"></i>
											Lexus
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/lincoln/" class="icobox size_24" title="Lincoln">
											<i class="ico ico-auto-brands lincoln"></i>
											Lincoln
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/mazda/" class="icobox size_24" title="Mazda">
											<i class="ico ico-auto-brands mazda"></i>
											Mazda
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/mercedes-benz/" class="icobox size_24" title="Mercedes-Benz">
											<i class="ico ico-auto-brands mercedes-benz"></i>
											Mercedes-Benz
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/mg/" class="icobox size_24" title="MG">
											<i class="ico ico-auto-brands mg"></i>
											MG
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/mini/" class="icobox size_24" title="Mini">
											<i class="ico ico-auto-brands mini"></i>
											Mini
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/mitsubishi/" class="icobox size_24" title="Mitsubishi">
											<i class="ico ico-auto-brands mitsubishi"></i>
											Mitsubishi
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/moskwicz/" class="icobox size_24" title="Moskwicz">
											<i class="ico ico-auto-brands moskwicz"></i>
											Moskwicz
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/nissan/" class="icobox size_24" title="Nissan">
											<i class="ico ico-auto-brands nissan"></i>
											Nissan
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/oldsmobile/" class="icobox size_24" title="Oldsmobile">
											<i class="ico ico-auto-brands oldsmobile"></i>
											Oldsmobile
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/opel/" class="icobox size_24" title="Opel">
											<i class="ico ico-auto-brands opel"></i>
											Opel
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/peugeot/" class="icobox size_24" title="Peugeot">
											<i class="ico ico-auto-brands peugeot"></i>
											Peugeot
										</a>
									</li>
								</ul>
							</div>
							<div class="col col-xs-4">
								<ul class="list-autobrands">
									<li class="">
										<a href="/ru/zapchasti/plymouth/" class="icobox size_24" title="Plymouth">
											<i class="ico ico-auto-brands plymouth"></i>
											Plymouth
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/pontiac/" class="icobox size_24" title="Pontiac">
											<i class="ico ico-auto-brands pontiac"></i>
											Pontiac
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/porsche/" class="icobox size_24" title="Porsche">
											<i class="ico ico-auto-brands porsche"></i>
											Porsche
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/renault/" class="icobox size_24" title="Renault">
											<i class="ico ico-auto-brands renault"></i>
											Renault
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/rolls-royce/" class="icobox size_24" title="Rolls Royce">
											<i class="ico ico-auto-brands rolls-royce"></i>
											Rolls Royce
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/rover/" class="icobox size_24" title="Rover">
											<i class="ico ico-auto-brands rover"></i>
											Rover
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/saab/" class="icobox size_24" title="Saab">
											<i class="ico ico-auto-brands saab"></i>
											Saab
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/seat/" class="icobox size_24" title="Seat">
											<i class="ico ico-auto-brands seat"></i>
											Seat
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/skoda/" class="icobox size_24" title="Skoda">
											<i class="ico ico-auto-brands skoda"></i>
											Skoda
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/smart/" class="icobox size_24" title="Smart">
											<i class="ico ico-auto-brands smart"></i>
											Smart
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/ssangyong/" class="icobox size_24" title="SsangYong">
											<i class="ico ico-auto-brands ssangyong"></i>
											SsangYong
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/subaru/" class="icobox size_24" title="Subaru">
											<i class="ico ico-auto-brands subaru"></i>
											Subaru
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/suzuki/" class="icobox size_24" title="Suzuki">
											<i class="ico ico-auto-brands suzuki"></i>
											Suzuki
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/toyota/" class="icobox size_24" title="Toyota">
											<i class="ico ico-auto-brands toyota"></i>
											Toyota
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/uaz/" class="icobox size_24" title="UAZ">
											<i class="ico ico-auto-brands uaz"></i>
											UAZ
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/volkswagen/" class="icobox size_24" title="Volkswagen">
											<i class="ico ico-auto-brands volkswagen"></i>
											Volkswagen
										</a>
									</li>
									<li class="spec">
										<a href="/ru/zapchasti/volvo/" class="icobox size_24" title="Volvo">
											<i class="ico ico-auto-brands volvo"></i>
											Volvo
										</a>
									</li>
									<li class="">
										<a href="/ru/zapchasti/zaz/" class="icobox size_24" title="ZAZ">
											<i class="ico ico-auto-brands zaz"></i>
											ZAZ
										</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="list-autobrands-more">
							<a href="#" class="btn btn-primary js-list-autobrands-show">&nbsp;Смотреть все марки &nbsp;<i class="fa fa-angle-double-down posr-t-1"></i>&nbsp;</a>
						</div>
					</div>
					<div class="m-b-20"></div>
				</div>


				<div class="tab-pane " id="tab-truck">

					<ul class="list-autobrands">
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/daf/" class="icobox size_24" title="DAF">
								<i class="ico ico-auto-brands daf"></i>
								DAF
							</a>
						</li>
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/iveco/" class="icobox size_24" title="Iveco">
								<i class="ico ico-auto-brands iveco"></i>
								Iveco
							</a>
						</li>
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/man/" class="icobox size_24" title="MAN">
								<i class="ico ico-auto-brands man"></i>
								MAN
							</a>
						</li>
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/mercedes-benz/" class="icobox size_24" title="Mercedes-Benz">
								<i class="ico ico-auto-brands mercedes-benz"></i>
								Mercedes-Benz
							</a>
						</li>
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/mitsubishi/" class="icobox size_24" title="Mitsubishi">
								<i class="ico ico-auto-brands mitsubishi"></i>
								Mitsubishi
							</a>
						</li>
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/renault/" class="icobox size_24" title="Renault">
								<i class="ico ico-auto-brands renault"></i>
								Renault
							</a>
						</li>
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/scania/" class="icobox size_24" title="Scania">
								<i class="ico ico-auto-brands scania"></i>
								Scania
							</a>
						</li>
						<li class="spec">
							<a href="/ru/zapchasti/gruzoviki/volvo/" class="icobox size_24" title="Volvo">
								<i class="ico ico-auto-brands volvo"></i>
								Volvo
							</a>
						</li>
					</ul>
				</div>

			</div>
		</div>
	</div>
	<div class="content-separator"></div>
{% endblock %}