.anim,
.footer .ft {
    visibility: hidden;
    text-align: left
}

.slide {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible
}

.slide.animation1 {
    animation-duration: .5s;
    -webkit-animation-duration: .5s
}

.slide.animation2 {
    animation-duration: 1s;
    -webkit-animation-duration: 1s
}

.slide.animation3 {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s
}

.slide.animation4 {
    animation-duration: 2s;
    -webkit-animation-duration: 2s
}

.footer .ft.slide {
    visibility: visible
}

.slide {
    animation-name: slideUp;
    -webkit-animation-name: slideUp
}

.Agotop {
    animation-name: Agotop;
    -webkit-animation-name: Agotop;
    animation-duration: 2s;
    -webkit-animation-duration: 2s
}

.aTop.slide {
    animation-name: slideTop;
    -webkit-animation-name: slideTop
}

.aLeft.slide {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft
}

.aRight.slide {
    animation-name: slideRight;
    -webkit-animation-name: slideRight
}

.slideBox2 .slide {
    animation-name: slideAno;
    -webkit-animation-name: slideAno
}

.scaleIn.slide {
    -webkit-animation: 3s scaleIn cubic-bezier(.215, .61, .355, 1) 1;
    animation: 3s scaleIn cubic-bezier(.215, .61, .355, 1) 1
}

.slide.slideOp {
    animation-name: slideOp;
    -webkit-animation-name: slideOp;
    animation-duration: 3s;
    -webkit-animation-duration: 3s
}

.bd .slide.slideOp {
    animation-duration: 1s;
    -webkit-animation-duration: 1s
}

.slideFt.ft:nth-of-type(1) {
    animation-delay: 0s
}

.slideFt.ft:nth-of-type(2) {
    animation-delay: .2s
}

.slideFt.ft:nth-of-type(3) {
    animation-delay: .5s
}

.slideFt {
    opacity: 0;
    animation: slideFt 1s forwards
}

@keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%)
    }
}

@keyframes slideOp {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes slideOp {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes slideTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes slideTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%)
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideAno {
    0% {
        -webkit-transform: translateY(80%)
    }
    0%,
    to {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes slideAno {
    0% {
        -webkit-transform: translateY(80%)
    }
    0%,
    to {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes wheel_anim {
    0% {
        bottom: -5px
    }
    20% {
        bottom: 3px
    }
    30% {
        bottom: -5px
    }
    50% {
        bottom: 3px
    }
    60% {
        bottom: -5px
    }
    to {
        bottom: 3px
    }
}

@keyframes wheel_anim {
    0% {
        bottom: -5px
    }
    20% {
        bottom: 3px
    }
    30% {
        bottom: -5px
    }
    50%,
    60%,
    to {
        bottom: 0
    }
}

@-webkit-keyframes updown {
    0% {
        left: -5px
    }
    20% {
        left: 3px
    }
    30% {
        left: -5px
    }
    50% {
        left: 3px
    }
    60% {
        left: -5px
    }
    to {
        left: 3px
    }
}

@keyframes updown {
    0% {
        left: -5px
    }
    20% {
        left: 3px
    }
    30% {
        left: -5px
    }
    50%,
    60%,
    to {
        left: 0
    }
}

@-webkit-keyframes scaleIn {
    0% {
        transform: scale(1.12);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(1.12);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-webkit-keyframes scaleIna {
    0% {
        transform: scale(1.12);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scaleIna {
    0% {
        transform: scale(1.12);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }
}

@-webkit-keyframes scaleUp {
    0% {
        background-position: 50% -60px
    }
    0%,
    to {
        background-size: cover
    }
    to {
        background-position: 50% 0
    }
}

@keyframes slideFt {
    60% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes line {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes line {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@-webkit-keyframes Agotop {
    0%,
    30% {
        top: 5pc
    }
    to {
        top: -20px
    }
}

@keyframes Agotop {
    0%,
    30% {
        top: 5pc
    }
    to {
        top: -20px
    }
}

@-webkit-keyframes ftapp {
    0% {
        right: -200px
    }
    to {
        right: -185px
    }
}

@keyframes ftapp {
    0% {
        right: -200px
    }
    to {
        right: -185px
    }
}

@-webkit-keyframes goTopapp {
    0% {
        -webkit-transform: scale(.8)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes goTopapp {
    0% {
        transform: scale(.8)
    }
    to {
        transform: scale(1)
    }
}

/*0% {*/
    /*opacity: 0;*/
    /*-webkit-transform: translateY(70%)*/
/*}*/

to {
    opacity: 1;
    -webkit-transform: translateY(0%)
}

@keyframes rlSlide {
    0% {
        background-position: 0 0
    }
    50% {
        background-position: -5in 0
    }
}

@-webkit-keyframes rlSlide {
    0%,
    to {
        background-position: 0 0
    }
    50% {
        background-position: -5in 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes upArrow {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    75% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@-webkit-keyframes upArrow {
    0%,
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    75% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes lrArrow {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    75% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}

@-webkit-keyframes lrArrow {
    0%,
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    75% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.510, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.510, 0.355, 1.000)
    }
    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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.510, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.510, 0.355, 1.000)
    }
    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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.loadEffect {
    width: 75pt;
    height: 75pt;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -50px
}

.loadEffect span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #90ee90;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.3);
        opacity: .5
    }
}

.loadEffect span:nth-child(1) {
    left: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-animation-delay: .13s
}

.loadEffect span:nth-child(2) {
    left: 14px;
    top: 14px;
    -webkit-animation-delay: .26s
}

.loadEffect span:nth-child(3) {
    left: 50%;
    top: 0;
    margin-left: -10px;
    -webkit-animation-delay: .39s
}

.loadEffect span:nth-child(4) {
    top: 14px;
    right: 14px;
    -webkit-animation-delay: .52s
}

.loadEffect span:nth-child(5) {
    right: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-animation-delay: .65s
}

.loadEffect span:nth-child(6) {
    right: 14px;
    bottom: 14px;
    -webkit-animation-delay: .78s
}

.loadEffect span:nth-child(7) {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    -webkit-animation-delay: .91s
}

.loadEffect span:nth-child(8) {
    bottom: 14px;
    left: 14px;
    -webkit-animation-delay: 1.04s
}