.animation .introduce .bussiess .content-bussiess {
    animation-duration: 3s;
    animation-name: slidein;
}

@keyframes slidein {
    from {
        margin-top: 100%;
        width: 100%;
    }

    to {
        margin-top: 0%;
        width: 100%;
    }
}

.animation .introduce .introduce-item #N_1 {
    animation-duration: 3s;
    animation-name: div1;
}

@keyframes div1 {
    from {
        color:red;
        top: -500px;
        margin-top: 100% !important;
        width: 100%;
    }

    to {
        top: 0px;
        margin-top: 50% !important;
        width: 100%;
    }
}

.animation .introduce .introduce-item #N_2 {
    animation-duration: 3s;
    animation-name: div2;
}

@keyframes div2 {
    from {
        right: -220px;
        width: 100%;
    }

    to {
        right: 0px;
        margin-right: 50% !important;
        width: 100%;
    }
}

.animation .introduce .introduce-item #N_3 {
    animation-duration: 3s;
    animation-name: div3;
}

@keyframes div3 {
    from {
        left: -700px;
        width: 100%;
    }

    to {
        left: 0px;
        margin-right: 50% !important;
        width: 100%;
    }
}

.animation .introduce .introduce-item #N_4 {
    animation-duration: 2s;
    animation-name: div4;
}

@keyframes div4 {
    from {
        bottom: -500px;
        width: 100%;
    }

    to {
        bottom: 0px;
        margin-right: 50% !important;
        width: 100%;
    }
}

.animation .logotech .container .first {
    animation-duration: 1s;
    animation-name: first;
}

@keyframes first {
    from {
        margin-left: 100%;
        width: 100%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

.dpn{
    display:none !important
}
.wrapper .container .introduce {
    min-height: 734px;
    max-width:1140px;
}
#mw {
    max-width:100%
}

.techskill .logotech {
    min-height: 480px;
}
.container .introduce .introduce-item #N_1 .item1:hover {
}
.hl {
    margin-top: 20px;
    height: 185px;
    width: 80%;
    z-index: 100;
}

#form-contact {
    animation-duration: 3s;
    animation-name: contact;
}

@keyframes contact {
    from {
        margin-left: -1000px;
        width: 100%;
    }

    to {
        margin-left: 0px;
        width: 100%;
    }
}