.tm-gradation .count{transition:all .25s cubic-bezier(.645,.045,.355,1)}@keyframes gradationSignal{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.tm-gradation{display:flex;margin:0 -15px}.tm-gradation .count-wrap{height:50px;margin:0 0 53px;position:relative;width:50px}.tm-gradation .count-wrap:after,.tm-gradation .count-wrap:before{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0,.55,.55,1);border:1px solid #ababab;border-radius:50%;content:"";height:100px;left:-25px;opacity:0;pointer-events:none;position:absolute;top:-25px;transform-origin:50% 50%;width:100px}.tm-gradation .count-wrap:after{animation-delay:.75s}.tm-gradation .count{background:#fff;border:2px solid #e8e8e8;border-radius:50%;color:#333;font-size:18px;font-weight:700;height:50px;left:0;line-height:48px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:50px;z-index:3}.tm-gradation .item{padding:0 15px;position:relative;width:25%}.tm-gradation .item:last-child .line:before{display:none}.tm-gradation .item:hover .count{border-color:transparent;color:#fff}.tm-gradation .item:hover .count-wrap:after,.tm-gradation .item:hover .count-wrap:before{animation-name:gradationSignal}.tm-gradation .line:before{border-top:1px solid #ededed;content:"";height:1px;left:15px;position:absolute;top:25px;width:100%}.tm-gradation .title{font-size:18px;line-height:1.67;margin-bottom:9px}@media (max-width:767px){.tm-gradation{display:block}.tm-gradation .item{width:100%}.tm-gradation .item+.item{margin-top:50px}.tm-gradation .count-wrap{margin-bottom:25px}.tm-gradation .line:before{display:none}}