@import url(https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre|Source+Sans+Pro);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;//font-family: 'Frank Ruhl Libre', sans-serif;color:#000;margin-bottom:5px}h1,h2,h3{font-weight:500}h4,h5,h6{font-weight:400}body{color:#333}body.boxed .body{margin:0 auto}a:hover{text-decoration:none}.header-style5 .main-menu>ul{border-left:none}.header-style5 .main-menu>ul>li:last-child>a{border-right:none}.header-style5 .main-menu>ul>li>a:hover{border-top:none;line-height:40px;color:red}.header-style5 .main-menu>ul>li>a{border-right:none;text-transform:none}.header-style5 .main-menu>ul>li>ul{top:100%}.logo{padding:0 0!important;margin:15px 0!important;float:left}#ht1{margin:30px 0 30px 10px}body.boxed .body{max-width:1400px}.site-header{background:url(https://nanyang.sch.id/images/xht2.png.pagespeed.ic.TCFqSaSLZq.png) no-repeat 90% 0% maroon}#sticky-nav{background:maroon}.header-style5 .site-header .logo-wrapper{border-bottom:1px solid #9a0000}.header-style5 .main-menu>ul>li:hover>a,.header-style5 .main-menu>ul>li.active>a{line-height:40px;border-top:none;color:#ffb712;background:none}.header-style5 .main-menu>ul>li>a{color:#fff;line-height:40px}.main-menu>ul{padding:0}.mobile-menu{background:maroon}.mobile-menu li a{}.mmenu-toggle{color:#fff!important}#title{border-left:10px solid red;padding-left:15px}#intro{text-align:center;background:#fcb132;padding:30px 0}#intro h1{display:inline-block;color:#000;line-height:36px;margin:0;margin-right:15px}#intro .btn{margin-top:0;color:#000;font-size:16px;margin-top:-10px;border-color:#000!important}#hm2{padding:30px 0 0;text-align:center}#hm2 h1{line-height:40px;margin-bottom:10px;color:#000}#hm2 h3{font-size:21px;text-transform:none}#hm2 h5{text-transform:uppercase}#hm2 .btn{margin-top:0;color:#000;font-size:16px;margin-top:-10px;border-color:#000!important}#hm3{padding:20px 0}#hm3 img{margin-bottom:10px;width:100%}#hm3 h3{background:maroon;margin-bottom:15px;text-transform:uppercase;padding:10px 15px;font-size:16px;color:#fff}#hm4{padding:50px 0;background:#efefef}#hm4 h2{color:#b80303;font-size:25px}#hm4 h3{color:#b80303;font-weight:bold;display:inline-block;text-transform:uppercase}#hm4 h4{color:#b80303;font-size:16px;display:inline-block;line-height:20px;text-transform:none}#hm4 h5{display:inline-block;text-decoration:underline;color:#b80303}#hm4 a{color:#b80303}.hr-short{border:0;width:45px;height:3px;margin:12px 0 36px;background:#ffc654}#bx img{margin-bottom:15px}#bx img:hover{opacity:.85}#bx h2{color:#fff;padding:10px;text-transform:uppercase;width:180px;font-size:20px;line-height:25px;padding-right:35px;position:absolute;bottom:10px;left:5px;display:block;background:transparent url(https://nanyang.sch.id/images/box-bg.png) right top no-repeat}#bx strong{width:100%}#bc{font-weight:bold;padding:0 0}.site-footer-bottom{padding:10px 0;border-top:1px solid #9a0000}.footer-style2 .site-footer-bottom{background:maroon}.footer-style2 .site-footer-bottom p{font-weight:500;line-height:20px}.social-icons-bar a{color:#fd5608}.portfolio-item:hover .project-overlay{background:rgba(128,0,0,.7)}#gl h3{margin-bottom:0;text-align:left}#pg{color:#000;padding:10px 0 50px}#pg h2{line-height:35px;margin-bottom:10px}#pg #title h3{font-size:20px;font-weight:bold}#pg p{color:#000;text-align:left;font-family:"Poppins",sans-serif;//font-family: 'Source Sans Pro', sans-serif}#pg span{font-weight:bold;color:red}#pr{padding:0 0 50px}#pr h1{line-height:38px;text-transform:uppercase}#sb ul{list-style:none}#sb li{background:#ffc654;border:1px solid #ddd;border-radius:5px;margin-left:0;margin-bottom:5px}#sb li a{color:#b80303;padding:8px 10px;display:block}#sb li:hover{background:maroon}#sb li:hover a{color:#fff;padding-left:15px}#sb li.active{background:maroon}#sb li.active a{color:#fff;padding-left:15px}#mi{padding:30px;background:red;margin-bottom:15px}#mi h3{font-size:25px;color:#fff;display:inline-block;margin-bottom:0;margin-right:10px}#mi .btn{background:#fff!important;color:#000;padding:10px 30px!important}body.boxed .body{box-shadow:none}.tb{margin-top:45px;text-align:right}.tb a{margin-left:15px;color:red}.tb h3{color:#fff}#ftb{color:#fff}#ftb p{float:right;color:#fff}#ftb a{color:#fff}hr{border-top:1px solid #666}.footer-style2 .footer-widget p{color:#fff}.footer-style2 .site-footer-top{background:url(https://nanyang.sch.id/images/xht3.png.pagespeed.ic.KM_sHtWs5d.png) no-repeat 75% 100% maroon}#ft1 img{width:100px;float:left;padding-bottom:30px;padding-right:10px}#ft1 h3{margin-bottom:5px;color:#fff}#ft1 P{color:#fff}#ft2 li a{color:#fff;font-weight:bold}#ft2 li{margin-bottom:15px}.site-footer-top .social-icons-bar a{color:#fff;font-size:18px}.tp-caption h1{color:#fff;margin-bottom:10px;font-size:75px;line-height:50px;font-weight:bold;font-family:'Arimo',sans-serif!important;text-shadow:1px 1px 5px rgba(0,0,0,.8)}.tp-caption h3{color:#fff;line-height:30px;font-weight:bold;font-size:30px;font-family:'Arimo',sans-serif!important;text-shadow:1px 1px 5px rgba(0,0,0,.8)}.tp-caption .btn{background:rgba(0,0,0,.1);border:1px solid #fff!important;color:#fff}.site-footer-top p{font-size:14px}.site-footer-top ul li a{font-size:14px}@media screen and (max-width:992px){.social-icons-bar{text-align:left}.site-header h1.logo{height:auto!important;padding:0 0!important}#sticky-nav{background:none}#title h1{font-size:25px;line-height:28px}#ht1{display:none}.logo{margin:10px 0!important;border:none}.header-style5 .main-menu>ul>li>a{padding:0 10px!important}}@media screen and (max-width:480px){.site-header h1.logo{width:80%}#intro .btn{margin-top:10px}.header-style5 .site-header{height:70px!important}#bx h2{position:inherit;background:#cc0001;width:auto}#bx img{margin-bottom:0}}@media screen and (max-width:320px){.site-header h1.logo{width:80%;padding:0 0!important}.header-style5 .site-header{height:58px!important}.header-style5 .mmenu-toggle{top:-33px}}#portfolio{padding:100px 0 100px 0}.portfolioFilter{margin-bottom:20px}.portfolioFilter a{background-color:#f6f7f7;color:#7e7b7b;cursor:pointer;font:400 11px/28px "Montserrat",sans-serif;text-transform:uppercase!important;padding:2px 18px;position:relative;overflow:visible;margin:10px 0 0 5px;border:none;text-transform:none;display:inline-block;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.portfolioFilter a.current{text-decoration:none;color:#fff}.portfolioFilter a:hover{color:#fff}.portfolioContainer{width:100%;position:relative;list-style:none;opacity:1}.container-fluid ul.portfolioContainer{margin:0}.container-fluid .p5{padding-left:5px;padding-right:3px;padding-bottom:5px}.portfolioContainer li img{width:100%;display:block}@media (max-width:992px){.portfolioContainer.columns-2 li{width:50%}}@media (min-width:992px){.portfolioContainer.columns-2 li{width:50%}}@media (max-width:992px){.portfolioContainer.columns-3 li{width:50%}}@media (min-width:992px){.portfolioContainer.columns-3 li{width:33.3%}}@media (max-width:992px){.portfolioContainer.columns-4 li{width:50%}}@media (min-width:992px){.portfolioContainer.columns-4 li{width:25%}}@media (max-width:992px){.portfolioContainer.columns-5 li{width:50%}}@media (min-width:992px){.portfolioContainer.columns-5 li{width:20%}}.portfolioContainer.margin li{padding:5px;overflow:hidden}.portfolioContainer.nomargin li{padding:0}.port-img{display:block;max-width:100%;height:auto}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}.isotope{-webkit-transition-property:height , width;-moz-transition-property:height , width;transition-property:height , width}.isotope-item{-webkit-transition-property:-webkit-transform , opacity;-moz-transition-property:-moz-transform , opacity;transition-property:transform , opacity}.portfolioContainer li{position:relative;overflow:hidden}.portfolioContainer li a{}.portfolioContainer li .item{background:#000}.white-bg .portfolioContainer li .item,.portfolioContainer.white-hovers li .item{background:#fff}.portfolioContainer li img{opacity:.5}.portfolioContainer li:hover img{opacity:.8}.portfolioContainer li img,.portfolioContainer li:hover img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.portfolioContainer li .info{width:100%;position:absolute;top:52%;right:0;padding:40px;text-align:center;z-index:2;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.portfolioContainer li:hover .info{opacity:1}.portfolioContainer li .info h4{color:#fff;font-size:26px;margin-top:15px;margin-bottom:5px}.portfolioContainer.alt li .info h4{margin-top:30px;margin-bottom:0}.portfolioContainer li .info p{color:#eee;text-transform:uppercase;letter-spacing:5px;margin-top:0;font-size:9px;font-weight:300}.portfolioContainer.white-hovers li .info h4{color:#111}.portfolioContainer.white-hovers li .info p{color:#777}.white-bg .portfolioContainer li .info h4{color:#111}.white-bg .portfolioContainer li .info p{color:#777}.portfolioContainer li .info ul{list-style:none;padding-left:0}.portfolioContainer li .info ul li{display:inline;margin-left:7px;margin-right:7px}.portfolioContainer li .info .date{letter-spacing:0;text-transform:none;font-size:13px}.portfolioContainer li .info i{padding:5px;text-decoration:none}.portfolioContainer li .info i:hover{color:#fff}.portfolioContainer li .info i,.portfolioContainer li .info i:hover{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.portfolioContainer li .info.hover-top{top:20%}.portfolioContainer li:hover .info.hover-top{top:52%}.portfolioContainer li .info.hover-left{left:-20%}.team-member:hover .team-member-detail.hover-left{left:0}.portfolioContainer li .info.hover-right{right:-20%}.team-member:hover .team-member-detail.hover-right{right:0}.portfolioContainer li .info.hover-bottom{top:50%}.portfolioContainer li:hover .info.hover-bottom{top:45%}.portfolioContainer li:hover .item.white-bg:after{background:rgba(255,255,255,.9)}.portfolioContainer li .item.white-bg h4{color:#111}.portfolioContainer li .item.white-bg p{color:#111}@media screen and (max-width:768px){.portfolioContainer li .info h4{font-size:18px}}@media screen and (max-width:480px){.portfolioContainer.columns-3 li{width:100%}.portfolioContainer li .info h4{font-size:16px}}