body {
    position: relative;
    min-height: 100vh;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    background: url("../Image/FinalArt_Wide_1920x1080@2x.jpg?sd");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.LandingPageWrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: transparent;
    z-index: 10;
}
.homeageWrapper {
  /*  background: url(../Image/FinalArt_Wide_1920x1080@2x.jpg) no-repeat top;*/
    /* background-size: 100% auto;
    min-height: 100vh; */
    transition: transform 3s ease-out;
    position: relative;
    background-size: cover;
    min-height: 100vh;
    height: 100vh;
    cursor: pointer;
}
img#animated-image {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    object-position: center top;
}
div#countdowntimer {
    position: absolute;
    top: 3.171303074670571vw;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.733528550512445vw;
    line-height: 6.076134699853587vw;
    color: rgba(255, 255, 255, .9);
    z-index: 9;
    font-family: "indivisible", sans-serif;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
}

.musiclightbox {
    display: none;
}

/* .sweepslightbox {
    display: none;
} */
div#empty {
    position: absolute;
    top: 3.171303074670571vw;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0;
    width: 7vw;
    height: 32vw;
    cursor: pointer;
    z-index: 9;
}


.fadeCls {
    opacity: 0;
}

.fadeCls.startFade {
    -webkit-animation: fadeAnimation 4s linear forwards;
    -moz-animation: fadeAnimation 4s linear forwards;
    animation: fadeAnimation 4s linear forwards;
    opacity: 0;

}

@-webkit-keyframes fadeAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes float {
    0% {

        transform: translatey(0px);
    }

    50% {

        transform: translatey(-20px);
    }

    100% {

        transform: translatey(0px);
    }
}

@keyframes shake2 {
    0% {

        transform: translate3d(0, 0, 0);
    }

    50% {

        transform: translate3d(-10px, -20px, 0);
    }

    75% {

        transform: translate3d(0, -20px, 0);
    }

    100% {

        transform: translate3d(0, 0, 0);
    }
}

@keyframes shake3 {
    0% {

        transform: translate3d(0, 0, 0);
    }

    50% {

        transform: translate3d(5px, 15px, 0);
    }

    75% {

        transform: translate3d(0, 15px, 0);
    }

    100% {

        transform: translate3d(0, 0, 0);
    }
}

@keyframes rainbow {
    0% {
        color: orange;
    }

    10% {
        color: purple;
    }

    20% {
        color: red;
    }

    30% {
        color: CadetBlue;
    }

    40% {
        color: yellow;
    }

    50% {
        color: coral;
    }

    60% {
        color: green;
    }

    70% {
        color: cyan;
    }

    80% {
        color: DeepPink;
    }

    90% {
        color: DodgerBlue;
    }

    100% {
        color: orange;
    }
}

.menu_bubble_item {
    width: 5.5vw;
    height: 5.5vw;
    position: absolute;
    background-color: transparent;
    overflow: hidden;
    /* transition: all .1s ease; */
    transition: scale 0.1s transform 0.1s;
    transition-timing-function: ease;
    float: left;
    border-radius: 50%;
    outline: 0.073vw solid transparent;
    outline-offset: 0vw;
    border: 1vw solid transparent;
}

.menu_bubble_item.movingBubble-lip {
    top: 6.111vh;
    left: 20.015vw;
    display: none;
}

.menu_bubble_item.movingBubble-shop {
    top: 50.111vh;
    left: 20.015vw;
}

.menu_bubble_item.movingBubble-lip span img {
    max-width: 3.5vw;
}

.menu_bubble_item.movingBubble-music {
    top: 14.879vh;
    right: 25.342vw;
}

.menu_bubble_item.movingBubble-tour {
    bottom: 10.029vh;
    right: 32.75vw;
}

.menu_bubble_item span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.025vw;
    letter-spacing: 0.133vw;
    text-shadow: 0px 0.146vw #553717;
    z-index: 100;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "indivisible", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.menu_bubble_img {
    background-size: cover;
    width: 5.5vw;
    height: 5.5vw;
    transition: all .8s ease;
    /* opacity: 0.7 */
}

.bubbleImgCls {
    background: url(../Image/bubble_img_crop.png)no-repeat center;
    background-size: cover;
}

.menu_bubble_item:hover .menu_bubble_img {
    transform: rotate(30deg);
    /* background-color: rgba(255, 255, 255, 0.2) !important; */
    scale: 1.07;

}

.menu_bubble_item:hover {
    /* border: 0.07vw solid rgba(255, 255, 255, 0.6); */
    outline: 0.073vw solid #E5D3BD;
    outline-offset: 0vw;
    border: 1vw solid rgba(255, 255, 255, 0.2);

}

.menu_bubble_item:hover span {
    -webkit-animation: rainbow 5s infinite;
    -moz-animation: rainbow 5s infinite;
    animation: rainbow 5s infinite;

}

.movingBubble-lip,
.movingBubble-shop,
.movingBubble-music,
.movingBubble-tour {
    transition: all .8s ease;
    opacity: 0;
}

.movingBubble-lip.startAnimate {
    -webkit-animation: animateBubblelip 5s linear forwards, shake3 6s ease-in-out infinite;
    ;
    -moz-animation: animateBubblelip 5s linear forwards, shake3 6s ease-in-out infinite;
    ;
    animation: animateBubblelip 5s linear forwards, shake3 6s ease-in-out infinite;
    ;

    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@-webkit-keyframes animateBubblelip {
    0% {
        top: 14.879vh;
        left: 16.342vw;
        opacity: 0;
    }

    100% {
        top: 17.879vh;
        left: 19.342vw;
        opacity: 1;
    }

}

@-moz-keyframes animateBubblelip {
    0% {
        top: 14.879vh;
        left: 16.342vw;
        opacity: 0;
    }

    100% {
        top: 17.879vh;
        left: 19.342vw;
        opacity: 1;
    }
}

@keyframes animateBubblelip {
    0% {
        top: 14.879vh;
        left: 16.342vw;
        opacity: 0;
    }

    100% {
        top: 17.879vh;
        left: 19.342vw;
        opacity: 1;
    }
}


.movingBubble-shop.startAnimate {
    -webkit-animation: animateBubbleShop 5s linear forwards, float 6s ease-in-out infinite;
    ;
    -moz-animation: animateBubbleShop 5s linear forwards, float 6s ease-in-out infinite;
    ;
    animation: animateBubbleShop 5s linear forwards, float 6s ease-in-out infinite;
    ;

    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@-webkit-keyframes animateBubbleShop {
    0% {
        left: 20.015vw;
        opacity: 0;
    }

    100% {
        left: 23.015vw;
        opacity: 1;
    }
}

@-moz-keyframes animateBubbleShop {
    0% {
        left: 20.015vw;
        opacity: 0;
    }

    100% {
        left: 23.015vw;
        opacity: 1;
    }
}

@keyframes animateBubbleShop {
    0% {
        left: 20.015vw;
        opacity: 0;
    }

    100% {
        left: 23.015vw;
        opacity: 1;
    }
}

.movingBubble-music.startAnimate {
    -webkit-animation: animateBubbleMusic 5s linear forwards, shake2 6s ease-in-out infinite;
    -moz-animation: animateBubbleMusic 5s linear forwards, shake2 6s ease-in-out infinite;
    animation: animateBubbleMusic 5s linear forwards, shake2 6s ease-in-out infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;


}

@-webkit-keyframes animateBubbleMusic {
    0% {
        top: 14.879vh;
        right: 25.342vw;
        opacity: 0;
    }

    100% {
        top: 17.879vh;
        right: 22.342vw;
        opacity: 1;
    }
}

@-moz-keyframes animateBubbleMusic {
    0% {
        top: 14.879vh;
        right: 25.342vw;
        opacity: 0;
    }

    100% {
        top: 17.879vh;
        right: 22.342vw;
        opacity: 1;
    }
}

@keyframes animateBubbleMusic {
    0% {
        top: 14.879vh;
        right: 25.342vw;
        opacity: 0;
    }

    100% {
        top: 17.879vh;
        right: 22.342vw;
        opacity: 1;
    }
}


.movingBubble-tour.startAnimate {
    -webkit-animation: animateBubbleTour 5s linear forwards, shake3 6s ease-in-out infinite;
    -moz-animation: animateBubbleTour 5s linear forwards, shake3 6s ease-in-out infinite;
    animation: animateBubbleTour 5s linear forwards, shake3 6s ease-in-out infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;

}

@-webkit-keyframes animateBubbleTour {
    0% {
        bottom: 10.029vh;
        right: 32.75vw;
        opacity: 0;
    }

    100% {
        bottom: 13.029vh;
        right: 29.75vw;
        opacity: 1;
    }
}

@-moz-keyframes animateBubbleTour {
    0% {
        bottom: 10.029vh;
        right: 32.75vw;
        opacity: 0;
    }

    100% {
        bottom: 13.029vh;
        right: 29.75vw;
        opacity: 1;
    }
}

@keyframes animateBubbleTour {
    0% {
        bottom: 10.029vh;
        right: 32.75vw;
        opacity: 0;
    }

    100% {
        bottom: 13.029vh;
        right: 29.75vw;
        opacity: 1;
    }
}

.menu_bubble_item.movingBubble-lip a {
    cursor: pointer;
}

.menu_bubble_item.movingBubble-lip {
    width: 7vw;
    height: 7vw;
}

.menu_bubble_item.movingBubble-lip .menu_bubble_img.bubbleImgCls {
    width: 7vw;
    height: 7vw;
}

.menu_bubble_item.movingBubble-lip span {
    top: 54%;
}

@media (max-width: 1024px) and (orientation:portrait) {
    .homeageWrapper {
        /*background: url(../Image/phase3_Home_BG_Mobile.png) no-repeat top;*/
        transition: transform 3s ease-out;
        position: relative;
        background-size: cover;
    }

    div#empty {
        width: 20vw;
        height: 100vh;
    }

    div#countdowntimer {
        font-size: 11.384615vw;
        width: 100%;
        text-align: center;
        top: 10.171303vw;
        line-height: 21.128205vw;
    }

    .menu_bubble_img {
        width: 22.518vw;
        height: 22.518vw;
    }

    .menu_bubble_item {
        width: 22.518vw;
        height: 22.518vw;
    }

    .menu_bubble_item span {
        font-size: 3.59vw;
        letter-spacing: 0.467vw;
        text-shadow: 0px 0.513vw #553717;
    }

    .menu_bubble_item.movingBubble-shop {
        top: 60.962vw;
        left: 1.054vw;
    }

    .menu_bubble_item {
        outline: 1px solid transparent;
        outline-offset: 0vw;
        border: 4vw solid transparent;
    }

    .menu_bubble_item:hover {
        outline: 1px solid #E5D3BD;
        outline-offset: 0vw;
        border: 4vw solid rgba(255, 255, 255, 0.2);
    }

    @-webkit-keyframes animateBubbleShop {
        0% {
            left: 1.054vw;
            opacity: 0;
        }

        100% {
            left: 4.054vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubbleShop {
        0% {
            left: 1.054vw;
            opacity: 0;
        }

        100% {
            left: 4.054vw;
            opacity: 1;
        }
    }

    @keyframes animateBubbleShop {
        0% {
            left: 1.054vw;
            opacity: 0;
        }

        100% {
            left: 4.054vw;
            opacity: 1;
        }
    }

    .menu_bubble_item.movingBubble-lip {
        top: 16.241vw;
        left: 10.051vw;
    }

    .menu_bubble_item.movingBubble-lip span img {
        max-width: 15.5vw;
    }

    .menu_bubble_item.movingBubble-lip,
    .menu_bubble_item.movingBubble-lip .menu_bubble_img.bubbleImgCls {
        width: 25vw;
        height: 25vw;
    }

    @-webkit-keyframes animateBubblelip {
        0% {
            top: 16.241vw;
            left: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 20.241vw;
            left: 6.051vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubblelip {
        0% {
            top: 16.241vw;
            left: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 20.241vw;
            left: 6.051vw;
            opacity: 1;
        }
    }

    @keyframes animateBubblelip {
        0% {
            top: 16.241vw;
            left: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 20.241vw;
            left: 6.051vw;
            opacity: 1;
        }
    }

    .menu_bubble_item.movingBubble-music {
        top: 16.241vw;
        right: 10.051vw;
    }

    @-webkit-keyframes animateBubbleMusic {
        0% {
            top: 16.241vw;
            right: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 20.241vw;
            right: 6.051vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubbleMusic {
        0% {
            top: 16.241vw;
            right: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 20.241vw;
            right: 6.051vw;
            opacity: 1;
        }
    }

    @keyframes animateBubbleMusic {
        0% {
            top: 16.241vw;
            right: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 20.241vw;
            right: 6.051vw;
            opacity: 1;
        }
    }

    .menu_bubble_item.movingBubble-tour {
        bottom: 58.846vw;
        right: 5.351vw;
    }

    @-webkit-keyframes animateBubbleTour {
        0% {
            bottom: 58.846vw;
            right: 5.351vw;
            opacity: 0;
        }

        100% {
            bottom: 50.846vw;
            right: 8.351vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubbleTour {
        0% {
            bottom: 58.846vw;
            right: 5.351vw;
            opacity: 0;
        }

        100% {
            bottom: 50.846vw;
            right: 8.351vw;
            opacity: 1;
        }
    }

    @keyframes animateBubbleTour {
        0% {
            bottom: 58.846vw;
            right: 5.351vw;
            opacity: 0;
        }

        100% {
            bottom: 50.846vw;
            right: 8.351vw;
            opacity: 1;
        }
    }
}

@media (max-width: 767px) and (orientation:portrait) {
    .menu_bubble_item.movingBubble-shop {
        top: 100.962vw;
        left: 1.054vw;
    }

    @-webkit-keyframes animateBubbleShop {
        0% {
            left: 1.054vw;
            opacity: 0;
        }

        100% {
            left: 4.054vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubbleShop {
        0% {
            left: 1.054vw;
            opacity: 0;
        }

        100% {
            left: 4.054vw;
            opacity: 1;
        }
    }

    @keyframes animateBubbleShop {
        0% {
            left: 1.054vw;
            opacity: 0;
        }

        100% {
            left: 4.054vw;
            opacity: 1;
        }
    }

    .menu_bubble_item.movingBubble-lip {
        top: 36.241vw;
        left: 10.051vw;
        cursor: pointer;
    }

    .menu_bubble_item.movingBubble-lip span img {
        max-width: 13.5vw;
    }

    .menu_bubble_item.movingBubble-lip,
    .menu_bubble_item.movingBubble-lip .menu_bubble_img.bubbleImgCls {
        width: 27vw;
        height: 27vw;
    }

    @-webkit-keyframes animateBubblelip {
        0% {
            top: 36.241vw;
            left: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 40.241vw;
            left: 6.051vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubblelip {
        0% {
            top: 36.241vw;
            left: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 40.241vw;
            left: 6.051vw;
            opacity: 1;
        }
    }

    @keyframes animateBubblelip {
        0% {
            top: 36.241vw;
            left: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 40.241vw;
            left: 6.051vw;
            opacity: 1;
        }
    }

    .menu_bubble_item.movingBubble-music {
        top: 36.241vw;
        right: 10.051vw;
    }

    @-webkit-keyframes animateBubbleMusic {
        0% {
            top: 36.241vw;
            right: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 40.241vw;
            right: 6.051vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubbleMusic {
        0% {
            top: 36.241vw;
            right: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 40.241vw;
            right: 6.051vw;
            opacity: 1;
        }
    }

    @keyframes animateBubbleMusic {
        0% {
            top: 36.241vw;
            right: 10.051vw;
            opacity: 0;
        }

        100% {
            top: 40.241vw;
            right: 6.051vw;
            opacity: 1;
        }
    }

    .menu_bubble_item.movingBubble-tour {
        bottom: 58.846vw;
        right: 5.351vw;
    }

    @-webkit-keyframes animateBubbleTour {
        0% {
            bottom: 58.846vw;
            right: 5.351vw;
            opacity: 0;
        }

        100% {
            bottom: 63.846vw;
            right: 8.351vw;
            opacity: 1;
        }
    }

    @-moz-keyframes animateBubbleTour {
        0% {
            bottom: 58.846vw;
            right: 5.351vw;
            opacity: 0;
        }

        100% {
            bottom: 63.846vw;
            right: 8.351vw;
            opacity: 1;
        }
    }

    @keyframes animateBubbleTour {
        0% {
            bottom: 58.846vw;
            right: 5.351vw;
            opacity: 0;
        }

        100% {
            bottom: 63.846vw;
            right: 8.351vw;
            opacity: 1;
        }
    }


}