.loading-page {
    background: #141414;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    position: fixed;
	top: 0;
    left: 0;
}
	
.loading-page .main-triangle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.loader-box .main-triangle{
	width: 100%;
	height: 100%;
}
	
.loading-page svg,
.loader-box svg {
	transform-origin: 50% 50%;
	animation: rotate 20s linear infinite;
}

.loading-page svg polygon,
.loader-box svg polygon{
	stroke-dasharray: 25;
	stroke-width: 1;
	animation: dash 3s linear infinite;
}

.loading-page[data-size="small"] .main-triangle{width: 100px; height: 100px;}
.loading-page[data-size="medium"] .main-triangle{width: 150px; height: 150px;}
.loading-page[data-size="large"] .main-triangle{width: 200px; height: 200px;}

@keyframes dash {
  to { stroke-dashoffset: -100; }
}