@charset "utf-8";
/* CSS Document */
/* apply a natural box layout model to all elements */
 *, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    width:100%;
    height:100%;
    margin: 0;
    padding: 0;
}

sup{font-size:20px; color:#fff;}

a
{
	display:block;
	text-decoration:none;
}



#bg_exit{position: absolute; width:300px; height:250px;}
#stage
{
	position: absolute;
	width: 300px;
	height: 250px;
	margin: auto;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	font-size:18px;	
	z-index: 3050;
	overflow:hidden;
	border: 1px #000000 solid;
	background:#ffffff;
}
#border
{
	z-index: 999999;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor:pointer;
}

.bg {
	width: 300px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
}
.copy1 {
	position: absolute;
	width: 300px;
	height: 50px;
	text-align: center;
	font-family: 'Gotham-Book';
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 4px;
	color: #ffffff;
	top: 37px; /**40**/
	z-index: 1000;
	line-height: 20px;
}
.copy2 {
	position: absolute;
	width: 300px;
	height: 50px;
	text-align: center;
	font-family: 'albertus_mediumregular';
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 5px;
	color: #ffffff;
	top: 212px;/**215**/
	z-index: 1000;
}

#bg1 {position:  absolute; opacity: 1; z-index: 99; left: 0px; width: 300px; height: 250px;}
#bg2 {position:  absolute;  opacity: 0; z-index: 99; left: 0px; width: 300px; height: 250px;}
#bg3 {position:  absolute;  opacity: 0; z-index: 99; left: 0px; width: 300px; height: 250px;}
#bg4 {position:  absolute;  opacity: 0; z-index: 99; left: 0px; width: 300px; height: 250px;}
#f1c1, #f1c2, #f2c1, #f2c2, #f3c1, #f3c2, #f4c1, #f4c2, #f5c1, #f5c2 {
	opacity: 0;
}
.lastFrame {
	width: 300px;
	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #871c3c;
	z-index: 100;
	opacity: 0;
}
.logo {
	width: 130px;
    position: absolute;
    left: 85px;
    bottom: 5px;
    z-index: 100;
	
}
.logo_hotels {
    width: 190px;
    position: absolute;
    left: 55px;
    top: 5px;
	opacity: 0;
	z-index: 100;
}

.cta {
	width: 130px;
    height: 40px;
    border: 1px solid #ffffff;
    text-align: center;
    position: absolute;
    font-family: 'Gotham-Book';
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 10px;
    top: 197px;
    left: 85px;
    color: #ffffff;
	opacity: 0;
	z-index: 100;
}
.ctaTxt {
	margin: 0;
    width: 128px;
    height: 38px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center; 
	list-style: 40px;
	opacity: 0;
	
}
.cta1 {
	width: 0px;
    height: 40px;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    font-family: 'Gotham-Book';
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 10px;
    top: 197px;
    left: 85px;
    color: #871c3c;
	opacity: 1;
	z-index: 100;
	overflow: hidden;
}
.ctaTxt1 {
	margin: 0;
    width: 130px;
    height: 40px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center; 
	list-style: 40px;
	opacity: 1;
	
}
.shadow {
    width: 300px;
    height: 100px;
    position: absolute;
    bottom: 0;
    z-index: 100;
}
.stay_local {
	position: absolute;
    width: 300px;
    text-align: left;
    font-family: 'albertus_mediumregular';
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 4px;
    line-height: 28px;
    color: #ffffff;
    top: 80px;
    z-index: 1000;
    left: 70px;
    opacity: 0;
}
.price {
	font-family: 'albertus_mediumregular';
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 32px;
}
.copyImg {
    width:300px;
    position:absolute;
    z-index:1000;
    top:-5px;
    left:0;
}
.btntxt {
    width:90px;
}