/*SITE SPECIFIC DARK THEME */
/* Edited By Sanele Langa */
/* Digital Resolve 07/04/2024 */

@import url(nouislider.css);


/* 
    Created on : 04 Jun 2017, 11:20:17 AM
    Author     : Justus
*/


span.red-i * {
    box-sizing: border-box;
}

li.RedI.plan-thumb{list-style-type:none;width:120px;height:100px;float:left;text-align:center}
img.RedI.plan-thumb{max-height:100px;border:0;padding:1px;opacity:.7}
img.RedI.plan-thumb:hover{opacity:1}

img {max-width:100%;}

/* Red-i Property Feed Plugin Styles:
   Created 19 September 2017 by Brendan Proctor from Viewport */


/* jQuery FlexSlider v2.6.3 */
.red-i .flex-container a:hover,.flex-slider a:hover{outline:none}
.red-i .slides,.slides > li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.red-i .flex-pauseplay span{text-transform:capitalize}
.red-i .flexslider{margin:0;padding:0}
.red-i .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}
.red-i .flexslider .slides img{width:100%;display:block}
.red-i .flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .red-i .flexslider .slides{display:block}
* html .red-i .flexslider .slides{height:1%}
.no-js .red-i .flexslider .slides > li:first-child{display:block}

.red-i .flexslider{margin:0; max-height:100vh; overflow-y:hidden; position:relative; display:block; clear:both; z-index:2; zoom:1;}
.red-i .flexslider .slides{zoom:1}
.red-i .flexslider .slides img{height:auto;-moz-user-select:none}
.red-i .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.red-i .loading .flex-viewport{max-height:300px}
.red-i .flexslider .slides li {position:relative; z-index:2;}
.red-i .flexslider .slides li img {position:relative; z-index:2; border-radius: 20px; object-fit: contain;}
.red-i .flexslider .slides li .copy {position:absolute; width:90%; height:90%; top:0; left:5%; z-index:3; color:white; text-align:left;}
.red-i .flexslider .slides h1 {color:white; font-size:300%; letter-spacing:-1px; font-weight:700; text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
.red-i .flexslider .slides .btn {font-size:110%; margin-top:0.5em;}

.red-i .flex-direction-nav{*height:0}
.red-i .flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute; outline:none; top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8); -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.red-i .flex-direction-nav a:before{font-family:'FontAwesome'; font-size:40px;display:inline-block;content:'\f053'; color:white}
.red-i .flex-direction-nav a.flex-next:before{content:'\f054'}
.red-i .flex-direction-nav .flex-prev{left:1em}
.red-i .flex-direction-nav .flex-next{right:1em;text-align:right}
.red-i .flexslider:hover .flex-direction-nav .flex-prev{opacity:.6;}
.red-i .flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}
.red-i .flexslider:hover .flex-direction-nav .flex-next{opacity:.6;}
.red-i .flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}
.red-i .flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}

.red-i .flex-control-nav{width:100%; position:absolute; bottom:10px; text-align:center; z-index:4;}
.red-i .flex-control-nav li{margin:0 4px; display:inline-block; zoom:1; *display:inline; }
.red-i .flex-control-paging li a {width:10px; height:10px; float:left; position:relative; background:white; background:rgba(255,255,255,0.4); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; border-radius:20px;}
.red-i .flex-control-paging li a:hover{background:white}
.red-i .flex-control-paging li a.flex-active{background:white;cursor:default;}

.red-i #carousel {padding:1em 3em; position:relative; overflow:hidden; clear:both; }
.red-i #carousel li {width:25%; float:left; margin:0 1px 0 0; max-height:80px; overflow-y:hidden;}
.red-i #carousel img {width: 120px; display:block; opacity:.7; cursor:pointer;}
.red-i #carousel img:hover {opacity:1;}
.red-i #carousel .flex-active-slide img {opacity:1; cursor:default; width: 120px; }

.red-i #carousel .flex-direction-nav a {width:20px; height:20px; margin:-10px 0 0; opacity:0.4;}
.red-i #carousel .flex-direction-nav a:hover {opacity:1;}
.red-i #carousel .flex-direction-nav a:before{font-size:20px; display:inline-block;color:#333;}

#slider li span.zoom {position:absolute; z-index:100; font-size:35px; line-height:31px; font-weight:bold; border:2px solid white; width:40px; height:40px; top:20px; right:20px; color:white; text-align:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
#slider li span.zoom:hover {background:white; color:#333;}

#slider .status {position:absolute; z-index:100; top:0px; left:0px; }
#slider .status span {display:inline-block; font-size:80%; color:white; background:#004a8f; padding:0.5em 0.75em; font-weight:700; text-transform:uppercase;}
#slider .status .residential {background:#004a8f;}
#slider .status .commercial {background:#6e6f71;}	
#slider .status .available {background:#078f00;}
#slider .status .sold {background:red;}

.red-i .centerit {position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

#slider { height: 100%; }
#slider ul.slides { height: 100%; display: block; }
#slider ul.slides { display: block; }

@media only screen and (min-width:1241px) {

    #slider li {max-height:600px; overflow-y:hidden;}
    #slider { height: 600px; }
}
@media only screen and (min-width:1025px) and (max-width:1240px) {
    #slider li {max-height:500px; overflow-y:hidden;}
    #slider { height: 500px; }
}
@media only screen and (max-width:768px) {
    .red-i .flexslider {height:auto;}
    .red-i .flexslider .slides .copy, .flex-control-nav {display:none !important;}
    #slider { height: 500px; }
}
@media only screen and (max-width:480px) {	
    .red-i .flexslider .slides li h1 {font-size:125%; font-weight:700;}
    #slider { height: 400px; }
}







/* Search Box */
.search-box {color:#333; background:#f5f5f5; padding:1.5em; margin:1em 0; clear:both; text-align:center;}
.search-box p:last-of-type {display:flex; vertical-align:middle; padding:0;}
.sidebar .search-box h6 {display:none;}
.sidebar .search-box {padding-top:0.5em;}
.search-box .type, .search-box .numbers {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.search-box .type span, .search-box .numbers span {
    display: inline-flex;
    vertical-align: middle;
    width: 33%;
    padding: 0.25em 0.5em 0.25em 0;
}
.property-listings.list .search-box .type span, .property-listings.list .search-box .numbers span, .sidebar .search-box .numbers span, .sidebar .type span {width:100%;}
.sidebar .search-box .numbers span:last-of-type {width:auto !important;}
.page-template-default .sidebar .search-box .numbers span:last-of-type {width:49.5% !important;}

/*.search-box .type span:nth-of-type(even), .search-box .numbers span:nth-of-type(even) {text-align:right;}*/
.search-box .numbers span select {display:inline-block; width:100%; background-color: #1D1C1C; color: #FFF;}
.search-box .btn {min-width:48%; margin-top:0.5em;}

@media only screen and (max-width:1024px) {
    .search-box {display:inline-block; vertical-align:top; width:47%; margin:1em 2.5% 1em 0;}
}
@media only screen and (max-width:640px) {
    .search-box {display:block; width:auto; margin:1em 0;}	
}








/* Custom noUISlider styles */

#price-slider{margin: 30px 0px 15px;}
.min{float:left; color: #FFF;}
.max{float:right; color: #FFF;}

.noUi-connect {
  background: #006845;
}








/* Property Listings */
.property-listings { display:block; vertical-align:top; text-align:center;}
.featured-properties { display:inline-block; width:73%; vertical-align:top;}

.property { display:inline-block; width:47%; margin:1em 2.5% 1em 0; vertical-align:top; position:relative; z-index:1;}
.property .image img {z-index:1;}
.property .image a {position:relative; z-index:1; display:flex;}
.property .image a:before {display:inline-block; font-size:200%; line-height:250px; text-align:center; color:white; position:absolute; z-index:3; top:0px; left:0px; background:rgba(0,74,143,0.5); width:100%; height:100%; opacity:0; font-family:'FontAwesome'; cursor:pointer;}
.property .image a:hover:before {opacity:1;}
.property .image span.type {position:absolute; z-index:3; display:inline-block; font-size:70%; color:white; background:#B09567; padding:0.5em; font-weight:700; text-transform:uppercase; border-radius: 80px;}
.property .image span.commercial {background:#6e6f71;}	
.property h3 {padding-bottom:0; clear:both; font-size: 24px; font-weight: bold; color: #FFFFFF;}
.property .features {display:block; /* padding:0.5em 0; */ color: #FFFFFF;}
.property .features span {font-size:90%; display:inline-block; min-width:25%;}
.property .features span i {margin-right:5px; font-size:110%;}

/* Property Listing line limit and elipsis */
.property p  {width: 95%; font-size: 18px; overflow: hidden; position: relative; max-height: 4.8em; text-align: justify; font-weight: 500;}
.property p:before { content: ''; position: absolute; right: 0; bottom: 0;}
.property p:after { position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white;}

/* Images */	
.property-listings .property .image {overflow:hidden;}
.property-listings .property .image img {object-fit: fill;  width: 500px; height: 200px;}


/* Search Box */		
.property-listings .search-box {margin:0 1% 0.5em; padding:1em 1em 0.5em; display:block; background-color: #1C1D1D; position:relative;  border-radius: 8px; z-index: 7;}
.property-listings.list .search-box {margin:0 0 0.5em;}	
 .search-box .price-range,
 .search-box .type,
 .search-box .options,
 .search-box .type span, 
 .search-box .options span,
 .search-box .btn {float:none; display:inline-block; width:auto; vertical-align:middle; clear:none; padding:0 20px; margin:0;}
 .search-box .slider { vertical-align:middle;}
 .search-box .options span {padding:2px;}
 .search-box .type span {padding:0 10px;}
 .search-box .slider {float:none; width:200px !important; display:inline-block !important; margin:0 1.5em 0 0.5em;}
 .search-box .slider {float:none; width:92% !important;  margin:0 4%;}
.property-listings select { line-height:32px; margin: 8px;}
 .search-box .btn {min-width:10px;}


/* Results */
.property-listings .results {display:flex; flex-direction: row; justify-content: space-between; text-align:center; padding:0 1% 2em; align-items: center; color: #FFF}
.property-listings .results .showing, .property-listings .results .orderby, .display {display:inline-block; vertical-align:middle; width:33%;}
.property-listings .results .orderby {text-align:left;}
.property-listings .display {text-align:right;}
.results .orderby span, .results .orderby select {display:inline-block; vertical-align:middle;}		

/* Display Buttons */	
.display a {background:transparent; text-decoration:none; display:inline-block; color:#333; padding:0.75em; margin:0 2px;}
.display a:hover {background:#1D1C1C; color:#E0BF6B;}
.display a.current, .pagination a.current:hover {color:#E0BF6B;}

.property-listings .property {
    /* width:31%; margin:1em 1%; text-align:left; */
    width: 31%;
    margin: 1em 1%;
    background-color: #1D1C1C;
    padding: 24px;
    /* border-radius: 24px; */
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.0);
    bottom: 0px;
    transition: 0.4s;
}

.property-listings .property:hover {
    box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.4);
    bottom: 2px;
}

.property-listings small {display:block;}

@media only screen and (min-width:1025px) and (max-width:1240px) {
    .property-listings .search-box .price-range,
    .property-listings .search-box .type,
    .property-listings .search-box .options,
    .property-listings .search-box .type span, 
    .property-listings .search-box .options span,
    .property-listings .search-box .btn {padding:0 10px}
    .property-listings .search-box .options span {padding:0 2px;}
}
@media only screen and (max-width:1024px) {
    .property-listings .search-box {display:block; width:auto; padding:0.5em 0.5em 1em; margin: 18vh 0 0 0;}
    .property-listings .search-box h6 {display:none;}		
    .featured-properties {display:block; width:auto; text-align:center;}
    .property {text-align:left;}	
    .property .features span {min-width:22%;}
    .search-box .numbers span {width: 100%}
}
@media only screen and (max-width:768px) {	
    .property .image a:before {line-height:180px;}
    .property-listings .search-box .btn {margin-top:1em;}
    .property-listings .property {width:47.25%; margin:1em 1%;}
    .property-listings .results {margin:0;}
    .property-listings .results .showing, .property-listings .results .orderby, .display {width:32%;}
    .property .features span {min-width:22%;}
    .property-listings .property .image img {height:180px;}
    body{background-color: #F7F5EF;}
}
@media only screen and (max-width:540px) {	
    .property { display:block; width:auto; margin:1em auto; max-width:450px;}	
    .property .image a:before {line-height:270px;}
    .property-listings .property {width:auto; margin:1em 0; display:block;}
    .property-listings .results .showing, .property-listings .results .orderby span, .display {display:none;}
    .property-listings .results .orderby {width:auto;}
    .property-listings .property .image img {height:270px;}
}

/* List Display */
@media only screen and (min-width:769px) {	
    .property-listings.list .search-box {float:right;width:32%; background-color: #1D1C1C; border-radius: 0px; z-index: 2; position: relative; }
    .property-listings.list .property {float:left; width:63%; background-color:#1D1C1C; padding:24px 16px 24px 16px; text-align:left; clear:left; display: flex; align-items: center; box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.0); bottom: 0px; transition: 0.4s;}
    .property-listings.list .property:hover {box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.4); bottom: 5px;}
    .property-listings.list.favourites .property {width:100%;}
    /* .property-listings .results .showing, .property-listings .results .display {width:100%;} */
    .property-listings.list.favourites .results .showing {width: 66%;text-align: left;}
    .property-listings.list .property .image {display: flex; }
    .property-listings.list .property .copy {padding-left: 16px; display: flex; flex-direction: column;}
    .property-listings.list .search-box .options span {padding:0.5em 0.25em}
    .property-listings.list .search-box .btn {margin:1em 0;}
}


/* Property Detail Page */
.property-info {display:block; clear:both;}
.property-info .wrapper {padding:0;}
.gallery-contain {width:calc(100% - 3px);}
.property-info .agent {background:#e6eff7; padding:2em; display:block;}
.property-info h6 { color:#E0BF6B; font-size: 24px; font-weight: bold;}
.sidebar select {width:100%; color:#333;}
.sidebar input[type=checkbox] {display:inline-block !important; width:auto !important; margin:0 0 10px 10px !important;}
.property-info .agent #phonenumber, .property-info .agent #emailaddress {display:block; color:#004a8f; background:white; padding:0.75em; -webkit-border-radius:2px; border-radius:2px;}
.property-info .agent #phonenumber, .property-info .agent #emailaddress {margin:10px 0;}
.property-info .agent span {cursor:pointer;}
.property-info .agent i {margin-right:5px;}

.property-info .email-form {background:#1D1C1C; color:#FFFFFF; padding:2em; display:block; border-radius: 30px;}
.property-info .email-form h6 {color:#FFFFFF; font-size: 24px;}
.property-info .email-form input, .property-info .email-form textarea {background:#000; display:block; width:100%; margin:10px 0;}
.property-info .email-form input[type=submit] {background:#0094ff; width:auto; margin-bottom:0;}
.property-info .email-form form div{ padding:10px 0;}
	.property-info .email-form form div label {display:inline-block; width:80%; vertical-align:top;}
.property-info .email-form form div input[type=checkbox] {margin:0 10px 0 0 !important; display:inline-block; vertical-align:top;}

.property-info .features {display:block; padding:0.25em 0; margin:0 0 1em; font-size:14px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.property-info .features span {display:inline-block; min-width:10%; padding:0.65em; text-align:center; color: white;}
.property-info .features span i {margin-right:10px; font-size:115%; color:#ccc;}

.property-info .description, .property-info .plans {display:flex; flex-direction: column; width:100%; padding:1em; font-size: 18px;}
.property-info .show-times {display:flex; width:100%; padding:1em 2em; }
.property-info .show-times dl {display:block;}
.property-info .show-times dl:first-of-type {margin-top:0.25em;}
.property-info .show-times dt, .property-info .show-times dd {display:inline-block; vertical-align:top; width:50%; margin-right:-5px; padding:0.25em 0 0; line-height:150%;}
.property-info .view-map {padding:2em 0; display: flex; flex-direction: column; width: 100%;}
.property-info .view-map a.btn {padding:1em 2em !important; color: #000000; background-color: #E0BF6B; border-radius:6px; display: flex; justify-content:center; align-items: center;}
.property-info .view-map i {font-size:125%; margin:0 5px 0 0 ;}

@media screen and (max-width:768px) {
    .property-info .description, .property-info .plans, .property-info .show-times {display:block; width:auto; padding:1em; margin-right:0px;}
    .property-info .features {font-size:100%;}
    .property-info .features span {padding:0.5em; font-size:90%;}
    .property-info .features span i {margin-right:5px; font-size:100%;}	
    .property-info .agent, .property-info .email-form {padding:1em;}
    .price-info {display: flex; flex-direction: column; justify-content: space-between;}
}	

/* Breadcrumbs */
.breadcrumbs {font-size:85%; padding:1em 2em; border:1px solid #eee;}
.breadcrumbs .fa {color:#aaa;}
.breadcrumbs a {color:#666; padding:3px;}
.breadcrumbs a:hover {color:#e6eff7;}
.breadcrumbs {padding: 2em 2em;}

/* Pagination */	
.pagination {text-align:center; display:block; clear:both; padding:3em 1em; float:left; width:100%; position: relative;  z-index: 3;}
.pagination a {background:transparent; text-decoration:none; display:inline-block; color: #fff;; padding:0.5em 0.75em !important; margin:0 2px !important;}
.pagination a:hover {background:#1D1C1C; color:#E0BF6B; border-radius: 5px;}
.pagination a.current, .pagination a.current:hover {border-radius: 5px; background-color:#E0BF6B; color:#000000;}
.pagination a i {margin:0;}
.pagination a.prev {float:left; color: #fff; background-color: #1D1C1C; border-radius: 6px;}
.pagination a.next {float:right; color: #fff; background-color: #1D1C1C; border-radius: 6px;}
.pagination a.disabled, .pagination a.disabled:hover {cursor:default; background:white; border-color:#ccc; color:#ccc;}

@media screen and (max-width:768px) {
    .pagination {padding:2em 0;}
    .pagination a, .pagination a.outline {padding:0.5em !important; line-height:100%; font-weight:normal; margin:1px;}	
    .pagination a.prev:before, .pagination a.next:after {display:none;}
}	



.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}
.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}

@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
    .mfp-img-mobile img.mfp-img{padding:0}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
    .mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}

@media all and (max-width: 900px) {
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
    .mfp-container{padding-left:6px;padding-right:6px}
}

.banner select#plan-select {width:100%; margin:0 0 10px;}
.banner h2 br {display:none;}
.banner h2 span.price {width:auto; display:block; font-size:100%; line-height:100%; padding:5px 0;}
.banner span.price span {font-size:13px; line-height:13px; padding:0 3px 0 0; color:#777;}
.banner span.price span.planPriceValue,
.banner span.price span.plotPriceValue,
.banner span.price span.totalPriceValue {font-size:30px; line-height:30px; padding:0; color:#E0BF6B;}


/* Generic Template */
.main-content {display:block; clear:both; padding:2em 0;}
.wrapper {width: auto; max-width: 90%; padding: 0 1.5em; margin: auto;}
.copy {width:70%; display:inline-block; vertical-align:top; text-align:left; background-color: #1D1C1C; padding: 24px;}
.copy .propertyTitle {color: #E0BF6B; font-size: 24px; font-weight: bold; padding-bottom: 8px;}
.copy .price {color: #E0BF6B; font-size: 24px; font-weight: 900;}	
.sidebar {width:27%; display:inline-block; vertical-align:top; margin-right:-5px; float:right;}	
.copy.nosidebar {width:auto; display:block; padding-right:0; margin-right:0; max-width:1000px; margin:0 auto; text-align:center;}

@media only screen and (min-width:1025px) {
    .main-content {min-height:250px;}
	.property-listings .property .copy {
        width: 100%;
        display: flex;
        flex-direction: column;

    }
}
@media only screen and (max-width:1024px) {
    .sidebar, .copy {width:100%; display:block; padding:1em 0; margin:0; }
}
@media only screen and (max-width:768px) {
    .main-content {padding:1em 0;}
    .copy, .sidebar {width:100%; display:flex; padding-right:0; margin-right:0; flex-direction: column;}
    .wrapper {padding:0 1em;}
}


/* Banner */		
.banner {display:block; clear:both; position:relative; z-index:1; padding:3em 0 1em; text-align:center;}	
.banner .title, .banner .price { display:inline-block; vertical-align:middle; width:50%; padding:0; margin-right:-5px; position:relative; z-index:3;}
.banner .title {width:74%; text-align:left;}
.banner .price {width:26%;}
.banner h1 {padding:0;     font-size: 38px;font-weight: 800;font-family: Brandon, Arial, Helvetica, sans-serif; color: rgba(0,0,0,0.8);}
.banner .title h1 {padding:0 2em 0 0;}
.banner p {padding:0.25em 0 0;}
.banner .price h2 {padding:0; color:#004a8f;}
.banner small {display:block; color:#aaa; padding:1em 0 0;}

@media screen and (max-width:768px) {
    .banner {padding:0.5em 0;}	
    .banner .title, .banner .price { display:block; padding:0.5em 0; width:auto; margin-right:0px; text-align:left;}	
}


body {
    overflow-x: hidden;
    background-color: #000000;
}


 a#search-btn {
    font-family: 'Lato', sans-serif;
    width: 100%;
    border: 0;
    cursor: pointer;
    outline: none;
    text-indent: 0;
    text-decoration: none;
    padding: 1em 1.5em !important;
    line-height: 100%;
    background: #E0BF6B;
    border-radius: 8px;
    /* text-transform: uppercase; */
    color: #000;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 85%;
    letter-spacing: 0.04em;
    font-weight: 700;
}   
.share-page {display: block; padding: 2em;}
.property .features span { padding-right: 5px;}
 .property-info .email-form input, .property-info .email-form textarea, .property-info .email-form select {color:#FFF; font-size: 16px; border-radius: 8px; /* border-color: #EAEAEA; */}
.property-info .email-form input[type=submit] {line-height: 100%; padding: 1em 1.5em !important;background-color:#E0BF6B; width: 100%; color: #fff; border-color: #EAEAEA;} 
.property-info .email-form form div input[type=checkbox] {vertical-align: middle;}

.property-info .email-form form a,
.property-info .email-form form div label {color: #FFF;}

.property-info .email-form form a:hover {
    text-decoration: underline;
}

.property-info .email-form form .document:not(.checkbox) a {
    
    padding-left: 24px;
}


/* IE10+ FIX MEDIA QUERY */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS here */
	
	.property-listings .property .image img{ height:auto;}
	.property .image img {height:auto;}
}

/* Favourites */


#favourite-action,
#favourite-icon {

    cursor: pointer;
}

#favourite-action,
#favourite-label,
#favourite-link
{
    position: relative;
    display: inline-block;
}

.favourite-trash-icon {

    position: absolute;
    z-index: 1000;
    width: 3em;
    padding: 0.75em;

    top: 0px;
    left: 100%;
    margin-left: -3em;

    text-align: center;

    cursor: pointer;
}

.favourite-trash-icon i {
    
    opacity: 0.5;
}

.favourite-trash-icon:hover i {

    opacity: 1;
}


/* ADDED CSS CLASSES */
#agent-description {
    font-size: 16px;
    color: #FFFFFF;
}

#orderBy_widget_select{
    background-color: #1D1C1C;
    color: #FFF;
}

#plan-select{
    background-color: #1D1C1C;
    color: #FFF;
    margin-bottom: 16px;
}

.price-info{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

small{
    color: white;
}

.type-grid{
    left: 6%;
}

.banner span.price span {
    font-size: 13px;
    line-height: 13px;
    padding: 0 3px 0 0;
    color: #E0BF6B;
}

.banner small {
    display: block;
    color: #E0BF6B;
    padding: 1em 0 0;
}