@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
body {
  /*min-width: 1400px; */
}

#bootstrapoverride .body-wrapper {
  /*min-height: 100vh;
  width: 100%;
  max-width: 1920px;*/
  /*overflow: hidden;*/
  /*margin-left: 0px;*/
  /*-webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;*/
}







@-webkit-keyframes floating {
  0%, 100% {
    -webkit-transform: rotate(0deg) translate3d(-20px, 0px, 0px) rotate(-5deg);
    transform: rotate(0deg) translate3d(-20px, 0px, 0px) rotate(-5deg); }
  50% {
    -webkit-transform: rotate(-180deg) translate3d(-20px, 0px, 0px) rotate(180deg);
    transform: rotate(-180deg) translate3d(-20px, 0px, 0px) rotate(180deg); } }

@keyframes floating {
  0%, 100% {
    -webkit-transform: rotate(0deg) translate3d(-20px, 0px, 0px) rotate(-5deg);
    transform: rotate(0deg) translate3d(-20px, 0px, 0px) rotate(-5deg); }
  50% {
    -webkit-transform: rotate(-180deg) translate3d(-20px, 0px, 0px) rotate(180deg);
    transform: rotate(-180deg) translate3d(-20px, 0px, 0px) rotate(180deg); } }

.floating {
  -webkit-animation-name: floating;
  animation-name: floating;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

@-webkit-keyframes floating-cloud {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px);
    transform: translate3d(-20px, 0px, 0px); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px);
    transform: translate3d(20px, 0px, 0px); } }

@keyframes floating-cloud {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px);
    transform: translate3d(-20px, 0px, 0px); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px);
    transform: translate3d(20px, 0px, 0px); } }

@-webkit-keyframes float-scale-06 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(0.6);
    transform: translate3d(-20px, 0px, 0px) scale(0.6); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(0.6);
    transform: translate3d(20px, 0px, 0px) scale(0.6); } }

@keyframes float-scale-06 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(0.6);
    transform: translate3d(-20px, 0px, 0px) scale(0.6); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(0.6);
    transform: translate3d(20px, 0px, 0px) scale(0.6); } }

@-webkit-keyframes float-scale-07 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(0.7);
    transform: translate3d(-20px, 0px, 0px) scale(0.7); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(0.7);
    transform: translate3d(20px, 0px, 0px) scale(0.7); } }

@keyframes float-scale-07 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(0.7);
    transform: translate3d(-20px, 0px, 0px) scale(0.7); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(0.7);
    transform: translate3d(20px, 0px, 0px) scale(0.7); } }

@-webkit-keyframes float-scale-08 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(0.8);
    transform: translate3d(-20px, 0px, 0px) scale(0.8); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(0.8);
    transform: translate3d(20px, 0px, 0px) scale(0.8); } }

@keyframes float-scale-08 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(0.8);
    transform: translate3d(-20px, 0px, 0px) scale(0.8); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(0.8);
    transform: translate3d(20px, 0px, 0px) scale(0.8); } }

@-webkit-keyframes float-scale-12 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(1.2);
    transform: translate3d(-20px, 0px, 0px) scale(1.2); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(1.2);
    transform: translate3d(20px, 0px, 0px) scale(1.2); } }

@keyframes float-scale-12 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(1.2);
    transform: translate3d(-20px, 0px, 0px) scale(1.2); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(1.2);
    transform: translate3d(20px, 0px, 0px) scale(1.2); } }

@-webkit-keyframes float-scale-14 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(1.4);
    transform: translate3d(-20px, 0px, 0px) scale(1.4); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(1.4);
    transform: translate3d(20px, 0px, 0px) scale(1.4); } }

@keyframes float-scale-14 {
  0%, 100% {
    -webkit-transform: translate3d(-20px, 0px, 0px) scale(1.4);
    transform: translate3d(-20px, 0px, 0px) scale(1.4); }
  50% {
    -webkit-transform: translate3d(20px, 0px, 0px) scale(1.4);
    transform: translate3d(20px, 0px, 0px) scale(1.4); } }

@-webkit-keyframes flying-down {
  100% {
    -webkit-transform: transalte(0, 0);
    transform: transalte(0, 0); } }

@keyframes flying-down {
  100% {
    -webkit-transform: transalte(0, 0);
    transform: transalte(0, 0); } }

@-webkit-keyframes balloon-fly-1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-200px, -500px);
    transform: translate(-200px, -500px);
    opacity: 0; } }

@keyframes balloon-fly-1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-200px, -500px);
    transform: translate(-200px, -500px);
    opacity: 0; } }

@-webkit-keyframes balloon-fly-2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-20px, -500px);
    transform: translate(-20px, -500px);
    opacity: 0; } }

@keyframes balloon-fly-2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-20px, -500px);
    transform: translate(-20px, -500px);
    opacity: 0; } }

@-webkit-keyframes balloon-fly-3 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(200px, -500px);
    transform: translate(200px, -500px);
    opacity: 0; } }

@keyframes balloon-fly-3 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(200px, -500px);
    transform: translate(200px, -500px);
    opacity: 0; } }

@-webkit-keyframes balloon-fly-4 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(400px, -500px);
    transform: translate(400px, -500px);
    opacity: 0; } }

@keyframes balloon-fly-4 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(400px, -500px);
    transform: translate(400px, -500px);
    opacity: 0; } }

.balloon-fly-1 {
  -webkit-animation-name: balloon-fly-1;
  animation-name: balloon-fly-1;
  -webkit-animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.balloon-fly-2 {
  -webkit-animation-name: balloon-fly-2;
  animation-name: balloon-fly-2;
  -webkit-animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.balloon-fly-3 {
  -webkit-animation-name: balloon-fly-3;
  animation-name: balloon-fly-3;
  -webkit-animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.balloon-fly-4 {
  -webkit-animation-name: balloon-fly-4;
  animation-name: balloon-fly-4;
  -webkit-animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  animation-timing-function: cubic-bezier(0.57, 0.08, 0.84, 0.87);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes cloud-float {
  0%, 100% {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0); }
  50% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0); } }

@keyframes cloud-float {
  0%, 100% {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0); }
  50% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0); } }

.cloud-float {
  -webkit-animation-name: cloud-float;
  animation-name: cloud-float;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

.fly-to-right {
  -webkit-transform: translate3d(300px, 0px, 0px) !important;
  transform: translate3d(300px, 0px, 0px) !important;
  -webkit-transition: -webkit-transform 2s ease-in-out;
  transition: -webkit-transform 2s ease-in-out;
  transition: transform 2s ease-in-out;
  transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out; }

.fly-to-middle {
  -webkit-transform: translate3d(50px, 0px, 0px) !important;
  transform: translate3d(50px, 0px, 0px) !important;
  -webkit-transition: -webkit-transform 2s ease-in-out;
  transition: -webkit-transform 2s ease-in-out;
  transition: transform 2s ease-in-out;
  transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out; }

/*@-webkit-keyframes bear-landing {
  0% {
    position: absolute;
    top: 8280px;
    left: 80px; }
  100% {
    position: absolute;
    top: 8310px;
    left: 70px; } }

@keyframes bear-landing {
  0% {
    position: absolute;
    top: 8280px;
    left: 80px; }
  100% {
    position: absolute;
    top: 8310px;
    left: 70px; } }*/

.bear-landing {
    /*position: absolute !important;
    top: 8310px !important;
    left: 70px !important;*/

    position: absolute !important;
    left: 50% !important;
    top: 8310px !important;
    margin-left: -50px !important;

    /*bottom: 20vh !important;
    left: 70px !important;
    top: auto !important;*/
  -webkit-animation-name: family-sway;
  animation-name: family-sway;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay:0;
  animation-delay:0;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

@-webkit-keyframes family-sway {
  0%, 100% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
  50% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; } }

@keyframes family-sway {
  0%, 100% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
  50% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; } }

.family-sway {
  -webkit-animation-name: family-sway;
  animation-name: family-sway;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

.family-opening-left-1 {
  left: 470px !important;
  -webkit-transition: left 2s ease-in-out;
  transition: left 2s ease-in-out; }

.family-opening-left-2 {
  left: 570px !important;
  -webkit-transition: left 2s ease-in-out;
  transition: left 2s ease-in-out; }

.family-opening-left-3 {
  left: 630px !important;
  -webkit-transition: left 2s ease-in-out;
  transition: left 2s ease-in-out; }

.family-opening-right-1 {
  left: 810px !important;
  -webkit-transition: left 2s ease-in-out;
  transition: left 2s ease-in-out; }

.family-opening-right-2 {
  left: 890px !important;
  -webkit-transition: left 2s ease-in-out;
  transition: left 2s ease-in-out; }

.popup {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.42, 0.05, 0.56, 1.58);
  transition: -webkit-transform 0.7s cubic-bezier(0.42, 0.05, 0.56, 1.58);
  transition: transform 0.7s cubic-bezier(0.42, 0.05, 0.56, 1.58);
  transition: transform 0.7s cubic-bezier(0.42, 0.05, 0.56, 1.58), -webkit-transform 0.7s cubic-bezier(0.42, 0.05, 0.56, 1.58); }

.fly-from-left {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93);
  transition: -webkit-transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93);
  transition: transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93);
  transition: transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93), -webkit-transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93); }

.fly-from-right {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93);
  transition: -webkit-transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93);
  transition: transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93);
  transition: transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93), -webkit-transform 2s cubic-bezier(0.06, 0.53, 0.47, 0.93); }

.push-out-left {
  -webkit-transform: translateX(-800px);
  transform: translateX(-800px); }

.push-out-right {
  -webkit-transform: translateX(800px);
  transform: translateX(800px); }

@-webkit-keyframes pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0; } }

@keyframes pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0; } }

.pulse-1 {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

.pulse-2 {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

.pulse-3 {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none; }

@-webkit-keyframes dolphin-jump {
  0% {
    -webkit-transform: rotate(0deg) translate(0) rotate(0deg);
    transform: rotate(0deg) translate(0) rotate(0deg); }
  100% {
    -webkit-transform: rotate(45deg) translate(-350px) rotate(-45deg);
    transform: rotate(45deg) translate(-350px) rotate(-45deg); } }

@keyframes dolphin-jump {
  0% {
    -webkit-transform: rotate(0deg) translate(0) rotate(0deg);
    transform: rotate(0deg) translate(0) rotate(0deg); }
  100% {
    -webkit-transform: rotate(45deg) translate(-350px) rotate(-45deg);
    transform: rotate(45deg) translate(-350px) rotate(-45deg); } }

.dolphin-jump {
  -webkit-animation-name: dolphin-jump;
  animation-name: dolphin-jump;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes raise-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px); } }

@keyframes raise-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px); } }

@-webkit-keyframes bouncing {
  0%, 100% {
    top: 130px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px); } }

@keyframes bouncing {
  0%, 100% {
    top: 130px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px); } }

.raise-heart {
  -webkit-animation-name: raise-up, bouncing;
  animation-name: raise-up, bouncing;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-duration: 2s, 2s;
  animation-duration: 2s, 2s;
  -webkit-animation-delay: 0s, 2s;
  animation-delay: 0s, 2s; }

@-webkit-keyframes sparkling {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes sparkling {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.sparkling img {
  -webkit-animation-name: sparkling;
  animation-name: sparkling;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

@-webkit-keyframes winking {
  0% {
    z-index: 1; }
  100% {
    z-index: -1; } }

@keyframes winking {
  0% {
    z-index: 1; }
  100% {
    z-index: -1; } }

@media all and (max-width: 500px) {
  .family-opening-left-1 {
    left: 32vw !important; }
  .family-opening-left-2 {
    left: 39vw !important; }
  .family-opening-left-3 {
    left: 50vw !important; }
  .family-opening-right-1 {
    left: 66vw !important; }
  .family-opening-right-2 {
    left: 74vw !important; }
  .bear-absolute {
    position: absolute !important;
    top: 6850px !important;
    left: 4vw !important; }
  .fly-to-right {
    -webkit-transform: translate3d(33vw, 0px, 0px) !important;
    transform: translate3d(33vw, 0px, 0px) !important;
    -webkit-transition: -webkit-transform 2s ease-in-out;
    transition: -webkit-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
    transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out; }
  .fly-to-middle {
    -webkit-transform: translate3d(0vw, 0px, 0px) !important;
    transform: translate3d(0vw, 0px, 0px) !important;
    -webkit-transition: -webkit-transform 2s ease-in-out;
    transition: -webkit-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
    transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out; } }

  .about-inner-container img {
    position: absolute; }
    .about-inner-container .bg-cloud {
      position: absolute; }
      .about-inner-container .bg-cloud:nth-of-type(1) {
        top: -70px;
        left: 960px;
        width: 450px;
        height: 370px;
        -webkit-animation-name: float-scale-06;
        animation-name: float-scale-06;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -2s;
        animation-delay: -2s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(1) path {
          fill: #b5ffff; }
      .about-inner-container .bg-cloud:nth-of-type(2) {
        top: 90px;
        left: 990px;
        width: 200px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -4s;
        animation-delay: -4s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(2) path {
          fill: #b7ecff; }
      .about-inner-container .bg-cloud:nth-of-type(3) {
        top: 50px;
        left: -100px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(3) path {
          fill: #b7ecff; }
      .about-inner-container .bg-cloud:nth-of-type(4) {
        top: 250px;
        left: 500px;
        display: none;
        -webkit-animation-name: float-scale-06;
        animation-name: float-scale-06;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -1.5s;
        animation-delay: -1.5s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(5) {
        top: 550px;
        left: 1100px;
        width: 200px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -2s;
        animation-delay: -2s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(5) path {
          fill: #b7ecff; }
      .about-inner-container .bg-cloud:nth-of-type(6) {
        top: 800px;
        left: 0;
        -webkit-animation-name: float-scale-06;
        animation-name: float-scale-06;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(7) {
        top: 950px;
        left: 850px;
        width: 380px;
        -webkit-transform: scale(1.4);
        transform: scale(1.4); }
      .about-inner-container .bg-cloud:nth-of-type(8) {
        top: 1200px;
        left: 300px;
        -webkit-animation-name: float-scale-06;
        animation-name: float-scale-06;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -4s;
        animation-delay: -4s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(9) {
        top: 3000px;
        left: 900px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(10) {
        display: none;
        top: 2800px;
        left: 380px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(11) {
        display: none;
        top: 2920px;
        left: 200px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(12) {
        display: none;
        top: 3000px;
        left: 750px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(13) {
        top: 3200px;
        left: 50px;
        -webkit-animation-name: float-scale-08;
        animation-name: float-scale-08;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -2s;
        animation-delay: -2s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(14) {
        top: 4450px;
        left: 200px; }
        .about-inner-container .bg-cloud:nth-of-type(14) path {
          fill: #e6e6e5; }
      .about-inner-container .bg-cloud:nth-of-type(15) {
        top: 4650px;
        left: 1000px; }
        .about-inner-container .bg-cloud:nth-of-type(15) path {
          fill: #cccbcb; }
      .about-inner-container .bg-cloud:nth-of-type(16) {
        top: 6550px;
        left: 980px;
        -webkit-animation-name: float-scale-14;
        animation-name: float-scale-14;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(17) {
        top: 6650px;
        left: 1170px;
        width: 170px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
      .about-inner-container .bg-cloud:nth-of-type(18) {
        top: 7050px;
        left: 600px;
        -webkit-animation-name: float-scale-12;
        animation-name: float-scale-12;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -2.5s;
        animation-delay: -2.5s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(18) path {
          fill: #80d9ff; }
      .about-inner-container .bg-cloud:nth-of-type(19) {
        top: 7350px;
        left: 1120px;
        -webkit-animation-name: float-scale-12;
        animation-name: float-scale-12;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -2.5s;
        animation-delay: -2.5s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(19) path {
          fill: #b1ffff; }
      .about-inner-container .bg-cloud:nth-of-type(20) {
        top: 7650px;
        left: -50px;
        -webkit-animation-name: floating-cloud;
        animation-name: floating-cloud;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -3s;
        animation-delay: -3s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(20) path {
          fill: #50d9ff; }
      .about-inner-container .bg-cloud:nth-of-type(21) {
        top: 7700px;
        left: 1000px;
        -webkit-animation-name: float-scale-07;
        animation-name: float-scale-07;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none; }
        .about-inner-container .bg-cloud:nth-of-type(21) path {
          fill: #b7ecff; }
  .about-inner-container .flying-bear-wrapper {
    /*position: fixed;
    top: 50vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 151px;
    height: 190px;
    z-index: 13;
*/
    position: fixed;
    top: 50vh;
    left: 50vw;
    width: 151px;
    height: 190px;
    margin-left: -75px;
    z-index: 13;
    -webkit-transition: -webkit-transform 2s ease-in-out;
    transition: -webkit-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
    transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out;
}
  .about-inner-container .flying-bear-wrapper-right {
    margin: 0px 0px 0px 60vw; }
  .about-inner-container .flying-bear {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .about-inner-container .flying-bear .balloon {
      position: absolute;
      top: -150px; }
      .about-inner-container .flying-bear .balloon.balloon-1 {
        left: 80px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg); }
      .about-inner-container .flying-bear .balloon.balloon-2 {
        left: 90px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg); }
      .about-inner-container .flying-bear .balloon.balloon-3 {
        left: 95px;
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg); }
      .about-inner-container .flying-bear .balloon.balloon-4 {
        left: 95px;
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg); }
      .about-inner-container .flying-bear .balloon.balloon-5 {
        left: 130px;
        top: -130px; }
      .about-inner-container .flying-bear .balloon.balloon-6 {
        left: 100px;
        top: -120px; }
      .about-inner-container .flying-bear .balloon.balloon-7 {
        top: -130px;
        left: 20px; }
      .about-inner-container .flying-bear .balloon.balloon-8 {
        left: 55px; }
      .about-inner-container .flying-bear .balloon.balloon-9 {
        left: 100px; }
      .about-inner-container .flying-bear .balloon.balloon-10 {
        top: -170px;
        left: 80px; }
    .about-inner-container .flying-bear .sparkle {
      position: absolute;
      display: none;
      opacity: 0; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle {
      display: inline-block; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-1 {
      top: 140px;
      left: 20px;
      -webkit-animation-delay: .5s;
      animation-delay: .5s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-2 {
      top: 160px;
      left: 30px;
      -webkit-animation-delay: .2s;
      animation-delay: .2s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-3 {
      top: 180px;
      left: 40px;
      -webkit-animation-delay: .3s;
      animation-delay: .3s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-4 {
      top: 190px;
      left: 110px;
      -webkit-animation-delay: .6s;
      animation-delay: .6s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-5 {
      top: 180px;
      left: 80px;
      -webkit-animation-delay: .1s;
      animation-delay: .1s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-6 {
      top: 150px;
      left: 130px;
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-7 {
      top: 160px;
      left: 50px;
      -webkit-animation-delay: .2s;
      animation-delay: .2s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-8 {
      top: 175px;
      left: 115px;
      -webkit-animation-delay: .5s;
      animation-delay: .5s; }
    .about-inner-container .flying-bear .sparkles-container.sparkling .sparkle-9 {
      top: 150px;
      left: 100px;
      -webkit-animation-delay: 9s;
      animation-delay: 9s; }
  .about-inner-container .dialog-container {
    position: absolute;
    width: 430px; }
    .about-inner-container .dialog-container p {
      display: inline-block;
      position: absolute;
      top: 110px;
      left: 50px;
      width: 320px;
      color: white;
      text-align: center;
      font-size: 26px;
      font-family: "Yuanti";
      font-weight: bold;
      line-height: 32px;
      letter-spacing: 2px; }
    .about-inner-container .dialog-container .english-font {
      font-family: "Heiti TC", "lato", "Helvetica", "AvenirNext-Regular", "Roboto", "HelveticaNeue-Light", "Helvetica", "Arial", "微軟正黑體", "Microsoft JhengHei", sans-serif;
      font-size: 22px; }
  .about-inner-container .zone {
    position: absolute;
    left: 0;
    width: 100%; }
  .about-inner-container .zone-1 {
    top: 600px; }
    .about-inner-container .zone-1 .dialog-container {
      top: 0;
      left: 150px;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg); }
      .about-inner-container .zone-1 .dialog-container p {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); }
    .about-inner-container .zone-1 .flying-house {
      position: absolute;
      top: 200px;
      left: 900px; }
    .about-inner-container .zone-1 .flying-house-smoke {
      position: absolute;
      top: 35px;
      left: 910px; }
    .about-inner-container .zone-1 .flying-house-plate {
      position: absolute;
      top: 380px;
      left: 870px; }
  .about-inner-container .zone-2 {
    top: 1560px; }
    .about-inner-container .zone-2 .svg {
      position: absolute; }
    .about-inner-container .zone-2 .about-bubble {
      -webkit-transform: rotateZ(190deg) rotateX(180deg);
      transform: rotateZ(190deg) rotateX(180deg); }
      .about-inner-container .zone-2 .about-bubble path {
        fill: #ff3caa; }
    .about-inner-container .zone-2 .dialog-container {
      top: -120px;
      right: 150px; }
      .about-inner-container .zone-2 .dialog-container p {
        top: 90px;
        left: 70px;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg); }
    .about-inner-container .zone-2 svg[class*="cloud"] {
      width: 250px; }
    .about-inner-container .zone-2 .clouds-left {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 500px; }
    .about-inner-container .zone-2 .cloud-1 {
      top: 0;
      left: -265px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-1 path {
        fill: #20c7ff; }
    .about-inner-container .zone-2 .cloud-2 {
      top: 220px;
      left: -160px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-2 path {
        fill: #ffee00; }
    .about-inner-container .zone-2 .cloud-3 {
      top: 450px;
      left: -265px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-3 path {
        fill: #ff9400; }
    .about-inner-container .zone-2 .cloud-4 {
      top: 0;
      left: 100px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-4 path {
        fill: #8d54c8; }
    .about-inner-container .zone-2 .cloud-5 {
      top: 0;
      left: 465px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-5 path {
        fill: #ffee00; }
    .about-inner-container .zone-2 .cloud-6 {
      top: 220px;
      left: 200px; }
      .about-inner-container .zone-2 .cloud-6 path {
        fill: #ff0000; }
    .about-inner-container .zone-2 .cloud-7 {
      top: 220px;
      left: 560px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-7 path {
        fill: #aae600; }
    .about-inner-container .zone-2 .cloud-8 {
      top: 450px;
      left: 100px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-8 path {
        fill: #ff3caa; }
    .about-inner-container .zone-2 .cloud-9 {
      top: 450px;
      left: 465px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-9 path {
        fill: #0092ff; }
    .about-inner-container .zone-2 .clouds-right {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 500px; }
    .about-inner-container .zone-2 .cloud-10 {
      display: none;
      top: 0;
      left: 100px; }
      .about-inner-container .zone-2 .cloud-10 path {
        fill: #00b400; }
    .about-inner-container .zone-2 .cloud-11 {
      top: 0;
      left: 440px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-11 path {
        fill: #ff9400; }
    .about-inner-container .zone-2 .cloud-12 {
      top: 220px;
      left: 200px; }
      .about-inner-container .zone-2 .cloud-12 path {
        fill: #80ffff; }
    .about-inner-container .zone-2 .cloud-13 {
      top: 220px;
      left: 520px; }
      .about-inner-container .zone-2 .cloud-13 path {
        fill: #ffee00; }
    .about-inner-container .zone-2 .cloud-14 {
      top: 450px;
      left: 100px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-14 path {
        fill: #00b400; }
    .about-inner-container .zone-2 .cloud-15 {
      top: 450px;
      left: 440px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-15 path {
        fill: #20c7ff; }
    .about-inner-container .zone-2 .cloud-16 {
      top: 0;
      left: 750px; }
      .about-inner-container .zone-2 .cloud-16 path {
        fill: #ff3caa; }
    .about-inner-container .zone-2 .cloud-17 {
      top: 220px;
      left: 850px;
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); }
      .about-inner-container .zone-2 .cloud-17 path {
        fill: #ff0000; }
    .about-inner-container .zone-2 .cloud-18 {
      top: 450px;
      left: 750px; }
      .about-inner-container .zone-2 .cloud-18 path {
        fill: #8d54c8; }
  .about-inner-container .zone-3 {
    top: 2650px; }
    .about-inner-container .zone-3 .heart-1 {
      position: absolute;
      top: -20px;
      left: 220px;
      -webkit-transform: scale(1.8) rotate(15deg);
      transform: scale(1.8) rotate(15deg);
      width: 260px;
      height: 220px; }
      .about-inner-container .zone-3 .heart-1 path {
        fill: #ffee00; }
    .about-inner-container .zone-3 .heart-pink {
      position: absolute;
      top: 140px;
      left: 125px;
      z-index: 1;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58), -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58); }
      .about-inner-container .zone-3 .heart-pink .heart-2 {
        width: 250px;
        height: 200px; }
        .about-inner-container .zone-3 .heart-pink .heart-2 path {
          fill: #ff72aa; }
      .about-inner-container .zone-3 .heart-pink.pop {
        -webkit-transform: scale(1.4);
        transform: scale(1.4); }
    .about-inner-container .zone-3 .svg-container {
      position: absolute;
      top: -25px;
      left: 440px; }
      .about-inner-container .zone-3 .svg-container .heart-3 {
        -webkit-transform: rotateZ(170deg) rotateX(180deg) scale(0.3);
        transform: rotateZ(170deg) rotateX(180deg) scale(0.3);
        display: none; }
        .about-inner-container .zone-3 .svg-container .heart-3 path {
          fill: #ff0000; }
    .about-inner-container .zone-3 .mom-pinkbear {
      position: absolute;
      top: 0;
      left: 140px; }
    .about-inner-container .zone-3 .dialog-container {
      position: absolute;
      top: -270px;
      left: 650px;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58), -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58); }
      .about-inner-container .zone-3 .dialog-container.pop {
        -webkit-transform: scale(1);
        transform: scale(1); }
      .about-inner-container .zone-3 .dialog-container p {
        top: 70px;
        left: 60px;
        width: 340px;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg); }
      .about-inner-container .zone-3 .dialog-container .about-bubble {
        -webkit-transform: rotateZ(190deg) rotateX(180deg);
        transform: rotateZ(190deg) rotateX(180deg); }
        .about-inner-container .zone-3 .dialog-container .about-bubble path {
          fill: #ff6600; }
  .about-inner-container .zone-4 {
    top: 3740px; }
    .about-inner-container .zone-4 .dad-bluebear {
      position: absolute;
      top: -8px;
      left: 190px;
      z-index: 2; }
    .about-inner-container .zone-4 .dad-bluebear-grassland {
      position: absolute;
      top: 400px;
      left: 50px; }
    .about-inner-container .zone-4 .dad-number-2 {
      position: absolute;
      top: -140px;
      left: 770px; }
    .about-inner-container .zone-4 .dialog-container {
      position: absolute;
      top: -350px;
      left: 150px;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58);
      transition: transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58), -webkit-transform 0.8s cubic-bezier(0.42, 0.05, 0.56, 1.58); }
      .about-inner-container .zone-4 .dialog-container.pop {
        -webkit-transform: scale(1);
        transform: scale(1); }
      .about-inner-container .zone-4 .dialog-container p {
        top: 70px;
        left: 50px;
        width: 340px;
        font-size: 25px;
        line-height: 31px;
        letter-spacing: 0;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
        color: #0a73ff; }
      .about-inner-container .zone-4 .dialog-container .about-bubble path {
        fill: #fff100; }
  .about-inner-container .zone-5 {
    top: 4600px; }
    .about-inner-container .zone-5 .sea-frog {
      top: 250px;
      left: 650px; }
    .about-inner-container .zone-5 img {
      position: absolute; }
      .about-inner-container .zone-5 img:nth-of-type(2) {
        top: 0;
        left: 410px; }
      .about-inner-container .zone-5 img:nth-of-type(3) {
        top: 130px;
        left: 280px; }
      .about-inner-container .zone-5 img:nth-of-type(4) {
        top: 150px;
        left: 660px; }
      .about-inner-container .zone-5 img:nth-of-type(5) {
        top: 40px;
        left: 590px; }
      .about-inner-container .zone-5 img:nth-of-type(6) {
        top: 90px;
        left: 490px; }
      .about-inner-container .zone-5 img:nth-of-type(7) {
        top: 270px;
        left: 540px; }
      .about-inner-container .zone-5 img:nth-of-type(8) {
        top: 200px;
        left: 430px; }
      .about-inner-container .zone-5 img:nth-of-type(9) {
        top: 400px;
        left: 600px; }
      .about-inner-container .zone-5 img:nth-of-type(n+10) {
        display: none; }
    .about-inner-container .zone-5 .dialog-container {
      position: absolute;
      top: -170px;
      left: 550px; }
      .about-inner-container .zone-5 .dialog-container p {
        top: 90px;
        left: 160px;
        width: 260px;
        font-size: 25px;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg); }
      .about-inner-container .zone-5 .dialog-container .about-bubble {
        -webkit-transform: rotateZ(190deg) rotateX(180deg);
        transform: rotateZ(190deg) rotateX(180deg); }
      .about-inner-container .zone-5 .dialog-container path {
        fill: #ff0066;
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
  .about-inner-container .zone-6 {
    top: 5220px; }
    .about-inner-container .zone-6 .sea-sea {
      position: absolute;
      top: 200px;
      left: -270px;
      right: 0;
      margin: 0 auto; }
    .about-inner-container .zone-6 .sea-dolphin {
      position: absolute;
      top: 230px;
      left: 420px; }
    .about-inner-container .zone-6 .dialog-container {
      position: absolute;
      top: -330px;
      left: 200px;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg); }
      .about-inner-container .zone-6 .dialog-container p {
        top: 70px;
        left: 0;
        width: 260px;
        font-size: 25px;
        line-height: 35px;
        letter-spacing: 1px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg); }
      .about-inner-container .zone-6 .dialog-container path {
        fill: #0057f1;
        -webkit-transform: scale(0.6);
        transform: scale(0.6); }
    .about-inner-container .zone-6 .sea-fish-left {
      position: absolute;
      top: 450px;
      left: 100px; }
    .about-inner-container .zone-6 .sea-fish-right {
      position: absolute;
      top: 400px;
      left: 820px; }
  .about-inner-container .zone-7 {
    top: 6220px; }
    .about-inner-container .zone-7 .dialog-container.left {
      position: absolute;
      top: -30px;
      left: 400px;
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg); }
      .about-inner-container .zone-7 .dialog-container.left p {
        top: 65px;
        left: 0;
        width: 260px;
        font-size: 25px;
        line-height: 38px;
        letter-spacing: 1px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); }
      .about-inner-container .zone-7 .dialog-container.left path {
        fill: #00b400;
        -webkit-transform: scale(0.6);
        transform: scale(0.6); }
    .about-inner-container .zone-7 .dialog-container.right {
      position: absolute;
      top: -100px;
      left: 790px; }
      .about-inner-container .zone-7 .dialog-container.right p {
        top: 62px;
        left: 170px;
        width: 260px;
        line-height: 40px;
        font-size: 25px;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg); }
      .about-inner-container .zone-7 .dialog-container.right .about-bubble {
        -webkit-transform: rotateZ(190deg) rotateX(180deg);
        transform: rotateZ(190deg) rotateX(180deg); }
      .about-inner-container .zone-7 .dialog-container.right path {
        fill: #ff3caa;
        -webkit-transform: scale(0.7);
        transform: scale(0.7); }
    .about-inner-container .zone-7 .book-pegasus {
      position: absolute;
      top: 250px;
      left: 870px; }
    .about-inner-container .zone-7 .book-owl {
      position: absolute;
      top: 300px;
      left: 50px; }
    .about-inner-container .zone-7 .book-paris {
      position: absolute;
      top: 180px;
      left: 160px; }
    .about-inner-container .zone-7 .book-us {
      position: absolute;
      top: 520px;
      left: 170px; }
    .about-inner-container .zone-7 .star-1 {
      position: absolute;
      top: 0;
      left: 100px;
      -webkit-transform: scale(0.8) rotate(-20deg);
      transform: scale(0.8) rotate(-20deg); }
      .about-inner-container .zone-7 .star-1 path {
        fill: #ffff00; }
    .about-inner-container .zone-7 .star-2 {
      position: absolute;
      top: -250px;
      left: 330px;
      -webkit-transform: rotate(75deg) scale(0.5);
      transform: rotate(75deg) scale(0.5); }
      .about-inner-container .zone-7 .star-2 path {
        fill: #8d54c8; }
    .about-inner-container .zone-7 .star-3 {
      position: absolute;
      top: -200px;
      left: 1200px; }
    .about-inner-container .zone-7 .star-4 {
      position: absolute;
      top: 610px;
      left: 640px;
      z-index: 1;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
      .about-inner-container .zone-7 .star-4 path {
        fill: #52cd28; }
    .about-inner-container .zone-7 .star-5 {
      position: absolute;
      top: 770px;
      left: 710px; }
      .about-inner-container .zone-7 .star-5 path {
        fill: #0092ff; }
    .about-inner-container .zone-7 .star-6 {
      position: absolute;
      top: 880px;
      left: 510px;
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }
    .about-inner-container .zone-7 .star-7 {
      position: absolute;
      top: 830px;
      left: 1200px; }
      .about-inner-container .zone-7 .star-7 path {
        fill: #ff9400; }
    .about-inner-container .zone-7 .star-8 {
      position: absolute;
      top: 650px;
      left: 980px;
      -webkit-transform: rotate(-50deg) scale(0.8);
      transform: rotate(-50deg) scale(0.8); }
      .about-inner-container .zone-7 .star-8 path {
        fill: #ffec00; }
  .about-inner-container .zone-8 {
    position: absolute;
    bottom: 0;
    left: -50px;
    height: 730px; }
    .about-inner-container .zone-8 svg {
      position: absolute; }
    .about-inner-container .zone-8 .dialog-container {
      position: absolute;
      top: -400px;
      left: 260px;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg); }
      .about-inner-container .zone-8 .dialog-container p {
        width: 350px;
        line-height: 38px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); }
      .about-inner-container .zone-8 .dialog-container path {
        fill: #ff007b; }
    .about-inner-container .zone-8 .family-bg {
      bottom: -2px;
      left: -310px;
      z-index: 11; }
    .about-inner-container .zone-8 .family-bear-1 {
      top: 300px;
      left: 550px;
      z-index: 14; }
    .about-inner-container .zone-8 .family-bear-2 {
      top: 300px;
      left: 630px;
      z-index: 13; }
    .about-inner-container .zone-8 .family-bear-3 {
      top: 380px;
      left: 690px;
      z-index: 13; }
    .about-inner-container .zone-8 .family-bear-4 {
      top: 300px;
      left: 720px;
      z-index: 13; }
    .about-inner-container .zone-8 .family-bear-5 {
      top: 310px;
      left: 800px;
      z-index: 14; }
    .about-inner-container .zone-8 .heart-1 {
      top: 320px;
      left: 230px;
      z-index: 11; }
      .about-inner-container .zone-8 .heart-1 path {
        fill: #ff98ca; }
    .about-inner-container .zone-8 .heart-2 {
      top: 445px;
      left: 450px;
      z-index: 15;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
      .about-inner-container .zone-8 .heart-2 path {
        fill: #ff0000; }
    .about-inner-container .zone-8 .heart-3 {
      top: 490px;
      left: 565px;
      z-index: 16;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
      .about-inner-container .zone-8 .heart-3 path {
        fill: #ffee00; }
    .about-inner-container .zone-8 .heart-4 {
      top: 440px;
      left: 690px;
      z-index: 15;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
      .about-inner-container .zone-8 .heart-4 path {
        fill: #ff98ca; }
    .about-inner-container .zone-8 .heart-5 {
      top: 500px;
      left: 770px;
      z-index: 16;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
      .about-inner-container .zone-8 .heart-5 path {
        fill: #00dbff; }
    .about-inner-container .zone-8 .heart-6 {
      top: 490px;
      left: 835px;
      z-index: 15;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
      .about-inner-container .zone-8 .heart-6 path {
        fill: #008cff; }
    .about-inner-container .zone-8 .heart-7 {
      top: 280px;
      left: 1120px;
      z-index: 10; }
      .about-inner-container .zone-8 .heart-7 path {
        fill: #8d54c8; }
    .about-inner-container .zone-8 .last-heart {
      position: absolute;
      top: 330px;
      left: 630px;
      width: 50px;
      height: 50px;
      z-index: 12; }
      .about-inner-container .zone-8 .last-heart .heart-8 {
        -webkit-transform: rotate(15deg) scale(0.3);
        transform: rotate(15deg) scale(0.3); }
        .about-inner-container .zone-8 .last-heart .heart-8 path {
          fill: #ff0000; }