.checkmark-circle{width:150px;height:150px;position:relative;display:inline-block;vertical-align:top}.checkmark-circle .background{width:150px;height:150px;border-radius:50%;background:#f64a5f;position:absolute}.checkmark-circle .checkmark{border-radius:5px}.checkmark-circle .checkmark.draw:after{-webkit-animation-delay:100ms;-moz-animation-delay:100ms;animation-delay:100ms;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-name:checkmark;-moz-animation-name:checkmark;animation-name:checkmark;-webkit-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-o-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.checkmark-circle .checkmark:after{opacity:1;height:75px;width:37.5px;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;border-right:15px solid #fff;border-top:15px solid #fff;border-radius:2.5px!important;content:'';left:38px;top:80px;position:absolute}@-webkit-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}@-moz-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}