/* freeshipping */
.freeship-progress { padding: 15px 0; background-color: transparent; }
.freeship-progress .freeship-text,
.freeship-progress .text { text-align: center; margin-bottom: 5px; font-size: 14px; }

.freeship-progress .freeship-progress-bar-wrapper .freeship-progress-bar-bg { background-color: rgba(0,0,0,0.1); height: 10px; border-radius: 3px; overflow: hidden; position: relative; width: 100%;}
.freeship-progress .freeship-progress-bar-wrapper .freeship-progress-bar-fill { height: 10px; display: block; border-radius: 3px; animation-name: shippingProgressBar; animation-duration: 1.25s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; -webkit-animation: shippingProgressBar 1.25s 1;	 animation: shippingProgressBar 1.25s 1; transition: width .667s cubic-bezier(.37,.16,.22,.89); }
.freeship-progress .freeship-progress-bar-wrapper .freeship-progress-bar-progress { background: green; }
.freeship-progress .freeship-progress-bar-wrapper .freeship-progress-bar { margin: 0 auto; width: 100%; display: block; }

.freeship-progress {

    @-webkit-keyframes shippingProgressBar {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes shippingProgressBar {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
}