/*
Theme Name: Shopkeeper
Theme URI: http://www.getbowtied.com/
Author: Get Bowtied
Author URI: http://www.getbowtied.com/
Description: Shopkeeper is a responsive, super-mobile-friendly theme for WordPress and WooCommerce.
Version: 1.6.1
License:
License URI:
Text Domain: shopkeeper
Domain Path: /languages/
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/
.animated-corn-left, .animated-corn-right {
    position: absolute;
    transform-style: preserve-3d;
}
.animated-corn-left.triggeredCSS3 {
    -webkit-animation: floatCornLeft 3s  normal ease-out;
    animation: floatCornLeft 3s  normal ease-out;
}
.animated-corn-right.triggeredCSS3 {
    -webkit-animation: floatCornRight 3s  normal ease-out;
    animation: floatCornRight 3s  normal ease-out;
}
.animated-chip {
    position: absolute;
    transform-style: preserve-3d;
    left: 80%;
    width: 250px;
}
.animated-chip.triggeredCSS3 {
    -webkit-animation: floatBubble 2s  normal ease-out;
    animation: floatBubble 2s  normal ease-out;
}
@-webkit-keyframes floatBubble {
    0% {
        top:0px;
        visibility: visible;
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
    25% {
        -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    }
    50% {
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
    75% {
        -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    }
    100% {
        top: 700px;
        visibility:hidden;
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
}
@keyframes floatBubble {
    0% {
        top:0px;
        transform: rotate(0deg); /* Chrome, Safari, Opera */
        visibility: visible;
    }
    25% {
        transform: rotate(20deg); /* Chrome, Safari, Opera */
    }
    50% {
        transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
    75% {
        transform: rotate(-20deg); /* Chrome, Safari, Opera */
    }
    100% {
        top: 700px;
        visibility: hidden;
        transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
}

@-webkit-keyframes floatCornLeft {
    0% {
        bottom:0%;
        left: 20%;
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
    50% {
        left: 40%;
        bottom: 90%;
        -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    }
    100% {
        bottom: 0%;
        left: 60%;
        -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
    }
}
@keyframes floatCornLeft {
    0% {
        bottom:0%;
        left: 20%;
        transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
    50% {
        left: 40%;
        bottom: 70%;
        transform: rotate(360deg); /* Chrome, Safari, Opera */
    }
    100% {
        bottom: 0%;
        left: 60%;
        transform: rotate(720deg); /* Chrome, Safari, Opera */
    }
}

@-webkit-keyframes floatCornRight {
    0% {
        bottom:0%;
        right: 10%;
        -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
    50% {
        right: 40%;
        bottom: 80%;
        -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    }
    100% {
        bottom: 0%;
        right: 70%;
        -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
    }
}
@keyframes floatCornRight {
    0% {
        bottom:0%;
        right: 10%;
        transform: rotate(0deg); /* Chrome, Safari, Opera */
    }
    50% {
        right: 40%;
        bottom: 80%;
        transform: rotate(360deg); /* Chrome, Safari, Opera */
    }
    100% {
        bottom: 0%;
        right: 70%;
        transform: rotate(720deg); /* Chrome, Safari, Opera */
    }
}