/* 
The animated text stylesheet
*/

.dlt_anim_text_ct {
	width: 100%;
	padding: 2rem 0;
	font-family: "Averia Serif Libre", sans-serif;
}
.marquee {
	position: relative;
	width: 100%;
	min-height: 6.5rem;
	font-size: 4.8rem;
	display: -ms-grid;
	display: grid;
	place-items: center;
	overflow: hidden;
}
.marquee_text {
	position: absolute;
	min-width: 100%;
	white-space: nowrap;
	-webkit-animation: marquee 24s infinite linear;
	        animation: marquee 24s infinite linear;
}
.marquee_text.text2 {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    color: var(--main-orange);
}
.marquee_text.text3 {
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    color: rgba(0, 0, 0, .5);
}
.marquee_text.us {
	white-space: nowrap;
	-webkit-animation: marquee_us 24s infinite linear;
	        animation: marquee_us 24s infinite linear;
}
.marquee_text.us.text2 {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    color: var(--main-orange);
}
.marquee_text.us.text3 {
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    color: rgba(0, 0, 0, .5);
}
/* RESPONSIVE */
@-webkit-keyframes marquee {
	from {
        translate: 100%;
    }
    to {
        translate: -140%;
    }
}
@keyframes marquee {
	from {
        translate: 100%;
    }
    to {
        translate: -140%;
    }
}
@media all and (min-width: 1200px) {
	from {
        translate: 100%;
    }
    to {
        translate: -120%;
    }
}
@media all and (max-width: 1150px) {
    .marquee {
        font-size: 4.4rem;
    }
}
@media all and (max-width: 1050px) {
    .marquee {
        font-size: 4rem;
    }
}
@media all and (max-width: 950px) {
    @-webkit-keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -160%;
        }
    }
    @keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -160%;
        }
    }
}
@media all and (max-width: 850px) {
    @-webkit-keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -180%;
        }
    }
    @keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -180%;
        }
    }
}
@media all and (max-width: 750px) {
    .dlt_anim_text_ct {
        padding: 1rem 0;
    }
    @-webkit-keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -210%;
        }
    }
    @keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -210%;
        }
    }
}
@media all and (max-width: 480px) {
	.dlt_anim_text_ct {
		padding: 0;
	}
	.marquee {
		font-size: 3rem;
	}
    @-webkit-keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -215%;
        }
    }
    @keyframes marquee {
        from {
            translate: 100%;
        }
        to {
            translate: -215%;
        }
    }
}
/* US ANIMATION */
@-webkit-keyframes marquee_us {
	from {
        translate: 100%;
    }
    to {
        translate: -180%;
    }
}
@keyframes marquee_us {
	from {
        translate: 100%;
    }
    to {
        translate: -180%;
    }
}
@media all and (max-width: 950px) {
    @-webkit-keyframes marquee_us {
        from {
            translate: 100%;
        }
        to {
            translate: -180%;
        }
    }
    @keyframes marquee_us {
        from {
            translate: 100%;
        }
        to {
            translate: -180%;
        }
    }
}
@media all and (max-width: 850px) {
    @-webkit-keyframes marquee_us {
        from {
            translate: 100%;
        }
        to {
            translate: -200%;
        }
    }
    @keyframes marquee_us {
        from {
            translate: 100%;
        }
        to {
            translate: -200%;
        }
    }
}