html, body {margin: 0;}

body{
	margin: 0px;
	padding: 0px;
	background: white;
}

body, body * {box-sizing: border-box;
  backface-visibility: hidden;
  outline: 1px solid transparent;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);}

#ctnr {
	width: 728px;
	height: 90px;
	position: relative;
	border: 1px solid #000;
	background: #273741 url(vehicle.jpg) no-repeat bottom left;
	overflow: hidden;
}
img {display: block; border: none; margin: 0; padding: 0;}

.f2 #cta{opacity: 1; 
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
}
.f2 .feeling {opacity: 1;}
.f2 .glow {opacity: 1;
-webkit-transition-delay: 0s;}

.s {position: absolute; overflow:visible; background-repeat: no-repeat;}

.feeling {width: 260px; height: 140px; top: 22px; left: 178px; opacity: 0;
	transition: opacity 2.5s 0s;
	-webkit-transition: opacity 2.5s 0s;}
.glow {
    width: 300px;
    height: 92px;
    bottom: -2px;
    left: 0px;
	opacity: 0;
	transition: opacity 2s 0s;
	-webkit-transition: opacity 2s 0s;
}
.play {width: 44px; height: 43px; 
    top: 28px;
    left: 479px;}

.clouds {
width: 400px; height: 283px; top: 0px; left: 0px; margin: 0; 
	animation: clouds 1s 0s 1 linear;
	-webkit-backface-visibility: hidden;
	transform: translate3D(0, 0, 0);
	-webkit-transform: translate3D(0, 0, 0);
	
	transition: transform 15s 0s linear;
	-webkit-transition: -webkit-transform 15s 0s linear;
}
.f2 .clouds {
transform: translate3D(-50px, 0, 0) rotate(.1deg);
-webkit-transform: translate3D(-50px, 0, 0) rotate(.1deg);

 }

#vid {
position: absolute;
width: 158px;
height: 84px;
border: 1px solid #898989;
left: 415px;
top: 2px;
}


.logo {
    width: 140px;
    height: 30px;
    bottom: 30px;
    right: 3px;}
  
.cta {
  width: 229px;
  height: 27px;
  left: 191px;
  top: 50px;
  opacity: 0;
	transition: opacity 2.5s 0s;
	-webkit-transition: opacity 2.5s 0s;
  }

#clickthru {
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
opacity: 0;
cursor:pointer;
}
.clickable {z-index: 100;cursor:pointer;}