@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:400;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 #999}#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:Arial,Helvetica,sans-serif;padding:0 15px;border-radius:0;background-color:#f8f8f8}#register .reg-form .form-section .form-content .uk-margin-small{position:relative}#register .reg-form .form-section .form-content .option-spacer{padding:10px 0 0 0}#register .reg-form .form-section .form-content h2{color:#444;font-family:"Nunito",sans-serif;font-weight:500;font-size:1em;text-align:left;width:100%;padding:0;margin-bottom:0;box-sizing:border-box;border-radius:0;background-color:rgba(0,0,0,0);margin-top:0;border-bottom:0 solid #ccc;border-top:0 solid #ccc}#register .reg-form .form-section .form-content .uk-select:not([multiple]):not([size]){text-indent:0}#register .reg-form .form-section .form-content ::-webkit-input-placeholder{color:#ccc}#register .reg-form .form-section .form-content :-ms-input-placeholder{color:#ccc}#register .reg-form .form-section .form-content ::placeholder{color:#ccc}#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:0;box-sizing:border-box;border-radius:0;background-color:#f2f2f2;margin-top:0;border-bottom:0 solid #ccc;border-top:0 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:#f8f8f8;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:50px}#register .reg-form .form-section .uk-form-controls{margin-bottom:20px;margin-left:0}#register .reg-form .form-section .additional-file{display:none}#register .reg-form .form-section .uk-form-label{font-family:Arial,Helvetica,sans-serif;width:auto;padding:4px 0;font-size:14px}@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:#af515d;background-color:rgba(0,0,0,0);border-radius:15px}#register .reg-form .call-action{padding:30px 0}#register .form-active-mobile{position:fixed;bottom:45px;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:400;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:400}#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 .logo{padding-top:30px;padding-left:40px;position:relative;z-index:2}.section-intro .section1 .ppdb-title{color:#4a4a4a;padding:40px;box-sizing:border-box}.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:400;font-size:13px;line-height:1;margin-bottom:20px}.section-intro .section1 .ppdb-title .school-expired{font-family:"Nunito",sans-serif;font-weight:400;font-size:10px}.section-intro .section1 .banner_photo{width:100%;position:absolute;top:0;left:0}.section-intro .section2{position:relative;padding:0 20px 20px 20px}.section-intro .section2 .section-holder .img-hero{width:80%}.section-intro .step{box-sizing:border-box;background-color:#f8f8f8;border-radius:20px;padding:20px 30px}.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:100%;box-sizing:border-box;padding-left:0;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:400}.section-intro #register-footer #footer-school-name{font-size:16px;font-family:"Nunito",sans-serif;font-weight:500}@media(min-width:768px){.for-desktop{display:block!important}.for-mobile{display:none!important}}@media screen and (min-width:768px){.register-intro-full{width:100%!important;margin:0!important}#register{width:640px;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 #999}#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}#register .reg-form .form-section .uk-form-icon{top:-8px}#register .reg-form .form-section .uk-form-label{color:#999;margin-top:0;font-size:14px}#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:960px;margin:0 auto}.section-intro .section1{width:480px;display:inline-block;vertical-align:top}.section-intro .section1 .logo{padding-top:30px;padding-left:40px}.section-intro .section1 .ppdb-title{color:#4a4a4a;padding:50px 0 0 50px}.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{width:480px;display:inline-block;vertical-align:top}.section-intro .section2 .section-holder{background-color:#fff;padding:50px 0;box-sizing:border-box}.section-intro .section2 .section-holder .img-hero{width:50%}.section-intro .step{width:100%;margin:0 auto;padding:50px 30px;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:100%;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}}@media screen and (min-width:1275px){.section-intro .step{width:80%;padding:50px 20px;box-sizing:border-box}}