*{
    margin: 0;
    padding: 0;
}

img{
    position: absolute;
}

.div0{
    max-width: 980px;
    height: 75px;
    position: relative;
    overflow: hidden;
    background-color: #273A64;
}




.anim {
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}


@media only screen and (max-width: 2500px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }

    @keyframes nkar{
        0%,26%{right: 25px; opacity: 0;}
        33%{right: 0px; opacity: 1;}
        34%,100%{right: 0px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 44%; transform: scale(0);}
        11%{left: 44%; transform: scale(0.6);}
        12%,15%{left: 44%; transform: scale(0.6);}
        22%{ left: 0%; transform: scale(0.6);}
        23%,100%{left: 0%; transform: scale(0.6);}
    }
    @keyframes div11{
        0%,20%{left: -25px; transform: scale(0.25);top: -15px ;opacity: 0;}
        27%{left: 0px; transform: scale(0.35);opacity: 1;top: -15px ;}
        28%,40%{left: 0px; transform: scale(0.35);opacity: 1;top: -15px ;}
        46%{left: 110px; transform: scale(0.5);opacity: 1;top: -15px ;}
        47%,56%{left: 110px; transform: scale(0.5);opacity: 1;top: -15px ;}
        62%{left: 90px;transform: scale(0.35);opacity: 0;top: -15px ;}
        63%,100%{left: 90px;transform: scale(0.35);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: 180px; transform: scale(0.25);opacity: 0;top: -20px;}
        30%{left: 150px; transform: scale(0.35);opacity: 1;top: -20px;}
        31%,38%{left: 150px; transform: scale(0.35);opacity: 1;top: -20px;}
        44%{left: 150px; transform: scale(0.35);opacity: 0;top: -20px;}
        47%,59%{left: 60px; transform: scale(0.35);opacity: 0;top: -20px;}
        66%{left: 25px;transform: scale(0.5);opacity: 1;top: -20px ;}
        67%,100%{left: 25px;transform: scale(0.5);opacity: 1;top: -20px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }



}


@media only screen and (max-width: 850px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }



    @keyframes nkar{
        0%,26%{right: 25px; opacity: 0;}
        33%{right: 0px; opacity: 1;}
        34%,100%{right: 0px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 44%; transform: scale(0);}
        11%{left: 44%; transform: scale(0.6);}
        12%,15%{left: 44%; transform: scale(0.6);}
        22%{ left: 0%; transform: scale(0.6);}
        23%,100%{left: 0%; transform: scale(0.6);}
    }
    @keyframes div11{
        0%,20%{left: -125px; transform: scale(0.25);top: -15px ;opacity: 0;}
        27%{left: -100px; transform: scale(0.35);opacity: 1;top: -15px ;}
        28%,40%{left: -100px; transform: scale(0.35);opacity: 1;top: -15px ;}
        46%{left: 10px; transform: scale(0.5);opacity: 1;top: -15px ;}
        47%,56%{left: 10px; transform: scale(0.5);opacity: 1;top: -15px ;}
        62%{left: -30px;transform: scale(0.35);opacity: 0;top: -15px ;}
        63%,100%{left: -30px;transform: scale(0.35);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: 80px; transform: scale(0.25);opacity: 0;top: -20px;}
        30%{left: 50px; transform: scale(0.35);opacity: 1;top: -20px;}
        31%,38%{left: 50px; transform: scale(0.35);opacity: 1;top: -20px;}
        44%{left: 50px; transform: scale(0.35);opacity: 0;top: -20px;}
        47%,59%{left: -25px; transform: scale(0.35);opacity: 0;top: -20px;}
        66%{left: -75px;transform: scale(0.5);opacity: 1;top: -20px ;}
        67%,100%{left: -75px;transform: scale(0.5);opacity: 1;top: -20px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }
}



@media only screen and (max-width: 735px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }



    @keyframes nkar{
        0%,26%{right: 25px; opacity: 0;}
        33%{right: 0px; opacity: 1;}
        34%,100%{right: 0px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 44%; transform: scale(0);}
        11%{left: 44%; transform: scale(0.6);}
        12%,15%{left: 44%; transform: scale(0.6);}
        22%{ left: 0%; transform: scale(0.6);}
        23%,100%{left: 0%; transform: scale(0.6);}
    }
    @keyframes div11{
        0%,20%{left: -125px; transform: scale(0.2);top: -15px ;opacity: 0;}
        27%{left: -100px; transform: scale(0.25);opacity: 1;top: -15px ;}
        28%,40%{left: -100px; transform: scale(0.25);opacity: 1;top: -15px ;}
        46%{left: -20px; transform: scale(0.4);opacity: 1;top: -15px ;}
        47%,56%{left: -20px; transform: scale(0.4);opacity: 1;top: -15px ;}
        62%{left: -30px;transform: scale(0.25);opacity: 0;top: -15px ;}
        63%,100%{left: -30px;transform: scale(0.25);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: 0px; transform: scale(0.2);opacity: 0;top: -20px;}
        30%{left: -20px; transform: scale(0.25);opacity: 1;top: -20px;}
        31%,38%{left: -20px; transform: scale(0.25);opacity: 1;top: -20px;}
        44%{left: -20px; transform: scale(0.25);opacity: 0;top: -20px;}
        47%,59%{left: -80px; transform: scale(0.25);opacity: 0;top: -20px;}
        66%{left: -110px;transform: scale(0.4);opacity: 1;top: -20px ;}
        67%,100%{left: -110px;transform: scale(0.4);opacity: 1;top: -20px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }



}


@media only screen and (max-width: 615px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }


    @keyframes nkar{
        0%,26%{right: 25px; opacity: 0;}
        33%{right: 0px; opacity: 1;}
        34%,100%{right: 0px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 44%; transform: scale(0);}
        11%{left: 44%; transform: scale(0.6);}
        12%,15%{left: 44%; transform: scale(0.6);}
        22%{ left: 0%; transform: scale(0.6);}
        23%,100%{left: 0%; transform: scale(0.6);}
    }
    @keyframes div11{
        0%,20%{left: -125px; transform: scale(0.2);top: -30px ;opacity: 0;}
        27%{left: -100px; transform: scale(0.25);opacity: 1;top: -30px ;}
        28%,40%{left: -100px; transform: scale(0.25);opacity: 1;top: -30px ;}
        46%{left: -70px; transform: scale(0.4);opacity: 1;top: -15px ;}
        47%,56%{left: -70px; transform: scale(0.4);opacity: 1;top: -15px ;}
        62%{left: -60px;transform: scale(0.25);opacity: 0;top: -15px ;}
        63%,100%{left: -60px;transform: scale(0.25);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: -80px; transform: scale(0.2);opacity: 0;top: 0px;}
        30%{left: -120px; transform: scale(0.25);opacity: 1;top: 0px;}
        31%,38%{left: -120px; transform: scale(0.25);opacity: 1;top: 0px;}
        44%{left: -120px; transform: scale(0.25);opacity: 0;top: 0px;}
        47%,59%{left: -120px; transform: scale(0.25);opacity: 0;top: -21px;}
        66%{left: -155px;transform: scale(0.4);opacity: 1;top: -21px ;}
        67%,100%{left: -155px;transform: scale(0.4);opacity: 1;top: -21px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }



}



@media only screen and (max-width: 550px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }


    @keyframes nkar{
        0%,26%{right: 0px; opacity: 0;}
        33%{right: -50px; opacity: 1;}
        34%,100%{right: -50px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 44%; transform: scale(0);}
        11%{left: 44%; transform: scale(0.6);}
        12%,15%{left: 44%; transform: scale(0.6);}
        22%{ left: 0%; transform: scale(0.6);}
        23%,100%{left: 0%; transform: scale(0.6);}
    }
    @keyframes div11{
        0%,20%{left: -125px; transform: scale(0.2);top: -30px ;opacity: 0;}
        27%{left: -100px; transform: scale(0.25);opacity: 1;top: -30px ;}
        28%,40%{left: -100px; transform: scale(0.25);opacity: 1;top: -30px ;}
        46%{left: -70px; transform: scale(0.4);opacity: 1;top: -15px ;}
        47%,56%{left: -70px; transform: scale(0.4);opacity: 1;top: -15px ;}
        62%{left: -60px;transform: scale(0.25);opacity: 0;top: -15px ;}
        63%,100%{left: -60px;transform: scale(0.25);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: -80px; transform: scale(0.2);opacity: 0;top: 0px;}
        30%{left: -120px; transform: scale(0.25);opacity: 1;top: 0px;}
        31%,38%{left: -120px; transform: scale(0.25);opacity: 1;top: 0px;}
        44%{left: -120px; transform: scale(0.25);opacity: 0;top: 0px;}
        47%,59%{left: -120px; transform: scale(0.25);opacity: 0;top: -21px;}
        66%{left: -155px;transform: scale(0.4);opacity: 1;top: -21px ;}
        67%,100%{left: -155px;transform: scale(0.4);opacity: 1;top: -21px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }



}



@media only screen and (max-width: 490px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }


    @keyframes nkar{
        0%,26%{right: 0px; opacity: 0;}
        33%{right: -50px; opacity: 1;}
        34%,100%{right: -50px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 42.5%;top: -12px; transform: scale(0);}
        11%{left: 42.5%;top: -12px; transform: scale(0.6);}
        12%,15%{left: 42.5%; top: -12px;transform: scale(0.6);}
        22%{ left: -5%;top: 5px; transform: scale(0.3);}
        23%,100%{left: -5%;top: 5px; transform: scale(0.3);}
    }
    @keyframes div11{
        0%,20%{left: -205px; transform: scale(0.2);top: -30px ;opacity: 0;}
        27%{left: -180px; transform: scale(0.25);opacity: 1;top: -30px ;}
        28%,40%{left: -180px; transform: scale(0.25);opacity: 1;top: -30px ;}
        46%{left: -130px; transform: scale(0.33);opacity: 1;top: -15px ;}
        47%,56%{left: -130px; transform: scale(0.33);opacity: 1;top: -15px ;}
        62%{left: -110px;transform: scale(0.25);opacity: 0;top: -15px ;}
        63%,100%{left: -110px;transform: scale(0.25);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: -198px; transform: scale(0.2);opacity: 0;top: 0px;}
        30%{left: -220px; transform: scale(0.25);opacity: 1;top: 0px;}
        31%,38%{left: -220px; transform: scale(0.25);opacity: 1;top: 0px;}
        44%{left: -220px; transform: scale(0.25);opacity: 0;top: 0px;}
        47%,59%{left: -180px; transform: scale(0.25);opacity: 0;top: -21px;}
        66%{left: -205px;transform: scale(0.33);opacity: 1;top: -21px ;}
        67%,100%{left: -205px;transform: scale(0.33);opacity: 1;top: -21px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }



}




@media only screen and (max-width: 430px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }


    @keyframes nkar{
        0%,26%{right: 0px; opacity: 0;}
        33%{right: -50px; opacity: 1;}
        34%,100%{right: -50px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 42.5%;top: -12px; transform: scale(0);}
        11%{left: 42.5%;top: -12px; transform: scale(0.6);}
        12%,15%{left: 42.5%; top: -12px;transform: scale(0.6);}
        22%{ left: -5%;top: 5px; transform: scale(0.3);}
        23%,100%{left: -5%;top: 5px; transform: scale(0.3);}
    }
    @keyframes div11{
        0%,20%{left: -205px; transform: scale(0.2);top: -30px ;opacity: 0;}
        27%{left: -180px; transform: scale(0.25);opacity: 1;top: -30px ;}
        28%,40%{left: -180px; transform: scale(0.25);opacity: 1;top: -30px ;}
        46%{left: -130px; transform: scale(0.33);opacity: 1;top: -15px ;}
        47%,56%{left: -130px; transform: scale(0.33);opacity: 1;top: -15px ;}
        62%{left: -110px;transform: scale(0.25);opacity: 0;top: -15px ;}
        63%,100%{left: -110px;transform: scale(0.25);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: -198px; transform: scale(0.2);opacity: 0;top: 0px;}
        30%{left: -220px; transform: scale(0.25);opacity: 1;top: 0px;}
        31%,38%{left: -220px; transform: scale(0.25);opacity: 1;top: 0px;}
        44%{left: -220px; transform: scale(0.25);opacity: 0;top: 0px;}
        47%,59%{left: -180px; transform: scale(0.25);opacity: 0;top: -21px;}
        66%{left: -230px;transform: scale(0.29);opacity: 1;top: -21px ;}
        67%,100%{left: -230px;transform: scale(0.29);opacity: 1;top: -21px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }



}


@media only screen and (max-width: 380px){
    .div1{
        right: 100%;
        top: 0px;
        width: 1220px;
        height: 122px;
        position: absolute;
        background-color: #273A64;
        animation-name: div1;
        z-index: 10;
    }


    #logo{
        right: 0px;
        top: -12px;
        z-index: 15;
        animation-name: logo;
    }

    #nkar{
        right: 0;
        top: -1px;
        z-index: 2;
        animation-name: nkar;
        transform: scale(1.03);
    }

    #text11{
        left: 0px;
        top: 35px;
        z-index: 2;
        animation-name: div11;
    }

    #text12{
        left: 0px;
        top: 40px;
        z-index: 2;
        animation-name: div12;
    }

    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 35px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 90px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }


    @keyframes nkar{
        0%,26%{right: 0px; opacity: 0;}
        33%{right: -50px; opacity: 1;}
        34%,100%{right: -50px; opacity: 1;}
    }
    @keyframes logo{
        0%,5%{left: 36%;top: -12px; transform: scale(0);}
        11%{left: 36%;top: -12px; transform: scale(0.6);}
        12%,15%{left: 36%; top: -12px;transform: scale(0.6);}
        22%{ left: -5%;top: 5px; transform: scale(0.3);}
        23%,100%{left: -5%;top: 5px; transform: scale(0.3);}
    }
    @keyframes div11{
        0%,20%{left: -235px; transform: scale(0.15);top: -30px ;opacity: 0;}
        27%{left: -210px; transform: scale(0.2);opacity: 1;top: -30px ;}
        28%,40%{left: -210px; transform: scale(0.2);opacity: 1;top: -30px ;}
        46%{left: -160px; transform: scale(0.25);opacity: 1;top: -15px ;}
        47%,56%{left: -160px; transform: scale(0.25);opacity: 1;top: -15px ;}
        62%{left: -140px;transform: scale(0.2);opacity: 0;top: -15px ;}
        63%,100%{left: -140px;transform: scale(0.2);opacity: 0;top: -15px ;}
    }

    @keyframes div12{
        0%,23%{left: -220px; transform: scale(0.15);opacity: 0;top: 0px;}
        30%{left: -240px; transform: scale(0.2);opacity: 1;top: 0px;}
        31%,38%{left: -240px; transform: scale(0.2);opacity: 1;top: 0px;}
        44%{left: -240px; transform: scale(0.2);opacity: 0;top: 0px;}
        47%,59%{left: -210px; transform: scale(0.2);opacity: 0;top: -21px;}
        66%{left: -250px;transform: scale(0.22);opacity: 1;top: -21px ;}
        67%,100%{left: -250px;transform: scale(0.22);opacity: 1;top: -21px ;}
    }
    @keyframes div1{
        0%,75%{right: 100%;}
        85%{right: 0%;}
        86%,100%{right: 0%;}
    }



}





@media only screen and (max-width: 2500px){
    #text21{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 55px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}


@media only screen and (max-width: 780px){
    #text21{
        left: 100px;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 15;
        transform: scale(1);
        animation-name: text21;
    }

    #text22{
        left: 100px;
        right: 0;
        margin: 0 auto;
        top: 55px;
        z-index: 15;
        transform: scale(1);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}




@media only screen and (max-width: 670px){
    #text21{
        left: 100px;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 15;
        transform: scale(0.8);
        animation-name: text21;
    }

    #text22{
        left: 100px;
        right: 0;
        margin: 0 auto;
        top: 55px;
        z-index: 15;
        transform: scale(0.8);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}


@media only screen and (max-width: 600px){
    #text21{
        left: 50px;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 15;
        transform: scale(0.8);
        animation-name: text21;
    }

    #text22{
        left: 50px;
        right: 0;
        margin: 0 auto;
        top: 55px;
        z-index: 15;
        transform: scale(0.8);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}



@media only screen and (max-width: 540px){
    #text21{
        left: 50px;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 15;
        transform: scale(0.6);
        animation-name: text21;
    }

    #text22{
        left: 50px;
        right: 0;
        margin: 0 auto;
        top: 55px;
        z-index: 15;
        transform: scale(0.6);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}



@media only screen and (max-width: 490px){
    #text21{
        left: 0px;
        right: 0;
        margin: 0 auto;
        top: 10px;
        z-index: 15;
        transform: scale(0.6);
        animation-name: text21;
    }

    #text22{
        left: 0px;
        right: 0;
        margin: 0 auto;
        top: 55px;
        z-index: 15;
        transform: scale(0.6);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}


@media only screen and (max-width: 430px){
    #text21{
        left: -10%;
        top: 10px;
        z-index: 15;
        transform: scale(0.6);
        animation-name: text21;
    }

    #text22{
        left: -10%;
        top: 55px;
        z-index: 15;
        transform: scale(0.6);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}



@media only screen and (max-width: 395px){
    #text21{
        left: -15%;
        top: 10px;
        z-index: 15;
        transform: scale(0.5);
        animation-name: text21;
    }

    #text22{
        left: -15%;
        top: 55px;
        z-index: 15;
        transform: scale(0.5);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}



@media only screen and (max-width: 365px){
    #text21{
        left: -25%;
        top: 10px;
        z-index: 15;
        transform: scale(0.45);
        animation-name: text21;
    }

    #text22{
        left: -25%;
        top: 55px;
        z-index: 15;
        transform: scale(0.45);
        animation-name: text22;
    }


    @keyframes text21{
        0%,82%{top: -10px; opacity: 0;}
        88%{top: 10px; opacity: 1;}
        89%,100%{top: 10px; opacity: 1;}
    }


    @keyframes text22{
        0%,82%{top: 75px; opacity: 0;}
        88%{top: 55px; opacity: 1;}
        89%,100%{top: 55px; opacity: 1;}
    }
}