@keyframes long {
  0% {
      width: 0
  }

  25% {
      width: 25%
  }

  50% {
      width: 100%
  }

  75% {
      width: 25%
  }

  to {
      width: 0
  }
}
 

@keyframes bs2 {
    0% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        filter: scale(1.05);
        filter: transform;
    }

    8.3333333333% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        filter: scale(1.1);
        filter: transform;
    }

    16.6666666666% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        filter: scale(1.15);
        filter: transform;
    }

    25% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        filter: scale(1.2);
        filter: transform;
    }

    33.3333333333% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        filter: scale(1.15);
        filter: transform;
    }

    41.6666666667% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        filter: scale(1.1);
        filter: transform;
    }

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

    58.3333333333% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        filter: scale(1.1);
        filter: transform;
    }

    66.6666666667% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        filter: scale(1.15);
        filter: transform;
    }

    75% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        filter: scale(1.2);
        filter: transform;
    }

    83.333333333% {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        filter: scale(1.15);
        filter: transform;
    }

    91.666666666% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        filter: scale(1.1);
        filter: transform;
    }

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



@keyframes aftermove {
    from {
        left: -80px;
    }

    to {
        left: 200px;
    }
}


@-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);
    }
}


@-webkit-keyframes slideInDown {
    0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      visibility: visible;
      opacity: 0;
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
}
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
  }
  
  @keyframes slideInDown {
    0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      visibility: visible;
      opacity: 0;
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
}
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
  }
  
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
  }
 



@-webkit-keyframes slideInUps {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      visibility: visible;
      opacity: 0;
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
  }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes slideInUps {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      visibility: visible;
      opacity: 0;
    }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  .slideInUps {
    -webkit-animation-name: slideInUps;
    animation-name: slideInUps
  }
 

  @-webkit-keyframes criss-cross-left {
    0% {
     left:-20px
    }
    50% {
     left:50%;width:20px;height:20px;
    }
    100% {
     left:50%;width:375px;height:375px;
    }
   }
   @keyframes criss-cross-left {
    0% {
     left:-20px
    }
    50% {
     left:50%; width:20px;height:20px;
    }
    100% {
     left:50%;width:375px;height:375px;
    }
   }
   @-webkit-keyframes criss-cross-right {
    0% {
     right:-20px
    }
    50% {
     right:50%;width:20px;height:20px;
    }
    100% {
     right:50%;width:375px;height:375px;
    }
   }
   @keyframes criss-cross-right {
    0% {
     right:-20px
    }
    50% {
     right:50%;width:20px;height:20px;
    }
    100% {
     right:50%;width:375px;height:375px;
    }
   }


@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);
}
}