.color-button:hover,.panel-button-bg:hover{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);cursor:pointer}body{margin:0;padding:0}.game-container,.panel-button{margin-left:auto;margin-right:auto}@import url(https://fonts.googleapis.com/css?family=Cabin);.hideui,canvas{display:none!important}.showui{display:block}.hidetops{display:none}.showtops{display:block;text-align:center}.game-wrapper{font-family:Cabin,sans-serif;font-weight:900;color:#C01C7B;min-width:300px}.game-container{background-color:#41BCBD;background-image:url(../common/loading/loading.gif);background-position:center center;background-repeat:no-repeat;max-width:600px;height:700px;overflow:hidden;border:1px solid #1B7C8C;display:block}.frontbg,.instructions{width:100%;height:100%;text-align:center}.instructionsbg{background-image:url(../common/look/bg.png);background-size:8%}.frontbg{background-image:url(../common/look/bg1.png);background-size:cover}.instructions{position:absolute;background:rgba(0,0,0,.1);background-image:url(../common/menu/mermaiden-front.png);background-position:left top;background-repeat:no-repeat;background-size:50%;z-index:1000}.hideinstructions{display:none}.instructions-alert{width:90%;text-align:center;display:block;margin-right:auto;padding:10px;margin-top:30%;margin-left:13%;position:absolute;z-index:999}.instructions-alert div:first-child{background-color:#fff;border-radius:10px;max-width:400px;color:#C01C7B;text-align:center;display:block;padding:20px;box-shadow:0 5px 20px #3e4747}.instructions-alert div:nth-child(2){margin-top:-30px;margin-left:-20px}#closeinstructions{font-size:16pt;text-transform:uppercase;margin-left:60%}#closeinstructions:hover{font-size:16pt;text-transform:uppercase;text-decoration:underline;cursor:pointer}.got-it-button{width:50px;border:3px solid #fff;border-radius:15px}.got-it-button:hover{width:58px;border:3px solid #fff}.col1,.col2{display:inline-block;height:700px;vertical-align:middle}.col1{width:75%}.col2{width:25%;background-image:url(../common/look/bg.png);background-size:30%;border-left:5px solid #EAAA21;box-sizing:border-box;box-shadow:0 0 10px #1f425b;float:right;position:absolute;padding-left:5px;z-index:1}.panel-button,.panel-button-bg{border:3px solid #fff;display:block}.glow,.panel-button:hover{box-shadow:0 0 5px #fff}.panel-button{width:90%;max-width:90px;min-width:50px;margin-bottom:10px;border-radius:100px}.color-button,.panel-button-bg{margin-bottom:8px;max-width:80px;min-width:45px;text-align:center;margin-left:auto;margin-right:auto}.panel-button:hover{cursor:pointer}.panel-button-bg{border-radius:15px;width:50%}.panel-button-bg:hover{transform:rotate(-10deg)}.color-button{border:3px solid #fff;border-radius:12px;width:30%;display:inline-block}.color-button:hover{transform:rotate(-10deg)}.panel-button-hair:hover,.panel-button-jewelry:hover{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}.color-button-border{border:3px solid #EAAA21;border-radius:12px}.panel-button-hair{width:80%;max-width:80px;min-width:45px;text-align:center;margin-left:auto;margin-right:auto;display:block}@media (max-width:700px){.panel-button-hair{width:50%}}.panel-button-accessories,.panel-button-accessories-border,.panel-button-jewelry,.panel-button-jewelry-border{width:40%;max-width:50px;display:inline-block}.panel-button-hair:hover{transform:rotate(-10deg);cursor:pointer}.panel-button-jewelry{min-width:45px;text-align:center;margin-left:auto;margin-right:auto;border:3px solid transparent}.panel-button-jewelry:hover{transform:rotate(-10deg);cursor:pointer;border:3px solid transparent}.panel-button-accessories:hover,.panel-button-jewelry-border:hover{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);cursor:pointer}.panel-button-jewelry-border{min-width:45px;text-align:center;margin-left:auto;margin-right:auto;border:3px solid #EAAA21;background-color:rgba(255,255,255,.9);border-radius:15px}.panel-button-jewelry-border:hover{transform:rotate(-10deg)}.panel-button-accessories{border:3px solid #fff;border-radius:15px;min-width:40px;text-align:center;margin-left:auto;margin-right:auto}.panel-button-accessories-border,.panel-button-top{min-width:45px;margin-left:auto;margin-right:auto;text-align:center}.panel-button-accessories:hover{transform:rotate(-10deg)}.panel-button-accessories-border{border:3px solid #EAAA21;border-radius:15px}.panel-button-accessories-border:hover{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);cursor:pointer}.panel-button-top{width:50%;max-width:80px;display:block}.panel-button-top:hover{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);cursor:pointer}#player:hover,.control-buttons:hover{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);cursor:pointer}.panel-options{padding:10px 0}.panel-labels{height:35px;padding:5px 10px}.game-controller{position:absolute;left:0;top:30px;background-color:#5EC7D0;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:10px;box-shadow:0 0 9px #1f425b;z-index:990}#player,#player:hover{background-image:url(../common/buttons/music-btn.png);background-size:cover;background-color:#c01c7b;width:40px;height:40px}.control-buttons{width:40px;height:40px}.control-buttons:hover{transform:rotate(-10deg)}#player{border-radius:8px;border:none}#player:hover{border-radius:8px;border:none;transform:rotate(-10deg)}.front-play{padding:10px;float:right}.front-logo{background-image:url(assets/menu/game-front.png);background-repeat:no-repeat;background-size:100%;background-position:top center;width:98%;height:100%}#btnSave,#btnSave:hover{background-image:url(../common/buttons/download-btn.png);background-color:#c01c7b;width:40px;height:40px;float:right;background-size:cover}#btnSave{border-radius:8px;border:none}#btnSave:hover{border-radius:8px;border:none;-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);cursor:pointer}.game-buttons{height:100%;width:95%;vertical-align:middle;margin-top:20px}#bgbtn span{display:none}#bgbtn:hover span{display:block;text-align:center;color:#fff;text-transform:uppercase;font-weight:700;font-family:sans-serif;margin-left:-300px;text-shadow:0 0 5px #fff}.bg-border{border:3px solid #EAAA21;border-radius:15px}#mermaidenbg,#mermaidenbg.mermaidenbg1,#mermaidenbg.mermaidenbg2,#mermaidenbg.mermaidenbg3,#mermaidenbg.mermaidenbg4,#mermaidenbg.mermaidenbg5{width:100%;height:100%;min-height:700px;background-size:cover;position:relative;z-index:0;margin-bottom:30px}#mermaidenbg,#mermaidenbg.mermaidenbg1{background-image:url(assets/objects/bg1.png)}#mermaidenbg.mermaidenbg2{background-image:url(assets/objects/bg2.png)}#mermaidenbg.mermaidenbg3{background-image:url(assets/objects/bg3.png)}#mermaidenbg.mermaidenbg4{background-image:url(assets/objects/bg4.png)}#mermaidenbg.mermaidenbg5{background-image:url(assets/objects/bg5.png)}.haircolordiv,.streakcolordiv{display:inline-block;vertical-align:middle}.hairstreakbutton{display:block}.hairstreakbutton:first-child{margin-bottom:7px}.hair1streakson,.hair2streakson,.hair3streakson,.hair4streakson,.hair5streakson{width:100%;height:100%;max-height:650px;background-repeat:no-repeat;background-size:contain;background-position:center center}.panel-button-hair-streaks img{width:20px;height:20px;border-radius:100px;cursor:pointer;border:2px solid #138796}.hairstreaksoff{background-image:none}.hair1streakson{background-image:url(assets/character/hair1streaks.png)}.hair2streakson{background-image:url(assets/character/hair2streaks.png)}.hair3streakson{background-image:url(assets/character/hair3streaks.png)}.hair4streakson{background-image:url(assets/character/hair4streaks.png)}.hair5streakson{background-image:url(assets/character/hair5streaks.png)}@media (max-width:600px){.hairstreakbutton{display:none}.haircolordiv,.streakcolordiv{display:block}}.streakcolordiv{margin-right:10px}#mermaiden-hair,#mermaiden-hair.hair1,#mermaiden-hair.hair2,#mermaiden-hair.hair3,#mermaiden-hair.hair4,#mermaiden-hair.hair5{width:100%;height:100%;max-height:650px;background-repeat:no-repeat;background-size:contain;background-position:center center}#mermaiden-hair,#mermaiden-hair.hair1{background-image:url(assets/character/hair1.png)}#mermaiden-hair.hair2{background-image:url(assets/character/hair2.png)}#mermaiden-hair.hair3{background-image:url(assets/character/hair3.png)}#mermaiden-hair.hair4{background-image:url(assets/character/hair4.png)}#mermaiden-hair.hair5{background-image:url(assets/character/hair5.png)}#tops,#tops.top1,#tops.top10,#tops.top11,#tops.top12,#tops.top13,#tops.top14,#tops.top15,#tops.top16,#tops.top17,#tops.top18,#tops.top19,#tops.top2,#tops.top20,#tops.top3,#tops.top4,#tops.top5,#tops.top6,#tops.top7,#tops.top8,#tops.top9{width:100%;height:100%;min-height:650px;background-repeat:no-repeat;background-size:contain;background-position:center center;position:relative}#tops.top1{background-image:url(assets/objects/top1.png)}#tops.top2{background-image:url(assets/objects/top2.png)}#tops.top3{background-image:url(assets/objects/top3.png)}#tops.top4{background-image:url(assets/objects/top4.png)}#tops.top5{background-image:url(assets/objects/top5.png)}#tops.top6{background-image:url(assets/objects/top6.png)}#tops.top7{background-image:url(assets/objects/top7.png)}#tops.top8{background-image:url(assets/objects/top8.png)}#tops.top9{background-image:url(assets/objects/top9.png)}#tops.top10{background-image:url(assets/objects/top10.png)}#tops.top11{background-image:url(assets/objects/top11.png)}#tops,#tops.top12{background-image:url(assets/objects/top12.png)}#tops.top13{background-image:url(assets/objects/top13.png)}#tops.top14{background-image:url(assets/objects/top14.png)}#tops.top15{background-image:url(assets/objects/top15.png)}#tops.top16{background-image:url(assets/objects/top16.png)}#tops.top17{background-image:url(assets/objects/top17.png)}#tops.top18{background-image:url(assets/objects/top18.png)}#tops.top19{background-image:url(assets/objects/top19.png)}#tops.top20{background-image:url(assets/objects/top20.png)}#jewelry,#jewelry1.jewelry1,#jewelry10.jewelry10,#jewelry2.jewelry2,#jewelry3.jewelry3,#jewelry4.jewelry4,#jewelry5.jewelry5,#jewelry6.jewelry6,#jewelry7.jewelry7,#jewelry8.jewelry8,#jewelry9.jewelry9{width:100%;height:100%;min-height:650px;background-repeat:no-repeat;background-size:contain;background-position:center center;position:relative}.nojewelry-btn{width:20px;margin-bottom:15px}#jewelry1.jewelry1{background-image:url(assets/objects/jewelry1.png)}#jewelry2.jewelry2{background-image:url(assets/objects/jewelry2.png)}#jewelry3.jewelry3{background-image:url(assets/objects/jewelry3.png)}#jewelry4.jewelry4{background-image:url(assets/objects/jewelry4.png)}#jewelry5.jewelry5{background-image:url(assets/objects/jewelry5.png)}#jewelry6.jewelry6{background-image:url(assets/objects/jewelry6.png)}#jewelry7.jewelry7{background-image:url(assets/objects/jewelry7.png)}#jewelry8.jewelry8{background-image:url(assets/objects/jewelry8.png)}#jewelry9.jewelry9{background-image:url(assets/objects/jewelry9.png)}#jewelry10.jewelry10{background-image:url(assets/objects/jewelry10.png)}#accessories,#accessories1.accessories1,#accessories10.accessories10,#accessories2.accessories2,#accessories3.accessories3,#accessories4.accessories4,#accessories5.accessories5,#accessories6.accessories6,#accessories7.accessories7,#accessories8.accessories8,#accessories9.accessories9{width:100%;height:100%;min-height:650px;background-repeat:no-repeat;background-size:contain;background-position:center center;position:relative}.noaccessories-btn{width:20px;margin-bottom:15px}#accessories1.accessories1{background-image:url(assets/objects/accessory-power1.png)}#accessories2.accessories2{background-image:url(assets/objects/accessory-power2.png)}#accessories3.accessories3{background-image:url(assets/objects/accessory-power3.png)}#accessories4.accessories4{background-image:url(assets/objects/accessory-finfriend.png)}#accessories5.accessories5{background-image:url(assets/objects/accessory-hair1.png)}#accessories6.accessories6{background-image:url(assets/objects/accessory-hair2.png)}#accessories7.accessories7{background-image:url(assets/objects/accessory-hair3.png)}#accessories8.accessories8{background-image:url(assets/objects/accessory-hair4.png)}#accessories9.accessories9{background-image:url(assets/objects/accessory-hair5.png)}#accessories10.accessories10{background-image:url(assets/objects/accessory-hair6.png)}#gamebg{position:relative}.play-button{width:90%;max-width:300px;margin-top:60%;margin-left:10px}.play-button:hover{width:92%;max-width:350px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:rgba(255,255,255,1) 0 0 5px;-moz-box-shadow:rgba(255,255,255,1) 0 0 5px;box-shadow:rgba(255,255,255,1) 0 0 5px}.accessories-buttons,.bg-buttons,.hair-buttons,.jewelry-buttons,.tops-buttons{position:relative;width:100%;height:78%;text-align:center}.website-link{position:absolute;width:200px;bottom:15px;left:0}.website-link:hover{position:absolute;width:210px;bottom:15px;left:0;cursor:pointer;margin-left:-5px}hr{border-bottom:5px dotted #fff;color:transparent}.controller-btns{display:block;margin-bottom:5px}.back-btn{display:block;margin-top:30px;margin-left:-30px;position:absolute;z-index:2;width:40px;cursor:pointer}.selected-check1,.selected-check2,.selected-check3,.selected-check4,.selected-check5{width:30px;position:absolute;margin-left:60%;margin-top:-90px}@media (min-width:100px) and (max-width:1024px){#btnSave{display:none}}@media (min-width:100px) and (max-width:500px){.game-controller{position:absolute;left:0;top:0;background-color:transparent;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:10px;box-shadow:none;z-index:990}}@media (min-width:100px) and (max-width:400px){.controller-btns{display:inline-block;margin-bottom:0;margin-right:5px}.website-link,.website-link:hover{top:420px;left:0;position:absolute}.game-container{background-color:#41BCBD;background-image:url(assets/loading/loading.gif);background-position:center center;background-repeat:no-repeat;width:100%;max-width:600px;height:500px;overflow:hidden;border:1px solid #1B7C8C}#mermaiden-hair,#mermaiden-hair.hair1,#mermaiden-hair.hair2,#mermaiden-hair.hair3,#mermaiden-hair.hair4,#mermaiden-hair.hair5{width:100%;height:100%;max-height:500px;background-repeat:no-repeat;background-size:contain;background-position:center center}#accessories,#accessories1.accessories1,#accessories10.accessories10,#accessories2.accessories2,#accessories3.accessories3,#accessories4.accessories4,#accessories5.accessories5,#accessories6.accessories6,#accessories7.accessories7,#accessories8.accessories8,#accessories9.accessories9,#jewelry,#jewelry1.jewelry1,#jewelry10.jewelry10,#jewelry2.jewelry2,#jewelry3.jewelry3,#jewelry4.jewelry4,#jewelry5.jewelry5,#jewelry6.jewelry6,#jewelry7.jewelry7,#jewelry8.jewelry8,#jewelry9.jewelry9,#tops,#tops.top1,#tops.top10,#tops.top11,#tops.top12,#tops.top13,#tops.top14,#tops.top15,#tops.top16,#tops.top17,#tops.top18,#tops.top19,#tops.top2,#tops.top20,#tops.top3,#tops.top4,#tops.top5,#tops.top6,#tops.top7,#tops.top8,#tops.top9{width:100%;height:100%;min-height:500px;background-repeat:no-repeat;background-size:contain;background-position:center center;position:relative}#player,#player:hover{background-image:url(assets/buttons/music-btn.png);background-size:cover;background-color:#c01c7b;width:30px;height:30px;float:right}.control-buttons{width:30px;height:30px}.control-buttons:hover{-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);cursor:pointer}#player{border-radius:8px;border:none}#player:hover{border-radius:8px;border:none;-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);cursor:pointer}.website-link{width:150px}.website-link:hover{width:155px;cursor:pointer;margin-left:-5px}.copy{top:440px!important;text-align:right!important}.back-btn{display:block;margin-top:15px;margin-left:-40px;position:absolute;z-index:2;width:30px;cursor:pointer}#acc2,#acc6,#acc7,#acc9,#dpurpletopsbtn,#jewel12,#jewel3,#jewel4,#jewel7,#jewel8,#pinktopsbtn{display:none}}@media (min-width:100px) and (max-width:499px){.instructions,.instructions-alert{position:absolute;text-align:center}.instructions-alert{width:90%;display:block;margin-right:auto;padding:10px;margin-top:50%;margin-left:0;z-index:999}#closeinstructions{font-size:16pt;text-transform:uppercase;margin-left:75%}.instructions{width:100%;height:100%;background:rgba(0,0,0,.5);background-image:url(assets/menu/mermaiden-front.png);background-position:left top;background-repeat:no-repeat;background-size:80%;z-index:1000}.game-buttons{height:600px!important;width:95%;vertical-align:middle;margin-top:20px;overflow:hidden}}@media (min-width:500px) and (max-width:600px){.instructions,.instructions-alert{position:absolute;text-align:center}.instructions-alert{width:90%;display:block;margin-right:auto;padding:10px;margin-top:50%;margin-left:10%;z-index:999}#closeinstructions{font-size:16pt;text-transform:uppercase;margin-left:65%}.instructions{width:100%;height:100%;background:rgba(0,0,0,.5);background-image:url(assets/menu/mermaiden-front.png);background-position:left top;background-repeat:no-repeat;background-size:80%;z-index:1000}}@media (min-width:401px) and (max-width:510px){.back-btn{margin-left:-40px}}