@-o-keyframes fa-spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes fa-spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes fa-spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes fa-spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes fa-spin {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*@-o-keyframes cartAnim {
  0% {right:50%;top:100%;width:2.5em;height:2.5em;}
  100% {right:0.63em;top:0.63em;width:0.31em;height:0.31em;}
}
@-moz-keyframes cartAnim {
  0% {right:50%;top:100%;width:2.5em;height:2.5em;}
  100% {right:0.63em;top:0.63em;width:0.31em;height:0.31em;}
}
@-ms-keyframes cartAnim {
  0% {right:50%;top:100%;width:2.5em;height:2.5em;}
  100% {right:0.63em;top:0.63em;width:0.31em;height:0.31em;}
}
@-webkit-keyframes cartAnim {
  0% {right:50%;top:100%;width:2.5em;height:2.5em;}
  100% {right:0.63em;top:0.63em;width:0.31em;height:0.31em;}
}
@keyframes cartAnim  {
  0% {right:50%;top:100%;width:2.5em;height:2.5em;}
  100% {right:0.63em;top:0.63em;width:0.31em;height:0.31em;}
}*/

@-o-keyframes start {
    0%,30% {
        opacity: 0;
        -moz-transform: translate(0,10px);
        -webkit-transform: translate(0,10px);
        -o-transform: translate(0,10px);
        -ms-transform: translate(0,10px);
        transform: translate(0,10px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0,-8px);
        -webkit-transform: translate(0,-8px);
        -o-transform: translate(0,-8px);
        -ms-transform: translate(0,-8px);
        transform: translate(0,-8px);
    }
}
@-ms-keyframes start {
    0%,30% {
        opacity: 0;
        -moz-transform: translate(0,10px);
        -webkit-transform: translate(0,10px);
        -o-transform: translate(0,10px);
        -ms-transform: translate(0,10px);
        transform: translate(0,10px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0,-8px);
        -webkit-transform: translate(0,-8px);
        -o-transform: translate(0,-8px);
        -ms-transform: translate(0,-8px);
        transform: translate(0,-8px);
    }
}

@-moz-keyframes start {
    0%,30% {
        opacity: 0;
        -moz-transform: translate(0,10px);
        -webkit-transform: translate(0,10px);
        -o-transform: translate(0,10px);
        -ms-transform: translate(0,10px);
        transform: translate(0,10px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0,-8px);
        -webkit-transform: translate(0,-8px);
        -o-transform: translate(0,-8px);
        -ms-transform: translate(0,-8px);
        transform: translate(0,-8px);
    }
}
@-webkit-keyframes start {
    0%,30% {
        opacity: 0;
        -moz-transform: translate(0,10px);
        -webkit-transform: translate(0,10px);
        -o-transform: translate(0,10px);
        -ms-transform: translate(0,10px);
        transform: translate(0,10px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0,-8px);
        -webkit-transform: translate(0,-8px);
        -o-transform: translate(0,-8px);
        -ms-transform: translate(0,-8px);
        transform: translate(0,-8px);
    }
}
@keyframes start {
    0%,30% {
        opacity: 0;
        -moz-transform: translate(0,10px);
        -webkit-transform: translate(0,10px);
        -o-transform: translate(0,10px);
        -ms-transform: translate(0,10px);
        transform: translate(0,10px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0,-8px);
        -webkit-transform: translate(0,-8px);
        -o-transform: translate(0,-8px);
        -ms-transform: translate(0,-8px);
        transform: translate(0,-8px);
    }
}

@keyframes zoom{
    75% {
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
}



.trans, .trans:before, .trans:after {
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.icon-loading:before{display:inline-block; -o-animation:fa-spin 2s infinite steps(64);-moz-animation:fa-spin 2s infinite steps(64);-webkit-animation:fa-spin 2s infinite steps(64);animation:fa-spin 2s infinite steps(64)}
.icon-loading1{display:inline-block; -o-animation:fa-spin 2s infinite steps(64);-moz-animation:fa-spin 2s infinite steps(64);-webkit-animation:fa-spin 2s infinite steps(64);animation:fa-spin 2s infinite steps(64)}

.loading span {
    width: 1.25em;
    height: 1.25em;
    background-color: #FFF;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -moz-animation: zoom 1.5s infinite;
    -webkit-animation: zoom 1.5s infinite;
    -o-animation: zoom 1.5s infinite;
    animation: zoom 1.5s infinite;
    display: inline-block;
}
    .loading span:nth-child(3n+2) {
        margin: 0 0.63em;
        -moz-animation-delay: 0.25s;
        -webkit-animation-delay: 0.25s;
        -o-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }
    .loading span:nth-child(3n+3) {
        -moz-animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
    /*.loading:before, .loading:after {
        top: 0;
        position: absolute;
        content: '';
    }
    .loading:before {
        left: -30px;
    }
    .loading:after {
        right: -30px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }*/