/*@import "url('https://fonts.googleapis.com/css?family=Philosopher:400,400i,700,700i')";*/
.heartBlink_layout_area{width:1060px;margin:0px auto;}
@font-face{font-family: "7segment";src: url(../fonts/7segment.ttf);}
@font-face{font-family: "HelveticaNeue_Light";src: url(../fonts/HelveticaNeue%20Light.ttf);}
@font-face{font-family: "Comfortaa_Regular";src: url(../fonts/Roboto-Regular.ttf);}
.heartBlink_cmpHead{margin:50px 0px 0px;color:#fff;}
.heartBlink_countDownBox{width:100%;height:100%;display: inline;}
/******************Heart Blink CountDown Timer**********************/
.heartBlink_box {display: inline-block;position:relative;margin:0px 45px;}
.heartBlink_digital_cntDwn{/*background: #3498DB;*/font-family: "Segoe UI", "Microsoft YaHei";font-size: 18px;height: 100%;width: 100%;min-width: 320px;vertical-align: middle;padding:50px 0px;}
.heartBlink_persBox{position:relative;max-width: 241px;padding: 0px 00px 0px 0px !important;text-align: center;display: grid;margin:0px auto;}
.heartBlink_heading{text-align:center;}
.heartBlink_counter_Name{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 40px; margin: 0px 0px 80px;color: #fff;font-weight: 500;letter-spacing: 2.5px;}
.heartBlink_daysClmn{float:none;padding: 0px 20px;}
.heartBlink_cntDgt{font-family: "7segment";/*color: #fff;*/text-align: center;font-size: 115px;letter-spacing: 2px;display: inline-block;float:left;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;}
.heartBlink_cntDGSec{opacity:0;}
/*.heartBlink_box:nth-child(4){margin-right: 0px;}*/
.heartBlink_tempClsSec{opacity:1;}
.heartBlink_cntDGMin, .heartBlink_cntDGHour, .heartBlink_cntDGDay{opacity:1;}
.heartBlink_cntName{font-family: "Comfortaa_Regular";font-size: 24px;font-weight: bold;letter-spacing: 1px;text-align:center;}
.heartBlink_dots{display:none;font-size:112px;/*color:#fff;*/font-family: "7segment";float: left;/*margin-top: -2px;*/position:absolute;bottom:-15%;right: 0px;}
#heartBlink_demo{color:#fff;font-family: "7segment";}
.heartBlink_overCntdwn{font-size:32px;color:#fff;text-align:center;letter-spacing:3px;margin:50px 0px 0px;}
.heartBlink_cgPerBox_day{width:auto ;}
/******************Animation**********************/
.heartBlink_svg_box{position:relative;}
.heartBlink_scd-slot-animate{-webkit-animation: pulse2 1s linear infinite;
  -moz-animation: pulse2 1s linear infinite;
  -ms-animation: pulse2 1s linear infinite;
  animation: pulse2 1s linear infinite;}
.heartBlink_duplicate{position: relative;min-width: 120px;min-height: 30px;margin: 10px auto 0px;width: 100%;}
#heartBlink_secondDigit2,#heartBlink_secondDigit,#heartBlink_minuteDigit,#heartBlink_minuteDigit2,#heartBlink_hourDigit,#heartBlink_hourDigit2,#heartBlink_dayDigit,#heartBlink_dayDigit2{position:absolute;left:0;right:0;top: -16px;}
.heartBlink_dayDuplicate{min-width: 175px;}
/********************Restart********************/
.heartBlink_restart{margin:50px 0px 0px;color:#fff;text-align: left;padding: 0px 0px 0px 67px;}
.heartBlink_txt_box{margin:10px 58px 0px 0px;display: inline-block;}
.heartBlink_thr_box{margin:20px 0px;}
.heartBlink_restart p{display:inline-block;vertical-align:middle;margin:0px 10px 0px ;width:76px;text-align:left;color:#fff;}
/*******************New*************************/
.heartBlink_secBlinkAnim, .heartBlink_minBlinkAnim, .heartBlink_hourBlinkAnim, .heartBlink_dayBlinkAnim {-webkit-animation: pulse2 1s linear infinite;
  -moz-animation: pulse2 1s linear infinite;
  -ms-animation: pulse2 1s linear infinite;
  animation: pulse2 1s linear infinite;}
.heartBlink_cntLine{width: auto; margin:29px auto 22px;/*height: 2px;background-color: #ff9500;*/border: 0px;}
.heartBlink_cLine_day {width: 153px;}
/*******************HeartBeat*******************/
.heartBlink_svgCover{width:150px;}
.heartBlink_heart-rate{width: 150px;height:auto;position: relative;margin: 20px auto;}
.heartBlink_pluseLine_top{fill:none;stroke:#fff;stroke-width:3;stroke-miterlimit:10;}
#scd-heartblink::-webkit-scrollbar {display: none;}


/******************************************************************/
/******************************************************************/
/***************************Responsive*****************************/
/******************************************************************/
/******************************************************************/
@media screen and (max-width: 1439px) and (min-width: 1200px) {
.heartBlink_layout_area {width: 1116px;}
.heartBlink_box {margin: 0px 9px;}
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
.heartBlink_layout_area {width: 932px;}
.heartBlink_persBox {width: auto;}
.heartBlink_cgPerBox_day {width: auto;}
.heartBlink_cntDgt{font-size:100px;}
.heartBlink_dots {font-size: 97px;}
.heartBlink_cntName {font-size: 22px;}
.heartBlink_duplicate {min-width: 97px;}
.heartBlink_dayDuplicate {min-width: 175px;margin: 13px auto 5px;}
.heartBlink_cntLine {min-width: 87px;}
.heartBlink_box {margin: 0px 15px 20px;}
}

@media screen and (max-width:1023px) and (min-width: 768px) {
.heartBlink_layout_area {width: 700px;}
.heartBlink_persBox {width: 141px;padding:0px;}
.heartBlink_cgPerBox_day {width: 181px;}
.heartBlink_cntDgt{font-size:84px;}
.heartBlink_dots {font-size: 83px;bottom: -25%;}
.heartBlink_cntName {font-size:19px;}
.heartBlink_duplicate {min-width: 120px;margin: 65px auto 0px;}
.heartBlink_dayDuplicate {min-width: 170px;}
.heartBlink_cntLine {min-width: 74px;}
.heartBlink_heart-rate {margin: 10px auto;}
}

@media screen and (max-width: 767px){
.heartBlink_layout_area {width:445px;}
.heartBlink_counter_Name {font-size: 19px;}
.heartBlink_persBox {/*width: 89px;*/padding: 0px 10px 0px 0px;}
.heartBlink_cgPerBox_day {width: auto;}
.heartBlink_cntDgt{font-size: 82px;}
.heartBlink_dots {font-size: 51px;bottom: -90%;}
.heartBlink_cntName {font-size:16px;} 
.heartBlink_box{margin: 0px 1px 40px;}
#heartBlink_secondDigit2, #heartBlink_secondDigit, #heartBlink_minuteDigit, #heartBlink_minuteDigit2, #heartBlink_hourDigit, #heartBlink_hourDigit2, #heartBlink_dayDigit, #heartBlink_dayDigit2 {position: absolute;bottom: 3px;left: 0;/*margin-left: 7px;*/}
.heartBlink_duplicate{min-width: 180px;}
.heartBlink_cntLine {margin: 9px auto 2px;}
.heartBlink_heart-rate{margin: 5px auto;}
.heartBlink_daysClmn {padding: 0px 3px;}
}

@media screen and (max-width:479px){
.heartBlink_layout_area{width:340px;}
.heartBlink_minDots{opacity:0;} 
.heartBlink_cntName{margin-top:31px;font-size: 18px;}
.heartBlink_secBox{margin-top: 63px;}
.heartBlink_secPersBox, .secBox, .secBoxClmn{width:100%}
.heartBlink_txt_box {margin: 10px 0px 0px 0px;display: inline-block;}
.heartBlink_restart{padding: 0px 0px 0px 20px;}
.heartBlink_duplicate {margin: 0px auto 0px;}
.heartBlink_cntLine {margin: 0px auto 0px;}
.heartBlink_box {margin: 0px 1px 70px;}
.heartBlink_heart-rate {margin: -10px auto;}

}

@media screen and (max-width:374px){
.heartBlink_layout_area{width:260px;}
.heartBlink_minDots{opacity:1;}
.heartBlink_dots{opacity:0;}
.heartBlink_countDown{width: 87%;margin: 0px auto;}
.heartBlink_heading {display: inline-block;}
.heartBlink_box, .heartBlink_daysClmn{width:100%;}
.heartBlink_daysClmn{position:relative;display:block;float:none;margin-bottom: 00px;}
.heartBlink_persBox {width:auto;float: none;padding:0px;margin-right: auto;}
.heartBlink_counter_Name {font-size: 19px;margin-bottom:50px;}
.heartBlink_secBox{margin-top: 0px;}
.heartBlink_cntName {margin-top: 15px;font-size: 22px;float: none;display: block;margin:0px 0px 0px;}
.heartBlink_cntDgt {font-size: 60px;letter-spacing: 8px;}
.heartBlink_box{margin-bottom:00px;}
.heartBlink_cmpHead {margin: 30px 0px;font-size: 25px;}
.heartBlink_digital_cntDwn{padding:50px 0px;}
.heartBlink_cntLine {width: 153px;margin:0px auto 00px;}
.heartBlink_cLine_day {width: 153px;    margin: 0 auto 00px;}
input[type="text"]{width:120px;}
#heartBlink_secondDigit2, #heartBlink_secondDigit, #heartBlink_minuteDigit, #heartBlink_minuteDigit2, #heartBlink_hourDigit, #heartBlink_hourDigit2, #heartBlink_dayDigit, #heartBlink_dayDigit2 {margin-left: 0px;}
.heartBlink_digital_cntDwn{min-width: 300px;}
.heartBlink_box{margin: 0px 0px 80px;}
.heartBlink_box:nth-child(4){margin: 0px 0px 0px;}
}

/******************************************************************/
/******************************************************************/
/***************************Animation******************************/
/******************************************************************/
/******************************************************************/
@keyframes "pulse2" {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  30% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  80% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

}

@-webkit-keyframes "pulse2" {
 0% {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 30% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(1.3);
   transform: scale(1.3);
 }
 80% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 100% {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }

}

@-moz-keyframes pulse2 {
 0% {
   -moz-transform: scale(0.7);
   transform: scale(0.7);
 }
 50% {
   -moz-transform: scale(1.1);
   transform: scale(1.1);
 }
 100% {
   -moz-transform: scale(0.7);
   transform: scale(0.7);
 }

}

@-ms-keyframes "pulse2" {
 0% {
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -ms-transform: scale(0.7);
   transform: scale(0.7);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }

}