.loadingPage {
    --f-main-color: #06182b; /* #00937f;*/
    --s-main-color: #CDAB81; /* #005e85;*/
    --t-main-color: white;
    --t-trans-color: #06182b8c; /* #96371968;*/
}
/*.loadingPage {
    --f-main-color: #c34571;*/ /* #00937f;*/
    /*--s-main-color: #7899ce;*/ /* #005e85;*/
    /*--t-main-color: #00af7c;
    --t-trans-color: #975ea39c;*//* #96371968;*/
/*}*/


.loadingPage {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1999;
    opacity: 0.91;
    background-color: var(--t-trans-color);
    top: 0px;
    /* display: table; */
}

.bg-white {
    background: rgba(193, 213, 197, 0.90) !important;
}

.loadingPage .preloader-cycle {
    width: 100%;
    height: 100%;
}

    .loadingPage .preloader-cycle .cycle {
        left: 50%;
        top: 50%;
        width: 350px;
        height: 350px;
        margin-left: -175px;
        margin-top: -139px;
        position: absolute;
    }

.loadingPage .loading-logo {
    /*  left: 50%;
    top: 50%;
    position: absolute;
    width: 150px;
    margin-left: -70px;
    margin-top: -55px;
    font-size: 36px;*/
    left:49%;
    top: 54%;
    position: absolute;
    width: 150px;
    margin-left: -59px;
    margin-top: -30px;
    font-size: 36px;
}

.grow {
    animation-name: ScaleAndFade;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}




.preloader-ring {
    position: relative;
    padding-top: 0.22rem;
    width: 32px;
    height: 32px;
    margin: .625rem;
}

    .preloader-ring > .wrap {
        position: absolute;
        width: 30px;
        height: 30px;
    }

        .preloader-ring > .wrap > .circle {
            opacity: 0;
            width: 30px;
            height: 30px;
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
            -webkit-animation: orbit 4000ms infinite;
            animation: orbit 4000ms infinite;
        }

            .preloader-ring > .wrap > .circle:after {
                position: absolute;
                content: '';
                width: 4px;
                height: 4px;
                border-radius: 4px;
                background: #ffffff;
            }

        .preloader-ring > .wrap:nth-child(2) {
            -webkit-transform: rotate(-14deg);
            transform: rotate(-14deg);
        }

            .preloader-ring > .wrap:nth-child(2) > .circle {
                -webkit-animation-delay: 133.33333333ms;
                animation-delay: 133.33333333ms;
            }

        .preloader-ring > .wrap:nth-child(3) {
            -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
        }

            .preloader-ring > .wrap:nth-child(3) > .circle {
                -webkit-animation-delay: 266.66666667ms;
                animation-delay: 266.66666667ms;
            }

        .preloader-ring > .wrap:nth-child(4) {
            -webkit-transform: rotate(-42deg);
            transform: rotate(-42deg);
        }

            .preloader-ring > .wrap:nth-child(4) > .circle {
                -webkit-animation-delay: 400ms;
                animation-delay: 400ms;
            }

        .preloader-ring > .wrap:nth-child(5) {
            -webkit-transform: rotate(-56deg);
            transform: rotate(-56deg);
        }

            .preloader-ring > .wrap:nth-child(5) > .circle {
                -webkit-animation-delay: 533.33333333ms;
                animation-delay: 533.33333333ms;
            }

    .preloader-ring.dark-style > .wrap > .circle:after {
        background-color: #555555;
    }

    .preloader-ring.color-style > .wrap > .circle:after {
        background-color: #1ba1e2;
    }

    .preloader-ring.color-style > .wrap:nth-child(2) > .circle:after {
        background-color: #fa6800;
    }

    .preloader-ring.color-style > .wrap:nth-child(3) > .circle:after {
        background-color: #60a917;
    }

    .preloader-ring.color-style > .wrap:nth-child(4) > .circle:after {
        background-color: #ce352c;
    }

    .preloader-ring.color-style > .wrap:nth-child(5) > .circle:after {
        background-color: #e3c800;
    }

.preloader-metro {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 10px;
    background-color: transparent;
}

    .preloader-metro > .circle {
        display: inline-block;
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #ffffff;
        opacity: 0;
        margin-left: 5px;
        -webkit-animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
        animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
    }

        .preloader-metro > .circle:nth-child(2) {
            -webkit-animation-delay: .8s;
            animation-delay: .8s;
        }

        .preloader-metro > .circle:nth-child(3) {
            -webkit-animation-delay: .7s;
            animation-delay: .7s;
        }

        .preloader-metro > .circle:nth-child(4) {
            -webkit-animation-delay: .6s;
            animation-delay: .6s;
        }

        .preloader-metro > .circle:nth-child(5) {
            -webkit-animation-delay: .5s;
            animation-delay: .5s;
        }

    .preloader-metro.dark-style > .circle {
        background-color: #555555;
    }

    .preloader-metro.color-style > .circle {
        background-color: #1ba1e2;
    }

        .preloader-metro.color-style > .circle:nth-child(2) {
            background-color: #fa6800;
        }

        .preloader-metro.color-style > .circle:nth-child(3) {
            background-color: #60a917;
        }

        .preloader-metro.color-style > .circle:nth-child(4) {
            background-color: #ce352c;
        }

        .preloader-metro.color-style > .circle:nth-child(5) {
            background-color: #e3c800;
        }

.preloader-square {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-animation: ani-shrink 1s linear infinite;
    animation: ani-shrink 1s linear infinite;
}

    .preloader-square .square {
        position: absolute;
        width: 19px;
        height: 19px;
        background: #ffffff;
    }

        .preloader-square .square:nth-child(1) {
            left: 0;
            top: 21px;
        }

        .preloader-square .square:nth-child(2) {
            left: 21px;
            top: 21px;
            -webkit-animation: ani-drop 1s linear infinite;
            animation: ani-drop 1s linear infinite;
        }

        .preloader-square .square:nth-child(3) {
            left: 0;
            top: 0;
            -webkit-animation: ani-drop2 1s linear infinite;
            animation: ani-drop2 1s linear infinite;
        }

        .preloader-square .square:nth-child(4) {
            left: 21px;
            top: 0;
            -webkit-animation: ani-drop3 1s linear infinite;
            animation: ani-drop3 1s linear infinite;
        }

    .preloader-square.dark-style > .square {
        background-color: #555555;
    }

    .preloader-square.color-style > .square:nth-child(1) {
        background-color: #fa6800;
    }

    .preloader-square.color-style > .square:nth-child(2) {
        background-color: #60a917;
    }

    .preloader-square.color-style > .square:nth-child(3) {
        background-color: #1ba1e2;
    }

    .preloader-square.color-style > .square:nth-child(4) {
        background-color: #e3c800;
    }

.preloader-cycle {
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
}

    .preloader-cycle .cycle {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        width: 64px;
        height: 64px;
        margin: -32px 0 0 -32px;
        border-radius: 50%;
        border: 5px solid transparent;
        border-top-color: #ffffff;
        -webkit-animation: ani-pre-spin 1s linear infinite;
        animation: ani-pre-spin 1s linear infinite;
        z-index: 1001;
    }

        .preloader-cycle .cycle:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            border-radius: 50%;
            border: 4px solid transparent;
            border-top-color: #ffffff;
            -webkit-animation: ani-pre-spin 2s linear infinite;
            animation: ani-pre-spin 2s linear infinite;
        }

        .preloader-cycle .cycle:after {
            content: "";
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border-radius: 50%;
            border: 5px solid transparent;
            border-top-color: #ffffff;
            -webkit-animation: ani-pre-spin 1.5s linear infinite;
            animation: ani-pre-spin 1.5s linear infinite;
        }

    .preloader-cycle.dark-style .cycle {
        border-top-color: #1d1d1d;
    }

        .preloader-cycle.dark-style .cycle:before {
            border-top-color: #1d1d1d;
        }

        .preloader-cycle.dark-style .cycle:after {
            border-top-color: #1d1d1d;
        }

    .preloader-cycle.color-style .cycle {
        border-top-color: var(--f-main-color);
    }

        .preloader-cycle.color-style .cycle:before {
            border-top-color: var(--s-main-color);
        }

        .preloader-cycle.color-style .cycle:after {
            border-top-color: var(--f-main-color);
        }
@keyframes ScaleAndFade {
    from {
        transform: scale(1);
        opacity: 0.5;
    }

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

@keyframes Scale {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}



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

    5% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    10% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    15% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    20% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

    25% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    35% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    40% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    45% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

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

    5% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    10% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    15% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    20% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

    25% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    35% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    40% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    45% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

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

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

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

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

@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(10px) rotate(-90deg);
        transform: translateX(10px) rotate(-90deg);
    }

    50% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
        transform: translateX(10px) translateY(10px) rotate(-179deg);
    }

    50.1% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
        transform: translateX(10px) translateY(10px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
        transform: translateX(0px) translateY(10px) rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes cubemove {
    25% {
        -webkit-transform: translateX(10px) rotate(-90deg);
        transform: translateX(10px) rotate(-90deg);
    }

    50% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
        transform: translateX(10px) translateY(10px) rotate(-179deg);
    }

    50.1% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
        transform: translateX(10px) translateY(10px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
        transform: translateX(0px) translateY(10px) rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    7% {
        -webkit-transform: rotate(345deg);
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    35% {
        -webkit-transform: rotate(495deg);
        transform: rotate(495deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    42% {
        -webkit-transform: rotate(690deg);
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(835deg);
        transform: rotate(835deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    76% {
        opacity: 1;
    }

    77% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    78% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }
}

@keyframes orbit {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    7% {
        -webkit-transform: rotate(345deg);
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    35% {
        -webkit-transform: rotate(495deg);
        transform: rotate(495deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    42% {
        -webkit-transform: rotate(690deg);
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(835deg);
        transform: rotate(835deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    76% {
        opacity: 1;
    }

    77% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    78% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }
}

@-webkit-keyframes metro-slide {
    0% {
        left: -50%;
    }

    100% {
        left: 150%;
    }
}

@keyframes metro-slide {
    0% {
        left: -50%;
    }

    100% {
        left: 150%;
    }
}

@-webkit-keyframes metro-opacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes metro-opacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes ani-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes ani-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes ani-pulse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes ani-pulse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes ani-wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ani-wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes ani-ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ani-ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes ani-vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

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

    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ani-vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

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

    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ani-horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ani-horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ani-flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes ani-flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes ani-bounce {
    0%, 10%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes ani-bounce {
    0%, 10%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes ani-float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ani-float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes ani-heartbeat {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes ani-heartbeat {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@-webkit-keyframes ani-shuttle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }

    30%, 50%, 70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }

    40%, 60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }

    80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes ani-shuttle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }

    30%, 50%, 70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }

    40%, 60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }

    80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes ani-pass {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes ani-pass {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes ani-ripple {
    0% {
        opacity: .6;
    }

    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes ani-ripple {
    0% {
        opacity: .6;
    }

    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ani-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes ani-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@-webkit-keyframes ani-drop {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    25% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes ani-drop {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    25% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@-webkit-keyframes ani-drop2 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes ani-drop2 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@-webkit-keyframes ani-drop3 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    75% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes ani-drop3 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    75% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@-webkit-keyframes ani-pre-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ani-pre-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ani-bg-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes ani-bg-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}