body {
	margin:0;
	padding:0;
	background-color:transparent;
	background-image:none;
	font-family: "Roboto","Oxygen-Sans","Cantarell","Helvetica Neue",sans-serif !important;
	font-weight:400;
	font-size:14px;
	color:#222;
	text-align:justify;
}

html,body {
    background: #ddd !important;
    line-height: 1.5rem;
}

.container.page-site {
    background: #ffffff;
}
.pkp_site_name .is_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: fit-content !important;
}

.pkp_site_name_wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pkp_structure_main p {
    line-height: 1.5rem;
    margin: 1rem 0;
}

.pkp_structure_page {margin-top: 20px !important; margin-bottom: 20px !important;}

.pkp_navigation_primary_row {background-image: linear-gradient(#ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%) !important; border-radius: 0 0 0 0;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {padding: 0 !important;margin: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {margin: 0 !important; padding: 0 10px !important; line-height: 40px !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family: "Roboto","Oxygen-Sans","Cantarell","Helvetica Neue",sans-serif !important; color: #4b7d92 !important; text-shadow: 0 0 2px #fff; text-transform: capitalize !important; font-size: 15px !important; font-weight: 700 !important; transition:0.2s;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background-image: radial-gradient(100% 100% at 100% 0, #cccccc 0, #4b7d92 100%) !important; color: white !important; text-shadow: 1px 1px #4b7d92; border-radius: 5px !important; transition:0.2s;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { background: #9abccb !important} /*warna background sub menu */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 2px rgba(255,255,255,.35) !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: "Roboto","Oxygen-Sans","Cantarell","Helvetica Neue",sans-serif !important; color: #fff !important;}

.pkp_navigation_user_wrapper ul li a {font-family: "Roboto","Oxygen-Sans","Cantarell","Helvetica Neue",sans-serif !important; color: #253574 !important; text-shadow: 0 0 2px #fff;}
.pkp_navigation_user_wrapper ul li a:hover {color: #fff !important; text-decoration: none; text-shadow: 0 0 2px #000;}

.pkp_navigation_primary .dropdown-menu a:focus,.pkp_navigation_primary .dropdown-menu a:hover {
     border-color: #fff
}

.pkp_nav_list li.profile {
  padding: 2px 9px 2px 3px;
  border: 1px solid #e6dfdf;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-radius: 8px;
  font-size: 14px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(243, 243, 243, 1) 50%,
    rgba(237, 237, 237, 1) 51%,
    rgba(255, 255, 255, 1) 100%
  );
  box-shadow: 3px 2px 5px -2px rgba(0, 0, 0, 0.2);
  margin: 0 10px 10px 10px;
}

.pkp_navigation_search_wrapper {align-items: center; margin-top: 0px !important; transition: 0.5s; padding-right: 10px;}
.pkp_navigation_search_wrapper:hover {background: rgba(0,0,0,.3) !important; color: white !important; border-radius: 5px !important;}
.pkp_search.pkp_search_desktop {font-family: "Roboto","Oxygen-Sans","Cantarell","Helvetica Neue",sans-serif !important; text-transform: capitalize !important; color: #4b7d92 !important; font-size: 15px !important; font-weight: 700 !important;}
.pkp_search.pkp_search_desktop:hover {color: white !important;}

.pkp_brand_footer {display:none;}
/*.pkp_structure_footer .pkp_footer_content {background-image: linear-gradient(to bottom, rgba(61, 88, 194,0.2), rgba(61, 88, 194,0.6));  padding: 25px !important;}*/
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #f5faff; height: auto !important; padding: 15px;}
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}
.pkp_structure_footer .pkp_footer_content a {color: #4b7d92;}
/*.pkp_structure_footer_wrapper {background: none !important; border-top: none !important; }*/

.pkp_page_index .homepage_image {
    padding: 2.143rem;
}

.pkp_page_index .homepage_image img {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px;
}

.pkp_page_index .homepage_about {
    padding-top: 0rem;
}

a:link,a:visited,a:active {
	text-decoration:none
}



.button-29 {
  align-items: center;
  appearance: none;
  background-image: radial-gradient(100% 100% at 100% 0, #cccccc 0, #4b7d92 100%);
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s, transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
  font-size: 14px;
  width: 230px;
  margin: 2px 0px;
}

.button-29:focus {
  box-shadow: #3d6576 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3d6576 0 -3px 0 inset;
}

.button-29:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3d6576 0 -3px 0 inset;
  transform: translateY(-2px);
}

.button-29:active {
  box-shadow: #3d6576 0 3px 7px inset;
  transform: translateY(2px);
}




.py-4 {
    padding-top: 0rem!important;
    padding-bottom: 0rem!important
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.pkp_structure_footer_wrapper .pkp_structure_footer .footer_official ul {
    list-style-type: none;
    padding: 0
}

.footer_official {
margin: 0 15px;
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

}