/* popup */

		.popup-wrap{position:absolute;top:130px;left: 0;grid-gap:6px;display: flex;flex-wrap:wrap; align-content: flex-start;padding: 10px;}
		.popup_common{width:auto; display:none; z-index:4; width: 400px;}
		.popup_common > a{display:block;}
		.popup_common img{width:100%;}
		.popup_close{height:26px;line-height:26px;display: flex;justify-content:space-between;padding: 0 8px;background-color: #000;}
		.popup_close > a{color:#fff; font-size:13px;}
		.popup_close > a:hover{color:#ddd}
		.cursor-default{cursor: default !important;}

		@media (max-width:768px){
			.popup-wrap{width: 100%;height: 100%;top: 0;position: relative;padding: 0;}
			.popup_common{width: 90%;position: absolute;left: 5%;top: 100px;}
			.popup_common img{width:100% !important;}
			
		}
/* end popup */
	
	
	
	
	#slick_banner{background-color: #4D9033;}
	#slick_banner a{color: #fff;font-size: 1.5rem;display: block;width: 90%;height: 130px;text-align: center;margin: 0 auto;display:flex; justify-content: center;align-items: center;}

.btn_reserve{background: url('/images/main_imgbtn.jpg') 0 0 no-repeat;}

@media (min-width:992px){
	.footer-content .container{max-width:1200px;padding: 0;}

} 
@media (max-width:768px){
	.mobile-nav-toggle{top: 15px !important;}
	#header::before{opacity:0}
	

} 

	#header .mainmenu{border-bottom: 0 !important;}
	
	
	#sub_header{display: none !important;}
	.footer{position: absolute;left: 0;bottom: 0;width: 100%;height: 160px;z-index:9}
	#header::before{content: "";display: block; width: 100%;height: 300px;position: absolute;left: 0px;top: 0px;z-index:2;background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */	}

	/*--------------------------------------------------------------
	# Hero Section
	--------------------------------------------------------------*/
	#hero {width: 100%;height: 100vh;background-color: rgba(22, 30, 56, 0.8);overflow: hidden;position: relative;}
	#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
	#hero .carousel-item {background-size: cover;background-position: center;background-repeat: no-repeat;}
	#hero .carousel-container {display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0;top: 70px;left: 50px;right: 50px;}
	#hero .carousel-inner .carousel-item {transition-property: opacity;background-position: center top;}
	#hero .carousel-inner .carousel-item,
	#hero .carousel-inner .active.carousel-item-left,
	#hero .carousel-inner .active.carousel-item-right {opacity: 0;}
	#hero .carousel-inner .active,
	#hero .carousel-inner .carousel-item-next.carousel-item-left,
	#hero .carousel-inner .carousel-item-prev.carousel-item-right {opacity: 1;transition: 0.5s;}
	#hero .carousel-inner .carousel-item-next,
	#hero .carousel-inner .carousel-item-prev,
	#hero .carousel-inner .active.carousel-item-left,
	#hero .carousel-inner .active.carousel-item-right {left: 0;transform: translate3d(0, 0, 0);}
	#hero .carousel-control-prev, #hero .carousel-control-next {width: 10%;top: 82px;}
	#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {background: none;font-size: 36px;line-height: 1;width: auto;height: auto;background: rgba(255, 255, 255, 0.2);border-radius: 50px;padding: 10px;transition: 0.3s;
	color: rgba(255, 255, 255, 0.5);}
	#hero .carousel-control-next-icon:hover, #hero .carousel-control-prev-icon:hover {background: rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.8);}
	#hero .carousel-indicators li {cursor: pointer;background: #fff;overflow: hidden;border: 0;width: 12px;height: 12px;border-radius: 50px;opacity: .6;transition: 0.3s;}
	#hero .carousel-indicators li.active {opacity: 1;background: #006fbe;}
	#hero .btn-get-started {font-size: 36px;display: inline-block;padding: 4px 0;border-radius: 50px;transition: 0.3s ease-in-out;margin: 10px;width: 64px;height: 64px;text-align: center;border: 2px solid #fff;color: #106EEA;}
	#hero .btn-get-started:hover {padding-top: 8px;background: rgba(255, 255, 255, 0.15);}

	@media (max-width: 992px) {
		#hero {height: 100vh;}
		#hero .carousel-container {top: 8px;}
		#hero .carousel-control-prev, #hero .carousel-control-next {top: 58px;}
	}

	@media (max-width: 768px) {
		#hero h2 {font-size: 28px;}
		#hero .carousel-container{left: 0px;right: 0px;}
	}

	@media (min-width: 1024px) {
		#hero .carousel-control-prev, #hero .carousel-control-next {	width: 5%;	  }
	}

	@media (max-height: 500px) {
		#hero {height: 120vh;}
	}

	

	#main-content{position: absolute;left: 0;bottom: 180px;width: 100%;z-index:2}
	.box_wrap{display:flex;max-width: 1200px;margin: 0 auto;}
	.box_wrap > div{display: inline-block;height: 130px;margin: 0 3px;}
	.box_wrap > div:nth-child(1){width: 30%;}
	.box_wrap > div:nth-child(2){width: 40%;}
	.box_wrap > div:nth-child(3){width: 30%;}

	#weather_box{background-color: #fff; position:relative;}
	#weather_box > p{font-size:14px; color:rgba(255,255,255,.8); position:absolute; left:0; top:-28px;}
	.box_wrap .weather{margin-top: 14px;height: 120px;}
	.box_wrap .weather li{float: left;width: 33.33%;height: 120px;text-align: center;position: relative;}
	.box_wrap .weather li > div:nth-child(3){position: absolute;left: 0;bottom: 20px;width: 100%;text-align: center;line-height: 1rem;}
	.box_wrap .weather img{width: 40%;}
	.box_wrap .select_date{position: relative;background-color: #fff;}
	.box_wrap .select_date a{display: block;height: 114px;padding:30px 40px ;}
	.box_wrap .select_date a > div:nth-child(1){color: #B2B2B2;}
	.box_wrap .select_date a > div:nth-child(2){color: #666;}
	.box_wrap .select_date a:hover > div:nth-child(2){color: #000;}
	.box_wrap .select_date .btn_book{width:25%;height: 114px;position: absolute;top: 0;right: 0;color: #fff;background-color: #327B11;font-size: 18px;}

	#calendar_index{width: 100%;height: 400px;background-color: #fff;border: 1px solid #ddd;position: absolute;left: 0;bottom: 114px;padding: 10px 40px;display: none;z-index:99;}

	#calendar_index table thead td{text-align: center;padding: 14px 6px ;border: 1px solid #f0f0f0;font-size: 12px;}
	#calendar_index table td{border: 1px solid #f0f0f0;}
	#calendar_index table td:first-child, #calendar_index table td:first-child .calendar-num{color: #ff6969;border-left: none 0;}
	#calendar_index table td:last-child, #calendar_index table td:last-child .calendar-num{color: #75b0ed;border-right: none 0;}
	#calendar_index table td div{height: 48px;padding: 0px;display: block;position: relative;font-size: 12px;}
	#calendar_index table td div span{position: absolute;width: 100%;}
	#calendar_index table td div span:first-child{top: 6px;left: 6px;}
	#calendar_index .calendar-day .calendar-t-time{text-align: center;border-radius:50%;background-color: #FFD633;width: 30px;height: 30px;line-height: 30px;position: absolute;left: 50%;transform:translateX(-50%);top: 10px;}
	#calendar_index .calendar-day:hover{background-color: #ffd633;transition: background 0.5s;color: #000;cursor: pointer;}
	#calendar_index .calendar-day:hover .calendar-t-time{background-color: #fff;}
	#calendar_index .calendar-disabled{cursor: default;}
	#calendar_index .calendar-disabled:hover{color: #000;}
	#calendar_index .calendar-disabled .calendar-t-time{text-align: center;color: #bdbdbd;height: 28px;top: 20px;}
	#calendar_index .calendar-waiting .calendar-t-time{text-align: center;color: #666;width: 38px;position: absolute;left: 50%;transform:translateX(-50%);top: 20px;}
	#calendar_index .calendar-waiting:hover{background-color: #ffd633;transition: background 0.5s;color: #000;}
	#calendar_index .today{background-color: #DDD8D5;}
	#calendar_index .today .calendar-t-time{color: #666;}
	#calendar_index .btn_close{position: absolute;top: 10px;right: 10px;background-color: #fff;}
	#calendar_index .btn_close i{font-size: 20px;}

	@media (max-width:1200px){
		#calendar_index{padding: 10px;}
	}
	@media (max-width:992px){
		.box_wrap .weather > li > div:last-child{font-size: 14px;padding-top: 10px;}
	}
	@media (max-width:768px){
		#main-content{bottom:210px ;}
	}