#header_wrapper{
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.hide_header #content_wrapper{
  padding-top: 0;
}
#content_wrapper{
  padding-top: 98px;
}
.martop10{
    margin-top: 10px !important;
}
.martop0{
    margin-top: 0px !important;
}
.pad10{
    padding:10px !important;
}
.pagination{
    margin: 0px 0px !important;
}
.information-property-thumb span{
    margin-right:10px;
    font-size: 13px;
    color: #3e3e3e;
}
.information-property-thumb{
    display:flex;
    align-items: center;
    margin-top: 0px;

}
/* Chrome, Safari, Edge, Opera */
.input-hide-arrow::-webkit-outer-spin-button,
.input-hide-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.input-hide-arrow[type=number] {
  -moz-appearance:textfield;
}
@media only screen and (max-width: 480px){
    .row-search .left-addon input {
        font-size: 14px;
    }

    .navbar-default-v6 li a {
        font-size: 14px;
    }

    .btn-kpr {
        width: 50px;
        height: 50px;
        font-size: 25px;
        color: #4b524a !important;
        border-radius: 50px;
        background: #fcd405 !important;
        text-align: center;
        border: none;
        box-shadow: 0px 2px 2px 0px #80808096 !important;
    }
}
.flter-property-modal{
    width:100%;
}

.flter-property-modal td{
    width:50%;
}
@media only screen and (max-width: 768px){
    .subscribe-home {
        padding: 12px;
    }
    .title-subscribe {
        font-size:25px;
        margin-top: 10px;
    }
    .title-subscribe::after{
        border-bottom: 4px solid #4c4d4f !important;
    }
    .content-subscribe{
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px){
  #content_wrapper{
    padding-top: 91px;
  }
}

#agent_detail_page .kotak_putih{
  padding: 10px;
}

.img-container img {
  max-height: 31.5px !important;
  max-width: 100%;
}

.company-header-avatar {
    width: 54px;
    height: 54px;
}

.content-property .title-property-agent {
    margin-left: 0px;
}
.content-property .title-property-no-agent {
    margin-left: 0px;
}

.content-property .title-property-agent{
    margin-left: 0px;
}
.content-property .title-property-no-agent{
    margin-left: 0px;
}
.company-photo-container{
    padding: 14px 14px 14px 0px;
}
.float{
	position:fixed;
    width:auto;
	bottom:32px;
	color:#FFF;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
	margin-top:16px;
}

.test-float{
     display: flex;
     justify-content: center;
    /* height: 48px; */
    position: fixed;
    bottom: 20px;
    z-index: 100;
    width:100%;
    /* margin-left: -112px; */
    /*left: 30%;*/
    background-color: transparent;
    /* border-radius: 28px; */
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

@media only screen and (max-width:480px){
    .row-search .inner-addon .glyphicon {
        z-index: 5 !important;
        font-size: 14px;
        padding: 13px 4px;
    }

    .title-download-pg{
        position: relative;
        margin-bottom: 20px;
        font-size: 6vw !important;
        font-weight: bold;
    }

    .title-subscribe{
        position: relative;
        margin-bottom: 20px;
        font-size: 6vw !important;
        font-weight: bold;
    }

    .title-subscribe::after{
        width: 90% !important;
    }

    .img-download{
        width: 100% !important;
    }

    .image-box-property2 {
        height: 190px !important;
        position: relative;
        background-repeat:no-repeat  !important;
        background-position: center center  !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }

    .box-property-primary{
        height:275px !important;
    }
}

.price-property{
    z-index: 3 !important;
}

.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal-fullscreen .modal-dialog .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal-body .margin-bot{
    margin-bottom: 24px;
}

.checkbox input,
.checkbox-inline input,
.radio input,
.radio-inline input {
  opacity: 1;
  position: absolute;
}

.checkbox label,
.radio label {
  margin-top: 5px;
  margin-bottom: 5px;
}

.checkbox .indicator,
.checkbox-inline .indicator,
.radio .indicator,
.radio-inline .indicator {
  position: relative;
}

.checkbox .indicator:before,
.checkbox-inline .indicator:before,
.radio .indicator:before,
.radio-inline .indicator:before {
  content: '';
  border: 2px solid #888;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  padding: 2px;
  margin-top: -5px;
  margin-right: 10px;
  text-align: center;
}

.checkbox input:checked + .indicator:before,
.checkbox-inline input:checked + .indicator:before {
  border-color: #fcd405;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="-7 -7 30 30"><path fill="#00f" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>') no-repeat;
}

.checkbox input:disabled + .indicator:before,
.checkbox-inline input:disabled + .indicator:before {
  border-color: #ccc;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox input:checked:disabled + .indicator:before,
.checkbox-inline input:checked:disabled + .indicator:before {
  border-color: #ccc;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="-7 -7 30 30"><path fill="#ccc" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>') no-repeat;
}

.radio input + .indicator:before,
.radio-inline input + .indicator:before {
  border-radius: 50%;
}

.radio input:checked + .indicator:before,
.radio-inline input:checked + .indicator:before {
  border-color: #fcd405;
  background: #fcd405;
  box-shadow: inset 0px 0px 0px 5px #fff;
}

.radio input:disabled + .indicator:before,
.radio-inline input:disabled + .indicator:before {
  border-color: #ccc;
  box-shadow: inset 0px 0px 0px 5px #fff;
}

.radio input:checked:disabled + .indicator:before,
.radio-inline input:checked:disabled + .indicator:before {
  border-color: #ccc;
  background: #ccc;
  box-shadow: inset 0px 0px 0px 5px #fff;
}

.checkbox input:focus + .indicator,
.checkbox-inline input:focus + .indicator,
.radio input:focus + .indicator,
.radio-inline input:focus + .indicator {
  outline: 0px solid #ddd;
  /* focus style */
}

.btn-brighton{
    background: #fcd405;
    color: 3b3724;
    border-radius: 6px;
    margin-top: 1em;
}
.btn-white{
  background: #fff;
  color: black;
  border-radius: 15px;
}

.kotak_putih{
  padding-left: 12px !important;
  padding-top: 1px !important;
  padding-bottom: 4px !important;
  padding-right: 12px !important;
}

.btn-kpr {
    border: none;
}

@media (min-width: 768px){
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      margin-left: 0px !important;
  }
}

.bordered-dw-left{
    padding-bottom: 10px;
    /*    display: inline-block;*/
    margin-right: 10px;
    position: relative;
}
.bordered-dw-left:after{
    border-bottom: 4px solid #4c4d4f;
    content: '';
    position: absolute;
    left: 0;
    /* right: 0; */
    /*width: 80%;*/
    width: 128px;
    bottom: 0;
    margin: 0 auto;
}
.title-h2{
    font-size: 27px;
}
.pad-10{
    padding : 10px;
}

.title-download-pg{
    position: relative;
    margin-bottom: 20px;
    font-size: 2vw;
    font-weight: bold;
    color: white;
}
.title-download-pg::after{
    border-bottom: 4px solid #1e3faa;
    content: '';
    position: absolute;
    left: 0;
    /* right: 0; */
    width: 100%;
    bottom: -16px;
}

.title-subscribe{
    position: relative;
    margin-bottom: 20px;
    font-size: 2vw;
    font-weight: bold;
}

.title-subscribe::after{
    border-bottom: 4px solid #1e3faa;
    content: '';
    position: absolute;
    left: 0;
    /* right: 0; */
    width: 45%;
    bottom: -16px;
}

.img-download{
  width: 100% !important;
  display:block;margin:auto;
}

.download-page{
    /* background:#f1f3f2; */
    background: rgb(57,169,248);
    min-height: 100px;
    padding-top: 24px !important;
    padding-bottom: 0px !important;
    margin-bottom: -20px !important;
}

.content-download-page{
  /* padding: 10px 0px !important; */
  padding: 10px 0px 41px 0px !important;
  font-weight: bold;
  font-size: 18px;
  color: white;
}

.content-subscribe{
    font-size: 18px;
    color: black;
    margin: 0px 0px !important;
    padding: 10px 0px !important;
}

.row-equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.row-equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.subscribe-home{
    height: 200px !important;
}

.image-box-property2 {
    height: 200px;
    position: relative;
    background-repeat:no-repeat  !important;
    background-position: center center  !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.box-property-primary{
    height:320px;
}

.max-lines-desc-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* number of lines to show */
}

.max-lines-desc-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* number of lines to show */
}
.filter-property{
    padding-top: 10px;
}
.max-lines-desc-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* number of lines to show */
}

.content-blog{
    padding: 0px 15px !important;
}

#content_wrapper {
  padding-top: 0px !important;
}

.padding-content-search{
    padding-top: 20px;
    padding-bottom: 14px;
}

.sosmed-navbar-bottom li, .navbar-bottom-footer li{
    display: inline-block !important;
}

#new-properties .swiper-button-prev,
#new-properties .swiper-button-next,
#hot-properties .swiper-button-prev,
#hot-properties .swiper-button-next{
    opacity: 0.6;
}
#new-properties .swiper-button-prev:hover,
#new-properties .swiper-button-next:hover,
#hot-properties .swiper-button-prev:hover,
#hot-properties .swiper-button-next:hover{
    opacity: 1 !important;
}

.button-hubungi-agent{
    text-align: center;
    background: #fcd405;
    border-radius: 15px;
    padding: 15px;
    margin: 10px 40px !important;
    font-weight: bold; margin-left:1%; margin-right:1%;
    display:block;
}
#modaldetailphone .content{
    text-align: center;
    padding:15px;
}


.box-primary-col{
    padding-right: 0px;
}

.box-primary-row{
    padding-right: 15px !important;
}

.box-news {
    height: 405px !important;
}

.search-filter-bald2:focus{
    outline:0 !important;
}
.search-filter-bald2{
    padding: 10px 25px;
    background:#fcd405;
    border-color:#48484d;
    color:#48484d;
    font-size: 14px;
    margin-left: -12px;
}
.email-office{
    padding: 4px !important;
}
.phone-office{
    font-size: 14px !important;
}

.box-agent:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.drop-shadow{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.drop-shadow-bt{
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.12);
}

.bg-brighton{
    background-color: #fcd405;
    color: #3b3724;
}

.modal-header{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.font-metalica-grey{
    color: #4c4c4c;
}

/* .modal {
    text-align: center;
    padding: 0!important;
}
  
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
  
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
} */