
/* Grid */
.grid {}
.grid--hidden {position: fixed !important;z-index: 1;top: 0;left: 0;width: 100%;pointer-events: none;opacity: 0;}
.grid--loading::before, .grid--loading::after {content: '';z-index: 1000;}
.grid--loading::before {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #ffffff;}
.grid--loading::after {/*position: absolute;top: calc(25vh - 20px);left: 50%;width: 40px;height: 40px;margin: 0 0 0 -20px;border: 8px solid #383a41;border-bottom-color: #565963;border-radius: 50%;animation: animLoader 0.8s linear forwards infinite;*/}
.grid__sizer {margin-bottom: 0 !important;}

.grid__link { opacity: 0;}
.grid__link, .grid__img {display: block;}
.grid__img {width: 100%;}

.grid__deco {position: absolute;top: 0;left: 0;pointer-events: none;}
.grid__deco path {fill: none;stroke: #c49a6c;stroke-width: 2px;}

.grid__reveal {position: absolute;z-index: 50;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;background-color: #2c2d31;}

.grid .grid__item {	padding: 4px;/* background: url("../img/logo_preloader.svg"); background-repeat: no-repeat; background-size: 50%; background-position: center;*/}

.grid .grid__item, .grid .grid__sizer {width: 20%;}

@media screen and (min-width: 60em) {
	/*.grid .grid__item,
	.grid .grid__sizer {
		width: 33.333%;

	}*/
}

@media screen and (min-width: 70em) {
	/*.grid .grid__item,
	.grid .grid__sizer {
		width: 33.333%;

	}
	.grid--type-b .grid__item,
	.grid--type-b .grid__sizer {
		width: 33.333%;
	}

	.grid--type-c .grid__item,
	.grid--type-c .grid__sizer {
		width: 33.333%;
	}*/
}

