body {
	font-family: "Monstserrat", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a, a:hover {
	text-decoration: none;
}

#topbar {
	background-color: #15477A;
	color: #fff;
	height: 50px;
	line-height: 50px;
}

.top-contact, .sosmed {
	list-style: none;
	padding: 0;
}

#topbar li {
	display: inline-block;
}

#topbar li a {
	color: #fff;
	display: inline-block;
	padding: 0 20px;
}

#topbar li a i {
	color: #F2C808;
	margin-right: 5px;
}

#topbar .sosmed li a {
	padding: 0 5px;
}

#topbar .sosmed li a i {
	color: #fff;
}

/* css untuk header */

header {
	padding: 30px 0;
}

.brand {
	display: flex;
}

.brand img {
	width: 50%;
	height: 80px;
	transition: all 0.3s ease;
	position: relative;
	margin: 15px 20px 15px 0;
	top: 10px;
}

/*
.brand .brand-name h1 {
	font-size: 25px;
	color: #15477A;
	text-transform: uppercase;
}

.brand .brand-name h3 {
	font-size: 18px;
	font-family: Raleway, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #888888;
}
*/

.pembungkus-searchbox {
	display: flex;
	align-items: center;
}

.searchbox {
	width: 100%;
}

.btn.btn-utama {
	background-color: #15477A;
	color: #F2C808;
	text-transform: uppercase;
	font-weight: 600;
	transition: background-color 0.3s;
}

.btn.btn-utama:hover {
	background-color: #002b57;
}

/* css untuk menu / navbar */

.navbar {
	padding: 0;
	border-bottom: 5px solid #F2C808;
}

.nav-link {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.25px;
}

.bg-biru {
	background-color: #15477A!important;
	color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}

.navbar-dark .navbar-nav .active>.nav-link, 
.navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .show>.nav-link {
	color: #fff;
}

.active {
	color: #15477A;
}

li.nav-item.active a {
	color: #15477A;
}

.navbar-dark .navbar-nav .nav-link {
	padding: 15px 20px;
	display: inline-block;
}

/* css untuk slider hero area */

#hero-area {
	position: relative;
}

#slider-hero-nav .owl-prev,
#slider-hero-nav .owl-next {
	position: absolute;
	top: 50%;
	z-index: 10;
	border: none;
	background-color: #15477A;
	color: #fff;
	outline: none;
	padding: 10px 25px;
	font-size: 20px;
	transition: background-color 0.3s;
}

#slider-hero-nav .owl-prev {
	left: 0;
	border-radius: 0 50px 50px 0;
}

#slider-hero-nav .owl-next {
	right: 0;
	border-radius: 50px 0 0 50px;
}

#slider-hero-nav .owl-prev:hover,
#slider-hero-nav .owl-next:hover {
	cursor: pointer;
	background-color: #F2C808;
}

.slider-item-img {
	width: 100%;
	height: 550px;
}

#hero-area .slider-item-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(192, 192, 192, 0.7);
	padding: 20px;
	text-align: center;
	font-family: Raleway, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	width: 50%;
}

#hero-area .slider-item-content h2 {
	font-size: 35px;
	font-weight: 500;
}

#hero-area .slider-item-content p {
	font-size: 16px;
}

/* css untuk content */

#content {
	margin: 10px 0;
}

.lsp-services__why[data-v-51ea34d4] {
    padding-top: 100px;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem;
}

.pt-3, .py-3 {
    padding-top: 1rem;
}

.mb-2, .my-2 {
    margin-bottom: .5rem;
}

.mb-3, .my-3 {
    margin-bottom: 1rem;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem;
}

.mt-4, .my-4 {
    margin-top: 1.5rem;
}

.text-center {
    text-align: center!important;;
}

.font-weight-bold {
    font-weight: 700;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.row p{
	text-align: justify;
}

.pb-1, .py-1 {
    padding-bottom: .25rem;
}

.pt-1, .py-1 {
    padding-top: .25rem;
}

*, :after, :before {
    box-sizing: border-box;
}

.fa, .fas {
    font-weight: 900;
}

.fa, .far, .fas {
    font-family: Font Awesome\ 5 Free;
}

.fa, .fab, .fad, .fal, .far, .fas {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.text-info {
    color: #17a2b8;
}

.display-4 {
    font-size: 3.5rem;
}

.pl-3, .px-3 {
    padding-left: 1rem;
}

.pt-3, .py-3 {
    padding-top: 1rem;
}

.pt-4, .py-4 {
    padding-top: 1.5rem;
}

.navbar-nav {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.nav-link {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.25px;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.h5, h5 {
    font-size: 1.25rem;
}

p {
	font-size: 14px;
    margin-top: 0;
    margin-bottom: 1rem;
}

.text-primary {
    color: #007bff;
}

/* css untuk artikel */

#artikel {
	margin: 10px 0;
}

.col-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-6, .col-7 {
    -webkit-box-flex: 0;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-4, .col-5 {
    -webkit-box-flex: 0;
}

.lsp-clink[data-v-221b516b] {
    border-bottom: 2px solid transparent;
}

.text-dark {
    color: #343a40!important;
}

.lsp-img__container[data-v-221b516b] {
    overflow: hidden;
}

.rounded-right, .rounded-top {
    border-top-right-radius: .25rem!important;
}

.rounded-top {
    border-top-left-radius: .25rem!important;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.lsp-img__photo[data-v-221b516b] {
    cursor: pointer !important;
    transition: 0.3s;
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto;
}

.lsp-ctitle[data-v-221b516b] {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 16px;
    left: 16px;
}

.mb-0, .my-0 {
    margin-bottom: 0!important;
}

.text-white {
    color: #fff!important;
}

.text-capitalize {
    text-transform: capitalize!important;
}

.float-right {
    float: right!important;
}

.ml-2, .mx-2 {
    margin-left: .5rem!important;
}

.mt-3, .my-3 {
    margin-top: 1rem!important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    /*color: #212529;*/
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;*/
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    /*-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* css untuk dokumentasi */

#dokumentasi {
	margin: 10px 0;
}



/* css untuk footer */

footer {
	color: #fff;
	background-color: #15477A;
	padding: 80px 0 0;
}

footer .footer-col:first-of-type {
	padding-right: 30px;
}

footer .brand {
	display: flex;
}

footer .brand img {
	width: 400px;
	height: 50px;
	margin-right: 20px;
}
/*
footer .brand h1 {
	font-size: 25px;
	font-weight: 600;
	line-height: 25px;
	text-transform: uppercase;
}
*/
footer .tentang {
	text-align: justify;
	font-size: 14px;
	line-height: 26px;
	padding-bottom: 15px;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}

footer .sosmed {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .sosmed li {
	display: inline-block;
	margin-right: 15px;
}

footer .sosmed li a {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	line-height: 50px;
}

footer .sosmed li a:hover {
	color: #c7c7c7;
}

.footer-col h2 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer-col .alamat {
	font-size: 14px;
	line-height: 25px;
}

.footer-col .kontak {
	list-style: none;
	padding: 0;
	font-size: 14px;
	line-height: 24px;
}

.footer-col .kontak li {
	margin: 10px 0;
}

.footer-col .kontak i {
	margin-right: 10px;
}

.footer-col .footer-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-col .footer-nav li {
	margin: 10px 0;
}

.footer-col .footer-nav a {
	color: #fff;
	font-size: 15px;
	font-weight: 28px;
	transition: all 0.5s;
}

.footer-col .footer-nav a:hover {
	border-bottom: 1px dashed #fff;
}

.footer-copyright .container {
	border-top: 1px solid rgba(242, 242, 242, 0.25);
	padding: 10px 0;
}

.footer-copyright {
	margin-top: 60px;
}

.footer-copyright h6 {
	font-size: 16px;
	color: #CECECE;
	font-weight: 400;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}

.footer-copyright h6 a {
	color: inherit;
}

.footer-copyright h6 a:hover {
	border-bottom: 1px dashed #CECECE; 
}

html{
  scroll-behavior: smooth;
}

.gotopbtn{
  position: fixed;
  width: 50px;
  height: 50px;
  background: #F2C808;
  bottom: 40px;
  right: 50px;

  text-decoration: none;
  text-align: center;
  line-height: 50px;
  color: white;
  font-size: 22px;
}
/*
     FILE ARCHIVED ON 17:34:22 Jan 24, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:35:34 May 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.397
  load_resource: 132.512
  PetaboxLoader3.resolve: 31.124
  PetaboxLoader3.datanode: 45.133 (2)
  loaddict: 77.464
*/