html, body {
	width:100%;
	min-height:100vh;
}
.wrap {
	width:100%;
	min-height:100vh;
	margin:0 auto;
    overflow:hidden;
	position:relative;
}

a {
	cursor:pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}
a:hover {
	transition: all 0.2s ease-out
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}
.mrow {
	margin: 0 -20px;
	width: calc(100% + 40px) !important;
}
.mrow > .w33p, .mrow > .w03p, .mrow > .w05p, .mrow > .w10p, .mrow > .w14p, .mrow > .w15p, .mrow > .w16p, .mrow > .w20p, .mrow > .w22p, .mrow > .w24p, .mrow > .w25p, .mrow > .w30p, .mrow > .w33p, .mrow > .w35p, .mrow > .w40p, .mrow > .w45p, .mrow > .w50p, .mrow > .w55p, .mrow > .w60p, .mrow > .w65p, .mrow > .w66p, .mrow > .w70p, .mrow > .w75p, .mrow > .w80p, .mrow > .w85p, .mrow > .w90p, .mrow > .w95p, .mrow > .w100p {
	padding: 0 20px;
}

@media only screen and (max-width: 500px) {
	.mrow {
		margin: 0 -15px;
		width: calc(100% + 30px) !important;
	}
	.mrow > .w33p, .mrow > .w03p, .mrow > .w05p, .mrow > .w10p, .mrow > .w14p, .mrow > .w15p, .mrow > .w16p, .mrow > .w20p, .mrow > .w22p, .mrow > .w24p, .mrow > .w25p, .mrow > .w30p, .mrow > .w33p, .mrow > .w35p, .mrow > .w40p, .mrow > .w45p, .mrow > .w50p, .mrow > .w55p, .mrow > .w60p, .mrow > .w65p, .mrow > .w66p, .mrow > .w70p, .mrow > .w75p, .mrow > .w80p, .mrow > .w85p, .mrow > .w90p, .mrow > .w95p, .mrow > .w100p {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 350px) {
	.mrow {
		margin: 0 -10px;
		width: calc(100% + 20px) !important;
	}
	.mrow > .w33p, .mrow > .w03p, .mrow > .w05p, .mrow > .w10p, .mrow > .w14p, .mrow > .w15p, .mrow > .w16p, .mrow > .w20p, .mrow > .w22p, .mrow > .w24p, .mrow > .w25p, .mrow > .w30p, .mrow > .w33p, .mrow > .w35p, .mrow > .w40p, .mrow > .w45p, .mrow > .w50p, .mrow > .w55p, .mrow > .w60p, .mrow > .w65p, .mrow > .w66p, .mrow > .w70p, .mrow > .w75p, .mrow > .w80p, .mrow > .w85p, .mrow > .w90p, .mrow > .w95p, .mrow > .w100p {
		padding: 0 10px;
	}
}

.bg-grey {
	background: #f5f5f5;
}


/******************** background ********************/

.slide1 {
	background: url("../images/main/main1.jpg");
	background-position: center bottom;
	background-size: cover;
}
.slide2 {
	background: url("../images/main/main2.jpg");
	background-position: center bottom;
	background-size: cover;
}
.slide3 {
	background: url("../images/main/main3.jpg");
	background-position: center center;
	background-size: cover;
}
.slide4 {
	background: url("../images/main/main4.jpg");
	background-position: center top;
	background-size: cover;
}

#section2 {
	background-size: cover;
	background: url("../images/main/mainwal-bg.jpg");
	background-position: center bottom;
}

#section3 {
	background-size: cover;
	background: url("../images/main/mainspecial-bg.jpg");
	background-position: center center;
}
#section3 .intro .cont .specialbox1 {
	background: url("../images/main/mainspecial-cafe.jpg");
	background-position: center center;
	background-size: cover;
}
#section3 .intro .cont .specialbox2 {
	background: url("../images/main/mainspecial-pool.jpg");
	background-position: center center;
	background-size: cover;
}
#section3 .intro .cont .specialbox3 {
	background: url("../images/main/mainspecial-sauna.jpg");
	background-position: center center;
	background-size: cover;
}
#section3 .intro .cont .specialbox4 {
	background: url("../images/main/mainspecial-bbq.jpg");
	background-position: center center;
	background-size: cover;
}

#section4 {
	background-size: cover;
	background: url("../images/main/mainservice-bg.jpg");
	background-position: center bottom;
}


#section5 .intro ul.imglistbox li:nth-of-type(1) {
	background: url("../images/main/imglist1.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(2) {
	background: url("../images/main/imglist2.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(3) {
	background: url("../images/main/imglist3.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(4) {
	background: url("../images/main/imglist4.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(5) {
	background: url("../images/main/imglist5.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(6) {
	background: url("../images/main/imglist6.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(7) {
	background: url("../images/main/imglist1a.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(8) {
	background: url("../images/main/imglist2a.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(9) {
	background: url("../images/main/imglistcafe.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(10) {
	background: url("../images/main/imglistpool.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(11) {
	background: url("../images/main/imglistsauna.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(12) {
	background: url("../images/main/imglistbbq.jpg");
	background-position: center center;
	background-size: cover;
}
#section5 .intro ul.imglistbox li:nth-of-type(13) {
	background: url("../images/main/imglistservice.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** outview background ********************/

.outview .slide1 {
	background: url("../images/outview/outview1.jpg");
	background-position: center center;
	background-size: cover;
}
.outview .slide2 {
	background: url("../images/outview/outview2.jpg");
	background-position: center center;
	background-size: cover;
}
.outview .slide3 {
	background: url("../images/outview/outview3.jpg");
	background-position: center center;
	background-size: cover;
}
.outview .slide4 {
	background: url("../images/outview/outview4.jpg");
	background-position: center center;
	background-size: cover;
}
.outview .slide5 {
	background: url("../images/outview/outview5.jpg");
	background-position: center center;
	background-size: cover;
}
.outview .slide6 {
	background: url("../images/outview/outview6.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room101 background ********************/

.room101 .slide1 {
	background: url("../images/101/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide2 {
	background: url("../images/101/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide3 {
	background: url("../images/101/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide4 {
	background: url("../images/101/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide5 {
	background: url("../images/101/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide6 {
	background: url("../images/101/room6.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide7 {
	background: url("../images/101/room7.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide8 {
	background: url("../images/101/room8.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide9 {
	background: url("../images/101/room9.jpg");
	background-position: center center;
}
.room101 .slide10 {
	background: url("../images/101/room10.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide11 {
	background: url("../images/101/room11.jpg");
	background-position: center center;
	background-size: cover;
}
.room101 .slide12 {
	background: url("../images/101/room12.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room101a background ********************/

.room101a .slide1 {
	background: url("../images/101a/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room101a .slide2 {
	background: url("../images/101a/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room101a .slide3 {
	background: url("../images/101a/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room101a .slide4 {
	background: url("../images/101a/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room101a .slide5 {
	background: url("../images/101a/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room101a .slide6 {
	background: url("../images/101a/room6.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room102 background ********************/

.room102 .slide1 {
	background: url("../images/102/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room102 .slide2 {
	background: url("../images/102/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room102 .slide3 {
	background: url("../images/102/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room102 .slide4 {
	background: url("../images/102/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room102 .slide5 {
	background: url("../images/102/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room102 .slide6 {
	background: url("../images/102/room6.jpg");
	background-position: center center;
	background-size: cover;
}
.room102 .slide7 {
	background: url("../images/102/room7.jpg");
	background-position: center center;
	background-size: cover;
}
.room102 .slide8 {
	background: url("../images/102/room8.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room102a background ********************/

.room102a .slide1 {
	background: url("../images/102a/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room102a .slide2 {
	background: url("../images/102a/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room102a .slide3 {
	background: url("../images/102a/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room102a .slide4 {
	background: url("../images/102a/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room102a .slide5 {
	background: url("../images/102a/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room102a .slide6 {
	background: url("../images/102a/room6.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room103 background ********************/

.room103 .slide1 {
	background: url("../images/103/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room103 .slide2 {
	background: url("../images/103/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room103 .slide3 {
	background: url("../images/103/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room103 .slide4 {
	background: url("../images/103/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room103 .slide5 {
	background: url("../images/103/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room103 .slide6 {
	background: url("../images/103/room6.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room104 background ********************/

.room104 .slide1 {
	background: url("../images/104/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room104 .slide2 {
	background: url("../images/104/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room104 .slide3 {
	background: url("../images/104/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room104 .slide4 {
	background: url("../images/104/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room104 .slide5 {
	background: url("../images/104/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room104 .slide6 {
	background: url("../images/104/room6.jpg");
	background-position: center center;
	background-size: cover;
}
.room104 .slide7 {
	background: url("../images/104/room7.jpg");
	background-position: center center;
	background-size: cover;
}
.room104 .slide8 {
	background: url("../images/104/room8.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room105 background ********************/

.room105 .slide1 {
	background: url("../images/105/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room105 .slide2 {
	background: url("../images/105/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room105 .slide3 {
	background: url("../images/105/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room105 .slide4 {
	background: url("../images/105/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room105 .slide5 {
	background: url("../images/105/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room105 .slide6 {
	background: url("../images/105/room6.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** room106 background ********************/

.room106 .slide1 {
	background: url("../images/106/room1.jpg");
	background-position: center center;
	background-size: cover;
}
.room106 .slide2 {
	background: url("../images/106/room2.jpg");
	background-position: center center;
	background-size: cover;
}
.room106 .slide3 {
	background: url("../images/106/room3.jpg");
	background-position: center center;
	background-size: cover;
}
.room106 .slide4 {
	background: url("../images/106/room4.jpg");
	background-position: center center;
	background-size: cover;
}
.room106 .slide5 {
	background: url("../images/106/room5.jpg");
	background-position: center center;
	background-size: cover;
}
.room106 .slide6 {
	background: url("../images/106/room6.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** cafe background ********************/

.cafe .slide1 {
	background: url("../images/cafe/cafe1.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide2 {
	background: url("../images/cafe/cafe2.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide3 {
	background: url("../images/cafe/cafe3.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide4 {
	background: url("../images/cafe/cafe4.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide5 {
	background: url("../images/cafe/cafe5.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide6 {
	background: url("../images/cafe/cafe6.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide7 {
	background: url("../images/cafe/cafe7.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide8 {
	background: url("../images/cafe/cafe8.jpg");
	background-position: center center;
	background-size: cover;
}
.cafe .slide9 {
	background: url("../images/cafe/cafe9.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** pool background ********************/

.pool .slide1 {
	background: url("../images/pool/pool1.jpg");
	background-position: center center;
	background-size: cover;
}
.pool .slide2 {
	background: url("../images/pool/pool2.jpg");
	background-position: center center;
	background-size: cover;
}
.pool .slide3 {
	background: url("../images/pool/pool3.jpg");
	background-position: center center;
	background-size: cover;
}
.pool .slide4 {
	background: url("../images/pool/pool4.jpg");
	background-position: center center;
	background-size: cover;
}
.pool .slide5 {
	background: url("../images/pool/pool5.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** sauna background ********************/

.sauna .slide1 {
	background: url("../images/sauna/sauna1.jpg");
	background-position: center center;
	background-size: cover;
}
.sauna .slide2 {
	background: url("../images/sauna/sauna2.jpg");
	background-position: center center;
	background-size: cover;
}
.sauna .slide3 {
	background: url("../images/sauna/sauna3.jpg");
	background-position: center center;
	background-size: cover;
}


/******************** bbq background ********************/

.bbq .slide1 {
	background: url("../images/bbq/bbq1.jpg");
	background-position: center center;
	background-size: cover;
}
.bbq .slide2 {
	background: url("../images/bbq/bbq2.jpg");
	background-position: center center;
	background-size: cover;
}
.bbq .slide3 {
	background: url("../images/bbq/bbq3.jpg");
	background-position: center center;
	background-size: cover;
}

/******************** introduce background ********************/

.service-box .service-imgbox.introduceimgbox {
	background: url("../images/introduce-top.jpg");
	background-position: center bottom;
	background-size: cover;
}

.introduce .imgbox {
	background: url("../images/introduce-img1.jpg");
	background-position: center bottom;
	background-size: cover;
}


/******************** dryroom background ********************/

.service-box .service-imgbox.dryroomimgbox {
	background: url("../images/dryroom-full.jpg");
	background-position: center center;
	background-size: cover;
}

/******************** shower background ********************/

.service-box .service-imgbox.showerimgbox {
	background: url("../images/shower.jpg");
	background-position: center top;
	background-size: cover;
}

/******************** reservationguide background ********************/

.service-box .service-imgbox.reservationguideimgbox {
	background: url("../images/booking-top.jpg");
	background-position: center center;
	background-size: cover;
}

/******************** reservation background ********************/

.service-box .service-imgbox.reservationimgbox {
	background: url("../images/reservation-top.jpg");
	background-position: center bottom;
	background-size: cover;
}

/******************** faq background ********************/

.service-box .service-imgbox.faqimgbox {
	background: url("../images/faq-top.jpg");
	background-position: center bottom;
	background-size: cover;
}

/******************** review background ********************/

.service-box .service-imgbox.reviewimgbox {
	background: url("../images/review-top.jpg");
	background-position: center bottom;
	background-size: cover;
}

/******************** news background ********************/

.service-box .service-imgbox.newsimgbox {
	background: url("../images/news-top.jpg");
	background-position: center bottom;
	background-size: cover;
}





/******************** slide ********************/

.fp-controlArrow.fp-prev {
	left: 20px;
}
.fp-controlArrow.fp-next {
	right: 50px;
}

.slide1 .imgbox {
	margin-top: 20%;
	padding-left: 10%;
}
.slide1 .imgbox img {
	width: 80%;
	max-width: 800px; 
}


/******************** header ********************/

.header {
	position: fixed;
	z-index: 1;
	width: 100%;
}
.header .logobox {
	background: rgba(255,255,255,0.7);
	height: 80px;
}
.header .logobox a {
	display:block;
	padding:15px 30px;
	height: 80px;
}
.header .logobox a img {
	display:block;
	height: 100%;
}
.header .btn-menubox a {
	display:block;
	height: 80px;
	background: #829039;
	width: 80px;
	font-size: 24px;
	text-align:center;
	line-height: 78px;
	color: #ffffff;
}

.header .hiconbox ul {
	background: #829039;
}
.header .hiconbox ul li {
	float:left;
	border-left: 1px solid rgba(255,255,255,0.1);
}
.header .hiconbox ul li a {
	display:block;
	height: 80px;
	width: 90px;
	text-align:center;
	padding: 12px 0;
	font-size: 14px;
	color: #ffffff;
}
.header .hiconbox ul li a img {
	width: 35px;
	margin: 0 auto;
}
.header .hiconbox ul li a i {
	font-size: 24px;
	line-height: 38px;
}


/******************** menu ********************/

#menu {
	position: fixed;
	z-index: 101;
	left: -100%;
	width: 100%;
	height: 100vh;
	background: rgba(101,114,33,0.8);
}
#menu .logobox {
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #ffffff;
}
#menu .logobox a img {
	width: 180px;
}
#menu .logobox a.btn-close {
	float: right;
	display:block;
	margin-right: 30px;
	color: #ffffff;
	font-size: 36px;
	padding: 10px;
}

.mainmenu {
	padding: 20px 30px;
	border-bottom: 1px solid #ffffff;
}
.mainmenu > ul {
	width:100%;
	max-width: 1400px;
	margin: 0 auto;
}
.mainmenu > ul > li {
	width: 16.66%;
	float:left;
	text-align: center;
}
.mainmenu > ul > li > a {
	display: block;
	color: #ffffff;
	font-size: 18px;
	padding: 15px 0;
}
.mainmenu > ul > li > ul.submenu {
	min-height: 250px;
}
.mainmenu > ul > li > ul > li > a {
	display: block;
	color: rgba(255,255,255,0.5);
	padding: 5px 0;
}
.mainmenu > ul > li > ul > li > a:hover {
	color: rgba(255,255,255,1);
}


/******************** section2 ********************/

#section2 {
	padding: 0 50px;
}
#section2 .intro {
	width: 100%;
	max-width: 1400px;
	margin:0 auto;
}
#section2 .textbox {
	padding-top: 20px;
}
#section2 .textbox h4 {
	color: #a5a5a5;
	font-size: 28px;
	text-transform : uppercase;
	font-weight: 600;
}
#section2 .textbox h2 {
	color: #829039;
	font-size: 44px;
	text-transform : uppercase;
	font-weight: 600;
	padding-bottom: 30px;
}
#section2 .textbox p {
	color: #454545;
	font-size: 16px;
	line-height: 30px;
}

#section2 .imgbox img {
	display:block;
	width: 80%;
}
#section2 .imgbox img:nth-of-type(1) {
	transform: translateX(10%) translateY(0px);
}
#section2 .imgbox img:nth-of-type(2) {
	transform: translateX(0px) translateY(-30px);
}


#section2 .textbox p span {
	font-weight: 600;
}
#section2 .textbox p.small-text {
	font-size: 12px;
	line-height:  16px;
	padding-top: 20px;
}


/******************** section3 ********************/

#section3 {
	padding: 0 50px;
}
#section3 .intro {
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
}
#section3 .intro .title {
	padding-bottom: 80px;
}
#section3 .intro .title  h2 {
	text-align:center;
	font-size: 40px;
	font-weight: 600;
	color: #ffffff;
}
#section3 .intro .cont .specialbox {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%; 
	border: 8px solid #829039;
}
#section3 .intro .cont .specialbox a {
	display: table;
	width: 100%;
	height: 100%;
	font-size: 28px;
	background: rgba(101,114,33,0.8);
	color: rgba(255,255,255,0.5);
}
#section3 .intro .cont .specialbox a span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
}

#section3 .intro .cont .specialbox a:hover {
	background: rgba(101,114,33,0);
	color: rgba(255,255,255,0);
}



/******************** section4 ********************/

#section4 {
	padding: 0 50px;
}
#section4 .intro {
	width: 100%;
	max-width: 1400px;
	margin:0 auto;
}
#section4 .textbox {
	padding-top: 20px;
}
#section4 .textbox h4 {
	color: #a5a5a5;
	font-size: 28px;
	text-transform : uppercase;
	font-weight: 600;
}
#section4 .textbox h2 {
	color: #829039;
	font-size: 44px;
	text-transform : uppercase;
	font-weight: 600;
}
#section4 .textbox p {
	color: #454545;
	font-size: 16px;
	line-height: 30px;
	padding-top: 30px;
}

#section4 .imgbox img {
	display:block;
	width: 80%;
}
#section4 .imgbox img:nth-of-type(1) {
	transform: translateX(0) translateY(0px);
}
#section4 .imgbox img:nth-of-type(2) {
	transform: translateX(15%) translateY(-30px);
}




/******************** section5 ********************/

#section5 .intro {
	width: 100%;
	height: 100vh;
}

#section5 .intro ul.imglistbox {
	height: calc(100vh - 80px);
}
#section5 .intro ul.imglistbox li {
	width: 25%;
	height: 33.33%;
	float:left;
	display: table;
}
#section5 .intro ul.imglistbox li a {
	display: table-cell;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	font-size: 40px;
	color: rgba(255,255,255,0.4);
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}
#section5 .intro ul.imglistbox li.room a {
	font-size: 45px;
}
#section5 .intro ul.imglistbox li a:hover {
	opacity: 0;
}


#section5 .intro footer {
	width: 100%;
	height: 80px;
	background: #f5f5f5;
	padding: 0 30px;
	padding-top: 8px;
}
#section5 .intro footer ul li {
	color: #959595;
	font-size: 12px;
	float:left;
	padding-left: 30px;
	line-height:18px;
	position: relative;
}
#section5 .intro footer ul li:first-of-type {
	padding-left: 0px;
}
#section5 .intro footer ul li:before {
    content: "/";
	position:absolute;
	left: 15px;
}
#section5 .intro footer ul li:first-of-type:before {
    content: "";
}
#section5 .intro footer p.copyright {
	color: #959595;
	font-size: 12px;
	padding-top: 10px;
}




/******************** introduce ********************/


.introduce {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.introduce .title {
	text-align:center;
	margin-bottom: 50px;
	border-right: 6px solid #829039;
	padding-right: 20px;
}
.introduce .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.introduce .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}
.introduce .imgbox {
	height: 650px;
}
.introduce .text-box p {
    color: #454545;
    font-size: 16px;
    line-height: 26px;
}



/******************** introduce-img ********************/

.introduce-img .cont {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}

.introduce-img .imgbox img {
	width: 100%;
}

.introduce-img .mrow {
	margin: 0 -10px;
	width: calc(100% + 20px) !important;
}
.introduce-img .mrow > .w30p, .introduce-img .mrow > .w40p {
	padding: 0 10px;
}

@media only screen and (max-width: 500px) {
	.introduce-img .mrow {
		margin: 0 -10px;
		width: calc(100% + 20px) !important;
	}
	.introduce-img .mrow > .w30p, .introduce-img .mrow > .w40p {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 350px) {
	.introduce-img .mrow {
		margin: 0 -10px;
		width: calc(100% + 20px) !important;
	}
	.introduce-img .mrow > .w30p, .introduce-img .mrow > .w40p {
		padding: 0 10px;
	}
}




/******************** introduce-bottom ********************/


.introduce-bottom {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.introduce-bottom .title {
	text-align:center;
	margin-bottom: 50px;
	border-right: 6px solid #829039;
	padding-right: 20px;
}
.introduce-bottom .title h2 {
    color: #829039;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
}
.introduce-bottom .textbox {
	padding-bottom: 50px;
}
.introduce-bottom .imgbox img {
	width: 100%;
}

.introduce-bottom .mrow {
	margin: 0 -10px;
	width: calc(100% + 20px) !important;
}
.introduce-bottom .mrow > .w40p, .introduce-bottom .mrow > .w60p {
	padding: 0 10px;
}

@media only screen and (max-width: 500px) {
	.introduce-bottom .mrow {
		margin: 0 -10px;
		width: calc(100% + 20px) !important;
	}
	.introduce-bottom .mrow > .w60p, .introduce-bottom .mrow > .w40p {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 350px) {
	.introduce-bottom .mrow {
		margin: 0 -10px;
		width: calc(100% + 20px) !important;
	}
	.introduce-bottom .mrow > .w60p, .introduce-bottom .mrow > .w40p {
		padding: 0 10px;
	}
}




/******************** room ********************/

.roomnumber {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
}
.roomnumber h2 {
	font-size: 35px;
	padding: 20px 0;
	width: 250px;
	text-align:center;
	background: rgba(0,0,0,0.5);
	font-weight: 600;
	color: rgba(255,255,255,0.7);
}

/******************** service-box ********************/

.service-box .service-imgbox {
	height: 500px;
}

.dryroom {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.dryroom .title {
	text-align:center;
	padding-bottom: 50px;
}
.dryroom .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.dryroom .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}
.dryroom .imgbox img {
	width: 100%;
}
.dryroom .text-box p {
    color: #454545;
    font-size: 16px;
    line-height: 26px;
}
.dryroom .text-box ul {
	padding-top: 20px;
	margin-left: 21px;
}
.dryroom .text-box ul li {
    color: #454545;
    font-size: 16px;
    line-height: 26px;
	list-style: decimal;
	padding-top: 5px;
}


/******************** shower ********************/

.shower {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.shower .title {
	text-align:center;
	padding-bottom: 50px;
}
.shower .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.shower .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}
.shower .imgbox img {
	width: 100%;
}
.shower .text-box p {
    color: #454545;
    font-size: 16px;
    line-height: 26px;
}
.shower .text-box ul {
	padding-top: 20px;
	margin-left: 21px;
}
.shower .text-box ul li {
    color: #454545;
    font-size: 16px;
    line-height: 26px;
	list-style: decimal;
	padding-top: 5px;
}


/******************** footer2 ********************/

.footer2 {
	width: 100%;
	height: 80px;
	background: #f5f5f5;
	padding: 0 30px;
	padding-top: 8px;
}
.footer2 ul li {
	color: #959595;
	font-size: 12px;
	float:left;
	padding-left: 30px;
	line-height:18px;
	position: relative;
}
.footer2 ul li:first-of-type {
	padding-left: 0px;
}
.footer2 ul li:before {
    content: "/";
	position:absolute;
	left: 15px;
}
.footer2 ul li:first-of-type:before {
    content: "";
}
.footer2 p.copyright {
	color: #959595;
	font-size: 12px;
	padding-top: 10px;
}


/******************** reservationguide ********************/

.reservationguide {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.reservationguide .title {
	text-align:center;
	padding-bottom: 50px;
}
.reservationguide .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.reservationguide .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}

.reservationguide .text-box:nth-of-type(1) {
	padding-top: 0px;
}
.reservationguide .text-box {
	padding-top: 50px;
}
.reservationguide .text-box h6 {
	font-size: 20px;
	font-weight: 600;
	color: #829039;
	padding-bottom: 20px;
}
.table-box table,
.table-box tr,
.table-box th,
.table-box td {
	border-style: solid;
	border-color: #dddddd;
	border-width: 1px;
}
.table-box table {
	width: 100%;
}
.table-box th,
.table-box td {
	padding: 5px 3px;
	font-size: 14px;
	text-align:center;
}
.table-box thead {
	background: #f9f9f9;
}
.table-box tbody td span {
	display:none;
}

.reservationguide .text-box p.small-text {
    color: #454545;
    font-size: 14px;
    line-height: 20px;
	padding-top: 10px;
}
.reservationguide .text-box ul {
	margin-left: 21px;
}
.reservationguide .text-box ul li {
    color: #454545;
    font-size: 14px;
    line-height: 20px;
	list-style: decimal;
	padding-top: 5px;
}


/******************** reservation ********************/

.reservation {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.reservation .title {
	text-align:center;
	padding-bottom: 50px;
}
.reservation .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.reservation .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}


/******************** directions ********************/

#directions-map {
	height: 500px;
}

.directions {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.directions .title {
	text-align:center;
	padding-bottom: 50px;
}
.directions .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.directions .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}
.directions .imgbox img {
	width: 100%;
}
.directions .text-box h4 {
    color: #829039;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
	padding-bottom: 20px;
}
.directions .text-box p:nth-of-type(1) {
	padding-top: 0px;
}
.directions .text-box p {
    color: #454545;
    font-size: 14px;
    line-height: 20px;
	padding-top: 20px;
}

.car-directions {
	padding-bottom: 80px;
	border-bottom: 1px solid #dddddd;
}

.bus-directions {
	padding-top: 80px;
}
.directions .table-box {
	padding-top: 20px;
}
.directions .table-box table,
.directions .table-box tr,
.directions .table-box th,
.directions .table-box td {
	border-style: solid;
	border-color: #dddddd;
	border-width: 1px;
}
.directions .table-box table {
	width: 100%;
}
.directions .table-box th,
.directions .table-box td {
	padding: 5px 3px;
	font-size: 14px;
	text-align:center;
}
.directions .table-box thead {
	background: #f9f9f9;
}


/******************** faq ********************/

.faq {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.faq .title {
	text-align:center;
	padding-bottom: 50px;
}
.faq .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.faq .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}

.faq .cont ul li:nth-of-type(1) {
	border-top: 1px solid #dddddd;
}
.faq .cont ul li {
	border-bottom: 1px solid #dddddd;
	padding: 20px;
}
.faq .cont ul li div {
	padding: 5px;
}
.faq .cont ul li div span {
	display:block;
	width: 25px;
	height: 25px;
	text-align:center;
	line-height: 25px;
	color: #ffffff;
	font-size: 12px;
	float:left;
}
.faq .cont ul li div.question span {
	background: #ff0000;
}
.faq .cont ul li div.answer span {
	background: #000000;
}
.faq .cont ul li div p {
	font-size: 16px;
	padding-left: 35px;
	line-height: 25px;
}
.faq .cont ul li div.question {
	cursor: pointer;
}
.faq .cont ul li div.answer {
	display:none;
}


/******************** review ********************/

.review {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.review .title {
	text-align:center;
	padding-bottom: 50px;
}
.review .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.review .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}
.review .cont ul li {
	padding-bottom: 30px;
}
.review .cont ul li .imgbox {
	border: 1px solid #dddddd;
	height: 220px;
}
.review .cont ul li .imgbox a {
	display:block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	color: rgba(255,255,255,0.8);
	font-size: 14px;
}
.review .cont ul li .imgbox a span {
	display:block;
	text-align:center;
	padding: 70px 20px;
}
.review .cont ul li .imgbox a:hover {
	background: rgba(0,0,0,0);
	color: rgba(255,255,255,0);
}


/******************** news ********************/

.news {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.news .title {
	text-align:center;
	padding-bottom: 50px;
}
.news .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.news .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}
.news .table-box th, .news .table-box td {
    padding: 10px 3px;
    font-size: 16px;
}
.news .table-box tbody tr {
	cursor: pointer;
}
.news .table-box tbody tr:hover {
	background: rgba(130,144,57,0.1);
}

.paging {
	margin-top: 30px;
}
.paging ul li {
	float:left;
}
.paging ul li a {
	display:block;
	width: 40px;
	height: 40px;
	border: 1px solid #dddddd;
	margin-left: 5px;
	color: #959595;
	text-align:center;
	line-height: 40px;
}
.paging ul li a:hover {
	color: #454545;
	font-weight: 600;
}
.paging ul li a.active {
	background: #829039;
	color: #ffffff;
}


/******************** newsview ********************/

.newsview {
	padding: 80px 30px;
	max-width: 1400px;
	margin: 0 auto;
}
.newsview .title {
	text-align:center;
	padding-bottom: 50px;
}
.newsview .title h4 {
    color: #a5a5a5;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
.newsview .title h2 {
    color: #829039;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 600;
}

.newsview .newstitle {
	padding: 20px 20px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-size: 20px;
}
.newsview .newssubtitle {
	background: #f9f9f9;
	padding: 10px 20px;
	border-bottom: 1px solid #dddddd;
	font-size: 14px;
}
.newsview .newssubtitle span {
	padding-right: 20px;
}
.newsview .newscont {
	padding: 20px 20px;
	border-bottom: 1px solid #dddddd;
	font-size: 16px;
	line-height: 24px;
	min-height: 300px;
}
.newsview .newsbtns {
	margin-top: 30px;
}
.newsview .newsbtns ul li {
	float: left;
	padding-right: 10px;
}
.newsview .newsbtns ul li a {
	display: block;
	padding: 10px 20px;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	color: #454545;
}


/********************* @media 900px ***********************************************/


@media only screen and (max-width: 900px) {
	.mainmenu > ul > li {
		width: 33.33%;
	}
	#section2 .intro > .row > .w60p,
	#section2 .intro > .row > .w40p {
		width: 50% !important;
	}

	#section3 .intro .cont > .row > .w25p {
		width: 50% !important;
	}
	#section3 .intro .cont .specialbox {
		margin-bottom: 20px;
	}
	
	#section4 .intro > .row > .w60p,
	#section4 .intro > .row > .w40p {
		width: 50% !important;
	}

	.introduce .title h4 {
		 font-size: 23px;
	}
	.introduce .title h2 {
		 font-size: 38px;
	}

	.review .cont .row .w25p {
		width: 50% !important;
	}

	.slide1 .imgbox {
		margin-top: 60%;
	}
	.slide1 .imgbox img {
		width: 70%;
	}


	
}


/********************* @media 600px ***********************************************/


@media only screen and (max-width: 600px) {
	.header .logobox {
		height: 60px;
	}
	.header .logobox a {
		height: 60px;
		padding: 10px 20px;
	}
	.header .btn-menubox a {
		height: 60px;
		width: 60px;
		line-height: 58px;
	}
	.header .hiconbox ul li a {
		height: 60px;
		width: 70px;
		font-size: 12px;
		padding: 6px 0;
	}
	.header .hiconbox ul li a i {
		font-size: 16px;
		line-height: 30px;
	}

	.mainmenu > ul > li {
		width: 100%;
	}
	.mainmenu > ul > li > ul.submenu {
		min-height: auto;
		display:none;
	}
	#menu .logobox {
	    padding: 10px 0;
	}
	#menu .logobox a img {
		width: 100px;
	}
	#menu .logobox a.btn-close {
		font-size: 20px;
		padding: 7px 10px;
	}
	.mainmenu {
		padding: 10px 30px;
	}
	.mainmenu > ul > li > a {
		padding: 8px 0;
	}

	#section2, #section3, #section4 {
		padding: 0 30px;
	}
	.introduce, .introduce-img .cont, .introduce-bottom, .directions, .dryroom, .shower, .reservationguide, .reservation, .news, .newsview {
		padding: 50px 30px;
	}


	#section2 .imgbox  {
		width: 80%;
		margin: 0 auto;
	}
	#section2 .imgbox img {
		width: 80%;
	}
	#section2 .imgbox img:nth-of-type(1) {
		transform: translateX(20%) translateY(0px);
	}
	#section2 .intro > .row > .w60p,
	#section2 .intro > .row > .w40p {
		width: 100% !important;
	}
	#section2 .textbox {
		padding-top: 0px;
		margin-top: -15px;
	}
	#section2 .textbox h4 {
		font-size: 20px;
	}
	#section2 .textbox h2 {
	    font-size: 28px;
		padding-bottom: 10px;
	}
	#section2 .textbox p {
		font-size: 14px;
		line-height: 20px;
	}

	#section3 .intro .cont > .row > .w25p {
		width: 50% !important;
	}
	#section3 .intro .cont .specialbox {
		margin-bottom: 20px;
		width: 140px;
		height: 140px;
	}
	#section3 .intro .title {
		padding-bottom: 50px;
	}
	#section3 .intro .title h2 {
	    font-size: 28px;
	}

	#section4 .imgbox  {
		width: 80%;
		margin: 0 auto;
	}
	#section4 .imgbox img {
		width: 80%;
	}
	#section4 .imgbox img:nth-of-type(2) {
		transform: translateX(20%) translateY(-30px);
	}
	#section4 .intro > .row > .w60p,
	#section4 .intro > .row > .w40p {
		width: 100% !important;
	}
	#section4 .textbox {
		padding-top: 0px;
	}
	#section4 .textbox h4 {
		font-size: 20px;
	}
	#section4 .textbox h2 {
	    font-size: 26px;
		padding-bottom: 20px;
	}
	#section4 .textbox p {
		font-size: 14px;
		line-height: 20px;
		padding-top: 0px;
	}
	#section5 .intro ul.imglistbox li a {
		font-size: 22px;
	}
	#section5 .intro ul.imglistbox li.room a {
		font-size: 28px;
	}
	#section5 .intro ul.imglistbox {
		height: calc(100vh - 40px);
	}
	#section5 .intro footer {
		padding: 0 12px;
		height: 40px;
	}
	#section5 .intro footer ul {
		display:none;
	}


	.introduce .row > .w30p {
		display:none;
	}
	.introduce .row > .w70p {
		width: 100% !important;
	}
	.introduce .title {
		margin-bottom: 30px;
	}
	.introduce .title h4 {
		font-size: 19px;
	}
	.introduce .title h2 {
		font-size: 30px;
	}
	.introduce .text-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.introduce-img .imgbox {
		margin-top: 20px;
	}
	.introduce-img .mrow > .w30p:nth-of-type(1) .imgbox {
		margin-top: 0px;
	}
	.introduce-img .mrow > .w30p, .introduce-img .mrow > .w40p {
		width: 100% !important;
	}
	.introduce-bottom .mrow > .w60p, .introduce-bottom .mrow > .w40p {
		width: 100% !important;
	}
	.introduce-bottom .title {
	    margin-bottom: 30px;
	}
	.introduce-bottom .title h2 {
		font-size: 30px;
	}

	footer.footer2 {
		padding: 0 12px;
		height: 40px;
	}
	footer.footer2 ul {
		display:none;
	}
	
	.directions .title {
	    padding-bottom: 30px;
	}
	.directions .title h4 {
		font-size: 19px;
	}
	.directions .title h2 {
		font-size: 30px;
	}
	.directions .mrow > .w40p, .directions .mrow > .w60p {
		width: 100% !important;
	}
	.directions .cont .text-box {
		padding-top: 30px;
	}
	.car-directions {
		padding-bottom: 50px;
	}
	.bus-directions {
		padding-top: 50px;
	}

	.roomnumber h2 {
		font-size: 24px;
		padding: 12px 0;
		width: 190px;
	}
	
	.dryroom .title {
	    padding-bottom: 30px;
	}
	.dryroom .title h4 {
		font-size: 19px;
	}
	.dryroom .title h2 {
		font-size: 28px;
	}
	.dryroom .row .w40p, .dryroom .row .w60p {
		width: 100% !important;
	}
	.dryroom .cont .text-box {
		padding-top: 30px;
	}
	.dryroom .text-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.dryroom .text-box ul {
		margin-left: 17px;
	}
	.dryroom .text-box ul li {
		font-size: 14px;
		line-height: 20px;
	}
	
	.shower .title {
	    padding-bottom: 30px;
	}
	.shower .title h4 {
		font-size: 19px;
	}
	.shower .title h2 {
		font-size: 28px;
	}
	.shower .row .w40p, .shower .row .w60p {
		width: 100% !important;
	}
	.shower .cont .text-box {
		padding-top: 30px;
	}
	.shower .text-box p {
		font-size: 14px;
		line-height: 20px;
	}
	.shower .text-box ul {
		margin-left: 17px;
	}
	.shower .text-box ul li {
		font-size: 14px;
		line-height: 20px;
	}
	
	.reservationguide .title {
	    padding-bottom: 30px;
	}
	.reservationguide .title h4 {
		font-size: 19px;
	}
	.reservationguide .title h2 {
		font-size: 28px;
	}
	.reservationguide .text-box h6 {
		font-size: 16px;
	}



	.table-box thead {
		display:none;
	}
	.table-box tbody tr {
		display:block;
		padding: 10px 0;
		border: 0px;
		border-top: 1px solid #dddddd;
	}
	.table-box tbody tr:nth-of-type(1) {
		border-top: 0px;
	}
	.table-box tbody tr td {
		display:block;
		text-align:right;
		border: 0px;
		padding: 0px 10px; 
		font-size: 14px;
		line-height: 20px;
	}
	.table-box tbody tr td span {
		display:block;
		float:left;
	}
	.reservationguide .text-box p.small-text {
		font-size: 12px;
		line-height: 18px;
	}
	
	
	.reservation .title {
	    padding-bottom: 30px;
	}
	.reservation .title h4 {
		font-size: 19px;
	}
	.reservation .title h2 {
		font-size: 28px;
	}
	.reservation .text-box h6 {
		font-size: 16px;
	}
	
	.news .title {
	    padding-bottom: 30px;
	}
	.news .title h2 {
		font-size: 28px;
	}
	.news .text-box h6 {
		font-size: 16px;
	}
	.news .table-box tr {
		padding: 10px;
	}
	.news .table-box td {
		padding: 0px;
		font-size: 14px;
	}
	.news .table-box  td:nth-of-type(1) {
		display:none;
	}
	.news .table-box  td:nth-of-type(2) {
		text-align:center;
		font-weight: 600;
	}
	.news .table-box  td:nth-of-type(2) span {
		display:none;
	}
	.paging ul li a {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	
	.newsview .title {
	    padding-bottom: 30px;
	}
	.newsview .title h2 {
		font-size: 28px;
	}
	.newsview .text-box h6 {
		font-size: 16px;
	}
	.newsview .newstitle {
		padding: 15px;
		font-size: 18px;
	}
	.newsview .newssubtitle {
		font-size: 12px;
		padding: 10px 15px;
	}
	.newsview .newscont {
		padding: 15px;
		font-size: 14px;
		line-height: 20px;
		min-height: 250px;
	}
	.newsview .newsbtns {
		margin-top: 20px;
	}
	.newsview .newsbtns ul li a {
		font-size: 16px;
	}
	

	.faq .title {
	    padding-bottom: 30px;
	}
	.faq .title h4 {
		font-size: 19px;
	}
	.faq .title h2 {
		font-size: 28px;
	}
	.faq .text-box h6 {
		font-size: 16px;
	}
	.faq .cont ul li {
		padding: 10px;
	}

	
	.review .title {
	    padding-bottom: 30px;
	}
	.review .title h4 {
		font-size: 19px;
	}
	.review .title h2 {
		font-size: 28px;
	}
	.review .text-box h6 {
		font-size: 16px;
	}
	.review .cont .row .w25p {
		width: 100% !important;
	}

	#directions-map {
		height: 400px;
	}
	.service-box .service-imgbox {
		height: 400px;
	}
	


/******************** background ********************/

	.slide1 {
		background: url("../images/main/p-main1.jpg");
		background-position: center bottom;
		background-size: cover;
	}
	.slide2 {
		background: url("../images/main/p-main2.jpg");
		background-position: center bottom;
		background-size: cover;
	}
	.slide3 {
		background: url("../images/main/p-main3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.slide4 {
		background: url("../images/main/p-main4.jpg");
		background-position: center top;
		background-size: cover;
	}

	#section2 {
		background-size: cover;
		background: url("../images/main/p-mainwal-bg.jpg");
		background-position: left bottom;
	}

	#section4 {
		background-size: cover;
		background: url("../images/main/p-mainservice-bg.jpg");
		background-position: right center;
	}


/******************** outview background ********************/

	.outview .slide1 {
		background: url("../images/outview/p-outview1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.outview .slide2 {
		background: url("../images/outview/p-outview2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.outview .slide3 {
		background: url("../images/outview/p-outview3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.outview .slide4 {
		background: url("../images/outview/p-outview4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.outview .slide5 {
		background: url("../images/outview/p-outview5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.outview .slide6 {
		background: url("../images/outview/p-outview6.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room101 background ********************/

	.room101 .slide1 {
		background: url("../images/101/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide2 {
		background: url("../images/101/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide3 {
		background: url("../images/101/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide4 {
		background: url("../images/101/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide5 {
		background: url("../images/101/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide6 {
		background: url("../images/101/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide7 {
		background: url("../images/101/p-room7.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide8 {
		background: url("../images/101/p-room8.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide9 {
		background: url("../images/101/p-room9.jpg");
		background-position: center center;
	}
	.room101 .slide10 {
		background: url("../images/101/p-room10.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide11 {
		background: url("../images/101/p-room11.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101 .slide12 {
		background: url("../images/101/p-room12.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room101a background ********************/

	.room101a .slide1 {
		background: url("../images/101a/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101a .slide2 {
		background: url("../images/101a/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101a .slide3 {
		background: url("../images/101a/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101a .slide4 {
		background: url("../images/101a/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101a .slide5 {
		background: url("../images/101a/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room101a .slide6 {
		background: url("../images/101a/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room102 background ********************/

	.room102 .slide1 {
		background: url("../images/102/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102 .slide2 {
		background: url("../images/102/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102 .slide3 {
		background: url("../images/102/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102 .slide4 {
		background: url("../images/102/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102 .slide5 {
		background: url("../images/102/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102 .slide6 {
		background: url("../images/102/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102 .slide7 {
		background: url("../images/102/p-room7.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102 .slide8 {
		background: url("../images/102/p-room8.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room102a background ********************/

	.room102a .slide1 {
		background: url("../images/102a/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102a .slide2 {
		background: url("../images/102a/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102a .slide3 {
		background: url("../images/102a/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102a .slide4 {
		background: url("../images/102a/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102a .slide5 {
		background: url("../images/102a/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room102a .slide6 {
		background: url("../images/102a/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room103 background ********************/

	.room103 .slide1 {
		background: url("../images/103/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room103 .slide2 {
		background: url("../images/103/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room103 .slide3 {
		background: url("../images/103/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room103 .slide4 {
		background: url("../images/103/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room103 .slide5 {
		background: url("../images/103/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room103 .slide6 {
		background: url("../images/103/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room104 background ********************/

	.room104 .slide1 {
		background: url("../images/104/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room104 .slide2 {
		background: url("../images/104/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room104 .slide3 {
		background: url("../images/104/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room104 .slide4 {
		background: url("../images/104/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room104 .slide5 {
		background: url("../images/104/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room104 .slide6 {
		background: url("../images/104/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room104 .slide7 {
		background: url("../images/104/p-room7.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room104 .slide8 {
		background: url("../images/104/p-room8.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room105 background ********************/

	.room105 .slide1 {
		background: url("../images/105/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room105 .slide2 {
		background: url("../images/105/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room105 .slide3 {
		background: url("../images/105/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room105 .slide4 {
		background: url("../images/105/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room105 .slide5 {
		background: url("../images/105/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room105 .slide6 {
		background: url("../images/105/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** room106 background ********************/

	.room106 .slide1 {
		background: url("../images/106/p-room1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room106 .slide2 {
		background: url("../images/106/p-room2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room106 .slide3 {
		background: url("../images/106/p-room3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room106 .slide4 {
		background: url("../images/106/p-room4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room106 .slide5 {
		background: url("../images/106/p-room5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.room106 .slide6 {
		background: url("../images/106/p-room6.jpg");
		background-position: center center;
		background-size: cover;
	}



	/******************** cafe background ********************/

	.cafe .slide1 {
		background: url("../images/cafe/p-cafe1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide2 {
		background: url("../images/cafe/p-cafe2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide3 {
		background: url("../images/cafe/p-cafe3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide4 {
		background: url("../images/cafe/p-cafe4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide5 {
		background: url("../images/cafe/p-cafe5.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide6 {
		background: url("../images/cafe/p-cafe6.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide7 {
		background: url("../images/cafe/p-cafe7.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide8 {
		background: url("../images/cafe/p-cafe8.jpg");
		background-position: center center;
		background-size: cover;
	}
	.cafe .slide9 {
		background: url("../images/cafe/p-cafe9.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** pool background ********************/

	.pool .slide1 {
		background: url("../images/pool/p-pool1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.pool .slide2 {
		background: url("../images/pool/p-pool2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.pool .slide3 {
		background: url("../images/pool/p-pool3.jpg");
		background-position: center center;
		background-size: cover;
	}
	.pool .slide4 {
		background: url("../images/pool/p-pool4.jpg");
		background-position: center center;
		background-size: cover;
	}
	.pool .slide5 {
		background: url("../images/pool/p-pool5.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** sauna background ********************/

	.sauna .slide1 {
		background: url("../images/sauna/p-sauna1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.sauna .slide2 {
		background: url("../images/sauna/p-sauna2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.sauna .slide3 {
		background: url("../images/sauna/p-sauna3.jpg");
		background-position: center center;
		background-size: cover;
	}


	/******************** bbq background ********************/

	.bbq .slide1 {
		background: url("../images/bbq/p-bbq1.jpg");
		background-position: center center;
		background-size: cover;
	}
	.bbq .slide2 {
		background: url("../images/bbq/p-bbq2.jpg");
		background-position: center center;
		background-size: cover;
	}
	.bbq .slide3 {
		background: url("../images/bbq/p-bbq3.jpg");
		background-position: center center;
		background-size: cover;
	}

	/******************** reservationguide background ********************/

	.service-box .service-imgbox.reservationguideimgbox {
		background: url("../images/p-booking-top.jpg");
		background-position: center center;
		background-size: cover;
	}

	/******************** reservation background ********************/

	.service-box .service-imgbox.reservationimgbox {
		background: url("../images/p-reservation-top.jpg");
		background-position: center center;
		background-size: cover;
	}

	/******************** news background ********************/

	.service-box .service-imgbox.newsimgbox {
		background: url("../images/p-news-top.jpg");
		background-position: center center;
		background-size: cover;
	}

	/******************** faq background ********************/

	.service-box .service-imgbox.faqimgbox {
		background: url("../images/p-faq-top.jpg");
		background-position: center center;
		background-size: cover;
	}

	/******************** review background ********************/

	.service-box .service-imgbox.reviewimgbox {
		background: url("../images/p-review-top.jpg");
		background-position: center center;
		background-size: cover;
	}


	.fp-controlArrow {
		margin-top: -20px;
	}
	.fp-controlArrow.fp-prev {
		border-width: 20.5px 20px 20.5px 0;
	}
	.fp-controlArrow.fp-next {
		border-width: 20.5px 0 20.5px 20px;
	}
	.slide1 .imgbox {
		margin-top: 80%;
	}

	.directions .table-box thead {
		display: table-header-group;
	}
	.directions .table-box tbody tr {
		display: table-row;
	}
	.directions .table-box tbody td {
		display: table-cell;
	}

#myVideo	{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit:cover;
   		z-index:3;
}



}