/*sp body*/
.com-spproperty.view-property #sp-main-body {padding-bottom: 65px;padding-top: 0px;}
@media (min-width: 1400px){div#spproperty {max-width: 1250px;margin:auto;}}

/* .com-spproperty.view-property #sp-main-body {
    background-color: #222222!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23777777' fill-opacity='0.25'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important;
} */




/*body container resize*/
@media (min-width: 1200px){
.row.container.property-details-info  {max-width: 1140px; margin:auto;}}

div#spproperty {padding: 0px;margin-top: 50px;}

/*top part*/
.container.cls-listing-title .spproperty-title {
    color: #0B7680;
    font-weight: 700;
}

.row.cls-listing-btm-part h3 {
    color: #ababab;
    font-size: 16px;
    margin: 0;
}

h5.cls-top-price {
    color: #0B7680;
    text-align: right;
    background: #e85124;
    width: fit-content;
    float: right;
    padding: 10px;
    font-weight: 700;
}

.row.cls-listing-btm-part span {
    color: #ffffff;
    float: right;
    background: #0B7680;
    padding: 5px 20px;
    border-radius: 100px;
}

.container.cls-listing-title {
    /*margin-bottom: 30px;*/
    border-bottom: 1px solid #777;
    padding-bottom: 20px;
}

@media (max-width: 767px){
h5.cls-top-price {font-size: 18px;text-align: left;float: left;}
.row.cls-listing-btm-part span {/* float: left; */margin-top: -30px;}
.row.cls-listing-btm-part h3 {font-size: 16px;}
.container.cls-listing-title {padding: 0;padding-bottom: 20px;margin-bottom: 30px;}}


/*slide*/
div#carouselExampleControls {margin-bottom: 50px;}
.com-spproperty.view-property #sp-main-body .carousel-item img {object-fit: contain;height: 720px;background: rgb(255 255 255 / 10%);border-radius: 0px;margin-bottom: 0px;}

/*Tablet*/ 
@media screen and (max-width: 1023px) and (min-width: 768px){
.com-spproperty.view-property #sp-main-body .carousel-item img {
    height: 450px !important;  
}
}

/*text*/
h2.property-title {
    color: #0b7680;
    margin-top: 30px;
    margin-bottom: 20px;
}
span.property-title {
    color: #0b747d;
    font-weight: 600;
}
i.fas.fa-map-marker-alt {
    color: #0b7680;
}

.property-subtitle {
    margin-top: 30px;
    background: #e6f1f2;
    padding: 0px 15px 20px;
}

/*table styling*/
.property-detail.col-xs-12.col-sm-12.col-md-9 table {color: #0B7680;}
.property-detail table {
    border: 0px solid #cccccc;
    padding: 0px 0px !important;
    width: 100%;
}

.property-detail th, .property-detail td {
    padding: 15px 15px !important;
    border: 2px solid #0B7680;
    font-size: 13px;
    text-align: center;
    color: #0B7680;
    text-align: left;
}
.property-detail tbody tr:nth-child(even) {background: #0b76801c; color:#0b76801c;}
.property-detail tbody tr:nth-child(odd) {background: #fff;}

/*table header*/
.property-detail th {
    text-transform: uppercase;
    vertical-align: middle;
    min-width: 100px;
      background: #0b7680;
}
h2.technical-details-title {
 margin: 0px;
  font-size: 30px;
  color: #fff;
  padding: 0px 20px;
  
}
.divider {
    margin: 20px 0 !important;
}
.property-detail tbody tr:first-child p{margin:0px;}

/*feature*/
.com-spproperty.view-property .spproperty-feature-overview .spproperty-feature-overview-list {grid-column-gap: 20px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;flex-direction: row;}
.spproperty-feature-overview-single-list img {width: 20px;filter: invert(1);margin-right: 8px;}
.spproperty-feature-overview .spproperty-feature-overview-list li {float: left;line-height: 24px;padding: 5px 0px;}

/*contact details right*/
.contact-detail.col-xs-12.col-sm-12.col-md-3 {border-radius: 10px;padding: 0px 10px;}
.contact-detail.col-xs-12.col-sm-12.col-md-3 {color: #0B7680;}
@media (max-width: 991px){.contact-detail.col-xs-12.col-sm-12.col-md-3 {margin-top: 30px;}}
.contact-detail-links a {transition: 0.5s ease;}
.contact-detail-links a:hover {opacity: 0.5;transition: 0.5s ease;}
p.contact-detail-phone {color: #0B7680;}
p.contact-detail-email {color: #0B7680;}
p.contact-detail-title {padding: 15px 30px;border-radius: 10px 10px 0px 0px;border-bottom: 0px solid #bbbbbb;margin: 0px 0px;color: #ffffff;background: rgb(232,81,36);background: #0B7680;text-align: center;font-size: 16px;font-weight: 700;font-family: 'Montserrat';margin-top: 50px;}
.contact-detail-links {padding: 20px 30px;}
.contact-detail-links {padding: 20px;text-align: center;border: 2px solid #0b7680;margin: 0px 0px;}
.contact-detail-links a.btn.whatsapp-btn {color: #0B7680;background: #25d366;border-radius: 100px;width: 40px;height: 40px;padding: 0px;line-height: 40px;margin-top: 20px;font-size: 20px;}
.property-contact-box {background: rgb(255 255 255 / 10%);border-radius: 20px;color: #000;padding: 0px}
@media (max-width: 991px){.property-contact-box {margin-top: 0px;}}
.drop-us-message {padding: 0px 0px 30px;background: rgb(255 255 255 / 10%);border-radius: 10px;}


.drop-us-message .bfQuickMode input,
.drop-us-message .bfQuickMode input[type=text],
.drop-us-message .bfQuickMode textarea{background: #ffffff;padding: 10px 15px;min-height: 29px;border-radius: 5px;margin: 0px;max-width: 100%!important;border: 2px solid #0B7680;}
.drop-us-message .bfQuickMode input::placeholder {color:#777;}

.drop-us-message input[type="text"], 
.drop-us-message input[type="email"], 
.drop-us-message input[type="url"], 
.drop-us-message input[type="date"], 
.drop-us-message input[type="password"], 
.drop-us-message input[type="search"], 
.drop-us-message input[type="tel"], 
.drop-us-message input[type="number"], 
.drop-us-message select:not(.form-select), 
.drop-us-message .sppb-form-control, 
.drop-us-message .sppb-form-group .sppb-form-control {
    all: inherit;}
    
div#newrecaptcha {transform: scale(0.96);transform-origin: top left;}

img.contact-icon {
    width: 90px;
    display: inline;
    padding: 0px 10px;
}

i.fas.fa-city,.fas.fa-plane, .fas.fa-ship, .fas.fa-plane-arrival, .fas.fa-user-shield {
    font-size: 30px;
    color: #0B7680;
    padding-top: 10px;
    padding-bottom: 10px;
}
.accessibility-item.col-lg-4.col-xs-6 {
    margin: 10px 0px;
}
.distance {

    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    background: #0b7680;
    color: white;
    padding: 6px 30px;
    border-radius: 100px;
    flex-grow: 1;
}
.moduletable {
    border: 2px solid #0b7680;
    padding: 0px 20px 20px;
}
/*key-features*/
h2.key-features-title {
    background: #0b7680;
    color: #fff;
    padding: 15px 30px;
    margin: 0px;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 50px;
}
.key-features-items {
    border: 2px solid #0b7680;
    padding: 20px 30px 10px;
}

/*accessibility*/
.accessibility {
    margin-bottom: 50px;
    margin-top: 50px;
}
h2.accessibility-title{
    background: #0b7680;
    color: #fff;
    padding: 15px 30px;
    font-size: 30px;
    margin: 0px;
    text-transform: uppercase;
}
.accessibility-items {
    border: 2px solid #0b7680;
    padding: 15px 0px;
    margin-right: 0px;
    margin-left: 0px;
    display: flex;
    flex-wrap: wrap;
}
.accessibility-item {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.sppb-btn-primary {
    border-color: unset !important;
}
/*Big to Tablet */
@media screen and (max-width: 2560px) and (min-width: 768px){
.accessibility-place.col-xs-12 {
    padding-left: 100px !important;
}   
}

/*end of property detail*/

/*QR*/
img.image-qr {
    width: 300px;
}

img.popup-img.img-fluid {
    width: 600px;
}


/*mobile*/
@media screen and (max-width: 767px) and (min-width: 250px){
.row.property-subtitle {
    padding: 0px 10px 20px !important;
}
.sp-page-title {
    margin-bottom: 0px !important;
}
  button#mod-spproperty-search-submit {
    margin: 0px 0px 20px;
  }
form.spproperty-search .form-group, .property-type {
 margin-bottom: 10px !important;
}
form.spproperty-search .filter-item:nth-child(1) .form-group {
 margin-top: 30px;
}  
.spproperty-total {
    margin-top: -20px;
}
    img.d-block.w-100 {
    margin-top: 0px !important;
}
  div#carouselExampleControls {
    margin-bottom: 10px !important;
}
}


@media screen and (max-width: 767px) and (min-width: 375px){
  .distance {
    margin-left: 0px !important;
    font-size: 14px !important;
    padding: 8px 28px !important;
}
.com-spproperty.view-property #sp-main-body .carousel-item img {
  object-fit: contain;height: 250px;
  }

}
/*s*/
@media screen and (max-width: 374px) and (min-width: 250px){
.distance {
      margin-left: 0px !important;
    font-size: 14px !important;
    padding: 8px 14px !important;
}
  .com-spproperty.view-property #sp-main-body .carousel-item img {
  object-fit: contain;height: 220px;
}
  div#carouselExampleControls {
    margin-bottom: 0px;
}
  h2 {
    font-size: 22px !important;
}

}
/*Tablet-MS */
@media screen and (max-width: 1023px) and (min-width:250px){
.filter-item:after {
display: none !important;
}
  .desk-hidden.property-search-button {
    margin: 0px 15px;
}
}



/*jiajia adjustments*/
.technical-details {
    margin-top: 50px;
}


.qrcode img {
    border: 1px solid #ccc;
    margin-top: 30px;
    border-radius: 10px;
}



/*EO PROPERTY DETAIL*/