.gallery { position: relative; }

.gallery__image,
.album-gal__cover {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 20px;
	overflow: hidden;
}

.gallery__image:before,
.album-gal__cover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .3s, visibility .3s;
	background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
	opacity: 0.8;
}

.gallery__image:hover:before,
.album-gal__cover:hover:before {
	opacity: 1;
	visibility: visible;
	background: #0093C9 0% 0% no-repeat padding-box;
	opacity: 0.75;
}

.album-gal__cover { display: block; }
.album-gal__details--title { float: left; }
.album-gal__details--count { float: right; }

.gallery__image-container {
	padding-top: 16px;
	padding-bottom: 16px;
}
.gallery-item {
	display: none;
}
	.gallery__image img {
		max-height: 321px;
		height: 321px;
		width: 100%;
		object-fit: cover;
	}
	.gallery__image-container .gallery-item__info,
	.gallery__image-container .gallery-item__info--hover {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		transition: opacity .3s;
	}
	.gallery__image-container .gallery-item__info {
		z-index: 5;
		padding: 24px;
		font: normal normal 500 15px/26px Poppins;
		letter-spacing: 0px;
		color: #FFFFFF
	}
		.gallery__image-container .gallery-item__info h4 {
			font: normal normal 600 16px Poppins;
			letter-spacing: 0.48px;
			color: #FFFFFF;
			padding-bottom: 7px;
			padding-top: 0;
		}
	.gallery__image-container .gallery-item__info--hover {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 0;
		opacity: 0;
		padding: 15px;
	}
	.gallery__image:hover .gallery-item__info--hover {
		z-index: 10;
		opacity: 1;
	}
		.gallery-item__info--hover__wrap {
			max-width: 270px;
			text-align: center;
		}
			.gallery-item__info--hover .btn {
				border: 4px solid var(--white);
				padding: 16px 20px 14px;
			}
				.gallery-item__info--hover .btn span {
					margin-left: 15px;
				}
			.gallery-item__info--hover .btn-quickview {
				color: var(--white);
				background-color: transparent;
			}
				.gallery-item__info--hover .btn-quickview:hover {
					background: var(--white);
					color: var(--solid-blue);
				}
			.gallery-item__info--hover .btn-view {
				background-color: var(--white);
				color: var(--solid-blue);
				margin: 15px 0 0;
			}
				.gallery-item__info--hover .btn-view:hover {
					background-color: var(--solid-red);
					border-color: var(--solid-red);
					color: var(--white);
				}
			.btn-play {
				font-size: 67px;
				color: #fff;
				line-height: 0;
				border: none;
				display: inline-block;
			}


@media (max-width: 1024px) {
	.gallery__image .gallery-item__info--hover {
		z-index: 10;
		opacity: 1;
	}
}

@media (min-width: 1025px) {
	.gallery__image .gallery-item__info--hover--video {
		z-index: 10;
		opacity: 1;
	}
	.gallery-item__info--hover .btn {
		min-width: 194px;
	}
	.btn-play {
		font-size: 96px;
	}
}

.modaal-gallery-label {
	background: #ffffff;
	color: var(--black);
	font-family: 'Fredoka',sans-serif;
	font-size: 25px;
	font-weight: 600;
	margin-top: 0;
	padding: 10px 30px; 
	text-align: left;
}

@media (min-width: 768px) {
	.modaal-gallery-label {
		font-size: 30px;
	}
}

@media (min-width: 1200px) {
	.modaal-gallery-label {
		font-size: 35px;
	}
}


.modaal-outer-wrapper {
	background: #2D2A2680;
}
	.modaal-content-container {
		padding: 0;
	}
		.modaal-content-container img {
			width: 100%;
		}
			.modaal-content-container .modaal-pop-desc {
				/* position: absolute; */
				bottom: 0;
				left: 0;
				width: 100%;
				z-index: 99;
				background: #ffffffb5;
				padding: 10px 30px;
			}
			.modaal-content-container .modaal-pop-desc h3 {
				padding: 0;
			}
				.modaal-content-container .modaal-pop-desc p {
					font-size: 16px;
				}

@media (min-width: 900px) {
	.modaal-content-container .modaal-pop-desc {
		width: 60%;
	}
}


.gallery-filter {
  	margin-bottom: 60px;
}
	.gallery-filter__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 -10px;
	}
		.gallery-filter__item {
			padding: 10px;
			margin: 0;
		}
			.gallery-filter__item::before {
				content: none;
			}
			.gallery-filter__target {
				font-family: "Poppins", sans-serif;
				font-weight: 500;
				font-size: 16px;
				line-height: 1.4375;
				letter-spacing: 0.48px;
				color: #ABA9A8;
				background: #E9E9E9;
				display: inline-block;
				padding: 13px 37px;
				border-radius: 10px;
				border: 1px solid #E9E9E9;
			}
			.gallery-filter__target:hover {
				background-color: var(--solid-blue);
				color: #fff;
				font-weight: 500;
			}
			.gallery-filter__target.selected {
				background: none;
				border-color: var(--solid-blue);
				color: var(--solid-blue);
				font-weight: 500;
			}


.gallery-load-more {
	margin-top: 70px;
	text-align: center;
}
	.btn.noContent {
		background: #0000005e;
	}



@media ( min-width: 601px ) and ( max-width: 767px ) {
	.gallery__image-container:nth-of-type( 2n + 3 ) { clear: both; }
	.gallery--collapse .gallery__image-container:nth-of-type( n + 3 ) { display: none; }
}

@media ( min-width: 768px ) and ( max-width: 1023px ) {
	.gallery__image-container:nth-of-type( 3n + 4 ) { clear: both; }
	.gallery--collapse .gallery__image-container:nth-of-type( n + 4 ) { display: none; }
}

@media ( min-width: 1024px ) {
	.gallery__image-container:nth-of-type( 4n + 5 ) { clear: both; }
	.gallery--collapse .gallery__image-container:nth-of-type( n + 5 ) { display: none; }
}

@media (max-width:1024px) {
    .galleries {
        padding-top: 20px;
    }
    
    .gallery-filter {
        margin-bottom: 0;
    }
    
    .gallery-filter__item {
        padding: 5px;
    }
    
    .gallery-filter__target {
        font-size: 14px;
        padding: 10px 15px;
    }
}

@media (min-width:1025px) {
	.galleries {
		padding-top: 30px;
	}

    .gallery-filter {
        margin-bottom: 0;
    }

    .gallery-filter__item {
        padding: 4px;
    }
    .gallery-filter__target {
        padding: 10px 20px;
    }
}

@media (max-width:767px) {
    .gallery-filter__target {
        padding: 5px 10px;
    }
}

/* Choices */
.gallery-filter .choices {
	z-index: 9999;
}