@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700|Oswald:400,300);
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,700,900');

body{
    background: #FFF;
    color: #111;
    /*font-family: 'Muli', sans-serif;*/
    font-family: 'Montserrat', sans-serif !important;
    /*line-height: 1.4;*/
    line-height: 1.2;
    font-size: 14px;

}
.navigation-footer .navbar-nav>li>a {
    padding-left: 10px !important;
}
.logo-download-bottom a{
    margin-right: 5px;
}
.logo-download-bottom a{
    width:40%;

}
.logo-download-bottom{
    display:flex;
    width:100%;

}
.right-agent-info .buttonnya img{
    width: 25px;
    padding: 3px;
}
.right-agent-info .buttonnya{
    /*font-size: 13vw;*/
    background: #fcd405;
    padding: 1px;
    margin-bottom: 5px;
    border-radius: 100px;
}
.right-agent-info{
    font-size:10px;
    width: 100%;
}
.centered-agent{
    width: 100%;
    padding-right: 10px;
}
#testimonial blockquote {
    font-size: 14px;
    line-height: 1.5;
}
.swal-overlay{
    z-index: 9999999999999999999 !important;
}
.form-ask-primary{
    padding: 15px;
    background: #e4e4e4;
    border-radius: 12px;
    margin-bottom: 20px;
}
.label-new-property {
    background: linear-gradient(90deg, rgb(255, 222, 0) 40%, rgb(230, 169, 0) 100%) !important;
    position: absolute;
    top: 13px;
    z-index: 1;
    /* font-size: 21px; */
    background: #fcd405;
    color: black;
    /* border-top-left-radius: 10px; */
    /* font-weight: bolder; */
    padding: 10px 30px;
    font-weight: bold;
}

.smartbanner{
    top: -80px !important;
}
.bordering-text {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.bordering-text:before,
.bordering-text:after {
    content: '';
    border-top: 2px solid;
    margin: 0 10px 0 0;
    flex: 1 0 10px;
}

.bordering-text:after {
    margin: 0 0 0 10px;
}

.bordering-text span { background:#fff; padding:0 10px; }

.swal-button--confirm{
    background-color: #FFD200;
}
.swal-icon--success__line{
    background-color: #FFD200;
}
.swal-icon--succes{
    background-color: #FFD200;
}
.swal-icon--success__ring {
    border: 4px solid hsla(56, 87%, 51%, 0.57);
}

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

.title-h3{
    color: #000; 
    font-family: 'Montserrat', sans-serif !important; 
    margin-top:0px; 
    margin-bottom:0px; 
    font-size: 14px;
    line-height: 1.2;
}
.agent-name-h4{
    font-size: 14px;
    color: #000; 
    font-family: 'Montserrat', sans-serif !important; 
    line-height: 1.2;
}

.ask-project-h2{
    font-size: 10px !important;
    color: #000;
    font-family: 'Montserrat', sans-serif !important; 
    /* margin-top: -10px; */
    display: inline;
}
.max-lines-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    /*line-height: 1;         fallback */
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{

}
.auth-drop{
    top: 70px;
    min-width: 300px;
    background-color: #fff;
    min-height: 300px;
    z-index: -26;
    border: 0;
}
.nav-custom-footer-top li a {
    color: white !important;
    border: none;
    background: none !important;
    transition: 0.2s ease-in all;
    padding-left: 0px !important;
    padding-right: 100px !important;

}
.footer-top .tab-content{
    color:white !important;
    padding-top: 10px;
}
.footer-top .kolom-tab {
    height: 38px;
}
.nav-custom-footer-top li.active a, .nav-custom-footer-top li a:hover {
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-color: #ffd003 !important;
    border-width: 3px !important;
    font-weight: bold;
}
.footer-top{
    background: #404042;
    color:white;
    padding:30px 0px;
}
/*Daniel's CSS*/
.dn_img_container img{
    width: 100%;
}
/**/
.property-new{
    background: #f1f3f2;
    /* padding:20px; */
    width:100%;
    /* margin: 100px 0px; */
    position: relative;
    margin-top: 0px;
}
#property-new .swiper-button-prev{
    left:130px;
}
#property-new .swiper-button-next{
    right:130px;
}
#property-new .swiper-button-disabled {
    display: none;
}
.property-new .swiper-slide{
    margin-top:50px;
    margin-bottom:50px;
    height: 430px;
}
.property-slider .bg-center::after{
    position: relative;
    display: inline-block;
    width: 100%;
}
.box-property{
    position: relative;
}
.agent-thumbnail-bottom .container-fluid{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.agent-thumbnail-bottom{
    position: absolute;
    /*bottom: 12px;*/
    bottom:0px;

    width: 100%;
    right: 0;
    left: 0;
}

.detail-property{
    margin-top: 20px;
    padding-top:30px;
}
.detail-property, .agent_detail_page{
    margin-bottom: 20px;
    box-shadow: 0px 5px 4px 0px #71717161;
    /* padding:30px 0px; */
}
.detail-property .address-props{
    font-weight: bold;
}

.detail-property .title-price{
    font-size: 12px;
    font-weight: bold;
}
.detail-property .price-price{
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}
.table-detail-props td{
    color:black;
    vertical-align: top;
}
.table-detail-props td:first-child{
    padding-left: 0px !important;
    padding-right: 40px;
}
.detail-agent-props{
    width:100%;
    border: 1px solid #a5a5a5;
    padding: 40px;
    min-height: 100px;
    border-radius: 15px;
}
.table-detail-props .title-head{
    font-weight: bold;
}
.table-detail-props tr{
    background: none !important;
}
.detail-property .title-props{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}
.property-slider .bg-center::after{
    /* content: "";
    background: -webkit-linear-gradient(transparent,rgba(0, 0, 0, 0.45));
    background: linear-gradient(transparent,rgba(0, 0, 0, 0.45)); */
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
}

.bg-center{
    /* height:256px; */
    /* width:100%; */
    /* background-color: #fcd405; */
    /* background: -webkit-linear-gradient(#C9D6FF,#E2E2E2); */
    /* background: -webkit-linear-gradient(#bdc3c7,#2c3e50); */
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    /* -webkit-background-size: none !important; */
    /* -moz-background-size: cover !important;
    -o-background-size: cover !important; */
    /* background-size: 600px !important; */
}
.property-slider{
    position: relative;
    /* height: 256px; */
    /* background: #fcd405; */
}
.box-property-bottom{
    /*    margin-right: 15px;
        margin-left: 15px;*/
}
#property-new .swiper-slide {
    padding: 0px 10px;
}
.box-default-first .title-pertama::after{
    border-bottom: 8px solid #fcd405;
    content: '';
    position: absolute;
    left: 0;
    /* right: 0; */
    width: 60%;
    bottom: -16px;
}

.full-height{
    height: 100% !important;
}
html, body {
    position: relative;
    height: 100%;
}
a.btn.btn-default.button-yellow-rounded {
    border: 4px solid #fcd405;
    background: none;
    color: #fcd405;
    border-radius: 15px;
    font-weight: bold;
    font-size: 18px;
    transition: 0.3s ease-in all;
}
.property-slider .swiper-container {
    width: 100%;
    height: 100%;
}
.property-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.box-default-first .title-pertama{
    font-size: 40px;
    color:white;
    font-weight: bold;
    position: relative;
    margin-bottom: 26px;
}
.title-content-second{
    padding: 10px 0px;
    color: white;
    font-size: 20px;
    font-weight: 100;
}
/* SS Form */
label.left{
    float: left;
    font-weight: bold;
    padding: 6px 12px 6px 0;
    text-align: left;
    width: 150px;
}
.middleColumn,
.captcha_field,
.Actions,
#Remember{
    margin-left: 0px;
}
.field{
    clear: both;
    padding-bottom: 20px;
}
input.day, input.month, input.year{
    width: auto;
}
input, textarea, select {
    background-color: #FFF;
    background-image: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #888;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
}
textarea {
    height: auto;
}

.logo_overlap{
    position: fixed;
    z-index: 9;
    right: 15px;
    top: 10px;
    width: 200px;
}
.logo_overlap1{
    position: fixed;
    z-index: 9;
    left: 15px;
    bottom: 10px;
    width: 200px;
}
.logo_overlap2{
    position: fixed;
    z-index: 9;
    right: 15px;
    bottom: 10px;
    width: 200px;
}
/*=================== Menuj =======================*/
#menu-close{
    padding-left: 15px;
}
#sidebar-wrapper {
    margin-left: -250px;
    left: 0;
    width: 250px;
    background: #ffd300;
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 1000;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;

}

.sidebar-nav {
    position: absolute;
    top: 20px;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-nav li {
    line-height: 3;
    padding-right: 20px;
    padding-left: 20px;
}

.sidebar-nav li a {
    color: #000;
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-family: "Muli";
}

.sidebar-nav li:hover {
    color: #0494B7;
    background: rgba(255,255,255,0.9);
    text-decoration: none;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
}
.sosmed-icon.facebook {
    background: #5779bf;
    color: white;
}
.sosmed-icon .icon-img{
    margin-right: 8px;
}
.sosmed-icon .icon-img img{
    width:5%;
}

.sosmed-icon{
    font-size: 14px !important;
    margin:10px 0px;
    text-align: center;
    width: 100%;
    padding: 11px;
    border-radius: 15px;

    font-weight: bold;
    border: 1px solid darkgrey;
}
.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
#menu-toggle {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 9;
    padding-left: 15px;
    padding-top: 10px;
}
#menu-toggle img{
    width: 50px;
}

#menu-toggle.navbar-fixed-top1{
    position: fixed;
}
.shadow{
    background: url(img/shadow.png) repeat;
    height: 10px;
    display: block;
    width: 100%;
}
.top_menu{
    background: url(img/top_menu.png) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 30px;
    right: 15px;
    background-size: 32px auto;
    z-index: 999;
}


#sidebar-wrapper.active {
    left: 250px;
    width: 250px;

    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    top: 0;
}

.toggle {
    /*    margin: 5px 5px 0 0;*/
}
.sidebar-nav .dropdown .dropdown-menu{
    background: #FFD300;
    top: -100px;
    left: 250px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.sidebar-nav .dropdown-menu li > a{
    color: 111;
    line-height: 50px;
    text-indent: 20px;
}
.sidebar-nav .dropdown-menu li > a:hover {
    color: 111;
    background: none;
    text-decoration: none;
}

.sidebar-nav .typeahead li a{
    display: block;
    line-height: 1.6;
    white-space: normal;
    text-indent: 0px;
}

.sidebar-nav .typeahead li{
    padding-right: 0;
    margin-bottom: 15px;

}
.sidebar-nav .typeahead li.active > a,
.sidebar-nav .typeahead li:hover a,
.sidebar-nav .typeahead li > a:hover{
    background: #0494B7;
    color: #FFF;
}

/*=================== end Menu =======================*/


input.action,
form p.checkbox{
}
.middleColumn ul{
    margin: 0;
}
#ForgotPassword{
}
/* END SS Form */

/* your style */
a{
    color: black;

}
a:hover{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    color: #111;
    font-family: 'Muli', sans-serif;
    font-weight: normal;
}


a:hover{
    color: #494e4c;

}

.content-home-icon::before{
    border-top: 0.5vw solid #4c4d4f;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 75%;
    /*bottom: 0;*/
    margin: 0 auto;
    top: -15px;
}
.content-home-icon{
    position: relative;
    margin-top: 15px;
    font-size: 2vw;
    font-weight: bold;
}
.img-home-icon{
    position: relative;
}
.img-home-icon::after{
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    width: 50%;
    /* bottom: 0; */
    margin: 0 auto;
}
hr, .separator, .line{
}

.navbar-brand > img{
    float: left;
    /*height: 100%;*/
    margin-right: 10px;
    margin-top: 19px;
}

footer{
    background: #ffd300;
}
.cms_content img {
    /* display: block; */
    height: auto;
    width: 100%;
}


.flag{
    padding-right: 15px;
}


.flag a{
    background-repeat: no-repeat;
    background-size: 16px auto;
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    width: 16px;
    color:#888;
}
.flag a.current, .flag:hover a{
    color: #444;
    text-decoration: none;
}
.flag .uk_flag{
    background-image: url(img/united-kingdom-flag.jpg);
}
.flag .indonesia_flag{
    background-image: url(img/indonesia-flag.jpg);
}


#slideshow_wrapper{
    background-color: #FFF;
    position: relative;
}
#slideshow_wrapper .arrow-left{
    background: url("img/left-arrow.png") no-repeat scroll center center rgba(252,207,22,0.6);
    border: 1px solid #FCCF16;
    height: 60px;
    left: -1px;
    position: absolute;
    top: 40%;
    width: 48px;
    z-index: 5;
}
#slideshow_wrapper .arrow-right{
    background: url("img/right-arrow.png") no-repeat scroll center center rgba(252,207,22,0.6);
    border: 1px solid #FCCF16;
    height: 60px;
    right: 0;
    position: absolute;
    top: 40%;
    width: 48px;
    z-index: 5;
}


.swiper-wrapper{
    padding: 0;
    margin: 0;
}
.swiper-container, .swiper-slide {
    list-style: none;
    padding: 0;
}
.swiper-slide{
    display: block;
}
#slideshow_wrapper .swiper-slide img{
    width: 100%;
}

.desc_wrap, .wrapper{
    position: relative;
}
.swiper-container li{
    margin-left: 0;
    line-height: 0;
    text-align: center;
}
.swiper-container img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.title-index-property {
    position: absolute;
    color: white;
    top: 0;
    z-index: 999;
    padding: 20px 40px;
    font-size: 20px;
    font-weight: bold;
}
.swiper-indicators {
    bottom: 0;
    left: 0;
    list-style: outside none none;
    padding-left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 15;
}
.swiper-pagination-bullet {
    background-color: #a7a7a7;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 4px;
    opacity: 1 ;
    text-indent: -999999px;
    width: 12px;
}

.slideshow_wrapper{
    position: relative;
}
.slideshow_wrapper .swiper-indicators{
    top: 0; right: 0;
    text-align: right;
    height: 35px;
}
.slideshow_wrapper .swiper-pagination-bullet {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #fff;
    text-indent: 0;
    height: auto;
    width: auto;
    padding: 2px 4px;
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active{
    /*margin: 0;*/
    background-color: #ffffff;
}

.gallery_wrapper{
    height: 500px;
}
.gallery-top {
    background: #3A3A3A;
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    width: 100%;
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 125px;
    height: 100%;
    opacity: 0.4;
    text-align: center;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.gallery-thumbs img,
.gallery-top img{
    height: 100%;
}

.slide_show_desc{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.62);
    bottom: 140px;
    color: #eee;
    float: right;
    line-height: 1.2;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 2;
}

.desc_slide{
    color: #EEE;
    line-height: 1.2;
    margin-top: 10px;
}

.btn{

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 10px 20px;
}
.btn-primary,
.Actions .action{

}

.btn-primary{
    background: none repeat scroll 0 0 #fccf16;
    border: 1px solid #fccf16;
    color: #444;
}
.navbar-default-custom .navbar-toggle .icon-bar {
    background-color: #222222;
}
.navbar-default-custom .navbar-toggle {
    border-color: #222222;
}
.navbar-default-custom .navbar-toggle:hover, .navbar-default-custom .navbar-toggle:focus {
    background-color: transparent;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.Actions .action:hover, .Actions button:hover, .Actions .button:hover {
    background: #FFF;
    border-color: #ffcf06;
    color: #111;
}

.Actions .action, .Actions button, .Actions .button {
    background: #FBE644;
    border-color: #FBE644;
    text-shadow: none;
    padding: 5px 20px;
    height: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#breadcrumb_wrapper{
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: -9px;
    padding: 15px 10px;
    position: absolute;
    width: 100%;
}
#breadcrumb{
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
}
#breadcrumb p{
    color: #EEE;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}


#breadcrumb a{
    background: url(img/right-arrow.png) no-repeat right center;
    color: #FFF;
    padding-right: 10px;
    font-size: 18px;
    font-weight: bold;
    padding-right: 30px;
    text-transform: uppercase;
    background-size: 30px auto;
}


.navbar-default-custom .navbar-nav > li > a {
    background-color: transparent;
    color: #111;
    font-weight: 400;
    line-height: 1;
    padding: 40px 15px;

}

.navbar-brand{
}
.navbar-default-custom .navbar-brand {
    color: #fff;
    height: auto;
}

.navbar-default-custom .navbar-nav > .active > a, .navbar-default-custom .navbar-nav > .active > a:hover, .navbar-default-custom .navbar-nav > .active > a:focus,
.navbar-default-custom .navbar-nav > .active > a, .navbar-default-custom .navbar-nav > a:hover, .navbar-default-custom .navbar-nav > a:focus,
.navbar-default-custom .navbar-nav > li > a:hover, .navbar-default-custom .navbar-nav > li > a:focus,
.navbar-default-custom .navbar-nav > .open > a, .navbar-default-custom .navbar-nav > .open > a:hover, .navbar-default-custom .navbar-nav > .open > a:focus,
.navbar-default-custom .navbar-nav > li:hover, .navbar-default-custom .navbar-nav > li:focus,
.navbar-default-custom .navbar-nav > li.active{
    background-color: #fcec00;
    color: #333;
    line-height: 1;
}
.image2rowdownload .kolom-image{
    height:300px;
    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;
}
.nopad{
    padding-left:0 !important;
    padding-right:0 !important;
}

.kolom-jualsewa.active{
    border-bottom: 4px solid #917306;
}
.kolom-jualsewa{
    padding: 10px;
    /*font-weight: bold;*/
    font-size: 16px;
    display: block;
    font-family: sans-serif;
    border-bottom: 4px solid #fed337;
}
.pad10{
    padding-left:10px;
    padding-right:10px;
}
.flter-property-modal tr, .flter-property-modal input {
    border-bottom: 1px solid #e6e6e6;
}
.numberCircle{
    cursor: pointer;
}
.numberCircle {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 4px;
    line-height: 25px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 12px Arial, sans-serif;
    margin-right: 4px;
}
.flter-property-modal .dropdown-toggle{
    width:100%;
}
.numberCircle.active {
    background: black;
    color: white;
}
.mgv5{
    margin-top: 5px;
    margin-bottom: 5px;
}
.mgv10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mgv20{
    margin-top: 20px;
    margin-bottom: 20px;
}
.flter-property-modal .open>.dropdown-menu {
    max-height: 200px;
    overflow: scroll;
    display: block;
    width: 90%;
}
.flter-property-modal .caret{
    align-self: center;
}
.flter-property-modal input{
    /*border-bottom: 1px solid black;*/
}
.flter-property-modal .dropdown .columnnya{
    align-self: center;
    text-align: center;
}
.flter-property-modal .dropdown li a{
    white-space: pre-line;
}
.flter-property-modal .dropdown{
    display:flex;
}

.breaking{
    margin-bottom: 30px;
}
.breaking15{
    margin-bottom: 15px;
}
.breaking60{
    margin-bottom: 60px;
}
.pad {
    padding-bottom: 30px;
    padding-top: 30px;
}
.pad15 {
    padding-bottom: 15px;
    padding-top: 15px;
}
.pad60{
    padding-bottom: 60px;
    padding-top: 60px;
}
.padtop60{
    padding-top: 60px;
}

.navbar-default-custom {
    background: none repeat scroll 0 0 #FFF;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 0;
}

.navbar-default-custom .navbar-nav {
    margin-top: 20px;
}
.navbar-right {
    margin-top: 0px;
}

#content_wrapper2{
    background: #f4f4f4;
    border-top: 1px solid #e7e7e7;
    padding: 20px 0 50px 0;
}


table{
    border-collapse: collapse;
    border-spacing: 0;
}


table tr td{
    color: #888;
    padding: 10px 10px;
}

.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover td {

}

table a{
    color: #806805;
}
table a:hover{
    color: #888;
}


table tr:nth-child(odd){

}
/*table tr:nth-child(even){

    background: #F5F5F5;
}*/

.pagination > a, .pagination > span{

}
/*=====*/
#header_top{
    background: #FFD300;
}




/*==SHARE==*/

.social_icon{
    color: #959595;
    display: block;
    height: 18px;
    padding-left: 20px;
    margin-bottom: 5px;
}
.share_icon{
    color: #959595;
    display: inline-block;
    height: 32px;
    width: 32px;
    margin-right: 2px;
    text-indent: -9999px;
}
.share_right{
    float: right;
    padding-right: 15px;
}
.share_right span{
    color: #86754d;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    vertical-align: top;
}


.social_icon:hover{
    color: #86754d;
}
.fb_share{
    background: url("img/facebook-share.png") no-repeat scroll 0 0 / 32px auto rgba(0, 0, 0, 0)
}
.twitter_share{
    background: url("img/twitter-share.png") no-repeat scroll 0 0 / 32px auto rgba(0, 0, 0, 0)
}
.google_share{
    background: url("img/google-share.png") no-repeat scroll 0 0 / 32px auto rgba(0, 0, 0, 0);

}

/*NEWSLETTER*/
#newsletter{
    color: #CCC;
    padding: 10px 20px;
}
#newsletter form{
    background: #E8E8E8;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#newsletter input{
    background: #E8E8E8;
    color: #4e4e4e;
    border-color: #E8E8E8;
    font-size: 16px;
    padding-right: 30px;
    padding-left: 30px;
    height: 54px;
    border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
    font-weight: 300;
}

#newsletter input[type="submit"]{
    background: #FFF;
    color: #444;
    font-weight: bold;
    width: 12em;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

/*ARTICLE*/
.article_head{
    margin-bottom :30px;
    border-bottom: 1px solid #D5D5D5;
}


#newsletter fieldset{
    display: inline-block;
    width: 80%;
}
#newsletter .Actions {
    float: right;
    width: 20%;
}

/*==========FOOTER==========*/
.footer_top {
    background: url(img/bg_footer.png) center 0 no-repeat transparent;
    bottom: 0;
    width: 100%;
    margin-top: 60px;
    position: absolute;
    padding-top: 30px;
    width: 100%;
    margin-top: 15px;
    position: absolute;
    top: -80px;
}
footer a{
    color: #BBB;
}

footer ul{
    padding-left: 0;
}


footer li{
    list-style: none;
    line-height: 1.8;
}


.footer_link {
    padding-bottom: 10px;
    padding-top: 10px;
}
.footer_link a{
    color: #bbb;
    font-size: 12px;
    padding: 0 5px;
}


#footer_bottom .copyright{
    border-top: 1px solid #232323;
    color: #888;
    font-size: 11px;
    padding: 10px 0;
}

/*footer h4{
  color: #EEE;
}*/


#footer_bottom p{
    color: #ababab;
    font-size: 12px;
}
.logo_footer{
    width: 110px;
}

footer .break10{
    margin-bottom: 10px;
}

footer a:hover{
    color: #FFF;
    text-decoration: none;
}
#footerSocial{
}
#footerSocial img{
    /* width: 24px; */
    width: 18px;
    margin-right: 5px;
}


#footer_bottom{
    background: #1a1a1a;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    /*  position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pagination{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-align: center;
    width: 100%;
}

.pagination > a, .pagination > span{
    border-radius: 0 !important;
    -moz-border-radius: 0 !imporatant;
    -webkit-border-radius: 0 !imporatant;
    border-color: #ccc;
    color: #888;
    float: none;
    font-size: 14px;
    font-weight: 300;
    margin: 0 5px;
    padding: 8px 12px;
}

.pagination > a.active, .pagination > a.active:hover, .pagination > a.active:focus,
.pagination > a:hover, .pagination > a:focus {
    background: #FBE644;
    color: #3c3d3d;
    border-color: #FBE644;
    text-decoration: none;
}
#search_box_wrapper2{
    padding: 30px 0;
}
.container-fluid {
    padding-right: 35px;
    padding-left: 35px;
    margin-right: auto;
    margin-left: auto;
}
.btn-radio.notActive{
    color:white;
    background:#c7a408 !important;
}
.btn-radio.active, .btn-radio:hover{
    border-color:white;
    color:white !important;
    background: #1e3faa !important;
    box-shadow: none !important;
}
.box-search-new-2019{
    width:100%;
    padding: 25px 40px;
    /*background: #fcd405;*/
    margin: 12px;
    min-height: 200px;
    /*top: -100px;*/
    top: -200px;
    /*box-shadow: -1px 4px 14px 4px #00000052;*/
    border-radius: 16px;
    z-index: 888;
}
.box-iklan{
    padding: 25px 40px;
}
.box-search-new{
    padding: 40px;
    background: #fcd405;
    margin: 0;
    min-height: 200px;
    /*box-shadow: -1px 4px 14px 4px #00000052;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 9999999999;
}
.pagination-new a {
    font-size: 18px;
}
.box-search-new .row-search .input-group{
    position: relative;
    width:100%;
    display: block;
}
.box-search-new .row-search .input-group-btn .btn {
    border-radius: 18px;
    /*margin-left: -15px;*/
    z-index: 9;
    font-size: 30px;
    background: #4c4d4f;
    color: white;
    /*height: 60px;*/
    /*width: 100px;*/
    position: absolute;
    /*left:0;*/
    top:0;
}
.navbar-filter-property{
    margin-top: 20px;
    font-weight: bold;
    font-size: 15px;

}
.navbar-filter-property>li{
    margin-right: 25px;
}
.box-search-new-2019{
    position: absolute;
    left: 0;
    right: 0;
    margin:0 !important;
}
.box-search-new{
    width:100%;
    /* top: -118px; */
    top: -100px;
    left: 0;
    right: 0;
    border-radius: 0;
}
.container-slider{
    position: relative;
}
@media only screen and (min-width: 768px) {
    .navigation-footer .navbar-nav>li>a {
        padding-left: 0px !important;
    }

    .nav-custom-footer-top li a {
        margin-right: 50px;
    }
    .row.row-eq-height {

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
    }
}
.filter-button-search{
    font-size: 14px;
    padding:10px;
    border: 1px solid grey;
    border-radius: 16px;
    cursor: pointer;
}
.vertical-center {
    align-self: center !important;
}
.row-vertical-center {
    align-items: center !important;
}
.dropdown-custom-2{
    margin:0px !important;
}

.box-search-new .radioBtn a:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.box-search-new .radioBtn a:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* enable absolute positioning */
.inner-addon {
    position: relative;
}
.search-home{
    height: 40px;
    border-radius: 50px;
}

/* style icon */
.inner-addon .glyphicon {
    position: absolute;
    /*padding: 10px;*/
    /*padding: 12px;*/
    padding: 12px 15px;
    pointer-events: none;
    color:#828387;
}
.glyphicon-ring {
    box-shadow: -1px 4px 7px 0px #00000073;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: white;
    /*border: 4px solid white;*/
    color: white;
    display: inline-table;
    text-align: center;
}
/**CSS FOR ICON WITH NO BACKGROUND COLOR**/
.no-underline:hover{
    text-decoration: none;
}
.glyphicon-ring .glyphicon-colored   {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;

}
.glyphicon-ring .glyphicon-bordered {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
}
.box-search-new-2019 .btn-radio{
    border:0px !important;
    background: white !important;
    color:black !important;
}
.box-search-new-2019 .btn-radio.active {
    background: #fcd405 !important;
}
.box-search-new-2019 .btn-radio.notActive {
    color: white;
    background: white !important;
}
.box-search-new-2019 .btn-radio{
    border-radius: 50px !important;
}
.box-search-new-2019 .btn-radio {
    border-radius: 20px !important;
    padding: 20px 0px;
    font-size: 16px;

}
/*.box-search-new-2019 .radioBtn li:not(:first-child):not(:last-child) .btn-radio{
    margin: 0px 40px !important;
}*/

.btn-radio.active, .btn-radio:hover {
    border-color: white;
    color: white;
    background: #fcd405;
    box-shadow: none;
}
.dropdown-toggle{
    /*color:black;*/
    /*font-weight: bold;*/
}
.dropdown-toggle:hover, .dropdown-toggle:focus{
    color:black !important;
    text-decoration: none;
}
.box-search-new-2019 .row-radio-button{
    max-width: 100%;
}
.box-search-new-2019 .row-search{
    margin-top: 25px;
    background: #fcd405;
    padding: 30px;
    /*margin-bottom: 15px;*/
    border-radius: 8px;
    max-width: 100%;
}
.row-search .form-control:focus{
    border-color: #ffd300;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.row-search input{
    border-radius: 18px !important;
    font-size: 20px;
}
.row-search .inner-addon .glyphicon{
    z-index: 9;
    font-size: 20px;
    padding: 20px 15px;
}
.row-search .left-addon input{
    padding-left: 65px;
}

.row-search .input-group-btn .btn{
    height: 60px;
    width: 100px;

}
.box-search-new-2019 .btn-radio{
    position: relative;
    width:100%;
}
.box-search-new-2019 .btn-radio.active::after{
    left: 42%;
    content: '';
    position: absolute;
    top: 112%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fcd405;
    clear: both;
}
.box-search-new-2019 .row-search .input-group-btn .btn{
    left: -100px;
    font-size: 30px;
    position: absolute;
    top: 0;
    background: #4c4d4f;
    color: white;
    border-radius: 18px;

    z-index: 9;

}

.box-search-new-2019 .row-search .input-group{
    position: relative;
    width: 100%;
}
.row-search input{
    height: 60px;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  45px; }
.right-addon input { padding-right: 30px; }
.box-search-new .radioBtn a:not(:last-child){
    border-right:2px solid white !important;
}
.company-header-avatar{
    width: 54px;
    height: 54px;
    margin: 0 !important;
    -webkit-border-radius: 60px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 60px;
    -moz-background-clip: padding;
    border-radius: 60px;
    background-clip: padding-box;
    margin: 7px 0 0 5px;
    float: left;
    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;
}
.image-agent{
    display: inline-block;
    /* width: 100% */
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.detail-agent-props .nama-agent{
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    color: #4c4c4c;
}
.detail-agent-props .image-kantor{
    padding:15px 0px;
}
.view-contact .fa{
    color:white;
    font-size: 16px;
    margin-right: 5px;
}
.view-contact .button-contact{
    text-align: left;
    background: #ffd300;
    border-radius: 15px;
    padding: 15px;
    margin:10px 0px;
    font-weight: bold;
}
.detail-agent-props .button-contact{
    text-align: left;
    background: #ffd300;
    border-radius: 15px;
    padding: 15px;
    margin:10px 0px;
    font-weight: bold;
}
.detail-agent-props .button-contact .fa{
    color:white !important;
    margin-right: 6px;
    font-size: 20px;
}
.title-detail-agent{
    font-size: 28px;
    font-weight: bold;
    color: #4c4c4c;
}
.agent-header-rounded{
    width: 150px;
    height: 150px;
    margin: 0 !important;
    /* -webkit-border-radius: 200px; */
    /* -webkit-background-clip: padding-box; */
    /* -moz-border-radius: 60px; */
    /* -moz-background-clip: padding; */
    /* border-radius: 200px; */
    /* background-clip: padding-box; */
    /* margin: 7px 0 0 5px; */
    /* float: left; */
    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;

}
.agent-header-avatar{
    width: 80px;
    height: 80px;
    margin: 0 !important;
    -webkit-border-radius: 60px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 60px;
    -moz-background-clip: padding;
    border-radius: 60px;
    background-clip: padding-box;
    margin: 7px 0 0 5px;
    float: left;
    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;

}
.glyphicon-search-home{
    color:#1e3faa;
    font-size: 30px;
    padding: 20px;
}
.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease !important;
}
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 9999999999999; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


#main-body{
    transition: margin-left .5s;
    /*padding: 20px;*/
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}
.sidenav{
    background: #ffd300;
}
#slideshow_wrapper .swiper-container{
    height: 500px !important;
}
.content-slider .title{
    color: white;
    font-size: 4.6vw;
    font-weight: bold;
    padding: 10px 0px;
}
.content-slider .content{
    font-size: 1.6vw;
    padding-bottom: 50px;
    color: white;
}
.sidenav a{
    color: #3e3e3e !important;
    font-weight: normal  !important;
}
.wrapper-slider {
    position: relative;
    display: inline-block;
    width: 100%;
}
a.btn.btn-default.button-yellow-rounded:hover {
    background:#fcd405;
    color:#4c4d4f;
}
.wrapper-slider:after{
    content: "";
    background: -webkit-linear-gradient(transparent,rgba(0,0,0,.9));
    background: linear-gradient(transparent,rgba(0,0,0,.9));
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
.address-detail{
    margin-bottom:30px;
}

.table-detail-props tr td{
    padding:6px 10px;
}

@media only screen and (max-width: 380px) {
    .content-property .title-property-agent {
        font-weight: bold;
        font-size: 12px !important;
        margin-left: 4px;
    }
    .content-property .title-property-no-agent {
        font-size: 11px !important;
        margin-left: 4px;
    }
    .right-agent-info .buttonnya {
        font-size: 8px !important;
    }
}
@media only screen and (max-width: 767px) {
    .our_developer .swiper-button-next, .our_developer .swiper-button-prev{
        font-size: 40px !important;
    }
    #content_wrapper{
        padding-top: 0px !important;
    }
    .filter-property{
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }
    .hasil-kpr-box{
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    .hasil-kpr-box .kolom-hasil-kpr:not(:last-child){
        border-bottom: 1px solid #bbbbbb;
    }

    .kolom-filter-home{
        padding:0px;
    }
    .table-detail-props td:first-child {
        padding-left: 0px !important;
        padding-right: 10px;
    }
    .price-price{
        padding-bottom: 10px;
    }
    .price-slash{
        display:none;
    }
    .box-search-new-2019 .btn-radio.active::after {
        left: 38%;
    }
    .swiper-button-prev {
        left: 10px !important;
    }
    .swiper-button-next {
        right: 10px !important;
    }
    .content-home-icon{
        padding: 0px 0px !important;
    }
    .glyphicon-search-home{
        color:#1e3faa;
        font-size: 15px;
        padding: 15px;
    }
    .glyphicon-ring {
        width: 40px !important;
        height: 40px !important;
    }
    .btn-radio {
        font-size: 10px;
        padding: 10px 0px !important;
    }
    .row.row-eq-height-mobile-just-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
    }
    .row.row-eq-height-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        max-width: 100%;
    }

}
.price-property {
    word-break: break-all;
    z-index: 999;
    color: white;
    position: absolute;
    bottom: 0;
    /*padding: 8px 30px;*/
    padding: 8px 10px;
    font-weight: bold;
    font-size: 27px;
}
.pad40{
    padding-top: 20px;
    padding-bottom: 20px;
}
.agent_dan_fotonya{
    padding-top:5;
    padding-top:10;
    margin: 0px !important;
}
.content-property {
    padding: 14px 10px;
}
.content-property .title-property-agent{
    font-weight: bold;
    font-size: 14px;
    margin-left: 8px;
}
.content-property .title-property-no-agent{
    font-size: 13px;
    margin-left: 8px;
}
.content-property .title-property{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px !important;
    margin-bottom: 5px;
}
.property-new .swiper-slide{
    /*margin-right: 20px;

}
.sosmed-navbar-bottom li{
    display:inline-block;
}
.navbar-bottom-footer li{
    display:inline-block;
}
.content-property .address-property{
    font-size: 12px;
}
.content-property{
    padding: 14px 10px;
}
.image-box-property{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.box-office {
    height: 300px !important;
}
.kolom-filter{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.image-parent-box-office {
    height: 160px !important;
}
.image-parent-box-office::after{
    /*background: none !important;*/
}
.image-box-property {
    /*    -webkit-box-shadow: inset 0px -20px 20px 0px #0000004f;
        box-shadow: inset 0px -20px 20px 0px #0000004f;*/
    height: 250px;
    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-radius: 10px;
}

.box-property{
    margin-bottom: 30px;
    /*height: 415px;*/
    height: 430px;
    -webkit-box-shadow: 2px 3px 10px 0px #00000040;
    -moz-box-shadow: 2px 3px 10px 0px #00000040;
    box-shadow: 2px 3px 10px 0px #00000040;
    background: white;
    border-radius: 10px;
}
.bold{
    font-weight: bold;
}
.bordered-down{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    margin-bottom: 15px;

}
.content-download{
    font-size: 18px;
}
.bordered-down:after{
    border-bottom: 0.6vw solid #4c4d4f;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 50%;
    bottom: -15px;
    margin: 0 auto;
}
.btn-radio {
    margin-left: 0px !important;
    border:0px;
    border-color:white;
    padding: 10px 64px;
    font-weight: bold;
}

#search_box_wrapper{
    background: url(img/bg_rounded.png) center 0 no-repeat transparent;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    height: 16%;
    width: 100%;
}
#search_box_wrapper3{
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
}




#search_box{
    margin-top: 5px;
    top: 15px;
}
#search_box fieldset {
    float: left;
    width: 85%;
}
#search_box .Actions {
    float: left;
    width: 15%;
}

#search_box .text-center{
    color: #e0e0e0;
}


#search_box input{

    background: #f3f3f3;
    border-color: #eee;
    font-size: 16px;
    padding-left: 30px;
    height: 54px;
    border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    width: 100%;
    font-weight: 300;
}
#search_box input[type="submit"]{
    background: url(img/search.png) no-repeat center center #f3f3f3;
    background-size: 32px auto;
    border-radius: 0 20px 20px 0px;
    -moz-border-radius: 0 20px 20px 0px;
    -webkit-border-radius: 0 20px 20px 0px;
    /*  border-left: 1px solid #DDD;*/
}

/*===TAB====*/
.panel-default{
    border: none;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    background: none;
}
.panel-default .card{
    margin-bottom: 0;
}


.nav-tabs:not(.nav-tabs-custom) a{
    font-size: 18px;
}
.nav-tabs:not(.nav-tabs-custom) > li.active > a, .nav-tabs:not(.nav-tabs-custom) > li.active > a:hover, .nav-tabs:not(.nav-tabs-custom) > li.active > a:focus, .nav-tabs:not(.nav-tabs-custom) > li > a:hover{
    color: #111;
    background: none;
    border: 1px solid #FFF;
}
.nav-tabs:not(.nav-tabs-custom) > li {
    margin-right: 10px;
    text-align: center;
    float: none;
    display: inline-block;

}
.nav-tabs-custom li.active a{
    /*color: white;*/
    font-weight: bold;
    background-color: #fed337;
    border: 1px solid #fed337 !important;
}
.nav-tabs-custom li a{
    margin-right: 0px !important;
    border-radius: 0px !important;
    text-align: center;
}
.nav-tabs-custom li{
    width:100%;
}
.nav-tabs-custom{
    display: flex;
    margin:20px 0px;
}

.nav-tabs:not(.nav-tabs-custom){
    border-bottom: none;
}
.nav-tabs:not(.nav-tabs-custom) > li > a {
    background: #FFF;
    color: #a4a4a4;
    border-radius: 0;
}

/*==Section News==*/

section.darker,
.darker{
    background: #ebebeb;
}

section.darker h3{
    color: #3c3d3d;
    font-weight: normal;
}

section.darker .more{
    background: url(img/triangle_yellow.png) no-repeat right center;
    background-size: 15px auto;
    padding-right: 24px;
    color: #111;
}
.arrow.more{
    background: url(img/triangle_yellow.png) no-repeat right center;
    background-size: 15px auto;
    padding-right: 24px;
    color: #111;
}


section{
    font-size: 14px;
}


section ul{
    padding-left: 0;

}


section ul li{
    margin-left: 0;
    list-style: none;
    margin-bottom: 10px;
}
section ul li a{
    color: #787878;
}
section ul li a:hover{
    color: #444;
}
section a span{
    color: #1b1b1b;
    font-size: 12px;
}

/*====Agent Thumb===*/

#top_producer{
    position: relative;
}

.foto_agent_wrapper img{
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}


.agent_thumb{
    background: transparent;
    text-align: center;
    color: #3c3d3d;
    display: block;
    font-size: 14px;
    padding-bottom: 1px;

    width: 144px;
    min-height: 144px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.box_white{
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ececec;
    padding: 30px 0 10px;
}
#best_office .agent_thumb{

}


.box_white .agent_thumb{
    margin: 0 ;
}




.agent_thumb:hover{
    text-decoration: none;
    color: #3C3D3D;
}
.foto_agent_wrapper{
    display: inline-block;
    position: relative;
    max-width: 123px;
    margin-bottom: 15px;
}
.agent_thumb p{
    margin-bottom :2px;
    font-size: 10px;
}

.agent_thumb .rank {
    background: #FFD200;
    color: #111;
    font-size: 18px;
    height: 32px;
    /* padding-left: 20px; */
    padding-top: 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    z-index: 2;
    border-radius: 100%;
    line-height: 25px;
}

.rank_office {
    background: #222 none repeat scroll 0 0;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    height: 26px;
    left: 0;
    line-height: 26px;
    position: relative;
    right: 33px;
    text-align: center;
    top: -5px;
    width: 26px;
}

.agent_thumb .nama_agent{
    font-weight: bold;
    text-transform: uppercase;
}
.arrow_container{
    position: absolute;
    top: 0;
    right: 30px;
}
.arrow_container .swiper-button-kanan{
    background-image: url("img/panah_kanan.png");
    background-repeat: no-repeat;
}
.arrow_container .swiper-button-kiri{
    background-image: url("img/panah_kiri.png");
    background-repeat: no-repeat;
    right: -10px;
}
footer li a:hover{
    background: none !important;
}
.content-title-footer {
    margin: 15px 0px;
}
footer{
    background:#231f20 !important;
    color:white;
}
.fa-icon-sosmed{
    color:black;
}

.download-page{
    background:#f1f3f2;
    min-height: 100px;
    padding:50px 0px;
}
.title-download-page{
    position: relative;
    margin-bottom: 20px;
    font-size: 35px;
    font-weight: bold;
}
.title-download-page::after{
    border-bottom: 8px solid #1e3faa;
    content: '';
    position: absolute;
    left: 0;
    /* right: 0; */
    width: 30%;
    bottom: -16px;
}
.download-image img{
    width:25%;
}
.download-image a{
    margin-right: 15px;
}
.content-download-page{
    padding: 35px 0px;
    font-weight: bold;
    font-size: 18px;
}


footer a{
    color:white;
}
.swiper-button-prev{
    background-image: url("img/panahkiri.png");
    background-repeat: no-repeat;

}
.swiper-button-prev, .swiper-button-next{
    width: 54px;
    height: 54px;
    background-size: 54px 54px;
}
.content-blog{
    padding:15px;
}
.content-blog h4{
    font-weight: bold;
}
.swiper-button-next{
    /*background-image: url("img/right-arrow.png");*/
    background-image: url("img/panahkanan.png");
    background-repeat: no-repeat;

}
.swiper-button-kanan, .swiper-button-kiri {
    backgground-color: rgba(0,0,0,1);
    background-size: 32px auto;
    border-radius: 100%;
    cursor: pointer;
    padding: 30px;
    width: 32px;
    position: absolute;
    top: 0;
}
.swiper-button-disabled{
    opacity: 0.5;
}
.best_manager .swiper-wrapper{
    width: 144px !important;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.kantor_agent .agent_thumb{
    background: none;
    width: 50%;
}
.kantor_agent .agent_thumb img{
    max-width: 123px;
}

.kantor_agent, .best_manager{
    padding-right: 0;
}


.bos_agent_wrapper{
    background: url(img/garis.jpg) no-repeat center 40%;
}

/*====AWARD AGENT====*/
#award_page .agent_thumb  {
    display: inline-block;
    margin-bottom: 20px;
    max-width: 157px;
    width: 157px;
    vertical-align: top;
}
#award_page .best_office_thumb{
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin: 0 10px 20px;
    width: 320px;
}
#award_page .bos_agent_wrapper .agent_thumb{
    background: none;
    width: 50%;
    margin: 0;
}


/*====OFFICE BRIGHTON==*/

#office_brighton a{
    margin-right: 15px;
    margin-left: 15px;
    width: 170px;
}
#officelist_page .box_white{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.4;
    margin-bottom: 30px;
}

#officelist_page .kantor_index .kantor_list:nth-child(2n+1){
    clear: both;
}

#Form_FormRepairPassword label, #Form_FormRepairPassword .middleColumn{
    width:100%;
}

#Form_FormRepairPassword input:not(.action){
    background: linear-gradient(to bottom,#f2f2f2,#fefefe);
    border: 0;
    box-shadow: 1px 4px 4px 1px #0000001f;
    /* background-image: url(img/customer_icon.png); */
    border-left: 1px solid #ccc;
    font-size: 18px;
    border-radius: 25px;
}



/*CARD*/

.card{
    background: #F0F0F0 none repeat scroll 0 0;
    /*  border: 1px solid #ececec;*/
    border-bottom: 1px solid #d5d5d5;
    color: #111;
    display: block;
    font-size:14px;
    min-height: 280px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

.card .img_wrapper{
    position: relative;
}
.card .img_overlay{
    background: rgba(255,211,0,0.77);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
}
.card .img-responsive{
    width: 100%;
}


.card .jenis{
    background: #f0f0f0 none repeat scroll 0 0;
    color: #111;
    font-size: 10px;
    padding: 1px 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 6;
}
.card:hover{
    text-decoration: none;
    color: #3c3d3d;
}
.card .title{
    color: #111;
    font-size: 12px;
    font-weight: bold;
}
.title{
    color: #8b8b8b;
}


.card .harga{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    font-weight: bold;
}
.card .desc_prop_wrap{
    padding: 7px 5px;
}
.card .nama_agent{
    color: #3c3d3d;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
}


.property_highlight span {
    display: inline-block;
    font-size: 10px;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    height: 27px;
    line-height: 27px;
    background-size: 18px auto;
    font-weight: bold;
}


.property_highlight .ukuran{
    background-image: url(img/luas_tanah_icon.png);
}
.property_highlight .tpt_tidur{
    background-image: url(img/kamar_tidur_icon.png);
}
.property_highlight .kmr_mandi{
    background-image: url(img/kamar_mandi_icon.png);
}
.property_highlight .bangunan {
    background-image: url(img/luas_bangunan_icon.png);
}

.desc_prop{
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 3px;
}
.desc_agent p{
    margin-bottom: 5px;
}

.primary_card .overlay{
    /*background: rgba(0,0,0,0.6);*/
    background: #24241C;
    padding: 5px;
    position: static;
    bottom: 0;
    color: #FFF;
    width: 100%;
}
.primary_card .image_overlay{
    position: relative;
}
.primary_card .title{
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bold;
}
.primary_card p{
    margin-bottom :0;
}
/*=======PARALLAX========*/
.parallax-window2 {
    min-height: 400px;
}
.parallax-window2 .cms_content h1,
.parallax-window2 .cms_content h2,
.parallax-window2 .cms_content h3,
.parallax-window2 .cms_content h4,
.parallax-window2 .cms_content h5,
.parallax-window2 .cms_content h6{
    line-height: 1.4;
    padding: 10px;
    background: rgba(0,0,0,0.6);
}
.parallax-box{
    position: relative;
}
.parallax-box .container{

}


/*==============PROPERTY DETAIL================*/
.kotak_putih{
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    background: #fff none repeat scroll 0 0;
    /* border: 1px solid #ececec; */
    border-radius: 3px;
    padding: 0px;
}

.kotak_putih:hover {
    box-shadow: 0 0px 4px 0 rgba(0,0,0,0.2);
}
.parallax-window {
    min-height: 250px;
    background: transparent;
    position: relative;
}

#property_detail .date,
#primary_property_detail .date{
    color: #8F8F8F;
    font-style: italic;
    font-size: 12px;
}

#photo_thumb{
    position: relative;
    top: -30px;
}
#photo_thumb img{
    border: 5px solid #FFF;
    margin: 2px 5px;
    width: 120px;
}
.kotak_putih .nama_agent {
    color: #3c3d3d;
    font-size: 14px;
    font-weight: bold;
}
.kotak_putih .desc_agent{
    padding-top :10px;
}
#detail_property{

}
#detail_property span{
    text-align: right;
    float: right;
    width: 50%;
}


#detail_property ul{
    padding-left: 0;
}
#detail_property li{
    list-style: none;
}
#detail_property li > p{
    border-bottom: 1px dotted #DDD;
    color: #363636;
    padding: 12px 0;
    margin-bottom: 0;
}
#detail_property li > p span{
    font-weight: bold;
}

#detail_property li > p::before,
#detail_property li > p::after{
    display: table;
    content: " ";
}

#detail_property li > p::after{
    clear: both;
}

#trigger, #share_but{
    /*text-align: center;*/
}
.slider-property-custom{
    position: relative;
    background:#ededed;
    padding:20px 0px;
}
.slider-property .swiper-slide{
    padding:10px 15px;
}
.title-bold{
    font-weight: bold;
}

#trigger a{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    width: 42px;
    line-height: 27px;
    margin-bottom: 10px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    text-indent: -9999px;
}
#email_agent{
    background-image: url(img/ic_email_grey600_24dp.png);
}
#call_agent{
    background-image:url(img/ic_phone_grey600_24dp.png);
}
#like_this{
    background-image: url(img/ic_favorite_outline_grey600_24dp.png);
}
#report_this{
    background-image: url(img/ic_flag_grey600_24dp.png);
}

.tooltip-inner{
    background: rgba(0,0,0,0.5);
}

.title_search{
    color: #8b8b8b;
    background: url(img/search.png) no-repeat left center;
    background-size: 36px auto;
    padding-left: 36px;
}


/*=======PROPERTY SEARCH SECONDARY=========*/
.search_filter input,
#Form_ input.text,
.search_filter select,
#Form_ select{
    border: 1px solid #DDD;
    color: #333;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.search_filter .field{
    padding-bottom: 18px;
}
.search_filter input::-webkit-input-placeholder,
.search_filter input::-moz-placeholder,
.search_filter input:-ms-input-placeholder,
.search_filter input:-moz-placeholder,
.search_filter select::-webkit-input-placeholder,
.search_filter select::-moz-placeholder,
.search_filter select:-ms-input-placeholder,
.search_filter select:-moz-placeholder{
    color: #8b8b8b;
    font-weight: 600;
}
.search_filter .action,
#Form_ .action{
    font-size: 1.25em;
}
.office_nav > li{
    border-bottom: 1px solid #8c8c8c;
}

.office_nav li a{
    color: #000;
}
.office_nav li a span{
    background: url(img/bullet.png) no-repeat 94% center;
    width: 10px;
    height: 10px;
    display: inline-block;
    padding-right: 30px;
    background-size: 10px;
}
.office_nav li a:hover{
    background: none;
}
.office_nav li a:hover span, .office_nav li.open a span{
    background: url(img/bullet_active.png) no-repeat 94% center;
    background-size: 10px;
}
.office_nav li a:hover,
.office_nav li a:focus,
.office_nav li.open a:focus,
.office_nav li.open a{
    background: none;
}
.office_nav .open > .dropdown-menu {
    display: block;
    padding: 10px;
}
.office_nav .dropdown-menu > li{
    margin-bottom: 15px;
}


select {
    background: url(img/panah_bawah.png) no-repeat 94% center;
    background-size: 24px auto;
    cursor: pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
option{
    padding: 5px;
}


.slider-handle{
    background: #FBE644;
    height: 16px;
    width: 16px;
    box-shadow: 0 0 3px #f99f45 inset;
    -moz-box-shadow: 0 0 3px #f99f45 inset;
    -webkit-box-shadow: 0 0 3px #f99f45 inset;
}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{
    margin-top: -4px;
}
.slider.slider-horizontal .slider-track{
    left: 10px;
}
.slider.slider-horizontal{
    width: 93%;
}


.slider-selection{
    background: #FBE644;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.slider-track-low, .slider-track-high{
    background: #AAAAAA;
}
.parallax-box .cms_content p{
    line-height: 1.6;
}

#property_search_secondary .Actions .action{
    width: 100%;
}

/*=================GALLERY===============*/

.grid {
    background: #DDD;
}

/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */

.grid{
    padding-top: 30px;
    background: #F7F7F7;
}



.grid-sizer,
.grid-item {
    width: 33.333%;
}
.grid-item{
    float: left;
    padding: 10px;
}


.grid-item img {
    display: block;
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all 0.4s ease 0s;
}
.grid-item img:hover{
    filter: none;
    -webkit-filter: grayscale(0);
}


/*========CONTACT FORM==============*/

.contact_form{
    margin-top: 30px;
}
.contact_form .middleColumn{
    margin-left: 0;
}

.fieldgroup{
    margin-bottom: 10px;
}

.contact_form .fieldgroupField{
    display: inline-block;
    margin-right: 3%;
    width: 48%;
}

.contact_form .fieldgroupField:nth-child(2){
    margin-right: 0;
}

.contact_form label{
    font-size: 12px;
    font-weight: normal;
    float: none;
    margin-bottom: 0;
}
.contact_form input{
    height: 40px;
}

.contact_form textarea,
.contact_form input{
    background: #f0ede5;
    width: 100%;
}
.contact_form textarea{
    width: 70%;
}
.contact_form .Actions{
    margin-left: 0;
}

.ct_map_wrapper{
    position: relative;
}
.ct_map_wrapper .row{

}
.ct_map_wrapper #breadcrumb_overlay{
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    top: 0;
    height: 100%;
    position: absolute;
    width: 100%;
}
#contact_page #breadcrumb_wrapper{
    bottom: 0;
}

.agent_badge{
    display: inline-block;
    margin: 5px 3px;
}

/*========agent==============*/

.social_agent i {
    background: #CCC;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #FFF;
}

.btn.icon{
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
    padding-left: 54px;
}
.icon360{
    background-image: url(img/icon-360.png);
}
.office_nav li a li img{
    padding: 6px;
}
.breaking30{
    margin-bottom: 30px;
}



@media only screen and (max-width: 991px){
    .navbar-login-auth{
        position: absolute;
        right: 40px;
    }
    .navbar-default-v6>.container-fluid{
        position: relative;
    }
    .navbar-login-auth>li{
        display:inline-block;

    }
    .navbar-login-auth .open .dropdown-menu{
        background:white !important;
        position: absolute !important;
    }
    .navbar-login-auth .auth-drop{
        left: -255px;
    }
    /* .row-agent-detail .img-agent-detail{
        /* padding:15px 200px; */
        /* width:100% !important; */

    /* } */ */
    .row-agent-detail{
        text-align: center;
    }
    .content-home-icon {
        font-size: 14px;
    }
    ul.nav.navbar-nav.navbar-filter-property .dropdown-menu li a{
        padding: 5px !important;
        color: black !important;
        border-bottom: 0.1px solid #b9b7b7;;
    }
    ul.nav.navbar-nav.navbar-filter-property .dropdown-menu{
        max-height: 100px;
        overflow: scroll;
        background: white;
    }
    #map{
        width: 100%;
        height: 300px !important;
    }

    .web-nav, .navbar-default-v6 .navbar-nav:not(.navbar-right){
        display:none;
    }

    .slide_show_desc {
        bottom: 50px;
        left: 0;
        margin: auto;
        right: 0;
        width: 90%;
    }

    .panel-default .card{
        margin-bottom: 30px;
    }

}

.image-parent-box-office:after {
    content: "";
    background: -webkit-linear-gradient(transparent,rgba(0, 0, 0, 0.32) 200%) !important;
    background: linear-gradient(transparent,rgba(0, 0, 0, 0.32) 200%) !important;
    position: absolute;
    display: block;
    width: 100%;
    height: 40% !important;
    /* top: 0; */
    bottom: 0;
}
.image-box-property:after {
    content: "";
    background: -webkit-linear-gradient(transparent,rgba(0, 0, 0, 0.74) 90%);
    background: linear-gradient(transparent,rgba(0, 0, 0, 0.74) 90%);
    position: absolute;
    display: block;
    width: 100%;
    height: 50%;
    /* top: 0; */
    bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px){
    .address-property{
        white-space: nowrap;
    }
    .product_thumbnail .product_thumbnail_price{
        font-size: 16px;
        height: 58px;
    }
    .navbar-default-custom .navbar-nav > li > a{
        font-size: 14px;
        padding: 40px 6px;
    }


}

.address-property{
    margin-block-start: 0;
    font-size: 14px !important;
    font-family: inherit;
}

.box-search-new-2{
    padding:0px !important;
}

.row-search-container{
    position: relative;
}
@media only screen and (max-width:767px){
    .logo-download-bottom {
        justify-content: center;
    }
    .logo-download-bottom a {
        width: 30% !important;
    }
    .modal-fullscreen-custom .modal-dialog{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .row-search .left-addon input {
        font-size: 16px;
    }
    .navbar-default-v6>.container-fluid{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /* .row-agent-detail .img-agent-detail{
        /* padding:15px 100px; */
    /* }  */
    .box-search-new-2019{
        padding: 25px !important;
        margin:0 !important;
    }

    .box-iklan{
        padding: 10px !important;
        margin:0 !important;
    }

    #slideshow_wrapper .swiper-container {
        padding-top: 0px !important;
    }
}
.navbar-default-v6 .navbar-nav>.active>a,
.navbar-default-v6 .navbar-nav>.active>a:hover,
.navbar-default-v6 .navbar-nav>.active>a:focus {
    /*color: #171717; //active navbar*/
    background-color: #ffffff;
}
.navbar-default-v6 .navbar-brand {
    padding: 0px;

}
.navbar-default-v6 li a{
    font-size: 18px;
    color: #121212 !important;

}

.navbar-default-v6 .navbar {
    min-height: 60px;
}

.navbar-default-v6 .navbar-brand {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
}
.navbar-default-v6{
    box-shadow: 5px 5px 18px 3px #0000001f;
    z-index: 999999;
    border-radius: 0px !important;
}
.navbar-default-v6 .navbar-brand img{
    margin:0 !important;
}

.navbar-default-v6 {
    background-color: #ffffff;
    border:0px !important;
}
.navbar-default-v6 .navbar-brand>img {
    height: 100%;
    padding: 8px;
    width: auto;
}
.language-header{
    border: 1px solid grey;
    border-radius: 16px;
}
.signup-header a{
    padding-left: 0px !important;
}
.roundedicon{
    margin-top: -10px !important;
}
.navbar-default-v6 .navbar-nav{
    padding: 8px 0px;
}
.navbar-default-v6{
    margin:0px !important;
    padding:15px 0px;
}
.navbar-default-v6 .navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 23px;
    padding: 9px 10px !important;
}


.signup-header{
    /*border-left: 1px solid black;*/
}
.round {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #222;
    color: #FFF;
    text-align: center;
}
.round.hollow {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fcd405;
    color: #222;
    text-align: center;
    /*    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);*/
}
.box-default-first{
    background: #4c4d4f;
    padding: 20px 30px !important;
    border-radius: 10px;
}
.title-subscribe{
    font-size: 40px;
    color: black;
    font-weight: bold;
    position: relative;
    margin-bottom: 26px;
}

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

.subscribe-form{
    height:42px;
}
.container-subscribe-form .btn{
    background: #4c4d4f;
    color: white;
    border-color: #4c4d4f;
}

.content-subscribe{
    font-size: 18px;
    color: black;
    margin: 30px 0px;
}
.subscribe-home{
    background:url('img/yellow_BG-01.png');
    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;
    height: 360px;
    margin: auto;
    display: table; width:100%;

}
.subscribe-home-content{
    display: table-cell; vertical-align: middle;
}
.btn-dropdown-a:hover{
    background: #f5f5f5;
}
.lupa-password a{
    font-weight: bold;
    font-size: 12px !important;
}
.lupa-password{
    font-size: 12px;
    text-align: center;
    /*padding-top: 30px;*/
}
.btn-dropdown-a{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background: none;
    width: 100%;
    border: 0 !important;
    text-align: left;
}
.box-search-new-2 .container{
        padding: 20px !important;
    }
    .kolom-jualsewa-1.yangactive, .kolom-jualsewa-1:hover{
        background: #fcd237 !important;
        color: white !important;
        border-color: white !important;
    }
    .kolom-jualsewa-1{
        transition: 0.3s ease-in all;
        width: 100%;
        padding: 18px;
        box-shadow: inset 0 0 0 8px #fbcf36;
        border-radius: 100px;
        border: 8px solid white;
        background: white;
        color: #fed337;
        font-weight: bold;
    }

@media only screen and (min-width:768px){
    .box-search-new-2 .container{
        padding: 20px !important;
    }
    .box-office{
        height: 390px !important;
    }
    #content_wrapper {
        padding-top: 20px !important;
    }
    .hasil-kpr-box .kolom-hasil-kpr:not(:last-child){
        border-right: 1px solid #9a9a9a;
    }

    .box-property-bottom{
        /*width: 27% !important;*/
    }
    /*    .box-default-first{
            width: 32% !important;
        }*/
    /*.social_agent {
      position: absolute;
      right: 15px;
      top: 0;
    }*/

    #footerSocial{
        top: 35px;
    }

    .collapserow {
        display: flex;
        flex-wrap: wrap;
    }

    .padtop35percent{
        padding-top: 35%;
    }
    .padtop15percent{
        padding-top: 15%;
    }
    .bg_circle{
        background-repeat: no-repeat;
        background-size: 303px;
        background-position: -50px 208px;
    }
    .bg_circle1{
        background-repeat: no-repeat;
        background-position: 0px -30px;
        padding-top: 180px
    }

    .ribbon-new::before {
        background: rgba(0, 0, 0, 0) url("img/padi-kiri.png") no-repeat scroll center top / 40px auto !important;
        height: 110px !important;
    }
    .ribbon-new::after {
        background: rgba(0, 0, 0, 0) url("img/padi-kanan.png") no-repeat scroll center top / 40px auto !important;
        height: 110px !important;
    }
    .ribbon::before {
        background: rgba(0, 0, 0, 0) url("img/ribbon_1.png") no-repeat scroll center top / 40px auto;
        content: "";
        display: inline-block;
        height: 60px;
        vertical-align: middle;
        width: 50px;
    }
    .ribbon::after {
        background: rgba(0, 0, 0, 0) url("img/ribbon_2.png") no-repeat scroll center top / 40px auto;
        content: "";
        display: inline-block;
        height: 60px;
        vertical-align: middle;
        width: 50px;
    }
    .panel-body{
        padding: 15px 0;}
    .navbar-header .navbar-brand {
        width: 300px !important;
    }


    @media (min-width: 768px) {
        .navbar-default-v6 .navbar-nav > li > a {
            /* (80px - line-height of 27px) / 2 = 26.5px */
            padding-top: 10.5px;
            padding-bottom: 10.5px;
            line-height: 22px;
        }

        .navbar-default-v6 .navbar-header .navbar-brand {
            width: 130px !important;
        }
    }

    .navbar-default-custom .navbar-nav li {
        margin: 5px;
    }
    #header-right{
        /*margin-top: 4px;*/
    }


    #sidebar.affix, #sidebar.affix-bottom {
        width: 158px;
    }
    .property_wrapper{
        float: right !important;
    }
    .kanan_pc{
        float: right !important;
    }
    .navbar-default-custom .navbar-nav > .active > a,
    .navbar-default-custom .navbar-nav > li > a:hover{

    }
    .navbar-default-custom .navbar-nav > li > a{
        background-color: transparent;
        color: #111;
        /*display: table-cell;*/
        font-weight: 400;
        height: 100px;
        line-height: 1;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        width: 100px;
    }

    .navbar-default-custom .navbar-nav > .active > a, .navbar-default-custom .navbar-nav > .active > a:hover, .navbar-default-custom .navbar-nav > .active > a:focus,
    .navbar-default-custom .navbar-nav > .active > a, .navbar-default-custom .navbar-nav > a:hover, .navbar-default-custom .navbar-nav > a:focus,
    .navbar-default-custom .navbar-nav > li > a:hover, .navbar-default-custom .navbar-nav > li > a:focus,
    .navbar-default-custom .navbar-nav > .open > a, .navbar-default-custom .navbar-nav > .open > a:hover, .navbar-default-custom .navbar-nav > .open > a:focus,
    .navbar-default-custom .navbar-nav > li:hover, .navbar-default-custom .navbar-nav > li:focus,
    .navbar-default-custom .navbar-nav > li.active{
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
    }
    .barmobile{
        background: rgba(255,255,255,0.9);
        display: block;
        position: fixed;
        width: 100%;
        height: 80px;
        z-index: 1000;
        box-shadow: 0 0  4px #CCC;
        -moz-box-shadow: 0 0  4px #CCC;
        -webkit-box-shadow: 0 0  4px #CCC;
    }


}
.title-header-little {
    /*font-size: 60px;*/
    font-size: 3vw;

    /* font-weight: bold; */
    color: white;
    text-transform: uppercase;

    margin: 0px 20px;
    /* z-index: 99999999999; */
    /* color: black; */
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    height: 100%;

    /* Change 2 style if not use h1 */
    font-weight: normal; 
    letter-spacing: 1.6px;
}
.content-office {
    padding: 15px;
    text-align: center;
}

.address-office {
    font-weight: bold;
    /*    margin-bottom: 15px;*/
}
.btn-kpr:focus{
    outline: 0 !important;
}
.form-kpr label{
    font-weight: 100 !important;
}
.form-kpr input {
    border-radius: 100px;
    border-color: #fdd209;
    border-width: 2px;
}
.form-kpr input:focus {
    border-color: #ffd300;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 211, 0, 0.42);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 211, 0, 0.59);
}
.hasil-kpr {
    padding: 30px 0px;
    background: #ffd300;
}
.title-kpr-hasil{
    font-size: 20px;
    font-weight: bold;
}

.bordered-down-left{
    padding-bottom: 20px;
    /*    display: inline-block;*/
    margin-right: 10px;
    margin-bottom: 50px;
    position: relative;
}
.bordered-down-left:after{
    border-bottom: 0.5vw solid #4c4d4f;
    content: '';
    position: absolute;
    left: 0;
    /* right: 0; */
    /*width: 80%;*/
    width: 10%;
    bottom: 0;
    margin: 0 auto;
}
.title-content-kpr{
    margin-bottom: 30px;
}
.testimoni {
    background: #fcd405;
}
.box-testimoni{
    /*min-height: 200px;*/
    background: #4c4c4c;
    padding: 80px 0px;
    border-radius: 15px;
    box-shadow: 1px 3px 3px 2px #7d707096;
}
.profile-testi{
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -45px;
    width: 80px;
    height: 80px;
    position:absolute;
    /*margin: 0 !important;*/
    -webkit-border-radius: 60px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 60px;
    -moz-background-clip: padding;
    border-radius: 60px;
    background-clip: padding-box;
    /*margin: 7px 0 0 5px;*/
    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;

}
.child-box-testimoni{
    position: relative;
    background: white;
    min-height: 100px;
    padding: 45px 20px 20px 20px;

}

.testi-content {
    margin-top: 25px;
}
.testi-address {
    font-weight: bold;
}

.testi-name {
    font-weight: bold;
    font-size: 20px;
}
.testimoni{
    position: relative;
}
.testimoni .swiper-button-next{
    right:15px !important;
}
.testimoni .swiper-button-prev{
    left:15px !important;
}
.title-h2{

    font-size: 27px;
}
.title-h1, .title-h2{
    color: #111;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
}
.title-h1{

    font-size: 36px;
}
.content-kpr{
    border-right: 1px solid #a6a6a6;
    color:#4e4e4e;
}
.hasil-kpr-box{
    width: 100%;
    padding: 30px 0px;
    background: white;
    margin: 20px 0px;
    border-radius: 15px;
}
.hasil-hasil-kpr {
    font-size: 25px;
}

.title-hasil-kpr {
    font-size: 14px;
}
.btn-kpr{
    width: 100px;
    height: 100px;
    font-size: 50px;
    color:#4b524a !important;
    border-radius: 200%;
    background: #ffd300 !important;
    box-sizing: sha;
    box-shadow: 1px 2px 5px 0px #80808096;
}
.phone-office, .fax-office {
    font-size: 12px;
    font-weight: bold;
}
.email-office {
    font-size: 12px;
    color: black;
    padding: 10px 0px;
    word-break: break-all;
}
.container_office .dropdown-pagination{
    display:none;
}
.container_office .container-dropdown-pagination{
    padding: 0px !important;
}
.content-primary img{
    max-width: 100%;
}
.kolom-filter{
    margin-top:0px !important;
}
.text-mortgage{
    font-style: italic;
    padding: 10px 0px;
    font-size: 12px;
}
.image-box-office{
    margin: 0px 60px !important;
    /*height: 160px;*/
    height: 100%;
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* -webkit-background-size: cover !important; */
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: contain !important;
}
.header-little {
    /*line-height: 300px;*/
    text-align: center;
    height: 300px;
    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;
    position: relative;
}
.search-box-little{
    height: 30% !important;
    bottom: -5px  !important;

}
.box-agent{
    background: white;
    box-shadow: 2px 4px 9px 0px #80808066;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
    height: auto;
    margin: 16px 0px;
    border-radius: 10px;
    /* overflow: auto; */
}
.agent-content{
    height: 100px;
    padding:13px 0px;
}

.filter-bald{
    margin: 10px 0px 20px 0px;


}
.search-filter-bald:focus{
    outline:0 !important;
}
.search-filter-bald{
    padding: 10px 25px;
    background:#fcd405;
    border-color:#48484d;
    color:#48484d;
    font-size: 14px;
    margin-left: -12px;
}
.filter-search-toggle .filter-search-form{
    transition: 0.3s ease-in all;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    padding-right: 12px;
}
.filter-search-toggle input:focus{
    box-shadow: none !important;
}
.filter-search-toggle .input-group-btn{
    z-index: 999999;
}
.agent-kantor-content img{
    position: absolute;
    left: 0;
    bottom: 0;
    /*top: 50%;*/
    top: 40%;
}

.pagination-new li a, .pagination-new li span{
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    padding: 0px !important;
    margin:15px;
    position: relative;
    margin-left: -1px;

    color:black;
    font-weight: bold;

}
.pagination-new li.page-icon-attr a{
    border: 0px !important;
    background: none;
}
.pagination-new li:not(.page-icon-attr).active a, .pagination-new li:not(.page-icon-attr).active span,
.pagination-new li:not(.page-icon-attr) a:hover, .pagination-new li:not(.page-icon-attr) span:hover{

    background-color: #ffd300;
    color:black !important;
}
.pagination-new li:not(.page-icon-attr) a, .pagination-new li:not(.page-icon-attr) span{

    /*float: left;*/
    /* text-align: center;
    border-radius: 100% !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ffd300; */

    text-align: center;
    border-radius: 5px !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ffd300;
    width: auto;
}
.img-kantor-absolute{
    position: absolute;
    bottom: 10px;
}
.name-agent {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 32px;
    margin: 0 auto;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
}

.phone-agent {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 20px;
    margin: 0 auto;
    line-height: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    color: rgb(43, 43, 43);
}

.jabatan-agent {
    font-size: 11px;
    /*font-weight: 600;*/
}
.telepon-agent {
    font-size: 11px;
    font-weight: bold;
    color: grey;
    padding: 10px 0px;
}
.col-half-offset:not(:first-child){
    margin-left:4.166666667%
}
.title-penghargaan{
    font-size:20px;
    font-weight: bold;
}
.kantor-agent {
    font-size: 14px;
    /* text-transform: uppercase; */
    color: black;
    /* font-weight: bold; */
}
.agent-kantor-content{
    position: relative;
    height:100px;
}
.kolom-background{
    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-agent .kolom-agent{
    position: relative;
    height:130px;
    width: 40%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.box-agent .kolom{
    position: relative;
    height:100%;
    /* padding-top: 5px;
    padding-bottom: 10px; */
    word-break: break-all;
}

.box-agent .agent-online {
  background: #24b866;
  color: white;
  font-size: 9px;
}

 .agent-online {
  background: #24b866;
  color: white;
  font-size: 12px;
}

.company-header-avatar{
    position: relative;
}

.dot {
  height: 20px;
  width: 20px;
  background-color: #24b866;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: 3px;
  right: 3px;
}

.agent-detail {
  padding: 10px 20px 10px 20px;
  text-align: left;
}

.caption-agent {
  font-size: 13px;
}

.image-barcode-mobile {
  /* margin-top: 100px !important;
  margin-bottom: 100px !important; */
  width: 70% !important;
  position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.image-barcode {
  width: 80% !important;
  position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.agent-detail-count {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.divider {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0.5px solid black;
}

.badge-agent-unit {
  cursor: pointer;
  color: black;
  background: white;
  font-weight: bold;
}

.badge-agent-unit-mobile {
  cursor: pointer;
  color: white;
  background: #ffd300;
  font-weight: bold;
}

.agent-unit {
  font-size: 12px;
}

#slideshow_wrapper_new{
    position: relative;
    max-width: 100%;
    height: 100% !important;
    left: 0;
    right:0;
    margin: 0 auto;
}
#slideshow_wrapper_new .swiper-slide{

    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;
}
#slideshow_wrapper_new .swiper-container {
    width: 100%;
    height: 100%;
}
#slideshow_wrapper_new .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.hr-bordered {
    position: relative;
    margin: 40px 0px;
}
.hr-bordered::after {
    border-bottom: 2px solid #ababab;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    /* top: 0px; */
    bottom: 40px;
    margin: 0 auto;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
    display: none;
}
.tab-penghargaan .list-group-item {
    border-color: #d1d1d1;
    border-top: 0px !important;
    border-left: 0px !important;
    margin: 20px 0px;
    border-width: 6px;
    padding-left: 0px !important;
    border-radius: 0px !important;
    background: none !important;
    color: black !important;
    border-right: 0px !important;
}

.tab-penghargaan .list-group-item:first-child{
    margin-top: 0px !important;
    padding-top:0px !important;
}
.tab-penghargaan .list-group-item.active {
    border-color: #fcd000;
    font-weight: bold;
}
/*.tab-penghargaan .agent_thumb{
    display: flex !important;
}*/
.content-penghargaan p{
    margin-bottom: 2px;
    font-size: 10px;
}
.content-penghargaan .nama_agent{
    font-weight: bold;
    text-transform: uppercase;
}
.foto_agent_tab_penghargaan{
    width: 135px;
    position: relative;
    height: 135px;
    margin: 0 !important;
    -webkit-border-radius: 60px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 60px;
    -moz-background-clip: padding;
    border-radius: 150px;
    background-clip: padding-box;
    margin: 7px 0 0 5px;
    float: left;
    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;
}
.search-filter-button:focus{
    outline: 0px !important;
}
.filter-faq {
    margin-top:20px;
}
.content-faq{
    min-height: 300px;
}
.btn-filter-faq {
    border-radius: 10px;
    width: 100%;
    background: #fcd405;
    border-color: #fcd405;
    font-weight: bold;
    color: #4a4d42;
}
.search-filter-button{

    padding: 10px 25px;
    background: #48484d;
    border-color: #48484d;
    color: white;
    font-size: 14px;
    margin-left: -12px;

}
.container-info{
    background: #f6f6f6;
    padding:30px 0px;
}
.form-feedback input:focus,.form-feedback select:focus, .form-feedback textarea:focus{
    box-shadow: none !important;
}
.form-feedback .Actions input:focus{
    outline: 0 !important;
}
.form-feedback label{
    font-weight: normal !important;
}
.form-feedback .Actions input{
    width: 100%;
    padding: 12px;
    font-weight: bold;
    border-radius: 10px;
    background: #fcd405;
}
.form-feedback input,.form-feedback select, .form-feedback textarea{
    border-radius: 10px;
    border: 3px solid #ced2d3;
}
.content-faq .panel-heading .panel-title a span.icon-dropdown {

    right: 0;
    position: absolute;
    padding-right: 10px;
}
.content-faq .panel-body{
    background: #f1f3f2;
    padding: 20px;
}
.content-faq .panel-heading {
    position: relative;
    background: none;
    padding: 20px 0px;
    padding-left: 10px;
}
.signup-header a:focus, .signup-header a:active, .signup-header a:hover{
    background: none !important;
}
.login-admin input{
    border:1px solid black;
}


ul.nav.navbar-nav.navbar-filter-property .dropdown-menu{
    position: absolute !important;
}
ul.nav.navbar-nav.navbar-filter-property>li {
    display: inline-block;
    padding:10px 0px;
}
.ads img{
    border-radius: 15px;
    box-shadow: 2px 5px 5px 1px #00000040;
}
.form-feedback img#captcha{
    width:60% !important;
}
.auth-drop .form-control {
    border-radius: 0px !important;
}

.auth-drop label {
    font-weight: normal !important;
}
.auth-drop {
    padding: 20px 10px;
    box-shadow: 2px 8px 13px 0px #00000078 !important;
}
.title-prop-agent{
    padding-top: 10px;
}
/*.properti-map .row{
    margin:0px !important;
}*/
@media only screen and (min-width:992px){
    .wrapper-home-icon{
        padding:40px 0px;
        margin-top : -38px;
    }

    .row.row-eq-height-desktop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .filter-search-toggle .filter-search-form{
        display: none;
    }
    .box-default-first{
        width: 32% !important;
    }
    .mobile-nav{
        display:none;
    }
    .property-new .box-default-first {
        margin-right: 10px !important;
    }
    .navbar-default-v6 .navbar-right {
        padding-right: 40px;
    }
    .filter-search-faq{
        padding-right: 50px;
    }
    .content-faq{
        padding-left: 50px;
        border-left: 1px solid #4f4f4f;
    }
    .content-info, .kolom-feedback{
        border-right: 1px solid #b5b5b5;
        padding-right: 60px;
    }
    .tab-penghargaan .bhoechie-tab{
        border-left: 1px solid #4f4f4f;
        min-height: 400px;
    }
    .kolom-kontent-kiri{
        padding-right: 80px;
    }
    .kolom-kontent-kanan{
        padding-left: 80px;
    }
    .kolom-kanan-nopad{
        padding-right: 0px !important;
    }
    .kolom-kiri-nopad{
        padding-left: 0px !important;
    }
    .filter-bald{
        text-align: right;
    }
    #sidebar.affix, #sidebar.affix-bottom {
        width: 213px;
    }
}

@media only screen and (min-width: 1200px){
    #sidebar.affix, #sidebar.affix-bottom {
        width: 263px;
    }
    .container{
        /*width: 970px;*/
    }
}
.dropdown-custom{
    margin: 10px 0px 20px 0px;

}
.dropdown-custom .dropdown-toggle{
    padding:10px 25px;
}
.radioBtn .btn-radio-filter.active{
    background: none repeat scroll 0 0 #231f20 !important;
    color: white !important;
}
.radioBtn .btn-radio-filter{
    padding: 8px 25px;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #231f20;
}
.map-container-property-list{
    height: 800px;
    overflow: scroll;
    overflow-x: hidden;
}
#map {
    height: 100%;
}
.map-container{
    background: #f1f3f2;
}

.radioBtn .btn-radio-filter:last-child {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px  !important;
}
.radioBtn .btn-radio-filter:first-child {
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px  !important;
}
.kolom-filter{
    margin:0px;
    z-index: 800;
}
.pagination-parent-agent{
    /* float: right;
    left: -50%;
    position: relative;
    text-align: left; */
}
.pagination-parent{
    /* float: right; */
    /* left: -15%; */
    /* position: relative; */
    text-align: center;
    z-index: -100;
}
.pagination-parent>ul{
    width: 100% !important;
    display: flex;
    justify-content: center;

    cursor: pointer;
    position: relative;
    width: 35%;
    margin-left: 119px;
    /* left: 50%; */
}
@media only screen and (max-width:640px){
  .pagination-parent>ul{
      position: relative;
      /*width: 75% !important;*/
      /*margin-left: 20px !important;*/
      /* margin-left: 118px; */
      /* left: 50%; */
  }
}
@media only screen and (min-width:1368px){
    #search_box_wrapper{
        background: url(img/Lengkung-putih-1920-01.png) center 0 no-repeat transparent !important;
    }
}
@media only screen and (max-width:480px){
    .navbar-filter-property{
        /* text-align: center; */
    }
    .content-property .title-property {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .content-property .address-property {
        font-size: 12px;
    }
    /*    .company-header-avatar {
            width: 32px;
            height: 32px;
        }*/


    /*    .agent-thumbnail-bottom .col-xs-9 {
            width: 72%;
        }*/
}
@media only screen and (min-width:481px){
    .box-search-new .row-search .input-group-btn .btn{
        left: -100px;
    }
    .row-search .left-addon input {
        /*font-size: 16px;*/
        padding-right: 100px;
    }
}
.box-search-new-2019 .row-search .input-group input{
    padding-right: 100px;
}
@media only screen and (max-width:480px){
    .btn-home-jualsewa{
        font-size: 14px !important;
    }

    .box-search-new-2019 .row-search .input-group input{
        padding-right: 62px;
        font-size: 14px;
    }
    .box-search-new-2019 .row-search .input-group-btn .btn{
        left: -62px;
    }
    .price-property {
        font-size: 20px;
    }
    .pagination-new li a, .pagination-new li span {
        width: 25px;
        height: 25px;
        line-height: 25px !important;
        font-size: 12px;
    }
    .jabatan-agent {
        font-size: 11px;
        /*font-weight: 600;*/
    }
    .title-header-little {
        /* font-size: 60px; */
        font-size: 20px !important;
    }
    .content-slider .title {
        font-size: 30px;
    }
    #search_box_wrapper {
        bottom: 0px;
    }
    .content-slider .content {
        font-size: 16px !important;
    }
    .container-slider {
        position: absolute;
        width: 100%;
        bottom: 0;
        top: 0;
        /*background: red;*/
    }

    .name-agent {
        font-size: 13px;
    }


    .telepon-agent, .kantor-agent {
        font-size: 14px;
    }
    #search_box_wrapper{
        background: url(img/Lengkung_putih-01.png) center 0 no-repeat transparent;
    }
    .box-search-new, .box-search-new-2019 {
        top: 0px;
    }
    .row-search .inner-addon .glyphicon {
        z-index: 9999999;
        font-size: 14px;
        padding: 13px 4px;
    }
    .row-search input {
        height: 42px;
        font-size: 14px;
        padding-left: 22px !important;
    }
    .box-search-new-2019 .row-search {
        padding: 20px;
    }
    .row-search .left-addon input {
        padding-right: 62px;
    }
    .row-search .input-group-btn .btn {
        height: 42px;
        width: 62px;
        left: -62px;
        font-size: 12px !important;
        padding: 0px 0px;
    }
    .box-search-new-2019 .btn-radio.active::after {
        left: 25%;
    }
    #slideshow_wrapper .swiper-slide img {
        height: 200px;
    }
    #award_page .best_office_thumb{
        width: 100%;
    }
    .gallery_wrapper{
        height: auto;
    }
    .gallery_wrapper .gallery-top{
        height: 150px;
    }
    .gallery-thumbs .swiper-slide {
        width: 75px;
    }
    .gallery_wrapper .gallery-thumbs{
        height: 60px;
    }
    #navbar ul li a{
        font-size: 1.4em;
    }
    #navbar ul li ul li a{
        font-size: 1.1em;
        font-weight: 300;
    }
}
.wrapper-slider{
    height: 500px;
    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;
}
.sosmed-navbar-bottom{
    margin: 10px 0px;
}

.pad5{
    padding-top: 5px;
    padding-bottom: 5px;
}
@media only screen and (max-width:767px){

    .sosmed-navbar-bottom{
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .box-office {
        height: auto !important;
    }
    .content-home-icon {
        font-size: 12px;
    }
    #slideshow_wrapper .swiper-container {
        height: 500px !important;
    }
    #slideshow_wrapper .homeslide-header {
        height: 370px !important;
    }
    #slideshow_wrapper .wrapper-slider {
        height: 500px;
    }
    .content-slider .content {
        font-size: 18px !important;
    }
    footer .wrapper, .logo-download-bottom{
        text-align: center;
    }
    body{
        font-size: 14px;
    }
    #slideshow_wrapper .swiper-container{
        padding-top: 43px;
    }
    .barmobile{
        background: rgba(255,255,255,0.8);
        display: block;
        position: fixed;
        width: 100%;
        height: 50px;
        z-index: 1000;
        box-shadow: 0 0  4px #CCC;
        -moz-box-shadow: 0 0  4px #CCC;
        -webkit-box-shadow: 0 0  4px #CCC;
    }
    #menu-toggle{
        padding-top: 9px;
        position: fixed;
    }
    #menu-toggle img{
        width: 35px;
    }
    .logo_overlap{
        width:150px;
    }

    .bg_circle{
        background: none !important;
    }
    .bg_circle1{
        background: none !important;
    }
    #newsletter input{
        padding-left: 15px;
    }
    #newsletter input[type="submit"] {
        width: 6em;
    }
    .navbar-header .navbar-brand {
        width: 230px !important;
    }
    .navbar-brand > img{
        margin-top: 0;
    }
    .modal-dialog{
        margin-top: 60%;
    }
    .navbar-toggle{
        margin-top: 15px;
    }
    #search_box{
        top: -2px;
    }


    .parallax-window2 {
        min-height: 200px;
    }
    .box_white{
        border: none;
    }

    .card{
        border: none;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow: 0 2px 2px #bbb;
        -moz-box-shadow: 0 2px 2px #bbb;
        -webkit-box-shadow: 0 2px 2px #bbb;
    }
    #search_box_wrapper2{
        padding: 3px 0;
    }
    .kantor_agent, .best_manager, .best_achiever{
        padding: 0;
    }

    #cart_box{
        width: 100%;
    }
    #award_page .best_office_thumb{
        margin: 0 0px 20px;
    }
    .grid-sizer,
    .grid-item {
        width: 50%;
    }
    .grid-item{
        padding: 5px;
    }


    .pad10{
        padding-left:5px;
        padding-right:5px;
    }
    .nopad_mobile{
        padding-left:0;
        padding-right:0;
    }

    #breadcrumb_wrapper{
        bottom: 0;
    }

    .panel-default .card{
        margin-bottom: 30px;
    }



    .panel-heading{
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border: 1px solid #CCC;
    }
    .panel-group, .panel{
        margin-bottom: 0;
    }

    .slide_show_desc {
        background: #000;
        position: relative;
        bottom: 0;
        width: 100%;
    }
    .property_highlight span{
        background-size: 18px;
        padding-left: 20px;
    }
    #detail_property li > p{
        padding: 10px 0;

    }


    .navbar-default-custom .navbar-collapse, .navbar-default-custom .navbar-form {
        border-color: #222222;
    }

    /*    .swiper-indicators {
            position: relative;
        }*/
    /*    .swiper-indicators{
            background: #222;
        }*/
    .swiper-pagination-bullet{
        background-color: #363636;
    }
    .swiper-pagination-bullet:hover,
    .swiper-pagination-bullet-active{
        /*margin: 0;*/
        background-color: #ffcf06;
    }

    .desc_wrap{
        padding: 0;
    }

    .desc_slide{
        font-size: 16px;
    }
    #photo_thumb{
        top: -10px;
    }


    #photo_thumb img{
        border: 2px solid #FFF;
        width: 60px;
    }

    .contact_form textarea{
        width: 100%;
    }
    .sidebar{
        background: #FFF;
        padding: 0;
    }
    #sidebar.affix {
        position: relative;
        background: #FFF;
        top: 0;
    }
    #search_box input{
        box-shadow: none;
        width: 100%
    }

    #search_box input {
        height: 40px;
        font-size: 16px;
        padding-right: 10px;
        padding-left: 10px;
    }


    #search_box_wrapper .panel{
        margin-bottom: 0;
    }
    #search_box input[type="submit"]{
        background-size: 24px auto;
    }

    .crumb_product .product_sort_field{
        float: left;
    }

    .crumb_product span{
        display: block;
    }

    .crumb_product select{
        margin-left: 0;
    }

    .arrow_container {
        display: none;
    }
    .navbar-default-custom .navbar-nav > li > a{
        padding: 10px 15px;
    }

    #header-right{
        /*background: #423d33 none repeat scroll 0 0; */
        background: #FFF none repeat scroll 0 0;
        position: absolute;
        opacity: 0.9;
        width: 100%;
        z-index: 999;
    }

    .company-header-avatar{
        position: relative;
    }
    .dot {
        height: 20px;
        width: 20px;
        background-color: #24b866;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        bottom: -3px;
        right: 0px;
    }
}

/* PANEL COLLAPSE IN OFFICE */

.panel-group{
    padding: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.11),
    0 2px 2px rgba(0,0,0,0.11),
    0 4px 4px rgba(0,0,0,0.11),
    0 6px 8px rgba(0,0,0,0.11),
    0 8px 16px rgba(0,0,0,0.11);
    border-radius: 25px;
}
.panel-heading{
    background-color:  white !important;
    border-radius: 25px;
    border: 0px;
}
.list-group-item{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

            
.ion-label-custom {
    border-radius: 50%;
    border: 3px solid white;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 46px;
    z-index: 9;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-field-custom {
    height: 46px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 50px;
    outline: none;
    vertical-align: middle;
}
.input-text-custom {
    outline: none!important;
    outline-style: none!important;
    border: none;
    box-shadow: -8px 10px 0px -8px #CCC, 8px 10px 0px -8px #CCC;
}
.input-container-custom {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
/* Iklan */
.wrapper-ads {
    padding-top: 32px;
}
.ads.responsive {
    width: 100%;
}
.radius-border {
    border-radius: 12px;
}
.link-as-content {
    height: max-content;
}