@keyframes animTranslateOneLS {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(120%);
    }
}
@keyframes animTranslateOne2LS {
    0% {
        transform: translateX(120%);
    }
    100% {
        transform: translateX(0%);
    }
}
@keyframes animTranslateTwoLS {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-120%);
    }
}
@keyframes animTranslateTwo2LS {
    0% {
        transform: translateX(-120%);
    }
    100% {
        transform: translateX(0%);
    }
}
@keyframes Bradius {
    0% {
        border-radius: 20px 20px 20px 20px;
    }
    100% {
        border-radius: 20px 20px 0 0;
    }
}
@keyframes Bradius2 {
    0% {
        border-radius: 20px 20px 0 0;
    }
    100% {
        border-radius: 20px 20px 20px 20px;
    }
}
@keyframes Aheight {
    0% {
        height: 0;
    }
    100% {
        height: 60vh;
    }
}
@keyframes Aheight2 {
    0% {
        height: 60vh;
    }
    100% {
        height: 0;
    }
}
@keyframes translateYOne {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-30vh);
    }
}
@keyframes translateYOne2 {
    0% {
        transform: translateY(-30vh);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes translateYTwo {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-60vh);
    }
}
@keyframes translateYTwo2 {
    0% {
        transform: translateY(-60vh);
    }
    100% {
        transform: translateY(0);
    }
}
.animTranslateOneLS {
    animation-duration: 1s;
    animation-name: animTranslateOneLS;
    animation-fill-mode: forwards;
}
.animTranslateOne2LS {
    animation-duration: 1s;
    animation-name: animTranslateOne2LS;
    animation-fill-mode: forwards;
}
.animTranslateTwoLS {
    animation-duration: 1s;
    animation-name: animTranslateTwoLS;
    animation-fill-mode: forwards;
}
.animTranslateTwo2LS {
    animation-duration: 1s;
    animation-name: animTranslateTwo2LS;
    animation-fill-mode: forwards;
}
.Bradius {
    animation-duration: 0.33s;
    animation-name: Bradius;
    animation-fill-mode: forwards;
}
.Bradius2 {
    animation-duration: 0.33s;
    animation-name: Bradius2;
    animation-fill-mode: forwards;
}
.Aheight {
    animation-duration: 1s;
    animation-name: Aheight;
    animation-fill-mode: forwards;
}
.Aheight2 {
    animation-duration: 1s;
    animation-name: Aheight2;
    animation-fill-mode: forwards;
}
.translateYOne {
    animation-duration: 1s;
    animation-name: translateYOne;
    animation-fill-mode: forwards;
}
.translateYOne2 {
    animation-duration: 1s;
    animation-name: translateYOne2;
    animation-fill-mode: forwards;
}
.translateYTwo {
    animation-duration: 1s;
    animation-name: translateYTwo;
    animation-fill-mode: forwards;
}
.translateYTwo2 {
    animation-duration: 1s;
    animation-name: translateYTwo2;
    animation-fill-mode: forwards;
}
#divBoxServiceDE,
#divBoxServiceCC,
#divBoxServiceAS {
    width: 100%;
    overflow: hidden;
}
#divServiceDE,
#divServiceCC,
#divServiceAS {
    margin: 2.5vh auto;
}
#divBoxInfoServiceLS,
#divBoxInfoServiceCCLS,
#divBoxInfoServiceASLS {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    top: 25vh;
    height: 0;
    background-color: white;
    border-radius: 0 0 20px 20px;
}
#divOS {
    overflow: hidden;
    overflow-y: scroll;
    height: 58vh;
    display: none;
}
#btnDELS,
#btnCCLS,
#btnASLS {
    margin-bottom: 20px;
}