html{-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#32bbe0}#mainLoader{position:absolute;z-index:5;display:none;font-size:30px;line-height:30px;color:#fff;text-align:center;width:100%;font-family:'Fredoka One'}#rotateHolder{position:absolute;width:100%;height:100%;background-color:#32bbe0;z-index:1000;display:none}.mobileRotate{width:200px;height:auto;position:absolute;text-align:center;top:45%;left:calc(50% - 100px)}.rotateImg{margin-bottom:10px}.rotateDesc{color:#fff;font-size:20px;line-height:20px;font-family:'Fredoka One'}.rotatePortrait{animation:spinPortrait .5s linear infinite}.rotateLandscape{animation:spinLandscape .5s linear infinite}@keyframes spinPortrait{0%{transform:rotate(-90deg)}50%{transform:rotate(0)}100%{transform:rotate(0)}}@keyframes spinLandscape{50%{transform:rotate(90deg)}100%{transform:rotate(90deg)}}#mainHolder{position:relative;width:100%;height:100%;display:none;background:url(../assets/background.svg) center no-repeat;background-size:cover;font-family:'Fredoka One'}#option{position:absolute;top:15px;right:15px;z-index:20;width:7%;min-width:50px;width:100%;max-width:70px}#buttonScoreboard{position:absolute;right:125%}.buttonExit,.buttonFullscreen,.buttonSound{margin:5px 0}.buttonSoundOn .soundOff{display:block}.buttonSoundOn .soundOn{display:none}.buttonSoundOff .soundOn{display:block}.buttonSoundOff .soundOff{display:none}.buttonOptionOn .optionOff{display:block}.buttonOptionOn .optionOn{display:none}.buttonOptionOff .optionOn{display:block}.buttonOptionOff .optionOff{display:none}.buttonIcon{width:100%}.fontLoader{font-family:'Fredoka One',cursive;font-size:25px;line-height:25px;color:#fff}#logoHolder{display:table;position:absolute;height:100%;width:100%;color:#fff;text-align:center}#logoHolder #titleHolder{position:relative;width:100%;height:100%;z-index:1}#logoHolder #titleHolder .title{position:absolute;width:100%;white-space:pre-line}#logoHolder #titleFixedHolder{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden}#logoHolder #titleFixedHolder .title{position:absolute;width:100%}#logoHolder .action{position:absolute;top:60%;width:100%}#logoHolder .preloadText{margin-top:10px}#logoHolder .startImg{width:15%;margin:auto;margin-top:10px}#confirmHolder{width:100%;height:100%;margin:auto;position:absolute;overflow:hidden;z-index:1000}.confirmContent .message{position:absolute;background:#9dc54f;width:50%;height:50%;left:25%;top:30%;text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:#fff;padding:5% 10%;box-shadow:0 8px rgba(0,0,0,.2)}.confirmContent .okImg{position:absolute;width:20%;top:63%;left:29%}.confirmContent .cancelImg{position:absolute;width:20%;top:63%;right:29%}.overlayBg{background:url(../assets/bg_pixel.png) repeat}#questionLoaderHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden}#questionLoaderHolder svg{width:20%;display:inline-block;margin:18% 45%}#categoryHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden}.categoryContent ul{list-style:none;padding:0;margin:0;color:#fff;width:80%;margin:auto;padding-top:10%}.categoryContent li{width:29%;float:left;margin:0 2%}.categoryContent .categoryTitle{padding:2% 5%;text-align:center}.categoryContent .nextImg{position:absolute;width:5%;top:85%;right:44%}.categoryContent .prevImg{position:absolute;width:5%;top:85%;left:44%}.categoryContent .categoryNav{position:absolute;width:5%;top:10%;left:10%;width:80%;text-align:left;color:#fff}.categoryContent .categoryNav .active{text-decoration:underline}#gameHolder{width:100%;height:100%;margin:auto;position:relative;overflow:hidden}#gameStatus{position:absolute;top:0;left:0;margin:15px;width:100%;height:100%}#gameStatus .gameTotal{position:absolute;top:0;left:0;width:12%}#gameStatus .gameTimer{position:absolute;top:0;left:42%;width:13%;text-align:center}#gameStatus .gameAnswer{position:absolute;bottom:10%;left:34%;width:30%;text-align:center}#gameStatus .gameDisplay{position:absolute;bottom:10%;left:34%;width:30%;text-align:center}#gameStatus .gameReveal{position:absolute;bottom:8%;left:40%;width:18%;text-align:center;cursor:pointer;z-index:1}.gameQuestionStatus{position:absolute;top:15%;text-align:center;color:#156976;width:100%}.gameTimerStatus{position:absolute;top:15%;text-align:center;color:#156976;width:100%}.gameAnswerStatus{position:absolute;top:20%;text-align:center;color:#156976;width:100%}.gameDisplayStatus{position:absolute;top:20%;text-align:center;color:#156976;width:100%}#questionHolder{position:relative;width:100%;height:100%;z-index:1}#questionHolder .question{position:absolute;width:100%;white-space:pre-line}#questionFixedHolder{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden}#questionFixedHolder .question{position:absolute;width:100%}#descriptionHolder{position:absolute;width:100%;height:100%;top:0;left:0}#descriptionHolder .description{position:absolute;width:100%}#backgroundHolder{position:absolute;width:100%;height:100%;top:0;left:0}#backgroundHolder .background{position:absolute;width:100%}#videoHolder{position:absolute;width:100%;height:100%;top:0;left:0}.draggable{transition:text-shadow 1s ease,font-size 1s,color 1s;transform:scale(1);cursor:pointer}#resultHolder{display:table;position:absolute;height:100%;width:100%}.resultContent{width:45%;margin:auto;text-align:center;color:#fff}.itemWinnerCup{width:100%;margin:auto;padding:10% 0 5%}.share{margin-top:5%}.share ul{list-style:none;margin:0;padding:0;margin-top:10px}.share li{width:13%;margin:0 3px;display:inline-block}.option{margin-top:5%}.option ul{list-style:none;margin:0;padding:0}.option li{width:13%;margin:0 3px;display:inline-block}.singleOption li:nth-child(2),.singleOption li:nth-child(3){display:none}.NoSaveOption li:nth-child(2){display:none}#scoreboardHolder{display:table;position:absolute;height:100%;width:100%;display:none;top:0;z-index:1}.resultExtra{width:100%;height:100%;position:absolute;margin:auto;text-align:center;color:#fff;display:none}.scoreContent,.submitContent{position:relative;background:#25c7e6;width:85%;height:90%;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;margin:auto;margin-top:3%}.scoreTitle{padding:2% 0 0}.scoreContent ul.scoreList{list-style:none;padding:0;margin:1% auto;width:90%;position:relative;height:72%}.scoreContent ul.scoreList li{width:100%;padding:1% 2%;display:table}.scoreContent ul.scoreList li .list{display:table-cell}.scoreContent ul.scoreList li:nth-child(odd){background:#1697ed}.scoreContent .left{position:absolute;width:5%;bottom:2%;left:9%}.scoreContent .right{position:absolute;width:5%;bottom:2%;right:9%}.scoreContent .center{width:17%;margin:auto}.scoreContent .loader{position:absolute;text-align:center;width:10%;top:45%;left:44%;padding:1% 2%;background-color:rgba(16,127,201,.5);display:none}.submitTitle{padding:5% 0 2%}.submitContent .label,.submitContent input{margin:1% 0;padding:.5% 0;text-align:center}.action{width:40%;margin:3% auto}.buttonSubmit{float:left;width:48%}.buttonCancelSubmit{float:right;width:48%}.fontStatus{font-family:'Fredoka One',cursive;font-size:30px;line-height:30px;color:#fff}.fontQuestion{font-family:'Fredoka One',cursive}.fontResultScore{font-family:'Fredoka One',cursive}.fontShare{font-family:'Fredoka One',cursive}.fontCategory{font-family:'Fredoka One',cursive}.fontCategoryNav{font-family:'Fredoka One',cursive}.fontMessage{font-family:'Fredoka One',cursive}.fontPreload{font-family:'Fredoka One',cursive}.fontScoreTitle{font-family:'Fredoka One',cursive}.fontScoreList{font-family:'Fredoka One',cursive}.fontLabel{font-family:'Fredoka One',cursive}.fontInput{font-family:'Fredoka One',cursive}.fontError{font-family:'Fredoka One',cursive;color:#ffbf00}.fontSubmitTitle{font-family:'Fredoka One',cursive}.fontDescription{font-family:Raleway,sans-serif}#editWrapper{display:none;font-size:12px;font-family:Arial,Helvetica,sans-serif}#floatForm{position:absolute;left:0;top:0;z-index:100;background:#33a8ca;padding:15px;color:#fff;width:280px;border:#fff solid 1px}#floatForm{font-size:12px}#floatForm #backgroundWrapper,#floatForm #categoryWrapper,#floatForm #descriptionWrapper,#floatForm #desriptionWrapper,#floatForm #questionWrapper,#floatForm #sortWrapper,#floatForm #templateWrapper,#floatForm #videoWrapper{background:#3bbbde;padding:10px}#floatForm .innerWrapper{border:#fff 2px solid;padding:10px}#floatForm input.button,#floatForm label,#floatForm select.half{width:49%}#floatForm .formRow{height:25px}#floatForm .extraHeight{height:55px}#floatForm .formRow input,#floatForm .formRow select{float:right;width:48%}#floatForm .formRow label{float:left;width:48%}#floatForm input{width:100%;font-size:12px}#floatForm textarea{float:left;width:100%;resize:none}#floatForm option,#floatForm select{width:100%}.editBorder .question{outline:#fff dashed 2px}.editBorder .description{outline:#fff dashed 2px}.editBorder .background{outline:#fff dashed 2px}.editBorder .buttonClick,.editBorder input{outline:#F90 dashed 2px}.editBorder #videoHolder{outline:#fff dashed 2px}.editFrontIndex{z-index:1000}.editSecondIndex{z-index:500}.editDrag{position:absolute}.editDrag:hover{outline:1px dashed #ccc}.editDrag .ui-icon{width:18px;height:18px;background:url('../assets/edit_resize.svg')}.editBorderFocus{animation-name:borderFocus;animation-duration:.5s;animation-iteration-count:infinite}@keyframes borderFocus{0%{outline:#F90 solid 4px}50%{outline:#fff solid 4px}100%{outline:#F90 solid 4px}}.buttonClick{cursor:pointer}.fitImg img{width:100%;height:auto}.ignorePadding{border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media (max-width:900px) and (orientation:portrait){#questionLoaderHolder svg{width:40%;margin:50% 42%}.logo{width:90%;margin:auto;padding-top:30%}#logoHolder .startImg{width:35%}#logoHolder .action{top:50%}#option{width:10%;top:10px;right:10px}#gameStatus{margin:5px}#gameStatus .gameTotal{width:25%}#gameStatus .gameTimer{left:38%;width:25%}.confirmContent .message{width:80%;height:55%;left:10%;top:20%;padding:14% 10%}.confirmContent .okImg{width:35%;top:46%;left:31%}.confirmContent .cancelImg{width:35%;top:57%;left:31%}.categoryContent ul{padding-top:18%}.categoryContent li{width:40%;float:left;margin:0 5%}.categoryContent .categoryTitle{min-height:90px}.categoryContent .nextImg{width:12%;top:87%;right:36%}.categoryContent .prevImg{width:12%;top:87%;left:36%}.categoryContent .categoryNav{width:75%;top:3%;left:10%}.resultContent{width:90%}.itemWinnerCup{width:100%;padding:35% 0 10%}.scoreContent,.submitContent{width:100%;margin-top:15%;height:85%}.scoreTitle{padding:8% 0}.scoreContent ul.scoreList{list-style:none;padding:0;margin:0 auto 5%;width:90%;position:relative;height:62%}.scoreContent ul.scoreList li{padding:2% 2%}.scoreContent .left{position:absolute;width:12%;bottom:7%;left:9%}.scoreContent .right{position:absolute;width:12%;bottom:7%;right:9%}.scoreContent .center{width:30%;margin:auto}.scoreContent .loader{width:30%;left:33%}.submitTitle{padding:15% 0}.submitContent .label,.submitContent input{margin:2% 0;padding:1% 0}.action{width:30%;margin:3% auto}.buttonSubmit{float:none;width:100%;margin-bottom:2%}.buttonCancelSubmit{float:none;width:100%}#gameStatus .gameAnswer{left:20%;width:60%}#gameStatus .gameDisplay{left:20%;width:60%}#gameStatus .gameReveal{bottom:10%;left:32%;width:35%}}@media (max-width:500px) and (orientation:portrait){#gameStatus{margin:10px}#option{width:8%;top:10px;right:10px}.categoryContent li{width:45%;float:left;margin:0 2.5%}.categoryContent .categoryTitle{min-height:50px}.categoryContent .nextImg{width:12%;top:90%;right:36%}.categoryContent .prevImg{width:12%;top:90%;left:36%}.resultContent{width:90%}.itemWinnerCup{width:70%;padding-top:30%}.scoreContent .left{width:12%;bottom:7%;left:9%}.scoreContent .right{width:12%;bottom:7%;right:9%}}.portraitMode #gameStatus .gameAnswer{left:20%;width:60%}.portraitMode #gameStatus .gameDisplay{left:20%;width:60%}.portraitMode #gameStatus .gameReveal{bottom:10%;left:32%;width:35%}.portraitMode #gameStatus{margin:5px}.portraitMode #gameStatus .gameTotal{width:25%}.portraitMode #gameStatus .gameTimer{left:38%;width:25%}