@charset "utf-8";


@media(max-width:2560px) {
	.visual {/*min-height: 980px;*/}
	.offers {background-size: 100% 100%; min-height: 1334px; background-size: cover; }
	.rooms {background-size: 100% 100%;min-height: 1382px; background-size: cover;}
	.wedding {background-size: 100% 100%;min-height: 1334px; background-size: cover;}
}
@media(max-width:1920px) {
	.visual {min-height: 620px;}
	.offers {background-size: 100% 100%; min-height: 934px; background-size: cover; }
	.rooms {background-size: 100% 100%;min-height: 1182px; background-size: cover;}
	.wedding {background-size: 100% 100%;min-height: 1131px; background-size: cover;}
}
@media(max-width:1800px) {
	/*instagram*/
	#insta-pics {width:82.5%;}
	.insta-box {margin: 4px 3.5% 0 ; transition: all 0.3s ease 0s;}

}
@media(max-width:1700px) {
	/*instagram*/
	.insta-box {margin: 4px 3.0% 0 ; transition: all 0.3s ease 0s;}
}
@media(max-width:1680px) {
	/*instagram*/
	#insta-pics {width:82.5%; transition: all 0.3s ease 0s;}
	.insta-box {margin: 4px 2.9% 0 ; transition: all 0.3s ease 0s;}
	.insta-list .list {width: 100%;}

	.offers .flexslider {width:85.0%;}
	.rooms .rooms-list {width:80.0%;}
}
@media(max-width:1520px) {
	/*instagram*/
	.insta-box {margin: 4px 2.6% 0 ; transition: all 0.3s ease 0s;}
}
@media(max-width:1440px) {
	/*instagram*/
	#insta-pics h2 {text-align:center; width:100%;}
	#insta-pics {width:82%;padding-bottom:50px; transition: all 0.3s ease 0s;}
	.insta-box {margin: 4px 2.0% 0 ; display:inline-block; transition: all 0.3s ease 0s;}

	.bnr-text {top:24%;}
}
@media(max-width:1366px) {
	/*instagram*/
	.insta-box {margin: 4px 2.0% 0 ; display:inline-block; transition: all 0.3s ease 0s;}
}
@media(max-width:1365px) {
	/*instagram*/
	.insta-list .list {width: 100%; position: relative; overflow: hidden;margin-bottom: 50px;}
	.insta-box {margin: 4px 1.9% 0 ;}
	.insta-box:nth-child(2n) {margin-top:4%;}
}
@media(max-width:1335px) {
	.insta-box {margin: 4px 1.6% 0 ;}
}
@media(max-width:1280px) {
	/*instagram*/
	.insta-list .list {width: 110%;}
	.insta-box:nth-child(2n) {margin-top:5%;}
}

@media (max-width: 1199px) {
	/*instagram*/
	.insta-list .list {width: 140%;}
}
@media (max-width: 1050px) {
	#main {margin-left: 0;}
	section{padding-top:79px;}
	#main .top-side {width:100%; top:120px;}

	.bnr-text {top:22%;}
	.bnr-text .visual-title {text-align:center; padding:0 10px; transition:all 0.3s ease;}
	.bnr-text .visual-text {text-align:center; padding:0 10px; transition:all 0.3s ease;}

	.offers .title ,.rooms .cotegory-text ,.wedding .cotegory-text {margin-top:140px;}
	.wedding {min-height: 1180px; background-size:200% 100%; background-position:0 center;    background-position: center center;
    background-size: cover;}
	footer#footer {position: absolute;left:0;bottom: 0; z-index:50; height:auto;}

	/*instagram*/
	.insta-list .list {width: 100%;}
	.insta-box:nth-child(2n) {margin-top:5%;}
	.insta-box {margin: 4px 14px 0 ; }
	#insta-pics .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff ; background-color: rgba(255,255,255,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}
	#insta-pics .mCSB_scrollTools .mCSB_draggerRail{
		background-color: #fff; background-color: rgba(255,255,255,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}
}
@media (max-width: 1024px) {
	/*instagram*/
	.insta-list .list {width: 100%;}
	.insta-box {margin: 4px 12px 0;}
	.insta-box:nth-child(2n) {margin-top:7%;}
}
@media (max-height: 1024px) {
	.slides-navigation {bottom: 15.5%;}
	.slide-control {bottom: 12.5%; }
	.go-down {bottom: 7.5%;}
}

@media (max-width: 991px) {
	.bnr-text {top:24%;}
	.offers .flexslider {width:75.0%;}
	.rooms .rooms-list {width:80.0%;}
	/*instagram*/
	.insta-list .list {width: 140%;}
}

@media (max-width: 860px) {

}

@media (max-width: 768px) {
	footer#footer .footer-menu {display:none;}
	/*instagram*/
	.insta-list .list {width: 170%;}
}
@media (max-height: 768px) {
	.slides-navigation {bottom: 19.5%;}
	.slide-control {bottom: 15.5%; }
	.go-down {bottom: 9.5%;}
}
/*Phones (<768px)*/
@media (max-width: 767px){
	.slide-control,.slides-navigation {display:none;}
	.slides-pagination {margin-left:0;}
	.bnr-text {top:22%/* 26% */;}
	/* .bnr-text .visual-title ,
	.bnr-text .visual-text {display:none;} */

	.flex-direction-nav a {top:84%;}

	#insta-pics {width:92%;}
	.insta-box:nth-child(2n) {margin-top:5%;}

	.rooms .rooms-list .flex-viewport {padding:10px 0 30px;}

	
}

@media (max-width: 660px){
	.bnr-text {top:21%;}
	.bnr-text h1 {margin: 0;margin-bottom: 0;font-size:2.667em;line-height: 1.3em;letter-spacing: -0.02em;}
	/* .bnr-text .visual-text {line-height: 1.4em;font-size: 1.200em ;} */
	.bnr-text .visual-text {line-height: 1.4em;font-size: 1.000em ;}

	/*main section move menu*/
	#main .main-menu {position: fixed;right:auto;left:0;top:auto;bottom:0;width:100%;height:60px;background: rgba(255,255,255,0.9);z-index: 190;}
	#main .main-menu ul.main-menu-list {overflow: hidden; }
	#main .main-menu ul.main-menu-list li {position: relative;margin: 0;width: 23%;text-align:center;float:left;}
	#main .main-menu ul.main-menu-list li span {display:block;}
	#main .main-menu ul.main-menu-list li a {width:auto; height:50px;position: relative;font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:700;  color:#3b3b3b; letter-spacing:-0.02em; display: inline-block; padding:20px;background: none;  transition: all 0.3s ease 0s; }
	#main .main-menu ul.main-menu-list li.active a {width:auto;   line-height:2.1em;background:none;  transition: all 0.3s ease 0s; }
	#main .main-menu ul.main-menu-list li.active a:before{content:'▲'; position:absolute; left:0; top:0;width:100%; transition: all 0.3s ease 0s;text-align:center; }

	/*instagram*/
	.insta-list .list {width: 210%;}
}
@media (max-width: 550px){
	.reservation-bar {top:60%;}
	.reservation-bar .day-list {width:100%;}
	.reservation-bar .day-list .checkin {margin-left: 13.5%;}
	.reservation-bar .day-list li:last-child {width:100%; text-align:center;}
	.reservation-bar .day-list li:last-child .btn-search {margin:0; width:166px;height:35px; font-size:18px;}
	.go-down {bottom:12%;}
}
@media (max-width: 480px){
	.bnr-text .visual-title {font-size:1.767em;}
	.bnr-text .visual-text {font-size: 0.900em ;}

	.offers .flexslider {width:85.0%;}
	.offers .flexslider ul.slides {margin-left:0;}
	.offers .flexslider ul.slides > li {position: relative;   margin:0 1px 0 23px;max-width:296px; padding: 0 0 10px; }
	.offers .flexslider ul.slides > li a {display: block; width:296px !important;}
	.offers .flexslider .period {position:absolute; top:45.9%; }
	.offers .flexslider .pic img {min-height:231px; }
	.bnr-text .visual-img  {width:70%;  margin:0 auto;}

	.rooms .rooms-list {width:85.0%;}
	.rooms .rooms-list ul.slides {margin-left:0;}
	.rooms .rooms-list ul.slides > li {margin:0 1px 0 22px; }
	.rooms .rooms-list ul.slides > li:first-child {margin-left:0;}
	.offers .title,.rooms .title,.wedding .title {font-size:2.100em; padding:0 20px;}

	/*instagram*/
	.insta-list .list {width: 250%;}
	.insta-list {height: 165px}
	.insta-box:nth-child(2n) {margin-top:4px;}
	.insta-box {margin: 4px 10px 0 ;}
	#insta-pics {margin: 14% auto 0;}

}
@media (max-width: 450px){
	#main .top-side {width:100%; top:79px;}
	.offers .title ,.rooms .cotegory-text ,.wedding .cotegory-text {margin-top:100px; }
	.go-down {display: none;}
	.reservation-bar .day-list .checkin {margin-left: 8.5%;}
	.reservation-bar .day-list .arrow {width:20%;}

	.offers {background-size: 250% 100%; background-position:0 0;min-height: 654px;    background-size: cover;    background-position: center center; }
	.rooms {background-size: 250% 100%;min-height: 1057px;}
	.wedding {background-size: 250% 100%; background-position:0 0; min-height: 1184px;}

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

	.wedding {min-height: 1066px; background-size:400% 100%;    background-size: cover;    background-position: center center;}
	.offers .title,.rooms .title,.wedding .title {margin-bottom:15px;}

	.bnr-text .visual-img  {width:50%;}
	.bnr-text .visual-title {font-size:1.567em;}
	.bnr-text .visual-text {font-size: 1.000em ;  padding: 0 20px;}

	.rooms {background-position:20% center;    background-size: cover;    background-position: center center;}
	.wedding p.text-group {margin:0 0 25px;}

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

	.offers .flexslider ul.slides {margin-left: -7px; width:100%;}
	.offers .flexslider {width:90.0%;}
	.rooms .rooms-list {width:90.0%;}

	.bnr-text .visual-img  {width:40%;  margin:0 auto;}
	.bnr-text {top:21%/* 23% */;}
	.bnr-text .visual-title {font-size:1.567em;}
	.bnr-text .visual-text {font-size: 1.000em ;}

	/*.reservation-bar .day-list li {width:100%; text-align:center;}*/
	/*.reservation-bar .day-list {width: 100%;margin: 0 auto;padding: 10px 0;min-height: 170px;background:rgba(0,0,0, 0.6);}
	.reservation-bar .day-list .arrow {height:auto; width:100%;}
	.reservation-bar .day-list li {padding:10px 0;}*/
	.reservation-bar .day-list {}
	.reservation-bar .day-list .checkin {margin-left:6%;}
	.reservation-bar {top:56%;}

	#main .top-side {width:100%; top:79px;}
	.offers .title ,.rooms .cotegory-text ,.wedding .cotegory-text {margin-top:100px; }

	.wedding {min-height: 966px; background-size:400% 100%;}
	.wedding .btn-more {margin-top:30%; display:inline-block; text-align:center; color:#fff;}
	.wedding .btn-more:before ,.wedding .btn-more:after  {background:#fff;}
}
@media (max-width: 320px) {
	.bnr-text {top:18%;}
	.bnr-text .visual-title{font-size:1.600em; margin-top:6%; line-height: 1.2em;}
	.bnr-text .visual-text {font-size: 0.9em; padding: 10px 10px;}

	.reservation-bar {top:53%;}

	#main .top-side .day ,
	#main .top-side .time {font-size:1.150em/*20px*/; line-height:1.1em; }
	#main .top-side .time-weather {position: relative; width: 100%; min-width: 314px; height:75px;}
	#main .top-side .time-weather dd {padding:0 2px; line-height:2.5em;}
	#main .top-side .weather {width:100%; margin-top:-5px;}
	#main .top-side .weather span {display: inline-block; vertical-align:top; padding: 0 3px;}
	#main .top-side .weather span:nth-child(2) {font-family: 'notokr-bold';font-size:2.000em/*36px*/; line-height: 1.6em; }
	#main .top-side .weather span:nth-child(2) .unit {font-size:20px; font-family: 'notokr-bold';line-height: 2.9em;  }
	#main .top-side .weather span:nth-child(3) {font-family: 'notokr-regular';font-size:0.838em/*15px*/;line-height: 4.3em;}
	#main .top-side .weather span:nth-child(5) {font-family: 'notokr-light'; font-size:0.838em/*15px*/; line-height: 4.3em;}

	#main .main-menu ul.main-menu-list li a {font-size: 16px; }

	.offers .flexslider ul.slides > li {position: relative;  margin:0 10px; max-width:278px; padding: 0 0 10px; }
	.offers .flexslider ul.slides > li a {display: block; width:278px !important; }
	.offers .flexslider .period {position:absolute; top:43.1%; }
	.offers .flexslider .pic img {min-height:214px; }

	.rooms .rooms-list ul.slides > li {position: relative;  max-width:278px;  margin:0 10px; padding: 0 0 10px; }
	.rooms .rooms-list ul.slides > li a {display: block; width:278px !important; }
	.rooms .rooms-list ul.slides > li a .caption {width: 278px;}
	.rooms .rooms-list ul.slides > li a .caption span {width: 278px;}
	.rooms .rooms-list ul.slides > li .overlay {width: 278px;}
	.rooms .rooms-list .pic {width:100%; height:320px;}
	.rooms .rooms-list .pic img {height:320px;}
	.rooms .rooms-list ul.slides > li a .overlay:after {top: 57px;left: 83.7%;}

	.reservation-bar .day-list .checkin {margin-left:6%;}
	.reservation-bar .day-list .arrow {width:10%;}

	/*instagram*/
	.insta-list .list {width: 300%;}
	.insta-box {margin: 4px 9px 0 0 ;}

	.wedding .btn-more {margin-top:40%;}

}
@media only screen and (max-width: 320px) {

}
@media (max-width: 767px) and (orientation:landscape) {
	section{padding-top:59px;}
	#slides {min-height: 620px;}
	.bnr-text .visual-img  {width:40%;  margin:0 auto;}
	.bnr-text .visual-title{font-size:1.600em; margin-top:6%; line-height: 1.2em;}
	.bnr-text .visual-text {font-size: 0.9em; padding: 20px 10px;}
	.wedding {min-height: 866px;}
	#main .top-side {width:100%; top:80px;}
	.offers .title ,.rooms .cotegory-text ,.wedding .cotegory-text {margin-top:100px; }
	.offers .title,.rooms .title,.wedding .title  {font-size:2.0em;}
	.wedding p.text-group {margin-bottom:15px;}
	.offers .flexslider {width:95.0%;}
	.offers .flexslider ul.slides > li {position: relative;   max-width:296px; margin:0 1px 0 10px; padding: 0 0 10px; }
	.offers .flexslider ul.slides > li a {display: block; width:296px !important;}
	.offers .flexslider .period {position:absolute; top:48.9%;}

}