﻿
.item_animated_block {
    position: relative
}

.item_anim_blurout, .item_animate_fadein, .item_animate_scalein, .item_animate-rotatein {
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    width: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.anim_almost_show {
    opacity: 0
}

    .anim_almost_show:not(.anim_start) {
        -webkit-animation: none;
        -o-animation: none;
        animation: none;
        filter: blur(0);
    }

.anim_blur {
    -webkit-animation: anim_midblur 0.7s 1 ease-in-out;
    -o-animation: anim_midblur 0.7s 1 ease-in-out;
    animation: anim_midblur 0.7s 1 ease-in-out
}

.anim_right2down, .anim_right-tp-down {
    -webkit-animation: anim_r2d 0.7s 1 ease-in-out;
    -o-animation: anim_r2d 0.7s 1 ease-in-out;
    animation: anim_r2d 0.7s 1 ease-in-out
}

.anim_top2down, .anim_top-tp-down {
    -webkit-animation: anim_t2d 0.7s 1 ease-in-out;
    -o-animation: anim_t2d 0.7s 1 ease-in-out;
    animation: anim_t2d 0.7s 1 ease-in-out
}

    .anim_top2down.anim_blur {
        -webkit-animation: anim_t2d_blur 0.7s 1 ease-in-out;
        -o-animation: anim_t2d_blur 0.7s 1 ease-in-out;
        animation: anim_t2d_blur 0.7s 1 ease-in-out
    }

.anim_left2down, .anim_left-tp-down {
    -webkit-animation: anim_l2d 0.7s 1 ease-in-out;
    -o-animation: anim_l2d 0.7s 1 ease-in-out;
    animation: anim_l2d 0.7s 1 ease-in-out
}

.anim_left2right, .anim_left-to-right {
    -webkit-animation: anim_l2r 0.7s 1 ease-in-out;
    -o-animation: anim_l2r 0.7s 1 ease-in-out;
    animation: anim_l2r 0.7s 1 ease-in-out
}

    .anim_left2right.anim_blur, .anim_left-to-right.anim_blur {
        -webkit-animation: anim_l2r_blur 0.7s 1 ease-in-out;
        -o-animation: anim_l2r_blur 0.7s 1 ease-in-out;
        animation: anim_l2r_blur 0.7s 1 ease-in-out
    }

.anim_right2left, .anim_right-to-left {
    -webkit-animation: anim_r2l 0.7s 1 ease-in-out;
    -o-animation: anim_r2l 0.7s 1 ease-in-out;
    animation: anim_r2l 0.7s 1 ease-in-out
}

    .anim_right2left.anim_blur, .anim_right-to-left.anim_blur {
        -webkit-animation: anim_r2l_blur 0.7s 1 ease-in-out;
        -o-animation: anim_r2l_blur 0.7s 1 ease-in-out;
        animation: anim_r2l_blur 0.7s 1 ease-in-out
    }

.anim_right2up, .anim_right-to-up {
    -webkit-animation: anim_r2u 0.7s 1 ease-in-out;
    -o-animation: anim_r2u 0.7s 1 ease-in-out;
    animation: anim_r2u 0.7s 1 ease-in-out
}

.anim_bottom2up, .anim_bottom-to-up {
    -webkit-animation: anim_b2u 0.7s 1 ease-in-out;
    -o-animation: anim_b2u 0.7s 1 ease-in-out;
    animation: anim_b2u 0.7s 1 ease-in-out
}

    .anim_bottom2up.anim_blur {
        -webkit-animation: anim_b2u_blur 0.7s 1 ease-in-out;
        -o-animation: anim_b2u_blur 0.7s 1 ease-in-out;
        animation: anim_b2u_blur 0.7s 1 ease-in-out
    }

.anim_left2up, .anim_left-to-up {
    -webkit-animation: anim_l2u 0.7s 1 ease-in-out;
    -o-animation: anim_l2u 0.7s 1 ease-in-out;
    animation: anim_l2u 0.7s 1 ease-in-out
}

.showup, .anim_showup {
    -webkit-animation: anim_showup 0.7s 1 ease-in-out;
    -o-animation: anim_showup 0.7s 1 ease-in-out;
    animation: anim_showup 0.7s 1 ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.anim_start {
    opacity: 1
}

@-webkit-keyframes anim_r2d {
    0% {
        -webkit-transform: translate(-25%, -25%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes anim_r2d {
    0% {
        -moz-transform: translate(-25%, -25%);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes anim_r2d {
    0% {
        -o-transform: translate(-25%, -25%);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes anim_r2d {
    0% {
        -webkit-transform: translate(-25%, -25%);
        -ms-transform: translate(-25%, -25%);
        -o-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes anim_t2d {
    0% {
        -webkit-transform: translate(0, -25%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes anim_t2d {
    0% {
        -moz-transform: translate(0, -25%);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes anim_t2d {
    0% {
        -o-transform: translate(0, -25%);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes anim_t2d {
    0% {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes anim_t2d_blur {
    0% {
        -webkit-transform: translate(0, -25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-moz-keyframes anim_t2d_blur {
    0% {
        -moz-transform: translate(0, -25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-o-keyframes anim_t2d_blur {
    0% {
        -o-transform: translate(0, -25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes anim_t2d_blur {
    0% {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes anim_l2d {
    0% {
        -webkit-transform: translate(25%, -25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-moz-keyframes anim_l2d {
    0% {
        -moz-transform: translate(25%, -25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-o-keyframes anim_l2d {
    0% {
        -o-transform: translate(25%, -25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes anim_l2d {
    0% {
        -webkit-transform: translate(25%, -25%);
        -ms-transform: translate(25%, -25%);
        -o-transform: translate(25%, -25%);
        transform: translate(25%, -25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes anim_r2u {
    0% {
        -webkit-transform: translate(-25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-moz-keyframes anim_r2u {
    0% {
        -moz-transform: translate(-25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-o-keyframes anim_r2u {
    0% {
        -o-transform: translate(-25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes anim_r2u {
    0% {
        -webkit-transform: translate(-25%, 25%);
        -ms-transform: translate(-25%, 25%);
        -o-transform: translate(-25%, 25%);
        transform: translate(-25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes anim_b2u {
    0% {
        -webkit-transform: translate(0, 25%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes anim_b2u {
    0% {
        -moz-transform: translate(0, 25%);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes anim_b2u {
    0% {
        -o-transform: translate(0, 25%);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes anim_b2u {
    0% {
        -webkit-transform: translate(0, 25%);
        -ms-transform: translate(0, 25%);
        -o-transform: translate(0, 25%);
        transform: translate(0, 25%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes anim_b2u_blur {
    0% {
        -webkit-transform: translate(0, 25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-moz-keyframes anim_b2u_blur {
    0% {
        -moz-transform: translate(0, 25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-o-keyframes anim_b2u_blur {
    0% {
        -o-transform: translate(0, 25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes anim_b2u_blur {
    0% {
        -webkit-transform: translate(0, 25%);
        -ms-transform: translate(0, 25%);
        -o-transform: translate(0, 25%);
        transform: translate(0, 25%);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes anim_l2u {
    0% {
        -webkit-transform: translate(25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-moz-keyframes anim_l2u {
    0% {
        -moz-transform: translate(25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-o-keyframes anim_l2u {
    0% {
        -o-transform: translate(25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes anim_l2u {
    0% {
        -webkit-transform: translate(25%, 25%);
        -ms-transform: translate(25%, 25%);
        -o-transform: translate(25%, 25%);
        transform: translate(25%, 25%);
        filter: blur(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes anim_l2r {
    0% {
        -webkit-transform: translate(25%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes anim_l2r {
    0% {
        -moz-transform: translate(25%, 0);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes anim_l2r {
    0% {
        -o-transform: translate(25%, 0);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes anim_l2r {
    0% {
        -webkit-transform: translate(25%, 0);
        -ms-transform: translate(25%, 0);
        -o-transform: translate(-25%, 0);
        transform: translate(-25%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes anim_l2r_blur {
    0% {
        -webkit-transform: translate(25%, 0);
        opacity: 0;
        filter: blur(16px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
        filter: blur(0)
    }
}

@-moz-keyframes anim_l2r_blur {
    0% {
        -moz-transform: translate(25%, 0);
        opacity: 0;
        filter: blur(16px)
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
        filter: blur(0)
    }
}

@-o-keyframes anim_l2r_blur {
    0% {
        -o-transform: translate(25%, 0);
        opacity: 0;
        filter: blur(16px)
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
        filter: blur(0)
    }
}

@keyframes anim_l2r_blur {
    0% {
        -webkit-transform: translate(25%, 0);
        -ms-transform: translate(25%, 0);
        -o-transform: translate(-25%, 0);
        transform: translate(-25%, 0);
        opacity: 0;
        filter: blur(16px)
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: blur(0)
    }
}

@-webkit-keyframes anim_r2l {
    0% {
        -webkit-transform: translate(25%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes anim_r2l {
    0% {
        -moz-transform: translate(25%, 0);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes anim_r2l {
    0% {
        -o-transform: translate(25%, 0);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes anim_r2l {
    0% {
        -webkit-transform: translate(25%, 0);
        -ms-transform: translate(25%, 0);
        -o-transform: translate(25%, 0);
        transform: translate(25%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes anim_r2l_blur {
    0% {
        -webkit-transform: translate(25%, 0);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-moz-keyframes anim_r2l_blur {
    0% {
        -moz-transform: translate(25%, 0);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-o-keyframes anim_r2l_blur {
    0% {
        -o-transform: translate(25%, 0);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes anim_r2l_blur {
    0% {
        -webkit-transform: translate(25%, 0);
        -ms-transform: translate(25%, 0);
        -o-transform: translate(25%, 0);
        transform: translate(25%, 0);
        filter: blur(16px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes anim_showup {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0.1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes anim_showup {
    0% {
        -moz-transform: scale(0.5);
        opacity: 0.1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@-o-keyframes anim_showup {
    0% {
        -o-transform: scale(0.5);
        opacity: 0.1
    }

    100% {
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes anim_showup {
    0% {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.1
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes anim_midblur {
    0% {
        filter: blur(10px);
        opacity: 0
    }

    100% {
        filter: blur(0);
        opacity: 1
    }
}

@-moz-keyframes anim_midblur {
    0% {
        filter: blur(10px);
        opacity: 0
    }

    100% {
        filter: blur(0);
        opacity: 1
    }
}

@-o-keyframes anim_midblur {
    0% {
        filter: blur(10px);
        opacity: 0
    }

    100% {
        filter: blur(0);
        opacity: 1
    }
}

@keyframes anim_midblur {
    0% {
        filter: blur(10px);
        opacity: 0
    }

    100% {
        filter: blur(0);
        opacity: 1
    }
}
