.countDownTimer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:1em 0 2.5em}.countDownTimer .digit{position:relative;width:150px;margin:-2px;margin-bottom:.8em}.countDownTimer .digit>svg{position:relative;display:block;transform:rotate(-90deg)}.countDownTimer .digit>svg circle{stroke:#f1f1f1;fill:none;stroke-dasharray:250, 250;stroke-width:12px;stroke-linecap:round;transition:all .3s}.countDownTimer .digit>svg .rate{stroke-width:7px;stroke-dasharray:0, 250}.countDownTimer .digit .remain{color:gray;text-align:center;font-size:1.3em;line-height:1.2;transition:all .2s;position:absolute;display:block;top:40px;left:50%;transform:translate(-50%, 0) scale(1)}.countDownTimer .digit .remain>span{font-family:sans-serif;display:block;font-size:.9em}.countDownTimer .digit .remain svg{fill:gray;height:45px;margin-bottom:0.2em}.countDownTimer .digit .title{display:block;text-align:center;width:100%;letter-spacing:-1px}.countDownTimer .digit:nth-child(1) .rate{stroke:#30B796}.countDownTimer .digit:nth-child(1) .col-inherit{color:#30B796;opacity:.7}.countDownTimer .digit:nth-child(1):hover .remain{color:#30B796;position:absolute;display:block;top:40px;left:50%;transform:translate(-50%, 0) scale(1.15)}.countDownTimer .digit:nth-child(1):hover .remain svg{fill:#30B796}.countDownTimer .digit:nth-child(2) .rate{stroke:#3A81AB}.countDownTimer .digit:nth-child(2) .col-inherit{color:#3A81AB;opacity:.7}.countDownTimer .digit:nth-child(2):hover .remain{color:#3A81AB;position:absolute;display:block;top:40px;left:50%;transform:translate(-50%, 0) scale(1.15)}.countDownTimer .digit:nth-child(2):hover .remain svg{fill:#3A81AB}.countDownTimer .digit:nth-child(3) .rate{stroke:#83499F}.countDownTimer .digit:nth-child(3) .col-inherit{color:#83499F;opacity:.7}.countDownTimer .digit:nth-child(3):hover .remain{color:#83499F;position:absolute;display:block;top:40px;left:50%;transform:translate(-50%, 0) scale(1.15)}.countDownTimer .digit:nth-child(3):hover .remain svg{fill:#83499F}.countDownTimer .digit:nth-child(4) .rate{stroke:#E49C38}.countDownTimer .digit:nth-child(4) .col-inherit{color:#E49C38;opacity:.7}.countDownTimer .digit:nth-child(4):hover .remain{color:#E49C38;position:absolute;display:block;top:40px;left:50%;transform:translate(-50%, 0) scale(1.15)}.countDownTimer .digit:nth-child(4):hover .remain svg{fill:#E49C38}@media only screen and (max-width: 599px){.countDownTimer{max-width:400px}.countDownTimer .digit{width:140px}.countDownTimer .digit .remain{margin-top:-3px}.countDownTimer .digit .icon svg{height:40px}}