@import url(https://fonts.googleapis.com/css?family=Rubik:700&display=swap);#login .view{background-image:url("http://mdbootstrap.com/img/Photos/Horizontal/Nature/full%20page/img%20(11).jpg");background-size:cover}#login .view .mask{position:relative!important}#login .container>.row{margin-top:150px;margin-bottom:100px}#login .card{background-color:rgba(229,228,255,.2)}#login h6{line-height:1.7}#login .form-check{margin-bottom:0!important}#login .md-form label{color:#fff}#login .md-form input[type=email]:focus:not([readonly])+label,#login .md-form input[type=password]:focus:not([readonly])+label,#login .md-form input[type=text]:focus:not([readonly])+label{color:#8edef8}#login .md-form input[type=email]:focus:not([readonly]),#login .md-form input[type=password]:focus:not([readonly]),#login .md-form input[type=text]:focus:not([readonly]){border-bottom:1px solid #8edef8;box-shadow:0 1px 0 0 #8edef8}#login .md-form input{box-sizing:border-box}@font-face{font-family:Lora;src:url(/assets/fonts/Lora-Bold.ttf)}.learning-button{border-radius:16px;border-bottom:16px solid #219653;background-color:#33c2ff;background:conic-gradient(from 180deg at 50% 50%,#33c2ff 0deg)}.learning-button:hover{background-color:#219653;border-bottom:16px solid #f2c94c;background:conic-gradient(from 180deg at 50% 50%,#33c2ff 0deg)}.learning-button:active{background:conic-gradient(from 180deg at 50% 51.43%,#219653 359.96749deg);box-shadow:inset 0 8px 8px 8px rgba(0,0,0,.25);border-bottom:none}.speech-container-bg{background:linear-gradient(90deg,#29323c,#485563)}.speech-card-container{display:flex;width:354px;height:118px;align-items:center;flex-shrink:0;border-radius:11px;background:#fff;animation-timing-function:"ease-out";animation-duration:.3s;text-align:center;font-size:56px;font-style:normal;font-weight:400;line-height:normal;padding-left:0;padding-right:0;margin-left:10px;border:1px solid #000}.input-box{width:70%!important;height:70%!important;border:0 solid #ccc;border-radius:4px;font-size:80px!important;font-weight:700;font-family:"Lora";background-color:#f8f8f8;color:#333;transition:all .3s ease}.input-box:focus,.input-box:hover{outline:none;border-color:#66afe9;box-shadow:0 0 5px #66afe9;transform:scale(1.05)}.alphabetbutton{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer;background-color:#fff;color:#1d2785;border-radius:11px;font-size:56px;font-weight:700;font-family:"Lora"}.alphabetslide{width:50px;height:50px;left:-25px;bottom:-25px;border-radius:50px;background:#ff5656;position:absolute;transition:all .5s ease-Out}.alphabetbutton:hover .alphabetslide{width:250%;height:250%;left:-75px;bottom:-75px;border-radius:150px;background:#ff5656;color:#4e4e4e}.alphabetbutton span{position:relative;transition:all .35s ease-Out}.alphabetbutton:hover{width:100%;border-radius:11px}.alphabetbutton:active{color:#fff;background-color:#ff5656}.alphabetgamesbutton{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer;background-color:#ff5656;color:#1d2785;border-radius:4px;font-size:80px;font-weight:700;font-family:"Lora"}.alphabetgamesbutton span{position:relative;transition:all .35s ease-Out}.alphabetgamesbutton:hover{width:100%;border-radius:4px;font-size:50px}.alphabetgamesbutton:active{color:#000;background-color:#9747ff}.card-container{height:200px;box-sizing:border-box;cursor:pointer}.card-container .card .card-body{color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;word-break:break-all}.card-container .card .card-body input{height:100%;text-align:center;font-size:2rem;outline:none;width:100%}#home-content{font-family:"Rubik",sans-serif;font-size:2rem;line-height:2.5;display:flex;align-items:center;justify-content:center;margin-top:20px;min-height:100vh;background:#fff}#home-content *,#home-content :after,#home-content :before{box-sizing:border-box}#home-content button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit}#home-content button.learn-more{margin-left:20px;margin-bottom:40px;font-weight:800;color:#fff;text-transform:uppercase;padding:1.25em 2em;background:#ff8787;border:2px solid #00ffd5;border-radius:.75em;transform-style:preserve-3d;transition:transform .15s ease-out,background .15s ease-out}#home-content button.learn-more:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#89e24e;border-radius:inherit;box-shadow:0 0 0 2px #b18597,0 .625em 0 0 #ffe3e2;transform:translate3d(0,.75em,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out}#home-content button.learn-more:hover{background:#2472e6;transform:translateY(.25em)}#home-content button.learn-more:hover:before{box-shadow:0 0 0 2px #b83a6f,0 .5em 0 0 #ffe3e2;transform:translate3d(0,.5em,-1em)}#home-content button.learn-more:active{background:#ffa600;transform:translateY(.75em)}#home-content button.learn-more:active:before{box-shadow:0 0 0 2px #b18597,0 0 #ffe3e2;transform:translateZ(-1em)}.image-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.image-btn:hover{transform:scale(1.1)}.image-btn img{max-width:100%}.letter-container{--canvas-margin:15px;margin:0 auto;max-width:664px}.letter-container .model{position:absolute;top:28px;z-index:-1;opacity:0}.letter-container .title{text-align:center;color:#13007c;font-size:30px}.letter-container .title span{color:#ff3000}.letter-container .trace-letter p{font-weight:700;font-size:16px}.letter-container .trace-letter .trace-letter-image-wrapper{width:119px;height:119px;border-radius:10px;display:flex;justify-content:center;align-items:center}.letter-container .trace-letter img{width:89px}.letter-container .typical-letter-content .typical-letter-image{position:relative}.letter-container .typical-letter-content .typical-letter-image>img{width:295px}.letter-container .image-btn-wrapper{position:absolute;z-index:10}.letter-container .image-btn-wrapper.apple-btn{top:25px;left:108px}.letter-container .image-btn-wrapper.ant-1-btn{top:112px;left:35px}.letter-container .image-btn-wrapper.ant-2-btn{top:108px;left:176px}.letter-container .dotted-box{border-bottom:2px solid #000;border-color:#000 currentcolor;border-top:2px solid #000;position:relative;height:74px}.letter-container .dotted-box:before{content:"";position:absolute;top:50%;width:100%;height:2px;background-image:linear-gradient(90deg,#ef1183 50%,#fff 0);background-position:top;background-size:20px 2px}.letter-container .dotted-box .small-letter{transform:translateY(100%);margin-left:var(--canvas-margin)}.letter-container .dotted-box .small-letter>img{height:35px}.letter-container .dotted-box .big-canvas{margin-left:var(--canvas-margin)}.letter-container .dotted-box .big-letter{height:74px;margin-left:var(--canvas-margin)}.letter-container .footer img{width:100%;border-radius:10px}.letter-container .canvas-wrapper{position:absolute;top:-2px;z-index:15;width:100%}.letter-container .canvas-wrapper .handwriting-canvas{display:inline-block;vertical-align:top}.d-flex{display:flex}.justify-content-around{justify-content:space-around}.justify-content-between{justify-content:space-between}.mt-50{margin-top:50px}.mt-20{margin-top:20px}.ml-20{margin-left:20px}.mr-20{margin-right:20px}.mt-30{margin-top:30px}.mr-30{margin-right:30px}.dropzone-container{display:flex;flex-direction:column}.dropzone-container .dropzone{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:2px;border:2px dashed #eee;background-color:#fafafa;color:#bdbdbd;outline:none;transition:border .24s ease-in-out;cursor:pointer}.grid-line{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNkMGQwZDAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDBkMGQwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);background-position:-18px -4px;background-color:#fff}.no-grid-line{overflow:hidden;border:1px solid #fff;background-color:#fff;background-image:none;box-shadow:0 0 2px 1px #d1d1d1}.sidebar-background{background:#fbfbfb}.main-container{margin-right:0}#stage-container{touch-action:none;cursor:default;margin-bottom:10px}.toolbar{background:#fff;border-bottom:1px solid #dadce0;border-left:0;height:52px;border-top-right-radius:10px}.toolbar .media-body{top:3px;position:relative}.border-radius-0{border-radius:0}.border-left{border-left:1px solid #dadce0}.border-right{border-left:1px solid #dadce0!important}.board-toolbar{position:absolute;bottom:45px;left:25px}.board-toolbar .btn{padding:3px 10px;font-size:18px}.drag-card{border-color:#fff!important}.blank-input{border:none;border-bottom:1px solid #000;outline:none;width:5rem;text-align:center}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header-nav{position:fixed;width:100%;z-index:1000000}@media (max-width:500px){.header-nav{position:relative;background-color:#33b5e5}}.logo-image{width:150px;height:50px}.school-logo-image{width:20px;height:20px}.carousel,.carousel img{min-height:100vh}.carousel img{height:100vh}.carousel .custom-carousel-caption{position:absolute;top:50%;transform:translateY(-50%)}.carousel .custom-carousel-caption h1{font-size:4rem;color:#fff!important}@media (max-width:500px){.carousel .custom-carousel-caption h1{font-size:2.5rem}}.carousel .custom-carousel-caption h6{font-size:1.7rem;color:#fff!important}@media (max-width:500px){.carousel .custom-carousel-caption h6{display:none}}input{box-sizing:border-box!important}[type=radio]:checked,[type=radio]:not(:checked){position:absolute;pointer-events:none;opacity:1}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;pointer-events:none;opacity:1;margin:0}.select-wrapper>label.mdb-main-label{top:0!important}.pills-rounded .nav-item .nav-link{border-radius:10em}.pills-outline-info .nav-item .nav-link{border:2px solid #fff;color:#666;background-color:initial}.pills-outline-info .nav-item .nav-link:hover{border:2px solid #eee}.pills-outline-info .nav-item .nav-link.active,.pills-outline-info .nav-item .nav-link.active:hover{border:2px solid #33b5e5;color:#33b5e5}.select-question-review ul{max-height:150px;overflow-y:scroll}.select-question-review ul span.filtrable{height:2.3rem!important}.learning-card{word-break:break-word;color:#fff}.mih-full{min-height:calc(100vh - 500px)}.form-header{position:relative}.form-header .close-btn{position:absolute;top:1%;right:1%;padding:.3rem .5rem!important}.pointer{cursor:pointer}#navbarCollapse3{font-size:16px;font-weight:500}.flipsnackTitle{font-size:22px;font-weight:400;margin-top:48px;margin-bottom:32px}.k-editor iframe{height:auto!important}.k-animation-container{background:#fff;z-index:19999!important}.k-checkbox-label,.k-radio-label{padding-left:22px!important}.k-radio{margin-top:4px}.k-checkbox{margin-top:7px;margin-left:5px;margin-right:5px}.p-0{padding:0!important}.mt-3{margin-top:3px}.items_center{display:flex!important;justify-content:left!important;align-items:center!important}.default_rdiobtn:not(:checked),:checked{pointer-events:auto}.navbar.scrolling-navbar.top-nav-collapse{background:#33b5e5}.nav-link{color:#fff}.sentencediv{margin-top:100px}.sentencediv,.shapeinstructiondiv{width:60%;height:100px;background-color:#fff;margin-left:auto;margin-right:auto;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.2)}.shapeinstructiondiv{margin-top:200px;color:#006400}.word{height:40px;width:160px;display:flex;align-items:center;margin-left:10px;margin-right:10px;background-color:#ff661d;border-radius:4px;padding:8px;transition:background-color .3s;cursor:pointer}.word:hover{background-color:#ff1d4d}.word:active{background-color:#ffb21d}.shapes{width:600px;height:300px;border-radius:40px}.mathematicsinstruction,.shapes{margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.mathematicsinstruction{width:60%;height:100px;margin-top:200px;border-radius:20px;color:#640011}.calculation{width:600px;height:200px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:40px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.buttonScreen{position:static;width:130px;height:40px;border-radius:5px;background-color:#1e90ff;color:#fff;border:none;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:box-shadow .3s ease;align-items:center;vertical-align:middle}.buttonScreen:hover{box-shadow:0 4px 10px rgba(0,0,0,.3)}.buttonScreen:active{box-shadow:0 1px 3px rgba(0,0,0,.3)}.newword:hover{color:#c44646!important}.newword:active{color:#1f1f83!important}.letterButton{padding:4px 12px}.colorButton,.letterButton{background-color:#04aa6d;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;width:10;height:10;transition-duration:.4s;cursor:pointer}.colorButton{padding:5px}.letterButton{background-color:#fff;color:#000;border:2px solid #04aa6d}.letterButton:hover{background-color:#04aa6d;color:#fff}.twodigitdiv{display:flex;flex-direction:column;min-width:250px;height:300px;align-items:center;margin:30px 10px;color:#000;font-size:48px;background:#2d9cdb;box-shadow:11px 10px 10px 0 rgba(242,153,74,.5);border:.5px solid #aeaeae;cursor:pointer;overflow:hidden;position:relative;transition:all .5s ease-out}.twodigitdiv:hover{background:#2d9cdb;color:#000;font-size:56px}.twodigitdiv:active{transition:none;background-color:#2d9cdb;color:#000}.twodigitsubtractiondiv{display:flex;flex-direction:column;width:250px;height:300px;min-width:250px;align-items:center;margin:30px 10px;color:#1d2785;font-size:48px;background:linear-gradient(180deg,#36d392,#36d392 47.4%,#fff 52.6%,#36d392 55.21%,#36d392);border:.5px solid #aeaeae;box-shadow:11px 10px 10px 0 rgba(242,153,74,.5);cursor:pointer;overflow:hidden;position:relative;transition:all .5s ease-out}.twodigitsubtractiondiv:hover{font-size:56px;color:#fff;background:#45a6df}.twodigitsubtractiondiv:active{background-image:none;background-color:#59addf;color:#000}.twodigitmultiplicationdiv{display:flex;flex-direction:column;height:300px;align-items:center;min-width:250px;margin:30px 10px;color:#000;background:#fff;box-shadow:11px 10px 10px 0 rgba(0,0,0,.5);cursor:pointer;border:.5px solid #aeaeae;overflow:hidden;position:relative;font-size:48px;transition:all .5s ease-out}.twodigitmultiplicationdiv:hover{font-size:56px;color:#000;background:#fff}.twodigitmultiplicationdiv:active{transition:none;background-color:#fff;color:#000}.twodigitdivisiondiv{display:flex;flex-direction:column;height:300px;align-items:center;min-width:250px;margin:30px 10px;color:#1d2785;background:linear-gradient(180deg,#f2994a,#f2994a 47.4%,#fff 52.6%,rgba(242,153,74,.79) 55.21%,#f2994a);box-shadow:11px 10px 10px 0 rgba(0,0,0,.5);cursor:pointer;border:.5px solid #aeaeae;overflow:hidden;position:relative;font-size:48px;transition:all .5s ease-out}.twodigitdivisiondiv:hover{font-size:56px;color:#fff;background:#4d5eff}.twodigitdivisiondiv:active{transition:none;color:#000;background-color:#2d9cdb}.twodigitoperators{display:flex;width:100%;height:48px;margin-top:20px;padding-right:20px;justify-content:end;align-items:flex-end;line-height:48px;text-align:center}.twodigitinput{font-size:48px;background-color:#fff;text-align:center;border:.5px solid #aeaeae;line-height:48px}.twodigitinput,.twodigitspan{width:48px;height:48px;margin-left:10px;font-family:"Lora"}.twodigittitle{height:83px;justify-content:center;flex-shrink:0;color:#fff;border-radius:17px;background:#9747ff;padding:10px;box-shadow:-9px 9px 10px 0 rgba(0,0,0,.5);text-align:center;font-family:"Mandali";font-style:normal;font-weight:400;line-height:normal}.arithmaticdiv,.twodigittitle{display:flex;flex-direction:column;font-size:48px}.arithmaticdiv{min-width:200px;height:280px;border:none;align-items:center;margin:30px 10px;color:#1d2785;background:linear-gradient(180deg,#ff5656,#ff5656 52.4%,#fff 56.6%,rgba(255,86,86,.79) 60.21%,#ff5656);box-shadow:11px 10px 10px 0 rgba(242,153,74,.5);cursor:pointer;border-radius:11px;overflow:hidden;position:relative;transition:all .5s ease-out}.arithmaticdiv:hover{background:#ff5656;color:#fff;font-size:56px}.arithmaticdiv:active{transition:none;background-color:#9747ff;color:#000}.arithmaticsubtractiondiv{display:flex;flex-direction:column;min-width:200px;height:280px;border:none;align-items:center;margin:30px 10px;color:#1d2785;font-size:48px;background:linear-gradient(180deg,#f2994a,#f2994a 52.4%,#fff 56.6%,rgba(242,153,74,.79) 60.21%,#f2994a);cursor:pointer;border-radius:11px;overflow:hidden;position:relative;transition:all .5s ease-out}.arithmaticsubtractiondiv:hover{font-size:56px;color:#fff;background:#4d5eff}.arithmaticsubtractiondiv:active{transition:none;background-image:none;background-color:#2d9cdb;color:#000}.arithmaticmultiplicationdiv{display:flex;flex-direction:column;height:300px;border:none;align-items:center;min-width:250px;margin:30px 10px;color:#1d2785;background:linear-gradient(180deg,#9747ff,#f2994a 42.4%,#fff 48.6%,rgba(242,153,74,.79) 52.21%,#9747ff);box-shadow:11px 10px 10px 0 rgba(0,0,0,.5);cursor:pointer;border-radius:11px;overflow:hidden;position:relative;font-size:48px;transition:all .5s ease-out}.arithmaticmultiplicationdiv:hover{font-size:56px;color:#fff;background:#4d5eff}.arithmaticmultiplicationdiv:active{transition:none;background-color:#2d9cdb;color:#000}.arithmaticdivisiondiv{display:flex;flex-direction:column;height:300px;border:none;align-items:center;min-width:250px;margin:30px 10px;color:#1d2785;background:linear-gradient(180deg,#f2994a,#f2994a 42.4%,#fff 47.6%,rgba(242,153,74,.79) 54.21%,#f2994a);box-shadow:11px 10px 10px 0 rgba(0,0,0,.5);cursor:pointer;border-radius:11px;overflow:hidden;position:relative;font-size:48px;transition:all .5s ease-out}.arithmaticdivisiondiv:hover{font-size:56px;color:#fff;background:#4d5eff}.arithmaticdivisiondiv:active{transition:none;color:#000;background-color:#2d9cdb}.arithmaticoperators{display:flex;width:100%;height:70px;justify-content:center;align-items:center;line-height:48px;text-align:center}.arithmaticinput{width:150px;height:80px;font-size:48px;background-color:#fff}.arithmaticinput,.arithmaticspan{font-family:"Lora";text-align:center}.arithmaticspan{width:"100%";height:48px;margin-left:10px}.arithmatictitle{height:83px;justify-content:center;flex-shrink:0;color:#fff;border-radius:17px;background:#9747ff;padding:10px;box-shadow:-9px 9px 10px 0 rgba(0,0,0,.5);text-align:center;font-family:"Mandali";font-style:normal;font-weight:400;line-height:normal}.arithmatictitle,.division3div{display:flex;flex-direction:column;font-size:48px}.division3div{border:none;align-items:center;min-width:"50%";background:#fff;cursor:pointer;overflow:hidden;position:relative;transition:all .5s ease-out}.division3DMSB{flex-direction:column;width:"50%";height:100%;background-color:#fff;vertical-align:middle;border-right:2px solid #000}.division3DMSB,.division3DMSBSpan{display:flex;justify-content:center}.division3DMSBSpan{width:48px;height:48px;background-color:#ff6060;text-align:center;line-height:48px;margin-left:5px;margin-right:5px;margin-top:10px}.division3Container{display:flex;align-items:center;min-width:250px;margin-bottom:30px;margin-left:10px;margin-right:10px;background:#fff;cursor:pointer;border:1px solid #000;overflow:hidden;position:relative;font-size:48px;transition:all .5s ease-out}