body:lang(np), body:lang(np) * {
	font-family: happymonkey !important;
}
.background{
    position: absolute;
    left: 0%;
    height: 100%;
    width: 100%;
    top: 0%;
}
.branch{
    position: absolute;
    top: 40%;
    left: 0%;
    width: 60%;
    height: auto;

}

.page1-parrot1,.page1-parrot2,.page1-parrot3,.page1-parrot4{
    position: absolute;
    top: 53%;
    left: 10%;
    width: 15%;
    height: auto;
    z-index: 1;
}
.page1-parrot2{
    left: 17%;
    top: 51%;
    z-index: 0;
}
.page1-parrot3{
    left: 40.5%;
    top: 37%;
}
.page1-parrot4{
    top: 38%;
    left: 46%;
}
.pg1-parrotfly1{
    position: absolute;
    top: 53%;
    left: 100%;
    width: 15%;
    height: auto;
    animation: parrot_fly1 6s forwards;
}
@keyframes parrot_fly1{
    from{
    left: 100%;
    }
    to{
    left: 10%;
    }
}
.pg1-parrotfly2{
    position: absolute;
    top: 51%;
    left: 100%;
    width: 15%;
    height: auto;
    animation: parrot_fly2 6s forwards;
}
@keyframes parrot_fly2{
    from{
    left: 100%;
    }
    to{
    left: 17%;
    }
}
.pg1-parrotfly3{
    position: absolute;
    top: 36%;
    left: 100%;
    width: 15%;
    height: auto;
    animation: parrot_fly3 6s forwards;
}
@keyframes parrot_fly3{
    from{
    left: 100%;
    }
    to{
    left: 40.5%;
    }
}
.pg1-parrotfly4{
    position: absolute;
    top: 38%;
    left: 100%;
    width: 15%;
    height: auto;
    animation: parrot_fly4 6s forwards;
}
@keyframes parrot_fly4{
    from{
    left: 100%;
    }
    to{
    left: 46%;
    }
}



.bg1{
    /* background-color: #b5f3eb; */
    background-size: 100% 100%;
    /* background-image: url("../images/bg_slide1.png"); */
}
.bg2{
    background-color: #b5f3eb;
}
.fst_page{
    position: absolute;
    left: 50%;
    top: 30;
    transform: translateX(-50%);
    font-size: 6.5vh;
    color: rgb(238, 134, 134);
    z-index: 9;
}
.pairtxt,.alonetxt,.oddtxt,.eventxt{
    position: absolute;
    top: 20%;
    left: 10%;
    color: black;
    z-index: 99;
    font-size: 4vh;
    transform: translateY(270px);
}
.alonetxt{
    left: 34%;
    color: white;
    transform: translateY(200px);
}
.oddtxt{
    left: 44%;
    text-transform: uppercase;
    transform: translate(10px, 260px);
}
.eventxt{
    left: 13%;
    transform: translateY(348px);
}
.bgcp{
    width: 64%;
    left: -18%;
    position: relative;
    top: 34px;
}
.box{
    position: absolute;
    font-family: happymonkey;
    font-size: 5vmin;
    width: 100%;
    top: 0%;
    background: #0A90DB;
    padding: 2%;
    color: #ffffff;
    z-index: 9;
}
.slide1_text,.textpair,.slide3_text{
    z-index: 9;
    position: absolute;
    top: 100%;
    left: 5%;
}


@media screen and (max-aspect-ratio: 4/2){
    .box{
        font-size: 2.5vw;
    }
}
.text{
    position: absolute;
    top: 24%;
    left:5%;
    font-size: 5vh;
    font-family:happymonkey;
}
@media screen and (max-aspect-ratio: 4/2){
    .text{
        font-size: 2.5vw;
    }
}
.buttonbox{
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: 41%;
    display: none;
    color: black;
    font-size: 5vh;
    font-family: happymonkey;
}
.buttonboxinside {
    position: relative;
    width: 100%;
    height: 100%;
}
.button,.botton1{
    position: relative;
    top: 86%;
    right: 32%;
    z-index: 9;
}

.botton2,.botton3{
    right: 45%;
    position: absolute;
    bottom: 155%;
    color: #fff;
}
.botton3{
    color: black;
    z-index: 9;
    right: 49%;
    bottom: 150%;
}
@media screen and (max-aspect-ratio: 4/2){
    .buttonbox{
        font-size: 2.5vw;
    }
    
}
.textblock {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 15%;
    width: 100%;
}
.imagebox{
    position: absolute;
    top: 0%;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.elephant{
    position: absolute;
    width: 46%;
}
.ele-1{
    left: 16%;
}
.ele-2{
    right: -52%;
}
.ele-3,.ele-6{
    left:0%;
}
.ele-4,.ele-7{
    left: 8%;
}