@font-face{font-family: "Lucida_Sans";src: url(../fonts/Lucida_Sans.ttf) format('truetype');}
@font-face{font-family: "Gabriola";src: url(../fonts/Gabriola.ttf) format('truetype');}
.rippleCntDwn_box{margin:0px auto;width:auto;margin:0px auto;text-align: center;overflow: hidden;}
.ripple_DigitCover_box {
    position: relative;
    width: 160px;
    height: 160px;
    /*background: url(../../Round_cornecr_Circle/new.png) no-repeat;*/
    background-size: 180px 180px;
    text-align: center;
    margin: 19px auto;
    /*top: 0ripple_display_none    left: 0;
    bottom: 0;
    right: 0;*/
    z-index: 3;

    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2),
      0 0 5px 2px rgba(0, 0, 0, .3),
      inset 0 0 0 10px rgba(0, 0, 255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2),
      0 0 5px 2px rgba(0, 0, 0, .3),
      inset 0 0 0 10px rgba(0, 0, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2),
      0 0 5px 2px rgba(0, 0, 0, .3),
      inset 0 0 0 10px rgba(0, 0, 255, .2);

    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    /* border-radius: 50% has issues on some mobile browsers */
  }
.ripple_metabox{/*width: 500px;*//*height: 500px;*/margin: 0px auto 40px;position: relative;width:280px;    display: inline-block;}
.rippleBox_anim{position: relative;height: 100%;}
.ripple_display_none{display:none;}
.ripple_commonPluseRate{
    position: absolute;
    width: 200px;
    height: 200px;
    margin:0px auto;
    top: 50%;
    left: 50%;
    opacity: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    transform: translate(-50%,-50%);
}
.ripple_pulse1 {
    z-index: 1;
    border: 3px solid rgba(255, 255, 255, .1);

    -webkit-animation: ripple_pulsejg1 1.0s linear infinite;
    -moz-animation: ripple_pulsejg1 1.0s linear infinite;
    animation: ripple_pulsejg1 1.0s linear infinite;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 255, .6);
    -moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 255, .6);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 255, .6);
}
/*.ripple_pulse2 {
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0);

    -webkit-animation: ripple_pulsejg2 1.0s linear infinite;
    -moz-animation: ripple_pulsejg2 1.0s linear infinite;
    animation: ripple_pulsejg2 1.0s linear infinite;
    -webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
    -moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
    box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
}*/
/*****/
#setTimer{height: 50px;text-align: center;transition: all ease;margin: 50px 0px;}
.ripple_digitBox{font-family: "Lucida_Sans";font-size: 60px;text-align: center;/*position: absolute;left: 0;right: 0;top: 50%;*/position: absolute;;top:50%; left:0;right:0;vertical-align: middle;margin: 0;padding: 0;-webkit-margin-before: 0;-webkit-margin-after: 0;opacity:1;transition:transform 800ms,opacity 700ms,color 400ms,filter 400ms;display: block;-webkit-transform: perspective(100px);-ms-transform: perspective(100px);-o-transform: perspective(100px);transform: perspective(100px);-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;transform: translate(0, -50%) perspective(100px);}
.rippleCntDwn_label{text-align: center;color: rgb(0, 0, 255);font-size: 30px;margin-top:35px; font-family: "Gabriola";}
/*****/
/***** responsive start *****/
@media screen and (max-width:1200px) and (min-width:1024px){
/*.rippleCntDwn_box{width:990px;}*/
}
@media screen and (max-width:1023px) and (min-width:768px){
/*.rippleCntDwn_box{width:730px;}*/
}
@media screen and (max-width:767px){
/*.rippleCntDwn_box{width: 100%;}*/
}
@media screen and (max-width:479px){
/*.rippleCntDwn_box{width: 100%;}*/
}
@media screen and (max-width:375px){
/*.rippleCntDwn_box{width: 100%;}  */
.rippleCntDwn_label {margin-top: 25px;}
}
/***** responsive end ******/
@-webkit-keyframes ripple_pulsejg1 {
  0% {-webkit-transform: translate(-50%,-50%) scale(.2);opacity: 0;}
  0% {-webkit-transform: translate(-50%,-50%) scale(.3);opacity: 0.1;}
  30% {-webkit-transform: translate(-50%,-50%) scale(.5);opacity: 0.1;}
  50% {-webkit-transform: translate(-50%,-50%) scale(.7);opacity: 0.1;}
  60% {-webkit-transform: translate(-50%,-50%) scale(.9);opacity: .2;}
  70% {-webkit-transform: translate(-50%,-50%) scale(1.0);opacity: .3;}
  80% {-webkit-transform: translate(-50%,-50%) scale(1.2);opacity: .2;}
  100% {-webkit-transform: translate(-50%,-50%) scale(1.4);opacity: .0;}
}

@-moz-keyframes ripple_pulsejg1 {
  0% {-moz-transform: translate(-50%,-50%) scale(.2);opacity: 0;}
  0% {-moz-transform: translate(-50%,-50%) scale(.3);opacity: 0.1;}
  30% {-moz-transform: translate(-50%,-50%) scale(.5);opacity: 0.1;}
  50% {-moz-transform: translate(-50%,-50%) scale(.7);opacity: 0.1;}
  60% {-moz-transform: translate(-50%,-50%) scale(.9);opacity: .2;}
  70% {-moz-transform: translate(-50%,-50%) scale(1.1);opacity: .35;}
  80% {-moz-transform: translate(-50%,-50%) scale(1.3);opacity: .2;}
  100% {-moz-transform:translate(-50%,-50%) scale(1.4);opacity: .0;}
}

@keyframes ripple_pulsejg1 {
  0% {transform: translate(-50%,-50%) scale(.2);opacity: 0;}
  0% {transform: translate(-50%,-50%) scale(.3);opacity: 0.1;}
  30% {transform: translate(-50%,-50%) scale(.5);opacity: 0.1;}
  50% {transform: translate(-50%,-50%) scale(.7);opacity: 0.1;}
  60% {transform: translate(-50%,-50%) scale(.9);opacity: .1;}
  70% {transform: translate(-50%,-50%) scale(1.1);opacity: .25;}
  80% {transform: translate(-50%,-50%) scale(1.3);opacity: .1;}
  100% {transform: translate(-50%,-50%) scale(1.4);opacity: .0;}
}

@-webkit-keyframes ripple_pulsejg2 {
  0% {-webkit-transform: scale(.6);opacity: 0;}
  40% {-webkit-transform: scale(.8);opacity: .05;}
  50% {-webkit-transform: scale(1);opacity: .1;}
  60% {-webkit-transform: scale(1.1);opacity: .3;}
  80% {-webkit-transform: scale(1.2);opacity: .1;}
  100% {-webkit-transform: scale(1.3);opacity: 0;}
}
@-moz-keyframes ripple_pulsejg2 {
  0% {-moz-transform: scale(.6);opacity: 0;}
  40% {-moz-transform: scale(.8);opacity: .05;}
  50% {-moz-transform: scale(1);opacity: .1;}
  60% {-moz-transform: scale(1.1);opacity: .3;}
  80% {-moz-transform: scale(1.2);opacity: .1;}
  100% {-moz-transform: scale(1.3);opacity: 0;}
}

@keyframes ripple_pulsejg2 {
  0% {transform: scale(.6);opacity: 0;}
  40% {transform: scale(.8);opacity: .05;}
  50% {transform: scale(1);opacity: .1;}
  60% {transform: scale(1.1);opacity: .3;}
  80% {transform: scale(1.2);opacity: .1;}
  100% {transform: scale(1.3);opacity: 0;}
}