.load-anim-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	background: rgba(255,255,255,0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.load-anim{
	width: 400px;
	max-width: calc(100% - 100px);
	text-align: center;

	&__text{
		@include font(normal, normal, rem(14px), 1.2, $color-dark-grey);
		margin-top: 8px;
	}

	&__progress{
		display: block;
		width: 100%;
		height: 10px;
		border-radius: 5px;
		border: solid 1px $color-light-grey;
		background: $color-sort-grey;
		position: relative;
		margin-top: 24px;
	}

	&__progress-line{
		display: block;
		height: calc(100% + 2px);
		width: 0;
		border-radius: 5px;
		background: $color-green;
		position: absolute;
		top: -1px;
		left: -1px;
		transition: all 1.5s ease;
	}

	&__progress-line.animate{width: calc(100% + 2px);}

	&__label{
		@include font(normal, normal, rem(12px), 1.2, $color-dark-grey);
		position: absolute;
		@include top-center;
		left: 100%;
		margin-left: 8px;
	}

	&__btn{margin-top: 35px;}
}