img,

video {

	width: 100%;

}



.album-container {

	background: #575f84;

	color: #fff;

	margin: 20px 0;

}

.row.gallery.imageGallery.pl-1.justify-content-center.align-items-center {
    width: 100%;
}

.album-container .card {

	color: #000;

}



.album-container .card-header {

	font-weight: 600;

}



.album .box {

	background: #fff;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

	margin-bottom: 1rem;

}

.album .box:hover .image .social_icon {

	bottom: 0px;

	opacity: 1;

}

.album .box .info {

	text-align: center;

	padding: 1rem 0;

	display: flex;

	justify-content: space-around;

}

.album .box .social_icon ul {

	text-align: center;

}

.album .box .social_icon ul li {

	display: inline-block;

}

.album .box .social_icon ul li a {

	width: 35px;

	height: 35px;

	text-align: center;

	line-height: 35px;

	background: #fff;

	display: inline-block;

}

.album .box .social_icon ul li a:hover {

	background: -webkit-linear-gradient(-30deg, #052157 0%, #91039f 100%);

}

.album .box .social_icon ul li a:hover i {

	background: -webkit-linear-gradient(to right, #fff, #fff);

	background: -moz-linear-gradient(to right, #fff, #fff);

	background: -webkit-gradient(

		linear,

		left top,

		right top,

		from(#fff),

		to(#fff)

	);

	background: -webkit-linear-gradient(left, #fff, #fff);

	background: -o-linear-gradient(left, #fff, #fff);

	background: linear-gradient(to right, #fff, #fff);

	-webkit-background-clip: text;

	-moz-background-clip: text;

	-webkit-text-fill-color: transparent;

	-moz-text-fill-color: transparent;

}

.album .box .social_icon ul li a i {

	background: -webkit-linear-gradient(-30deg, #052157 0%, #91039f 100%);

	-webkit-background-clip: text;

	-moz-background-clip: text;

	-webkit-text-fill-color: transparent;

	-moz-text-fill-color: transparent;

}

.album .box .image {

	position: relative;

	overflow: hidden;

}

.album .album-item img,

.album .album-item video {

	width: 100%;

	height: 237px;

}

.album .box .image .social_icon {

	position: absolute;

	z-index: 9;

	bottom: 30px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 100%;

	opacity: 0;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}