.sy_transferpipette {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.sy_transferpipette--days {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -109px;
    font-size: 32px;
    color: white;
    font-weight: 600;
    line-height: 1.3em;
    width: 213px;
    height: 218px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    
      opacity: 0;
}

.pulse {
      transform: translateY(120px) scale(0.6);
      animation: popup .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}


    @keyframes popup {
      0% {
        opacity: 0;
        transform: translateY(120px) scale(0.6);
      }
      50% {
        opacity: 1;
        transform: translateY(-10px) scale(1.1);
      }
      70% {
        transform: translateY(5px) scale(0.98);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

.sy_transferpipette--pipette {    
    overflow: hidden;
    position: absolute;    
    top: -300px;
    left: 200px;
    height: 1890px; 
    transform: translateY(200px) scale(0.7);
    opacity: 0;
}

.sy_transferpipette--pipette-visible {
      animation: popup2 1s cubic-bezier(0.22, 1, 0.76, 1) forwards;
}

    @keyframes popup2 {
      0% {
        opacity: 0;
        transform: translateY(200px) scale(0.7);
      }
      60% {
        opacity: 1;
        transform: translateY(-10px) scale(1.02);
      }
      80% {
        opacity: 1;
        transform: translateY(5px) scale(0.99);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }


.sy_transferpipette--pipette > img {
    height: 100%;
}
.sy_transferpipette--pipette > img.sy_transferpipette--pipette--background {
    position: absolute;
    top: 0;
    left: 0;
}
.sy_transferpipette--pipette--counter {
    position: absolute;
    top: 490px;
    left: 183px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    opacity: .7;
}
.sy_transferpipette--pipette--counter img {    
    height: 26px;
    position: absolute;
    left: 0;
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.sy_transferpipette--pipette--counter img#sy_transferpipette--pipette--counter-one {
    top: 0;
}
.sy_transferpipette--pipette--counter img#sy_transferpipette--pipette--counter-two {
    top: 28px;
}

.sy_transferpipette--pipette--counter img.number1 {
    left: -23px;
} 
.sy_transferpipette--pipette--counter img.number2 {
    left: -45px;
} 
.sy_transferpipette--pipette--counter img.number3 {
    left: -68px;
} 
.sy_transferpipette--pipette--counter img.number4 {
    left: -90px;
} 
.sy_transferpipette--pipette--counter img.number4 {
    left: -90px;
} 
.sy_transferpipette--pipette--counter img.number5 {
    left: -112px;
} 
.sy_transferpipette--pipette--counter img.number6 {
    left: -136px;
} 
.sy_transferpipette--pipette--counter img.number7 {
    left: -158px;
} 
.sy_transferpipette--pipette--counter img.number8 {
    left: -180px;
} 
.sy_transferpipette--pipette--counter img.number9 {
    left: -202px;
} 
.sy_transferpipette--pipette--counter img.number0 {
    left: -225px;
} 



#sy_transferpipette--box {
    opacity: 0;
    transition: 1s;
}

#sy_transferpipette--box.sy_transferpipette--box-visible {
    opacity: 1!important;
}



@media screen and (max-width: 1024px) {
    .sy_transferpipette--pipette {
        left: 30%;
        margin-left: -236px;
    }
}

@media screen and (max-width: 768px) {
    .b_startpagestage.b_startpagestage--short {
        position: relative;
    }
    .sy_transferpipette {
        top: 0px;
        overflow: hidden;
    }
    .sy_transferpipette--pipette {
        left: 50%;
        margin-left: -236px;
        overflow: hidden;
        top: -420px;
    }
    #sy_transferpipette--box br {
        display: none;
    }
    .sy_transferpipette--days {
        top: 30%;
    }
}
@media screen and (max-width: 640px) {
    .sy_transferpipette--days {
        display: none;
    }
}