@media screen and (min-width:980px) {
    div.t-animate[data-animate-style=fadein],
    div.t-animate[data-animate-style=fadeindown],
    div.t-animate[data-animate-style=fadeinleft],
    div.t-animate[data-animate-style=fadeinright],
    div.t-animate[data-animate-style=fadeinup],
    div.t-animate[data-animate-style=zoomin],
    div.t-animate[data-animate-style=zoomout] {
        opacity: 0;
        -webkit-transition-property: opacity, transform;
        transition-property: opacity, transform;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    div.t-title.t-animate {
        -webkit-transition-duration: 1.2s;
        transition-duration: 1.2s
    }
    div.t-descr.t-animate,
    div.t-subtitle.t-animate,
    div.t-text.t-animate,
    div.t-uptitle.t-animate {
        -webkit-transition-duration: .7s;
        transition-duration: .7s
    }
    div.t-item.t-animate {
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }
    div.t-animate_started[data-animate-style=fadein] {
        opacity: 1
    }
    div.t-animate[data-animate-style=fadeinup] {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
    div.t-animate_started[data-animate-style=fadeinup] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    div.t-animate[data-animate-style=fadeindown] {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
    div.t-animate_started[data-animate-style=fadeindown] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    div.t-animate[data-animate-style=fadeinleft] {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
    div.t-animate_started[data-animate-style=fadeinleft] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    div.t-animate[data-animate-style=fadeinright] {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
    div.t-animate_started[data-animate-style=fadeinright] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    div.t-animate[data-animate-style=zoomin] {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    div.t-animate_started[data-animate-style=zoomin] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    div.t-animate[data-animate-style=zoomout] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    div.t-animate_started[data-animate-style=zoomout] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .t-animate_started[data-animate-scale],
    div.t-animate_started[data-animate-distance] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

.t396 .t-animate[data-animate-style=fadein],
.t396 .t-animate[data-animate-style=fadeindown],
.t396 .t-animate[data-animate-style=fadeinleft],
.t396 .t-animate[data-animate-style=fadeinright],
.t396 .t-animate[data-animate-style=fadeinup],
.t396 .t-animate[data-animate-style=zoomin],
.t396 .t-animate[data-animate-style=zoomout] {
    opacity: 0;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (min-width:960px) and (max-width:1199px) {
    .t396 .t-animate[data-animate-style-res-960=fadein],
    .t396 .t-animate[data-animate-style-res-960=fadeindown],
    .t396 .t-animate[data-animate-style-res-960=fadeinleft],
    .t396 .t-animate[data-animate-style-res-960=fadeinright],
    .t396 .t-animate[data-animate-style-res-960=fadeinup],
    .t396 .t-animate[data-animate-style-res-960=zoomin],
    .t396 .t-animate[data-animate-style-res-960=zoomout] {
        opacity: 0;
        -webkit-transition-property: opacity, transform;
        transition-property: opacity, transform;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    .t396 .t-animate[data-animate-style-res-640=fadein],
    .t396 .t-animate[data-animate-style-res-640=fadeindown],
    .t396 .t-animate[data-animate-style-res-640=fadeinleft],
    .t396 .t-animate[data-animate-style-res-640=fadeinright],
    .t396 .t-animate[data-animate-style-res-640=fadeinup],
    .t396 .t-animate[data-animate-style-res-640=zoomin],
    .t396 .t-animate[data-animate-style-res-640=zoomout] {
        opacity: 0;
        -webkit-transition-property: opacity, transform;
        transition-property: opacity, transform;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .t396 .t-animate[data-animate-style-res-480=fadein],
    .t396 .t-animate[data-animate-style-res-480=fadeindown],
    .t396 .t-animate[data-animate-style-res-480=fadeinleft],
    .t396 .t-animate[data-animate-style-res-480=fadeinright],
    .t396 .t-animate[data-animate-style-res-480=fadeinup],
    .t396 .t-animate[data-animate-style-res-480=zoomin],
    .t396 .t-animate[data-animate-style-res-480=zoomout] {
        opacity: 0;
        -webkit-transition-property: opacity, transform;
        transition-property: opacity, transform;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media screen and (max-width:479px) {
    .t396 .t-animate[data-animate-style-res-320=fadein],
    .t396 .t-animate[data-animate-style-res-320=fadeindown],
    .t396 .t-animate[data-animate-style-res-320=fadeinleft],
    .t396 .t-animate[data-animate-style-res-320=fadeinright],
    .t396 .t-animate[data-animate-style-res-320=fadeinup],
    .t396 .t-animate[data-animate-style-res-320=zoomin],
    .t396 .t-animate[data-animate-style-res-320=zoomout] {
        opacity: 0;
        -webkit-transition-property: opacity, transform;
        transition-property: opacity, transform;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

.t396 .t-title.t-animate {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

.t396 .t-descr.t-animate,
.t396 .t-subtitle.t-animate,
.t396 .t-text.t-animate,
.t396 .t-uptitle.t-animate {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

.t396 .t-item.t-animate {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.t396 .t-animate[data-animate-style=fadein] {
    opacity: 0;
    transform: none
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate[data-animate-style-res-960=fadein] {
        opacity: 0;
        transform: none
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate[data-animate-style-res-640=fadein] {
        opacity: 0;
        transform: none
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate[data-animate-style-res-480=fadein] {
        opacity: 0;
        transform: none
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate[data-animate-style-res-320=fadein] {
        opacity: 0;
        transform: none
    }
}

.t396 .t-animate_started[data-animate-style=fadein] {
    opacity: 1
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-960=fadein] {
        opacity: 1
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-640=fadein] {
        opacity: 1
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-480=fadein] {
        opacity: 1
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-320=fadein] {
        opacity: 1
    }
}

.t396 .t-animate[data-animate-style=fadeinup] {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate[data-animate-style-res-960=fadeinup] {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate[data-animate-style-res-640=fadeinup] {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate[data-animate-style-res-480=fadeinup] {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate[data-animate-style-res-320=fadeinup] {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }
}

.t396 .t-animate_started[data-animate-style=fadeinup] {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-960=fadeinup] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-640=fadeinup] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-480=fadeinup] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-320=fadeinup] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.t396 .t-animate[data-animate-style=fadeindown] {
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate[data-animate-style-res-960=fadeindown] {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate[data-animate-style-res-640=fadeindown] {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate[data-animate-style-res-480=fadeindown] {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate[data-animate-style-res-320=fadeindown] {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px)
    }
}

.t396 .t-animate_started[data-animate-style=fadeindown] {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-960=fadeindown] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-640=fadeindown] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-480=fadeindown] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-320=fadeindown] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.t396 .t-animate[data-animate-style=fadeinleft] {
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate[data-animate-style-res-960=fadeinleft] {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate[data-animate-style-res-640=fadeinleft] {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate[data-animate-style-res-480=fadeinleft] {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate[data-animate-style-res-320=fadeinleft] {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}

.t396 .t-animate_started[data-animate-style=fadeinleft] {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-960=fadeinleft] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-640=fadeinleft] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-480=fadeinleft] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-320=fadeinleft] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.t396 .t-animate[data-animate-style=fadeinright] {
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate[data-animate-style-res-960=fadeinright] {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate[data-animate-style-res-640=fadeinright] {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate[data-animate-style-res-480=fadeinright] {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate[data-animate-style-res-320=fadeinright] {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
}

.t396 .t-animate_started[data-animate-style=fadeinright] {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-960=fadeinright] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-640=fadeinright] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-480=fadeinright] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-320=fadeinright] {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.t396 .t-animate[data-animate-style=zoomin] {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate[data-animate-style-res-960=zoomin] {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate[data-animate-style-res-640=zoomin] {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate[data-animate-style-res-480=zoomin] {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate[data-animate-style-res-320=zoomin] {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.t396 .t-animate_started[data-animate-style=zoomin] {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-960=zoomin] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-640=zoomin] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-480=zoomin] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-320=zoomin] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.t396 .t-animate[data-animate-style=zoomout] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate[data-animate-style-res-960=zoomout] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate[data-animate-style-res-640=zoomout] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate[data-animate-style-res-480=zoomout] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate[data-animate-style-res-320=zoomout] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.t396 .t-animate_started[data-animate-style=zoomout] {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-960=zoomout] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-640=zoomout] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-480=zoomout] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-style-res-320=zoomout] {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.t396 .t-animate_started[data-animate-distance],
.t396 .t-animate_started[data-animate-scale] {
    -webkit-transform: none !important;
    transform: none !important
}

@media screen and (min-width:960px) and (max-width:1199px) {
    #allrecords .t396 .t-animate_started[data-animate-distance-res-960],
    #allrecords .t396 .t-animate_started[data-animate-scale-res-960] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #allrecords .t396 .t-animate_started[data-animate-distance-res-640],
    #allrecords .t396 .t-animate_started[data-animate-scale-res-640] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #allrecords .t396 .t-animate_started[data-animate-distance-res-480],
    #allrecords .t396 .t-animate_started[data-animate-scale-res-480] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media screen and (max-width:479px) {
    #allrecords .t396 .t-animate_started[data-animate-distance-res-320],
    #allrecords .t396 .t-animate_started[data-animate-scale-res-320] {
        -webkit-transform: none !important;
        transform: none !important
    }
}