.binladan-outer{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center ;
    -ms-flex-align: center ;
    align-items: center ;
    z-index: 9;
    text-align: center;
    transition:opacity 1s ease;
}
.keep-scroll{
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
}
.keep-scroll.v2{
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -100px; 
    z-index: 999;
    max-width: 200px;
    opacity: 0.8
}
.keep-scroll-inner{
    width: 100%;
    position: relative;
    padding-bottom: 7.5% 
}
.binladan-outer.hide{
    opacity:0;
}
.animation-section::after{
    content: "";
    clear: both;
    display: table;
    background-image: url("../images/helicopter-anim/bg-mobe.png");
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 547px;
    background-repeat: no-repeat
}
.animation-section {
    position: relative;
    width: 100%;
    height: 1800px; /* ALWAYS FIXED */
}
.scene {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}
.scene.finished {
    position: absolute;
    top: 1000px; /* 1800 - viewport-independent final position */
    left: 0;
    width: 100%;
    height: 800px;
}
.helicopter{
    position:absolute;
    width:420px;
    left:-440px;
    top:28%;
    z-index: 999
}
.helicopter-inner{
    width: 100%;
    position: relative;
    padding-bottom: 36.02941176470588% ;
    rotate:5deg;
}
.rope{
    position:absolute;
    width:2px;
    height:0;
    left: 217px;
    top:121px;
    background-image: url("../images/helicopter-anim/rop.png");
    background-position: center;
    background-size: 100%;
    z-index:999;
}
.man{
    position:absolute;
    width:15%;
    left: 191px;
    top:95px;
    opacity:0;
    z-index:999;
    animation: rotateLeftRight 2s ease-in-out infinite;
    transform-origin: center;
}
.man-inner{
    width: 100%;
    position: relative;
    padding-bottom: 190.0990099009901% 
}
@keyframes rotateLeftRight {
    0% { transform: rotate(-2deg);}
    50% {transform: rotate(2deg);}
    100% {transform: rotate(-2deg);}
}
.man img{width: 100%;}
.title{
    display:block !important;
    opacity:0;
    transform:scale(0.2);
    transform-origin:center center;
    pointer-events:none;
    position: absolute;
    left: 0;
    bottom:116px;
    right: 0; 
    z-index: 9;
    text-align: center;
    padding: 0 20px;
}
.title-text{
    max-width:320px;
    width: 100%;
    margin: 0 auto;
}
.title-text-inner{
    width: 100%;
    position: relative;
    padding-bottom: 56.06469002695418% 
}
.title.show{
    opacity:1;
    transform:scale(1);
    transition:
        opacity .4s ease,
        transform 1.2s cubic-bezier(.16,1,.3,1);
}
@media(max-width:600px){
    .helicopter{
        transform:scale(.75);
        transform-origin:center;
    }
}
@media(min-width:600px){
    .fixed-left .keep-scroll.v2{top: 30px;}
    .keep-scroll.v2{top: 30px;}
    .animation-section::after{background-image: url("../images/helicopter-anim/bg.png");}
    .keep-scroll{max-width: 350px;}
    .title{ bottom: 142px;}
    .title-text-inner{
        width: 100%;
        position: relative;
        padding-bottom: 23.688663282571913%;
    }
    .title-text{ max-width:600px;}
    .keep-scroll{font-size: 55px;}
    .arrow{width:40px;height:40px;}
}
.heroClouds {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/helicopter-anim/cloud.jpg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center center;
    animation: clouds 70s linear infinite;
    -webkit-animation: clouds 70s linear infinite;
    padding: 20px;
    pointer-events: none;
}
@keyframes clouds {
    from {background-position: 0 0;}
    to {background-position: -1920px 0;}
}
@-webkit-keyframes clouds {
    from {background-position: 0 0;}
    to {  background-position: -1920px 0;}
}