section#intro {
    height: 310px;
}
#right-group {
        position: absolute;
    top: 126px;
    right: 8%;
}
#left-group {
       position: absolute;
    left: 6%;
    top: 158px;
}
#left-group2 {
    position: absolute;
    top: 83px;
}
img#ani {
       position: relative;
    top: 17px;
    left: -90px;
    width: 156px;
}
img#character {
        position: absolute;
    top: 40px;
    left: -50px;
}
.floating {  
    animation-name: floating;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;  
}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 2px); }
    to   { transform: translate(0, -0px); }    
}

.navbar{margin-bottom:0!important}

#frontside-video{
    position:relative;
    z-index:99;
    top:-50px;
}
body#home{    
    background: url(https://media.playpark.net/PP/hotel-maple/hero-banner/bg.png);
    background-position: center 50px;
    background-size:100%;
    background-repeat:repeat-x;
    overflow-x:hidden;
    background-color:transparent!important;

}
.rotating{
    position:absolute;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 20s linear infinite;
    left:0;
    right:0;
    opacity:.3;
    top:-500px
    }
    @-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}
    @-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}
    @keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
    img.mainlogo{
        position:relative;
        z-index:9;
        margin-left:60px;
        width:412px;
        top:20px
        }
    img.zest{position:absolute;width:440px;right:357px;top:14px}
    .mushroom{position:absolute;right:24px;top:54px;z-index:999}
    #animation1{float:right;position:absolute;right:457px;top:55px}
    #animation{position:absolute;top:62px;left:42%}
    .anni{width:500px!important;position:relative;margin-bottom:-296px;display:block;margin-top:14px}
    #animation img,#animation1 img{width:80%;display:none}
    #animation img:first-child,#animation1 img:first-child{display:block}
    .container.main_content{margin-bottom:110px}
    #logo{    
     margin: 0 auto 0 auto;
    display: block;
    z-index: 9;
    position: absolute;
    left: 0;
    right: 0;
    top: 85px;
    }
    .text-center.video-caption{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:840px}
    img#cadena{float:left;width:430px}
    img#dancing{position:absolute;right:468px;z-index:999}
    a#mmo{position:fixed;bottom:30px;right:30px;width:150px;height:133px;background:url('http://media.playpark.net/pp/valentine-video/images/vote.png') no-repeat;z-index:999;background-size:cover;float:right;cursor:pointer}.delay5{-webkit-animation-duration:5s}
    .delay6{-webkit-animation-duration:4s}
    .footer ul{padding-left:0;margin:10px 0 0}
    .footer{position:relative;margin:0!important;padding:0!important}@media(max-width:1366px){#animation1{right:200px}
    .rotating{top:-300px;left:-80px}}@media(max-width:1024px){#animation{right:65px;top:94px}
    .anni{margin-top:-13px}
    #logo{    max-width: 100%;}
    img.mainlogo{width:100%;top:-14px}
    .footer{position:relative}
    #frontside-video{  background: #fff;}}@media(max-width:768px){img.zest,#animation{display:none}
    .rotating{top:0;left:0}img#funfest{width:200px}
    .anni{margin-left:140px}
    img.mainlogo{margin:0 auto;display:block;float:none;top:50px}}
    @media(max-width:960px){.hide-blaster{display:none}}
    @media(max-width:760px){
    #loading{top: -80px;}
    .mushroom{left:10px;top:5px;width:130px}
    .container.main_content{background:0}
    .footerlink{margin-left:0!important}
    .rotating{top:0;left:0}
    .anni{opacity:0}
    #logo{
    left:0;
    right:0;
    }

}

@media only screen and (min-width: 1600px){

   #left-group{left: 17%;}
   #right-group{right: 20%;}
}