/*
Theme Name: Propertix
Theme URI: https://propertix.ciuss.net
Author URI: https://facebook.com/ciussgw
Description: Theme for property website from Ciuss Creative.
Author: Ciuss Creative
Version: 3.0.6.2
Tested up to: 6.3.1
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: header, footer, custom-logo
Text Domain: propertix
Copyright: (c) 2017 ciuss.com
*/

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Outfit:wght@400;700&family=Playfair+Display:wght@400;700&family=Poppins:wght@400;700&family=Roboto:wght@400;700&display=swap");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.3;
    text-align: left;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

a {
    text-decoration: none;
}

img {
    height: auto;
    max-width: 100%;
}

body {
    font-weight: 400;
    margin: 0 auto;
    position: relative;
}

.just_clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrapper {
    width: 100%;
    margin: 0;
    padding: 118px 0 0;
    position: relative;
    overflow: hidden;
}

/* Header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.propertix__topheader {
    height: 42px;
    position: relative;
    overflow: hidden;
    z-index: 100;
    padding: 0 20px;
}
.clickmenu,
.clickback {
    float: left;
    margin: 8px 4px 8px 0;
    height: 26px;
    padding: 0 12px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.clickcontact {
    float: left;
    margin: 8px 4px 8px 0;
    height: 26px;
    padding: 0 12px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.proleft_head {
    float: left;
    padding: 8px 20px 8px 0;
    height: 26px;
}
.proleft_head a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
}
.proleft_head i {
    font-size: 14px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    display: inline-block;
    float: left;
}
.proleft_head span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    float: left;
}
.pro_phone {
    font-size: 15px;
    line-height: 26px;
    height: 26px;
    margin: 0 25px 0 0;
}
.pro_phone.single_phone {
    height: 26px;
    line-height: 26px;
    margin: 0 5px 0 0;
    text-align: center;
    border-radius: 4px;
    padding: 0 12px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.proleft_head .single_phone i {
    width: auto;
    font-size: 12px;
}
.propertix__topheader .single_phone span {
    font-weight: bold;
    font-size: 12px;
}
.pro_phone.wa_mobile {
    display: none;
}
.proleft_head .mob_wa {
    display: none;
}
.property_headphone {
    display: inline-block;
    height: 26px;
}

.proright_head {
    float: right;
    text-align: right;
    font-size: 12px;
    padding: 8px 0;
    height: 26px;
    line-height: 26px;
}
.property_headaccess {
    display: inline-block;
    padding-left: 20px;
	margin-left: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.slogin {
    display: inline-block;
    float: left;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin: 0;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.slogin a {
    display: block;
    padding: 0 12px;
    border-radius: 4px;
}
.sregister {
    display: inline-block;
    float: left;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 4px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.sregister a {
    display: block;
    padding: 0 12px;
    border-radius: 4px;
}

.property__social {
    width: 155px;
    float: left;
    font-weight: 400;
    text-align: right;
}
.property__social a {
	display: inline-block;
}
.property__social i {
    margin-left: 5px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 30px;
    font-size: 13px;
	display: block;
}

.pro__header {
    height: 76px;
    padding: 0 20px;
}
.single-property .pro__header,
.single-property-sewa .pro__header {
    padding: 0;
}

.property__logo {
    display: inline-block;
    height: 46px;
    padding: 15px 0;
}
.property__logo a {
    display: block;
}
.property__logo img {
    height: 46px;
    width: auto;
    display: block;
}

.property_headright {
    float: right;
    display: inline-block;
    height: 76px;
    padding: 0;
}
.property_addpro {
    display: inline-block;
    float: left;
    height: 36px;
    padding: 20px 0;
}
.property_addpro .addpro {
    height: 36px;
    display: inline-block;
    line-height: 36px;
    padding: 0 15px 0 0;
    margin: 0 0 0 8px;
    font-size: 14px;
    overflow: hidden;
}
.property_addpro i {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    margin-right: 15px;
    background: rgba(0, 0, 0, 0.03);
	display: inline-block;
}

.open_form {
    float: right;
    height: 32px;
    line-height: 32px !important;
    margin: 20px 0 0 20px;
    width: 32px;
    text-align: center;
}
.pro__share {
    height: 32px;
    line-height: 32px !important;
    margin: 20px 0 0 20px;
    width: 32px;
    text-align: center;
    display: inline-block;
}
.sing__share {
    display: none;
    position: absolute;
    top: 76px;
    right: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0.1s;
}
.sing__share.open__share {
    display: block;
}
.in__share {
    padding: 30px;
}
.head__share {
    font-size: 16px;
    margin: 0 0 12px;
}
.sg__menu .icon__share a {
    margin: 0 2px 0 0;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.icon__share i {
    width: 34px;
    height: 34px;
    color: #fff;
    line-height: 34px;
    font-size: 18px;
    text-align: center;
	display: block;
}
.icon__share i.icon-stumbleupon {
    background: #090;
}
.icon__share i.icon-twitter {
    background: #3bf;
}
.icon__share i.icon-whatsapp {
    background: #15cc42;
}
.icon__share i.icon-facebook {
    background: #1274af;
}
.icon__share i.icon-telegram {
    background: #1274af;
}
.icon__share i.icon-linkedin {
    background: #2e85c4;
}
.icon__share i.icon-pinterest {
    background: #dd3333;
}

.sg__menu .icon__share a.share_mobwa {
    display: none;
}
.float_menu {
    float: left;
    margin-right: 40px;
}

/* Menu */

.nav .dd.desktop {
    height: 76px;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}

.nav .dd.desktop li {
    float: left;
    display: block;
    margin: 0;
    position: relative;
}

.nav .dd.desktop li.menu-item-has-children:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 0 solid transparent;
    border-top: 10px solid transparent;
    clear: both;
    opacity: 0;
}

.nav .dd.desktop li.menu-item-has-children:hover:after {
    opacity: 1;
}

.nav .dd.desktop li a {
    text-decoration: none;
    display: block;
    line-height: 76px;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    transition: all 0.5s ease 0.1s;
}

.nav .dd.desktop li ul {
    display: none;
    position: absolute;
    top: 76px;
    left: 0px;
    width: 200px;
    padding: 0 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.nav .dd.desktop li:hover ul {
    display: block;
}
.nav .dd.desktop li ul li {
    float: none;
    display: block;
    line-height: 18px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav .dd.desktop li ul li:last-child {
    border: 0;
}
.nav .dd.desktop li ul li a,
.nav .dd.desktop li ul li:hover ul li a,
.nav .dd.desktop li ul li ul li:hover ul li a,
.nav .dd.desktop li ul li ul li ul li:hover ul li a {
    position: relative;
    line-height: 18px;
    padding: 0;
    transform: all 0.5s ease 0.1s;
}
.nav .dd.desktop li ul li:hover a,
.nav .dd.desktop li ul li ul li:hover a,
.nav .dd.desktop li ul li ul li ul li:hover a,
.nav .dd.desktop li ul li ul li ul li ul li:hover a {
    padding-left: 20px;
}
.nav .dd.desktop li ul li a:after,
.nav .dd.desktop li ul li:hover ul li a:after,
.nav .dd.desktop li ul li ul li:hover ul li a:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    clear: both;
    transition: all 0.4s ease 0.1s;
    opacity: 0;
}
.nav .dd.desktop li ul li:hover a:after,
.nav .dd.desktop li ul li ul li:hover a:after,
.nav .dd.desktop li ul li ul li ul li:hover a:after {
    opacity: 1;
}

.nav .dd.desktop li ul li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 200px;
    padding: 0 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.nav .dd.desktop li:hover ul li ul {
    display: none;
}
.nav .dd.desktop li ul li:hover ul {
    display: block;
}

/* Search Menu */
#prosearch {
    position: fixed;
    display: none;
    top: 118px;
    right: 20px;
    width: 500px;
    z-index: 5;
    opacity: 1;
    transition: all 0.5s ease 0.1s;
}
#prosearch.updown {
    display: block;
    opacity: 1;
    transition: all 0.5s ease 0.1s;
}
#searching {
    position: relative;
    box-shadow: 0 0 25px inset rgba(0, 0, 0, 0.05);
    padding: 30px;
}
.search_header {
    height: 36px;
    margin-bottom: 15px;
}
.texttop {
    font-style: italic;
    font-size: 13px;
}
.textbot {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.cari_select {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 36px;
    font-weight: bold;
}
.cari_select span {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 14px;
    margin: 2px 0 2px 5px;
    border-radius: 5px;
}
.cari_jual {
    float: left;
    cursor: pointer;
    display: none;
}
.cari_jual.active {
    display: block;
}
.cari_sewa {
    float: right;
    cursor: pointer;
    display: none;
}
.cari_sewa.active {
    display: block;
}

#sell_form {
}
#rent_form {
    display: none;
}
.outer_search {
    margin: 0 -8px;
}
.search_column {
    display: block;
    width: 50%;
    float: left;
    margin: 0 0 15px;
}
.search_column.sewaan {
    width: 100%;
}
.inner_column {
    margin: 0 8px;
    position: relative;
}
.inner_column input {
    position: relative;
    z-index: 2;
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    width: calc(100% - 28px);
    font-size: 13px;
    border: 0;
}
.inner_column:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    opacity: 0.1;
    z-index: 1;
}
.inner_column.noafter:after {
    display: none;
}
.inner_column input[type="checkbox"],
.inner_column input[type="radio"] {
    height: 14px;
    line-height: ;
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 0 14px;
    width: 14px;
    font-size: 13px;
    margin: 0 5px 0 0;
}
.tenor {
    margin-right: 6px;
    font-size: 13px;
}
.inner_column select {
    width: 100%;
    appearance: none;
    height: 36px;
    line-height: 36px;
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 0 15px;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.05);
}
.inner_column i {
    position: absolute;
    right: 0;
    top: 1px;
    width: 36px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    z-index: 4;
}
.property_button {
    text-align: right;
    z-index: 4;
}
.property_button button {
    margin: 0 0 5px;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}
.property_button i {
    margin-right: 5px;
}
.select2-container {
    width: 100% !important;
}
.inner_column .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    font-size: 13px;
    padding: 0 15px;
}
.inner_column .select2-container .select2-selection--single .select2-selection__rendered {
    position: relative;
    z-index: 2;
}
.inner_column .select2-container--default .select2-selection--single {
    position: relative;
    padding: 0;
    line-height: 36px;
    height: 36px;
}
.inner_column .select2-container--default .select2-selection--single:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: 0;
    opacity: 0.1;
    z-index: 1;
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
}
.select2-results__option {
    padding: 10px 15px !important;
    font-size: 13px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 36px;
    line-height: 36px;
    border: 1px solid rgba(125, 125, 125, 0.3) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    opacity: 0;
}
.pricing-range {
    margin: 0 -8px;
}

.property__container {
    position: relative;
    width: auto;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 16px;
}

.ajax-auth {
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    height: 100%;
    display: none;
}
.ajax-auth.showform {
    display: block;
    overflow-y: auto;
}

.formim {
    max-width: 250px;
    margin: 0 auto;
    padding: 50px 30px;
}
.pro_form {
    line-height: 1.3;

    text-align: left;
}
.pro_form h3 {
    font-size: 15px;
    margin: 0 0 10px;
}
.pro_form .close {
    float: right;
    cursor: pointer;
    color: #d33;
}
.logajax {
    margin: 0 0 8px;
}
.logajax input {
    height: 36px;
    line-height: 36px;
    border: 1px solid rgba(125, 125, 125, 0.2);
    padding: 0 14px;
    width: calc(100% - 30px);
    font-size: 14px;
    box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.05);
    color: #333;
    background: #fff;
}
.btlog {
    font-size: 14px;
}
.robot {
    margin: 0 0 5px;
}
#robot {
    margin: 4px 4px 4px 0;
}
.logajax label {
    padding: 4px 0 0;
    display: block;
    font-size: 12px;
    font-family: Montserrat;
}
.submit_button {
    margin: 5px 0;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}
.footer_form {
    padding: 10px 0 0;
}

/* HOMEPAGE SLIDER */

.propertyslider {
    min-height: 0;
}
.full_slider_image.propertyslider {
    min-height: 0;
}
.full_slider_image.propertyslider .item {
    position: relative;
    min-height: 0;
}
.propertyslider .item {
    min-height: 0;
}
.slider_image {
    position: relative;
}
.slider_image img {
    width: 100%;
    height: auto;
}

.feat__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.top__slide {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 8;
}
.slide__block {
    position: relative;
    width: 520px;
    text-align: left;
}
#sd_right .slide__block {
    margin: 0 0 0 calc(100% - 520px);
}
#sd_left .slide__block {
    margin: 0;
}
#sd_center .slide__block {
    margin: 0 auto;
}

.slide__label {
    position: absolute;
    top: -40px;
    left: 0;
    height: 40px;
}
.pro__featured {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    padding: 0 20px;
    margin-right: 2px;
}
.pro__status,
.pro__status_sewa {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    padding: 0 20px;
    margin-right: 2px;
}
.pro__negos {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    padding: 0 20px;
    background: #dd3333;
    color: #fff;
}
.slide__block h2 {
    padding: 15px 25px 20px;
}
.slide__block h2 a {
}
.pro__alamat {
    padding: 20px 25px 0;
    font-size: 14px;
}
.pro__feat {
    padding: 0 25px 15px 25px;
    height: 34px;
}
.feat__block {
    display: inline-block;
    height: 34px;
    width: 33%;
    line-height: 34px;
    float: left;
}
.feat__block i {
    width: 26px;
    height: 26px;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    float: left;
    margin-right: 8px;
}
.fb__right {
    float: right;
    width: calc(100% - 36px);
    line-height: 1.3;
}
.lutan {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
}
.dess {
    display: block;
    font-size: 10px;
    line-height: 1.1;
    font-weight: 400;
    font-family: Montserrat;
    letter-spacing: 0.5px;
}
.feat__adds {
    margin: 0;
    padding: 20px 25px;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
}
.adds__in {
    font-size: 20px;
}
.adds__type {
    margin-left: 30px;
}
.adds__permalink {
    height: 34px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    bottom: calc(50% - 21px);
}
.adds__permalink a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
}
.adds__price {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1px;
}
.adds__price.adds__diskon {
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
    display: block;
    margin: 0 0 4px;
}
.sewa__type {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}
.jual__type {
    display: inline-block;
    margin-right: 40px;
    text-align: center;
}
.sewa__type .adds__price {
    font-size: 16px;
    letter-spacing: 0;
}
.sewa__type .adds__price.adds__diskon {
    font-size: 12px;
    letter-spacing: 0px;
    margin: 0;
}
.sewa__type .label {
    display: block;
    height: 12px;
    font-size: 9px;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    margin: 0 0 4px;
}

.curtype {
    font-style: normal;
}

.featured_text {
    float: left;
    width: 34%;
}
.ft_inner {
    padding: 60px 100px 40px 0;
}
.ft_inner h3 {
    font-size: 28px;
    margin: 0 0 10px;
}
.ft_text {
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 1.3;
}
.ft_sell,
.ft_rent {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 35px;
    margin: 5px 12px 5px 0;
    border-radius: 30px;
}
.ft_slider {
    float: left;
    width: 66%;
    padding: 40px 0;
}
.sl_inner {
    border-radius: 15px;
    overflow: hidden;
}
.sl_inner .item {
    position: relative;
    overflow: hidden;
}
.home__featnego {
    position: absolute;
    top: 30px;
    left: 30px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 11px;
    padding: 0 10px;
    border-radius: 4px;
    z-index: 10;
}
.featuredhome_image {
    border-radius: 15px;
    overflow: hidden;
}
.feats__slide {
    position: absolute;
    width: 70%;
    right: 30px;
    bottom: 30px;
    border-radius: 15px;
    transition: all 0.4s ease 0.6s;
}
.fs_content {
    padding: 25px;
    position: relative;
}
.fs_content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.6;
    border-radius: 15px;
}
.fs_content h4 {
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    z-index: 2;
}
.fs_lite_sewa {
    position: absolute;
    top: -15px;
    right: 25px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
}
.fs_lite_jual {
    position: absolute;
    top: -15px;
    right: 25px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
}
.fs_price {
    position: relative;
    height: 0px;
    margin-top: 0;
    overflow: hidden;
    z-index: 2;
    transition: all 0.4s ease 0.1s;
}
.sl_inner .item:hover .fs_price {
    height: 20px;
    margin-top: 10px;
}
.sl_inner .item:hover .fs_price.harian.bulanan.tahunan {
    height: 144px;
    margin-top: 10px;
}
.sl_inner .item:hover .fs_price.harian.bulanan,
.sl_inner .item:hover .fs_price.harian.tahunan,
.sl_inner .item:hover .fs_price.bulanan.tahunan {
    height: 96px;
    margin-top: 10px;
}
.sl_inner .item:hover .fs_price.harian,
.sl_inner .item:hover .fs_price.bulanan,
.sl_inner .item:hover .fs_price.tahunan {
    height: 48px;
    margin-top: 10px;
}
.rent_little {
    font-size: 12px;
    font-style: italic;
    margin-right: 6px;
    text-decoration: line-through;
}
.dayprice {
    height: 48px;
}
.dayspan {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    font-size: 9px;
    padding: 0 8px;
    margin-bottom: 5px;
    border-radius: 10px;
    font-family: Montserrat;
    text-transform: uppercase;
}

.property_sell_rent {
    padding: 40px 0;
}
.pro__block {
    margin: 0 -15px;
}
.pro__headblock {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}
.pro__headblock h4 {
    font-size: 40px;
    margin-bottom: 15px;
}
.pro__sells,
.pro__rents {
    float: left;
    width: 50%;
}
.pb__inner {
    margin: 0;
}
.pro__items {
    margin: 15px 15px 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
}
.items__image {
    width: 40%;
    float: right;
}
.items__detail {
    width: 60%;
    float: left;
}
.items__image i {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 40px;
    color: #fff;
    transform: scale(0);
    transition: all 0.3s ease 0.1s;
    z-index: 3;
}
.pro__items:hover .items__image i {
    transform: scale(1);
}
.sr__image {
    position: relative;
}
.sr__image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transform: scale(0);
    transition: all 0.3s ease 0.1s;
    z-index: 2;
}
.pro__items:hover .sr__image:before {
    transform: scale(1);
}
.sr_content {
    padding: 25px;
    position: relative;
}
.sr_content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 20px solid transparent;
    clear: both;
}
.pro__rents .sr_content:before {
    border-left: 25px solid #ff9900;
}
.sr_content h4 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.2;
}
.sr_price {
    margin-bottom: 5px;
    font-size: 16px;
}
.sr_real {
    font-weight: bold;
}
.sr_promo {
    text-decoration: line-through;
    font-style: italic;
    font-size: 85%;
    margin-right: 10px;
}
.sr_location {
    border-top: 1px solid #eee;
    padding-top: 10px;
    font-size: 13px;
}
.sr_location i {
    width: 15px;
}
.sr_location span {
    margin-right: 20px;
}

.rent_pricelist {
    margin-bottom: 5px;
    font-size: 13px;
}
.rent_right {
    float: right;
}
.rent_right {
    font-weight: 700;
}
.rent_right span {
    font-weight: 400;
    margin-right: 10px;
}

/* Text Block */
.text_block__inner {
    margin: 0 -50px;
}
#add_one {
    text-align: left;
}
#add_onecenter {
    text-align: center;
}
#add_two {
    text-align: left;
}
.half_block {
    width: 100%;
}
#add_two .half_block {
    width: 50%;
    float: left;
}
.add_block {
    margin: 0 50px;
}

.re_titleblock {
    margin: 0 0 30px;
}
#add_two .re_titleblock {
    margin: 0 0 30px;
}

.re_subtitle {
}

/* TESTIMONIAL */

.property_testimoni {
    padding: 50px 0;
    position: relative;
}
.testi_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    opacity: 0.8;
}
.testimoni__inner {
    position: relative;
    z-index: 3;
}
.re_testimoni {
    text-align: center;
    margin: 0 0 30px;
}
.testi_content {
    position: relative;
    margin: 0 0 25px;
    padding: 18px 25px;
    text-align: left;
}
.testi_rating {
    padding: 15px 0 0;
    letter-spacing: 2px;
}
.property_testimoni .item img {
    max-width: 55px;
    height: 55px;
    margin: 0 auto 20px;
    border-radius: 50px;
    border: 8px solid #fff;
    float: left;
}
.testi__people {
    float: right;
    width: calc(100% - 90px);
}
.tespe {
    padding: 8px 0 6px;
    font-size: 16px;
}
.testi_data {
    font-size: 12px;
    line-height: 1.3;
    font-family: Montserrat;
    font-weight: 400;
}

/* property Listing */
.archive .property_listing,
.page-template-pagesale .property_listing,
.page-template-pagerent .property_listing {
    padding-top: 15px !important;
}
.listing__property {
    margin: 0 -15px;
}
.listing_properties {
    width: 33.33%;
    float: left;
}
.block__properties {
    position: relative;
    margin: 0 15px 30px;
    overflow: hidden;
    transition: all 0.5s ease 0.1s;
}
.block__properties:hover {
    transition: all 0.5s ease 0.1s;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.block__properties img {
    width: 100%;
    height: auto;
    display: block;
}
.properties__images {
    display: block;
    position: relative;
    height: 240px;
    overflow: hidden;
}
.listing_jual,
.listing_sewa {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    font-family: Montserrat;
    width: 54px;
    height: 26px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.listing_jual span,
.listing_sewa span {
    position: relative;
    display: block;
    width: 54px;
    height: 26px;
}

.listing_sewa span:before,
.listing_jual span:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 8px solid transparent;
    clear: both;
}
.listing_sewa span:after,
.listing_jual span:after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 8px solid transparent;
    clear: both;
}

.listing_ribbon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: bold;
    transform: ;
    width: 100%;
    height: 240px;
    line-height: 240px;
    padding: 0;
    text-align: center;
    z-index: 2;
    opacity: 0.8;
}

.listing_detail {
    position: relative;
    padding: 0;
    text-align: center;
    z-index: 2;
}
.ld__top {
    height: 90px;
    padding: 0 30px;
    position: relative;
}
.listing_nego {
    position: absolute;
    top: -23px;
    right: 15px;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    font-weight: bold;
    font-size: 13px;
    z-index: 2;
}
.listing_nego .nego_span {
    display: block;
    height: 26px;
    line-height: 26px;
    width: 100%;
}
.listing_nego .nego_span:after {
    border-left: 12px solid #dd3333;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 7px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 8px solid transparent;
    clear: both;
}
.listing_location {
    padding: 30px 0;
    font-size: 16px;
    text-align: left;
    width: 40%;
    float: left;
}
.listing_location i {
    margin-right: 5px;
}
.listing_pricing {
    width: 60%;
    float: right;
    margin: 20px 0 0;
    height: 55px;
    overflow: hidden;
    text-align: right;
}
.price_label {
    width: 100%;
    display: inline-block;
    height: 60px;
    position: relative;
}
.correct_price {
    text-decoration: line-through;
    font-size: 14px;
    margin: 0 0 6px;
    height: 18px;
}
.current_price {
    margin: 0;
    font-weight: bold;
    font-size: 22px;
}
.list_price {
    position: relative;
}
.time_label {
    display: inline-block;
    font-size: 9px;
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    border-radius: 10px;
    margin: 0 5px 0 0;
}

.harian.bulanan .daily,
.harian.tahunan .daily,
.bulanan.tahunan .monthly {
    position: absolute;
    left: 0;
    width: 100%;
    animation: daytwoblock 8s linear infinite;
}

@keyframes daytwoblock {
    0%,
    45% {
        top: 0;
        opacity: 1;
    }
    46%,
    50% {
        top: -60px;
        opacity: 1;
    }
    51%,
    55% {
        top: -60px;
        opacity: 0;
    }
    56%,
    95% {
        top: 60px;
        opacity: 0;
    }
    96%,
    100% {
        top: 0;
        opacity: 1;
    }
}
.harian.bulanan .monthly,
.harian.tahunan .yearly,
.bulanan.tahunan .yearly {
    position: absolute;
    left: 0;
    width: 100%;
    animation: montwoblock 8s linear infinite;
}

@keyframes montwoblock {
    0%,
    5% {
        top: 60px;
        opacity: 0;
    }
    6%,
    45% {
        top: 60px;
        opacity: 1;
    }
    46%,
    50% {
        top: 0;
        opacity: 1;
    }
    51%,
    95% {
        top: 0;
        opacity: 1;
    }
    96%,
    98% {
        top: -60px;
        opacity: 0;
    }
    99%,
    100% {
        top: 60px;
        opacity: 0;
    }
}

.harian.bulanan.tahunan .daily {
    position: absolute;
    left: 0;
    width: 100%;
    animation: daythreeblock 12s linear infinite;
}

@keyframes daythreeblock {
    0%,
    30% {
        top: 0;
        opacity: 1;
    }
    31%,
    33% {
        top: -60px;
        opacity: 1;
    }
    34%,
    40% {
        top: -60px;
        opacity: 0;
    }
    41%,
    95% {
        top: 60px;
        opacity: 0;
    }
    96%,
    100% {
        top: 0;
        opacity: 1;
    }
}
.harian.bulanan.tahunan .monthly {
    position: absolute;
    left: 0;
    width: 100%;
    animation: monthreeblock 12s linear infinite;
}

@keyframes monthreeblock {
    0%,
    30% {
        top: 60px;
        opacity: 1;
    }
    31%,
    33% {
        top: 0;
        opacity: 1;
    }
    34%,
    63% {
        top: 0;
        opacity: 1;
    }
    64%,
    67% {
        top: -60px;
        opacity: 1;
    }
    68%,
    70% {
        top: -60px;
        opacity: 0;
    }
    71%,
    100% {
        top: 60px;
        opacity: 0;
    }
}

.harian.bulanan.tahunan .yearly {
    position: absolute;
    left: 0;
    width: 100%;
    animation: yearthreeblock 12s linear infinite;
}

@keyframes yearthreeblock {
    0%,
    3% {
        top: -60px;
        opacity: 0;
    }
    4%,
    30% {
        top: -60px;
        opacity: 0;
    }
    31%,
    33% {
        top: 60px;
        opacity: 0;
    }
    34%,
    63% {
        top: 60px;
        opacity: 1;
    }
    64%,
    67% {
        top: 0;
        opacity: 1;
    }
    68%,
    94% {
        top: 0;
        opacity: 1;
    }
    95%,
    100% {
        top: -60px;
        opacity: 1;
    }
}
.listing_detail h3 {
    line-height: 1.3;
    font-weight: 700;
    text-align: left;
    background: rgba(0, 0, 0, 0.03);
    padding: 30px;
    font-size: 23px;
    height: 60px;
    overflow: hidden;
}

/* Breadcrumb */
#breadcrumb {
    position: relative;
    padding: 40px 0;
    background-image: url("images/background.jpg");
    background-position: center center;
    background-size: 100%;
}
#breadcrumb:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    z-index: 2;
}
.author #breadcrumb,
.single-property #breadcrumb,
.single-property-sewa #breadcrumb {
    display: none;
}
.breadcrumbs {
    position: relative;
    z-index: 3;
    font-size: 14px;
    text-align: center;
}
.breadcrumbs a {
    color: #fc0;
}
.breadcrumb_ads {
    padding: 0 0 30px;
    text-align: center;
}
.ads_single {
    padding: 0 0 30px;
    text-align: center;
}

/* Archive */
.property_post {
    padding: 30px 0;
}
.archive__inner {
    margin: 0 -15px;
}
.featured__bar {
    width: calc(100% - 930px);
    float: right;
}
.noscroll .featured__bar {
    position: fixed;
    top: 148px;
    height: calc(100% - 178px);
    left: auto;
    width: 400px;
    margin-left: 930px;
    z-index: 10;
}
.fb__inner {
    padding: 20px 30px;
    margin: 0 15px;
    overflow: hidden;
}
.noscroll .fb__inner {
    height: calc(100% - 40px);
}
.bar__headfeat {
    text-align: right;
    margin: 0 0 10px;
}
.bar__headfeat span {
    float: left;
}
.bi__image {
    display: block;
    position: relative;
}
.bi__label {
    position: absolute;
    right: 20px;
    top: 0;
    width: 54px;
    height: 26px;
}
.bi__label span {
    position: relative;
    display: block;
    width: 54px;
    height: 26px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    -webkit-transform: perspective(0px) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    transition: all 0.5s ease 0.6s;
}
.active .bi__label span {
    top: 0;
    -webkit-transform: perspective(600px) rotate3d(1, 0, 0, 0deg);
    -webkit-transform-origin: 50% 0;
    transition: all 0.5s ease 0.6s;
}
.bi__label span:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 27px solid #ffcc33;
    clear: both;
}
.bi__label span:after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 27px solid #ffcc33;
    clear: both;
}
.bi__detail {
    padding: 15px 20px 20px 0;
    height: 140px;
}
.bi__detail h4 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
    height: 48px;
    overflow: hidden;
}

.content__bar {
    width: 930px;
    float: left;
}
.post_listing {
    margin: 0 15px;
}
.archive_heading {
    position: relative;
    padding-bottom: 15px;
    font-size: 30px;
    letter-spacing: -1px;
    color: #001188;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.archive_heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    height: 2px;
    background: #001188;
}
.archive_posttitle {
    margin-bottom: 30px;
}
.re_projual,
.re_prosewa {
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: -1px;
    margin: 0 15px;
}
.post_inner {
    margin: 0 0 30px;
}
.just__post {
    margin: 0 0 30px;
    position: relative;
}
.archive__image {
    width: 45%;
    float: left;
}
.archive__image img {
    width: 100%;
    height: auto;
    display: block;
}
.archive__detail {
    width: calc(55% - 60px);
    margin-right: 30px;
    float: right;
}
.just__post h2 {
    padding: 20px 0 10px;
    font-size: 25px;
    line-height: 1.2;
}
.excert__post {
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
}
.archive__meta {
    padding: 10px 0;
    font-size: 15px;
}
.archive__cat {
    margin: 0 0 10px;
}
.archive__cat a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    padding: 0 8px;
    margin: 0 4px 0 0;
    background: #001188;
    color: #fff;
}
.archive__meta span {
    margin: 0 20px 0 0;
}

/* Archive Testimoni */

.just_testimoni {
    padding: 30px;
}
.post_listing .re_testimoni {
    text-align: left;
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: -1px;
}
.jt__image {
    width: 180px;
    float: left;
}
.jt__image img {
    width: 150px;
    height: 150px;
    margin: 0 50px 0 0;
    border-radius: 100px;
}
.jt__detail {
    float: right;
    width: calc(100% - 200px);
}
.jt__detail h3 {
    padding: 0 0 10px;
    font-size: 25px;
    line-height: 1.2;
}
.star_archive {
    padding: 10px 0;
    font-size: 18px;
    color: #fc3;
}
.jt__article {
    padding: 10px 0 0;
}

/* Author */
.property__author {
    text-align: center;
}
.author_photo {
    width: 150px;
    height: 150px;
    margin: 30px auto;
    border-radius: 150px;
    overflow: hidden;
}
.author_photo img {
    width: 100%;
    height: auto;
}
.property__author .archive_heading:after {
    display: none;
}
.author_contact {
    padding: 20px 0;
}
.author_contact a {
    margin: 0 3px 5px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}
.author_contact a.wa_mobile {
    display: none;
}
.author_contact i {
    margin: 0 5px 0 0;
}

/* Pagination */
.property_pagination {
    margin: 0 0 30px;
    text-align: center;
    position: relative;
}
.property_pagination a {
    display: inline-block;
}
.just_featured .property_pagination {
    margin: 0 10px 30px;
}
.property_pagination span {
    display: inline-block;
    height: 30px;
    width: 36px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Page */
.just__page {
    padding: 20px 30px 30px;
}
.sp__image img {
    display: block;
    margin: 0 0 15px;
}
.just__page h1 {
    font-size: 30px;
    margin: 0 0 15px;
}

/* Single */
.sp__article {
    font-size: 14px;
    line-height: 1.4;
}

.sp__article p {
    margin: 0 0 15px;
}

.sp__article img {
    max-width: 100%;
    height: auto;
    margin: 0 0 20px;
}

.sp__article img.alignleft {
    float: left;
    margin: 0 30px 20px 0;
}

.sp__article img.alignright {
    float: right;
    margin: 0 0 20px 30px;
}

.sp__article blockquote {
    margin: 0 0 20px;
    padding: 20px 20px 10px 50px;
    background: rgb(0, 0, 0, 0.05);
}

.sp__article ul {
    margin: 0 0 20px;
    list-style: disc !important;
}

.sp__article ol {
    margin: 0 0 20px;
    list-style: decimal !important;
}

.sp__article li {
    margin: 0 0 0 15px;
}

.sp__article li ol,
.sp__article li ul {
    margin: 0;
}

.sp__meta {
    font-size: 13px;
    margin: 0 0 10px;
}
.sp__meta span {
    float: right;
}
.sp__tags {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    margin: 0;
}
.sp__tags a {
    margin: 0 0 4px 0;
    padding: 0;
    line-height: 26px;
    line-height: 26px;
    font-family: Montserrat;
    font-size: 13px;
    display: inline-block;
}

/* Comments */
.just__box {
    position: relative;
    margin: 0;
    padding: 20px 0 0;
}
.have_comment {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
}
.comment__listing {
    padding: 0;
}
#comments {
    font-size: 14px;
}
.comment__listing .navigation {
    padding: 15px 0;
}
.commentlist li {
    margin: 0 0 30px;
    font-size: 13px;
    line-height: 1.4;
}
.commentlist .children {
    padding-left: 30px;
}
.comment-meta {
    margin: 0 0 8px;
}
.comment-author {
    margin: 0 0 10px;
}
.comment-meta .avatar {
    float: left;
    margin: 0 30px 0 0;
    width: 80px;
    height: 80px;
    border-radius: 40px;
}
.comment-metadata {
    font-size: 12px;
    margin: 0 0 10px;
}
.comment-body {
    margin: 0 0 25px;
}
.comment-content,
.reply {
    margin: 0 0 8px 110px;
}
.reply a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 10px !important;
    padding: 0 15px;
    margin: 0 2px 6px;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: rgba(0, 0, 0, 0.1);
}

.comment-reply-title {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 0 10px;
}
.comment-reply-title small {
    font-size: 13px !important;
    font-weight: 400;
    margin-left: 10px;
}
#commentform {
    margin: 0 -10px;
}
.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent,
.form-submit {
    margin: 0 10px 10px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: calc(33.33% - 20px);
    float: left;
}
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
}
.comment-notes {
    font-size: 14px;
}
textarea#comment {
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 10px;
    width: calc(100% - 22px);
    box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.05);
    font-size: 13px;
}
input#author,
input#email,
input#url {
    border: 1px solid rgba(125, 125, 125, 0.3);
    padding: 5px 10px;
    width: calc(100% - 22px);
    height: 30px;
    line-height: 30px;
    box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.05);
    font-size: 14px;
}
.comment-form-cookies-consent label {
    font-size: 14px;
}
#wp-comment-cookies-consent {
    margin: 4px 8px 4px 0;
}
.form-submit {
    text-align: right;
}
input#submit {
    height: 36px;
    display: inline-block;
    line-height: 36px;
    padding: 0 15px;
    border: 0;
    font-size: 14px;
    font-weight: 700;
}

/* Single Property */

.sg__menu {
    display: inline-block;
    float: right;
    height: 76px;
}
.sg__menu a {
    display: inline;
    height: 76px;
    line-height: 76px;
    margin-left: 30px;
}
.sg__menu a.to_home {
    padding-left: 30px;
}

.sg__stat {
    height: 42px;
    margin: 18px 40px 16px 0;
    display: inline-block;
}
.sg__negorent {
    position: relative;
}
.sg__headrent {
    height: 42px;
    overflow: hidden;
    width: 230px;
    text-align: center;
}

.single_type {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    font-weight: bold;
}
.single_false {
    font-size: 16px;
    line-height: 1;
    margin: 0 5px;
    font-weight: bold;
    font-style: italic;
    text-decoration: line-through;
}
.correct_rent {
    font-size: 13px;
    line-height: 1;
    margin: 0 5px 5px;
    font-weight: bold;
    font-style: italic;
    text-decoration: line-through;
}
.single_true,
.current_rent {
    font-size: 25px;
    margin: 0;
    font-weight: bold;
    position: relative;
}
.current_rent {
    line-height: 1;
}
.correct_rent .time_label {
    font-style: normal;
    height: 16px;
    line-height: 16px;
}
.sg__nego {
    position: absolute;
    top: -27px;
    right: -15px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    font-family: Montserrat;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    text-align: center;
}
.sg__negorent .sg__nego {
    position: absolute;
    top: -32px;
    right: 20px;
    z-index: 100;
}
.its__nego {
    position: relative;
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    z-index: 1000;
}
.its__nego:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 7px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 8px solid transparent;
    clear: both;
}
.its__fix {
    position: relative;
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
}
.its__fix:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 7px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 8px solid transparent;
    clear: both;
}

.single_block {
    margin: 0 -15px;
}
.just__gallery {
    position: relative;
}
.single #galeri {
    position: absolute;
    top: -150px;
}
.single-testimoni .just_testimoni {
    text-align: center;
}
.single-testimoni .just_testimoni img {
    border-radius: 100px;
}
.pro_gallery.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 135px;
    left: 0;
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 35px;
    opacity: 0.5;
}
.pro_gallery.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 135px;
    right: 0;
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 35px;
    opacity: 0.5;
}
.pro_gallery.owl-carousel:hover .owl-nav .owl-next,
.pro_gallery.owl-carousel:hover .owl-nav .owl-prev,
.pro_gallery.owl-theme .owl-nav [class*="owl-"]:hover {
    opacity: 1;
}
.small_image {
    margin: 0 -6px;
    padding: 0;
}
.small_image a {
    width: 12.5%;
    display: inline-block;
}
.small_image a:active {
    opacity: 0;
}
.small_image img {
    width: calc(100% - 12px);
    margin: 0 6px 8px 6px;
    display: block;
}

h1.sg__title {
    font-size: 35px;
    line-height: 1.2;
    padding-top: 20px;
}
.sg__title {
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 20px;
    position: relative;
    font-family: Roboto, "Open Sans", sans-serif;
    border-bottom: 1px solid #ddd;
}
.sg__title:after {
    background: #001188;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
}

/* Data Property */
.single #detail {
    position: absolute;
    top: -150px;
}
.title_data {
    display: block;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 400;
    margin: 0 15px 15px;
}
.main_data.data_full {
    width: calc(100% - 30px);
}
.main_data {
    width: calc(33.33% - 30px);
    margin: 0 15px;
    float: left;
    font-size: 16px;
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
    padding: 12px 0;
}
.main_data span {
    float: right;
    font-weight: bold;
}

/* Maps */
.single #maps {
    position: absolute;
    top: -150px;
}
.property_main_data {
    padding: 30px 20px;
}
.property_main_address {
    padding: 50px 40px 30px 40px;
    position: relative;
    text-align: center;
    font-size: 18px;
}
.property_main_address i {
    position: absolute;
    top: -15px;
    right: calc(50% - 24px);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 30px;
}
.main_address {
    margin: 0 0 20px;
}
.main_maps {
    margin: 0 0 30px;
    position: relative;
}
.main_maps #map {
    height: 350px;
}
.main_maps iframe {
    height: 350px;
    width: 100%;
    display: block;
}
.need_api {
    text-align: center;
    padding: 20px 20px 40px;
    background: #fff;
    color: #222;
}

/* Add Data */
.single #fasilitas {
    position: absolute;
    top: -150px;
}
.add_data {
    width: calc(33.33% - 40px);
    margin: 0 20px;
    float: left;
    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
    padding: 12px 0;
    font-size: 16px;
}
.add_data i {
    margin-right: 5px;
}

.sg__article {
    padding: 20px 15px 0;
}

/* Video */
.single #videos {
    position: absolute;
    top: -150px;
}
.just__videos iframe {
    width: calc(100% - 30px);
    height: 450px;
    margin: 0 15px;
}

/* Sidebar */
.single #pjp {
    position: absolute;
    top: -150px;
}
.single_area {
    position: relative;
    background-size: 130%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    font-size: 15px;
    margin: 0 0 30px;
    padding: 20px 30px;
}
.add_area {
    display: block;
    padding: 10px 0;
    position: relative;
    font-size: 22px;
    z-index: 2;
}
.add_area .re_pjp {
    width: calc(100% - 180px);
    float: left;
}
.add_area span {
    float: right;
    font-weight: bold;
}

.add_area a.legal {
    float: right;
    display: inline-block;
    width: 140px;
    margin: 0;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 400;
    border-radius: 0;
    text-align: center;
}

.single .block__properties {
    margin: 0;
}
.just__related,
.just__related .just__post {
    margin: 0 !important;
}

.inner__slide {
    margin: 0 15px;
}

/* Agent Right */
.single_agent {
    position: relative;
}
.single_agent .badge {
    position: absolute;
    top: 30px;
    left: calc(50% + 42px);
    text-align: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 40px;
}
.badge i {
    font-size: 25px;
    margin-bottom: 4px;
}
.badge span {
    display: block;
    line-height: 1;
    font-size: 9px;
    font-weight: bold;
}
.foto_agent {
    width: 130px;
    height: 130px;
    margin: 10px auto 30px;
    border: 13px solid rgba(0, 0, 0, 0.05);
    display: block;
    border-radius: 100px;
    overflow: hidden;
}
.foto_agent img {
    width: 130px;
    height: auto;
    display: block;
}
.content_agent {
    text-align: center;
}
.content_agent a {
    display: inline-block;
    margin: 0 2px 4px;
}
.media_agent i {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
}
.media_agent .icon-facebook {
    background: #1b71c6;
}
.media_agent .icon-twitter {
    background: #3bf;
}
.media_agent .icon-instagram {
    background: #f4a;
}
.media_agent .icon-comment {
    background: #f90;
}
.media_agent .icon-telegram {
    background: #5390dd;
}

.name_agent {
    font-size: 14px;
}
.link_agent {
    font-size: 16px;
    display: block;
    padding: 2px 0 30px;
}
.call_agent a {
    display: inline-block;
    width: 45%;
    margin: 0 1% 13px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.call_agent i {
    font-weight: 400;
}
.featured__bar .tel_agent {
    border-radius: 6px;
}
.featured__bar .wa_agent {
    border-radius: 6px;
}
.call_agent a.wa_mobile {
    display: none;
}
.bio_agent {
    padding: 10px 0 20px;
    font-size: 15px;
    text-align: center;
    line-height: 1.4;
}

.single_ads {
    position: relative;
    top: 0;
    margin: 0 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.single_featured {
    margin: 0 20px 20px;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.single_related {
    position: relative;
    top: 0;
    margin: 0 20px 20px;
    padding: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.single_featured .text_featured {
    position: absolute;
    top: 60px;
    left: calc(50% - 50px);
    width: 100px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 400;
    text-align: center;
    z-index: 2;
}
.single_featured .image_featured {
    position: relative;
    overflow: hidden;
}
.price_featured {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 60px 0 80px;
    z-index: 2;
}
.single_featured img {
    height: auto;
    display: block;
}
.single_featured h3 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
    padding: 15px 30px 20px;
    text-align: center;
}

.related_post .widget_post:last-child {
    margin: 0;
}
.related_heading {
    font-size: 25px;
    line-height: 1.3;
    font-weight: 400;
    padding: 0 0 15px 0;
}

/* Head Single */
.re_review {
    text-align: center;
    font-size: 22px;
    line-height: 76px;
}
.property__foto {
    float: left;
    width: 300px;
    padding: 13px 0;
    height: 50px;
}
.smallfoto_agent {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.1);
}
.head_agent {
    float: right;
    padding-top: 4px;
    width: calc(100% - 70px);
}
.headcall_agent {
    float: right;
    padding: 18px 0;
    width: calc(100% - 432px);
    text-align: right;
    margin-right: 82px;
}
.headcall_agent a {
    display: inline-block;
    width: 100px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 400;
    text-align: center;
}
.headcall_agent a.wa_mobile {
    display: none;
}
.head_terjual {
    display: inline-block;
    width: 150px;
    margin-right: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 400;
    border-radius: 0;
    text-align: center;
}

/* Arsip */
.archive_title {
    padding: 50px 0 20px 0;
}

.listing__pro {
    margin: 0 -10px;
}

.archive_title .re_projual,
.archive_title .re_prosewa {
    margin: 0;
}

/* Page 404 */
.page_404 {
    max-width: 500px;
    margin: 0 auto;
    padding: 150px 0;
    text-align: center;
    font-size: 15px;
}
.page_404 h1 {
    margin: 0 0 20px;
}

/* Page 404 Search */
.page_search {
    max-width: 600px;
    margin: 0 10px;
    padding: 50px 0 30px;
    font-size: 15px;
}
.page_search h1 {
    font-size: 30px;
    line-height: 50px;
    letter-spacing: -1px;
    font-weight: 400;
    margin: 0 0 20px;
}
.page_search h3 {
    font-size: 20px;
    padding: 30px 0 0;
}
.search_result {
    padding: 20px 0 0;
    font-size: 16px;
}
.search_inbox {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 8px 15px;
    font-size: 13px;
}
.box_type {
    background: #222;
    color: #fff;
}
.box_lokasi {
    background: #d33;
    color: #fff;
}
.box_option {
    background: #1579bc;
    color: #fff;
}
.box_range {
    background: #8c3;
    color: #fff;
}

#sidebar {
    width: 420px;
    float: right;
    position: relative;
}
.sidebar_inner .widget_block {
    margin: 0 20px 30px;
    padding: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.sticky {
    transition: all 0.4s ease 0.1s;
    position: sticky;
    top: 150px;
}
.normalwidget {
    position: absolute;
    top: initial;
}

.fixwidget {
    position: fixed;
    top: 150px;
}

.bottomwidget {
    position: absolute;
}
#before {
    width: 420px;
}

/* Footer */
#footbar {
    padding: 50px 0;
}
.column_footer {
    margin: 0 -30px;
}
.footbar_one {
    width: 33%;
    float: left;
}
.footbar_two {
    width: 34%;
    float: left;
}
.footbar_inner {
    margin: 0 30px;
}

.widget_block {
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 1.4;
}

.widget_block h1 {
    font-size: 27px;
    margin: 0 0 15px;
    letter-spacing: -1px;
}

.widget_block h2 {
    font-size: 25px;
    margin: 0 0 15px;
    letter-spacing: -1px;
}

.widget_block h3 {
    font-size: 22px;
    margin: 0 0 15px;
    letter-spacing: -1px;
}

.widget_block h4 {
    font-size: 18px;
    margin: 0 0 15px;
}

.widget_block h5 {
    font-size: 17px;
    margin: 0 0 15px;
}

.widget_block h6 {
    font-size: 16px;
    margin: 0 0 15px;
}

.widget_block p {
    margin: 0 0 15px;
}

.widget_block ul,
.widget_block ol {
    margin: 0 0 10px;
}

.widget_block ul li,
.widget_block ol li {
    margin: 0 0 15px;
}

.widget_block blockquote {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
    font-size: 16px;
}

.widget_block blockquote cite {
    font-size: 13px;
}

.widget_block .wp-block-code code {
    padding: 15px;
    background: rgba(0, 0, 0, 0.02);
}

.widget_block .wp-block-table {
    width: 100%;
}

.widget_block .wp-block-table td {
    padding: 10px;
    border: 1px solid rgba(125, 125, 125, 0.3);
    margin: 0 0 -1px -1px;
}

.widget_block .wp-block-pullquote blockquote {
    background: none;
}

.widget_block figcaption {
    font-size: 12px;
    padding: 5px 0;
}

.widget_block .wp-block-archives,
.widget_block .wp-block-categories {
    margin: 0;
    list-style: none;
}

.widget_block .wp-block-archives li,
.widget_block .wp-block-categories li {
    padding: 0 0 7px;
    margin: 0 0 7px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_block .wp-block-calendar table th {
    background: rgba(0, 0, 0, 0.05);
}

.widget_block .wp-block-calendar table caption {
    font-size: 16px;
    padding: 0 0 10px;
}

.widget_block .wp-calendar-nav {
    padding: 10px 0;
}

.widget_block .wp-block-latest-comments__comment {
    padding: 0 0 7px;
    margin: 0 0 7px;
    border-bottom: 1px dashed rgba(125, 125, 125, 0.3);
}

.widget_block .wp-block-latest-comments__comment-excerpt p {
    line-height: 1.4;
}

.widget_block .wp-block-latest-comments__comment-date {
    font-style: italic;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li,
.widget_block .wp-block-pages-list__item {
    margin: 0;
    padding: 0 0 10px;
}

.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li time {
    font-size: 12px;
    line-height: 1.3;
}

.widget_block .wp-block-page-list {
    list-style: none;
}

.widget_block .wp-block-pages-list__item.has-child {
    padding: 0;
}

.widget_block .wp-block-pages-list__item.has-child .submenu-container {
    margin: 10px 0 0 15px;
}

.widget_block .wp-block-rss {
    list-style: none;
}

.widget_block .wp-block-rss__item {
    padding: 0 0 10px;
    margin: 0;
}

.widget_block .wp-block-tag-cloud a {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 14px !important;
    padding: 0 15px;
    margin: 0 2px 6px;
}

.widget_block .wp-block-search .wp-block-search__button {
    border: 0;
    height: 30px;
    line-height: 30px;
    width: 70px;
    padding: 0;
    margin-left: 10px;
    text-align: center;
    overflow: hidden;
}

.widget_block .wp-block-search .wp-block-search__input {
    border: 1px dashed rgba(125, 125, 125, 0.3);
    height: 30px;
    line-height: 30px;
    width: calc(100% - 90px);
    padding: 0 9px;
    background: #fff;
    color: #222;
    float: left;
}

.widget_block .wp-block-search .wp-block-search__label {
    margin: 0 0 6px;
    font-style: italic;
    display: block;
}

.widget_block.widget_meta li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li {
    padding: 0 0 10px;
}

.widget_block.widget_nav_menu li.menu-item-has-children {
    padding: 0;
}

.widget_block.widget_nav_menu li.menu-item-has-children ul.sub-menu {
    margin: 10px 0 0;
}

.widget_block .wp-block-video iframe {
    width: 100%;
    padding: 0 0 10px;
    height: 200px;
}

/* Company */
.compro table i {
    font-size: 16px;
    width: 30px;
}
.compro table td {
    padding: 0 0 15px;
}
.compro .number .icon-phone,
.compro .email_data .icon-mail {
    display: none;
}

/* Search */

.wp-block-search input {
    width: calc(100% - 100px) !important;
    height: 34px;
    padding: 0 10px;
}

/* Pos Terbaru */
.widget_post {
    margin: 0 0 20px;
}
.widget_thumb {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    margin: 0 20px 0 0;
    background: #222222;
}
.widget_thumb img,
.widget_thumb_full img {
    width: 100%;
    height: auto;
    display: block;
}
.widget_thumb_full {
    position: relative;
    width: 100%;
    margin: 0 0 12px 0;
}
.widget_thumb span,
.widget_thumb_full span {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 20px);
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    z-index: 1;
}
.widget_info {
    float: right;
    width: calc(100% - 140px);
    line-height: 1.3;
}
.widget_info_full {
    padding: 0 15px;
    line-height: 1.3;
}
.widget_posttitle {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 4px;
}
.widget_posttitle span.wsale {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    line-height: 14px;
    padding: 0;
    width: 32px;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
    letter-spacing: 1px;
}
.widget_posttitle span.wrent {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    line-height: 14px;
    padding: 0;
    width: 32px;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
    letter-spacing: 1px;
}
.widget_info_full .widget_posttitle {
    text-align: center;
    margin: 0 0 12px;
}
.widget_postspan {
    height: 12px;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Montserrat;
    margin: 0 0 6px;
}
.widget_info_full .widget_postspan {
    text-align: center;
}
.widget_half {
    float: left;
    width: 50%;
    text-align: center;
}

/* Widget Testomini */

.widget_testphoto {
    margin: 0 auto 15px;
}
.widget_testphoto img {
    width: 60px !important;
    height: 60px;
    margin-right: 25px;
    border-radius: 50px;
    float: left;
    border: 8px solid rgba(0, 0, 0, 0.05);
}
.widget_teststar {
    padding: 12px 0 0;
    font-size: 13px;
    letter-spacing: 2px;
}
.widget_test h5 {
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 8px;
}
.widget_postsummary {
    font-weight: 400;
    margin: 0 0 30px;
    padding: 20px;
    text-align: left;
    background: rgba(0, 0, 0, 0.05);
}
.widget_testcity {
    float: right;
    width: calc(100% - 105px);
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 15px;
    font-weight: 400;
}
.widget_price {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px;
}
.widget_price span {
    font-size: 11px;
    font-weight: 400;
    font-family: Montserrat;
}

/* Slide Property */
.widget_slidelistpro {
    position: relative;
}
.widget_slidelistpro h2 {
    margin: 0 65px 15px 0;
}
.widget_slidelistpro .owl-theme .owl-nav {
    position: absolute;
    top: -46px;
    right: 0;
    width: 75px;
    margin: 0;
    z-index: 1;
}
.widget_slidelistpro .owl-theme .owl-nav [class*="owl-"] {
    margin: 0 0 0 3px;
    border-radius: 0;
    height: 24px;
    padding: 0;
    width: 30px;
    line-height: 23px;
}

/* Copyright */
.copyright {
    text-align: center;
}

@media only screen and (max-width: 982px) {
    body {
        overflow-x: hidden;
    }
    .property__container {
        padding: 0 20px;
    }
    .clickmenu,
    .clickback {
        display: block;
    }
    .clickmenu i {
        margin-right: 4px;
    }
    .proleft_head {
        margin-left: 16px;
    }
    .wrapper {
        transition: all 0.5s ease 0.1s;
        margin: 0;
        width: 100%;
    }
    .propertix__topheader:after {
        display: block;
    }
    .header {
        transition: all 0.5s ease 0.1s;
    }
    .pro__header {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .float_menu {
        position: fixed;
        top: 60px;
        padding: 0;
        left: 20px;
        width: 250px;
        max-height: calc(100% - 60px);
        z-index: 999;
        transition: all 0.5s ease 0.1s;
        margin: 0;
        -webkit-transform: rotateX(-90deg);
        -webkit-transform-origin: 0 0;
        transition: all 0.5s ease 0.1s;
    }
    .menu__active .float_menu {
        -webkit-transform: rotateX(0deg);
        -webkit-transform-origin: 0 0;
        transition: all 0.5s ease 0.1s;
    }
    .nav .dd.accord {
        margin: 0 20px;
        position: relative;
    }
    .nav:before {
        content: "";
        position: absolute;
        left: 0;
        top: -16px;
        width: 0;
        height: 0;
        border-top: 0 solid transparent;
        border-right: 24px solid transparent;
        clear: both;
        opacity: 1;
    }
    .nav .dd.accord li {
        padding: 10px 0;
        line-height: 1.3;
        position: relative;
        display: block;
        width: auto;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }
    .nav .dd.accord li.menu-item-has-children:after {
        content: "";
        position: absolute;
        right: 0;
        top: 18px;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        clear: both;
        opacity: 1;
    }
    .nav .dd.accord ul li {
        border-bottom: 0;
        padding-left: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }
    .nav .dd.accord ul li.menu-item-has-children {
        position: relative;
    }
    .nav .dd.accord ul li:first-child {
        margin-top: 10px;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }
    .nav .dd.accord ul li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    .nav .dd.accord li a {
        display: block;
        font-size: 16px;
    }
    .nav .dd.accord li ul {
        display: none;
        margin: 0;
        background: rgba(0, 0, 0, 0.01);
    }
    .nav .dd.accord li ul li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 18px;
        width: 0;
        height: 0;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
        clear: both;
        opacity: 1;
    }
    .pro_phone_text {
        display: none;
    }
    .open_form {
        margin: 20px 0 0 12px;
    }
    .property__social {
        width: auto;
    }
    .property_headphone {
        padding: 0 0 0 20px;
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        margin: 0;
        transition: all 0.5s ease 0.1s;
    }
    .pro_phone {
        width: 26px;
        height: 26px;
        border-radius: 20px;
        margin: 0 4px 0 0;
        position: relative;
    }
    .pro_phone .web_wa {
        display: none;
    }
    .pro_phone .mob_wa {
        position: relative;
        display: block;
        z-index: 2;
    }
    .pro_phone a {
        width: 26px;
        height: 26px;
        display: block;
        overflow: hidden;
    }
    .property_addpro {
        border: 0;
    }
    .property_addpro .addpro {
        width: 36px;
        overflow: hidden;
        padding: 0;
        margin: 0 4px 0 0;
    }
    .proleft_head i {
        font-size: 13px;
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .smenu {
        display: block;
    }
    .top__slide {
        position: relative;
        bottom: auto !important;
    }
    .slide__block {
        margin: 0 -17px !important;
        width: auto;
    }
    .slide__block h2 {
        font-size: 25px !important;
    }
    .listing_properties {
        width: 33.33%;
    }
    .author_contact a.wa_mobile,
    .call_agent a.wa_mobile,
    .headcall_agent a.wa_mobile {
        display: inline-block;
    }
    .author_contact a.wa_desktop,
    .call_agent a.wa_desktop,
    .headcall_agent a.wa_desktop {
        display: none;
    }
    .pro_phone.single_phone {
        display: none;
    }
    .sg__menu a.sg__shortcut {
        display: none;
    }
    .sg__menu .icon__share a.share_mobwa {
        display: inline-block;
    }
    .sg__menu .icon__share a.share_webwa {
        display: none;
    }
    .content__bar {
        width: 100%;
        float: none;
    }
    .single-property .featured__bar,
    .single-property-sewa .featured__bar {
        position: fixed;
        width: 100%;
        height: 85px;
        float: none;
        top: auto;
        bottom: 0;
        z-index: 1000;
        margin: 0;
        left: 0;
        right: 0;
    }
    .fb__inner {
        padding: 20px;
        margin: 0;
        height: 50px;
    }
    .foto_agent {
        float: left;
        width: 40px;
        height: 40px;
        border-width: 5px;
        margin: 0 20px 0 0;
    }
    .name_agent {
        display: block;
        position: fixed;
        bottom: -500px;
        padding: 20px;
        left: 0;
        right: 0;
        height: 40px;
        z-index: 10;
        transition: all 0.5s ease 0.1s;
    }
    .hide_agent .name_agent {
        bottom: 85px;
    }
    .call_agent {
        float: right;
        width: calc(100% - 80px);
        text-align: right;
    }
    .call_agent a {
        width: 45%;
        margin: 5px 0 5px 10px;
    }
    .single_agent .badge {
        top: 0;
        left: 38px;
        text-align: center;
        width: 25px;
        height: 25px;
        padding: 0;
    }
    .badge .icon-star {
        font-size: 13px;
        margin-bottom: 2px;
    }
    .badge span {
        font-size: 5px;
    }
    .bio_agent {
        display: block;
        position: fixed;
        bottom: -500px;
        padding: 20px 20px 80px;
        left: 0;
        right: 0;
        height: auto;
        transition: all 0.5s ease 0.1s;
    }
    .hide_agent .bio_agent {
        bottom: 85px;
    }
    .featured_text {
        float: none;
        width: 100%;
    }
    .ft_inner {
        padding: 0;
    }
    .ft_slider {
        float: none;
        width: 100%;
        padding: 30px 0 0;
    }
    .property_sell_rent {
        padding: 0 0 20px;
    }
    .pro__sells,
    .pro__rents {
        float: none;
        width: 100%;
    }
    .property_text_block {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    #add_two .half_block {
        width: 100%;
        float: none;
    }
    .listing_properties {
        width: 50%;
    }
    .featured__bar.show__featured {
        position: relative;
        width: auto;
        float: none;
    }
    .noscroll .featured__bar.show__featured {
        top: auto;
        height: auto;
        left: auto;
        height: auto;
        margin: 0;
        z-index: 10;
    }
    .footbar_one,
    .footbar_two {
        width: 50%;
    }
}

@media only screen and (max-width: 600px) {
    .wrapper {
        padding: 108px 0 0;
    }
    .propertix__topheader {
        height: 46px;
    }
    .proright_head {
        height: 30px;
        line-height: 30px;
    }
    .clickmenu,
    .clickback,
    .slogin,
    .sregister {
        height: 28px;
        line-height: 28px;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    .clickcontact {
        display: block;
        height: 28px;
        line-height: 28px;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    .proleft_head {
        display: none;
        position: fixed;
        top: 46px;
        left: 0;
        margin: 0;
        right: 0;
    }
    .property__social {
        display: none;
        position: fixed;
        top: 46px;
        right: 0;
        margin: 0;
        right: 0;
        width: 50%;
        padding: 8px 20px 8px 0;
        z-index: 10;
    }
    .contact__active .proleft_head,
    .contact__active .property__social {
        display: block;
    }
    .property_headaccess {
        border: 0;
    }
    .proleft_head {
        height: 34px;
    }
    .proleft_head a {
        line-height: 34px;
        width: 34px;
        height: 34px;
    }
    .proleft_head i,
    .proleft_head i,
    .property__social i,
    .property__social i {
        line-height: 30px;
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    .proleft_head span {
        margin: 0 5px 0 0;
        line-height: 34px;
        width: 34px;
        height: 34px;
    }

    .pro__header,
    .property_headright {
        height: 62px;
    }
    .property__logo img {
        height: 40px;
    }
    .property__logo {
        height: 40px;
        padding: 10px 0;
    }
    .open_form {
        height: 28px;
        line-height: 28px !important;
        margin: 15px 0 0 10px;
        width: 28px;
    }
    .property_addpro {
        height: 34px;
        padding: 14px 0;
    }
    .property_addpro .addpro,
    .property_addpro i {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin: 0;
    }
    .ajax-auth {
        top: 46px;
    }
    .breadcrumb_ads {
        padding: 0 0 20px;
    }
    .ads_single {
        padding: 0 0 20px;
    }
    .sg__stat {
        height: 36px;
        margin: 13px 15px 13px 0;
        float: left;
    }
    .single_type,
    .correct_rent,
    .single_false {
        font-size: 12px;
        margin: 0 0 5px;
    }
    .single_true,
    .current_rent {
        font-size: 18px;
    }
    .sg__headrent {
        width: 160px;
    }
    .sg__menu {
        height: 62px;
    }
    .pro__share {
        height: 28px;
        line-height: 28px !important;
        margin: 15px 0 0 10px;
        width: 28px;
    }
    .sing__share {
        position: absolute;
        top: 62px;
        right: 0;
        left: 0;
        text-align: center;
    }
    .sg__nego {
        top: -45px;
        z-index: 1000;
    }
    .sg__negorent .sg__nego {
        top: -30px;
        z-index: 1000;
    }
    .single_block {
        margin: 0 -20px;
    }
    .post_listing {
        margin: 0 20px;
    }
    .property_post {
        padding: 20px 0;
    }
    .just__post {
        margin: 0 0 20px;
    }
    .single_area {
        font-size: 15px;
        margin: 0 0 20px;
        padding: 10px 20px;
    }
    .add_area .re_pjp {
        width: 100%;
        float: none;
        font-size: 15px;
        text-align: center;
        margin: 0 0 15px;
    }
    .add_area a.legal {
        float: none;
        display: block;
        margin: 0 auto;
        width: 130px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
    .pro_gallery.owl-carousel .owl-nav .owl-next,
    .pro_gallery.owl-carousel .owl-nav .owl-prev {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 24px;
    }
    .small_image a {
        width: 20%;
    }
    h1.sg__title {
        font-size: 30px;
        padding-top: 15px;
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
    .property_main_data {
        padding: 20px;
    }
    .title_data {
        margin: 0 0 15px;
    }
    .main_data,
    .add_data {
        width: 100%;
        margin: 0;
        float: none;
    }
    .just__videos iframe {
        width: 100%;
        height: 220px;
        margin: 0;
    }
    .sg__article {
        padding: 20px 0 0;
        font-size: 16px;
    }
    .slide__block {
        margin: 0 -20px !important;
    }
    .pro__alamat {
        padding: 15px 20px 0;
    }
    .slide__block h2 {
        padding: 15px 20px;
    }
    .pro__feat {
        padding: 0 20px 15px;
    }
    .feat__adds {
        padding: 15px 20px;
        height: 58px;
    }
    .sewa__thn {
        display: none;
    }
    #prosearch {
        top: 108px;
        right: 0;
        width: auto;
        left: 0;
    }
    #searching {
        padding: 20px;
    }
    .search_column.search_nego {
        width: 100%;
    }
    .cari_select {
        top: 18px;
        right: 20px;
    }
    .ft_slider {
        float: none;
        width: 180%;
    }
    .feats__slide {
        width: auto;
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .fs_content {
        padding: 20px;
    }
    .pro__headblock h4 {
        font-size: 30px;
        line-height: 1.3;
    }
    .pro__block {
        margin: 0;
    }
    .pro__headblock {
        margin: 0 auto 25px;
    }
    .pro__items {
        margin: 0 0 20px;
    }
    .items__image {
        width: 100%;
        float: none;
    }
    .items__image {
        width: 100%;
        float: none;
        height: 200px;
        overflow: hidden;
    }
    .items__detail {
        width: 100%;
        float: none;
    }
    .re_titleblock {
        font-size: 30px !important;
        margin: 0 0 15px;
    }
    .property_testimoni {
        padding: 30px 0;
    }
    .re_testimoni {
        font-size: 30px !important;
        margin: 0 0 20px;
    }
    .property_listing {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .archive .property_listing {
        padding-top: 0 !important;
    }
    .listing__property {
        margin: 0 -20px;
    }
    .listing_properties {
        width: 100%;
        float: none;
    }
    .properties__images {
        height: 170px;
    }
    .listing_pricing {
        margin: 12px 0 0;
    }
    .listing_location {
        padding: 25px 0;
        font-size: 14px;
    }
    .ld__top {
        height: 70px;
        padding: 0 20px;
    }
    .listing_detail h3 {
        padding: 20px;
        font-size: 20px;
        height: 50px;
    }
    .block__properties {
        position: relative;
        margin: 0 20px 20px;
    }
    .single .block__properties {
        margin: 0;
    }
    .single-property .post_inner,
    .single-property-sewa .post_inner {
        margin: 0 -20px 0 !important;
    }
    .single-property .just__post,
    .single-property-sewa .just__post {
        margin: 0;
    }
    .single .main_maps {
        margin: 0;
    }
    .inner__slide {
        margin: 0;
        padding-bottom: 40px;
    }
    .call_agent a {
        display: inline-block;
        width: calc(50% - 20px);
        margin: 7px 0 7px 10px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
    }
    .noscroll.single-property .featured__bar,
    .noscroll.single-property-sewa .featured__bar {
        height: 60px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    .fb__inner {
        padding: 5px 20px;
    }
    .correct_price {
        font-size: 12px;
    }
    .footbar_one,
    .footbar_two {
        width: 100%;
        float: none;
    }
    .navmob {
        max-height: 100%;
        overflow: auto;
    }
    .archive__image {
        width: 100%;
        float: none;
    }
    .archive__detail {
        width: auto;
        margin: 0;
        float: none;
        padding: 0 20px 20px;
    }
    .archive__inner {
        margin: 0 -20px;
    }
    .archive_heading {
        font-size: 20px;
    }
    .page_404 {
        padding: 50px 0;
    }
    .page_404 h1,
    .page_search h1 {
        font-size: 30px !important;
    }
    .just__page {
        padding: 20px;
    }
    .just__post h2 {
        font-size: 20px;
    }
    .just__page h1 {
        font-size: 20px;
    }
    .sp__meta span {
        float: none;
        display: block;
    }
    .comment-meta .avatar {
        margin: 0 20px 0 0;
        width: 50px;
        height: 50px;
    }
    .comment-content,
    .reply {
        margin: 0px 0 8px 70px;
    }
    .just_testimoni {
        padding: 20px;
    }
    .jt__image img {
        width: 50px;
        height: 50px;
        margin: 0 20px 0 0;
    }
    .jt__image {
        width: 70px;
    }
    .jt__detail {
        width: calc(100% - 70px);
    }
    .jt__detail h3 {
        font-size: 20px;
    }
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
        width: calc(100% - 20px);
    }
    .show__featured .fb__inner {
        padding: 20px;
    }
    .post_inner {
        margin: 0 0 20px;
    }
    .property_pagination {
        margin: 0;
    }
	.noscroll .fb__inner {
		height: calc(100% - 10px);
	}
	.hide_agent .bio_agent {
		bottom: 60px;
	}
}

@media only screen and (max-width: 420px) {
    .slider_image {
        position: relative;
        width: 100%;
        padding-top: 100%;
    }
    .full_slider_image .slider_image {
        padding-top: 0;
    }
    .slider_image.image_responsive {
        padding-top: 0;
    }
    .ratio_square {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    .ratio_square img {
        height: 100%;
        width: auto !important;
        max-width: 1000px;
    }
}