.video-gallery {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../jpg/gallery-back.jpg);
	padding: 0px 0 10px;
}
 
.video-gallery .inner-width {
	max-width: 1009px;
	padding-top: 40px;
}

.video-gallery .sub-text {
	line-height: 1.67;
	color: #afc7da;
	max-width: 590px;
	margin: 0 auto 19px;
}

.video-gallery .sub-text.video-caption {
 display: none;
}
.video-gallery .active .sub-text.video-caption {
	color: #9cb0bf;
    display: block;
    line-height: 1.3;
    margin-top: 24px;
}
.video-gallery .description {
	font-size: 16px;
	line-height: 2.19;
}

.carousel {
	height: 370px;
	height: 445px;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.carousel .cloud9-item {
	cursor: pointer;
	width: 419px; 
	height: 265px; 
	/* opacity: 0.5; */
	background-color: rgb(0 0 0 / 75%);
}
.carousel .cloud9-item.active { 
	/* opacity: 1; */
}
.carousel .cloud9-item a {
	width: 100%;
	display: block!important;
	height: 100%;
	position: relative;
	box-shadow: 0px 3px 7px 0 rgb(0 0 0 / 35%);
    border: solid 3px rgba(226, 226, 226, 0.41);
	 transform: scale(1);
    transition: all .4s ease;
    -webkit-transition: all .4s ease; 
	opacity: 0.5;
}
.carousel .cloud9-item.active a{ 
	opacity: 1;
}
  .carousel .cloud9-item:hover a {
    transform: scale(1.1);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}  

/* .carousel .cloud9-item:hover a,
.carousel .cloud9-item:focus a{
	-webkit-animation-name: shakeme;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}
@keyframes shakeme {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  }  */

.carousel .cloud9-item .img img {
	width: 100%;
	height: 100%;
	height: 259px;
	object-fit: cover;
	vertical-align: middle;
}
.carousel .cloud9-item.active .img .image-gallery img.play-bth {
    display: none;
}
.carousel .cloud9-item .img img.play-bth {
	display: none;
}

.carousel .cloud9-item .img img.play-bth {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.play-btn {
	position: absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	object-fit: contain;
}

@media (max-width: 1199px) {
  
	.carousel {
		max-width: 100%;
		width: 100%;
	}
}


@media (max-width: 550px) { 
	.video-gallery .inner-width {
		max-width: 100%;
		padding-top: 20px;
	}
	.video-gallery .sub-text,
	.video-gallery h3 {
		padding: 0 0;
	}
	.carousel {
   		height: 355px;
	}
	.carousel .cloud9-item.active {
		width: 219px;
		height: 131px;
	}
	.carousel .cloud9-item {
		width: 180px!important;
		height: 131px;
	}
	.carousel .cloud9-item .img img {
		height: 125px;
	}
	.video-gallery { 
		background-position-x: center;
	}
}