body{background:#fff;color:#666666;font-family:Open Sans,sans-serif}a{color:#2dc997}a:active,a:focus,a:hover{color:#2dca98;outline:none;text-decoration:none}p{padding:0;margin:0 0 30px}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:400;margin:0 0 20px;padding:0}#preloader{z-index:999;width:100%;height:100%;overflow:visible}.back-to-top{position:fixed;background:rgba(0,0,0,.2);color:#fff;padding:6px 12px 9px;font-size:16px;border-radius:2px;right:15px;bottom:15px;transition:background .5s;cursor:"pointer"}@media (max-width:768px){.back-to-top{bottom:15px}}.back-to-top:focus{background:rgba(0,0,0,.2);color:#fff;outline:none}.back-to-top:hover{background:#2dc997;color:#fff}#header{padding:30px 0;height:92px;position:fixed;left:0;top:0;right:0;transition:all .5s;z-index:997}#header #logo{float:left}#header #logo2{float:right;margin:0}#header #logo h1{font-size:36px;margin:0;padding:6px 0;line-height:1;font-family:Poppins,sans-serif;font-weight:700;letter-spacing:3px;text-transform:uppercase}#header #logo h1 a,#header #logo h1 a:hover{color:#fff}#header #logo img{padding:0;margin:0;width:80px;height:63px;cursor:pointer}@media (max-width:768px){#header #logo h1{font-size:26px}#header #logo img{width:50px;height:40px}}#header.header-fixed{background:rgba(52,59,64,.9);padding:20px 0;height:90px;transition:all .5s}#hero{width:100%;height:100vh;background:url(/img/background/ship3.webp) top;background-size:cover;position:relative}@media (min-width:1024px){#hero{background-attachment:fixed}}#hero:before{content:"";background:rgba(0,0,0,.4)}#hero .hero-container,#hero:before{position:absolute;bottom:0;top:0;left:0;right:0}#hero .hero-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}#hero h1{margin:30px 0 10px;font-size:48px;font-weight:700;line-height:56px;text-transform:uppercase;color:#fff}#hero h1 span{color:#2dc997}@media (max-width:768px){#hero h1{font-size:28px;line-height:36px}}#hero h2{color:#eee;margin-bottom:50px;font-size:24px}@media (max-width:768px){#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}}#hero .btn-get-started{font-family:Poppins,sans-serif;text-transform:uppercase;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 28px;border-radius:50px;transition:.5s;margin:10px;border:2px solid #fff;color:#fff}#hero .btn-get-started:hover{background:#2dc997;border:2px solid #2dc997}.btn-nocs{font-family:Poppins,sans-serif;text-transform:uppercase;font-weight:100;font-size:11px;letter-spacing:1px;display:inline-block;padding:5px 20px;border-radius:50px;transition:.5s;margin:10px;border:2px solid #fff;color:#fff}.btn-nocs:hover{background:#2dc997;border:2px solid #2dc997;color:#fff}.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu ul{position:absolute;opacity:0;visibility:hidden;top:100%;left:0;z-index:99;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.nav-menu li{position:relative;white-space:nowrap}.nav-menu>li{float:left}.nav-menu .menu-has-children:hover>ul{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s ease,transform .4s ease,visibility .4s}.nav-menu li.sfHover>ul{display:block}.nav-menu ul ul{top:0;left:100%}.nav-menu ul li{min-width:180px}.sf-arrows .sf-with-ul{padding-right:30px}.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:400}.sf-arrows ul .sf-with-ul:after{content:"\f105"}#nav-menu-container{float:right;margin:0}@media (max-width:768px){.fs-11{font-size:12px!important}#nav-menu-container{display:none}}@media (min-width:768px){.fs-11{font-size:1.25rem!important}#mobile-nav{display:block}}.nav-menu a{padding:0 8px 10px;text-decoration:none;display:inline-block;color:#fff;font-family:Poppins,sans-serif;font-weight:400;text-transform:uppercase;font-size:13px;outline:none}.nav-menu>li{margin-left:10px}.nav-menu>li>a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#2dc997;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}.nav-menu .menu-active>a:before,.nav-menu a:hover:before,.nav-menu li:hover>a:before{visibility:visible;transform:scaleX(1)}.nav-menu ul{margin:4px 0 0;border:1px solid #e7e7e7}.nav-menu ul li{background:#fff}.nav-menu ul li:first-child{border-top:0}.nav-menu ul li a{padding:10px;color:#333;transition:.3s;display:block;font-size:13px;text-transform:none}.nav-menu ul li a:hover{background:#2dc997;color:#fff}.nav-menu ul ul{margin:0}#mobile-nav-toggle{position:fixed;right:0;top:0;z-index:999;margin:20px 20px 0 0;border:0;background:none;font-size:24px;display:none;transition:all .4s;outline:none;cursor:pointer}#mobile-nav-toggle i{color:#fff}@media (max-width:768px){#mobile-nav-toggle{display:inline}}#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(52,59,64,.9);left:-260px;width:260px;overflow-y:auto;transition:.4s}#mobile-nav ul{padding:0;margin:0;list-style:none}#mobile-nav ul li{position:relative}#mobile-nav ul li a{color:#fff;font-size:16px;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none}#mobile-nav ul li a:hover{color:#fff}#mobile-nav ul li li{padding-left:30px}.menu-has-children .dropdownx{max-height:0;overflow:hidden;opacity:0;transform:scaleY(.95);transform-origin:top;transition:max-height .4s ease,opacity .4s ease,transform .4s ease}.menu-has-children .dropdownx.show{max-height:200px;opacity:1;transform:scaleY(1)}#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}#mobile-nav ul .menu-has-children i.fa-chevron-up,#mobile-nav ul .menu-item-active{color:#2dc997}#mobile-body-overly{width:100%;height:100%;z-index:996;top:0;left:0;position:fixed;background:rgba(52,59,64,.9);display:none}body.mobile-nav-active{overflow:hidden}body.mobile-nav-active #mobile-nav{left:0}body.mobile-nav-active #mobile-nav-toggle{color:#fff}.section-header .section-title{font-size:32px;color:#111;text-transform:uppercase;text-align:center;font-weight:700;margin-bottom:5px}.section-header .section-description{text-align:center;padding-bottom:40px;color:#999}#about{background:#fff;padding:80px 0}#about .about-container .background{background:url(/img/content/forklift.webp) top no-repeat;background-size:cover}#about .about-container .content{background:#fff}#about .about-container .title{color:#333;font-weight:700;text-align:center;font-size:32px}@media (max-width:576px){#about .about-container .title{padding-top:10px;font-size:26px}}@media (max-width:768px){#about .about-container .title{padding-top:15px}}#about .about-container p{line-height:26px}#about .about-container p:last-child{margin-bottom:0}#about .about-container .icon-box{background:#fff;background-size:cover;padding:0 0 30px}#about .about-container .icon-box2{background:#fff;background-size:cover;padding:0 0 20px;display:flex;align-items:center}#about .about-container .icon-box .icon,#about .about-container .icon-box2 .icon{float:left;background:#fff;width:64px;height:64px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;border-radius:50%;border:2px solid #2dc997}#about .about-container .icon-box .icon i,#about .about-container .icon-box2 .icon i{color:#2dc997;font-size:24px}#about .about-container .icon-box .title,#about .about-container .icon-box2 .title{margin-left:30px;font-weight:500;margin-bottom:5px;font-size:18px;text-transform:uppercase}#about .about-container .icon-box .title a,#about .about-container .icon-box2 .title a{color:#111}#about .about-container .icon-box .description,#about .about-container .icon-box2 .description{margin-left:80px;line-height:24px;font-size:14px}#facts{background:#f7f7f7;padding:80px 0 60px}#facts .counters span{font-size:48px;display:block;color:#2dc997}#facts .counters p{padding:0;margin:0 0 20px;font-family:Poppins,sans-serif;font-size:14px}#services{background:#f7f7f7;background-size:cover;padding:80px 0 60px}#services .box{padding:50px 20px;margin-bottom:50px;text-align:center;border:1px solid #e6e6e6;height:200px;position:relative;background:#fafafa}#services .icon{position:absolute;top:-36px;left:calc(50% - 36px);transition:.2s;border-radius:50%;border:6px solid #fff;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:72px;height:72px;background:#2dc997}#services .icon a{display:inline-block}#services .icon i{color:#fff;font-size:24px}#services .box:hover .icon{background:#fff;border:2px solid #2dc997}#services .box:hover .icon a,#services .box:hover .icon i{color:#2dc997}#services .title{font-weight:700;font-size:18px;margin-bottom:15px;text-transform:uppercase;color:#111!important}#services .title a{color:#111}#services .description{font-size:14px;line-height:24px}#call-to-action{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/img/call-to-action-bg.jpg) fixed 50%;background-size:cover;padding:80px 0}#call-to-action .cta-title{color:#fff;font-size:28px;font-weight:700}#call-to-action .cta-text{color:#fff}@media (min-width:769px){#call-to-action .cta-btn-container{display:flex;align-items:center;justify-content:flex-end}}#call-to-action .cta-btn{font-family:Poppins,sans-serif;text-transform:uppercase;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 30px;border-radius:50px;transition:.5s;margin:10px;border:2px solid #fff;color:#fff}#call-to-action .cta-btn:hover{background:#2dc997;border:2px solid #2dc997}#portfolio{background:#ffffff;padding:80px 0}#portfolio #portfolio-wrapper{padding-right:15px}#portfolio #portfolio-flters{padding:0;margin:0 0 45px;list-style:none;text-align:center}#portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 22px;font-size:12px;line-height:20px;color:#666666;border-radius:4px;text-transform:uppercase;background:#fff;margin:0 10px 5px;transition:all .3s ease-in-out}#portfolio #portfolio-flters li.filter-active,#portfolio #portfolio-flters li:hover{background:#2dc997;color:#fff}#portfolio .portfolio-item{position:relative;height:250px;overflow:hidden!important;margin-bottom:15px;transition:all .35s ease;transform:scale(1)}#portfolio .portfolio-item a{display:block}#portfolio .portfolio-item img{position:relative;top:0;transition:all .6s cubic-bezier(.645,.045,.355,1)}#portfolio .portfolio-item .details{background:#2dc997;position:absolute;width:100%;height:70px;bottom:-70px;transition:all .3s cubic-bezier(.645,.045,.355,1)}#portfolio .portfolio-item .details h4{font-size:14px;font-weight:700;color:#fff;padding:8px 0 2px 8px;margin:0}#portfolio .portfolio-item .details span{display:block;color:#fff;font-size:13px;padding:8px}#portfolio .portfolio-item:hover .details{bottom:0}#portfolio .portfolio-item:hover img{top:-30px}#team{background:#fff;padding:80px 0 60px}#team .member{text-align:center;margin-bottom:20px}#team .member .pic{margin-bottom:15px;overflow:hidden;height:260px}#team .member .pic img{max-width:100%}#team .member h4{font-weight:700;margin-bottom:2px;font-size:18px}#team .member span{font-style:italic;display:block;font-size:13px}#team .member .social{margin-top:15px}#team .member .social a{color:#b3b3b3}#team .member .social a:hover{color:#2dc997}#team .member .social i{font-size:18px;margin:0 2px}#contact{background:#f7f7f7;padding:80px 0 40px}#contact #google-map{height:300px;margin-bottom:20px}#contact .info:not(.timelinex-container){color:#333333}#contact .info:not(.timelinex-container) i{font-size:32px;color:#2dc997;float:left}#contact .info:not(.timelinex-container) p{padding:0 0 10px 50px;margin-bottom:20px;line-height:22px;font-size:14px}#contact .info .email p{padding-top:5px}#contact .social-links{padding-bottom:20px}#contact .social-links a{font-size:18px;display:inline-block;background:#333;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#contact .social-links a:hover{background:#2dc997;color:#fff}#contact .form #sendmessage{color:#2dc997;border:1px solid #2dc997}#contact .form #errormessage,#contact .form #sendmessage{display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#contact .form #errormessage{color:red;border:1px solid red}#contact .form #errormessage.show,#contact .form #sendmessage.show,#contact .form .show{display:block}#contact .form .validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}#contact .form input,#contact .form textarea{border-radius:0;box-shadow:none;font-size:14px}#contact .form button[type=submit]{background:#2dc997;border:0;padding:10px 24px;color:#fff;transition:.4s}#contact .form button[type=submit]:hover{background:#51d8ad}#footer{background:#343b40;padding:30px 0;color:#fff;font-size:14px}#footer .copyright,#footer .credits{text-align:center}#footer .credits{padding-top:10px;font-size:13px;color:#ccc}#footer .address-footer,#p .address-footer{font-size:15px!important}#footer .address-footer2{font-size:13px!important}.mengapa{width:200px;margin-left:30px}@media (max-width:768px){.mengapa{width:200px;margin-left:70px}}.addressing-footer{max-width:1%}.card-header{background-color:#2dc997}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #f2f2f2;border-top-color:#2eca6a;border-radius:50%;width:60px;height:60px;animation:animate-preloader 1s linear infinite}@keyframes animate-preloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataTables_wrapper{font-size:13px;position:relative;clear:both;zoom:1}.row{--bs-gutter-x:"unset"!important}.block{margin-bottom:1.875rem;box-shadow:0 .125rem rgba(0,0,0,.01)}.block-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.625rem 1.25rem;transition:opacity .25s ease-out}.block-title{flex:1 1 auto;min-height:1.75rem;margin:0;font-size:.9375rem;font-weight:600;line-height:1.75;text-transform:uppercase;letter-spacing:.0625rem}.block-content{transition:opacity .25s ease-out;width:100%;margin:0 auto;padding:1rem 1rem 1px;overflow-x:visible}.block-content .block,.block-content .items-push>div,.block-content .push,.block-content p{margin-bottom:1.25rem}.block .block,.content-side .block{box-shadow:none}.block.block-fx-shadow{box-shadow:0 0 1.5rem #e6e6e6;opacity:1}.containerx{max-width:650px;margin:50px auto}.timelinex-end{position:relative;padding-left:4rem;margin:0 0 0 30px;color:white;z-index:9}.timelinex-end .timelinex-container{position:relative;padding-bottom:2.5rem}.timelinex-end .timelinex-container .timelinex-icon{position:absolute;left:-86px;top:-4px;width:50px;height:50px;border-radius:50%;text-align:center;font-size:2rem;background:#4f537b}.timelinex-end .timelinex-container .timelinex-icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.2rem}.timelinex{position:relative;padding-left:4rem;margin:0 0 0 30px;color:white}.timelinex:before{content:"";position:absolute;left:0;bottom:40px;width:4px;height:100%;background:#27293d}.timelinex .timelinex-container{position:relative;padding-bottom:2.5rem}.timelinex .timelinex-container .timelinex-icon{position:absolute;left:-86px;bottom:40px;width:50px;height:50px;border-radius:50%;text-align:center;font-size:2rem;background:#4f537b}.timelinex .timelinex-container .timelinex-icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.2rem}.timelinex .timelinex-container .timelinex-icon img{width:100%;height:100%;border-radius:50%}.timelinex .timelinex-container .timelinex-body{background:#27293d;border-radius:3px;padding:20px 20px 15px;box-shadow:1px 3px 9px rgba(0,0,0,.1)}.timelinex .timelinex-container .timelinex-body:before{content:"";background:inherit;width:20px;height:20px;display:block;position:absolute;left:-10px;transform:rotate(45deg);border-radius:0 0 0 2px;bottom:54px}.timelinex .timelinex-container .timelinex-body .timelinex-title{margin-bottom:1.4rem}.timelinex .timelinex-container .timelinex-body .timelinex-title .badge{padding:4px 8px;border-radius:3px;font-size:12px;font-weight:700;text-wrap:auto}.timelinex .timelinex-container .timelinex-body .timelinex-subtitle{font-weight:300;font-style:italic;opacity:.4;margin-top:16px;font-size:11px}.timelinex .timelinex-container.primary .badge-primary,.timelinex .timelinex-container.primary .timelinex-icon,.timelinex-end .timelinex-container.primary .timelinex-icon{background:#1d8cf8!important}.timelinex .timelinex-container.info .badge-info,.timelinex .timelinex-container.info .timelinex-icon,.timelinex-end .timelinex-container.info .timelinex-icon{background:#329aad!important}.timelinex .timelinex-container.success .badge-success,.timelinex .timelinex-container.success .timelinex-icon,.timelinex-end .timelinex-container.success .timelinex-icon{background:#01a91d!important}.timelinex .timelinex-container.warning .badge-warning,.timelinex .timelinex-container.warning .timelinex-icon,.timelinex-end .timelinex-container.warning .timelinex-icon{background:#ddc80d!important}.timelinex .timelinex-container.danger .badge-danger,.timelinex .timelinex-container.danger .timelinex-icon,.timelinex-end .timelinex-container.danger .timelinex-icon{background:#e01f12!important}.timelinex .timelinex-container.secondary .badge-secondary,.timelinex .timelinex-container.secondary .timelinex-icon,.timelinex-end .timelinex-container.secondary .timelinex-icon{background:#7c7c7c!important}.timelinex .timelinex-container.dark .badge-dark,.timelinex .timelinex-container.dark .timelinex-icon,.timelinex-end .timelinex-container.dark .timelinex-icon{background:#0f0f0f!important}.authorx{font-family:inherit;padding:3em;text-align:center;width:100%}.authorx,.authorx a:link,.authorx a:visited{color:white}.authorx a:link:hover,.authorx a:visited:hover{text-decoration:none}.authorx .btn:link,.authorx .btn:visited{margin-top:1em;text-decoration:none;display:inline-block;font-family:inherit;font-weight:100;color:white;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:black;padding:1.5em 2rem;border-radius:1em;transition:all .5s}.authorx .btn:link:active,.authorx .btn:link:focus,.authorx .btn:link:hover,.authorx .btn:visited:active,.authorx .btn:visited:focus,.authorx .btn:visited:hover{background-color:#1a1a1a}