.pswp__preloader__icn {
  /*opacity:0.75;*/
  right: 54%;
  width: 20px;
  height: 20px;
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
  left: 10px;
  top: calc(100% / 2 - 10px);
  margin-right: 20px;
  display: inline-block;
}

.pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 20px;
  overflow: hidden;
  
  /*position: absolute;*/
  top: 0;
  /*left: 0;*/
}

.pswp__preloader__donut--fake {
   box-sizing: border-box;

  width: 20px;
	height: 20px;
	
  
  border: 2px solid red;
   border-radius: 50%;
  /*position: absolute;*/
  top: 0;
  /*left: 0;*/
  
	background: none;
	margin:0;
}

.pswp__preloader__donut {
  box-sizing: border-box;

  width: 20px;
	height: 20px;
	
  
  border: 2px solid #FFF;
   border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  
    position: absolute;
  top: 0;
  /*left: 0;*/
 
  
  
	/*position: absolute;*/
  top: 0;
  /*left: 0;*/
  
	background: none;
	margin:0;
  
    -webkit-animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;

}


@-webkit-keyframes clockwise {
  0% { -webkit-transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg) }
}
@keyframes clockwise {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
@-webkit-keyframes donut-rotate {
  0% { -webkit-transform: rotate(0) }
  50% { -webkit-transform: rotate(-140deg) }
  100% { -webkit-transform: rotate(0) }
}
@keyframes donut-rotate {
  0% { transform: rotate(0) }
  50% { transform: rotate(-140deg) }
  100% { transform: rotate(0) }
}