body.loading * {
    animation: none !important;
}

@keyframes icon {
    0%,100% {
        -webkit-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    50% {
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}

@-webkit-keyframes icon {
    0%,100% {
        -webkit-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    50% {
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        ;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        -ms-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        -ms-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        -ms-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        -ms-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0%,0);
        -ms-transform: translate3d(0,0%,0);
        transform: translate3d(0,0%,0)
    }
}

@keyframes rotate180 {
    from {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-webkit-keyframes rotate180 {
    from {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes rotate144 {
    from {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@-webkit-keyframes rotate144 {
    from {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@keyframes rotate36 {
    from {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@-webkit-keyframes rotate36 {
    from {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg)
    }
}

@keyframes delayWatermark {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes delayWatermark {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes videoAnimation {
    0% {
        width: 140vw;
        height: 140vh;
        top: -14vh;
        left: -8vw;
    }

    60% {
        width: 140vw;
        height: 140vh;
        top: -14vh;
        left: -8vw;
    }

    100% {
        width: 26vw;
        height: 33vw;
        top: 4%;
        left: 12%;
    }
}

@-webkit-keyframes videoAnimation {
    0% {
        width: 140vw;
        height: 140vh;
        top: -14vh;
        left: -8vw;
    }

    60% {
        width: 140vw;
        height: 140vh;
        top: -14vh;
        left: -8vw;
    }

    100% {
        width: 26vw;
        height: 33vw;
        top: 4%;
        left: 12%;
    }
}

@keyframes parallelogram {
    0% {
        transform: skew(0deg);
    }

    60% {
        transform: skew(0deg);
    }

    100% {
        transform: skew(-20deg);
    }
}

@-webkit-keyframes parallelogram {
    0% {
        transform: skew(0deg);
    }

    60% {
        transform: skew(0deg);
    }

    100% {
        transform: skew(-20deg);
    }
}

@keyframes parallelogram-wrapper {
    0% {
        transform: skew(0deg);
        height: 100%;
        width: 100%;
    }

    60% {
        transform: skew(0deg);
        height: 100%;
        width: 100%;
    }

    100% {
        transform: skew(20deg);
        height: 100%;
        width: 100%; /* height:720px; width:1280px;*/
    }
}

@-webkit-keyframes parallelogram-wrapper {
    0% {
        transform: skew(0deg);
        height: 100%;
        width: 100%;
    }

    60% {
        transform: skew(0deg);
        height: 100%;
        width: 100%;
    }

    100% {
        transform: skew(20deg);
        height: 100%;
        width: 100%; /* height:720px; width:1280px;*/
    }
}

@keyframes video {
    0% {
        width: 120vw;
        height: 120vh;
        top: 0%;
        left: 8%;
        opacity: 1;
    }

    80% {
        width: 120vw;
        height: 120vh;
        top: 0%;
        left: 8%;
        opacity: 1;
    }

    100% {
        width: 120vw;
        height: 120vh;
        top: 4%;
        left: 12%;
        opacity: 0;
    }
}

@-webkit-keyframes video {
    0% {
        width: 120vw;
        height: 120vh;
        top: 0%;
        left: 8%;
        opacity: 1;
    }

    80% {
        width: 120vw;
        height: 120vh;
        top: 0%;
        left: 8%;
        opacity: 1;
    }

    100% {
        width: 120vw;
        height: 120vh;
        top: 4%;
        left: 12%;
        opacity: 0;
    }
}

@keyframes index-part1 {
    0% {
        background-color: #000
    }

    100% {
        background-color: transparent
    }
}

@-webkit-keyframes index-part1 {
    0% {
        background-color: #000
    }

    100% {
        background-color: transparent
    }
}


@keyframes index-part2-before {
    0% {
        z-index: 0
    }

    90% {
        z-index: 0
    }

    100% {
        z-index: 10
    }
}

@-webkit-keyframes index-part2-before {
    0% {
        z-index: 0
    }

    90% {
        z-index: 0
    }

    100% {
        z-index: 10
    }
}

@keyframes delayAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes delayAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes open {
    from {
        opacity: 0;
        right: -50%;
    }

    to {
        opacity: 1;
        right: 0;
    }
}

@keyframes down {
    from {
        opacity: 0;
        top: 0px
    }

    to {
        opacity: 1;
        top: 80px
    }
}

@keyframes boxcard {
    from {
        transform: rotateY(90deg);
    }

    to {
        transform: rotateY(0deg);
    }
}

@keyframes BGcolor {
    from {
        background-color: #fff;
    }

    to {
        background-color: #eee;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@keyframes point {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes wave {
    0% {
        opacity: 0;
        height: 0;
        width: 0;
        top: 7px;
        left: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        height: 600px;
        width: 600px;
        top: -293px;
        left: -300px;
    }

    100% {
        opacity: 0;
    }
}

.delay {
    opacity: 1 !important;
    transition: opacity .5s ease;
}