.header_phrase__left {
    transform: translate(0px, 120%);
    opacity: 0;

    transition: all 1.5s ease 0s;
}

.header_phrase__left._active {
    transform: translate(0px, 0px);
    opacity: 1;
}


.header_phrase__right {
    transform: translate(0px, 120%);
    opacity: 0;

    transition: all 1.5s ease 0.3s;
}
.header_phrase__right._active {
    transform: translate(0px, 0px);
    opacity: 1;
}

.nav_1 {
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 0.3s ease 0s;
}
.nav_1._active {
    transform: translate(0px, 0px);
    opacity: 1;
}

.nav_2 {
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 0.6s ease 0s;
}
.nav_2._active {
    transform: translate(0px, 0px);
    opacity: 1;
}

.nav_3 {
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 0.9s ease 0s;
}
.nav_3._active {
    transform: translate(0px, 0px);
    opacity: 1;
}

.nav_4 {
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1.2s ease 0s;
}
.nav_4._active {
    transform: translate(0px, 0px);
    opacity: 1;
}




.footer__label_one_box_right_1{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 0s;
}
.footer__label_one_box_right_1._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* /////////////////////////////////// */
.footer__label_one_box_right_2{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 0.2s;
}
.footer__label_one_box_right_2._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* ////////////////////////////////////// */
.footer__label_one_box_right_3{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 0.4s;
}
.footer__label_one_box_right_3._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* /////////////////////////////////////// */
.footer__label_one_box_right_4{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 0.6s;
}
.footer__label_one_box_right_4._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* ////////////////////////////////// */
.footer__label_one_box_right_5{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 0.8s;
}
.footer__label_one_box_right_5._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* /////////////////////////////////////// */
.footer__label_one_box_right_6{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 1.0s;
}
.footer__label_one_box_right_6._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* /////////////////////////////////////// */
.footer__label_one_box_right_7{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 1.2s;
}
.footer__label_one_box_right_7._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* /////////////////////////////////////// */
.footer__label_one_box_right_8{
    transform: translate(-120%, 0px);
    opacity: 0;

    transition: all 1s ease 1.4s;
}
.footer__label_one_box_right_8._active {
    transform: translate(0px, 0px);
    opacity: 1;
}



/* //////////////////////// */
/* ///////////////////////////////// */

.footer__label_two_box_left_mail {
    transform: translate(120%, 0px);
    opacity: 0;

    transition: all 1s ease 0.6s;
}
.footer__label_two_box_left_mail._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* ++++++++++++++++++++++++++++++++++ */
.footer__label_two_box_left_website {
    transform: translate(120%, 0px);
    opacity: 0;

    transition: all 1s ease 0.8s;
}
.footer__label_two_box_left_website._active {
    transform: translate(0px, 0px);
    opacity: 1;
}
/* ++++++++++++++++++++++++++++++++++++++ */
.footer__label_two_box_left_support {
    transform: translate(120%, 0px);
    opacity: 0;

    transition: all 1s ease 1.0s;
}
.footer__label_two_box_left_support._active {
    transform: translate(0px, 0px);
    opacity: 1;
}


.work h1 {
    transform: translate(0px, 120%);
    opacity: 0;

    transition: all 0.5s ease 0s;
}

.work h1._active {
    transform: translate(0px, 0px);
    opacity: 1;
}

.work h2 {
    transform: translate(0px, 120%);
    opacity: 0;

    transition: all 0.8s ease 0s;
}

.work h2._active {
    transform: translate(0px, 0px);
    opacity: 1;
}

.work h3 {
    transform: translate(0px, 120%);
    opacity: 0;

    transition: all 1.1s ease 0s;
}

.work h3._active {
    transform: translate(0px, 0px);
    opacity: 1;
}