
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>1MD | One Million Dollars</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimal-ui">
<meta name="format-detection" content="telephone=no">
<meta name="current-section" content="">
<meta name="current-work" content="">
<meta property="og:url" content="http://1md.be" />
<title>1MD | </title>
<meta property="og:title" content="1MD | One Million Dollars" />
<meta property="og:description" content="We are an experienced digital studio driven by mixing design and technology. From branding to moving image, interactive design, film production or games. We create innovative content for digital, broadcast, online & mobile. - info@1md.be | +32 2 733 48 60" />
<meta name="description" content="We are an experienced digital studio driven by mixing design and technology. From branding to moving image, interactive design, film production or games. We create innovative content for digital, broadcast, online & mobile. - info@1md.be | +32 2 733 48 60">
<meta property="og:image" content="http://1md.be/img/share.jpg" />
<link rel="shortcut icon" type="image/png" href="favicon.png" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main.css">
<!--[if IE]>
				<link rel="stylesheet" href="css/ie.css">
				<![endif]-->
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="https://use.typekit.net/mtx8ddf.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

<style>
					  #animation_container {
						position:absolute;
						margin:auto;
						left:0;right:0;
						top:0;bottom:0;
					  }
					</style>
<script src="js/vendor/createjs-2015.11.26.min.js"></script>
<script src="js/min/creativebureau.js"></script>
<script>
							var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
							function init() {
								canvas = document.getElementById("canvas");
								anim_container = document.getElementById("animation_container");
								dom_overlay_container = document.getElementById("dom_overlay_container");
								handleComplete();
							}
							function handleComplete() {
								//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
								exportRoot = new lib.creativebureau3();
								stage = new createjs.Stage(canvas);
								stage.addChild(exportRoot);
								//Registers the "tick" event listener.
								fnStartAnimation = function() {
									createjs.Ticker.setFPS(lib.properties.fps);
									createjs.Ticker.addEventListener("tick", stage);
								}
								//Code to support hidpi screens and responsive scaling.
								function makeResponsive(isResp, respDim, isScale, scaleType) {
									var lastW, lastH, lastS=1;
									window.addEventListener('resize', resizeCanvas);
									resizeCanvas();
									function resizeCanvas() {
										var w = lib.properties.width, h = lib.properties.height;
										var iw = window.innerWidth, ih=window.innerHeight;
										var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;
										if(isResp) {
											if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {
												sRatio = lastS;
											}
											else if(!isScale) {
												if(iw<w || ih<h)
													sRatio = Math.min(xRatio, yRatio);
											}
											else if(scaleType==1) {
												sRatio = Math.min(xRatio, yRatio);
											}
											else if(scaleType==2) {
												sRatio = Math.max(xRatio, yRatio);
											}
										}
										canvas.width = w*pRatio*sRatio;
										canvas.height = h*pRatio*sRatio;
										canvas.style.width = dom_overlay_container.style.width = anim_container.style.width =  w*sRatio+'px';
										canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = h*sRatio+'px';
										stage.scaleX = pRatio*sRatio;
										stage.scaleY = pRatio*sRatio;
										lastW = iw; lastH = ih; lastS = sRatio;
									}
								}
								makeResponsive(true,'both',false,1);
								fnStartAnimation();
							}
						</script>
</head>
<body id="view-home" class="desktop anim_true" onload="init();">
<!--[if lt IE 10]>
            <div class="ltie10">
            <p>You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
            </div>
        <![endif]-->
<audio class="music" loop="true">
<source src="media/sound/sound.wav" type="audio/wav">
<source src="media/sound/sound.mp3" type="audio/mpeg">
<source src="media/sound/sound.ogg" type="audio/ogg">
</audio>
<div class="preload_video">
<video id="video_home" preload="true" loop="loop" autoplay="autoplay" controls>

</video>
<video id="video_about" preload="auto" loop>
<source src="media/about.mp4" type="video/mp4">
<source src="media/about.ogv" type="video/ogg">
<source src="media/about.WebM" type="video/webm">
</video>
<video id="video_works" preload="auto" loop>
<source src="media/works.mp4" type="video/mp4">
<source src="media/works.ogv" type="video/ogg">
<source src="media/works.webm" type="video/webm">
</video>
<video id="video_lab" preload="auto" loop>
<source src="media/works.mp4" type="video/mp4">
<source src="media/works.ogv" type="video/ogg">
<source src="media/works.WebM" type="video/webm">
</video>
<video id="video_contact" preload="auto" loop>
<source src="media/the-lab.mp4" type="video/mp4">
<source src="media/the-lab.ogv" type="video/ogg">
<source src="media/the-lab.WebM" type="video/webm">
</video>
</div>
<div class="wrapper" id="wrapper">
<a class="mobile-menu" href="#">
<span class="line line-1"></span>
<span class="line line-2"></span>
<span class="line line-3"></span>
</a>
<div class="top-header">
<h1 class="logo"><a href="/">1MD</a></h1>
<div class="menu-wrapper">
<ul class="menu">
<li id="menu-works" class="works">
<a href="#">work</a>
</li>
<li id="menu-showreels" class="works">
<a href="showreels-1md" class="showreels-1md">showreels</a>
</li>
<li id="menu-the-lab" class="the-lab">
<a href="#">l<span>a</span>b</a>
</li>
<li id="menu-about" class="about">
<a href="#">about</a>
</li>
<li id="menu-contact" class="contact">
<a href="#">contact</a>
</li>
</ul>
</div>
<ul class="social">
<li class="tofacebook">
<a target="_blank" href="https://www.facebook.com/onemd">facebook</a>
</li>
<li class="totwitter">
<a target="_blank" href="https://twitter.com/1MD">twitter</a>
</li>
<li class="tovimeo">
<a target="_blank" href="https://vimeo.com/onemd">vimeo</a>
</li>

</ul>
</div>
<section id="home" class="view  ">

<div id="animation_container" style="background-color:rgba(0, 0, 0, 0.00); width:1080px; height:500px">
<canvas id="canvas" width="1350" height="500" style="position: absolute; display: block; background-color:rgba(0, 0, 0, 0.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1350px; height:500px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</section>
<section id="works" class="view ">
<div class="work-open">
</div>
<ul class="works-list">
<li class="recent-works">
<a href="axa-banque" class="work">
<img alt="axa-banque" src="img/works/axa-banque.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>AXA BANQUE</h4>
<hr>
<h5>VIDEO / 3D / MOTION <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="hussard" class="work">
<img alt="hussard" src="img/works/h.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>H / Longines</h4>
<hr>
<h5>web / motion <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="real-lab" class="work">
<img alt="real-lab" src="img/works/reallab.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Real Lab</h4>
<hr>
<h5>branding / guidelines <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="b-lux" class="work">
<img alt="b-lux" src="img/works/blux.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Banque de Luxembourg</h4>
<hr>
<h5>UI-UX / mobile / prototyping <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="nano-racing" class="work">
<img alt="nano-racing" src="img/works/nano.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Nano</h4>
<hr>
<h5>branding / web / UI-UX <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="agilytic" class="work">
<img alt="agilytic" src="img/works/agilytic.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Agilytic</h4>
<hr>
<h5>branding / web <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="risingtrack" class="work">
<img alt="risingtrack" src="img/works/risingtrack.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>RisingTrack</h4>
<hr>
<h5>Website <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="g-spud" class="work">
<img alt="g-spud" src="img/works/gspud.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>G-SPUD</h4>
<hr>
<h5>branding / web <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="jack-those-precious-moments" class="work">
<img alt="jack-those-precious-moments" src="img/works/jack.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Jack</h4>
<hr>
<h5>film <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="camber" class="work">
<img alt="camber" src="img/works/camber.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Camber</h4>
<hr>
<h5>web / UI-UX <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="niko" class="work">
<img alt="niko" src="img/works/niko.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Niko</h4>
<hr>
<h5>web / UI-UX / mobile / prototyping <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="toyotires-untameable-drive" class="work">
<img alt="toyotires-untameable-drive" src="img/works/toyo-driven.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Toyo Tires</h4>
<hr>
<h5>film <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="toyotires-brakeonthrough" class="work">
<img alt="toyotires-brakeonthrough" src="img/works/toyo-bot.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Toyo Tires</h4>
<hr>
<h5>web / gaming / 3D / video <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works">
<a href="luciad" class="work">
<img alt="luciad" src="img/works/luciad.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Luciad</h4>
<hr>
<h5>web / UI-UX / video / 3D / prototyping <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="toyotires-campaign" class="work">
<img alt="toyotires-campaign" src="img/works/toyo.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Toyo Tires</h4>
<hr>
<h5>branding / print <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="hongu" class="work">
<img alt="hongu" src="img/works/hongu.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Hongu</h4>
<hr>
<h5>branding / digital strategy <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="soon" class="work">
<img alt="soon" src="img/works/soon.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Soon</h4>
<hr>
<h5>web / UI-UX / mobile / prototyping <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="alpro-brandstory" class="work">
<img alt="alpro-brandstory" src="img/works/alpro-brandstory.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Alpro</h4>
<hr>
<h5>branding / film <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
 <a href="langerman-diamonds" class="work">
<img alt="langerman-diamonds" src="img/works/langerman.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Langerman Diamonds</h4>
<hr>
<h5>branding / web / UI-UX / mobile <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="pairi-daiza" class="work">
<img alt="pairi-daiza" src="img/works/pairidaiza.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Pairi Daiza</h4>
<hr>
<h5>web / video <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="eggo" class="work">
<img alt="eggo" src="img/works/eggo.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Eggo</h4>
<hr>
<h5>web / UI-UX <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="alpro-digital" class="work">
<img alt="alpro-digital" src="img/works/alpro.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Alpro</h4>
<hr>
<h5>branding / web / mobile / video <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="sandawe" class="work">
<img alt="sandawe" src="img/works/sandawe.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Sandawe</h4>
<hr>
<h5>branding / web <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="fiat-500" class="work">
<img alt="fiat-500" src="img/works/fiatcameleon.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Fiat 500</h4>
<hr>
<h5>web / 3D / video <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="jacques-dutronc" class="work">
<img alt="jacques-dutronc" src="img/works/dutronc.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Jacques Dutronc</h4>
<hr>
<h5>web / gaming <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="prototype" class="work">
<img alt="prototype" src="img/works/prototype.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Activision</h4>
<hr>
<h5>web / gaming / video <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="archived-works">
<a href="fear-tracker" class="work">
<img alt="fear-tracker" src="img/works/vw.jpg" />
<div class="info">
<div class="info-wrapper">
<h4>Volkswagen Golf</h4>
<hr>
<h5>web / gaming / video <strong></strong></h5>
</div>
</div>
</a>
</li>
<li class="recent-works archive-btn">
<a href="#">
<img src="img/archive-btn.jpg" />

<span class="more-works">+</span>
</a>
</li>
</ul>
</section>
<section id="the-lab" class="view">
<div class="the_lab_wrapper"></div>
</section>
<section id="about" class="view">
<div class="about-wrapper">
<div class="about-desc">
<div>
<h2>From sharing our expertise, to guiding a brand on a creative level, challenging a strategy and reinventing it, revisiting the brandING or prototyping the concept, we don’t just do it all, we&nbsp;kick&nbsp;ass&nbsp;at&nbsp;it!</h2>
</div>
</div>
<div class="about-item-wrapper">
<div class="about-item item-1">
<div>
<span id="about-1" class="about-img"><span>

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<polygon fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" points="37.8,536.6 307.2,70.1 576.5,536.6 " />
<circle fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" cx="308.7" cy="381.1" r="153.5" />
<circle fill="#FFFFFF" cx="307.7" cy="381.1" r="43.2" />
<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="20" x1="307.2" y1="82.5" x2="307.2" y2="535.3" />
</svg></span></span>
<h3>Creative Side-Kick</h3>
<h4>“We share our vision and bring the special twist”.</h4>
<p>We are the external fresh eye on your brand, project or plan. We dare to challenge the existing strategies. We bring you food for thought and come up with concrete solutions.</p>

</div>
</div>
<div class="about-item item-2">
<div>
<span id="about-2" class="about-img"><span>

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<g>
<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="20" x1="161" y1="306.9" x2="314.1" y2="306.9" />
<circle fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" cx="257.9" cy="305.7" r="100" />
<g>
</g>
<path fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" d="M287.2,336.6l133.6,133.6
		c43-42.2,69.8-101.1,69.8-166.1c0-128.5-104.2-232.7-232.7-232.7c-65.1,0-123.9,26.7-166.1,69.8" />
<path fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" d="M93.8,469.2c42.1,41.8,100,67.7,164.1,67.7
		c63.5,0,121-25.4,163-66.6L287.2,336.6l-30.4-30.4l32.5-32.5l133.5-133.5L289.3,273.7" />
<polyline fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" points="523.5,141.1 389.8,274.7 360.5,304.1 
		391.9,335.6 525.6,469.2 	" />
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" d="M357.9,305.7c0-27.8-11.3-52.9-29.6-71l-35,35
		l-36.6,36.6l34.3,34.3l36.7,36.7C346.3,359.1,357.9,333.7,357.9,305.7z" />
</g>
</svg></span></span>
<h3>Smashing Design</h3>
<h4>“Our passion for design goes far beyond beautiful imagery.”</h4>
<p>We have a purposeful approach to our work that focus on understanding the brands and their needs. We’re obsessed with details that matter and we dare to prototype our ideas and concepts.</p>

</div>
</div>
<div class="about-item item-3">
<div>
<span id="about-3" class="about-img"><span>

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<rect x="136.8" y="139.9" transform="matrix(0.7071 0.7071 -0.7071 0.7071 303.9035 -124.0821)" fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" width="329.9" height="329.9" />
<rect x="216.2" y="219.3" transform="matrix(0.7071 0.7071 -0.7071 0.7071 303.9035 -124.0821)" fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" width="171" height="171" />
<rect x="275.8" y="278.9" transform="matrix(0.7071 0.7071 -0.7071 0.7071 303.9035 -124.0821)" fill="#FFFFFF" width="51.8" height="51.8" />
<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="301.7" y1="304.8" x2="535" y2="304.8" />
</svg></span></span>
<h3>Strategic Boost</h3>
<h4>“We help to define the digital strategy of your brand”.</h4>
<p>Along with defining the best way to communicate with your audience, we help you to make the right choices. We share our expertise and we help to put the strategy into practice.</p>

</div>
</div>
<div class="about-item item-4">
<div>
<span id="about-4" class="about-img"><span>

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<polygon fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" points="503,420.1 302.1,536.1 101.2,420.1 
	101.2,188.1 302.1,72.2 503,188.1 " />
<polygon fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" points="386.3,352.7 302.1,401.3 217.9,352.7 
	217.9,255.5 302.1,206.9 386.3,255.5 " />
<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="101.2" y1="188.1" x2="503" y2="420.1" />
<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="302.1" y1="536.1" x2="302.1" y2="70.4" />
<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="101.2" y1="420.1" x2="503" y2="188.1" />
<polygon fill="#FFFFFF" points="302.1,206.9 302.1,304.7 217.9,255.5 " />
</svg></span></span>
<h3>Striking Workshops</h3>
<h4>“Digital is a mindset. We share our expertise with you”.</h4>
<p>We prepare customized workshops fitting your specific objective or needs. When you’re looking for some inspiring and educational entertainment for your team, we make the magic happen.</p>

</div>
</div>
</div>
</div>
</section>
<section id="contact" class="view">
<div class="contact-wrapper-h">
<div class="contact-wrapper">
<div class="contact-info">
<span class="line top left"></span>
<span class="line top right"></span>
<h3>1MD/One Million Dollars</h3>
<span class="first">Avenue Louise, 60-62</span>
<span>1000 - Brussels - Belgium</span>
<span>+32 (02) 649 13 00</span>
<a href="/cdn-cgi/l/email-protection#137a7d757c53227e773d7176"><span class="__cf_email__" data-cfemail="056c6b636a453468612b6760">[email&#160;protected]</span></a>
</div>
<div class="contact-jobs">
<h3>You are a kickass art director web/ux/ui designer, or motiongrapher ?</h3>
<p>Drop us a line with your portfolio we are always looking for great creative talents.</p>
<a href="/cdn-cgi/l/email-protection#c7ada8a5b487f6aaa3e9a5a2"><span class="__cf_email__" data-cfemail="aac0c5c8d9ea9bc7ce84c8cf">[email&#160;protected]</span></a>
<span class="line bottom left"></span>
<span class="line bottom right"></span>
</div>
</div>
</div>
</section>
</div>
<a href="#" class="sound">OFF</a>
<div class="poster">
<img src="media/poster.jpg" />
</div>
<div class="orientation-screen">
<span data-text="Switch to portrait mode to enjoy a better experience" class="glitch">Switch to portrait mode to enjoy a better experience</span>
</div>
<div class="main-loader"><span></span></div>
<div class="animation">
<img src="#" />
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/vendor/history.js"></script>
<script type="text/javascript" src="js/vendor/PxLoader.js"></script>
<script type="text/javascript" src="js/vendor/PxLoaderImage.js"></script>
<script type="text/javascript" src="js/vendor/video.js"></script>
<script type="text/javascript" src="js/vendor/bigvideo.js"></script>
<script type="text/javascript" src="js/vendor/lazylinepainter.min.js"></script>
<script type="text/javascript" src="js/vendor/jquery.vimeo.api.js"></script>
<script type="text/javascript" src="js/vendor/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="js/vendor/masonry.min.js"></script>
<script type="text/javascript" src="js/vendor/lightbox.min.js"></script>
<script type="text/javascript" src="js/vendor/froogaloop.min.js"></script>
<script type="text/javascript" src="js/vendor/pace.min.js"></script>
<script type="text/javascript" src="js/vendor/timeout.ipad.js"></script>
<script type="text/javascript" src="js/vendor/jquery.waypoints.min.js"></script>
<script src="js/min/main-min.js"></script>
<script>
            var _gaq=[['_setAccount','UA-3999201-3'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src='//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
</body>
</html>
