/* RKR 30/07/24 */
.box-icon-wa{
  display: flex;
  align-items: center;

}
.box-icon-wa img{
  width:18px; 
  height:18px; 
  margin-right:0.5rem; 
  filter: invert(58%) sepia(12%) saturate(2346%) hue-rotate(74deg) brightness(93%) contrast(92%);
}
.box-icon-wa a{
  color: #39AE41 !important; 
  font-weight:500;
}


/* new landing page */
/* FILTER */
.box-filter{
  padding: 15px;
  border-bottom: 2px solid #d4d4d4;
}
.box-filter .btn-item{
  /* margin-right: 10px; */
}


/* LISTING */
.product-container{
  display: flex;
  flex-wrap: wrap; /* Agar elemen bisa turun ke baris berikutnya */
  justify-content: center; /* Menyesuaikan posisi elemen */
}
.product-item{
  position: relative;
  flex: 1 1 300px; /* Lebar minimal 300px, bisa melebar */
  text-align: center;
  margin: 15px;
  border-radius: 8px;
  box-shadow:  0 2px 4px rgba(29, 31, 32, .1), 0 0 2px rgb(29 31 32 / 8%);;
}
.product-card{
  display: flex;
  height: auto;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: space-between;
  background-color: #fff;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.product-header img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom:1px solid #d4d4d4;
}
.product-body{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 20px 10px 10px 10px;
}
.product-body h3{
  font-size: 14pt;
  font-weight: 600;
  color: #9a0e14;
}
.product-body p{
  color: #9a0e14;
}
.product-body .price{
  font-size: 18pt;
  font-weight: 700;
}
.product-body .button-social-media{
  position: relative;
}
.product-footer .kamar{
  padding: 10px;
}


/* #DEFAULT BOOTSTRAP */
.d-flex {
  display: flex!important;
}
.justify-content-center {
  justify-content: center!important;
}
.align-items-center{
  align-items: center;
}
.flex-fill {
  flex: 1 1 auto; /* Mengisi ruang yang tersedia secara proporsional */
}
.flex-column {
  flex-direction: column; /* Menyusun elemen dalam kolom (vertikal) */
}
.flex-grow-1 {
  flex-grow: 1; /* Membuat elemen tumbuh untuk mengisi ruang yang tersedia */
}
.flex-container {
  display: flex;
  flex-wrap: wrap; /* Agar elemen bisa turun ke baris berikutnya */
  justify-content: space-between; /* Menyesuaikan posisi elemen */
}
.flex-item {
  flex: 1 1 300px; /* Lebar minimal 300px, bisa melebar */
  padding: 20px;
  background: #007bff;
  color: white;
  text-align: center;
  margin: 10px;
  border-radius: 8px;
}

/* ===================================== */




/* ===================================== */


span.select2-container .select2-selection--single {
  background-color: transparent;
  border-color: #7c3330;
  font-size: 2.5vh;
  border-radius: 5vh;
  height: 6vh;
  border-width: 0.4vh;
  color: grey;
}
#select2-select_filter_kota-container.select2-selection__rendered {
  display: flex;
  height: 100%;
  align-items: center;
  padding:0rem 2rem 0rem 2rem;
}
span.select2-selection.select2-selection--single{
  border-top-left-radius:4vh !important;
  border-top-right-radius:4vh !important;
}

.select2-container{
  z-index:9999;
}

span.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:35px;
  right:10px;
}

.detail-price{
  float:left;
}
.swiper-button-next.swiper-populer{
  top:30%;
}
.kota{
  height:6vh; border-radius: 5vh; color: #7c3330; background-color: transparent; font-weight: 450; border-color: #7c3330;
}
.kamar-mdmt{
 border-radius: 5vh; color: #7c3330; background-color: transparent; font-weight: 450; border-color: #7c3330;
}
.pd-0{
  padding:0;
}
.md-cariprovinsi{
  display: flex;
}
.m-r-05{
  margin-right:0.5rem;
}
.m-r-1{
  margin-right:1rem;
}
.pd-r-1{
  padding-right:1rem;
}
.pd-lr-1{
  padding:0rem 1rem 0rem 1rem;
}
.pd-lr-2{
  padding:0rem 2rem 0rem 2rem;
}
.pd-t-3{
  padding-top:3rem;
}
.pd-t-4{
  padding-top:4rem;
}
.see-all-project{
  display: flex;
  justify-content: center;
  font-size: 1.5em;

}
.chip {
  display: inline-block;
  padding: 0 25px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  border-radius: 25px;
  border:1px solid #9b9b9b;
  background-color: transparent;
}
.swiper-container-branch{
  height:inherit;
}
.swiper-button-next.swiper-new{
  top:50%;
}
.product-box.rounded{
  border-radius:3rem;
}
.font-black{
  color:#000;
}
.search-input-text{
  border-top:none; 
  min-width:46%; 
  padding:0; 
}
.cari-lokasi{
  font-size: 2rem;
  border: unset;
}

.suggestion{
  background:#fff;
  position:absolute; 
  display:none;
  border:1px solid #7c3330;
  height:5.5rem;
  padding:5px;
  width:70vh;
  display:flex;
  z-index:99;
}

.title-property{
  text-align: left;
  /* padding-top:1rem; */
  margin:0;
}
.recomended{
  border: 3px solid #fff; color: white; border-radius: 1.5rem 0rem 0rem 1.5rem;padding: 8%;width: 120%;
}
.property-page{
  position: absolute; z-index: 3; top: 3%; right:5.5%;
}
.search-beranda {
  background-color:#7c3330;
  border-radius:3vh;
}
div .dd-harga{
  margin-top:0px !important; 
  /* min-width:345px; 
  min-height:40vh;  */
  width:100vw;
  position: absolute; 
  inset: 0px auto auto 0px; 
  transform: translate3d(-83px, 10px, 10px);
}
.div-inner-search{
  display:flex;
}
#hapus-filter-harga{
  background-color: transparent; color: #000; border: 1px solid #ddd;
}
.div-search-detail{
  width:90%; 
  display:flex; 
  background-color: #fff; 
  align-items: center; 
  border-radius: 4vh;
}

.div-search-btn {
  width:10%; 
  padding-left:1rem;
  display:flex;
  align-items: center;
}
.padd{
  padding-top:1rem; 
  padding-left:2.5%; 
  padding-right:2.5%; 
  padding-bottom:1rem;
}
.container {
  /* padding-top:1rem;  */
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.header-top {
  background:#fff;
  height: 70px;
  /* line-height:100px; */
  padding-top: 6px;
  padding-bottom: 6px;
}


.img-mg-l{
  margin-left: 25px;
}
.img-mg-r{
  margin-right: 25px;
}

.flex-contact{
  display: unset!important;
}
.swiper-button-next{
  top:52%;
}

.swiper-button-prev{
  top:52%;
}


@media (min-width:1000px){
  .marketing {
    /* position: fixed; */
    max-width: 370px !important;
  }
}
/* ini untuk website */
@media (min-width: 800px){
  .img-mg-l{
    margin-left: 25px;
  }
  .img-mg-r{
    margin-right: 25px;
  }
  .flex-contact{
    display: flex!important;
  }
  .modal-request .modal-dialog {
      max-width:100%;
      width:55%;
  }
  .modal-35 .modal-dialog {
    max-width:100%;
    width:35%;
  }
  .modal-50 .modal-dialog {
      max-width:100%;
      width:50%;
  }
  .modal-55 .modal-dialog {
      max-width:100%;
      width:55%;
  }
  .modal-60 .modal-dialog {
      max-width:100%;
      width:60%;
  }
  .modal-65 .modal-dialog {
      max-width:100%;
      width:65%;
  }
  .modal-70 .modal-dialog {
      max-width:100%;
      width:70%;
  }
  .modal-90 .modal-dialog {
      max-width:100%;
      width:90%;
  }
  .modal-fullwidth .modal-dialog {
      max-width:100%;
      width:100%;
  }
  .modal .div-loader {
      position:absolute;
      padding:15% 38%; 
  }
  .modal-70 .div-loader {
      position:absolute;
      padding: 15% 45%;
  }

  
  .banner {
    min-height: 400px;
    background: #eeeeee;
    border-bottom: 1px solid #eaeaea;
  }
  .banner .bg-img {
    width:100%;
    min-height: 400px;
    max-height: 600px;
    object-fit:cover;
    object-position: 50% 50%; /* default value: image is centered*/
    object-position: 0 0; /* positioned top left of the content box */
  }
  .navbar-brand {
    display:none;
  }
  .sticky {
    position: fixed;
    max-width: 26%;
  }
  /* The sticky class is added to the header with JS when it reaches its scroll position */
  .sticky {
    position: fixed;
    top: 80px;
  }



  /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
  .sticky + .content {
    padding-top: 200px;
  }

}
@media (min-width:800px){
  .navbar {
    min-height: 40px !important;
  }
}
@media (min-width: 760px){
  .slideshow .item img {
    min-height:768px;
  }
   

  .div-search {
    /* position:absolute; */
    /* top: 450px;
    width:50%;
    max-width:65000px;
    left:25%;
    right:25%; */

    width:100%;
  }
  .page-agent .div-search {
    padding:50px 0px;
    position:static;
    top: 450px;
    width:50%;
    max-width:65000px;
    margin-left:25%;
    margin-right:25%;
  }
  .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    max-height: 768px !important;
    min-height: 600px;
    object-fit: cover;
    margin: 0 auto;
  }
  .product-detail .carousel-inner>.item>a>img, .product-detail .carousel-inner>.item>img{
    display: block;
    max-width: 100%;
    min-height: 400px;
    max-height:  400px !important;
    object-fit: scale-down;
    background: #fff;
    margin: 0 auto;
  }
  .navbar {
    border-top: 1px solid #9a0e14;
    border-bottom: 1px solid #9a0e14;
    background: #9a0e14 !important;
  }
  .navbar { 
    padding:0px !important;
  }
  .navbar .navbar-nav > li > a {
    padding: 10px;
    color:#fff;
  }
  .navbar-default .navbar-nav > li > a:hover {
    color:#9a0e14;
    background:#fff;
    border-radius:0px;
  }
  .sub-nav a{
    color:#4f4f4f !important;
  }
  
  .contact-us .kontak {
    margin: 20px;
  }
  .hubungi-kami {
    padding:0px 30px !important;
  }
  .div-row {
      display: table;
  }

  [class*="div-col"] {
      float: none;
      display: table-cell;
      vertical-align: top;
  }
  .search-div .col-sm-4, .search-div .col-sm-8 {
    /*padding-left:0px !important;
    padding-right:0px !important;*/
  }
}

@media (min-width: 2000px){

  .hero-slide .carousel-inner>.item>img {
      min-width: 0% !important;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
  .product-detail .hero-slide .carousel-inner>.item>img {
      padding-right: 0px;
      padding-left: 0px;
  }
  .div-search {
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      width:900px !important;
  }
  
}
/*ini untuk tampilan android */
@media only screen and (max-width: 760px) {
  .footer-widget-section a {
    font-size: 11pt;
    display: block;
    min-width: 50px;
    min-height: 48px;
}
.navbar-toggle {
  min-width: 48px;
  min-height: 48px;
  margin-top: 0;
  margin-right: 0;
} 
  .mobile-text-center {
    text-align:center;    
  }

  .form-contact .btn-kontak {
    width:100%;
  }
  .md-cariprovinsi{
    display:block;
  }
  #map,.contact-map {
    min-height: 400px !important;
  }  
  .div-search {
    padding:10px;
    margin:30px 0px
  }  
  .kotak-article .btn-detail .btn {
      padding: 8px 30px;
      margin-bottom: 20px !important;
  }
  .row.product-kotak {
    margin-left:0px;
    margin-right:0px;
  }
  .product-detail .price, .product-detail .transaction {
    float: none !important;
  }
  .product-detail .transaction {
    width:fit-content;
  }
  .div-hubungi-kami .list-news, .form-contact .row{
    padding-right:15px;
    padding-left:15px;
    margin: 15px;
  }
  .div-hubungi-kami .item-news {
    margin-bottom:15px;
  }
  .contact-us .kontak {
    margin:15px !important;
  }
  .show-inmobile {
    display: block !important;
  }
}
/*ini untuk tampilan android */
@media only screen and (max-width: 800px) {  
  .box-bulat {
    width:300px ;
    height:300px ;
    /* width:300px !important;
    height:300px !important; */
  }

  .list-agent .product-box .product-text {
    bottom: -250% ;
}
  
  .banner .bg-img {
    width:100%;
  }
  .banner {
    min-height:100% !important;
  }
  .list-agent .product-box{
    height:100px !important;
  }
  .kotak-article .btn-detail .btn {
      padding: 8px 30px;
      margin-bottom: 20px !important;
  }
  .navbar-default {
      background: #fff !important;
      /* padding: 10px 0; */
      border: none;
      border-radius: 0;
      border-bottom: 1px solid #eaeaea;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse.collapse {
      display: none !important;
  }
  .navbar-default {
      background: #fff !important;
      padding: 10px 0 !important;
      border: none;
      border-radius: 0;
      border-bottom: 1px solid #eaeaea;
  }
  .list-agent {
    margin-left:15px !important;
    margin-right:15px !important;
  }
}

/*  */
.contact-us .div-hubungi-kami {
  padding-right: 0px;
  padding-left: 0px;
}
.div-hubungi-kami .item-news {
  padding-top: 15px;
  border:1px solid #eaeaea;
  margin-top: -1px;
  margin-left: -1px;
}
.div-hubungi-kami .item-news .title {
  padding:0px;
}
#list-detail-branch img{
  max-height: 200px !important;
  max-width: unset!important;
}

.div-hubungi-kami .item-news img {
  min-height: 120px !important;
  max-height: 120px !important;
  max-width: 120px !important;
  border-radius:0px !important;
}
.div-hubungi-kami .item-news .col-sm-12 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.div-hubungi-kami .kotak-article .info {
  padding:5px;
}
.top-contact a{
    color:#fff;
}
.product-box-1 {
  overflow: hidden;
}
.product-box-1 img{
  width       : 100%;
  height      : 100%;
  transition    : all 1s ease-in-out 0s;
  -moz-transition   : all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  -o-transition   : all 1s ease-in-out 0s;
  object-fit    : cover;
}
.product-box-1:hover img {
    /*transform: scale(1.2) rotateZ(-5deg);*/
    transform       : scale(1.2);
    -moz-transform    : scale(1.2);
    -webkit-transform :  scale(1.2);
    -o-transform    : scale(1.2);
}

.sticky-nav, .navbar-default {
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.47);
}
.product-kotak .col-sm-4, .product-kotak .col-sm-6, .product-kotak .col-sm-12 {
  display:block;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;
}

.product-kotak .product-box{
  border: 0px;
  object-fit: cover;
  /* padding: 10%; */
  background:#fff;
  width:100%;
  width:100%;
  height: 530px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  /*   border-radius: 3px; */
  /*   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); */
  /*   box-shadow: 0 1px 1px rgba(0,0,0,.05); */
}
/*.product-kotak .cluster{
  height: 370px;
}*/

.list-agent .product-box img{
  padding: 10%;
}

.product-kotak #list-project .product-box{
  height: 350px;
}
.product-kotak #list-project .hot-project{
  height: 360px;
}
#list-project .hot-project .address {
  height:30px;
}
#list-project .product-text-fix{
  height: 150px;
}
.item-properti .hot-project .product-text-fix{
  /* height: 110px !important; */
}
.list-product-category .col-sm-4 .product-box {
  /* height:300px; */
}
.list-product-category .swiper-slide .product-box {
  height:300px;
}
.col-sm-3 .product-box  {
  height:300px;
  margin-bottom:30px;
}
.product-kotak .product-box img{
  width:100%;
  height: 250px !important;
  transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  object-fit: cover;
}
.list-agent .product-box img{
  object-fit: contain;
  height:100% !important;
}
.list-agent .swiper-slide .product-box img{
  height: 100% ;
}

.swiper-slide .product-box img, .solution-kotak .product-box img, .list-agent .list-search img{
  height: 100%;
}
.product-box .product-text {
  text-align: center;
  height: 10px;
  padding: 10px;
  background: #9a0e14;
  bottom: -48px;
  color: #fff;
  display: table;
  left: 0;
  opacity: 1;
  position: absolute;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  width: 100%;
  border-radius:0px 0px 3px 3px;
}
.product-box .product-text-fix {
    text-align: center;
    height: 280px;
    padding-right: 20px;
    padding-left: 32px;
    padding-bottom: 58px;
    background: #ffffff;
    bottom: 0px;
    color: #303841;
    display: table;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    width: 100%;
    /* border-radius: 0px 0px 3px 3px; */
    border-top: 1px solid #eaeaea;
}
.cluster .product-text-fix {
    /*height: 120px;*/
}
.product-text .title {
  display: block;
  /* font-weight: bold; */
  font-size: 20px;
}
.product-text .remark {
  min-height: 40px;
  margin-top: 10px;
}
.product-text .text {
   /* opacity: 0; */
}
.product-text .more {
  display: block;
  color: #fff;
  font-weight: 500;
}
.product-box:hover .product-text {
  opacity: 1;
  height: 50%;
  background: #9a0e14;

  /*bottom: 0;*/

}
.product-box .transaction {
  background:#9a0e14;
  padding: 5px 20px;
  color:#fff;
  position:  absolute;
  top: 50px;
}
.product-box .recomended{
  background: #f92a33;
  padding: 5px 20px;
  color:#fff;
  position:  absolute;
  top: 50px;
  right:0px;
}

.product-box .transaction-sell {
  background: #526069;
  padding: 10px 20px;
  color:#fff;
  position:  absolute;
  top: 0px;
  width:100%;
  text-align:center;
}


.list-agent .product-box .info {
  text-align:left;
  font-size: 10pt;
}
.list-agent .product-box .info td{
  vertical-align:top;
  padding-right:10px;
}
.list-agent .product-box .product-text {
    bottom: -200%;
}
.list-agent .product-box:hover .product-text {
  opacity: 1;
  bottom:0px;
  height: 100%;
  background: rgba(154, 14, 20, 0.77);
}
.list-agent .product-box .product-text.indo {
  opacity: 1;
  bottom:0px;
  height: 100%;
  text-shadow: 3px 2px 30px rgb(0 0 0);
  background: rgb(154 14 20 / 25%);
}
.product-box:hover img {
    /*transform: scale(1.2) rotateZ(-5deg);*/
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.product-box:hover {
/*   box-shadow: 2px 3px 2px rgba(0,0,0,.05) !important; */

}
.product-kotak .product-box .title {
  font-size: 14pt;
  font-weight: 600;
}
.kamar-top {
  height: 35px;
  /*display: flex;*/
  left:0px;
  right:0px;
  position:absolute;
  width:100%;
  bottom:40px;
  background: #fff;
  border-top: 1px solid #eaeaea;
  padding-top: 2px;
}
.kamar {
  /* height: 35px; */
  /*display: flex;*/
  padding-left:20px;
  left:0px;
  right:0px;
  position:absolute;
  width:100%;
  bottom:0px;
  background: #fff;
  border-top: 1px solid #eaeaea;
  padding-top: 2px;
  font-weight: bold;
}
.div-rating {
  height: 35px;
  display: flex;
  left:0px;
  right:0px;
  position:absolute;
  width:100%;
  bottom:0px;
  background: #fff;
}
.kamar .col {
    font-size:10pt;
    padding: 3px;
}
.kamar .col, .div-rating .col {

  width: 100%;
  padding:3px;
  /*border-top:1px solid #eaeaea;*/
  
}
.rating-text {
  font-size:15pt;
  vertical-align:top;
  margin:-0px;
}
.address i {
  color:#7c3330;
}
.address {
  /* height: 20px; */
  text-align:left;
  overflow:hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.product-box .price {
  font-size: 18pt !important;
  text-align:center;
  color: #9a0e14 !important;
  font-weight: 500 !important;
  padding:5px 5px 5px 0px;
  height: 40px;
  float:none !important;
}
.product-box .price-left {
  text-align:left !important;
}
.price-normal {
  text-align: left !important;
  float:left;
  display:block;
  font-size:11pt !important;
  font-weight:300 !important;
  color:#303841 !important;
  padding:0px !important;
}
.product-box .new {
  font-size:10pt;
  background: #009688;
  color:#fff;
  padding: 0px 6px;
  text-transform:lowercase;
  border-radius: 12px;
  margin-left:5px;
}

.div-search-normal {
  position:static;
  width:100%;
}


.div-search input {
  font-size: 20px;
  width: calc(100% - 120px);
  padding-left: 16px;
  border-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #333;
  margin: 0;
  border: 1px solid #7c3330;
  height: 45px;
  box-sizing: border-box;
  outline: none;
}
.div-search button {
  background-color: #7c3330;
  color: #fff;
  width: 120px;
  height: 45px;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0;
  display: table-cell;
  text-align: center;
  -webkit-appearance: button;
  margin: 0;
  border: 1px solid #7c3330;
  box-sizing: border-box;
  outline: none;
  float: right;
}

div .filter-btn{
  width:100%; position:relative; right:0%; font-size:2.5vh; display:flex; justify-content:left; background-color:transparent; 
  border-color:transparent; color:#7c3330; font-weight:500; border-left: 1.5px solid black; border-left-width:90%; padding: 1.22vh;
}

.footer {
  background: #fff;
  border-top: 1px solid #eaeaea;
}

.footer-widget-section a {
  font-size:13pt;
  color:#303841;
}
.footer-widget-section a:hover, .div-agent a:hover {
  color:#7c3330;
}
.client-logo {
  background:#ffffff;
}
.client-logo a img {
  opacity: 1;
  background: #ffffff;
}
.header-top a, .header-top .social-icon{
  color:#303841 !important;
}
.top-contact span {
  color:#303841;
  font-size: 10pt;
  font-weight:bold;
  margin-bottom:0px;
  padding:0px;
}
.top-contact a {
  display:block;
  padding:0px;
  margin:0px !important;
}
.top-contact i {
  color:#c41b0f;
}

.top-contact .ikon{
  /* width: 15px; */
  /* height: 15px; */
}
.top-contact {
  line-height:10px;
  margin-top:15px;
}
.top-contact li {
  text-align:left !important;
  margin-left:10px;
}

.header-top .brand {
  vertical-align:unset;
}
.ikon-25{
  background-size: cover !important;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  opacity: 1 !important;
}
.ikon {
  background-size: cover !important;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 5px ;
  opacity:  1 !important;
}
.ikon-18 {
  width: 18px;
  height: 18px;
}
.ikon-20 {
  width: 20px;
  height: 20px;
}
.ikon-22 {
  width: 22px;
  height: 22px;
}
.ikon-23 {
  width: 23px;
  height: 23px;
}
.ikon-25 {
  width: 25px;
  height: 25px;
}
.ikon-30 {
  width: 30px;
  height: 30px;
}
.ikon-download {
  background: url(../../../aset/icon/download.svg);
}
.ikon-video {
  background: url(../../../aset/icon/video.svg);
}
.ikon-faq {
  background: url(../../../aset/icon/faq.svg);
}
.ikon-knowledge {
  background: url(../../../aset/icon/knowledge.svg);
}
.ikon-office {
  background: url(../../../aset/icon/office.svg);
}
.ikon-contact {
  background: url(../../../aset/icon/contact.svg);
}
.ikon-dataservice {
  background: url(../../../aset/icon/dataservice.svg);
}
.ikon-partner {
  background: url(../../../aset/icon/partner.svg);
}
.ikon-cctv {
  background: url(../../../aset/icon/cctv.svg);
}
.ikon-hotel {
  background: url(../../../aset/icon/hotel.svg);
}
.ikon-parking {
  background: url(../../../aset/icon/parking.svg);
}
.ikon-bank {
  background: url(../../../aset/icon/bank.svg);
}
.ikon-industry {
  background: url(../../../aset/icon/industry.svg);
}
.ikon-traffic {
  background: url(../../../aset/icon/traffic.svg);
}
.ikon-shop {
  background: url(../../../aset/icon/shop.svg);
}
.ikon-truck {
  background: url(../../../aset/icon/truck.svg);
}
.ikon-solution {
  background: url(../../../aset/icon/truck.svg);
}
.ikon-whatsapp{
  background: url(../../../aset/icon/whatsapp.svg);
}
.ikon-phone{
  background: url(../../../aset/icon/phone.svg);
}
.ikon-mail-black{
  background: url(../../../aset/icon/mail-black.svg);
}

.ikon-instagram-red{
  background: url(../../../aset/icon/instagram-red.svg);
}
.ikon-marker-red{
  background: url(../../../aset/icon/marker-red.svg);
}
.ikon-phone-red{
  background: url(../../../aset/icon/phone-red.svg);
}
.ikon-facebook-red{
  background: url(../../../aset/icon/facebook-red.svg);
}
.ikon-mail-red{
  background: url(../../../aset/icon/mail-red.svg);
}

.ikon-whatsapp-grey{
  background: url(../../../aset/icon/whatsapp-grey.svg);
}
.ikon-marker-grey{
  background: url(../../../aset/icon/marker-grey.svg);
}
.ikon-phone-grey{
  background: url(../../../aset/icon/phone-grey.svg);
}
.ikon-mail-grey{
  background: url(../../../aset/icon/mail-grey.svg);
}
.ikon-instagram-grey{
  background: url(../../../aset/icon/instagram-grey.svg);
}
.ikon-facebook-grey{
  background: url(../../../aset/icon/facebook-grey.svg);
}
.ikon-website-grey{
  background: url(../../../aset/icon/website-grey.svg);
}

.ikon-write-grey{
  background: url(../../../aset/icon/write-grey.svg);
}


.ikon-marker-white{
  background: url(../../../aset/icon/marker-white.svg);
}
.ikon-phone-white{
  background: url(../../../aset/icon/phone-white.svg);
}
.ikon-mail-white{
  background: url(../../../aset/icon/mail-white.svg);
}
.ikon-jualbeli{
  background: url(../../../aset/icon/jualbeli.webp);
}
.ikon-sewa{
  background: url(../../../aset/icon/sewa.webp);
}
.ikon-new{
  background: url(../../../aset/icon/new.webp);
}
.ikon-bekas{
  background: url(../../../aset/icon/bekas.svg);
}
.ikon-sertifikat{
  background: url(../../../aset/icon/sertifikat.webp);
}
.ikon-tdijaminkan{
  background: url(../../../aset/icon/tidak_dijaminkan.svg);
}
.ikon-gedungsate{
  background: url(../../../aset/icon/gedungsate.svg);
}
.ikon-pura{
  background: url(../../../aset/icon/pura.webp);
}


.ikon-sertifikat{
  background: url(../../../aset/icon/sertifikat.svg);
  margin-top: 5px;
}
.ikon-sower{
  background: url(../../../aset/icon/sower.svg);
}
.ikon-kasur{
  background: url(../../../aset/icon/kasur.svg);
}
.ikon-fullscreen{
  background: url(../../../aset/icon/fullscreen.svg);
}
.ikon-rumah{
  background: url(../../../aset/icon/rumah.svg);
  margin-bottom: 6px;
}

.ikon-location{
  background: url(../../../aset/icon/location.svg);
}

.ikon-whatsapp{
  background: url(../../../aset/icon/whatsapp.png);
}

.contact-us {
  background: #f0f1f3;
}
.contact-us .title {
  color:#9a0e14;
  font-weight:400;
  padding: 20px 0px;
  font-size:35px;
  text-align: center;
}
.contact-us .kontak {
  border-radius: 0px;
  border: 1px solid #3a4750;
  padding       :15px;
  cursor        :pointer;
  margin-bottom : 20px;
  /* background: #fff; */
}
.contact-us .kontak h3{
  color       :#3a4750;
  font-weight :400;
  font-size   :24px;
}
.form-contact h3 {
  color       :#3a4750 !important;
  font-weight :400 !important;
  font-size   :30px !important;
}
.contact-us .kontak li {
  line-height:30px;
}
.contact-us .div-agent .ikon{
  height  : 15px;
  width   : 15px;
}
.contact-us .contact-map {
  min-height: 400px;
  width       : 100%;
  background  : #eaeaea;
}
.contact-us .kantor-cabang {
  min-height: 100%;
  padding: 15px 0px;
}
.contact-us .hubungi-kami {
  min-height: 500px;
}

.contact-us .kontak:hover{
  border:1px solid #9a0e14;
}
.contact-us .kontak.hovered{
  border:1px solid #9a0e14;
}
.contact-us .kontak.hovered h3{
  color:#9a0e14;
}
.contact-us .kontak:hover h3{
  color:#9a0e14;
}
.contact-us-overlay .box-bulat,.contact-us-detail .box-bulat{
  height: 100%!important;
}
.contact-us-overlay .box-bulat img,.contact-us-detail .box-bulat img{
  min-height: 200px;
}
.contact-us-overlay .box-bulat .product-text,.contact-us-detail .box-bulat .product-text{
  bottom: -200%;
}
.contact-us-overlay .swiper-slide, .contact-us-detail .swiper-slide{
  height: unset;
}
.div-kantor {
  background: #eeeeee;
}
.container-contact {
  background:#fff;
}
.list-data.row {
    margin-right: 0px;
    margin-left: 0px;
}
.product-list .row, .filter-search .row, .kotak-article .row, .list-news, .footer .row {
  margin-right: 0px;
  margin-left :0px;
  margin-bottom:30px;
}
.full-row {
  margin-right:0px;
  margin-left :0px;
  margin-bottom:30px;
}
.form-contact .col-sm-6, .form-contact .col-sm-12 {
  margin-bottom:10px;
}
.form-contact label {
  display     :block;
  font-weight :normal;
}
.form-contact input, .form-contact textarea {
  width   :100%;
  padding :8px;
  border  :1px solid #9E9E9E;
  border-radius : 1px;
  font-size: 11pt;
}
.form-contact textarea {
  height:200px;
}
.btn-kontak {
  background:#9a0e14;
  color     :#fff;
  padding   :10px 30px;
  font-size :15px !important;
}
.btn-kontak:hover {
  color:#fff;
  background:#c1131a;
}

.div-agent .row {
  margin-left:0px !important;;
  margin-right:0px !important;
}
.div-agent .item .img{
  height:150px;
  width:150px;
  border-radius:50%;
  background:#c6c6c6;
  margin-bottom:15px;
}
.div-agent img {
  width:100%;
  max-height: 180px;
  object-fit:cover;
  margin-bottom: 30px;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}

.div-agent h3 {
  color:#c41b0f;
  font-weight:400;
}
.div-agent .principle .item .col-sm-5, .div-agent .principle .item .col-sm-7 {
  padding:0px;
} 
.div-agent .name {
  font-size:20pt;
  margin-bottom:10px;
}
.product-detail .div-agent .name {
  font-size:11pt;
  margin-bottom:10px;
}
.div-agent a{
  color:#3a4750;
}



.padding-15 {
  padding:15px;
}

.kotak-putih {
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 30px;
    width: 100%;
    min-height: 10px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}
.bg-main {
    background: #9a0e14;
    border-bottom: 1px solid #fff;
}
.pointer {
  cursor:pointer;
}
.collapse-link {
    cursor: pointer;
    color: #fff;
}
.box-filter-head {
    padding: 15px;
}
.bg-white {
    background: #ffffff !important;
}
.box-filter-content {
    padding: 10px;
}

.filter-search li {
    position: relative;
    padding: 10px;
    border: 1px solid #eeeeee;
    cursor: pointer;
    margin-bottom: -1px;
    background: #fff;
}
.filter-search .box-filter-content li {
    border-top:none !important;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0px;
}
.filter-search li:hover {
/*     background:#9a0e14; */
    color:#9a0e14;
    border-bottom: 1px solid #eeeeee;
}
.filter-search .box-filter-content li:hover {
  border-bottom: 1px solid #eeeeee;
}
.filter-search input {
  font-size: 13pt;
}
.filter-search .ul-select {
  display:block;
}
.filter-search .li-select{
  min-height:60px;
}
.ul-select .form-control {
  height:40px;
}
.p-0 {
  padding: 0px !important;
}

.div-content {
  background:#fff;
  padding:30px;
}


.banner .img-center {
  height: 100px;
    top: 200px;
    position: absolute;
    z-index: 2;
    width: 40%;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.page-link {
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.page-link a {
    color: #484848;
    text-transform: capitalize;
    margin: 0px 10px;
}
#list-news .kotak-article {
    height: 400px;
}
.kotak-article {
    min-height: 220px;
    max-height: 500px;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 15px;
}
.kotak-article .btn-detail .btn {
    padding: 8px 30px;
}
.btn-outline.btn-default {
    color: #76838f;
    background-color: transparent;
}
.btn-outline.btn-default {
    color: #76838f;
    background-color: transparent;
}

.kotak-article .image img {
    height: 100%;
    width: 100%;
    min-height: 200px;
    max-height: 200px;
    object-fit: contain;
}
.kotak-article .image {
    overflow: hidden;
    max-height: 220px;
    text-align:  center;
}
.kotak-article .info {
    padding: 20px;
}
.product-kotak .col-sm-4 {
    display: block;
    margin-bottom: 30px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 3px;
}
.item-news .col-sm-4 {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
}
.item-agent .kotak-article {
  border-radius:0px !important;
}
.item-agent .image img{
  min-height: 120px;
  max-height: 120px;
  border-radius: 0px;
  max-width: 120px;
}
.item-agent .title {
  font-size:13pt !important;
}
.item-agent .info {
  padding: 10px 0px !important;
}

.kotak-article .title, .kotak-download .title, .kotak-article .writer {
    text-transform: capitalize;
    color: #484848;
}
.kotak-article .title {
    font-size: 13pt;
    margin-bottom: 0px;
    font-weight: bold;
}
.kotak-article:hover .title {
  color:#c7141b;
}
.kotak-article .title, .kotak-download .title,{
    text-transform: capitalize;
    color: #484848;
    font-weight:  bold;
}
.kotak-article .writer  {
    text-transform: capitalize;
    color: grey;
}
.kotak-article .summary {
    /* height: 80px; */
}

.kotak-article label {
    font-weight: 300;
}
.kotak-article .summary p {
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #484848;
}

.p-t-0 {
  padding:0px;
}
.p-t-20 {
  padding-top:20px;
}
.p-t-25 {
  padding-top:25px;
}
.p-t-30 {
  padding-top: 30px;
}
.p-t-60 {
  padding-top: 60px;
}

.p-b-0 {
  padding-bottom:0px;
}

.info-agent {
  padding:15px;
}
.info-agent .title {
  font-size:30pt;
  font-weight:500;
  display:block;
  margin-bottom:15px;
}
.info-agent .photo-agent {
  text-align:center;
  /*   border:1px solid #eaeaea; */
  margin-bottom:30px;
  /* border-bottom:1px solid #eaeaea; */
  /* padding: 10px; */
}
.photo-agent img{
  width:100%;
  height:100%;
  max-height: 250px;
  object-fit:contain;
}
.photo-agent.bulat img {
    width: 250px;
    height: 250px;
    max-height: 250px;
    object-fit: contain;
    border-radius: 50%;
    border: 1px solid #eaeaea;
}
.list-agent .product-box {
    padding: 0px !important;
    height: 200px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #9a0e14;
}
.swiper-wrapper {
  padding-bottom:40px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-next {
    background-image: none;
}
.swiper-button-next, .swiper-button-prev {
  font-size:50pt;
  color:#db0009;
}
.list-agent .swiper-button-prev, .list-agent .swiper-button-next {
  margin-top: -55px;
}

.table-search-beranda {
  margin-bottom:0;
  width:100%;
}




/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #9a0e14;
    border-color: #9a0e14;
}
.pagination a:hover {
  color:#9a0e14 !important;
}

.filter-search .list-group li.active{
  background: grey;
  color:#fff;
}


.product-detail {
  /* background:#fff; */
  margin-bottom:20px;
}
.product-detail .info {
  padding: 15px;
}
.product-detail table {
}

.product-detail .ket-title {
  /* font-size:30pt; */
  /* border-bottom:1px solid #303841; */
}
.product-detail .slide, .product-detail .agent, .product-detail .map {
  margin-bottom:20px;
}
.product-detail .agent {
  width:100%;
  min-height: 100px;
  background:#fff;
  display:block;
}
.product-detail .map {
  width:100%;
  min-height:200px;
  background:#eaeaea;
  display:block;
}

.product-detail .spek {
  width:100%;
}
.product-detail .spek td{
  vertical-align:top;
  padding:2.5px 0px;
}
.product-detail .ukuran {
  width:100%;
}
.product-detail .ukuran div {
  width: 50%;
  float:left;
}
.product-detail .description {
  /* padding:15px; */
}
.product-detail .address {
  font-size: 11pt;
  color:grey;
  display:  block;
}
.product-detail .price {
  font-size:20pt;
  float:right;
  color:#9a0e14;
  font-weight:400;
  display: block;
}
.product-detail .price-project {
  font-size:20pt;
  color:#9a0e14;
  font-weight:400;
  display: block;
}
.product-detail .transaction-grey {
  font-size:10pt;
  float:right;
  display: block;
  background:#9E9E9E;
  color:#fff;
  padding:0px 20px;
  margin:10px 0px;
  border-radius:20px;
}
.product-detail .transaction-red {
  font-size:10pt;
  float:right;
  display: block;
  background:#9a0e14;
  color:#fff;
  padding:0px 20px;
  /*margin:10px 0px;*/
  border-radius:20px;
}
.product-detail .slide {
  border-bottom:1px solid #eaeaea;
  background: #fff;
}

.box-white {
  background: #fff;
  margin-bottom: 20px;
}


.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #9a0e14 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #9a0e14; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane {/* padding: 15px 0; */}
.tab-content{padding: 15px;}

.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

.no-margin-lf {
  margin-right: 0px;
  margin-left: 0px;
}

.m-b-0 {
  margin-bottom:0px;
}
.m-r-10 {
  margin-right: 10px;
}
.bootpag {
    background: #fff;
}
.div-marketing .ikon {
  height:13px !important;
  width:13px !important;
}
.div-marketing .warning {
  margin-top:20px;
  text-align:left;
  color:#303841;
  font-size:9.5pt;
}
.div-marketing a{
  color:#303841;
  font-size:9.5pt;
}
.div-marketing a:hover, .div-marketing .warning a {
  color:#9a0e14;
}
.div-marketing .col-sm-4, .div-marketing .col-sm-8 {
  padding-left: 10px;
  padding-right: 10px;
}
.div-marketing h3 {
  margin-bottom:0px;
}
.marketing {
  text-align:center;
  padding:20px;
}
.marketing img {
    height: 100%;
    width: 100%;
    min-height: 100px;
    max-height: 100px;
    max-width: 100px;
    object-fit: contain;
    margin-bottom:20px;
}
.marketing .info-marketing {
  text-align:left;
}
.info-marketing .name {
  font-weight:400;
  font-size:12pt;
}
.marketing .btn-contact {
  margin-top:20px;
  background:#9a0e14;
  color:#fff;
  width:100%;
  height: 40px;
  line-height: 40px;
  display:block;
  font-weight:400;
  border-radius:2px;
}
.marketing .btn-contact:hover {
  background:#d50e17;
  color:#fff;
}
.form-agent, .form-contact{
  text-align:left;
  padding-top: 20px;
}
.help-block.error {
  color:#d50e17;
}
.form-agent .form-group, .form-contact .form-group {
  margin-bottom:5px;
 }
.form-agent input, .form-agent textarea, .form-contact input, .form-contact textarea {
  background: #f9f9f9;
  border:1px solid #eaeaea;
  width:100%;
  padding:5px 10px;
}
.form-agent input, .form-contact input{
  height:38px;
}
.form-agent textarea, .form-contact textarea {
  min-height:100px;
}
.form-agent label{
  display:block;
  font-size:10pt;
  font-weight:normal;
}
.form-agent input:focus, .form-agent textarea:focus, .form-contact input:focus, .form-contact textarea:focus  {
    outline: none !important;
    border:1px solid grey;
}



.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #750d1f; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 1.5s linear infinite;
    background:transparent;
}
.loader-center .loader {
    position:absolute;
    right:50%;
    left:50%;
}
.loader-center {
    height:100px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes loadeffect {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}
.lef {
  position:relative;
  height:20px;
  margin-bottom:10px;
  width:100%;
}
.lef.green:before {
    background-image: linear-gradient(to right, #dbf5dd 8%, #bee2c0 18%, #dbf5dd 33%);
}
.lef.default:before {
    background-image: linear-gradient(to right, #d8696e 8%, #792024 18%, #d8696e 33%);
}
.lef:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #e0e0e0 8%, #e5e5e5 18%, #eeeeee 33%);
    animation: loadeffect 1s linear infinite;
    background-size: 1000px 100px;
}
.kotak-article .image {
    overflow: hidden;
    max-height: 220px;
    text-align: center;
}
.cluster-title {
  padding: 5px 0px 5px 11px;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 300;
 }
.cluster-title-bg-red {
  padding: 5px 0px 5px 11px;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 300;
  background: #9a0e14;
  color: #f0f1f3;
}
.header-box {
  background:#9a0e14;
  color:#fff;
  padding:15px;
}

.list-mini-news img {
  height:80px;
  border:1px solid #eaeaea;
  max-width: 100%;
}
.list-mini-news .box-news {
  display:-webkit-inline-box;
  width:100%;
  padding:10px;
  border-bottom:1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.list-mini-news .box-news .title {
  text-transform: capitalize;
  color: #484848;
  display:block;
  font-size:13pt;
  font-weight:  bold;
}
.list-mini-news .box-news .date {
  color:grey;
  font-size:10pt;
}
.list-mini-news li:hover .title {
  color:#9a0e14;
}
.box-news .content {
  padding: 0px 15px;
}

.box-news {
  background:#fff;
}
.link-selengkapnya {
  background:#9a0e14;
  padding:5px;
  color:white;
  cursor:pointer;
}
.link-selengkapnya:hover {
  background:#c7141b;
}
.news-detail .header {
  padding:15px;
}
.news-detail .header .title {
  font-size:25pt;
  margin-bottom:15px;
  line-height: 40px;
}
.news-detail .header .tanggal {
  color:grey;
  font-size
}
.news-detail .header img{
  margin-top:20px;
  width:100%;
  object-fit: contain;
  max-height: 600px;
  /* border:1px solid #eaeaea; */
}
.news-detail .content {
  padding:15px;
}
.news-detail .content img {
  width:auto;
  display:block;
}
.kotak-article .category {
    background: #9a0e14;
    padding: 5px 20px;
    color: #fff;
    position: absolute;
    top: 0px;
    text-transform: capitalize;
}
.footer-widget-section h3{
  font-size:13pt;
  font-weight:400;
  margin-bottom:10px;
}
.footer-widget-section a{
  font-size: 11pt;
}
.footer-widget-section p {
  margin-bottom:0px;
  font-size: 11pt;
}
.footer-widget-section .brand {
  margin-bottom:25px;
}
.footer-widget-section .hubungi {
  font-size:10pt;
}
.h-phone {
  font-size:13pt;
  font-weight:bold;
}
.p-t-50 {
  padding-top:50px;
}

.bg-orange {
  background:#FF5722 !important;
}
.bg-gray {
  background:#526069 !important;
}
.bg-green {
  background:#009688 !important;
}
.swiper-container {
  min-height:230px;
}
.list-agent .list-search {
  /*max-height: 230px;*/
  min-height: 230px;
  overflow:hidden;
}

.m-5 { margin:5px; }
.m-10 { margin:10px; }
.m-b-0 {margin-bottom:0px;}
.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}

.w10 {width: 10%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}

.h5 {height: 5px;}
.h6 {height: 6px;}
.h7 {height: 7px;}
.h8 {height: 8px;}
.h9 {height: 9px;}
.h10 {height: 10px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h80 {height: 80px;}
.h100 {height: 100px;}
.h120 {height: 120px;}
.h150 {height: 150px;}
.h200 {height: 200px;}
.h250 {height: 250px;}

.h300 {height: 300px;}
.h400 {height: 400px;}
.h500 {height: 500px;}



.list-group .jumlah {
  float:right;
  color:#fff;
  height:25px;
  width:25px;
  text-align:center;
  vertical-align:middle;
  border-radius:50%;
  background:#7c3330;
}
/* #map div{
  font-size:9pt !important;
}
#map button {
  height:40px !important;
  width:40px !important;
}
#map button img{
  height:40px !important;
  width:30px !important;
}
#map .gm-svpc img{
  height:35px !important;
  width:40px !important;
} */

.item-news li a {
  color:#3a4750 !important;
}
.item-news li a:hover {
  color:#9a0e14 !important;
}


.data-notfound {
  padding:30px;
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:5px;
  font-size:13pt;

}
.box-bulat {
  border-radius:50%;
  border:1px solid #eaeaea;
}
.box-bulat img {
  padding:0px !important;
}
.box-bulat .product-text {
    height: 50%;
    padding: 45% 0px;
    font-size:11pt;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 1.5px 10px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 25px;
  margin-right: 0.4em;
  vertical-align: top;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button__link:hover, .resp-sharing-button:hover, .resp-sharing-button {
  color:#fff !important;
}

.swiper-wrapper {
  z-index:10;
}
.swiper-pagination {
  z-index:9;
}
.hero-slide .carousel-indicators { 
  bottom:0px !important;
}
.hero-slide .carousel-indicators li {
    border: 2px solid #ffffff;
    background: #9a0e14;
}
.rating-text {
  padding-left:10px;
  display:inline-block;
  height: 25px;
  background-size:201px 50px;
}


.rating{
width: 100px;height: 25px;
display: inline-block;
/* background: url('http://www.itsalif.info/blogfiles/rating/star-rating.png') 0 0 no-repeat; */
background: url('../../../aset/icon/ratingstar.png') 0 0 no-repeat;
background-size:201px 50px;
}
.rating-50 { background-position: 0 0;}
.rating-40 { background-position: -21px 0; } 
.rating-30 { background-position: -41px 0; }
.rating-20 { background-position: -60.5px 0; }
.rating-10 { background-position: -80px 0; }
.rating-0 { background-position: -100px 0; }
 
.rating-45  { background-position: -21px -25px; }
.rating-35 { background-position: -41px -25px; }
.rating-25 { background-position: -60px -25px; }
.rating-15 { background-position: -80px -25px; }
.rating-5 { background-position: -100px -25px; }


.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 15px !important;
}
.sticky-nav .navbar-nav>li>.dropdown-menu {
  top:30px !important;
}

.search_box  {
  /*text-transform: lowercase;*/
}
.div-sponsor .row {
  margin-bottom:0px !important;
}
.div-sponsor [class*='col-']{
  padding-left:0px;
  padding-right:0px;
}
.div-sponsor .main-sponsor img{
  height:150px;
  object-fit:contain;
  padding: 5%;
}
.div-sponsor .medium-sponsor img{ 
  height:150px;
  object-fit:contain;
  padding:5%;
}
.div-sponsor .small-sponsor img{
  width:50% !important;
  float:left;
  height:75px;
  object-fit:contain;
  padding:5%;
}

.social, .sociald {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 45px;
  font-size: 17px;
  font-weight: 700;
  box-shadow: inset 0 0 0 2px #dbe3ea;
  border-radius: 50px;
  color: #9a0e14;
  background: #fff;
  overflow: hidden;
  margin: auto;
  transition: box-shadow .2s ease-out;
}

.social span, .social div, .sociald span, .sociald div {
  margin: auto;
}
.social-links {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  transition: all .25s ease;
  text-align: center;
}
.social-links a {
  margin: auto;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  font-size: 25px;
  transform: translate3d(0,60px,0);
  transition: all .2s;
}
.social-links a:hover {
  background: #9a0e14;
  color: #fff;
}
.social:hover {
  box-shadow: inset 0 0 0 2px #dbe3ea, 0 0.5rem 12px rgb(154, 14, 20);
  color: #fff;
}
.social:hover .social-links {
}
.social:hover .social-links > a {
  animation: elastic .5s ease-out forwards 0s;
}

@keyframes elastic {
  0%   { transform: translate3d(0,60px,0);}
  40%  { transform: translate3d(0,-5px,0);}
  70%  { transform: translate3d(0,5px,0);}
  100% { transform: translate3d(0,0,0);}
}

.info.box-white .social, .info.box-white .sociald {
  float: right;
  width: 170px;
  height: 50px;
  margin-top: 7px;
  margin-bottom: 7px;
  z-index: 10;
}

.cluster-info {
  background: #fff;
}

.cluster-info th {
  text-align: center!important;
  border-bottom: 2px solid #000000;
}

.btn-share-img {
  height: 45px;
  width: 100%;
  border: 2px solid #dbe3ea;
  border-radius: 50px;
  margin-top: 5px;
  font-weight: 700;
  font-size: 16px;
  color: #9a0e14;
}

.btn-share-img:hover {
  box-shadow: inset 0 0 0 2px #dbe3ea, 0 1rem 20px rgb(154, 14, 20);
    color: #9a0e14;
}



.img-drag{
  width: 100%;
  height: 100%;
  border:1px solid #eaeaea;
  border-top:none;
  object-fit: fill; /*contain*/
}

.img-create-box{
  border: 2px solid;
  height: 100%;
  width: 65%;
  background: #fff;
}

.dropzone {
  height: 225px;
  width: 100%;
  border-radius: 10px;
  margin: 5px 0px;
  border: 2px solid;
}

.pr-2 {
  padding-right: 2px!important;
}
.pl-2 {
  padding-left: 2px!important;
}

.img-choice{
  display: flex;
  width: 100%;
  justify-content: center;
}
.itemzone{
    height: 100px!important;
    padding: 0px;
    width: 150px;
    border-radius: 10px;
    margin: 0px;
    border: unset;
}

.img-dropzone img{
  border-radius: inherit;
}

.text-drop {
  /*position: absolute;
  width: 100%;
  margin-top: 10%;
  text-align: center;*/
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.col-lg-12 {
  width: 100%;
  float: left;
}

.col-lg-6 {
  width: 50%;
  float: left;
}

.col-lg-4 {
  width: 33.33333333%;
  float: left;
}

.img-create-box .col-lg-12, .img-create-box .col-lg-6, .img-create-box .col-lg-4 {
  padding-right: 5px;
  padding-left: 5px;
  z-index: 2;
} 

@media (max-width: 690px){
  .img-create-box {
    width: 98%;
  }
  .dropzone {
    height: 175px;
  }
}

.form-select {
  width: unset!important;
  height: 36px;
  margin-left: 10px;
  color: #3a4750;
  border: 1px solid #3a4750;
}

.pilihan-left {
    display: flex;
    float: left;
    margin-left: 10px;
    justify-content: center;
    align-items: center;
}

.pilihan-right {
    float: right;
    margin-right: 10px;
}

.title-share{
    text-align: center;
    font-size: 30px;
    color: #9a0e14;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*#template-1 .dropzone {
  height: 450px;
}*/

.watermark {
  position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../../img/logo-transparent.png) center no-repeat;
    /*opacity: .8;*/
    /*background-size: 50% 20%;*/
    background-size: 250px;
}

.img-create-box .kamar{
  position: unset!important;
  text-align: center;
}

.img-create-box .price{
  color: #9a0e14;
    font-weight: bold;
    font-size: large;
}

.center-info{
  margin-top: 5%;
  justify-content: center;
  display: flex;
}

.contact-us .swiper-container .title {
  color: #fff;
  padding: unset;
}

.deskripsi {
  text-align: center;
  font-size: 15px;
  color: #526069;
  font-weight: 700;
  margin: 5px;
}

.tagline {
  text-align: center;
  margin-bottom: 10px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.btn-bg {
  position: absolute;
  top: 10px;
  left: 10px;
}

.btn-bg a {
  background: #ffffffd6;
  padding: 5px 15px;
  font-size: 20px;
}

/* .animated-box {
  position: relative;
} */

/* .animated-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(154,14,20,1) 0%, rgba(255,255,255,1) 50%, rgba(154,14,20,1) 100%);
  background-size: 300% 300%;
  clip-path: polygon(0% 100%, 5px 100%, 5px 5px, calc(100% - 5px) 5px, calc(100% - 5px) calc(100% - 5px), 5px calc(100% - 5px), 5px 100%, 100% 100%, 100% 0%, 0% 0%);
}

.animated-box:after {
  animation: gradient-animation 2s forwards ease-in-out reverse infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}

@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 10px 100%, 10px 10px, calc(100% - 10px) 10px, calc(100% - 10px) calc(100% - 10px), 10px calc(100% - 10px), 10px 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  25% {
    clip-path: polygon(0% 100%, 10px 100%, 10px 10px, calc(100% - 10px) 10px, calc(100% - 10px) calc(100% - 10px), calc(100% - 10px) calc(100% - 10px), calc(100% - 10px) 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 100%, 10px 100%, 10px 10px, calc(100% - 10px) 10px, calc(100% - 10px) 10px, calc(100% - 10px) 10px, calc(100% - 10px) 10px, calc(100% - 10px) 10px, 100% 0%, 0% 0%);
  }
  75% {
    -webkit-clip-path: polygon(0% 100%, 10px 100%, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 10px, 10px 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 10px 100%, 10px 100%, 10px 100%, 10px 100%, 10px 100%, 10px 100%, 10px 100%, 10px 100%, 0% 100%);
  }
} */

.animated-box {
	position: sticky;
	/* margin: 300px auto 0;
	width: 500px;
	height: 250px; */
	/* background: linear-gradient(0deg, #000, #272727); */
}
.animated-box select{
  background: transparent;
  font-weight: bold;
  color: #fefefe;
  border-radius: 25px;
}

.animated-box:before, .animated-box:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(112deg, #9a0e14, #f2a654, #9a0e14,#f2a654, #9a0e14, #f2a654,   #9a0e14, #f2a654,#9a0e14, #f2a654);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
  border-radius: 25px;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.animated-box:after {
	filter: blur(50px);
}

.search_box.input-search-beranda {
  width:190%; 
  height:4rem;
  border-radius:4vh;
}
.search_box.input-search-beranda_2 {
  width:100%; 
  height:4rem;
  border-radius:4vh 4vh 0vh 0vh;
  border-color:transparent;
  border-bottom:2px solid  #e9e9e9;
}
#search_btn.btn-search-beranda {
  position: relative;
    z-index: 2;
    width: 100%;
    float: right;
    border-radius: 4vh;
    height: 4rem;
    padding-right: 1rem;
    color:#ffff;
    background-color:#f92a33;
}
#search_btn_2.btn-search-beranda {
  position: relative;
    z-index: 2;
    width: 100%;
    float: right;
    border-radius: 4vh;
    height: 4rem;
    padding-right: 1rem;
    color:#ffff;
    background-color:#f92a33;
}

#sewa_search.filter-search-sewa {
  position:relative; 
  z-index:2; 
  font-weight:300; 
  background-color:white; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  width:95%; 
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2.25vh; 
  color:#7c3330;
}

#sewa_search.filter-search-sewa-active {
  position:relative; 
  z-index:2; 
  font-weight:500; 
  background-color:#7c3330; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  width:95%; 
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2vh; 
  color:white;
}

#dijual_search.filter-search-dijual {
  position:relative; 
  z-index:2; 
  font-weight:300; 
  background-color:white; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  width:100%; 
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2vh; 
  color:#7c3330;
}

#dijual_search.filter-search-dijual-active {
  position:relative; 
  z-index:2; 
  font-weight:500; 
  background-color:#7c3330; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  width:100%; 
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2.25vh; 
  color:white;
}
#filter_harga_2.filter_harga_2{
  padding-top:1rem; 
  padding-bottom:1rem; 
  width:9vh; 
  font-size:2vh; 
  background-color:transparent; 
  border-color:transparent; 
  color:#fff; 
  font-weight:500; 
}
#filter_btn_2.filter_btn_2{
  position:relative; 
  width:7vh; 
  height:4.5rem;
  font-size:2vh; 
  display:flex; 
  justify-content:left; 
  background-color:transparent; 
  border-color:transparent; 
  color:#fff; 
  font-weight:500; 
  padding: 1.22vh;
}
#filter_kondisi_2.filter_kondisi_2{
  padding-top:1rem; 
  padding-bottom:1rem; 
  font-size:1.6vh; 
  background-color:transparent; 
  border-color:transparent; 
  color:#fff; 
  font-weight:500; 
}
#filter_kategori_2.filter_kategori_2{
  width:25%;
  padding-top:1rem; 
  padding-bottom:1rem; 
  font-size:1.6vh; 
  background-color:transparent; 
  border-color:transparent; 
  color:#fff; 
  font-weight:500; 
}


#dijual_search_2.filter-search-dijual {
  position:relative; 
  z-index:2; 
  font-weight:300; 
  background-color:white; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2.25vh; 
  color:#7c3330;
}

#dijual_search_2.filter-search-dijual-active {
  position:relative; 
  z-index:2; 
  font-weight:500; 
  background-color:#7c3330; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2.25vh; 
  color:white;
}
#sewa_search_2.filter-search-sewa {
  position:relative; 
  z-index:2; 
  font-weight:300; 
  background-color:white; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2.25vh; 
  color:#7c3330;
}

#sewa_search_2.filter-search-sewa-active {
  position:relative; 
  z-index:2; 
  font-weight:500; 
  background-color:#7c3330; 
  border: 2px solid #7c3330; 
  border-radius:6vh; 
  height:85%;
  float:left;   
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size:2.25vh; 
  color:white;
}

.detail-property{
  padding:0.75rem 0.75rem 0.75rem 0rem;
  text-align:left;
}
.detail-property-mobile{
  /* padding:0; */
}
.kamar.kotak-footer{
  height:80px;
  text-align:left;
  display:flex;
}
#dv_profil.dv-profil{
  display:inline-block;
  width:20%;
  padding:1rem;
}
#img_profil.img_profil{
  width:6rem; 
  height:6rem !important; 
  object-fit: contain;
}
#dv_marketing.dv_marketing{
  display:inline-block;
  width:40%;
  margin-left:0.5em;
}
#dv_nama_marketing.dv_nama_marketing{
  display:block;
  line-height:1.5;
  width:100%
}
.label-marketing{
  color:grey;
  margin-bottom:0;
}
#dv_phone.dv_phone{
  width:100%;
  /* height:2.75rem; */
  opacity: 25%;
  display:inline-block;
  background-color:#f7ccd4; 
  /* padding:25%;  */
  border-radius:50%; 
  transition: opacity 0.3s ease;
}
#dv_phone.dv_phone:hover{
  opacity: 100%;
}
#dv_wa{
  width:100%;
  /* height:2.75rem; */
  opacity: 25%;
  background-color:#f7ccd4; 
  border-radius:50%; 
  transition: opacity 0.3s ease;
}
#dv_wa:hover{
  opacity: 100%;
  
}
.i-phone{
  font-size:2.5rem; 
  width:2.75rem; 
  height:2.75rem;
}
.dv-wa{
  /* display:inline-block; */
    background-color: #f7ccd4;
    border: 0;
    border-radius: 50%;
    width: 4.75rem;
    height: 4.75rem;
    margin-top:1rem;
    display:flex;
    align-items:center;
}
.dv-phone{
  /* display:inline-block; */
    background-color: #f7ccd4;
    border: 0;
    border-radius: 50%;
    width: 4.75rem;
    height: 4.75rem;
    margin-top:1rem;
    margin-right:0.5em;
    display:flex;
    align-items:center;
}
.moda-wa{
  position: fixed;
    top: 25%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1700;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.form-control.rounded{
  border-radius:1.75rem 1.75rem 1.75rem 1.75rem ;
  margin-bottom:2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.div-content.bg-grey{
  background-color:#f9f9f9;
}
.cl-grey{
  color:#b5b4b4;
}
.kpr-hasil{
  background-color:#7c3330; 
  width:auto; 
  height:max-content; 
  text-align:center; 
  margin-top:1rem; 
  color:#a7a7a7;
  font-weight:400;
  font-size:1.75rem;
  padding:2.5rem;
  margin-left:30%;
  margin-right:30%;
  border-radius:2rem 2rem;
}
.kpr-hasil-mobile{
  background-color:#7c3330; 
  width:auto; 
  height:max-content; 
  text-align:center; 
  margin-top:1rem; 
  color:#a7a7a7;
  font-weight:400;
  font-size:1.75rem;
  padding:2.5rem;
  margin-left:0%;
  margin-right:0%;
  border-radius:2rem 2rem;
}
.kpr-hasil .hasil-harga{
  color:#fff;
}
.box-white.pd-1{
  padding:2rem;
}
.header-sk{
  font-weight:450;
  font-size:2.25rem;
}

.hasil-harga-product{
  color:#fff;
}

.close.mobile{
    font-size: 4rem;
    margin-right: 2rem;
    margin-top: 1rem;
}
.col.detail-span{
  /* background-color:#ffe8ec;  */
  padding:0.5rem 0.75rem 0.75rem 0rem; 
  border-radius:1.5rem;
}

span.col.detail-span-mobile{
  font-size:1.2rem;
  /* background-color:#ffe8ec;  */
  padding:0.75rem 0.75rem 0.75rem 0rem; 
  border-radius:1.5rem;
  float:left;
}

.swiper-button-next.swiper-branch, .swiper-button-prev.swiper-branch{
  font-size: 50pt;
  color: #db0009;
  position: absolute;
  top: 30%;
  width: 31px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-branch{
left: -3px;

}

.swiper-button-next.swiper-branch {
  right:0px;
  left:auto;
}

.swiper-container-branch{
  min-height: 350px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}


.swiper-button-next.swiper-cabang, .swiper-button-prev.swiper-cabang{
  font-size: 50pt;
  color: #db0009;
  position: absolute;
  top: 30%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-cabang {
  right:0px;
  left:auto;
}

.swiper-container-cabang{
  min-height: 230px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}



.swiper-button-next.swiper-contactus, .swiper-button-prev.swiper-contactus{
  font-size: 50pt;
  color: #db0009;
  position: absolute;
  top: 30%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-contactus-mobile, .swiper-button-prev.swiper-contactus-mobile{
  font-size: 40pt;
  color: #db0009;
  position: absolute;
  top: 19%;
  right:-10px;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-contactus {
  right:0px;
  left:auto;
}

.swiper-container-contactus{
  min-height: 100px;
  max-height:200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-contactus-asm{
  min-height: 100px;
  max-height:200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-contactus-a{
  min-height: 100px;
  max-height:200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.image-contactus{
  width:150px !important;
  height:150px !important;
}

img.image-contactus-mobile{
  width:100px !important;
  height:100px !important;
}

.dv-image-contactus{
  width:150px !important;
  height:150px !important;
}

.dv-image-contactus-mobile{
  width:100px !important;
  height:100px !important;
}

.swiper-container-asc{
  min-height: 100px;
  max-height:200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-button-next.swiper-asc {
  right:0px;
  left:auto;
}

.swiper-container-hotproject{
  min-height: 100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.image-asc{
  width:150px;
  height:150px;
}

.dv-image-asc-mobile{
  width:100px !important;
  height:100px !important;
}

.swiper-button-next.swiper-asc {
  right:0px;
  left:auto;
}

.div-am{
  padding-top:6rem;
}

.swiper-container-hotproject-a{
  min-height: 100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

@media (min-width: 760px){
  .contact-us .container {
      width: 100% !important;
  }

}
@media (min-width: 1200px){
  .page-full .container {
      width: 100%;
  }
  .container {
      width: 1200px;
  }
}
@media (min-width: 2000px){
  .container, .container-fluid {
      width: 1310px;
  }
  .page-full .container {
      width: 1310px;
  }

}
@media (min-width: 2200px){
  .contact-us .container {
      width: max-content !important;
  }
}

@media (max-width: 750px){
  .button-terapkan-mobile{
    display:inline-block; 
    float:right;
  }
  .title-property{
    line-height:1;
  }
  .swiper-slide.w-auto{
    width: auto;
  }
  .info.box-white .social, .info.box-white .sociald {
    float: none!important;
    margin: unset;
  }
  .pilihan-left{
    display: unset!important;
    float: none!important;
    margin-right: 10px;
  }
  .div-search-detail{
    width:100%; 
    display:block;
    background-color: #fff; 
    border-radius: 4vh;
  }

  .div-search-btn {
    display:none;
    width:10%; 
    padding-left:0;
  }
  .div-inner-search{
    display:block;
  }

  .padd{
    padding-top:1rem; 
    padding-left:2.5%; 
    padding-right:2.5%; 
    padding-bottom:5rem;
  }

}