a {
	border: none;
}
.a {
	position: absolute;
}
.r {
	position: relative;
}
.o {
	overflow: hidden;
}

img {
	border:none;
}

#bg {
	z-index:1;
  position: absolute;
  top: 0px;
  left: 0px; 
	width: 1700px;
	height: 250px;
}

#firstflight{
	z-index:4;
  position: absolute;
  top: 0px;
  left: 0px; 
	width: 300px;
	height: 250px;
	
}

#firstflight12{
	z-index:4;
  position: absolute;
  top: 20px;
  left: 20px; 
	width: 300px;
	height: 250px;
	
}

#firstflight13{
	z-index:4;
  position: absolute;
  top: 30px;
  left: 30px; 
	width: 300px;
	height: 250px;
	
}


#secondflight{
	z-index:4;
  position: absolute;
  top: 0px;
  left: 0px; 
	width: 300px;
	height: 250px;
	
}

#flight_mask1 {
  position: absolute;
  top: 0px;
  left: 29px; 
	z-index: 3;
	width: 117px;
	height: 250px;
	overflow: hidden;
}

#flight_mask12 {
  position: absolute;
  top: 0px;
  left: 29px; 
	z-index: 3;
	width: 117px;
	height: 250px;
	overflow: hidden;
}

#flight_mask13 {
  position: absolute;
  top: 0px;
  left: 29px; 
	z-index: 3;
	width: 117px;
	height: 250px;
	overflow: hidden;
}

#flightpath1 {
	position: absolute;
	z-index:2;   
	left:117px;
	top: 21px;
	opacity: 1;
}

#flightpath12 {
	position: absolute;
	z-index:2;   
	left:117px;
	top: 21px;
	opacity: 1;
}

#flightpath13 {
	position: absolute;
	z-index:2;   
	left:117px;
	top: 21px;
	opacity: 1;
}


#flight_mask2 {
  position: absolute;
  top: 0px;
  left: 80px; 
	z-index: 3;
	width: 187px;
	height: 250px;
	overflow: hidden;
}

#flight_mask22 {
  position: absolute;
  top: 0px;
  left: 80px; 
	z-index: 3;
	width: 187px;
	height: 250px;
	overflow: hidden;
}

#flight_mask23 {
  position: absolute;
  top: 0px;
  left: 80px; 
	z-index: 3;
	width: 187px;
	height: 250px;
	overflow: hidden;
}

#flightpath2 {
	z-index: 2;
	position: absolute; 
	left:187px;
	top: 21px;
	opacity: 1;
}

#flightpath22 {
	z-index: 2;
	position: absolute; 
	left:187px;
	top: 21px;
	opacity: 1;
}
#flightpath23 {
	z-index: 2;
	position: absolute; 
	left:187px;
	top: 21px;
	opacity: 1;
}

#flight_mask3 {
  position: absolute;
  top: 0px;
  left: -65px; 
	z-index: 3;
	width: 215px;
	height: 250px;
	overflow: hidden;
}

#flightpath3 {
	z-index: 2;
	position: absolute; 
	left:215px;
	top: 5px;
	opacity: 1;
}

#airplane { 
	position: absolute;
	z-index: 5;
	left:114px;
	top: 61px;
	opacity: 0;
	transform-origin: center left;
}

#airplane12 { 
	position: absolute;
	z-index: 5;
	left:114px;
	top: 61px;
	opacity: 0;
	transform-origin: center left;
}

#airplane13 { 
	position: absolute;
	z-index: 5;
	left:114px;
	top: 61px;
	opacity: 0;
	transform-origin: center left;
}

#airplane2 { 
	position: absolute;
	z-index: 5;
	left:132px;
	top: 105px;
	opacity: 0;
	transform-origin: center left;
}

#mcd { 
	position: absolute;
	z-index: 15;
	left:5px;
	top: 5px;
	opacity: 1;
}

#logo {
	position: absolute;
	z-index:6;   
	left:50px;
	top: 58px;
	opacity: 1;
}

#product {
	position: absolute;
	z-index:11;   
	left:-27px;
	top: 86px;
	opacity: 1;
	 -webkit-transform: translateX(330px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(330px);  /* IE 9 */
					transform: translateX(330px);  /* Firefox 16+, IE 10+, Opera */
}

#product2 {
	position: absolute;
	z-index:11;   
	left:-27px;
	top: 86px;
	opacity: 1;
	 -webkit-transform: translateX(330px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(330px);  /* IE 9 */
					transform: translateX(330px);  /* Firefox 16+, IE 10+, Opera */
}

#product3 {
	position: absolute;
	z-index:11;   
	left:-72px;
	top: 86px;
	opacity: 1;
	 -webkit-transform: translateX(330px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(330px);  /* IE 9 */
					transform: translateX(330px);  /* Firefox 16+, IE 10+, Opera */
}

#f1 {
	position: absolute;
	z-index:11;   
	left:-75px;
	top: 130px;
	opacity: 0;
	 -webkit-transform: translateX(380px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(380px);  /* IE 9 */
					transform: translateX(380px);  /* Firefox 16+, IE 10+, Opera */
}

#f2 {
	position: absolute;
	z-index:9;   
	left:-20px;
	top: 102px;
	opacity: 1;
	 -webkit-transform: translateX(380px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(380px);  /* IE 9 */
					transform: translateX(380px);  /* Firefox 16+, IE 10+, Opera */
}
#f3 {
	position: absolute;
	z-index:8;   
	left:69px;
	top: 86px;
	opacity: 1;
	 -webkit-transform: translateX(380px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(380px);  /* IE 9 */
					transform: translateX(380px);  /* Firefox 16+, IE 10+, Opera */
}
#f4 {
	position: absolute;
	z-index:10;   
	left:148px;
	top: 129px;
	opacity: 1;
	 -webkit-transform: translateX(380px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(380px);  /* IE 9 */
					transform: translateX(380px);  /* Firefox 16+, IE 10+, Opera */
}




#t1 {
	position: absolute;
	z-index:8;   
	left:0px;
	top: 0px;
	opacity: 0;
}

#t12 {
	position: absolute;
	z-index:8;   
	left:52px;
	top: 20px;
	opacity: 0;
}


#t13 {
	position: absolute;
	z-index:8;   
	left:0px;
	top: 0px;
	opacity: 0;
}






#t3 {
	position: absolute;
	z-index:8;   
	left:0px;
	top: 0px;
	opacity: 0;
}

  #legal {
		position: absolute;
  	z-index:2;
  	left:49px;
  	top: 235px;
		opacity: 0;
  }
	
	#ctabutton {
		position: absolute;
		z-index:15;
		left:93px;
		top: 206px;
		 -webkit-transform: scale(0);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: scale(0);  /* IE 9 */
						transform: scale(0);  /* Firefox 16+, IE 10+, Opera */
	}


body {
  margin: 0;
  padding: 0; }

#bg-exit {
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  width: 300px;
  height: 250px;
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: 5000;
  cursor: pointer; }

#unit-border {
  border: 0.5px solid #000000;
  width: 299px;
  height: 249px;
  position: absolute;
  top: 0px;
  left: 0px;
	z-index: 100;
}

#unit-container {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 300px;
  height: 250px;
  background-color: #fff; }

#main-panel {
  overflow: hidden; }