body{

  overflow-x: hidden;

}



.f-14{

  font-size: 	14px;

}



.banner{

  height: 350px;

  position: bottom center;

}



.subject{

  height: 350px;

}



.footer{

  padding:15px;

  border-radius: 0;

  border-left: none;

  border-right: none;

  margin-bottom: 0

}



.no-border{

  border: none;

}



.btn-view-more{

  border: 2px solid #004F7B;

  background: #004F7B;

  color: white;

  border-radius: 5;

}



.btn-view-more:hover{

  border: 2px solid #004F7B;

  background: transparent;

  color: #004F7B;

  border-radius: 5;

}



.distance{

  margin-left: 50px;

  margin-right: 50px;

}



.bold{

  font-weight: bold;

}



.icon{

  margin:-3px 0 10px;

}



#dis{

  margin-left: 10px;

}



.row{

  margin-left: 0;

  margin-right: 0;

}



.shadow:hover{

  box-shadow: 10px 10px 10px 10px #888888;

}



.left-border{

  border-left: 1px solid #eee;

}

.price{

  font-size: 2em !important;

  line-height: 1.25em;

}



.pad-30{

  padding: 30px;

}



.red{

  color: red;

}



.orange{

  color: orange;

}



.m-t-30{

  margin-top: 30px;

}



.p-l-15{

  padding-left: 15px;

}



.ava{

  border-radius: 100%;

  width: 100px;

  height: 100px;

}



.m-b-0{

  margin-bottom: 0

}



.m-t-0{

  margin-top: 0;

}



@media (min-width:1200px){

  .search{

    width: 	700px;

  }

  .thumbheight{

    min-height: 500px

  }

  .maps{

    width: 100%;

    height: 100%

  }

}



@media (min-width:992px) and (max-width:1199px){

  .search{

    width: 	550px;

  }

}



@media (min-width:768px) and (max-width:991px){

  .search{

    width: 	490px;

  }

  .maps{

    width: 200px;

    height: 300px

  }

}



.navbar.navbar-default .navbar-brand img.logo-desktop {

  margin-top: -5px

}



footer.contact {

  margin: 80px 0 0;

  width: 100%;

  overflow: hidden;

  background: #004f7b;

}

footer.contact .container .row .content {

  margin-top: 40px; 

}

footer.contact .container .row .content .top, footer.contact .container .row .content .bottom {

  margin-bottom: 40px; 

}

footer.contact .container .row .content .top img, footer.contact .container .row .content .bottom img {

  float: left;

  margin-right: 20px; 

}

footer.contact .container .row .content .top h4.title, footer.contact .container .row .content .bottom h4.title {

  color: #fff;

  font-family: "montserrat-medium", Helvetica, Arial, sans-serif; 

}

footer.contact .container .row .content .top p.description, footer.contact .container .row .content .bottom p.description {

  color: #fff;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

  max-width: 80%;

  padding-left: 96px; 

}

footer.contact .container .row .content ul.social-media {

  list-style: none;

  margin-top: 50px; 

}

footer.contact .container .row .content ul.social-media li {

  display: inline-block; 

}

footer.contact .container .row .content ul.social-media li a img {

  width: 50px;

  height: 50px; 

}



.navbar.navbar-default {

  background: #Fff;

  border-bottom: none;

  -moz-box-shadow: 1px 3px 19px rgba(0, 0, 0, 0.05);

  -webkit-box-shadow: 1px 3px 19px rgba(0, 0, 0, 0.05);

  box-shadow: 1px 3px 19px rgba(0, 0, 0, 0.05);

  margin-bottom: 4px; 

}

.navbar.navbar-default .navbar-brand img.logo-desktop {

  width: 140px; 

}

.navbar.navbar-default .navbar-nav li a {

  font-family: "montserrat-regular", Helvetica, Arial, sans-serif;

  font-size: 14px;

  color: #000000; 

}

.navbar.navbar-default .navbar-nav li a:hover {

  color: #004f7b; 

}

.navbar.navbar-default .navbar-nav li a.active {

  color: #004f7b;

  background: transparent;

  border-bottom: 3px solid #004f7b; 

}



.new-training{

  padding: 10px 15px;

  background-color: transparent;

  border-top: none;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}



.wework .container-fluid .row #sliDer .owl-item {

  margin-right: 0!important; 

}



#sliDer {

  margin-bottom: 40px;

}



#sliDer .owl-nav {

  display: none; 

}



.digital-partner-services .container .row .bottom .circle {

  position: relative;

  display: inline-block;

  width: 200px;

  height: 200px;

  padding-left: 15px;

  padding-right: 15px;

  padding-top: 55px;

  border-radius: 50%;

  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1);

  text-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);

  background: #c6fdff;

  font-family: Helvetica, Arial Black, sans;

  text-align: center;

  color: #333333; 

}

.digital-partner-services .container .row .bottom .circle i.fa {

  font-size: 30px;

  margin: 0; 

}

.digital-partner-services .container .row .bottom .circle p {

  font-size: 16px;

}

.digital-partner-services .container .row .bottom .circle {

  margin-top: 20px; 

}



.wework .container-fluid .row .desc {

  width: 100%;

  max-width: 70%;

  margin: auto;

}



.wework .container-fluid .row .desc p {

  text-align: center;

  font-size: 20px;

  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;

}



.digital-partner-services .container .row .top p {

  margin-top: 40px;

  font-size: 20px;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

}



header.contact {

  height: 337px;

  background: url("../img/banner/banner-contact.png");

  margin: 0;

  background-repeat: no-repeat;

  background-size: cover; 

}

header.contact .container .row h3.title {

  color: #fff;

  font-size: 28px;

  font-family: "montserrat-regular", Helvetica, Arial, sans-serif;

  margin: 100px 0 20px; 

}

header.contact .container .row p.description {

  font-size: 16px;

  color: #fafafa;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

  font-weight: 300; 

}



.getin .container .row .top-content p.description {

  font-size: 16px;

  font-family: "opensans-medium", Helvetica, Arial, sans-serif;

  margin-top: 20px;

  font-weight: 600;

}



.getin .container .row .top-content hr {

  border-top: 4px solid #999;

}



.getin .container .row .content-bottom h3.title {

  color: #004F7B;

  font-family: "opensans-medium", Helvetica, Arial, sans-serif;

  font-weight: bold;

}



@media screen and (max-width: 800px) {

  .table-contact tbody tr {

    display: grid; 

  }

}



.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

  padding: 8px;

  line-height: 1.42857143;

  vertical-align: top;

  border-top: none;

}



input[type=checkbox], input[type=radio] {

  margin: 4px 0 0;

  margin-top: 1px;

  line-height: normal;

}



.getin .container .row .content-bottom .table td {

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

  font-weight: 900;

}



.getin .container .row .content-bottom .table td span {

  margin-left: 10px;

}

header.service .container .container-fluid .row h3.title {

  color: #fff;

  font-size: 28px;

  font-family: "montserrat-regular", Helvetica, Arial, sans-serif;

  margin: 100px 0 20px; 

}

header.services .container-fluid .row p.description {

  font-size: 16px;

  color: #fafafa;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

  font-weight: 300;

}

header.services .container-fluid .row .slide-service img {

  width: 100%; 

}



header.service {

  height: 337px;

  background: url("../img/banner/banner-7.png");

  margin: 0;

  background-size: cover; 

  background-position: center;

}


header.service .container .row p.description {

  font-size: 16px;

  color: #fafafa;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

  font-weight: 300; 

}

header.service .container .row .slide-service img {

  width: 100%; 

}



.digital-partner {

  background: #f2f2f2;

  margin: 0; 

}

.digital-partner .container .row {

  margin-top: 50px;

  margin-bottom: 30px; 

}

.digital-partner .container .row img {

  margin-bottom: 20px; 

}

.digital-partner .container .row p.description {

  color: black;

  font-size: 20px;

  margin-bottom: 20px;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif; 

}



.provide .container-fluid .row .desc {

  width: 100%;

  max-width: 70%;

  margin: auto; 

}

.provide .container-fluid .row .desc p.top {

  text-align: center;

  font-weight: 500;

  font-size: 20px;

  font-family: "opensans-semibold", Helvetica, Arial, sans-serif;

  margin: 80px 0 20px; 

}

.provide .container-fluid .row .desc p.bottom {

  text-align: center;

  font-weight: 500;

  font-size: 20px;

  font-family: "opensans-semibold", Helvetica, Arial, sans-serif; 

}



footer.services {

  margin: 80px 0 0;

  width: 100%;

  overflow: hidden;

  background: #004f7b;

  height: 428px; 

}

footer.services .container-fluid .row .content-left {

  position: absolute;

  left: 0;

  width: 65px;

  background: #f0f0f0;

  height: 428px;

  z-index: 121; 

}

footer.services .container-fluid .row .content-left ul {

  position: absolute;

  bottom: 0;

  margin: 0;

  left: 0; 

}

footer.services .container-fluid .row .content-left ul li {

  list-style: none;

  background: #e9e9e9;

  padding: 21px;

  position: relative; 

}

footer.services .container-fluid .row .content-left ul li:hover {

  background: #004f7b; 

}

footer.services .container-fluid .row .content-left ul li:hover i.fa {

  color: #ffffff; 

}

footer.services .container-fluid .row .content-left ul li i.fa {

  color: #000000;

  font-size: 24px; 

}

footer.services .container-fluid .row .content {

  text-align: center;

  position: relative;

  z-index: 120; 

}

footer.services .container-fluid .row .content h5 {

  color: #ffffff;

  font-size: 22px;

  margin: 140px 0 50px;

  font-family: "montserrat-regular", Helvetica, Arial, sans-serif; 

}

footer.services .container-fluid .row .content p {

  font-size: 16px;

  color: #ffffff;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

  margin-bottom: 40px; 

}

footer.services .container-fluid .row .content .btn-outline-white {

  color: #ffffff;

  background: transparent;

  border: 1px solid #ffffff;

  font-family: "opensans-regular", Helvetica, Arial, sans-serif;

  font-size: 18px;

  padding:15px 30px;

  border-radius: 6px; 

}

footer.services .container-fluid .row .content .btn-outline-white:hover {

  background: #ffffff;

  color: #000000; 

}

footer.services .container-fluid .row .animation {

  position: relative;

  top: -320px;

  left: 260px; 

}

.getin .container .row .content-bottom .btn-send {

  background-color: transparent;

  padding: 10px 20px;

  border: 2px solid #004F7B;

  border-radius: 5px;

  color: #004F7B;

  font-size:18px;

}

.getin .container .row .content-bottom .btn-send:hover {

  background-color: #004F7B;

  padding: 10px 20px;

  color: #fff; 

  border: 2px solid white;

  border-radius: 5px;

  font-size:18px;

}



.f-16{

  font-size:16px;

}



.btn-payment{

  color:white;

  background-color: #004F7B;

  border: 3px solid #004F7B;



}



.btn-payment:hover{

  color: #004F7B;

  background-color: white;

  border: 3px solid #004F7B;

}



.font-harga{

  font-size: 24px;

}





.f-20{

  font-size: 20px;

}



.blue-font{

  color: #004F7B;

}



.pad-15{

  padding: 15px;

}



.red-font{

  color:red;

}



.img-service{

  width:80%;

}



.service-box{

  height: 250px;

  width: 350px;

}



.our-services {

  background-color: #f2f2f2;

}



.no-pad{

  padding-left: 0;

  padding-right: 0

}



.no-pad-panel{

  padding: 0;

}



.digimaster-login{

  background: #f2f2f2;

}



.digimaster-order{

  padding: 80px 0;

}



.img-login{

  width:100%

}



.box-login{

  padding:90px 0;

}



.form-login{

  padding:50px 70px;

}



.logo{

  width: 80%;

}



@media (min-width:1200px){

  .box-login{

    padding:20px 45px;

  }



  .form-login{

    padding:50px;

  }



  .img-login{

    width:100%

  }

}



.text-danger{

  color:red;

}



.text-success{

  color:green;

}



.caption{

  min-height: 180px;

}



.label-success{

  background-color: #36c6d3;

}

.label-success[href]:hover, .label-success[href]:focus{

  background-color: #27a4b0;

}

.label-warning{

  background-color: #F1C40F;

}

.label-warning[href]:hover, .label-warning[href]:focus{

  background-color: #c29d0b; 

}



.label-payment{

  padding: 5px 10px;

  font-size: 13px;

  line-height: 1.5;

  border-radius: 3px;

  background-color: #36c6d3;

}



.box-success{

  background-color: green;

  color:white;

  padding: 5px;

  border-radius: 5px;

}



.box-danger{

  background-color: red;

  color:white;

  padding: 5px;

  border-radius: 5px;

}



.transparent{

  background-color: transparent;

  border:none;

}



#simple-box{

  width:100%;

  height:300px;

  background:lightgrey;

}



.blue-border{

  border:1px solid #004F7B;

}



.blog-content-box{

  padding:0;

  z-index: 2;

}

.blog-box:hover .blog-content-box{

  transform: scale(0.9);

}

.blog-box{

  border:none;

}

.image{

  z-index: 1;

}

.blog-title-main{

  z-index: 2;

  color: #fff;

  background: rgba(0,0,0,0.7);

  margin-top: -95px

}



.blog-title-side{

  padding: 10px 15px 0 15px;

  z-index: 2;

  color: #fff;

  background: rgba(0,0,0,0.7);

  margin-top: -68px

}

.blog-list:hover{

  background-color: rgba(0,79,123,0.5);

  color: white;

  box-shadow: 10px 10px 5px #ccc;

}

.other-blog{

  padding:10px;

}

hr.star-light, hr.star-primary {

    padding: 0;

    border: none;

    border-top: solid 5px #004f7b;

    text-align: left;

    margin: 25px auto 30px;

}



.blog-title-detail{

  z-index: 2;

  color: #fff;

  background: rgba(0,0,0,0.7);

  margin-top: -95px

}



.content-blog{

    font-family: "Benton Sans";

    font-size: 17px;

    line-height: 1.7em;

}



.title-blog{

  font-family: "Benton Sans";

}



section.blog{

  font-family: "Benton Sans";

}



.text-other-blog{

  margin-top: 5px;

  margin-bottom: 5px;

}

.no-pad{

  padding: 0;

}

.pad-album{
  padding-left: 0;
  padding-bottom: 15px;
}

.career-title{
  margin-bottom: 10px;
  min-height: 48px;
}

.thumbnail-career{
  box-shadow: none;
  padding: 15px;
}

.caption-career{
  min-height:220px;
}

.section-career{
  margin-top: 30px;
}

.btn-apply{
  background: none;
  border:1px solid #004F7B;
  color: #004F7B;
  border-radius: 5;
}

.btn-apply:hover{
  background: #004F7B;
  border:1px solid #004F7B;
  color: white;
  border-radius: 5;
}