html,
body {
  height: 100%;
}

.bg-blue {
  background: #00469f;
}

iframe.youtube-embed-block {
    height: 380px;
    width: 100%;
}


iframe.youtube-embed {
    height:500px;
    width: 80%;
}

.margin-lf10{
    margin: 0 10%;
}
.wrap-sewa{
    flex-wrap: wrap;
    justify-content: space-around;
}
.wrap-reg{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 20px;
}
.wrap-rental{
  padding: 5%;
  background: #00469f;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
p.btn-border-white{
  
}
.rental-list{
  display: flex;
  flex-direction: row;
}
.button-rental{
    border: 1px solid #fff;
  color: #00469f;
  padding: 10px;
  background: white;
  margin-right: 10px;
}
img.img-icon-rent{
  height: 220px;
}
.wrap-syarat-umum{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
}
.col-item-su{
    width: 30%;
}
.border-lr{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.col-item-reg{
    width: 230px;
    margin-right: 10px;
}

.list-komentar{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.list-komentar h3{
    color: #00469f;
}

.col-komentar{
    width: 25%;
    text-align: center;
    background-color: #d7e9ffec;
    margin-right: 10px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    min-height: 200px;
    margin-top: 7%;
}
.col-komentar img{
    width: 30%;
    border-radius: 50%;
    margin-top: -20%;
}

img.img-fluid-block{
    height: 180px;
}
.col-item{
    margin-right: 10px;
}

.ptb-70 {
  padding: 70px 0;
}

img.navbar-image.black {
  display: none;
}

.affix-top img.navbar-image.white {
  height: 35px;
}
.affix-top img.navbar-image.black {
  display: none;
}

.d-flex.btn-flaging a.flag {
    color: #fff;
}

.affix img.navbar-image.white {
  display: none;
}
.affix img.navbar-image.black {
  height: 35px;
  display: block;
}

.affix-top a.nav-link {
  color: #fff;
  margin-right: 10px;
}

.affix a.nav-link {
  color: #000;
  margin-right: 10px;
}

.affix-top a.lang-link {
  color: #fff;
}

.affix a.lang-link {
  color: #000;
}

.first {
  position: relative;
}

.affix {
  background-color: #fff;
  -webkit-transition: padding 0.2s ease-out;
  -moz-transition: padding 0.2s ease-out;
  -o-transition: padding 0.2s ease-out;
  transition: padding 0.2s ease-out;
}


@media (min-width: 576px) {
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
  }

  .d-flex.btn-flaging {
    position: absolute;
    top: -15px;
    right: 20px !important;
  }
}

@media (min-width: 768px) {
  .affix-top {
    /* navbar style at top */
    background-color: transparent;
    border-color: transparent;
    padding: 25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}

img.img-responsive.logo_footer {
  height: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
}

.navbar-nav li a {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  padding-right: 20px;
  transition: all 0.3s ease 0s;
}

ul.nav.navbar-nav.navbar-left.footer.d-flex {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
p.card-title.text-blue {
    color: #084e9a !important;
}

.blue-top.d-flex {
    height: 200px;
    background: #084e9a;
    text-align: center;
}

.text-white{
    color:#fff;
}

.bordered{
    border: 1px solid #ddd;
}



/* mobile */
@media (max-width: 768px) {
    nav#nav .affix-top {
      background: #fff;
    }
    .affix-top .navbar-toggler {
      display: none;
    }
    .affix .navbar-toggler {
      display: block;
    }
    .wrap-syarat-umum{
        flex-direction: column;
    }
    .list-komentar {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .col-komentar {
        width: 100%;
        margin-bottom: 50px;
    }
    .col-item-su {
        width: 100%;
    }
    .border-lr {
        border:none
    }
    .col-item-su.border-lr.pl-3{
        padding: 0px;
    }
    .rental-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }
    img.img-icon-rent {
        height: 150px;
    }
    p.has-text-align-center.eplus-ruPlcL {
        margin-bottom: 50px;
    }
  }
  
  
  
/* odometer css */

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}




/* Top page video */
#mainVisual {	}
.main-video-bg {position:relative; height:100vh;}
.main-video-bg .visual-text { position:absolute; left:0; bottom:140px; width:100%; }
.main-video-bg .visual-text div { text-align:center; color:#fff;	 }
.main-video-bg .visual-text p { font-size:36px; font-weight:300; padding-bottom:10px;}
.main-video-bg .visual-text u {display:block; text-decoration:none; font-family: 'Roboto'; font-size:16px; font-weight:400; }
.main-video-bg .visual-text .num { display:block; font-family: 'Oswald'; font-size:55px; padding:10px 0; font-weight:100;}
.main-video-bg .visual-text .num i { font-style:normal; font-size:36px;	vertical-align:bottom; margin-bottom:4px;  }
.main-video-bg .visual-text .counterjs { display:inline-block; font-family: 'Oswald'; font-weight:300;}

.main-video-bg .video-contain { position:absolute; left:0; top:0; width:100%; height:100%;overflow:hidden;  }
.main-video-bg .video-contain.mover { display:none;  }

.main-video-bg .video-contain video { position:absolute; left:50%; top:50%; min-width:60%; min-height:60%;  overflow:hidden; 
transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.main-video-bg .video-contain video { object-fit:cover; -webkit-object-fit:cover; -o-object-fit:cover; width:100%; height:100%; }
}

@media screen and (max-width:640px){
	.main-video-bg .video-contain.pcver { display:none; }
	.main-video-bg .video-contain.mover { display:block; }
}

.main-video-bg .arrow-down { position:absolute; left:0; bottom:20px; width:100%; text-align:Center; }
.main-video-bg .arrow-down a { position:relative; display:inline-block; width:60px; height:60px; font-family: 'Roboto'; font-size:16px; color:#fff; font-weight:400;}
.main-video-bg .arrow-down a i { display:block; position:absolute; left:0; bottom:20px; opacity:0; width:100%; height:15px; background:url("/images/common/icon_arrow_down.png") no-repeat 50% bottom; background-size:contain; 
animation:scrollani 1.5s ease; animation-iteration-count:infinite;
-webkit-animation:scrollani 1.5s ease; -webkit-animation-iteration-count:infinite;
-ms-animation:scrollani 1.5s ease; -ms-animation-iteration-count:infinite;
-moz-animation:scrollani 1.5s ease; -moz-animation-iteration-count:infinite;
-o-animation:scrollani 1.5s ease; -o-animation-iteration-count:infinite;
}

@keyframes scrollani { 0% { opacity:0; bottom:20px; }	5% { opacity:1; } 50% { opacity:1; }100% { opacity:0; bottom:0px; } }
@-webkit-keyframes scrollani {0% { opacity:0; bottom:20px; }	5% { opacity:1; } 50% { opacity:1; }100% { opacity:0; bottom:0px; } }
@-ms-keyframes scrollani { 0% { opacity:0; bottom:20px; }	5% { opacity:1; } 50% { opacity:1; }100% { opacity:0; bottom:0px; } }
@-moz-keyframes scrollani { 0% { opacity:0; bottom:20px; }	5% { opacity:1; } 50% { opacity:1; }100% { opacity:0; bottom:0px; } }
@-o-keyframes scrollani { 0% { opacity:0; bottom:20px; }	5% { opacity:1; } 50% { opacity:1; }100% { opacity:0; bottom:0px; } }

@media screen and (max-width:770px){
	.main-video-bg .visual-text p { font-size:24px; }
	.main-video-bg .visual-text span { font-size:40px; }
	.main-video-bg .visual-text span i { font-size:25px; }
}


.subcontainer { max-width: 1100px;  margin: 0 auto; padding:75px 0 125px; }

@media screen and (max-width:1150px){
	.subcontainer { padding:30px 15px; }
}

.board-top-visual {position:relative; left:-200px; opacity:0; height:300px;  margin-top:130px; background-size:cover; background-repeat:no-repeat; background-position:50%;}
.board-top-visual span { display:block; font-size:39px; color:#fff; font-weight:400; font-family: 'Oswald'; letter-spacing:7px; text-align:center; padding-top:119px; }
.board-top-visual.contact span { color:#0148a0; }

.board-top-visual.tran { left:0; opacity:1;  }

@media screen and (max-width:770px){
	.board-top-visual { margin-top:50px;  }
}

/* end top page video */

#nf-field-16{
	background-color:#0347a0;
    display: block; 
		margin: 0 auto;
		margin-top:5%;
		
		padding-left:20%;
		padding-right:20%;
}
.nf-form-fields-required{
	margin-left:15%;
}
.nf-error-field-errors{
	margin-left:15%;
}
.nf-field {
	margin-left:22px;
}
#nf-label-field-15{
	margin-top:14px
}
.nf-field-element{
	margin-top:20px;
}
.nf-field-label{
	color:#0347a0;
	
}
#nf-label-field-15{
	text-align:center;
}

#nf-label-field-13{
	text-align:center;
}
#nf-label-field-18{
	text-align:center;
}
#nf-label-field-19{
	text-align:center;
}
#nf-label-field-20{
	text-align:center;
}
#nf-label-field-21{
	text-align:center;
}
#indukLaps{
	color:white;
	font-size:20px
}


 * ----------------------------------------
* company
---------------------------------------- */


.company .title.d_01 .main h2 {
    font-size: 3.8rem;
    font-weight: 200;
}



.company_04 {
    padding: 200px 0 0 0;
}

.company_04_01 {
    position: relative;
    padding: 130px 0;
}


.company_04_01::before {
    content: '';
    position: absolute;
    top: 0;
    right: 700px;
    right: calc(100% - 400px);
    width: 100vw;
    height: 100%;
    background: #f5f8fc;
}


.company_04_01 > .inner {
    position: relative;
    padding: 0 0 0 180px;
}

.company_04_01 .table table {
    width: 100%;
}

.company_04_01 .table tr:last-child {
    border-bottom: 1px solid #d8dce0;
}


.company_04_01 .table th {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: #0148a0;
    width: 220px;
    padding: 30px 0;
    border-top: 2px solid #0148a0;
}
.company_04_01 .table tr:last-child th {
    border-bottom: 2px solid #0148a0;
}


.company_04_01 .table td {
    font-size: 1rem;
    padding: 30px;
    border-top: 1px solid #d8dce0;
}
.button_href{
	background-color: white; 
  border-style: solid ;
  border-color: #0347a0;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/*  vision */
.vision_06 {
    padding: 15px 0 0 0;
}

.vision_06 .sdgs_table th {
    border: 1px solid #d8dce0;
    height: 70px;
    text-align: center;
}

.vision_06 .sdgs_table td {
    border: 1px solid #d8dce0;
    padding: 10px;
}

.vision_06 .sdgs_table td:first-child {
    min-width: 113px;
}

.vision_06 .sdgs_table td:first-child div {
    text-align: center;
}

.vision_06 .sdgs_table td:nth-child(2) {
    min-width: 320px;
}

.vision_06 .sdgs_table .xs_text {
    display: none;
    margin-top: 10px;
}

.dl_flex_tbl {
    display:flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-top: none;
  }
  
  .dl_flex_tbl dt{
      background: rgb(255, 255, 255);
    width: 25%;
    padding: 0.8em;
    box-sizing: border-box;
    border-top: 1px solid #ccc; 
  }
  
  .dl_flex_tbl dd{
      padding: 0.8em;
    margin: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; 
    width: 75%;
    background: #fff;
    box-sizing: border-box;
  }
  
.dl_flex_tbl2 {
    display:flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-top: none;
  }
  
  .dl_flex_tbl2 dt{
      background: rgb(227, 240, 255);
    width: 25%;
    padding: 0.8em;
    box-sizing: border-box;
    border-top: 1px solid #ccc; 
  }
  
  .dl_flex_tbl2 dd{
      padding: 0.8em;
    margin: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; 
    width: 75%;
    background: #fff;
    box-sizing: border-box;
  }

  .dl_flex_tbl3 {
    display:flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-top: none;
  }
  
  .dl_flex_tbl3 dt{
      background: rgb(228, 228, 228);
    width: 25%;
    padding: 0.8em;
    box-sizing: border-box;
    border-top: 1px solid #ccc; 
  }
  
  .dl_flex_tbl3 dd{
      padding: 0.8em;
    margin: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; 
    width: 75%;
    background: #fff;
    box-sizing: border-box;
  }

  
  .dl_flex_tbl dd ul li{
      list-style-type: disc;
      margin-left: 1em;
      padding-bottom: 0.3em;
  }
  .dl_flex_tbl dd ul li:last-child{
      padding-bottom: 0em;
  }


.wp-block-image img{
	height:auto;
}

#gmap_canvas{
        
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        min-height: 450px;
        max-height: 450px;
    }


/* Background and Dropdown Styling */
.custom-dropdown {
  background-color: rgba(248, 249, 250, 0.8); /* Light grey with 80% opacity */
  border: 1px solid rgba(221, 221, 221, 0.8); /* Border with 80% opacity */
  border-radius: 5px; /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
  padding: 10px 0; /* Padding inside the dropdown */
}

/* Styling individual dropdown items */
.custom-dropdown li a {
  color: #333; /* Text color */
  padding: 10px 20px; /* Spacing for items */
  text-decoration: none; /* Remove underline */
  display: block; /* Block style to fill the area */
}

.custom-dropdown li a:hover {
  background-color: #00469f80; /* Change background on hover */
  /*background-color: rgba(0, 123, 255, 0.9); /* Blue background with 90% opacity */
  color: #fff; /* White text on hover */
}

/* Style the caret (arrow) */
.dropdown-toggle .caret {
  margin-left: 5px; /* Space between text and arrow */
}

/* Styling the main "Contact" button */
.dropdown-toggle {
  /* color: #007bff; /* Blue color for the dropdown trigger text */
  font-weight: bold; /* Make the text bold */
}

.dropdown-toggle:hover {
  /*color: #00469f; /* Darker blue on hover */
}