.dtp-date-view-ripple .ink.animate {
  -webkit-animation: rippleDate 0.75s linear;
  -moz-animation: rippleDate 0.75s linear;
  -ms-animation: rippleDate 0.75s linear;
  -o-animation: rippleDate 0.75s linear;
  animation: rippleDate 0.75s linear;
  background: #2196F3;
}

/*animation effect*/

.ink.animate {
  -webkit-animation: ripple 0.75s linear;
  -moz-animation: ripple 0.75s linear;
  -ms-animation: ripple 0.75s linear;
  -o-animation: ripple 0.75s linear;
  animation: ripple 0.75s linear;
  cursor: pointer;
}

@keyframes ripple {
  from {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  to {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes rippleDate {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.ripple {
  width: 100%;
  height: 100%;
}

.ripple {
  position: relative;
  overflow: hidden;
}

.ripple a {
  cursor: pointer;
  user-select: none;
  -webkit-text-decoration: none;
  -moz-text-decoration: none;
  -ms-text-decoration: none;
  -o-text-decoration: none;
  text-decoration: none;
  position: relative;
}

.btn.ripple-infinite {
  position: relative;
  overflow: hidden;
}

.btn.ripple-infinite div:hover:before,
.btn.ripple-infinite div:hover:after {
  background: none !important;
}

.btn.ripple-infinite div:before,
.btn.ripple-infinite div:after {
  -webkit-transition: all 0.7s ease !important;
  -moz-transition: all 0.7s ease !important;
  -ms-transition: all 0.7s ease !important;
  -o-transition: all 0.7s ease !important;
  transition: all 0.7s ease !important;
  content: "" !important;
  position: absolute !important;
  background: rgba(255, 255, 255, 0.2) !important;
  z-index: 99 !important;
  left: 15% !important;
  right: 15% !important;
  top: -50% !important;
  bottom: -50% !important;
  -webkit-border-radius: 200% !important;
  -moz-border-radius: 200% !important;
  -ms-border-radius: 200% !important;
  -o-border-radius: 200% !important;
  border-radius: 200% !important;
  -webkit-animation: pulseA ease 1.4s infinite !important;
  -moz-animation: pulseA ease 1.4s infinite !important;
  -ms-animation: pulseA ease 1.4s infinite !important;
  -o-animation: pulseA ease 1.4s infinite !important;
  animation: pulseA ease 1.4s infinite !important;
}

@-webkit-keyframes pulseA {
    from {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }

  .rainy .shadow:before {
  -webkit-animation: rippleX 2s linear infinite;
  -moz-animation: rippleX 2s linear infinite;
  -ms-animation: rippleX 2s linear infinite;
  -o-animation: rippleX 2s linear infinite;
  animation: rippleX 2s linear infinite;
  -webkit-animation: rippleX 2s linear infinite;
  -moz-animation: rippleX 2s linear infinite;
  -ms-animation: rippleX 2s linear infinite;
  -o-animation: rippleX 2s linear infinite;
  animation: rippleX 2s linear infinite;
}

.rainy .shadow:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  -moz-animation: ripple 2s linear 1s infinite;
  -ms-animation: ripple 2s linear 1s infinite;
  -o-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
  -webkit-animation: rippleX 2s linear 1s infinite;
  -moz-animation: rippleX 2s linear 1s infinite;
  -ms-animation: rippleX 2s linear 1s infinite;
  -o-animation: rippleX 2s linear 1s infinite;
  animation: rippleX 2s linear 1s infinite;
}

@-webkit-keyframes rippleX {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.75);
    -moz-transform: scale(1.75);
    -ms-transform: scale(1.75);
    -o-transform: scale(1.75);
    transform: scale(1.75);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes rippleX {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.75);
    -moz-transform: scale(1.75);
    -ms-transform: scale(1.75);
    -o-transform: scale(1.75);
    transform: scale(1.75);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

/*mobile================================*/

#mimin-mobile {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: none
}

#mimin-mobile-menu-opener{
  right: 20px;
  position: fixed;
  bottom: 20px;
  outline: none !important;
  z-index: 9999999;
  display: none
}

#mimin-mobile a{
  color: #fff;
  padding-right: 0px;
}
#mimin-mobile a:hover{
  background:none !important;
}
#mimin-mobile .tree{
  padding-left: 10px;
  background: #ef5949;
}
.sub-mimin-mobile-menu-list {
  display: none;
  padding: 0;
  height: 300px;
  font-weight: 100;
  overflow: auto;
  font-size: 2em;
}

.sub-mimin-mobile-menu-list .fa{margin-right: 10px;}

#mimin-mobile.animate {
  -webkit-animation: mobile-menubg 0.75s linear;
  -moz-animation: mobile-menubg 0.75s linear;
  -ms-animation: mobile-menubg 0.75s linear;
  -o-animation: mobile-menubg 0.75s linear;
  animation: mobile-menubg 0.75s linear;
}

#mimin-mobile .ink {
  background: #FF6656;
}

#mimin-mobile .ink.animate {
  -webkit-animation: ripple-mobile 0.75s linear;
  -moz-animation: ripple-mobile 0.75s linear;
  -ms-animation: ripple-mobile 0.75s linear;
  -o-animation: ripple-mobile 0.75s linear;
  animation: ripple-mobile 0.75s linear;
}

#mimin-mobile.reverse.animate {
  -webkit-animation: mobile-menubg-reverse 0.75s linear !important;
  -moz-animation: mobile-menubg-reverse 0.75s linear !important;
  -ms-animation: mobile-menubg-reverse 0.75s linear !important;
  -o-animation: mobile-menubg-reverse 0.75s linear !important;
  animation: mobile-menubg-reverse 0.75s linear !important;
}

#mimin-mobile.reverse .ink.animate {
  -webkit-animation: ripple-mobile-reverse 0.75s linear !important;
  -moz-animation: ripple-mobile-reverse 0.75s linear !important;
  -ms-animation: ripple-mobile-reverse 0.75s linear !important;
  -o-animation: ripple-mobile-reverse 0.75s linear !important;
  animation: ripple-mobile-reverse 0.75s linear !important;
}

@keyframes ripple-mobile-reverse {
  from {
   -webkit-transform: scale(2.5);
   -moz-transform: scale(2.5);
   -ms-transform: scale(2.5);
   -o-transform: scale(2.5);
   transform: scale(2.5);
   -webkit-transform: scale(2.5);
   -moz-transform: scale(2.5);
   -ms-transform: scale(2.5);
   -o-transform: scale(2.5);
   transform: scale(2.5);
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
   filter: alpha(opacity=100);
 }
 to {      
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
   filter: alpha(opacity=100);
 }
}

@keyframes mobile-menubg-reverse {
  from {
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
   filter: alpha(opacity=100);
   background: #FF6656;
 }
 to {
   -webkit-opacity: 0;
   -moz-opacity: 0;
   -ms-opacity: 0;
   -o-opacity: 0;
   opacity: 0;
   filter: alpha(opacity=0);
 }
}



@keyframes ripple-mobile {
  from {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes mobile-menubg {
  from {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);

  }
  to {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    background: #FF6656;
  }
}