.preloader_main {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #eff1f3;
}

.waves_area {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 250px;
	height: 108px;
	overflow: hidden;
	clip-path: url(#svgPath); 
	transition: all .5s ease-in-out;
}

.wave_1 {
	position: absolute;
	width: 500%;
	top: 90%;
	left: 0%;
	z-index: 2;
	transition: all 2s ease-in-out;
	animation: wave_1_kf 2s linear infinite;
}

.wave_2 {
	position: absolute;
	width: 500%;
	top: 90%;
	left: -400%;
	z-index: 1;
	transition: all 2s ease-in-out;
	animation: wave_2_kf 2.5s linear infinite;
}

@keyframes wave_1_kf {
  from {
    left: 0%;
  }
  to {
  	left: -400%;
  }
}

@keyframes wave_2_kf {
  from {
    left: -400%;
  }
  to {
  	left: 0%;
  }
}