@keyframes scaleBigToSmall {
    0% { 
      opacity: 1;
      -webkit-transform: scale(1.2); 
      -ms-transform: scale(1.2); 
      transform: scale(1.2);
    }
    100% { 
      opacity: 1;
      -webkit-transform: scale(1); 
      -ms-transform: scale(1); 
      transform: scale(1);
    }
  }
  .scaleBigToSmall{
      -webkit-animation-name: scaleBigToSmall;
      animation-name: scaleBigToSmall;
      transform-origin: 50% 50%;
  }
 .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s;  z-index: 5;
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.index-about .right:hover .mask-white,.idxNews .swiper-slide:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
    
@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}
@keyframes  gradient-rectangle {
  0% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      background: linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      background: -webkit-linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      opacity: 1;
  }

  100% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: top;
      transform-origin: top;
      background: linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      background: -webkit-linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      opacity: 0;
  }
}
@keyframes long {
  0% {
      width: 0
  }

  25% {
      width: 25%
  }

  50% {
      width: 100%
  }

  75% {
      width: 25%
  }

  to {
      width: 0
  }
}

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

@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 ripple-wave1{
    to {
        box-shadow: 0 0 0 15px rgba(0,44 ,128, 0.1),0 0 0 30px rgba(0,44 ,128, 0.1),0 0 0 45px rgba(0,44 ,128, 0.02);
    }
}


@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)
    }
}
 
@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }

}

@keyframes ripple-wave{
    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);
    }
}