@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap);body{font-family:"Open Sans",sans-serif;color:#444;background-color:#fff}a{color:#348bd1;text-decoration:none}a:hover{color:#ffd584;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif;color:#4d4d4d}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;border:1px solid #348bd1;width:40px;height:40px;border-radius:6px;transition:all .4s}.back-to-top i{font-size:28px;color:#348bd1;line-height:0}.back-to-top:hover{background:#348bd1}.back-to-top:hover i{color:#fff}.back-to-top.active{visibility:visible;opacity:1}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background: }#preloader:before{content:"";position:fixed;top:calc(50% - 0px);left:calc(50% - 30px);border:6px solid #348bd1;border-top-color:#151515;border-bottom-color:#151515;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}@media screen and (max-width:768px){[data-nos-delay]{transition-delay:0!important}}#header{transition:all .5s;z-index:997;padding:15px 0}#header.header-scrolled,#header.header-inner-pages{background:rgba(0,0,0,.8)}#header .logo{font-size:32px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:2px;text-transform:uppercase}#header .logo a{color:#fff}#header .logo a span{color:#348bd1}#header .logo img{max-height:48px}.get-started-btn{color:#fff;border-radius:4px;padding:7px 25px 8px 25px;white-space:nowrap;transition:.3s;font-size:14px;display:inline-block;border:2px solid #348bd1}.get-started-btn:hover{background:#ffbb38;color:#343a40}@media (max-width:991px){.get-started-btn{padding:7px 20px 8px 20px;margin-right:15px}}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:15px;font-weight:600;color:#fff;white-space:nowrap;transition:.3s}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#348bd1}.navbar .dropdown ul{display:block;position:absolute;left:14px;top: calc(100% + 30px);margin:0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:5px 20px;font-size:14px;text-transform:none;color:#151515;font-weight:400}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{background-color:#348bd1;color:#fff}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}#b-lg{display:none}}.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}@media (max-width:991px){.poglar-info{margin-top:-20px}.section-title{margin-bottom:30px}.mobile-nav-toggle{display:block}.navbar ul{display:none}.poglar-prd{margin-top:-50px}.vid-prd{margin-top:-40px}.ctlg-prd{margin-top:-40px}.cari-prd{margin-top:-50px}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.9);transition:.5s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:none;overflow-y:auto;transition:.5s}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#fff}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#151515;background-color:#348bd1}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px;color:#151515}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{background-color:#348bd1}.navbar-mobile .dropdown>.dropdown-active{display:block}#aboels:before{content:"";background:rgba(0,0,0,.6);position:absolute;bottom:0;top:0;left:0;right:0}#aboels .container{position:relative;padding-top:74px;text-align:center}#aboels h1{margin:0;font-size:56px;font-weight:700;line-height:64px;color:#fff;font-family:"Open Sans",sans-serif}#aboels h1 span{color:#348bd1}#aboels h2{color:rgba(255,255,255,.9);margin:10px 0 0 0;font-size:24px}#aboels .icon-box{padding:30px 20px;transition:ease-in-out .3s;height:100%;text-align:center}#aboels .icon-box i{font-size:32px;line-height:1;color:#4598da}#aboels .icon-box h3{font-weight:700;margin:10px 0 0 0;padding:0;line-height:1;font-size:20px;line-height:26px}#aboels .icon-box h3{color:#fff;transition:ease-in-out .3s}#aboels .icon-box h3:hover{color: #red}#aboels .icon-box:hover{border-color:#d94247}@media (min-width:1024px){#aboels{background-attachment:fixed}.menu{display:block}#b-lg{display:block}#b-sm{display:none}}@media (max-width:768px){#aboels{height:auto}#b-lg{display:none}#b-sm{display:block}#aboels h1{font-size:28px;line-height:36px}#aboels h2{font-size:20px;line-height:24px}#header .logo img{width:150px}#footer .logo img{width:150px}.geser{overflow:auto}.prfl{margin-top:-40px}.map{margin-top:-40px}.art{margin-top:-40px}#desk_project{display:none}#tgl_update{display:none}#judul{font-size:11px}#deskripsi{font-size:9px}}#kontak{margin-top:-120px;width:100%;height:300px}#kontak .container{position:relative;padding-top:54px;text-align:center}#kontak h1{margin:0;font-size:56px;font-weight:700;line-height:64px;color:#4b4b4b;font-family:"Open Sans",sans-serif}#kontak h1 span{color:#348bd1}#kontak h2{color:rgba(255,255,255,.9);margin:10px 0 0 0;font-size:24px}#kontak .icon-box{padding:30px 20px;transition:ease-in-out .3s;border:1px solid #bdbdbd;height:100%;text-align:center}#kontak .icon-box i{font-size:32px;line-height:1;color:#348bd1}#kontak .icon-box h3{font-weight:700;margin:10px 0 0 0;padding:0;line-height:1;font-size:20px;line-height:26px}#kontak .icon-box h3 a{color:#4b4b4b;transition:ease-in-out .3s}#kontak .icon-box h3 a:hover{color:#348bd1}#kontak .icon-box:hover{border-color:#348bd1}section{padding:30px 0;overflow:hidden}.section-title{padding-bottom:40px}.section-title h2{font-size:16px;font-weight:500;padding:0;line-height:1px;margin:0 0 5px 0;letter-spacing:2px;text-transform:uppercase;color:#aaa;font-family:"Open Sans",sans-serif}.section-title h2::after{content:"";width:120px;height:1px;display:inline-block;background:#0061ae;margin:4px 10px}.section-title p{margin:0;margin:0;font-size:30px;font-weight:700;text-transform:uppercase;font-family:"Open Sans",sans-serif;color:#151515}.judul{padding-bottom:40px}.judul h2{font-size:20px;font-weight:500;padding:0;line-height:1px;margin:0 0 5px 0;letter-spacing:2px;text-transform:uppercase;color:#aaa;font-family:"Open Sans",sans-serif}.judul h2::after{content:"";width:60px;height:1px;display:inline-block;background:#0061ae;margin:4px 10px}.judul h2::before{content:"";width:60px;height:1px;display:inline-block;background:#0061ae;margin:4px 10px}.judul p{margin:0;margin:0;font-size:30px;font-weight:700;text-transform:uppercase;font-family:"Open Sans",sans-serif;color:#151515}.about .konten h3{font-weight:700;font-size:28px;font-family:"Open Sans",sans-serif}.about .konten ul{list-style:none;padding:0}.about .konten ul li{padding:0 0 8px 26px;position:relative}.about .konten ul i{position:absolute;font-size:20px;left:0;top:-3px;color:#348bd1}.about .konten p:last-child{margin-bottom:0}.video{padding-top:20px}.video .swiper-pagination{margin-top:20px;position:relative}.video .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;background-color:#ddd}.video .swiper-pagination .swiper-pagination-bullet-active{background-color:#348bd1}.features{padding-top:20px}.features .icon-box{padding-left:15px}.features .icon-box h4{font-size:20px;font-weight:700;margin:5px 0 10px 60px}.features .icon-box i{font-size:48px;float:left;color:#348bd1}.features .icon-box p{font-size:15px;color:#848484;margin-left:60px}.features .image{background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:400px}#project-slide{margin-top:-50px}.project-slide{max-width:320px}.project .art-box{margin-bottom:20px;text-align:center;border:1px solid #ebebeb;padding:20px 20px;transition:all ease-in-out .3s;background:#fff}.project .art-box .icon{margin:0 auto;width:64px;height:64px;background:#348bd1;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:.3s}.project .art-box .icon i{color:#151515;font-size:28px;transition:ease-in-out .3s}.project .art-box h4{font-weight:700;margin-bottom:15px;font-size:14px}.project .art-box h4 p{color:#151515;transition:ease-in-out .3s}.project .art-box h4 a:hover{color:#348bd1}.project .art-box p{line-height:24px;font-size:14px;margin-bottom:0}.project .art-box:hover{border-color:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,.1);transform:translateY(-10px)}.project .prd-box{text-align:center;border:1px solid #ebebeb;transition:all ease-in-out .3s;background:#fff}.project .prd-box h4{font-weight:700;font-size:12px;margin-top:10px}.project .prd-box h4 p{color:#151515;transition:ease-in-out .3s}.project .prd-box h4:hover{color:#348bd1}.project .prd-box p{line-height:24px;font-size:14px;margin-bottom:0}.project .prd-box:hover{border-color:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,.1);transform:translateY(-10px)}.project .karir-box{text-align:center;border:1px solid #ebebeb;padding:20px 20px;transition:all ease-in-out .3s;background:#fff}.project .karir-box h4{font-weight:700;margin-bottom:15px;font-size:16px}.project .karir-box p{color:#151515;transition:ease-in-out .3s}.project .karir-box p:hover{color:#348bd1}.project .karir-box h4 a{color:#151515;transition:ease-in-out .3s}.project .karir-box:hover{border-color:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,.1);transform:translateY(-10px)}.project .galeri-box{text-align:center;border:1px solid #ebebeb;transition:all ease-in-out .3s;background:#fff}.project .galeri-box h4{font-weight:700;margin-bottom:15px;font-size:16px}.project .galeri-box p{color:#151515;transition:ease-in-out .3s}.project .galeri-box p:hover{color:#348bd1}.project .galeri-box h4 a{color:#151515;transition:ease-in-out .3s}.project .galeri-box:hover{border-color:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,.1);transform:translateY(-10px)}.poglar .poglar-item{padding:10px 10px}.poglar #poglar-flters{padding:0;margin:0 auto 20px auto;list-style:none;text-align:center}.poglar #poglar-flters li{cursor:pointer;display:inline-block;padding:8px 15px 10px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#444;margin-bottom:5px;transition:all .3s ease-in-out;border-radius:3px}.poglar #poglar-flters li:hover,.poglar #poglar-flters li.filter-active{color:#151515;background:#348bd1}.poglar #poglar-flters li:last-child{margin-right:0}.poglar .poglar-wrap{transition:.5s;position:relative;overflow:hidden;z-index:1;background:rgba(21,21,21,.6)}.poglar .poglar-wrap::before{content:"";background:rgba(21,21,21,.6);position:absolute;left:0;right:0;top:0;bottom:0;transition:all ease-in-out .3s;z-index:2;opacity:0}.poglar .poglar-wrap img{transition:all ease-in-out .5s}.poglar-info-alt{background:#fff;border:1px solid #dcdcdc}#poglar-details{margin-top:-20px}.poglar-jobs{padding-top:40px}.poglar-details .poglar-details-slider img{width:100%}.poglar-details .poglar-details-slider .swiper-pagination{margin-top:20px;position:absolute}.poglar-details .poglar-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color: #transparent;opacity:1;border:1px solid #348bd1}.poglar-details .poglar-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#348bd1}.poglar-details .poglar-info{padding:10px}.poglar-details .poglar-info h3{color:#333;font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #bbb}.poglar-details .poglar-info ul{list-style:none;padding:0;font-size:15px}.poglar-details .poglar-info ul li+li{margin-top:10px}.poglar-details .poglar-description{padding-top:30px}.poglar-details .poglar-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.poglar-details .poglar-description p{padding:0}.vid{padding:30px 0}.video-slide{max-width:220px}.vid .member{margin-bottom:20px;overflow:hidden;border-radius:0;background:#fff;box-shadow: }.vid .member .member-img{position:relative;overflow:hidden}.vid .member .social{position:absolute;left:0;top:40%;right:0;opacity:0;transition:ease-in-out .3s;text-align:center}.vid .member .social a{transition:color .3s;color:#ed1c24;margin-top:0 3px;display:inline-flex;justify-content:center;align-items:center}.vid .member .social a:hover{color:#348bd1}.vid .member .social i{font-size:60px;line-height:0}.vid .member .member-info{padding:15px 10px}.vid .member .member-info h4{font-weight:700;margin-bottom:5px;font-size:14px;color:#151515;text-align:center}.vid .member .member-info span{display:block;font-size:13px;font-weight:400;color:#aaa;text-align:center}.vid .member .member-info p{font-style:italic;font-size:14px;line-height:26px;color:#777}.vid .member .social{opacity:1;bottom:15px}.vid-alt{padding:30px 0}.swiper-slide{width: }.vid-alt .member{margin-bottom:20px;overflow:hidden;border-radius:0;background:#fff;box-shadow: }.vid-alt .member .member-img{position:relative;overflow:hidden}.vid-alt .member .member-img img{position:relative;width:100%;height:100%;object-fit:cover;transition:.5s}.vid-alt .member .member-img:hover img{transform:scale(1.2) rotate(5deg)}.vid-alt .member .social{position:absolute;left:0;top:40%;right:0;opacity:0;transition:ease-in-out .3s;text-align:center}.vid-alt .member .social a{transition:color .3s;color:#ed1c24;margin-top:0 3px;display:inline-flex;justify-content:center;align-items:center}.vid-alt .member .social a:hover{color:#348bd1}.vid-alt .member .social i{font-size:60px;line-height:0}.vid-alt .member .member-info{padding:15px 10px}.vid-alt .member .member-info h4{font-weight:700;margin-bottom:5px;font-size:14px;color:#151515;text-align:center}.vid-alt .member .member-info span{display:block;font-size:13px;font-weight:400;color:#aaa;text-align:center}.vid-alt .member .member-info p{font-style:italic;font-size:14px;line-height:26px;color:#777}.vid-alt .member .social{opacity:1;bottom:15px}#contact input,textarea{background:#f1f1f1}#contact textarea{background:#f1f1f1}.contact .info{width:100%;background:#fff}.contact .info i{font-size:30px;color:#348bd1;font-weight:600px;float:left;width:44px;height:44px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:#151515}.contact .info p{padding:0 0 0 60px;margin-bottom:0;font-size:14px;color:#484848}.contact .info .email,.contact .info .phone{margin-top:40px}.contact .php-email-form{width:100%;background:#fff}.contact .php-email-form .form-group{padding-bottom:8px}.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}.contact .php-email-form .error-message br+br{margin-top:25px}.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px;border-radius:4px}.contact .php-email-form input:focus,.contact .php-email-form textarea:focus{border-color:#348bd1}.contact .php-email-form input{height:44px}.contact .php-email-form textarea{padding:10px 12px}.contact .php-email-form button[type="submit"]{background:#348bd1;border:0;padding:10px 24px;color:#151515;transition:.4s;border-radius:4px}.contact .php-email-form button[type="submit"]:hover{background:#ffcd6b}@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}.hero-area{position:relative;margin-top:12px}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .md-custom-padding{padding-right:0!important}}.hero-area .custom-padding-right{padding-right:0}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .custom-padding-right{padding-right: calc(var(--bs-gutter-x) / 2)}}@media (max-width:767px){.hero-area .custom-padding-right{padding-right: calc(var(--bs-gutter-x) / 2)}}.hero-area .slider-head{position:relative;overflow:hidden}.hero-area .slider-head:hover .tns-controls button:first-child{left:0}.hero-area .slider-head:hover .tns-controls button:last-child{right:0}.hero-area .tns-controls button{cursor:pointer;z-index:2;color:#fff;font-size:35px;background:transparent;border:none;padding:2px 5px;border-radius:4px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;position:absolute;z-index:99;top:50%;margin-top:-30px;border-radius:0}.hero-area .tns-controls button:hover{color:#348bd1}.hero-area .tns-controls button:first-child{left:-40px;border-radius:0 4px 4px 0}.hero-area .tns-controls button:last-child{right:-40px;border-radius:4px 0 0 4px}.hero-area .hero-slider .single-slider{background-size:cover;background-position:center;background-repeat:no-repeat;height:500px;position:relative}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-slider .single-slider{height:400px;margin-bottom:12px}}@media (max-width:767px){.hero-area .hero-slider .single-slider{height:350px;margin-bottom:12px}}.hero-area .hero-slider .single-slider .contents{padding:20px 365px 20px 50px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-slider .single-slider .contents{padding-right:300px}}@media (max-width:767px){.hero-area .hero-slider .single-slider .contents{padding-right:30px;padding-left:20px}}.hero-area .hero-slider .single-slider .contents h2{font-size:30px;font-weight:600;color:#081828}.hero-area .hero-slider .single-slider .contents h2 span{font-size:17px;font-weight:600;display:block;color:#8a8a8a;margin-bottom:10px}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-slider .single-slider .contents h2 span{font-size:14px;font-weight:500}}@media (max-width:767px){.hero-area .hero-slider .single-slider .contents h2 span{font-size:14px;font-weight:500}}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-slider .single-slider .contents h2{font-size:22px}}@media (max-width:767px){.hero-area .hero-slider .single-slider .contents h2{font-size:20px}}.hero-area .hero-slider .single-slider .contents p{margin-top:20px}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-slider .single-slider .contents p{margin-top:10px}}@media (max-width:767px){.hero-area .hero-slider .single-slider .contents p{margin-top:10px}}.hero-area .hero-slider .single-slider .contents h3{margin-top:20px;font-size:25px;font-weight:800;color:#081828}.hero-area .hero-slider .single-slider .contents h3 span{display:inline-block;margin-right:12px;font-size:16px;font-weight:600;color:#8a8a8a}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-slider .single-slider .contents h3 span{margin-right:10px;font-size:14px}}@media (max-width:767px){.hero-area .hero-slider .single-slider .contents h3 span{margin-right:8px;font-size:14px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-slider .single-slider .contents h3{font-size:20px}}@media (max-width:767px){.hero-area .hero-slider .single-slider .contents h3{font-size:20px}}.hero-area .hero-slider .single-slider .contents .button{margin-top:30px}.hero-area .hero-small-banner{height:244px;position:relative;background-repeat:no-repeat;background-size:contain;background-size:cover}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-small-banner{height:240px}}@media (max-width:767px){.hero-area .hero-small-banner{height:240px}}.hero-area .hero-small-banner .contents{padding:30px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hero-area .hero-small-banner .contents h2{font-size:20px;font-weight:700}.hero-area .hero-small-banner .contents h2 span{font-size:15px;font-weight:500;color:#888;display:block;margin-bottom:4px}.hero-area .hero-small-banner .contents h3{color:#348bd1;font-size:20px;font-weight:800;display:block;margin-top:7px}.hero-area .hero-small-banner.style2{margin-top:12px;background-image:url(https://gabsi-banten.or.id/aset/lib/gbr/gbr_spndk/small-banner-bg.png);background-color:#081828}@media only screen and (min-width:768px) and (max-width:991px){.hero-area .hero-small-banner.style2{margin-top:0}}.hero-area .hero-small-banner.style2 .contents h2{color:#fff}.hero-area .hero-small-banner.style2 .contents h2 span{color:#fff}.hero-area .hero-small-banner.style2 .contents p{font-size:15px;color:#fff;font-weight:600;margin-top:15px}.hero-area .hero-small-banner.style2 .contents .button{margin-top:20px}.hero-area .hero-small-banner.style2 .contents .button .btn{background-color:#fff;color:#348bd1;padding:10px 25px}.hero-area .hero-small-banner.style2 .contents .button .btn:hover{background-color:#348bd1;color:#fff}.breadcrumbs{padding:15px 0;background:#f5f5f5;min-height:40px;margin-top:74px}.breadcrumbs h2{font-size:28px;font-weight:400}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li a:hover{color:#a3a3a3}.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#2f2f2f;content:"|"}@media (max-width:991px){.breadcrumbs{margin-top:68px}.breadcrumbs .d-flex{display:block!important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}#footer{background:#0e3451;padding:0 0 30px 0;color:#fff;font-size:14px}#footer .footer-top{background:#0a406a;border-top:1px solid #d6d6d6;border-bottom:1px solid #222;padding:60px 0 30px 0}#footer .footer-top .footer-info{margin-bottom:30px}#footer .footer-top .footer-info h3{font-size:28px;margin:0 0 20px 0;padding:2px 0 2px 0;line-height:1;font-weight:700;text-transform:uppercase}#footer .footer-top .footer-info h3 span{color:#fff}#footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;color:#fff}#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:transparent;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:4px;border:1px solid #fff;text-align:center;width:36px;height:36px;transition:.3s}#footer .footer-top .social-links a:hover{background:#348bd1;color:#fff;text-decoration:none}#footer .footer-top h4{font-size:16px;font-weight:600;color:#fff;position:relative;padding-bottom:12px}#footer .footer-top .footer-links{margin-bottom:30px}#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}#footer .footer-top .footer-links ul i{padding-right:2px;color:#348bd1;font-size:18px;line-height:1}#footer .footer-top .footer-links ul li{padding:10px 0;display:flex;align-items:center}#footer .footer-top .footer-links ul li:first-child{padding-top:0}#footer .footer-top .footer-links ul a{color:#fff;transition:.3s;display:inline-block;line-height:1}#footer .footer-top .footer-links ul a:hover{color:#348bd1}#footer .copyright{text-align:center;padding-top:30px}#footer .copyright a{padding-top:10px;text-align:center;font-size:13px;color:#fff}p.paragraf{text-align:justify}div.enter{text-align:justify;text-justify:inter-word;white-space:normal;white-space:pre}.modal-dialog{padding-top:100px;max-width:1000px;margin:30px auto}.modal-body{position:relative;padding:0}.btn-close{position:absolute;right:-30px;top:0}.close{position:absolute;right:5px;top:5;z-index:999;font-size:2rem;font-weight:normal;color:#000;opacity:1}.cari{max-width:250px;right:0}form.example input[type="text"]{padding:2px;font-size:17px;border:1px solid #fff;float:left;width:80%;background:none;color:#348bd1}form.example button{float:left;width:20%;padding:2px;background:#348bd1;color:#fff;font-size:17px;font-weight:600;border:1px solid #fff;border-left:none;cursor:pointer}form.example button:hover{background:red}form.example::after{content:"";clear:both;display:table}.like{font-size:1.5rem}.sidebar{margin:0;padding:0;width:250px;background-color:#f1f1f1;position:absolute;height:650px;overflow:auto}.sidebar a{display:block;color:#000;padding:5px;text-decoration:none;font-size:16px;font-weight:600}.sidebar a.active{background-color:none;color:#348bd1}.sidebar a:hover:not(.active) {background-color:#555;color:#fff}div.content{margin-left:250px;padding:1px 16px;width:100%;height:650px;overflow:auto}.produk{padding-bottom:20px}.produk .prd{overflow:hidden;border-radius:5px;border:1px solid #ededed;background:#fff}.produk .prd a{color:#000;font-size:14px}.produk .prd a:hover{color:#348bd1}.produk .prd .prd-img{position:relative;overflow:hidden}.produk .prd .lihat{position:absolute;left:0;bottom:30px;right:0;opacity:0;transition:ease-in-out .3s;text-align:center}.produk .prd .lihat a{transition:color .3s;color:#000;margin:0 3px;border-radius:4px;width:36px;height:36px;background:rgba(255,255,255,.8);transition:ease-in-out .3s;color:#484848;display:inline-flex;justify-content:center;align-items:center}.produk .prd .lihat a:hover{color:#151515;background:#348bd1}.produk .prd .lihat i{font-size:18px;line-height:0}.produk .prd .prd-info{padding:10px 15px}.produk .prd .prd-info h4{font-weight:700;margin-bottom:5px;font-size:18px;color:#151515;text-align:center}.produk .prd .prd-info span{display:block;font-size:13px;font-weight:500;color:#aaa;text-align:center}.produk .prd .prd-info p{font-style:italic;font-size:14px;line-height:26px;color:#777}.produk .prd:hover .lihat{opacity:1;bottom:15px}.ktgr-prd{margin-top:-30px}@media screen and (max-width:780px){.sidebar{width:100%;height:auto;position:relative}.sidebar a{float:left;margin:5px}div.content{margin-left:0;margin-top:30px}.prd-size{max-width:200px}.prd-size-2{height:130px;width:180px;margin:8px 0 0 8px;margin-left:-2px}.poglar .poglar-info p{display:none}.poglar .poglar-info .poglar-links .hide-1{display:none;font-size:30px}.aboels-bg{margin-top:-102px;left:0;right:0}.mt{margin-top:-50px}#kontak{height:400px;margin-top:-120px}#contact{margin-top:-60px}.footer-info a img{width:100px}.cari{max-width:200px}.poglar #poglar-flters li{font-size:11px}.ktgr-prd{margin-top:-50px}}@media screen and (max-width:520px){#poglar-details .deskripsi{font-size:12px}#poglar-details .spesifikasi{font-size:12px}.sidebar a{text-align:center;float:none}.poglar .poglar-info p{display:none}.cari{max-width:200px}.aboels-bg{margin-top:-102px;left:0;right:0}.mt{margin-top:-50px}#kontak{height:400px;margin-top:-100px}.prd-size-2{height:130px;width:180px;margin:8px 0 0 8px;margin-left:-2px}.cari{display:none}}.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.mb-30{margin-bottom:30px}.pb-30{padding-bottom:30px}.p-30{padding:30px}.p-xl-5{padding:3rem!important}.px-xl-5{padding-left:3rem!important}.pt-4{padding-top:2rem!important}.pt-5{padding-top:3rem!important}.pb-3{padding-bottom:1rem!important}.pb-1{padding-bottom:.25rem!important}.mb-4{margin-bottom:1.5rem!important}.mt--2{margin-top:-2rem!important}.text-decoration-none{text-decoration:none!important}.cat-item{background:#fff;transition:.5s}.cat-item:hover{background:#348bd1}.cat-item img{transition:.5s}.cat-item:hover img{transform:scale(1.2) rotate(5deg)}.overflow-hidden{overflow:hidden!important}.flex-fill{flex:1 1 auto!important}.text-body{color:#6c757d!important}.pl-3{padding-left:1rem!important}.flex-fill{flex:1 1 auto!important}.box{border:1px solid #348bd1}.tmbl-krm{position:relative;right:15px;bottom:15px;background:#348bd1;width:100px;height:40px;border:1px solid #348bd1;border-radius:7px;color:#424242;font-size:20px;font-weight:bold}.tmbl-krm:hover{color:#fff}.jarak{width:100px;display:inline-block}.jarak_1{width:180px;display:inline-block}.jarak_2{width:100%;display:inline-block}.poglar-info h3{font-size:36px;color:#fff;font-weight:600}.poglar-info h2{font-weight:700;padding:0;font-size:30px;line-height:26px;font-family:"Open Sans",sans-serif}.paragraf{text-align:justify;line-height:1.6;font-size:16px}.poglar-info .paragraf{font-size:16px;padding:0;line-height:26px;font-family:"Open Sans",sans-serif;text-transform:none;font-weight:300}.tab-content>.tab-pane{background-color:transparent}.desk-karir li strong{font-size:16px}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mt-110{margin-top:110px}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.garis-bawah{border-bottom:1px solid #ddd}.nav-link{color:#348bd1}.nav-link:hover,.nav-link:focus{color:#555;text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:transparent;border-color:#f1f1f1;border-bottom:1px solid #348bd1}.kolom-detail{width:300px}.carousel-inner .carousel-item{height:100vh;min-height:600px;background-position:center center;background-repeat:no-repeat;background-size:cover}.carousel-item .carousel-caption{top:50%;bottom:auto;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.super-heading{font-size:70px;color:#fff}.super-paragraph{font-size:30px;font-weight:300}.carousel-caption .super-paragraph a,.carousel-caption .super-paragraph a:hover{color:#fff}#carouselExampleSlidesOnly{margin:40px 0}.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity}.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{opacity:0}.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.carousel-fade .carousel-control{z-index:2}.mnuktgr{padding:0}.mnuktgr ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.mnuktgr li{position:relative}.mnuktgr a,.mnuktgr a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 0;font-size:15px;font-weight:400;color:#444;white-space:nowrap;transition:.3s}.mnuktgr a i,.mnuktgr a:focus i{font-size:12px;line-height:0;margin-left:5px}.mnuktgr a:hover,.mnuktgr .active,.mnuktgr .active:focus,.mnuktgr li:hover>a{color:#348bd1}.mnuktgr .dropdown ul{display:block;position:absolute;left:14px;top: calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s}.mnuktgr .dropdown ul li{min-width:200px}.mnuktgr .dropdown ul a{padding:10px 20px;font-size:14px;text-transform:none;color:#151515;font-weight:400}.mnuktgr .dropdown ul a i{font-size:12px}.mnuktgr .dropdown ul a:hover,.mnuktgr .dropdown ul .active:hover,.mnuktgr .dropdown ul li:hover>a{background-color:#348bd1}.mnuktgr .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.mnuktgr .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.mnuktgr .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width:1366px){.mnuktgr .dropdown .dropdown ul{left:-90%}.mnuktgr .dropdown .dropdown:hover>ul{left:-100%}}.services{padding-bottom:30px}.services .icon-box{margin-bottom:20px;text-align:center}.services .icon{display:flex;justify-content:center}.services .icon i{width:80px;height:80px;margin-bottom:20px;background:#fff;border-radius:50%;transition:.5s;color:#428bca;font-size:40px;overflow:hidden;padding-top:20px;box-shadow:0 0 25px rgba(0,0,0,.15)}.services .icon-box:hover .icon i{box-shadow:0 0 30px rgba(66,139,202,.5)}.services .title{font-weight:600;margin-bottom:15px;font-size:18px;position:relative;padding-bottom:15px}.services .title a{color:#444;transition:.3s}.services .title a:hover{color:#428bca}.services .title::after{content:'';position:absolute;display:block;width:50px;height:2px;background:#428bca;bottom:0;left:calc(50% - 25px)}.services .description{line-height:24px;font-size:14px}.clients{padding-top:20px}.clients .swiper-slide img{opacity:.5;transition:.3s;filter:grayscale(100)}.clients .swiper-slide img:hover{filter:none;opacity:1}.clients .swiper-pagination{margin-top:20px;position:relative}.clients .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;background-color:#ddd}.clients .swiper-pagination .swiper-pagination-bullet-active{background-color:#428bca}.testimonials{padding:80px 0;background:url(https://gabsi-banten.or.id/aset/img/testimonials-bg.jpg) no-repeat;background-position:center center;background-size:cover;position:relative}.testimonials::before{content:"";position:absolute;left:0;right:0;top:100px;bottom:0;background:rgba(0,0,0,.7)}.testimonials .section-header{margin-bottom:40px}.testimonials .testimonials-carousel,.testimonials .testimonials-slider{overflow:hidden}.testimonials .testimonial-item{margin-top:80px;text-align:center;color:#fff}.testimonials .testimonial-item .testimonial-img{width:300px;height:300px;border-radius:0;padding:5px;border:5px solid rgba(255,255,255,.5);margin:20px , 20px , 20px , 20px}.testimonials .testimonial-item h3{font-size:20px;font-weight:bold;margin:10px 0 5px 0;color:#fff}.testimonials .testimonial-item h4{font-size:14px;color:#ddd;margin:0 0 15px 0}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:rgba(255,255,255,.6);font-size:26px}.testimonials .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.testimonials .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px}.testimonials .testimonial-item p{font-style:italic;margin:0 auto 15px auto;color:#eee}.testimonials .swiper-pagination{margin-top:20px;position:relative}.testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:rgba(255,255,255,.4);opacity:.5}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:#ffc451;opacity:1}@media (min-width:1024px){.testimonials{background-attachment:fixed}}@media (min-width:992px){.testimonials .testimonial-item p{width:80%}}.team{background:#fff;padding:60px 0}.team .member{margin-bottom:20px;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1)}.team .member .member-img{position:relative;overflow:hidden}.team .member .social{position:absolute;left:0;bottom:30px;right:0;opacity:0;transition:ease-in-out .3s;text-align:center}.team .member .social a{transition:color .3s;color:#151515;margin:0 3px;border-radius:4px;width:36px;height:36px;background:rgba(255,255,255,.8);transition:ease-in-out .3s;color:#484848;display:inline-flex;justify-content:center;align-items:center}.team .member .social a:hover{color:#151515;background:#ffc451}.team .member .social i{font-size:18px;line-height:0}.team .member .member-info{padding:25px 15px}.team .member .member-info h4{font-weight:700;margin-bottom:5px;font-size:18px;color:#151515}.team .member .member-info span{display:block;font-size:13px;font-weight:400;color:#aaa}.team .member .member-info p{font-style:italic;font-size:14px;line-height:26px;color:#777}.team .member:hover .social{opacity:1;bottom:15px}