:root{--bar-color: hsl(214.29deg 90.32% 12.16%);--main-color: hsl(201.92deg 53.06% 80.78%);--white: hsl(0deg 0% 99.41%);--home-gradient: linear-gradient(185deg, hsl(84.71deg 57.49% 40.59%), var(--white));--base-font-size: 1rem }@font-face{font-family:FingerPaint-Regular;src:url(/fingerpaint-regular.woff2) format("woff2")}@font-face{font-family:FingerPaint-bold;src:url(/fingerpaint-bold.woff2) format("woff2")}@font-face{font-family:classes;src:url(/classes.woff2) format("woff2")}@font-face{font-family:Arimo-Bold;src:url(/main-font_bold.woff2) format("woff2")}@font-face{font-family:Arimo-Regular;src:url(/main-font.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;margin-block:0;margin-inline:0;padding-inline:0;padding-block:0}html{font-family:Arimo-Regular;scroll-behavior:smooth;overflow:clip auto}body{overflow:clip auto;background-color:var(--main-color);font-family:Arimo-Regular,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.butterflyFloat{position:fixed;left:10vh;top:50vh;transition:transform .5s ease-in-out;z-index:99}.header-section{min-height:20vh;background-image:url(/bgsolarsystem.png);background-repeat:repeat;background-size:300px;display:grid;width:100%;grid-template-areas:"logo schoolboard" "menu menu "}.header-section .app-menu{grid-area:menu}.header-section .logo-img{grid-area:logo;margin-left:3em;align-self:center}.header-section .school-board{grid-area:schoolboard;display:grid;padding:0 2em}.header-section .school-board .board{background-image:url(/happykidzKidsBoard.png);width:380px;height:220px;background-size:contain;place-self:end;display:grid;place-content:center;padding:0;text-transform:uppercase;background-position:0 14px;background-repeat:no-repeat}.header-section .school-board .board h1{margin-top:2em;padding:1.5em;line-height:2rem;font-size:1.5rem;font-family:FingerPaint-bold;color:var(--bar-color);filter:opacity(.9);font-weight:300;text-align:center}.round-boarders-top{border-radius:1em 1em 0 0}.bounce{animation:bounce 2s ease-in-out infinite}h2.title{font-family:FingerPaint-Regular}.flex{display:flex;gap:1em;padding:2em;place-content:center;flex-wrap:wrap}.grid{display:grid}.gap-3{gap:3em}.justify-content-center{justify-content:center}.masonry{display:flex;flex-wrap:wrap;gap:1px;position:relative}.brick{border-radius:8px;margin:5px;width:fit-content;height:calc(150px + 100px * var(--scale, 1));position:absolute}.brick:nth-child(n){--scale: 1.5;--left: 15em;--top: 1em;left:1em}.brick:nth-child(2n){left:var(--left);margin-top:calc(var(--top) * 2);z-index:9}.brick:nth-child(3n){margin-top:var(--top);left:calc(var(--left) * 2)}.brick:nth-child(4n){margin-top:calc(var(--top) * 3);left:calc(var(--left) * 3)}.brick:nth-child(5n){margin-top:calc(var(--left));left:calc(var(--left) - var(--top) * 5)}.brick:nth-child(6n){margin-top:calc(var(--left) - 2em);left:calc(var(--left) * 2 - var(--top) * 5);z-index:99}.brick:nth-child(7n){margin-top:calc(var(--left) - 2em);left:calc(var(--left) * 3 - var(--top) * 5)}.brick:nth-child(8n){margin-top:calc(var(--left) - 2em);left:calc(var(--left) * 4 - var(--top) * 5)}brick:nth-child(9n){margin-top:calc(var(--top) * 2em);left:calc(var(--left) * 5 + var(--top) * 3)}.not-visible{animation:slideInFromTop .5s forwards;visibility:hidden}.visble{visibility:visible;animation:slideInFromBottom .5s forwards}.nobg{background-image:none;height:30vh}.bg-grass{position:relative}.loader-container{opacity:.8;display:grid;grid-template-columns:1fr 25px;gap:1em;align-items:center;place-self:center}.circle-wave{width:25px;height:25px;position:relative}.circle-wave div{position:absolute;width:100%;height:100%;border:3px solid #3498db;border-radius:50%;animation:wave 1.5s ease-out infinite}.circle-wave div:nth-child(2){animation-delay:.5s}.circle-wave div:nth-child(3){animation-delay:1s}footer{width:100%;background:#0000007d;position:fixed;bottom:0;display:grid;place-content:center;z-index:999}.error{color:#df6060}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromTopShort{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(10%),scale(0);opacity:0}to{transform:translateY(0),scale(1);opacity:1}}@keyframes elasticSlideInFromBottom{0%{transform:translateY(-15%),scale(0);opacity:0}70%{transform:translate(10%) scaleX(1.1);opacity:.7}to{transform:translateY(0),scale(1);opacity:1}}@keyframes elasticPopIn{0%{transform:translateY(0),scale(0);opacity:0}70%{transform:translate(0) scale(1.5);opacity:.7}to{transform:translateY(0),scale(1);opacity:1}}@keyframes elasticSlideInFromLeft{0%{transform:translate(-100%) scaleX(.5);opacity:0}70%{transform:translate(10%) scaleX(1.1);opacity:.7}to{transform:translate(0) scaleX(1);opacity:1}}@keyframes elasticSlideInFromLeftShort{0%{transform:translate(-5%) scaleX(.5);opacity:0}70%{transform:translate(0) scaleX(1.2);opacity:.7}to{transform:translate(0) scaleX(1);opacity:1}}@keyframes elasticSlideInFromRight{0%{transform:translate(100%) scaleX(.5);opacity:0}70%{transform:translate(-10%) scaleX(1.1);opacity:.7}to{transform:translate(0) scaleX(1);opacity:1}}.slide-in-left{animation:slideInFromLeft .8s ease-out forwards}.slide-in-right{animation:slideInFromRight .8s ease-out forwards}.slide-in-top{opacity:0;animation:slideInFromTop .8s ease-out forwards}.slide-in-bottom{animation:slideInFromBottom .8s ease-out forwards}.elastic-slide-in-left{opacity:0;transform:translate(-100px);animation:elasticSlideInFromLeft .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.elastic-slide-in-right{opacity:0;animation:elasticSlideInFromRight 1s cubic-bezier(.68,-.55,.265,1.55) forwards}.staggered-slide-default{opacity:0}.staggered-slide-in>*{opacity:0;transform:translateY(20px);animation:slideInFromTop .6s ease-out forwards}.staggered-slide-in>*:nth-child(1){animation-delay:.1s}.staggered-slide-in>*:nth-child(2){animation-delay:.2s}.staggered-slide-in>*:nth-child(3){animation-delay:.3s}.staggered-slide-in>*:nth-child(4){animation-delay:.4s}.staggered-slide-in>*:nth-child(5){animation-delay:.5s}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideOutToTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes elasticSlideOutToLeft{0%{transform:translate(0) scaleX(1);opacity:1}70%{transform:translate(-10%) scaleX(1.1);opacity:.7}to{transform:translate(-100%) scaleX(.5);opacity:0}}@keyframes elasticSlideOutToRight{0%{transform:translate(0) scaleX(1);opacity:1}70%{transform:translate(10%) scaleX(1.1);opacity:.7}to{transform:translate(100%) scaleX(.5);opacity:0}}@keyframes fadeSlideOutToLeft{0%{transform:translate(0);opacity:1}50%{opacity:.5}to{transform:translate(-50%);opacity:0}}@keyframes fadeSlideOutToRight{0%{transform:translate(0);opacity:1}50%{opacity:.5}to{transform:translate(50%);opacity:0}}.slide-out-left{animation:slideOutToLeft .8s ease-in forwards}.slide-out-right{animation:slideOutToRight .8s ease-in forwards}.slide-out-top{animation:slideOutToTop .8s ease-in forwards}.slide-out-bottom{animation:slideOutToBottom .8s ease-in forwards}.elastic-slide-out-left{animation:elasticSlideOutToLeft 1s cubic-bezier(.68,-.55,.265,1.55) forwards}.elastic-slide-out-right{animation:elasticSlideOutToRight 1s cubic-bezier(.68,-.55,.265,1.55) forwards}.fade-slide-out-left{animation:fadeSlideOutToLeft .8s ease-in forwards}.fade-slide-out-right{animation:fadeSlideOutToRight .8s ease-in forwards}.staggered-slide-out>*{opacity:1;transform:translateY(0);animation:slideOutToBottom .6s ease-in forwards}.staggered-slide-out>*:nth-child(1){animation-delay:.1s}.staggered-slide-out>*:nth-child(2){animation-delay:.2s}.staggered-slide-out>*:nth-child(3){animation-delay:.3s}.staggered-slide-out>*:nth-child(4){animation-delay:.4s}.staggered-slide-out>*:nth-child(5){animation-delay:.5s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes wave{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}input,select,textarea,button{width:100%;padding:5px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;background-color:var(--white)}input:focus,select:focus,textarea:focus{outline:none;border-color:#ccc}input[type=date],input[type=time]{width:100%!important}input[type=text],input[type=email],input[type=password]{transition:border-color .3s ease}input:disabled{background-color:#f4f4f4;cursor:not-allowed}input[type=checkbox],input[type=radio]{width:auto;margin-right:10px}input.error label,.forms-control:has(input.ng-invalid):has(input.ng-touched):not(:has(input.ng-pristine)) label{border-color:#ff6b6b;color:#ff6b6b}input.error input,.forms-control:has(input.ng-invalid):has(input.ng-touched):not(:has(input.ng-pristine)) input{border-color:#ff6b6b;color:#ff6b6b}input.error ::placeholder,.forms-control:has(input.ng-invalid):has(input.ng-touched):not(:has(input.ng-pristine)) ::placeholder{color:#ff6b6b;font-style:italic;font-size:1rem}input.success{border-color:#2ecc71}::placeholder{color:#999;font-style:italic;font-size:1rem}select{appearance:none;background:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat right 10px center;background-size:24px;padding-right:40px}.form-group{display:flex;flex-direction:column;margin-top:2em;gap:2.2em}.form-group .forms-control{position:relative}.form-group .forms-control label{margin-bottom:5px;background-color:var(--white);color:var(--bar-color);width:100%;border-radius:4px 4px 0 0;top:-1.6em;position:absolute;padding:.3em .5em;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;font-size:.8rem}.form-group button{outline:none;background:transparent;color:var(--white);width:fit-content;text-align:center;padding:.5em 2em;border-radius:1em;align-self:center;margin-top:-1em;cursor:pointer;position:relative;height:45px;transition:all .2s ease-in-out}.form-group button:disabled{color:#968f8f!important;border-color:#968f8f!important;background:#dbdbdb}.form-group button:hover:after{content:"";background-color:#f1ebeb46;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:1em;animation:elasticSlideInFromLeftShort .5s ease-in-out forwards;transition:animation .5s ease-in-out}.btn-reset{background:transparent;border:0;outline:0}@media (max-width: 350px){.board{background-position:0 40px;place-self:unset;width:unset!important}.board h1{font-size:1rem!important;margin-top:2em!important;line-height:1.2em!important}}@media (max-width: 540px){.form-group{height:inherit!important;width:95%!important}.normal-nav,.call-to-action-section,.logo-img{display:none}.header-section{grid-template-areas:"logo logo" "schoolboard schoolboard" "menu menu ";background-size:cover!important}.header-section .school-board{place-items:normal}.header-section .school-board .board{background-position:0 40px;place-self:unset;width:unset!important}.header-section .school-board .board h1{font-size:1.2rem;margin-top:4em}.app-menu{justify-content:flex-start!important;display:grid!important;grid-template-columns:1fr 60px}.logo-mobile,.mobile-nav{display:flex!important}.logo-mobile img,.mobile-nav img{width:140px;height:100px}.welcome-section-entered:before{content:"";right:0!important;left:auto!important;width:150px!important;height:150px!important}.welcome-content{grid-template-areas:"flyingImage flyingImage" "banner banner"!important;background-position-y:top!important}.welcome-content:after{width:50px!important;bottom:5em!important;right:2em!important;background-position-y:top!important}.banner-section{padding:1em!important;width:fit-content}.banner-section:after{background-image:none!important;display:none}.banner-section:before{background-size:contain!important;width:100px!important;height:150px!important;bottom:10em!important;left:-1em!important}.banner-section h3,.banner-section p{margin-left:0!important}.banner-section h3{width:100%!important;text-align:center!important}.banner-section p{width:fit-content!important}.banner-section .call-to-action-banner{padding:1em;display:flex!important}.banner-section .call-to-action-banner button{background:var(--bar-color);color:var(--white);border-radius:.5em}.classes-header{width:100%!important}.classes-header-entered:after{display:none}.header-section.classes-header{background-image:none}.classBall{width:150px!important;height:150px!important;place-self:center}.classBall img{width:40px!important;height:40px!important}.classes-section div.flex{display:grid!important;grid-template-columns:repeat(2,1fr)!important;padding:.5em!important;place-content:unset!important}.classes-section article{width:100%!important}.classes-section .classes-layout-control{height:25vh!important}.classes-section-entered{--flower-with-bugs-width: 100px}.classes-section-entered:before{width:200px!important;height:200px!important;bottom:0vh!important;left:0vw!important}.classes-section-entered:after{left:calc(6vw + 5em + 200px)!important;width:75px!important;height:75px!important;bottom:1vh!important}.classes-layout-control-entered:before{width:250px!important;height:160px!important;bottom:1vh!important}.classes-layout-control-entered:after{display:none}.butterflyFloat{left:0vh!important;top:auto!important;bottom:15vh!important;width:50px!important;height:50px!important}.about-header-entered{width:100%!important}.about-header-entered:before{width:150px!important;height:150px!important}.nobg{height:auto!important}.title{text-align:center;padding:0!important;margin:0!important}.about-section:before{background-size:250px,contain!important;background-position:-18px 16px,0px 150px!important;height:40vh!important}.about-section:after{width:100%;background-size:30vw,25vw!important;height:16vh!important;background-position:10em 0em,95% 25px!important}.about-section .managementblob:before{display:none!important}.about-section .managementblob:after{background-size:contain!important;left:0!important;top:62vh!important;width:70%!important;height:100%!important;opacity:.2!important}.about-section .about-content{width:100%!important;grid-template-areas:"image" "content"!important;margin-top:1em}.about-section .about-content p{padding-top:2em!important}.about-section .about-content figure{width:fit-content;place-self:center!important}.about-section .about-content:nth-child(2n){grid-template-areas:"content" "image"!important;margin:0!important}.gallery-header{width:100%!important}.gallery{--size:90vmin !important}.hk-contact-page{grid-template-areas:"header" "contactpage" "moredetails"!important}.hk-contact-page:before{height:35vh!important;left:-2vw!important;background-position:-1vw 0vh,60vw 24vh!important;background-size:10em,25vw}.hk-contact-page:after{background-image:url(/sittingladybug.png)!important;width:100%!important;background-size:8em!important;height:45vh!important;background-position:60vw 15vh!important}.hk-contact-page .contact-header{padding:1.5em!important;width:unset!important}.hk-contact-page .contact-header h2{height:unset!important}.hk-contact-page .contact-header .getintouch-text{width:100%!important;padding:1em!important}.hk-contact-page .contact-header-entered:before{width:170px!important;height:70vh!important;right:-5vw!important;top:-15vh!important}.hk-contact-page .moredetails{margin-top:5em!important}.hk-register-page:before{background-size:20em,3em!important;height:96vh!important;background-position:-9vw bottom,50vw 70vh!important}.hk-register-page:after{background-size:3em,3em,4vw!important;background-position:90% 73vh,75% 86%,94% 73vh!important}.hk-register-page .register-header{padding:1.5em!important}.hk-register-page .register-form form{grid-template-columns:1fr!important}.hk-register-page .register-form .registration-text{width:90%!important;place-self:center!important;font-size:.8rem!important;padding:1em!important}.whatsapp{transform:translate(0)!important;z-index:99;bottom:10vh!important}}@media (min-width: 769px) and (max-width: 1024px){.mobile-nav{display:none}}@media (min-width: 1025px) and (max-width: 1200px){.mobile-nav{display:none}}@media (min-width: 1201px){.mobile-nav{display:none}}