@import "https://fonts.googleapis.com/css?family=Poppins";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}.grey{background-color:#fafafa}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{transition:1s ease}article{padding:2em 0}.logo{display:inline-block;float:left;margin-right:40px}.container{max-width:1300px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:40px;padding:0 15px}.container::after{clear:both;content:"";display:block}footer .container{margin-top:0;margin-bottom:0}@media screen and (max-width: 850px){header .container{margin-top:20px;margin-bottom:20px}footer .container{margin-top:0;margin-bottom:0}}#home{margin-top:0}header{width:100%;height:600px;background:linear-gradient(to right, #5cc099 0%, #09b2e5 100%)}.header-content{margin-top:70px;float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-left:17.05961%}.header-content:last-child{margin-right:0}@media screen and (max-width: 850px){.header-content{float:left;display:block;margin-right:2.35765%;width:100%;margin-left:0%}.header-content:last-child{margin-right:0}}.header-content h1,.header-content p{color:#fff;text-align:center}.header-content p{font-size:18px}@media screen and (max-width: 1000px){.header-content{margin-top:0}}nav{float:left;display:block;margin-right:2.35765%;width:100%;padding:1em 2em}nav:last-child{margin-right:0}.main-nav{margin:0;margin-top:13px}.main-nav li{display:inline-block;float:left;margin-right:25px;font-size:20px}@media screen and (max-width: 1000px){.main-nav li a{display:none}}.main-nav li:last-child{float:right}@media screen and (max-width: 1000px){.main-nav li:last-child{display:none}}.mobile-nav-menu{display:none}@media screen and (max-width: 1000px){.mobile-nav-menu{display:block;float:right;position:absolute;right:50px;top:30px;z-index:999}}.mobile-nav-menu i{color:#fff;font-size:25px;cursor:pointer}.mobile-nav-menu .fa-times{display:none}.site-left .mobile-nav-menu .fa-bars{display:none}.site-left .mobile-nav-menu .fa-times{display:block !important}.mobile-menu{background-color:#465160;position:fixed;left:100%;width:100%;height:100%;padding:2em;transition:0.5s ease}.mobile-menu nav{margin-top:2em}.mobile-menu nav .logo{display:block;margin-right:0;text-align:center;margin:0 auto;float:none}.mobile-menu nav ul{text-align:center}.mobile-menu li{margin-bottom:1em}.mobile-menu a{text-decoration:none}.push-left{transform:translate3d(-100%, 0, 0)}.site-left{right:200px}.tree{float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-left:17.05961%}.tree:last-child{margin-right:0}.tree .center{margin-bottom:10px}@media screen and (max-width: 1000px){.tree{float:left;display:block;margin-right:2.35765%;width:100%;margin-left:0%}.tree:last-child{margin-right:0}.tree .center{margin-bottom:30px}}.tree .left{float:left;display:block;margin-right:2.35765%;width:48.82117%;border-right:1px dashed #5dc199;clear:left;text-align:right}.tree .left:last-child{margin-right:0}@media screen and (max-width: 850px){.tree .left{float:left;display:block;margin-right:2.35765%;width:100%;text-align:center;border-right:0}.tree .left:last-child{margin-right:0}}.tree .left.text h3{text-align:right;margin-right:70px}@media screen and (max-width: 850px){.tree .left.text h3{text-align:center;margin-right:0}}@media screen and (max-width: 850px){.tree .left.text h3 p{text-align:center}}.tree .left.text p:after{content:' ';width:40px;border-bottom:2px solid #5dc199;margin-left:20px;height:10px;display:inline-block}@media screen and (max-width: 850px){.tree .left.text p:after{content:none !important}}.tree .left.text p:before{content:url("/src/common/assets/ellipse.png");position:initial;float:right;display:block;width:10px;height:10px;margin-top:5px}@media screen and (max-width: 850px){.tree .left.text p:before{content:none !important}}.tree .right{float:left;display:block;margin-right:2.35765%;width:48.82117%;text-align:left}.tree .right:last-child{margin-right:0}@media screen and (max-width: 850px){.tree .right{float:left;display:block;margin-right:2.35765%;width:100%}.tree .right:last-child{margin-right:0}}.tree .right.text h3{text-align:left;margin-left:70px}@media screen and (max-width: 850px){.tree .right.text h3{text-align:center;margin-left:0}}@media screen and (max-width: 850px){.tree .right.text p{text-align:center !important}}.tree .right.text p:before{content:' ';width:40px;border-bottom:2px solid #5dc199;margin-right:20px;height:10px;display:inline-block;margin-left:10px}@media screen and (max-width: 850px){.tree .right.text p:before{content:none !important}}.tree .right.text p:after{content:url("/src/common/assets/ellipse.png");position:initial;float:left;display:block;margin-left:-10px;width:10px;height:10px;margin-top:5px}@media screen and (max-width: 850px){.tree .right.text p:after{content:none !important}}.tree .left.text{float:left !important}.tree .right.floated{float:right !important}.tree .left,.tree .right{font-size:15px;padding-top:50px;min-height:220px;margin-right:0}@media screen and (max-width: 850px){.tree .left,.tree .right{min-height:0;padding-top:20px}.tree .left.text,.tree .right.text{margin-bottom:40px}}.tree .left img,.tree .right img{display:block;margin:0 auto}.tree .left h3,.tree .right h3{color:#09b2e5;font-weight:bold;font-size:50px;line-height:0}.item{float:left;display:block;margin-right:2.35765%;width:48.82117%}.item:last-child{margin-right:0}@media screen and (max-width: 850px){.item{float:left;display:block;margin-right:2.35765%;width:100%;margin-bottom:60px}.item:last-child{margin-right:0}.item:last-of-type{margin-bottom:0px}}.item img{display:block;margin:0 auto}.item h3{text-align:center;color:#09b2e5}.item p{text-align:center;margin:0.5em 15% 0 15%}.feature{float:left;display:block;margin-right:2.35765%;width:82.94039%;margin-left:8.5298%;margin-top:50px;margin-bottom:50px}.feature:last-child{margin-right:0}@media screen and (max-width: 850px){.feature{float:left;display:block;margin-right:2.35765%;width:100%;margin-left:0%}.feature:last-child{margin-right:0}}.feature .about{text-align:left}.feature .about h3{text-align:left;color:#94618e}@media screen and (max-width: 850px){.feature .about{text-align:center}.feature .about h3{text-align:center}}.feature.right{background-color:#fff}.image{float:left;display:block;margin-right:2.35765%;width:31.76157%}.image:last-child{margin-right:0}@media screen and (max-width: 850px){.image{float:left;display:block;margin-right:2.35765%;width:100%}.image:last-child{margin-right:0}}.right .image{float:right !important}.image img{display:block;margin:0 auto}.about{float:left;display:block;margin-right:2.35765%;width:65.88078%}.about:last-child{margin-right:0}@media screen and (max-width: 850px){.about{float:left;display:block;margin-right:2.35765%;width:100%}.about:last-child{margin-right:0}}.home .content,.about-us .content{float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-left:17.05961%}.home .content:last-child,.about-us .content:last-child{margin-right:0}@media screen and (max-width: 850px){.home .content,.about-us .content{float:left;display:block;margin-right:2.35765%;width:100%;margin-left:0%}.home .content:last-child,.about-us .content:last-child{margin-right:0}}.contact .content{float:left;display:block;margin-right:2.35765%;width:82.94039%;margin-left:8.5298%}.contact .content:last-child{margin-right:0}.blue{background-color:#09b2e5;padding-bottom:2em}.blue h2,.blue p{color:#fff;text-align:center}.blue h2{margin-top:0}.green{background-color:#5dc199;padding-bottom:2em}.green h2,.green p{color:#fff;text-align:center}.green h2{margin-top:0}.purple{background-color:#94618e;padding-bottom:2em;margin-top:70px}.purple h2,.purple p{color:#fff;text-align:center}.purple h2{margin-top:0}.quote{padding-bottom:2em}.quote p{color:#000;text-align:center}.quote p.quote:after{content:' ”';font-size:120px;margin:80px 0 0 40px;display:inline-block;position:absolute}@media screen and (max-width: 850px){.quote p.quote:after{font-size:300px;margin:100px  0 0 -100px;opacity:0.2}}.quote p.quote:before{content:' “';font-size:120px;margin:0px 36px 0 -50px;display:inline-block;position:absolute}@media screen and (max-width: 850px){.quote p.quote:before{font-size:300px;margin:100px 40px 0 0;opacity:0.2}}footer{width:100%;min-height:220px;background-color:#465160;color:#fff}footer .footer-top{padding:30px}footer .footer-top img{float:left}@media screen and (max-width: 1000px){footer .footer-top img{margin:0 auto;float:none;display:block}}footer .footer-middle{padding:30px;text-align:center;font-size:16px}footer .footer-middle p{margin:0}/*! Typebase.less v0.1.0 | MIT License */html{font-family:"Poppins",sans-serif;font-size:117.5%;-webkit-font-smoothing:antialiased;color:#4c4c4c}p{line-height:1.5rem;margin-top:1.5rem;margin-bottom:0}ul,ol{margin-top:1.5rem;margin-bottom:1.5rem}ul li,ol li{line-height:1.5rem}ul ul,ol ul,ul ol,ol ol{margin-top:0;margin-bottom:0}blockquote{line-height:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;margin-top:1.5rem;margin-bottom:0;line-height:1.5rem}h1{text-align:center;font-size:2rem;line-height:2.2rem;margin-top:1.8rem}@media screen and (max-width: 850px){.header-content h1{font-size:1.5rem;line-height:2rem}}h2{text-align:center;color:#09b2e5;font-size:1.8rem;line-height:2rem;margin-top:1.5rem}h3{text-align:center;font-size:1.314rem}h4{font-size:1.107rem;color:#09b2e5}h5{font-size:1rem;color:#5dc199}h6{font-size:0.3535rem}.center{text-align:center}table{margin-top:1.5rem;border-spacing:0px;border-collapse:collapse}table td,table th{padding:0;line-height:33px}code{vertical-align:bottom}.lead{font-size:1.414rem}.hug{margin-top:0}.main-nav li:last-child{font-size:14px;color:#fff}@media screen and (max-width: 1000px){.main-nav li a{font-size:16px}}a{color:#09b2e5;text-decoration:none}nav a{color:#fff}a:hover{text-decoration:underline}.btn{padding:12px 40px;border:1px solid;display:inline-block;font-size:16px;color:#fff;text-decoration:none;cursor:pointer;border-radius:30px;transition:0.3s ease}@media screen and (max-width: 850px){.btn{font-size:14px}}.btn:hover{background-color:#fff;color:#000;border:1px solid white;text-decoration:none}header .btn:hover{color:#09b2e5}.btn::after{display:block;content:attr(title);font-weight:bold;height:1px;color:transparent;overflow:hidden;visibility:hidden;margin-bottom:-1px}.prpl{background-color:#94618e}.prpl:hover{border:1px solid #94618e;color:#94618e;background-color:#fff}.bl{background-color:#09b2e5}.bl:hover{border:1px solid #09b2e5;color:#09b2e5;background-color:#fff}.grn{background-color:#5dc199}.grn:hover{border:1px solid #5dc199;color:#5dc199;background-color:#fff}.center{text-align:center}.black{color:#363a41}.round{background-color:#ffffff;padding:7px 8px;border-radius:100% 100% 100% 0;margin:0 10px}input[type='button']{font-family:"Poppins",sans-serif;text-align:center;margin-top:20px}.contact-form-widget{margin-left:0;max-width:500px;padding:0;width:100%;height:auto;margin:0 auto;padding-top:40px}.contact-form-email,.contact-form-email-message,.contact-form-name,.contact-form-phone{max-width:100%;width:100%;transition:.3s linear}.contact-form-email,.contact-form-name,.contact-form-phone{font-family:"Poppins",sans-serif;font-size:15px;background:#fafafa;border-bottom:3px solid #5dc199;box-sizing:border-box;color:#888;display:inline-block;height:40px;margin:0;margin-top:5px;padding:10px;vertical-align:top;border-radius:5px 5px 0 0;transition:.3s linear;border-top:none;border-right:none;border-left:none}.contact-form-email-message{font-family:"Poppins",sans-serif;font-size:15px;background:#fafafa;border-bottom:3px solid #5dc199;box-sizing:border-box;color:#888;display:inline-block;margin:0;margin-top:5px;padding:10px;vertical-align:top;transition:.3s linear;border-top:none;border-right:none;border-left:none;resize:none}.contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover,.contact-form-phone:hover{border-bottom:3px solid #09b2e5;outline:none;box-shadow:none;transition:.3s linear;background:none;border-top:none;border-right:none;border-left:none}.contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus,.contact-form-phone:focus{background:#fafafa;border-bottom:3px solid #09b2e5;color:#666;outline:none;box-shadow:none;border-top:none;border-right:none;border-left:none}form{color:#999}.contact-form-button-submit{transition:.3s linear;box-shadow:none;text-transform:none;padding:10px 20px 7px 20px;border:none;height:40px;margin:20px 0 0 0;float:left;background:#5dc199;border-bottom:3px solid #029ce3;text-transform:uppercase;font-weight:bold;color:#fff;font-size:15px;border-radius:3px}.contact-form-button-submit:hover,.contact-form-button-submit:focus{background-color:#029ce3;background-image:none;border-bottom:3px solid #0292d4;outline:none;color:#fff;cursor:pointer;transition:.3s linear;border-top:none;border-right:none;border-left:none}.contact-form-error-message{background:transparent;border:none;bottom:0;box-shadow:none;color:#666;font-size:11px;line-height:20px;margin-left:0;opacity:1;position:static}.contact-form-error-message-with-border{background:#09b2e5;bottom:0;color:#fff;font-size:11px;font-weight:700;line-height:20px;margin-left:20px;opacity:1;position:static;padding:5px 0;transition:all 0.1s linear;text-align:center;border-radius:2px;border:none}.contact-form-success-message{background:transparent;border:none;bottom:0;box-shadow:none;color:#666;font-size:11px;font-weight:700;line-height:20px;margin-left:0;opacity:1;position:static;text-align:center;border-radius:2px}.nama,.email,.message,.phone{text-align:left}			

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mobile-menu {
	z-index: 998;
}