@keyframes long {
  0% {
      width: 0
  }

  25% {
      width: 25%
  }

  50% {
      width: 100%
  }

  75% {
      width: 25%
  }

  to {
      width: 0
  }
}
 
 
@-webkit-keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}
@keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}



@keyframes ripple-wave1{
    to {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
    }
}
@keyframes zoomBig {
    0% {
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
}

    100% {
        transform:scale(1.05);
        -webkit-transform:scale(1.05);
        -moz-transform:scale(1.05);
        -ms-transform:scale(1.05);
        -o-transform:scale(1.05);
}
}



@-moz-keyframes ripple-video {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0)
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
	}
}

@keyframes ripple-video {
	70% {
		-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0)
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
	}
}

@-webkit-keyframes ks {
	from {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	10% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	80% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: .3
	}

	to {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@-moz-keyframes ks {
	from {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	10% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	80% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: .3
	}

	to {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes ks {
	from {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	10% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	80% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: .3
	}

	to {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes mover {
	40% {
		opacity: 1;
		color: #fff
	}

	60% {
		color: #fff
	}
}