body, html{
    font-family: "museo-sans-rounded";
    background-color: #42210b;
}

* {
    -webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
    -moz-osx-font-smoothing: grayscale; /* Fixes font bold issue in Firefox version 25+ on Mac */
}

.imagescaler{}

.imagescaler img{
    width: 100%;
}

.loaderanim{
    position: absolute;
    width: 40vw;
    left:30vw;
    top:30vh;
}

.mainsitecontainer{
    width: 100%;
    height: 350vw;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    opacity: 0;
    transform-origin: top left;
}

.mainsitecontainer-band{
    height: 320vw;
}

.mainsitecontainer-band-aki{
    height: 313vw;
}

.mainsitecontainer-band-zac{
    height: 305vw;
}

.mainsitecontainer-band-eva{
    height: 338vw;
}

.mainsitecontainer-band-mina{
    height: 305vw;
}

.mainsitecontainer-music{
    height: 420vw;
}

.mainsitecontainer-grownups{
    height: 430vw;
}

.mainsitecontainer-videos-news{
    height: 570vw;
}

.mainsitecontainer-privacy-policy{
    height: 720vw;
}

.smallscreen{

}

.bigscreen{
    display: none;
}

@media screen and (min-width: 700px){
    .loaderanim{
        position: relative;
        width: 100px;
        left:auto;
        top:auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 350px;
    }

    .mainsitecontainer {
        min-width: 990px;
    }

    .mainsitecontainer, .mainsitecontainer-band, .mainsitecontainer-band-aki, .mainsitecontainer-band-zac, .mainsitecontainer-band-mina, .mainsitecontainer-band-eva, .mainsitecontainer-music, .mainsitecontainer-grownups, .mainsitecontainer-privacy-policy {
        height: 100%;
    }

    .smallscreen{
        display: none;
    }

    .bigscreen {
        display: block;
    }
}

@media screen and (min-width: 700px){
    .mainsitecontainer-android{
        min-height: 800px;
    }
    .mainsitecontainer-iOS{
        min-height: 200px;
    }
}

@media screen and (min-width: 1025px){
    .mainsitecontainer{
        min-height: 800px;
    }
}

.background{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mobilebackground{
    width: 100%;
}

#mobilebg-home{}

#mobilebg-band, #mobilebg-band-aki, #mobilebg-band-zac, #mobilebg-band-mina, #mobilebg-band-eva, #mobilebg-music, #mobilebg-story{
    display: none;
}

.background-circle{
    position: absolute;
    display: none;
}

.background-circle img{
    position: absolute;
}

@media screen and (min-width: 700px){
    .mobilebackground{
        display: none;
    }

    .background-circle{
        display: block;
    }
}

.background-circle img{
    width: 100%;
}

.white-circle-content{
    position: absolute;
    color: #42210b;
    width: 100%;
}

@media screen and (min-width: 700px) {
    .white-circle-content {
        width: 700px;
        height: 700px;
    }
}

.background-circle-nav-move-out{
    -webkit-transition: left 0.6s ease-in;
    -moz-transition: left 0.6s ease-in;
    -o-transition: left 0.6s ease-in;
    transition: left 0.6s ease-in;
}

.background-circle-nav-move-in{
    -webkit-transition: left 0.8s ease-out;
    -moz-transition: left 0.8s ease-out;
    -o-transition: left 0.8s ease-out;
    transition: left 0.8s ease-out;
}

/* FOOTER */

.footer{
    background-color: #241206;
    height:40vw;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.footer-cr-line {
    position: absolute;
    left: 2vw;
    font-size: 3vw;
    font-weight: 300;
    color: white;
    top: 23vw;
}

.footer-made-by-text {
    position: absolute;
    right: 21vw;
    font-size: 3vw;
    font-weight: 300;
    color: white;
    top: 33vw;
    z-index: 20;
}

.footer-made-by-text span{
    /*margin-right: 2vw;*/
}

.footer-remo-logo{
    position: absolute;
    right: 41vw;
    top: 44vw;
    width: 18vw;
}

.footer-text-center{
    width: 100%;
    font-size: 3vw;
    font-weight: 300;
    color: white;
    position: absolute;
    left: 2vw;
    top: 19vw;
}

.footer-text-center span{
    display: block;
}

.bluelink, .pinklink{
    font-weight: 900;
    text-decoration: none;
}

.bluelink {
    color: #29abe2;
}

.pinklink {
    color: #ec1e79;
}

.mobile-social-footer-icons{
    position: absolute;
    top: 18vw;
    left: 58vw;
}

.mobile-social-footer-icon{
    width: 10vw;
    margin-right: 1.2vw;
    display: inline-block;
}

@media screen and (min-width: 700px) {
    .mobile-social-footer-icons{
        display: none;
    }
    
    .footer{
        height:24px;
    }

    .footer-cr-line{
        left:16px;
        font-size: 11px;
        top: 6px;
    }

    .footer-remo-logo{
        width: 49px;
        right: 5px;
        top: 6px;
    }

    .footer-made-by-text{
        right:16px;
        font-size: 11px;
        top: 6px;
    }

    .footer-text-center{
        font-size: 11px;
        margin-top: 6px;
        position: relative;
        text-align: center;
        left: 0;
        top: 0;
    }
    .footer-text-center span{
        display: inline-block;
        margin-left: 9px;
        margin-right: 9px;
    }
}

/* CENTER CONTENT */

.center-content-container{
    position: absolute;
    width: 100vw;
}

.center-content-section{
    position: absolute;
    width: 100vw;
    left: 0;
    top: 0;
}

.ccs-background{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

@media screen and (min-width: 700px) {
    .center-content-section{
        width: 100%;
    }
}

/* HOME */

#ccs-home{
    padding-top: 4px;
}

.home-band {
    width: 80vw;
    margin-top: -10vw;
    margin-bottom: 2vw;
    margin-left: 10vw;
}

.home-logo {
    width: 70vw;
    position: relative;
    margin-left: 15vw;
    margin-top: 20vw;
}

.home-title{
    color: #42210b;
    font-weight: 900;
    font-size: 7vw;
    width: 100vw;
    text-align: center;
    margin-bottom: 0;
}

.home-sub-title{
    color: #42210b;
    font-weight: 300;
    font-size: 3.5vw;
    width: 100vw;
    text-align: center;
}

.retailer-container{
    position: absolute;
    bottom: 27vw;
    z-index: 10;
    width:100vw;
    text-align: center;
}

.retailer-logo{
    width: 19vw;
    display: inline-block;
    cursor: pointer;
    margin-left: 0vw;
}

.retailer-logo-itunes{

}

.retailer-logo-amazon{
    /*display: none;*/
}

.retailer-logo-googleplay{

}

.home-promo{
    margin-bottom: 2vw;
}

.home-promos-container{
    position: absolute;
    top: 112vw;
    left: 0;
    width: 100%;
}

.home-promo-left-top{
    width: 66vw;
    margin-left: 17vw;
    cursor: pointer;
}

.home-promo-right-top{
    margin-left: 17vw;
    width: 66vw;
    cursor: pointer;
}


.home-promo-right-bottom{
    margin-left: 17vw;
    width: 66vw;
    cursor: pointer;
}

.home-promo-middle-container{
    margin-left: 10vw;
}

.home-promo-left-middle, .home-promo-right-middle{
    width: 40vw;
    cursor: pointer;
    display: inline-block;
}


.signupcontainer{
    width: 60vw;
    margin-left: 20vw;
    -webkit-transform: rotate(2.87deg);
    transform: rotate(2.87deg);
}

.signupcontainerbackground {
    width: 100%;
    position: relative;
}

.signupcontainer-text{
    position: absolute;
    font-size: 3.2vw;
    font-weight: 500;
    color: white;
    top: 12.3vw;
    left: 26vw;
    text-align: center;
    width: 32vw;
    line-height: 3.2vw;
}

.signupcontainer-text span{
    font-size: 2.3vw;
}

.emailinputbox{
    position: absolute;
    left: 15.2vw;
    top: 25.9vw;
}

.input-textfield {
    font-weight: 300;
    font-size: 3.4vw;
    width: 29vw;
    color: #ffffff;
    background: transparent;
    border: none;
}

.gobtn{
    position: absolute;
    width: 10vw;
    top: 24vw;
    left: 45vw;
}

.home-video-overlay, .band-member-info-overlay, .game-overlay, .lyrics-overlay, .team-member-overlay, .home-bestival-overlay, .social-drawer-overlay{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    display: none;
    background-image: url(../img/overlaybg.png);
    z-index: 100;
}

.game-overlay-center-section{
    width: 1024px;
    height: 768px;
    position: absolute;
}

.home-video-overlay-center-section{
    width: 620px;
    text-align: center;
    position: absolute;
    min-height: 350px;
    background-color: #8cc63f;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
}

.home-bestival-overlay-center-section {
    width: 96vw;
    left: 2vw;
    top: 3vw;
    position: absolute;
    height: 220vw;
    background-color: #ffffff;
    -webkit-border-radius: 10vw 10vw 10vw 10vw;
    -moz-border-radius: 10vw 10vw 10vw 10vw;
    border-radius: 10vw 10vw 10vw 10vw;
}

.home-bestival-overlay-center-section-blue {
    width: 94vw;
    left: 1vw;
    top: 1vw;
    position: absolute;
    height: 218vw;
    background-color: #27548b;
    -webkit-border-radius: 9vw 9vw 9vw 9vw;
    -moz-border-radius: 9vw 9vw 9vw 9vw;
    border-radius: 9vw 9vw 9vw 9vw;
}

.home-bestival-overlay-center-section-yellow {
    width: 92vw;
    left: 1vw;
    top: 1vw;
    position: absolute;
    height: 216vw;
    background-color: #f9ec00;
    -webkit-border-radius: 8vw 8vw 8vw 8vw;
    -moz-border-radius: 8vw 8vw 8vw 8vw;
    border-radius: 8vw 8vw 8vw 8vw;
}

.privacy-policy-overlay{
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: white;
    display: none;
    background-image: url(../img/overlaybg.png);
}

.privacy-policy-overlay h2{
    font-weight: 900;
    font-size: 4.5vw;
}

.privacy-policy-overlay h3{
    font-weight: 500;
    font-size: 4vw;
}

.privacy-policy-overlay p{
    font-weight: 300;
    font-size: 3.1vw;
    margin-bottom: 2vw;
}

.privacy-policy-overlay a{
    text-decoration: none;
    font-weight: 900;
    color: white;
}

.privacy-policy-overlay-center-section{
    position: absolute;
    width: 80%;
    margin-top: 6vw;
    margin-left: 10%;
}

.home-bestival-overlay-center-section h2{
    font-size: 5.6vw;
    font-weight: 900;
    color: #ea4809;
    margin-top: 6vw;
    text-align: center;
    margin-bottom: 77vw;
}

.home-bestival-overlay-center-section p {
    color: #ea4809;
    font-size: 3.1vw;
    font-weight: 700;
    text-align: justify;
    width: 86%;
    margin-left: 7%;
    margin-bottom: 3vw;
}

.home-bestival-overlay-btn{
    background-color: #ea4809;
    -webkit-border-radius: 5vw;
    -moz-border-radius: 5vw;
    border-radius: 5vw;
    height: 8vw;
    text-align: center;
    font-size: 4.5vw;
    font-weight: 900;
    color: white;
    padding-top: 2vw;
    width: 55vw;
    margin-left: 19vw;
    cursor: pointer;
    margin-top: 7vw;

}

.home-bestival-overlay-band{
    width: 76vw;
    position: absolute;
    right: 8vw;
    bottom: -1.2vw;
}

.home-bestival-overlay-badge{
    width: 70%;
    position: absolute;
    left: 15%;
    top: 24vw;
}

.visitusonyoutube{
    width: 213px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 12px;
}

#homepagesnow{
    display: none;
}

@media screen and (min-width: 700px){
    .home-promos-container{
        top:0;
    }

    #homepagesnow{
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top:0;
    }

    .snow_bl{
        width: 286px;
        height: 45px;
        position: absolute;
        left: 0;
        bottom: 24px;
    }

    .snow_br{
        width: 196px;
        height: 51px;
        position: absolute;
        right: 0;
        bottom: 24px;
    }

    .social-drawer{
        position: absolute;
        width: 798px;
        height: 420px;
        margin-top: -210px;
        top:50vh;
        right: -800px;
        background-image: url(../img/social-drawer-background.png);

        -webkit-transition: right 500ms ease-in-out;
        -moz-transition: right 500ms ease-in-out;
        -o-transition: right 500ms ease-in-out;
        transition: right 500ms ease-in-out;
    }

    .social-drawer-title-box{
        width: 208px;
        position: absolute;
        top:40px;
        cursor: pointer;
    }

    .social-drawer h3{
        font-size: 14px;
        font-weight: 900;
        color: white;
        position: absolute;
        top: 8px;
        left: 46px;
    }

    .social-drawer-title-image{
        width: 37px;
    }

    #sdtb-facebook, #pc-facebook{
        left: 77px;
    }

    #sdtb-twitter, #pc-twitter{
        left: 320px;
    }

    #sdtb-youtube, .social-drawer-email-container{
        left: 565px;
    }

    #socialdrawer-close{
        cursor: pointer;
        position: absolute;
        width: 37px;
        height: 100px;
        top: 160px;
        left: 0px;
    }

    .social-drawer-posts-container{
        position: absolute;
        top:97px;
    }

    .social-drawer-posts-container-title{
        font-size: 17px;
        color: white;
        font-weight: 500;
        margin-bottom: 24px;
    }

    .social-drawer-post{
        font-size: 13px;
        color: white;
        font-weight: 500;
        margin-bottom: 16px;
        width: 206px;
    }

    .social-drawer-post a{
        font-weight: 900;
        text-decoration: none;
        color: white;
    }

    .social-drawer-email-container{
        position: absolute;
        top:125px;
        width: 210px;
    }

    .social-drawer-email-container h3{
        top: 2px;
    }

    .social-drawer-email-container p{
        font-size: 13px;
        color: white;
        font-weight: 500;
        position: absolute;
        left: 49px;
        top: 18px;
    }

    .social-drawer-email-input-container{
        background-image: url(../img/socialdrawer_email_bg.png);
        width: 198px;
        height: 34px;
        position: absolute;
        top: 45px;
    }

    .social-drawer-email-input-container .input-textfield{
        position: absolute;
        top: 8px;
        left: 13px;
        width: 148px;
    }

    .social-drawer-email-input-container-go-btn{
        position: absolute;
        cursor: pointer;
        width: 30px;
        right: 0px;
        top: 2px;
    }

    .privacy-policy-overlay-center-section{
        width: 650px;
        height: 700px;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 40px;
        overflow-y: scroll;
        overflow-x: hidden;
        position: relative;
    }

    .privacy-policy-overlay h2{
        font-size: 25px;
        margin-bottom: 10px;
    }

    .privacy-policy-overlay h3{
        font-size: 20px;
        margin-bottom: 4px;
        margin-top: 20px;
    }

    .privacy-policy-overlay p{
        font-size: 15px;
        margin-bottom: 9px;
    }




    .home-bestival-overlay-center-section{
        width: 630px;
        text-align: center;
        position: absolute;
        height: 460px;
        -webkit-border-radius: 50px 50px 50px 50px;
        -moz-border-radius: 50px 50px 50px 50px;
        border-radius: 50px 50px 50px 50px;
    }

    .home-bestival-overlay-center-section-blue{
        width: 614px;
        text-align: center;
        position: absolute;
        height: 444px;
        top:8px;
        left: 8px;
        -webkit-border-radius: 42px 42px 42px 42px;
        -moz-border-radius: 42px 42px 42px 42px;
        border-radius: 42px 42px 42px 42px;
    }

    .home-bestival-overlay-center-section-yellow{
        width: 598px;
        text-align: center;
        position: absolute;
        height: 428px;
        top:8px;
        left: 8px;
        -webkit-border-radius: 34px 34px 34px 34px;
        -moz-border-radius: 34px 34px 34px 34px;
        border-radius: 34px 34px 34px 34px;
    }

    .home-video-overlay-center-section h2, .home-bestival-overlay-center-section h2, .lyrics-overlay-center-section h2{
        font-size: 24px;
        font-weight: 900;
        color: white;
        margin-bottom: 12px;
    }

    .home-bestival-overlay-center-section h2 {
        color: #ea4809;
    }

    .home-bestival-overlay-center-section p {
        font-size: 14px;
        width: 300px;
        margin-left: 30px;
        margin-bottom: 12px;
    }

    .home-bestival-overlay-btn{
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        height: 25px;
        font-size: 16px;
        padding-top: 5px;
        width: 219px;
        margin-left: 30px;
        margin-top: 0;

    }

    .home-bestival-overlay-band{
        width: 243px;
        position: absolute;
        right: 0;
        bottom: 0px;
    }

    .home-bestival-overlay-badge{
        width: 176px;
        position: absolute;
        left: 376px;
        top: 90px;
    }

    .home-video-overlay-center-section h2, .home-bestival-overlay-center-section h2{
        margin-top: 12px;
    }

    .home-logo{
        width: 343px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
    .home-band{
        width: 80%;
        margin-top: -15px;
        margin-bottom: 20px;
        margin-left: 10%;
    }
    .retailer-container{
        top: 13px;
        right: 0;
        width: 100%;
        bottom: auto;
        left: auto;
    }
    .home-title{
        font-size: 42px;
        width: 100%;
        margin-bottom: 4px;
    }
    .home-sub-title{
        font-size: 20px;
        width: 100%;
    }
    .home-promo{
        position: absolute;
        margin-bottom: 0;
    }
    .home-promo-middle-container {
        margin-left: 0;
    }
    .home-promo-left-middle, .home-promo-right-middle {
        width: 180px;
    }
    .home-promo-left-middle {
        left: -194px;
        position: absolute;
        top: 247px;
    }
    .home-promo-right-middle {
        left: 707px;
        position: absolute;
        top: 247px;
    }
    .home-promo-left-top{
        width: 261px;
        top: 68px;
        left: -144px;
        margin-left: 0;
    }
    .home-promo-right-top{
        right: -120px;
        top: 68px;
        width: 261px;
        display: block;
    }
    .home-promo-right-bottom{
        right: -140px;
        top: 528px;
        width: 261px;
        margin-left: 0;
    }
    .signupcontainer{
        width: 221px;
        top: 480px;
        left: -144px;
        margin-left: 0;
    }
    .signupcontainer-text{
        font-size: 12px;
        top: 45px;
        left: 104px;
        width: 106px;
        line-height: 12px;
    }

    .signupcontainer-text span{
        font-size: 9px;
    }
    .gobtn{
        width: 30px;
        top: 92px;
        left: 169px;
    }
    .input-textfield {
        font-size: 13px;
        width: 112px;
    }
    .emailinputbox{
        left: 54px;
        top: 97px;
    }
    .retailer-logo{
        width: 107px;
        margin-left: 2px;
    }
}

@media screen and (min-width: 1025px){
    .home-promo-right-bottom{
        top: 516px;
    }
}


/* BAND */

#ccs-band{
    display: none;
}

#section-title-band{
    width: 54vw;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 27vw;
    margin-bottom: 10vw;
}


#band-container{
    position: relative;
    width: 100%;
}

.bandstage-background{
    position: absolute;
    width: 154%;
    left: -27%;
}

.band-name{
    cursor: pointer;
    position: absolute;
}

#band-name-mina{
    left: 2vw;
    width: 19vw;
    top: 2vw;
    height: 43vw;
}

#band-name-zac{
    left: 28vw;
    width: 20vw;
    top: -7vw;
    height: 52vw;
}

#band-name-aki{
    left: 52vw;
    width: 18vw;
    top: 3vw;
    height: 43vw;
}

#band-name-eva{
    left: 78vw;
    width: 16vw;
    top: 2vw;
    height: 43vw;
}

#ccs-band .ccs-background {
    width: 100%;
}

.band-body-text-container{
    width: 100vw;
    position: absolute;
    top: 101vw;
    left: 0;
}

.band-body-text{
    font-weight: 500;
    width: 90vw;
    margin-left: 5vw;
    display: inline-block;
    font-size: 3.75vw;
    color: white;
    text-align: justify;
    margin-bottom: 3vw;
}

.band-body-text:nth-child(odd) {
    /*margin-right: 3%;*/
}



.arrow-right, .arrow-left{
    display: none;
}



@media screen and (min-width: 700px){
    #bbt2, #bbt3{
        display: none;
    }

    .bandstage-background{
        width: 1015px;
        left: -58px;
        top: 42px;
    }

    #section-title-band{
        width:213px;
        margin-top: 133px;
        margin-bottom: 0;
    }

    #band-name-mina{
        left: 111px;
        width: 142px;
        top: 52px;
        height: 292px;
    }

    #band-name-zac{
        left: 300px;
        width: 139px;
        top: 16px;
        height: 330px;
    }

    #band-name-aki{
        left: 473px;
        width: 122px;
        top: 69px;
        height: 278px;
    }

    #band-name-eva{
        left: 650px;
        width: 121px;
        top: 42px;
        height: 304px;
    }

    .band-body-text-container{
        width: 716px;
        top: 550px;
        left: 90px;
    }

    .band-body-text{
        width: 48%;
        font-size: 14px;
        text-align: left;
        margin-bottom: 0;
        margin-left: 0;
    }

    .band-body-text:nth-child(odd) {
        margin-right: 3%;
    }

    .arrow-right, .arrow-left{
        top: 24px;
        width: 56px;
        position: absolute;
        cursor: pointer;
        display: block;
    }

    .arrow-left{
        left: -70px;
        width: 0;
    }

    .arrow-right{
        right: -70px;
    }
}

@media screen and (min-width: 1025px){
    #section-title-band{
        margin-top: 140px;
    }

    .band-body-text-container{
        top: 566px;
    }
}

.band-member-page{
    display: none;
}

.band-member-name{
    position: absolute;
    top: 166vw;
    left: 0;
}

.band-member-name img{
    display: none;
}

.band-member-name p{
    font-size: 10vw;
    font-weight: 900;
    width: 100vw;
    text-align: center;
    color: white;
}



.band-member-body-text{
    position: absolute;
    left: 10vw;
    top: 182vw;
    font-weight: 300;
    color: white;
    font-size: 4vw;
    width: 80vw;
    text-align: justify;
}

.band-member-circle-background{
    width: 70vw;
    left: 15vw;
    top: 75vw;
    position: absolute;
}

.singlebandmember-animation{
    position: absolute;
    width: 100%;
    top: 75vw;
}

#band-member-page-zac .singlebandmember-animation{
    left: 2vw;
    width: 96vw;
}

#band-member-page-mina .singlebandmember-animation{

}

#band-member-page-eva .singlebandmember-animation{

}

#band-member-page-aki .singlebandmember-animation{
    left: 0;
}

.singlebandmember-propanimation{
    position: absolute;
    cursor: pointer;
}

#band-member-page-mina .singlebandmember-propanimation{
    left: 61vw;
    top: 140vw;
    width: 52vw;
}

#band-member-page-aki .singlebandmember-propanimation{
    left: 67vw;
    top: 134vw;
    width: 30vw;
}

#band-member-page-eva .singlebandmember-propanimation{
    left: 61vw;
    top: 118vw;
    width: 48vw;
}

#zpa1{
    left: 3vw;
    top: 131vw;
    width: 45vw;
}

#zpa2{
    left: 60vw;
    top: 133vw;
    width: 34vw;
}

#zpa3, #zpa4{
    display: none;
}

.back-btn-bandmember{
    position: absolute;
    width: 56px;
    cursor: pointer;
    top: 150px;
    left: 456px;
}

.meet-the-band-memberpage-title{
    position: absolute;
    width: 60vw;
    top: 30vw;
    left: 20vw;
}

.meet-the-band-subnav-container{
    position: absolute;
    top: 46vw;
    left: 1.5vw;
    display: none;
}

.meet-the-band-subnav-icon{
    position: absolute;
    cursor: pointer;
}

#meet-the-band-subnav-icon-mina{
    width: 20.7vw;
    top: 10vw;
    left: 6vw;
}

#meet-the-band-subnav-icon-zac{
    width: 20.23vw;
    left: 25vw;
    top: 2vw;
}

#meet-the-band-subnav-icon-aki{
    width: 19.29vw;
    left: 47vw;
    top: 0;
}

#meet-the-band-subnav-icon-eva{
    width: 20.23vw;
    left: 67vw;
    top: 11vw;
}

.meet-the-band-subnav-note{
    width: 4vw;
    position: absolute;
}

.meet-the-band-subnav-note-mina{
    top: 6vw;
    left: 17vw;
}

.meet-the-band-subnav-note-zac{
    top: -3vw;
    left: 34vw;
}

.meet-the-band-subnav-note-aki{
    top: -4vw;
    left: 56vw;
}

.meet-the-band-subnav-note-eva{
    top: 6vw;
    left: 75vw;
}


@media screen and (min-width: 700px){
    #zpa1{
        left: -46px;
        top: 475px;
        width: 275px;
        height: 200px;
    }

    #zpa2{
        left: 332px;
        top: 495px;
        width: 200px;
        height: 200px;
    }

    #zpa3{
        left: 590px;
        top: 526px;
        width: 175px;
        height: 175px;
        display: block;
    }

    #zpa4{
        left: 710px;
        top: 577px;
        width: 100px;
        height: 125px;
        display: block;
    }

    .band-member-name{
        top: 325px;
        left: 490px;
    }

    #band-member-page-zac .band-member-name{
        width: 94px;
    }

    #band-member-page-aki .band-member-name{
        width: 79px;
    }

    #band-member-page-eva .band-member-name{
        width: 81px;
    }

    #band-member-page-mina .band-member-name{
        width: 103px;
    }

    .band-member-name img{
        display: block;
    }

    .band-member-name p{
        display: none;
    }

    .band-member-circle-background{
        width: 434px;
        left: 40px;
        top: 150px;
        position: absolute;
    }

    .singlebandmember-animation{
        position: absolute;
        width: 600px;
        left: 14px;
        top: 120px;
    }

    #band-member-page-zac .singlebandmember-animation{
        left: -66px;
        width: 600px;
    }

    #band-member-page-mina .singlebandmember-animation{
        left: -60px;
        top: 130px;
    }

    #band-member-page-eva .singlebandmember-animation{
        left: -50px;
        top: 128px;
    }

    #band-member-page-aki .singlebandmember-animation{
        left: -30px;
    }

    .meet-the-band-subnav-container{
        position: absolute;
        top: 228px;
        left: 473px;
        display: none;
    }

    #meet-the-band-subnav-icon-mina{
        width: 88px;
        top: 0;
        left:0;
    }

    #meet-the-band-subnav-icon-zac{
        width: 86px;
        left: 82px;
        top:0;
    }

    #meet-the-band-subnav-icon-aki{
        width: 82px;
        left: 170px;
        top: -6px;
    }

    #meet-the-band-subnav-icon-eva{
        width: 86px;
        left: 247px;
        top: -3px;
    }

    .meet-the-band-subnav-note{
        width: 21px;
        position: absolute;
    }

    .meet-the-band-subnav-note-mina{
        top: -26px;
        left: 30px;
    }

    .meet-the-band-subnav-note-zac{
        top: -21px;
        left: 115px;
    }

    .meet-the-band-subnav-note-aki{
        top: -27px;
        left: 198px;
    }

    .meet-the-band-subnav-note-eva{
        top: -23px;
        left: 281px;
    }

    .meet-the-band-subnav-note{
        width: 21px;
    }

    .meet-the-band-subnav-note-mina{
        top: -26px;
        left: 30px;
    }

    .meet-the-band-subnav-note-zac{
        top: -21px;
        left: 115px;
    }

    .meet-the-band-subnav-note-aki{
        top: -27px;
        left: 198px;
    }

    .meet-the-band-subnav-note-eva{
        top: -23px;
        left: 281px;
    }

    .meet-the-band-memberpage-title{
        position: absolute;
        width: 214px;
        top: 150px;
        left: 528px;
    }

    #band-member-page-aki .singlebandmember-propanimation{
        left: 590px;
        top: 528px;
        width: 175px;
        height: 200px;
    }

    #band-member-page-mina .singlebandmember-propanimation{
        left: 470px;
        top: 530px;
        width: 350px;
        height: 200px;
    }

    #band-member-page-eva .singlebandmember-propanimation{
        left: 510px;
        top: 438px;
        width: 300px;
        height: 300px;
    }

    .band-member-body-text{
        left: 496px;
        top: 390px;
        font-size: 16px;
        width: 350px;
        text-align: left;
    }
}


#band-member-page-mina{

}

#band-member-page-zac{

}

#band-member-page-aki{

}

#band-member-page-eva{

}

.sticker{
    position: absolute;
}

#sticker-aki1{
    width: 21vw;
    top: 140vw;
    left: 3vw;
}

#sticker-aki2{
    width: 20vw;
    top: 168vw;
    left: 71vw;
}

#sticker-eva1{
    width: 26vw;
    top: 132vw;
    left: 3vw;
}

#sticker-eva2{
    width: 44vw;
    top: 233vw;
    left: 28vw;
}

#sticker-zac1{
    width: 14vw;
    top: 118vw;
    left: 3vw;
}

#sticker-zac2{
    width: 20vw;
    top: 163vw;
    left: 73vw;
}

#sticker-mina1{
    width: 20vw;
    top: 140vw;
    left: 6vw;
}

#sticker-mina2{
    width: 21vw;
    top: 165vw;
    left: 75vw;
}

#sticker-mina3{
    width: 24vw;
    top: 126vw;
    left: 66vw;
}

@media screen and (min-width: 700px) {
    #sticker-aki1 {
        width: 164px;
        top: 460px;
        left: -53px;
    }

    #sticker-aki2 {
        width: 183px;
        top: 550px;
        left: 775px;
    }

    #sticker-eva1 {
        width: 183px;
        top: 460px;
        left: -56px;
    }

    #sticker-eva2 {
        width: 153px;
        top: 550px;
        left: 780px;
    }

    #sticker-zac1 {
        width: 101px;
        top: 380px;
        left: -75px;
    }

    #sticker-zac2 {
        width: 113px;
        top: 520px;
        left: 820px;
    }

    #sticker-mina1 {
        width: 151px;
        top: 540px;
        left: -56px;
    }

    #sticker-mina2 {
        width: 145px;
        top: 520px;
        left: 820px;
    }

    #sticker-mina3 {
        width: 131px;
        top: 470px;
        left: 320px;
    }
}
/* MUSIC */

#ccs-music{
    display: none;
    padding-top: 60px;
}

.the-music-title{
    color: #42210b;
    font-weight: 900;
    font-size: 10vw;
    margin-top: 6vw;
    margin-bottom: 2vw;
    width: 100%;
    text-align: center;
    position: relative;
}

.the-music-subtitle{
    color: #42210b;
    font-weight: 500;
    font-size: 4vw;
    width: 90%;
    text-align: center;
    margin-left: 5%;
}

.music-player-container{
    position: absolute;
    width: 100%;
    top:135vw;
    color: white;
}

.music-player-bg{
    display: none;
}

.music-player-girl{
    display: none;
}

.single-music-player-lines-container{
    position: absolute;
    width: 100%;
}

.pause-btn-anim{
    width: 9vw;
    display: none;
    position: absolute;
    left: 8.7vw;
    margin-top: 2.5vw;
}

.music-player-album-title{
    text-align: center;
    font-size: 5vw;
    font-weight: 900;
    width: 100%;
    margin-bottom: 7vw;
    margin-top: 0vw;
}

.single-music-player-line{
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 17vw;
}

.single-music-player-line-track-number{
    position: absolute;
    top: 1.7vw;
    font-size: 3.75vw;
    text-align: right;
    width: 8vw;
    display: none;
}

.single-music-player-line-play-pause-icon{
    width: 7vw;
    position: absolute;
    left: 4vw;
    cursor: pointer;
}

.single-music-player-line-song-title{
    position: absolute;
    left: 14vw;
    font-size: 4vw;
    font-weight: 900;
    top: -0.3vw;
}

.single-music-player-line-song-description{
    font-size: 3.5vw;
    position: absolute;
    left: 14vw;
    top: 4.3vw;
    font-weight: 500;
    width: 63vw;
}

.single-music-player-line-lyrics-btn{
    width: 14vw;
    position: absolute;
    right: 4vw;
    cursor: pointer;
}

.music-promo{
    position: absolute;
    left: 5vw;
    top: 46vw;
}

.music-promo-album {
    width: 50vw;
    position: relative;
    padding-top: 70px;
}

.music-promo-out-now{
    position: absolute;
    top: 9vw;
    left: 30vw;
    width: 22vw;
}

.music-promo-aki{
    display: none;
}

.music-promo .retailer-logo {
    display: block;
    margin-bottom: -1vw;
    width: 31vw;
}

.music-retailer-icons-container{
    position: absolute;
    left: 56vw;
    top: 15vw;
}

.lyrics-overlay-center-section{
    width: 96vw;
    left: 2vw;
    top:3vw;
    text-align: left;
    position: absolute;
    background-color: #dd5423;
    -webkit-border-radius: 15vw 15vw 15vw 15vw;
    -moz-border-radius: 15vw 15vw 15vw 15vw;
    border-radius: 15vw 15vw 15vw 15vw;
}

.lyrics-overlay-leaning-characters{
    display: none;
}

.canvaslyricsaki{
    left: -110px;
    top: 320px;
}

.canvaslyricseva{
    left: -114px;
    top: 320px;
}

.canvaslyricsmina{
    left: -80px;
    top: 330px;
}

.canvaslyricszac{
    left: -177px;
    top: 268px;
}

.lyrics-overlay-center-section h2{
    margin-top: 10vw;
}

.lyrics-overlay-center-section h2, .lyrics-overlay-center-section p{
    margin-left: 10vw;
    margin-right: 13vw;
    margin-bottom: 0px;
}

.lyrics-overlay-center-section h3{
    font-weight: 900;
    color: #42210b;
    font-size: 6vw;
    margin-left: 10vw;
    margin-bottom: 4vw;
}

.lyrics-overlay-center-section p{
    font-weight: 500;
    color: white;
    font-size: 4vw;
    margin-bottom: 5vw;
}

.lyrics-overlay-p-text-container{
    width: 100%;
    margin-bottom: 13vw;
}

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

    #ccs-music{
        display: none;
        padding-top: 60px;
    }

    .the-music-title{
        font-size: 42px;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        text-align: center;
        position: relative;
    }

    .the-music-subtitle{
        font-size: 14px;
        width: 64%;
        margin-left: 18%;
    }

    .music-player-container{
        width: 566px;
        left: 250px;
        top: 72px;
        padding-top: 150px;
    }

    .music-player-bg{
        display: block;
        width: 566px;
        position: absolute;
        left: 0;
        top:118px;
    }

    .music-player-girl{
        display: block;
        width: 300px;
        position: absolute;
        right: -40px;
        top: -60px;
    }

    .single-music-player-lines-container{
        position: relative;
        width: 97%;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 320px;
        margin-top: -11px;
        padding-top: 5px;
    }

    .pause-btn-anim{
        width: 28px;
        left: 48px;
        margin-top: 11px;
    }

    .music-player-album-title{
        font-size: 21px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .single-music-player-line{
        margin-left: 10px;
        width: 96%;
        margin-bottom: 38px;
    }

    .single-music-player-line-track-number{
        top: 4px;
        font-size: 14px;
        text-align: right;
        width: 30px;
    }

    .single-music-player-line-play-pause-icon{
        width: 24px;
        left: 20px;
    }

    .single-music-player-line-song-title{
        left: 60px;
        font-size: 15px;
        top: -3px;
    }

    .single-music-player-line-song-description{
        font-size: 13px;
        left: 60px;
        top: 13px;
        width: auto;
    }

    .single-music-player-line-lyrics-btn{
        width: 52px;
        right: 0;
    }

    .music-promo{
        left: -135px;
        top: 100px;
    }

    .music-promo-album {
        width: 327px;
        padding-top: 117px;
    }

    .music-promo-out-now{
        top: 60px;
        left: 180px;
        width: 90px;
    }

    .music-promo-aki{
        position: absolute;
        width: 200px;
        top: -30px;
        display: block;
    }
    .music-retailer-icons-container{
        position: relative;
        left: auto;
        top: auto;
        width: 220px;
        margin-top: 10px;
        padding-left: 63px;
    }

    .music-promo .retailer-logo {
        width: 104px;
        display: inline-block;
    }

    .music-retailer-icons-container .retailer-logo-zeamushop{
        position: absolute;
        width: 70px;
        left: -16px;
        top: 1px;
    }

    #pinkarrow{
        position: absolute;
        left: -32px;
        top: -81px;
    }

    .lyrics-overlay-center-section{
        width: 410px;
        left: 0;
        top:0;
        min-height: 540px;
        -webkit-border-radius: 50px 50px 50px 50px;
        -moz-border-radius: 50px 50px 50px 50px;
        border-radius: 50px 50px 50px 50px;
    }

    .lyrics-overlay-leaning-characters{
        display: block;
        position: absolute;
        top:0;
        left:0;
    }

    .lyrics-overlay-leaning-characters canvas{
        position: absolute;
    }

    .canvaslyricsaki{
        left: -110px;
        top: 320px;
    }

    .canvaslyricseva{
        left: -114px;
        top: 320px;
    }

    .canvaslyricsmina{
        left: -80px;
        top: 330px;
    }

    .canvaslyricsminaflipped{
        left: 364px;
        top: 330px;
    }

    .canvaslyricszac{
        left: -177px;
        top: 268px;
    }

    .lyrics-overlay-center-section h2, .lyrics-overlay-center-section p{
        margin-left: 50px;
        margin-bottom: 0px;
    }

    .lyrics-overlay-center-section p{
        margin-right: 30px;
    }

    .lyrics-overlay-center-section h2{
        margin-top: 30px;
        margin-right: 0px;
    }

    .lyrics-overlay-center-section h3{
        font-size: 20px;
        margin-left: 50px;
        margin-bottom: 12px;
    }

    .lyrics-overlay-center-section p{
        font-size: 14px;
        margin-bottom: 14px;
    }

    .lyrics-overlay-p-text-container{
        height: 405px;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 0;
        width: 90%;
    }
}

/* GROWN UPS */

#ccs-grownups{
    display: none;
    color: #42210b;
    font-weight: 500;
    font-size: 4vw;
}

.grownups-home-section-container{
    position: relative;
    width: 100%;
}

.grownups-story-section-container {
    position: relative;
    width: 100%;
    display: none;
}

.grownups-team-section-container{
	position: relative;
    width: 100%;
    display: none;
	margin-top:130px;
}


.grownups-body-text-container{
    position: relative;
    color: #42210b;
    font-size: 4vw;
    font-weight: 500;
    width: 88%;
    margin-left: 6%;
    margin-top: 5vw;
}

.grownups-body-text-container p{
    margin-bottom: 3.5vw;
    text-align: justify;
}

.grownups-backbtn{
    position: absolute;
    width: 11vw;
    cursor: pointer;
    left: 5vw;
    top: 1vw;
}

.grownups-title{
    font-weight: 900;
    font-size: 9vw;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 26vw;
}



.grownups-sub-title{
     color: #f15a24;
     font-weight: 900;
     font-size: 4.5vw;
     width: 100%;
     text-align: center;
     position: relative;
     margin-top: 2vw;
 }


.grownups-story-section-container .grownups-sub-title, .grownups-team-section-container .grownups-sub-title{
    color: #42210b;
    font-size: 5.5vw;
    margin-top: -1vw;
}

.grownups-polaroid-left, .grownups-polaroid-right{
    position: absolute;
    width: 48vw;
}

.grownups-polaroid-left{
    left: 26vw;
    top: 240vw;
}

.grownups-polaroid-right{
    display: none;
}

.grownups-body-text{
    width: 90%;
    margin-left: 5%;
    position: relative;
    margin-top: 4vw;
    margin-bottom: 14vw;
}

.grownups-body-text p{
    margin-bottom: 5vw;
    text-align: justify;
}

.grownups-home-section-block{
    position: relative;
    display: inline-block;
    width: 63%;
    margin-left: 5%;
}

.grownups-home-section-block-title{
    font-size: 6vw;
    font-weight: 900;
    width: 100%;
    margin-bottom: 2vw;
}

.grownups-home-section-body-text{
    width: 100%;
}

.grownups-blue-btn{
    background-image: url(../img/grownups-blue-btn.png);
    background-repeat: no-repeat;
    width: 42vw;
    height: 9vw;
    background-size: 100%;
    color: white;
    font-size: 4vw;
    font-weight: 900;
    text-align: center;
    padding-top: 1.7vw;
    cursor: pointer;
    margin-top: 2vw;
    margin-bottom: 9vw;
}

.grownup-aki-anim{
    position: absolute;
    left: 73vw;
    top: 78vw;
    width: 23vw;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.grownup-eva-anim{
    position: absolute;
    left: 71vw;
    top: 135vw;
    width: 28vw;
}

.grownup-mina-anim{
    display: none;
}

.grownup-zac-anim{
    display: none;
}

.grownup-speaker-anim{
    display: none;
}

.grownup-mixingdesk-anim{
    display: none;
}

.team-members-container{
    position: relative;
    width: 90%;
    text-align: center;
    margin-left: 5%;
}

.team-member{
    width: 44vw;
    text-align: center;
    display: inline-block;
    margin-bottom: 12vw;
    cursor: pointer;
}

.team-member-image{
    width: 30vw;
    display: inline-block;
}

.team-member-name{
    font-size: 3.8vw;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.team-member-job-title{
    font-size: 3.2vw;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.team-member-overlay-center-section{
    width: 96vw;
    left: 2vw;
    top:3vw;
    text-align: left;
    position: absolute;
    background-color: #29abe2;
    -webkit-border-radius: 15vw 15vw 15vw 15vw;
    -moz-border-radius: 15vw 15vw 15vw 15vw;
    border-radius: 15vw 15vw 15vw 15vw;
}

.team-member-overlay-image{
    width: 37vw;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 11vw;
}

.team-member-overlay-name{
    color: white;
    font-size: 9vw;
    font-weight: 900;
    position: relative;
    width: 100%;
    text-align: center;
}

.team-member-overlay-job-title{
    color: #42210b;
    font-size: 7vw;
    font-weight: 900;
    position: relative;
    width: 100%;
    text-align: center;
}

.team-member-overlay-body-text{
    color: #ffffff;
    font-size: 4vw;
    font-weight: 500;
    position: relative;
    width: 84%;
    margin-left: 8%;
    margin-top: 6vw;
    margin-bottom: 15vw;
}

.overlay-close-btn{
    width: 11vw;
    position: absolute;
    margin-left: 87vw;
    margin-top: 2vw;
    cursor: pointer;
}

.grownups-team-section-container .grownups-body-text {
    margin-bottom: 42px;
}

@media screen and (min-width: 700px) {
    #ccs-grownups{
        font-size: 14px;
    }

    .grownups-home-section-container{
        position: relative;
        width: 100%;
    }

    .grownups-story-section-container, .grownups-team-section-container{
        position: relative;
        width: 100%;
        display: none;
    }

    .grownups-body-text-container{
        font-size: 13.3px;
        width: 70%;
        margin-left: 15%;
        margin-top: 17px;
    }

    .grownups-body-text-container span{
        font-size: 11px;
    }

    .grownups-body-text-container p{
        margin-bottom: 10px;
        text-align: left;
    }

    .grownups-backbtn{
        width: 56px;
        left: 130px;
        top: 8px;
    }

    .grownups-title{
        font-size: 42px;
        margin-top: 80px;
    }

    .grownups-story-section-container .grownups-title, .grownups-team-section-container .grownups-title{
        margin-top: 78px;
    }

    .grownups-sub-title{
        font-size: 18px;
        margin-top: 6px;
    }


    .grownups-story-section-container .grownups-sub-title, .grownups-team-section-container .grownups-sub-title{
        font-size: 24px;
        margin-top: -4px;
    }

    .grownups-polaroid-left, .grownups-polaroid-right{
        position: absolute;
        width: 194px;
    }

    .grownups-polaroid-left{
        left: -124px;
        top: 76px;
    }

    .grownups-polaroid-right{
        left: 634px;
        top: 18px;
        display: block;
    }

    .grownups-body-text{
        width: 78%;
        margin-left: 11%;
        text-align: center;
        margin-top: 16px;
        margin-bottom: 70px;
    }

    .grownups-body-text p{
        margin-bottom: 16px;
        text-align: center;
    }

    .grownups-home-section-block{
        position: relative;
        display: inline-block;
        width: 39%;
    }

    .grownups-home-section-block-left{
        margin-left: 61px;
    }

    .grownups-home-section-block-right{
        margin-left: 27px;
    }

    .grownups-home-section-block-title{
        font-size: 24px;
        font-weight: 900;
        width: 100%;
        text-align: center;
        margin-bottom: 11px;
        margin-left: 0;
    }

    .grownups-home-section-body-text{
        width: 100%;
        text-align: center;
    }

    .grownups-blue-btn{
        width: 150px;
        height: 28px;
        color: white;
        font-size: 14px;
        padding-top: 6px;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .grownup-aki-anim{
        position: absolute;
        left: -83px;
        top: 230px;
        width: 150px;
        height: 300px;
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .grownup-eva-anim{
        position: absolute;
        left: 629px;
        top: 200px;
        width: 200px;
        height: 350px;
    }

    .grownup-mina-anim{
        display: block;
        position: absolute;
        left: -90px;
        top: 300px;
        width: 150px;
        height: 300px;
    }

    .grownup-zac-anim{
        display: block;
        position: absolute;
        left: 610px;
        top: 290px;
        width: 300px;
        height: 325px;
    }

    .grownup-speaker-anim{
        display: block;
        position: absolute;
        left: -58px;
        top: 390px;
        width: 200px;
        height: 250px;
    }

    .grownup-mixingdesk-anim{
        display: block;
        position: absolute;
        left: 540px;
        top: 410px;
        width: 275px;
        height: 200px;
    }

    .team-members-container{
        width: 95%;
        margin-left: 2.5%;
    }

    .team-member{
        width: 156px;
        margin-bottom: 20px;
    }

    .team-member-image{
        width: 80px;
    }

    .team-member-name{
        font-size: 14px;
    }

    .team-member-job-title{
        font-size: 12px;
    }

    .team-member-overlay-center-section{
        width: 660px;
        position: absolute;
        min-height: 350px;
        background-color: #29abe2;
        -webkit-border-radius: 50px 50px 50px 50px;
        -moz-border-radius: 50px 50px 50px 50px;
        border-radius: 50px 50px 50px 50px;
    }

    .team-member-overlay-image{
        width: 187px;
        position: absolute;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        left: 30px;
        top: 66px;
    }

    .team-member-overlay-name{
        font-size: 24px;
        position: absolute;
        left: 250px;
        top: 30px;
        text-align: left;
        width: auto;
    }

    .team-member-overlay-job-title{
        font-size: 20px;
        position: absolute;
        left: 250px;
        top: 60px;
        width: auto;
        text-align: left;
    }

    .team-member-overlay-body-text{
        font-size: 14px;
        position: absolute;
        left: 250px;
        padding-right: 22px;
        top: 100px;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: initial;
    }

    .grownups-team-section-container .grownups-body-text {
        margin-bottom: 22px;
    }

    .grownups-body-text-smaller{
        font-size: 13px;
        width: 60%;
        margin-left: 20%;
    }

    .overlay-close-btn {
        width: 47px;
        margin-left: -27px;
        margin-top: -18px;
    }

    .privacy-policy-overlay .overlay-close-btn{
        top:52px;
    }
}

@media screen and (min-width: 1025px){
    .grownups-title{
        margin-top: 120px;
    }
}

/* NAVIGATION */

.navigation-container{
    position: absolute;
    left: 50%;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}

.navigation-container-not-home{
    left: 59%;
}

.nav-item{
    position: absolute;
    width: 16vw;
    top: 0;
    cursor: pointer;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}

.nav-item-not-selected {
    top: -4vw;
}

.nav-item p{
    font-weight: 900;
    font-size: 2.2vw;
    position: absolute;
    top: 8.8vw;
    width: 100%;
}

#nav-band{
    left: -39.2vw;
    color: #8cc63f;
}

#nav-music{
    left: -23.6vw;
    color: #f15a24;
}

#nav-grownups{
    left: -8vw;
    color: #28a8de;
}

#nav-videos-news{
    left: 7.6vw;
    color: #faaf3a;
}

#nav-shop{
    left: 23.1vw;
    color: #ec1e79;
}

.nav-item-background-top{
    width: 100%;
    text-align: center;
}

#nav-home{
    position: absolute;
    left: 1.2vw;
    top: 2vw;
    width: 18vw;
    cursor: pointer;
    display: none;
}

.info-icon-bandmember{
    position: absolute;
    left: 9vw;
    top: 81vw;
    width: 14vw;
    cursor: pointer;
    -webkit-animation:spin 2.5s linear infinite;
    -moz-animation:spin 2.5s linear infinite;
    animation:spin 2.5s linear infinite;
}

.fun-facts-bandmember{
    display: none;
}

@-moz-keyframes spin {
    30% {
        -moz-transform: rotateY(180deg);
    }
    64% {
        -moz-transform: rotateY(360deg);
    }
    100% {
        -moz-transform: rotateY(360deg);
    }
}
@-webkit-keyframes spin {
    30% {
        -webkit-transform: rotateY(180deg);
    }
    64% {
        -webkit-transform: rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
    }
}
@keyframes spin {
    30% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    64% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}



@-moz-keyframes funfactsbounce {
    0% {
        -moz-transform: scale(1);
    }
    12% {
        -moz-transform: scale(1.2);
    }
    48% {
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes funfactsbounce {
    0% {
        -webkit-transform: scale(1);
    }
    12% {
        -webkit-transform: scale(1.2);
    }
    48% {
        -webkit-transform: scale(1);
    }
}

@keyframes funfactsbounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    12% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    48% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}




.bio-card{
    position: absolute;
    width: 460px;
    height: 593px;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    color: white;
}

.band-member-info-overlay .overlay-close-btn {
    /*left: 87vw;
    top: 6vw;
    margin-left: 0;
    margin-top: 0;*/
}

.bio-did-you-know-text{
    font-size: 14px;
    position: absolute;
    /*width: 85px;*/
    left: 308px;
    top: 42px;
    line-height: 14px;
}

.bio-my-favourite-text {
    font-size: 22px;
    font-weight: 900;
    position: absolute;
    left: 40px;
    top: 132px;
}

.bio-my-favourite-body-text{
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    left: 40px;
    top: 163px;
    line-height: 14px;
}

.bio-my-favourite-body-text-section{
    margin-bottom: 6px;
}

.bio-my-favourite-body-text-section span{
    display: block;
}

#bio-card-eva span{
    color: #ec1e79;
}

#bio-card-aki span{
    color: #ffff00;
}

#bio-card-zac span{
    color: #faaf3a;
}

#bio-card-mina span{
    color: #249133;
}

#bio-card-eva {
    background-image: url(../img/infopanel_eva.png);
}

#bio-card-aki {
    background-image: url(../img/infopanel_aki.png);
}

#bio-card-zac {
    background-image: url(../img/infopanel_zac.png);
}

#bio-card-mina {
    background-image: url(../img/infopanel_mina.png);
}

.bio-long-quote{
    font-size: 14px;
    font-style: italic;
    position: absolute;
    top: 423px;
    left: 50px;
    width: 370px;
    text-indent: 10px;
    line-height: 15px;
}

#bio-card-zac .bio-long-quote{
    top: 410px;
}

#bio-card-eva .bio-long-quote{
    top: 425px;
}

#bio-card-aki .bio-long-quote{
    top: 425px;
}

.socialdrawerbtn{
    display: none;
}

.social-icons-container{
    display: none;
}

@media screen and (min-width: 700px) {
    .socialdrawerbtn {
        /*display: block;*/
        position: absolute;
        top:50vh;
        right: 0;
        width: 37px;
        height: 80px;
        margin-top: -40px;
        cursor: pointer;
    }

    .social-icons-container {
        display: block;
        position: absolute;
        top: 16px;
        right: 0px;
        width: 152px;
        z-index: 20;
    }

    .social-icon{
        cursor: pointer;
        display: inline-block;
        width: 37px;
    }

    #nav-home{
        left: 16px;
        top:11px;
        width: 90px;
    }

    .info-icon-bandmember{
        /*left: 17px;
        top: 150px;
        width: 100px;*/
        display: none;
    }

    .fun-facts-bandmember{
        cursor: pointer;
        display: block;
        position: absolute;
        top: 330px;
        width: 133px;
    }

    .fun-facts-bandmember p {
        font-weight: 900;
        color: white;
        font-size: 18px;
        text-align: center;
        width: 100%;
        position: absolute;
        left: 0;
        top: 10px;
        -webkit-animation:funfactsbounce 1.6s linear infinite;
        -moz-animation:funfactsbounce 1.6s linear infinite;
        animation:funfactsbounce 1.6s linear infinite;
    }

    #band-member-page-mina .fun-facts-bandmember{
        left: 612px;
    }

    #band-member-page-zac .fun-facts-bandmember{
        left: 600px;
    }

    #band-member-page-aki .fun-facts-bandmember{
        left: 583px;
    }

    #band-member-page-eva .fun-facts-bandmember{
        left: 583px;
    }

    .nav-item-not-selected{
        top:5px;
    }

    .nav-item-not-selected-tablet{
        top:0;
    }

    .nav-item p{
        font-size: 14px;
        top: 33px;
    }

    .nav-item{
        width: 100px;
    }

    #nav-band{
        left: -240px;
    }

    #nav-music{
        left: -145px;
    }

    #nav-grownups{
        left: -50px;
    }

    #nav-videos-news{
        left: 45px;
    }

    #nav-shop{
        left: 140px;
    }

    .nav-item-background-tile {
        background-repeat: repeat-y;
        height: 1000px;
        width: 100%;
        background-size: 100%;
        position: absolute;
        top: 100px;
        left: 0;
    }

    #nav-band .nav-item-background-tile {
        background-image: url(../img/nav-background-band-tile.png);
    }

    #nav-music .nav-item-background-tile {
        background-image: url(../img/nav-background-music-tile.png);
    }

    #nav-grownups .nav-item-background-tile {
        background-image: url(../img/nav-background-grownups-tile.png);
    }

    #nav-videos-news .nav-item-background-tile {
        background-image: url(../img/nav-background-videosnews-tile.png);
    }

    #nav-shop .nav-item-background-tile {
        background-image: url(../img/nav-background-shop-tile.png);
    }
}

/* VIDEOS & NEWS */

#ccs-videos-news{
    display: none;
    padding-top: 60px;
}

.videos-news-title{
    color: #42210b;
    font-weight: 900;
    font-size: 10vw;
    margin-top: 7vw;
    margin-bottom: 5vw;
    width: 100%;
    text-align: center;
    position: relative;
}

.youtube-videos-block{
    background-color: #faaf3a;
    width: 100%;
    position: relative;
    height: 125vw;
    overflow: hidden;

}

.youtube-videos-block-video-title{
    color: white;
    font-weight: 700;
    font-size: 4.4vw;
    text-align: center;
    width: 70%;
    margin-left: 15%;
    padding-top: 3vw;
    padding-bottom: 3vw;
    line-height: 5vw;
}

.youtube-video-container{
    position: relative;
    margin-left: 5%;
    width: 90%;
    height: 50vw;
    margin-bottom: 5vw;
}

.youtube-videos-thumbs-container {
    position: relative;
    width: 68%;
    margin-left: 16vw;
}


.youtube-video-thumb{
    width: 32.5vw;
    cursor: pointer;
}

.youtube-video-thumb-image{
    width: 100%;
    height: 18.2815vw;
    border-radius: 2vw;
    overflow: hidden;
}

.youtube-video-thumb-title{
    color: white;
    font-weight: 700;
    font-size: 4.2vw;
    text-align: center;
    width: 100%;
    margin-top: 2vw;
    line-height: 4.7vw;
}

#ytt1{
    position: absolute;
    top:0;
    right: 0;
}

#ytt2, #ytt3{
    display: none;
}

.youtube-arrow{
    width: 12.5vw;
    position: absolute;
    top:88vw;
    cursor: pointer;
}

#ytarrowleft{
    left: -1.6vw;
}

#ytarrowright{
    right: -1.6vw;
}

.spacerimage{
    width: 100%;
    height: 16.5625vw;
    background-image: url("../img/spacerimagebelowvideonewssectionmobile.jpg");
    background-size: 100% 100%;
}


.visitusonyoutube-ytnewssection {
    width: 68vw;
    left: 16vw;
    position: absolute;
    cursor: pointer;
    top: 175vw;
    margin-top: -7.5vw;
}

.twitter-panel {
    background-color: #1c6c94;
}

.facebook-panel{
    background-color: #0b345a;
}

.twitter-panel, .facebook-panel {
    position: relative;
    width: 84.4%;
    padding-left: 7.8%;
    padding-right: 7.8%;
    color: white;
}

.twitter-header {
    width: 41vw;
}

.facebook-header {
    width: 45.9vw;
}

.twitter-header, .facebook-header {
    padding-top: 9vw;
    padding-bottom: 5vw;
}

.twitter-fb-title{
    font-weight: 500;
    font-size: 5.3vw;
    padding-bottom: 7vw;
}

.twitter-fb-post-text{
    font-weight: 500;
    font-size: 4vw;
    width: 100%;
    padding-bottom: 3vw;
}

.twitter-fb-post-text a{
    color: white;
}

.twitter-fb-post-time{
    font-weight: 300;
    font-size: 3.125vw;
    width: 100%;
    padding-bottom: 7vw;
}

#tweet1, #fbpost1{
    padding-bottom: 16vw;
}

.moreontwitter-ytnewssection, .moreonfacebook-ytnewssection{
    width: 60vw;
    left: 20vw;
    position: absolute;
    cursor: pointer;
    top: 275vw;
    margin-top: -7.5vw;
}

.social-character{
    display: none;
}

@media screen and (min-width: 700px) {
    .videos-news-title {
        font-size: 42px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .youtube-videos-block{
        height: 432px;
        width: 66%;
        margin-left: 17%;
        margin-top: 11px;
        border-radius: 17px;
        overflow: visible;
    }

    .youtube-videos-block-video-title{
        font-size: 15px;
        padding-top: 13px;
        padding-bottom: 13px;
        width: 90%;
        margin-left: 5%;
        line-height: 17px;
    }

    .youtube-video-container {
        height: 234px;
        margin-bottom: 7px;
    }

    .youtube-videos-thumbs-container {
        width: 90%;
        margin-left: 5%;
    }

    .youtube-video-thumb{
        width: 96px;
    }

    .youtube-video-thumb-image{
        height: 54px;
        border-radius: 6px;
    }

    .youtube-video-thumb-title{
        font-size: 12px;
        margin-top: 10px;
        line-height: 12px;
    }

    #ytt1{
        position: absolute;
        top:0;
        right: 51.5%;
    }

    #ytt2 {
        position: absolute;
        top:0;
        left: 51.5%;
    }

    #ytt3 {
        position: absolute;
        top:0;
        right: 0;
    }

    #ytt2, #ytt3{
        display: block;
    }

    .youtube-arrow{
        width: 48px;
        top:304px;
    }

    #ytarrowleft{
        left: -33px;
    }

    #ytarrowright{
        right: -33px;
    }

    .spacerimage{
        display: none;
    }

    .visitusonyoutube-ytnewssection {
        width: 220px;
        left: 240px;
        top: 536px;
        margin-top: 0;
    }

    .twitter-panel {
        left: -165px;
    }

    .facebook-panel {
        right: -165px;
    }

    .twitter-panel, .facebook-panel {
        position: absolute;
        width: 190px;
        padding-left: 20px;
        padding-right: 20px;
        color: white;
        height: 434px;
        top: 121px;
    }

    .twitter-panel, .facebook-panel, .youtube-videos-block {
        box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
        border: 3px solid white;
        border-radius: 17px;
    }

    .twitter-header {
        width: 134px;
    }

    .facebook-header {
        width: 148px;
    }

    .twitter-header, .facebook-header {
        padding-top: 30px;
        padding-bottom: 9px;
    }

    .twitter-fb-title{
        font-size: 17px;
        padding-bottom: 20px;
    }

    .twitter-fb-post-text{
        font-size: 13px;
        padding-bottom: 3px;
    }

    .twitter-fb-post-time{
        font-size: 10px;
        padding-bottom: 20px;
    }

    #tweet1, #fbpost1{
        padding-bottom: 0;
    }

    .moreontwitter-ytnewssection, .moreonfacebook-ytnewssection{
        width: 188px;
        top: 536px;
        margin-top: 0;
    }

    .moreontwitter-ytnewssection{
        left: -139px;
    }

    .moreonfacebook-ytnewssection {
        left: 656px;
    }

    .social-character{
        position: absolute;
        display: block;
    }

    #social-character-twitter {
        width: 160px;
        top: 25px;
        left: -112px;
    }

    #social-character-facebook {
        width: 154px;
        top: 8px;
        left: 653px;
    }
}