:where(.cmlp){
    --animation-change-image: 1.5s
}:where(.cmlp) .images-fade-container{
    width: 100%;
    position: relative;
}:where(.cmlp) .images-fade-container img.fade-animation{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}:where(.cmlp) .imageDiv{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
}@keyframes fadeInBasic{
    0% { opacity: 0; }
    20% { opacity: 0; }
    60% { opacity: 1; }
    100% { opacity: 1; }
}:where(.cmlp) .fade-in-colorme{
    animation-name: fadeInBasic;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}:where(.cmlp) .animate{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}:where(.cmlp) .animate .box{
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}@-webkit-keyframes fadeInUp{
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInUp{
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}:where(.cmlp) .fadeInUp{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}:where(.cmlp) .fadeInDown{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}@-webkit-keyframes fadeInDown{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInDown{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@-webkit-keyframes fadeInLeft{
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInLeft{
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}:where(.cmlp) .fadeInLeft{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}@-webkit-keyframes fadeInRight{
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInRight{
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}:where(.cmlp) .fadeInRight{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}@-webkit-keyframes fadeIn{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}@keyframes fadeIn{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}:where(.cmlp) .fadeIn{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}:where(.cmlp) .fadeInUpBig{
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}@-webkit-keyframes fadeInUpBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInUpBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}:where(.cmlp) .fadeInDownBig{
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}@-webkit-keyframes fadeInDownBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInDownBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}:where(.cmlp) .fadeInLeftBig{
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}@-webkit-keyframes fadeInLeftBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInLeftBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}:where(.cmlp) .fadeInRightBig{
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}@-webkit-keyframes fadeInRightBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeInRightBig{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}:where(.cmlp) .image-fade-container{
    position: relative;
}:where(.cmlp) .image-fade-container img{
    width: 100%;
    position: absolute;
    animation-name: multiple-image-crossfade;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: calc(var(--animation-change-image) * 5);
}:where(.cmlp) .image-fade-container img:nth-of-type(1){
    animation-delay: calc(var(--animation-change-image) * 4)
}:where(.cmlp) .image-fade-container img:nth-of-type(2){
    animation-delay: calc(var(--animation-change-image) * 3)
}:where(.cmlp) .image-fade-container img:nth-of-type(3){
    animation-delay: calc(var(--animation-change-image) * 2)
}:where(.cmlp) .image-fade-container img:nth-of-type(4){
    animation-delay: var(--animation-change-image);
}:where(.cmlp) .image-fade-container img:nth-of-type(5){
    animation-delay: 0s;
}@keyframes multiple-image-crossfade{
    0% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    92% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}:where(.cmlp) .slide-right{
    animation: 0.5s slide-right;
}@keyframes slide-right{
    from {
        right: 100%;
    }
    to {
        right: 0;
    }
}