.divi {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  z-index: 150;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  			-moz-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-sand-transform: translate(-50%, -50%);
}



.outer {
  fill: transparent;
  stroke: #FFF;
  stroke-width: 12px;
  stroke-dasharray: 150;
  stroke-dashoffset: 0;
			-webkit-transform-origin: center;
			transform-origin: center;
			-ms-transform-origin: center;
			-moz-transform-origin: center;
			-o-transform-origin: center;
			-sand-transform-origin: center; 
		  
		  
  -webkit-animation: draw 4s infinite;
          animation: draw 4s infinite;
		  -ms-animation: draw 4s infinite;
		  	-moz-animation: draw 4s infinite;
			-o-animation: draw 4s infinite;
			-sand-animation: draw 4s infinite; 
}

.inner {
  fill: #FFF;
		-webkit-transform-origin: 45px 115px;
		-ms-transform-origin: 45px 115px;
          transform-origin: 45px 115px;
			-moz-transform-origin: 45px 115px;
			-o-transform-origin: 45px 115px;
			-sand-transform-origin: 45px 115px; 
		  
    -webkit-transform: scale(0.07,-0.07);
	-ms-transform: scale(0.07,-0.07);
            transform: scale(0.07,-0.07);
						-moz-transform: scale(0.07,-0.07);
			-o-transform: scale(0.07,-0.07);
			-sand-transform: scale(0.07,-0.07); 
			
	-webkit-animation: fadeIn2 4s infinite;
	-ms-animation: fadeIn2 4s infinite;
	 animation: fadeIn2 4s infinite;
	 			-moz-animation: fadeIn2 4s infinite;
			-o-animation: fadeIn2 4s infinite;
			-sand-animation: fadeIn2 4s infinite; 
	
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
    -webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
            transform: scale(0.8);
						-moz-transform: scale(0.8);
			-o-transform: scale(0.8);
			-sand-transform: scale(0.8); 
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
    -webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
            transform: scale(0.8);
			-moz-transform: scale(0.8);
			-o-transform: scale(0.8);
			-sand-transform: scale(0.8); 
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}





@-webkit-keyframes draw {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    stroke-dashoffset: 0;
  }
  50% {
    opacity: 0.8;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    stroke-dashoffset: 1000;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    stroke-dashoffset: 0;
  }
  50% {
    opacity: 0.8;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    stroke-dashoffset: 1000;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    stroke-dashoffset: 0;
  }
}