@keyframes ani-smile {
    from{ transform: scale(.6); }  to{ transform: scale(1); }
}
@-o-keyframes ani-smile {
    from{ transform: scale(.6); }  to{ transform: scale(1); }
}
@-webkit-keyframes ani-smile {
    from{ transform: scale(.6); }  to{ transform: scale(1); }
}
@-moz-keyframes ani-smile {
    from{ transform: scale(.6); }  to{ transform: scale(1); }
}
@-ms-keyframes ani-smile {
    from{ transform: scale(.6); }  to{ transform: scale(1); }
}

@keyframes loadRotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6); }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); } }

.ball-clip-rotate-multiple {
    position: relative; }
.ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 2px solid #f47427;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: loadRotate 1s 0s ease-in-out infinite;
    animation: loadRotate 1s 0s ease-in-out infinite; }
.ball-clip-rotate-multiple > div:last-child {
    display: inline-block;
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    border-color: #f47427 transparent #f47427 transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse; }