@charset "UTF-8";
/* CSS Document */

.colors_change{
    position: relative;
    width: 100%;
    margin: auto;
    overflow-y: hidden;
}
.colors_change div{
    width: 100%;
    height: 0;
    padding-bottom: 100%;

    animation: image_move 10s infinite;
}

@keyframes image_move
{
    0%{
        transform:translateY(0%)
    }6.25%,
    6.251%{
        transform:translateY(0%);

    }12.5%,
    12.51%{
        transform:translateY(-25%);
    }18.75%,
    18.751%{
        transform:translateY(-25%);
    }25%,
 
    25.001%{
        transform:translateY(-50%);
    }31.25%,
    31.251%{
        transform:translateY(-50%);
    }37.5%,
    37.51%{
        transform:translateY(-75%);
    }43.75%,
    43.751%{
        transform:translateY(-75%);
    }50%,
    50.001%{
        transform:translateY(-100%);
    }56.25%,
    56.251%{
        transform:translateY(-100%)
    }62.5%,
    62.51%{
        transform:translateY(-125%)
    }68.75%,
    68.751%{
         transform:translateY(-125%)
    }75%,
    75.001%{
         transform:translateY(-150%)
    }81.25%,
    81.251%{
         transform:translateY(-150%)
    }87.5%,
    87.51%{
         transform:translateY(-175%)
    }93.75%,
    93.751%{
         transform:translateY(-175%)
    }99.99%,
    100%{transform:translateY(-200%)}
}


.ideps_www_change{
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 8.6;
    margin: auto;
    overflow-y: hidden;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: solid 2px white;
}

.ideps_www_change div{
    width: 100%;
    
    animation: www_move 16s infinite;
}

@keyframes www_move
{
    0%{
        transform:translateY(0%)
    }12.5%,
    12.51%{
        transform:translateY(0%)
    }25%,
    25.001%{
        transform:translateY(-25%)
    }37.5%,
    37.51%{
        transform:translateY(-25%)
    }50%,
    50.001%{
        transform:translateY(-50%)
    }62.5%,
    62.51%{
        transform:translateY(-50%)
    }75%,
    75.001%{
         transform:translateY(-75%)
    }87.5%,
    87.51%{
         transform:translateY(-75%)
    }99.99%,
    100%{transform:translateY(0%)}
}


/* --------------------- 1024px ------------*/
@media (max-width: 1024px){

    
}

/* --------------------- 768px ------------*/
@media (max-width: 768px){

    

}

/* --------------------- 576px ------------*/
@media (max-width: 576px){


}




/* --------------------- 400px ------------*/
@media (max-width: 400px){

    
    
    
}