<form id="seenliveCallFeedback" action="" method="post">
                            <input type="hidden" name="dealer_id" value="<?=$variables["USER_ID"]?>" id="snlive-did"/>

$viewFile = '/home/gabriel/public_html/app/View/Elements/widget_chat.ctp'
$dataForView = array(
	'seo_keywords' => '',
	'seo_description' => '',
	'seo_title' => null,
	'model' => 'all',
	'make' => 'all',
	'result_new_models' => null,
	'result_makes' => array(
		(int) 0 => array(
			'id' => '1',
			'name' => 'Acura',
			'slug' => 'acura'
		),
		(int) 1 => array(
			'id' => '3',
			'name' => 'Audi',
			'slug' => 'audi'
		),
		(int) 2 => array(
			'id' => '47',
			'name' => 'Bentley',
			'slug' => 'bentley'
		),
		(int) 3 => array(
			'id' => '4',
			'name' => 'BMW',
			'slug' => 'bmw'
		),
		(int) 4 => array(
			'id' => '5',
			'name' => 'Buick',
			'slug' => 'buick'
		),
		(int) 5 => array(
			'id' => '7',
			'name' => 'Chevrolet',
			'slug' => 'chevrolet'
		),
		(int) 6 => array(
			'id' => '9',
			'name' => 'Dodge',
			'slug' => 'dodge'
		),
		(int) 7 => array(
			'id' => '10',
			'name' => 'Ferrari',
			'slug' => 'ferrari'
		),
		(int) 8 => array(
			'id' => '53',
			'name' => 'Fiat',
			'slug' => 'fiat'
		),
		(int) 9 => array(
			'id' => '11',
			'name' => 'Ford',
			'slug' => 'ford'
		),
		(int) 10 => array(
			'id' => '12',
			'name' => 'GMC',
			'slug' => 'gmc'
		),
		(int) 11 => array(
			'id' => '13',
			'name' => 'Honda',
			'slug' => 'honda'
		),
		(int) 12 => array(
			'id' => '15',
			'name' => 'Hyundai',
			'slug' => 'hyundai'
		),
		(int) 13 => array(
			'id' => '16',
			'name' => 'Infiniti',
			'slug' => 'infiniti'
		),
		(int) 14 => array(
			'id' => '18',
			'name' => 'Jaguar',
			'slug' => 'jaguar'
		),
		(int) 15 => array(
			'id' => '19',
			'name' => 'Jeep',
			'slug' => 'jeep'
		),
		(int) 16 => array(
			'id' => '20',
			'name' => 'Kia',
			'slug' => 'kia'
		),
		(int) 17 => array(
			'id' => '21',
			'name' => 'Land Rover',
			'slug' => 'land-rover'
		),
		(int) 18 => array(
			'id' => '22',
			'name' => 'Lexus',
			'slug' => 'lexus'
		),
		(int) 19 => array(
			'id' => '23',
			'name' => 'Lincoln',
			'slug' => 'lincoln'
		),
		(int) 20 => array(
			'id' => '25',
			'name' => 'Maserati',
			'slug' => 'maserati'
		),
		(int) 21 => array(
			'id' => '26',
			'name' => 'Mazda',
			'slug' => 'mazda'
		),
		(int) 22 => array(
			'id' => '27',
			'name' => 'Mercedes-Benz',
			'slug' => 'mercedes-benz'
		),
		(int) 23 => array(
			'id' => '29',
			'name' => 'MINI',
			'slug' => 'mini'
		),
		(int) 24 => array(
			'id' => '30',
			'name' => 'Mitsubishi',
			'slug' => 'mitsubishi'
		),
		(int) 25 => array(
			'id' => '31',
			'name' => 'Nissan',
			'slug' => 'nissan'
		),
		(int) 26 => array(
			'id' => '32',
			'name' => 'Pontiac',
			'slug' => 'pontiac'
		),
		(int) 27 => array(
			'id' => '33',
			'name' => 'Porsche',
			'slug' => 'porsche'
		),
		(int) 28 => array(
			'id' => '58',
			'name' => 'RAM',
			'slug' => 'ram'
		),
		(int) 29 => array(
			'id' => '34',
			'name' => 'Rolls-Royce',
			'slug' => 'rolls-royce'
		),
		(int) 30 => array(
			'id' => '37',
			'name' => 'Scion',
			'slug' => 'scion'
		),
		(int) 31 => array(
			'id' => '39',
			'name' => 'Subaru',
			'slug' => 'subaru'
		),
		(int) 32 => array(
			'id' => '40',
			'name' => 'Suzuki',
			'slug' => 'suzuki'
		),
		(int) 33 => array(
			'id' => '41',
			'name' => 'Toyota',
			'slug' => 'toyota'
		),
		(int) 34 => array(
			'id' => '42',
			'name' => 'Volkswagen',
			'slug' => 'volkswagen'
		),
		(int) 35 => array(
			'id' => '43',
			'name' => 'Volvo',
			'slug' => 'volvo'
		)
	),
	'page_cars' => (int) 1,
	'cars_new' => array(
		'Acura' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 20,
			'page_count' => (int) 5,
			'page' => '1',
			'limit' => '4'
		),
		'Audi' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 55,
			'page_count' => (int) 14,
			'page' => '1',
			'limit' => '4'
		),
		'Honda' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 18,
			'page_count' => (int) 5,
			'page' => '1',
			'limit' => '4'
		),
		'Hyundai' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 18,
			'page_count' => (int) 5,
			'page' => '1',
			'limit' => '4'
		),
		'Infiniti' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 6,
			'page_count' => (int) 2,
			'page' => '1',
			'limit' => '4'
		),
		'Kia' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 71,
			'page_count' => (int) 18,
			'page' => '1',
			'limit' => '4'
		),
		'Lexus' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 23,
			'page_count' => (int) 6,
			'page' => '1',
			'limit' => '4'
		),
		'Mazda' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 29,
			'page_count' => (int) 8,
			'page' => '1',
			'limit' => '4'
		),
		'Nissan' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 72,
			'page_count' => (int) 18,
			'page' => '1',
			'limit' => '4'
		),
		'Toyota' => array(
			'cars' => array(
				[maximum depth reached]
			),
			'total_cars' => (int) 93,
			'page_count' => (int) 24,
			'page' => '1',
			'limit' => '4'
		)
	),
	'result_page' => array(
		(int) 0 => array(
			'id' => '733',
			'user_id' => '1',
			'title_en' => 'All new vehicles',
			'title_fr' => 'Tous les nouveaux véhicules',
			'content1_en' => '',
			'content1_fr' => '',
			'content2_en' => '',
			'content2_fr' => '',
			'content3_en' => '',
			'content3_fr' => '',
			'image_en' => '',
			'image_fr' => '',
			'seo_title_en' => 'All new vehicles',
			'seo_title_fr' => 'Tous les nouveaux véhicules',
			'seo_description_en' => 'All new vehicles Description',
			'seo_description_fr' => 'Tous les nouveaux véhicules Description',
			'seo_keyword_en' => 'All new vehicles Keywords',
			'seo_keyword_fr' => 'Tous les nouveaux véhicules Keywords',
			'seo_h1_en' => 'All new vehicles H1',
			'seo_h1_fr' => 'Tous les nouveaux véhicules H1',
			'image_new_car_en' => '',
			'image_new_car_fr' => '',
			'image_used_car_en' => '',
			'image_used_car_fr' => '',
			'noindex_nofollow' => '1',
			'enable_slider' => '0'
		)
	),
	'lng' => null,
	'idiom' => 'fr',
	'content_for_layout' => '<div class="row group-cars-listing">
    <div class="col-12">
        <div class="filter-view-cars">
            <!-- search form -->
            <form id="search-form-new" method="get" action="#" class="leftSection">
                <input type="hidden" id="price_from-compact" name="price_from" value=""/>
                <input type="hidden" id="price_to-compact" name="price_to" value=""/>
                <input type="hidden" id="view-by" name="view-by" value="grid"/>
                <input type="hidden" id="page" name="page" value="1"/>
                <input type="hidden" id="total" name="total" value="1"/>
                <input type="hidden" id="type" name="type" value="group"/>

                <div class="searchItem search-item-new">
                    <span class="lable">:</span>
                    <div class="styled-select">
                        <select id="make_id-compact" name="make" class="form-control make_s">
                            <option value="all" selected="selected"></option>
                            <option value="1">Acura</option>
                            <option value="3">Audi</option>
                            <option value="13">Honda</option>
                            <option value="15">Hyundai</option>
                            <option value="20">Kia</option>
                            <option value="22">Lexus</option>
                            <option value="23">Lincoln</option>
                            <option value="26">Mazda</option>
                            <option value="31">Nissan</option>
                            <option value="41">Toyota</option>
                        </select>
                    </div>
                </div>
                <div class="searchItem search-item-new">
                    <span class="lable">:</span>
                    <div class="styled-select">
                        <select id="model_id-contact" name="model" class="model_s for_select">
                            <option value="all"></option>
                                                    </select>
                    </div>
                </div>
                <div class="searchItem search-item-new">
                    <span class="lable"> ($): </span>
                    <div class="styled-select">
                        <div class="slideValue">
                            <span id="priceMin-compact">Min</span> - <span id="priceMax-compact">Max</span>
                        </div>
                        <div id="priceRange-compact" class=""></div>
                    </div>
                </div>
                <div class="searchItem search-item-new">
                    <div class="row group-cars-listing group-cars-listing-new">
                        <div class="col-12">
                            <div class="dropList droplist-sort-by middle">
                                <select id="trier_id" name="sort_by">
                                    <option value="id_desc"></option>
                                    <option value="make_desc"></option>
                                    <option value="model_asc"></option>
                                    <option value="price_asc"> ASC</option>
                                    <option value="price_desc"> DESC</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="searchItem search-item-last">
                    <ul >
                        <li class="d-flex align-items-center">
                            <label>:</label>
                            <a href="#" title="" class="link-view-by link-list">
                                <i class="fa fa-list" aria-hidden="true"></i>
                            </a>
                            <a class="link-view-by link-grid voir-active" title="" href="#">
                                <i class="fa fa-th" aria-hidden="true"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </form>
            <!-- end search form -->
        </div>
    </div>
</div>

<script type="text/javascript">
    var devWidth = $(document).width();

    $(document).ready(function(){

        var priceMax = document.getElementById('priceMax-compact');
        var priceMin = document.getElementById('priceMin-compact');
        var priceRange = document.getElementById('priceRange-compact');
        var dbMaxPrice = 279888.00;
        var dbMinPrice = parseInt(1500.00 / 10, 10) * 10;
        dbMinPrice = 100 * Math.floor((dbMinPrice + 50) / 100);

        var startMin;
        var startMax;
        if(document.getElementById('price_from-compact').value){

            startMin = document.getElementById('price_from-compact').value;
        }
        else{
            startMin =dbMinPrice;
        }
        if(document.getElementById('price_to-compact').value){
            startMax = document.getElementById('price_to-compact').value;
        }
        else{
            startMax =dbMaxPrice;
        }

        noUiSlider.create(
            priceRange, {
                start: [ startMin, startMax ],
                step: [500],
                connect: true,
                range: {
                    'min': dbMinPrice,
                    '70%':20000,
                    'max': dbMaxPrice
                },
                format: {
                    to: function ( value ) {
                        return value + '';
                    },
                    from: function ( value ) {
                        return value.replace(',00', '');
                    }
                }
            });

        priceMin.addEventListener('change', function(){
            priceRange.noUiSlider.set([this.value, null]);
        });
        priceMax.addEventListener('change', function(){
            priceRange.noUiSlider.set([null, this.value]);
        });
        priceRange.noUiSlider.on('update', function( values, handle ) {
            var value = values[handle];
            if ( handle ) {
                if(value == dbMaxPrice){
                    priceMax.innerHTML='Max';
                }else{
                    priceMax.innerHTML=''+Math.round(value);
                }
                $('#price_to-compact').val(Math.round(value));
            } else {
                if(dbMinPrice == value){
                    priceMin.innerHTML = 'Min';
                }else{
                    priceMin.innerHTML = Math.round(value)+' ';
                }

                $('#price_from-compact').val(Math.round(value));
            }

        });
        priceRange.noUiSlider.on('set', function() {
            getCountNewCars();
        });

        if(!!$.cookie('datas_new_cars')){
            if($.cookie('datas_new_cars') != ''){
                var currentDatas = JSON.parse($.cookie('datas_new_cars'));

                var page_current = currentDatas.page;
                var make_current = currentDatas.make;
                var model_current = currentDatas.model;
                var total_current = currentDatas.total;
                var view_by_current = currentDatas.view_by;
                var type_current = currentDatas.type;
                var price_from_current = currentDatas.price_from;
                var price_to_current = currentDatas.price_to;

                $('#price_from-compact').val(price_from_current);
                $('#price_to-compact').val(price_to_current);
                $('#view-by').val(view_by_current);
                $('#page').val(page_current);
                $('#total').val(total_current);
                $('#type').val(type_current);

                $('.link-view-by').removeClass('voir-active');
                if(view_by_current == 'grid'){
                    $('.link-grid').addClass('voir-active');
                }else{
                    $('.link-list').addClass('voir-active');
                }

                jQuery.post("https://dev.gabriel.ca/fr/ajax/bringModelsListing/"+make_current+"/new_cars/", function( data ) {
                    $(".for_select").empty().html(data);
                    $("#model_id-contact option[value="+model_current+"]").attr("selected","selected");

                    getCountNewCars();
                });
            }
        }
    });

    jQuery(function(){
        jQuery('.link-view-by').click(function (){
            $('.link-view-by').removeClass('voir-active');
            $(this).addClass('voir-active');
            if($(this).hasClass('link-list') == true){
                $('#view-by').val('list');
            }else{
                $('#view-by').val('grid');
            }
            getCountNewCars();

            return false;
        });

        jQuery("#make_id-compact").change(function(){
            var valor = jQuery(this).val();
            loadModelCarNew(valor,"for_select");
            getCountNewCars();
        });

        jQuery("#model_id-contact").change(function(){
            var valor = jQuery(this).val();
            getCountNewCars();
        });

        jQuery("#trier_id").change(function(){
            var valor = jQuery(this).val();
            getCountNewCars();
        });
    });

    function loadMore(current){
        var load_more = $(current);
        var price_from = $('#price_from-compact').val();
        var price_to = $('#price_to-compact').val();
        var make = $('#make_id-compact').val();
        var sort_by = $('#trier_id').val();
        if(make == 'all'){
            var make_current = $(current).data('make');
        }else{
            var make_current = make;
        }
        var model = $('#model_id-contact').val();
        var view_by = $('#view-by').val();

        var total = $(current).data('total');
        var page = $(current).data('page');
        var total_page = $(current).data('totalpage');
        var num = Number(page) + 1;

        $.ajax({
            type: "POST",
            url: "https://dev.gabriel.ca/fr/ajax/get-cars-select",
            data: 'price_from='+price_from+'&price_to='+price_to+'&view-by='+view_by+'&page='+num+'&total='+total+'&type=list&make='+make_current+'&model='+model+'&sort_by='+sort_by,
            success: function(data)
            {
                load_more.data('page', num);
                load_more.parent().parent().parent().children('.listing-content-cars').append(data);
                if(num == total_page){
                    load_more.hide();
                }
            }
        });
    }

    function loadCarsSelect(pages){
        var form = $('#search-form-new');
        var url = form.attr('action');

        cookieListingNewCars();

        $.ajax({
            type: "POST",
            url: "https://dev.gabriel.ca/fr/ajax/get-cars-select",
            data: form.serialize(),
            success: function(data)
            {
                $('.group-cars-listing-list').empty().html(data);
                if(pages > 1){
                    $('.load-more').show();
                }
            }
        });
    }

    function loadModelCarNew(make_id, select){
        if(make_id!=""){
            jQuery.post("https://dev.gabriel.ca/fr/ajax/bringModelsListing/"+make_id+"/new_cars/", function( data ) {
                $("."+select).empty().html(data);
            });
        }
    }

    function getCountNewCars(callback){
        var form = $('#search-form-new');
        var url = form.attr('action');
        var count_items = 0;
        $('#page').attr('value', 1);

        return $.ajax({
            type: "POST",
            url: "https://dev.gabriel.ca/fr/ajax/get-count-new",
            data: form.serialize(),
            success: function(data)
            {
                $('#total').attr('value', data);
                loadCarsSelect(data);
            }
        });
    }
</script><div class="row group-cars-listing">
    <div class="col-12">
        <b class="title-total">Tous les nouveaux véhicules</b>
    </div>
    <div class="col-12">
        <div class="container-details-top">
                    </div>
    </div>
</div>

<div class="row group-cars-listing group-cars-listing-list group-cars-listing-new">
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/acura_logo.png" alt="">
            </figure>
            <h2>Acura</h2>
        </div>
    </div>
    <div class="col-12 container-make-acura">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5622/acura-ilx" title="Acura ILX  " class="title-car-item">
                        <h3> Acura ILX  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5622/acura-ilx">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_9YI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>32 680 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5622/acura-ilx" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5623/acura-ilx-premium" title="Acura ILX Premium  " class="title-car-item">
                        <h3> Acura ILX Premium </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5623/acura-ilx-premium">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_1oR.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>34 180 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5623/acura-ilx-premium" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX Premium" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5626/acura-ilx-premium-a-spec" title="Acura ILX Premium A-Spec  " class="title-car-item">
                        <h3> Acura ILX Premium A-Spec </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5626/acura-ilx-premium-a-spec">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_2KA.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>36 680 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5626/acura-ilx-premium-a-spec" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX Premium A-Spec" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5631/acura-ilx-tech-a-spec" title="Acura ILX Tech A-Spec  " class="title-car-item">
                        <h3> Acura ILX Tech A-SPEC </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5631/acura-ilx-tech-a-spec">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_WMk.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>38 080 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5631/acura-ilx-tech-a-spec" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX Tech A-Spec" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="1" data-total="20" data-page="1" data-totalpage="5"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/audi_logo.png" alt="">
            </figure>
            <h2>Audi</h2>
        </div>
    </div>
    <div class="col-12 container-make-audi">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/7688/audi-s7-sportback-2018" title="Audi 2018 S7 Sportback  " class="title-car-item">
                        <h3> Audi S7 Sportback 2018 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/7688/audi-s7-sportback-2018">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_gII.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>97 750 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/7688/audi-s7-sportback-2018" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model="2018 S7 Sportback" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/7689/audi-rs-7-sportback" title="Audi  RS 7 Sportback  " class="title-car-item">
                        <h3> Audi RS 7 Sportback  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/7689/audi-rs-7-sportback">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_Plq.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>120 900 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/7689/audi-rs-7-sportback" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model=" RS 7 Sportback" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/19520/audi-rs-7-sportback-performance" title="Audi  RS 7 Sportback Performance  " class="title-car-item">
                        <h3> Audi RS 7 Sportback Performance  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/19520/audi-rs-7-sportback-performance">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_gIT.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>143 600 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/19520/audi-rs-7-sportback-performance" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model=" RS 7 Sportback Performance" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/39962/audi-audi-a8-l" title="Audi  Audi A8 L  " class="title-car-item">
                        <h3> Audi Audi A8 L  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/39962/audi-audi-a8-l">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_1rJ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>97 800 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/39962/audi-audi-a8-l" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model=" Audi A8 L" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="3" data-total="55" data-page="1" data-totalpage="14"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/honda_logo.png" alt="">
            </figure>
            <h2>Honda</h2>
        </div>
    </div>
    <div class="col-12 container-make-honda">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5575/honda-fit" title="Honda Fit  " class="title-car-item">
                        <h3> Honda Fit </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5575/honda-fit">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_YvA.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>18 060 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5575/honda-fit" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Fit" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/37544/honda-clarity-hybride-rechargeable" title="Honda Clarity Plug-in Hybrid  " class="title-car-item">
                        <h3> Honda Clarity hybride rechargeable </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/37544/honda-clarity-hybride-rechargeable">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_Kx2.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>39 900 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/37544/honda-clarity-hybride-rechargeable" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Clarity Plug-in Hybrid" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/38006/honda-insight-hybride" title="Honda Insight Hybrid  " class="title-car-item">
                        <h3> Honda Insight hybride </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/38006/honda-insight-hybride">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_fXc.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>27 990 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/38006/honda-insight-hybride" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Insight Hybrid" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/38007/honda-insight-hybrid-touring" title="Honda Insight Hybrid Touring  " class="title-car-item">
                        <h3> Honda Insight Hybrid Touring </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/38007/honda-insight-hybrid-touring">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_fXc.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>31 590 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/38007/honda-insight-hybrid-touring" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Insight Hybrid Touring" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="13" data-total="18" data-page="1" data-totalpage="5"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/hyundai_logo.png" alt="">
            </figure>
            <h2>Hyundai</h2>
        </div>
    </div>
    <div class="col-12 container-make-hyundai">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49587/hyundai-elantra-gt-2020" title="Hyundai 2020 Elantra GT   " class="title-car-item">
                        <h3> Hyundai Elantra GT 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49587/hyundai-elantra-gt-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>20 749 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49587/hyundai-elantra-gt-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra GT " data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/19848/hyundai-elantra-2020" title="Hyundai 2020 Elantra  " class="title-car-item">
                        <h3> Hyundai Elantra 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/19848/hyundai-elantra-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>17 149 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/19848/hyundai-elantra-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49585/hyundai-elantra-sport-2020" title="Hyundai 2020 Elantra Sport   " class="title-car-item">
                        <h3> Hyundai Elantra Sport 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49585/hyundai-elantra-sport-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>25 599 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49585/hyundai-elantra-sport-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra Sport " data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49588/hyundai-elantra-gt-n-line-2020" title="Hyundai 2020 Elantra GT N line  " class="title-car-item">
                        <h3> Hyundai Elantra GT N-Line 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49588/hyundai-elantra-gt-n-line-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>27 249 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49588/hyundai-elantra-gt-n-line-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra GT N line" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="15" data-total="18" data-page="1" data-totalpage="5"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/infiniti_logo.png" alt="">
            </figure>
            <h2>Infiniti</h2>
        </div>
    </div>
    <div class="col-12 container-make-infiniti">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49620/infiniti-q50" title="Infiniti Q50  " class="title-car-item">
                        <h3> Infiniti Q50 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49620/infiniti-q50">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_y1r.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>43 995 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49620/infiniti-q50" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="Q50" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49621/infiniti-q70" title="Infiniti Q70  " class="title-car-item">
                        <h3> Infiniti Q70 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49621/infiniti-q70">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_sgQ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>58 120 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49621/infiniti-q70" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="Q70" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49622/infiniti-q60" title="Infiniti Q60  " class="title-car-item">
                        <h3> Infiniti Q60 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49622/infiniti-q60">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_UVR.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>53 795 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49622/infiniti-q60" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="Q60" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49766/infiniti-qx50" title="Infiniti QX50  " class="title-car-item">
                        <h3> Infiniti QX50 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49766/infiniti-qx50">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_k8H.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>44 998 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49766/infiniti-qx50" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="QX50" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="16" data-total="6" data-page="1" data-totalpage="2"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/kia_logo.png" alt="">
            </figure>
            <h2>Kia</h2>
        </div>
    </div>
    <div class="col-12 container-make-kia">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/50479/kia-ex-sport" title="Kia EX Sport  " class="title-car-item">
                        <h3> Kia EX Sport </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/50479/kia-ex-sport">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_Xwg.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>23 955 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/50479/kia-ex-sport" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="EX Sport" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/29254/kia-lx-bm" title="Kia LX MT  " class="title-car-item">
                        <h3> Kia LX BM </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/29254/kia-lx-bm">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_rRa.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>19 455 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/29254/kia-lx-bm" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="LX MT" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/50489/kia-lx" title="Kia LX  " class="title-car-item">
                        <h3> Kia LX </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/50489/kia-lx">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_rRa.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>21 055 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/50489/kia-lx" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="LX" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/29255/kia-ex" title="Kia EX  " class="title-car-item">
                        <h3> Kia EX  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/29255/kia-ex">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_rRa.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>22 755 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/29255/kia-ex" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="EX" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="20" data-total="71" data-page="1" data-totalpage="18"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/lexus_logo.png" alt="">
            </figure>
            <h2>Lexus</h2>
        </div>
    </div>
    <div class="col-12 container-make-lexus">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4064/lexus-rx-350" title="Lexus RX 350  " class="title-car-item">
                        <h3> Lexus RX 350 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4064/lexus-rx-350">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_gtI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>57 920 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4064/lexus-rx-350" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="RX 350" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/47090/lexus-rx-450h-l" title="Lexus RX 450h L  " class="title-car-item">
                        <h3> Lexus RX 450h L </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/47090/lexus-rx-450h-l">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_gtI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>77 600 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/47090/lexus-rx-450h-l" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="RX 450h L" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4050/lexus-rx-450h" title="Lexus RX 450h  " class="title-car-item">
                        <h3> Lexus RX 450h </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4050/lexus-rx-450h">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_gtI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>67 060 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4050/lexus-rx-450h" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="RX 450h" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4066/lexus-gx-460" title="Lexus GX 460  " class="title-car-item">
                        <h3> Lexus GX 460 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4066/lexus-gx-460">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_L66.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>78 520 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4066/lexus-gx-460" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="GX 460" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="22" data-total="23" data-page="1" data-totalpage="6"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/mazda_logo.png" alt="">
            </figure>
            <h2>Mazda</h2>
        </div>
    </div>
    <div class="col-12 container-make-mazda">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/50014/mazda-cx-5-signature-2020" title="Mazda 2020 CX-5 SIGNATURE  " class="title-car-item">
                        <h3> Mazda CX-5 SIGNATURE 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/50014/mazda-cx-5-signature-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_x1p.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>43 965 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/50014/mazda-cx-5-signature-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="2020 CX-5 SIGNATURE" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/6421/mazda-cx-9-gs" title="Mazda CX-9 GS  " class="title-car-item">
                        <h3> Mazda CX-9 GS </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/6421/mazda-cx-9-gs">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_Ugx.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>39 900 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/6421/mazda-cx-9-gs" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="CX-9 GS" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/27125/mazda-cx-9-gs-l" title="Mazda CX-9 GS-L  " class="title-car-item">
                        <h3> Mazda CX-9 GS-L </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/27125/mazda-cx-9-gs-l">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_Ugx.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>45 365 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/27125/mazda-cx-9-gs-l" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="CX-9 GS-L" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/6422/mazda-cx-9-gt" title="Mazda CX-9 GT  " class="title-car-item">
                        <h3> Mazda CX-9 GT </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/6422/mazda-cx-9-gt">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_Ugx.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>50 565 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/6422/mazda-cx-9-gt" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="CX-9 GT" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="26" data-total="29" data-page="1" data-totalpage="8"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/nissan_logo.png" alt="">
            </figure>
            <h2>Nissan</h2>
        </div>
    </div>
    <div class="col-12 container-make-nissan">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/9002/nissan-micra-sv" title="Nissan Micra SV  " class="title-car-item">
                        <h3> Nissan Micra SV </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/9002/nissan-micra-sv">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_dhZ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>15 598 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/9002/nissan-micra-sv" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Micra SV" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/9003/nissan-micra-sr" title="Nissan Micra SR  " class="title-car-item">
                        <h3> Nissan Micra SR </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/9003/nissan-micra-sr">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_dhZ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>17 598 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/9003/nissan-micra-sr" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Micra SR" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4043/nissan-versa-note-s" title="Nissan Versa Note S  " class="title-car-item">
                        <h3> Nissan Versa Note S </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4043/nissan-versa-note-s">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_R40.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>14 698 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4043/nissan-versa-note-s" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Versa Note S" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/6850/nissan-versa-note-sv" title="Nissan Versa Note SV  " class="title-car-item">
                        <h3> Nissan Versa Note SV </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/6850/nissan-versa-note-sv">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_R40.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>18 398 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/6850/nissan-versa-note-sv" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Versa Note SV" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="31" data-total="72" data-page="1" data-totalpage="18"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/toyota_logo.png" alt="">
            </figure>
            <h2>Toyota</h2>
        </div>
    </div>
    <div class="col-12 container-make-toyota">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/41825/toyota-yaris-hatchback-3-ptes-ce-5m" title="Toyota YARIS HATCHBACK 3DR CE 5M  " class="title-car-item">
                        <h3> Toyota YARIS HATCHBACK 3 PTES CE 5M </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/41825/toyota-yaris-hatchback-3-ptes-ce-5m">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_swi.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>17 709 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/41825/toyota-yaris-hatchback-3-ptes-ce-5m" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model="YARIS HATCHBACK 3DR CE 5M" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/41615/toyota-yaris-hatchback-5-ptes-le-5m" title="Toyota  YARIS HATCHBACK 5DR LE 5M  " class="title-car-item">
                        <h3> Toyota  YARIS HATCHBACK 5 PTES LE 5M </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/41615/toyota-yaris-hatchback-5-ptes-le-5m">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_swi.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>19 134 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/41615/toyota-yaris-hatchback-5-ptes-le-5m" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model=" YARIS HATCHBACK 5DR LE 5M" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/41616/toyota-yaris-hatchback-5-ptes-se-4a" title="Toyota YARIS HATCHBACK 5DR SE 4A  " class="title-car-item">
                        <h3> Toyota YARIS HATCHBACK 5 PTES SE 4A </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/41616/toyota-yaris-hatchback-5-ptes-se-4a">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_swi.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>21 784 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/41616/toyota-yaris-hatchback-5-ptes-se-4a" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model="YARIS HATCHBACK 5DR SE 4A" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/46380/toyota-gr-supra-2020" title="Toyota 2020 GR Supra  " class="title-car-item">
                        <h3> Toyota GR Supra 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/46380/toyota-gr-supra-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_yzE.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>67 234 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/46380/toyota-gr-supra-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model="2020 GR Supra" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="41" data-total="93" data-page="1" data-totalpage="24"></a>
            </div>
        </div>
            </div>
    </div>
<div class="row">
    <div class="col-12">
        <div class="container-details-center">
                    </div>
    </div>
    <div class="col-12">
        <div class="container-details-bottom">
                    </div>
    </div>
</div>',
	'scripts_for_layout' => '',
	'title_for_layout' => 'Pages',
	'dealer_name' => 'Groupe Gabriel'
)
$seo_keywords = ''
$seo_description = ''
$seo_title = null
$model = 'all'
$make = 'all'
$result_new_models = null
$result_makes = array(
	(int) 0 => array(
		'id' => '1',
		'name' => 'Acura',
		'slug' => 'acura'
	),
	(int) 1 => array(
		'id' => '3',
		'name' => 'Audi',
		'slug' => 'audi'
	),
	(int) 2 => array(
		'id' => '47',
		'name' => 'Bentley',
		'slug' => 'bentley'
	),
	(int) 3 => array(
		'id' => '4',
		'name' => 'BMW',
		'slug' => 'bmw'
	),
	(int) 4 => array(
		'id' => '5',
		'name' => 'Buick',
		'slug' => 'buick'
	),
	(int) 5 => array(
		'id' => '7',
		'name' => 'Chevrolet',
		'slug' => 'chevrolet'
	),
	(int) 6 => array(
		'id' => '9',
		'name' => 'Dodge',
		'slug' => 'dodge'
	),
	(int) 7 => array(
		'id' => '10',
		'name' => 'Ferrari',
		'slug' => 'ferrari'
	),
	(int) 8 => array(
		'id' => '53',
		'name' => 'Fiat',
		'slug' => 'fiat'
	),
	(int) 9 => array(
		'id' => '11',
		'name' => 'Ford',
		'slug' => 'ford'
	),
	(int) 10 => array(
		'id' => '12',
		'name' => 'GMC',
		'slug' => 'gmc'
	),
	(int) 11 => array(
		'id' => '13',
		'name' => 'Honda',
		'slug' => 'honda'
	),
	(int) 12 => array(
		'id' => '15',
		'name' => 'Hyundai',
		'slug' => 'hyundai'
	),
	(int) 13 => array(
		'id' => '16',
		'name' => 'Infiniti',
		'slug' => 'infiniti'
	),
	(int) 14 => array(
		'id' => '18',
		'name' => 'Jaguar',
		'slug' => 'jaguar'
	),
	(int) 15 => array(
		'id' => '19',
		'name' => 'Jeep',
		'slug' => 'jeep'
	),
	(int) 16 => array(
		'id' => '20',
		'name' => 'Kia',
		'slug' => 'kia'
	),
	(int) 17 => array(
		'id' => '21',
		'name' => 'Land Rover',
		'slug' => 'land-rover'
	),
	(int) 18 => array(
		'id' => '22',
		'name' => 'Lexus',
		'slug' => 'lexus'
	),
	(int) 19 => array(
		'id' => '23',
		'name' => 'Lincoln',
		'slug' => 'lincoln'
	),
	(int) 20 => array(
		'id' => '25',
		'name' => 'Maserati',
		'slug' => 'maserati'
	),
	(int) 21 => array(
		'id' => '26',
		'name' => 'Mazda',
		'slug' => 'mazda'
	),
	(int) 22 => array(
		'id' => '27',
		'name' => 'Mercedes-Benz',
		'slug' => 'mercedes-benz'
	),
	(int) 23 => array(
		'id' => '29',
		'name' => 'MINI',
		'slug' => 'mini'
	),
	(int) 24 => array(
		'id' => '30',
		'name' => 'Mitsubishi',
		'slug' => 'mitsubishi'
	),
	(int) 25 => array(
		'id' => '31',
		'name' => 'Nissan',
		'slug' => 'nissan'
	),
	(int) 26 => array(
		'id' => '32',
		'name' => 'Pontiac',
		'slug' => 'pontiac'
	),
	(int) 27 => array(
		'id' => '33',
		'name' => 'Porsche',
		'slug' => 'porsche'
	),
	(int) 28 => array(
		'id' => '58',
		'name' => 'RAM',
		'slug' => 'ram'
	),
	(int) 29 => array(
		'id' => '34',
		'name' => 'Rolls-Royce',
		'slug' => 'rolls-royce'
	),
	(int) 30 => array(
		'id' => '37',
		'name' => 'Scion',
		'slug' => 'scion'
	),
	(int) 31 => array(
		'id' => '39',
		'name' => 'Subaru',
		'slug' => 'subaru'
	),
	(int) 32 => array(
		'id' => '40',
		'name' => 'Suzuki',
		'slug' => 'suzuki'
	),
	(int) 33 => array(
		'id' => '41',
		'name' => 'Toyota',
		'slug' => 'toyota'
	),
	(int) 34 => array(
		'id' => '42',
		'name' => 'Volkswagen',
		'slug' => 'volkswagen'
	),
	(int) 35 => array(
		'id' => '43',
		'name' => 'Volvo',
		'slug' => 'volvo'
	)
)
$page_cars = (int) 1
$cars_new = array(
	'Acura' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 20,
		'page_count' => (int) 5,
		'page' => '1',
		'limit' => '4'
	),
	'Audi' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 55,
		'page_count' => (int) 14,
		'page' => '1',
		'limit' => '4'
	),
	'Honda' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 18,
		'page_count' => (int) 5,
		'page' => '1',
		'limit' => '4'
	),
	'Hyundai' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 18,
		'page_count' => (int) 5,
		'page' => '1',
		'limit' => '4'
	),
	'Infiniti' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 6,
		'page_count' => (int) 2,
		'page' => '1',
		'limit' => '4'
	),
	'Kia' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 71,
		'page_count' => (int) 18,
		'page' => '1',
		'limit' => '4'
	),
	'Lexus' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 23,
		'page_count' => (int) 6,
		'page' => '1',
		'limit' => '4'
	),
	'Mazda' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 29,
		'page_count' => (int) 8,
		'page' => '1',
		'limit' => '4'
	),
	'Nissan' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 72,
		'page_count' => (int) 18,
		'page' => '1',
		'limit' => '4'
	),
	'Toyota' => array(
		'cars' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'total_cars' => (int) 93,
		'page_count' => (int) 24,
		'page' => '1',
		'limit' => '4'
	)
)
$result_page = array(
	(int) 0 => array(
		'id' => '733',
		'user_id' => '1',
		'title_en' => 'All new vehicles',
		'title_fr' => 'Tous les nouveaux véhicules',
		'content1_en' => '',
		'content1_fr' => '',
		'content2_en' => '',
		'content2_fr' => '',
		'content3_en' => '',
		'content3_fr' => '',
		'image_en' => '',
		'image_fr' => '',
		'seo_title_en' => 'All new vehicles',
		'seo_title_fr' => 'Tous les nouveaux véhicules',
		'seo_description_en' => 'All new vehicles Description',
		'seo_description_fr' => 'Tous les nouveaux véhicules Description',
		'seo_keyword_en' => 'All new vehicles Keywords',
		'seo_keyword_fr' => 'Tous les nouveaux véhicules Keywords',
		'seo_h1_en' => 'All new vehicles H1',
		'seo_h1_fr' => 'Tous les nouveaux véhicules H1',
		'image_new_car_en' => '',
		'image_new_car_fr' => '',
		'image_used_car_en' => '',
		'image_used_car_fr' => '',
		'noindex_nofollow' => '1',
		'enable_slider' => '0'
	)
)
$lng = null
$idiom = 'fr'
$content_for_layout = '<div class="row group-cars-listing">
    <div class="col-12">
        <div class="filter-view-cars">
            <!-- search form -->
            <form id="search-form-new" method="get" action="#" class="leftSection">
                <input type="hidden" id="price_from-compact" name="price_from" value=""/>
                <input type="hidden" id="price_to-compact" name="price_to" value=""/>
                <input type="hidden" id="view-by" name="view-by" value="grid"/>
                <input type="hidden" id="page" name="page" value="1"/>
                <input type="hidden" id="total" name="total" value="1"/>
                <input type="hidden" id="type" name="type" value="group"/>

                <div class="searchItem search-item-new">
                    <span class="lable">:</span>
                    <div class="styled-select">
                        <select id="make_id-compact" name="make" class="form-control make_s">
                            <option value="all" selected="selected"></option>
                            <option value="1">Acura</option>
                            <option value="3">Audi</option>
                            <option value="13">Honda</option>
                            <option value="15">Hyundai</option>
                            <option value="20">Kia</option>
                            <option value="22">Lexus</option>
                            <option value="23">Lincoln</option>
                            <option value="26">Mazda</option>
                            <option value="31">Nissan</option>
                            <option value="41">Toyota</option>
                        </select>
                    </div>
                </div>
                <div class="searchItem search-item-new">
                    <span class="lable">:</span>
                    <div class="styled-select">
                        <select id="model_id-contact" name="model" class="model_s for_select">
                            <option value="all"></option>
                                                    </select>
                    </div>
                </div>
                <div class="searchItem search-item-new">
                    <span class="lable"> ($): </span>
                    <div class="styled-select">
                        <div class="slideValue">
                            <span id="priceMin-compact">Min</span> - <span id="priceMax-compact">Max</span>
                        </div>
                        <div id="priceRange-compact" class=""></div>
                    </div>
                </div>
                <div class="searchItem search-item-new">
                    <div class="row group-cars-listing group-cars-listing-new">
                        <div class="col-12">
                            <div class="dropList droplist-sort-by middle">
                                <select id="trier_id" name="sort_by">
                                    <option value="id_desc"></option>
                                    <option value="make_desc"></option>
                                    <option value="model_asc"></option>
                                    <option value="price_asc"> ASC</option>
                                    <option value="price_desc"> DESC</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="searchItem search-item-last">
                    <ul >
                        <li class="d-flex align-items-center">
                            <label>:</label>
                            <a href="#" title="" class="link-view-by link-list">
                                <i class="fa fa-list" aria-hidden="true"></i>
                            </a>
                            <a class="link-view-by link-grid voir-active" title="" href="#">
                                <i class="fa fa-th" aria-hidden="true"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </form>
            <!-- end search form -->
        </div>
    </div>
</div>

<script type="text/javascript">
    var devWidth = $(document).width();

    $(document).ready(function(){

        var priceMax = document.getElementById('priceMax-compact');
        var priceMin = document.getElementById('priceMin-compact');
        var priceRange = document.getElementById('priceRange-compact');
        var dbMaxPrice = 279888.00;
        var dbMinPrice = parseInt(1500.00 / 10, 10) * 10;
        dbMinPrice = 100 * Math.floor((dbMinPrice + 50) / 100);

        var startMin;
        var startMax;
        if(document.getElementById('price_from-compact').value){

            startMin = document.getElementById('price_from-compact').value;
        }
        else{
            startMin =dbMinPrice;
        }
        if(document.getElementById('price_to-compact').value){
            startMax = document.getElementById('price_to-compact').value;
        }
        else{
            startMax =dbMaxPrice;
        }

        noUiSlider.create(
            priceRange, {
                start: [ startMin, startMax ],
                step: [500],
                connect: true,
                range: {
                    'min': dbMinPrice,
                    '70%':20000,
                    'max': dbMaxPrice
                },
                format: {
                    to: function ( value ) {
                        return value + '';
                    },
                    from: function ( value ) {
                        return value.replace(',00', '');
                    }
                }
            });

        priceMin.addEventListener('change', function(){
            priceRange.noUiSlider.set([this.value, null]);
        });
        priceMax.addEventListener('change', function(){
            priceRange.noUiSlider.set([null, this.value]);
        });
        priceRange.noUiSlider.on('update', function( values, handle ) {
            var value = values[handle];
            if ( handle ) {
                if(value == dbMaxPrice){
                    priceMax.innerHTML='Max';
                }else{
                    priceMax.innerHTML=''+Math.round(value);
                }
                $('#price_to-compact').val(Math.round(value));
            } else {
                if(dbMinPrice == value){
                    priceMin.innerHTML = 'Min';
                }else{
                    priceMin.innerHTML = Math.round(value)+' ';
                }

                $('#price_from-compact').val(Math.round(value));
            }

        });
        priceRange.noUiSlider.on('set', function() {
            getCountNewCars();
        });

        if(!!$.cookie('datas_new_cars')){
            if($.cookie('datas_new_cars') != ''){
                var currentDatas = JSON.parse($.cookie('datas_new_cars'));

                var page_current = currentDatas.page;
                var make_current = currentDatas.make;
                var model_current = currentDatas.model;
                var total_current = currentDatas.total;
                var view_by_current = currentDatas.view_by;
                var type_current = currentDatas.type;
                var price_from_current = currentDatas.price_from;
                var price_to_current = currentDatas.price_to;

                $('#price_from-compact').val(price_from_current);
                $('#price_to-compact').val(price_to_current);
                $('#view-by').val(view_by_current);
                $('#page').val(page_current);
                $('#total').val(total_current);
                $('#type').val(type_current);

                $('.link-view-by').removeClass('voir-active');
                if(view_by_current == 'grid'){
                    $('.link-grid').addClass('voir-active');
                }else{
                    $('.link-list').addClass('voir-active');
                }

                jQuery.post("https://dev.gabriel.ca/fr/ajax/bringModelsListing/"+make_current+"/new_cars/", function( data ) {
                    $(".for_select").empty().html(data);
                    $("#model_id-contact option[value="+model_current+"]").attr("selected","selected");

                    getCountNewCars();
                });
            }
        }
    });

    jQuery(function(){
        jQuery('.link-view-by').click(function (){
            $('.link-view-by').removeClass('voir-active');
            $(this).addClass('voir-active');
            if($(this).hasClass('link-list') == true){
                $('#view-by').val('list');
            }else{
                $('#view-by').val('grid');
            }
            getCountNewCars();

            return false;
        });

        jQuery("#make_id-compact").change(function(){
            var valor = jQuery(this).val();
            loadModelCarNew(valor,"for_select");
            getCountNewCars();
        });

        jQuery("#model_id-contact").change(function(){
            var valor = jQuery(this).val();
            getCountNewCars();
        });

        jQuery("#trier_id").change(function(){
            var valor = jQuery(this).val();
            getCountNewCars();
        });
    });

    function loadMore(current){
        var load_more = $(current);
        var price_from = $('#price_from-compact').val();
        var price_to = $('#price_to-compact').val();
        var make = $('#make_id-compact').val();
        var sort_by = $('#trier_id').val();
        if(make == 'all'){
            var make_current = $(current).data('make');
        }else{
            var make_current = make;
        }
        var model = $('#model_id-contact').val();
        var view_by = $('#view-by').val();

        var total = $(current).data('total');
        var page = $(current).data('page');
        var total_page = $(current).data('totalpage');
        var num = Number(page) + 1;

        $.ajax({
            type: "POST",
            url: "https://dev.gabriel.ca/fr/ajax/get-cars-select",
            data: 'price_from='+price_from+'&price_to='+price_to+'&view-by='+view_by+'&page='+num+'&total='+total+'&type=list&make='+make_current+'&model='+model+'&sort_by='+sort_by,
            success: function(data)
            {
                load_more.data('page', num);
                load_more.parent().parent().parent().children('.listing-content-cars').append(data);
                if(num == total_page){
                    load_more.hide();
                }
            }
        });
    }

    function loadCarsSelect(pages){
        var form = $('#search-form-new');
        var url = form.attr('action');

        cookieListingNewCars();

        $.ajax({
            type: "POST",
            url: "https://dev.gabriel.ca/fr/ajax/get-cars-select",
            data: form.serialize(),
            success: function(data)
            {
                $('.group-cars-listing-list').empty().html(data);
                if(pages > 1){
                    $('.load-more').show();
                }
            }
        });
    }

    function loadModelCarNew(make_id, select){
        if(make_id!=""){
            jQuery.post("https://dev.gabriel.ca/fr/ajax/bringModelsListing/"+make_id+"/new_cars/", function( data ) {
                $("."+select).empty().html(data);
            });
        }
    }

    function getCountNewCars(callback){
        var form = $('#search-form-new');
        var url = form.attr('action');
        var count_items = 0;
        $('#page').attr('value', 1);

        return $.ajax({
            type: "POST",
            url: "https://dev.gabriel.ca/fr/ajax/get-count-new",
            data: form.serialize(),
            success: function(data)
            {
                $('#total').attr('value', data);
                loadCarsSelect(data);
            }
        });
    }
</script><div class="row group-cars-listing">
    <div class="col-12">
        <b class="title-total">Tous les nouveaux véhicules</b>
    </div>
    <div class="col-12">
        <div class="container-details-top">
                    </div>
    </div>
</div>

<div class="row group-cars-listing group-cars-listing-list group-cars-listing-new">
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/acura_logo.png" alt="">
            </figure>
            <h2>Acura</h2>
        </div>
    </div>
    <div class="col-12 container-make-acura">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5622/acura-ilx" title="Acura ILX  " class="title-car-item">
                        <h3> Acura ILX  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5622/acura-ilx">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_9YI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>32 680 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5622/acura-ilx" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5623/acura-ilx-premium" title="Acura ILX Premium  " class="title-car-item">
                        <h3> Acura ILX Premium </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5623/acura-ilx-premium">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_1oR.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>34 180 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5623/acura-ilx-premium" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX Premium" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5626/acura-ilx-premium-a-spec" title="Acura ILX Premium A-Spec  " class="title-car-item">
                        <h3> Acura ILX Premium A-Spec </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5626/acura-ilx-premium-a-spec">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_2KA.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>36 680 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5626/acura-ilx-premium-a-spec" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX Premium A-Spec" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5631/acura-ilx-tech-a-spec" title="Acura ILX Tech A-Spec  " class="title-car-item">
                        <h3> Acura ILX Tech A-SPEC </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5631/acura-ilx-tech-a-spec">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.acuragabriel.com//cms-acura/img/cars/cars_WMk.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>38 080 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5631/acura-ilx-tech-a-spec" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="acura" data-typelist="new" data-make="Acura" data-model="ILX Tech A-Spec" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="1" data-total="20" data-page="1" data-totalpage="5"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/audi_logo.png" alt="">
            </figure>
            <h2>Audi</h2>
        </div>
    </div>
    <div class="col-12 container-make-audi">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/7688/audi-s7-sportback-2018" title="Audi 2018 S7 Sportback  " class="title-car-item">
                        <h3> Audi S7 Sportback 2018 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/7688/audi-s7-sportback-2018">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_gII.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>97 750 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/7688/audi-s7-sportback-2018" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model="2018 S7 Sportback" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/7689/audi-rs-7-sportback" title="Audi  RS 7 Sportback  " class="title-car-item">
                        <h3> Audi RS 7 Sportback  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/7689/audi-rs-7-sportback">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_Plq.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>120 900 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/7689/audi-rs-7-sportback" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model=" RS 7 Sportback" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/19520/audi-rs-7-sportback-performance" title="Audi  RS 7 Sportback Performance  " class="title-car-item">
                        <h3> Audi RS 7 Sportback Performance  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/19520/audi-rs-7-sportback-performance">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_gIT.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>143 600 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/19520/audi-rs-7-sportback-performance" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model=" RS 7 Sportback Performance" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/39962/audi-audi-a8-l" title="Audi  Audi A8 L  " class="title-car-item">
                        <h3> Audi Audi A8 L  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/39962/audi-audi-a8-l">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.audistlaurent.ca/cms-audi/img/cars/cars_1rJ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>97 800 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/39962/audi-audi-a8-l" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="audi" data-typelist="new" data-make="Audi" data-model=" Audi A8 L" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="3" data-total="55" data-page="1" data-totalpage="14"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/honda_logo.png" alt="">
            </figure>
            <h2>Honda</h2>
        </div>
    </div>
    <div class="col-12 container-make-honda">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/5575/honda-fit" title="Honda Fit  " class="title-car-item">
                        <h3> Honda Fit </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/5575/honda-fit">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_YvA.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>18 060 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/5575/honda-fit" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Fit" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/37544/honda-clarity-hybride-rechargeable" title="Honda Clarity Plug-in Hybrid  " class="title-car-item">
                        <h3> Honda Clarity hybride rechargeable </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/37544/honda-clarity-hybride-rechargeable">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_Kx2.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>39 900 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/37544/honda-clarity-hybride-rechargeable" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Clarity Plug-in Hybrid" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/38006/honda-insight-hybride" title="Honda Insight Hybrid  " class="title-car-item">
                        <h3> Honda Insight hybride </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/38006/honda-insight-hybride">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_fXc.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>27 990 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/38006/honda-insight-hybride" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Insight Hybrid" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/38007/honda-insight-hybrid-touring" title="Honda Insight Hybrid Touring  " class="title-car-item">
                        <h3> Honda Insight Hybrid Touring </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/38007/honda-insight-hybrid-touring">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hondagabriel.com//cms-honda/img/cars/cars_fXc.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>31 590 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/38007/honda-insight-hybrid-touring" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="honda" data-typelist="new" data-make="Honda" data-model="Insight Hybrid Touring" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="13" data-total="18" data-page="1" data-totalpage="5"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/hyundai_logo.png" alt="">
            </figure>
            <h2>Hyundai</h2>
        </div>
    </div>
    <div class="col-12 container-make-hyundai">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49587/hyundai-elantra-gt-2020" title="Hyundai 2020 Elantra GT   " class="title-car-item">
                        <h3> Hyundai Elantra GT 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49587/hyundai-elantra-gt-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>20 749 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49587/hyundai-elantra-gt-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra GT " data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/19848/hyundai-elantra-2020" title="Hyundai 2020 Elantra  " class="title-car-item">
                        <h3> Hyundai Elantra 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/19848/hyundai-elantra-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>17 149 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/19848/hyundai-elantra-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49585/hyundai-elantra-sport-2020" title="Hyundai 2020 Elantra Sport   " class="title-car-item">
                        <h3> Hyundai Elantra Sport 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49585/hyundai-elantra-sport-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>25 599 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49585/hyundai-elantra-sport-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra Sport " data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49588/hyundai-elantra-gt-n-line-2020" title="Hyundai 2020 Elantra GT N line  " class="title-car-item">
                        <h3> Hyundai Elantra GT N-Line 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49588/hyundai-elantra-gt-n-line-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_QSW.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>27 249 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49588/hyundai-elantra-gt-n-line-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="hyundai" data-typelist="new" data-make="Hyundai" data-model="2020 Elantra GT N line" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="15" data-total="18" data-page="1" data-totalpage="5"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/infiniti_logo.png" alt="">
            </figure>
            <h2>Infiniti</h2>
        </div>
    </div>
    <div class="col-12 container-make-infiniti">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49620/infiniti-q50" title="Infiniti Q50  " class="title-car-item">
                        <h3> Infiniti Q50 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49620/infiniti-q50">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_y1r.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>43 995 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49620/infiniti-q50" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="Q50" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49621/infiniti-q70" title="Infiniti Q70  " class="title-car-item">
                        <h3> Infiniti Q70 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49621/infiniti-q70">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_sgQ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>58 120 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49621/infiniti-q70" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="Q70" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49622/infiniti-q60" title="Infiniti Q60  " class="title-car-item">
                        <h3> Infiniti Q60 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49622/infiniti-q60">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_UVR.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>53 795 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49622/infiniti-q60" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="Q60" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/49766/infiniti-qx50" title="Infiniti QX50  " class="title-car-item">
                        <h3> Infiniti QX50 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/49766/infiniti-qx50">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://infinitigabrielstleonard.com/cms-infiniti/img/cars/cars_k8H.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>44 998 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/49766/infiniti-qx50" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="infiniti" data-typelist="new" data-make="Infiniti" data-model="QX50" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="16" data-total="6" data-page="1" data-totalpage="2"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/kia_logo.png" alt="">
            </figure>
            <h2>Kia</h2>
        </div>
    </div>
    <div class="col-12 container-make-kia">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/50479/kia-ex-sport" title="Kia EX Sport  " class="title-car-item">
                        <h3> Kia EX Sport </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/50479/kia-ex-sport">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_Xwg.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>23 955 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/50479/kia-ex-sport" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="EX Sport" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/29254/kia-lx-bm" title="Kia LX MT  " class="title-car-item">
                        <h3> Kia LX BM </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/29254/kia-lx-bm">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_rRa.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>19 455 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/29254/kia-lx-bm" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="LX MT" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/50489/kia-lx" title="Kia LX  " class="title-car-item">
                        <h3> Kia LX </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/50489/kia-lx">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_rRa.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>21 055 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/50489/kia-lx" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="LX" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/29255/kia-ex" title="Kia EX  " class="title-car-item">
                        <h3> Kia EX  </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/29255/kia-ex">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.kiagabrielnord.com//cms-kia/img/cars/cars_rRa.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>22 755 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/29255/kia-ex" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="kia" data-typelist="new" data-make="Kia" data-model="EX" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="20" data-total="71" data-page="1" data-totalpage="18"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/lexus_logo.png" alt="">
            </figure>
            <h2>Lexus</h2>
        </div>
    </div>
    <div class="col-12 container-make-lexus">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4064/lexus-rx-350" title="Lexus RX 350  " class="title-car-item">
                        <h3> Lexus RX 350 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4064/lexus-rx-350">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_gtI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>57 920 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4064/lexus-rx-350" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="RX 350" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/47090/lexus-rx-450h-l" title="Lexus RX 450h L  " class="title-car-item">
                        <h3> Lexus RX 450h L </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/47090/lexus-rx-450h-l">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_gtI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>77 600 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/47090/lexus-rx-450h-l" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="RX 450h L" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4050/lexus-rx-450h" title="Lexus RX 450h  " class="title-car-item">
                        <h3> Lexus RX 450h </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4050/lexus-rx-450h">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_gtI.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>67 060 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4050/lexus-rx-450h" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="RX 450h" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4066/lexus-gx-460" title="Lexus GX 460  " class="title-car-item">
                        <h3> Lexus GX 460 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4066/lexus-gx-460">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.lexusgabrielstlaurent.com//cms-lexus/img/cars/cars_L66.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>78 520 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4066/lexus-gx-460" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="lexus" data-typelist="new" data-make="Lexus" data-model="GX 460" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="22" data-total="23" data-page="1" data-totalpage="6"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/mazda_logo.png" alt="">
            </figure>
            <h2>Mazda</h2>
        </div>
    </div>
    <div class="col-12 container-make-mazda">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/50014/mazda-cx-5-signature-2020" title="Mazda 2020 CX-5 SIGNATURE  " class="title-car-item">
                        <h3> Mazda CX-5 SIGNATURE 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/50014/mazda-cx-5-signature-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_x1p.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>43 965 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/50014/mazda-cx-5-signature-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="2020 CX-5 SIGNATURE" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/6421/mazda-cx-9-gs" title="Mazda CX-9 GS  " class="title-car-item">
                        <h3> Mazda CX-9 GS </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/6421/mazda-cx-9-gs">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_Ugx.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>39 900 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/6421/mazda-cx-9-gs" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="CX-9 GS" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/27125/mazda-cx-9-gs-l" title="Mazda CX-9 GS-L  " class="title-car-item">
                        <h3> Mazda CX-9 GS-L </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/27125/mazda-cx-9-gs-l">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_Ugx.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>45 365 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/27125/mazda-cx-9-gs-l" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="CX-9 GS-L" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/6422/mazda-cx-9-gt" title="Mazda CX-9 GT  " class="title-car-item">
                        <h3> Mazda CX-9 GT </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/6422/mazda-cx-9-gt">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.mazdagabriel.com/cms-mazda/img/cars/cars_Ugx.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>50 565 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/6422/mazda-cx-9-gt" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="mazda" data-typelist="new" data-make="Mazda" data-model="CX-9 GT" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="26" data-total="29" data-page="1" data-totalpage="8"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/nissan_logo.png" alt="">
            </figure>
            <h2>Nissan</h2>
        </div>
    </div>
    <div class="col-12 container-make-nissan">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/9002/nissan-micra-sv" title="Nissan Micra SV  " class="title-car-item">
                        <h3> Nissan Micra SV </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/9002/nissan-micra-sv">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_dhZ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>15 598 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/9002/nissan-micra-sv" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Micra SV" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/9003/nissan-micra-sr" title="Nissan Micra SR  " class="title-car-item">
                        <h3> Nissan Micra SR </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/9003/nissan-micra-sr">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_dhZ.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>17 598 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/9003/nissan-micra-sr" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Micra SR" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/4043/nissan-versa-note-s" title="Nissan Versa Note S  " class="title-car-item">
                        <h3> Nissan Versa Note S </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/4043/nissan-versa-note-s">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_R40.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>14 698 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/4043/nissan-versa-note-s" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Versa Note S" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/6850/nissan-versa-note-sv" title="Nissan Versa Note SV  " class="title-car-item">
                        <h3> Nissan Versa Note SV </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/6850/nissan-versa-note-sv">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(http://www.nissangabrielanjou.com//cms-nissan/img/cars/cars_R40.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>18 398 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/6850/nissan-versa-note-sv" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="nissan" data-typelist="new" data-make="Nissan" data-model="Versa Note SV" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="31" data-total="72" data-page="1" data-totalpage="18"></a>
            </div>
        </div>
            </div>
        <div class="col-12 group-logo-dealer">
        <div class="content-logo-dealer">
            <figure>
                <img src="/img/logos/toyota_logo.png" alt="">
            </figure>
            <h2>Toyota</h2>
        </div>
    </div>
    <div class="col-12 container-make-toyota">
        <div class="row listing-content-cars">
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/41825/toyota-yaris-hatchback-3-ptes-ce-5m" title="Toyota YARIS HATCHBACK 3DR CE 5M  " class="title-car-item">
                        <h3> Toyota YARIS HATCHBACK 3 PTES CE 5M </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/41825/toyota-yaris-hatchback-3-ptes-ce-5m">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_swi.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>17 709 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/41825/toyota-yaris-hatchback-3-ptes-ce-5m" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model="YARIS HATCHBACK 3DR CE 5M" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/41615/toyota-yaris-hatchback-5-ptes-le-5m" title="Toyota  YARIS HATCHBACK 5DR LE 5M  " class="title-car-item">
                        <h3> Toyota  YARIS HATCHBACK 5 PTES LE 5M </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/41615/toyota-yaris-hatchback-5-ptes-le-5m">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_swi.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>19 134 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/41615/toyota-yaris-hatchback-5-ptes-le-5m" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model=" YARIS HATCHBACK 5DR LE 5M" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/41616/toyota-yaris-hatchback-5-ptes-se-4a" title="Toyota YARIS HATCHBACK 5DR SE 4A  " class="title-car-item">
                        <h3> Toyota YARIS HATCHBACK 5 PTES SE 4A </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/41616/toyota-yaris-hatchback-5-ptes-se-4a">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_swi.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>21 784 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/41616/toyota-yaris-hatchback-5-ptes-se-4a" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model="YARIS HATCHBACK 5DR SE 4A" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                        <div class="col-sm-6 col-lg-3 col-xl-3 box-cars-grid ">
                <div class="car_item">
                    <a href="https://dev.gabriel.ca/fr/new-car/46380/toyota-gr-supra-2020" title="Toyota 2020 GR Supra  " class="title-car-item">
                        <h3> Toyota GR Supra 2020 </h3>
                    </a>

                    <div class="col-sm-12 col-lg-12 car_item_pic">
                        <a href="https://dev.gabriel.ca/fr/new-car/46380/toyota-gr-supra-2020">
                            <div class="img-responsive img-thumbnail ratio-4-3 ratio-4-3-normal" style="background-image:url(https://www.toyotagabrielstlaurent.com/cms-toyota/img/cars/cars_yzE.png);"></div>
                        </a>
                        <!--<div class="logo_certified">
                            <img src="https://www.gabriel.ca/2013/cms-general/img/brands/brand_tizuoNc4iK.png" alt="">
                        </div>-->
                    </div>

                    <div class="col-sm-12 col-lg-12 car_item_details">
                        <div class="car_item_tab">
                            <div class="item-tab-left">
                                <div class="price_big price_big_new">
                                    <span>67 234 $</span>
                                </div>
                            </div>
                            <div class="item-tab-right">
                                <a href="#" title="" class="link-hrs" style="display: none">view summary</a>
                                <ul class="tooltipDetailsList">
                                    <li>
                                        <label>Body Style:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Engine:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Transmission:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Drive Train:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Exterior Color:</label>
                                        <p></p>
                                    </li>

                                    <li>
                                        <label>Interior Color:</label>
                                        <p></p>
                                    </li>
                                    <li>
                                        <label>Stock #:</label>
                                        <p></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="link-options-cars link-options-new col-xs-12 col-sm-12 col-lg-12">
                        <ul>
                            <li>
                                <a href="https://dev.gabriel.ca/fr/new-car/46380/toyota-gr-supra-2020" title="" class="plus-details"></a>
                            </li>
                            <!--<li>
                                <a href="#" title="" class="popup mes-favoris" data-idcar="41251"></a>
                            </li>-->
                            <li class="last">
                                <a data-toggle="modal" data-target="#myModal" class="contact-us" data-dealer="toyota" data-typelist="new" data-make="Toyota" data-model="2020 GR Supra" data-year=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                    </div>
                <div class="row">
            <div class="col-12 text-center">
                <a href="#" onclick="loadMore(this); return false;" title="" class="load-more" data-make="41" data-total="93" data-page="1" data-totalpage="24"></a>
            </div>
        </div>
            </div>
    </div>
<div class="row">
    <div class="col-12">
        <div class="container-details-center">
                    </div>
    </div>
    <div class="col-12">
        <div class="container-details-bottom">
                    </div>
    </div>
</div>'
$scripts_for_layout = ''
$title_for_layout = 'Pages'
$dealer_name = 'Groupe Gabriel'
$variables = array(
	'URL_SITE' => 'https://dev.gabriel.ca/gabriel_2019/',
	'URL_CMS' => 'https://dev.gabriel.ca/gabriel_2019/cms_gabriel/',
	'URL_USEDCARS' => '//www.gabriel.ca/2013/cms-usedcars/',
	'URL_GENERAL' => 'https://www.gabriel.ca/2013/cms-general/'
)

include - APP/View/Elements/widget_chat.ctp, line 47
View::_evaluate() - CORE/Cake/View/View.php, line 971
View::_render() - CORE/Cake/View/View.php, line 933
View::_renderElement() - CORE/Cake/View/View.php, line 1224
View::element() - CORE/Cake/View/View.php, line 418
include - APP/View/Layouts/public.ctp, line 236
View::_evaluate() - CORE/Cake/View/View.php, line 971
View::_render() - CORE/Cake/View/View.php, line 933
View::renderLayout() - CORE/Cake/View/View.php, line 546
View::render() - CORE/Cake/View/View.php, line 481
Controller::render() - CORE/Cake/Controller/Controller.php, line 968
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167
[main] - APP/webroot/index.php, line 118