@charset "utf-8";

body, html {
    overflow-x: hidden;
}
.bdHtm {
    overflow: hidden;
}
.imgBox {
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.imgUpBox {
    border: 0;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 3;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
}


.makeImgZoomIn {
    height: 100px;
    position: relative;
    z-index: 3;
    opacity: 0;
}

.makeImgDownToUp {
    height: 150px;
    position: relative;
    z-index: 3;
}

.downToUp {
    animation-name: imgAnimUp;
    animation-duration: 2s;
    animation-delay: 10s;
    animation-fill-mode: forwards;
    transform-style: preserve-3d;
    transition: 0.5s;
    -webkit-animation-name: imgAnimUp;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 10s;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -o-animation-name: imgAnimUp;
    -o-animation-duration: 2s;
    -o-animation-delay: 10s;
    -o-animation-fill-mode: forwards;
    -o-transform-style: preserve-3d;
    -o-transition: 0.5s;
    -moz-animation-name: imgAnimUp;
    -moz-animation-duration: 2s;
    -moz-animation-delay: 10s;
    -moz-animation-fill-mode: forwards;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.5s;
    -ms-animation-name: imgAnimUp;
    -ms-animation-duration: 2s;
    -ms-animation-delay: 10s;
    -ms-animation-fill-mode: forwards;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.5s;
}

.bigZoom {
    animation-name: imgZoomIn, imgZoomInOut;
    animation-duration: 3s, 2s;
    animation-delay: 5s, 9s;
    animation-fill-mode: forwards;
    transform-style: preserve-3d;
    transform-origin: center center;
    transition: 0.5s;
    animation-iteration-count: 1;
    -webkit-animation-name: imgZoomIn, imgZoomInOut;
    -webkit-animation-duration: 3s, 2s;
    -webkit-animation-delay: 5s, 9s;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: center center;
    -webkit-transition: 0.5s;
    -webkit-animation-iteration-count: 1;
    -o-animation-name: imgZoomIn, imgZoomInOut;
    -o-animation-duration: 3s, 2s;
    -o-animation-delay: 5s, 9s;
    -o-animation-fill-mode: forwards;
    -o-transform-style: preserve-3d;
    -o-transform-origin: center center;
    -o-transition: 0.5s;
    -o-animation-iteration-count: 1;
    -moz-animation-name: imgZoomIn, imgZoomInOut;
    -moz-animation-duration: 3s, 2s;
    -moz-animation-delay: 5s, 9s;
    -moz-animation-fill-mode: forwards;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: center center;
    -moz-transition: 0.5s;
    -moz-animation-iteration-count: 1;
    -ms-animation-name: imgZoomIn, imgZoomInOut;
    -ms-animation-duration: 3s, 2s;
    -ms-animation-delay: 5s, 9s;
    -ms-animation-fill-mode: forwards;
    -ms-transform-style: preserve-3d;
    -ms-transform-origin: center center;
    -ms-transition: 0.5s;
    -ms-animation-iteration-count: 1;
}

@-moz-keyframes imgZoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    50% {
        opacity: 0.6;
        -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-ms-keyframes imgZoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    50% {
        opacity: 0.6;
        -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-o-keyframes imgZoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    50% {
        opacity: 0.6;
        -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-webkit-keyframes imgZoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    50% {
        opacity: 0.6;
        -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@keyframes imgZoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    50% {
        opacity: 0.6;
        -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-moz-keyframes imgZoomInOut {
    0% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-ms-keyframes imgZoomInOut {
    0% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-o-keyframes imgZoomInOut {
    0% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-webkit-keyframes imgZoomInOut {
    0% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@keyframes imgZoomInOut {
    0% {
        opacity: 0.8;
        -moz-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(5, 5, 5) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(5, 5, 5)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -moz-transform-style: preserve-3d;
        -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -ms-transform-style: preserve-3d;
        -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -o-transform-style: preserve-3d;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        -webkit-transform-style: preserve-3d;
        transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
        transform-style: preserve-3d;
    }
}

@-moz-keyframes imgAnimUp {
    0% {
        opacity: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
}

@-ms-keyframes imgAnimUp {
    0% {
        opacity: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
}

@-o-keyframes imgAnimUp {
    0% {
        opacity: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
}

@-webkit-keyframes imgAnimUp {
    0% {
        opacity: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
}

@keyframes imgAnimUp {
    0% {
        opacity: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        top: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
}

@media screen and (max-width:1600px) {
    .imgUpBox {
        border: 0;
        position: absolute;
        left: 25%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }
}

@media screen and (max-width:1400px) {
    .imgUpBox {
        border: 0;
        position: absolute;
        left: 30%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgZoomIn {
        height: 80px;
        position: relative;
        z-index: 3;
        opacity: 0;
    }

    .bigZoom {
        animation-name: imgZoomIn, imgZoomInOut;
        animation-duration: 3s, 2s;
        animation-delay: 5s, 9s;
        animation-fill-mode: forwards;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: 0.5s;
        animation-iteration-count: 1;
        -webkit-animation-name: imgZoomIn, imgZoomInOut;
        -webkit-animation-duration: 3s, 2s;
        -webkit-animation-delay: 5s, 9s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: center center;
        -webkit-transition: 0.5s;
        -webkit-animation-iteration-count: 1;
        -o-animation-name: imgZoomIn, imgZoomInOut;
        -o-animation-duration: 3s, 2s;
        -o-animation-delay: 5s, 9s;
        -o-animation-fill-mode: forwards;
        -o-transform-style: preserve-3d;
        -o-transform-origin: center center;
        -o-transition: 0.5s;
        -o-animation-iteration-count: 1;
        -moz-animation-name: imgZoomIn, imgZoomInOut;
        -moz-animation-duration: 3s, 2s;
        -moz-animation-delay: 5s, 9s;
        -moz-animation-fill-mode: forwards;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: center center;
        -moz-transition: 0.5s;
        -moz-animation-iteration-count: 1;
        -ms-animation-name: imgZoomIn, imgZoomInOut;
        -ms-animation-duration: 3s, 2s;
        -ms-animation-delay: 5s, 9s;
        -ms-animation-fill-mode: forwards;
        -ms-transform-style: preserve-3d;
        -ms-transform-origin: center center;
        -ms-transition: 0.5s;
        -ms-animation-iteration-count: 1;
    }

    @-moz-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-moz-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(4, 4, 4) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(4, 4, 4)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }
}

@media screen and (max-width:1280px) {
    .imgUpBox {
        border: 0;
        position: absolute;
        left: 30%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 25%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .imgBox {
        border: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 2;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

@media screen and (max-width:1000px) {
    .imgBox {
        border: 0;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 2;
    }

    .makeImgZoomIn {
        height: 80px;
        position: relative;
        z-index: 3;
    }

    .bigZoom {
        animation-name: imgZoomIn, imgZoomInOut;
        animation-duration: 3s, 2s;
        animation-delay: 5s, 9s;
        animation-fill-mode: forwards;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: 0.5s;
        animation-iteration-count: 1;
        -webkit-animation-name: imgZoomIn, imgZoomInOut;
        -webkit-animation-duration: 3s, 2s;
        -webkit-animation-delay: 5s, 9s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: center center;
        -webkit-transition: 0.5s;
        -webkit-animation-iteration-count: 1;
        -o-animation-name: imgZoomIn, imgZoomInOut;
        -o-animation-duration: 3s, 2s;
        -o-animation-delay: 5s, 9s;
        -o-animation-fill-mode: forwards;
        -o-transform-style: preserve-3d;
        -o-transform-origin: center center;
        -o-transition: 0.5s;
        -o-animation-iteration-count: 1;
        -moz-animation-name: imgZoomIn, imgZoomInOut;
        -moz-animation-duration: 3s, 2s;
        -moz-animation-delay: 5s, 9s;
        -moz-animation-fill-mode: forwards;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: center center;
        -moz-transition: 0.5s;
        -moz-animation-iteration-count: 1;
        -ms-animation-name: imgZoomIn, imgZoomInOut;
        -ms-animation-duration: 3s, 2s;
        -ms-animation-delay: 5s, 9s;
        -ms-animation-fill-mode: forwards;
        -ms-transform-style: preserve-3d;
        -ms-transform-origin: center center;
        -ms-transition: 0.5s;
        -ms-animation-iteration-count: 1;
    }

    @-moz-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-moz-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(3, 3, 3) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(3, 3, 3)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    .imgUpBox {
        border: 0;
        position: absolute;
        left: 30%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgDownToUp {
        height: 120px;
        position: relative;
        z-index: 3;
    }
}

@media screen and (max-width:768px) {
    .makeImgZoomIn {
        height: 80px;
        position: relative;
        z-index: 3;
    }

    .bigZoom {
        animation-name: imgZoomIn, imgZoomInOut;
        animation-duration: 3s, 2s;
        animation-delay: 5s, 9s;
        animation-fill-mode: forwards;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: 0.5s;
        animation-iteration-count: 1;
        -webkit-animation-name: imgZoomIn, imgZoomInOut;
        -webkit-animation-duration: 3s, 2s;
        -webkit-animation-delay: 5s, 9s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: center center;
        -webkit-transition: 0.5s;
        -webkit-animation-iteration-count: 1;
        -o-animation-name: imgZoomIn, imgZoomInOut;
        -o-animation-duration: 3s, 2s;
        -o-animation-delay: 5s, 9s;
        -o-animation-fill-mode: forwards;
        -o-transform-style: preserve-3d;
        -o-transform-origin: center center;
        -o-transition: 0.5s;
        -o-animation-iteration-count: 1;
        -moz-animation-name: imgZoomIn, imgZoomInOut;
        -moz-animation-duration: 3s, 2s;
        -moz-animation-delay: 5s, 9s;
        -moz-animation-fill-mode: forwards;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: center center;
        -moz-transition: 0.5s;
        -moz-animation-iteration-count: 1;
        -ms-animation-name: imgZoomIn, imgZoomInOut;
        -ms-animation-duration: 3s, 2s;
        -ms-animation-delay: 5s, 9s;
        -ms-animation-fill-mode: forwards;
        -ms-transform-style: preserve-3d;
        -ms-transform-origin: center center;
        -ms-transition: 0.5s;
        -ms-animation-iteration-count: 1;
    }

    @-moz-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-moz-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(2, 2, 2) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(2, 2, 2)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    .imgUpBox {
        border: 0;
        position: absolute;
        left: 25%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgDownToUp {
        height: 100px;
        position: relative;
        z-index: 3;
    }
}

@media screen and (max-width:580px) {
    .makeImgZoomIn {
        height: 80px;
        position: relative;
        z-index: 3;
    }

    .bigZoom {
        animation-name: imgZoomIn, imgZoomInOut;
        animation-duration: 3s, 2s;
        animation-delay: 5s, 9s;
        animation-fill-mode: forwards;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: 0.5s;
        animation-iteration-count: 1;
        -webkit-animation-name: imgZoomIn, imgZoomInOut;
        -webkit-animation-duration: 3s, 2s;
        -webkit-animation-delay: 5s, 9s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: center center;
        -webkit-transition: 0.5s;
        -webkit-animation-iteration-count: 1;
        -o-animation-name: imgZoomIn, imgZoomInOut;
        -o-animation-duration: 3s, 2s;
        -o-animation-delay: 5s, 9s;
        -o-animation-fill-mode: forwards;
        -o-transform-style: preserve-3d;
        -o-transform-origin: center center;
        -o-transition: 0.5s;
        -o-animation-iteration-count: 1;
        -moz-animation-name: imgZoomIn, imgZoomInOut;
        -moz-animation-duration: 3s, 2s;
        -moz-animation-delay: 5s, 9s;
        -moz-animation-fill-mode: forwards;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: center center;
        -moz-transition: 0.5s;
        -moz-animation-iteration-count: 1;
        -ms-animation-name: imgZoomIn, imgZoomInOut;
        -ms-animation-duration: 3s, 2s;
        -ms-animation-delay: 5s, 9s;
        -ms-animation-fill-mode: forwards;
        -ms-transform-style: preserve-3d;
        -ms-transform-origin: center center;
        -ms-transition: 0.5s;
        -ms-animation-iteration-count: 1;
    }

    @-moz-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-moz-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    .imgUpBox {
	border: 0;
	position: absolute;
	left: 31%;
	top: 40%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 3;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgDownToUp {
        height: 85px;
        position: relative;
        z-index: 3;
    }
}

@media screen and (max-width:480px) {
    .imgBox {
        border: 0;
        position: absolute;
        top: 45%;
        left: 52%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 2;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .imgUpBox {
        border: 0;
        position: absolute;
        left: 42%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgDownToUp {
        height: 105px;
        position: relative;
        z-index: 3;
    }

    .makeImgZoomIn {
        height: 100px;
        position: relative;
        z-index: 3;
    }

    .bigZoom {
        animation-name: imgZoomIn, imgZoomInOut;
        animation-duration: 3s, 2s;
        animation-delay: 5s, 9s;
        animation-fill-mode: forwards;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: 0.5s;
        animation-iteration-count: 1;
        -webkit-animation-name: imgZoomIn, imgZoomInOut;
        -webkit-animation-duration: 3s, 2s;
        -webkit-animation-delay: 5s, 9s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: center center;
        -webkit-transition: 0.5s;
        -webkit-animation-iteration-count: 1;
        -o-animation-name: imgZoomIn, imgZoomInOut;
        -o-animation-duration: 3s, 2s;
        -o-animation-delay: 5s, 9s;
        -o-animation-fill-mode: forwards;
        -o-transform-style: preserve-3d;
        -o-transform-origin: center center;
        -o-transition: 0.5s;
        -o-animation-iteration-count: 1;
        -moz-animation-name: imgZoomIn, imgZoomInOut;
        -moz-animation-duration: 3s, 2s;
        -moz-animation-delay: 5s, 9s;
        -moz-animation-fill-mode: forwards;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: center center;
        -moz-transition: 0.5s;
        -moz-animation-iteration-count: 1;
        -ms-animation-name: imgZoomIn, imgZoomInOut;
        -ms-animation-duration: 3s, 2s;
        -ms-animation-delay: 5s, 9s;
        -ms-animation-fill-mode: forwards;
        -ms-transform-style: preserve-3d;
        -ms-transform-origin: center center;
        -ms-transition: 0.5s;
        -ms-animation-iteration-count: 1;
    }

    @-moz-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-moz-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    .imgUpBox {
        border: 0;
        position: absolute;
        left: 40%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 35%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgDownToUp {
        height: 100px;
        position: relative;
        z-index: 3;
    }
}

@media screen and (max-width:380px) {
    .imgBox {
        border: 0;
        position: absolute;
        top: 35%;
        left: 52%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 2;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .imgUpBox {
        border: 0;
        position: absolute;
        left: 47%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 38%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgDownToUp {
        height: 100px;
        position: relative;
        z-index: 3;
    }

    .makeImgZoomIn {
        height: 80px;
        position: relative;
        z-index: 3;
    }

    .bigZoom {
        animation-name: imgZoomIn, imgZoomInOut;
        animation-duration: 3s, 2s;
        animation-delay: 5s, 9s;
        animation-fill-mode: forwards;
        transform-style: preserve-3d;
        transform-origin: center center;
        transition: 0.5s;
        animation-iteration-count: 1;
        -webkit-animation-name: imgZoomIn, imgZoomInOut;
        -webkit-animation-duration: 3s, 2s;
        -webkit-animation-delay: 5s, 9s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: center center;
        -webkit-transition: 0.5s;
        -webkit-animation-iteration-count: 1;
        -o-animation-name: imgZoomIn, imgZoomInOut;
        -o-animation-duration: 3s, 2s;
        -o-animation-delay: 5s, 9s;
        -o-animation-fill-mode: forwards;
        -o-transform-style: preserve-3d;
        -o-transform-origin: center center;
        -o-transition: 0.5s;
        -o-animation-iteration-count: 1;
        -moz-animation-name: imgZoomIn, imgZoomInOut;
        -moz-animation-duration: 3s, 2s;
        -moz-animation-delay: 5s, 9s;
        -moz-animation-fill-mode: forwards;
        -moz-transform-style: preserve-3d;
        -moz-transform-origin: center center;
        -moz-transition: 0.5s;
        -moz-animation-iteration-count: 1;
        -ms-animation-name: imgZoomIn, imgZoomInOut;
        -ms-animation-duration: 3s, 2s;
        -ms-animation-delay: 5s, 9s;
        -ms-animation-fill-mode: forwards;
        -ms-transform-style: preserve-3d;
        -ms-transform-origin: center center;
        -ms-transition: 0.5s;
        -ms-animation-iteration-count: 1;
    }

    @-moz-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(0.5, 0.5, 0.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        50% {
            opacity: 0.6;
            -moz-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(10, 10, 10) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-moz-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-ms-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-o-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @-webkit-keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    @keyframes imgZoomInOut {
        0% {
            opacity: 0.8;
            -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1.5, 1.5, 1.5)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }

        100% {
            opacity: 0;
            -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -moz-transform-style: preserve-3d;
            -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -ms-transform-style: preserve-3d;
            -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -o-transform-style: preserve-3d;
            -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
            -webkit-transform-style: preserve-3d;
            transform: scale3d(1, 1, 1)translate3d(0px, 0px, 0px);
            transform-style: preserve-3d;
        }
    }

    .imgUpBox {
        border: 0;
        position: absolute;
        left: 38%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 3;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
    }

    @-moz-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 30%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-ms-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 30%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-o-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 30%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @-webkit-keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 30%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    @keyframes imgAnimUp {
        0% {
            opacity: 0;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
            top: 30%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }
    }

    .makeImgDownToUp {
        height: 75px;
        position: relative;
        z-index: 3;
    }
}