/* Custom Grid */
.custom-grid-1 {
		margin-top: -70px;
		position: relative;
}

.custom-grid-1 .container {
		margin: 0 auto;
}

.custom-grid-1 .container .row {
		margin: 0;
}

.custom-grid-1 .container .row > * {
		padding: 0;
		background-color: var(--light);
		min-height: 220px;
		align-items: center;
		overflow: hidden;
}

@media (max-width: 991px) {
		.custom-grid-1 .container .row > * {
				border: 1px solid var(--grey-100);
		}
}

@media (min-width: 992px) {
		.custom-grid-1 .container .row > *:nth-child(1),
		.custom-grid-1 .container .row > *:nth-child(3),
		.custom-grid-1 .container .row > *:nth-child(6),
		.custom-grid-1 .container .row > *:nth-child(8) {
				background-color: var(--grey-100);
		}
}

.custom-grid-1 .custom-grid-1-item {
		position: relative;
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img {
		transition: opacity 300ms;
		opacity: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		filter: grayscale(1);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img img {
		transition: transform 2s;
		will-change: transform;
		transform: scale(0.75);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img:after {
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		opacity: 0.7;
		background-color: var(--light);
}

@media (min-width: 992px) {
	.custom-grid-1 .container .row .col-6:nth-child(1) .custom-grid-1-item .custom-grid-1-img:after,
	.custom-grid-1 .container .row .col-6:nth-child(3) .custom-grid-1-item .custom-grid-1-img:after,
	.custom-grid-1 .container .row .col-6:nth-child(6) .custom-grid-1-item .custom-grid-1-img:after,
	.custom-grid-1 .container .row .col-6:nth-child(8) .custom-grid-1-item .custom-grid-1-img:after{
		background-color: var(--quaternary);
	}

	.custom-grid-1 .container .row .col-6:nth-child(1) .custom-grid-1-item .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(3) .custom-grid-1-item .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(6) .custom-grid-1-item .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(8) .custom-grid-1-item .custom-grid-1-text h3{
		color: var(--light);
	}

	.custom-grid-1 .container .row .col-6:nth-child(1) .custom-grid-1-item:hover .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(3) .custom-grid-1-item:hover .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(6) .custom-grid-1-item:hover .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(8) .custom-grid-1-item:hover .custom-grid-1-text h3{
		color: var(--dark);
	}

	.custom-grid-1 .container .row .col-6:nth-child(2) .custom-grid-1-item:hover .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(4) .custom-grid-1-item:hover .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(5) .custom-grid-1-item:hover .custom-grid-1-text h3,
	.custom-grid-1 .container .row .col-6:nth-child(7) .custom-grid-1-item:hover .custom-grid-1-text h3{
		color: var(--light);
	}
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img:after {
	background-color: transparent !important;
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-text {
		position: relative;
		z-index: 1;
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img {
		opacity: 1;
		filter: grayscale(0);
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img img {
		transform: scale(1);
}

/* Custom Marquee */
.custom-marquee-1 .js-marquee-wrapper,
.custom-marquee-1 .js-marquee,
.custom-marquee-1 .js-marquee > span {
		display: flex;
}

.video-thumbnail {
	position: relative;
	display: inline-block;
	cursor: pointer;

	&:before {
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		content: "\f01d";
		font-family: FontAwesome;
		font-size: 100px;
		color: #fff;
		opacity: .8;
		text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
		z-index: 1;
	}
	&:hover:before {
		color: #eee;
	}
}
.header_info{
	position: fixed;
	top: 0px;
	left: 50%;
	transform: translate(-50%, 0);
	color: var(--primary);
	background: rgba(255,255,255,0.8);
	z-index: 1031;
	padding: 2px 20px;
	border-radius: 0px 0px 5px 5px;
	font-size: 12px;
}