<!DOCTYPE html>
<html lang="en">
	<head>
		
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ZeroLight">
<meta name="twitter:title" content="ZeroLight">
<meta name="twitter:image" content="http://zerolight.com/sites/zl/img/loader_logo_black.jpg">
<meta name="twitter:image:alt" content="ZeroLight Logo">
<meta property="og:title" content="ZeroLight">
<meta property="og:url" content="http://zerolight.com/">
<meta property="og:type" content="website">
<meta property="og:image" content="http://zerolight.com/sites/zl/img/loader_logo_black.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="242">
<meta property="og:image:height" content="242">
<meta name="description" content="We use cloud-based 3D visualisation to enhance every stage of the car-buying journey.">
<meta name="twitter:description" content="We use cloud-based 3D visualisation to enhance every stage of the car-buying journey.">
<link rel="alternate" href="https://zerolight.com/de/" hreflang="de" /><link rel="alternate" href="https://zerolight.com/fr/" hreflang="fr" /><link rel="alternate" href="https://zerolight.com/it/" hreflang="it" /><link rel="alternate" href="https://zerolight.com/zh/" hreflang="zh" /><link rel="alternate" href="https://zerolight.com/ja/" hreflang="ja" />
<title>ZeroLight | Cloud-based 3D visualisation specialists</title>
<link href="/favicon.ico" type="image/x-icon" rel="icon">

<script src="/sites/zl/js/jquery-1.11.1.min.js?v=0e91dd59feae154652795b044e9672cf"></script>
<script src="/sites/zl/js/jquery.mobile.custom.min.js?v=0e91dd59feae154652795b044e9672cf"></script>
<script src="/sites/zl/js/jquery.mixitup.min.js?v=0e91dd59feae154652795b044e9672cf"></script>
<script src="/sites/zl/js/isInViewport.min.js?v=0e91dd59feae154652795b044e9672cf"></script>

<!--  required for bootstrap -->
<link href="/sites/zl/css/bootstrap.min.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet">
<link href="/sites/zl/css/bootstrap-theme.min.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet">
<script src="/sites/zl/js/bootstrap.min.js?v=0e91dd59feae154652795b044e9672cf"></script>
<script src="/sites/zl/js/validator.min.js?v=0e91dd59feae154652795b044e9672cf"></script>

<!--  Custom development -->
<link href="https://fonts.googleapis.com/css?family=Roboto:700,500,400,300,100|Josefin+Sans:100,300,400,600|PT+Sans&amp;subset=latin-ext" rel="stylesheet" type="text/css">
<link href="/sites/zl/css/font-awesome.min.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet">
<link href="/sites/zl/css/owl.carousel.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet">
<link href="/sites/zl/css/styles.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet" media="screen">
<link href="/sites/zl/css/cookieconsent.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet" media="screen">

<script>
	var siteroot = '/sites/zl';
	var cbv = '0e91dd59feae154652795b044e9672cf';
	var urlroot = '';
	var urlrootlang = '/';
	var imgurl = '/sites/zl/img/';
	var lang = 'en';
	var ab = '';
</script>
<script src="/sites/zl/js/siteEngine.js?v=0e91dd59feae154652795b044e9672cf"></script>
<script src="/sites/zl/js/main.js?v=0e91dd59feae154652795b044e9672cf"></script>
<script src="/sites/zl/js/cookieconsent.js?v=0e91dd59feae154652795b044e9672cf"></script>

<!--[if lt IE 9]>
	<script src="/sites/zl/js/html5shiv.min.js"></script>
	<script src="/sites/zl/js/respond.min.js"></script>
<![endif]-->
	</head>
	<body class=" lightbg-active">
		
<div id="loader-screen" class="loader-screen full-screen">
	<div class="loader-center">
		<div class="loader-wrapper">
			<img src="/sites/zl/img/loader_ring1.png?v=0e91dd59feae154652795b044e9672cf" class="loader-ring1"/>
			<img src="/sites/zl/img/loader_ring2.png?v=0e91dd59feae154652795b044e9672cf" class="loader-ring2"/>
			<img src="/sites/zl/img/loader_logo.png?v=0e91dd59feae154652795b044e9672cf" class="loader-logo"/>
		</div>
	</div>
</div>
		<header>
			
<link href="/sites/zl/css/components/navigation-bar.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet" media="screen">
<nav class="navbar navbar-zl navbar-zl-spotlight navbar-fixed-top collapsed">

	<div class="container-fluid">

		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse-menu">
				<span class="sr-only">Toggle navigation</span>
				<span class="nav-toggle"></span>
			</button>
			<a class="navbar-brand open" href="/">
				<div id="navbar-brand-wrapper">
					<img class="normal lightbg-only hidden-xs hidden-sm" logo-type="normal-long" alt="ZeroLight" src="/sites/zl/img/nav_zl_en.svg?v=0e91dd59feae154652795b044e9672cf">
					<img class="normal lightbg-only hidden-xs hidden-sm" logo-type="normal-long-white" alt="ZeroLight" src="/sites/zl/img/nav_zl_en_white.svg?v=0e91dd59feae154652795b044e9672cf">
					<img class="normal lightbg-only visible-xs visible-sm" alt="ZeroLight" src="/sites/zl/img/nav_zl_short.png?v=0e91dd59feae154652795b044e9672cf">
				</div>
			</a>
		</div>

		<div class="" style="position: relative; margin-left: -15px;" id="bs-navbar-collapse-1">
			<ul id="new_navbar" class="">

			</ul>
			<div id="new_mobile_navbar">
			</div>
			<div class="sub-navbar">
				<ul id="sub-menu" class="sub-menu">
				</ul>
				<div id="sub-menu-desc" class="sub-menu-desc">
				</div>
			</div>
		</div>
	</div>
</nav>
<script type="text/javascript">

	var menu = [{
		uri: "/what-we-do",
		title: 'What we do',
		dropdown: {
			title: "Your visualisation platform for sales and marketing",
			subtitle: "Create unified projects for the entire customer journey",
			menu: [
				[{
					title: "Solutions"
				},{
					uri: "/retail-configurator",
					title: "Retail Configurator",
					subtitle: "Flexible installations for dealers",
					icon: "retail-configurator"
				}, {
					uri: "/online-configurator",
					title: "Online Configurator",
					subtitle: "Cloud-based online configuration",
					icon: "online-configurator"
				}, {
					uri: "/product-landing-pages",
					title: "Product Landing Pages",
					subtitle: "Simple online engagement",
					icon: "online-explorers"
				},{
					uri: "/vr-ar-enterprise",
					title: "VR/AR for Enterprise",
					subtitle: "Immersive customer experiences",
					icon: "immersive-experiences"
				}],
				[{
					title: "Services"
				},{
					uri: "/advertising",
					title: "Advertising",
					subtitle: "Enriched advertising engagement",
					icon: "a-dvertising"
				},{
					uri: "/3d-modelling",
					title: "3D Modelling",
					subtitle: "Vehicle and environment modelling",
					icon: "three-d-modelling"
				}, {
					uri: "/creative-services",
					title: "Creative Services",
					subtitle: "Design and creativity for our solutions",
					icon: "creative-services"
				}, {
					uri: "/digital-pipeline-automation",
					title: "Digital Pipeline Automation",
					subtitle: "Bring your models into ZeroLight",
					icon: "digital-pipeline-consulting"
				}],
				[{
					title: "Products"
				},{
					uri: "/spotlight",
					title: "SpotLight",
					subtitle: "Cloud-based content production and personalisation",
					icon: "spotlight"
				},{
					uri: "/spotlight#personalised",
					title: "Bespoke Suite",
					subtitle: "Personalised sales materials",
					subElement: "bespoke",
					miniIcons: ["spotlight-mood", "spotlight-reel", "spotlight-ar", "spotlight-gallery"]
				},{
					uri: "/spotlight#media",
					title: "Creative Suite",
					subtitle: "High-quality content production",
					subElement: "creative",
					miniIcons: ["spotlight-shutter", "spotlight-shutter-pro", "spotlight-sphere", "spotlight-scene"]
				},{
					uri: "/spotlight#data",
					title: "Wisdom Suite",
					subtitle: "Data insights and analysis",
					subElement: "wisdom",
					miniIcons: ["spotlight-wisdom", "spotlight-wisdom-focus"]
				}],
			]
		},
	},{
		uri: "https://experience.zerolight.com/",
		external: true,
		title: 'Experiences',
	},{
		uri: "/projects",
		title: 'Projects',
		dropdown: {
			title: "All our latest client and R&D work",
			subtitle: "Find out more about the market-leading projects that we have delivered",
			menu: [
				[{
					title: "Categories",
					wide: true,
				},{
					uri: "/projects#all-projects",
					title: "All Projects"
				},{
					uri: "/projects#audi",
					title: "Audi"
				},{
					uri: "/projects#bmw",
					title: "BMW"
				},{
					uri: "/projects#lamborghini",
					title: "Lamborghini"
				},{
					uri: "/projects#nissan",
					title: "Nissan"
				},{
					uri: "/projects#pagani",
					title: "Pagani"
				},{
					uri: "/projects#porsche",
					title: "Porsche"
				},{
					uri: "/projects#toyota",
					title: "Toyota"
				},{
					uri: "/projects#volkswagen",
					title: "Volkswagen"
				},{
					uri: "/projects#zerolight-labs",
					title: "ZeroLight Labs"
				}],
				[{
					title: "Latest Project",
				},{
					title: "",
					uri: "/projects/lucid/the-lucid-air-purchase-journey",
					card: {
						img: 'lucid_news_nav.jpg',
						title: "The Lucid Air Purchase Journey"
					}
				}],
			]
		}
	},{
		uri: "/careers",
		title: 'Careers',
		dropdown: {
			title: "We're changing how people experience products",
			subtitle: "Find out more about working at ZeroLight and see the latest opportunities to join us",
			menu: [
				[{
					title: "Working at ZeroLight",

				},{
					uri: "/careers",
					title: "Careers and Vacancies"
				},{
					uri: "/careers/blog#all-posts",
					title: "Blog"
				},{
					uri: "/live-works",
					title: "Our Studio"
				}],

				[{
					title: "Connect With Us",
					wide: true,
				},{
					uri: "https://www.linkedin.com/company/zerolight",
					title: "Linkedin",
					external: true,
					hideArrow: true,
					icon: "linkedin"
				}, {
					uri: "https://twitter.com/ZeroLight",
					title: "Twitter",
					external: true,
					hideArrow: true,
					icon: "twitter"
				},{
					uri: "https://www.facebook.com/LifeAtZeroLight/",
					title: "Facebook",
					external: true,
					hideArrow: true,
					icon: "facebook"
				},{
					uri: "https://www.youtube.com/user/ZeroLightTV",
					title: "YouTube",
					external: true,
					hideArrow: true,
					icon: "youtube"
				},{
					uri: "https://www.instagram.com/zerolight/",
					title: "Instagram",
					external: true,
					hideArrow: true,
					icon: "instagram"
				},{
					uri: "contact",
					title: "Email",
					hideArrow: true,
					icon: "email-nav"
				}]
			]
		}
	},{
		uri: "/news",
		title: 'News',
		dropdown: {
			title: "All the latest news and insights from ZeroLight",
			subtitle: "Awards, press and insights into the technology and automotive industries from the ZeroLight team",
			menu: [
				[{
					title: "News"
				},{
					uri: "/news#all-news",
					title: "All News"
				},{
					uri: "/news#awards",
					title: "Awards"
				},{
					uri: "/news#press-releases",
					title: "Press Releases"
				},{
					uri: "/news#insights",
					title: "Insights"
				}],
				[{
					title: "Latest Award",
				},{
					title: "",
					uri: "/news#awards",
					card: {
						img: 'automotive_winner_nav.jpg',
						title: "Best Online Experience"
					}
				}],
				[{
					title: "latest Press Release",
				},{
					title: "",
					uri: "/news/press-releases/introducing-scene-create-photorealistic-vehicle-compositions-at-scale ",
					card: {
						img: "scene_news_nav.jpg",
						title: "ZeroLight introduces Scene"
					}
				}]
			]
		}
	},{
		uri: "/contact",
		title: 'Contact',
	},];

	menu.push({
    "uri": "language",
    "title": "English",
    "popup": [
        {
            "uri": "\/",
            "title": "English",
            "icon": "globe",
            "language": true
        },
        {
            "uri": "\/de\/",
            "title": "Deutsch",
            "icon": "globe",
            "language": true
        },
        {
            "uri": "\/fr\/",
            "title": "Fran\u00e7ais",
            "icon": "globe",
            "language": true
        },
        {
            "uri": "\/it\/",
            "title": "Italiano",
            "icon": "globe",
            "language": true
        },
        {
            "uri": "\/zh\/",
            "title": "\u4e2d\u6587",
            "icon": "globe",
            "language": true
        },
        {
            "uri": "\/ja\/",
            "title": "\u65e5\u672c\u8a9e",
            "icon": "globe",
            "language": true
        }
    ],
    "icon": "globe"
});
	buildDesktopNav();
	buildMobileNav();
	setOnClicks();

	function buildDesktopNav() {
		var navTemplate = "";
		for(var i = 0; i < menu.length; i++) {
			var dropdownArrow = menu[i].hasOwnProperty("dropdown") || menu[i].hasOwnProperty("popup") ? "<div class='dropdown-arrow' />" : "";
			var dropdown = menu[i].hasOwnProperty("dropdown") ? " dropdown" : "";
			var isExternal = menu[i].hasOwnProperty("external");
			var popup = menu[i].hasOwnProperty("popup") ? " popup" : "";
			var icon = menu[i].hasOwnProperty("icon") ? "<div class='menuIcon "+menu[i].icon+"'></div>" : "";
			var href = menu[i].hasOwnProperty("dropdown") == false && menu[i].hasOwnProperty("popup") == false ? "href='"+menu[i].uri+"'" : "";
			var external = isExternal ? " target='_blank'" : "";
			var active = isMenuItemActive(menu[i]) ? " active" : "";
			var popUpMenu = buildPopUpMenu(menu[i]);

			var listItemTempalte = "";
			listItemTempalte += "<li class='"+dropdown+popup+active+"' data-index='"+i+"'>";
			listItemTempalte += 	"<a "+href+external+">"+menu[i].title+icon+"</a>";
			listItemTempalte += 	dropdownArrow;
			listItemTempalte +=		popUpMenu;
			listItemTempalte += "</li>";
			navTemplate += listItemTempalte;
		}

		$('#new_navbar').append(navTemplate);
	}

	function buildMobileNav() {
		var navTemplate = "<ul>";
		navTemplate += "<li class='mobile-nav-title'>Main Menu</li>";
		for(var i = 0; i < menu.length; i++) {
			var isExternal = menu[i].hasOwnProperty("external");
			var href = menu[i].hasOwnProperty("dropdown") == false && menu[i].hasOwnProperty("popup") == false ? "href='"+menu[i].uri+"'" : "";
			var external = isExternal ? " target='_blank'" : "";
			var closeOnClick = href != "" ? "click-data='close-menu'" : "";
			var icon = menu[i].hasOwnProperty("icon") ? "<div class='menuIcon "+menu[i].icon+"' ></div>" : "";
			var expand = menu[i].hasOwnProperty("dropdown") || menu[i].hasOwnProperty("popup") ? " menu-slide" : "";
			var active = isMenuItemActive(menu[i]) ? " active" : "";
			var slideMenu = menu[i].hasOwnProperty("dropdown") ? buildSlideMenu(menu[i].title, menu[i].dropdown.menu, "Main Menu") : "";
			if(slideMenu == "") slideMenu = menu[i].hasOwnProperty("popup") ? buildSlideMenu(menu[i].title, menu[i].popup, "Main Menu") : "";


			var listItemTempalte = "";
			listItemTempalte += "<li class='"+expand+active+"' data-index='"+i+"' "+closeOnClick+">";
			listItemTempalte += 	"<a "+href+external+">";
			listItemTempalte += 		icon;
			listItemTempalte += 		"<p>"+menu[i].title+"</p>";
			listItemTempalte +=		"</a>";
			listItemTempalte += 	slideMenu;
			listItemTempalte += "</li>";
			navTemplate += listItemTempalte;
		}
		navTemplate += "</ul>";

		$('#new_mobile_navbar').append(navTemplate);

	}

	function buildSlideMenu(title, list, backTitle) {
		if(title == "News" || title == "Projects") list = list[0].slice(1, list[0].length);
		var slideMenuTemplate = "<ul class='menu-slide-page'>";
		slideMenuTemplate += "<li class='mobile-nav-title'><div class='back-arrow'>"+backTitle+"</div>"+title+"</li>";

		for(var i = 0; i < list.length; i++) {
			if(isMobileElement(list[i]) == false) continue;
			var newTitle = Array.isArray(list[i]) ? list[i][0].title: list[i].title
			var newList = Array.isArray(list[i]) ? list[i].slice(1, list[i].length) : list[i];
			var slideMenu = newList.length > 0 ? buildSlideMenu(newTitle, newList, title) : "";
			var icon = list[i].hasOwnProperty("icon") ? "<img class='menuIcon' src='/sites/zl/img/"+list[i].icon+"_white.svg?v=0e91dd59feae154652795b044e9672cf' />" : "";
			var isExternal = list[i].hasOwnProperty("external");
			var href = list[i].hasOwnProperty("uri") ? "href='"+list[i].uri+"'": "";
			var external = isExternal ? " target='_blank'" : "";
			var demo = list[i].hasOwnProperty("demo") ? "<span class='demo-tag'>Demo</span>": "";
			var closeOnClick = href != "" ? "click-data='close-menu'" : "";
			var hideSlideArrow = href == "" ? "" : " hide-slide-arrow";

			var active = isMenuItemActive(list[i]) ? " active" : "";
			if(active == "") {
				for(var x = 0; x < newList.length; x++) {
					if(isMenuItemActive(newList[x])) active = " active";
				}
			}


			slideMenuTemplate += "<li class='menu-slide "+active+hideSlideArrow+"' "+closeOnClick+">";
			slideMenuTemplate += 	"<a "+href+external+">";
			slideMenuTemplate += 	 	"<p>"+newTitle+demo+"</p>";
			slideMenuTemplate += 	"</a>";
			slideMenuTemplate += 	slideMenu;
			slideMenuTemplate += "</li>";
		}
		slideMenuTemplate += "</ul>";
		return slideMenuTemplate;
	}

	function isMobileElement(menuItem) {
		for(var i = 0; i < menuItem.length; i++) {
			if(menuItem[i].hasOwnProperty("card")) return false;
		}
		return true;
	}

	function setOnClicks() {
		$('.dropdown').on("click", function() {
			var index = $(this).attr("data-index");

			$("#sub-menu").css("opacity", 0);
			$("#sub-menu-desc").css("opacity", 0);

			if($(this).hasClass("dropdown-open")) closeSubNavbar();
			else if($('.sub-navbar').hasClass("open")) changeSubNavbar(this, index);
			else openSubNavBar(this, index);
		});

		$('.popup').on("click", function() {
			if($(this).find(".popup-menu").hasClass("active")) {
				$('.popup-menu').removeClass("active");
			} else {
				$('.popup-menu').removeClass("active");
				$(this).find(".popup-menu").addClass("active");
			}
		});

		$(".menu-slide").on("click", function() {
			$(this).children('.menu-slide-page').addClass("active");
		});

		$('.back-arrow').on('click', function(e) {
			e.stopPropagation();
			var parent = $(this).closest('.menu-slide-page');
			$(parent).removeClass("active");
		});

		$("[click-data='close-menu']").on('click', function(e) {
			e.stopPropagation();
			$("[data-toggle='collapse-menu']").addClass("collapsed");
			$("#new_mobile_navbar").removeClass("open-menu");
			$('#new_mobile_navbar ul.menu-slide-page').removeClass("active");

			var href = $(this).find("a").attr("href");
			var hash = "";
			if (href.match(new RegExp("\/"+"".replace("/", "\/")+"#.+")))
			{
				hash = href.split("#")[1];
			}

			if ("" == "news" || "" == "careers/blog")
			{
				if(hash != '') SiteEngine.Articles.updateCategory(hash);
			} else if("" == "projects") {
				if(hash != '') SiteEngine.Projects.updateCategory(hash);
			}
		});

		$('[data-toggle="collapse-menu"]').on('click', function() {
			$(this).toggleClass("collapsed");
			$("#new_mobile_navbar").toggleClass("open-menu");
			$('#new_mobile_navbar ul.menu-slide-page').removeClass("active");
		});

		$('body').on('click', function(e) {
			if($("header")[0] == $(e.target).closest("header")[0]) return;
			closeSubNavbar();
		});
	}

	function openSubNavBar(element, index) {
		$('.sub-navbar').addClass("open");
		$('nav').addClass("submenu-open");
		$(".dropdown").removeClass("dropdown-open");
		$(".navbar-zl").removeClass("navbar-zl-new");
		$(element).addClass("dropdown-open");

		buildSubMenu(index);
		buildSubMenuDesc(index);
	}

	function closeSubNavbar() {
		$('.sub-navbar').removeClass("open");
		$('nav').removeClass("submenu-open");
		$(".dropdown").removeClass("dropdown-open");
		showHideNavBackground();

		setTimeout(function() {
			destroySubMenu();
			destroySubMenuDesc();
		}, 400);
	}

	function destroySubMenu() {
		var myNode = document.getElementById("sub-menu");
		while (myNode.firstChild) {
			myNode.removeChild(myNode.firstChild);
		}
	}

	function destroySubMenuDesc() {
		var myNode = document.getElementById("sub-menu-desc");
		while (myNode.firstChild) {
			myNode.removeChild(myNode.firstChild);
		}

	}

	function changeSubNavbar(element, index) {
		$('.sub-navbar').addClass("open");
		$('nav').addClass("submenu-open");
		$(".dropdown").removeClass("dropdown-open");
		$(element).addClass("dropdown-open");

		setTimeout(function() {
			buildSubMenu(index);
			buildSubMenuDesc(index);
		}, 400);
	}

	function buildPopUpMenu(menuItem) {
		if(menuItem.hasOwnProperty("popup") == false) return "";
		var popupTemplate = "<div class='popup-menu'>";
		popupTemplate += 		"<ul>";
		for(var i = 0; i < menuItem.popup.length; i++) {
			var active = menuItem.popup[i].uri == urlrootlang+"" ? " active" : "";
			var href = "href='"+menuItem.popup[i].uri+"'";

			popupTemplate += 		"<a "+href+" >";
			popupTemplate += 			"<li class='"+active+"'>";
			popupTemplate += 				menuItem.popup[i].title;
			popupTemplate += 			"</li>";
			popupTemplate +=		"</a>";
		}
		popupTemplate += 	"</ul>";
		popupTemplate += "</div>";
		return popupTemplate;

	}

	function buildSubMenu(index) {
		destroySubMenu();

		var subMenuTemplate = "";

		for(var i = 0; i < menu[index].dropdown.menu.length; i++) {

			var column = "<li class='column'>";
			var wideColumn = menu[index].dropdown.menu[i][0].hasOwnProperty("wide") ? " wide": "";
			column += 		"<ul class='"+wideColumn+"'>";
			for(var x = 0; x < menu[index].dropdown.menu[i].length; x++) {
				var isExternal = menu[index].dropdown.menu[i][x].hasOwnProperty("external");
				var href = menu[index].dropdown.menu[i][x].hasOwnProperty("uri") ? " href='" + menu[index].dropdown.menu[i][x].uri + "'" : "";
				var external = isExternal ? " target='_blank'" : "";
				var active = isMenuItemActive(menu[index].dropdown.menu[i][x]) ? " active" : "";
				var hideArrow = menu[index].dropdown.menu[i][x].hasOwnProperty("hideArrow") ? " hideArrow" : "";
				var iconClass = menu[index].dropdown.menu[i][x].hasOwnProperty("icon") ? " subMenuIcon" : "";
				var subElement = menu[index].dropdown.menu[i][x].hasOwnProperty("subElement") ? " subElement" : "";
				var miniIcons = menu[index].dropdown.menu[i][x].hasOwnProperty("miniIcons") ? buildMiniIcons(menu[index].dropdown.menu[i][x].miniIcons) : "";
				var icon = menu[index].dropdown.menu[i][x].hasOwnProperty("icon") ? "<div class='" + menu[index].dropdown.menu[i][x].icon + "'></div>" : "";
				var linkClass = x > 0 ? " subMenuLink" : menu[index].dropdown.menu[i][x].title;
				var subMenuCard = buildMenuCard(menu[index].dropdown.menu[i][x]);
				var cardClass = menu[index].dropdown.menu[i][x].hasOwnProperty("card") ? " card" : "";
				var demoTag = menu[index].dropdown.menu[i][x].hasOwnProperty("demo") ? "<span class='demo-tag'>Demo</span>" : "";
				var subtitle = menu[index].dropdown.menu[i][x].hasOwnProperty("subtitle") ? "<span class='subtitle'>"+menu[index].dropdown.menu[i][x].subtitle+"</span>" : "";

				column += 		"<a "+href+external+"data-ga-event data-ga-category='Main Navigation' data-ga-action='Click' data-ga-label='"+menu[index].dropdown.menu[i][x].title+"'>";
				column += 			"<li class='"+linkClass+active+hideArrow+iconClass+cardClass+subElement+"'>";
				column +=				icon;
				column +=				"<span class='title'>"+menu[index].dropdown.menu[i][x].title+miniIcons+"</span>";
				column +=				subtitle;
				column +=				subMenuCard;
				column +=				demoTag;
				column +=			"</li>";
				column += 		"</a>";
			}
			column +=		"</ul>";
			column += 	"</li>";

			subMenuTemplate += column;
		}
		$('#sub-menu').append(subMenuTemplate);
		$("#sub-menu").css("opacity", 1);
		$(".subMenuLink").on("click", function() {
			if ("" == "news" || "" == "careers/blog")
			{
				var href = $(this).closest("a").attr("href");
				if (href.match(new RegExp("\/"+"".replace("/", "\/")+"#.+")))
				{
					var hash = href.split("#")[1];
					SiteEngine.Articles.updateCategory(hash);
				}
			} else if("" == "projects") {
				var href = $(this).closest("a").attr("href");
				if (href.match(new RegExp("\/"+"".replace("/", "\/")+"#.+")))
				{
					var hash = href.split("#")[1];
					SiteEngine.Projects.updateCategory(hash);
				}
			}
			$(".subMenuLink").removeClass("active");
			closeSubNavbar();
			$(this).addClass("active");
		});
	}

	function buildMiniIcons(iconList) {
		var template = "";
		for(var i = 0; i < iconList.length; i++) {
			template += "<span class='spotlight-icon "+iconList[i]+"'></span>";
		}
		return template;
	}

	function buildMenuCard(menuItem) {
		if(menuItem.hasOwnProperty("card") == false) return "";
		var cardTemplate =  "<div>";
		cardTemplate += 		"<img class='card-image' src='/sites/zl/img/"+menuItem.card.img+"?v=0e91dd59feae154652795b044e9672cf'/>";
		cardTemplate += 		"<div class='card-title'><p>"+menuItem.card.title+"</p></div>";
		cardTemplate += 	"</div>";
		return cardTemplate;
	}

	function buildSubMenuDesc(index) {
		destroySubMenuDesc();

		var subMenuDescTemplate = "";
		subMenuDescTemplate += "<h1>"+menu[index].dropdown.title+"</h1>";
		subMenuDescTemplate += "<p>"+menu[index].dropdown.subtitle+"</p>";

		$('#sub-menu-desc').append(subMenuDescTemplate);
		$("#sub-menu-desc").css("opacity", 1);
	}

	function isMenuItemActive(menuItem) {
		if (menuItem.hasOwnProperty("uri") == false) return;
		var areAnySubmenuItemActive = false;
		if (menuItem.hasOwnProperty("dropdown") && menuItem["dropdown"].hasOwnProperty("menu"))
		{
			var subMenuGroup = menuItem["dropdown"]["menu"];
			for (var i = subMenuGroup.length - 1; i >= 0; i--) {
				var subMenu = subMenuGroup[i];
				for (var j = subMenu.length - 1; j >= 0; j--) {
					areAnySubmenuItemActive |= isMenuItemActive(subMenu[j]);
				}
			}
		}
		return (menuItem.uri == (urlrootlang + "") + window.location.hash) || areAnySubmenuItemActive;
	}

	$(window).ready(function() {
		if(isNewPage() && isDesktop()) $('.navbar-zl').addClass('navbar-zl-new');
	});

	var newPagePattern = new RegExp('^(' + [
			'',
			'retail-configurator',
			'virtual-reality',
			'cloud-retail',
			'experiential-retail',
			'web-configurator',
			'mobile-vr',
			'3d-modelling',
			'live-works',
			'environment-creation',
			'3d-explorer',
			'contact',
			'mobile-ar',
			'online-explorers',
			'vr-ar-enterprise',
			'digital-pipeline-automation',
			'creative-services',
			'online-configurator',
			'product-landing-pages',
			'careers',
			'advertising',
			'careers\/(?!blog|[0-9a-f]{8}_[a-z1-9-_]+)[a-z1-9-_]+',
		].join('|') + ')$','i');

	function isNewPage() {
		return ''.match(newPagePattern);
	}

	function isDesktop() {
		return window.innerWidth > 1091;
	}

	function showHideNavBackground() {

		var a = 1;
		var pos = $(window).scrollTop();
		if(pos > a) {
			$(".navbar-zl").removeClass('navbar-zl-new');
		}
		else {
			if(isNewPage() && isDesktop() && !$(".sub-navbar").hasClass("open")) $(".navbar-zl").addClass('navbar-zl-new');
		}

		// Specific nav style for spotlight page
		if(pos > a && $('main').hasClass('spotlight-page')){
			$(".navbar-zl").removeClass('navbar-zl-new');
			$('.navbar-zl-spotlight').removeClass('no-spotlight-nav-shadow');
			$('.navbar-zl-spotlight').addClass('spotlight-nav-shadow');
		} else {
			if (pos < a && $('main').hasClass('spotlight-page')) {
				$(".navbar-zl").removeClass('navbar-zl-new');
				$('.navbar-zl-spotlight').removeClass('spotlight-nav-shadow');
				$('.navbar-zl-spotlight').addClass('no-spotlight-nav-shadow');
			}
		}
	}

	$(window).scroll(function(){
		showHideNavBackground();
	});

	$(window).ready(function() {
		showHideNavBackground();
	});
</script>
		</header>
		
<link href="/sites/zl/css/pages/homepage.css?v=0e91dd59feae154652795b044e9672cf" rel="stylesheet" media="screen">

<main class="homepage" data-page-type="homepage">
	<section class="hero hero-section">
		<!-- Carousel Wrap -->
		<div class="homepage_hero-carousel-wrap">
			<div id="homepage-hero-carousel" class="owl-carousel owl-theme sreveal">

				<!-- First Slide -->
				<div class="carousel-item hero-bg" slide-duration=20>
					<div class="homepage_hero__overlay"></div>
					<div class="hero-content homepage-hero" data-text-position="left">
						<div class="row">
							<div class="col-xs-12">
								<div class="homepage_hero__text-wrap">
									<h1 class="hero-heading mod-border-left mobile-hide">
										Engage, captivate and convert car buyers									</h1>
									<h3 class="hero-blurb heading3">
										Build stunning omnichannel buying journeys with ZeroLight, the visualisation platform for automotive.									</h3>
									<a class="button homepage_hero__button_play" href="https://vimeo.com/217461114/790d5163e5" data-ga-event data-ga-category="Homepage" data-ga-action="Play Video" data-ga-label="Hero-Showreel" data-modal="vs_intro_video"></a>
									<p class="homepage_hero__button_play--text">play showreel</p>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- Second slide -->
				<div class="carousel-item" id="homepage/hero/lucid_crousel_hero" data-background slide-duration=10>
					<div class="homepage_hero__overlay"></div>
					<div class="hero-content homepage-hero" data-text-position="left">
						<div class="row">
							<div class="col-xs-12">
								<div class="homepage_hero__text-wrap">
									<h1 class="hero-heading">
										Lucid and ZeroLight  redefine the car-buying journey									</h1>
									<h3 class="hero-blurb heading3">
										Explore the award-winning customer experience for the Lucid Air.									</h3>
									<a href="/projects/lucid/the-lucid-air-purchase-journey" class="homepage_hero__button button" data-ga-event data-ga-category="Homepage" data-ga-action="See More" data-ga-label="Hero-Projects">See More</a>
									<a href="/news#press-releases" class="button-inverted button" data-ga-event data-ga-category="Homepage" data-ga-action="More Projects" data-ga-label="Hero-Projects">More News</a>
								</div>
							</div>
						</div>
					</div>
				</div>


				<!-- Third slide -->
				<div class="carousel-item" id="homepage/hero/hero_VW_SL_v3" data-background slide-duration=10 >
					<div class="homepage_hero__overlay"></div>
					<div class="hero-content homepage-hero" data-text-position="left">
						<div class="row">
							<div class="col-xs-12">
								<div class="homepage_hero__text-wrap">
									<h1 class="hero-heading">
										Introducing the Scene app									</h1>
									<h3 class="hero-blurb heading3">
										Create photorealistic vehicle compositions at scale.									</h3>
									<a href="/news/press-releases/introducing-scene-create-photorealistic-vehicle-compositions-at-scale" class="homepage_hero__button button" data-ga-event data-ga-category="Homepage" data-ga-action="See More" data-ga-label="Hero-Projects">See More</a>
									<a href="/news#press-releases" class="button-inverted button" data-ga-event data-ga-category="Homepage" data-ga-action="More Projects" data-ga-label="Hero-Projects">More News</a>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- Fourth slide -->
				<div class="carousel-item" id="homepage/hero/brp_carousel_hero" data-background slide-duration=20>
					<div class="homepage_hero__overlay"></div>
					<div class="hero-content homepage-hero" data-text-position="left">
						<div class="row">
							<div class="col-xs-12">
								<div class="homepage_hero__text-wrap">
									<h1 class="hero-heading">
										Worldwide 3D vehicle configurators for multiple BRP brands									</h1>
									<h3 class="hero-blurb heading3">
										Pioneering visualisation solutions for Can-Am, Lynx, Sea-Doo and Ski-Doo.									</h3>
									<a href="/projects/brp/brps-global-vehicle-configurators" class="homepage_hero__button button" data-ga-event data-ga-category="Homepage" data-ga-action="See More" data-ga-label="Hero-Projects">See More</a>
									<a href="/news#all-news" class="button-inverted button" data-ga-event data-ga-category="Homepage" data-ga-action="More Projects" data-ga-label="Hero-Projects">More News</a>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>


		<!-- Mobile carousel dots -->
		<ol id="homepage-hero-carousel-dots" class="carousel-indicators carousel-indicators visible-xs">
			<li data-target="#homepage-hero-carousel" class="active" data-ga-event data-ga-category="Homepage" data-ga-action="Hero Carousel Go To" data-ga-label="Showreel"></li>
			<li data-target="#homepage-hero-carousel" data-ga-event data-ga-category="Homepage" data-ga-action="Hero Carousel Go To" data-ga-label="News"></li>
			<li data-target="#homepage-hero-carousel" data-ga-event data-ga-category="Homepage" data-ga-action="Hero Carousel Go To" data-ga-label="Projects"></li>
			<li data-target="#homepage-hero-carousel" data-ga-event data-ga-category="Homepage" data-ga-action="Hero Carousel Go To" data-ga-label="Demo"></li>
		</ol>

		<span class="homepage-hero-carousel-button-container hidden-xs">
			<div class="homepage-hero-carousel-button carousel--button-left" data-ga-event data-ga-category="Homepage" data-ga-action="Click" data-ga-label="Hero Prev">
				<svg class="carousel--button-left-svg">
				</svg>
			</div>
			<div class="homepage-hero-carousel-button carousel--button-right" data-ga-event data-ga-category="Homepage" data-ga-action="Click" data-ga-label="Hero Next">
				<svg class="carousel--button-right-svg"></svg>
			</div>
		</span>
		<span id="hero_video_show_more" class="hero-scroll hidden-xs-down">
			<p class="scroll scroll1">Scroll To Explore</p>
			<p class="scroll scroll2">Scroll To Explore</p>
		</span>
	</section>
	<!-- End of main hero unit -->

	<section class="section bg-white homepage_solutions_services_products">
		<div class="container">
			<div class="row">
				<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2">
					<h2 class="global-heading heading2 text-center mod-light">
						Cloud-based 3D visualisation for automotive sales & marketing					</h2>
					<h4 class="global-sub-heading heading4 text-center">
						Create unified projects for the entire customer journey					</h4>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 col-sm-12">
					<div class="solutions">
						<div class="title">Solutions</div>
						<ul class="page-list">
							<a href="/retail-configurator" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="Retail Configurator">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_retail-configurator">Retail Configurator</p>
										<p class="page-list-item--desc">Flexible dealer installations to engage and upsell in-store</p>
									</div>
								</li>
							</a>
							<a href="/online-configurator" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="Online Configurators">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_online-configurators">Online Configurators</p>
										<p class="page-list-item--desc">Cloud-based online configuration to increase engagement and value</p>
									</div>
								</li>
							</a>
							<a href="/product-landing-pages" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="Product Landing Pages">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_product_landing_pages">Product Landing Pages</p>
										<p class="page-list-item--desc">Simple experiences to engage customers online</p>
									</div>
								</li>
							</a>
							<a href="/vr-ar-enterprise" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="VR/AR for Enterprise">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_immersive-experiences">VR/AR for Enterprise</p>
										<p class="page-list-item--desc">Premium immersive experiences to attract and inspire customers</p>
									</div>
								</li>
							</a>
						</ul>
					</div>
				</div>
				<div class="col-md-4 col-sm-12">
					<div class="services">
						<div class="title">Services</div>
						<ul class="page-list">
							<a href="/advertising" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="Advertising">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_advertising">Advertising</p>
										<p class="page-list-item--desc">Media production toolset and creative services for automotive advertising</p>
									</div>
								</li>
							</a>
							<a href="/3d-modelling" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="3D Modelling">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_3d-modelling">3D Modelling</p>
										<p class="page-list-item--desc">Vehicle and environment modelling for omnichannel use</p>
									</div>
								</li>
							</a>
							<a href="/creative-services" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="Creative Services">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_creative_services">Creative Services</p>
										<p class="page-list-item--desc">Expert design and creative direction for ZeroLight solutions</p>
									</div>
								</li>
							</a>
							<a href="/digital-pipeline-automation" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="Digital Pipeline Automation">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow portfolio-icon icon_digital-pipeline-consulting">Digital Pipeline Automation</p>
										<p class="page-list-item--desc">Automated processes for bringing your models into ZeroLight</p>
									</div>
								</li>
							</a>
						</ul>
					</div>
				</div>
				<div class="col-md-4 col-sm-12">
					<div class="products">
						<div class="title">Products</div>
						<ul class="page-list">
							<a href="/spotlight" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="SpotLight">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow  portfolio-icon icon_spotlight">SpotLight</p>
										<p class="page-list-item--desc">A cloud-based visual content-production and personalisation platform</p>
									</div>
								</li>
							</a>
							<a href="/spotlight#personalised" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="SpotLight Bespoke">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow page-list-item--sm-icon">Bespoke Suite											<span class="spotlight-icon spotlight-mood"></span>
											<span class="spotlight-icon spotlight-reel"></span>
											<span class="spotlight-icon spotlight-ar"></span>
											<span class="spotlight-icon spotlight-gallery"></span>
										</p>
										<p class="page-list-item--desc">Produce personalised sales and marketing material</p>
									</div>
								</li>
							</a>
							<a href="/spotlight#media" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="SpotLight Creative">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow page-list-item--sm-icon">Creative Suite											<span class="spotlight-icon spotlight-shutter"></span>
											<span class="spotlight-icon spotlight-shutter-pro"></span>
											<span class="spotlight-icon spotlight-sphere"></span>
											<span class="spotlight-icon spotlight-scene"></span>
										</p>
										<p class="page-list-item--desc">Produce high-quality visual content in a variety of formats</p>
									</div>
								</li>
							</a>
							<a href="/spotlight#data" data-ga-event data-ga-category="Homepage Navigation Blocks" data-ga-action="Click" data-ga-label="SpotLight Wisdom">
								<li class="page-list-item">
									<div class="page-list-item--text">
										<p class="page-list-item--title link-arrow page-list-item--sm-icon">Wisdom Suite											<span class="spotlight-icon spotlight-wisdom"></span>
											<span class="spotlight-icon spotlight-wisdom-focus"></span>
										</p>
										<p class="page-list-item--desc">Produce data insights to offer a personalised sales experience</p>
									</div>
								</li>
							</a>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="homepage_about-us">
		<div class="container">
			<div class="about-us--inner-container row">
				<div class="about-us--text-content col-md-5 col-md-offset-0 col-sm-12 col-xs-10 col-xs-offset-1 col-sm-offset-0">
					<p class="pre-title">ABOUT ZEROLIGHT</p>
					<h1 class="title">We are cloud-based 3D visualisation specialists</h1>
					<p class="para">We offer product-configuration and content-production solutions that enhance every stage of the car-buying journey. These solutions deliver competitive advantages for clients by maximising speed to market, driving higher specification sales, and lowering content-production costs. <br><br> Our expertise in real-time 3D visualisation, cloud computing and data insights make us the partner of choice for many of the world’s leading automotive brands.</p>
				</div>
				<div class="col-md-6 col-md-offset-1 col-sm-12 hidden-xs-down">
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
							<img class="about-us--logo" src="/sites/zl/img/homepage/clients/mitsubishi-logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='mitsubishi' alt="Mitsubishi"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/skoda_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='skoda' alt="Skoda"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/lucid_logo_light.svg?v=0e91dd59feae154652795b044e9672cf" data-client='lucid' alt="Lucid"/>
						</div>
					</div>
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/toyota_logo_alt.svg?v=0e91dd59feae154652795b044e9672cf" data-client='toyota' alt="Toyota"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/vw_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='vw' alt="Volkswagen"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/BRP_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='brp' alt="BRP"/>
						</div>
					</div>
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/nissan_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='nissan' alt="Nissan"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/cadillac_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='cadillac' alt="Cadillac"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<a href="/projects" data-ga-event data-ga-category="Homepage About section" data-ga-action="Click" data-ga-label="View More">
								<p class="view-more link-arrow">view more</p>
							</a>
						</div>
					</div>
				</div>
				<div class="hidden-sm-up col-xs-10 col-xs-offset-1">
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
						<img class="about-us--logo" src="/sites/zl/img/homepage/clients/mitsubishi-logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='mitsubishi' alt="Mitsubishi"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/skoda_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='skoda' alt="Skoda"/>
						</div>
					</div>
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/lucid_logo_light.svg?v=0e91dd59feae154652795b044e9672cf" data-client='lucid' alt="Lucid"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/toyota_logo_alt.svg?v=0e91dd59feae154652795b044e9672cf" data-client='toyota' alt="Toyota"/>
						</div>
					</div>
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/vw_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='vw' alt="Volkswagen"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/BRP_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='brp' alt="BRP"/>
						</div>
					</div>
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
							<img class="about-us--logo" src="/sites/zl/img/homepage/clients/nissan_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='nissan' alt="Nissan"/>
						</div>
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-6">
	          				<img class="about-us--logo" src="/sites/zl/img/homepage/clients/cadillac_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-client='cadillac' alt="Cadillac"/>
						</div>
					</div>
					<div class="row about-us--logo-row">
						<div class="about-us--logo-container col-md-4 col-sm-4 col-xs-12">
	          				<a href="/projects">
								<p class="view-more mobile-view link-arrow">view more</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="homepage_featured-projects section bg-white">
		<script>
			var caseStudies = [{
				imageId: "lucid_feature",
				snippet: "Lucid's Connected Customer Journey",
				logoId: "homepage/clients/lucid_logo_light.svg",
				link: "projects/lucid/the-lucid-air-purchase-journey"
			},  {
				imageId: "bmw-m-tour-project",
				snippet: "BMW M Drive Tour Virtual Experience",
				logoId: "homepage/clients/bmw_logo.svg?v=0e91dd59feae154652795b044e9672cf",
				link: "projects/bmw/bmw-m-drive-tour-virtual-experience"
			}, {
				imageId: "cover_audi3dconfig_1",
				snippet: "Audi Cloud Configurator",
				logoId: "audi_logo_case_study.png?v=0e91dd59feae154652795b044e9672cf",
				link: "projects/audi/audi-cloud-configurator"
			}];
		</script>

		<div class="row">
			<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
				<h2 class="global-heading heading2 text-center mod-light">
					Featured Projects				</h2>
				<h4 class="global-sub-heading heading4 text-center">
					Check out our most recent featured projects below				</h4>
			</div>
		</div>

		<div class="mobile-project-container hidden-md hidden-lg">
			<style>
	/* Case Studies */
	.case-study {
		height: 300px;
		position: relative;
		transition: box-shadow 0.5s ease-out;
	}

	.case-study:before {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		content: '';
		background-image: linear-gradient(0deg,rgba(0,0,0,0.8) 10%,transparent 40%);
		opacity: 1;
		transition: opacity .2s cubic-bezier(.25,.25,.75,.75);
	}

	.case-study img {
		left: 25px;
		position: absolute;
		top: 30px;
		width: 65px;
	}

	.case-studies {
		background: #ffffff;
		padding-top: 0 !important;
		padding-bottom: 25px;
	}

	@media screen and (max-width: 768px) {
		.homepage .case-studies {
			padding-bottom: 0px;
		}
	}

	@media screen and (min-width: 768px) {
		.case-study {
			height: 480px;
		}
	}

	.case-study .case-study-inner {
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
	}

	.case-study:hover {
		box-shadow: 0px 4px 30px rgba(0, 0, 0, .5);
	}

	.case-study .case-study-overlay {
		background-color: rgba(0, 0, 0, .65);
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		transition: opacity 1s ease-out;
		width: 100%;
	}

	.case-study:hover .case-study-overlay {
		opacity: 1;
	}

	.case-study .case-study-line {
		background-color: #ffffff;
		display: block;
		height: 1px;
		left: 5%;
		opacity: 0;
		width: 0%;
		position: absolute;
		top: 100px;
		transition: all 0.75s ease-in-out;
		transform: translateZ(0); /* IE/EDGE fix line goes to 2px on transition */
	}

	.case-study:hover .case-study-line {
		width: 90%;
		opacity: 1;
	}

	.case-study .case-study-bar {
		background: #ffffff;
		border-bottom: 1px solid #e4e9f0;
		border-right: 1px solid #e4e9f0;
		border-top: 1px solid #e4e9f0;
		padding: 20px 25px;
	}

	.case-study .case-study-shadow {
		background: linear-gradient(0,rgba(0, 0, 0, .95), transparent);
		bottom: 25%;
		height: 60%;
		left: 0;
		position: absolute;
		width: 100%;
	}

	@media screen and (min-width: 768px) {
		.case-study .case-study-shadow {
			bottom: 15%;
		}
	}

	.case-study .case-study-text {
		bottom: 15px;
		left: 45px;
		width: 80%;
		color: #ffffff;
	}

	.case-study .case-study-icon {
		background-size: contain !important;
		height: 35px;
		width: 55px;
	}

	.case-study .case-study-button {
		position: absolute;
		top: 30px;
		right: 25px;
	}
</style>

<!-- Case Study Section -->
<section class="case-studies">
	<div id="case_studies" class="row row-no-margin">
	</div>
</section>

<script>
	var container = $("#case_studies");
	caseStudies.forEach(function(caseStudy) {
		var buttonText = "View Case Study";
		if(caseStudy.snippet == 'See all projects') buttonText = 'View All Case Studies';
		var template = '<div class="col-sm-4 col-md-4 case-study" id="'+caseStudy.imageId+'" data-background>'+
			'<div class="case-study-overlay"></div>'+
			'<img src="/sites/zl/img/'+caseStudy.logoId+'">'+
			'<a href="'+caseStudy.link+'" class="button black-button case-study-button" data-clicktrack="">'+
				buttonText +
			'</a>'+
			'<span class="case-study-line"></span>'+
			'<div class="case-study-inner">'+
				'<p class="body_copy mod-border-left mod-white case-study-text">'+caseStudy.snippet+'</p>'+
			'</div>'+
		'</div>';
		$(container).append(template);
	})
</script>
			<a href="/projects#all-projects" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="All Projects"><p class="homepage_featured-project__view-all link-arrow mobile">ALL PROJECTS</p></a>
		</div>

		<div class="homepage_featured-projects__inner visible-md visible-lg">
			<div class="container">
				<div class="row row-perspective">
					<div class="col-md-4 col-perspective">
						<a href="/projects/lucid/the-lucid-air-purchase-journey" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="Lamborghini"><div class="homepage_featured-project perspective-left homepage_featured-project-rotate" id="lucid_feature" data-background data-direction="left">
							<div class="homepage_featured-project__inner">
								<p class="body_copy mod-border-left mod-white homepage_featured-project__text">
									Lucid's Connected Customer Journey								</p>
								<img class="homepage_featured-project__image" src="/sites/zl/img/homepage/clients/lucid_logo_light.svg" alt="Lucid" data-logo="lucid">
							</div>
						</div></a>
						<a href="/projects/skoda/building-skodas-interactive-ads-on-facebook" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="Skoda"><div class="homepage_featured-project perspective-left homepage_featured-project-rotate" id="featured_project_skoda" data-background data-direction="left">
							<div class="homepage_featured-project__inner">
								<p class="body_copy mod-border-left mod-white homepage_featured-project__text">
									ŠKODA's Interactive Ads on Facebook								</p>
								<img class="homepage_featured-project__image" src="/sites/zl/img/homepage/clients/skoda_logo.svg?v=0e91dd59feae154652795b044e9672cf" alt="Skoda" data-logo="skoda">
							</div>
						</div></a>
					</div>

					<div class="col-md-4">
						<a href="/projects/zerolight/the-integrated-customer-journey" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="Cadillac"><div class="homepage_featured-project middle homepage_featured-project-rotate" id="featured_project_customerjourney" data-background data-direction="middle">
							<div class="homepage_featured-project__inner">
								<p class="body_copy mod-border-left mod-white homepage_featured-project__text">
									The Integrated Customer Journey								</p>
								<img class="homepage_featured-project__image" src="/sites/zl/img/homepage/clients/cadillac_logo.svg?v=0e91dd59feae154652795b044e9672cf" alt="Cadillac" data-logo="cadillac">
							</div>
						</div></a>
						<a href="/projects/bmw/bmw-m-drive-tour-virtual-experience" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="BMW"><div class="homepage_featured-project middle homepage_featured-project-rotate" id="bmw-m-tour-project" data-background data-direction="middle">
							<div class="homepage_featured-project__inner">
								<p class="body_copy mod-border-left mod-white homepage_featured-project__text">
									BMW M Drive Tour Virtual Experience								</p>
								<img class="homepage_featured-project__image" src="/sites/zl/img/homepage/clients/bmw_logo.svg?v=0e91dd59feae154652795b044e9672cf" alt="BMW" data-logo="bmw">
							</div>
						</div></a>
					</div>

					<div class="col-md-4 col-perspective">
						<a href="/projects/audi/audi-cloud-configurator" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="Audi Cloud"><div class="homepage_featured-project perspective-right homepage_featured-project-rotate" id="cover_audi3dconfig_1__list__a253e820" data-background data-direction="right">
							<div class="homepage_featured-project__inner">
								<p class="body_copy mod-border-left mod-white homepage_featured-project__text">
									Audi Cloud Configurator								</p>
								<img class="homepage_featured-project__image" src="/sites/zl/img/audi_logo.svg?v=0e91dd59feae154652795b044e9672cf" alt="Audi" data-logo="audi">
							</div>
						</div></a>
						<a href="/projects/brp/brps-global-vehicle-configurators" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="Volkswagen"><div class="homepage_featured-project perspective-right homepage_featured-project-rotate" id="brp_feature" data-background data-direction="right">
							<div class="homepage_featured-project__inner">
								<p class="body_copy mod-border-left mod-white homepage_featured-project__text">
									BRP's  Global Vehicle Configurators								</p>
								<img class="homepage_featured-project__image" src="/sites/zl/img/homepage/clients/BRP_logo.svg?v=0e91dd59feae154652795b044e9672cf" alt="BRP" data-logo="brp">
							</div>
						</div></a>
					</div>
				</div>

				<a href="/projects#all-projects" data-ga-event data-ga-category="Homepage Featured Projects" data-ga-action="Click" data-ga-label="All Projects"><p class="homepage_featured-project__view-all all-lnk link-arrow">ALL PROJECTS</p></a>
			</div>
		</div>
	</section>

	<section class="homepage_latest-news section">
		<div class="container">
			<div class="row">
				<div class="col-xs-10 col-xs-offset-1 col-md-6 col-md-offset-3">
					<h2 class="global-heading heading2 text-center mod-light mod-white">
						Latest News					</h2>
					<h4 class="global-sub-heading heading4 text-center mod-semi-white">
						The latest news, coverage and insights from the ZeroLight team					</h4>
				</div>
			</div>
		</div>

		<!-- This is the main article -->
		<div class="container">

			<!-- This is the tablet & desktop instance of the Articles... -->
			<div class="hidden-xs hidden-sm">
				<style>
	@media screen and (min-width: 1377px) {
		.article-gutter {
			margin-left: 50px;
		}
	}

	@media screen and (min-width: 992px) {
		.article-gutter {
			margin-left: 56px;
		}
	}

	@media screen and (max-width: 1377px) {
		.homepage_latest-news__articles-list li {
			padding: 26px 30px 26px 0px;
		}

		.homepage_latest-news__articles-list {
			margin-top: 0px;
		}
	}

</style>

<div class="row">
	<!-- This is a featured article -->
	<div class="col-md-12">
		<div class="row">
			<div class="col-md-7 homepage_latest-news__article transparent-background no-padding-right">
				<div class="large">
					<div class="homepage_latest-news__article-image homepage_latest-news__article-image--featured" style="background-image: url('/sites/zl/img/homepage/blog/lucid_latest_news.jpg')"></div>
				</div>
			</div>
			<div class="col-md-5 no-padding-left">
				<article class="homepage_latest-news__article homepage_latest-news__article--featured">
					<div class="homepage_latest-news__article-content">
						<h3 class="homepage_latest-news__article-headline homepage_latest-news__article-headline--featured heading3 mod-light mod-border-left">
							'Lucid Studio Live' users twice as likely to reserve Lucid Air						</h3>
						<p class="homepage_latest-news__article-blurb large-article body_copy-dark">
							Luxury EV maker Lucid Motors (Lucid) has registered eye-catching results with ‘Lucid Studio Live', its virtual shared vehicle discovery experience.						</p>
					</div>
					<div class="homepage_latest-news__article-footer">
						<p class="link-red--upper body_copy red homepage_latest-news__article-footer__link">Press Release</p>
						<a class="button-arrow-right--black homepage_latest-news__article-cta hidden-xs hidden-sm" href="/news/press-releases/lucid-studio-live-users-twice-as-likely-to-reserve-lucid-air">
						</a>
					</div>
				</article>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<!-- This is a regular article -->

	<div data-type="news-card-small" class="col-lg-3 col-md-4">
		<a href="/news/press-releases/introducing-scene-create-photorealistic-vehicle-compositions-at-scale">
			<article class="homepage_latest-news__article">
				<div class="homepage_latest-news__article-image-container">
					<div class="homepage_latest-news__article-image" style="background-image: url('/sites/zl/img/homepage/blog/scene_news.jpg')"></div>
				</div>
				<div class="homepage_latest-news__article-content">
					<h4 class="homepage_latest-news__article-headline">
						Introducing Scene: Create photorealistic vehicle compositions at scale					</h4>
					<p class="homepage_latest-news__article-blurb body_copy-dark">
						There has never been a greater need for automotive brands to create product-correct marketing content.					</p>
					<p class="link-red--upper body_copy red">Press Release</p>
				</div>
			</article>
		</a>
	</div>

	<div data-type="news-card-small" class="col-lg-3 col-md-4">
		<a href="/news/press-releases/mitsubishi-motors-and-zerolight-bring-2022-outlander-to-market-via-the-cloud">
			<article class="homepage_latest-news__article">
				<div class="homepage_latest-news__article-image-container">
					<div class="homepage_latest-news__article-image" style="background-image: url('/sites/zl/img/homepage/blog/mitsubishi_news.jpg')"></div>
				</div>
				<div class="homepage_latest-news__article-content">
					<h4 class="homepage_latest-news__article-headline">
						Mitsubishi Motors and ZeroLight bring 2022 Outlander to Market via the Cloud					</h4>
					<p class="homepage_latest-news__article-blurb body_copy-dark">
						Mitsubishi Motors North America, Inc. partnered with ZeroLight and Amazon Web Services (AWS) to create a cloud-powered vehicle configurator for the launch of the all-new 2022 Mitsubishi Outlander. 					</p>
					<p class="link-red--upper body_copy red">Press Release</p>
				</div>
			</article>
		</a>
	</div>

	<div data-type="news-list" class="col-lg-5 col-lg-offset-1 col-md-4">
		<ul class="homepage_latest-news__articles-list">
			<a href="https://www.autocar.co.uk/car-news/industry-news-dealership%2C-sales-and-marketing/analysis-what-does-digital-future-car-sales" rel="noreferrer noopener" target="_blank">
				<li class="link-arrow">  
					<span class="homepage_latest-news__articles-list-date">Apr 19</span>
					<h3 class="homepage_latest-news__articles-list-title heading3 mod-white mod-light">
						Future of Car Sales					</h3>
				</li>
			</a>
			<a href="https://www.automotiveworld.com/articles/the-linear-car-buying-journey-is-over/">
				<li class="link-arrow" rel="noreferrer noopener" target="_blank">
					<span class="homepage_latest-news__articles-list-date">Jul 15</span>
					<h3 class="homepage_latest-news__articles-list-title heading3 mod-white mod-light">
						Linear car buying is over					</h3>
				</li>
			</a>
			<a href="/news/press-releases/zerolight-welcomes-autos-expert-ralf-kalmbach-as-non-executive-chairman">
				<li class="link-arrow">
					<span class="homepage_latest-news__articles-list-date">Aug 24</span>
					<h3 class="homepage_latest-news__articles-list-title heading3 mod-white mod-light">
						Ralf joins ZeroLight					</h3>
				</li>
			</a>

			<a class="homepage_latest-news__articles-list-link" href="/news#all-news">
				<li class="text-right all-lnk link-arrow">
					All News Posts				</li>
			</a>
		</ul>
	</div>
</div>

<script type="text/javascript">
	$(window).on('resize', function() {
		if($(window).width() < 1377) {
			$('[data-type="news-card-small"]').removeClass('col-lg-3');
			$('[data-type="news-card-small"], [data-type="news-list"]').addClass('col-lg-4');
			$('[data-type="news-list"]').removeClass('col-lg-5 col-lg-offset-1');
		} else {
			$('[data-type="news-card-small"]').addClass('col-lg-3');
			$('[data-type="news-card-small"], [data-type="news-list"]').removeClass('col-lg-4');
			$('[data-type="news-list"]').addClass('col-lg-5 col-lg-offset-1');
		}
	});
</script>
			</div>

			<!-- This is the mobile instance of the Articles -->
			<div class="hidden-md hidden-lg">
				<div class="row">
	<div class="container">
		<div id="homepage-articles-carousel-js" class="owl-carousel owl-theme sreveal">
			<div class="col-sm-12">
				<article class="homepage_latest-news__article">
					<div class="homepage_latest-news__article-image-container">
						<div class="homepage_latest-news__article-image homepage_latest-news__article-image--featured" style="background-image: url('/sites/zl/img/homepage/blog/lucid_latest_news.jpg')"></div>
						</div>
					<div class="homepage_latest-news__article-content">
						<h4 class="homepage_latest-news__article-headline">
							'Lucid Studio Live' users twice as likely to reserve Lucid Air						</h4>
						<p class="homepage_latest-news__article-blurb body_copy-dark">
							Luxury EV maker Lucid Motors (Lucid) has registered eye-catching results with ‘Lucid Studio Live', its virtual shared vehicle discovery experience.						</p>
						<a href="/news/press-releases/lucid-studio-live-users-twice-as-likely-to-reserve-lucid-air" class="link-red--upper body_copy red">Press Release</a>
					</div>
				</article>
			</div>
			<div class="col-sm-12">
				<article class="homepage_latest-news__article">
					<div class="homepage_latest-news__article-image-container">
					<div class="homepage_latest-news__article-image" style="background-image: url('/sites/zl/img/homepage/blog/scene_news.jpg')"></div>
				</div>
				<div class="homepage_latest-news__article-content">
					<h4 class="homepage_latest-news__article-headline">
						Introducing Scene: Create photorealistic vehicle compositions at scale					</h4>
					<p class="homepage_latest-news__article-blurb body_copy-dark">
						There has never been a greater need for automotive brands to create product-correct marketing content.					</p>
					<a href="/news/press-releases/introducing-scene-create-photorealistic-vehicle-compositions-at-scale" class="link-red--upper body_copy red">Press Release</a>
				</div>
			</article>
			</div>
			<div class="col-sm-12">
				<article class="homepage_latest-news__article">
					<div class="homepage_latest-news__article-image-container">
					<div class="homepage_latest-news__article-image" style="background-image: url('/sites/zl/img/homepage/blog/mitsubishi_news.jpg')"></div>
				</div>
				<div class="homepage_latest-news__article-content">
					<h4 class="homepage_latest-news__article-headline">
						Mitsubishi Motors and ZeroLight bring 2022 Outlander to Market via the Cloud					</h4>
					<p class="homepage_latest-news__article-blurb body_copy-dark">
						Mitsubishi Motors North America, Inc. partnered with ZeroLight and Amazon Web Services (AWS) to create a cloud-powered vehicle configurator for the launch of the all-new 2022 Mitsubishi Outlander. 					</p>
					<a href="/news/press-releases/mitsubishi-motors-and-zerolight-bring-2022-outlander-to-market-via-the-cloud" class="link-red--upper body_copy red">Press Release</a>
					</div>
				</article>
			</div>
		</div>

		<div class="row visible-xs visible-sm">
			<div class="col-xs-12">
				<div class="homepage_latest-news__mobile-count text-right">
					<img class="homepage_latest-news__mobile-count-arrow homepage_latest-news__mobile-count-arrow--prev" src="/sites/zl/img/icon_arrow_down_white.svg?v=0e91dd59feae154652795b044e9672cf" alt="Previous">
					<p class="homepage_latest-news__mobile-count-text body_copy">01/04</p>
					<img class="homepage_latest-news__mobile-count-arrow homepage_latest-news__mobile-count-arrow--next in-view" src="/sites/zl/img/icon_arrow_down_white.svg?v=0e91dd59feae154652795b044e9672cf" alt="Next">
				</div>
			</div>
		</div>

		<div class="col-xs-12">
			<ul class="homepage_latest-news__articles-list">
			<a href="https://www.autocar.co.uk/car-news/industry-news-dealership%2C-sales-and-marketing/analysis-what-does-digital-future-car-sales" rel="noreferrer noopener" target="_blank">
				<li class="link-arrow">
					<span class="homepage_latest-news__articles-list-date">Apr 19</span>
					<h3 class="homepage_latest-news__articles-list-title heading3 mod-white mod-light">
						Future of Car Sales					</h3>
				</li>
			</a>
			<a href="https://www.automotiveworld.com/articles/the-linear-car-buying-journey-is-over/">
				<li class="link-arrow" rel="noreferrer noopener" target="_blank">
					<span class="homepage_latest-news__articles-list-date">Jul 15</span>
					<h3 class="homepage_latest-news__articles-list-title heading3 mod-white mod-light">
						Linear car buying is over					</h3>
				</li>
			</a>
			<a href="/news/press-releases/zerolight-welcomes-autos-expert-ralf-kalmbach-as-non-executive-chairman">
				<li class="link-arrow">
					<span class="homepage_latest-news__articles-list-date">Aug 24</span>
					<h3 class="homepage_latest-news__articles-list-title heading3 mod-white mod-light">
						Ralf joins ZeroLight					</h3>
				</li>
			</a>
				<a class="homepage_latest-news__articles-list-link" href="/news#all-news">
					<li class="text-right all-lnk link-arrow">
						All News Posts					</li>
				</a>
			</ul>
		</div>
	</div>
</div>
			</div>

		</div>
	</section>

	<section class="section bg-white homepage_careers">
		<div class="container">
			<div class="row">
				<div class="col-xs-10 col-xs-offset-1 col-md-5 col-md-offset-0">
					<h2 class="global-heading heading2 mod-light mod-border-left homepage_careers__heading">
						Work for one of the UK’s most exciting tech companies					</h2>

					<h4 class="heading4 homepage_careers__sub-heading">
						We offer fantastic benefits with a friendly working environment that values quality, collaboration, focus and innovation in everything that we do. If you’re looking for a new challenge and would like to join us in our journey,  <a href="/careers" class="link-red">find out more</a>.
					</h4>

					<div class="visible-xs visible-sm text-center">
						<a href="/careers"><div class="button careers-blog-button">Vacancies</div></a>
						<a href="/careers/blog#all-posts"><div class="button careers-blog-life-at-zerolight">Life at ZeroLight</div></a>
					</div>

					<div class="panel-group hidden-xs hidden-sm" id="vacancies-accordion" role="tablist" aria-multiselectable="true">
						<div class="panel-default">
							<div class="panel-heading" role="tab" id="featuredVacancies">
								<a>
									<h3 class="heading3 mod-light homepage_featured-vacancies__title down-arrow">
										Featured Vacancies									</h3>
								</a>
							</div>
							<div id="vacancies" role="tabpanel"  aria-labelledby="featuredVacancies">
								<div>
									<ul class="homepage_featured-vacancies">
										<a href="/careers" data-ga-event data-ga-category="Homepage Vacancies" data-ga-action="Click" data-ga-label="All Vacancies">
											<li class="all-vac">
											<p class="homepage_featured-vacancies__title body_copy mod-red all-lnk link-arrow">
												All Vacancies											</p>
											</li>
										</a>
									</ul>
								</div>
							</div>
						</div>

						<div class="panel-default">
							<div class="panel-heading light-underline" role="tab" id="lifeAtZeroLightHeading">
								<h3 class="heading3 mod-light homepage_featured-vacancies__title up-arrow">
									<a >
										Life at ZeroLight									</a>
								</h3>
							</div>
							<div id="lifeAtZeroLight" class="close-panel" aria-labelledby="lifeAtZeroLightHeading">
								<div>
									<p class="panel-para body_copy-dark">Check out our blog and Facebook page to get to know how the company works and the people behind it.</p>
									<ul class="homepage_featured-vacancies">
										<a href="/careers/blog#all-posts" data-ga-event data-ga-category="Homepage Life at ZeroLight" data-ga-action="Click" data-ga-label="Blog"><li>
											<p class="homepage_featured-vacancies__title body_copy mod-red mod-light">
												Life at ZeroLight blog											</p>
										</li></a>
										<a href="https://www.facebook.com/LifeAtZeroLight/" target="_blank" data-ga-event data-ga-category="Homepage Life at ZeroLight" data-ga-action="Click" data-ga-label="Facebook Page"><li>
											<p class="homepage_featured-vacancies__title body_copy mod-red mod-light">
												Life at ZeroLight Facebook page											</p>
										</li></a>
										<a href="/live-works" data-ga-event data-ga-category="Homepage Life at ZeroLight" data-ga-action="Click" data-ga-label="Studio"><li>
											<p class="homepage_featured-vacancies__title body_copy mod-red mod-light">
												Our Studio											</p>
										</li></a>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-6 careers-carousel homepage_featured-vacancies__image hidden-xs hidden-sm">
					<div class="carousel-wrap">
						<div id="careers-slider" class="owl-carousel owl-theme">
							<div class="careers-item">
								<div class="careers-image active" data-background="homepage/careers-gallery/careers-1.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>
							<div class="careers-item">
								<div class="careers-image" data-background="homepage/careers-gallery/careers-2.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>
							<div class="careers-item">
								<div class="careers-image" data-background="homepage/careers-gallery/careers-3.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>
							<div class="careers-item">
								<div class="careers-image" data-background="homepage/careers-gallery/careers-4.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>

						</div>
					</div>
				</div>
			</div>

			<div class="row row-no-padding hidden-md hidden-lg">
				<div class="col-xs-12 careers-carousel">
					<div class="carousel-wrap">
						<div id="careers-slider-mobile" class="owl-carousel owl-theme">
							<div class="careers-item">
								<div class="careers-image active" data-background="homepage/careers-gallery/careers-1-mob.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>
							<div class="careers-item">
								<div class="careers-image" data-background="homepage/careers-gallery/careers-2-mob.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>
							<div class="careers-item">
								<div class="careers-image" data-background="homepage/careers-gallery/careers-3-mob.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>
							<div class="careers-item">
								<div class="careers-image" data-background="homepage/careers-gallery/careers-4-mob.jpg?v=0e91dd59feae154652795b044e9672cf"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="section bg-light-grey">
		<div class="container">
			<div class="row">
				<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2">
					<h2 class="global-heading heading2 text-center mod-light">
						As Featured In					</h2>

					<h4 class="global-sub-heading heading4 text-center">
						Take a look below to see which publications ZeroLight has been featured in					</h4>
				</div>
			</div>
			<div class="homepage_press__logo-list" class="row">
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/huffington_post_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="huffington" alt="The Huffington Post">
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/bbc_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="bbc" alt="BBC">
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/top_gear_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="top_gear" alt="Top Gear">
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/forbes_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="forbes" alt="Forbes">
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/evo_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="evo" alt="Evo">
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/fortune_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="fortune" alt="Fortune">
				</div>
				<div class="col-md-2 col-md-offset-1 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/the_times_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="the_times" alt="The Times">
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/the_guardian_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="the_guardian" alt="The Guardian">
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/cnn_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="cnn" alt="CNN">
				</div>
				<div class="col-md-2 col-md-offset-0 col-sm-4 col-sm-offset-2 col-xs-6 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/techradar_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="tech_radar" alt="Tech Radar">
				</div>
				<div class="col-md-2 col-md-offset-0 col-sm-4 col-sm-offset-0 col-xs-6 col-xs-offset-3 text-center">
					<img class="homepage_press__logo" src="/sites/zl/img/homepage/press/venturebeat_logo.svg?v=0e91dd59feae154652795b044e9672cf" data-publication="venture_beat" alt="Venture Beat">
				</div>
			</div>
		</div>
	</section>
	<style>
    .partner-banner {
        padding: 0;
        position: relative;
        top: -78px;
        background-color: #fafafa;
        overflow: visible;
    }

    .partner-banner-inner {
        border: 1px solid #e5e8ed;
        border-radius: 5px;
        background-color: #fff;
        background-image: url(/sites/zl/img/aws_banner_plus_bg.svg);
        background-repeat: no-repeat;
        background-position: bottom;
        position: relative;
        padding: 30px 40px;
        top: 88px;
        z-index: 1;
        box-shadow: -3px 7px 20px rgba(0,0,0,0.1);
    }

    .partner-text {
        position: relative;
        text-align: center;
        z-index: 1;
    }

    .partner-text .heading3 {
        margin-bottom: 10px;
    }

    .partner-text p {
        margin-bottom: 0;
    }

    .img-container {
        text-align: center;
        margin-top: 20px;
        z-index: 0;
    }

    @media screen and (min-width: 992px) {
        .img-container {
            text-align: right;
            margin-top: 0;
            display: inline-block;
            width: 100%;
            position: relative;
            right: 0;
        }

        .partner-text {
            text-align: left;
            display: inline-block;
            position: absolute;
            top: 50%;
            width: 70%;
            transform: translateY(-50%);
        }
    }

</style>

<section class="partner-banner">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-8 col-md-offset-2">
                <div class="partner-banner-inner">
                    <div class="partner-text">
                        <h3 class="heading3">AWS Advanced Technology Partner</h3>
                        <p class="body_copy-dark">Providing specialised solutions aligning with AWS architectural best practices</p>
                    </div>
                    <div class="img-container">
                        <img src="/sites/zl/img/aws_badge.png?v=0e91dd59feae154652795b044e9672cf" alt="AWS Advanced Tecnology Partner">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section></main>

<footer>
	
<div class="container darkbg">
	<div class="footer-content">
			<div class="row hidden-xs hidden-sm">
				<div class="col-xs-2">
					<p class="lead lead-smaller bold footer-title">ZEROLIGHT</p>
					<ul>
						<li><p class="lead lead-smaller"><a href="/careers" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Careers">Careers</a></p></li>
						<li><p class="lead lead-smaller"><a href="/careers/blog" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Life at ZeroLight">Life at ZeroLight</a></p></li>
						<li><p class="lead lead-smaller"><a href="/contact" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Contact">Contact</a></p></li>
						<li><p class="lead lead-smaller"><a href="/privacy-notice" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Privacy Notice">Privacy Notice</a></p></li>
						<li><p class="lead lead-smaller"><a href="/terms-of-use" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Terms of use">Terms of Use</a></p></li>
						<li><p class="lead lead-smaller"><a href="https://newsletter.zerolight.com/signup" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Newsletter">Newsletter</a></p></li>
					</ul>
				</div>
				<div class="col-xs-2">
					<p class="lead lead-smaller bold footer-title">SOLUTIONS</p>
					<ul>
						<li><p class="lead lead-smaller"><a href="/retail-configurator" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Retail Configurator">Retail Configurator</a></p></li>
						<li><p class="lead lead-smaller"><a href="/online-configurator" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Online Configurator">Online Configurator</a></p></li>
						<li><p class="lead lead-smaller"><a href="/vr-ar-enterprise" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="VR/AR for Enterprise">VR/AR for Enterprise</a></p></li>
						<li><p class="lead lead-smaller"><a href="/product-landing-pages" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Product Landing Pages">Product Landing Pages</a></p></li>
						<li><p class="lead lead-smaller"><a href="http://experience.zerolight.com/" target="_blank" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Experiences">Experiences</a></p></li>
					</ul>
				</div>
				<div class="col-xs-2">
					<p class="lead lead-smaller bold footer-title">SERVICES</p>
					<ul>
						<li><p class="lead lead-smaller"><a href="/advertising" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Advertising">Advertising</a></p></li>
						<li><p class="lead lead-smaller"><a href="/3d-modelling" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="3D Modelling">3D Modelling</a></p></li>
						<li><p class="lead lead-smaller"><a href="/creative-services" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Creative Services">Creative Services</a></p></li>
						<li><p class="lead lead-smaller"><a href="/digital-pipeline-automation" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Digital Pipeline Automation">Digital Pipeline Automation</a></p></li>
					</ul>
				</div>
				<div class="col-xs-2">
					<p class="lead lead-smaller bold footer-title">PRODUCTS</p>
					<ul>
						<li><p class="lead lead-smaller"><a href="/spotlight" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="SpotLight">SpotLight Suite&trade;</a></p></li>
						<li><p class="lead lead-smaller"><a href="/spotlight#personalised" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="SpotLight Bespoke">Bespoke Suite</a></p></li>
						<li><p class="lead lead-smaller"><a href="/spotlight#media" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="SpotLight Creative">Creative Suite</a></p></li>
						<li><p class="lead lead-smaller"><a href="/spotlight#data" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="SpotLight Wisdom">Wisdom Suite</a></p></li>
					</ul>
				</div>
				<div class="col-xs-2">
					<p class="lead lead-smaller bold footer-title">PROJECTS</p>
					<ul>
						<li><p class="lead lead-smaller"><a href="/projects#audi" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Audi Project">Audi</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#jaguar-landrover" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Jaguar Land Rover Project">Jaguar Land Rover</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#lamborghini" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Lamborghini Project">Lamborghini</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#nissan" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Nissan Project">Nissan</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#pagani" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Pagani Project">Pagani</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#porsche" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Porsche Project">Porsche</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#toyota" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Toyota Project">Toyota</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#volkswagen" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Volkswagen Project">Volkswagen</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#zerolight-labs" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="ZeroLight Labs Projects">ZeroLight Labs</a></p></li>
					</ul>
				</div>
				<div class="col-xs-2">
					<p class="lead lead-smaller bold footer-title">NEWS</p>
					<ul>
						<li><p class="lead lead-smaller"><a href="/news" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="All News">All</a></p></li>
						<li><p class="lead lead-smaller"><a href="/news#awards" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Awards">Awards</a></p></li>
						<li><p class="lead lead-smaller"><a href="/news#press-releases" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Press Release">Press Releases</a></p></li>
						<li><p class="lead lead-smaller"><a href="/news#insights" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Insights">Insights</a></p></li>
					</ul>
				</div>
			</div>
			<div class="row hidden-md hidden-lg">
				<div class="row">
					<div class="col-xs-5 col-xs-offset-1">
						<p class="lead lead-smaller bold">ZEROLIGHT</p>
						<ul>
							<li><p class="lead lead-smaller"><a href="/careers" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Careers">Careers</a></p></li>
							<li><p class="lead lead-smaller"><a href="/careers/blog" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Life at ZeroLight">Life at ZeroLight</a></p></li>
							<li><p class="lead lead-smaller"><a href="/contact" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Contact">Contact</a></p></li>
							<li><p class="lead lead-smaller"><a href="/privacy-policy" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Privacy Notice">Privacy Notice</a></p></li>
							<li><p class="lead lead-smaller"><a href="/terms-of-use" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Terms of use">Terms of Use</a></p></li>
							<li><p class="lead lead-smaller"><a href="https://newsletter.zerolight.com/signup" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Newsletter">Newsletter</a></p></li>
						</ul>
					</div>
					<div class="col-xs-5">
						<p class="lead lead-smaller bold">SOLUTIONS</p>
						<ul>
							<li><p class="lead lead-smaller"><a href="/retail-configurator" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Retail Configurator">Retail Configurator</a></p></li>
							<li><p class="lead lead-smaller"><a href="/online-configurator" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Online Configurator">Online Configurator</a></p></li>
							<li><p class="lead lead-smaller"><a href="/vr-ar-enterprise" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="VR/AR for Enterprise">VR/AR for Enterprise</a></p></li>
							<li><p class="lead lead-smaller"><a href="/product-landing-pages" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Product Landing Pages">Product Landing Pages</a></p></li>
							<li><p class="lead lead-smaller"><a href="http://experience.zerolight.com/" target="_blank" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Experiences">Experiences</a></p></li>
						</ul>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5 col-xs-offset-1">
						<p class="lead lead-smaller bold">SERVICES</p>
						<ul>
							<li><p class="lead lead-smaller"><a href="/advertising" data-ga-event data-ga-category="Footer Links large screens" data-ga-action="Click" data-ga-label="Advertising">Advertising</a></p></li>
							<li><p class="lead lead-smaller"><a href="/3d-modelling" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="3D Modelling">3D Modelling</a></p></li>
							<li><p class="lead lead-smaller"><a href="/creative-services" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Creative Services">Creative Service</a></p></li>
							<li><p class="lead lead-smaller"><a href="/digital-pipeline-automation" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Digital Pipeline Automation">Digital Pipeline Automation</a></p></li>
						</ul>
					</div>
					<div class="col-xs-5">
						<p class="lead lead-smaller bold">PRODUCTS</p>
						<ul>
							<li><p class="lead lead-smaller"><a href="/spotlight" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="SpotLight">SpotLight Suite&trade;</a></p></li>
							<li><p class="lead lead-smaller"><a href="/spotlight#personalised" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="SpotLight Bespoke">Bespoke Suite</a></p></li>
							<li><p class="lead lead-smaller"><a href="/spotlight#media" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="SpotLight Creative">Creative Suite</a></p></li>
							<li><p class="lead lead-smaller"><a href="/spotlight#data" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="SpotLight Wisdom">Wisdom Suite</a></p></li>
						</ul>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-5 col-xs-offset-1">
						<p class="lead lead-smaller bold">PROJECTS</p>
						<ul>
							<li><p class="lead lead-smaller"><a href="/projects#audi" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Audi Project">Audi</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#jaguar-landrover" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Jaguar Land Rover Project">Jaguar Land Rover</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#lamborghini" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Lamborghini Project">Lamborghini</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#nissan" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Nissan Project">Nissan</a></p></li>
							<li><p class="lead lead-smaller"><a href="/projects#pagani" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Pagani Project">Pagani</a></p></li>
						<li><p class="lead lead-smaller"><a href="/projects#porsche" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Porsche Project">Porsche</a></p></li>
							<li><p class="lead lead-smaller"><a href="/projects#toyota" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Toyota Project">Toyota</a></p></li>
							<li><p class="lead lead-smaller"><a href="/projects#volkswagen" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Volkswagen Project">Volkswagen</a></p></li>
							<li><p class="lead lead-smaller"><a href="/projects#zerolight-labs" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="ZeroLight Labs Project">ZeroLight Labs</a></p></li>
						</ul>
					</div>
					<div class="col-xs-5">
						<p class="lead lead-smaller bold">NEWS</p>
						<ul>
							<li><p class="lead lead-smaller"><a href="/news" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="All News">All</a></p></li>
							<li><p class="lead lead-smaller"><a href="/news#awards" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Awards">Awards</a></p></li>
							<li><p class="lead lead-smaller"><a href="/news#press-releases" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Press Releases">Press Releases</a></p></li>
							<li><p class="lead lead-smaller"><a href="/news#insights" data-ga-event data-ga-category="Footer Links small screens" data-ga-action="Click" data-ga-label="Insights">Insights</a></p></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	<br/>
	<div class="row">
		<div class="text-center">
			<div class="footer-icon">
				<a href="https://twitter.com/ZeroLight" target="_blank" data-ga-event data-ga-category="Footer Links" data-ga-action="Click" data-ga-label="Twitter"><img src="/sites/zl/img/twitter_white.svg?v=0e91dd59feae154652795b044e9672cf"/></a>
			</div>
			<div class="footer-icon">
				<a href="https://www.facebook.com/LifeAtZeroLight/" target="_blank" data-ga-event data-ga-category="Footer Links" data-ga-action="Click" data-ga-label="Facebook"><img src="/sites/zl/img/facebook_white.svg?v=0e91dd59feae154652795b044e9672cf"/></a>
			</div>
			<div class="footer-icon">
				<a href="https://www.linkedin.com/company/zerolight" target="_blank" data-ga-event data-ga-category="Footer Links" data-ga-action="Click" data-ga-label="LinkedIn"><img src="/sites/zl/img/linkedin_white.svg?v=0e91dd59feae154652795b044e9672cf"/></a>
			</div>
			<div class="footer-icon">
				<a href="https://www.youtube.com/user/ZeroLightTV" target="_blank" data-ga-event data-ga-category="Footer Links" data-ga-action="Click" data-ga-label="YouTube"><img src="/sites/zl/img/youtube_white.svg?v=0e91dd59feae154652795b044e9672cf"/></a>
			</div>
			<div class="footer-icon">
				<a href="https://www.instagram.com/zerolight" target="_blank" data-ga-event data-ga-category="Footer Links" data-ga-action="Click" data-ga-label="Instagram"><img src="/sites/zl/img/instagram_white.svg?v=0e91dd59feae154652795b044e9672cf"/></a>
			</div>
			<div class="footer-icon">
				<a href="/cdn-cgi/l/email-protection#264f484049665c4354494a4f414e520845494b" data-ga-event data-ga-category="Footer Links" data-ga-action="Click" data-ga-label="Email Contact"><img src="/sites/zl/img/email.svg?v=0e91dd59feae154652795b044e9672cf"/></a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12">
			<br/>
			<p class="lead lead-smaller copyright text-center">Copyright © 2022 ZeroLight Limited</p>
		</div>
	</div>
</div>

</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/sites/zl/js/object-fit-videos.min.js?v=0e91dd59feae154652795b044e9672cf"></script>
<!-- Include Owl Carousel -->
<script src="/sites/zl/js/owl.carousel.js?v=0e91dd59feae154652795b044e9672cf"></script>

<script type="text/javascript">
	objectFitVideos();
	videoFallBack();

	$(window).on('resize', videoFallBack);

	//Video Fallback Helper Method
	function videoFallBack() {
		if ($(window).width() < 768) {
			$('.video-fallback-image').show();
			$('.hero-video').attr('preload', 'none');
		} else {
			$('.video-fallback-image').hide();

			if ($('.hero-video').attr('preload')) {
				$('.hero-video').removeAttr('preload');
			}
		}
	}

	// Populate vacancies list with the 3 most recent jobs
	$.get(urlroot+'/articles/get/job/main/3/0/'+lang+'?json&nokeys&only=title,url_title')
		.done(function(data) {
			var basepath = urlrootlang + data.supercategory_basepath + '/';
			var jobsHTML = (data.articles || []).map(function(item) {
				return '<a href="' + basepath + item.url_title + '"><li><p class="homepage_featured-vacancies__title body_copy mod-red mod-light link-arrow">' + item.title + '</p></li></a>';
			}).join('');
			$('#vacancies .homepage_featured-vacancies').prepend(jobsHTML);
		});

	function careersSlider() {
		$("#careers-slider, #careers-slider-mobile").owlCarousel({
			loop:true,
			margin:0,
			dots: true,
			autoHeight: true,
			autoWidth: true,
			autoplay: true,
			items: 1,
			center: true,
			responsive: true,
			responsiveRefreshRate : 200,
			responsiveBaseWidth: window,
		});
	}

	careersSlider();
	$(window).on('resize', careersSlider);

</script>

<script src="/sites/zl/js/pages/snap.svg-min.js?v=0e91dd59feae154652795b044e9672cf"></script>
<script src="/sites/zl/js/pages/homepage.js?v=0e91dd59feae154652795b044e9672cf"></script>
		<script type="text/javascript">window.language_array={'Got it':'Got it','We use cookies as described in our':'We use cookies as described in our','OK':'OK','A video is showing instead. Thank you.':'A video is showing instead. Thank you.','Sorry, this browser is currently not supported.':'Sorry, this browser is currently not supported.','Sorry, this resolution is not supported':'Sorry, this resolution is not supported','You are seeing a video now as there are no live stream available.<br/>We will let you know when a stream is free. Thank you':'You are seeing a video now as there are no live stream available.<br/>We will let you know when a stream is free. Thank you','A live stream is available. Do you want to switch?':'A live stream is available. Do you want to switch?','Continue Video':'Continue Video','Yes':'Yes','Your live session has ended due to inactivity.':'Your live session has ended due to inactivity.','Your live session is about to end due to inactivity.<br/>You have {seconds} seconds left.':'Your live session is about to end due to inactivity.<br/>You have {seconds} seconds left.','Sorry, an error has been detected.':'Sorry, an error has been detected.','Rooftop':'Rooftop','Studio':'Studio','Morello Red':'Morello Red','Deep Blue':'Deep Blue','Mercury Grey':'Mercury Grey','Satin Silver':'Satin Silver','Sand Ecru':'Sand Ecru','Black Fabric':'Black Fabric','Topaz Brown Leather':'Topaz Brown Leather','Noble Brown Leather':'Noble Brown Leather','Ivory Leather':'Ivory Leather','18&quot; Alloy Wheels':'18&quot; Alloy Wheels','20&quot; Alloy Wheels':'20&quot; Alloy Wheels','Select':'Select','privacy notice':'privacy notice',};var $t=function(line){return window.language_array[line]||line;};</script>		
<script>
	window.addEventListener('load', function(){
		if (!window.cookieconsent) return;
		window.cookieconsent.initialise({
		revokeBtn: "<div class='cc-revoke'></div>",
		position: "bottom-left",
		type: "opt-in",
		theme: "classic",
		palette: {
				popup: {
						background: "#000",
						text: "#fff"
					},
				button: {
						background: "#16CA99",
						text: "#1C252F"
					}
			},
		content: {
			message: "This website uses cookies and analytics to ensure you get the best experience.",
			link: "Privacy Notice",
			allow: "Allow",
			deny: "No Thanks",
			href: "https://zerolight.com/privacy-notice"
			},
			onInitialise: function(status) {
				if(status == cookieconsent.status.allow) {
					myScripts()
				} else {
					window.ga= function(){};;
				}
			},
			onStatusChange: function(status) {
				if (this.hasConsented()) {
					myScripts()
				} else {
					window.ga= function(){};;
				}
			}
		})
	});

	function myScripts() {

	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		ga('create', 'UA-17360534-11', 'auto');

		_linkedin_partner_id = "115813";
		window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
		window._linkedin_data_partner_ids.push(_linkedin_partner_id);

		(function()

		{var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);}

		)();

		!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
		},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
		a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
		// Insert Twitter Pixel ID and Standard Event data below
		twq('init','o1eed');
		twq('track','PageView');

		(function(h,o,t,j,a,r){
				h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
				h._hjSettings={hjid:777428,hjsv:6};
				a=o.getElementsByTagName('head')[0];
				r=o.createElement('script');r.async=1;
				r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
				a.appendChild(r);
		})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');

	}
</script>

	</body>
</html>
