.section-animated { background: #333333; justify-content: center; align-items: center; font-size: 1.6rem; color: #fff; position: relative; overflow: hidden; }

body.is-edge .section-animated .text-animation { position: absolute; }

.edit .section-animated .text-animation { display: none; }

.section-animated .text-animation { position: fixed; color: #444; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; -ms-transition: all 0.8s; }

.shrink-2 .section-animated .text-animation { visibility: hidden; }

.section-animated .text-animation > div { position: absolute; font-size: 110rem; font-size: 58vw; max-width: 40%; line-height: 0.7; font-family: "robotoblack", sans-serif; color: #444; }

.section-animated .text-blue > div { color: #181e53; }

.section-animated .text-yellow > div { color: #d7ae5c; }

.section-animated .text-animation .x-text { bottom: 0; left: 0; bottom: 0; -webkit-animation: shine 1s infinite alternate , animateX 6s infinite alternate; -moz-animation: shine 1s infinite alternate , animateX 6s infinite alternate; -o-animation: shine 1s infinite alternate , animateX 6s infinite alternate; animation: shine 1s infinite alternate , animateX 6s infinite alternate; }

.section-animated .text-animation .p-text { left: 0; right: 0; margin: auto; top: 0; -webkit-animation: shine 2s infinite alternate , animateP 6s infinite alternate; -moz-animation: shine 2s infinite alternate , animateP 6s infinite alternate; -o-animation: shine 2s infinite alternate , animateP 6s infinite alternate; animation: shine 2s infinite alternate , animateP 6s infinite alternate; }

.section-animated .text-animation .o-text { bottom: 0; right: 0; -webkit-animation: shine 1.5s infinite alternate , animateO 5s infinite alternate; -moz-animation: shine 1.5s infinite alternate , animateO 5s infinite alternate; -o-animation: shine 1.5s infinite alternate , animateO 5s infinite alternate; animation: shine 1.5s infinite alternate , animateO 5s infinite alternate; }

@-webkit-keyframes shine { to { opacity: 0.3; } }
@keyframes shine { to { opacity: 0.3; } }
.section-animated h1, .section-animated h2, .section-animated h3, .section-animated strong { color: #fff; }

.section-animated h1 { margin: 0 0 50px; }

.section-animated .title-line h1:before { /*     content: ''; background: #fff; width: 150px;  height: 1px; display: block;  margin:0 0 50px;*/ }

.section-animated h1, .section-animated h2 { font-family: "robotothin", sans-serif; }

.section-animated h3 { font-size: 3rem; font-family: "robotolight", sans-serif; }

.section-animated .block-text { position: relative; }

.section-animated .block-text > div { max-width: 1180px; margin: auto; padding: 0 50px; }

.section-animated .block-link-frame a { /*     background: var(--mainyellow); border:none; color: #080a0a;*/ }

.section-animated .block-link-frame a:hover { /*background: #fff;*/ }

@media (max-width: 1024px) { .section-animated .text-animation > div { font-size: 80rem; max-width: 60%; } }
@media (max-width: 990px) { .section-animated .text-animation > div { font-size: 60rem; } }
@media (max-width: 767px) { .section-animated .text-animation > div { font-size: 50rem; } }
@media (max-width: 580px) { .section-animated .text-animation > div { font-size: 40rem; } }
@media (max-width: 480px) { .section-animated .text-animation > div { font-size: 30rem; }
  .section-animated .text-animation .x-text { bottom: auto; top: 40%; } }

/*# sourceMappingURL=xpo_animate.css.map */
