@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700'); /* font-family: 'Raleway', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i'); /* font-family: 'Merriweather', serif; */

html, body {
        position: relative;
        height: 100%;
		overflow:hidden;
    }
body { background:#c2b391;}


.main_container { width: 100%; height: 100%;}
.swiper-slide { position:relative;}
.mainTypo { position:absolute; right:36.5%; top:43%; opacity:1; color:#fff; z-index:5; padding:10px}
.mainTypo p { font-family: 'GothamLight', sans-serif; font-size:2.5em; line-height:1em; text-transform:uppercase; opacity:0; text-align:center;}
.mainTypo div {  font-family: 'GothamLight', sans-serif; font-size:1.2em; line-height:1.5em; padding:0 0 16px 0;  opacity:0; filter: alpha(opacity=0;);}
.swiper-slide-active .mainTypo p.mainTypo01 { opacity:1;}
.swiper-slide-active .mainTypo p.mainTypo02 { opacity:1; border-top:3px solid #fff; padding:16px 0 0 0; }
.swiper-slide-active .mainTypo p.mainTypo03 { opacity:1; border-top:3px solid #fff;}
.swiper-slide-active .mainTypo div { opacity:1; border-bottom:3px solid #fff;}

.mainVideo_area { position:absolute; width:100%; height:100%; overflow:hidden; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.main_video {position: absolute;top: 50%; left: 50%; min-width:100%; min-height:100%; width:auto; height: auto; transform: translateX(-50%) translateY(-50%); z-index:2; }
.mobile_video {position: absolute;top: 50%; left: 50%; min-width:100%; min-height:100%; width:auto; height: auto; transform: translateX(-50%) translateY(-50%); z-index:2; }

.mainCon02 { }
.mainSlider, .mainSlider .lSSlideOuter  { position:relative; /*width:calc(100% - 150px); height:100h !important;*/ z-index:1;}
.lSSlideWrapper { z-index:1;}
.mainSlider .lightslider, .mainSlider .lightslider li { /*height:100h !important;*/  padding-bottom:0 !important;}
.mainSlider .lSAction { position:absolute; width:120px; height:58px; left:51.3%; bottom:33%; margin-left:-60px; z-index:2;}
.mainSlider .lSAction > a { position:absolute; display:inline-block;width:40px; height:40px; top:0; margin:0; font-family: 'Oranienbaum', serif; font-size:5em; line-height:40px;  color:#fff; text-align:center; opacity:1; filter: alpha(opacity=100;); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:2;}
.mainSlider .lSAction > a.lSPrev { left:10px;}
.mainSlider .lSAction > a.lSPrev:hover { left:0;}
.mainSlider .lSAction > a.lSNext {right:10px;}
.mainSlider .lSAction > a.lSNext:hover {  right:0px;}

.count { position:absolute; display:block; width:60px; right:200px; bottom:40px; text-align:center; font-family: 'Playfair Display', serif; font-size:1.5em; line-height:1.5em; color:#fff;  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);z-index:5;}
.count .current { position:absolute; right:35px; top:-10px;}
.count .count_line {}
.count .total { position:absolute; left:35px; bottom:-5px;}

.spList {}
.spList > li {position:relative; height:33.33vh; overflow:hidden;}
.spList li:after {content:"";display:block;clear:both; }
.spList li a.spLink { display:block; width:100%; height:100%; }
.spList li .spImg { float:left; position:relative; display:block; width:65%; height:33.33vh; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; overflow:hidden;}
.spList li .spImg iframe {position:absolute; top: 50%; left: 50%; width:250%; min-height:250%; height: auto; transform: translateX(-50%) translateY(-50%); z-index:2;}
.spImg .lightslider li { height:33.33vh; }
.spList li.spCon02 .spImg { width:45%;}
.spList li.spCon03 .spImg { float:right; width:45%;}
.spList li.spCon04 .spImg { float:left;}
.spList li .spText { float:left; margin:0 5%; color:#fff; padding-top:5%; padding-top:10vh; opacity:0.5; filter: alpha(opacity=50;);  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.spList li:hover .spText, .spList li a:hover .spText, .spList li a:focus .spText { opacity:1; filter: alpha(opacity=100;); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.spList li.spCon03 .spText { position:absolute; right:45%;}
.spList li.spCon04 .spText { position:absolute; right:5%;}
.spList li .spText .title { display:block; font-family: 'GothamLight', sans-serif; font-size:2.3em; line-height:1.5em; text-transform:uppercase; margin-bottom:0.5em;}
.spList li .spText .text {}

.roomList { position:relative; top:33%; z-index:3;}
.roomList:after {content:"";display:block;clear:both;}
.roomList li { position:relative; float:left; width:25%; overflow:hidden;}
.roomList li a { display:block;}
.roomList li a span { position:absolute; width:100%; left:0; top:50%; margin-top:-0.5em; text-align:center;  font-family: 'GothamMedium', sans-serif; font-size:2.3em; line-height:1em; text-transform:uppercase; color:#fff; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0; filter: alpha(opacity=0;); -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); text-shadow:2px 2px rgba(0, 0, 0, 0.2);
z-index:3;}
.roomList li a:hover span, .roomList li a:focus span { opacity:0.8; filter: alpha(opacity=80;); }
.roomList li img { width:100%; vertical-align:top; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.roomList li .img_off { position:relative; z-index:1;}
.roomList li .img_on { position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.roomList li a:hover .img_on, .roomList li a:focus .img_on { opacity:1; filter: alpha(opacity=100;); }
.roomList li a:hover img, .roomList li a:focus img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.mainCopy_bg { position:absolute; width:calc(100% - 150px); height:50%; right:0; bottom:0; background:#ededed; z-index:1;}

#hd_pop {z-index:1000;position:relative;margin:0 auto; width:100%;  max-width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.swiper-pagination-bullet { width:70px; height:50px; border-radius:0;opacity:1; filter: alpha(opacity=100;);}
.swiper-pagination-bullet-active { background:#000;}
.swiper-pagination-bullet img { width:100%; vertical-align:top; opacity:0.2; filter: alpha(opacity=20;); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.swiper-pagination-bullet.swiper-pagination-bullet-active img { opacity:1;filter: alpha(opacity=100;);}

.mainLine { position:absolute; width:calc(100% - 150px); height:100%; left:150px; top:0; opacity:0.2;filter: alpha(opacity=20;); z-index:1; }
.mainLine div { position:absolute; width:1px; height:100%; top:0; background:#ededed;}
.mainLine01 { left:24.99%;}
.mainLine02 { left:49.99%;}
.mainLine03 { left:74.99%;}

@media  (max-width: 1600px){
.mainTypo{right:33.5%; top:40%;}
}


@media  (max-width: 1280px){

#hd_pop {z-index:1000;position:relative;margin:0 auto; width:100%;  max-width:970px;height:0}
}



@media  (max-width: 768px){
}

@media  (max-width: 560px){
}