/* WTS v3 animated illustrations. Generated from site-v3/anim/. Do not edit by hand. */
.wt .wt-anim--serve-hospitality { --cycle: 16s; }
.wt .wt-anim--serve-hospitality .s-cad, .wt .wt-anim--serve-hospitality .s-new, .wt .wt-anim--serve-hospitality .s-shine, .wt .wt-anim--serve-hospitality .s-sp1, .wt .wt-anim--serve-hospitality .s-sp2 { opacity: 0; }
.wt .wt-anim--serve-hospitality .s-sprig { transform-box: view-box; transform-origin: 251px 312px; }
.wt .wt-anim--serve-hospitality .s-or, .wt .wt-anim--serve-hospitality .s-nr, .wt .wt-anim--serve-hospitality .s-card, .wt .wt-anim--serve-hospitality .s-cha, .wt .wt-anim--serve-hospitality .s-chb { transform-box: fill-box; transform-origin: 50% 100%; }
.wt .wt-anim--serve-hospitality .s-key, .wt .wt-anim--serve-hospitality .s-sp1, .wt .wt-anim--serve-hospitality .s-sp2 { transform-box: fill-box; transform-origin: 50% 50%; }
.wt .wt-anim--serve-hospitality .s-glint { animation: serve-hospitality-glint var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-sprig { animation: serve-hospitality-sprig calc(var(--cycle) / 2) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-sun { animation: serve-hospitality-sun var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-key { animation: serve-hospitality-key var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-card { animation: serve-hospitality-card var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-ox { animation: serve-hospitality-ox var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-oy { animation: serve-hospitality-oy var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-or { animation: serve-hospitality-or var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-old { animation: serve-hospitality-old var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-cad { animation: serve-hospitality-cad var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-nx { animation: serve-hospitality-nx var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-ny { animation: serve-hospitality-ny var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-nr { animation: serve-hospitality-nr var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-new { animation: serve-hospitality-new var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-shine { animation: serve-hospitality-shine var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-sp1 { animation: serve-hospitality-sp1 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-sp2 { animation: serve-hospitality-sp2 var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-cha { animation: serve-hospitality-cha var(--cycle) linear infinite both; }
.wt .wt-anim--serve-hospitality .s-chb { animation: serve-hospitality-chb var(--cycle) linear infinite both; }
@keyframes serve-hospitality-glint {
  0% { transform: translate(0, 0); opacity: .6; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(16px, -16px); opacity: .42; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0, 0); opacity: .6; }
}
@keyframes serve-hospitality-sun {
  0% { opacity: .7; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { opacity: .45; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { opacity: .7; }
}
@keyframes serve-hospitality-sprig {
  0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  25% { transform: rotate(2.4deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  75% { transform: rotate(-2deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: rotate(0deg); }
}
@keyframes serve-hospitality-key {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  7% { transform: translate(0, 0) rotate(0deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  8.4% { transform: translate(-3px, 2px) rotate(2deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  12.6% { transform: translate(170px, -150px) rotate(-28deg); opacity: 0; }
  56% { transform: translate(150px, 6px) rotate(-24deg); opacity: 0; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  57.2% { transform: translate(96px, 2px) rotate(-16deg); opacity: 1; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  59.6% { transform: translate(-4px, 0) rotate(2deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  61% { transform: translate(1px, 0) rotate(-1deg); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  62.4%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
}
@keyframes serve-hospitality-card {
  0% { transform: scale(1, 1); opacity: 1; }
  8.5% { transform: scale(1, 1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  11.5% { transform: scale(1, 0); opacity: 1; }
  54.5% { transform: scale(1, 0); opacity: 1; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  57% { transform: scale(1, 1.08); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  58.6% { transform: scale(1, .97); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  60%, 100% { transform: scale(1, 1); opacity: 1; }
}
@keyframes serve-hospitality-ox {
  0% { transform: translateX(0); }
  11.8% { transform: translateX(0); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  17.5% { transform: translateX(380px); }
  17.6%, 100% { transform: translateX(0); }
}
@keyframes serve-hospitality-oy {
  0% { transform: translateY(0); }
  10.8% { transform: translateY(0); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  13.4% { transform: translateY(-46px); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  17.5% { transform: translateY(-190px); }
  17.6%, 100% { transform: translateY(0); }
}
@keyframes serve-hospitality-or {
  0% { transform: scale(1, 1) rotate(0deg); }
  8.8% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  10.8% { transform: scale(1.04, .93) rotate(0deg); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  13% { transform: scale(.98, 1.03) rotate(-3deg); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  17.5% { transform: scale(1, 1) rotate(-14deg); }
  17.6%, 100% { transform: scale(1, 1) rotate(0deg); }
}
@keyframes serve-hospitality-old {
  0%, 17.4% { opacity: 1; }
  17.5%, 99.3% { opacity: 0; }
  99.5%, 100% { opacity: 1; }
}
@keyframes serve-hospitality-cad {
  0% { transform: translateX(200px); opacity: 1; }
  19% { transform: translateX(200px); opacity: 1; animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  25.5% { transform: translateX(-6px); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  27.5% { transform: translateX(0px); opacity: 1; }
  46% { transform: translateX(0); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  47.4% { transform: translateX(-7px); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  54% { transform: translateX(220px); opacity: 1; }
  100% { transform: translateX(200px); opacity: 1; }
}
@keyframes serve-hospitality-nx {
  0% { transform: translateX(368px); }
  19% { transform: translateX(368px); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  25.5% { transform: translateX(162px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  27.5% { transform: translateX(168px); }
  29.5% { transform: translateX(168px); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  32% { transform: translateX(144px); animation-timing-function: cubic-bezier(.65,0,.35,1); }
  37.5%, 99.6% { transform: translateX(0); }
  100% { transform: translateX(368px); }
}
@keyframes serve-hospitality-ny {
  0% { transform: translateY(6px); }
  30% { transform: translateY(6px); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  32.8% { transform: translateY(-78px); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  35% { transform: translateY(-68px); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  37.5%, 99.6% { transform: translateY(0); }
  100% { transform: translateY(6px); }
}
@keyframes serve-hospitality-nr {
  0% { transform: scale(1, 1) rotate(0deg); }
  28% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  30% { transform: scale(1.04, .93) rotate(0deg); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  32.2% { transform: scale(.98, 1.03) rotate(4deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  35.5% { transform: scale(1, 1) rotate(-2deg); animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  37.5% { transform: scale(1, 1) rotate(0deg); animation-timing-function: cubic-bezier(.15,.6,.35,1); }
  38.7% { transform: scale(1.05, .92) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  40.4% { transform: scale(.99, 1.02) rotate(0deg); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  42%, 100% { transform: scale(1, 1) rotate(0deg); }
}
@keyframes serve-hospitality-new {
  0%, 18.9% { opacity: 0; }
  19%, 99.5% { opacity: 1; }
  99.6%, 100% { opacity: 0; }
}
@keyframes serve-hospitality-shine {
  0%, 40.5% { transform: translateX(0); opacity: 0; }
  40.6% { transform: translateX(0); opacity: .5; animation-timing-function: cubic-bezier(.65,0,.35,1); }
  45.5% { transform: translateX(210px); opacity: .5; }
  45.6%, 100% { transform: translateX(0); opacity: 0; }
}
@keyframes serve-hospitality-sp1 {
  0% { transform: scale(0) rotate(0deg); opacity: 0; }
  39% { transform: scale(0) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  41.5% { transform: scale(1) rotate(45deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  45%, 100% { transform: scale(0) rotate(90deg); opacity: 0; }
}
@keyframes serve-hospitality-sp2 {
  0% { transform: scale(0) rotate(0deg); opacity: 0; }
  40.2% { transform: scale(0) rotate(0deg); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  42.7% { transform: scale(1) rotate(45deg); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  46.2%, 100% { transform: scale(0) rotate(90deg); opacity: 0; }
}
@keyframes serve-hospitality-cha {
  0% { transform: translateY(10px) scale(.8); opacity: 0; }
  41% { transform: translateY(10px) scale(.8); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  42.5% { transform: translateY(4px) scale(.93); opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  45% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  56% { transform: translateY(-3px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  70% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  80% { transform: translateY(-2px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  88% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  92% { transform: translateY(-10px) scale(1); opacity: 0; }
  100% { transform: translateY(10px) scale(.8); opacity: 0; }
}
@keyframes serve-hospitality-chb {
  0% { transform: translateY(10px) scale(.8); opacity: 0; }
  62% { transform: translateY(10px) scale(.8); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  63.5% { transform: translateY(4px) scale(.93); opacity: 1; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  66% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  72% { transform: translateY(-3px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  82% { transform: translateY(-1px) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  88% { transform: translateY(0) scale(1); opacity: 1; animation-timing-function: cubic-bezier(.55,0,.85,.35); }
  92% { transform: translateY(-10px) scale(1); opacity: 0; }
  100% { transform: translateY(10px) scale(.8); opacity: 0; }
}