.page-gallery {
	background-color: #141414;
}

.page-gallery-category-wrap {
	background-color: #1C1C1C;
}

.page-gallery-category-wrap .page-gallery-category-filter {
	text-transform: uppercase;
	color: #fff;
	padding: 9px 0;
	margin: 0 20px;
	line-height: 3;

	-o-transition-property: none;
	-moz-transition-property: none;
	-ms-transition-property: none;
	-webkit-transition-property: none;
	transition-property: none;
}

.page-gallery-category-wrap .page-gallery-category-filter.active {
	border-bottom: 5px #fff solid;
}

.page-gallery-category-wrap .page-gallery-category-filter:hover {
	color: #fff;
}

.page-gallery-category-wrap .page-gallery-category-filter:focus,
.page-gallery-category-wrap .page-gallery-category-filter:active {
	outline: none;
	text-decoration: none;
}

.page-gallery-item {
	height: 400px;
	background-position: center;
	background-color: #000;
	position: relative;
	background-size: cover;
	overflow: hidden;
}

.page-gallery-item video {
	position: absolute;
	left: 0;
	opacity:0;
	transition:opacity 0.5s linear;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-gallery-item:hover video {
	opacity: 1;
}

.page-gallery-item:hover:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background-color: rgba(0, 0, 0, 0.2);
}

.page-gallery-item .page-gallery-link {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: 1;
}

.page-gallery-item .page-gallery-link:focus {
	outline: none;
}

.page-gallery-item .page-gallery-text-wrap {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translate(0%, -50%);
}

.page-gallery-item .page-gallery-text {
	text-transform: uppercase;
}