@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap');
body {font-family: 'Barlow','Noto Sans Thai', sans-serif; font-weight:500; color:#333; font-size:14px}
h1, h2, h3, h4, h5{font-family: 'Barlow','Noto Sans Thai', sans-serif; color: #121927;font-weight:400;letter-spacing:1px;margin:0 0 20px 0;line-height:1.3em;}
h1 { font-size: 34px; letter-spacing:1px}
h2 { font-size: 26px; }
h3 { font-size: 18px; }
h4 { font-size: 15px}
h2.ArticleTitle {font-size:28px; }
h2.Title {font-size:42px;font-weight:500;}
h2.Title a{font-size:16px; margin:20px 0 10px 0; line-height:1.2em; font-weight:600}
h3.SectionHeader {font-weight:400;margin:0 0 30px 0; letter-spacing:2px; text-transform:uppercase}
p{font-family: 'Barlow','Noto Sans Thai', sans-serif; font-size:14px; font-weight:500;letter-spacing:0.5px; line-height:1.6em; margin:0 0 20px 0; color:#555}

strong{color:#333; font-weight:500}
strong a:hover { color: #bb9f6c;  transition: all 0.2s }

a:link, a:visited, a:active, a:focus { color: #111 }
a:hover { color: #bb9f6c;  transition: all 0.2s }

.btn, a.btn, .button, a.ui-button, .ui-button, .make-button, a.make-button, .CheckoutButton, .ShoppingCartButton a.checkOut, .AddPropertyConfirmLink, a.ShoppingCartLink, a.Printbutton, a.ContinueShoppingButton, .LoginToSeePrice > a, a.LinkToPropertyDetail, .AllDetails a, .MoreDetails a, button, input[type="submit"], input[type="reset"], input[type="button"], .ui-dialog .ui-dialog-buttonset button, .PropertyMoreDetailsLink.ui-button, .CheckAvailableUnitsLink a, .RemoveWishList .RemoveWishListLink, .AddToWishList .AddToWishListLink, a.CategoryItemSlideShowAllLink, .ShoppingCartButton a.saveAsDraft, .PageMyAccountEditForumUserSetting #ContentArea form+div a {
    background-color: #111;
  font-family: 'Barlow','Noto Sans Thai', sans-serif;
	color: #fff;
    font-weight:400;
    letter-spacing:0.5px;
    font-size:16px;
    border-radius:3px;
    padding:0 30px;
    height:40px;
    line-height:40px;
	text-transform:uppercase;
	letter-spacing:2px
}
.btn:hover, a.btn:hover, .button:hover, .ui-button:hover, .make-button:hover, a.make-button:hover, .CheckoutButton:hover, .ShoppingCartButton a.checkOut:hover, .AddPropertyConfirmLink:hover, a.ShoppingCartLink:hover, a.Printbutton:hover, a.ContinueShoppingButton:hover, .LoginToSeePrice > a:hover, a.LinkToPropertyDetail:hover, .AllDetails a:hover, .MoreDetails a:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .ui-dialog .ui-dialog-buttonset button:hover, .PropertyMoreDetailsLink.ui-button:hover, .CheckAvailableUnitsLink a:hover, .RemoveWishList .RemoveWishListLink:hover, .AddToWishList .AddToWishListLink:hover, a.CategoryItemSlideShowAllLink:hover, .ShoppingCartButton a.saveAsDraft:hover, .PageMyAccountEditForumUserSetting #ContentArea form+div a:hover {
    color: #051121;
    background-color: #c8a460;
}
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 0px 0px 8px;
    font-family: inherit;
    font-size: inherit;
    min-height: 40px;
    line-height: 38px;
    border-radius: 2px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    color:#111;
}


/***************************************************************
By Jakkrit
****************************************************************/
#ContentArea { padding:120px 0 80px 0}
.readmore {display:block;}
a.readmore {color:#af925e !important; letter-spacing:0.75px;text-transform:uppercase;letter-spacing:1px;text-decoration:underline}
a.readmore:hover{color:#fff !important;}
.row {margin-bottom: 0px}
.Body p{font-size:18px;}
.Body h2.Titl{font-size:42px;font-weight:600;margin:20px 0 10px;color:#af925e}
.Body h3{font-size:30px;font-weight:600;margin:20px 0 10px;color:#af925e}
.Body h4{font-size:22px;font-weight:600;margin:20px 0 10px}
.Body a{text-decoration:underline}
.Body ul{margin:0 0 20px 0;}
.Body li{list-style:disc;font-size:18px; margin:0 20px;}
.PageArticleIndex .ArticleDetails, .MainContentSectionsWrapper:first-child:last-child .FullArticleBody, .listArticle .Body {padding-bottom:0px;}

/***************************************************************
Header
****************************************************************/
#HeaderArea {padding:0 5%}
#HeaderContentSectionsWrapper24419 {padding:20px 0 0}
#Article106650 p {margin:0; padding:20px 0 0}
#section-item24413{text-align:right;padding:20px 0 0}

/*Logo
-----------------------------------*/
#Article88771 {text-align:center; z-index:999;}
#Article88771 img {height:100px; padding:5px 0}
#Article88771 p{font-size:12px; letter-spacing:1.5px; font-weight:600; color:#111; margin-bottom:10px}

#HeaderSections22923, #HeaderContentSections22923 {position: absolute;left: 0; right:0;top:90px}

/* Header
===============================================================================*/
#HeaderArea { position: fixed; width: 100%; transition: all 0.2s; height: 104px; z-index: 1001 }
#HeaderArea.Sticky, #outpage:not(.HomePage) #HeaderArea { background-color: #000; box-shadow: none; height: 70px; padding-top: 0px }
#HeaderArea .HeaderContentSectionsWrapper:nth-child(1) > div { padding-bottom: 10px; }
#HeaderArea .section-item:nth-child(1) img { height:120px; transition: all 0.2s; }
#HeaderArea .section-item:nth-child(2) {padding-top:10px;transition: all 0.2s }
#HeaderArea .section-item:nth-child(2) h4 { font-weight: 900; font-size: 1.3vw; color: #ff9600 }
#HeaderArea.Sticky .section-item:nth-child(2) h4 { font-size: 1.3vw; color: #ff9600; margin: 0px }
#HeaderArea .section-item:nth-child(2) h4 > a { font-weight: bold; color: #ff9600 }
#HeaderArea .section-item:nth-child(3) { padding-top:10px; transition: all 0.2s }
#HeaderArea.Sticky .HeaderContentSectionsWrapper:nth-child(1) > div, #outpage:not(.HomePage) #HeaderArea .HeaderContentSectionsWrapper:nth-child(1) > div { padding: 0px; border: 0px }
#HeaderArea.Sticky .section-item:nth-child(1) img, #outpage:not(.HomePage) #HeaderArea .section-item:nth-child(1) img { height: 70px }
#HeaderArea.Sticky .section-item:nth-child(2), #outpage:not(.HomePage) #HeaderArea .section-item:nth-child(2) {padding-top: 0px;}
#HeaderArea.Sticky .section-item:nth-child(3), #outpage:not(.HomePage) #HeaderArea .section-item:nth-child(3) { padding-top: 0px; }


/*Logo
*****************************/
.Logo img {height:60px;padding:10px 0}
.Logo p{margin-bottom:0px;color:#b89457;font-size:13px}
.Logo a{color:#b89457;text-decoration:underline}
.Logo a:hover{text-decoration:none}

#Article106642 {text-align:center}

/* Menu
*************************************************/
.MenuVerticalDropdown { width: 100%; clear: both }
.topnav { text-align: center;margin:10px 0 0}
.topnav a {font-family: 'Barlow','Noto Sans Thai', sans-serif; font-size:14px;color: #fff;padding:0px 20px;line-height:50px;letter-spacing:2px; font-weight:400;text-transform:uppercase}
.topnav .VerticalDropDownMenu_active > a { background:rgba(0,0,0,0); color: #fff; }
.topnav > li:hover > a { background:#b89457; color: #fff; }
/*-- Submenu --*/
.subnav {background: #b89457}
.subnav li {margin: 0px;white-space: nowrap;position: relative;}
.subnav a { line-height: 40px; text-align: left; color: #fff }
.subnav a:hover { color: #fff; background:rgba(50,50,50,0.1)}


/*Language
********************************/
#section-item24437 {text-align:right; margin:23px 0 0 0}
.FlagOnly .LanguagePanel a {background-size:24px}

/*Search
**************************************/
#MainContentSectionsWrapper23945 {
  padding:18% 0 7% 0;
  background-image: linear-gradient(358deg, #1e1e20 0%, rgb(0 0 0 / 70%) 100%), url(/Content/Archive/742/bg5-552704.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%
}

body:not(.mt) .HomePage .SearchPropertyStyle.No2.SetB .PropertySearchBoxPurpose {width:300px;left: calc(0% - 0px)}
body:not(.mt) .HomePage .SearchPropertyStyle.No2.SetB .PropertySearchBoxPurpose .RadioListItem label.ui-button .ui-button-text {font-weight:400; letter-spacing:1px}

/*Search
**************************************/
#MainContentSectionsWrapper23945 {
  padding:18% 0 7% 0;
  background-image: linear-gradient(358deg, #1e1e20 0%, rgb(0 0 0 / 70%) 100%), url(/Content/Archive/742/bg5-552704.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%
}

body:not(.mt) .HomePage .SearchPropertyStyle.No2.SetB .PropertySearchBoxPurpose {width:300px;left: calc(0% - 0px)}
body:not(.mt) .HomePage .SearchPropertyStyle.No2.SetB .PropertySearchBoxPurpose .RadioListItem label.ui-button .ui-button-text {font-weight:400; letter-spacing:1px}

/*Property SearchPropertyStyle No2
--------------------------------------------------------------------------------*/
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .SectionHeader {bottom: calc(100% + 70px);max-width:1000px;text-align: left;font-size:20px;font-weight:300;color:#fff}
body:not(.mt) .HomePage .SearchPropertyStyle.No2.SetB .PropertySearchBoxPurpose .RadioListItem label.ui-button {background: #777}
body:not(.mt) .HomePage .SearchPropertyStyle.No2.SetB .PropertySearchBoxContentWrapper {background: rgb(10 10 11);max-width:1170px}
body:not(.mt) .HomePage .SearchPropertyStyle.No2.SetB .PropertySearchBoxPurpose .RadioListItem label.ui-state-active .ui-button-text {color: #e1bd7a !important;background: #0a0a0b;}
body:not(.mt) .HomePage .section-item.SearchPropertyStyle.No2.Float {margin-bottom:0px; top: auto; height: auto;transform:translateY(30px)}
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxContent form > div.PropertySearchBoxButton { margin-top: 0px; width: 108px; margin-right: 0px }
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxPurpose .RadioListItem label.ui-button { height: 50px; line-height: 50px; border-radius: 0px; background:#e1b677}
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxPurpose .RadioListItem label.ui-state-active { background: #fff !important}
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxPurpose .RadioListItem label.ui-state-active .ui-button-text { color: #000 }
body:not(.mt) .HomePage .SearchPropertyStyle.No2:before { content:"";position:absolute;width:1200px;height:120px;background:rgb(255 255 255 / 100%);left:0;right:0;margin:auto;bottom:-20px }
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxContent form > div.PropertySearchBoxButton .ui-button { background-color:#e1bd7a; color:#111;text-transform: uppercase; border-radius:3px !important }
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxContent form > div.PropertySearchBoxButton .ui-button:hover{ background-color:#b7914b;text-transform: uppercase; border-radius:3px !important }

/***************************************************************
Homepage
****************************************************************/
.HomePage #ContentArea { padding:0 0 5% 0}
#MainContentSectionsWrapper23044 {padding:7% 0 0}


/***************************************************************
Property
****************************************************************/
 .ListTopFeatured, .PropertiesOfTheMonth, .LatestProperties {max-width: 100%; padding:0}
#MainContentSectionsWrapper24421 {padding:0 10%}


/***************************************************************
Homepage
****************************************************************/
.HomePage #ContentArea { padding:0 0 5% 0}

/*NEWEST REAL ESTATE LISTINGS
********************************/
#MainContentSectionsWrapper24445 {padding:5%}
.PropertyStyle6 .Property {margin-left:2%;width: calc((100% - 10%) / 4)}
.PropertyStyle6 .Property:nth-of-type(4n+1) {margin-left:2%; margin-top: 0;}
.PropertyStyle6 .Property:nth-of-type(n+4) {margin-top:0px;}
.PropertyStyle6 .Property:nth-of-type(3n+1) {margin-left:2%;}

#MainContentSections24445 h3.SectionHeader {padding:0px 0 60px; position:relative; text-align:center; font-size:36px}
#MainContentSections24445 h3.SectionHeader:after { content:"Browse listings, view photos, and schedule a viewing.";position:absolute;width:50%;height:10px;left:0;right:0;bottom:40px;margin:auto; font-size:16px;letter-spacing:2px}

/*Slide
********************************/
#MainContentSections24446 {padding:0}
.theme-default .nivo-caption {
	background:rgba(0,0,0,0.0)!important;
	font-family:inherit !important;
	font-weight:300;
	text-align:center;
	color:#fff;
	opacity:1 !important;
	left:0;
	right:0;
	bottom:35%;
	z-index:999 !important;
	width:33%;
   margin:auto;
   letter-spacing:2px;
}
.nivoSlider:after { 
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgb(0 0 0 / 60%) 100%);
	content: ""; 
	display: block;
	z-index: 5;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}
.theme-default .nivo-caption h1 {font-family: 'Barlow Condensed', sans-serif;color:#fff;font-weight:400; letter-spacing:2px; font-size:64px;text-transform:uppercase; margin:0 0 10px 0; padding:0; line-height:1.2em;text-shadow:2px 2px 2px rgba(0,0,0,0.7)}
.theme-default .nivo-caption p {color:#fff; letter-spacing:2px; font-size:20px; font-weight:400; line-height:1.3em}
.nivo-prevNav:before, .nivo-prevNav:after, .nivo-nextNav:before, .nivo-nextNav:after {height: 2px}
.nivo-prevNav:hover:before, .nivo-prevNav:hover:after,.nivo-nextNav:hover:before, .nivo-nextNav:hover:after { background: #bb9f6c }

.theme-default a.nivo-prevNav {left:2% !important}
.theme-default a.nivo-nextNav {right:2% !important}

.slider-wrapper{box-shadow:0px 20px 60px rgba(0,0,0,0) !important}


/*Gallery
********************************/
.GallerySet.ImageCrop .ImageItem{ transition: all 0.3s }
.GallerySet.ImageCrop .ImageItem:hover { transform: scale(1.1)}

#MainContentSectionsWrapper22591 {padding:6% 0 3%}

/*************************************************************************************
Property by Jorge
**************************************************************************************/
/*Property List
******************************/
.PropertyImage { overflow: hidden;}
.PropertyImage a { transition: all 0.3s }
.PropertyImage a:hover { transform: scale(1.1);}
.PropertyStyle6 .Property .PropertyInfo .Title h3 {padding: 10px 0 5px 0;}
.PropertyStyle6 .Property .PropertyInfo .Title h3 a {color:#111; font-size:16px; font-weight:500; letter-spacing:0.5px}
.PropertyStyle6 .Property .PropertyInfo .Title h3 a:hover{color:#bb9f6c; text-decoration:underline}
.PropertyStyle6 .Property .PropertyInfo > h3, .PropertyStyle6 .Property .PropertyInfo .Title h3 {padding: 10px 0px 4px 0px;font-size: 16px;font-weight:600;letter-spacing:0.5px}
.PropertyStyle6 .Property #PriceSell .Ovlist, .PropertyStyle6 .Property #RentPrice .Ovlist {font-size: 14px;letter-spacing:1px; text-transform:uppercase;color:#777; font-weight:500}
.PropertyStyle6 .Property .PropertyInfo li {font-size:14px;}
.PropertyStyle6 .Property .PropertyType, .PropertyStyle6 .Property #PropertyTypeId {background: rgb(0 0 0 / 70%); border-radius:3px}
.PropertyStyle6 .Property #PriceSell, .PropertyStyle6 .Property #RentPrice, .PropertyStyle6 .Property .PropertyPrice {font-weight:400}
.PropertyStyle6 .Property .PropertyArea:before, .PropertyStyle6 .Property #Area .Value:before, .PropertyStyle6 .Property .PropertyBedroom:before, .PropertyStyle6 .PropertyInfo #Bedroom .Value:before, .PropertyStyle6 .Property .PropertyLivingAreaSize:before, .PropertyStyle6 .PropertyInfo #LandSize .Value:before, .PropertyStyle6 .PropertyInfo #LivingAreaSize .Value:before {
    content: "";
    display: inline-block;
    margin-right:0px;
    width: 24px;
    height: 24px;
    background: url(/Content/Archive/757/property-icons-gray-597470.png) no-repeat top 0px center;
    background-size: 24px;
    vertical-align: top;
    margin-top: 12px;
}

.PropertyStyle6 .Property #Area .Value:before { width: 24px; }
.PropertyStyle6 .Property .PropertyLivingAreaSize:before, .PropertyStyle6 .Property #LandSize .Value:before{ background-position: top -48px center }

.PropertyStyle6 .Property .PropertyBedroom:before, .PropertyStyle6 .Property #Bedroom .Value:before { background-position: top 0px center; }
.PropertyStyle6 .Property .PropertyLivingAreaSize:before{background-position: top -24px center }
.PropertyArea:before {background-position: top -48px center !important}

.Property .PropertyInfo .Title h3 {border-top: 1px solid #ccc}
.ListProperties .MoreDetails, .ListProperties .AllDetails {margin-top:40px;}



.FeaturedPropertyRibbon, .FeaturedPropertyRibbonWrapper:after{display:none}

.CurrencyConverter{font-size:15px; font-weight:600;color:#111;letter-spacing:0.5px;cursor: pointer; text-decoration:underline;height:20px !important;padding:0px 25px 0px 25px; background:url(/Content/Archive/760/converter-3-599266.png) top left no-repeat !important;background-size:20px !important;}
.CurrencyConverter:hover{color:#bb9f6c;background:url(/Content/Archive/760/converter-3-599266.png) bottom left no-repeat !important;background-size:20px !important;}
#PriceSell .Value{font-size:17px; font-weight:600}

.PropertyStyle6 .Property .PropertyBedroom, .PropertyStyle6 .Property #Bedroom {right: 90px}
.PropertyStyle6 .Property #Area .Value:before{ background-position: top -48px center }
.PropertyStyle6 .Property #LivingAreaSize .Value:before { background-position: top -24px center}


/*Ref
**************************************/
.PropertyStyle6 .Property .PropertyInfo .PropertyCode, .PropertyStyle6 .Property .PropertyInfo .Title .Ref a {margin-left: 15px;background: rgb(0 0 0 / 70%);font-size: 12px;border-radius:3px;padding:0 10px}
.PropertyStyle6 .Property .PropertyInfo .Title .Ref a:hover{background:#bb9f6c; color:#111; text-decoration:none}
.PropertyStyle6 .Property .PropertyInfo li .Value {font-size:13px;}
#PropertyTypeId {padding:0 10px !important}
li#PropertyTypeId span{font-size:12px; text-transform:uppercase;padding:0}

/*Paging
*************************************/
input.PageButton[type="submit"].active, .PageButton.PageButtonActive, .PageButtonActive {background: #bb9f6c;color: #fff !important}
.PageButton:hover{background: #bb9f6c;border: 1px solid #bb9f6c; transition:0.3s}
.m input.PageButton[type="submit"], input.PageButton[type="submit"], .PageButton, .btn-gotopage {background: #ccc;border: 1px solid #ccc; color:#fff !important}
.PageButton.PreviousPage, .PageButton.btn-preview, .PageButton.btn-preview-disabled, .PageButton.NextPage, .PageButton.btn-next, .PageButton.btn-next-disabled {background: #fff}
.PageButton.PreviousPage:after, .PageButton.btn-preview:after, .PageButton.btn-preview-disabled:after, .PageButton.NextPage:after, .PageButton.btn-next:after, .PageButton.btn-next-disabled:after {
    border-top: 2px solid #bb9f6c;
    border-left: 2px solid #bb9f6c;
    width: 10px;
    height: 10px;
}

/*Ribbon
**************************************/
.PropertyRibbon {width:140px;border-radius:unset;height:30px;line-height:30px;background:#111;color: #fff;font-size:13px}
.PropertyRibbon:after {content: "";position: absolute;bottom:-35px;left: 0;border-top: 15px solid #000;border-left: 15px solid transparent;border-bottom: 20px solid transparent;}
.HotPropertyRibbon{width:auto;border-radius:unset;height:30px;line-height:30px;background:#c00404;color: #111;}
.HotPropertyRibbon:before { content:"HOT";background:#c00404;color:#fff }
.HotPropertyRibbon:before, .PropertyRibbon:before { border:none }
.HotPropertyRibbon::after{content: "";position: absolute;bottom:-35px;left: 0;border-top:15px solid #901010;border-left: 15px solid transparent;border-bottom: 20px solid transparent;}
.PropertyRibbonWrapper,
.FeaturedPropertyRibbonWrapper,
.HotPropertyRibbonWrapper,
.ProductRibbonWrapper,
.RibbonWrapper,
.ReplyWrapper,
.NewCompanyRibbonWrapper { top:0;left:-15px; transform:none }
.FeaturedPropertyRibbon { line-height:30px;height:30px;border-radius:0;margin-left:0 }
.FeaturedPropertyRibbonWrapper::before {background:transparent}

/*Contact Page 10/10/2021
**************************************/
.FormPage .formDesc {padding-top: 0;width:50%;}

.formDesc a {text-decoration:underline}
.FormPage form {  width:45%;margin:0;padding:0 30px 30px 30px;border-radius:0px;border:solid 4px #af925e}
.FormPage .editor-wrapper {border-bottom: 0px solid #ededed;}
#editorWrapperPolicy {display:none}

/*Map
*****************************/
#AsideArea p {margin:0}
#AsideArea iframe {height:33vw}



/*Follow us
******************************/
#Article89159 ul { padding: 0; list-style: none }
#Article89159 li { margin-top: 15px; padding: 0; line-height:1.4em}
#Article89159 li+li { margin-top:12px }
#Article89159 li a { line-height: 16px; letter-spacing:0.5px }
#Article89159 li a:before {content: ""; width: 18px; height: 18px; display: inline-block; background: url(/Content/Archive/732/social-icon-538062.png	) right top no-repeat; vertical-align:top; margin-right: 10px;}
#Article89159 li:nth-child(1) a:before { background-position: right top -18px }
#Article89159 li:nth-child(2) a:before { background-position: right top -54px }
#Article89159 li:nth-child(3) a:before { background-position: right top -0px }
#Article89159 {padding:0 20px 0 0}



/*ScrollUp
******************************/
.ScrollUp {border-radius:5px; right: 20px; bottom: 20px; height:40px; width:40px;padding:20px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); background-color: rgba(0,0,0,0.3);}
.ScrollUp:hover {background-color: rgba(0,0,0,0.5)}
.ScrollUp:before { content: ""; display: block; position: absolute; left: 50%; top: 55%; background: transparent; transform: translate(-50%,-50%) rotate(45deg); width: 30%; height: 30%; border-left: 2px solid #fff; border-top: 2px solid #fff;  }
.ScrollUp:after { display: none }

/*AddProperty
******************************/
.AddPropertyStepTitle {font-size:24px;padding-bottom: 0px;border-bottom: 0px solid #e4e4e4; margin:0 0 20px 0}
.AddProperty .ui-state-highlight p {margin:0;}
.AddProperty .ui-state-highlight label {font-size:16px}
.AddProperty .ui-state-highlight span {margin:5px;}
.AddProperty .ui-state-highlight {padding:10px}
.AddDetails form > div {font-size: 16px}
.chzn-single {font-size: 14px}


/**************************************
Home
**************************************/
#MainContentSectionsWrapper24460 {padding:3% 0 0}
.Wel-image {width:50%; float:right; padding:0 0 0 5%}
.Wel-Text  {width:50%; float:left; padding:0px 5% 0 0}
.Wel-Text h2 {font-size:46px;font-weight:600; margin:0 0 10px}
.Wel-Text h2 span{font-family: 'Barlow Condensed', sans-serif;font-size:46px;letter-spacing:0px;line-height:1.2em; color:#fff;  letter-spacing:3px}
.Wel-Text p {font-size:15px; margin:0 0 20px 0; padding:0 0 0 0}
.Wel-Text a{background:#111; color:#fff; padding:10px 25px;letter-spacing:1px;display:block;width:fit-content;border-radius:3px}
.Wel-Text a:hover{background:#bb9f6c; color:#111;}

/************************************************
Footer
*************************************************/
#Footer p {color:#999}
#Footer strong {color:#eee}
#FooterSectionsWrapper22593 {padding:5% 0 0; text-align:center}
#Footer a {color:#eee}
#Footer a:hover{text-decoration:underline; color:#21ade4}
#FooterSectionsWrapper23040 {padding:4% 0 3%}
#Section24363 h4 {color:#fff}
#FooterSectionsWrapper24363{padding:4% 0 2%}

/*Contact info
******************************/
#Article92253 {padding:0 20px 0 0}

/*************************************************
Property detail
**************************************************/
.PropertyDetail {font-size:16px; color: #555; font-weight:500;}  
.PropertyDetail h1{letter-spacing:0px;}
.scrollable {height: 80vh !important;}
.PropertyDetail .label {font-size:100%;font-weight:600;line-height: 1.8em;color: #111;padding:0}
.PropertyDetail .Title h2 {color:#1d436a; line-height:1.3em; font-size:24px}
.PropertyDetail h3 {margin:0 0 10px 0;padding:0;color:#111;font-size:24px;font-weight:500;text-transform:capitalize}
.PropertyDescription > h3 {border-bottom: 0px solid rgba(0,0,0,0.05);}
.PropertyDetailUnit > div:before {background: url(/Content/Archive/761/icon-title4-608028.png) no-repeat;}
.column2.col-sm-6.scrollable {padding-left: 20px !important; padding-right: 20px !important;}
.scrollable .PropertyDetailUnit {width: calc(100% - 0px); padding:10px 15px !important; border-radius:5px; border: 1px solid #e4e4e4}
.scrollable .PropertyDetailUnit > div {font-size: 16px; color:#111}
.scrollable .PropertyDetailUnit > div:nth-of-type(n+2) { border-top:0px solid #f9f9f9}

.PropertyDetail #buildingInfoLeftColumn,.PropertyDetail #buildingInfoRightColumn {width:100%;border:none;padding:0px;}
.column2.col-sm-6.scrollable a{text-decoration:underline}
.PropertyDescription ul li{list-style:disc; margin:0 30px 10px; line-height:1.4em}

/*Price
*******************************/
.scrollable .PropertyPriceList {padding:20px;border: 1px solid #e4e4e4;margin: 20px 0 0; border-radius:5px}
.scrollable .PropertyPriceList .label  {font-size:14px; letter-spacing:1px; text-transform:uppercase; font-weight:500}
.scrollable .RentalPricePanel h3 {letter-spacing:1px;text-transform:uppercase;font-size:16px; border-top:solid 1px #ddd; padding:10px 0 0}

/*Tag
*******************************/
.TagCloudList{font-size:14px}
.PropertyDetail .TagCloud {border-top:none; border:solid 1px #e4e4e4;padding: 20px;margin:20px 0 0; border-radius:5px}
.TagCloudList > span {background: #222;padding: 4px 10px;margin-top: 5px}
.TagCloudList > span:hover { background: #bb9f6c }
.TagCloudList > span a{text-decoration:none !important}

/*Map
------------------------------------*/
.PropertyMap {clear: both;padding:20px 0 0;}
.PropertyDescription {margin:20px 0; padding:20px 20px 0px 20px;border: 1px solid #e4e4e4;border-radius:5px}

/* Show Features
------------------------------------*/
.ShowFeatures { padding:20px 20px 20px 20px; margin:20px 0;font-size: 0px; border: 1px solid #e4e4e4; border-radius:5px}
.ShowFeatures > div { padding-bottom: 15px; width: 48%; display: inline-block; font-size: 15px; letter-spacing:0.5px;vertical-align: top; padding: 5px 0px 5px 25px;position: relative}
.ShowFeatures > div:before { 
	content: ""; 
	position: absolute;
	width: 13px; 
	height: 5px; 
	border-left:2px solid #bb9f6c; 
	border-bottom:2px solid #bb9f6c; 
	left: 5px; 
	top: 2px; 
	bottom: 0px; 
	margin: auto; 
	transform: rotate(-45deg); 	
	transform-origin: 0% 100%
}




.PropertyBuildingInformation {border:solid 1px #ddd; padding:20px 30px; border-radius:5px;margin:30px 0}
.PropertyPriceHistory {border:solid 1px #ddd; padding:20px 30px; border-radius:5px;margin:30px 0}
.CompanyInformation {border:solid 1px #ddd; padding:20px 30px; border-radius:5px;margin:30px 0}

/*PropertyRelated and Similar Properties
************************************/
.PropertyRelated .Property .PropertyInfo .Title .Ref a {padding: 0px 5px;margin-left: 0px;bottom: calc(100% + 0px);text-decoration:none}
.PropertyRelated .Property #PropertyTypeId {bottom: calc(100% + 0px);right:0px;color: #fff;background: rgba(0,0,0,0.7);padding: 0px 8px;}


/*Overview
********************************/
.PropertyDetail .PropertyInfo {padding:20px;border: 1px solid #e4e4e4;border-radius:5px; letter-spacing:0.5px}
a.Printbutton{float:right; background:transparent;padding:5px 10px}

/*Agents
********************************/
.AgentListItem {margin:0 0 20px;}
.PropertyDetail .Agents {border:1px solid #e4e4e4;margin-top: 20px; padding:20px 20px 0px 20px;border-radius:5px}
.PropertyDetail .AgentImage { float: left; width:60px; border-radius:10px; overflow: hidden;background-color:#eee}
.PropertyDetail .AgentInfo { float: right; width:82% }
.PropertyDetail .AgentInfo i {width:24px;height:24px;line-height:24px;margin:0 5px 0 0;display: inline-block;text-align: center;font-size: 14px;background: #bb9f6c;border-radius:3px; color:#fff}
.PropertyDetail .AgentInfo .label { display: none }
.PropertyDetail .AgentInfo .AgentName { font-size: 18px; margin:0 0 5px 0; color:#111; letter-spacing:0.5px}
.contactAgent .ui-button .ui-button-text {text-transform:uppercase}
.AgentEmail a{color:#111; text-decoration:underline}
.AgentEmail a:hover{color:#bb9f6c}

/*Contact button
********************************/
.contactAgent {width:50%; float:left;text-align:center; margin-right:3%; margin-top:20px}
.contactAgent .display-label { font-weight: 600 }
.contactAgent a { width: 100%; margin-top: 10px; letter-spacing:1px}
.contactAgent a:first-child:last-child { margin-top: 0px }
.contactAgent .ContactLink {background:#bb9f6c;}
.contactAgent .ContactLink:hover{background:#111;color:#fff}
.contact_dialog_box { display: none }
.SendToFriend {text-align:center; margin:20px 0 0;}
.SendToFriend a { width:40%; background:#eee; color:#111;border:solid 1px #ccc;text-align:left;padding:0 30px;backgroun:url(/Content/Archive/757/converter-2-599035.pn) top left 10px no-repeat !important;background-size:20px !important;letter-spacing:1px}
.SendToFriend a:hover{background:#bb9f6c; color:#fff;border:solid 1px #bb9f6c;}

.filelinkdownload a, .DownloadFile a{ background:#eee;border:solid 1px #ccc; display:block; padding:0 20px; border-radius:3px;text-align:center;margin-top:20px;text-decoration:none !important;width:fit-content; height:40px; line-height:40px; font-size:15px}
.filelinkdownload a:hover, .DownloadFile a:hover { background:#21ade4;border:solid 1px #21ade4;color:#fff; text-decoration:none}

/*Places Of Interest
********************************/
.propertyPlaceOfInterest {border:solid 1px #e4e4e4;margin:20px 0 0; padding:20px 20px 10px 20px; border-radius:5px}
.propertyPlaceOfInterest li { font-size: 16px; text-align: left; padding:0 0 10px 0}
.propertyPlaceOfInterest li span { font-size:16px;font-weight:600; display: block; color:#111; padding:0 0 5px; letter-spacing:0.5px}

/*Real Estate Trends
********************************/
.Price_Average {font-size:36px; color:#111; width:60%;float:left; margin:10px 50px 0 0; letter-spacing:1px}
.Price_Average_Percent_Panel {font-size:18px;color:#fff; width:70px; height:70px; float:right; text-align:center; line-height:70px;}
.Price_Average_Percent {background:#25bab0;  border-radius:50%}
.AveragePriceAll .Price_Average_Percent {background:#fd373a;}
.AveragePriceSimilar {clear:both; display:block; overflow:hidden}
.AveragePriceAll {margin-top:20px; padding:20px 0 0 0;overflow:hidden;  border-top:solid 1px #e4e4e4;}
.PropertyAveragePrice {border:solid 1px #e4e4e4; padding:20px 20px; border-radius:5px; overflow:hidden; margin:20px 0}
.PropertyAveragePrice h3 {font-size:16px !important; line-height:1.5em; padding:0 0 10px !important; margin:0 !important}

/*Similar Properties
********************************/
.PropertyRelated .Property {margin-left: 5%;width: calc((100% - 10%) / 2)}

/*Welcome
********************************/
#Section24447 {padding:0 10% 0 0}
#Section24447 h1 {font-size:28px;color:#fff; text-transform:uppercase}

/*Newletter
********************************/
#Section24458{padding:5%; border:solid 1px #333; margin:0 0 0 5%}
.FooterSectionsWrapper:first-of-type .control-group label { display:none }
.FooterSectionsWrapper:first-of-type .section-item:last-of-type p {margin-top:0;}
.FooterSectionsWrapper:first-of-type .section-item:last-of-type p:last-of-type { display:none }
.FooterSectionsWrapper:first-of-type .section-item:last-of-type .Description { display:none }
.FooterSectionsWrapper .control-group input {float:left;width:80%;padding:3px 20px;margin-top:0; border-radius:2px 0 0 2px}
.FooterSectionsWrapper .btSend {padding:0 20px !important;border-radius:0; background:#333}
.FooterSectionsWrapper .btSend:hover{background:#c8a460}

/************************************************
Footer
*************************************************/
#Footer {background: #090808;color:#999;padding:5% 10% 2% 10%}
#Footer h3 {color:#fff;}
#Footer p {color:#999}
#Footer strong {color:#eee}
#FooterSectionsWrapper22593 {padding:5% 0 0; text-align:center}
#Footer a {color:#eee}
#Footer a:hover{text-decoration:underline; color:#bb9f6c}
#FooterSectionsWrapper24418 {padding:5% 0 4%}
#FooterSectionsWrapper24442 {padding:5% 0 3%}
#Footer h4{color:#fff; text-transform:uppercase; letter-spacing:1px}

/*Contact info
******************************/
#Article106672 {padding:0 20px 0 0}


/*Follow us
******************************/
#Article106659 ul { padding: 0; list-style: none }
#Article106659 li { margin-top: 15px; padding: 0; line-height:1.4em}
#Article106659 li+li { margin-top:12px }
#Article106659 li a { line-height: 16px; letter-spacing:0.5px }
#Article106659 li a:before {content: ""; width: 18px; height: 18px; display: inline-block; background: url(/Content/Archive/732/social-icon-538062.png	) right top no-repeat; vertical-align:top; margin-right: 10px;}
#Article106659 li:nth-child(1) a:before { background-position: right top -18px }
#Article106659 li:nth-child(2) a:before { background-position: right top -54px }
#Article106659 li:nth-child(3) a:before { background-position: right top -0px }
#Article106659 {padding:0 20px 0 0}

/*Scan
******************************/
#Article106940{text-align:center}
#Article106940 img{height:120px;padding:0 30px}
#Article106940 p{display:inline-block;font-weight:400;color:#fff;font-size:15px}

/*Copyright
******************************/
.Copyright .Ingress {padding:30px 0px;text-align: center;}
.Copyright .Ingress p {margin:0; font-size:13px;letter-spacing:1px;font-weight:400}
.Copyright a {text-decoration:underline; color:#555}