@charset "UTF-8";
.pure-toggle {
    left: -9999px;
    position: absolute;
    top: -9999px
}
@media screen and (max-width:480px) {

    html, body {
        height: 100%
    }

    .pure-container {
        position: relative;
        height: 100%;
        -webkit-overflow-scrolling: touch
    }

    .pure-toggle:focus ~ .pure-toggle-label {
        border-color: #fff;
        color: #fff
    }

    .pure-toggle-label {
        z-index: 999;
        display: none;
        cursor: pointer;
        display: block;
        position: fixed;
        top: 50px;
        right: 0;
        z-index: 999;
        color: #9BB858;
        width: 15px;
        height: 15px;
        -webkit-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
        border: 0px solid #fff;
        border-radius: 10%;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent
    }

    .pure-toggle-label:hover {
        border-color: #9BB858;
        color: #9BB858;
    }

    .pure-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after {
        color: #9BB858;
        background-color: #9BB858
    }

    .pure-toggle-label:active {
        -webkit-tap-highlight-color: transparent
    }

    .pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 4px;
        width: 30px;
        cursor: pointer;
        background: #9BB858;
        display: block;
        content: '';
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out
    }

    .pure-toggle-label .pure-toggle-icon {
        transform: translate3d(-50%, -4px, 0);
        -webkit-transform: translate3d(-50%, -4px, 0)
    }

    .pure-toggle-label .pure-toggle-icon:before {
        transform: translate3d(-50%, -14px, 0);
        -webkit-transform: translate3d(-50%, -14px, 0)
    }

    .pure-toggle-label .pure-toggle-icon:after {
        transform: translate3d(-50%, 10px, 0);
        -webkit-transform: translate3d(-50%, 10px, 0)
    }

    .pure-toggle-label[data-toggle-label='left'] {
        left: 15px;
        right: auto
    }

    .pure-toggle-label[data-toggle-label='right'] {
        right: 28px;
        left: auto
    }

    .pure-toggle-label[data-toggle-label='top'] {
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']), .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']), .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label:not([data-toggle-label='top']) {
        opacity: 0;
        z-index: -1
    }

    .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {
        border-color: #fff;
        color: #fff
    }

    .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon {
        background-color: transparent
    }

    .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before, .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {
        top: 0
    }

    .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before {
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        -webkit-transform: translateX(-50%) rotate(45deg)
    }

    .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {
        -ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
        transform: translateX(-50%) translateY(-10px) rotate(-45deg);
        -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
        top: 10px
    }

    .pure-drawer {
        height: 100%;
        width: 100%;
        position: fixed;
        padding-top: 100px;
        left: 0;
        z-index: 999;
        background: rgba(255, 255, 255, 0.9);
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    @media only screen and (min-width: 40.063em) {
        .pure-drawer {
            width: 300px
        }
    }@media only screen and (min-width: 64.063em) {
    .pure-drawer {
        width: 300px
    }
}.pure-drawer[data-position='right'] {
     left: auto;
     right: 0
 }

    .pure-drawer[data-position='top'] {
        height: 100%;
        width: 100%
    }

    @media only screen and (min-width: 40.063em) {
        .pure-drawer[data-position='top'] {
            height: 100%
        }
    }@media only screen and (min-width: 64.063em) {
    .pure-drawer[data-position='top'] {
        height: 100px
    }
}.pure-pusher-container {
     position: relative;
     height: 100%;
     overflow: hidden;
 }

    .pure-pusher {
        position: relative;
        height: 100%;
        overflow-y: auto;
        left: 0;
        z-index: 2;
        background-color: #fff;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .pure-pusher, .pure-overlay {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    .pure-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .4);
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }

    .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
        left: 100%
    }

    @media only screen and (min-width: 40.063em) {
        .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
            left: 300px
        }
    }@media only screen and (min-width: 64.063em) {
    .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
        left: 300px
    }
}.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
     right: 100%
 }

    @media only screen and (min-width: 40.063em) {
        .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
            right: 300px
        }
    }@media only screen and (min-width: 64.063em) {
    .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
        right: 300px
    }
}.pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
     top: 100%
 }

    @media only screen and (min-width: 40.063em) {
        .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
            top: 100%
        }
    }@media only screen and (min-width: 64.063em) {
    .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
        top: 100px
    }
}.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
     width: 100%;
     height: 100%;
     opacity: 1;
     z-index: 2
 }

    .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        left: 100%
    }

    @media only screen and (min-width: 40.063em) {
        .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
            left: 300px
        }
    }@media only screen and (min-width: 64.063em) {
    .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        left: 300px
    }
}.no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
     left: -100%
 }

    @media only screen and (min-width: 40.063em) {
        .no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
            left: -300px
        }
    }@media only screen and (min-width: 64.063em) {
    .no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        left: -300px
    }
}.no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
     top: 100%
 }

    @media only screen and (min-width: 40.063em) {
        .no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
            top: 100%
        }
    }@media only screen and (min-width: 64.063em) {
    .no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        top: 100px;
    }
}[data-effect='pure-effect-slide'] .pure-drawer {
     z-index: 3;
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms
 }

    [data-effect='pure-effect-slide'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    [data-effect='pure-effect-slide'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    [data-effect='pure-effect-slide'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    [data-effect='pure-effect-slide'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-slide'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-slide'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-effect='pure-effect-slide'] .pure-overlay {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-delay: 250ms;
        transition-delay: 250ms
    }

    [data-effect='pure-effect-reveal'] .pure-drawer {
        visibility: visible
    }

    [data-effect='pure-effect-reveal'] .pure-drawer, [data-effect='pure-effect-reveal'] .pure-pusher-container .pure-pusher {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(300px, 0, 0);
            transform: translate3d(300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
}[data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}[data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}[data-effect='pure-effect-reveal'] .pure-overlay {
     -webkit-transition-delay: 250ms;
     transition-delay: 250ms
 }

    [data-effect='pure-effect-reveal'] .pure-overlay, [data-effect='pure-effect-slideAlong'] .pure-drawer {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    [data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    [data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-effect='pure-effect-slideAlong'] .pure-pusher-container .pure-pusher {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(300px, 0, 0);
            transform: translate3d(300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
}[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}[data-effect='pure-effect-slideAlong'] .pure-overlay {
     -webkit-transition-delay: 250ms;
     transition-delay: 250ms
 }

    [data-effect='pure-effect-slideAlong'] .pure-overlay, [data-effect='pure-effect-reverseSlide'] .pure-drawer {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    [data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    [data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-effect='pure-effect-reverseSlide'] .pure-pusher-container .pure-pusher {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(300px, 0, 0);
            transform: translate3d(300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
}[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}[data-effect='pure-effect-reverseSlide'] .pure-overlay, [data-effect='pure-effect-scaleDown'] .pure-drawer {
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms
 }

    [data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    [data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    [data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    [data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-effect='pure-effect-scaleDown'] .pure-pusher-container {
        -webkit-perspective: 1500px;
        perspective: 1500px
    }

    [data-effect='pure-effect-scaleDown'] .pure-pusher-container .pure-pusher {
        z-index: 1;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 0, -300px);
        transform: translate3d(0, 0, -300px)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(0, 0, -300px);
            transform: translate3d(0, 0, -300px)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 0, -300px);
        transform: translate3d(0, 0, -300px)
    }
}[data-effect='pure-effect-scaleDown'] .pure-overlay {
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms;
     -webkit-transition-delay: 250ms;
     transition-delay: 250ms
 }

    [data-effect='pure-effect-scaleUp'] {
        -webkit-perspective: 1500px;
        perspective: 1500px
    }

    [data-effect='pure-effect-scaleUp'][data-position='left'] {
        -webkit-perspective-origin: 0% 50%;
        perspective-origin: 0% 50%
    }

    [data-effect='pure-effect-scaleUp'][data-position='right'] {
        -webkit-perspective-origin: 50% 50%;
        perspective-origin: 50% 50%
    }

    [data-effect='pure-effect-scaleUp'][data-position='top'] {
        -webkit-perspective-origin: 50% 0;
        perspective-origin: 50% 0
    }

    [data-effect='pure-effect-scaleUp'] .pure-drawer {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(0, 0, -100%);
        transform: translate3d(0, 0, -100%)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left'] {
            -webkit-transform: translate3d(0, 0, -300px);
            transform: translate3d(0, 0, -300px)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(0, 0, -300px);
        transform: translate3d(0, 0, -300px)
    }
}[data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right'] {
     -webkit-transform: translate3d(100%, 0, -100%);
     transform: translate3d(100%, 0, -100%)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right'] {
            -webkit-transform: translate3d(300px, 0, -300px);
            transform: translate3d(300px, 0, -300px)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(300px, 0, -300px);
        transform: translate3d(300px, 0, -300px)
    }
}[data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top'] {
     -webkit-transform: translate3d(0, 0, -100%);
     transform: translate3d(0, 0, -100%)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top'] {
            -webkit-transform: translate3d(0, 0, -100%);
            transform: translate3d(0, 0, -100%)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(0, 0, -100px);
        transform: translate3d(0, 0, -100px)
    }
}[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
     visibility: visible;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }

    [data-effect='pure-effect-scaleUp'] .pure-pusher-container .pure-pusher {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(300px, 0, 0);
            transform: translate3d(300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
}[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}[data-effect='pure-effect-scaleUp'] .pure-overlay {
     -webkit-transition-delay: 250ms;
     transition-delay: 250ms
 }

    [data-effect='pure-effect-scaleUp'] .pure-overlay, [data-effect='pure-effect-scaleRotate'] .pure-drawer {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    [data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    [data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-effect='pure-effect-scaleRotate'] .pure-pusher-container {
        -webkit-perspective: 1500px;
        perspective: 1500px
    }

    [data-effect='pure-effect-scaleRotate'] .pure-pusher-container .pure-pusher {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
        transform: translate3d(100px, 0, -600px) rotateY(-20deg)
    }

    [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100px, 0, -600px) rotateY(20deg);
        transform: translate3d(100px, 0, -600px) rotateY(20deg)
    }

    [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 0, -100px) rotateX(20deg);
        transform: translate3d(0, 0, -100px) rotateX(20deg)
    }

    [data-effect='pure-effect-scaleRotate'] .pure-overlay {
        -webkit-transition-delay: 250ms;
        transition-delay: 250ms
    }

    [data-effect='pure-effect-scaleRotate'] .pure-overlay, [data-effect='pure-effect-fall'] .pure-drawer {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-fall'] .pure-drawer[data-position='left'], [data-effect='pure-effect-fall'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    [data-effect='pure-effect-fall'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-effect='pure-effect-fall'] .pure-pusher-container .pure-pusher {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(300px, 0, 0);
            transform: translate3d(300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
}[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}[data-effect='pure-effect-fall'] .pure-overlay {
     -webkit-transition-delay: 250ms;
     transition-delay: 250ms
 }

    [data-effect='pure-effect-fall'] .pure-overlay, [data-effect='pure-effect-push'] .pure-drawer {
        -webkit-transition-duration: 50ms;
        transition-duration: 50ms
    }

    [data-effect='pure-effect-push'] .pure-drawer[data-position='left'] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    [data-effect='pure-effect-push'] .pure-drawer[data-position='right'] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    [data-effect='pure-effect-push'] .pure-drawer[data-position='top'] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-effect='pure-effect-push'] .pure-pusher-container .pure-pusher {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms
    }

    [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(300px, 0, 0);
            transform: translate3d(300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }
}[data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}[data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }

    @media only screen and (min-width: 40.063em) {
        [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@media only screen and (min-width: 64.063em) {
    [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}[data-effect='pure-effect-push'] .pure-overlay {
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms;
     -webkit-transition-delay: 250ms;
     transition-delay: 250ms
 }

    [data-effect="pure-effect-bounce"] .pure-drawer {
        z-index: 3;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible
    }

    [data-effect="pure-effect-bounce"] .pure-overlay {
        -webkit-transition-duration: 1000ms;
        transition-duration: 1000ms;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms
    }

    [data-effect="pure-effect-fade"] .pure-drawer {
        z-index: 3;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible
    }

    [data-effect="pure-effect-fade"] .pure-overlay {
        -webkit-transition-duration: 1000ms;
        transition-duration: 1000ms;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms
    }

    [data-effect="pure-effect-flipX"] .pure-drawer {
        z-index: 3;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible
    }

    [data-effect="pure-effect-flipX"] .pure-overlay {
        -webkit-transition-duration: 1000ms;
        transition-duration: 1000ms;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms
    }

    [data-effect="pure-effect-flipY"] .pure-drawer {
        z-index: 3;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible
    }

    [data-effect="pure-effect-flipY"] .pure-overlay {
        -webkit-transition-duration: 1000ms;
        transition-duration: 1000ms;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms
    }

    [data-effect="pure-effect-zoom"] .pure-drawer {
        z-index: 3;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
        visibility: visible
    }

    [data-effect="pure-effect-zoom"] .pure-overlay {
        -webkit-transition-duration: 1000ms;
        transition-duration: 1000ms;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms
    }

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

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    @-webkit-keyframes bounce {
        0%, 20%, 53%, 80%, 100% {
            -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        40%, 43% {
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }
        40%, 43%, 70% {
            -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
            transition-timing-function: cubic-bezier(.755, .05, .855, .06)
        }
        70% {
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }@keyframes bounce {
         0%, 20%, 53%, 80%, 100% {
             -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         40%, 43% {
             -webkit-transform: translate3d(0, -30px, 0);
             transform: translate3d(0, -30px, 0)
         }
         40%, 43%, 70% {
             -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
             transition-timing-function: cubic-bezier(.755, .05, .855, .06)
         }
         70% {
             -webkit-transform: translate3d(0, -15px, 0);
             transform: translate3d(0, -15px, 0)
         }
         90% {
             -webkit-transform: translate3d(0, -4px, 0);
             transform: translate3d(0, -4px, 0)
         }
     }.bounce {
          -webkit-animation-name: bounce;
          animation-name: bounce;
          -webkit-transform-origin: center bottom;
          -ms-transform-origin: center bottom;
          transform-origin: center bottom
      }

    @-webkit-keyframes flash {
        0%, 50%, 100% {
            opacity: 1
        }
        25%, 75% {
            opacity: 0
        }
    }@keyframes flash {
         0%, 50%, 100% {
             opacity: 1
         }
         25%, 75% {
             opacity: 0
         }
     }.flash {
          -webkit-animation-name: flash;
          animation-name: flash
      }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }@keyframes pulse {
         0% {
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1)
         }
         50% {
             -webkit-transform: scale3d(1.05, 1.05, 1.05);
             transform: scale3d(1.05, 1.05, 1.05)
         }
         100% {
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1)
         }
     }.pulse {
          -webkit-animation-name: pulse;
          animation-name: pulse
      }

    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        30% {
            -webkit-transform: scale3d(1.25, .75, 1);
            transform: scale3d(1.25, .75, 1)
        }
        40% {
            -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1)
        }
        50% {
            -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .85, 1)
        }
        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1)
        }
        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1)
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }@keyframes rubberBand {
         0% {
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1)
         }
         30% {
             -webkit-transform: scale3d(1.25, .75, 1);
             transform: scale3d(1.25, .75, 1)
         }
         40% {
             -webkit-transform: scale3d(.75, 1.25, 1);
             transform: scale3d(.75, 1.25, 1)
         }
         50% {
             -webkit-transform: scale3d(1.15, .85, 1);
             transform: scale3d(1.15, .85, 1)
         }
         65% {
             -webkit-transform: scale3d(.95, 1.05, 1);
             transform: scale3d(.95, 1.05, 1)
         }
         75% {
             -webkit-transform: scale3d(1.05, .95, 1);
             transform: scale3d(1.05, .95, 1)
         }
         100% {
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1)
         }
     }.rubberBand {
          -webkit-animation-name: rubberBand;
          animation-name: rubberBand
      }

    @-webkit-keyframes shake {
        0%, 100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }@keyframes shake {
         0%, 100% {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         10%, 30%, 50%, 70%, 90% {
             -webkit-transform: translate3d(-10px, 0, 0);
             transform: translate3d(-10px, 0, 0)
         }
         20%, 40%, 60%, 80% {
             -webkit-transform: translate3d(10px, 0, 0);
             transform: translate3d(10px, 0, 0)
         }
     }.shake {
          -webkit-animation-name: shake;
          animation-name: shake
      }

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }
        100% {
            -webkit-transform: rotate3d(0, 0, 1, 0);
            transform: rotate3d(0, 0, 1, 0)
        }
    }@keyframes swing {
         20% {
             -webkit-transform: rotate3d(0, 0, 1, 15deg);
             transform: rotate3d(0, 0, 1, 15deg)
         }
         40% {
             -webkit-transform: rotate3d(0, 0, 1, -10deg);
             transform: rotate3d(0, 0, 1, -10deg)
         }
         60% {
             -webkit-transform: rotate3d(0, 0, 1, 5deg);
             transform: rotate3d(0, 0, 1, 5deg)
         }
         80% {
             -webkit-transform: rotate3d(0, 0, 1, -5deg);
             transform: rotate3d(0, 0, 1, -5deg)
         }
         100% {
             -webkit-transform: rotate3d(0, 0, 1, 0);
             transform: rotate3d(0, 0, 1, 0)
         }
     }.swing {
          -webkit-transform-origin: top center;
          -ms-transform-origin: top center;
          transform-origin: top center;
          -webkit-animation-name: swing;
          animation-name: swing
      }

    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        10%, 20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        }
        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }
        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }@keyframes tada {
         0% {
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1)
         }
         10%, 20% {
             -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
             transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
         }
         30%, 50%, 70%, 90% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
         }
         40%, 60%, 80% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
         }
         100% {
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1)
         }
     }.tada {
          -webkit-animation-name: tada;
          animation-name: tada
      }

    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: none;
            transform: none
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }
        100% {
            -webkit-transform: none;
            transform: none
        }
    }@keyframes wobble {
         0% {
             -webkit-transform: none;
             transform: none
         }
         15% {
             -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
             transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
         }
         30% {
             -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
             transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
         }
         45% {
             -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
             transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
         }
         60% {
             -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
             transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
         }
         75% {
             -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
             transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
         }
         100% {
             -webkit-transform: none;
             transform: none
         }
     }.wobble {
          -webkit-animation-name: wobble;
          animation-name: wobble
      }

    @-webkit-keyframes bounceIn {
        0%, 20%, 40%, 60%, 80%, 100% {
            -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            transition-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }
        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97)
        }
        100% {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }@keyframes bounceIn {
         0%, 20%, 40%, 60%, 80%, 100% {
             -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             transition-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
         20% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1)
         }
         40% {
             -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9)
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(1.03, 1.03, 1.03);
             transform: scale3d(1.03, 1.03, 1.03)
         }
         80% {
             -webkit-transform: scale3d(.97, .97, .97);
             transform: scale3d(.97, .97, .97)
         }
         100% {
             opacity: 1;
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1)
         }
     }.bounceIn {
          -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
          -webkit-animation-duration: .75s;
          animation-duration: .75s
      }

    @-webkit-keyframes bounceInDown {
        0%, 60%, 75%, 90%, 100% {
            -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            transition-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }
        100% {
            -webkit-transform: none;
            transform: none
        }
    }@keyframes bounceInDown {
         0%, 60%, 75%, 90%, 100% {
             -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             transition-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, -3000px, 0);
             transform: translate3d(0, -3000px, 0)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(0, 25px, 0);
             transform: translate3d(0, 25px, 0)
         }
         75% {
             -webkit-transform: translate3d(0, -10px, 0);
             transform: translate3d(0, -10px, 0)
         }
         90% {
             -webkit-transform: translate3d(0, 5px, 0);
             transform: translate3d(0, 5px, 0)
         }
         100% {
             -webkit-transform: none;
             transform: none
         }
     }.bounceInDown, [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
          -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown
      }

    @-webkit-keyframes bounceInLeft {
        0%, 60%, 75%, 90%, 100% {
            -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            transition-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }
        100% {
            -webkit-transform: none;
            transform: none
        }
    }@keyframes bounceInLeft {
         0%, 60%, 75%, 90%, 100% {
             -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             transition-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-3000px, 0, 0);
             transform: translate3d(-3000px, 0, 0)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(25px, 0, 0);
             transform: translate3d(25px, 0, 0)
         }
         75% {
             -webkit-transform: translate3d(-10px, 0, 0);
             transform: translate3d(-10px, 0, 0)
         }
         90% {
             -webkit-transform: translate3d(5px, 0, 0);
             transform: translate3d(5px, 0, 0)
         }
         100% {
             -webkit-transform: none;
             transform: none
         }
     }.bounceInLeft, [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
          -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft
      }

    @-webkit-keyframes bounceInRight {
        0%, 60%, 75%, 90%, 100% {
            -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            transition-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0)
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0)
        }
        100% {
            -webkit-transform: none;
            transform: none
        }
    }@keyframes bounceInRight {
         0%, 60%, 75%, 90%, 100% {
             -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             transition-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(3000px, 0, 0);
             transform: translate3d(3000px, 0, 0)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(-25px, 0, 0);
             transform: translate3d(-25px, 0, 0)
         }
         75% {
             -webkit-transform: translate3d(10px, 0, 0);
             transform: translate3d(10px, 0, 0)
         }
         90% {
             -webkit-transform: translate3d(-5px, 0, 0);
             transform: translate3d(-5px, 0, 0)
         }
         100% {
             -webkit-transform: none;
             transform: none
         }
     }.bounceInRight, [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
          -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight
      }

    @-webkit-keyframes bounceInUp {
        0%, 60%, 75%, 90%, 100% {
            -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
            transition-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0)
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }@keyframes bounceInUp {
         0%, 60%, 75%, 90%, 100% {
             -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             transition-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, 3000px, 0);
             transform: translate3d(0, 3000px, 0)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(0, -20px, 0);
             transform: translate3d(0, -20px, 0)
         }
         75% {
             -webkit-transform: translate3d(0, 10px, 0);
             transform: translate3d(0, 10px, 0)
         }
         90% {
             -webkit-transform: translate3d(0, -5px, 0);
             transform: translate3d(0, -5px, 0)
         }
         100% {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
     }.bounceInUp {
          -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp
      }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        50%, 55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
    }@keyframes bounceOut {
         20% {
             -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9)
         }
         50%, 55% {
             opacity: 1;
             -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1)
         }
         100% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
     }.bounceOut {
          -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
          -webkit-animation-duration: .75s;
          animation-duration: .75s
      }

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }@keyframes bounceOutDown {
         20% {
             -webkit-transform: translate3d(0, 10px, 0);
             transform: translate3d(0, 10px, 0)
         }
         40%, 45% {
             opacity: 1;
             -webkit-transform: translate3d(0, -20px, 0);
             transform: translate3d(0, -20px, 0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0)
         }
     }.bounceOutDown {
          -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown
      }

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }@keyframes bounceOutLeft {
         20% {
             opacity: 1;
             -webkit-transform: translate3d(20px, 0, 0);
             transform: translate3d(20px, 0, 0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0)
         }
     }.bounceOutLeft, [data-effect="pure-effect-bounce"] .pure-drawer[data-position='left'] {
          -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft
      }

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }@keyframes bounceOutRight {
         20% {
             opacity: 1;
             -webkit-transform: translate3d(-20px, 0, 0);
             transform: translate3d(-20px, 0, 0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0)
         }
     }.bounceOutRight, [data-effect="pure-effect-bounce"] .pure-drawer[data-position='right'] {
          -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight
      }

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }@keyframes bounceOutUp {
         20% {
             -webkit-transform: translate3d(0, -10px, 0);
             transform: translate3d(0, -10px, 0)
         }
         40%, 45% {
             opacity: 1;
             -webkit-transform: translate3d(0, 20px, 0);
             transform: translate3d(0, 20px, 0)
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0)
         }
     }.bounceOutUp, [data-effect="pure-effect-bounce"] .pure-drawer[data-position='top'] {
          -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp
      }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }@keyframes fadeIn {
         0% {
             opacity: 0
         }
         100% {
             opacity: 1
         }
     }.fadeIn {
          -webkit-animation-name: fadeIn;
          animation-name: fadeIn
      }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInDown {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInDown, [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
          -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown
      }

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInDownBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInDownBig {
          -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig
      }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInLeft {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInLeft, [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
          -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft
      }

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInLeftBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInLeftBig {
          -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig
      }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInRight {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInRight, [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
          -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight
      }

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInRightBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInRightBig {
          -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig
      }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInUp {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInUp {
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp
      }

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes fadeInUpBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.fadeInUpBig {
          -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig
      }

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }@keyframes fadeOut {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0
         }
     }.fadeOut {
          -webkit-animation-name: fadeOut;
          animation-name: fadeOut
      }

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@keyframes fadeOutDown {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0)
         }
     }.fadeOutDown {
          -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown
      }

    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }@keyframes fadeOutDownBig {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0)
         }
     }.fadeOutDownBig {
          -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig
      }

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }@keyframes fadeOutLeft {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0)
         }
     }.fadeOutLeft, [data-effect="pure-effect-fade"] .pure-drawer[data-position='left'] {
          -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft
      }

    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }@keyframes fadeOutLeftBig {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0)
         }
     }.fadeOutLeftBig {
          -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig
      }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }@keyframes fadeOutRight {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0)
         }
     }.fadeOutRight, [data-effect="pure-effect-fade"] .pure-drawer[data-position='right'] {
          -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight
      }

    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }@keyframes fadeOutRightBig {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0)
         }
     }.fadeOutRightBig {
          -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig
      }

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }@keyframes fadeOutUp {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0)
         }
     }.fadeOutUp, [data-effect="pure-effect-fade"] .pure-drawer[data-position='top'] {
          -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp
      }

    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }@keyframes fadeOutUpBig {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0)
         }
     }.fadeOutUpBig {
          -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig
      }

    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
        }
        0%, 40% {
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
        }
        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95)
        }
        80%, 100% {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }@keyframes flip {
         0% {
             -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
         }
         0%, 40% {
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out
         }
         40% {
             -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
         }
         50% {
             -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in
         }
         80% {
             -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
             transform: perspective(400px) scale3d(.95, .95, .95)
         }
         80%, 100% {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in
         }
         100% {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
     }.animated.flip {
          -webkit-backface-visibility: visible;
          backface-visibility: visible;
          -webkit-animation-name: flip;
          animation-name: flip
      }

    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
        0%, 40% {
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }
        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }@keyframes flipInX {
         0% {
             -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             opacity: 0
         }
         0%, 40% {
             -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in
         }
         40% {
             -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
         }
         60% {
             -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
             opacity: 1
         }
         80% {
             -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
         }
         100% {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
     }.flipInX, [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-name: flipInX;
          animation-name: flipInX
      }

    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
        0%, 40% {
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }
        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }@keyframes flipInY {
         0% {
             -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             opacity: 0
         }
         0%, 40% {
             -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in
         }
         40% {
             -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
         }
         60% {
             -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
             opacity: 1
         }
         80% {
             -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
         }
         100% {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
     }.flipInY, [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-name: flipInY;
          animation-name: flipInY
      }

    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }@keyframes flipOutX {
         0% {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
         30% {
             -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
             opacity: 1
         }
         100% {
             -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             opacity: 0
         }
     }.flipOutX, [data-effect="pure-effect-flipX"] .pure-drawer[data-position='left'], [data-effect="pure-effect-flipX"] .pure-drawer[data-position='right'], [data-effect="pure-effect-flipX"] .pure-drawer[data-position='top'] {
          -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
          -webkit-animation-duration: .75s;
          animation-duration: .75s;
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important
      }

    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }@keyframes flipOutY {
         0% {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
         30% {
             -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
             opacity: 1
         }
         100% {
             -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             opacity: 0
         }
     }.flipOutY, [data-effect="pure-effect-flipY"] .pure-drawer[data-position='left'], [data-effect="pure-effect-flipY"] .pure-drawer[data-position='right'], [data-effect="pure-effect-flipY"] .pure-drawer[data-position='top'] {
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
          -webkit-animation-duration: .75s;
          animation-duration: .75s
      }

    @-webkit-keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }@keyframes lightSpeedIn {
         0% {
             -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
             transform: translate3d(100%, 0, 0) skewX(-30deg);
             opacity: 0
         }
         60% {
             -webkit-transform: skewX(20deg);
             transform: skewX(20deg);
             opacity: 1
         }
         80% {
             -webkit-transform: skewX(-5deg);
             transform: skewX(-5deg);
             opacity: 1
         }
         100% {
             -webkit-transform: none;
             transform: none;
             opacity: 1
         }
     }.lightSpeedIn {
          -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }

    @-webkit-keyframes lightSpeedOut {
        0% {
            opacity: 1
        }
        100% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }@keyframes lightSpeedOut {
         0% {
             opacity: 1
         }
         100% {
             -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
             transform: translate3d(100%, 0, 0) skewX(30deg);
             opacity: 0
         }
     }.lightSpeedOut {
          -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }

    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }
        0%, 100% {
            -webkit-transform-origin: center;
            transform-origin: center
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }@keyframes rotateIn {
         0% {
             -webkit-transform: rotate3d(0, 0, 1, -200deg);
             transform: rotate3d(0, 0, 1, -200deg);
             opacity: 0
         }
         0%, 100% {
             -webkit-transform-origin: center;
             transform-origin: center
         }
         100% {
             -webkit-transform: none;
             transform: none;
             opacity: 1
         }
     }.rotateIn {
          -webkit-animation-name: rotateIn;
          animation-name: rotateIn
      }

    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
        0%, 100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }@keyframes rotateInDownLeft {
         0% {
             -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
             opacity: 0
         }
         0%, 100% {
             -webkit-transform-origin: left bottom;
             transform-origin: left bottom
         }
         100% {
             -webkit-transform: none;
             transform: none;
             opacity: 1
         }
     }.rotateInDownLeft {
          -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft
      }

    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
        0%, 100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }@keyframes rotateInDownRight {
         0% {
             -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
             opacity: 0
         }
         0%, 100% {
             -webkit-transform-origin: right bottom;
             transform-origin: right bottom
         }
         100% {
             -webkit-transform: none;
             transform: none;
             opacity: 1
         }
     }.rotateInDownRight {
          -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight
      }

    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
        0%, 100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }@keyframes rotateInUpLeft {
         0% {
             -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
             opacity: 0
         }
         0%, 100% {
             -webkit-transform-origin: left bottom;
             transform-origin: left bottom
         }
         100% {
             -webkit-transform: none;
             transform: none;
             opacity: 1
         }
     }.rotateInUpLeft {
          -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft
      }

    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }
        0%, 100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }@keyframes rotateInUpRight {
         0% {
             -webkit-transform: rotate3d(0, 0, 1, -90deg);
             transform: rotate3d(0, 0, 1, -90deg);
             opacity: 0
         }
         0%, 100% {
             -webkit-transform-origin: right bottom;
             transform-origin: right bottom
         }
         100% {
             -webkit-transform: none;
             transform: none;
             opacity: 1
         }
     }.rotateInUpRight {
          -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight
      }

    @-webkit-keyframes rotateOut {
        0% {
            opacity: 1
        }
        0%, 100% {
            -webkit-transform-origin: center;
            transform-origin: center
        }
        100% {
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }@keyframes rotateOut {
         0% {
             opacity: 1
         }
         0%, 100% {
             -webkit-transform-origin: center;
             transform-origin: center
         }
         100% {
             -webkit-transform: rotate3d(0, 0, 1, 200deg);
             transform: rotate3d(0, 0, 1, 200deg);
             opacity: 0
         }
     }.rotateOut {
          -webkit-animation-name: rotateOut;
          animation-name: rotateOut
      }

    @-webkit-keyframes rotateOutDownLeft {
        0% {
            opacity: 1
        }
        0%, 100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom
        }
        100% {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }@keyframes rotateOutDownLeft {
         0% {
             opacity: 1
         }
         0%, 100% {
             -webkit-transform-origin: left bottom;
             transform-origin: left bottom
         }
         100% {
             -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
             opacity: 0
         }
     }.rotateOutDownLeft {
          -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft
      }

    @-webkit-keyframes rotateOutDownRight {
        0% {
            opacity: 1
        }
        0%, 100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom
        }
        100% {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }@keyframes rotateOutDownRight {
         0% {
             opacity: 1
         }
         0%, 100% {
             -webkit-transform-origin: right bottom;
             transform-origin: right bottom
         }
         100% {
             -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
             opacity: 0
         }
     }.rotateOutDownRight {
          -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight
      }

    @-webkit-keyframes rotateOutUpLeft {
        0% {
            opacity: 1
        }
        0%, 100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom
        }
        100% {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }@keyframes rotateOutUpLeft {
         0% {
             opacity: 1
         }
         0%, 100% {
             -webkit-transform-origin: left bottom;
             transform-origin: left bottom
         }
         100% {
             -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
             opacity: 0
         }
     }.rotateOutUpLeft {
          -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft
      }

    @-webkit-keyframes rotateOutUpRight {
        0% {
            opacity: 1
        }
        0%, 100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom
        }
        100% {
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }@keyframes rotateOutUpRight {
         0% {
             opacity: 1
         }
         0%, 100% {
             -webkit-transform-origin: right bottom;
             transform-origin: right bottom
         }
         100% {
             -webkit-transform: rotate3d(0, 0, 1, 90deg);
             transform: rotate3d(0, 0, 1, 90deg);
             opacity: 0
         }
     }.rotateOutUpRight {
          -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight
      }

    @-webkit-keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        20%, 60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg)
        }
        20%, 60%, 40%, 80% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        40%, 80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }@keyframes hinge {
         0% {
             -webkit-transform-origin: top left;
             transform-origin: top left;
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out
         }
         20%, 60% {
             -webkit-transform: rotate3d(0, 0, 1, 80deg);
             transform: rotate3d(0, 0, 1, 80deg)
         }
         20%, 60%, 40%, 80% {
             -webkit-transform-origin: top left;
             transform-origin: top left;
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out
         }
         40%, 80% {
             -webkit-transform: rotate3d(0, 0, 1, 60deg);
             transform: rotate3d(0, 0, 1, 60deg);
             opacity: 1
         }
         100% {
             -webkit-transform: translate3d(0, 700px, 0);
             transform: translate3d(0, 700px, 0);
             opacity: 0
         }
     }.hinge {
          -webkit-animation-name: hinge;
          animation-name: hinge
      }

    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }@keyframes rollIn {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
             transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
         }
         100% {
             opacity: 1;
             -webkit-transform: none;
             transform: none
         }
     }.rollIn {
          -webkit-animation-name: rollIn;
          animation-name: rollIn
      }

    @-webkit-keyframes rollOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }@keyframes rollOut {
         0% {
             opacity: 1
         }
         100% {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
             transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
         }
     }.rollOut {
          -webkit-animation-name: rollOut;
          animation-name: rollOut
      }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        50% {
            opacity: 1
        }
    }@keyframes zoomIn {
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
         50% {
             opacity: 1
         }
     }.zoomIn {
          -webkit-animation-name: zoomIn;
          animation-name: zoomIn
      }

    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }@keyframes zoomInDown {
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19)
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1)
         }
     }.zoomInDown, [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
          -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown
      }

    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }@keyframes zoomInLeft {
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19)
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1)
         }
     }.zoomInLeft, [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
          -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft
      }

    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }@keyframes zoomInRight {
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19)
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1)
         }
     }.zoomInRight, [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
          -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight
      }

    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }@keyframes zoomInUp {
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19)
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1)
         }
     }.zoomInUp {
          -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp
      }

    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1
        }
        50% {
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        50%, 100% {
            opacity: 0
        }
    }@keyframes zoomOut {
         0% {
             opacity: 1
         }
         50% {
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
         50%, 100% {
             opacity: 0
         }
     }.zoomOut {
          -webkit-animation-name: zoomOut;
          animation-name: zoomOut
      }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }@keyframes zoomOutDown {
         40% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19)
         }
         100% {
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
             -webkit-transform-origin: center bottom;
             transform-origin: center bottom;
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1)
         }
     }.zoomOutDown {
          -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown
      }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }@keyframes zoomOutLeft {
         40% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
         }
         100% {
             opacity: 0;
             -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
             transform: scale(.1) translate3d(-2000px, 0, 0);
             -webkit-transform-origin: left center;
             transform-origin: left center
         }
     }.zoomOutLeft, [data-effect="pure-effect-zoom"] .pure-drawer[data-position='left'] {
          -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft
      }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }@keyframes zoomOutRight {
         40% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
         }
         100% {
             opacity: 0;
             -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
             transform: scale(.1) translate3d(2000px, 0, 0);
             -webkit-transform-origin: right center;
             transform-origin: right center
         }
     }.zoomOutRight, [data-effect="pure-effect-zoom"] .pure-drawer[data-position='right'] {
          -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight
      }

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }@keyframes zoomOutUp {
         40% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19)
         }
         100% {
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
             -webkit-transform-origin: center bottom;
             transform-origin: center bottom;
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1)
         }
     }.zoomOutUp, [data-effect="pure-effect-zoom"] .pure-drawer[data-position='top'] {
          -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp
      }

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            visibility: visible
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes slideInDown {
         0% {
             -webkit-transform: translateY(-100%);
             transform: translateY(-100%);
             visibility: visible
         }
         100% {
             -webkit-transform: translateY(0);
             transform: translateY(0)
         }
     }.slideInDown {
          -webkit-animation-name: slideInDown;
          animation-name: slideInDown
      }

    @-webkit-keyframes slideInLeft {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            visibility: visible
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes slideInLeft {
         0% {
             -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
             visibility: visible
         }
         100% {
             -webkit-transform: translateX(0);
             transform: translateX(0)
         }
     }.slideInLeft {
          -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft
      }

    @-webkit-keyframes slideInRight {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            visibility: visible
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes slideInRight {
         0% {
             -webkit-transform: translateX(100%);
             transform: translateX(100%);
             visibility: visible
         }
         100% {
             -webkit-transform: translateX(0);
             transform: translateX(0)
         }
     }.slideInRight {
          -webkit-animation-name: slideInRight;
          animation-name: slideInRight
      }

    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            visibility: visible
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes slideInUp {
         0% {
             -webkit-transform: translateY(100%);
             transform: translateY(100%);
             visibility: visible
         }
         100% {
             -webkit-transform: translateY(0);
             transform: translateY(0)
         }
     }.slideInUp {
          -webkit-animation-name: slideInUp;
          animation-name: slideInUp
      }

    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            visibility: hidden;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }
    }@keyframes slideOutDown {
         0% {
             -webkit-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             visibility: hidden;
             -webkit-transform: translateY(100%);
             transform: translateY(100%)
         }
     }.slideOutDown {
          -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown
      }

    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            visibility: hidden;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
    }@keyframes slideOutLeft {
         0% {
             -webkit-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             visibility: hidden;
             -webkit-transform: translateX(-100%);
             transform: translateX(-100%)
         }
     }.slideOutLeft {
          -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft
      }

    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            visibility: hidden;
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }
    }@keyframes slideOutRight {
         0% {
             -webkit-transform: translateX(0);
             transform: translateX(0)
         }
         100% {
             visibility: hidden;
             -webkit-transform: translateX(100%);
             transform: translateX(100%)
         }
     }.slideOutRight {
          -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight
      }

    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            visibility: hidden;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%)
        }
    }@keyframes slideOutUp {
         0% {
             -webkit-transform: translateY(0);
             transform: translateY(0)
         }
         100% {
             visibility: hidden;
             -webkit-transform: translateY(-100%);
             transform: translateY(-100%)
         }
     }.slideOutUp {
          -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp
      }
}