.anim-1,
.anim-2,
.anim-3,
.anim-4,
.anim-5,
.anim-6,
.anim-7,
.anim-8,
.anim-9,
.anim-10,
.anim-11,
.anim-12 {
    -webkit-transform: translateY(100px) translateX(0);
    -moz-transform: translateY(100px) translateX(0);
    transform: translateY(100px) translateX(0);
    opacity: 0;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.anim-1 {
    -webkit-transition: transform .8s, opacity .8s;
    -moz-transition: transform .8s, opacity .8s;
    -o-transition: transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s;
}

.anim-2 {
    -webkit-transition: transform 1s, opacity 1s;
    -moz-transition: transform 1s, opacity 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
}

.anim-3 {
    -webkit-transition: transform 1.2s, opacity 1.2s;
    -moz-transition: transform 1.2s, opacity 1.2s;
    -o-transition: transform 1.2s, opacity 1.2s;
    transition: transform 1.2s, opacity 1.2s;
}

.anim-4 {
    -webkit-transition: transform 1.4s, opacity 1.4s;
    -moz-transition: transform 1.4s, opacity 1.4s;
    -o-transition: transform 1.4s, opacity 1.4s;
    transition: transform 1.4s, opacity 1.4s;
}

.anim-5 {
    -webkit-transition: transform 1.6s, opacity 1.6s;
    -moz-transition: transform 1.6s, opacity 1.6s;
    -o-transition: transform 1.6s, opacity 1.6s;
    transition: transform 1.6s, opacity 1.6s;
}

.anim-6 {
    -webkit-transition: transform 1.8s, opacity 1.8s;
    -moz-transition: transform 1.8s, opacity 1.8s;
    -o-transition: transform 1.8s, opacity 1.8s;
    transition: transform 1.8s, opacity 1.8s;
}

.anim-7 {
    -webkit-transition: transform 2s, opacity 2s;
    -moz-transition: transform 2s, opacity 2s;
    -o-transition: transform 2s, opacity 2s;
    transition: transform 2s, opacity 2s;
}

.anim-8 {
    -webkit-transition: transform 2.2s, opacity 2.2s;
    -moz-transition: transform 2.2s, opacity 2.2s;
    -o-transition: transform 2.2s, opacity 2.2s;
    transition: transform 2.2s, opacity 2.2s;
}

.anim-9 {
    -webkit-transition: transform 2.4s, opacity 2.4s;
    -moz-transition: transform 2.4s, opacity 2.4s;
    -o-transition: transform 2.4s, opacity 2.4s;
    transition: transform 2.4s, opacity 2.4s;
}

.anim-10 {
    -webkit-transition: transform 2.6s, opacity 2.6s;
    -moz-transition: transform 2.6s, opacity 2.6s;
    -o-transition: transform 2.6s, opacity 2.6s;
    transition: transform 2.6s, opacity 2.6s;
}

.anim-11 {
    -webkit-transition: transform 2.8s, opacity 2.8s;
    -moz-transition: transform 2.8s, opacity 2.8s;
    -o-transition: transform 2.8s, opacity 2.8s;
    transition: transform 2.8s, opacity 2.8s;
}

.anim-12 {
    -webkit-transition: transform 3.0s, opacity 3.0s;
    -moz-transition: transform 3.0s, opacity 3.0s;
    -o-transition: transform 3.0s, opacity 3.0s;
    transition: transform 3.0s, opacity 3.0s;
}

.anim-show {
    -webkit-transform: translateY(0px) translateX(0);
    -moz-transform: translateY(0px) translateX(0);
    transform: translateY(0px) translateX(0);
    opacity: 1;
}

.anim-show .imgsa1 {
    animation: mymove8 0.6s;
    -webkit-animation: mymove8 0.6s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0.1s;
}

.anim-show .imgsa2 {
    animation: mymove7 0.6s;
    -webkit-animation: mymove7 0.6s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0.1s;
}

.anim-list .anim-1 {
    -webkit-transition: transform .5s, opacity .5s;
    -moz-transition: transform .5s, opacity .5s;
    -o-transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
}

.anim-list .anim-2 {
    -webkit-transition: transform .6s, opacity .6s;
    -moz-transition: transform .6s, opacity .6s;
    -o-transition: transform .6s, opacity .6s;
    transition: transform .7s, opacity .7s;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes mymove7 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(40%);
        -moz-transform: translateY(0) translateX(40%);
        transform: translateY(0) translateX(40%);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }
    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}

@-webkit-keyframes mymove7 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(40%);
        -moz-transform: translateY(0) translateX(40%);
        transform: translateY(0) translateX(40%);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }
    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}

@keyframes mymove8 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(-40%);
        -moz-transform: translateY(0) translateX(-40%);
        transform: translateY(0) translateX(-40%);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }
    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}

@-webkit-keyframes mymove8 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(-40%);
        -moz-transform: translateY(0) translateX(-40%);
        transform: translateY(0) translateX(-40%);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }
    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}

@keyframes ani-svg {
    0% {
        opacity: 0.4;
        transform: translateY(-6px);
    }
    15% {
        opacity: 0.65;
        transform: translateY(-4px);
    }
    25% {
        opacity: 0.8;
        transform: translateY(-2px);
    }
    50% {
        opacity: 1;
        transform: translateY(0px);
    }
    65% {
        opacity: 0.8;
        transform: translateY(2px);
    }
    75% {
        opacity: 0.65;
        transform: translateY(4px);
    }
    100% {
        opacity: 0.4;
        transform: translateY(6px);
    }
}

@-webkit-keyframes ani-svg {
    0% {
        opacity: 0.4;
        transform: translateY(-6px);
    }
    15% {
        opacity: 0.65;
        transform: translateY(-4px);
    }
    25% {
        opacity: 0.8;
        transform: translateY(-2px);
    }
    50% {
        opacity: 1;
        transform: translateY(0px);
    }
    65% {
        opacity: 0.8;
        transform: translateY(2px);
    }
    75% {
        opacity: 0.65;
        transform: translateY(4px);
    }
    100% {
        opacity: 0.4;
        transform: translateY(6px);
    }
}

@-moz-keyframes ani-svg {
    0% {
        opacity: 0.4;
        transform: translateY(-6px);
    }
    15% {
        opacity: 0.65;
        transform: translateY(-4px);
    }
    25% {
        opacity: 0.8;
        transform: translateY(-2px);
    }
    50% {
        opacity: 1;
        transform: translateY(0px);
    }
    65% {
        opacity: 0.8;
        transform: translateY(2px);
    }
    75% {
        opacity: 0.65;
        transform: translateY(4px);
    }
    100% {
        opacity: 0.4;
        transform: translateY(6px);
    }
}

@-webkit-keyframes tel {
    0% {
        -webkit-transform: scale(1);
    }
    1% {
        -webkit-transform: scale(1.3);
    }
    3% {
        -webkit-transform: scale(0.8);
    }
    6% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes tel {
    0% {
        transform: scale(1);
    }
    1% {
        transform: scale(1.3);
    }
    3% {
        transform: scale(0.8);
    }
    6% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes searchLights {
    0,
    75% {
        left: -100px;
        top: 0;
    }
    100% {
        left: 120px;
        top: 100px;
    }
}

@-o-keyframes searchLights {
    0,
    75% {
        left: -100px;
        top: 0;
    }
    100% {
        left: 120px;
        top: 100px;
    }
}

@-moz-keyframes searchLights {
    0,
    75% {
        left: -100px;
        top: 0;
    }
    100% {
        left: 120px;
        top: 100px;
    }
}

@keyframes searchLights {
    0,
    75% {
        left: -100px;
        top: 0;
    }
    100% {
        left: 120px;
        top: 100px;
    }
}

@-webkit-keyframes boshow {
    /* 0%{width:50px;background:#00a0e9;} */
    0% {
        width: 0px;
        left: 180px;
    }
    100% {
        width: 50px;
        background: #00a0e9;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes boshow {
    /* 0%{width:50px;background:#00a0e9;} */
    0% {
        width: 0px;
        left: 180px;
    }
    100% {
        width: 50px;
        background: #00a0e9;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes boshow2 {
    /* 0%{height:115px;background:#00a0e9;} */
    0% {
        height: 0px;
    }
    100% {
        height: 115px;
        background: #00a0e9;
    }
}

@keyframes boshow2 {
    /* 0%{height:115px;background:#00a0e9;} */
    0% {
        height: 0px;
    }
    100% {
        height: 115px;
        background: #00a0e9;
    }
}

@keyframes move {
    0% {
        left: 0%;
        opacity: 0;
    }
    70% {
        left: 70%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes type {
    from {
        width: 0;
    }
}

@keyframes type {
    from {
        width: 0;
    }
}

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

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

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

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

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