﻿.animatedmapkrimml {
  overflow: auto;
}
.animatedmapkrimml svg {
  width: 120vw;
  margin-left: -170px;
  min-width: 1800px;
}
.animatedmapkrimml svg a rect {
  fill: transparent !important;
}
@media (min-width: 768px) {
  .animatedmapkrimml svg {
    min-width: 2000px;
    margin-left: -10%;
  }
}
@media (min-width: 1600px) {
  .animatedmapkrimml {
    overflow: unset;
  }
}
@media (max-width: 1600px) {
  .animatedmapkrimml {
    margin-right: -182px;
  }
  .animatedmapkrimml svg {
    width: 100%;
  }
}
/************************************************/
/******************** LINKS *********************/
/************************************************/
#Waterfall1, #Waterfall3, #Waterfall5 {
  animation: WaterFallAnimation1 linear 2s infinite;
  -webkit-animation: none;
  transform-origin: 60% 10%;
  transform-box: fill-box;
}
#Waterfall2, #Waterfall4 {
  animation: WaterFallAnimation2 linear 3s infinite;
  -webkit-animation: none;
  transform-origin: 60% 10%;
  transform-box: fill-box;
}
#Waterfall1Bubble1, #Waterfall1Bubble2, #Waterfall2Bubble1, #Waterfall2Bubble3, #Waterfall2Bubble5, #Waterfall3Bubble1, #Waterfall3Bubble4, #Waterfall4Bubble1, #Waterfall4Bubble4, #Waterfall5Bubble1, #Waterfall5Bubble4, #Waterfall5Bubble7 {
  animation: BubbleAnimation1 linear 2s infinite;
  transform-origin: 60% 10%;
  transform-box: fill-box;
}
#Waterfall1Bubble3, #Waterfall1Bubble4, #Waterfall2Bubble2, #Waterfall3Bubble2, #Waterfall4Bubble2, #Waterfall5Bubble2, #Waterfall5Bubble5 {
  animation: BubbleAnimation2 linear 3s infinite;
  transform-origin: 60% 10%;
  transform-box: fill-box;
}
#Waterfall1Bubble5, #Waterfall2Bubble4, #Waterfall2Bubble6, #Waterfall3Bubble3, #Waterfall4Bubble3, #Waterfall5Bubble3, #Waterfall5Bubble6 {
  animation: BubbleAnimation3 linear 4s infinite;
  transform-origin: 60% 10%;
  transform-box: fill-box;
}
#Waterfall1Stripe1, #Waterfall1Stripe3, #Waterfall1Stripe5, #Waterfall1Stripe6, #Waterfall2Stripe1, #Waterfall2Stripe3, #Waterfall2Stripe5, #Waterfall3Stripe1, #Waterfall3Stripe3, #Waterfall4Stripe1, #Waterfall4Stripe3, #Waterfall4Stripe5 {
  animation: StripeAnimation1 linear 2s infinite;
  transform-origin: 50% 0%;
  transform-box: fill-box;
}
#Waterfall1Stripe2, #Waterfall1Stripe4, #Waterfall1Stripe7, #Waterfall2Stripe2, #Waterfall2Stripe4, #Waterfall2Stripe6, #Waterfall3Stripe2, #Waterfall3Stripe4, #Waterfall3Stripe6, #Waterfall4Stripe2, #Waterfall4Stripe4, #Waterfall4Stripe6 {
  animation: StripeAnimation2 linear 3s infinite;
  transform-origin: 50% 0%;
  transform-box: fill-box;
}
@keyframes WaterFallAnimation1 {
  0% {
    transform: translate(2px, 2px) rotate(-0.1deg) scale(0.5);
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(0.5);
  }
  50% {
    transform: translate(1px, 1px) rotate(0.1deg) scale(7);
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(7);
  }
  100% {
    transform: translate(2px, 2px) rotate(-0.1deg) scale(0.5);
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(0.5);
  }
}
@keyframes WaterFallAnimation2 {
  0% {
    transform: translate(1px, 1px) rotate(0.1deg);
    -moz-transform: translate(0px, 0px) rotate(0deg);
  }
  50% {
    transform: translate(2px, 2px) rotate(-0.1deg);
    -moz-transform: translate(0px, 0px) rotate(0deg);
  }
  100% {
    transform: translate(1px, 1px) rotate(0.1deg);
    -moz-transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes BubbleAnimation1 {
  0% {
    transform: scale(1.15) rotate(-0.5deg);
    -moz-transform: scale(1.15) rotate(0deg);
  }
  20% {
    transform: scale(0.8) rotate(0.5deg);
    -moz-transform: scale(0.8) rotate(0deg);
  }
  50% {
    transform: scale(1.15) rotate(-0.5deg);
    -moz-transform: scale(1.15) rotate(0deg);
  }
  70% {
    transform: scale(0.8) rotate(0.5deg);
    -moz-transform: scale(0.8) rotate(0deg);
  }
  100% {
    transform: scale(1.15) rotate(-0.5deg);
    -moz-transform: scale(1.15) rotate(0deg);
  }
}
@keyframes BubbleAnimation2 {
  0% {
    transform: scale(0.8) rotate(0.5deg);
    -moz-transform: scale(0.8) rotate(0deg);
  }
  20% {
    transform: scale(1.15) rotate(-0.5deg);
    -moz-transform: scale(1.15) rotate(0deg);
  }
  50% {
    transform: scale(0.8) rotate(0.5deg);
    -moz-transform: scale(0.8) rotate(0deg);
  }
  70% {
    transform: scale(1.15) rotate(-0.5deg);
    -moz-transform: scale(1.15) rotate(0deg);
  }
  100% {
    transform: scale(0.8) rotate(0.5deg);
    -moz-transform: scale(0.8) rotate(0deg);
  }
}
@keyframes BubbleAnimation3 {
  0% {
    transform: scale(1) rotate(0.35deg);
    -moz-transform: scale(1) rotate(0deg);
  }
  20% {
    transform: scale(0.75) rotate(0.25deg);
    -moz-transform: scale(0.75) rotate(0deg);
  }
  50% {
    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
  }
  70% {
    transform: scale(0.75) rotate(0.25deg);
    -moz-transform: scale(0.75) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(0.35deg);
    -moz-transform: scale(1) rotate(0deg);
  }
}
@keyframes StripeAnimation1 {
  0% {
    transform: scale(1) rotate(-2deg);
  }
  20% {
    transform: scale(0.9) rotate(2deg);
  }
  50% {
    transform: scale(1) rotate(-2deg);
  }
  70% {
    transform: scale(0.9) rotate(2deg);
  }
  100% {
    transform: scale(1) rotate(-2deg);
  }
}
@keyframes StripeAnimation2 {
  0% {
    -webkit-transform: scale(0.9) rotate(2deg);
  }
  20% {
    -webkit-transform: scale(1) rotate(-2deg);
  }
  50% {
    -webkit-transform: scale(0.9) rotate(2deg);
  }
  70% {
    -webkit-transform: scale(1) rotate(-2deg);
  }
  100% {
    -webkit-transform: scale(0.9) rotate(2deg);
  }
}
#Car1 {
  animation: Car1Animation linear 60s infinite;
  transform-origin: 60% 10%;
  transform-box: fill-box;
  visibility: hidden;
}
#Car2 {
  animation: Car1Animation linear 60s infinite;
  transform-origin: 60% 10%;
  transform-box: fill-box;
  animation-delay: 30s;
  visibility: hidden;
}
@keyframes Car1Animation {
  0% {
    transform: translate(0px, 0px) scale(0);
    visibility: visible;
  }
  1% {
    transform: translate(0px, 0px) scale(0.5);
  }
  2% {
    transform: translate(-28px, -80px) scale(1);
  }
  4% {
    transform: translate(-54px, -193px) rotate(2deg);
  }
  5% {
    transform: translate(-68px, -260px) rotate(2deg);
  }
  8% {
    transform: translate(-90px, -387px) rotate(5deg);
  }
  10% {
    transform: translate(-97px, -488px) rotate(13deg);
  }
  12% {
    transform: translate(-78px, -588px) rotate(33deg);
  }
  14% {
    transform: translate(-31px, -658px) rotate(48deg);
  }
  16% {
    transform: translate(31px, -721px) rotate(62deg);
  }
  18% {
    transform: translate(149px, -780px) rotate(82deg);
  }
  20% {
    transform: translate(302px, -823px) rotate(93deg);
  }
  22% {
    transform: translate(462px, -852px) rotate(99deg);
  }
  24% {
    transform: translate(592px, -860px) rotate(103deg);
  }
  26% {
    transform: translate(751px, -855px) rotate(108deg);
  }
  28% {
    transform: translate(898px, -850px) rotate(105deg);
  }
  30% {
    transform: translate(1064px, -845px) rotate(103deg);
  }
  32% {
    transform: translate(1135px, -872px) rotate(74deg);
  }
  33% {
    transform: translate(1140px, -900px) rotate(41deg);
  }
  34% {
    transform: translate(1116px, -937px) rotate(-10deg);
  }
  36% {
    transform: translate(1083px, -967px) rotate(-31deg);
  }
  37% {
    transform: translate(1058px, -1005px) rotate(-19deg);
  }
  38% {
    transform: translate(1058px, -1026px) rotate(18deg);
  }
  39% {
    transform: translate(1113px, -1018px) rotate(115deg);
  }
  40% {
    transform: translate(1161px, -1008px) rotate(115deg);
  }
  42% {
    transform: translate(1193px, -1041px) rotate(49deg);
  }
  43% {
    transform: translate(1179px, -1053px) rotate(4deg);
  }
  44% {
    transform: translate(1141px, -1085px) rotate(-25deg);
  }
  46% {
    transform: translate(1147px, -1122px) rotate(35deg);
  }
  47% {
    transform: translate(1188px, -1104px) rotate(119deg);
  }
  48% {
    transform: translate(1208px, -1093px) rotate(127deg);
  }
  49% {
    transform: translate(1232px, -1107px) rotate(62deg);
  }
  50% {
    transform: translate(1199px, -1139px) rotate(-13deg);
  }
  52% {
    transform: translate(1212px, -1185px) rotate(43deg);
  }
  54% {
    transform: translate(1254px, -1170px) rotate(126deg);
  }
  56% {
    transform: translate(1295px, -1128px) rotate(143deg);
  }
  57% {
    transform: translate(1317px, -1134px) rotate(96deg);
  }
  58% {
    transform: translate(1325px, -1164px) rotate(46deg);
  }
  60% {
    transform: translate(1368px, -1150px) rotate(124deg);
  }
  62% {
    transform: translate(1415px, -1133px) rotate(120deg);
  }
  64% {
    transform: translate(1510px, -1138px) rotate(101deg);
  }
  66% {
    transform: translate(1606px, -1170px) rotate(80deg);
  }
  67% {
    transform: translate(1633px, -1190px) rotate(70deg);
  }
  68% {
    transform: translate(1653px, -1210px) rotate(58deg);
  }
  69% {
    transform: translate(1648px, -1237px) rotate(28deg);
  }
  71% {
    transform: translate(1613px, -1271px) rotate(-26deg);
  }
  72% {
    transform: translate(1596px, -1314px) rotate(2deg);
  }
  74% {
    transform: translate(1617px, -1364px) rotate(37deg);
  }
  76% {
    transform: translate(1625px, -1435px) rotate(6deg);
  }
  78% {
    transform: translate(1582px, -1461px) rotate(-40deg) scale(0.7);
  }
  79% {
    transform: translate(1582px, -1461px) scale(1) rotate(-40deg) scale(0.4);
  }
  80% {
    transform: translate(1582px, -1461px) scale(0) rotate(-40deg) scale(0.1);
  }
  81% {
    transform: translate(1582px, -1461px) scale(0);
  }
  100% {
    transform: translate(1582px, -1461px) scale(0);
  }
}
#bar1 {
  animation: bar1Animation linear 60s infinite;
  transform-origin: 0% 50%;
  transform-box: fill-box;
}
#bar1Container {
  animation: bar1Animation linear 60s infinite;
  transform-origin: 0% 50%;
  transform-box: fill-box;
  animation-delay: 30s;
}
@keyframes bar1Animation {
  0% {
    transform: rotate(0deg);
  }
  62% {
    transform: rotate(0deg);
  }
  64% {
    transform: rotate(-90deg);
  }
  66% {
    transform: rotate(-90deg);
  }
  67% {
    transform: rotate(0deg);
  }
}
#bar2 {
  animation: bar2Animation linear 60s infinite;
  transform-origin: 100% 50%;
  transform-box: fill-box;
}
#bar2Container {
  animation: bar2Animation linear 60s infinite;
  transform-origin: 100% 50%;
  transform-box: fill-box;
  animation-delay: 30s;
}
@keyframes bar2Animation {
  0% {
    transform: rotate(0deg);
  }
  62% {
    transform: rotate(0deg);
  }
  64% {
    transform: rotate(90deg);
  }
  66% {
    transform: rotate(90deg);
  }
  67% {
    transform: rotate(0deg);
  }
}
/*****************************
 ***** FOUNTAIN & GUESTS ******
 *****************************/
#fountain1guest1, #fountain1guest3, #fountain1guest5 {
  animation: guestAnimation1 linear 2s infinite;
  transform-origin: 100% 50%;
  transform-box: fill-box;
}
@keyframes guestAnimation1 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 1px);
  }
  0% {
    transform: translate(0px, 0px);
  }
}
#fountain1guest2, #fountain1guest4 {
  animation: guestAnimation1 linear 3s infinite;
  transform-origin: 100% 50%;
  transform-box: fill-box;
}
@keyframes guestAnimation1 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 1px);
  }
  0% {
    transform: translate(0px, 0px);
  }
}
#fountain1water2, #fountain1water3 {
  animation: fountain1Animation1 linear 1.8s infinite;
  transform-origin: 100% 50%;
  transform-box: fill-box;
}
#fountain1water1 {
  animation: fountain1Animation2 linear 2s infinite;
  transform-origin: 100% 50%;
  transform-box: fill-box;
}
@keyframes fountain1Animation1 {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  50% {
    transform: translate(0px, 7px) scale(1.3);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}
@keyframes fountain1Animation2 {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  25% {
    transform: translate(0px, 9px) scale(1.25);
  }
  65% {
    transform: translate(0px, 3px) scale(1.3);
  }
  85% {
    transform: translate(0px, 3px) scale(1.25);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}
/*****************************
 ***** AQUAMAX STATUES  *******
 *****************************/
#aquamaxStatue1, #aquamaxStatue3 {
  animation: aquamaxAnimation1 linear 2s infinite;
  transform-origin: 100% 100%;
  transform-box: fill-box;
}
#aquamaxStatue2 {
  animation: aquamaxAnimation2 linear 1.5s infinite;
  transform-origin: 0% 100%;
  transform-box: fill-box;
}
@keyframes aquamaxAnimation1 {
  0% {
    transform: rotate(10deg) scale(1.7);
  }
  50% {
    transform: rotate(-10deg) scale(0.9);
  }
  100% {
    transform: rotate(10deg) scale(1.7);
  }
}
@keyframes aquamaxAnimation2 {
  0% {
    transform: rotate(-10deg) scale(0.9);
  }
  50% {
    transform: rotate(10deg) scale(1.7);
  }
  100% {
    transform: rotate(-10deg) scale(0.9);
  }
}
/*****************************
 ******* WANDERER1 ************
 *****************************/
#Wanderer1 {
  animation: wanderer1Animation linear 15s infinite;
  transform-origin: 0% 0%;
  transform-box: fill-box;
}
@keyframes wanderer1Animation {
  0% {
    transform: translate(0px, 0px);
  }
  12% {
    transform: translate(76px, -18px);
  }
  20% {
    transform: translate(116px, -25px);
  }
  27% {
    transform: translate(154px, -31px);
  }
  32% {
    transform: translate(188px, -36px);
  }
  40% {
    transform: translate(217px, -54px);
  }
  48% {
    transform: translate(252px, -76px);
  }
  56% {
    transform: translate(278px, -87px);
  }
  64% {
    transform: translate(324px, -100px);
  }
  72% {
    transform: translate(360px, -116px) rotate(-10deg);
    -moz-transform: translate(360px, -116px) rotate(0deg);
  }
  80% {
    transform: translate(411px, -130px);
  }
  88% {
    transform: translate(442px, -133px) rotate(7deg);
    -moz-transform: translate(442px, -133px) rotate(0deg);
  }
  96% {
    transform: translate(480px, -129px);
  }
  100% {
    transform: translate(480px, -112px);
  }
}
#wanderer02 {
  animation: wanderer2Animation linear 15s infinite;
  transform-origin: 0% 0%;
  transform-box: fill-box;
}
@keyframes wanderer2Animation {
  0% {
    transform: translate(0px, 0px) rotate(3deg) scale(0);
  }
  5% {
    transform: translate(0px, 0px) rotate(3deg) scale(1);
  }
  10% {
    transform: translate(20px, 1px) rotate(3deg);
  }
  20% {
    transform: translate(49px, 3px) rotate(1deg);
  }
  30% {
    transform: translate(72px, -2px) rotate(-15deg);
  }
  40% {
    transform: translate(73px, -21px) rotate(-52deg);
  }
  50% {
    transform: translate(91px, -68px) rotate(-52deg);
  }
  60% {
    transform: translate(143px, -102px) rotate(-25deg);
  }
  70% {
    transform: translate(162px, -103px) rotate(-53deg);
  }
  75% {
    transform: translate(150px, -107px) rotate(-92deg);
  }
  80% {
    transform: translate(163px, -154px) rotate(-36deg) scale(1);
  }
  90% {
    transform: translate(181px, -141px) rotate(-37deg) scale(0.5);
  }
  100% {
    transform: translate(185px, -143px) rotate(-37deg) scale(0);
  }
}
#Wanderer1LegRight, #wanderer2LegRight {
  animation: Wanderer1LegRightAnimation linear 1.5s infinite;
  transform-origin: 50% 0%;
  transform-box: fill-box;
}
@keyframes Wanderer1LegRightAnimation {
  0% {
    transform: rotate(-40deg) translate(0px, 3px);
    -moz-transform: skew(30deg, 20deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(10deg) translate(1px, 0px);
    -moz-transform: skew(0deg, 0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(-40deg) translate(0px, 3px);
    -moz-transform: skew(30deg, 20deg) translate(0px, 0px);
  }
}
#Wanderer1LegLeft, #wanderer2LegLeft {
  animation: Wanderer1LegLeftAnimation linear 1.5s infinite;
  transform-origin: 50% 0%;
  transform-box: fill-box;
}
@keyframes Wanderer1LegLeftAnimation {
  0% {
    transform: rotate(40deg) translate(1px, 1px);
    -moz-transform: skew(0deg, 0deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(-10deg) translate(0px, -1px);
    -moz-transform: skew(10deg, 5deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(40deg) translate(1px, 1px);
    -moz-transform: skew(0deg, 0deg) translate(0px, 0px);
  }
}
#Wanderer1ArmRight, #wanderer2ArmRight {
  animation: Wanderer1ArmRightAnimation linear 1.5s infinite;
  transform-origin: 95% 10%;
  transform-box: fill-box;
}
@keyframes Wanderer1ArmRightAnimation {
  0% {
    transform: rotate(-20deg) translate(1px, 1px);
    -moz-transform: skew(0deg, 0deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(-40deg) translate(0px, -1px);
    -moz-transform: skew(20deg, 20deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(-20deg) translate(1px, 1px);
    -moz-transform: skew(0deg, 0deg) translate(0px, 0px);
  }
}
#Wanderer1ArmLeft, #wanderer2ArmLeft {
  animation: Wanderer1ArmLeftAnimation linear 1.5s infinite;
  transform-origin: 10% 10%;
  transform-box: fill-box;
}
@keyframes Wanderer1ArmLeftAnimation {
  0% {
    transform: rotate(10deg) translate(1px, 1px);
    -moz-transform: skew(20deg, 20deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(20deg) translate(0px, -1px);
    -moz-transform: skew(0deg, 0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(10deg) translate(1px, 1px);
    -moz-transform: skew(20deg, 20deg) translate(0px, 0px);
  }
}
#Biker1 {
  animation: biker1Animation linear 10s infinite;
  transform-origin: 0% 0%;
  transform-box: fill-box;
}
@keyframes biker1Animation {
  0% {
    transform: translate(0px, 0px);
  }
  12% {
    transform: translate(76px, -18px) rotate(-6deg);
  }
  20% {
    transform: translate(116px, -25px) rotate(-6deg);
  }
  27% {
    transform: translate(154px, -31px);
  }
  32% {
    transform: translate(188px, -36px) rotate(-18deg);
  }
  40% {
    transform: translate(217px, -54px) rotate(-25deg);
  }
  48% {
    transform: translate(252px, -72px) rotate(-25deg);
  }
  56% {
    transform: translate(278px, -83px) rotate(-17deg);
  }
  64% {
    transform: translate(324px, -100px);
  }
  72% {
    transform: translate(360px, -117px) rotate(-22deg);
  }
  80% {
    transform: translate(411px, -133px) rotate(0deg);
  }
  88% {
    transform: translate(442px, -133px) rotate(7deg);
  }
  96% {
    transform: translate(480px, -129px);
  }
  100% {
    transform: translate(480px, -112px);
  }
}
#Biker1LegLeft {
  animation: Biker1LegLeft linear 1s infinite;
  transform-origin: 0% 0%;
  transform-box: fill-box;
}
@keyframes Biker1LegLeft {
  0% {
    transform: rotate(12deg);
  }
  50% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(12deg);
  }
}
#Biker1LegRight {
  animation: Biker1LegRight linear 1s infinite;
  transform-origin: 8% 5%;
  transform-box: fill-box;
}
@keyframes Biker1LegRight {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-document url-prefix() {
  #Biker1LegLeft, #Biker1LegRight {
    animation: none;
  }
}
#Biker2 {
  animation: biker2Animation linear 10s infinite;
  transform-origin: 0% 0%;
  transform-box: fill-box;
}
@keyframes biker2Animation {
  0% {
    transform: translate(0px, 0px) scale(0);
  }
  3% {
    transform: translate(0px, 0px) scale(0.5);
  }
  7% {
    transform: translate(8px, -2px) scale(1);
  }
  15% {
    transform: translate(-41px, 17px) rotate(-5deg);
  }
  30% {
    transform: translate(-80px, 33px) rotate(-10deg);
  }
  45% {
    transform: translate(-119px, 55px) rotate(-19deg);
  }
  60% {
    transform: translate(-171px, 92px) rotate(-22deg);
  }
  75% {
    transform: translate(-211px, 125px) rotate(-22deg);
  }
  90% {
    transform: translate(-240px, 148px) rotate(-22deg) scale(1);
  }
  100% {
    transform: translate(-240px, 148px) scale(0);
  }
}