index.html

<!DOCTYPE html>
<html>
<head>
<title>Home</title>

<!-- LOAD RESET CSS FIRST -->
<link href="css/vendor/reset.css" rel="stylesheet" type="text/css">

<!-- LOAD FONTS -->
<link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type='text/css'> -->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|PT+Sans+Narrow" rel="stylesheet">

<!-- LOAD MAIN CSS -->
<link href="css/main.css" rel="stylesheet" type="text/css">


<!-- LOAD HOME CSS -->
<link href="css/home.css" rel="stylesheet" type="text/css">


<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>

<div class="main-container">
  <!-- <div class="nav-scroll-gutter"></div> -->
  <div class="header">
    <img class="lion-matte" src="/images/Lion_matte_660x687.png" alt="back-row" data-stellar-ratio=".2">
    <div>
      <!-- <button id="headerTOroad">Click to Start</button> -->
    <img class="back-row" src="/images/header-backrow-1400x600.png" alt="back-row" data-stellar-ratio=".2">
    <img class="lights-front-row" src="/images/header-frontrow-lightsScreen-1400x667.png" alt="back-row" data-stellar-ratio=".4">
    <img class="front-row" src="/images/header-frontrow-1400x700.png" alt="back-row" data-stellar-ratio=".4">
  </div>
</div>

<div class="road-container" data-stellar-offset-parent="true">
  <img class="car-top-shadow" src="/images/road-topshadow-car-1400x505.png" alt="top-shadow"/>
  <div class="car-wrapper" data-stellar-background-ratio=".7">
    <!-- <img class="road-car" src="/images/road-car.png" alt="road-car" data-stellar-ratio=".9"/> -->
    <!-- <img class="road-headlights-" src="/images/road-carlights-1200x622.png" alt="road-headlights"/> -->
  </div>
  <!-- <div class="badge-gradient-reveal"></div> -->
  <div class="badge-container"> <!--NEED A BIG GRADIENT OVERLAYER -->
  <div class="badge-wrapper power" data-stellar-offset-parent="true">
    <p class="background-text" data-stellar-ratio="2" data-stellar-horizontal-offset="140" data-stellar-vertical-offset="-150">PERFORMANCE</p>
    <img class="badge" src="/images/badge-power-300x300.png" alt="power-badge" data-stellar-ratio="2.4"  data-stellar-horizontal-offset="160" data-stellar-vertical-offset="-150"/>
    <div class="svg-wrapper" data-stellar-ratio="2.8"  data-stellar-horizontal-offset="200" data-stellar-vertical-offset="-240">
      <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
      	viewBox="0 0 400 100" enable-background="new 0 0 400 100" xml:space="preserve">
      <g>
      	<g>
      		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M258.961,45.04c0-2-0.48-3.28-2-3.28c-4.08,0-8,8.561-9.601,16.48
      			C253.521,57.84,258.961,51.68,258.961,45.04z"/>
      		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="266.1602" y1="13.7114" x2="266.1602" y2="118.0563">
      			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      			<stop  offset="0.7134" style="stop-color:#515151"/>
      			<stop  offset="0.8833" style="stop-color:#242424"/>
      		</linearGradient>
      		<path fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M292.08,38.24c-3.84,0-6.881,2.56-9.681,4.96l1.04-4.96
      			h-11.521l-5.445,25.688C262.477,68.484,258.637,72,252.32,72c-3.84,0-5.76-1.279-5.76-6.721c0-0.959,0.08-2.08,0.16-3.199
      			c9.6-0.561,18.4-7.68,18.4-16.88c0-4-1.68-7.68-8.801-7.68c-16.4,0-21.6,19.281-21.6,28.48c0,9.041,4.959,12.721,12.48,12.721
      			c7.973,0,13.789-4.178,18.123-9.369l-1.885,8.889h11.52l6.4-30.4c2-1.84,3.439-3.041,5.84-3.041s0.16,5.281,4.641,5.281
      			c3.92,0,5.76-3.041,5.76-5.841C297.6,41.2,295.68,38.24,292.08,38.24z M256.961,41.76c1.52,0,2,1.28,2,3.28
      			c0,6.64-5.44,12.8-11.601,13.2C248.961,50.321,252.881,41.76,256.961,41.76z"/>
      	</g>
      	<g>
      		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M172.241,47.6c-0.159-3.36-0.96-4.64-3.04-4.64
      			c-5.68,0-10.641,14.64-10.641,22.479c0,5.281,1.041,6.48,4.08,6.48c3.92,0,8-7.199,9.281-16.641
      			c-1.681-0.398-2.16-1.76-2.16-3.359C169.762,49.68,170.801,48.241,172.241,47.6z"/>
      		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="190.6011" y1="14.2715" x2="190.6011" y2="118.6176">
      			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      			<stop  offset="0.7134" style="stop-color:#515151"/>
      			<stop  offset="0.8833" style="stop-color:#242424"/>
      		</linearGradient>
      		<path fill="url(#SVGID_2_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M229.521,37.2c-3.36,0-4.96,1.84-4.96,4.32
      			c0,1.76,0.96,4.08,2.88,4.08c0.641,0,2.32-0.24,2.561-0.8c0,8.8-6,26.72-13.841,26.72c-1.92,0-2.72-1.039-2.72-2.639
      			c0-0.721,0.16-1.76,0.4-2.881l5.76-27.2h-11.521l-5.44,25.681c-1.199,4-3.279,7.039-6.4,7.039c-1.84,0-2.399-1.68-2.399-3.52
      			c0-0.641,0.079-1.359,0.239-2l5.761-27.2H188.32l-2.264,10.685c-2.23,0.928-4.5,1.554-6.375,1.554c-0.24,0-0.561,0-0.881-0.159
      			c0-8.4-3.359-12.8-10.24-12.8c-16.479,0-21.92,19.199-21.92,28.4c0,9.119,5.36,12.641,12.801,12.641
      			c9.84,0,17.84-9.281,19.12-24.082c2.37-0.389,4.638-1.027,6.712-1.854l-2.393,11.295c-0.4,1.92-0.641,3.68-0.641,5.199
      			c0,6.721,3.76,9.602,8.561,9.602c3.199,0,7.439-0.961,11.359-6.721c0.961,4.48,4.4,6.721,9.602,6.721
      			c16.32,0,22.8-22.32,22.8-35.121C234.562,40.64,233.361,37.2,229.521,37.2z M171.922,55.279
      			c-1.281,9.441-5.361,16.641-9.281,16.641c-3.039,0-4.08-1.199-4.08-6.48c0-7.84,4.961-22.479,10.641-22.479
      			c2.08,0,2.881,1.28,3.04,4.64c-1.44,0.641-2.479,2.08-2.479,4.32C169.762,53.52,170.241,54.881,171.922,55.279z"/>
      	</g>
      	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="125.8809" y1="15.4722" x2="125.8809" y2="119.815">
      		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      		<stop  offset="0.7134" style="stop-color:#515151"/>
      		<stop  offset="0.8833" style="stop-color:#242424"/>
      	</linearGradient>
      	<path fill="url(#SVGID_3_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M130.481,20C117.121,20,102.4,30.16,102.4,40.8
      		c0,5.76,3.04,7.76,8.561,7.76c-0.08-0.72-1.12-1.36-1.12-5.44c0-12.16,7.761-19.44,20.721-19.44c7.04,0,9.921,4.96,9.921,10.88
      		c0,8.56-5.921,19.04-14.001,19.68l5.681-26.721l-11.841,1.6L109.44,80h11.521l4.881-22.799h0.4
      		c14.399,0,23.119-11.281,23.119-21.441C149.361,27.52,143.602,20,130.481,20z"/>
      </g>
      </svg>
    </div>
  </div>

  <div class="badge-wrapper style" data-stellar-offset-parent="true">
    <p class="background-text" data-stellar-ratio="2" data-stellar-horizontal-offset="320" data-stellar-vertical-offset="-150">AUTOBODY</p>
    <!-- <img class="badge" src="/images/badge-style-300x300.png" alt="power-badge" data-stellar-ratio="2.4"  data-stellar-horizontal-offset="380" data-stellar-vertical-offset="-1450"/> -->
    <img class="badge" src="/images/badge-style-300x300.png" alt="power-badge" data-stellar-ratio="2.4"  data-stellar-horizontal-offset="380" data-stellar-vertical-offset="-150"/>
    <div class="svg-wrapper" data-stellar-ratio="2.8"  data-stellar-horizontal-offset="470" data-stellar-vertical-offset="-240">
      <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 400 100" enable-background="new 0 0 400 100" xml:space="preserve">
      <g>
      	<g>
      		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M271,36.34c0-2-0.48-3.28-2-3.28c-4,0-8.002,8.881-9.682,16.48
      			C265.559,49.221,271,43.061,271,36.34z"/>
      		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M195.56,80.661c0,1.12,0.96,2.64,2.72,2.64
      			c1.68,0,3.599-2.399,4.64-7.119l0.48-2.32C199.32,75.381,195.56,77.461,195.56,80.661z"/>
      		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="221.4004" y1="7.8071" x2="221.4004" y2="112.1515">
      			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      			<stop  offset="0.7134" style="stop-color:#515151"/>
      			<stop  offset="0.8833" style="stop-color:#242424"/>
      		</linearGradient>
      		<path fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M277.16,36.5c0-4-1.682-7.68-8.801-7.68
      			c-16.4,0-21.602,19.28-21.602,28.48c0,0.186,0.016,0.356,0.02,0.538c-1.461,2.634-3.707,4.422-6.098,4.422
      			c-2.24,0-3.281-0.72-3.281-2.96c0-0.721,0.08-1.52,0.32-2.561l9.201-43.201l-11.842,1.601l-8.559,40.081
      			c-0.002,0.004-0.002,0.006-0.002,0.01c-2.24,6.953-5.199,9.672-10.078,11.431l7.92-37.121h-11.52l-5.6,26.161
      			c-1.201,3.76-3.281,6.56-6.24,6.56c-1.84,0-2.4-1.68-2.4-3.521c0-0.64,0.08-1.359,0.24-2l5.759-27.2h-11.52l-5.44,25.681
      			c0,0.001,0,0.002,0,0.004c-1.201,3.998-4.08,7.036-7.199,7.036c-2.24,0-3.279-0.72-3.279-2.96c0-0.721,0.08-1.52,0.319-2.561
      			l5.12-24h4.801l0.64-3.2h-4.8l2.72-12.641L174.12,18.5l-2.4,11.04h-2.639l-0.641,3.2h2.641l-4.801,22.48
      			c-0.4,1.92-0.641,3.68-0.641,5.2c0,6.72,3.761,9.601,8.561,9.601c3.272,0,8.609-1.016,12.988-7.172
      			c0.812,4.989,4.197,7.172,8.372,7.172c2.72,0,6.239-0.721,9.6-4.48l-0.961,4.32c-6,1.84-13.04,5.199-13.04,11.92
      			c0,5.2,4.08,7.76,8.96,7.76c5.281,0,12-2.16,14.4-13.6l1.201-5.76c3.383-0.928,7.285-2.643,10.416-6.986
      			c0.91,4.739,4.227,6.826,8.303,6.826c3.297,0,8.691-1.033,13.09-7.318c1.656,5.125,5.904,7.318,11.629,7.318
      			c6.4,0,12.16-2.721,13.842-11.841c-2.561,2.24-6.4,4.24-9.441,4.24c-2.799,0-4.959-1.601-4.959-6.64c0-0.721,0.08-1.601,0.16-2.4
      			C268.359,52.82,277.16,45.78,277.16,36.5z M269,33.06c1.52,0,2,1.28,2,3.28c0,6.721-5.441,12.881-11.682,13.2
      			C260.998,41.94,265,33.06,269,33.06z M202.92,76.182c-1.041,4.72-2.96,7.119-4.64,7.119c-1.76,0-2.72-1.52-2.72-2.64
      			c0-3.2,3.76-5.28,7.84-6.8L202.92,76.182z"/>
      	</g>
      	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="143.521" y1="8.7271" x2="143.521" y2="113.0715">
      		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      		<stop  offset="0.7134" style="stop-color:#515151"/>
      		<stop  offset="0.8833" style="stop-color:#242424"/>
      	</linearGradient>
      	<path fill="url(#SVGID_2_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M153.961,26.46c1.039,1.2,2.24,1.68,3.68,1.68
      		c4,0,6.561-3.44,6.561-8.08c0-8.8-9.121-9.601-12.881-9.601c-10.32,0-18.48,6-18.48,14.32c0,11.761,16.4,16.641,16.4,30.321
      		c0,6.72-3.92,10.64-9.28,10.64c-5.12,0-7.68-3.68-7.68-7.68c0-5.521,5.041-7.521,9.36-7.521c-0.24-4.16-4.24-5.28-7.04-5.28
      		c-5.6,0-11.76,4.48-11.76,13.121c0,9.76,7.84,13.76,16.96,13.76c11.6,0,22.481-6.56,22.481-20c0-17.28-18.001-18.881-18.001-30.641
      		c0-4.801,2.96-7.28,7.36-7.28s5.92,2.56,5.92,5.359C157.561,22.22,156.122,25.18,153.961,26.46z"/>
      </g>
      </svg>
    </div>
  </div>

  <div class="badge-wrapper interior" data-stellar-offset-parent="true">
    <p class="background-text" data-stellar-ratio="2" data-stellar-horizontal-offset="140" data-stellar-vertical-offset="-150">CUSTOMIZE</p>
    <img class="badge" src="/images/badge-interior-300x300.png" alt="power-badge" data-stellar-ratio="2.4"  data-stellar-horizontal-offset="160" data-stellar-vertical-offset="-150"/>
    <div class="svg-wrapper" data-stellar-ratio="2.8"  data-stellar-horizontal-offset="200" data-stellar-vertical-offset="-240">
      <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
      	 viewBox="0 0 400 100" enable-background="new 0 0 400 100" xml:space="preserve">
      <g>
      	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="95.8018" y1="16.7314" x2="95.8018" y2="121.0768">
      		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      		<stop  offset="0.7134" style="stop-color:#515151"/>
      		<stop  offset="0.8833" style="stop-color:#242424"/>
      	</linearGradient>
      	<path fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M80.161,40.56c0,5.76,3.04,7.76,8.561,7.76
      		c-0.08-0.719-1.12-1.359-1.12-5.439c0-8.561,4.239-14.561,11.2-17.44L87.201,79.761h11.521l12.721-59.842
      		c-1.041-0.08-2.08-0.16-3.201-0.16C94.882,19.759,80.161,29.919,80.161,40.56z"/>
      	<g>
      		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M194.642,46.56c0-2-0.48-3.28-2-3.28
      			c-4.08,0-8.001,8.562-9.602,16.481C189.2,59.36,194.642,53.2,194.642,46.56z"/>
      		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="169.9604" y1="16.731" x2="169.9604" y2="121.0775">
      			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      			<stop  offset="0.7134" style="stop-color:#515151"/>
      			<stop  offset="0.8833" style="stop-color:#242424"/>
      		</linearGradient>
      		<path fill="url(#SVGID_2_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M227.761,39.76c-3.84,0-6.881,2.56-9.681,4.96l1.04-4.96
      			H207.6l-5.445,25.688c-3.997,4.557-7.837,8.072-14.153,8.072c-3.84,0-5.76-1.279-5.76-6.721c0-0.959,0.08-2.08,0.16-3.199
      			c9.6-0.561,18.4-7.68,18.4-16.881c0-4-1.681-7.68-8.801-7.68c-16.4,0-21.601,19.28-21.601,28.48c0,0.138,0.012,0.263,0.014,0.397
      			c-1.458,2.71-3.741,4.562-6.173,4.562c-2.24,0-3.28-0.72-3.28-2.96c0-0.721,0.08-1.52,0.319-2.561l5.121-24h4.8l0.64-3.2h-4.8
      			l2.72-12.641l-11.84,1.601l-2.4,11.04h-2.64l-0.64,3.2h2.64l-4.8,22.48c0,0.002,0,0.003-0.001,0.004
      			c-1.759,4.158-3.199,7.036-6.718,7.036c-2.4,0-3.201-1.36-3.201-3.36c0-4.479,3.841-14.16,3.841-20.641
      			c0-6.399-3.761-9.04-8.88-9.04c-2.48,0-6,0.641-9.36,4.48l0.88-4.16h-11.521l-8.479,40.001h11.52l5.44-25.681
      			c1.2-4,3.36-7.36,6.24-7.36c1.92,0,2.88,1.44,2.88,4.08c0,5.121-3.6,14.961-3.6,20.4c0,4.561,2.479,9.041,9.439,9.041
      			c3.148,0,7.354-0.932,11.146-6.777c0.925,4.705,4.231,6.777,8.294,6.777c3.312,0,8.738-1.041,13.146-7.4
      			c1.642,5.184,5.915,7.4,11.733,7.4c7.973,0,13.789-4.178,18.124-9.369l-1.885,8.889h11.52l6.4-30.4c2-1.84,3.439-3.041,5.84-3.041
      			s0.16,5.281,4.641,5.281c3.92,0,5.76-3.041,5.76-5.841C233.28,42.72,231.36,39.76,227.761,39.76z M192.642,43.279
      			c1.52,0,2,1.28,2,3.28c0,6.641-5.441,12.801-11.602,13.201C184.641,51.841,188.562,43.279,192.642,43.279z"/>
      	</g>
      	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="245.6387" y1="16.7314" x2="245.6387" y2="121.0751">
      		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      		<stop  offset="0.7134" style="stop-color:#515151"/>
      		<stop  offset="0.8833" style="stop-color:#242424"/>
      	</linearGradient>
      	<path fill="url(#SVGID_3_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M245.599,22.719c-3.52,0-6.32,2.881-6.32,6.4
      		c0,3.521,2.801,6.32,6.32,6.32c3.521,0,6.4-2.8,6.4-6.32C251.999,25.6,249.119,22.719,245.599,22.719z"/>
      	<g>
      		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M278.079,48.56c-0.16-3.359-0.96-4.64-3.04-4.64
      			c-5.681,0-10.64,14.64-10.64,22.48c0,5.28,1.039,6.479,4.08,6.479c3.92,0,8-7.199,9.279-16.64c-1.68-0.399-2.16-1.761-2.16-3.36
      			C275.599,50.64,276.64,49.2,278.079,48.56z"/>
      		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="275.7188" y1="16.7314" x2="275.7188" y2="121.0776">
      			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
      			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
      			<stop  offset="0.7134" style="stop-color:#515151"/>
      			<stop  offset="0.8833" style="stop-color:#242424"/>
      		</linearGradient>
      		<path fill="url(#SVGID_4_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M314.319,39.76c-3.84,0-6.881,2.56-9.681,4.96l1.04-4.96
      			h-11.521l-2.265,10.685c-2.23,0.93-4.499,1.556-6.374,1.556c-0.24,0-0.56,0-0.88-0.159c0-8.401-3.36-12.801-10.24-12.801
      			c-16.48,0-21.921,19.2-21.921,28.4c0,0.211,0.018,0.404,0.022,0.61c-1.46,2.638-3.709,4.43-6.102,4.43
      			c-2.24,0-3.28-0.72-3.28-2.96c0-0.721,0.08-1.52,0.319-2.561l5.761-27.2h-11.521l-5.439,25.681c-0.4,1.92-0.641,3.68-0.641,5.2
      			c0,6.72,3.76,9.601,8.561,9.601c3.311,0,8.733-1.041,13.14-7.391c1.764,5.128,6.249,7.23,11.979,7.23
      			c9.841,0,17.841-9.28,19.121-24.081c2.369-0.39,4.636-1.026,6.709-1.853l-5.43,25.613h11.52l6.4-30.4
      			c2-1.84,3.439-3.041,5.84-3.041s0.16,5.281,4.641,5.281c3.92,0,5.76-3.041,5.76-5.841C319.839,42.72,317.919,39.76,314.319,39.76z
      			 M277.759,56.24c-1.279,9.44-5.359,16.64-9.279,16.64c-3.041,0-4.08-1.199-4.08-6.479c0-7.841,4.959-22.48,10.64-22.48
      			c2.08,0,2.88,1.28,3.04,4.64c-1.439,0.641-2.48,2.08-2.48,4.32C275.599,54.479,276.079,55.841,277.759,56.24z"/>
      	</g>
      </g>
      </svg>
    </div>
  </div>
</div>
</div> <!--END ROAD CONTAINER -->

<div class="showcase-wrapper">
  <img class="showcase-header" src="/images/Instagram-header1400x1370.png"/>
  <div class="project-wrapper car-one" data-stellar-offset-parent="true" > <!-- BACKGROUND IMG Flipped -->
    <img class="iphone-shadow" src="/images/iphone-shadow.png" alt="shadow" data-stellar-ratio="1.4" data-stellar-horizontal-offset="-600" data-stellar-vertical-offset="-850"/>
    <!-- <img class="iphone-shadow" src="/images/iphone-shadow.png" alt="shadow" data-stellar-ratio="-.1" data-stellar-horizontal-offset="300" data-stellar-vertical-offset="600"/> -->

    <div class="title-wrapper">
      <h1>28</h1>
      <h3>@SWEETFEET_WHITE28</h3>
      <h2 class="showroom-svg-title">
        <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 400 100" enable-background="new 0 0 400 100" xml:space="preserve">
        <g>
        	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="61.7837" y1="14.0708" x2="61.7837" y2="118.4145">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M79.521,31.273c0-7.275-3.975-12.075-14.249-12.075
        		c-11.325,0-15.449,5.925-15.449,11.024c0,4.35,2.324,6.75,5.399,6.75c1.8,0,3.75-0.825,5.7-2.55
        		c-2.101-0.601-2.851-3.375-2.851-5.101c0-3.749,1.05-6.074,6.075-6.074c2.175,0,4.574,2.475,4.574,6.15
        		c0,19.949-24.674,27.299-24.674,43.723c0,0.825,0,1.65,0.15,2.475c1.5-0.524,4.199-2.1,5.925-2.1c7.649,0,10.425,2.7,18.599,2.7
        		c7.425,0,8.925-3.9,8.925-11.25c0-1.05,0-2.1-0.075-3.3c-3.524,3.3-4.8,5.175-10.049,5.175c-5.625,0-9.9-1.35-14.325-1.35h-0.375
        		C59.047,55.347,79.521,47.997,79.521,31.273z"/>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M109.521,23.023c-4.5,0-12.375,11.1-13.649,27.974
        			c-0.15,2.024-0.375,4.649-0.375,7.425c0,5.55,0.825,11.324,4.425,11.324c8.55,0,13.649-18.449,13.649-35.848
        			C113.57,27.748,113.045,23.023,109.521,23.023z"/>
        		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="103.708" y1="14.0703" x2="103.708" y2="118.4149">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_2_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M110.045,19.123c-16.124,0-26.023,16.725-26.023,37.199
        			c0,12.449,2.625,19.724,15.524,19.724c15.374,0,23.849-22.424,23.849-37.349C123.395,26.098,119.42,19.123,110.045,19.123z
        			 M99.921,69.746c-3.6,0-4.425-5.774-4.425-11.324c0-2.775,0.225-5.4,0.375-7.425c1.274-16.874,9.149-27.974,13.649-27.974
        			c3.524,0,4.05,4.725,4.05,10.875C113.57,51.297,108.471,69.746,99.921,69.746z"/>
        	</g>
        	<rect x="15.083" y="7.41" fill="none" width="369.834" height="95.59"/>
        	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="135.6577" y1="14.0708" x2="135.6577" y2="118.4145">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_3_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M127.07,28.573h7.125l-9.899,46.798h10.799l11.925-56.098
        		c-9.074,5.4-14.924,5.85-19.049,5.85L127.07,28.573z"/>
        	<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="169.9307" y1="14.0703" x2="169.9307" y2="118.4149">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_4_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M187.893,19.123h-24.599c-7.35,0-10.2,2.625-10.2,7.5
        		c0,1.275,0.226,2.775,0.601,4.35c3.374-3.75,8.999-5.324,15.524-5.324c2.024,0,4.199,0.15,6.374,0.449
        		c-12.6,14.55-23.624,27.674-23.624,39.898c0,7.65,3.226,9.375,7.725,9.375c3.15,0,6-0.525,6.9-2.925
        		c-2.7-2.25-3.675-4.274-3.675-7.274c0-2.7,0.75-5.925,2.399-9.675C167.418,50.622,183.993,24.898,187.893,19.123z"/>
        	<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="223.6289" y1="14.0703" x2="223.6289" y2="118.4149">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_5_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M226.816,19.123c-18.524,0-25.574,9.525-25.574,19.5
        		c0,5.399,2.85,7.274,8.024,7.274c-0.074-0.675-1.05-1.274-1.05-5.101c0-11.999,3.976-15.299,9.75-15.523l-10.8,50.098h10.8
        		l6.074-28.199h10.95l1.2-5.549h-10.95l3.15-14.925c3.449,0.75,7.05,1.425,10.499,1.425c5.85-1.275,6.075-5.85,7.125-9
        		c-2.1,0.676-4.425,0.9-6.75,0.9C234.541,20.023,229.816,19.123,226.816,19.123z"/>
        	<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="244.5918" y1="14.0747" x2="244.5918" y2="118.4098">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<polygon fill="url(#SVGID_6_)" stroke="#FFFFFF" stroke-miterlimit="10" points="236.417,58.722 251.491,58.722 252.767,52.797
        		237.767,52.797 	"/>
        	<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="269.6777" y1="14.0708" x2="269.6777" y2="118.4145">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_7_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M261.091,28.573h7.125l-9.899,46.798h10.799l11.925-56.098
        		c-9.074,5.4-14.924,5.85-19.049,5.85L261.091,28.573z"/>
        	<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="299.9023" y1="14.0708" x2="299.9023" y2="118.4145">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_8_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M309.539,30.373c6.375,0,8.625-3.9,8.625-8.699
        		c0-0.826-0.075-1.65-0.15-2.476c-4.574,1.8-8.324,2.399-12.149,2.399c-4.124,0-8.249-0.674-13.499-1.274l-6.149,29.924
        		c2.85-1.8,7.124-4.2,11.174-4.2c5.025,0,8.25,3.676,8.25,10.875c0,6.524-3.3,13.8-9.524,13.8c-2.775,0-6.15-1.051-6.15-5.4
        		c0-4.5,2.851-6.749,6.75-7.199c-0.524-2.625-2.399-3.825-5.324-3.825c-4.5,0-9.75,2.775-9.75,10.649c0,9.3,7.35,10.8,13.199,10.8
        		c15.3,0,21.749-10.125,21.749-20.475c0-8.324-4.125-15.523-13.199-15.523c-2.774,0-5.925,0.674-9.375,2.324l3-13.574
        		C300.09,28.873,305.564,30.373,309.539,30.373z"/>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M347.789,23.023c-4.5,0-12.375,11.1-13.649,27.974
        			c-0.15,2.024-0.375,4.649-0.375,7.425c0,5.55,0.825,11.324,4.425,11.324c8.55,0,13.649-18.449,13.649-35.848
        			C351.839,27.748,351.313,23.023,347.789,23.023z"/>
        		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="341.9766" y1="14.0703" x2="341.9766" y2="118.4149">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_9_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M348.313,19.123c-16.124,0-26.023,16.725-26.023,37.199
        			c0,12.449,2.625,19.724,15.524,19.724c15.374,0,23.849-22.424,23.849-37.349C361.663,26.098,357.688,19.123,348.313,19.123z
        			 M338.189,69.746c-3.6,0-4.425-5.774-4.425-11.324c0-2.775,0.225-5.4,0.375-7.425c1.274-16.874,9.149-27.974,13.649-27.974
        			c3.524,0,4.05,4.725,4.05,10.875C351.839,51.297,346.739,69.746,338.189,69.746z"/>
        	</g>
        </g>
        </svg>
    </h2>
    </div>
  <div class="cloud-wrapper" data-stellar-offset-parent="true" >
    <img class="back-cloud" src="/images/showroom-cloudback-1200x700.png" alt="back-cloud"/>
    <img class="iphone-one" src="/images/iphone2-350x683.png" alt="iphone2" data-stellar-ratio="1.2" data-stellar-horizontal-offset="2150" data-stellar-vertical-offset="650"/>
    <img class="front-cloud" src="/images/showroom-cloudfront-1200x700.png" alt="back-cloud"/>
  </div>

  </div>
  <div class="project-wrapper car-one" data-stellar-offset-parent="true" > <!-- BACKGROUND IMG Flipped -->
    <img class="iphone-shadow" src="/images/iphone-shadow.png" alt="shadow" data-stellar-ratio="1.4" data-stellar-horizontal-offset="-600" data-stellar-vertical-offset="-850"/>
    <!-- <img class="iphone-shadow" src="/images/iphone-shadow.png" alt="shadow" data-stellar-ratio="-.1" data-stellar-horizontal-offset="300" data-stellar-vertical-offset="600"/> -->

    <div class="title-wrapper">
      <h1>28</h1>
      <h3>@SWEETFEET_WHITE28</h3>
      <h2 class="showroom-svg-title">
        <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 400 100" enable-background="new 0 0 400 100" xml:space="preserve">
        <g>
        	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="31.335" y1="8.8115" x2="31.335" y2="112.2869">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M49.072,25.902c0-7.274-3.975-12.074-14.249-12.074
        		c-11.325,0-15.45,5.925-15.45,11.024c0,4.35,2.325,6.75,5.4,6.75c1.8,0,3.75-0.825,5.7-2.55c-2.1-0.601-2.85-3.375-2.85-5.101
        		c0-3.749,1.05-6.074,6.075-6.074c2.175,0,4.575,2.475,4.575,6.149c0,19.949-24.674,27.299-24.674,43.724c0,0.825,0,1.65,0.15,2.475
        		c1.5-0.524,4.2-2.1,5.925-2.1c7.649,0,10.424,2.7,18.599,2.7c7.425,0,8.924-3.9,8.924-11.25c0-1.05,0-2.1-0.075-3.3
        		c-3.525,3.3-4.8,5.175-10.05,5.175c-5.625,0-9.899-1.35-14.324-1.35h-0.375C28.598,49.977,49.072,42.627,49.072,25.902z"/>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M79.072,17.653c-4.5,0-12.375,11.099-13.649,27.974
        			c-0.15,2.024-0.375,4.649-0.375,7.425c0,5.55,0.825,11.324,4.425,11.324c8.549,0,13.649-18.449,13.649-35.849
        			C83.122,22.378,82.597,17.653,79.072,17.653z"/>
        		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="73.2593" y1="8.811" x2="73.2593" y2="112.2873">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_2_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M79.597,13.753c-16.125,0-26.024,16.725-26.024,37.198
        			c0,12.45,2.625,19.725,15.524,19.725c15.374,0,23.849-22.424,23.849-37.349C92.946,20.728,88.971,13.753,79.597,13.753z
        			 M69.472,64.376c-3.6,0-4.425-5.774-4.425-11.324c0-2.775,0.225-5.4,0.375-7.425c1.275-16.875,9.149-27.974,13.649-27.974
        			c3.525,0,4.05,4.725,4.05,10.874C83.122,45.927,78.021,64.376,69.472,64.376z"/>
        	</g>
        	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="105.2085" y1="8.8115" x2="105.2085" y2="112.2869">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_3_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M96.622,23.203h7.125l-9.9,46.798h10.8l11.924-56.098
        		c-9.074,5.399-14.924,5.85-19.049,5.85L96.622,23.203z"/>
        	<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="139.4819" y1="8.811" x2="139.4819" y2="112.2873">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_4_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M157.444,13.753h-24.599c-7.35,0-10.2,2.625-10.2,7.5
        		c0,1.274,0.225,2.774,0.6,4.35c3.375-3.75,9-5.325,15.524-5.325c2.025,0,4.2,0.15,6.375,0.45
        		c-12.6,14.55-23.624,27.674-23.624,39.898c0,7.65,3.225,9.375,7.725,9.375c3.15,0,6-0.525,6.899-2.925
        		c-2.7-2.25-3.675-4.274-3.675-7.274c0-2.7,0.75-5.925,2.4-9.675C136.97,45.252,153.544,19.527,157.444,13.753z"/>
        	<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="194.8052" y1="8.811" x2="194.8052" y2="112.2873">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_5_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M217.926,22.8c0-6.561-5.52-12.801-18.161-12.801
        		c-13.36,0-28.081,10.16-28.081,20.801c0,5.76,3.04,7.76,8.56,7.76c-0.08-0.72-1.12-1.359-1.12-5.439c0-12.16,8.64-19.44,21.6-19.44
        		c6.24,0,8.8,3.92,8.8,8.4c0,6.08-4.721,13.92-11.36,13.92h-0.64l3.92-18.48l-11.84,1.6l-10.88,50.882h11.521l6.4-30.161
        		c1.04-0.16,1.92-0.319,2.641-0.319c3.599,0,4.8,2.239,4.8,5.439c0,6.08-4.241,15.761-4.241,21.041c0,2.64,1.04,5.36,6.241,5.36
        		c1.92,0,4.559-0.4,7.92-1.36c-1.92-0.72-3.121-2.88-3.121-5.28c0-5.04,3.92-13.681,3.92-20.24c0-3.761-1.279-6.801-5.52-8.001
        		C214.805,33.2,217.926,27.68,217.926,22.8z"/>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M241.285,34.56c-6.801,0-11.201,14.4-11.201,21.921
        			c0,6.16,2.561,6.24,4.002,6.24c2.318,0,5.68-2.4,6.639-7.04l3.84-18.081C244.564,36.64,243.846,34.56,241.285,34.56z"/>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M281.844,35.36c-1.76,0-4,1.359-5.52,3.92l-4.721,22.4
        			c0.32,0.88,1.201,1.84,3.041,1.84c8.4,0,11.199-14,11.199-21.521C285.844,35.84,283.285,35.36,281.844,35.36z"/>
        		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="257.5244" y1="8.8115" x2="257.5244" y2="112.2869">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_6_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M287.045,29.6c-4,0-7.041,1.44-9.361,3.44l1.281-6
        			h-11.521l-6.076,28.641h-0.002c-1.199,4-3.359,7.521-6.48,7.521c-2.24,0-3.279-1.2-3.279-3.44c0-0.72,0.08-1.521,0.32-2.561
        			l5.76-27.2h-11.52l-0.881,4.24V33.68c0-2.32-1.92-4.08-6.48-4.08c-13.92,0-20.561,17.2-20.561,28.001
        			c0,9.521,5.201,12.881,10.641,12.881c5.68,0,9.439-3.681,11.92-7.36c0.48,4.8,3.361,7.36,7.84,7.36
        			c2.826,0,6.881-0.754,10.625-4.92l-5.186,24.439l12.08-2.88l4.16-19.521c0.879,1.521,2.801,2.881,6.801,2.881
        			c15.52,0,19.68-17.44,19.68-28.241C296.805,32.72,292.484,29.6,287.045,29.6z M240.725,55.681c-0.959,4.64-4.32,7.04-6.639,7.04
        			c-1.441,0-4.002-0.08-4.002-6.24c0-7.521,4.4-21.921,11.201-21.921c2.561,0,3.279,2.08,3.279,3.04L240.725,55.681z
        			 M274.645,63.521c-1.84,0-2.721-0.96-3.041-1.84l4.721-22.4c1.52-2.561,3.76-3.92,5.52-3.92c1.441,0,4,0.479,4,6.64
        			C285.844,49.521,283.045,63.521,274.645,63.521z"/>
        	</g>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M344.643,38.8c-0.16-3.359-0.961-4.64-3.041-4.64
        			c-5.68,0-10.641,14.64-10.641,22.48c0,5.28,1.041,6.48,4.08,6.48c3.922,0,8.002-7.2,9.281-16.641c-1.68-0.4-2.16-1.761-2.16-3.36
        			C342.162,40.88,343.203,39.44,344.643,38.8z"/>
        		<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="342.2822" y1="8.811" x2="342.2822" y2="112.2874">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_7_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M380.881,30c-3.84,0-6.879,2.56-9.68,4.96L372.24,30
        			h-11.52l-2.266,10.686c-2.229,0.928-4.498,1.555-6.373,1.555c-0.24,0-0.561,0-0.879-0.16c0-8.4-3.361-12.8-10.24-12.8
        			c-16.48,0-21.922,19.2-21.922,28.4c0,0.212,0.018,0.405,0.023,0.611c-1.461,2.638-3.709,4.429-6.102,4.429
        			c-2.24,0-3.281-0.72-3.281-2.96c0-0.72,0.08-1.521,0.32-2.561l5.121-24h4.799l0.641-3.2h-4.801l2.721-12.641l-11.84,1.601
        			l-2.4,11.04h-2.641l-0.639,3.2h2.639l-4.799,22.48c-0.4,1.92-0.641,3.68-0.641,5.2c0,6.72,3.76,9.601,8.561,9.601
        			c3.311,0,8.732-1.04,13.139-7.391c1.764,5.128,6.25,7.23,11.98,7.23c9.84,0,17.84-9.28,19.121-24.081
        			c2.369-0.39,4.635-1.026,6.709-1.853l-5.432,25.613h11.521L370.16,39.6c2.002-1.84,3.441-3.04,5.842-3.04
        			c2.398,0,0.16,5.28,4.639,5.28c3.92,0,5.762-3.04,5.762-5.84C386.402,32.96,384.48,30,380.881,30z M344.322,46.48
        			c-1.279,9.44-5.359,16.641-9.281,16.641c-3.039,0-4.08-1.2-4.08-6.48c0-7.841,4.961-22.48,10.641-22.48
        			c2.08,0,2.881,1.28,3.041,4.64c-1.439,0.641-2.48,2.08-2.48,4.32C342.162,44.72,342.643,46.08,344.322,46.48z"/>
        	</g>
        </g>
        </svg>
    </h2>
    </div>
  <div class="cloud-wrapper" data-stellar-offset-parent="true" >
    <img class="back-cloud" src="/images/showroom-cloudback-1200x700.png" alt="back-cloud"/>
    <img class="iphone-one" src="/images/iphone3-350x683.png" alt="iphone3" data-stellar-ratio="1.2" data-stellar-horizontal-offset="2150" data-stellar-vertical-offset="650"/>
    <img class="front-cloud" src="/images/showroom-cloudfront-1200x700.png" alt="back-cloud"/>
  </div>

  </div>
  <div class="project-wrapper car-one" data-stellar-offset-parent="true" > <!-- BACKGROUND IMG Flipped -->
    <img class="iphone-shadow" src="/images/iphone-shadow.png" alt="shadow" data-stellar-ratio="1.4" data-stellar-horizontal-offset="-600" data-stellar-vertical-offset="-850"/>
    <!-- <img class="iphone-shadow" src="/images/iphone-shadow.png" alt="shadow" data-stellar-ratio="-.1" data-stellar-horizontal-offset="300" data-stellar-vertical-offset="600"/> -->

    <div class="title-wrapper">
      <h1>#1</h1>
      <h3>1ST PLACE IMPORT REVOLUTION</h3>
      <h2 class="showroom-svg-title">
        <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 400 100" enable-background="new 0 0 400 100" xml:space="preserve">
        <g>
        	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.9297" y1="13.2651" x2="49.9297" y2="117.6113">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M59.754,29.114c1.425,1.649,3.976,1.949,5.175,1.949
        		c3.825,0,5.25-2.925,5.25-6.899c0-7.274-6.975-10.05-13.949-10.05c-16.725,0-26.549,14.55-26.549,28.874
        		c0,10.35,3.899,19.2,16.124,19.2c0.675,0,4.8-0.375,9.149-2.701l-3,13.426c-1.725,7.725-4.125,9.225-7.5,9.225
        		c-3.149,0-4.725-2.475-4.725-5.1c0-2.775,1.801-5.701,5.25-5.701c1.5,0,2.625,0.375,4.5,1.951c0.3-1.125,0.45-2.176,0.45-3
        		c0-4.801-4.351-5.025-7.351-5.025c-5.924,0-9.148,5.176-9.148,10.275c0,5.174,3.299,10.35,10.424,10.35
        		c12.3,0,16.725-7.201,19.199-18.674l6.15-28.2l-9.675-0.075l-3.226,14.25c-1.574,2.1-3.6,2.775-6.374,2.775
        		c-6.226,0-8.7-5.701-8.7-12.375c0-11.925,8.4-25.949,16.65-25.949c4.799,0,5.174,4.125,5.174,5.324
        		C63.054,24.838,61.629,28.588,59.754,29.114z"/>
        	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="98.791" y1="13.2651" x2="98.791" y2="117.6099">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_2_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M97.628,14.189c-18.523,0-25.573,9.524-25.573,19.499
        		c0,5.4,2.85,7.275,8.024,7.275c-0.075-0.676-1.05-1.275-1.05-5.101c0-12.074,6.149-15.149,14.099-15.149h0.9L83.379,70.361h10.8
        		l10.35-48.148c4.05,0.9,7.949,1.65,11.625,1.65c5.999,0,9.225-3,9.374-9.524c-2.024,0.825-5.25,1.574-8.7,1.574
        		C109.478,15.914,106.703,14.189,97.628,14.189z"/>
        	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="120.0879" y1="13.2651" x2="120.0879" y2="117.6099">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_3_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M120.679,41.296c1.818,0.357,3.879,0.763,5.578,0.763
        		c3.882,0,6.02-2.155,6.02-6.068c0-0.556-0.049-1.102-0.098-1.63l-0.061-0.663l-0.621,0.244c-2.639,1.038-4.98,1.501-7.593,1.501
        		c-1.976,0-3.968-0.247-6.274-0.534c-0.734-0.091-1.502-0.187-2.311-0.279l-0.453-0.052l-4.266,20.752l0.994-0.627
        		c1.773-1.121,4.418-2.611,6.885-2.611c3.083,0,4.781,2.295,4.781,6.461c0,4.096-2.094,8.332-5.598,8.332
        		c-1.567,0-3.436-0.512-3.436-2.955c0-3.189,2.43-3.945,3.877-4.111l0.541-0.062l-0.107-0.533c-0.26-1.301-1.148-2.85-3.898-2.85
        		c-3.109,0-6.74,1.916-6.74,7.316c0,4.918,3.01,7.412,8.948,7.412c10.644,0,14.421-7.328,14.421-13.605
        		c0-6.34-3.513-10.436-8.949-10.436c-1.705,0-3.484,0.379-5.298,1.128l1.606-7.27C119.226,41.011,119.936,41.15,120.679,41.296z"/>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M150.736,37.355c-2.44,0-7.421,6.622-8.238,17.444l-0.033,0.439
        			c-0.092,1.209-0.206,2.713-0.206,4.275c0,3.078,0.405,6.748,2.333,6.748c5.087,0,8.236-11.65,8.236-22.446
        			C152.828,39.938,152.472,37.355,150.736,37.355z"/>
        		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="147.0156" y1="13.2651" x2="147.0156" y2="117.6099">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_4_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M151.072,33.859c-10.103,0-17.157,9.996-17.157,24.309
        			c0,8.104,1.746,13.125,10.437,13.125c10.151,0,15.765-14.43,15.765-24.405C160.116,38.121,157.158,33.859,151.072,33.859z
        			 M144.592,66.262c-1.928,0-2.333-3.67-2.333-6.748c0-1.562,0.114-3.066,0.206-4.275l0.033-0.439
        			c0.817-10.822,5.798-17.444,8.238-17.444c1.735,0,2.092,2.583,2.092,6.461C152.828,54.611,149.679,66.262,144.592,66.262z"/>
        	</g>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M177.903,37.355c-2.439,0-7.421,6.622-8.238,17.444l-0.033,0.439
        			c-0.092,1.209-0.205,2.713-0.205,4.275c0,3.078,0.404,6.748,2.332,6.748c5.088,0,8.236-11.65,8.236-22.446
        			C179.995,39.938,179.64,37.355,177.903,37.355z"/>
        		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="174.1826" y1="13.2651" x2="174.1826" y2="117.6099">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_5_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M178.239,33.859c-10.102,0-17.158,9.996-17.158,24.309
        			c0,8.104,1.746,13.125,10.438,13.125c10.15,0,15.766-14.43,15.766-24.405C187.284,38.121,184.325,33.859,178.239,33.859z
        			 M171.759,66.262c-1.928,0-2.332-3.67-2.332-6.748c0-1.562,0.113-3.066,0.205-4.275l0.033-0.439
        			c0.817-10.822,5.799-17.444,8.238-17.444c1.736,0,2.092,2.583,2.092,6.461C179.995,54.611,176.847,66.262,171.759,66.262z"/>
        	</g>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M262.847,41.113c-0.15-3.149-0.9-4.35-2.85-4.35
        			c-5.325,0-9.975,13.725-9.975,21.075c0,4.949,0.975,6.074,3.824,6.074c3.676,0,7.5-6.75,8.699-15.599
        			c-1.574-0.375-2.024-1.65-2.024-3.15C260.521,43.063,261.497,41.713,262.847,41.113z"/>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M291.796,37.963c-1.049,0-3.6,0.375-4.424,1.35l-4.125,19.048
        			c-0.15,0.602-0.225,1.201-0.225,1.727c0,2.174,1.274,3.449,3.975,3.449c4.875,0,8.774-10.5,8.774-18.375
        			C295.771,41.488,294.497,37.963,291.796,37.963z"/>
        		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="253.6973" y1="13.2651" x2="253.6973" y2="117.6116">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_6_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M294.497,32.638c-1.5,0-3.076,0.226-6.15,2.1l3.6-16.874
        			l-11.1,1.5l-5.02,23.502c-2.101,0.878-4.239,1.472-6.006,1.472c-0.225,0-0.525,0-0.825-0.149c0-7.875-3.149-12-9.6-12
        			c-15.206,0-20.382,17.433-20.541,26.205c-3.419,3.734-8.183,5.969-13.358,5.969c-7.199,0-9-4.799-9-11.699
        			c0-15.299,7.35-35.023,15.6-35.023c3.375,0,4.575,2.175,4.575,4.574c0,2.851-1.65,6-3.45,6.9c1.426,1.649,3.075,1.949,4.275,1.949
        			c3.824,0,5.25-2.925,5.25-6.899c0-7.274-5.476-10.05-12.525-10.05c-19.648,0-26.174,25.424-26.174,39
        			c0,13.498,5.324,18.449,16.424,18.449c5.629,0,13.801-2.664,18.725-9.232c1.232,5.941,5.732,8.332,11.65,8.332
        			c9.225,0,16.725-8.699,17.925-22.575c2.231-0.366,4.364-0.968,6.313-1.747l-2.263,10.597c-0.375,1.574-0.524,3-0.524,4.275
        			c0,6,3.6,9.6,10.499,9.6c15.899,0,20.55-16.574,20.55-25.35C303.347,35.938,299.746,32.638,294.497,32.638z M262.546,48.313
        			c-1.199,8.849-5.023,15.599-8.699,15.599c-2.85,0-3.824-1.125-3.824-6.074c0-7.35,4.649-21.075,9.975-21.075
        			c1.949,0,2.699,1.2,2.85,4.35c-1.35,0.601-2.325,1.95-2.325,4.05C260.521,46.663,260.972,47.938,262.546,48.313z M286.997,63.537
        			c-2.7,0-3.975-1.275-3.975-3.449c0-0.525,0.074-1.125,0.225-1.727l4.125-19.048c0.824-0.975,3.375-1.35,4.424-1.35
        			c2.701,0,3.976,3.524,3.976,7.199C295.771,53.037,291.872,63.537,286.997,63.537z"/>
        	</g>
        	<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="319.2832" y1="13.2651" x2="319.2832" y2="117.6099">
        		<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        		<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        		<stop  offset="0.7134" style="stop-color:#515151"/>
        		<stop  offset="0.8833" style="stop-color:#242424"/>
        	</linearGradient>
        	<path fill="url(#SVGID_7_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M330.12,32.864c-3.6,0-6.449,2.399-9.074,4.649
        		l0.975-4.649h-10.8l-7.95,37.498h10.801l5.999-28.499c1.875-1.725,3.226-2.85,5.476-2.85s0.149,4.95,4.35,4.95
        		c3.674,0,5.399-2.851,5.399-5.476C335.295,35.638,333.495,32.864,330.12,32.864z"/>
        	<g>
        		<path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M354.944,37.138c-6.375,0-10.5,13.499-10.5,20.549
        			c0,5.775,2.4,5.85,3.75,5.85c2.176,0,5.325-2.25,6.225-6.6l3.601-16.95C358.02,39.088,357.345,37.138,354.944,37.138z"/>
        		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="351.832" y1="13.2646" x2="351.832" y2="117.612">
        			<stop  offset="0.1354" style="stop-color:#FFFFFF"/>
        			<stop  offset="0.3305" style="stop-color:#C3C3C3"/>
        			<stop  offset="0.7134" style="stop-color:#515151"/>
        			<stop  offset="0.8833" style="stop-color:#242424"/>
        		</linearGradient>
        		<path fill="url(#SVGID_8_)" stroke="#FFFFFF" stroke-miterlimit="10" d="M370.319,32.864h-10.8l-0.825,3.975v-0.525
        			c0-2.175-1.8-3.824-6.074-3.824c-13.05,0-19.275,16.124-19.275,26.248c0,8.926,4.875,12.076,9.975,12.076
        			c5.325,0,8.926-3.525,11.176-6.975c0.6,4.35,3.299,6.975,7.35,6.975c4.049,0,5.475-2.326,7.499-7.576
        			c-0.524,0.227-0.975,0.301-1.649,0.301c-2.1,0-3.075-0.676-3.075-2.775c0-0.674,0.075-1.424,0.3-2.4L370.319,32.864z
        			 M354.419,56.938c-0.899,4.35-4.049,6.6-6.225,6.6c-1.35,0-3.75-0.074-3.75-5.85c0-7.05,4.125-20.549,10.5-20.549
        			c2.4,0,3.075,1.95,3.075,2.85L354.419,56.938z"/>
        	</g>
        </g>
        </svg>
    </h2>
    </div>
  <div class="cloud-wrapper" data-stellar-offset-parent="true" >
    <img class="back-cloud" src="/images/showroom-cloudback-1200x700.png" alt="back-cloud"/>
    <img class="iphone-one" src="/images/iphone1-350x683.png" alt="iphone1" data-stellar-ratio="1.2" data-stellar-horizontal-offset="2150" data-stellar-vertical-offset="650"/>
    <img class="front-cloud" src="/images/showroom-cloudfront-1200x700.png" alt="back-cloud"/>
  </div>

  </div>
</div> <!--END SHOW CASE WRAPPER-->

<section class="contact-container">
  <img class="logo" src="" alt="">
  <div class="contact-bar">
    <div>
      <h3>
        <svg>
        </svg>
      </h3>
      <p></p>
    </div>

    <div>
      <h3>
        <svg>

        </svg>
      </h3>
      <p></p>
    </div>

    <div>
      <h3>
        <svg>

        </svg>
      </h3>
      <p></p>
    </div>

    <div>
      <h3>
        <svg>

        </svg>
      </h3>
      <p></p>
    </div>
  </div> <!--END CONTACT BAR-->
  <div class="contact-content">
    <h1>
      <svg>

    </svg>
    </h1>
    <div class="social-media">
      <p>CHECKOUT MORE OF OUR WORK</p>
      <img class="social-media-icon" src="" alt="">
      <img class="social-media-icon" src="" alt="">
      <img class="social-media-icon" src="" alt="">
    </div>
    <div class="rodman-ford">
      <p>SEE WHAT'S IN STOCK AT</p>
      <div class="rodman-btn">
        <p>RODMANFORD.COM</p>
      </div>
    </div>
  </div>

  <footer>
    <div class="address">
      <p></p>
    </div>
    <div class="store-hours">
      <p></p>
    </div>
  </footer>
</section> <!--END CONTACT CONTAINER-->


</div> <!-- END MAIN CONTAINER -->


<!-- LOAD JQUERY FIRST -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

<!-- LOAD STELLAR  -->
<script type="text/javascript" src="js/vendor/jquery.stellar.js"></script>

<!-- LOAD REVEAL -->
<script type="text/javascript" src="js/vendor/reveal.js"></script>

<!-- LOAD MAIN JS -->
<script type="text/javascript" src="js/main.js"></script>

<!-- LOAD NAVBAR JS -->
<script type="text/javascript" src="js/nav_bar.js"></script>

<!-- LOAD HOME JS -->
<script type="text/javascript" src="js/home.js"></script>

<script type="text/javascript">
$(window).stellar({hideDistantElements: false});


</script>

</body>
</html>