*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:helvetica-bold;src:url(fonts/Helvetica-Bold.ttf)}@font-face{font-family:helvetica;src:url(fonts/Helvetica.ttf)}body,html{height:100%}html{scroll-behavior:smooth}body{background-color:#fff}a,b,button,h1,h2,h3,i,input[type=file],input[type=password],input[type=submit],input[type=text],label,li,p,select,span,td,textarea,th{font-family:helvetica-bold;-webkit-font-smoothing:antialiased}a,b,button,i,input[type=file],input[type=password],input[type=submit],input[type=text],label,li,p,select,span,td,textarea,th{font-size:18px}.clsLoading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;background-color:rgb(0 0 0 / .5)}.clsLoading img{display:inline-block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;width:70px}.clsTemplate{display:none}::-webkit-scrollbar{width:5px;height:7px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{width:7px;background-color:#2d2e43;border-radius:10px}.content{position:relative;display:flex;flex-direction:column;height:100%;padding:20px 30px}.content .grid{flex:1;overflow-y:auto}.content .grid .cells{height:100%;top:0;position:relative;padding-right:20px;padding-left:10px;padding-top:0;padding-bottom:4px}.content .grid .cells h2{text-align:center;position:fixed;left:0;right:0;top:0;text-align:center;background-color:#fff;z-index:1;padding:20px 0}.content .grid .cell{display:none;width:calc(100% / 10);height:calc(100% / 4);float:left;text-align:center;position:relative}.content .grid .cell div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:90%}.content .grid .cell div p{padding:5px;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);overflow-wrap:anywhere;font-size:1em}.content .grid .cell:nth-child(even) div p{color:#f02136}.content .grid .cell:nth-child(odd) div p{color:#252a3c}.content .grid .cell.note1 div{background-color:#fbf2e3;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);transform:translate(-50%,-50%) rotate(1deg)}.content .grid .cell.note2 div{background-color:#dfebfb;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);top:55%;left:45%;transform:translate(-50%,-50%) rotate(-1deg)}.content .grid .cell.note3 div{background-color:#ffddd4;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);transform:translate(-50%,-50%) rotate(1deg)}.content .grid .cell.note4 div{background-color:#deccda;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);top:55%;left:45%;transform:translate(-50%,-50%) rotate(-1deg)}.content .grid .cell.note5 div{background-color:#ffe898;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);transform:translate(-50%,-50%) rotate(1deg)}.content .grid .cell.note6 div{background-color:#fcc9ce;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);transform:translate(-50%,-50%) rotate(-2deg)}.content .grid .cell.note7 div{background-color:#deccda;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);transform:translate(-50%,-50%) rotate(1deg)}.content .grid .cell.note8 div{background-color:#ffddd4;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);top:55%;left:45%;transform:translate(-50%,-50%) rotate(-2deg)}.content .grid .cell.note9 div{background-color:#ffe898;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);transform:translate(-50%,-50%) rotate(1deg)}.content .grid .cell.note10 div{background-color:#fbf2e3;box-shadow:-1px 1px 6px 1px rgb(0 0 0 / 44%);transform:translate(-50%,-50%) rotate(-2deg)}.content .controls{padding-top:20px;text-align:center;position:relative}.content .controls .btn-refresh{display:inline-block;background-color:#2f3044;border-radius:50%;height:47px;width:47px;background-image:url(images/refresh.png);background-size:15px;background-position:center center;background-repeat:no-repeat;position:absolute;left:10px;outline:0}.content .controls .btn-participate{display:inline-block;text-decoration:none;padding:10px 45px;background-color:#2f3044;border-radius:20px;color:#fbc600;font-size:20px;outline:0}.content .controls .btn-download{display:inline-block;background-color:#2f3044;border-radius:50%;height:47px;width:47px;background-image:url(images/down.png);background-size:13px;background-position:center center;background-repeat:no-repeat;position:absolute;right:10px;outline:0}.question{display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10;background-color:#ed2738}.question .close{position:fixed;right:25px;top:25px;display:inline-block;width:47px;height:47px;background-color:#2f3044;color:#fff;text-align:center;border-radius:50%;font-family:helvetica;text-decoration:none;line-height:47px;z-index:1}.question .question-content{display:flex;flex-direction:column;height:100%;padding:25px}.question .question-content .ques{flex:1;position:relative}.question .question-content .ques h2{color:#fff;font-size:60px;position:absolute;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%)}.question .question-content .options{display:flex}.question .question-content .options .custom{flex:1;position:relative}.question .question-content .options .custom .title,.question .question-content .options .predefine .title{text-align:center;color:#fff;font-family:helvetica}.question .question-content .options .custom input[type=text]{display:block;background-color:#ffc602;border-radius:30px;color:#2f3044;width:100%;border:none;padding:15px;outline:0;margin-top:5px;height:47px;padding-right:50px}.question .question-content .options .custom .btn-submit{position:absolute;right:0;bottom:0;display:inline-block;width:47px;height:47px;background-color:#2f3044;border-radius:50%;background-image:url(images/next.png);background-repeat:no-repeat;background-size:18px;background-position:center center}.question .question-content .options .predefine{flex:1;margin-left:20px;overflow:hidden}.question .question-content .options .predefine .answers{background-color:#ffc602;border-radius:10px;margin-top:5px;padding:15px;width:100%;overflow:hidden;height:47px}.question .question-content .options .predefine .answers .ans{text-decoration:none;color:#2f3044;padding:0 20px;display:inline-block;outline:0}.question .question-content .options .predefine .answers .ans:not(:last-child){border-right:1px solid #2f3044}.question .question-content .options .predefine .answers .slider .slick-arrow{position:absolute;font-size:35px;cursor:pointer;color:#2f3044;font-family:helvetica;font-style:normal;top:35%;transform:translateY(-50%);z-index:1;background-color:#ffc602;text-align:center;width:30px}.question .question-content .options .predefine .answers .slider .slick-arrow.left{left:-15px}.question .question-content .options .predefine .answers .slider .slick-arrow.right{right:-15px}.portrait{display:none;background-color:#fff;position:fixed;left:0;right:0;top:0;bottom:0;z-index:50}.portrait p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;line-height:22px;letter-spacing:1px}@media all and (orientation:portrait){.portrait{display:block}}@media only screen and (max-width:1000px){.content .grid .cells h2{font-size:18px;padding:10px 0}.question .question-content .ques h2{font-size:25px}}@media only screen and (max-width:750px){a,b,button,i,input[type=file],input[type=password],input[type=submit],input[type=text],label,li,p,select,span,td,textarea,th{font-size:16px}.content{padding:10px 15px}.content .grid .cells h2{font-size:17px;padding:10px 0}.content .grid .cells{padding-right:10px}.content .controls{padding-top:10px}.content .controls .btn-download,.content .controls .btn-refresh,.question .close{height:35px;width:35px}.content .controls .btn-participate{padding:5px 25px;font-size:18px}.question .question-content{padding:15px}.question .question-content .ques h2{font-size:25px;left:0;right:0;transform:translateY(-50%);padding:0 30px}.question .close{line-height:38px}.question .question-content .options .custom input[type=text],.question .question-content .options .predefine .answers{padding:10px;height:37px}.question .question-content .options .custom input[type=text]{padding-right:40px}.question .question-content .options .custom .btn-submit{height:37px;width:37px}.question .question-content .options .predefine{margin-left:5px}.question .question-content .options .predefine .answers .ans{padding:0 15px}}@media only screen and (max-height:200px){.question .close,.question .question-content .ques h2{display:none}}