.loader-container{
	text-align: center;
}
.loader {
	width:20vw;
	max-height:90vh;
	transform-origin:50% 50%;
	overflow:visible;
	.ci1 {
	  fill: rgba(123, 37, 154, 0.84);
	  animation: toBig 3s infinite -1.5s;
	  transform-box: fill-box;
	  transform-origin:50% 50%;
	}
	.ciw {
	  transform-box: fill-box;
	  transform-origin:50% 50%;
	  animation: breath 3s infinite;
	}
   
	.ci2 {
	  fill:  rgba(123, 37, 154, 0.84);
	  animation: toBig2 3s infinite;
	  transform-box: fill-box;
	  transform-origin:50% 50%;
  
	}
  }
  .points {
	animation: rot 3s infinite;
	transform-box: fill-box;
	  transform-origin:50% 50%;
  }
  @keyframes rot  {
	0% {
	  transform:  rotate(0deg);
	}
	30% {
	  transform:  rotate(360deg);
	}
	50% {
	  transform:  rotate(360deg);
	}
	80% {
	  transform:  rotate(0deg);
	}
	100% {
	  transform:  rotate(0deg);
	}
	
  }
  @keyframes toBig  {
	0% {
	  transform:  scale(1) translateX(0px);
	}
	30% {
	  transform:  scale(1) translateX(0px);
	}
	50% {
	  transform:  scale(10) translateX(-4.5px);
	}
	80% {
	  transform:  scale(10) translateX(-4.5px);
	}
	100% {
	  transform:  scale(1) translateX(0px);
	}
	
  }
  @keyframes toBig2  {
	0% {
	  transform:  scale(1) translateX(0px);
	}
	30% {
	  transform:  scale(1) translateX(0px);
	}
	50% {
	  transform:  scale(10) translateX(4.5px);
	}
	80% {
	  transform:  scale(10) translateX(4.5px);
	}
	100% {
	  transform:  scale(1) translateX(0px);
	}
  }
  @keyframes breath  {
	15% {
	  transform:  scale(1) ;
	}
   
	40% {
	  transform:  scale(1.1) ;
	}  
   65% {
	  transform:  scale(1) ;
	}
	
	90% {
	  transform:  scale(1.1) ;
	}
	
  }
  
  
  
  
  
  
  
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");


  .dwf, .share {
	position:fixed;
	bottom:4px;
	right:10px;
	background-color:rgba(123, 37, 154, 0.84);
	padding:3px;
	border-radius:3px;
	.btn {
	  color:#fff;
	  text-decoration:none
	}
	a {
	  color:#fff;
	  text-decoration:none;
	}
  }
  .share {
	right:auto;
	left:10px;
	border-radius:50%;
	padding:5px;
	.twitter {
	  width: 20px;
	  fill:#fff;
	  stroke:none;
	  overflow:visible;
	}
   
  }