/* MASONRY SLIDES */
.masonry .masonry-cont {
	display: -ms-grid;
	display: grid;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.masonry-cont .slide {
	padding: 3px;
	overflow: hidden;
}
.masonry-cont .slide img {
	-webkit-transition: -webkit-filter 0.3s ease;
	transition: -webkit-filter 0.3s ease;
	-o-transition: filter 0.3s ease;
	transition: filter 0.3s ease;
	transition: filter 0.3s ease, -webkit-filter 0.3s ease;
	cursor: pointer;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.masonry-cont .slide:hover img {
	-webkit-filter: brightness(0.8);
	        filter: brightness(0.8);
}

/* Two Rows */
.masonry .masonry-cont.two-rows-sm {
	-ms-grid-rows: (18vw)[5];
	grid-template-rows: repeat(5, 18vw);
}
.masonry-cont.two-rows-sm .slide:nth-child(1) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	grid-row-start: 1;
	grid-row-end: 4;
}
.masonry-cont.two-rows-sm .slide:nth-child(2) {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}
.masonry-cont.two-rows-sm .slide:nth-child(3) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 4;
	-ms-grid-row-span: 2;
	grid-row-start: 4;
	grid-row-end: 6;
}
.masonry-cont.two-rows-sm .slide:nth-child(4) {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	grid-row-start: 3;
	grid-row-end: 6;
} /* End of Two Rows */

/* Three Rows */
.masonry .masonry-cont.three-rows-sm {
	-ms-grid-rows: (22vw)[5];
	grid-template-rows: repeat(5, 22vw);
}
.masonry-cont.three-rows-sm .slide:nth-child(1) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}
.masonry-cont.three-rows-sm .slide:nth-child(2) {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}
.masonry-cont.three-rows-sm .slide:nth-child(3) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row-start: 3;
	grid-row-end: 4;
}
.masonry-cont.three-rows-sm .slide:nth-child(4) {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 3;
	grid-row-start: 2;
	grid-row-end: 5;
}
.masonry-cont.three-rows-sm .slide:nth-child(5) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 4;
	-ms-grid-row-span: 2;
	grid-row-start: 4;
	grid-row-end: 6;
}
.masonry-cont.three-rows-sm .slide:nth-child(6) {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;
	grid-row-start: 5;
	grid-row-end: 6;
} /* End of Three Rows */

@media(min-width: 28em) {
	/* Two Rows */
	.masonry .masonry-cont.two-rows-sm {
		-ms-grid-rows: (18vw)[5];
		grid-template-rows: repeat(5, 18vw);
	}
	.masonry-cont.two-rows-sm .slide:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		grid-row-start: 1;
		grid-row-end: 4;
	}
	.masonry-cont.two-rows-sm .slide:nth-child(2) {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.masonry-cont.two-rows-sm .slide:nth-child(3) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 4;
		grid-row-start: 1;
		grid-row-end: 5;
	}
	.masonry-cont.two-rows-sm .slide:nth-child(4) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		grid-row-start: 4;
		grid-row-end: 6;
	}
	.masonry-cont.two-rows-sm .slide:nth-child(5) {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		grid-row-start: 3;
		grid-row-end: 6;
	}
	.masonry-cont.two-rows-sm .slide:nth-child(6) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		grid-row-start: 5;
		grid-row-end: 6;
	} /* End of Two Rows */

	/* Three Rows */
	.masonry .masonry-cont.three-rows-sm {
		-ms-grid-rows: (22vw)[5];
		grid-template-rows: repeat(5, 22vw);
	}
	.masonry-cont.three-rows-sm .slide:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(2) {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row-start: 1;
		grid-row-end: 2;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(3) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
	 	grid-row-start: 1;
		grid-row-end: 3;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(4) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row-start: 3;
		grid-row-end: 4;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(5) {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 3;
		grid-row-start: 2;
		grid-row-end: 5;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(6) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row-start: 3;
		grid-row-end: 4;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(7) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		grid-row-start: 4;
		grid-row-end: 6;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(8) {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		grid-row-start: 5;
		grid-row-end: 6;
	}
	.masonry-cont.three-rows-sm .slide:nth-child(9) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		grid-row-start: 4;
		grid-row-end: 6;
	} /* End of Three Rows */
}

@media(min-width: 36em) {
	.masonry .masonry-cont {
		-ms-grid-columns: (1fr)[12];
		grid-template-columns: repeat(12, 1fr);
	}
	.masonry-cont .slide { height: 24vw; }
	.masonry-cont .slide:nth-child(6n + 1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
		grid-column-start: 1;
		grid-column-end: 5;
	}
	.masonry-cont .slide:nth-child(6n + 2) {
		-ms-grid-column: 5;
		-ms-grid-column-span: 5;
		grid-column-start: 5;
		grid-column-end: 10;
	}
	.masonry-cont .slide:nth-child(6n + 3) {
		-ms-grid-column: 10;
		-ms-grid-column-span: 3;
		grid-column-start: 10;
		grid-column-end: 13;
	}
	.masonry-cont .slide:nth-child(6n + 4) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column-start: 1;
		grid-column-end: 4;
	}
	.masonry-cont .slide:nth-child(6n + 5) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 4;
		grid-column-start: 4;
		grid-column-end: 8;
	}
	.masonry-cont .slide:nth-child(6n + 6) {
		-ms-grid-column: 8;
		-ms-grid-column-span: 5;
		grid-column-start: 8;
		grid-column-end: 13;
	}
	.masonry-cont .slide:nth-child(1n) {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 4) {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 7) {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 10) {
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
	}
}

@media(min-width: 48em) {
	.masonry .masonry-cont {
		-ms-grid-columns: (1fr)[20];
		grid-template-columns: repeat(20, 1fr);
	}
	.masonry-cont .slide { height: 22vw; }
	.masonry-cont .slide:nth-child(8n + 1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
		grid-column-start: 1;
		grid-column-end: 6;
	}
	.masonry-cont .slide:nth-child(8n + 2) {
		-ms-grid-column: 6;
		-ms-grid-column-span: 5;
		grid-column-start: 6;
		grid-column-end: 11;
	}
	.masonry-cont .slide:nth-child(8n + 3) {
		-ms-grid-column: 11;
		-ms-grid-column-span: 4;
		grid-column-start: 11;
		grid-column-end: 15;
	}
	.masonry-cont .slide:nth-child(8n + 4) {
		-ms-grid-column: 15;
		-ms-grid-column-span: 6;
		grid-column-start: 15;
		grid-column-end: 21;
	}
	.masonry-cont .slide:nth-child(8n + 5) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		grid-column-start: 1;
		grid-column-end: 7;
	}
	.masonry-cont .slide:nth-child(8n + 6) {
		-ms-grid-column: 7;
		-ms-grid-column-span: 5;
		grid-column-start: 7;
		grid-column-end: 12;
	}
	.masonry-cont .slide:nth-child(8n + 7) {
		-ms-grid-column: 12;
		-ms-grid-column-span: 5;
		grid-column-start: 12;
		grid-column-end: 17;
	}
	.masonry-cont .slide:nth-child(8n + 8) {
		-ms-grid-column: 17;
		-ms-grid-column-span: 4;
		grid-column-start: 17;
		grid-column-end: 21;
	}
	.masonry-cont .slide:nth-child(1n) {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 5) {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 9) {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 13) {
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
	}
}

@media(min-width: 64em) {
	.masonry .masonry-cont {
		-ms-grid-columns: (1fr)[19];
		grid-template-columns: repeat(19, 1fr);
	}
	.masonry-cont .slide { height: 19vw; }
	.masonry-cont .slide:nth-child(10n + 1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column-start: 1;
		grid-column-end: 4;
	}
	.masonry-cont .slide:nth-child(10n + 2) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 4;
		grid-column-start: 4;
		grid-column-end: 8;
	}
	.masonry-cont .slide:nth-child(10n + 3) {
		-ms-grid-column: 8;
		-ms-grid-column-span: 3;
		grid-column-start: 8;
		grid-column-end: 11;
	}
	.masonry-cont .slide:nth-child(10n + 4) {
		-ms-grid-column: 11;
		-ms-grid-column-span: 5;
		grid-column-start: 11;
		grid-column-end: 16;
	}
	.masonry-cont .slide:nth-child(10n + 5) {
		-ms-grid-column: 16;
		-ms-grid-column-span: 4;
		grid-column-start: 16;
		grid-column-end: 20;
	}
	.masonry-cont .slide:nth-child(10n + 6) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
		grid-column-start: 1;
		grid-column-end: 5;
	}
	.masonry-cont .slide:nth-child(10n + 7) {
		-ms-grid-column: 5;
		-ms-grid-column-span: 5;
		grid-column-start: 5;
		grid-column-end: 10;
	}
	.masonry-cont .slide:nth-child(10n + 8) {
		-ms-grid-column: 10;
		-ms-grid-column-span: 3;
		grid-column-start: 10;
		grid-column-end: 13;
	}
	.masonry-cont .slide:nth-child(10n + 9) {
		-ms-grid-column: 13;
		-ms-grid-column-span: 4;
		grid-column-start: 13;
		grid-column-end: 17;
	}
	.masonry-cont .slide:nth-child(10n + 10) {
		-ms-grid-column: 17;
		-ms-grid-column-span: 3;
		grid-column-start: 17;
		grid-column-end: 20;
	}
	.masonry-cont .slide:nth-child(1n) {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 6) {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 11) {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 16) {
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
	}
}

@media(min-width: 80em) {
	.masonry .masonry-cont {
		-ms-grid-columns: (1fr)[24];
		grid-template-columns: repeat(24, 1fr);
	}
	.masonry-cont .slide { height: 15vw; }
	.masonry-cont .slide:nth-child(12n + 1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column-start: 1;
		grid-column-end: 4;
	}
	.masonry-cont .slide:nth-child(12n + 2) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 4;
		grid-column-start: 4;
		grid-column-end: 8;
	}
	.masonry-cont .slide:nth-child(12n + 3) {
		-ms-grid-column: 8;
		-ms-grid-column-span: 3;
		grid-column-start: 8;
		grid-column-end: 11;
	}
	.masonry-cont .slide:nth-child(12n + 4) {
		-ms-grid-column: 11;
		-ms-grid-column-span: 5;
		grid-column-start: 11;
		grid-column-end: 16;
	}
	.masonry-cont .slide:nth-child(12n + 5) {
		-ms-grid-column: 16;
		-ms-grid-column-span: 4;
		grid-column-start: 16;
		grid-column-end: 20;
	}
	.masonry-cont .slide:nth-child(12n + 6) {
		-ms-grid-column: 20;
		-ms-grid-column-span: 5;
		grid-column-start: 20;
		grid-column-end: 25;
	}
	.masonry-cont .slide:nth-child(12n + 7) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
		grid-column-start: 1;
		grid-column-end: 6;
	}
	.masonry-cont .slide:nth-child(12n + 8) {
		-ms-grid-column: 6;
		-ms-grid-column-span: 3;
		grid-column-start: 6;
		grid-column-end: 9;
	}
	.masonry-cont .slide:nth-child(12n + 9) {
		-ms-grid-column: 9;
		-ms-grid-column-span: 4;
		grid-column-start: 9;
		grid-column-end: 13;
	}
	.masonry-cont .slide:nth-child(12n + 10) {
		-ms-grid-column: 13;
		-ms-grid-column-span: 5;
		grid-column-start: 13;
		grid-column-end: 18;
	}
	.masonry-cont .slide:nth-child(12n + 11) {
		-ms-grid-column: 18;
		-ms-grid-column-span: 4;
		grid-column-start: 18;
		grid-column-end: 22;
	}
	.masonry-cont .slide:nth-child(12n + 12) {
		-ms-grid-column: 22;
		-ms-grid-column-span: 3;
		grid-column-start: 22;
		grid-column-end: 25;
	}
	.masonry-cont .slide:nth-child(1n) {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 7) {
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 13) {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
	}
	.masonry-cont .slide:nth-child(1n + 19) {
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
	}
}

/* --------- end of masonry slides --------- */

/* POPUP WINDOW */
.masonry .masonry-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 999;
}
.masonry .masonry-overlay.active {
	background-color: #000;
	opacity: 0.75;
	pointer-events: all;
}
.masonry .masonry-popup { pointer-events: none; }
.masonry .masonry-popup.active { pointer-events: all; }
.masonry .popup-slide {
	position: fixed;
	top: 50%;
	left: 25px;
	right: 25px;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	max-width: 600px;
	opacity: 0;
}
.masonry .popup-slide.active {
	padding: 10px;
	background-color: #fff;
	border-radius: 2px;
	opacity: 1;
	z-index: 1000;
}
.masonry .popup-slide.active .popup-desc {
	padding: 0 10px;
	text-align: center;
}
.masonry .popup-slide.active .popup-title {
	font-family: "ff-good-headline-web-pro-con",sans-serif;
	font-size: 33px;
	color: #444;
	margin: 15px 0 10px;
}
.masonry .popup-slide.active p {
	margin-bottom: 20px;
	line-height: 20px;
}
.masonry .popup-slide .close {
	position: absolute;
	top: -35px;
	right: 5px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

@media(min-width: 40em) {
	.masonry .popup-slide {
		left: 50%;
		right: auto;
		-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		width: 100%;
	}
}
/* --------- end of popup window ---------