.cp-preloader{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	-webkit-transform: translate3d(-50%, -50%, 0);
			transform: translate3d(-50%, -50%, 0);
  }
  
  .cp-preloader{
	width: 100%;
	text-align: center;
  }
  
  .cp-preloader__letter{
	display: inline-block;
	position: relative;
	overflow: hidden;
	color: rgba(24, 56, 131, .3);
  }
  
  .cp-preloader__letter:before{
	content: attr(data-preloader);
	position: absolute;
	top: 0;
	left: 0;
  
	-webkit-animation-duration: 3s;
  
			animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-fill-mode: backwards;
			animation-fill-mode: backwards;  
  }
  
  .cp-preloader__letter:nth-child(2):before{
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
  }
  
  .cp-preloader__letter:nth-child(3):before{
	-webkit-animation-delay: 0.45s;
			animation-delay: 0.45s;
  }
  
  .cp-preloader__letter:nth-child(4):before{
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
  }
  
  .cp-preloader__letter:nth-child(5):before{
	-webkit-animation-delay: 0.75s;
			animation-delay: 0.75s;
  }
  
  .cp-preloader__letter:nth-child(6):before{
	-webkit-animation-delay: 0.9s;
			animation-delay: 0.9s;
  }
  
  .cp-preloader__letter:nth-child(7):before{
	-webkit-animation-delay: 1.05s;
			animation-delay: 1.05s;
  }
  
  /* type 1 */
  
  .cp-preloader_type1 .cp-preloader__letter:before{
	-webkit-animation-name: cp-preloader1;
			animation-name: cp-preloader1;
  }
  
  @-webkit-keyframes cp-preloader1{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg);
			  transform: rotateY(-90deg);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: 1;
	}
  
	65%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: .3;
	}
  
	80%{
	  opacity: 0;
	}
  }
  
  @keyframes cp-preloader1{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg);
			  transform: rotateY(-90deg);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: 1;
	}
  
	65%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: .3;
	}
  
	80%{
	  opacity: 0;
	}
  }
  
  /* type 2 */
  
  .cp-preloader_type2 .cp-preloader__letter:before{
	-webkit-animation-name: cp-preloader2;
			animation-name: cp-preloader2;
  }
  
  @-webkit-keyframes cp-preloader2{
  
	0%, 75%, 100%{
	  -webkit-transform: rotateY(-90deg);
			  transform: rotateY(-90deg);
	  opacity: 0;
	}
  
	20%, 58%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: 1;
	}
  }
  
  @keyframes cp-preloader2{
  
	0%, 75%, 100%{
	  -webkit-transform: rotateY(-90deg);
			  transform: rotateY(-90deg);
	  opacity: 0;
	}
  
	20%, 58%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: 1;
	}
  }
  
  /* type 3 */
  
  .cp-preloader_type3 .cp-preloader__letter:before{
	-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
	-webkit-animation-name: cp-preloader3;
			animation-name: cp-preloader3;
  }
  
  @-webkit-keyframes cp-preloader3{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg);
			  transform: rotateY(-90deg);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: 1;
	}
  
	65%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: .3;
	}
  
	80%{
	  opacity: 0;
	}
  }
  
  @keyframes cp-preloader3{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg);
			  transform: rotateY(-90deg);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: 1;
	}
  
	65%{
	  -webkit-transform: rotateY(0);
			  transform: rotateY(0);
	  opacity: .3;
	}
  
	80%{
	  opacity: 0;
	}
  }
  
  /* type 4 */
  
  .cp-preloader_type4 .cp-preloader__letter:before{
	-webkit-animation-name: cp-preloader4;
			animation-name: cp-preloader4;
  }
  
  @-webkit-keyframes cp-preloader4{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg) scale(1);
			  transform: rotateY(-90deg) scale(1);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0) scale(1);
			  transform: rotateY(0) scale(1);
	  opacity: 1;
	}
  
	75%{
	  -webkit-transform: rotateY(0) scale(1.2);
			  transform: rotateY(0) scale(1.2);
	  opacity: 0;
	}
  }
  
  @keyframes cp-preloader4{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg) scale(1);
			  transform: rotateY(-90deg) scale(1);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0) scale(1);
			  transform: rotateY(0) scale(1);
	  opacity: 1;
	}
  
	75%{
	  -webkit-transform: rotateY(0) scale(1.2);
			  transform: rotateY(0) scale(1.2);
	  opacity: 0;
	}
  }
  
  /* type 5 */
  
  .cp-preloader_type5 .cp-preloader__letter:before{
	-webkit-animation-name: cp-preloader5;
			animation-name: cp-preloader5;
  }
  
  @-webkit-keyframes cp-preloader5{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg) scale(1);
			  transform: rotateY(-90deg) scale(1);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0) scale(1);
			  transform: rotateY(0) scale(1);
	  opacity: 1;
	}
  
	65%{
	  -webkit-transform: rotateY(0) scale(0);
			  transform: rotateY(0) scale(0);
	  opacity: 0;
	}
  }
  
  @keyframes cp-preloader5{
  
	0%, 100%{
	  -webkit-transform: rotateY(-90deg) scale(1);
			  transform: rotateY(-90deg) scale(1);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: rotateY(0) scale(1);
			  transform: rotateY(0) scale(1);
	  opacity: 1;
	}
  
	65%{
	  -webkit-transform: rotateY(0) scale(0);
			  transform: rotateY(0) scale(0);
	  opacity: 0;
	}
  }
  
  /* type 6 */
  
  .cp-preloader_type6 .cp-preloader__letter:before{
	-webkit-animation-name: cp-preloader6;
			animation-name: cp-preloader6;
  }
  
  @-webkit-keyframes cp-preloader6{
  
	0%, 100%{
	  -webkit-transform: scale(0) skewY(-45deg);
			  transform: scale(0) skewY(-45deg);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: scale(0) skewY(0);
			  transform: scale(0) skewY(0);
	  opacity: 1;
	}
  
	75%{
	  -webkit-transform: scale(0) rotateY(0);
			  transform: scale(0) rotateY(0);
	  opacity: 0;
	}
  }
  
  @keyframes cp-preloader6{
  
	0%, 100%{
	  -webkit-transform: scale(0) skewY(-45deg);
			  transform: scale(0) skewY(-45deg);
	  opacity: 0;
	}
  
	20%, 50%{
	  -webkit-transform: scale(0) skewY(0);
			  transform: scale(0) skewY(0);
	  opacity: 1;
	}
  
	75%{
	  -webkit-transform: scale(0) rotateY(0);
			  transform: scale(0) rotateY(0);
	  opacity: 0;
	}
  }
  
  /*
  * demo preloaders
  */
  
  .cp-preloader__letter{
	  font-size:1.19rem;
  }
  
  .cp-preloader__letter:before{
	  color: #183883;
  }
  
  .cp-preloader_type10:before,
  .cp-preloader_type10:after{
	background-color: #fefefe;
  }
  
  /*
  * demo page
  */
   
  .page{
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-ms-flex-pack: distribute;
		justify-content: space-around;
  }
  
  .page__demo{
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  
  .main-container{
	max-width: 1200px;
	padding-left: 1rem;
	padding-right: 1rem;
  
	margin-left: auto;
	margin-right: auto;
  }
 
  
  @media screen and (min-width: 361px){
  
	.footer__container{
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	}
  }
  
  @media screen and (max-width: 360px){
  
	.melnik909{
	  display: none;
	} 
  }
  
  .demo{
	position: relative;
  }
  
  @media screen and (min-width: 1400px){
	.demo{
	  width: 16.66667%;
	}
  }
  
  @media screen and (max-width: 1399px){
  
	.demo{
	  width: 0;
	  height: 0;
	}
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1399px){
  
	.demo{
	  padding: 16.666666667%;
	}
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px){
  
	.demo{
	  padding: 25%;
	}
  }
  
  @media screen and (max-width: 767px){
  
	.demo{
	  width: 100%;
	  height: 4vh;
	}
  }
  
  .demo:nth-of-type(7n+1){
	background-color: #fff;
  }
  
  .demo:nth-of-type(7n+2){
	background-color: #009688;
  }
  
  .demo:nth-of-type(7n+3){
	background-color: #7b1fa2;
  }
  
  .demo:nth-of-type(7n+4){
	background-color: #512da8;
  }
  
  .demo:nth-of-type(7n+5){
	background-color: #2196f3;
  }
  
  .demo:nth-of-type(7n+6){
	background-color: #795549;
  }
  
  .demo:nth-of-type(7n+7){
	background-color: #4daf50;
  }
  
  
  .btn-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-ms-flex-pack: distribute;
		justify-content: space-around;
  }
  
  .btn {
	 
	line-height: 1.5rem;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	 
	font-size: 0.8rem;
	border: none;
	padding: 0;
	position: relative;
	outline: none;
  }
  
  .btn--shockwave.is-active {
	-webkit-animation: shockwaveJump 1s ease-out infinite;
			animation: shockwaveJump 1s ease-out infinite;
  }
  .btn--shockwave.is-active:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	-webkit-animation: shockwave 1s .65s ease-out infinite;
			animation: shockwave 1s .65s ease-out infinite;
  }
  .btn--shockwave.is-active:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	-webkit-animation: shockwave 1s .5s ease-out infinite;
			animation: shockwave 1s .5s ease-out infinite;
  }
  
  @-webkit-keyframes shockwaveJump {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	40% {
	  -webkit-transform: scale(1.08);
			  transform: scale(1.08);
	}
	50% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	}
	55% {
	  -webkit-transform: scale(1.02);
			  transform: scale(1.02);
	}
	60% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  
  @keyframes shockwaveJump {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	40% {
	  -webkit-transform: scale(1.08);
			  transform: scale(1.08);
	}
	50% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	}
	55% {
	  -webkit-transform: scale(1.02);
			  transform: scale(1.02);
	}
	60% {
	  -webkit-transform: scale(0.98);
			  transform: scale(0.98);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  @-webkit-keyframes shockwave {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
	}
	95% {
	  box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
	}
	100% {
	  -webkit-transform: scale(2.25);
			  transform: scale(2.25);
	}
  }
  @keyframes shockwave {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
	}
	95% {
	  box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
	}
	100% {
	  -webkit-transform: scale(2.25);
			  transform: scale(2.25);
	}
  }
  .btn--jump.is-active {
	-webkit-animation: .4s jump ease infinite alternate;
			animation: .4s jump ease infinite alternate;
  }
  
  @-webkit-keyframes jump {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	}
	100% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	}
  }
  
  @keyframes jump {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	}
	100% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	}
  }
  .btn--pulse.is-active {
	background: transparent;
  }
  .btn--pulse.is-active:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: pulse 0.4s ease infinite alternate;
			animation: pulse 0.4s ease infinite alternate;
	z-index: -1;
  }
  
  @-webkit-keyframes pulse {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	  border-radius: 50%;
	}
	100% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	  border-radius: 45%;
	}
  }
  
  @keyframes pulse {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	  border-radius: 50%;
	}
	100% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	  border-radius: 45%;
	}
  }
  .btn--blink.is-active {
	background: transparent;
  }
  .btn--blink.is-active:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: blink 1.33s ease-out infinite;
			animation: blink 1.33s ease-out infinite;
	z-index: -1;
  }
  
  @-webkit-keyframes blink {
	0% {
	  opacity: 1;
	}
	20% {
	  opacity: .5;
	}
	100% {
	  opacity: 1;
	}
  }
  
  @keyframes blink {
	0% {
	  opacity: 1;
	}
	20% {
	  opacity: .5;
	}
	100% {
	  opacity: 1;
	}
  }
  .btn--wiggle.is-active {
	-webkit-animation: 1s wiggle ease infinite;
			animation: 1s wiggle ease infinite;
  }
  
  @-webkit-keyframes wiggle {
	0% {
	  -webkit-transform: rotate(-3deg);
			  transform: rotate(-3deg);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	20% {
	  -webkit-transform: rotate(20deg);
			  transform: rotate(20deg);
	}
	40% {
	  -webkit-transform: rotate(-15deg);
			  transform: rotate(-15deg);
	}
	60% {
	  -webkit-transform: rotate(5deg);
			  transform: rotate(5deg);
	}
	90% {
	  -webkit-transform: rotate(-1deg);
			  transform: rotate(-1deg);
	}
	100% {
	  -webkit-transform: rotate(0);
			  transform: rotate(0);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
  }
  
  @keyframes wiggle {
	0% {
	  -webkit-transform: rotate(-3deg);
			  transform: rotate(-3deg);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	20% {
	  -webkit-transform: rotate(20deg);
			  transform: rotate(20deg);
	}
	40% {
	  -webkit-transform: rotate(-15deg);
			  transform: rotate(-15deg);
	}
	60% {
	  -webkit-transform: rotate(5deg);
			  transform: rotate(5deg);
	}
	90% {
	  -webkit-transform: rotate(-1deg);
			  transform: rotate(-1deg);
	}
	100% {
	  -webkit-transform: rotate(0);
			  transform: rotate(0);
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
  }
  .btn--wut.is-active {
	-webkit-animation: 1s fullRotation ease infinite;
			animation: 1s fullRotation ease infinite;
  }
  .btn--wut.is-active:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: wutBefore 0.8s .4s ease-out infinite;
			animation: wutBefore 0.8s .4s ease-out infinite;
	z-index: -1;
  }
  .btn--wut.is-active:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: wut 0.8s ease-out infinite;
			animation: wut 0.8s ease-out infinite;
	z-index: -1;
  }
  
  @-webkit-keyframes fullRotation {
	0% {
	  -webkit-transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
			  transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
	}
	20% {
	  -webkit-transform: rotate(50deg) translate3d(0, 5px, 0);
			  transform: rotate(50deg) translate3d(0, 5px, 0);
	}
	40% {
	  -webkit-transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
			  transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
	}
	60% {
	  -webkit-transform: rotate(5deg) translate3d(5px, -8px, -80px);
			  transform: rotate(5deg) translate3d(5px, -8px, -80px);
	}
	90% {
	  -webkit-transform: rotate(-1deg) translate3d(0, 0, 0);
			  transform: rotate(-1deg) translate3d(0, 0, 0);
	}
	100% {
	  -webkit-transform: rotate(0);
			  transform: rotate(0);
	}
  }
  
  @keyframes fullRotation {
	0% {
	  -webkit-transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
			  transform: rotate(-3deg) scale(1) translate3d(0, 0, 0);
	}
	20% {
	  -webkit-transform: rotate(50deg) translate3d(0, 5px, 0);
			  transform: rotate(50deg) translate3d(0, 5px, 0);
	}
	40% {
	  -webkit-transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
			  transform: rotate(-15deg) scale(1.1) translate3d(0, 8px, -5px);
	}
	60% {
	  -webkit-transform: rotate(5deg) translate3d(5px, -8px, -80px);
			  transform: rotate(5deg) translate3d(5px, -8px, -80px);
	}
	90% {
	  -webkit-transform: rotate(-1deg) translate3d(0, 0, 0);
			  transform: rotate(-1deg) translate3d(0, 0, 0);
	}
	100% {
	  -webkit-transform: rotate(0);
			  transform: rotate(0);
	}
  }
  @-webkit-keyframes wut {
	0% {
	  border-radius: 50%;
	  -webkit-transform: skew(0) translate3d(0, 0px, 0px);
			  transform: skew(0) translate3d(0, 0px, 0px);
	}
	10% {
	  -webkit-transform: translate3d(0, -10px, 0);
			  transform: translate3d(0, -10px, 0);
	}
	50% {
	  border-radius: 50%;
	}
	80% {
	  border-radius: 30%;
	  -webkit-transform: translate3d(20, 10px, 20px);
			  transform: translate3d(20, 10px, 20px);
	}
	100% {
	  border-radius: 50%;
	  -webkit-transform: skew(0) translate3d(0, 0px, 0px);
			  transform: skew(0) translate3d(0, 0px, 0px);
	}
  }
  @keyframes wut {
	0% {
	  border-radius: 50%;
	  -webkit-transform: skew(0) translate3d(0, 0px, 0px);
			  transform: skew(0) translate3d(0, 0px, 0px);
	}
	10% {
	  -webkit-transform: translate3d(0, -10px, 0);
			  transform: translate3d(0, -10px, 0);
	}
	50% {
	  border-radius: 50%;
	}
	80% {
	  border-radius: 30%;
	  -webkit-transform: translate3d(20, 10px, 20px);
			  transform: translate3d(20, 10px, 20px);
	}
	100% {
	  border-radius: 50%;
	  -webkit-transform: skew(0) translate3d(0, 0px, 0px);
			  transform: skew(0) translate3d(0, 0px, 0px);
	}
  }
  @-webkit-keyframes wutBefore {
	0% {
	  border-radius: 50%;
	  -webkit-transform: translate3d(0, 0px, 0px);
			  transform: translate3d(0, 0px, 0px);
	}
	10% {
	  -webkit-transform: translate3d(-10px, 10px, 0);
			  transform: translate3d(-10px, 10px, 0);
	}
	70% {
	  border-radius: 50%;
	}
	80% {
	  border-radius: 30%;
	  -webkit-transform: translate3d(-20px, -10px, -20px);
			  transform: translate3d(-20px, -10px, -20px);
	}
	100% {
	  border-radius: 50%;
	  -webkit-transform: translate3d(0, 0px, 0px);
			  transform: translate3d(0, 0px, 0px);
	}
  }
  @keyframes wutBefore {
	0% {
	  border-radius: 50%;
	  -webkit-transform: translate3d(0, 0px, 0px);
			  transform: translate3d(0, 0px, 0px);
	}
	10% {
	  -webkit-transform: translate3d(-10px, 10px, 0);
			  transform: translate3d(-10px, 10px, 0);
	}
	70% {
	  border-radius: 50%;
	}
	80% {
	  border-radius: 30%;
	  -webkit-transform: translate3d(-20px, -10px, -20px);
			  transform: translate3d(-20px, -10px, -20px);
	}
	100% {
	  border-radius: 50%;
	  -webkit-transform: translate3d(0, 0px, 0px);
			  transform: translate3d(0, 0px, 0px);
	}
  }