.scroll-custom-l {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    transition: transform 1500ms cubic-bezier(0.25, 0.1, 0.25, 1),opacity 1500ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

.scroll-custom-u {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    transition: transform 1500ms cubic-bezier(0.25, 0.1, 0.25, 1),opacity 1500ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.scroll-custom-m {
    -webkit-transition: -webkit-transform 1300ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1300ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    transition: transform 1300ms cubic-bezier(0.25, 0.1, 0.25, 1),opacity 1300ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

.scroll-custom-i {
    -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1600ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    transition: transform 1600ms cubic-bezier(0.25, 0.1, 0.25, 1),opacity 1600ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

.scroll-custom-e {
    -webkit-transition: -webkit-transform 1700ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1700ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    transition: transform 1500ms cubic-bezier(0.25, 0.1, 0.25, 1),opacity 1700ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

.scroll-custom-e2 {
    -webkit-transition: -webkit-transform 1800ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1800ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    transition: transform 1800ms cubic-bezier(0.25, 0.1, 0.25, 1),opacity 1800ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}




.scroll_transition {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


html.touchevents .scroll_transition {
    -webkit-transition: none !important;
    transition: none !important;
}

    html.touchevents .scroll_transition.forced {
        -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
        transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
    }

@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
    /* For desktop: */



/*    .classL {
        top: 160px;
        left: 415px;
    }

    .classu {
        top: 65px;
        left: 410px;
    }*/



    .classLnew {
        top: 105px;
        left: 285px;
    }

    .classUnew {
        top: 150px;
        left: 280px;
    }



    .classm {
        top: 120px;
        left: 280px;
    }

    .classi {
        top: 160px;
        left: 270px;
    }

    .classe {
        top: 280px;
        left: 280px;
        z-index: 3;
    }

    .classe2 {
        top: 420px;
        left: 280px;
        z-index: 9;
    }

    .chic_layer img {
        height: 195px;
    }
}

@media only screen and (min-width: 1920px) {
    /*    .classL {
        top: 290px;
        left: 550px;
    }*/
    /*  .classu {
        top: 185px;
        left: 540px;
    }*/
    .classLnew {
        top: 53px;
        left: 430px;
    }
   
    .classUnew {
        top: 95px;
        left: 410px;
    }

    .classm {
        top: 95px;
        left: 390px;
    }


    .classi {
        top: 53px;
        left: 390px;
    }

    .classe {
        top: 53px;
        left: 395px;
        z-index: 3;
    }

    .classe2 {
        top: 53px;
        left: 435px;
        z-index: 9;
    }

    .chic_layer img {
        height: 235px;
    }
}
/*.classm {
   z-index:9;
}
.classe2 {
  
    z-index: 9;
}*/