@font-face {
  font-family: 'HeroicCondensed';
  src: url('HeroicCondensed-MediumOblique.otf') format("opentype");
}

body { 
	margin:0px 0px; 
	padding:0px; 
	position:absolute;
	overflow:hidden;
}

* { box-sizing: Border-box; } 


.container {
	position:absolute;  
	overflow:hidden; 
	background-color:white; border:1px solid black; 
} 

#belowClickTag{
	top:-1px;
}

.sprite_center {  
	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) */
}

.sprite {  
	left:0px;
	top:0px;
	width:728px;
	height:90px;

	position:absolute;  
	background-repeat:no-repeat;

    -ms-transform-origin: top left; /* IE 9 */
    -webkit-transform-origin: top left; /* Chrome, Safari, Opera */
    transform-origin: top left;

	/* 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) */
}

.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: 60px;
    top: 60px;
    width: 650px;
    font-size: 75px;
    line-height: 62px;
    letter-spacing: -.7px;

	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;  
}

.dynText{
	position: absolute;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 26px;
	color: #ffffff;
	letter-spacing: -.05px;
	line-height: 27px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#bookby{
    left: 192px;
    top: 112px;
    font-size: 11px;
}

#legal{
	font-size: 8.2px;
	line-height: 8px;
	width: 90px;
	top: 764px;
	left: 60px;
	cursor: pointer;
}

#textprice{
	left: 60px;
	top: 395px;
	
}

#price1 {
}


#price1_img{
	left: 45px;
	top: -20px;
	width: 300px;
	height: 33px;
	background-image: url(price1.png);
}

#price2_img {
	left: 53px;
	top: 138px;
	width: 285px;
	height: 26px;
	background-image: url(price2.png);
}

#cta{
    top: 48px;
    left: 375px;
    cursor: pointer;
}

#ctacopy {
    left: 9px;
    top: 5px;
    font-size: 24px;
    letter-spacing: -1px;
    color: #ffffff;
    line-height: 21px;
    font-family: 'HeroicCondensed';
}

#p1l2{
	top: 91px;
}
#p1f2 {
    top: 95px;
}
#ctaarrow{
    left: 93px;
    top: 3px;
    font-size: 10px;
}

#ctabg{
	border-radius: 5px;
	background-color: #cf1f18;
	width: 107px;
	height: 30px;
}

#text01 {
    width: 316px;
    top: 12px;
    font-size: 40px;
    left: 15px;
    line-height: 38px;
}

#text01b {
	left: 60px;
    top: 955px;
    width: 280px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 11px;
}

#text02 {
    width: 264px;
    top: 13px;
    font-size: 40px;
    left: 15px;
    line-height: 38px;
}

#text03 {
	width: 295px;
	top: 13px;
	font-size: 40px;
	left: 15px;
	line-height: 36px;
}

#text_end {
    left: 15px;
    top: 15px;
    width: 475px;
    font-size: 36px;
    line-height: 34px;
    letter-spacing: -.4px;
}

#image01 {
	background-image:url(image01.jpg);
}

#image02 {
	background-image:url(image_end.jpg);
}

#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{
	background: rgb(215,25,32);
	background: linear-gradient(135deg, rgba(215,25,32,1) 0%, rgba(93,0,0,1) 100%);
}

#logo {
    left: 232px;
    top: 180px;
    width: 102px;
    height: 136px;
    background-image: url(logo.jpg);
}

#cover {
	background-color: #000000;
	pointer-events: none;
}

#guide {
	background-image:url(guide.jpg);
}