:root {
	--as-ratio-1-1: 100%;
	--as-ratio-4-3: 75%;
	--as-ratio-3-2: 66.67%;
	--as-ratio-16-9: 56.25%;
	--as-ratio-2-3: 150%;
	--as-ratio-3-4: 133.33%;
	--as-ratio-9-16: 177.8%;
}

.icit-img-gallery {
	display: grid;
}

.icit-img-gallery.auto-fit-img .item .thumb-wrapper {
	position: relative;
	padding: 0 0 var(--as-ratio-4-3);
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.icit-img-gallery.auto-fit-img .item .thumb-wrapper .absolute-fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}

.icit-img-gallery .absolute-fill img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.icit-img-gallery.auto-fit-img .absolute-fill img {
	display: none;
}

.icit-img-gallery.auto-fit-img.ar-1-1 .item .thumb-wrapper {
	padding: 0 0 var(--as-ratio-1-1);
}

.icit-img-gallery.auto-fit-img.ar-4-3 .item .thumb-wrapper {
	padding: 0 0 var(--as-ratio-4-3);
}

.icit-img-gallery.auto-fit-img.ar-3-2 .item .thumb-wrapper {
	padding: 0 0 var(--as-ratio-3-2);
}

.icit-img-gallery.auto-fit-img.ar-16-9 .item .thumb-wrapper {
	padding: 0 0 var(--as-ratio-16-9);
}

.icit-img-gallery.auto-fit-img.ar-2-3 .item .thumb-wrapper {
	padding: 0 0 var(--as-ratio-2-3);
}

.icit-img-gallery.auto-fit-img.ar-3-4 .item .thumb-wrapper {
	padding: 0 0 var(--as-ratio-3-4);
}

.icit-img-gallery.auto-fit-img.ar-9-16 .item .thumb-wrapper {
	padding: 0 0 var(--as-ratio-9-16);
}

.icit-img-gallery.one-col {
	grid-template-columns: 1fr;
	grid-gap: 1em;
}

.icit-img-gallery.one-col {
	grid-template-columns: 1fr;
	grid-gap: 1em;
}

.icit-img-gallery.two-col {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1em;
}

.icit-img-gallery.three-col {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1em;
}

.icit-img-gallery.four-col {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1em;
}

.icit-img-gallery.five-col {
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1em;
}

.icit-img-gallery.six-col {
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1em;
}

.icit-img-gallery.seven-col {
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 1em;
}

.icit-img-gallery.eight-col {
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 1em;
}

.icit-img-gallery .img-caption {
	color: #888;
}

@media only screen and (max-width: 1200px) {
	.icit-img-gallery.eight-col.ar-1-1,
	.icit-img-gallery.eight-col.ar-4-3,
	.icit-img-gallery.eight-col.ar-3-2,
	.icit-img-gallery.eight-col.ar-16-9,
	.icit-img-gallery.eight-col.ar-3-4,
	.icit-img-gallery.eight-col.ar-2-3,
	.icit-img-gallery.eight-col.ar-9-16 {
		grid-template-columns: repeat(7, 1fr);
	}
}

@media only screen and (max-width: 1100px) {
	.icit-img-gallery.eight-col.ar-1-1,
	.icit-img-gallery.eight-col.ar-4-3,
	.icit-img-gallery.eight-col.ar-3-2,
	.icit-img-gallery.eight-col.ar-16-9,
	.icit-img-gallery.eight-col.ar-3-4,
	.icit-img-gallery.eight-col.ar-2-3,
	.icit-img-gallery.eight-col.ar-9-16 {
		grid-template-columns: repeat(6, 1fr);
	}

	.icit-img-gallery.seven-col.ar-1-1,
	.icit-img-gallery.seven-col.ar-4-3,
	.icit-img-gallery.seven-col.ar-3-2,
	.icit-img-gallery.seven-col.ar-16-9,
	.icit-img-gallery.seven-col.ar-3-4,
	.icit-img-gallery.seven-col.ar-2-3,
	.icit-img-gallery.seven-col.ar-9-16 {
		grid-template-columns: repeat(6, 1fr);
	}
}

@media only screen and (max-width: 1000px) {
	.icit-img-gallery.eight-col.ar-1-1,
	.icit-img-gallery.eight-col.ar-4-3,
	.icit-img-gallery.eight-col.ar-3-2,
	.icit-img-gallery.eight-col.ar-16-9,
	.icit-img-gallery.eight-col.ar-3-4,
	.icit-img-gallery.eight-col.ar-2-3,
	.icit-img-gallery.eight-col.ar-9-16 {
		grid-template-columns: repeat(5, 1fr);
	}

	.icit-img-gallery.seven-col.ar-1-1,
	.icit-img-gallery.seven-col.ar-4-3,
	.icit-img-gallery.seven-col.ar-3-2,
	.icit-img-gallery.seven-col.ar-16-9,
	.icit-img-gallery.seven-col.ar-3-4,
	.icit-img-gallery.seven-col.ar-2-3,
	.icit-img-gallery.seven-col.ar-9-16 {
		grid-template-columns: repeat(5, 1fr);
	}

	.icit-img-gallery.six-col.ar-1-1,
	.icit-img-gallery.six-col.ar-4-3,
	.icit-img-gallery.six-col.ar-3-2,
	.icit-img-gallery.six-col.ar-16-9,
	.icit-img-gallery.six-col.ar-3-4,
	.icit-img-gallery.six-col.ar-2-3,
	.icit-img-gallery.six-col.ar-9-16 {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media only screen and (max-width: 900px) {
	.icit-img-gallery.eight-col.ar-1-1,
	.icit-img-gallery.eight-col.ar-4-3,
	.icit-img-gallery.eight-col.ar-3-2,
	.icit-img-gallery.eight-col.ar-16-9,
	.icit-img-gallery.eight-col.ar-3-4,
	.icit-img-gallery.eight-col.ar-2-3,
	.icit-img-gallery.eight-col.ar-9-16 {
		grid-template-columns: repeat(4, 1fr);
	}

	.icit-img-gallery.seven-col.ar-1-1,
	.icit-img-gallery.seven-col.ar-4-3,
	.icit-img-gallery.seven-col.ar-3-2,
	.icit-img-gallery.seven-col.ar-16-9,
	.icit-img-gallery.seven-col.ar-3-4,
	.icit-img-gallery.seven-col.ar-2-3,
	.icit-img-gallery.seven-col.ar-9-16 {
		grid-template-columns: repeat(4, 1fr);
	}

	.icit-img-gallery.six-col.ar-1-1,
	.icit-img-gallery.six-col.ar-4-3,
	.icit-img-gallery.six-col.ar-3-2,
	.icit-img-gallery.six-col.ar-16-9,
	.icit-img-gallery.six-col.ar-3-4,
	.icit-img-gallery.six-col.ar-2-3,
	.icit-img-gallery.six-col.ar-9-16 {
		grid-template-columns: repeat(4, 1fr);
	}

	.icit-img-gallery.five-col.ar-1-1,
	.icit-img-gallery.five-col.ar-4-3,
	.icit-img-gallery.five-col.ar-3-2,
	.icit-img-gallery.five-col.ar-16-9,
	.icit-img-gallery.five-col.ar-3-4,
	.icit-img-gallery.five-col.ar-2-3,
	.icit-img-gallery.five-col.ar-9-16 {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media only screen and (max-width: 768px) {
	.icit-img-gallery.eight-col.ar-1-1,
	.icit-img-gallery.eight-col.ar-4-3,
	.icit-img-gallery.eight-col.ar-3-2,
	.icit-img-gallery.eight-col.ar-16-9,
	.icit-img-gallery.eight-col.ar-3-4,
	.icit-img-gallery.eight-col.ar-2-3,
	.icit-img-gallery.eight-col.ar-9-16 {
		grid-template-columns: repeat(3, 1fr);
	}

	.icit-img-gallery.seven-col.ar-1-1,
	.icit-img-gallery.seven-col.ar-4-3,
	.icit-img-gallery.seven-col.ar-3-2,
	.icit-img-gallery.seven-col.ar-16-9,
	.icit-img-gallery.seven-col.ar-3-4,
	.icit-img-gallery.seven-col.ar-2-3,
	.icit-img-gallery.seven-col.ar-9-16 {
		grid-template-columns: repeat(3, 1fr);
	}

	.icit-img-gallery.six-col.ar-1-1,
	.icit-img-gallery.six-col.ar-4-3,
	.icit-img-gallery.six-col.ar-3-2,
	.icit-img-gallery.six-col.ar-16-9,
	.icit-img-gallery.six-col.ar-3-4,
	.icit-img-gallery.six-col.ar-2-3,
	.icit-img-gallery.six-col.ar-9-16 {
		grid-template-columns: repeat(3, 1fr);
	}

	.icit-img-gallery.five-col.ar-1-1,
	.icit-img-gallery.five-col.ar-4-3,
	.icit-img-gallery.five-col.ar-3-2,
	.icit-img-gallery.five-col.ar-16-9,
	.icit-img-gallery.five-col.ar-3-4,
	.icit-img-gallery.five-col.ar-2-3,
	.icit-img-gallery.five-col.ar-9-16 {
		grid-template-columns: repeat(3, 1fr);
	}

	.icit-img-gallery.four-col.ar-1-1,
	.icit-img-gallery.four-col.ar-4-3,
	.icit-img-gallery.four-col.ar-3-2,
	.icit-img-gallery.four-col.ar-16-9,
	.icit-img-gallery.four-col.ar-3-4,
	.icit-img-gallery.four-col.ar-2-3,
	.icit-img-gallery.four-col.ar-9-16 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 560px) {
	.icit-img-gallery.eight-col.ar-1-1,
	.icit-img-gallery.eight-col.ar-4-3,
	.icit-img-gallery.eight-col.ar-3-2,
	.icit-img-gallery.eight-col.ar-16-9,
	.icit-img-gallery.eight-col.ar-3-4,
	.icit-img-gallery.eight-col.ar-2-3,
	.icit-img-gallery.eight-col.ar-9-16 {
		grid-template-columns: repeat(2, 1fr);
	}

	.icit-img-gallery.seven-col.ar-1-1,
	.icit-img-gallery.seven-col.ar-4-3,
	.icit-img-gallery.seven-col.ar-3-2,
	.icit-img-gallery.seven-col.ar-16-9,
	.icit-img-gallery.seven-col.ar-3-4,
	.icit-img-gallery.seven-col.ar-2-3,
	.icit-img-gallery.seven-col.ar-9-16 {
		grid-template-columns: repeat(2, 1fr);
	}

	.icit-img-gallery.six-col.ar-1-1,
	.icit-img-gallery.six-col.ar-4-3,
	.icit-img-gallery.six-col.ar-3-2,
	.icit-img-gallery.six-col.ar-16-9,
	.icit-img-gallery.six-col.ar-3-4,
	.icit-img-gallery.six-col.ar-2-3,
	.icit-img-gallery.six-col.ar-9-16 {
		grid-template-columns: repeat(2, 1fr);
	}

	.icit-img-gallery.five-col.ar-1-1,
	.icit-img-gallery.five-col.ar-4-3,
	.icit-img-gallery.five-col.ar-3-2,
	.icit-img-gallery.five-col.ar-16-9,
	.icit-img-gallery.five-col.ar-3-4,
	.icit-img-gallery.five-col.ar-2-3,
	.icit-img-gallery.five-col.ar-9-16 {
		grid-template-columns: repeat(2, 1fr);
	}

	.icit-img-gallery.four-col.ar-1-1,
	.icit-img-gallery.four-col.ar-4-3,
	.icit-img-gallery.four-col.ar-3-2,
	.icit-img-gallery.four-col.ar-16-9,
	.icit-img-gallery.four-col.ar-3-4,
	.icit-img-gallery.four-col.ar-2-3,
	.icit-img-gallery.four-col.ar-9-16 {
		grid-template-columns: repeat(2, 1fr);
	}

	.icit-img-gallery.three-col.ar-1-1,
	.icit-img-gallery.three-col.ar-4-3,
	.icit-img-gallery.three-col.ar-3-2,
	.icit-img-gallery.three-col.ar-16-9,
	.icit-img-gallery.three-col.ar-3-4,
	.icit-img-gallery.three-col.ar-2-3,
	.icit-img-gallery.three-col.ar-9-16 {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media only screen and (max-width: 430px) {
	.icit-img-gallery.eight-col.ar-1-1,
	.icit-img-gallery.eight-col.ar-4-3,
	.icit-img-gallery.eight-col.ar-3-2,
	.icit-img-gallery.eight-col.ar-16-9,
	.icit-img-gallery.eight-col.ar-3-4,
	.icit-img-gallery.eight-col.ar-2-3,
	.icit-img-gallery.eight-col.ar-9-16 {
		grid-template-columns: repeat(1, 1fr);
	}

	.icit-img-gallery.seven-col.ar-1-1,
	.icit-img-gallery.seven-col.ar-4-3,
	.icit-img-gallery.seven-col.ar-3-2,
	.icit-img-gallery.seven-col.ar-16-9,
	.icit-img-gallery.seven-col.ar-3-4,
	.icit-img-gallery.seven-col.ar-2-3,
	.icit-img-gallery.seven-col.ar-9-16 {
		grid-template-columns: repeat(1, 1fr);
	}

	.icit-img-gallery.six-col.ar-1-1,
	.icit-img-gallery.six-col.ar-4-3,
	.icit-img-gallery.six-col.ar-3-2,
	.icit-img-gallery.six-col.ar-16-9,
	.icit-img-gallery.six-col.ar-3-4,
	.icit-img-gallery.six-col.ar-2-3,
	.icit-img-gallery.six-col.ar-9-16 {
		grid-template-columns: repeat(1, 1fr);
	}

	.icit-img-gallery.five-col.ar-1-1,
	.icit-img-gallery.five-col.ar-4-3,
	.icit-img-gallery.five-col.ar-3-2,
	.icit-img-gallery.five-col.ar-16-9,
	.icit-img-gallery.five-col.ar-3-4,
	.icit-img-gallery.five-col.ar-2-3,
	.icit-img-gallery.five-col.ar-9-16 {
		grid-template-columns: repeat(1, 1fr);
	}

	.icit-img-gallery.four-col.ar-1-1,
	.icit-img-gallery.four-col.ar-4-3,
	.icit-img-gallery.four-col.ar-3-2,
	.icit-img-gallery.four-col.ar-16-9,
	.icit-img-gallery.four-col.ar-3-4,
	.icit-img-gallery.four-col.ar-2-3,
	.icit-img-gallery.four-col.ar-9-16 {
		grid-template-columns: repeat(1, 1fr);
	}

	.icit-img-gallery.three-col.ar-1-1,
	.icit-img-gallery.three-col.ar-4-3,
	.icit-img-gallery.three-col.ar-3-2,
	.icit-img-gallery.three-col.ar-16-9,
	.icit-img-gallery.three-col.ar-3-4,
	.icit-img-gallery.three-col.ar-2-3,
	.icit-img-gallery.three-col.ar-9-16 {
		grid-template-columns: repeat(1, 1fr);
	}

	.icit-img-gallery.two-col.ar-1-1,
	.icit-img-gallery.two-col.ar-4-3,
	.icit-img-gallery.two-col.ar-3-2,
	.icit-img-gallery.two-col.ar-16-9,
	.icit-img-gallery.two-col.ar-3-4,
	.icit-img-gallery.two-col.ar-2-3,
	.icit-img-gallery.two-col.ar-9-16 {
		grid-template-columns: repeat(1, 1fr);
	}
}