svg.spinner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  	width: 80px;
  	height: 80px;
  	x: 0px;
  	y: 0px;
 
}


.pc-on{
	-webkit-clip-path: polygon(56% 0, 56% 49%, 100% 20%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(56% 0, 56% 49%, 100% 20%, 100% 100%, 0 100%, 0 0);
}

svg.spinner circle {
  fill: transparent;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: butt;
  stroke-dasharray: 171;
  -webkit-transform-origin: 20px 20px 0;
  -moz-transform-origin: 20px 20px 0;
  -ms-transform-origin: 20px 20px 0;
  -o-transform-origin: 20px 20px 0;
  transform-origin: 40px 40px 0;
  -webkit-animation: spinner 3s linear infinite forwards;
  -moz-animation: spinner 3s linear infinite forwards;
  -ms-animation: spinner 3s linear infinite forwards;
  -o-animation: spinner 3s linear infinite forwards;
  animation: spinner 3s linear infinite forwards;
}


@keyframes spinner {
  0% {
	-ms-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    -ms-transform: rotate(540deg);
	transform: rotate(540deg);
    stroke-dashoffset: 171.6;
  }
  100% {
    -ms-transform: rotate(720deg);
	transform: rotate(720deg);
    stroke-dashoffset: 26.4;
  }
}



.spinner-memory {
}

.logo-element {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  	width: 80px;
  	height: 80px;
	display: block;
		opacity: 0;

	
}

.logo-element::after {
    position: absolute;
    right: 15px;
    top: 25px;
    content: "";
    display: block;
    height: 4px;
    width: 24px;
    background-color: #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
    transform: rotate(137deg);
}




@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    -webkit-transform: rotate(540deg);
    stroke-dashoffset: 171.6;
  }
  100% {
    -webkit-transform: rotate(720deg);
    stroke-dashoffset: 26.4;
  }
}

@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    -moz-transform: rotate(540deg);
    stroke-dashoffset: 171.6;
  }
  100% {
    -moz-transform: rotate(720deg);
    stroke-dashoffset: 26.4;
  }
}

@-ms-keyframes spinner {
  0% {
    -ms-transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    -ms-transform: rotate(540deg);
    stroke-dashoffset: 171.6;
  }
  100% {
    -ms-transform: rotate(720deg);
    stroke-dashoffset: 26.4;
  }
}

@-o-keyframes spinner {
  0% {
    -o-transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    -o-transform: rotate(540deg);
    stroke-dashoffset: 171.6;
  }
  100% {
    -o-transform: rotate(720deg);
    stroke-dashoffset: 26.4;
  }
}