@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green, .iradio_square-green {display: inline-block; *display: inline;vertical-align: middle;margin: 0;padding: 0;width: 22px;height: 22px;background: url(green.png) no-repeat;border: none;cursor: pointer;position: absolute;}
.icheckbox_square-green {background-position: 0 0;left: 0;top: -5px;}
.icheckbox_square-green.hover , .iradio_square-green.hover{background-position: -24px 0;background-color: #00a466;}

.checkbox-inline .icheckbox_square-green, .radio-inline .iradio_square-green {display: inline-block; *display: inline;vertical-align: middle;margin: 0;padding: 0;width: 22px;height: 22px;background: url(green.png) no-repeat;border: none;cursor: pointer;position: absolute;border-radius: 50%;border: 1px solid #ddd;background-color: #ccc;}
.checkbox-inline .icheckbox_square-green.hover , .radio-inline .iradio_square-green.hover{background-position: -24px 0;background-color: #00a466;}

.icheckbox_square-green.checked {background-position: -49px -1px;}
.icheckbox_square-green.disabled { background-position: -72px 0; cursor: default; }
.icheckbox_square-green.checked.disabled { background-position: -96px 0; }
.iradio_square-green { background-position: -120px 0; }
.iradio_square-green.hover { background-position: -144px 0; }
.iradio_square-green.checked { background-position: -168px 0; }
.iradio_square-green.disabled { background-position: -192px 0; cursor: default; }
.iradio_square-green.checked.disabled { background-position: -216px 0; }

/* HiDPI support */
@media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi), (min-resolution:1.25dppx) {
  .icheckbox_square-green, .iradio_square-green { background-image: url(green@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; }
}

body { font-family: 'Roboto', sans-serif; font-size: 14px;}
a:hover, a:focus { text-decoration: none; color: #d9186a; }
p { margin-bottom: 25px; }
h1 { text-transform: uppercase; font-weight: bold; font-size: 36px; }
h2 { text-transform: uppercase; font-weight: bold; font-size: 30px; }
.home h1 { color: #00a466;}
ul { list-style-type: disc; }
ol > li { margin-bottom: 10px; }
ol.lower-roman {list-style-type: lower-roman;}
ol.decimal { list-style-type: decimal; }

.wrapper {max-width: 1170px;margin: 0 auto;padding: 0;min-width: 320px;}
.header {width: 100%;display: block;min-height: 85px;padding: 0;box-shadow: 0 0 20px rgba(0, 0, 0, .3); position: relative; z-index:99;}
.logo { padding: 0px 0px; margin: 8px 0 0; float: left; width: 270px; -webkit-transition: all 0.5s; transition: all 0.5s; }
.logo img { max-width: 100%; }
.logo a { display: block; }
.show-grid { background-color: #fff; }
.btn.active, .btn:active { box-shadow: none; }

/*Search Bar*/
.sb-search {position: absolute; z-index: 80; width: 75px;min-width: 40px;height: 90px;top: 0px;right: 0;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.sb-search-input {position: absolute;top: 0;right: 0;border: 1px solid #ddd;outline: none;background: #efefef;width: 100%;height: 90px;margin: 0;z-index: 10;padding: 15px 95px 15px 20px;font-family: inherit;font-size: 20px;color: #2c3e50;}
.sb-search-input::-webkit-input-placeholder { color: #666; }
.sb-search-input:-moz-placeholder { color: #666; }
.sb-search-input::-moz-placeholder { color: #666; }
.sb-search-input:-ms-input-placeholder { color: #666; }
.sb-icon-search, .sb-search-submit {width: 75px;height: 90px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 35px;text-align: center;cursor: pointer;}
.sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; }
.sb-icon-search {color: #d9186a;background: #fff;z-index: 90;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.sb-icon-search:before {content: "\f002";font: normal normal normal 14px/1 FontAwesome;font-size: 26px;line-height: 90px;}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {width: 72%;margin-right: 0;}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {background: #d9186a;color: #fff;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; }

#back-top {margin: 0;}
#back-top a {width: 45px;height: 45px;position: fixed;text-align: center;bottom: 10px;right: 10px;z-index: 90;font-size: 34px;color: #fff;background-color: #d9186a;border-radius: 50%;line-height: 30px;opacity: 0.85;border: 3px solid #fff;box-shadow: 1px 1px 10px #666;}
#back-top a:hover {opacity: 1;}
#back-top .fa-arrow-up {top: 6px;left: 8px;position: absolute;}

.top-header { background-color: #00a466; padding:0; }
.top-header .container, .header .container { padding: 0;}
.top-header .account-wrapper { padding-left: 0; margin: 0; }
.top-header .account-wrapper > li { list-style-type: none; float: left; }
.top-header .account-wrapper > li > a { color: #fff; text-transform: uppercase; font-weight: 500; padding: 10px 15px; display: block; }
.top-header .account-wrapper > li > a:hover { background-color: #008452;  }

.social-wrapper { padding-left: 0; margin: 0; }
.social-wrapper > li { list-style-type: none; float: left; }
.social-wrapper > li > a, .social-wrapper > li span { color: #fff; font-size: 12px; text-transform: uppercase; padding: 10px 15px; display: block; }

.top-header .social-wrapper > li > a { border-left: 1px solid #54c298; font-size: 18px; padding: 7px 10px;}
.top-header .social-wrapper > li > a:hover { background-color: #008452;  }
.top-header .social-wrapper > li:last-child > a { border-right: 1px solid #54c298; }

footer { padding-top: 25px; font-size: 12px; }
footer .footer-top { padding: 15px 0; }
footer .social-wrapper {display: block;margin-bottom: 0;}
footer .social-wrapper > li {float: none;display: inline-block;vertical-align: middle;}
footer .social-wrapper > li > a { font-size: 22px; padding: 7px 10px;}
footer .social-wrapper > li > a, footer .social-wrapper > li span {color:  #00a466; text-transform: none;padding: 0 10px;}
footer .social-wrapper > li > a:hover, footer .social-wrapper > li > a:focus { color: #d9186a; }
footer .social-wrapper > li span {line-height: 30px;}
footer .nav > li { display: inline-block; }
footer .nav > li > a { padding: 0 10px; color: #00a466; line-height: 1; }
footer .nav > li > a:hover, footer .nav > li > a:focus { background-color: transparent; color: #d9186a; }
footer .nav > li + li > a { border-left: 1px solid #00a466; }
footer .footer-btm {background-color: #333;color: #fff;text-align: center;padding: 20px 0;}
footer .footer-btm a { color: #fff; }

.container-fluid { max-width: 1170px; }

.wsmenu {padding-right: 75px;border-radius: 0;}
.wsmenu .arrow { display: none; }
.wsmenu-list { text-align: right; width: 100%; }

.wsmenu-list > li {/* max-width: 126px; */ position: relative; display: inline-block;vertical-align: top;border-left: 1px solid #eee;border-radius:0;}
.wsmenu-list > li > a {color: #333;text-transform: uppercase;padding: 25px 15px 20px;text-align: left;min-height: 90px;border-bottom: 5px solid #fff;}
.wsmenu-list > li > a.active, .wsmenu-list > li > a:hover {background-color: #fff;color: #00a466;border-bottom: 5px solid #d9186a;}
.wsmenu-list > li:first-child a { border-radius: 0; }
.wsmenu-list > #hub .wsmenu-submenu { right: -5px; }
.wsmenu-list > li > .wsmenu-submenu { min-width: 200px; }
.wsmenu-submenu {top: 90px; padding: 0;}
.wsmenu-submenu li > a { border-bottom: 1px solid #eee; }
.wsoffcanvasopener .animated-arrow { position: fixed; }

.shortcut-btn-wrapper {position: fixed;top: 250px;right: -132px;z-index: 90;width: 180px;height: auto;}
.shortcut-btn.desktop ul li a {text-decoration: none;color: #fff;font-size:12px;line-height:normal; uppercase;display: block;width: 100%;padding: 9px 10px 8px 55px;position: relative;}
.shortcut-btn.desktop ul li a img { position: absolute; left: 0; top: 0;}
.shortcut-btn.desktop ul li {width: 100%;height: 48px;background-color: #333;position:relative;right: 0;top: 0;z-index: 100;box-shadow:-2px 2px 10px rgba(0, 0, 0, .5);box-sizing: border-box;opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.shortcut-btn.desktop ul li.active { opacity: 1; right: 80px; top: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.shortcut-btn.mobile { display: none; }
.shortcut-btn.mobile ul li { float: left;}
.shortcut-btn.desktop ul li#reg-interest {background-color: #ffb300;}
.shortcut-btn.desktop ul li#mortgage-cal {background-color: #d9186a;}
.shortcut-btn.desktop ul li#loan-cal {background-color: #00a466;}
.shortcut-btn.desktop ul li#our-projects {background-color: #ff5722;}
.shortcut-btn.desktop ul li#project-location {background-color: #662f90;}
.shortcut-btn.desktop ul li#share {background-color: #fff;}
.shortcut-btn.desktop ul li#share a {color: #333;}

#homeslider { max-width: 1400px; width: 100%; margin: 0 auto !important; }
#homeslider .ms-bullets.ms-dir-h { right: auto; bottom: 20px !important;left: 110px;transition: .3s;}

.page-title { background-color: #00a466; }
.page-title.pink-title {background:#d9186a;}
.page-title h1 {color: #fff; font-size: 30px; font-weight: 300;font-family: 'Roboto Condensed', sans-serif;float: left;margin: 25px 0;}

.breadcrumb {float: right;margin: 0;background: none;color: #fff;margin-top: 25px;}
.breadcrumb .active {color: #fff;font-size: 12px;}
.breadcrumb li a {color: #fff;font-size: 12px;}
.breadcrumb li+li:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome;}

.ms-skin-default .ms-bullet { width: 15px; height: 15px; background: rgba(255,255,255,0.3); border-radius: 50%;}
.ms-skin-default .ms-bullet-selected { background: rgba(255,255,255,1); }

.home h1 { text-align: center; }

.black { color: #333 !important; }
.red { color: #f44336 !important; }
.purple { color: #662f90 !important; }
.orange { color: #ff5722 !important; }
.green { color: #00a466; }

.spacer5{height:5px; clear:both;}
.spacer10{height:10px; clear:both;}
.spacer20{height:20px; clear:both;}
.spacer25{height:25px; clear:both;}
.spacer30{height:30px; clear:both;}
.spacer50{height:50px; clear:both;}

.btn-default { border-color: #00a466; color: #00a466; text-transform: uppercase; padding: 8px 25px; margin-bottom: 15px;transition: .3s;}
.btn-default:hover {color: #fff;background-color: #00a466;border-color: #00a466;transition: .3s;}
.btn-default .fa-angle-right { padding-left: 10px; }
.btn-default .fa-angle-left { padding-right: 10px; }
.btn-default.btnLg { display: inline-block;padding: 12px; margin: 0 auto; min-width: 325px; font-weight: 500; border-width: 2px; font-size: 16px;transition: .3s;}
.btn-default.btnLg:hover { color: #fff;background-color: #00a466;border-color: #00a466;transition: .3s;}
.btn-default.green { color: #fff; background-color: #00a466; padding: 8px 25px;transition: .3s; }
.btn-default.green:hover { color: #fff; background-color: #d9186a;border-color: #d9186a;transition: .3s; }
.btn-default.dark { color: #fff; background-color: #333; border-color: #333;transition: .3s; }
.btn-default.dark:hover { color: #fff; background-color: #000; border-color: #000;transition: .3s; }
.btn-default.pink { border-color: #d9186a; color: #d9186a;transition: .3s; }
.btn-default.pink:hover { background-color: #efefef;transition: .3s; }
.btn-default.fullWidth { width: 100%; }
.btn-default.project { text-align: left; background-color: #d9186a; border: 0; color: #fff; padding: 8px 15px; text-transform: none; }
.btn-default.project .fa { float: right; font-size: 18px;}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {/* border-radius: 0; */}
.pagination>li>a, .pagination>li>span {color: #333;background-color: transparent;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #00a466;border-color: transparent;color: #fff;}

.counter-wrapper { text-align: center; }
.counter {margin: 50px 0;}
#shiva {display: inline-block;font-family: 'Bebas Neue', sans-serif;letter-spacing: -8px;line-height: 165px;color: #00a466;margin: 0 30px;font-size: 200px;font-weight: bold;}
.counter span.txt {display: block;font-weight: 500;font-size: 38px;letter-spacing: normal;line-height: 1;}

.stars {width: 50%;border-right: 1px solid #eee;display: block;vertical-align: middle;text-align: center;transition: all .25s;float: left;}
.stars .star:before { content: '\f005'; font-family: FontAwesome; padding-right: 5px; font-size: 22px; color: #ddd; }
.stars.selected .star:before { color:#ffc10e; } 
.star {cursor: pointer;}
.stars .icheckbox_square-green { top: -25px;}
input.star { display: none; }
label.star { float: left; padding: 10px; font-size: 15px; font-weight: normal; color: #999; transition: all .2s; margin: 0; width: 100%; }

.project-wrapper { position: relative; }
.project-wrapper .customNavigation {position: absolute;width: 100%;left: 0;top: 40%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.project-wrapper .customNavigation .btn.prev { position: absolute; left: 0; }
.project-wrapper .customNavigation .btn.next { position: absolute; right: 0; }
.project-wrapper .customNavigation .btn { color: #ccc; font-size: 60px; }
.project-wrapper .customNavigation .btn:hover, .project-wrapper .customNavigation .btn:focus { color: #00a466; }

.project-list .item .proWrapper {display: block;padding: 0px;margin: 5px;color: #FFF;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-align: center;box-shadow: 1px 1px 10px #ccc;overflow: hidden;}
.project-list .proHeader {padding-top: 15px;height: 130px;position: relative;}
.project-list .proLogo { margin-bottom: 15px; }
.project-list .stripe { font-size: 10px; font-weight: 300; text-transform: uppercase; padding: 3px 10px; line-height: 1.4; }
.project-list .bumi { background-color: #00a466; position: absolute; width: 100%; z-index: 10; left: 0; bottom: 17px; }
.project-list .type { background-color: #666; position: absolute; width: 100%; z-index: 11; left: 0; bottom: 0;  }
.project-list .feaImg img { width: 100%; }
.project-list .proContent { text-transform: uppercase; text-align: left; padding: 15px; }
.project-list .proContent .title { font-size: 12px; color: #333;}
.project-list .proContent .figure { font-weight: bold; color: #333; margin-bottom: 10px;}
.project-list .proContent .price{  float: left; width: 57%; border-right: 1px solid #eee;padding-right: 15px; }
.project-list .proContent .det{  float: right; width: 43%; padding-left: 15px; }
.project-list .proContent .ansuran .figure { font-size: 18px; color: #ff5722; }
.project-list .proContent .binaan .figure { font-size: 18px; }
.project-list .proContent .binaan .figure sup { font-size: 10px; padding-left: 5px;}
.project-list .proFooter {border-top: 1px solid #eee;display: table;width: 100%;}
.project-list .proFooter .contact {display: block;width: 50%;vertical-align: middle;text-align: center;float: left;}
.project-list .proFooter .contact a { padding: 12px 10px; display: block; color: #333; }
.project-list .proFooter .contact a .fa { color:#00a466; font-size: 22px;  }

.owl-carousel.propertyListing.project-list .item { width: 100%; }
.owl-carousel { padding:  0 50px; }

.feaBlog-wrapper { margin: 0 -10px; }
.feaBlog {box-sizing: border-box;width: 50%;float: left;padding: 10px;}
.feaBlog .bxWrap { overflow: hidden; border-radius: 8px; position: relative; z-index: 1;}
.feaBlog .blogBox {color: #fff;display: block; border-radius: 8px;overflow: hidden;background-repeat: no-repeat;background-size: cover;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;height: 0;padding-bottom: 50%;position: relative;z-index: 10;}
.feaBlog:hover .blogBox { border-radius: 8px;overflow: hidden;transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); /* IE 9 */-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */}
.feaBlog .txt-wrapper {padding: 15px 25px;position: absolute;width: 100%;bottom: 0;left: 0; z-index: 15; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 5%, rgba(0,0,0,0.65) 60%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.65) 60%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.65) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding-top: 30px;}
.feaBlog .txt-wrapper .date:before { content:"\f073"; font:normal normal normal 16px/1 FontAwesome; padding-right:10px;}

.fade-in { opacity: 0; margin-top: -50px;  }
.fade-in.visible { opacity: 1; margin-top: 0; }

.biz-wrapper .col { display: block; position: relative; text-align: center; float: left; width: 50%; height: 0; padding-bottom: 40%; background-repeat: no-repeat;background-size: cover;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;position: relative;z-index: 10;}
.biz-wrapper .fa-play-circle-o { font-size: 200px; }
.biz-wrapper .contentBx {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 80%;}
.biz-wrapper .contentBx h3, .biz-wrapper .contentBx h4 { margin: 0; font-weight: bold; }
.biz-wrapper .col-left .contentBx {font-family: 'Bebas Neue', sans-serif; color: #fff; }
.biz-wrapper .col-left .contentBx h3 {font-size: 48px;}
.biz-wrapper .col-left .contentBx h4 { font-size: 30px;}
.biz-wrapper .col-left .contentBx p { font-size: 30px;}
.biz-wrapper .col-left .contentBx a { color: #fff; }
.biz-wrapper .col-right .contentBx { background: rgba(255,255,255,0.85); padding: 25px; color: #00a466; width: 60%; }
.biz-wrapper .col-right h3 { font-size: 30px; }
.biz-wrapper .col-right p { font-size: 18px; }
.biz-wrapper .col-right a { color: #d9186a; font-size: 18px; }

.form-steps { margin: 25px 0; }
.form-steps .stepBx { float: left; width: 33.33%; }
.form-steps .stepBx.one, .form-steps .stepBx.two {background-image: url(../images/dot-bg.jpg);background-repeat: no-repeat;background-position: center right;background-size: 160px 10px;}
.form-steps .stepBx.one.active, .form-steps .stepBx.two.active { background-image: url(../images/dot-bg-active.jpg); }
.form-steps .stepBx .seqBx {color: #00a466;border: 3px solid #00a466;padding: 0 18px;border-radius: 50%;width: 65px;height: 65px;line-height: 60px;font-size: 36px;float: left;}
.form-steps .stepBx .seqBx.active {background-color: #00a466; color: #fff; }
.form-steps .stepBx .desc {font-weight: 500; padding-left: 75px;padding-top: 12px;padding-right: 125px;font-size: 15px;}
.form-steps .stepBx .desc span {display: block;color: #999;text-transform: uppercase;font-size: 13px;}

.form-control { box-shadow: none; }
.form-control.noBorderLeft { border-left: none; }
.form-wrapper { border: 3px solid #00a466; border-radius: 20px; }
.formTitle { padding: 30px 25px 25px; border-bottom: 2px solid #ddd; position: relative; }
.formTitle h2 { font-size: 30px; padding-right: 80px; margin: 0;}
.formTitle.sm h2 { font-size: 24px; padding: 0; }
.formTitle h2 span { display: block; font-size: 14px; color: #d9186a; }
.formTitle .note { position: absolute; bottom: 25px; right: 25px; }
.formContent { padding: 30px 25px; }
.formContent .input-group-addon.noBg { background-color: #fff; font-size: 20px; color: #00a466; border-right: 0; }
.formContent .input-group-addon { border-right: 1px solid #ddd; }
.formContent .input-group.noBg .form-control { border-left: 0; }
.formContent .form-control:focus { border-color: #ccc; }
.formContent label { text-transform: uppercase; }
.formContent label.txt { text-transform: none; } 
.formContent label span.note { color: #999; font-size: 12px; text-transform: none; padding-left: 10px; font-weight: normal; }
.formFooter { font-size: 12px; color: #666;  padding: 30px 25px;  }

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {margin-left: 0;margin-top: 0;width: 20px;height: 20px;position: absolute !important;left: 0;top: 0;}
.checkbox label, .radio label { padding-left: 35px; }
.form-wrapper  .radio-inline, .form-wrapper .checkbox-inline {margin-bottom: 10px;margin-top: 10px;margin-left: 10px;padding: 0;}
.form-wrapper .form-group { margin-bottom: 25px; }

.form-wrapper .houseList {text-align: center;height: auto;border-radius: 6px;border: 1px solid #ddd;background-color: #ccc;overflow: hidden;}
.form-wrapper .houseList label  { padding: 0; width: 100%; }
.form-wrapper .houseList .checkbox, .form-wrapper .houseList .radio {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */background: rgb(255,255,255); /* Old browsers */background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(229,229,229,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}
.form-wrapper .houseList .checkbox.selected, .form-wrapper .houseList .radio.selected { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8f5e9+0,85d2b1+100,85d2b1+101 */
 /* Old browsers */ /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84d2b0+0,d4eede+51,e8f5e9+100 */
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84d2b0+0,d4eede+42,e8f5e9+100 */
 background: rgb(132,210,176); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(132,210,176,1) 0%, rgba(212,238,222,1) 42%, rgba(232,245,233,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  rgba(132,210,176,1) 0%,rgba(212,238,222,1) 42%,rgba(232,245,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  rgba(132,210,176,1) 0%,rgba(212,238,222,1) 42%,rgba(232,245,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84d2b0', endColorstr='#e8f5e9',GradientType=0 ); /* IE6-9 */ /* IE6-9 */ /* IE6-9 */
 }
.form-wrapper .houseList .checkbox-inline label {padding: 0;width: 100px;font-size: 12px;}
.form-wrapper .houseList .checkbox-inline, .form-wrapper .houseList .radio-inline {margin: 0;padding: 15px 25px;display: block;float: left;}
.form-wrapper .houseList .checkbox-inline + .checkbox-inline { border-left: 1px solid #ddd; }
.form-wrapper .houseList .icheckbox_square-green, .form-wrapper .houseList .iradio_square-green { left: 0; right: 0; top: auto; bottom: 15px;margin: auto; }
.form-wrapper .houseList .radio + .radio { border-left: 1px solid #ddd; }
.form-wrapper .houseList.type .checkbox-inline {width: 14.28%;height: 125px;}
.form-wrapper .houseList.location .checkbox-inline {width: 25%;height: 120px;}
.form-wrapper .houseList.location .checkbox-inline label {width: auto;}
.form-wrapper .houseList.location .checkbox-inline label img { margin-bottom: 5px; }
.form-wrapper .houseList.price .radio-inline { width: 20%; padding: 8px 10px;  }
.form-wrapper .houseList.price .radio-inline label { padding: 0; }
.form-wrapper .houseList.price .iradio_square-green { display: none; }
.form-wrapper .houseList.selection .radio-inline { width: 50%; padding: 8px 10px; height: 80px; line-height: 70px; font-size: 24px; }
.form-wrapper .houseList.selection .radio-inline.selected label .fa {color: #00a466; }
.form-wrapper .houseList.selection .iradio_square-green { display: none; }
.form-wrapper .houseList.media .radio-inline { width: 20%; padding: 8px 10px; height: 120px; }
.form-wrapper .houseList.media .radio-inline label {padding: 0;width: 145px;font-size: 12px;}
.form-wrapper .houseList.media .radio-inline label img { margin-bottom: 5px; }
.form-wrapper .houseList.selection, .form-wrapper .houseList.selection .checkbox-inline { height: auto; }

.content { padding-top: 25px; }
.content .ctn-left { width: 75%; float: left; }
.content .ctn-right { width: 25%; float: left; }
.content h2.title {margin: 15px 0 20px;}
.content h4 { margin: 0 0 5px; font-weight: 800; font-size: 18px; } 
.content h5 { margin: 0 0 15px; font-weight: 800; font-size: 16px; } 

.calculator-gadaian .formTitle { padding: 25px 15px; }
.calculator-gadaian .formContent { padding: 25px 15px 0; }
.calculator-gadaian .formContent label { font-size: 12px; text-transform: none;margin-top: 10px;}
.calculator-gadaian .formContent .row { margin: 0 -10px; }
.calculator-gadaian .form-group.col-sm-6 { padding: 0 10px; }
.calculator-gadaian .form-group { margin-bottom: 0; }

.input-group.lg .form-control {height: 45px;font-size: 16px;color: #333;background-color: #eee;}
.input-group.lg .input-group-addon {font-size: 16px;color: #fff;background-color: #333;border-color: #333;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.input-group-btn .btn { background-color: #fff; border-color: #ccc; border-left: 0; color: #f44336; }

.side-banner-wrapper ul > li { float: left; margin: 0 3px 15px; }
.side-banner-wrapper ul > li.bannerSm {width: 50%;float: left;margin: 0;padding: 0 5px;}

.side-menu-wrapper { padding-left: 25px; }
.side-menu { margin-bottom: 25px;}
.side-menu .title {text-transform: uppercase;font-size: 18px;font-weight: 500;padding: 15px 0;border-bottom: 3px solid #ddd;margin-top: 15px;}
.side-menu .title .fa { padding-right: 5px;}
.side-menu ul {padding: 0;margin: 0;}
.side-menu ul > li { list-style-type: none; color: #666; position: relative; border-bottom: 1px solid #ddd; }
.side-menu ul > li > a { color: #333; padding: 10px 15px 10px 35px; display: block; }
.side-menu ul > li > a:before { content: "\f105"; font:normal normal normal 15px/1 FontAwesome; padding-right: 10px; position: absolute; left: 15px; top: 10px; }
.side-menu ul > li.active > a, .side-menu ul > li:hover > a { background-color: #f5f5f5; }
.side-menu ul > li.active > a:before, .side-menu ul > li:hover > a:before { color: #d9186a; }
.side-menu.nav { display: none; }
.side-menu.nav .caret {float: right; margin-top: 5px; }
.side-menu.nav > li { margin-bottom: 5px; }
.side-menu.nav > li > a {background-color: #eee;border: 1px solid #ccc;color: #333;text-transform: uppercase;}
.side-menu.nav .dropdown-menu {width: 100%;position: relative;float: none;margin-top: 0;box-shadow: none;border-radius: 0;}
.side-menu.nav .dropdown-menu > .active > a { color: #333; }
.side-menu.nav .dropdown-menu > .active > a:hover { background-color: #ccc; }
.side-menu.guide { border: 1px solid #ccc; border-radius: 8px;overflow: hidden; }
.side-menu.guide .title {margin: 0;padding: 10px 15px; background-color: #fff;}
.side-menu.guide .title .fa {color: #d9186a;}
.side-menu.guide ul {background-color: #f9f9f9;padding: 10px 0;}
.side-menu.guide ul > li { border: 0; }
.side-menu.guide ul > li > a {font-size: 13px;padding: 5px 15px 5px 35px;}
.side-menu.guide ul > li > a:before {content: "\f192";color: #d9186a;top: 6px;}

.qualification-table .panel-bank > li { margin-bottom: 10px;}

.form-wrapper.calculator-kemampuan .form-group { margin-bottom: 15px; }
.form-wrapper.calculator-kemampuan .btn-default.sm { width: 155px; }

.expenses-wrapper ul > li {display: inline-block;vertical-align: top;}
.expenses-wrapper ul > li > a { color: #fff; display: block; width: 60px; height: 65px; background-color: #00a466; padding: 10px 12px; border-radius: 8px; }
.expenses-wrapper ul > li > a:hover { background-color: #999; }
.expenses-wrapper ul > li > a .fa { display: block; text-align: center; font-size: 24px; }
.expenses-wrapper ul > li > a .fa.fa-plus { font-size: 16px; margin-top: 2px; }

.expenses-cal .expBox .input-group.exp-count .input-group-addon.green { width: 155px; background-color: #00a466; border: 0; color: #fff; }
.expenses-cal .expBox .input-group.exp-count { width: 100%; margin-bottom: 5px; }
.expenses-cal .expBox { display: none; }

a.formula { color: #999; padding-right: 25px; }

.property .content, .property footer { background-color: #eee; }
.property .ctn-left { width: 25%; }
.property .ctn-right { width: 75%; }

.property-sidebar { background-color: #fff; padding: 0 15px; border-radius: 8px; border: 1px solid #ccc; margin-bottom: 10px; display: block; box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}
.property-sidebar .title { color: #333; text-transform: uppercase; font-weight: bold; font-size: 18px; margin: 0 -15px; padding: 12px 15px; }
.property-sidebar .title .fa { padding-right: 5px; }
.property-sidebar .infoWrap {padding: 15px;margin: 0 -15px;font-size: 13px;background-color: #f9f9f9;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.property-sidebar .form-wrapper { border: 0; }
.property-sidebar .form-wrapper .icheckbox_square-green {background-color: #ccc;width: 18px;height: 18px;border-radius: 4px;border: 0;}
.property-sidebar .form-wrapper .icheckbox_square-green.hover { background-color: #00a466;background-position: -50px -2px; }
.property-sidebar .form-wrapper .icheckbox_square-green.checked {background-position: -50px -2px;}
.property-sidebar .form-wrapper .checkbox label { padding-left: 25px; }
.property-sidebar#comparison .title {border-bottom: 3px solid #00a466;}
.property-sidebar#comparison .title .fa { color: #00a466; }
.property-sidebar#filter .title {border-bottom: 3px solid #d9186a;}
.property-sidebar#filter .title .fa { color: #d9186a; }
.property-sidebar#guide .title {border-bottom: 3px solid #d9186a;}
.property-sidebar#guide .title .fa { color: #d9186a; }
.property-sidebar#guide ul > li { position: relative; }
.property-sidebar#guide ul > li > a {display: block;color: #333;padding: 5px 0 5px 20px;}
.property-sidebar#guide ul > li > a:before {content: "\f192"; color: #662f90; font: normal normal normal 15px/1 FontAwesome;padding-right: 10px;position: absolute;left: 0;top: 6px;}

.property-sidebar hr { border-color: #ccc; margin: 15px -15px; }

.filterBox .filter-title { font-weight: bold; font-size: 15px; }
.filterBox .filter-title .fa { color: #d9186a; width: 20px; text-align: center; font-size: 18px; }
.filterBox .checkbox { margin: 12px 0;}

.filter-btn {display: none;color: #333;text-transform: uppercase;font-weight: bold;font-size: 14px;margin: 0;padding: 8px 15px;text-align: left;width: 100%;position: relative;border-radius: 0;background-color:#fff;border: 1px solid #ccc;}
.filter-btn span:after {content: "\f107"; font:normal normal normal 15px/1 FontAwesome; padding-right: 10px; position: absolute; right: 15px; top: 10px;}
.filter-btn.open span:after {content: "\f106"; }
.filter-btn span .fa { color: #d9186a; padding-right: 5px;}

.ctnArea-wrapper { padding-left: 25px; }
.ctnArea-wrapper h2.title { font-size: 36px; }
.ctnArea-wrapper h3 { font-size: 24px; margin-top: 0; padding-bottom: 15px; border-bottom: 3px solid #ccc; }

/*.propertyListing.project-list { margin: 0 -10px; }*/
.propertyListing.project-list .item { float: left; width: 33.33%; margin: 0; padding: 0 5px; margin-bottom: 15px; }
.propertyListing.project-list .proWrapper { background-color: #fff; }
.propertyListing.project-list .proWrapper a.linkWrap {color: #fff;position: relative;display: block;}
.propertyListing.project-list .proWrapper a.linkWrap:hover .hoverBg { opacity: 1; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; }
.propertyListing.project-list .proWrapper .hoverBg {opacity: 0; position: absolute;z-index: 20;border-top-left-radius: 8px; border-top-right-radius: 8px;background: rgba(0,164,102,0.85);width: 100%;height: 100%;margin: auto;top: 0;left: 0;right: 0;bottom: 0; transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.propertyListing.project-list .proWrapper .hoverBg .enterPage {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.propertyListing.project-list .proWrapper .hoverBg .enterPage .fa { font-size: 60px; }
.propertyListing.project-list .proWrapper .hoverBg .enterPage p { font-size: 22px  }

.comparison-wrapper { border: 3px solid #00a466; border-radius: 20px; background-color: #fff; }
.comparison-wrapper h2 { padding: 0 25px; margin: 15px 0; }
.comparison-wrapper .infoBar { background-color: #00a466; padding: 10px 25px; font-size: 18px; color: #fff; }
.comparison-wrapper .img-responsive { margin: auto; }
.comparison-wrapper .notes { display: block; font-weight: normal; color: #999; font-size: 12px; }
.comparison-wrapper .btn-default {text-transform: none;font-size: 12px;text-align: left;padding: 10px 10px;margin-bottom: 0;}
.comparison-wrapper .btn-default .fa { font-size: 18px; float: right; }
.comparison-wrapper label.star,#inner-property label.star {padding: 0;line-height: 1;position: relative;color: #d9186a;}
.comparison-wrapper .stars .star:before,#inner-property label.star:before {position: absolute;right: 0;top: -2px;}
.comparison-wrapper ul { margin-bottom: 20px; color: #666; }

.proComparison table.table-bordered { margin-bottom: 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden;}
.proComparison .greyBg { background-color: #eeeeee; }

.chosenSelection {display: block;width: 100%;border-top: 1px solid #eee;clear: both;}
.chosenSelection .icheckbox_square-green {top: 0;position: relative;background-image: none;background-color: #fff;background-color: #ccc;border-radius: 4px;width: 18px;height: 18px;}
.chosenSelection .icheckbox_square-green.checked { background-color: #fff; }
.chosenSelection .icheckbox_square-green.checked:before {content: "\f00c"; color: #d9186a; font: normal normal normal 16px/1 FontAwesome;padding-right: 10px;position: absolute;left: 2px;top: 0px;}
.chosenSelection .checkbox {color: #333;margin: 0;padding: 12px 15px;}
.chosenSelection .checkbox label { padding-left: 5px; }
.chosenSelection .checkbox.selected { background-color:#d9186a; color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px; }

hr.titleBorder { border-top: 3px solid #d9186a; margin-bottom: 0;}

.blogList { padding: 25px 0; border-bottom: 1px solid #ccc; min-height: 100px; display: block; color: #333; }
.blogList:hover { background-color: #f9f9f9; }
.blogList .blogDate {float: left;width: 65px;}
.blogList .blogDate span { display: block; text-align: center; font-weight: bold; line-height: 1; }
.blogList .blogDate span.day { font-size: 30px; color: #d9186a; }
.blogList .blogDate span.month { font-size: 18px; }
.blogList .blogDate span.year { font-size: 15px; }

.blogList .blogFeaImg { float: left; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; margin-right: 15px; }

.blogList .blogContent { padding: 0 15px; }
.blogList .blogContent .shortDesc { color: #999; }

.gallery-wrapper { margin: 0 -10px; }
.galleryBox { float: left; width: 16.66%; box-sizing: content-box; display: block; }
.galleryBox figure {border: 1px solid #ccc;margin: 10px;position: relative;height: 0;padding-bottom: 85%;overflow: hidden;-webkit-transition: all .15s ease-in-out;}
.galleryBox figcaption { text-align: center; padding: 0 10px; font-weight: 500; color: #00a466; }
.galleryBox figure img {position: absolute;width: auto;height: 110%;max-width: none;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.galleryBox figure .overlay {opacity: 0;-webkit-transition: all .15s ease-in-out;width: 100%;height: 100%;}
.galleryBox figure:hover .overlay, .galleryBox figure:focus .overlay {background-color: #00a466;opacity: 0.8;-webkit-transition: all .15s ease-in-out;width: 100%;height: 0;padding-bottom: 110%;}
.galleryBox figure .fa-search-plus { font-size: 28px; color: #fff; position: absolute; margin: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}

.gallery-images {margin:0 -5px;}
.gallery-image{padding:0 5px; float:left;  width: 16.66666667%; position:relative; margin-bottom:10px;}
.gallery-image img{width:100%;}
.gallery-image a{display:block; background:#fff; padding:3px; border:1px solid #ccc;}

.videoWrapper { margin: 0 -10px; }
.videoWrapper .videoBox {float: left;width: 25%;box-sizing: border-box; padding: 10px;}
.videoWrapper .videoBox .boxWrap {background-color: #fff;overflow: hidden;}
.videoWrapper .videoBox .textBox {padding: 10px 0;position: relative;}
.videoWrapper .videoBox .textBox h4 {margin: 5px 0 10px;font-size: 13px;color: #167ac6;font-weight: normal;}
.videoWrapper .videoBox .textBox .date { color: #999; font-size: 12px;}
.videoWrapper .videoBox .textBox .tag { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; }
.videoWrapper .videoBox figure {overflow: hidden;width: 100%;height: 0;padding-bottom: 50%;margin: 0;position: relative;}
.videoWrapper .videoBox figure img { width: 100%; }

.start-video {position: absolute; padding: 12px; cursor: pointer; transition: all 0.3s;left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.start-video img { width: 150px; }

.fancybox-media .boxWrap figure:before {content: ''; background-image: url(../images/VideoGallery-play-btn.png); position: absolute; z-index: 20; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; }

.milestone.flik-content { background-color: transparent; }
.milestone.flik-content .flik-timeline-2 {border-color: #eee;color: #666;padding: 0;margin: 0;border-width: 5px;}
.milestone .flik-timeline-2>li:after { display: none; }
.milestone .flik-timeline-2>li:before {content: "\f0d9";font: normal normal normal 28px/1 FontAwesome;color: #fff;text-shadow: -2px 0 5px #ddd;top: 25px;left: -9px;width: auto;height: auto;background: none;}
.milestone .flik-timeline-2>li:nth-child(2n):before {content: "\f0da";right: -10px;left: auto;text-shadow: 2px 0 5px #ddd;}
.milestone .history-type .history-type-icon {position: absolute;left: -16px;background-color: #00a466;border-radius: 50%;height: 65px;width: 65px;content: "";top: 0;color: #fff;text-align: center;font-size: 28px;padding-top: 10px;z-index: 10;box-shadow: 0 0 10px #666;border: 3px solid #fff;}
.milestone .flik-timeline-2>li:nth-child(2n) .history-type .history-type-icon { right: -35%; left: auto; background-color: #d9186a;  }
.milestone .flik-timeline-2>li {border-radius: 20px;box-shadow: 0 0 10px #ddd;}
.milestone .flik-timeline-2>li { position: relative; width: 25em; list-style: none; margin: 0 0 4em 6.5em; }
.milestone .flik-timeline-2>li:nth-child(2n) { left: -32em; margin-left: 0; text-align: right; }
.milestone .flik-timeline-2:before, .flik-timeline-2:after { display: none; }
.milestone .flik-timeline-2 .history-type { position: absolute; margin: 0; width: 110px; left: -31%; top: 0; }
.milestone .flik-timeline-2>li:nth-child(2n) .history-type {left: auto;right: -26.5%;}
.milestone .history-type .history-type-text {position: absolute;right: 140px;top: 15px;font-size: 22px;color: #999;}
.milestone .flik-timeline-2>li:nth-child(2n) .history-type .history-type-text {left: 160px;top: 15px;right: 0;}
.milestone .flik-timeline-2 .imgWrap { border-radius: 20px; overflow: hidden; }

.location {padding-top: 0; }
.location.content { position: relative; overflow: hidden; }
.location .property-sidebar-wrapper { width: 285px; height: 100%; min-height: 500px; position: relative; z-index: 15; }
.location .property-sidebar { border-radius: 0; margin-bottom: 0;}
#map {height: 0; padding-bottom: 100%;}
.map-wrapper { position: absolute; top:0; left: 0; width: 100%; z-index: 10; }

.iw-content{padding:10px 5px 10px 20px;}
.iw-info p{margin-bottom:5px; color:#666666;}
.iw-info img{width:100%;}
.iw-subTitle{font-size:18px; color:#333;}
.iw-info {font-weight:500; margin-right:-5px;}
.iw-info li {margin-bottom:0;}
.iw-info li span {color:#999999;padding-right:5px;}
.get-direction {color:#cc9326;font-family: 'Amiri', serif;  }
/* .gm-style-iw + div {right:-15px !important; top:-10px !important; border:5px solid #999; border-radius:25px; color:#fff; width:30px !important; height:30px !important; text-align:center; background:#fff;}
.gm-style-iw + div > img {top:-333px !important; left:2px !important;} */
.infomasi-penuh{width:100%; display:block; padding:8px 5px; color:#fff; background:#00a466; border-radius:6px;text-align:center; margin-top:6px;}

.property-banner {/* max-width:1400px; */margin:0 auto;position:relative;background-color: #eee;}
.property-banner .banner-wrapper img {display:none;}
.property-banner .banner-wrapper {background-repeat:no-repeat;background-size:cover;height:420px;background-position:center right;max-width: 1400px;margin: 0 auto;}
.property-intro {position:absolute; top:0; left:0; width:100%; height:100%;}
.intro-wrapper {float:left; width:25%;  background:#fff; }
.intro-box h3{font-size:18px; padding:13px 20px;margin:0; font-weight:bold;}
.intro-box .fa {color:#d9186a;}
.property-brand {width:100%; border-top:3px solid #d9186a;}
.brief-info {padding:10px 20px 5px; font-weight:bold;}
.brief-info span {font-size:13px;font-weight:bold;}
.brief-info h3 {font-size:36px; font-weight:bold; margin:0;padding:0;}
.brief-info .hak-milik span {font-weight:normal;}
.col-3 {float:left; width:33.33%;text-align:center; border:1px solid #ddd;}
.facility-icon{vertical-align:middle; display:inline-block; height:45px; width:100%; position:relative;}
.facility-icon img {position:absolute; top:50%; left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#inner-property {margin-top:-35px; padding:30px 0;}
#inner-property .btn-default.fullWidth{text-transform:none; padding:10px 15px; font-size:13px;text-align:left; font-weight:bold; margin-bottom:0;}
#inner-property .btn-default.fullWidth .fa {float:right; font-size:18px;}
#inner-property .stars .star:before {right:-10px;}
#inner-property .stars {border:2px solid #d9186a;}
#inner-property ul li a{padding:10px 20px; display:block; color:#333; border-left:4px solid transparent;}
#inner-property ul li.current a{font-weight:bold; background:#eee; border-color:#d9186a;}
#inner-property ul li a:hover { background:#eee; border-color:#d9186a;}
.btn-wrapper {padding:0 20px;}

.property-feature-box {box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); background:#fff;border:1px solid #ddd; border-radius:6px; margin-bottom:25px; overflow:hidden;}
.property-feature-header {position:relative;}
.property-feature-header h2 {font-size:21px; margin:0; padding:15px 20px; border-bottom:3px solid #00a466; text-transform:uppercase;}
.property-feature-content {padding:25px 20px; position:relative;}
.property-feature-header span {position:absolute; right:20px; top:18px;}
.property-feature-header .fa {color:#d9186a;}
.property-feature-content h5 {font-size:15px; margin:0;}
.feature-info {margin-bottom:20px; font-size:15px;}
.info-box ul {margin:5px 0 0; padding-left:20px;}
.info-box ul li {margin-bottom:5px;}
.feature-box {border:1px solid #ccc; padding:15px 20px; border-radius:5px; margin-bottom:5px;}
.feature-box h5{text-transform:uppercase; font-size:15px; margin:0; }
.rumah-harga h5{color:#00a466;}
.ansuran-bulanan h5{color:#d9186a;}
.feature-box .harga {color:#000000; font-size:28px; margin:0; font-weight:bold;}
.feature-box p {color:#999999; font-size:13px;margin:0;}
.feature-btn {padding:0;} 
.feature-btn .btn-default{background:none; color:#00a466; font-weight:bold; font-size:12px;text-align:left; border:2px solid #00a466; padding:8px 25px 8px 15px; margin-bottom:10px; position:relative;}
.feature-btn .btn-default .fa{color:#00a466; font-size:22px; position:absolute; right:5px; top:5px; vertical-align:middle; }
.feature-btn .btn-default  span{vertical-align:middle; padding-top:2px; padding-right:15px;white-space:normal;}
.feature-btn .btn-default.green {background-color:#00a466; color:#fff;}
.feature-btn .btn-default.green .fa {color:#fff;}
.feature-gallery {margin:0 -10px;}
.feature-img {float:left; width:25%; padding:0 10px;}
.feature-img img {width:100%; border:1px solid #ccc;}
.related-property{margin:30px 0;}
.related-property h3 {font-size:24px;margin:0 0 25px; font-weight:500;}
.property-feature-content.property-feature-map {padding:0;}
.property-feature-content .map-wrapper {height:350px; position:relative; width:100%; overflow:hidden;}

.register-interest-header{position:relative; padding:10px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}
.register-interest-header h4,.register-interest-wrapper .related-property h3{font-size:21px; margin:0; color:#00a466; font-weight:bold;}
.register-interest-header .legend{color:#666666; font-size:13px; position:absolute; right:0; top:15px;}
.asterisk {color:#f44336 !important; font-weight:normal !important;}
.register-interest-form {margin-bottom:25px;}
.register-interest-form h5{font-size:15px; margin-bottom:5px;}
.register-interest-form .help-block{color:#666666;font-weight:normal !important; display:inline-block;}
.register-interest-form .form-group {margin-bottom:20px;}
.register-interest-form .checkbox-inline,.register-interest-form   .radio-inline {padding-left:8px;}
.register-interest-wrapper .related-property h3{ border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:25px;}
.register-interest-wrapper  .propertyListing.project-list .item {width:25%;}

.trend-box {background:#00a466; border-radius:6px; position:relative; padding:55px 0; text-align:left;}
.trend-top {position:absolute; height:55px; top:0; left:0; width:100%; padding:15px; border-bottom:1px dashed #00814e;}
.trend-top h4{ font-size:18px; color:#ffeb3b; text-transform:uppercase;}
.trend-bottom {position:absolute; height:55px; width:100%; bottom:0; left:0;padding:15px;text-align:left;}
.trend-bottom a{color:#ffeb3b;}
.jenis-projek-box {color:#fff; height:20%;padding:15px 45px 15px 15px; background-color:#00935a; background-repeat:no-repeat;  position:relative;border-bottom:1px dashed #00814e;}
.jenis-projek-box .jenis-project-nombor {position:absolute; right:15px; top:8px; font-size:26px; font-weight:bold;}
.jenis-projek-box h6 {text-transform:uppercase; font-size:12px; font-weight:bold; margin:0;}
.jenis-projek-box p {font-size:11px;margin:0;}
.first-box {background-image:url(../images/point1.png);}
.second-box {background-image:url(../images/point2.png);}
.third-box {background-image:url(../images/point3.png); background-position:center left; }
.fourth-box {background-image:url(../images/point4.png);}
.fifth-box {background-image:url(../images/point5.png);}
.trend-body {height:100%;}
.lokasi-projek-box {height: 25%;padding: 20px 15px;border-bottom: 1px dashed #00814e;background: #00935a;}
.lokasi-projek-box img {float:left; margin-right:10px;}
.lokasi-projeck-content,.kemampuan-content,.hartanah-content { overflow:hidden;}
.lokasi-projeck-content span {color:#fff; font-size:13px; font-weight:bold; display:block; line-height:1;}
.lokasi-projeck-content b,.kemampuan-harga {color:#fff; font-size:28px; font-weight:bold; display:block;line-height:1;}
.kemampuan-box {height: 25%;padding: 16px 15px;border-bottom: 1px dashed #00814e;background: #00935a;}
.kemampuan-img {float:left; margin-right:15px; width:60px;text-align:center;}
.kemampuan-harga span {font-size:15px;}
.kemampuan-content span,.kalkulator-content span {color:#fff; font-size:11px;}
.kalkulator-content div{color:#ffeb3b; font-size:24px; line-height:1.2; font-weight:bold;}
.kalkulator-content b{font-size:14px; font-weight:bold; color:#fff; display:block;line-height:1.2; }
.kalkulator {background:#005836 url(../images/kalkulator-bg.png) no-repeat center right;line-height:1.2; }
.jenis-hartanah-box {color:#fff; height:20%;padding:15px 10px; background-color:#00935a; background-repeat:no-repeat;  position:relative;border-bottom:1px dashed #00814e;}
.hartanah-img {float:left; margin-right:10px; width:72px;text-align:center;}
.hartanah-nombor {color:#fff; font-size:28px; font-weight:bold; display:block;line-height:1;}
.hartanah-nombor span {font-size:18px;vertical-align:top;}
.hartanah-content {color:#fff; font-size:11px;line-height:1;}
.general-banner {max-width:1440px; margin:0 auto;}
.md-wrapper {padding:0 80px;}
.general-content h1 {font-size:42px; font-weight:normal; color:#00a466; margin-bottom:15px;}
.general-banner img{margin-bottom:15px; max-width:100%;}
.brief-intro  {font-size:21px;}
.fullwidth-content p{line-height:1.8; color:#666666;font-size:15px; margin-bottom:25px;}
.fullwidth-content p b {color:#333;}
.aboutUs h2 {font-family: 'Bebas Neue', sans-serif; color:#333333; font-size:42px; font-weight:normal;letter-spacing: -1px;}
.aboutUs h1 { font-size:28px; color:#333333; }
.general-row {margin:0 -10px;}
.general-row .col-sm-4 {padding:0 10px;}
.about-box {border:3px solid #ddd; border-radius:12px; text-align:center; margin-bottom:20px;}
.about-header {border-bottom:2px solid #d9186a; padding:0 20px;}
.about-header h4{font-size:18px; color:#333; margin:0; padding:15px 0;}
.about-body {padding:15px 20px;text-align:left;}
.about-body p{line-height:1.5;font-size:13px;margin-bottom:15px;}

/*Responsive*/
@media (max-width: 1400px) {
    h1 { font-size: 40px; }
    h2 { font-size: 34px; }
    h3 {font-size: 24px;}
    h4 { font-size: 18px; }
    #project-list { padding: 0 50px; }
    .project-wrapper .customNavigation .btn.prev { left: 0; }
    .project-wrapper .customNavigation .btn.next { right: 0; }
}
@media (max-width: 1200px) {
    #homeslider .ms-bullets.ms-dir-h { left: 8%;transition: .3s;}
}
@media (max-width: 991px) {
    
    #homeslider .ms-bullets.ms-dir-h { left: 7%;transition: .3s;}
    h1 { font-size: 36px; }
    h2 { font-size: 30px; }
    h3 {font-size: 20px;}
    h4 { font-size: 16px; }
    .wsmenu { padding: 0; z-index: 150;}
    .wsmenu-list > li  > a  { min-height: 0; }
    .wsmenu-list > li  > a > br { display: none; }
    .logo { width: 200px; margin-left: 15px; }
    .animated-arrow {top: 5px;right: 75px; position: absolute; z-index: 80; }
    .sb-search  {right: 0;height: 65px;width: 75px;}
    .sb-icon-search, .sb-search-submit {height: 65px;width: 75px;z-index: 100;}
    .sb-search.sb-search-open, .no-js .sb-search { width: 100%; }
    .sb-search-input {height: 65px;padding: 15px 85px 15px 10px;font-size: 14px;}
    .sb-icon-search:before {line-height: 60px;font-size: 22px;}
    .top-header .container-fluid { padding: 0; }
    .header {height: 66px;min-height: 0;}
    .wsmenu > .wsmenu-list > li > a.active, .wsmenu-list > li:hover > a {background-color: #fff !important;color: #00a466 !important;border-bottom: 1px solid #ddd;}
    .mobile-sub .wsmenu-submenu li a {background-color: #eee !important;border: 0;}
    .mobile-sub .wsmenu-submenu li + li > a { border-top: 1px solid #ccc; }
    .mobile-sub .wsmenu-submenu { border: 0;}
    #shiva {letter-spacing: 0;line-height: 1;margin: 0 15px;font-size: 125px;}
    .counter span.txt {font-size: 28px;letter-spacing: normal;line-height: 1;}
    #project-list .proContent .price, #project-list .proContent .det { width: 100%; border: 0; padding: 0; float: none; }   
    .wsmenu .arrow { display: block; }
    .shortcut-btn.mobile {display: block;position: absolute;z-index: 100;bottom: 0;right: 0;}
    .shortcut-btn-wrapper { display: none; }
    .side-banner-wrapper ul > li { float: none; }
    .side-banner-wrapper img.img-responsive { width: 100%; max-width: none; }
    .milestone .flik-timeline-2>li { width: auto; margin: 0 30px 30px 25px; }
    .milestone .flik-timeline-2>li:nth-child(2n) { left: 0; margin: 0 30px 30px 25px; text-align: right;}
    .milestone .flik-timeline-2>li:nth-child(2n) .history-type {left: -98px;right: 0;text-align: left;}
    .milestone .history-type .history-type-icon { left: 34px; height: 35px; width: 35px; top: 0; color: #fff; font-size: 20px; padding-top: 1px; }
    .milestone .flik-timeline-2 .history-type { position: absolute; margin: 0; width: 110px; left: -80px; top: 0; }
    .milestone .history-type .history-type-text { position: relative; right: -25px; top: 40px; font-size: 22px; color: #999; width: auto; background-color: #fff; text-align: center; width: 50px; font-size: 16px; }
    .milestone .flik-timeline-2>li:nth-child(2n) .history-type .history-type-text { left: auto; top: 40px; right: -45px; }
    .milestone .flik-timeline-2>li:nth-child(2n) .history-type .history-type-icon { left: 53px; }
    .milestone .flik-timeline-2>li:before, .milestone .flik-timeline-2>li:nth-child(2n):before { display: none; }
	.feature-btn .btn-default  span {font-size:11px;}
	.register-interest-form .checkbox-inline, .register-interest-form   .radio-inline {font-size:12px; position:relative; top:-2px;}
	.register-interest-wrapper  .propertyListing.project-list .item {width:50%;}
}

@media (max-width: 767px) {
    #homeslider .ms-bullets.ms-dir-h { left: 6%;transition: .3s;}
    body { font-size: 14px; }
    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    h3 {font-size: 18px;}
    .btn-default.btnLg { display: inline-block;padding: 10px 15px; min-width: 200px; font-size: 14px; }
    .feaBlog .blogBox { padding-bottom: 75%; }
    .feaBlog .txt-wrapper h4 { font-size: 14px; }
    .biz-wrapper .col { width: 100%; padding-bottom: 100%; }
    .biz-wrapper .fa-play-circle-o { font-size: 100px; }
    .biz-wrapper .col-right p { font-size: 14px; }
    .biz-wrapper .col-right .contentBx { width: 80%; }
    .biz-wrapper .col-right h3 { font-size: 24px; }
    .biz-wrapper .col-right a { font-size: 15px; }
    .page-title h1, .breadcrumb { float: none; }
    .page-title h1 { margin-bottom: 0; margin-top: 15px; font-size: 24px; }
    .breadcrumb { margin: 0; padding: 10px 0; }    
    .form-steps .stepBx.one, .form-steps .stepBx.two {background-image: none;}
    .form-steps .stepBx { width: 100%; margin-bottom: 15px; }
    .form-steps .stepBx .seqBx {width: 45px;height: 45px;line-height: 40px; padding:0 11px;font-size: 30px;}
    .form-steps .stepBx .desc {font-weight: 500;padding-left: 55px;padding-top: 5px;padding-right: 45px;font-size: 15px;}
    .form-steps .stepBx.one, .form-steps .stepBx.one.active, .form-steps .stepBx.two, .form-steps .stepBx.two.active { background-image: none; }
    .formTitle h2 { padding: 0; font-size: 20px; }
    .formTitle .note { position: relative; bottom: 0; right: 0; text-align: left; }
    .content .ctn-left { width: 100%; float: none; }
    .content .ctn-right { width: 100%; float: none; }
    .side-menu { padding: 0; }
    .side-menu.nav { display: block; }
    .property .content .ctn-left { width: 100%; }
    .property .content .ctn-right { width: 100%; }
    .filter-btn { display: block; }
    .property-sidebar,#inner-property ul { display: none; border-radius: 0; }
    .property-sidebar .title {display: none;}
    .property-sidebar .infoWrap { border-radius: 0;}
    .property-sidebar-wrapper { margin-bottom: 5px; }
    .ctnArea-wrapper { padding-left: 0; }
    .propertyListing.project-list .item { width: 50%;}
    .ctnArea-wrapper h2.title { font-size: 24px; margin-bottom:15px; }
    .ctnArea-wrapper h3 { font-size: 18px;}
    .blogContent h4.title { font-size: 16px; }
    .location .property-sidebar-wrapper { margin: 0 auto; }
	.property-intro {position:relative; height:auto; }
	.intro-wrapper {width:100%; float:none;}
	.property-brand {float:left; width:250px;margin-right:15px;}
	.property-info {overflow:auto; }
	.intro-box h3 {padding:10px 0;}
	.intro-box .brief-info h3 {font-size:21px;}
	.brief-info span {font-size:10px;}
	.intro-box {text-align:center;}
	.intro-box h3{font-size:14px; border-bottom:2px solid #d9186a; margin-bottom:15px;}
	.intro-box .brief-info h3{padding:0; border:0; margin:0;}
	.brief-info {padding:0;}
	.property-banner .banner-wrapper {height:0; padding-bottom:31%;}
	#inner-property {display:block; margin-top:0;}
	.feature-info {font-size:12px;}
	.register-interest-wrapper  .propertyListing.project-list .item {width:50%;}
	.trend-box {margin-bottom:20px;}
	.fullwidth-content p {font-size:13px;}
	.md-wrapper {padding:0 20px;}
	.aboutUs h2,.general-content h1{font-size:24px;}
}

@media screen and (max-width: 550px) {
    #homeslider .ms-bullets.ms-dir-h { left: 4.5%;transition: .3s;}
    h1 { font-size: 21px; }
    h2 { font-size: 18px; }
    h3 {font-size: 16px;}  
    h4 { font-size: 14px; }
    .top-header .social-wrapper > li span { display: none; }
    .top-header .account-wrapper > li > a { font-size: 11px; padding: 12px 10px}
    .logo { width: 150px; margin-top: 15px;}
    .feaBlog {width: 100%; }
    .feaBlog .blogBox { padding-bottom: 50%; }
    .counter span.txt { font-size: 18px; }
    #shiva { font-size: 65px; }    
    .formContent label { font-size: 12px; }
    .form-wrapper .houseList.media .radio-inline { width: 50%; }
    .form-wrapper .houseList.type .checkbox-inline { width: 50%; }
    .form-wrapper .houseList.price .radio-inline, .form-wrapper .houseList.location .checkbox-inline { width: 100% }
    .form-wrapper .houseList.selection .radio-inline { height: 55px; line-height: 45px; }
    .form-wrapper .houseList.selection .radio-inline label { font-size: 18px; }
    .side-banner-wrapper ul > li.bannerSm {width: 50%;margin: 0;padding: 0 5px;}
    .side-banner-wrapper { padding: 0 50px;}
    .propertyListing.project-list .item { width: 100%;}
    .ctnArea-wrapper h2.title { font-size: 20px; margin-bottom:15px; }
    .ctnArea-wrapper h3 { font-size: 16px;}
    .filter-btn { font-size: 14px; }
    .blogFeaImg { width: 100px; }
    .blogList .blogContent {padding: 15px;float: none;clear: both;}
    .location .property-sidebar-wrapper { min-height: 300px; }
	.property-brand {width:180px;}
	.register-interest-wrapper  .propertyListing.project-list .item {width:100%;} 
	.videoWrapper .videoBox { width: 50%; }
	.start-video img { width: 100px; }
	.biz-wrapper .col-left .contentBx h4 { font-size: 24px; }
	.biz-wrapper .col-left .contentBx h3 { font-size: 30px; }
	.biz-wrapper .col-left .contentBx p { font-size: 16px; }
	.biz-wrapper .col-right h3 { font-size: 20px; }
	.biz-wrapper .col-right p { font-size: 12px; margin-bottom: 0; }
	.register-interest-header .legend { position: relative; top: 5px; }
	.register-interest-header h4, .register-interest-wrapper .related-property h3 { font-size: 18px; }
	.aboutUs h1 { font-size: 24px; }
}

@media screen and (max-width: 450px) {
    #homeslider .ms-bullets.ms-dir-h { left: 3.5%;transition: .3s;}
    .form-wrapper .houseList.media .radio-inline, 
    .form-wrapper .houseList.location .checkbox-inline,
    .form-wrapper .houseList.type .checkbox-inline,
    .form-wrapper .houseList.price .radio-inline { width: 100%; }
    .side-banner-wrapper ul > li.bannerSm {width: 100%;padding: 0 0 15px;}
    .side-banner-wrapper { padding: 0 15px;}
	.property-brand {float:none; margin-right:0;}
	.videoWrapper .videoBox { width: 100%; }
	.start-video img { width: 80px; }
}
@media screen and (max-width: 380px) {
    #homeslider .ms-bullets.ms-dir-h { left: 2%;bottom:5px !important;transition: .3s;}
}

@media (min-width: 551px) and (max-width: 767px) {
    .counter span.txt { font-size: 18px; }
    #shiva { font-size: 80px; }
    .form-wrapper .houseList.media .radio-inline { width: 33.33%; }
    .form-wrapper .houseList.type .checkbox-inline { width: 50%; }
    .form-wrapper .houseList.price .radio-inline { width: 50% }
    .form-wrapper .houseList.location .checkbox-inline { width: 50%; }
    .side-banner-wrapper ul > li { display: inline-block; width: 49.5%; margin: 0; }
    .side-banner-wrapper ul > li > a { display: block; }
    .side-banner-wrapper ul > li.bannerSm { padding: 0 2px;}
	.videoWrapper .videoBox { width: 33.33%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .biz-wrapper .fa-play-circle-o { font-size: 100px; }
    .biz-wrapper .col-left .contentBx h3 { font-size: 40px; }
    .biz-wrapper .col-left .contentBx p { font-size: 20px; }
    .biz-wrapper .col-right p { font-size: 14px; }
    .biz-wrapper .col-right .contentBx { width: 80%; }
    .biz-wrapper .col-right h3 { font-size: 24px; }
    .biz-wrapper .col-right a { font-size: 15px; }
    .form-steps .stepBx .seqBx {width: 45px;height: 45px;line-height: 40px; padding:0 11px;font-size: 30px;}
    .form-steps .stepBx .desc {font-weight: 500;padding-left: 55px;padding-top: 5px;padding-right: 45px;font-size: 15px;}
    .form-steps .stepBx.one, .form-steps .stepBx.one.active, .form-steps .stepBx.two, .form-steps .stepBx.two.active { background-image: none; }
    .logo { width: 180px; }
    .form-wrapper .houseList.media .radio-inline { width: 33.33%; }
    .form-wrapper .houseList.type .checkbox-inline { width: 25%; }
    .content h2.title { font-size: 24px; margin-bottom: 15px; }
    .content .ctn-left { width: 70%; }
    .content .ctn-right { width: 30%; }
    .page-title h1, .breadcrumb { float: none; }
    .page-title h1 { margin-bottom: 0; }
    .breadcrumb { padding: 10px 0 15px; margin-top: 0;}
    .form-wrapper .houseList.location .checkbox-inline { width: 50%; }
    .side-banner-wrapper ul > li { display: inline-block; width: 49.5%; margin: 0; }
    .side-banner-wrapper ul > li > a { display: block; }
    .property .content .ctn-left { width: 30%; }
    .property .content .ctn-right { width: 70%; }
    .property-sidebar .title { font-size: 16px; }
    .propertyListing.project-list .item { width: 100%;}
	.col-3 span {font-size:9px; font-weight:bold;}
	.intro-box .brief-info h3 {font-size:28px;}
	.brief-info span {font-size:10px;}
	.intro-box h3{font-size:15px;}
	.property-banner .banner-wrapper{height:357px;}
	.intro-wrapper {width:30%;}
	.feature-box .harga {font-size:21px;}
	.feature-info {font-size:13px;} 
	.trend-box {margin-bottom:30px;}
	.aboutUs h2,.general-content h1{font-size:28px;}
	.md-wrapper{padding:0 50px;}
	.videoWrapper .videoBox { width: 33.33%; }
}

@media (min-width: 992px) {
    /* .property-banner .banner-wrapper { background:none;} */
}

@media (min-width: 992px) and (max-width: 1199px) {
    .logo {width: 205px;margin-top: 20px;}
    .wsmenu-list > li > a { padding: 25px 10px; }
    #shiva {letter-spacing: 0;line-height: 1;margin: 0 15px;font-size: 150px;}
    .counter span.txt {font-size: 28px;letter-spacing: normal;line-height: 1;}
    #project-list .proContent .price, #project-list .proContent .det { width: 100%; border: 0; padding: 0; float: none; }
    .biz-wrapper .fa-play-circle-o { font-size: 100px; }
    .biz-wrapper .col-left .contentBx h3 { font-size: 40px; }
    .biz-wrapper .col-left .contentBx p { font-size: 20px; }
    .biz-wrapper .col-right p { font-size: 14px; }
    .biz-wrapper .col-right .contentBx { width: 80%; }
    .biz-wrapper .col-right h3 { font-size: 24px; }
    .biz-wrapper .col-right a { font-size: 15px; }
    .form-steps .stepBx.one, .form-steps .stepBx.two {background-position: 215px 30px;}
    .wsmenu {width: 78%;padding-right: 75px;}
    .form-wrapper .houseList.type .checkbox-inline { height: 145px; }
    .form-wrapper .houseList.price .radio-inline { font-size: 12px; }
    .content h2.title { font-size: 24px; margin-bottom: 15px; }
    .content .ctn-left { width: 70%; }
    .content .ctn-right { width: 30%; }
    .property .content .ctn-left { width: 30%; }
    .property .content .ctn-right { width: 70%; }
    .propertyListing.project-list .item { width: 50%;}
    .milestone .flik-timeline-2>li { width: 20em; left: -1.5em;}
    .milestone .flik-timeline-2>li:nth-child(2n) {left: -26em;margin-left: 0;text-align: right;}
	.property-banner .banner-wrapper{height:418px;}
	.intro-wrapper {width:30%;}
	.feature-box .harga {font-size:24px;} 
	.feature-info {font-size:14px;}
}

@media only screen and (min-width:992px) and (max-width:1064px) {
    .wsmenu-list > li > a {  padding-left:8px ; padding-right:8px;}
    .wsmenu {width: 75%;padding-right: 0;}
    .sb-search {right: 0;}
    .sb-search.sb-search-open, .no-js .sb-search {width: 100%;}
}

@media (min-width: 768px) {
    .property-sidebar { display: block !important; }
}