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: 1200px;
	height: 600px;
}

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

#firstflight12{
	z-index:4;
  position: absolute;
  top: 40px;
  left: 10px; 
	width: 160px;
	height: 600px;
	
}

#firstflight13{
	z-index:4;
  position: absolute;
  top: 50px;
  left: 5px; 
	width: 160px;
	height: 600px;
	
}


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

#flight_mask1 {
  position: absolute;
  top: 121px;
  left: 87px; 
	z-index: 3;
	width: 73px;
	height: 151px;
	overflow: hidden;
	 -webkit-transform: translateX(-73px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(-73px);  /* IE 9 */
					transform: translateX(-73px);  /* Firefox 16+, IE 10+, Opera */
}

#flight_mask12 {
  position: absolute;
  top: 121px;
  left: 87px; 
	z-index: 3;
	width: 73px;
	height: 151px;
	overflow: hidden;
	 -webkit-transform: translateX(-73px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(-73px);  /* IE 9 */
					transform: translateX(-73px);  /* Firefox 16+, IE 10+, Opera */
}

#flight_mask13 {
  position: absolute;
  top: 121px;
  left: 87px; 
	z-index: 3;
	width: 73px;
	height: 151px;
	overflow: hidden;
	 -webkit-transform: translateX(-73px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(-73px);  /* IE 9 */
					transform: translateX(-73px);  /* Firefox 16+, IE 10+, Opera */
}

#flightpath1 {
	position: absolute;
	z-index:2;   
	left:0px;
	top: 0px;
	opacity: 1;
	 -webkit-transform: translateX(73px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(73px);  /* IE 9 */
					transform: translateX(73px);  /* Firefox 16+, IE 10+, Opera */
}

#flightpath12 {
	position: absolute;
	z-index:2;   
	left:0px;
	top: 0px;
	opacity: 1;
	 -webkit-transform: translateX(73px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(73px);  /* IE 9 */
					transform: translateX(73px);  /* Firefox 16+, IE 10+, Opera */
}

#flightpath13 {
	position: absolute;
	z-index:2;   
	left:0px;
	top: 0px;
	opacity: 1;
	 -webkit-transform: translateX(73px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(73px);  /* IE 9 */
					transform: translateX(73px);  /* Firefox 16+, IE 10+, Opera */
}


#flight_mask2 {
  position: absolute;
  top: 121px;
  left: 160px; 
	z-index: 3;
	width: 190px;
	height: 300px;
	overflow: hidden;
	 -webkit-transform: translateX(-190px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(-190px);  /* IE 9 */
					transform: translateX(-190px);  /* Firefox 16+, IE 10+, Opera */
}

#flight_mask22 {
  position: absolute;
  top: 121px;
  left: 160px; 
	z-index: 3;
	width: 190px;
	height: 300px;
	overflow: hidden;
	 -webkit-transform: translateX(-190px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(-190px);  /* IE 9 */
					transform: translateX(-190px);  /* Firefox 16+, IE 10+, Opera */
}

#flight_mask23 {
  position: absolute;
  top: 121px;
  left: 160px; 
	z-index: 3;
	width: 190px;
	height: 300px;
	overflow: hidden;
	 -webkit-transform: translateX(-190px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(-190px);  /* IE 9 */
					transform: translateX(-190px);  /* Firefox 16+, IE 10+, Opera */
}

#flightpath2 {
	z-index: 2;
	position: absolute; 
	left:0px;
	top: 0px;
	opacity: 1;
	 -webkit-transform: translateX(190px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(190px);  /* IE 9 */
					transform: translateX(190px);  /* Firefox 16+, IE 10+, Opera */
}

#flightpath22 {
	z-index: 2;
	position: absolute; 
	left:0px;
	top: 0px;
	opacity: 1;
	 -webkit-transform: translateX(190px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(190px);  /* IE 9 */
					transform: translateX(190px);  /* Firefox 16+, IE 10+, Opera */
}


#flightpath23 {
	z-index: 2;
	position: absolute; 
	left:0px;
	top: 0px;
	opacity: 1;
	 -webkit-transform: translateX(190px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(190px);  /* IE 9 */
					transform: translateX(190px);  /* Firefox 16+, IE 10+, Opera */
}

#flight_mask3 {
  position: absolute;
  top: 0px;
  left: 93px; 
	z-index: 3;
	width: 160px;
	height: 355px;
	overflow: hidden;
	 -webkit-transform: translateX(-160px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(-160px);  /* IE 9 */
					transform: translateX(-160px);  /* Firefox 16+, IE 10+, Opera */
}
#flightpath3 {
	z-index: 2;
	position: absolute; 
	left:0px;
	top: 0px;
	opacity: 1;
	 -webkit-transform: translateX(160px);  /* Chrome, Opera 15+, Safari 3.1+ */
			-ms-transform: translateX(160px);  /* IE 9 */
					transform: translateX(160px);  /* Firefox 16+, IE 10+, Opera */
}

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

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

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

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

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

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

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

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

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

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





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

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

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



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

  #legal {
		position: absolute;
  	z-index:2;
  	left:9px;
  	top: 580px;
		opacity: 0;
  }
	
	#ctabutton {
		position: absolute;
		z-index:15;
		left:18px;
		top: 216px;
		 -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: 160px;
  height: 600px;
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: 5000;
  cursor: pointer; }

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

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

#main-panel {
  overflow: hidden; }