@charset "utf-8";
html { scroll-behavior: smooth; }
	
	#side_navbar { top: calc(50% - 122px); left:0px; position:fixed; z-index: 1000;} 
	#side_navbar ul{ list-style: none; padding:0px; font-size:11px;} 
	#side_navbar ul li{ cursor:pointer; color:#959595;margin-bottom:15px;} 
/*	#side_navbar ul li span {display:none;}  */
	#side_navbar ul li.active span{ display:inline; color:#fff; } 
	#side_navbar ul li.active span{ text-decoration: underline; text-underline-position : under; } 
	#side_navbar ul li.active2 span{ display:inline; color:#000; }
	#side_navbar ul li.active2 span{ text-decoration: underline; text-underline-position : under;}  

	.main_color{color:#A18661;}
	/*
	.btn_rev{ position: fixed; bottom:24px; font-size:18px; color:#fff; z-index:90; width:100px; text-align: center;
		left:calc(50% - 50px); cursor:pointer; 
	}
	*/
	.sidebar-btn-w{ color:#fff;}
	
	.main_img_top{ 
		background-image: url('/assets/img/hub/main_image_bg.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
        text-align: center;
        overflow: hidden;
	}
	
	#rooms{
		background-image: url('/assets/img/hub/rooms_bg.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
	}
	
	#banner1{
		background-image: url('/assets/img/hub/main_banner1.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
	}
	
	.main_div {
		max-width: 1300px;
    	margin-left: calc(50% - 650px);
	}
	
	
	#staycalm { 
		background-image: url('/assets/img/hub/stay_calm_bg.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
        text-align: center;
        overflow: hidden;
	}
	#staypet { 
		background-image: url('/assets/img/hub/stay_pet_bg.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
        text-align: center;
        overflow: hidden;
	}
	#stayhue { 
		background-image: url('/assets/img/hub/stay_hue_bg.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
        text-align: center;
        overflow: hidden;
	}
	
	#facilities { 
		background-image: url('/assets/img/hub/facility_bg.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
        text-align: center;
        overflow: hidden;
	}
	
	#facility_list ul{ list-style: none;}
	#facility_list ul li{ display: table-cell;  min-width: 520px;
    	min-height: 525px; width: 520px; height: 525px;  	}
	
	#facility_list .facility_list_img{ width: 520px;  height: 525px; background-repeat: no-repeat; }
	#facility_list .seq{ text-align: right; font-size: 24px; padding: 80px 100px 0 0; }
	#facility_list .title{ text-align: right;  font-size: 38px; line-height: 50px; padding: 90px 100px 0 0;  }
	#facility_list .title a:link, #facility_list .seq a:link, #facility_list .title a:visited { color: #FFF!important; }
	#pensions { 
		background-image: url('/assets/img/hub/pensions_bg.png');
  		background-size: cover;
  		width: 100vw;
        height: 100vh;
        text-align: center;
        overflow: hidden;
	}
	
	#offers { 
  		width: 100vw;
        height: 100vh;
        text-align: center;
        overflow: hidden;
        background-color: #F5F5F5;
	}

/*
	
.btn_rev_box { position:relative;  height:136px;  width:1300px; left:calc(50% - 650px);
 background-color: #fff; z-index: 90; bottom: 0px; text-align: center;}
.btn_rev_box_inner table{ margin:30px; width:calc(100% - 60px); }
.btn_rev_box_inner th{ font-size: 20px; text-align: center; font-weight: 600; color:#000; }
.btn_rev_box_inner td{   font-size: 12px; text-align: center; font-weight: 400; color:#8F8F8F; border-bottom:1px solid #F2F2F2; }
.btn_rev_box_inner td span{ cursor:pointer; }
.btn_search{ font-size: 13px; text-align: center; font-weight: 700; color:#fff; width:98px; height:50px; background-color:#000; }
#sch_area_btn {
    line-height: 15px;
    text-align:center;
    background: url(/assets/img/hub/btn_search.png) no-repeat center right;
    background-size: 14px;padding-right: 30px;
    cursor:pointer;
}

.btn_close {cursor:pointer;}

.rev_box_brand{ position:fixed; height:480px;  width:996px; left:calc(50% - 498px);
	 background-color: #fff; z-index: 100; bottom: 0px; text-align: center;
	 top: calc(50% - 240px);  border: 1px solid #efefef;
	 padding:10px 0px;
}

.brand_box_top { border-bottom:1px solid #F2F2F2; height:45px;}
.brand_box_top ul {  padding: 0 30px; list-style: none;}
.brand_box_top ul li { padding:10px; }
.brand_box_top ul li.active{ border-bottom: 2px solid #000; }

.brand_box_inner ul { margin-bottom:30px;}
.brand_box_inner { text-align: left; padding:40px 30px;}
.brand_box_inner li {
    display: inline-block; border: 1px solid #B1B2B1;font-weight:700; cursor:pointer;
    padding: 10px 0;  width: 162px; margin-right: 10px; text-align: center;
}

.rev_box_date { position:fixed; height:630px;  width:996px; left:calc(50% - 498px);
	 background-color: #fff; z-index: 100; bottom: 0px; text-align: center;
	 top: calc(50vh - 315px); border: 1px solid #efefef;
	 padding:10px 0px;
}

.date_top { height:45px;}
.date_box_top ul {  padding: 0 30px; list-style: none;}
.date_box_top ul li { padding:10px; }
.date_box_top ul li.active{ border-bottom: 2px solid #000; }

.date_box_inner { text-align: left; padding:0px 30px;}

.rev_box_cnt { position:fixed; height:200px;  width:996px; left:calc(50% - 498px);
	 background-color: #fff; z-index: 100; bottom: 0px; text-align: center;
	 top: calc(50% - 100px);  border: 1px solid #efefef;
	 padding:10px 0px;
}
*/

.cnt_top { height:35px;}
.inside_mem_main table{ width:100%;}
	

.line_svg{
	position:relative;
	top: calc(50vh - 600px);
	left:50%;
	animation: dash 3s ease-out alternate;
}

.line_svg1{
	position:relative;
	top: calc(50vh - 600px);
	left:50%;
}

.line {
     stroke-dasharray: 1000; 
     stroke-dashoffset: 500;
}

@keyframes dash {
   0% { top: -500px; }
   100% { top: calc(50vh - 600px);}
}
 
.ver_text { writing-mode: vertical-lr; } 
 
.text1 span, .text2 span, .text3 span, .text4 span {
    padding: 2px;
    display: inline-block;
}

.text_ani_1 {
    animation: smoke 3s linear forwards;
    transform-origin: bottom;
}
.text_ani_2 {
    animation: smoke 4s linear forwards;
    transform-origin: bottom;
}
.text_ani_3 {
    animation: smoke2 4.5s linear forwards;
    transform-origin: bottom;
}
.text_ani_4 {
    animation: smoke2 5s linear forwards;
    transform-origin: bottom;
}
.text_ani_5 {
    animation: smoke 5.5s linear forwards;
    transform-origin: bottom;
}
.text_ani_6 {
    animation: smoke2 6s linear forwards;
    transform-origin: bottom;
}
.text_ani_7 {
    animation: smoke 6.5s linear forwards;
    transform-origin: bottom;
}
.text_ani_8 {
    animation: smoke 10s linear forwards;
    transform-origin: bottom;
}
.text_ani_9 {
    animation: smoke2 11s linear forwards;
    transform-origin: bottom;
}
.text_ani_10 {
    animation: smoke 12s linear forwards;
    transform-origin: bottom;
}
.text_ani_11 {
    animation: smoke 13s linear forwards;
    transform-origin: bottom;
}
.text_ani_12 {
    animation: smoke 14s linear forwards;
    transform-origin: bottom;
}
.text_ani_13 {
    animation: smoke 15s linear forwards;
    transform-origin: bottom;
}
.text_ani_14 {
    animation: smoke 16s linear forwards;
    transform-origin: bottom;
}
.text_ani_15 {
    animation: smoke 17s linear forwards;
    transform-origin: bottom;
}
.text_ani_16 {
    animation: smoke 18s linear forwards;
    transform-origin: bottom;
}
.text_ani_17 {
    animation: smoke 19s linear forwards;
    transform-origin: bottom;
}
.text_ani_18 {
    animation: smoke 20s linear forwards;
    transform-origin: bottom;
}
.text_ani_19 {
    animation: smoke 21s linear forwards;
    transform-origin: bottom;
}
.text_ani_20 {
    animation: smoke 22s linear forwards;
    transform-origin: bottom;
}
.text_ani_21 {
    animation: smoke 23s linear forwards;
    transform-origin: bottom;
}
.text_ani_22 {
    animation: smoke 24s linear forwards;
    transform-origin: bottom;
}


@keyframes smoke {
    100% {
        pointer-events: none;
        opacity: 1;
        z-index: -1;
    }
    50% {
        opacity: 1;
    }
    0% {
        opacity: 0;
        visibility: hidden;
        filter: blur(20px);
        transform: translateX(120px) translateY(-300px) rotate(520deg) scale(6);
    }
}

@keyframes smoke2 {
    100% {
        pointer-events: none;
        opacity: 1;
        z-index: -1;
    }
    50% {
        opacity: 1;
    }
    0% {
        opacity: 0;
        visibility: hidden;
        filter: blur(20px);
        transform: translateX(-120px) translateY(300px) rotate(-520deg) scale(6);
    }
}


#top_title_1 { 
	  text-align: center; color:#fff; line-height:30px; overflow-x:hidden;
	position: absolute; height:100vh;  width: 100vw; top:0px; padding-top: calc(50vh - 67px);
}


.top_title { 
	  text-align: left; color:#fff; line-height:30px; overflow-x:hidden;
	position: absolute; top:0px; padding-top: calc(25vh);
	left:10vw;  
}


ul{ list-style: none; padding:0px;}	
	 
	 
.main_div2{max-width: 1300px;  margin-left: calc(50% - 650px); text-align: center;}
	 
.text1 , .text2 , .text3 , .text4 { color: #fff; user-select: none; font-size: 1.5em;}
.text1, .text3  { font-size:20px;}
.text2  { font-size:23px;}
.text4  { font-size:15px; margin-top:50px;}

.about_img{ float:left;} 
.about_img1{ width: 800px; position: relative; left: 7vw; top: 5vh;} 
.about_img2{ width: 400px; position: relative;   bottom: 20vh;}
.about_text{ float:left; width: 400px; position: relative;  text-align: left; top: 25vh; }
.about_text_1 { font-size:15px;}
.about_text_2 { font-size:23px; line-height: 40px; }
.gb {  } 
.rooms_text{ width: 400px; position: relative;  text-align: left; top: 5vh; }
.rooms_text_0 {margin:50px 0 0 0; font-size:13px;}
.rooms_text_1 {  margin-top:110px; font-size:30px; line-height: 40px; }
.rooms_text_2 {font-size:17px; margin-top:30px; color:#A18661}

.rooms_category{ width: 400px; position: relative;  text-align: left; top: 15vh; }
.rooms_category a{ color:#888!important; }
.rooms_category a:hover{ color:#000!important; }
.rooms_category .active{ color:#000!important; }
.rooms_category .category_list ul{ margin-top:60px; }
.rooms_category .category_list li{ padding-bottom:15px; font-size:17px;}

.rooms_category .category_list .active::after{ 
	content:""; margin:0px 0 4px 10px; display: inline-block;
	background: url(/assets/img/hub/arrow_right_s.png) no-repeat 0px 0px; 
	height: 4px;    width: 16px;    
}

.sub_text{ color:#A18661; font-size:17px; }
.goto{ padding-bottom: 3px; color:#fff; cursor:pointer;}
.goto::after{ 
	content:""; margin:0px 0 4px 10px; display: inline-block;
	background: url(/assets/img/hub/goto_bar_white.png) no-repeat 0px 0px; 
	height: 1px;    width: 16px;    
}
.rooms_img{ float:right; width:840px ; position: relative; margin-top:15vh;  right:150px;}

.facilities_text {  position:relative;    }
.facilities_img_slide { position:relative;  margin-top:100px; margin-bottom:30vh; }
.facilities_text_1 { letter-spacing:0px;  margin-top:100px; font-size:30px;  }
.facilities_text_2 {  margin-top:100px; font-size:23px;  }

.pensions_img_slide { position:relative;  margin-top:2%; z-index:1; height:90%; }
.pensions_text {  position:relative;    }
.pensions_text_1 { letter-spacing:1.5px;   margin-top:100px; font-size:23px;  }
.pensions_text_2 {  margin-top:100px; font-size:23px;  }
.pensions_img_div { min-height:340px; }
.pensions_img_up { opacity: 1; transition: opacity 0.5s linear; width: 100%; position: absolute; top: 0px; z-index:10;}
.pensions_img { width: calc(100% - 30px);; position: absolute; top: 0px; z-index:10;}
.pensions_title { width: calc(100% - 30px);text-align:center; font-weight:300; font-size:20px; position: absolute; margin-top: 35% ; z-index:20;}
.pensions_img_up:hover { opacity: 0; } 

.offers_text { width:100%;  position:relative; text-align:center; color:#000; }
.offers_img p{ text-align: left; margin-top: 20px; }
.offers_img hr{ margin-top: 0px;  margin-bottom: 15px; border-top: 1px solid #5E5E5E; width:80%;float:left;}
.offers_img .brand{ text-align: left; font-size:17px; }
.offers_img .subject{ text-align: left; font-size:20px; font-weight:500; }
.offers_img .explane{ text-align: left; font-size:13px; }
.offers_text_1 {  margin-top:100px; font-size:30px;  }

/*
.rooms_category .category_list a:hover::after{ 
	 content:""; margin:0px 0 4px 10px;display: inline-block;
	background: url(/assets/img/hub/arrow_right_s.png) no-repeat 0px 0px; 
	height: 4px;    width: 16px;    
}

*/
 
.rooms_img .carousel-indicators { display:none;}

.banner1_text {margin-top:20vh;  position: absolute; right:7vw; }
.hz3 {   writing-mode: vertical-lr; color:#fff; font-size:25px; line-height:40px;    letter-spacing: 13px;}

.banner_img1 img{ width:100vw;}

.map_info{ position: absolute;
    background: white;
    text-align: center;
    padding: 80px;
    font-size: 15px;
    line-height: 25px;
    right: 10vw;
    margin-top: -380px;
}

#about img{ width:100%; }
 
	.rooms_text_m{ position: relative;
	    left: 20px;
	    text-align: left;
	    top: 10vh;
    }
    
    .rooms_img_m { padding:0 20px; position:relative; top:15vh; }
    .rooms_category_m {  padding: 0 30px;  position: relative;   top: 10vh; }
 
	.rooms_category_m a{ color:#888!important; }
	.rooms_category_m a:hover{ color:#000!important; }
	.rooms_category_m .active{ color:#000!important; }
	.rooms_category_m .category_list ul{ margin-top:60px; }
	.rooms_category_m .category_list li{ padding-bottom:15px; }
 
	.rooms_category_m .category_list .active::after{ 
		 content:""; margin:0px 0 4px 10px;display: inline-block;
		background: url(/assets/img/hub/arrow_right_s.png) no-repeat 0px 0px; 
		height: 4px;    width: 16px;    
	}

.map { width:100vw; }


	#rooms .glyphicon-chevron-left {
	    background: url(/assets/img/hub/arrow_banner_left.png) no-repeat 0px 0px; 
	}
	
	#rooms .glyphicon-chevron-right {
	    background: url(/assets/img/hub/arrow_banner_right.png) no-repeat 0px 0px; 
	}
	
	#rooms .glyphicon-chevron-left:before {
		content:"";
	    background: url(/assets/img/hub/arrow_banner_left.png) no-repeat 0px 0px; 
	}
	
	#rooms .glyphicon-chevron-right:before {
		content:"";
	    background: url(/assets/img/hub/arrow_banner_right.png) no-repeat 0px 0px; 
	}
	
	/*
	#rooms .left {
		left:780px;
	}
	
	#rooms .right {
		left:820px;
	}
	*/
	#rooms .carousel-control {
	    opacity:1;
	}
	#rooms .controls {
		position: absolute;
	    width: 95px;
	    bottom: -30px;
	    right: 0px;
	}

.facilities_img .owl-pagination { display:none; }

.main_img_top_1_wrap{ height:100vh;}
.main_img_top_2_wrap{ height:100vh;}
.main_img_top_3_wrap{ height:100vh;}

.pensions_inner {height: calc(100% - 120px);}
.pensions_inner img {width:100%;}
.pensions_img {width: calc(100% - 30px);}
.pensions_img_up {width: calc(100% - 30px);}

@media (max-width:1397px) {  
	.responsive .w-main h2 { font-size:36px; }
	
	.rooms_text_m{  top:0px;   }
    
    .rooms_img_m { top:50px; }
    .rooms_category_m {top:30px; }
	
	.about_img{ 
		float: none;
	    position: absolute;
	    width: 100vw;
	    margin-top: 100px;
    } 
	.about_text{
		width: 40vw;
	    position: relative;
	    left: 20px;
	    text-align: left;
	    top: 0vh;
	    padding-top: 10vh;
	    float: none ;
	    top: auto;
    	padding-top: 10vh;
	}
	
	.main_div {
	    width:100vw;
	    margin: 0;
	}
		
	
	.about_text_1 {font-size:13px;}
	.about_text_2 {font-size:22px; line-height: 27px; margin-top:60px }
	
	
	.about_img1{width: 70vw; position: absolute;  top:0vh; left:auto; right: 50px;  }
	.about_img2{width: 32vw; position: absolute; left: 200px; top: 250px; }
	
	
	.main_img_top{
		background-image: url('/assets/img/hub/main_image_bg_m.png');
	}
	
	#rooms{
		background-color: #EFEAE6; padding: 60px 30px;
	}
	
	.rooms_text_1 { margin:0px;}
	
	.rooms_img{ float: none; width: 60%; padding: 0 20px; right: 30px; margin-top: 50px; position: absolute;}
	
	
	/*
	.rooms_category_m .category_list li {
	    float: left;  width: 33%;
	    font-size: 11px;
	}
	*/
	
	.banner1_text {
	    right: 0;
	    left: 7vw;
	}
	
	.hz3{ font-size:25px; line-height:33px; letter-spacing: 10px;  }
	
	.facilities_text { width: 100vw; left: 30px; }	
	.facilities_img_slide { width:100vw; padding:0 30px; left:0px; }
	.facilities_img .in-subject { bottom:0px;right: 10px; font-size:12px; }

	.offers_text { width: 100vw;  left: 30px; height:auto;}
	.offers_img {  width: calc( 100vw - 30px);  left: 30px; margin-top:30px; }
	.offers_img .subject { margin:0 0 5px 0;   }
	.offers_img hr { margin:0 0 5px 0; border-top:1px solid #131313; }
	.offers_nav{ display:none;}
	
	.map { width:100vw; height:450px; }
	.map_info { 
	    display:none;
	 }
	 
	 .at-container { max-width: 100vw; }
	 
	 
	 .text1, .text3  { font-size:16px;}
	 .text2  { font-size:20px;}
	 .text4  { font-size:14px;}
	 
	 #side_navbar{ display:none!important;}
	 
	 .rooms_img .carousel-indicators { display:block;}
	 .facilities_img .owl-pagination { display:block; }
	 
	 .top_title { left:6vw; }
	 
	 .facilities_img_slide {   margin-bottom:1vh; }
}

 	
@media (max-width:500px) { 
	#main_menu_m ul li{padding: 5px;}
	#sch_area_btn{text-align: left;}
	.btn_rev{bottom:10px;}
	
	.btn_search{width:100%;} 
	.rev_box_brand, .rev_box_date, .rev_box_cnt{width: 100%; left: 0px;  height: calc(100% - 58px);  bottom: auto; z-index: 1040;}
	.date_box_inner { padding: 40px 30px;} 
	.responsive .w-main h2 { font-size:36px; }
	section{ min-height:100vh;} 
	
	
	.rooms_text_m{ position: relative;
	    left: 20px;
	    text-align: left;
    }
    
    .rooms_img_m { padding:0 20px; position:relative; top:15vh; }
    .rooms_category_m {  padding: 0 30px;  position: relative;   top: 10vh; }
	
	.about_img{ 
		float: none;
	    position: absolute;
	    width: 100vw;
	    margin-top: 400px;
    } 
	.about_text{
		width: 75vw;
	    position: relative;
	    left: 20px;
	    text-align: left;
	    top: 0vh;
	    padding-top: 10vh;
	    float: none ;
	    top: auto;
    	padding-top: 10vh;
	}
	
	.main_div {
	    width:100vw;
	    margin: 0;
	}
		
	
	.about_text_1 {font-size:13px;}
	.about_text_2 {font-size:22px; line-height: 27px; margin-top:60px }
	
	
	.about_img1{width: 80vw;  top:0vh; left: calc(20vw - 20px);}
	.about_img2{width: 37vw; position: relative; left: 20px; top: 150px; }
	
	
	.main_img_top{
		background-image: url('/assets/img/hub/main_image_bg_m.png');
	}
	
	#rooms{
		background-image: url('/assets/img/hub/rooms_bg_m.png');
	}
	
	.rooms_text_1 { margin:0px;}
	
	.rooms_img{ float:none; width:100vw; padding:0 20px; right:0vw;}
	
	
	#banner1{
		background-image: url('/assets/img/hub/main_banner1_m.png');
	}
	
	/*
	.rooms_category_m .category_list li {
	    float: left;  width: 33%;
	    font-size: 11px;
	}
	*/
	
	.banner1_text {
	    right: 0;
	    left: 7vw;
	}
	
	.hz3{ font-size:15px; line-height:23px; letter-spacing: 5px;  }
	
	.facilities_text { width: 100vw; left: 30px; }	
	.facilities_img_slide { width:100vw; padding:0 30px; left:0px; }
	.facilities_img .in-subject { bottom:0px;right: 10px; font-size:12px; }

	
	.map { width:100vw; height:450px; }
	.map_info { 
		position: relative;
	    padding: 80px;
	    right: 0px;
	    font-size: 13px;
	    margin: 30px;
	    width: calc(100vw - 60px);
	    box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.2);
		
	 }
	 
	 .at-container { max-width: 100vw; }
	 
	 .top_title { left:3vw; }
	 
	 .text1, .text3  { font-size:15px;}
	 .text2  { font-size:18px;}
	 .text4  { font-size:12px;}
	 
	 #side_navbar{ display:none!important;}
	 
	 .rooms_img .carousel-indicators { display:block;}
	 .facilities_img .owl-pagination { display:block; }
}
 
 
#main_menu_m{ position: absolute; color:#fff; font-size:16px; font-weight:500; bottom:15vh; width:100vw; z-index:10; } 

#main_menu_m ul li { padding:5px 30px; } 
#main_menu_m .reservation { text-align: right; float:right;position: absolute; 
			right: 30px; bottom: 10px; 
			border: 1px solid #fff;   padding: 10px 20px;
} 

.forced_left { left:0px!important;}
#main_intro .item { background-size:cover; background-position:center center; background-repeat:no-repeat; }
			#main_intro .img-wrap { padding-bottom:607px; }
			#main_intro .tab-indicators { position:absolute; left:0; bottom:0; width:100%; }
			#main_intro .nav a { background: rgba(255,255,255, 0.9); color:#000; border-radius: 0px; margin:0px; }
			#main_intro .nav a:hover, #rvhtnklgpwijsquomf .nav a:focus,
			#main_intro .nav .active a { background: rgba(0,0,0, 0.6); color:#fff; }
			
			.main_intro{
				    position: absolute;
				    z-index: 0;
				    min-width: 100%;
				/*    min-height: 100%;  */
				    left: 0px;
				    top: 0px;
				    overflow: hidden;
				    opacity: 1;
				    background-image: none;
				    transition-property: opacity;
				    transition-duration: 1000ms;
			}
			.main_img_top_1{ 
		  		width: 100vw;
		        height: 100vh;
		        overflow: hidden;
		        text-align: center;
			}
			
			#main_img_top_2{
			 	width: 100vw;
		        height: 100vh;
			}
			#main_img_top_3{
			 	width: 100vw;
		        height: 100vh;
			}
			.main_img{
				background-size: cover!important;
		  		width: 100vw;
		        height: 100vh;
		        text-align: center;
		        overflow: hidden;
		        position: absolute;
    			top: 0px;
    			transform: rotate(0deg);
 			    animation-fill-mode: forwards; /* 종료 후 위치 */
			}
			
			
			@-webkit-keyframes zoom-b {
			  0% {
			    transform: scale(1)
			  }
			  100% {
			    transform: scale(1.2)
			  }
			}
			@-moz-keyframes zoom-b {
			  0% {
			    transform: scale(1)
			  }
			  100% {
			    transform: scale(1.2)
			  }
			}
			@-o-keyframes zoom-b {
			 0% {
			    transform: scale(1)
			  }
			  100% {
			    transform: scale(1.2)
			  }
			}
			@keyframes zoom-b {
			  0% {
			    transform: scale(1)
			  }
			  100% {
			    transform: scale(1.2)
			  }
			}
			.selected {
			  -webkit-animation: zoom-b 2s ease-out 1 forwards; 
			  -moz-animation:    zoom-b 2s ease-out 1 forwards; 
			  -o-animation:      zoom-b 2s ease-out 1 forwards; 
			  animation:         zoom-b 2s ease-out 1 forwards; 
			}
			
			
			
			.top_title_fadein {
			    animation: fadein 7s ease-out 1 forwards; 
			    -moz-animation: fadein 7 ease-out 1 forwards; 
			    -webkit-animation: fadein 7s ease-out 1 forwards; 
			    -o-animation: fadein 7s ease-out 1 forwards; 
			}
			@keyframes fadein {
			    from {
			        opacity:0;
			    }
			    to {
			        opacity:1;
			    }
			}
			@-moz-keyframes fadein { /* Firefox */
			    from {
			        opacity:0;
			    }
			    to {
			        opacity:1;
			    }
			}
			@-webkit-keyframes fadein { /* Safari and Chrome */
			    from {
			        opacity:0;
			    }
			    to {
			        opacity:1;
			    }
			}
			@-o-keyframes fadein { /* Opera */
			    from {
			        opacity:0;
			    }
			    to {
			        opacity: 1;
			    }
			}
			
.offers_nav{
 	position: absolute;
 	bottom:0px;
 }
 
 #offers .offer-previous-button {
    background: url(/assets/img/hub/arrow_offers_left.png) no-repeat 0px 0px;
    width:30px; height:30px;
    float:left;
    cursor:pointer;
}
 #offers .offer-next-button {
    background: url(/assets/img/hub/arrow_offers_right.png) no-repeat 0px 0px;
    width:30px; height:30px;
    margin-left:40px;
    cursor:pointer;
}

.offers_img .sub_title2 img { font-size:12px;}
.offers_img .explane  { font-size:10px;}
.offers_img .room_title img { width:100%;}