#plcover {
	display: block;
	z-index: 9999999999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 1s;
}

#plcontent {
	box-sizing: content-box;
    position: absolute;
    margin: auto auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

#plcontent div {
	box-sizing: content-box;
}

.plcircle {
  width: 50px;
  height: 50px;
  border: 4px dashed black;
  border-radius: 50px;
  background-color: transparent;
  -webkit-animation: plrotate 1.5s infinite linear;
  animation: plrotate 1.5s infinite linear;
}

.plcircle2 {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid black;
  border-radius: 50px;
  background-color: transparent;
  -webkit-animation: plrotate 1.5s infinite linear;
  animation: plrotate 1.5s infinite linear;
}

.plfan {
  width: 20px;
  height: 20px;
  border: 17px dashed black;
  border-radius: 50px;
  background-color: transparent;
  -webkit-animation: plrotate 1.5s infinite linear;
  animation: plrotate 1.5s infinite linear;
}

.plsqaure {
    width: 50px;
    height: 50px;
    background-color: black;
    -webkit-animation: plsqaurerotate 1s infinite ease-in-out;
    animation: plsqaurerotate 1s infinite ease-in-out;
}

.pldrop  {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: black;
  -webkit-animation: plwave 1s ease-in-out;
  animation: plwave 1s infinite ease-in-out;
}

#plcontent img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto auto auto auto;
}

/* Animation Keyframes */

@-webkit-keyframes plsqaurerotate {
  0% { -webkit-transform: perspective(120px); }
  50% { -webkit-transform: perspective(120px) rotateY(180deg); }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg); }
}
@keyframes plsqaurerotate {
  0% { transform: perspective(120px); }
  50% { transform: perspective(120px) rotateY(-180deg); }
  100% { transform: perspective(120px) rotateY(-180deg)  rotateX(-180deg); }
}

@-webkit-keyframes plrotate {
  0% { -webkit-transform: rotate(0deg) }
  50% { -webkit-transform: rotate(180deg) }
  100% { -webkit-transform: rotate(360deg) }
}
@keyframes plrotate {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(180deg) }
  100% { transform: rotate(360deg) }
}

@-webkit-keyframes plwave {
  0% { -webkit-transform: scale(0); opacity: 1; }
  100% { -webkit-transform: scale(1); opacity: 0; }
}
@keyframes plwave {
  0% { transform: scale(0); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}

.wp-picker-holder {
    position: absolute;
    z-index: 999;
}