body{
    height: 5000px;
}

.pbx_main_27{

    z-index: 999999;
    opacity: 0;
    display: none;
}

.arrow_27{
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;

    background-image: url('../assets/arrBtn.png');
    background-size: cover;
    cursor: pointer;
    transform: scale(0.8);
}


/* ========================================================================= */


.sccn_27{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;



}

.clicker_27, .bounds_27{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
}

/* =============================================================== */

.btsc_27{
    position: absolute;
    width: 1080px;
    height: 1080px;
    left: 0;
    top: 0;
}

.btcn_27{
    position: absolute;
    width: 300px;
    height: 600px;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.bt_27, .bg1_27, .bg2_27, .bg3_27, .bg4_27, .cap_27, .capcn_27{
    position: absolute;
    width: 300px;
    height: 600px;
    top: 0;
    left: 0;
    pointer-events: none;
    
}

.bt_27, .bg1_27, .bg2_27, .bg3_27, .bg4_27{
    transform-style: preserve-3d;
    
}

.btcn_27{
    perspective: 200px;
}

.cap_27{
    transform-origin: 50% 38px;
}

.bt_27{
    background-image: url('../assets/bt.png');
}

.bg1_27{
    background-image: url('../assets/bg1.png');
}

.bg2_27{
    background-image: url('../assets/bg2.png');
}

.bg3_27{
    background-image: url('../assets/bg3.png');
}

.bg4_27{
    background-image: url('../assets/bg4.png');
}

.cap_27{
    background-image: url('../assets/cap.png');
}



/* =============================================================== */

.clbtn_27{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 1%;
    right: 2%;

    /* background-image: url('../assets/closeBtn.png'); */
    /* background-size: cover; */
    border-radius: 50%;
    background: linear-gradient(90deg, #1a1717, #070202);
    border: 1px solid;
    color: #fff;
    cursor: pointer;
}

.clsc_27{

    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);

    pointer-events: none;
}

.clbtl_27, .clbtr_27{
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: #fff;
    top: 50%;
    left: 50%;

    pointer-events: none;
   
}

.clbtl_27{
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.clbtr_27{
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}



/* =============================================================== */

@media (pointer: coarse){
	
    .bgimg_27, .logo_27, .cp_27, .cta_27{
        position: absolute;

        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .bgimg_27{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;

        background-image: url('../assets/bgimg_m.jpg');
        background-size: cover;
    }

    .logo_27{

        width: 32.0%;
        height: 9.5%;
        top: 4.7%;
        left: 0;
        right: 0;
        margin: 0 auto;

        background-image: url('../assets/logo.png');
    }

    .cp_27{
        width: 74.9%;
        height: 5.2%;
        left: 0;
        right: 0;
        top: 78.7%;
        margin: 0 auto;

        background-image: url('../assets/cp.png');
    }

    .cta_27{
        width: 47.5%;
        height: 6.8%;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 87.3%;

        background-image: url('../assets/cta.png');
        cursor: pointer;
    }


}

@media (pointer: coarse) and (max-width: 450px){

    

}

@media (pointer: coarse) and (min-width: 450px){



}

@media (pointer: fine), (pointer: none) {


    .bgimg_27, .logo_27, .cp_27, .cta_27{
        position: absolute;

        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .bgimg_27{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;

        background-image: url('../assets/bgimg.jpg');
        background-size: cover;
    }

    .logo_27{

        width: 10.2%;
        height: 9.5%;
        top: 5.6%;
        left: 0;
        right: 0;
        margin: 0 auto;

        background-image: url('../assets/logo.png');
    }

    .cp_27{
        width: 23.9%;
        height: 5.3%;
        left: 0;
        right: 0;
        top: 78.7%;
        margin: 0 auto;

        background-image: url('../assets/cp.png');
    }

    .cta_27{
        width: 15.1%;
        height: 6.8%;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 87.3%;

        background-image: url('../assets/cta.png');
        cursor: pointer;
    }


}

@media (pointer: fine) and (any-pointer: coarse) {



}