@-webkit-keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}

@keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}
@keyframes circle {
	0% {
		 transform: rotate(0);
	}
	to {
		transform: rotate(380deg);
	}
}

@keyframes leftRight {
	0% {
		margin-left:13%;
	}
	50% {
		margin-left:23%;
	}
	 
	100%{	 margin-left:13%;;}
}


@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}

@keyframes  long {
    0% {
        width: 0
    }
  
    25% {
        width: 25%
    }
  
    50% {
        width:  40%
    }
  
    75% {
        width: 25%
    }
  
    to {
        width: 0
    }
  }

  @keyframes rightFloat {
    from {
        transform: translateX(-.2rem);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}


  

@keyframes serv_one_border {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5)
    }
}