@charset "UTF-8";

/* ------  104 services -----  */
.step:nth-child(1){
    animation: screen_anim1 14s linear infinite;
    will-change: transform;
    /*z-index: 1000;*/
}

.step:nth-child(2){
    animation: screen_anim2 14s linear infinite;
    will-change: transform;
}
.step:nth-child(3){
    animation: screen_anim3 14s linear infinite;
    will-change: transform;
}

.step:nth-child(4){
    animation: screen_anim4 14s linear infinite;
    will-change: transform;
}

.step:nth-child(5){
    animation: screen_anim5 14s linear infinite;
    will-change: transform;
}
.step:nth-child(6){
    animation: screen_anim6 14s linear infinite;
    will-change: transform;
}

.step:nth-child(7){
    animation: screen_anim7 14s linear infinite;
    will-change: transform;
}

@keyframes screen_anim1
{
    0%{
        transform:translateY(0%)
    }4.75%,
    4.751%{
        transform:translateX(0%);
        opacity: 1;
    }9.5%,
    9.51%{
        transform:translateX(-140%);
        opacity: 1;
    }14.25%,
    14.251%{
        transform:translateX(-140%);
        opacity: 0;
    }19%,
 
    19.1%{
        transform:translateX(-140%);
    }23.75%,
    23.751%{
        transform:translateX(700%);
        opacity: 0;
    }28.5%,
    28.51%{
        transform:translateX(700%);
        opacity: 1;
    }33.25%,
    33.251%{
        transform:translateX(700%);
    }38%,
    38.1%{
        transform:translateX(560%);
    }42.75%,
    42.751%{
        transform:translateX(560%)
    }47.5%,
    47.51%{
        transform:translateX(560%)
    }52.25%,
    52.251%{
         transform:translateX(420%)
    }57%,
    57.1%{
         transform:translateX(420%)
    }61.75%,
    61.751%{
         transform:translateX(420%)
    }66.5%,
    66.51%{
	    transform:translateX(280%)
    }71.25%,
    71.251%{   
        transform:translateX(280%)
	}76%,
    76.1%{
        transform:translateX(280%)
    }80.75%,
    80.751%{
        transform:translateX(140%)
    }85.5%,
    85.51%{
        transform:translateX(140%)
    }90.25%,
    90.251%{
        transform:translateX(140%)
    }95%,
    99.99%{transform:translateX(0%)}
}

@keyframes screen_anim2
{
    0%{
        transform:translateY(0%)
    }4.75%,
    4.751%{
        transform:translateX(0%);
    }9.5%,
    9.51%{
        transform:translateX(-140%);
    }14.25%,
    14.251%{
        transform:translateX(-140%);
    }19%,
 
    19.1%{
        transform:translateX(-140%);
    }23.75%,
    23.751%{
        transform:translateX(-280%);
        opacity: 1;
    }28.5%,
    28.51%{
        transform:translateX(-280%);
        opacity: 0;
    }33.25%,
    33.251%{
        transform:translateX(-280%);
    }38%,
    38.1%{
        transform:translateX(560%);
        opacity: 0;
    }42.75%,
    42.751%{
        transform:translateX(560%);
        opacity: 1;
    }47.5%,
    47.51%{
        transform:translateX(560%)
    }52.25%,
    52.251%{
         transform:translateX(420%)
    }57%,
    57.1%{
         transform:translateX(420%)
    }61.75%,
    61.751%{
         transform:translateX(420%)
    }66.5%,
    66.51%{
	    transform:translateX(280%)
    }71.25%,
    71.251%{   
        transform:translateX(280%)
	}76%,
    76.1%{
        transform:translateX(280%)
    }80.75%,
    80.751%{
        transform:translateX(140%)
    }85.5%,
    85.51%{
        transform:translateX(140%)
    }90.25%,
    90.251%{
        transform:translateX(140%)
    }95%,
    99.99%{transform:translateX(0%)}
}

@keyframes screen_anim3
{
    0%{
        transform:translateY(0%)
    }4.75%,
    4.751%{
        transform:translateX(0%);
    }9.5%,
    9.51%{
        transform:translateX(-140%);
    }14.25%,
    14.251%{
        transform:translateX(-140%);
    }19%,
 
    19.1%{
        transform:translateX(-140%);
    }23.75%,
    23.751%{
        transform:translateX(-280%);
    }28.5%,
    28.51%{
        transform:translateX(-280%);
    }33.25%,
    33.251%{
        transform:translateX(-280%);
    }38%,
    38.1%{
        transform:translateX(-420%);
        opacity: 1;
    }42.75%,
    42.751%{
        transform:translateX(-420%);
        opacity: 0;
    }47.5%,
    47.51%{
        transform:translateX(-420%)
    }52.25%,
    52.251%{
        transform:translateX(420%);
        opacity: 0;
    }57%,
    57.1%{
        transform:translateX(420%);
        opacity: 1;
    }61.75%,
    61.751%{
         transform:translateX(420%)
    }66.5%,
    66.51%{
	    transform:translateX(280%)
    }71.25%,
    71.251%{   
        transform:translateX(280%)
	}76%,
    76.1%{
        transform:translateX(280%)
    }80.75%,
    80.751%{
        transform:translateX(140%)
    }85.5%,
    85.51%{
        transform:translateX(140%)
    }90.25%,
    90.251%{
        transform:translateX(140%)
    }95%,
    99.99%{transform:translateX(0%)}
}

@keyframes screen_anim4
{
    0%{
        transform:translateY(0%)
    }4.75%,
    4.751%{
        transform:translateX(0%);
    }9.5%,
    9.51%{
        transform:translateX(-140%);
    }14.25%,
    14.251%{
        transform:translateX(-140%);
    }19%,
 
    19.1%{
        transform:translateX(-140%);
    }23.75%,
    23.751%{
        transform:translateX(-280%);
    }28.5%,
    28.51%{
        transform:translateX(-280%);
    }33.25%,
    33.251%{
        transform:translateX(-280%);
    }38%,
    38.1%{
        transform:translateX(-420%);
    }42.75%,
    42.751%{
        transform:translateX(-420%);
    }47.5%,
    47.51%{
        transform:translateX(-420%)
    }52.25%,
    52.251%{
        transform:translateX(-560%);
        opacity: 1;
    }57%,
    57.1%{
        transform:translateX(-560%);
        opacity: 0;
    }61.75%,
    61.751%{
         transform:translateX(-560%)
    }66.5%,
    66.51%{
	    transform:translateX(280%);
        opacity: 0;
    }71.25%,
    71.251%{   
        transform:translateX(280%);
        opacity: 1;
	}76%,
    76.1%{
        transform:translateX(280%)
    }80.75%,
    80.751%{
        transform:translateX(140%)
    }85.5%,
    85.51%{
        transform:translateX(140%)
    }90.25%,
    90.251%{
        transform:translateX(140%)
    }95%,
    99.99%{transform:translateX(0%)}
}

@keyframes screen_anim5
{
    0%{
        transform:translateY(0%)
    }4.75%,
    4.751%{
        transform:translateX(0%);
    }9.5%,
    9.51%{
        transform:translateX(-140%);
    }14.25%,
    14.251%{
        transform:translateX(-140%);
    }19%,
 
    19.1%{
        transform:translateX(-140%);
    }23.75%,
    23.751%{
        transform:translateX(-280%);
    }28.5%,
    28.51%{
        transform:translateX(-280%);
    }33.25%,
    33.251%{
        transform:translateX(-280%);
    }38%,
    38.1%{
        transform:translateX(-420%);
    }42.75%,
    42.751%{
        transform:translateX(-420%);
    }47.5%,
    47.51%{
        transform:translateX(-420%)
    }52.25%,
    52.251%{
        transform:translateX(-560%);
    }57%,
    57.1%{
        transform:translateX(-560%);
    }61.75%,
    61.751%{
         transform:translateX(-560%)
    }66.5%,
    66.51%{
	    transform:translateX(-700%);
        opacity: 1;
    }71.25%,
    71.251%{   
        transform:translateX(-700%);
        opacity: 0;
	}76%,
    76.1%{
        transform:translateX(-700%)
    }80.75%,
    80.751%{
        transform:translateX(140%);
        opacity: 0;
    }85.5%,
    85.51%{
        transform:translateX(140%);
        opacity: 1;
    }90.25%,
    90.251%{
        transform:translateX(140%)
    }95%,
    99.99%{transform:translateX(0%)}
}


@keyframes screen_anim6
{
    0%{
        transform:translateY(0%);
        opacity: 0;
    }4.75%,
    4.751%{
        transform:translateX(0%);
                opacity: 1;
    }9.5%,
    9.51%{
        transform:translateX(-140%);

    }14.25%,
    14.251%{
        transform:translateX(-140%);
    }19%,
 
    19.1%{
        transform:translateX(-140%);
    }23.75%,
    23.751%{
        transform:translateX(-280%);
    }28.5%,
    28.51%{
        transform:translateX(-280%);
    }33.25%,
    33.251%{
        transform:translateX(-280%);
    }38%,
    38.1%{
        transform:translateX(-420%);
    }42.75%,
    42.751%{
        transform:translateX(-420%);
    }47.5%,
    47.51%{
        transform:translateX(-420%)
    }52.25%,
    52.251%{
        transform:translateX(-560%);
    }57%,
    57.1%{
        transform:translateX(-560%);
    }61.75%,
    61.751%{
         transform:translateX(-560%)
    }66.5%,
    66.51%{
	    transform:translateX(-700%);
    }71.25%,
    71.251%{   
        transform:translateX(-700%);
	}76%,
    76.1%{
        transform:translateX(-700%);
    }80.75%,
    80.751%{
        transform:translateX(-840%);

    }85.5%,
    85.51%{
        transform:translateX(-840%);
        opacity: 1

    }90.25%,
    90.251%{
        transform:translateX(-840%);
            opacity: 0
    }95%,
    99.99%{transform:translateX(0%);
        opacity: 0
    
    }
}


@keyframes screen_anim7
{
    0%{
        transform:translateY(0%);
            opacity:0;
            
    }4.75%,
    4.751%{
        transform:translateX(0%);
    }9.5%,
    9.51%{
        transform:translateX(-140%);
    }14.25%,
    14.251%{
        transform:translateX(-140%);
    }19%,
 
    19.1%{
        transform:translateX(-140%);
    }23.75%,
    23.751%{
        transform:translateX(-280%);
        opacity:1;
    }28.5%,
    28.51%{
        transform:translateX(-280%);
    }33.25%,
    33.251%{
        transform:translateX(-280%);
    }38%,
    38.1%{
        transform:translateX(-420%);
    }42.75%,
    42.751%{
        transform:translateX(-420%);
    }47.5%,
    47.51%{
        transform:translateX(-420%)
    }52.25%,
    52.251%{
        transform:translateX(-560%);
    }57%,
    57.1%{
        transform:translateX(-560%);
    }61.75%,
    61.751%{
         transform:translateX(-560%)
    }66.5%,
    66.51%{
	    transform:translateX(-700%);
    }71.25%,
    71.251%{   
        transform:translateX(-700%);
	}76%,
    76.1%{
        transform:translateX(-700%)
    }80.75%,
    80.751%{
        transform:translateX(-840%);
        
    }85.5%,
    85.51%{
        transform:translateX(-840%);
    }90.25%,
    90.251%{
        transform:translateX(-840%);
        opacity: 1;
    }95%,
    99.99%
    {transform:translateX(-980%);
    opacity: 1;
    }
    99.999%
    {transform:translateX(-980%);
    opacity: 0;
    }
}



.step2:nth-child(1){
    animation: screen_anim2_1 10s linear infinite;
    will-change: transform;
    /*z-index: 1000;*/
}

.step2:nth-child(2){
    animation: screen_anim2_2 10s linear infinite;
    will-change: transform;
}

.step2:nth-child(3){
    animation: screen_anim2_3 10s linear infinite;
    will-change: transform;
}

.step2:nth-child(4){
    animation: screen_anim2_4 10s linear infinite;
    will-change: transform;
}
.step2:nth-child(5){
    animation: screen_anim2_5 10s linear infinite;
    will-change: transform;
}

@keyframes screen_anim2_1
{
    0%{
        transform:translateY(0%)
    }6.66%,
    6.661%{
        transform:translateX(0%);

    }13.32%,
    13.321%{
        transform:translateX(-140%);
        opacity: 1;
    }19.98%,
    19.981%{
        transform:translateX(-140%);
        opacity: 0;
    }26.64%,
 
    26.641%{
        transform:translateX(-140%);
    }33.3%,
    33.31%{
        transform:translateX(420%);
        opacity: 0;
    }39.96%,
    39.961%{
        transform:translateX(420%);
       opacity: 1;
    }46.62%,
    46.621%{
        transform:translateX(420%);
    }53.28%,
    53.281%{
        transform:translateX(280%);
    }59.94%,
    59.941%{
        transform:translateX(280%)
    }66.6%,
    66.61%{
        transform:translateX(280%)
    }73.26%,
    73.261%{
         transform:translateX(140%)
    }79.92%,
    79.921%{
         transform:translateX(140%)
    }86.58%,
    86.581%{
         transform:translateX(140%)
    }93.24%,
    93.241%{
	    transform:translateX(0%)
    }
}

@keyframes screen_anim2_2
{
    0%{
        transform:translateY(0%)
    }6.66%,
    6.661%{
        transform:translateX(0%);
    }13.32%,
    13.321%{
        transform:translateX(-140%);
    }19.98%,
    19.981%{
        transform:translateX(-140%);
    }26.64%,
    26.641%{
        transform:translateX(-140%);
    }33.3%,
    33.31%{
        transform:translateX(-280%);
        opacity: 1;
    }39.96%,
    39.961%{
        transform:translateX(-280%);
        opacity: 0;
    }46.62%,
    46.621%{
        transform:translateX(-280%);
    }53.28%,
    53.281%{
        transform:translateX(280%);
    }59.94%,
    59.941%{
        transform:translateX(280%);
        opacity: 0;
    }66.6%,
    66.61%{
        transform:translateX(280%);
        opacity: 1;
    }73.26%,
    73.261%{
         transform:translateX(140%)
    }79.92%,
    79.921%{
         transform:translateX(140%)
    }86.58%,
    86.581%{
         transform:translateX(140%)
    }93.24%,
    93.241%{
	    transform:translateX(0%)
    }
}

@keyframes screen_anim2_3
{
    0%{
        transform:translateY(0%)
    }6.66%,
    6.661%{
        transform:translateX(0%);
    }13.32%,
    13.321%{
        transform:translateX(-140%);
    }19.98%,
    19.981%{
        transform:translateX(-140%);
    }26.64%,
    26.641%{
        transform:translateX(-140%);
    }33.3%,
    33.31%{
        transform:translateX(-280%);
    }39.96%,
    39.961%{
        transform:translateX(-280%);
    }46.62%,
    46.621%{
        transform:translateX(-280%);
    }53.28%,
    53.281%{
        transform:translateX(-420%);
        opacity: 1;
    }59.94%,
    59.941%{
        transform:translateX(-420%);
        opacity: 0;
    }66.6%,
    66.61%{
        transform:translateX(-420%);
    }73.26%,
    73.261%{
        transform:translateX(140%);
        opacity: 0;
    }79.92%,
    79.921%{
        transform:translateX(140%);
        opacity: 1;
    }86.58%,
    86.581%{
         transform:translateX(140%)
    }93.24%,
    93.241%{
	    transform:translateX(0%)
    }
}

@keyframes screen_anim2_4
{
    0%{
        transform:translateY(0%);
        opacity: 1;
    }6.66%,
    6.661%{
        transform:translateX(0%);
    }13.32%,
    13.321%{
        transform:translateX(-140%);
    }19.98%,
    19.981%{
        transform:translateX(-140%);
    }26.64%,
    26.641%{
        transform:translateX(-140%);
    }33.3%,
    33.31%{
        transform:translateX(-280%);
    }39.96%,
    39.961%{
        transform:translateX(-280%);
    }46.62%,
    46.621%{
        transform:translateX(-280%);
    }53.28%,
    53.281%{
        transform:translateX(-420%);
    }59.94%,
    59.941%{
        transform:translateX(-420%);
    }66.6%,
    66.61%{
        transform:translateX(-420%);
    }73.26%,
    73.261%{
        transform:translateX(-560%);
        opacity: 1;
    }79.92%,
    79.921%{
        transform:translateX(-560%);
        opacity: 0;
    }86.58%,
    86.581%{
         transform:translateX(-560%)
    }93.24%,
    93.241%{
	    transform:translateX(0%);
        opacity: 0;
    }
}

@keyframes screen_anim2_5
{
    0%{
        transform:translateY(0%);
        opacity: 0;

    }6.66%,
    6.661%{
        transform:translateX(0%);
        opacity: 1;
    }13.32%,
    13.321%{
        transform:translateX(-140%);
 
    }19.98%,
    19.981%{
        transform:translateX(-140%);
    }26.64%,
    26.641%{
        transform:translateX(-140%);
    }33.3%,
    33.31%{
        transform:translateX(-280%);
    }39.96%,
    39.961%{
        transform:translateX(-280%);
    }46.62%,
    46.621%{
        transform:translateX(-280%);
    }53.28%,
    53.281%{
        transform:translateX(-420%);
    }59.94%,
    59.941%{
        transform:translateX(-420%);
    }66.6%,
    66.61%{
        transform:translateX(-420%);
    }73.26%,
    73.261%{
        transform:translateX(-560%);

    }79.92%,
    79.921%{
        transform:translateX(-560%);

    }86.58%,
    86.581%{
         transform:translateX(-560%)
    }93.24%,
    93.241%{
	    transform:translateX(-700%);
        opacity: 1;
    }99.9%,
    99.91%{transform:translateX(-700%);
        opacity: 0;
    }
    
    
}