.flickity-viewport {
	overflow: visible
}
#overlayer {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 1002;
	background: #fff
}

.loader {
	display: inline-block;
	position: absolute;
	z-index: 1003;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: visible
}

.loader .load1,
.load2 {
	fill: none;
	stroke: #686e7f;
	width: 200px;
	height: auto;
	-webkit-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	transition: 0.4s all ease;
	stroke-width: 11.03;
	stroke-dasharray: 120;
	stroke-dashoffset: 0;
	animation: preloader-stroke 1.3s infinite;
	animation-direction: alternate
}

#overlayer.zoom .loader .load1,
.load2 {
	stroke-width: 60;
	animation: none;
	-webkit-transform: scale(10);
	transform: scale(10);
	stroke: #fff;
	stroke-dashoffset: 0;
	overflow: visible
}

body.onHold {
	overflow: hidden
}