.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode:both
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name:fadeIn
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes fadeOut {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@-webkit-keyframes loadSpin {
    0% {
        -webkit-transform:rotate(0deg)
    }

    to {
        -webkit-transform:rotate(360deg)
    }
}

@keyframes loadSpin {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(360deg)
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(800px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    50% {
        -webkit-transform: translateX(-507px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    75% {
        -webkit-transform: translateX(-507px);
        width: 400px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    to {
        -webkit-transform: translateX(-507px);
        width: 400px;
        max-height: 500px;
        box-shadow:0 0 40px -10px #00000080
    }
}

@keyframes slideIn {
    0% {
        transform: translate(800px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    50% {
        transform: translate(-507px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    75% {
        transform: translate(-507px);
        width: 400px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    to {
        transform: translate(-507px);
        width: 400px;
        max-height: 500px;
        box-shadow:0 0 40px -10px #00000080
    }
}

@-webkit-keyframes slideOut {
    0% {
        -webkit-transform: translateX(-507px);
        width: 400px;
        max-height: 500px;
        box-shadow:0 0 40px -10px #00000080
    }

    50% {
        -webkit-transform: translateX(-507px);
        width: 400px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    75% {
        -webkit-transform: translateX(-507px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    to {
        -webkit-transform: translateX(800px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }
}

@keyframes slideOut {
    0% {
        transform: translate(-507px);
        width: 400px;
        max-height: 500px;
        box-shadow:0 0 40px -10px #00000080
    }

    50% {
        transform: translate(-507px);
        width: 400px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    75% {
        transform: translate(-507px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }

    to {
        transform: translate(800px);
        width: 100px;
        max-height: 100px;
        box-shadow:0 0 40px -10px #0003
    }
}

@-webkit-keyframes opacityIn {
    0% {
        opacity:0
    }

    80% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes opacityIn {
    0% {
        opacity:0
    }

    80% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@-webkit-keyframes opacityOut {
    0% {
        opacity:1
    }

    80% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes opacityOut {
    0% {
        opacity:1
    }

    80% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform:translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform:translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform:translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform:translateZ(0)
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1
    }

    50% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes blink {
    0% {
        opacity:1
    }

    50% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@-webkit-keyframes scale {
    0%, to {
        -webkit-transform:scale(1)
    }

    50% {
        -webkit-transform:scale(.8)
    }
}

@keyframes scale {
    0%, to {
        transform:scale(1)
    }

    50% {
        transform:scale(.8)
    }
}

@-webkit-keyframes scale2 {
    0%, to {
        -webkit-transform:scale(.8)
    }

    50% {
        -webkit-transform:scale(1)
    }
}

@keyframes scale2 {
    0%, to {
        transform:scale(.8)
    }

    50% {
        transform:scale(1)
    }
}

@-webkit-keyframes shop_tooltip_hover_in {
    0% {
        -webkit-transform: translate3d(-50%, -70%, 0);
        opacity:0
    }

    to {
        -webkit-transform: translate3d(-50%, -20%, 0);
        opacity:1
    }
}

@keyframes shop_tooltip_hover_in {
    0% {
        transform: translate3d(-50%, -70%, 0);
        opacity:0
    }

    to {
        transform: translate3d(-50%, -20%, 0);
        opacity:1
    }
}

@-webkit-keyframes shop_tooltip_hover_out {
    0% {
        -webkit-transform: translate3d(-50%, -20%, 0);
        opacity:1
    }

    to {
        -webkit-transform: translate3d(-50%, -70%, 0);
        opacity:0
    }
}

@keyframes shop_tooltip_hover_out {
    0% {
        transform: translate3d(-50%, -20%, 0);
        opacity:1
    }

    to {
        transform: translate3d(-50%, -70%, 0);
        opacity:0
    }
}

@-webkit-keyframes shop_tooltip_show_hide {
    0% {
        -webkit-transform: translate3d(200px, 0, 0);
        opacity:0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity:1
    }
}

@keyframes shop_tooltip_show_hide {
    0% {
        transform: translate3d(200px, 0, 0);
        opacity:0
    }

    to {
        transform: translateZ(0);
        opacity:1
    }
}

@-webkit-keyframes beat {
    0%, to {
        -webkit-transform:scale(1)
    }

    50% {
        -webkit-transform:scale(1.1)
    }
}

@keyframes beat {
    0%, to {
        transform:scale(1)
    }

    50% {
        transform:scale(1.1)
    }
}

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes fx {
    50% {
        transform: scale(1);
        opacity:1
    }

    to {
        opacity:0
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        visibility:visible
    }

    to {
        opacity: 1;
        -webkit-transform:translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        visibility:visible
    }

    to {
        opacity: 1;
        transform:translateZ(0)
    }
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1, .1);
        opacity:0
    }

    50% {
        opacity: 1;
        filter:none
    }

    to {
        -webkit-transform: scale(1.2, 1.2);
        opacity:0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity:0
    }

    50% {
        opacity: 1;
        filter:none
    }

    to {
        transform: scale(1.2);
        opacity:0
    }
}

@-webkit-keyframes topCanvasNavOpen {
    0% {
        -webkit-clip-path:polygon(0 0, 100% 0, 100% 50%, 0 100%)
    }

    to {
        -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes topCanvasNavOpen {
    0% {
        clip-path:polygon(0 0, 100% 0, 100% 50%, 0 100%)
    }

    to {
        clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes slide-down-rotated {
    0% {
        -webkit-transform: translateX(-20px) translateY(-120%) rotate(-7deg);
        -webkit-transform-origin:left top
    }

    to {
        -webkit-transform: translateY(0);
        -webkit-transform-origin:left top
    }
}

@keyframes slide-down-rotated {
    0% {
        transform: translate(-20px) translateY(-120%) rotate(-7deg);
        transform-origin:left top
    }

    to {
        transform: translateY(0);
        transform-origin:left top
    }
}

@-webkit-keyframes slide-down-rotated-right {
    0% {
        -webkit-transform: translateY(0);
        -webkit-transform-origin: right top;
        -webkit-animation-timing-function:ease-in
    }

    50% {
        -webkit-transform: translateY(-20%) rotate(2deg);
        -webkit-transform-origin: right top;
        -webkit-animation-timing-function:ease-out
    }

    to {
        -webkit-transform: translateY(-120%) rotate(0deg);
        -webkit-transform-origin: right top;
        -webkit-animation-timing-function:ease-out
    }
}

@keyframes slide-down-rotated-right {
    0% {
        transform: translateY(0);
        transform-origin: right top;
        animation-timing-function:ease-in
    }

    50% {
        transform: translateY(-20%) rotate(2deg);
        transform-origin: right top;
        animation-timing-function:ease-out
    }

    to {
        transform: translateY(-120%) rotate(0);
        transform-origin: right top;
        animation-timing-function:ease-out
    }
}

@-webkit-keyframes shimmerAnimation {
    0% {
        opacity:.45
    }

    to {
        opacity:.9
    }
}

@keyframes shimmerAnimation {
    0% {
        opacity:.45
    }

    to {
        opacity:.9
    }
}

@-webkit-keyframes progress-in {
    0% {
        width:0
    }

    5% {
        width:0
    }

    10% {
        width:15%
    }

    30% {
        width:40%
    }

    50% {
        width:55%
    }

    80% {
        width:100%
    }

    95% {
        width:100%
    }

    to {
        width:100%
    }
}

@keyframes progress-in {
    0% {
        width:0
    }

    5% {
        width:0
    }

    10% {
        width:15%
    }

    30% {
        width:40%
    }

    50% {
        width:55%
    }

    80% {
        width:100%
    }

    95% {
        width:100%
    }

    to {
        width:100%
    }
}

@-webkit-keyframes progress-out {
    0% {
        width:100%
    }

    to {
        width:0
    }
}

@keyframes progress-out {
    0% {
        width:100%
    }

    to {
        width:0
    }
}

@-webkit-keyframes bounceInCart {
    0%, 50%, to {
        -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform:scale3d(.75, .75, .75)
    }

    50% {
        -webkit-transform:scale3d(1, 1, 1)
    }

    to {
        -webkit-transform:scale3d(.75, .75, .75)
    }
}

@keyframes bounceInCart {
    0%, 50%, to {
        animation-timing-function:cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform:scale3d(.75, .75, .75)
    }

    50% {
        transform:scaleZ(1)
    }

    to {
        transform:scale3d(.75, .75, .75)
    }
}

@-webkit-keyframes anchor {
    0% {
        -webkit-transform: translate(0, 0);
        opacity:0
    }

    40% {
        opacity:1
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity:0
    }

    to {
        opacity:0
    }
}

@keyframes anchor {
    0% {
        transform: translate(0);
        opacity:0
    }

    40% {
        opacity:1
    }

    80% {
        transform: translateY(20px);
        opacity:0
    }

    to {
        opacity:0
    }
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform:perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    to {
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes rotateplane {
    0% {
        transform:perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    to {
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform:scale(0)
    }

    to {
        -webkit-transform: scale(1);
        opacity:0
    }
}

@keyframes scaleout {
    0% {
        transform:scale(0)
    }

    to {
        transform: scale(1);
        opacity:0
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform:rotate(360deg)
    }
}

@keyframes rotate {
    to {
        transform:rotate(360deg)
    }
}

@-webkit-keyframes bouncedelay {
    0%, to, 80% {
        -webkit-transform:scale(0)
    }

    40% {
        -webkit-transform:scale(1)
    }
}

@keyframes bouncedelay {
    0%, to, 80% {
        transform:scale(0)
    }

    40% {
        transform:scale(1)
    }
}

@-webkit-keyframes bounce {
    0%, to {
        -webkit-transform:scale(0)
    }

    50% {
        -webkit-transform:scale(1)
    }
}

@keyframes bounce {
    0%, to {
        transform:scale(0)
    }

    50% {
        transform:scale(1)
    }
}