path{
	stroke: #000;
	stroke-width: 1px;
	fill: none;
}
.svg-container-load{
	width: 300px;
	height: 310px;
	padding-left: 6px;
}
.svg-container-load.loading{
	-webkit-animation: rot 3s infinite both linear;
	        animation: rot 3s infinite both linear;
}
@-webkit-keyframes rot{
	100%{
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
@keyframes rot{
	100%{
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
@-webkit-keyframes rot-end{
	100%{
		-webkit-transform:rotate(-70deg);
		        transform:rotate(-70deg);
	}
}
@keyframes rot-end{
	100%{
		-webkit-transform:rotate(-70deg);
		        transform:rotate(-70deg);
	}
}
@-webkit-keyframes rot-end-fix{
	100%{
		-webkit-transform:rotate(290deg);
		        transform:rotate(290deg);
	}
}
@keyframes rot-end-fix{
	100%{
		-webkit-transform:rotate(290deg);
		        transform:rotate(290deg);
	}
}
.svg-container-load.end-loading .path1{
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
	-webkit-animation: dash 3s linear forwards;
	        animation: dash 3s linear forwards;
}
.svg-container-load.end-loading{
	-webkit-animation: rot-end 2s linear forwards;
	        animation: rot-end 2s linear forwards;
}
.svg-container-load.end-loading-fix{
	-webkit-animation: rot-end-fix 2s linear forwards;
	        animation: rot-end-fix 2s linear forwards;
}
.svg-container-load.loading .path2, 
.svg-container-load.end-loading .path1-arrow{
	display: none;
}
@-webkit-keyframes dash{
  to{
    stroke-dashoffset: 1000;
  }
}
@keyframes dash{
  to{
    stroke-dashoffset: 1000;
  }
}
.pages-load-container.move-top .path2,
.pages-load-container.move-top .path2-arrow.bottom,
.pages-load-container.move-top .path2-arrow.top{
	display: none;
}
.path2-end,
.path2-arrow-end.bottom,
.path2-arrow-end.top{
	display: none;
}
/* .pages-load-container.move-top .path2-end, */
/* .pages-load-container.move-top .path2-arrow-end.bottom, */
/* .pages-load-container.move-top .path2-arrow-end.top{ */
/* 	display: block; */
/* } */