@font-face{font-family:"rubikblack";src:local("Rubik Black"),local("Rubik-Black"),url("fonts/rubik/rubik-black-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-black-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubikblack_italic";src:local("Rubik Black Italic"),local("Rubik-Black-Italic"),url("fonts/rubik/rubik-blackitalic-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-blackitalic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubikbold";src:local("Rubik Bold"),local("Rubik-Bold"),url("fonts/rubik/rubik-bold-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubikbold_italic";src:local("Rubik Bold Italic"),local("Rubik-Bold-Italic"),url("fonts/rubik/rubik-bolditalic-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-bolditalic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"rubikitalic";src:local("Rubik Italic"),local("Rubik-Italic"),url("fonts/rubik/rubik-italic-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-italic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubiklight";src:local("Rubik Light"),local("Rubik-Light"),url("fonts/rubik/rubik-light-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-light-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubiklight_italic";src:local("Rubik Light Italic"),local("Rubik-Light-Italic"),url("fonts/rubik/rubik-lightitalic-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-lightitalic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubikmedium";src:local("Rubik Medium"),local("Rubik-Medium"),url("fonts/rubik/rubik-medium-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubikmedium_italic";src:local("Rubik Medium Italic"),local("Rubik-Medium-Italic"),url("fonts/rubik/rubik-mediumitalic-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-mediumitalic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"rubikregular";src:local("Rubik Regular"),local("Rubik-Regular"),url("fonts/rubik/rubik-regular-webfont.woff2") format("woff2"),url("fonts/rubik/rubik-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}.flip-horizontal{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);-ms-filter:fliph;filter:fliph}#register-intro{overflow:hidden}#register-intro .mascot{width:100px;position:absolute;-webkit-transform:scaleX(-1);transform:scaleX(-1);right:-40px;bottom:0}#register-intro .intro-logo{text-align:center;margin-bottom:20px}#register-intro .intro-header{text-align:center;margin-bottom:20px}#register-intro .intro-header img{width:150px;margin:0 0 20px 0}#register-intro .intro-header h2{margin:0;padding:0;font-family:"Nunito",sans-serif;font-weight:300;font-size:1em;line-height:1.4;padding:5px 0}#register-intro .intro-header h2 span{font-family:"Nunito",sans-serif;font-weight:700;font-size:1.5em}#register-intro .intro-step{padding:0 20px 30px 20px;background-color:#fafafa;border-radius:10px;margin-bottom:30px;border:1px solid #eee;position:relative}#register-intro .intro-step h2{font-size:1.3em;font-family:"Nunito",sans-serif;font-weight:500}#register-intro .intro-step h2 span{color:#169859}#register-intro .intro-step div{padding:20px 0;border-bottom:1px solid #eee;font-size:.8em}#register-intro .intro-step div:last-child{border-bottom:0;padding-bottom:0}#register-intro .intro-action{text-align:center}#register-intro .app-desc{box-sizing:border-box;padding:0 20px}#register-intro .app-desc .btn-carabayar{padding-top:50px;text-align:center}#register-intro .app-desc .btn-download{text-align:center;padding-top:30px}#register-intro .app-desc .btn-download img{width:170px}#register{box-sizing:border-box;padding-bottom:50px}#register .reg-header{text-align:center;margin-bottom:10px;padding:20px 20px 20px 20px}#register .reg-header img{width:120px;margin-bottom:20px}#register .reg-header h2{margin:0;padding:0;font-family:"Nunito",sans-serif;font-weight:400;font-size:1em}#register .reg-header h2 span{font-size:1.4em;font-family:"Nunito",sans-serif;font-weight:400}#register .reg-form .form-section{box-sizing:border-box;border-radius:10px;display:none;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;box-sizing:border-box;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}#register .reg-form .form-section .form-content{padding:20px;position:relative}#register .reg-form .form-section .form-content input[type=text]:focus,#register .reg-form .form-section .form-content input[type=number]:focus,#register .reg-form .form-section .form-content input[type=tel]:focus,#register .reg-form .form-section .form-content input[type=date]:focus,#register .reg-form .form-section .form-content input[type=email]:focus,#register .reg-form .form-section .form-content select:focus,#register .reg-form .form-section .form-content textarea:focus{border:1px solid #169859}#register .reg-form .form-section .form-content textarea{border-radius:10px;margin-bottom:5px;padding:20px}#register .reg-form .form-section .form-content input[type=text],#register .reg-form .form-section .form-content input[type=number],#register .reg-form .form-section .form-content input[type=tel],#register .reg-form .form-section .form-content input[type=date],#register .reg-form .form-section .form-content input[type=email],#register .reg-form .form-section .form-content select,#register .reg-form .form-section .form-content textarea{box-shadow:none!important;font-family:"Nunito",sans-serif;font-weight:500}#register .reg-form .form-section .form-content .uk-margin-small{position:relative}#register .reg-form .form-section .form-content .option-spacer{padding:30px 0 0 20px}#register .reg-form .form-section #form-study{padding:20px;box-sizing:border-box;display:none}#register .reg-form .form-section #form-study .study-list{padding:20px;background-color:#fafafa;border-radius:10px;border:1px solid #eee;position:relative;margin-bottom:50px}#register .reg-form .form-section h2{color:#444;font-family:"Nunito",sans-serif;font-weight:500;font-size:1em;text-align:left;width:100%;padding:15px;margin-bottom:20px;box-sizing:border-box;border-radius:0;background-color:#ddd;margin-top:0;border-bottom:1px solid #ccc;border-top:1px solid #ccc}#register .reg-form .form-section h3{margin-bottom:20px}#register .reg-form .form-section .asterisk{color:#169859;font-size:.7em}#register .reg-form .form-section .optional{position:absolute;right:10px;font-size:12px;top:10px;font-style:italic;color:#999;background-color:rgba(0,0,0,0);padding:10px}#register .reg-form .form-section .uk-form-icon{top:-8px}#register .reg-form .form-section .uk-grid-margin{margin-top:0}#register .reg-form .form-section .uk-input,#register .reg-form .form-section .uk-select{height:60px}#register .reg-form .form-section .uk-form-controls{margin-bottom:40px;margin-left:0}#register .reg-form .form-section .additional-file{display:none}#register .reg-form .form-section .uk-form-label{border-radius:5px;box-shadow:0 2px 2px 1px rgba(0,0,0,.1);color:#aaa;position:absolute;background-color:#fff;z-index:1;width:auto;padding:4px 10px;left:20px;top:-15px;font-size:12px}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}#register .reg-form .form-info{margin-bottom:20px}#register .reg-form .form-info div{font-size:13px;text-align:center;display:inline-block;width:33%;font-family:"Nunito",sans-serif;font-weight:500}#register .reg-form .form-info div span{font-size:10px;font-family:"Nunito",sans-serif;font-weight:400}#register .reg-form .form-navigation{box-sizing:border-box;padding:10px;text-align:right;position:fixed;bottom:0;width:100%;background-color:#f8f8f8;border-top:1px solid #eee;z-index:2;left:0;-webkit-box-shadow:0 -4px 41px -12px rgba(0,0,0,.66);-moz-box-shadow:0 -4px 41px -12px rgba(0,0,0,.66);box-shadow:0 -4px 41px -12px rgba(0,0,0,.2)}#register .reg-form .uk-form-controls{position:relative}#register .reg-form .uk-placeholder{word-wrap:normal;word-break:break-all;white-space:normal;font-size:12px;position:relative;height:100px;background-color:#fff}#register .reg-form .current{display:inherit}#register .reg-form .parsley-errors-list{list-style:none;margin:0;padding:0}#register .reg-form .parsley-errors-list li{font-size:.6em;padding:5px 10px;color:#fff;background-color:#af515d;border-radius:15px}#register .reg-form .parsley-errors-list .parsley-pattern{color:#af515d;background-color:rgba(0,0,0,0)}#register .reg-form .call-action{padding:30px 0}#register .form-active-mobile{position:fixed;bottom:48px;z-index:3;width:100%;left:0;pointer-events:none}#register .form-active-mobile ul{list-style:none;display:flex;margin-left:0;padding:0}#register .form-active-mobile li{margin:0;padding:0;flex-grow:1;flex-basis:0;text-align:center;height:2px}#register .form-active-mobile .active{background-color:#169859;color:#fff!important}#register .file-list .file-item{border-radius:5px;border:1px solid #eee;margin-bottom:10px;padding-bottom:20px;box-sizing:border-box;position:relative}#register .file-list .file-item h3{margin:0;padding:0;font-family:"Nunito",sans-serif;font-weight:500;font-size:1.2em;border-bottom:1px solid #eee;padding:10px 0;background-color:#fafafa;margin-bottom:20px;padding-left:20px}#register .file-list .file-item h4{margin:0;padding:0;font-family:"Nunito",sans-serif;font-weight:300;font-size:.8em;padding:5px 10px;width:auto;margin-bottom:20px;font-style:italic;border-bottom:1px solid #eee;background-color:#fefefe;display:none}#register .file-list .file-item form{padding:0 20px;box-sizing:border-box}#register .file-list .start{background-color:#fff8dd}#register .file-list .success{background-color:#eeffec}#register .file-list .error{background-color:#ffdadf}#register .file-list .msg{display:none;font-size:.8em}#register-footer{text-align:center;padding:30px;font-size:12px;font-family:"Nunito",sans-serif;font-weight:300}#register-footer #footer-school-name{font-size:16px;font-family:"Nunito",sans-serif;font-weight:500}#register-form{display:none}.btn-fix{padding:15px 40px}.btn-full{padding:15px 40px;width:100%}.logo-wrapper{background-color:#fff;border-radius:10px;padding:10px;display:inline-block;-webkit-box-shadow:-2px 10px 34px -16px rgba(0,0,0,.75);-moz-box-shadow:-2px 10px 34px -16px rgba(0,0,0,.75);box-shadow:-2px 10px 34px -16px rgba(0,0,0,.75)}.section-intro{background-color:#fff}.section-intro .section1{height:100vh;position:relative}.section-intro .section1 .logo{padding-top:30px;padding-left:40px;position:relative;z-index:2}.section-intro .section1 .ppdb-title{position:absolute;left:40px;bottom:30px;color:#4a4a4a}.section-intro .section1 .ppdb-title h2{font-family:"Nunito",sans-serif;font-weight:500;font-size:40px;margin:0;padding:0}.section-intro .section1 .ppdb-title .school-name{font-family:"Nunito",sans-serif;font-weight:400;font-size:30px;line-height:1;margin-bottom:20px}.section-intro .section1 .ppdb-title .school-years{font-family:"Nunito",sans-serif;font-weight:300;font-size:13px;line-height:1;margin-bottom:20px}.section-intro .section1 .ppdb-title .school-expired{font-family:"Nunito",sans-serif;font-weight:300;font-size:10px}.section-intro .section1 .banner_photo{width:100%;position:absolute;top:0;left:0}.section-intro .section2{position:relative}.section-intro .section2 .section-holder .img-hero{width:80%}.section-intro .step{padding:50px 20px;box-sizing:border-box}.section-intro .step .step-item{margin-bottom:30px}.section-intro .step .step-item .step-image{display:inline-block;width:30%;text-align:center;vertical-align:top}.section-intro .step .step-item .step-image img{width:50%}.section-intro .step .step-item .step-desc{display:inline-block;width:70%;box-sizing:border-box;padding-left:20px;font-size:14px}.section-intro .step .step-item .step-desc h2{font-family:"Nunito",sans-serif;font-weight:400;font-size:20px}.section-intro #register-footer{text-align:center;padding:30px;font-size:12px;font-family:"Nunito",sans-serif;font-weight:300}.section-intro #register-footer #footer-school-name{font-size:16px;font-family:"Nunito",sans-serif;font-weight:500}#faq li{border-bottom:1px solid #eee;padding-bottom:20px}#faq .uk-modal-title{font-family:"Nunito",sans-serif;font-weight:500}#faq .uk-accordion-title{font-family:"Nunito",sans-serif;font-weight:400;font-size:1em}#faq .uk-accordion-content{font-family:"Nunito",sans-serif;font-weight:300;font-size:.8em;padding:20px;background-color:#f8f8f8;border-radius:10px}@media(min-width:768px){.for-desktop{display:block!important}.for-mobile{display:none!important}}@media screen and (min-width:768px){.uk-offcanvas-bar{background-color:#fff;border-right:1px solid #eee;color:#4a4a4a}.uk-offcanvas-bar .nav{box-sizing:border-box;padding:20px}.uk-offcanvas-bar .nav ul{margin:0;padding:0;list-style:none;margin-bottom:30px}.uk-offcanvas-bar .nav li{padding:4px 0;font-size:1em;border-bottom:1px solid #f8f8f8;color:#ccc}.uk-offcanvas-bar .nav .nav-title{font-weight:500;font-family:"Rubik",sans-serif;font-size:1em;line-height:normal;margin-bottom:20px}.uk-offcanvas-bar .nav a{color:#4a4a4a}.uk-offcanvas-bar .nav a:hover{color:#169859}.uk-offcanvas-bar .nav a:active{color:#169859}.uk-nav li{border-bottom:1px solid #eee;padding:10px 0;color:#169859}.uk-nav li a{padding:0;color:#169859!important;font-weight:700;font-family:"Rubik",sans-serif;font-size:1.4em}.uk-nav li a:hover{text-decoration:none}.uk-nav li h2{margin:0;padding:0;font-size:.5em;color:#666;font-style:italic;font-weight:300;font-family:"Rubik",sans-serif}#nav-mobile{background:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);border-radius:8px;position:fixed;top:20px;right:20px;padding:5px 10px;z-index:100}#nav-mobile span{color:#169859}#register-intro{width:960px;margin:50px auto;padding-bottom:0}#register-intro .mascot{width:120px;position:absolute;right:-60px;bottom:0}#register-intro .intro-header{text-align:right;vertical-align:middle}#register-intro .intro-header img{width:100px;margin:0 0 20px 0}#register-intro .intro-header h2{margin:0;padding:0;font-family:"Nunito",sans-serif;font-weight:300;font-size:1.3em;line-height:1.4;padding:5px 0}#register-intro .intro-header h2 span{font-family:"Nunito",sans-serif;font-weight:700;font-size:1.3em}#register-intro .intro-step{margin-right:85px;padding:20px 40px;box-sizing:border-box}#register-intro .intro-step h2{font-size:1.4em;font-family:"Nunito",sans-serif;font-weight:500}#register-intro .intro-step h2 span{color:#169859}#register-intro .intro-step div{padding:20px 0;border-bottom:1px solid #eee;font-size:14px}#register-intro .intro-step div:last-child{border-bottom:0;padding-bottom:0}#register-intro .intro-action{padding-left:0;text-align:center}#register-intro .app-desc{padding-left:0}#register-intro .app-desc .btn-download{text-align:left;padding-top:0}#register-intro .app-desc .btn-download img{width:170px}.register-intro-full{width:100%!important;margin:0!important}#register{width:960px;margin:0 auto}#register .reg-header{text-align:left;margin-bottom:30px;padding-left:0}#register .reg-header img{width:100px;display:inline-block;margin-right:0;margin-bottom:0;vertical-align:middle}#register .reg-header h2{margin:0;padding:0 0 0 25px;font-size:16px;line-height:normal;display:inline-block;text-align:left;vertical-align:middle}#register .reg-header h2 span{font-size:20px;font-family:"Nunito",sans-serif;font-weight:400}#register .reg-form{margin:0 auto;margin-bottom:0;position:relative}#register .reg-form .form-section{box-sizing:border-box;border-radius:10px}#register .reg-form .form-section .form-content{padding:40px 0}#register .reg-form .form-section .form-content input[type=text]:focus,#register .reg-form .form-section .form-content input[type=number]:focus,#register .reg-form .form-section .form-content input[type=tel]:focus,#register .reg-form .form-section .form-content input[type=date]:focus,#register .reg-form .form-section .form-content input[type=email]:focus,#register .reg-form .form-section .form-content select:focus,#register .reg-form .form-section .form-content textarea:focus{border:1px solid #169859}#register .reg-form .form-section #form-study{padding:20px 0}#register .reg-form .form-section .uk-form-controls{position:relative}#register .reg-form .form-section h2{font-size:20px;background-color:rgba(0,0,0,0);border-top:0;padding:0 0 15px 0}#register .reg-form .form-section .uk-form-icon{top:-8px}#register .reg-form .form-section .uk-form-label{color:#999;margin-top:0}#register .reg-form .form-section .colspacer{padding-right:10px}#register .reg-form .form-info{margin-bottom:20px;position:absolute;right:-130px;top:40px}#register .reg-form .form-info div{font-size:15px;text-align:left;width:100px;display:block;font-family:"Nunito",sans-serif;font-weight:500;margin-bottom:20px}#register .reg-form .form-info div span{font-size:10px;font-family:"Nunito",sans-serif;font-weight:400}#register .form-active{position:fixed;bottom:5px;z-index:3;width:100%;left:0;pointer-events:none}#register .form-active .paging-holder{width:600px;margin:0 auto}#register .form-active ul{list-style:none;display:flex;margin-left:0}#register .form-active li{margin:0;padding:0;flex-grow:1;flex-basis:0;text-align:center}#register .form-active li span{font-size:12px}#register .form-active li div{padding:6px 0 4px 0;width:36px;background-color:#eee;color:#4a4a4a;font-size:16px;border-radius:20px;margin:0 auto;margin-bottom:5px;display:inline-block;-webkit-box-shadow:0 5px 10px -6px #000;-moz-box-shadow:0 5px 10px -6px #000;box-shadow:0 5px 10px -6px #000}#register .form-active .active{background-color:#169859;color:#fff!important}#register .file-list{text-align:center;box-sizing:border-box}#register .file-list .file-item{width:32%;display:inline-block;margin-bottom:5px;min-height:113px;vertical-align:top}#register .file-list .file-item:hover{box-shadow:0 16px 64px 0 rgba(0,0,0,.09)}#register-footer{text-align:left;padding:20px;font-size:12px;font-family:"Nunito",sans-serif;font-weight:300;margin:0 auto;position:relative;border-top:1px solid #eee;box-sizing:border-box}#register-footer #footer-school-name{font-size:16px;font-family:"Nunito",sans-serif;font-weight:500}#register-footer .contact-info{position:absolute;right:20px;top:20px;text-align:right}#app{width:1024px;margin:0 auto;margin-top:40px;text-align:center;position:relative}#app .phone-set{position:relative;min-height:650px}#app .phone-set img{width:500px}#app h2{font-family:"Nunito",sans-serif;font-weight:500}#app .app-desc{box-sizing:border-box;padding:20px 20px 80px 20px}#app .app-desc .reg-info{width:400px;margin:0 auto}.section-intro{width:100%}.section-intro .section1{height:100vh;position:fixed;width:50%}.section-intro .section1 .logo{padding-top:30px;padding-left:40px}.section-intro .section1 .ppdb-title{position:absolute;left:0;bottom:20%;color:#4a4a4a;padding:0 50px 0 90px}.section-intro .section1 .ppdb-title h2{font-family:"Nunito",sans-serif;font-weight:500;font-size:50px;margin:0;padding:0}.section-intro .section1 .ppdb-title .school-name{font-family:"Nunito",sans-serif;font-weight:400;font-size:50px;line-height:1;margin-bottom:20px}.section-intro .section1 .ppdb-title .school-years{font-family:"Nunito",sans-serif;font-weight:300;font-size:20px;line-height:1;margin-bottom:20px}.section-intro .section1 .ppdb-title .school-expired{font-family:"Nunito",sans-serif;font-weight:300;font-size:16px}.section-intro .section2{position:relative;height:100vh;overflow-y:scroll}.section-intro .section2 .section-holder{position:absolute;width:50%;right:0;background-color:#fff;padding:50px;box-sizing:border-box}.section-intro .section2 .section-holder .img-hero{width:50%}.section-intro .step{width:100%;margin:0 auto;padding:50px 0;box-sizing:border-box}.section-intro .step .step-item{margin-bottom:30px}.section-intro .step .step-item .step-image{display:inline-block;width:100px;text-align:center;vertical-align:top}.section-intro .step .step-item .step-image img{width:50px}.section-intro .step .step-item .step-desc{display:inline-block;width:70%;box-sizing:border-box;padding-left:20px;font-size:14px}.section-intro .step .step-item .step-desc h2{font-family:"Nunito",sans-serif;font-weight:400;font-size:20px;margin:0}.section-intro #register-footer{width:100%;text-align:left;padding:20px;font-size:12px;font-family:"Nunito",sans-serif;font-weight:300;position:absolute;bottom:0;margin:0 auto;background-color:#f8f8f8;border-top:1px solid #eee;box-sizing:border-box;color:#999}.section-intro #register-footer #footer-school-name{font-size:12px;font-family:"Nunito",sans-serif;font-weight:500}.section-intro #register-footer #footer-school-address{font-size:11px}.section-intro #register-footer .contact-info{position:absolute;right:20px;top:28px;text-align:right;color:#666}#faq li{border-bottom:1px solid #eee}#faq .uk-accordion-title{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.25em}#faq .uk-accordion-content{font-family:"Nunito",sans-serif;font-weight:300;font-size:1em}}@media screen and (min-width:1275px){.section-intro .step{width:80%;padding:50px 20px;box-sizing:border-box}}