@font-face {
  font-family: 'HeroicCondensed';
  src: url(https://s0.2mdn.net/ads/richmedia/studio/pv2/61090626/20190530141727192/HeroicCondensed-BoldOblique.woff) format("woff");
}


body { 
    margin:0px 0px; 
    padding:0px; 
    position:absolute;
    overflow:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* { box-sizing: Border-box; } 

.container {
	position:absolute;  
	overflow:hidden; 
	background-color:white; border:1px solid black; 
} 

#belowClickTag{
	top:-1px;
}

.blank{
    position:absolute;  
    background-repeat:no-repeat;

    /* image-rendering: -moz-crisp-edges;         Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.sprite {  
	left:0px;
	top:0px;
	width:728px;
	height:90px;

	position:absolute;  
	background-repeat:no-repeat;

    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;

	/* image-rendering: -moz-crisp-edges;         Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.center {  
    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
}

.shadow {
	-webkit-filter: drop-shadow(0px 0px 30px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 30px rgba(0,0,0,.5));
}

.text{
	position:absolute;  
	background-repeat:no-repeat;

    left: 12px;
    top: 22px;
    width: 270px;
    font-size: 35px;
    line-height: 29px;
    letter-spacing: -1.5px;

	color:#ffffff;
	font-family: 'HeroicCondensed';

	-webkit-touch-callout: none;
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10  */
	-o-user-select: none;	/* Currently not supported in Opera but will be soon */
	user-select: none;  
}

.ctabutton {  
    left:0px;
    top:0px;
    width:95px;
    height:27px;

    position:absolute;  
    background-repeat:no-repeat;

    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;

    /* image-rendering: -moz-crisp-edges;         Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

#ctasheen{

    width:95px;
    height:100%;
    opacity: 50%;

    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

}

#cta{
    top: 47px;
    left: 223px;
    width: 84px;
    height: 31px;
    cursor: pointer;
}

#ctacopy {
    left: 13px;
    top: 7px;
    width: 77px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;

    font-family: 'HeroicCondensed';
    color:#ffffff;
}

#ctaarrow{
    left: 69px;
    top: 9px;
    width:0px;
    height:0px;
}

.roundcta{
    border-radius: 5px;
}

#ctabg{
    background-color: #cf1f18;
    width: 100%;
    height: 100%; 
}

#text01 {
    
}


#text02 {
    
}
#text03 {
    width:285px;
}
#text04 {
    
}

#text_end {
        
}



#image00 {
    background-image:url(image00.png);
}

#image01 {
	background-image:url(image01.jpg);
}

#image02 {
	background-image:url(image02.jpg);
}

#image03 {
	background-image:url(image03.jpg);
}

#image03b {
    background-image:url(image03b.jpg);
}

#image04 {
	background-image:url(image04.jpg);
}

#plane {
    background-image:url(plane.png);
}


#image_end_green {
	background: rgb(95,175,95);
	background: linear-gradient(135deg, rgba(95,175,95) 0%, rgba(21,36,42,1) 100%);
}

#image_end_blue {
	background: rgb(40,185,218);
	background: linear-gradient(135deg, rgba(40,185,218,1) 0%, rgba(0,68,86,1) 100%);
}
#image_end_red{
	background: rgb(215,25,32);
	background: linear-gradient(135deg, rgba(215,25,32,1) 0%, rgba(93,0,0,1) 100%);
}

#image_end {
    background-image:url(image_end.jpg);
}

#logo {
    left: 664px;
    top: 26px;
    width: 49px;
    height: 126px;
    background-image:url(logo.svg);
}

#flybetter {
    left: 562px;
    top: 46px;
    width: 95px;
    height: 54px;
    background-image:url(flybetter.svg);
}

#cover {
	background-color: #000000;
	pointer-events: none;
}

#guide {
	background-image:url(guide.jpg);
}


