.animated-d0 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d1 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 250ms;
    -webkit-animation-delay: 250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d2 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 500ms;
    -webkit-animation-delay: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d3 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 750ms;
    -webkit-animation-delay: 750ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d4 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 1000ms;
    -webkit-animation-delay: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d5 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 1250ms;
    -webkit-animation-delay: 1250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d6 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 1500ms;
    -webkit-animation-delay: 1500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d7 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 1750ms;
    -webkit-animation-delay: 1750ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d8 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 2000ms;
    -webkit-animation-delay: 2000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d9 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 2250ms;
    -webkit-animation-delay: 2250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d10 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 2500ms;
    -webkit-animation-delay: 2500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d11 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 2750ms;
    -webkit-animation-delay: 2750ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d12 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 3000ms;
    -webkit-animation-delay: 3000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d13 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 3250ms;
    -webkit-animation-delay: 3250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d14 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 3500ms;
    -webkit-animation-delay: 3500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-d15 {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    animation-delay: 3750ms;
    -webkit-animation-delay: 3750ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animatedplane20 {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animatedplane10 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animatedplane13 {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeOutBeijing {
    0% {
        -webkit-transform: translate(0, 0) rotate(123deg);
        transform: translate(0, 0) rotate(123deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(578px, 301px) rotate(123deg);
        transform: translate(578px, 301px) rotate(123deg);
    }
}

@keyframes fadeOutBeijing {
    0% {
        -webkit-transform: translate(0, 0) rotate(123deg);
        -ms-transform: translate(0, 0) rotate(123deg);
        transform: translate(0, 0) rotate(123deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(578px, 301px) rotate(123deg);
        -ms-transform: translate(578px, 301px) rotate(123deg);
        transform: translate(578px, 301px) rotate(123deg);
    }
}

@-webkit-keyframes fadeOutNewYork {
    0% {
        -webkit-transform: translate(0, 0) rotate(165deg);
        transform: translate(0, 0) rotate(165deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(68px, 272px) rotate(165deg);
        transform: translate(68px, 272px) rotate(165deg);
    }
}

@keyframes fadeOutNewYork {
    0% {
        -webkit-transform: translate(0, 0) rotate(165deg);
        -ms-transform: translate(0, 0) rotate(165deg);
        transform: translate(0, 0) rotate(165deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(68px, 272px) rotate(165deg);
        -ms-transform: translate(68px, 272px) rotate(165deg);
        transform: translate(68px, 272px) rotate(165deg);
    }
}

@-webkit-keyframes fadeOutQatar {
    0% {
        -webkit-transform: translate(0, 0) rotate(230deg);
        transform: translate(0, 0) rotate(230deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-362px, 237px) rotate(230deg);
        transform: translate(-362px, 237px) rotate(230deg);
    }
}

@keyframes fadeOutQatar {
    0% {
        -webkit-transform: translate(0, 0) rotate(230deg);
        -ms-transform: translate(0, 0) rotate(230deg);
        transform: translate(0, 0) rotate(230deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-362px, 237px) rotate(230deg);
        -ms-transform: translate(-362px, 237px) rotate(230deg);
        transform: translate(-362px, 237px) rotate(230deg);
    }
}

@-webkit-keyframes fadeOutMadrid {
    0% {
        -webkit-transform: translate(0, 0) rotate(210deg);
        transform: translate(0, 0) rotate(210deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-200px, 313px) rotate(210deg);
        transform: translate(-200px, 313px) rotate(210deg);
    }
}

@keyframes fadeOutMadrid {
    0% {
        -webkit-transform: translate(0, 0) rotate(210deg);
        -ms-transform: translate(0, 0) rotate(210deg);
        transform: translate(0, 0) rotate(210deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-200px, 313px) rotate(210deg);
        -ms-transform: translate(-200px, 313px) rotate(210deg);
        transform: translate(-200px, 313px) rotate(210deg);
    }
}

@-webkit-keyframes fadeOutSidney {
    0% {
        -webkit-transform: translate(0, 0) rotate(95deg);
        transform: translate(0, 0) rotate(95deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(506px, 15px) rotate(95deg);
        transform: translate(506px, 15px) rotate(95deg);
    }
}

@keyframes fadeOutSidney {
    0% {
        -webkit-transform: translate(0, 0) rotate(95deg);
        -ms-transform: translate(0, 0) rotate(95deg);
        transform: translate(0, 0) rotate(95deg);
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(506px, 15px) rotate(95deg);
        -ms-transform: translate(506px, 15px) rotate(95deg);
        transform: translate(506px, 15px) rotate(95deg);
    }
}

.map-boat {
    position: absolute;
    display: block;
    left: 644px;
    top: 370px;
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: mapboat;
    animation-name: mapboat;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.map-boat2 {
    position: absolute;
    display: block;
    left: 830px;
    top: 358px;
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: mapboat2;
    animation-name: mapboat2;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.map-boat3 {
    position: absolute;
    display: block;
    left: 18px;
    top: 320px;
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: mapboat3;
    animation-name: mapboat3;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.map-bus {
    position: absolute;
    /* display: block; */
    /* transform-origin: center bottom; */
    animation-name: map-bus;
    animation-duration: 25s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: both;
}

@keyframes map-bus {
    from {
        transform:rotate(-32deg);
        left: 1050px;
        top: 135px;
    }

    25%{
        transform: rotate(-28deg);
        left: 985px;
        top: 177px;
    }

    50%{
        transform: rotate(-45deg);
        left: 945px;
        top: 218px;
    }

    75%{
        transform: rotate(-20deg);
        left: 910px;
        top: 250px;
    }

    to {
        transform:rotate(-10deg);
        left: 865px; 
        top: 265px;
    }
}

.map-bus-2 {
    position: absolute;
    /* display: block; */
    /* transform-origin: center bottom; */
    animation-name: map-bus-2;
    animation-duration: 25s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: both;
}

@keyframes map-bus-2 {
    from {
        transform:rotate(140deg);
        left: 870px;
        top: 590px;
    }

    35% {
        transform:rotate(130deg);
        left: 935px; 
        top: 540px;
    }   
    
    60%{
        transform:rotate(70deg);
        left: 930px;
        top: 515px;
    }
    

    80%{
        transform:rotate(50deg);
        left: 910px;
        top: 495px;
    }

    
    to {
        transform:rotate(65deg);
        left: 895px; 
        top: 475px;
    }
}


.map-bus-3 {
    position: absolute;
    /* display: block; */
    /* transform-origin: center bottom; */
    animation-name: map-bus-3;
    animation-duration: 15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: both;
    /* -webkit-transform: scaleX(-1);
    transform: scaleX(-1); */
}

@keyframes map-bus-3 {
    from {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        left: 1140px;
        top: 108px;
    }

    50%{
        -webkit-transform: scaleX(-1) rotate(-15deg);
        transform: scaleX(-1) rotate(-15deg);
        left: 1080px; 
        top: 99px;
    }
    
    55%{
        -webkit-transform: scaleX(1) rotate(15deg);
        transform: scaleX(1) rotate(15deg);
    }

    
    to {
        -webkit-transform: scaleX(1) rotate(0deg);
        transform: scaleX(1) rotate(0deg);
        left: 1150px; 
        top: 108px;
    }

}



/* @keyframes map-bus {
    from {background-color: yellow; width:100px; height:100px; left:40px; top: 0%;}
    to {background-color: orange; width:70px; height:70px; left:500px; top: 100%;}
} */

/* @keyframes map-bus {
    0% {
        transform: translateY(400px);
    }
    20%{
        transform: rotate(75deg) !important;
        transform: translateX(100px);
    }
} */


/*@-webkit-keyframes mapboat{
0%{-webkit-transform:translateX(0px);transform:translateX(0px);}
2%{-webkit-transform:rotateZ(3deg);transform:rotateZ(3deg);}
4%{-webkit-transform:rotateZ(-3deg);transform:rotateZ(-3deg);}
6%{-webkit-transform:rotateZ(3deg);transform:rotateZ(3deg);}
8%{-webkit-transform:rotateZ(-3deg);transform:rotateZ(-3deg);}
10%{-webkit-transform:rotateZ(3deg);transform:rotateZ(3deg);}
12%{-webkit-transform:rotateZ(-3deg);transform:rotateZ(-3deg);}
14%{-webkit-transform:rotateZ(3deg);transform:rotateZ(3deg);}
16%{-webkit-transform:rotateZ(-3deg);transform:rotateZ(-3deg);}
18%{-webkit-transform:rotateZ(3deg);transform:rotateZ(3deg);}
20%{-webkit-transform:rotateZ(-3deg);transform:rotateZ(-3deg);}
/* 22%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);} */
/* 23%{-webkit-transform:translateX(0px);transform:translateX(0px);}
59%{-webkit-transform:translateX(200px);transform:translateX(200px);}
60%{-webkit-transform:translateX(200px);transform:translateX(200px);}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);} */
/* } */
@keyframes mapboat {
    0% {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
    }

    2% {
        -webkit-transform: rotateZ(-84deg);
        transform: rotateZ(-84deg);
    }

    4% {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
    }

    6% {
        -webkit-transform: rotateZ(-84deg);
        transform: rotateZ(-84deg);
    }

    8% {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
    }

    10% {
        -webkit-transform: rotateZ(-84deg);
        transform: rotateZ(-84deg);
    }

    17% {
        -webkit-transform: translateY(0px) rotateZ(-30deg);
        transform: translateY(0px) rotateZ(-30deg);
    }

    65% {
        -webkit-transform: translateY(-220px) translateX(-110px) rotateZ(-30deg);
        transform: translateY(-220px) translateX(-110px) rotateZ(-30deg) ;
    }

    66% {
        -webkit-transform: translateY(-220px) translateX(-110px) rotateZ(-30deg);
        transform: translateY(-220px) translateX(-110px) rotateZ(-30deg) ;
    }

    88% {
        -webkit-transform: translateY(0px) rotateZ(-30deg);
        transform: translateY(0px) rotateZ(-30deg);
    }

    100% {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
    }

    /* 100%{-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg);} */
}

@-webkit-keyframes mapboat2 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    2% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg);
    }

    4% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg);
    }

    6% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg);
    }

    8% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg);
    }

    10% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg);
    }

    12% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg);
    }

    12% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    14% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    59% {
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    60% {
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes mapboat2 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    2% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg);
    }

    4% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg);
    }

    6% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg);
    }

    8% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg);
    }

    10% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg);
    }

    12% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg);
    }

    12% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    14% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    59% {
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    60% {
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes mapboat3 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    40% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }

    60% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes mapboat3 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    40% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }

    60% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}


@-webkit-keyframes popUp {
    0% {
        opacity: 1;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    33% {
        opacity: 1;
        -webkit-transform: scale(1.10);
        transform: scale(1.10);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes popUp {
    0% {
        opacity: 1;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    33% {
        opacity: 1;
        -webkit-transform: scale(1.10);
        -ms-transform: scale(1.10);
        transform: scale(1.10);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes cloudsMove {
    1% {
        -webkit-transform: translateX(0) scale(0.50);
        transform: translateX(0) scale(0.50);
    }

    100% {
        -webkit-transform: translateX(3000px) scale(2.50);
        transform: translateX(3000px) scale(2.50);
    }
}

@keyframes cloudsMove {
    1% {
        -webkit-transform: translateX(0) scale(0.50);
        -ms-transform: translateX(0) scale(0.50);
        transform: translateX(0) scale(0.50);
    }

    100% {
        -webkit-transform: translateX(3000px) scale(2.50);
        -ms-transform: translateX(3000px) scale(2.50);
        transform: translateX(3000px) scale(2.50);
    }
}

.cloudsMove {
    -webkit-animation-name: cloudsMove;
    animation-name: cloudsMove;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 180s;
    animation-duration: 180s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.cloudsMove1 {
    -webkit-animation-name: cloudsMove;
    animation-name: cloudsMove;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.cloudsMove2 {
    -webkit-animation-name: cloudsMove;
    animation-name: cloudsMove;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 120s;
    animation-duration: 120s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.cloudsMove3 {
    -webkit-animation-name: cloudsMove;
    animation-name: cloudsMove;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes tipsMoveUp {
    1% {
        background-position: 0px 164px;
    }

    100% {
        background-position: 0px 0px;
    }
}

@-webkit-keyframes tipsMoveUp {
    1% {
        background-position: 0px 164px;
    }

    100% {
        background-position: 0px 0px;
    }
}

@-moz-keyframes tipsMoveUp {
    1% {
        background-position: 0px 164px;
    }

    100% {
        background-position: 0px 0px;
    }
}

@-ms-keyframes tipsMoveUp {
    1% {
        background-position: 0px 164px;
    }

    100% {
        background-position: 0px 0px;
    }
}

.tipsMoveUp {
    -webkit-animation-name: tipsMoveUp;
    animation-name: tipsMoveUp;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
        opacity: 0.2;
    }

    50% {
        background-position: 350px 690px, 100px 200px, -100px 150px;
        opacity: 0.6;
    }

    100% {
        background-position: 690px 1000px, 200px 600px, -130px 300px;
        opacity: 0.2;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
        opacity: 0.2;
    }

    50% {
        background-position: 350px 690px, 100px 200px, -100px 150px;
        opacity: 0.6;
    }

    100% {
        background-position: 690px 1000px, 200px 600px, -130px 300px;
        opacity: 0.2;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
        opacity: 0.2;
    }

    50% {
        background-position: 350px 690px, 100px 200px, -100px 150px;
        opacity: 0.6;
    }

    100% {
        background-position: 690px 1000px, 200px 600px, -130px 300px;
        opacity: 0.2;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
        opacity: 0.2;
    }

    50% {
        background-position: 350px 690px, 100px 200px, -100px 150px;
        opacity: 0.6;
    }

    100% {
        background-position: 690px 1000px, 200px 600px, -130px 300px;
        opacity: 0.2;
    }
}

@keyframes disco {
    0% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    19% {
        background-position: 0px 0px;
        background-color: rgba(0,0,0,0.3);
        opacity: 0.3;
    }

    20% {
        background-color: rgba(0,0,0,0.1);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    21% {
        background-color: rgba(0,0,0,0.3);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    30% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.6;
    }

    39% {
        background-color: rgba(0,0,0,0.8);
        background-position: 292px 0px;
        opacity: 0.8;
    }

    40% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    41% {
        background-color: rgba(0,0,0,0.6);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    60% {
        background-color: rgba(0,0,0,0.4);
        background-position: 584px 0px;
        opacity: 0.6;
    }

    76% {
        background-color: rgba(0,0,0,0.3);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    80% {
        background-color: rgba(0,0,0,0.9);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    81% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    100% {
        background-color: rgba(0,0,0,0.4);
        background-position: 0px 0px;
        opacity: 0.8;
    }
}

@-webkit-keyframes disco {
    0% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    19% {
        background-position: 0px 0px;
        background-color: rgba(0,0,0,0.3);
        opacity: 0.3;
    }

    20% {
        background-color: rgba(0,0,0,0.1);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    21% {
        background-color: rgba(0,0,0,0.3);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    30% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.6;
    }

    39% {
        background-color: rgba(0,0,0,0.8);
        background-position: 292px 0px;
        opacity: 0.8;
    }

    40% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    41% {
        background-color: rgba(0,0,0,0.6);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    60% {
        background-color: rgba(0,0,0,0.4);
        background-position: 584px 0px;
        opacity: 0.6;
    }

    76% {
        background-color: rgba(0,0,0,0.3);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    80% {
        background-color: rgba(0,0,0,0.9);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    81% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    100% {
        background-color: rgba(0,0,0,0.4);
        background-position: 0px 0px;
        opacity: 0.8;
    }
}

@-moz-keyframes disco {
    0% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    19% {
        background-position: 0px 0px;
        background-color: rgba(0,0,0,0.3);
        opacity: 0.3;
    }

    20% {
        background-color: rgba(0,0,0,0.1);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    21% {
        background-color: rgba(0,0,0,0.3);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    30% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.6;
    }

    39% {
        background-color: rgba(0,0,0,0.8);
        background-position: 292px 0px;
        opacity: 0.8;
    }

    40% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    41% {
        background-color: rgba(0,0,0,0.6);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    60% {
        background-color: rgba(0,0,0,0.4);
        background-position: 584px 0px;
        opacity: 0.6;
    }

    76% {
        background-color: rgba(0,0,0,0.3);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    80% {
        background-color: rgba(0,0,0,0.9);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    81% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    100% {
        background-color: rgba(0,0,0,0.4);
        background-position: 0px 0px;
        opacity: 0.8;
    }
}

@-ms-keyframes disco {
    0% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    19% {
        background-position: 0px 0px;
        background-color: rgba(0,0,0,0.3);
        opacity: 0.3;
    }

    20% {
        background-color: rgba(0,0,0,0.1);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    21% {
        background-color: rgba(0,0,0,0.3);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    30% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.6;
    }

    39% {
        background-color: rgba(0,0,0,0.8);
        background-position: 292px 0px;
        opacity: 0.8;
    }

    40% {
        background-color: rgba(0,0,0,0.4);
        background-position: 292px 0px;
        opacity: 0.0;
    }

    41% {
        background-color: rgba(0,0,0,0.6);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    60% {
        background-color: rgba(0,0,0,0.4);
        background-position: 584px 0px;
        opacity: 0.6;
    }

    76% {
        background-color: rgba(0,0,0,0.3);
        background-position: 584px 0px;
        opacity: 0.0;
    }

    80% {
        background-color: rgba(0,0,0,0.9);
        background-position: 0px 0px;
        opacity: 0.0;
    }

    81% {
        background-color: rgba(0,0,0,0.3);
        background-position: 0px 0px;
        opacity: 0.8;
    }

    100% {
        background-color: rgba(0,0,0,0.4);
        background-position: 0px 0px;
        opacity: 0.8;
    }
}

@-webkit-keyframes hideOut {
    1% {
        opacity: 1;
    }

    99% {
        opacity: 0;
    }

    99% {
        opacity: 0;
        display: none;
    }
}

@keyframes hideOut {
    1% {
        opacity: 1;
    }

    99% {
        opacity: 0;
    }

    99% {
        opacity: 0;
        display: none;
    }
}

.hideOut {
    -webkit-animation-name: hideOut;
    animation-name: hideOut;
}

@media (min-width: 768px) and (max-width:1199) {
    .animated {
        -webkit-animation-duration:0.7s;
        animation-duration: 0.7s;
    }
}

@media (max-width: 767px) {
    .animated, .animated-1s, .animated-d0, .animated-d1, .animated-d2, .animated-d3, .animated-d4, .animated-d5, .animated-d6, .animated-d7, .animated-d8, .animated-d9, .animated-d10, .animated-d11, .animated-d12, .animated-d13, .animated-d14, .animated-d15 {
        -webkit-animation-duration:0s;
        animation-duration: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .cloudsMove, .cloudsMove1, .cloudsMove2, .cloudsMove3, .cloudsMove4, .fadeOutBeijing, .fadeOutNewYork, .fadeOutQatar, .fadeOutMadrid, .fadeOutSidney, .tipsMoveUp, .nahuelito, .nahuelitoeye, .nahuelitowater, .nahuelitowater2, .map-boat, .map-boat2, .map-boat3, .map-bus {
        -webkit-animation-duration: 0s;
        animation-duration: 0s;
        animation-delay: 0s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: none;
        animation-name: none;
    }
}

@-webkit-keyframes sakura-fall-0 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 100%
    }
}

@-ms-keyframes sakura-fall-0 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 100%
    }
}

@-moz-keyframes sakura-fall-0 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 100%
    }
}

@keyframes sakura-fall-0 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 100%
    }
}

@-webkit-keyframes sakura-fall-1 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 90%
    }
}

@-ms-keyframes sakura-fall-1 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 90%
    }
}

@-moz-keyframes sakura-fall-1 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 90%
    }
}

@keyframes sakura-fall-1 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 90%
    }
}

@-webkit-keyframes sakura-fall-2 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 70%
    }
}

@-ms-keyframes sakura-fall-2 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 70%
    }
}

@-moz-keyframes sakura-fall-2 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 70%
    }
}

@keyframes sakura-fall-2 {
    0% {
        opacity: 0.6;
        top: -30px
    }

    100% {
        opacity: 0.3;
        top: 70%
    }
}

@-webkit-keyframes sakura-blow-3 {
    0% {
        left: 0
    }

    100% {
        left: 25%
    }
}

@-o-keyframes sakura-blow-3 {
    0% {
        left: 0
    }

    100% {
        left: 25%
    }
}

@-ms-keyframes sakura-blow-3 {
    0% {
        left: 0
    }

    100% {
        left: 25%
    }
}

@-moz-keyframes sakura-blow-3 {
    0% {
        left: 0
    }

    100% {
        left: 25%
    }
}

@keyframes sakura-blow-3 {
    0% {
        left: 0
    }

    100% {
        left: 25%
    }
}

@-webkit-keyframes sakura-blow-2 {
    0% {
        left: 0
    }

    100% {
        left: -25%
    }
}

@-o-keyframes sakura-blow-2 {
    0% {
        left: 0
    }

    100% {
        left: -25%
    }
}

@-ms-keyframes sakura-blow-2 {
    0% {
        left: 0
    }

    100% {
        left: -25%
    }
}

@-moz-keyframes sakura-blow-2 {
    0% {
        left: 0
    }

    100% {
        left: -25%
    }
}

@keyframes sakura-blow-2 {
    0% {
        left: 0
    }

    100% {
        left: -25%
    }
}

@-webkit-keyframes sakura-blow-1 {
    0% {
        left: 0
    }

    100% {
        left: 50%
    }
}

@-o-keyframes sakura-blow-1 {
    0% {
        left: 0
    }

    100% {
        left: 50%
    }
}

@-ms-keyframes sakura-blow-1 {
    0% {
        left: 0
    }

    100% {
        left: 50%
    }
}

@-moz-keyframes sakura-blow-1 {
    0% {
        left: 0
    }

    100% {
        left: 50%
    }
}

@keyframes sakura-blow-1 {
    0% {
        left: 0
    }

    100% {
        left: 50%
    }
}

@-webkit-keyframes sakura-blow-0 {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@-o-keyframes sakura-blow-0 {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@-ms-keyframes sakura-blow-0 {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@-moz-keyframes sakura-blow-0 {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@keyframes sakura-blow-0 {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@-webkit-keyframes sakura-sway-0 {
    0% {
        -webkit-transform: rotate(-5deg)
    }

    40% {
        -webkit-transform: rotate(28deg)
    }

    100% {
        -webkit-transform: rotateX(21deg)
    }
}

@-o-keyframes sakura-sway-0 {
    0% {
        -o-transform: rotate(-5deg)
    }

    40% {
        -o-transform: rotate(28deg)
    }

    100% {
        -o-transform: rotateX(21deg)
    }
}

@-ms-keyframes sakura-sway-0 {
    0% {
        -ms-transform: rotate(-5deg)
    }

    40% {
        -ms-transform: rotate(28deg)
    }

    100% {
        -ms-transform: rotateX(21deg)
    }
}

@-moz-keyframes sakura-sway-0 {
    0% {
        -moz-transform: rotate(-5deg)
    }

    40% {
        -moz-transform: rotate(28deg)
    }

    100% {
        -moz-transform: rotateX(21deg)
    }
}

@keyframes sakura-sway-0 {
    0% {
        transform: rotate(-5deg)
    }

    40% {
        transform: rotate(28deg)
    }

    100% {
        transform: rotateX(21deg)
    }
}

@-webkit-keyframes sakura-sway-1 {
    0% {
        -webkit-transform: rotate(10deg)
    }

    40% {
        -webkit-transform: rotate(43deg)
    }

    100% {
        -webkit-transform: rotate(15deg)
    }
}

@-o-keyframes sakura-sway-1 {
    0% {
        -o-transform: rotate(10deg)
    }

    40% {
        -o-transform: rotate(43deg)
    }

    100% {
        -o-transform: rotate(15deg)
    }
}

@-ms-keyframes sakura-sway-1 {
    0% {
        -ms-transform: rotate(10deg)
    }

    40% {
        -ms-transform: rotate(43deg)
    }

    100% {
        -ms-transform: rotate(15deg)
    }
}

@-moz-keyframes sakura-sway-1 {
    0% {
        -moz-transform: rotate(10deg)
    }

    40% {
        -moz-transform: rotate(43deg)
    }

    100% {
        -moz-transform: rotate(15deg)
    }
}

@keyframes sakura-sway-1 {
    0% {
        transform: rotate(10deg)
    }

    40% {
        transform: rotate(43deg)
    }

    100% {
        transform: rotate(15deg)
    }
}

@-webkit-keyframes sakura-sway-2 {
    0% {
        -webkit-transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotateX(26deg)
    }

    100% {
        -webkit-transform: rotate(22deg)
    }
}

@-o-keyframes sakura-sway-2 {
    0% {
        -o-transform: rotate(15deg)
    }

    40% {
        -o-transform: rotateX(26deg)
    }

    100% {
        -o-transform: rotate(22deg)
    }
}

@-ms-keyframes sakura-sway-2 {
    0% {
        -ms-transform: rotate(15deg)
    }

    40% {
        -ms-transform: rotateX(26deg)
    }

    100% {
        -ms-transform: rotate(22deg)
    }
}

@-moz-keyframes sakura-sway-2 {
    0% {
        -moz-transform: rotate(15deg)
    }

    40% {
        -moz-transform: rotateX(26deg)
    }

    100% {
        -moz-transform: rotate(22deg)
    }
}

@keyframes sakura-sway-2 {
    0% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotateX(26deg)
    }

    100% {
        transform: rotate(22deg)
    }
}

@-webkit-keyframes sakura-sway-3 {
    0% {
        -webkit-transform: rotate(25deg)
    }

    40% {
        -webkit-transform: rotate(74deg)
    }

    100% {
        -webkit-transform: rotate(37deg)
    }
}

@-o-keyframes sakura-sway-3 {
    0% {
        -o-transform: rotate(25deg)
    }

    40% {
        -o-transform: rotate(74deg)
    }

    100% {
        -o-transform: rotate(37deg)
    }
}

@-ms-keyframes sakura-sway-3 {
    0% {
        -ms-transform: rotate(25deg)
    }

    40% {
        -ms-transform: rotate(74deg)
    }

    100% {
        -ms-transform: rotate(37deg)
    }
}

@-moz-keyframes sakura-sway-3 {
    0% {
        -moz-transform: rotate(25deg)
    }

    40% {
        -moz-transform: rotate(74deg)
    }

    100% {
        -moz-transform: rotate(37deg)
    }
}

@keyframes sakura-sway-3 {
    0% {
        transform: rotate(25deg)
    }

    40% {
        transform: rotate(74deg)
    }

    100% {
        transform: rotate(37deg)
    }
}

@-webkit-keyframes sakura-sway-4 {
    0% {
        -webkit-transform: rotate(40deg)
    }

    40% {
        -webkit-transform: rotate(68deg)
    }

    100% {
        -webkit-transform: rotate(25deg)
    }
}

@-o-keyframes sakura-sway-4 {
    0% {
        -o-transform: rotate(40deg)
    }

    40% {
        -o-transform: rotate(68deg)
    }

    100% {
        -o-transform: rotate(25deg)
    }
}

@-ms-keyframes sakura-sway-4 {
    0% {
        -ms-transform: rotate(40deg)
    }

    40% {
        -ms-transform: rotate(68deg)
    }

    100% {
        -ms-transform: rotate(25deg)
    }
}

@-moz-keyframes sakura-sway-4 {
    0% {
        -moz-transform: rotate(40deg)
    }

    40% {
        -moz-transform: rotate(68deg)
    }

    100% {
        -moz-transform: rotate(25deg)
    }
}

@keyframes sakura-sway-4 {
    0% {
        transform: rotate(40deg)
    }

    40% {
        transform: rotate(68deg)
    }

    100% {
        transform: rotate(25deg)
    }
}

@-webkit-keyframes sakura-sway-5 {
    0% {
        -webkit-transform: rotate(50deg)
    }

    40% {
        -webkit-transform: rotateX(21deg)
    }

    100% {
        -webkit-transform: rotate(40deg)
    }
}

@-o-keyframes sakura-sway-5 {
    0% {
        -o-transform: rotate(50deg)
    }

    40% {
        -o-transform: rotateX(21deg)
    }

    100% {
        -o-transform: rotate(40deg)
    }
}

@-ms-keyframes sakura-sway-5 {
    0% {
        -ms-transform: rotate(50deg)
    }

    40% {
        -ms-transform: rotateX(21deg)
    }

    100% {
        -ms-transform: rotate(40deg)
    }
}

@-moz-keyframes sakura-sway-5 {
    0% {
        -moz-transform: rotate(50deg)
    }

    40% {
        -moz-transform: rotateX(21deg)
    }

    100% {
        -moz-transform: rotate(40deg)
    }
}

@keyframes sakura-sway-5 {
    0% {
        transform: rotate(50deg)
    }

    40% {
        transform: rotateX(21deg)
    }

    100% {
        transform: rotate(40deg)
    }
}

@-webkit-keyframes sakura-sway-6 {
    0% {
        -webkit-transform: rotate(65deg)
    }

    40% {
        -webkit-transform: rotate(92deg)
    }

    100% {
        -webkit-transform: rotate(58deg)
    }
}

@-o-keyframes sakura-sway-6 {
    0% {
        -o-transform: rotate(65deg)
    }

    40% {
        -o-transform: rotate(92deg)
    }

    100% {
        -o-transform: rotate(58deg)
    }
}

@-ms-keyframes sakura-sway-6 {
    0% {
        -ms-transform: rotate(65deg)
    }

    40% {
        -ms-transform: rotate(92deg)
    }

    100% {
        -ms-transform: rotate(58deg)
    }
}

@-moz-keyframes sakura-sway-6 {
    0% {
        -moz-transform: rotate(65deg)
    }

    40% {
        -moz-transform: rotate(92deg)
    }

    100% {
        -moz-transform: rotate(58deg)
    }
}

@keyframes sakura-sway-6 {
    0% {
        transform: rotate(65deg)
    }

    40% {
        transform: rotate(92deg)
    }

    100% {
        transform: rotate(58deg)
    }
}

@-webkit-keyframes sakura-sway-7 {
    0% {
        -webkit-transform: rotate(72deg)
    }

    40% {
        -webkit-transform: rotate(118deg)
    }

    100% {
        -webkit-transform: rotate(68deg)
    }
}

@-o-keyframes sakura-sway-7 {
    0% {
        -o-transform: rotate(72deg)
    }

    40% {
        -o-transform: rotate(118deg)
    }

    100% {
        -o-transform: rotate(68deg)
    }
}

@-ms-keyframes sakura-sway-7 {
    0% {
        -ms-transform: rotate(72deg)
    }

    40% {
        -ms-transform: rotate(118deg)
    }

    100% {
        -ms-transform: rotate(68deg)
    }
}

@-moz-keyframes sakura-sway-7 {
    0% {
        -moz-transform: rotate(72deg)
    }

    40% {
        -moz-transform: rotate(118deg)
    }

    100% {
        -moz-transform: rotate(68deg)
    }
}

@keyframes sakura-sway-7 {
    0% {
        transform: rotate(72deg)
    }

    40% {
        transform: rotate(118deg)
    }

    100% {
        transform: rotate(68deg)
    }
}

@-webkit-keyframes sakura-sway-8 {
    0% {
        -webkit-transform: rotate(94deg)
    }

    40% {
        -webkit-transform: rotate(136deg)
    }

    100% {
        -webkit-transform: rotate(82deg)
    }
}

@-o-keyframes sakura-sway-8 {
    0% {
        -o-transform: rotate(94deg)
    }

    40% {
        -o-transform: rotate(136deg)
    }

    100% {
        -o-transform: rotate(82deg)
    }
}

@-ms-keyframes sakura-sway-8 {
    0% {
        -ms-transform: rotate(94deg)
    }

    40% {
        -ms-transform: rotate(136deg)
    }

    100% {
        -ms-transform: rotate(82deg)
    }
}

@-moz-keyframes sakura-sway-8 {
    0% {
        -moz-transform: rotate(94deg)
    }

    40% {
        -moz-transform: rotate(136deg)
    }

    100% {
        -moz-transform: rotate(82deg)
    }
}

@keyframes sakura-sway-8 {
    0% {
        transform: rotate(94deg)
    }

    40% {
        transform: rotate(136deg)
    }

    100% {
        transform: rotate(82deg)
    }
}

ul.sakura-container {
    position: absolute;
    top: -30px;
    left: 0px;
    list-style-type: none;
    padding-left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

ul.sakura-container>li {
    opacity: 0.5;
    background: -webkit-linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    background: -o-linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    background: -ms-linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    background: -moz-linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    background: linear-gradient(120deg, rgba(255, 183, 197, 0.9), rgba(255, 197, 208, 0.9));
    border-radius: 12px 4px;
    pointer-events: none;
    position: absolute;
    display: block;
    top: -30px;
}