@charset "UTF-8";
/* CSS Document */

html, body{
	padding:0px;
	margin:0px;
}
#container{
	height:100%;
	width:100%;
	background:#131d26;
}
#departure, #destination{
	overflow: hidden;
}
#clear{
	clear:both;
}

.plane{
	width:10% !important;
	height:13% !important;
	background-image: url(images/airplane.png);
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
	margin-top: 28%;
	margin-left: -5%;
	left:50%;
	position:absolute;
}
#destination .plane{
	left:105%;
	margin-top:25%;
}
/*RIGHT TO LEFT ANIMATIONS*/
@-webkit-keyframes move_departure_rtl {
  100% {
	left:-5%;
  }
}
@-webkit-keyframes move_destination_rtl {
  100% {
	margin-left:-5%;
	left:50%;
  }
}
/*LEFT TO RIGHT ANIMATIONS*/
@-webkit-keyframes move_departure_ltr {
  100% {
	left:105%;
  }
}
@-webkit-keyframes move_destination_ltr {
  100% {
	left:5%;
  }
}
.trip{
	width: 297px;
	margin: auto;
}
#departure .trip{
	position: absolute;
    top: 0;
    overflow: hidden;
}
#departure .trip img{
	position: absolute;
    top: 0;
    overflow: hidden;
}
ul{
	 list-style:none;
	 padding:0px;
	 margin:0px;
}
ul li{
	display:none;
}
.active{
	display:block;
}
.ltr_plane{
	-webkit-transform: rotate(180deg);
}
/*new percentage css*/
/*TOP LEFT*/
#top-left-rect img {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0;
	font-size: 1px;
}
#top-left-rect .content-section {
	margin-left: 5%;
	margin-right: 6%;
	background: url('images/travel-corridors-bg.png') no-repeat;
	background-size: contain;
	position: relative;
	top: 8%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
	line-height: 1px;
	font-size: 1px;
	padding-top: 2%;
}
/*END TOP LEFT*/
/*TOP RIGHT*/
#top-right-rect img {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0;
	font-size: 1px;
}
#top-right-rect .content-section {
	margin-left: 6%;
	margin-right: 6%;
	background-size: contain;
	position: relative;
	top: 8%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
	line-height: 1px;
	font-size: 1px;
	padding-top: 2%;
}
/*END TOP RIGHT*/

#destination, #departure, .trip_container, ul, li, .trip{
	width:100%;
	height:100%;
}
.destination-image, .departure-image{
	 background-repeat:no-repeat;
	 background-size:contain;
	 width:100%;
	 height:100%;
}
.destination-image{
	margin-top:-7px;
}
#top-right-rect {
    position:relative;
    width:100%;
    height:45%;
    border:none;
    margin:0;
}
#top-left-rect {
    position:relative;
    width:100%;
    height:45%;
    border:none;
    margin:0;
}