@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
img { max-width: 100%; height:auto; }
.cycle-slideshow {
	width: 100%;
	display: block;
	position: relative;
	margin: 0;
	overflow: hidden;
}

.cycle-prev, .cycle-next {
	font-size: 200%;
	color: #fff;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 9999;
	cursor: pointer;
	margin-top: -16px;
}
.cycle-prev { left: 1%; }
.cycle-next { right: 1%; }
.cycle-pager {
	position: absolute;
	width: 100%;
	height: 10px;
	bottom: 50px;
	z-index: 9999;
	text-align: center;
}
.cycle-pager span {
	text-indent: 100%;
	top: 100px;
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 2px solid #FFF;
	border-radius: 50%;
	margin: 0 10px;
	white-space: nowrap;
	cursor: pointer;
}
.cycle-pager-active { background-color: #FFF; }

.conten-booknow {
	position: absolute;
	top:110px;
	width:18%;
	
}

.conten-cuaca {
	position: absolute;
	bottom:5%;
	left:5%;
	z-index: 9999999;
	width:23%;
}

@media (min-width: 768px) and (max-width: 979px) {
	.conten-booknow {
		padding-top: 80px;
	}
	.cycle-pager span {
	display: none;
	}
}

@media (max-width: 767px) {
	
	.conten-booknow {
		padding-top: 500px;
		padding-left: 0px;
		width: 96%;
	}
	
	.cycle-slideshow{
		height: auto;
		object-fit: cover;
	}
	
	.cycle-slideshow img{
		width: 500%;
		height: 100%;
	display: block;
	position: relative;
	margin: 0;
	overflow: hidden;
	object-fit: cover;
	}
	.cycle-pager span {
	display: none;
	}
}