/*****************************
	Experiences CSS
*****************************/
.experiences-section{ padding:30px 0px;}
.experiences-section .experiences{ padding:0px 40px; position:relative; margin-bottom:40px;}
.experiences-section .experiences-slider { min-width:100% !important; height:41px; overflow-y:hidden; }
.experiences-section .experiences-slider li { min-width:150px; text-align:center; display:inline-block;}
.experiences-section .experiences-slider li a{
	font-family: 'grey_sanssemi_bold';
	font-size:15px;
	line-height:17px;
	color:#022f5c;
	padding:10px 8px;
	border:2px solid #fac600;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	display:block;
}
.experiences-section .experiences-slider li:hover a,
.experiences-section .experiences-slider li.selected a{	background-color:#fac600;}
.experiences-section .experiences-slider li.lslide:last-child { margin-right:0px !important;}
.experiences-section .experiences .lSSlideOuter { overflow:visible; }
.experiences-section .experiences .lSSlideWrapper { position:static; }
.experiences-section .experiences .lSAction > a {
	background-image:url(https://www.visitbarbados.org/templates/Redesign/images/other-icon-20200807.png);
	width:12px; height:25px;
}
.experiences-section .experiences .lSAction > .lSPrev {background-position: -151px -73px; left: 0px;}
.experiences-section .experiences .lSAction > .lSNext {background-position: -175px -73px; right: 0px;}
.experiences-imgslider .video-wrapper{ position:relative; overflow:hidden;}
.experiences-imagegallery{ margin-bottom:15px; position:relative; display:block;}

.experiences-imagegallery .ico-heart, .experiences-imgslider .video-wrapper .ico-heart{
	background-position:-211px -169px;
	height:22px;
	width:22px;
	position:absolute;
	right:10px; top:10px;
	cursor:pointer;
}
.experiences-imgslider .video2{ visibility:hidden; }
.experiences-imgslider .video-wrapper{ position:relative; }
.experiences-imgslider video{ width:100%; height:auto;}
.experiences-imagegallery .ico-heart.active, .experiences-imgslider .video-wrapper .ico-heart.active{ background-position:-211px -198px;}
.ico-info{
	background-position:-240px -171px;
	height:24px;
	width:24px;
	position:absolute;
	left:10px; top:10px;
	cursor:pointer;
	display:none;
}
.experiences-gallery-box{
	position:absolute;
	left:0px; bottom:0px;
	width:80%;
	padding:10px;
	background-color:rgba(2,47,92,0.8);
	color:#ffffff;
	display:block;
}
.experiences-gallery-head{
	font-family: 'grey_sanssemi_bold';
	font-size:13px;
	line-height:15px;
	text-transform:uppercase;
	display:block;
    color:#fff;
}
.experiences-gallery-head:hover { color:#FAC600;}
.experiences-gallery-detail{
	font-family: 'grey_sansregular';
	font-size:16px;
	line-height:22px;
	margin-bottom:10px;
	display:none;
}
.experiences-gallery-box .close-icon:before{
	font-family: 'FontAwesome';
	content:'\f00d';
	font-size:17px;
	line-height:17px;
	position:absolute;
	right:10px; top:10px;
	display:none;
	cursor:pointer;
}
.experiences-gallery-box.active{
	 top:0px; right:0px;
	 min-height:100%; width:100%;
	 padding:20px;
}
.experiences-gallery-box.active .experiences-gallery-head{
	font-size:17px;
	line-height:20px;
	margin-bottom:15px;
}
.experiences-gallery-box.active .experiences-gallery-detail,
.experiences-gallery-box.active .close-icon:before{ display:block;}
.experiences-imgslider .experiences-gallery-box{ width:40%;}
.experiences-imgslider .experiences-gallery-box.active{
	 top:0px; right:0px;
	 min-height:100%; width:100%;
	 padding:20px;
}
.experiance-imagegallary-box{ position:relative; overflow:hidden; }
.experiences-imgslider { margin-bottom:15px; }
.experiences-section .ico-pause{
	background-position:-271px -170px;
	height:28px; width:28px;
	position:absolute;
	right:10px; bottom:10px;
	cursor:pointer;
	z-index:7;
}
.experiences-section .play{
	background-position:-271px -204px;
	height:28px; width:28px;
	position:absolute;
	right:10px; bottom:10px;
	cursor:pointer;
	z-index:99;
}
.experiences-imgslider .video-wrapper img{ width:100%;}
.experiences-imgslider .video-wrapper{ background-size:100%; }

/** Gallery Page Css **/
.gallery-page .gallery-img{
	max-height: 277px;
    overflow: hidden;
	display:block;
}
.gallery-page .experiences-gallery-box{ width:auto;}
/***** Discover page CSS *****/
.discover-page .gallery-img{
	max-height: 277px;
    overflow: hidden;
	display:block;
}
.getinspired-page .experiences-gallery-box,
.discover-page .experiences-gallery-box{ width:auto; }
.beaches-watersport .experiences-section,
.spa-wellbeing .experiences-section{ padding:30px 0px 0px;}
@media( min-width:1200px){
	.experiences-imagegallery:hover .experiences-gallery-head{
		font-size:17px;
		line-height:20px;
		margin-bottom:15px;
	}
	.experiences-imagegallery:hover .experiences-gallery-box,.experiance-imagegallary-box:hover .experiences-gallery-box{
		 top:0px; right:0px;
		 min-height:100%; width:100%;
		 padding:20px;
	}
	.experiance-imagegallary-box:hover .experiences-gallery-detail{ display:block; }
	.experiance-imagegallary-box:hover .experiences-gallery-head{ margin-bottom:15px; font-size:18px; line-height:19px; }
	.experiences-imagegallery:hover .experiences-gallery-detail{ display:block; }
	.experiences-imgslider .video-wrapper{ position:relative; height:277px; }
	.experiences-imagegallery .ico-heart, .experiences-imgslider .video-wrapper .ico-heart{
		z-index:1;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.experiences-gallery-detail{ line-height:17px; }
}

@media( max-width:1199px){
	.experiance-imagegallary-box:hover .experiences-gallery-box{ z-index:13; }
	.experiences-imgslider .video-wrapper{ position:relative; height:220px; }
	.ico-info{ display:inline-block; }
	.gallery-page .gallery-img { max-height: 220px;	}
	.discover-page .gallery-img{ max-height:220px;	}
	.experiences-gallery-box.active .experiences-gallery-head{
		font-size: 15px;
		line-height: 15px;
		margin-bottom: 8px;
	}
}
@media(max-width:992px){
	.experiences-imgslider{ margin-bottom:15px;}
	.experiences-section .ico-pause,
	.experiences-section .ico-play{ bottom:20px;}
}
@media(min-width:768px) and (max-width:992px){
	.experiences-gallery-head {font-size: 12px;	}
	.experiences-gallery-box .close-icon:before{ right:5px; top:5px;}
	.experiences-gallery-box.active .experiences-gallery-head {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 6px;
	}
	.experiences-gallery-box.active { padding: 16px;}
	.experiences-imgslider .video-wrapper{ height:345px; }
	/***** Discover Page CSS *****/
	.discover-page .gallery-img { max-height:226px; }
}
@media( max-width:767px){
	.experiences-imgslider .video-wrapper{ height:281px; }
	.experiences-imagegallery img{ width:100%;}
	.experiences-section{
		padding:15px 0px;
	}
	.experiences-section .experiences{ margin-bottom:20px; }
}
@media(max-width:525px){
	.experiences-imgslider .video-wrapper{ height:158px; }
	.experiences-gallery-head {font-size: 12px;	}
	.experiences-gallery-box .close-icon:before{ right:5px; top:5px;}
	.experiences-gallery-box.active .experiences-gallery-head {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 6px;
	}
	.experiences-gallery-box.active { padding: 16px;}
	.experiences-gallery-box .experiences-gallery-detail{ line-height:15px;}
}
@media(max-width:480px){
	.experiences-section .experiences{ padding:0px 20px;}
	.experiences-gallery-box.active { padding: 20px;}
	.experiences-gallery-head {font-size: 14px;	}
	.experiences-gallery-box .close-icon:before{ right:10px; top:10px;}
	.experiences-gallery-box.active .experiences-gallery-head {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.experiences-gallery-box .experiences-gallery-detail{ line-height:24px;}
	.experiences-imgslider .experiences-gallery-box{ width:68% }
	.experiences-imgslider .video-wrapper{ height:146px; }
}