@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 dots {
	0% {
		-webkit-transform: translate(-50%,-50%) scale(0);
		transform: translate(-50%,-50%) scale(0);
		opacity: 0.5; 
	}
	50% {
		opacity: 1.0; 
	}
	100% {
		-webkit-transform: translate(-50%,-50%) scale(1);
		transform: translate(-50%,-50%) scale(1);
		opacity: 0; 
	}
}

@keyframes rightFloat {
    from {
        transform:translateY(-50%) translateX(-20px);
        opacity: 0;
    }

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