#slider{
	overflow:hidden;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0px;
	padding:10px 0;
}

.swiper-pagination-bullet {
  opacity: var(--swiper-pagination-bullet-opacity, 0.25);
  background: #000;
  box-shadow:0px 0px 8px rgba(255,255,255,0.75);
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
	margin: 0 6px !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #FFF;
  box-shadow:0px 0px 8px rgba(0,0,0,0.75);
}

.recent-area{
	/*border-top:8px solid #800000;
	border-bottom:8px solid #800000;*/
	padding-top:2rem;
	padding-bottom:2rem;
	margin-bottom:4rem;
	margin-top:4rem;
	
	background-color: #d3b19b;
	background-image: url('../gfx/km-back-w.png'), url('../gfx/km-back-w.png');
	background-repeat:no-repeat,no-repeat;
	background-position:center bottom,center bottom;
	background-size:75% auto, 75% auto;
}

.recent-area H2{
	color:#800000;
}

.recent{
	display:flex;
	gap:80px;
	position:relative;
	width:100%;
	flex-direction:row;
	flex-wrap:nowrap;
	margin:3.5rem auto 2rem auto;
	max-width:1080px;
}

.recent .recentitem{
	display:block;
	width:calc( 50% - 40px );
	flex-basis:calc( 50% - 40px );
}

.recent.recent-3{
	gap:40px;
}

.recent.recent-3 .recentitem{
	display:block;
	width:calc( 33.333% - ( 80px / 3 ) );
	flex-basis:calc( 33.333% - ( 80px / 3 ) );
}


@media(max-width:980px){
	.recent{
		gap:30px;
	}

	.recent .recentitem{
		width:calc( 50% - 15px );
		flex-basis:calc( 50% - 15px );
	}
	
	.recent.recent-3{
		gap:30px;
	}

	.recent.recent-3 .recentitem{
		display:block;
		width:calc( 33.333% - ( 60px / 3 ) );
		flex-basis:calc( 33.333% - ( 60px / 3 ) );
	}

}

@media(max-width:767px){
	.recent.recent-3{
		gap:40px 0px;
		flex-direction:column;
		flex-wrap:wrap;
	}

	.recent.recent-3 .recentitem{
		width:calc( 100% );
		flex-basis:calc( 100% );
	}
}

@media(max-width:640px){
	.recent{
		gap:40px 0px;
		flex-direction:column;
		flex-wrap:wrap;
	}

	.recent .recentitem{
		width:calc( 100% );
		flex-basis:calc( 100% );
	}
}

.recent .recentitem .imagelink{
	display:block;
	width:100%;
	position:relative;
}

.recent .recentitem .imagelink A:hover{
	text-decoration:none;
}

.recent .recentitem .imagelink A:hover IMG{
	box-shadow:0px 0px 8px rgba(0,0,0,0.4);
}


.recent .recentitem .imagelink IMG{
	display:block;
	width:100%;
	position:relative;
	height:auto;
}

.recent .recentitem .imagelink VIDEO{
	display:block;
	width:100%;
	position:relative;
	height:100%;
	object-fit:cover;
}

.recent .recentitem .btns{
	display:flex;
	gap:20px;
	position:relative;
	width:100%;
	flex-direction:row;
	flex-wrap:nowrap;
	margin:1.5rem 0;
}

@media(max-width:980px){
	.recent .recentitem .btns{
		gap:10px;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;	
	}

}

.recent .recentitem .btns .bookingbutton {
  padding: 11px 20px 10px 20px;
  display: block;
  color:#FFF;
  background: #800000;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.4s background-color ease;
  height:40px;
}

.recent .recentitem .btns .infobutton {
  padding: 11px 20px 10px 20px;
  display: block;
  background-color: #FFF;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.4s background-color ease;
  height:40px;
}

.recent .recentitem .btns .bookingbutton:hover {
	background-color: #A00000;
	transition: 0.4s background-color ease;
}

.recent .recentitem .btns .infobutton:hover {
	background-color: rgba(222,218,214,1);
	transition: 0.4s background-color ease;
}

.recent.recent-3 .recentitem .btns {
  flex-direction:column;
  gap:10px;
}

.recent.recent-3 .recentitem .btns .infobutton {
  padding: 11px 15px 10px 15px;
  font-size: 18px;
}

.recent.recent-3 .recentitem .imagelink IMG {
  display: block;
  width: 100%;
  position: relative;
  height: auto;
}