/* ANIMATION */

#content .loading-spin {
    display: none !important;
}

@keyframes animation_text {
    from {
        top: 0px;
    }

    50% {
        top: 100px !important;
    }

    /* ignored */
    to {
        top: 200px;
    }
}

@keyframes animation_texttwo {
    from {
        top: 0px;
    }

    50% {
        top: 100px !important;
    }

    /* ignored */
    to {
        top: 200px;
    }
}

@keyframes animation_textthree {
    0% {
        top: -100px;
        opacity: 0;
    }

    36% {
        top: -100px;
        opacity: 0;
    }

    40% {
        top: 0px;
        opacity: 1;
    }

    44% {
        top: 0px;
        opacity: 1;
    }

    56% {
        top: 0px;
        opacity: 1;
    }

    60% {
        top: 100px;
        opacity: 0;
        z-index: 0;
    }

    61% {
        top: -100px;
        opacity: 0;
        z-index: -1;
    }

    100% {
        top: -100px;
        opacity: 0;
        z-index: -1;
    }
}

@keyframes animation_textfour {
    0% {
        top: -100px;
        opacity: 0;
    }

    56% {
        top: -100px;
        opacity: 0;
    }

    60% {
        top: 0px;
        opacity: 1;
    }

    64% {
        top: 0px;
        opacity: 1;
    }

    76% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }

    80% {
        top: 100px;
        opacity: 0;
        z-index: 0;
    }

    81% {
        top: -100px;
        opacity: 0;
        z-index: -1;
    }

    100% {
        top: -100px;
        opacity: 0;
        z-index: -1;
    }
}

@keyframes animation_textfive {
    0% {
        top: -100px;
        opacity: 0;
    }

    76% {
        top: -100px;
        opacity: 0;
    }

    80% {
        top: 0px;
        opacity: 1;
    }

    84% {
        top: 0px;
        opacity: 1;
    }

    96% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }

    100% {
        top: 100px;
        opacity: 0;
        z-index: 0;
    }
}

/* ANIMATION BAR */
@keyframes fullexpand {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        width: 0%;
        opacity: 0;
    }

    4%,
    24%,
    44%,
    64%,
    84% {
        width: 0%;
        opacity: 0.3;
    }

    16%,
    36%,
    56%,
    76%,
    96% {
        width: 100%;
        opacity: 0.7;
    }

    17%,
    37%,
    57%,
    77%,
    97% {
        width: 100%;
        opacity: 0.3;
    }

    18%,
    38%,
    58%,
    78%,
    98% {
        width: 100%;
        opacity: 0;
    }
}

.home_banner .effect_container {
    width: 100%;
    height: 80px;
    position: relative;
    list-style: none;
    overflow: hidden;
    top: -35px;
}
  
.home_banner .effect_container .banner_title.black {
    font-size: 4.4rem;
    color: #4b4b60;
    font-family: 'SVN-HelveticaNowDisplay-Medium';
    letter-spacing: -0.0275em;
    word-spacing: 0;
    margin: 0;
    line-height: 80px;
    white-space: nowrap;
}

.banner_title.black {
    font-size: 70px;
    color: #4b4b60;
    font-family: 'SVN-HelveticaNowDisplay-Medium';
    letter-spacing: -5px;
    word-spacing: -4px;
    margin: 0;
    line-height: 80px;
    white-space: nowrap;
}

.page_printer {
    .banner_title.black {
        font-size: inherit;
        color: #4b4b60;
        font-family: 'SVN-HelveticaNowDisplay-Medium';
        letter-spacing: initial;
        word-spacing: -3px;
        margin: 0;
        line-height: inherit;
        white-space: nowrap;
    }
}

@keyframes mymove {
    /* visible */
    from {
        top: 0px;
    }

    10% {
        top: 0px;
    }

    30% {
        top: -200px;
    }

    /* invisible */
    to {
        top: -200px;
    }
}


@keyframes mymove2 {
    from {
        top: 100px;
    }

    20% {
        top: 100px;
    }

    30% {
        /* visible */
        top: 0px;
    }

    50% {
        top: -200px;
    }

    /* ignored */
    to {
        top: -200px;
    }
}

@keyframes mymove3 {
    from {
        top: 100px;
    }

    30% {
        top: 100px;
    }

    /* visible */
    50% {
        top: 0px;
    }

    70% {
        top: -200px;
    }

    to {
        top: -200px;
    }
}


@keyframes mymove4 {
    from {
        top: 100px;
    }

    50% {
        top: 100px;
    }

    /* visible */
    70% {
        top: 0px;
    }

    90% {
        top: -200px;
    }

    /* disable */
    to {
        top: -200px;
    }
}


.home_banner .banner_title {
    width: 100%;
}

.home_banner .banner_title.black.animation_1 {
    width: 100%;
    position: absolute;
    animation: mymove 10s infinite;
}



.home_banner .banner_title.black.animation_2 {
    width: 100%;
    position: absolute;
    animation: mymove2 10s infinite;
}

.home_banner .banner_title.black.animation_3 {
    width: 100%;
    position: absolute;
    animation: mymove3 10s infinite;
}

.home_banner .banner_title.black.animation_4 {
    width: 100%;
    position: absolute;
    animation: mymove4 10s infinite;
}

.home_banner .banner_title.black.animation_5 {
    display: none;
}


#content .section_location_technology  .slider-nav-light .flickity-prev-next-button {
  bottom: 50%;
  top: unset;
}

#content .section_location_technology .slider-nav-light .flickity-prev-next-button svg {
  display: none;
}

#content .section_location_technology .slider-nav-light .flickity-prev-next-button.previous {
  position: absolute;
  color: #fff;
  content: '';
  background: url(../images/arrow_left_red.png) no-repeat;
  background-size: 40px;
  width: 40px;
  height: 40px;
}

#content .section_location_technology .slider-nav-light .flickity-prev-next-button.next {
  position: absolute;
  color: #fff;
  content: '';
  background: url(../images/arrow_right_red.png) no-repeat;
  background-size: 40px;
  width: 40px;
  height: 40px;
}