@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Noto+Sans+Thai:wght@400;500;700;800&display=swap');

/*Body
----------------------------------*/
body {font-family: 'Montserrat','Noto Sans Thai', sans-serif; font-size:14px; font-weight:500; color:#666;}
p {margin: 0 0 0px 0; font-weight:500; font-size:14px; letter-spacing:0.5px;  color:#333;}
p:last-child{margin:0}
strong {font-weight:700; color: #111;}
img{max-width:100%}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat','Noto Sans Thai', sans-serif; font-weight:600;color: #111;letter-spacing:0.5px;margin:10px 0; line-height:1.3em}
h1.Title {font-size:32px;font-weight:600; line-height:normal; padding:0 0 20px 0; letter-spacing:1px; margin:0}
h2{font-size:24px; line-height:normal}
h3{font-size:22px}
h4{font-size:18px}
h6{font-size:16px}
h2 a{font-size:18px}
.Body h2{font-size:36px;margin:20px 0}
.section-header h2.title{font-size:36px;font-weight:700;padding:0 0 30px 0;margin:0 0 30px;position:relative;letter-spacing:1px;border-bottom:solid 3px #ed1c24}
h2.ArticleTitle span{font-size:30px; font-weight:600}
.listArticle h2.Title {font-size:30px}
#Article106482 .listArticle h2.Title,
#Article106483 .listArticle h2.Title {font-size:24px}

a:link, a:visited, a:active, a:focus {color: #111; text-decoration: none; transition:0.3s}
a:hover { color: #ed1c24; text-decoration: underline }

.Body p{font-size:16px;margin:0 0 20px 0}
.Body a{text-decoration:underline}
a.btn.btn-primary{text-decoration:none}
.home-page main{padding:0}


.btn{font-size:inherit}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00469e;
    --bs-btn-border-color: #00469e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00469e;
    --bs-btn-disabled-border-color: #00469e;
	font-weight:500
}

textarea.form-control {min-height:100px}

/*House for rent
****************************/
#main-section-25273 .pre-header{position:relative;text-align:right;top:50px;color:#ed1c24}
#main-section-25274 .pre-header{position:relative;text-align:right;top:50px;color:#ed1c24}

/********************************************************
New css master V3
*********************************************************/
/***************************
BASIC
****************************/
.form-select {font-size:inherit;color:inherit;font-weight:500}
.form-control {font-size:inherit;color:inherit;margin:0 0 10px 0}

/**********************************
Search
***********************************/
#section-25270{padding:0 5%}
#main-section-25270{position:relative}
#section-section-25271{position: absolute;width:62%;bottom: 10%;left: 50%;transform: translateX(-50%);}
#section-section-25271 .section-header h2.title{border:none;margin:0;padding:0 0 20px;color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,0.5);text-transform: unset}
.PropertySearchBox{background:#fff;padding:20px 20px 10px 20px;border-radius:10px;border:solid 1px #eee;}
.Purpose  { position: absolute; clip: rect(0,0,0,0)}
#radioListPurpose label {border: 0;height: 40px;font-weight: 400;padding: 0 20px;line-height: 40px;background: #ccc;cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:5px}
#radioListPurpose label:hover{background: #d10b13;cursor:pointer}
#radioListPurpose input:checked + label { background: #ed1c24; color: #fff }
.RadioListItem{display:inline-block;margin:0 0 10px}



/**********************************
Header
***********************************/
#section-25255{background:#ed1c24;padding:0 5%;text-align:right}
#section-25255 h4{font-size:14px;color:#fff;margin:0 0 0 20px;padding:5px 0;display:inline-block}
#section-25255 h4 a{color:#fff}
#section-25255 h4 a:hover{color:#111}
#section-25256{padding:0 5%;box-shadow:0 10px 10px rgba(0,0,0,0.1)}
.home-page #section-25256{padding:0 5%;box-shadow:0 10px 10px rgba(0,0,0,0)}
#article-106394 p{margin:0}
#article-106394 img{max-height:80px;padding:15px 0}

/*Slide
******************************/
#main-section-25275{padding:0 5%;border-radius:20px}
.carousel-item img{border-radius:10px}

/**********************************
Menu
***********************************/
/*Menu
***************************/
.navbar-expand-lg .navbar-collapse{justify-content:center;}
.navbar{background:transparent !important;margin:13px 0 0;}
.nav-item:last-child{background:#00469e;;border-radius:5px;}
.nav-item:last-child:hover{background:#0164e0}
#nav-item-14248 a{color:#fff}
#nav-item-14248 a:hover{text-decoration:none}
a.nav-link{font-size:16px;font-weight:600;letter-spacing:0;text-decoration:none;margin:0 5px}
a.nav-link:hover{color:#ed1c24}
.navbar-nav .nav-link.active{font-weight:600;color:#ed1c24}

.dropdown-menu > li:hover{ background-color: transparent }
.dropdown-menu{background:#ed1c24;padding:10px 10px;}
a.dropdown-item{font-size:15px;font-weight:600;color:#fff !important;padding:7px 10px;text-decoration:none}
a.dropdown-item:hover{color:#fff !important;background:#ff252e;text-decoration:none;border-radius:5px}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:visited {background-color:#ed1c24;border-radius:3px}

/**********************************
Homepage
***********************************/
/*Welcome
**********************/
#article-106398{border-top:solid 1px #ddd;padding:7% 0 0}
#main-section-25254{
  background:#fff;color:#111;padding:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:relative;
}
#main-section-25254 p{color:#111; font-size:17px}
#main-section-25254 h1{color:#111;font-weight:300;font-size:46px;letter-spacing:3px}
#main-section-25254 h1 strong{color:#111;font-weight:500;}
#main-section-25254 h2{font-size:20px;color:#fff}
#main-section-25254 h3{color:#111;letter-spacing:3px}
#main-section-25254 img{border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,0)}
#main-section-25254 a.btn.btn-primary{border-radius:40px;background:#ed1c24;border:solid 1px #ed1c24;color:#fff;padding:10px 20px}
#main-section-25254 a.btn.btn-primary:hover{background:#cd1017;border:solid 1px #ed1c24}

/**********************************
Language Menu
***********************************/
.LanguagePanel {top:30px;float:right;}
.LanguagePanel a {background-size:30px;}
.LanguagePanel a.LanguageLinkde {background-image: url(https://files.expub.net/Content/Archive/754/language-779917.png) !important;background-position:bottom !important}
.LanguagePanel a.LanguageLinken {background-image: url(https://files.expub.net/Content/Archive/754/language-779917.png) !important;background-position:top !important}
.FlagOnly .LanguagePanel a {height:30px !important}

/*Header
-----------------------------------*/
#HeaderArea {box-shadow:0 0 15px rgba(0,0,0,0.2);position: fixed;left: 0;top: 0;right: 0;z-index: 1080;background: #fff}
.HomePage #HeaderArea {box-shadow:0 0 15px rgba(0,0,0,0)}
#HeaderArea p {padding:0; margin:0}
.Logo img{max-height:76px; padding:15px 0}
.Logo{z-index:999}

/*Call us
-----------------------------------*/
#Section24407 { justify-content: flex-end }
#Section24407 h4{font-size:14px; font-weight:600}
#HeaderContentSectionsWrapper24407 {position:absolute; top:5px; left:0; right:0}

/***********************************************
By Jakkrit
***********************************************/
/*OUR PARTNER
*********************************/
#article-106626 p {display:inline-block; margin:1% 3%}
#article-106626 img {max-height:100px; }
#main-section-25253 {text-align:center; padding:5% 0}
#main-section-25253 .section-header h2.title {border:none;margin:0}

/*HOT PROPERTIES
*********************************/
.ListTopFeatured .CurrencyConverter{font-size:15px; letter-spacing:1px; cursor: pointer; text-decoration:underline;height:20px;padding:0px 25px 0px 25px;background:url(/Content/Archive/754/converter-586848.png) top left no-repeat; background-size:20px;font-weight:600}

/*LATEST CONDO FOR SALE
*********************************/
#main-section-25307 .HotPropertyRibbon{display:none}

/*What People Say
*********************************/
#MainContentSections24200 {border-top:solid 1px #ddd; margin-top:5%; padding:5% 0 0 0; text-align:center}
#MainContentSections24200 h2 {font-size:16px;background: url(/Content/Archive/393/star-440104.svg) center top 0px no-repeat; padding:40px 20px 0;}
blockquote {border-left: 3px solid #eee;}
blockquote, blockquote p {font-size: 16px;color: #111; padding:40px 20px 0px 20px}
blockquote{background: url(/Content/Archive/393/quote-440103.svg) left 30px top no-repeat;}



/*************************************************************************************
Property by Jorge
**************************************************************************************/
/*Property List
---------------------------------------*/
.PropertyStyle6 .Property .PropertyInfo .Title h3 {padding: 10px 0px; font-size: 15px; font-weight:600; letter-spacing:0.5px}
.PropertyStyle6 .Property .PropertyInfo .Title h3 a {color:#111}
.PropertyStyle6 .Property .PropertyInfo .Title h3 a:hover{color:#ed1c24}
.PropertyStyle6 .Property .PropertyInfo .Title .Ref a:hover{background:#ed1c24; text-decoration:none}
.PropertyStyle6 .Property #PriceSell .Ovlist, .PropertyStyle6 .Property #RentPrice .Ovlist {font-size: 13px; font-weight: 500; color: #555; text-transform:uppercase; letter-spacing:1px}
.PropertyStyle6 .Property .PropertyInfo li .Value {font-size:13px;}

.PropertyRibbon:before {border-bottom-color: #ed1c24;}
.CurrencyConverter{font-size:15px;  color:#004c98; letter-spacing:1px; cursor: pointer; text-decoration:underline;height:20px;padding:0px 25px 0px 25px;background:url(/Content/Archive/754/converter-586848.png) top left no-repeat; background-size:20px;font-weight:600}
.CurrencyConverter:hover{color:#111;background:url(/Content/Archive/754/converter-586848.png) bottom left no-repeat;background-size:20px;}


/***Paging
*********************************/
a.PageButton{text-decoration:none}
.Paging, .search-result-paging {position: relative;padding: 40px 0px;margin: 0px 15px;text-align: center;font-size: 14px}
.m input.PageButton[type="submit"], input.PageButton[type="submit"], .PageButton, .btn-gotopage {
	width: 32px;
	padding: 0px;
	line-height: 30px;
	height: 32px;
	background: #fff;
	margin: 10px 4px 0px 4px;
	border: 1px solid #ccc;
	display: inline-block;
	color: #ccc;
	border-radius: 2px;
	vertical-align: top;
	font-weight: normal;
}

input.PageButton[type="submit"]:hover {background: #fff;}
input.PageButton[type="submit"].active, .PageButton.PageButtonActive, .PageButtonActive {background: #0d121e;border: 0px;color: #fff}
input.PageButton[type="submit"].PageStep,.PageButton.FirstPage,.PageButton.LastPage {width: auto;border: 0px;background: none}

.PageButton.PreviousPage, .PageButton.btn-preview, .PageButton.btn-preview-disabled,
.PageButton.NextPage, .PageButton.btn-next, .PageButton.btn-next-disabled {
		position: relative;
		top: 0px;
		min-height: 0px;
		width: 32px;
		height: 32px;
		border: 0px;
		background: #fff;
		overflow: hidden;
		font-size: 0px;
		overflow: hidden
}

.PageButton.PreviousPage:after, .PageButton.btn-preview:after, .PageButton.btn-preview-disabled:after,
.PageButton.NextPage:after, .PageButton.btn-next:after, .PageButton.btn-next-disabled:after {
			content: "";
			display: block;
			position: absolute;
			border-top: 2px solid #999;
			border-left: 2px solid #999;
			border-bottom: 2px solid transparent;
			border-right: 2px solid transparent;
			width: 10px;
			height: 10px;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			margin: auto
}

.PageButton.PreviousPage:after, .PageButton.btn-preview:after, .PageButton.btn-preview-disabled:after {left: 0px;transform: rotate(-45deg)}
.PageButton.NextPage:after, .PageButton.btn-next:after, .PageButton.btn-next-disabled:after {right: 0px;transform: rotate(135deg)}

/*Property Detail
---------------------------------------*/
.property-details-header.Title h1{font-size:24px;letter-spacing:0px}
.PropertyDescription span {font-family: 'Montserrat', sans-serif !important; font-size:14px;}
.property-details-column2 .Overview li .value {color:#555; font-weight:500}
.property-details-column2 .Overview li .label {color:#111}
.property-details-column1 .ShowFeatures > div:before {width: 10px; height: 5px; border-left: 2px solid #6fc540; border-bottom: 2px solid #6fc540; left: 5px; top: 2px;}
.addthis_toolbox {top:20px !important;}
.PropertyDescription {border-top: 0px solid #e4e4e4;}
.PropertyDescription p {font-size:14px}
.property-details-column2 .PropertyPriceList .value {font-size:16px; letter-spacing:1px; margin-bottom:20px}
.property-details-column2 .PropertyPriceList #SalePrice .label, .property-details-column2 .RentalPricePanel h3 {color: #62a73c; font-weight:500; letter-spacing:1px; text-transform:uppercase; font-size:14px}
.property-details-column2 .PropertyPriceList .label  {font-size:14px; letter-spacing:1px; text-transform:uppercase; font-weight:500}
.PropertyPriceList .value{color:#111;}
.PropertyDetail .property-details-column1 h3 {margin: 0 0 10px 0}



.PropertyRelated {padding:60px 0}
.property-details-column1 .ShowFeatures > div {font-size:14px}
.contactAgent .ContactLink {background:#ed1c24}
.contactAgent .ContactLink:hover{background:#d8040d; text-decoration:none}

/***Tag
*******************************/
.TagCloudList > span {background: #eee;margin-top: 5px;padding:3px 8px;border-radius: 2px;transition: all 0.2s;display: inline-block;}
.TagCloudList > span:hover{background: #dbdbdb}
.TagCloudList > span a {font-size:13px;color: #555}
.TagCloudList > span a:hover{text-decoration:none}

/***Facilities
*******************************/
.property-feature ul{padding: 0; list-style: none;}
.property-feature li{line-height:20px;position:relative;padding-left:25px;margin:0 0 10px}
.property-feature li:before {position: absolute; left: 0px;content: ""; width:22px; height:22px; display: inline-block; background: url(/Content/Archive/222/place-icon-658594.png) left bottom no-repeat; vertical-align:top;background-size:22px}


/*News Botton
===========================*/
#section-item21788 {display:}
#section-item21788 > div {}
#section-item21788 .sub-btn1 {background: #ff0000;padding: 5px 5px;box-sizing:border-box;float: left;border: 1px solid red;float: left;}
#section-item21788 .sub-btn1 a { color:#fff; }
#section-item21788 .sub-btn2 {background:url('/web/20190404113103im_/https://www.siamproperties.net/Content/Archive/58/newspaper-383096.png')no-repeat right 10% center #fff;padding: 5px 5px;border: 1px solid red;float: left;}
#section-item21788 .sub-btn2 a { color:#ff0000;width:100% }
#section-item21788 .Ingress {/* border:1px solid red; */}
#section-item21788 {position:absolute;z-index:2;top:25px;right:14.2%;}

.PropertyImage { overflow: hidden }
.PropertyImage a { transition: all 0.3s }
.PropertyImage a:hover { transform: scale(1.1); }

.TagContentsTitle {width:1200px; margin:auto;padding-bottom:15px}

.Outpage12746 .Four .Title {border-left:solid 3px #174090;padding:0 20px;margin:20px 0 20px;}

.PageSystemMessageIndex .ContentAreaPanel {
    width: 1200px;
    margin: auto;
}
.FormPage .formDesc img {width:150px;}

#Section24215, #Section24324 {padding:0 15%}

/*****************************************************
About us
******************************************************/
#Article89306 {text-align:center; padding:5% 15%}
#Section22793 {text-align:center}
#Section22793 img {border-radius:50%;width:70%; margin-bottom:20px}

/*****************************************************
Services Page
******************************************************/
#page-14362 main .Body h2{font-size:2.2rem;font-weight:700;color:#fff;background:#ed1c24;padding:2rem;margin:0 0 20px 0;border-radius:25px}
#page-14362 main .Body h3{font-size:1.6rem;font-weight:500;margin:20px 0;line-height:1.2em}
#page-14362 main .Body h3 strong{font-weight:800;margin:20px 0;line-height:1.2em}
#page-14362 main .Body li{font-size:16px;color:#111;line-height:1.3rem;padding:5px 0}
#page-14362 main .Body img{border-radius:20px}

/**************************************
Contact us page
***************************************/
#contactForm{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);padding:50px;border-radius:10px}
textarea.form-control{margin:0 0 20px;min-height:12vh}
#contactForm .form-group{margin:0 0 15px}
#contactForm label{font-weight:500;font-size:16px;color:#131b2a}
.formDesc a{text-decoration:underline}
.formDesc h2 {margin:0}
.formDesc h4 {font-weight:600; margin:20px 0 0px}
.formDesc i {color:#ed1c24;font-size:20px;margin:0 10px 0 0}

/*Thank you
*******************************************/
.FormPage .formConfirm {background:none;padding:0px 0px 0px 0px;text-align: left}
.Confirm {padding:0 0 5% 0}
.Thank{width:40%; display:inline-block;vertical-align:top; margin:0 5% 0 0}
.Thank h2{margin:20px 0 0}
.Thank a{text-decoration:underline}

/*****************************************************
Footer
******************************************************/
#Article70120 .Ingress > div:nth-child(4) li a:before { content: ""; width: 17px; height: 17px; display: inline-block; background: url(/Content/Archive/623/social-icons-428495.png) left top no-repeat; vertical-align:top; margin-right: 10px }
#Article70120 .Ingress > div:nth-child(4) li:nth-child(2) a:before { background-position: left top -17px }
#Article70120 .Ingress > div:nth-child(4) li:nth-child(3) a:before { background-position: left top -34px }




 /*Welcome on bottom
*******************************************/
#MainContentSectionsWrapper24197 {background: rgb(9,60,111);background: linear-gradient(221deg, rgb(9 60 111) 0%, rgba(0,76,152,1) 40%, rgb(14 105 195) 100%);padding:5% 0 5% 0;text-align:center;}
#MainContentSections24197 {padding:0 10%;}
#MainContentSections24197 .PreHeading {font-size:22px; font-weight:400; text-transform:uppercase; letter-spacing:3px; color:#fff; margin:0}
#MainContentSections24197 p{font-size:17px;color:#fff; margin-bottom:30px; font-weight:400}
#MainContentSections24197 h1 {font-size:50px;color:#fff; text-transform:uppercase; font-weight:600}
#MainContentSections24197 h4 a{font-weight:500;color:#fff; display:inline-block;font-size:18px; border:solid 2px rgba(255,255,255,0.3);padding:10px 20px; text-decoration:none; border-radius:50px}
#MainContentSections24197 h4 a:hover{background:rgba(0,0,0,0.2);color:#fff;border:solid 2px rgba(0,0,0,0.1);padding:10px 20px;}
#MainContentSections24197 h4 a:before {content: ""; width:20px; height: 20px; display: inline-block; background: url(/Content/Archive/393/icon-contact-440585.png) left top no-repeat; vertical-align:top; margin-right: 10px;}

/************************************************************
FooterArea
*************************************************************/
#FooterSectionsWrapper24193 {padding:4% 0;}
#FooterArea p{color:#999}
#FooterArea strong{color:#999}
#FooterArea a {text-decoration:underline; color:#ccc}
#FooterArea a:hover{text-decoration:underline; color:#ed1c24}
#FooterArea {letter-spacing:1px; background:#111; color:#ccc}
#FooterArea h4 {font-weight:500; font-size:14px; letter-spacing:1px; color:#fff}

/*Follow us
******************************/
#Article106400 {padding:0 0 0 50px}
#Article106400 ul, #Article87446 ul{ padding: 0; list-style: none;  font-size:13px}
#Article106400 li {padding: 0; }
#Article106400 li+li { margin-top:10px; }
#Article106400 li a:before {content: ""; width: 17px; height: 17px; display: inline-block; background: url(/Content/Archive/623/social-icons-428495.png) left top no-repeat; vertical-align:top; margin-right: 10px;}
#Article106400 li:nth-child(2) a:before { background-position: left top -17px }
#Article106400 li:nth-child(3) a:before { background-position: left top -34px }



/*About us
********************************/
#Section24211{text-align:center; padding:0 8% 5% 8%}
#main-section-25218 {text-align:center}
#section-25218 .Image img{border-radius:50%;padding:30px 70px 0}
#section-25218 h2{font-size:18px; margin:20px 0 0;}

/*Our team
********************************/
#article-106409 h1{font-size:44px;text-transform:uppercase;font-weight:600}
#Section24210 {text-align:center}
#Section24210 .Image {padding:10px 60px}
#Section24210 .Image img{border-radius:50%}
#Section24210 h2{font-size:16px; margin:20px 0 0;}

#main-section-24210 ul { padding: 0; list-style: none;}
#main-section-24210 li {font-size:14px;padding:0 0 5px;line-height:1.4em}
#main-section-24210 i{font-size:14px;color:#ed1c24;margin:0 5px 0 0;vertical-align:middle;width:1.25rem;text-align:center}
#main-section-24210 p{margin:0 0 10px}
#main-section-24210 h2.Title{font-size:15px;letter-spacing:0px}
#main-section-24210 .ImageCover{padding:0 20px 0 0}

/************************************************************
Footer
*************************************************************/
footer .Body p{font-size:14px}
footer{
  background:#0d121e;
  color:#ccc;
  padding:5% 0;
  background-repeat:no-repeat;
  background-position:top left;
  background-size:100%;
  position:relative;
  clear:both
}
footer p{color:#ccc;font-weight:500}
footer h2{font-size:16px;color:#fff;margin:0 0 10px 0}
footer h3{font-size:16px;color:#fff}
footer h4{font-size:16px;color:#fff;margin:0 0 10px 0}
footer a{color:#fff !important;text-decoration:underline !important}
footer a:hover{color:#ed1c24 !important}
footer strong{color:#fff}
footer .section-header h2.title{padding:0 0 20px 0;margin:0;text-align:left;text-transform:unset;letter-spacing:2px;border:none}


#article-106396{padding-right:10%}
#article-106401 ul{font-size:14px;padding:0;margin:0 0 0 20px}
#article-106401 li{ margin:0 0 10px }

/*Follow us
************************/
#article-106400 ul { padding: 0; list-style: none;}
#article-106400 li { font-size:14px;margin:0 0 15px 0; padding: 0;letter-spacing:1px;}
#article-106400 li{position:relative;}
#article-106400 i{font-size:20px;margin:0 10px 0 0;}

/* Copyright
************************/
.Copyright .Ingress p{font-size:13px; color:#999; letter-spacing:1px; margin:0}
.Copyright .Ingress {padding:5% 0 0;text-align:center}


/**************************************************************
Property List by Jorge
**************************************************************/
.property-item{margin:20px 0}
.property-item-image a{border-radius:5px}
.property-item-image a:before {content: "";position: absolute;bottom: 0px;left: 0;right: 0;height:40%;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.85));transition: all 0.2s;border-radius:5px}
.property-price .sale{display:block}
.property-item .property-info > .row { align-items: end}
.property-info .col-7{height:60px}

.property-info h4{font-size:14px;font-weight:600;line-height:normal;min-height:40px;margin:10px 0 0}

.property-price{font-size:14px}
.property-price text{font-weight:600;color:#111;letter-spacing:1px;font-size:16px}

.more-details {text-align: right;}
.more-details a{background:#00469e;color:#fff;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;text-align:center;width:fit-content;border-radius:5px;text-decoration:none;padding:7px;right:12px}
.more-details a:hover{background:#1b73e1;color:#fff}
.link-to-details { position: relative; padding-right:20px !important}
.link-to-details:after { content: ""; position: absolute; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); margin: auto; top: 0; bottom: 0; right:7px }
.link-to-details:before { content: ""; position: absolute; width: 10px; height: 1px; border-top: 1px solid #fff; margin: auto; top: 0; bottom: 0; right:7px }
.link-to-details:hover:after {border-top: 1px solid #fff; border-right: 1px solid #fff;}
.link-to-details:hover:before{border-top: 1px solid #fff; border-right: 1px solid #fff;}
.property-code{background:rgba(0,0,0,0.6);color:#fff;padding:0px 5px;margin:5px 0 5px 10px;font-size:12px;font-weight:500;letter-spacing:0.5px;border-radius:3px;height:22px;line-height:22px}


/*Property Related
********************************/
.PropertyRelated .property-info h4{font-size:16px;height:auto}

/* Property info
********************************/
.property-ribbon-wrapper { position: absolute }
.property-item-image a { padding-top: 62.25%; display: block; background-size: cover; background-position: center center }
.property-item-image a > div {bottom: 5px;color:#fff;font-size:14px}
.property-item .property-unit {font-size:13px;display: flex;align-items: center;margin:5px 0;}
.property-item .property-unit label { font-size: 0; width: 22px; height: 22px; background: url(https://files.expub.net/Content/Archive/754/icon-property-779681.png); background-size:44px}
.property-item .property-unit.bathrooms label { background-position: 0px -22px }
.property-item .property-unit.living-area-size label { background-position: 0px -44px }
.property-item .property-unit.area label { background-position: right -66px }
.property-item .property-unit.land-size label { background-position: 0px -44px }

/*Hot property Ribbon
********************************/
/*Property Ribbon
********************************/
.PropertyRibbonWrapper{position: absolute;left:0;width:100%}
.PropertyRibbon{position: absolute;left: 10px;bottom: 40px;width: auto;z-index: 1;color: #fff;font-size: 14px}
.HotPropertyRibbonWrapper[style="display: none"] {display: block !important}
.HotPropertyRibbonWrapper{position: absolute;top:10px;width:auto;left:auto;right:10px;    transform: rotate(0deg);}
.HotPropertyRibbon{background:#f94b44;width:fit-content;padding:0 10px;border-radius:30px;line-height:30px;left:auto}
.HotPropertyRibbon:after {content: "HOT"}
.ResalePropertyRibbonWrapper{position: absolute;top:0;right:auto;left:0;-webkit-transform: rotate(0deg);}
.ResalePropertyRibbon{background:#4caf50;width:fit-content;padding:0 5px;margin:0;text-align: center;position: absolute;line-height: 24px;left: 10px;right: 0px;top:10px;z-index: 1;color: #fff;font-size: 11px;letter-spacing:0.5px;border-radius:3px;text-transform:uppercase}

/****************************************
Slide
****************************************/
.nivoSlider:after {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgb(0 0 0 / 0%) 50%);
	content: "";
	display: block;
	z-index: 5;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}
.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: #1f7ed9 }
.theme-default a.nivo-prevNav {left:2% !important}
.theme-default a.nivo-nextNav {right:2% !important}
.carousel-control-next, .carousel-control-prev {z-index: 999 !important;width:70px;height: 70px !important;margin: auto;padding:10px}
.carousel-control-prev {left: 3%}
.carousel-control-next {right: 3%;}



/****************************************
PropertyDetail
****************************************/
.Overview{color:#111;line-height:2em}
#property-units .PropertyType, #property-area-box, #property-location-box, #property-livingrooms-box,#property-kitchenType-box{display:none}
.property-details-column2 h3{margin:0}
.property-details-column2 h4{margin:0;font-size:22px}
.PropertyAgents h6{margin:0}
.PropertyAgents {border-radius: 5px;margin-bottom: 20px;padding:20px}

.PropertyDetail h1 {font-size:32px;margin:0 0 20px;}
.PropertyDetailUnit > div:nth-of-type(n+2) {border-top: 0px solid #f9f9f9;}
.PropertyDetailUnit{width:100%;overflow:hidden;margin:0 0 30px;color:#111;padding:0;border:none}

.PropertyDetailUnit>div{float:left;width:20%;line-height:30px}
.PropertyDetailUnit > div:before {content: "";float: left;width:35px;height:30px;background: url(/Content/Archive/754/icon-property-670994.png) no-repeat;vertical-align: top;	background-size:30px;opacity:0.5}
.TitleRef {background:#333;color:#fff;padding:0 10px !important;text-align:center;width:fit-content !important;border-radius:5px;margin:0 20px 0 0 !important}
.PropertyDetailUnit .TitleRef:before {background:none;width:0}
.PropertyDetailUnit .TitleBedroom:before {background-position: 0px 0px;}
.PropertyDetailUnit .TitleBathroom:before {background-position: 0px -30px;}
.PropertyDetailUnit .TitleLiving:before {background-position: 0px -60px;}
.PropertyDetailUnit .TitleLocation:before {background-position: 0px -90px;}

.property-price-list{border:solid 1px #ddd;padding:20px;border-radius:5px}
.PriceValue{display:block;font-size:32px;color:#111}
.PriceValue > a.PriceValue { display: inline }
.RentalPriceValue{font-size:20px;font-weight:600;color:#111}


#to-fullscreen{position:absolute;top:auto;left:0;bottom:10px}
.image-slide-content {height:600px;}
.image-slide-content img{border-radius:0px !important; max-height:600px;}


.to-fullscreen-image{border:solid 4px #ccc;transition:0.3s;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.to-fullscreen-image:hover{border:solid 4px #fff;box-shadow:0 0 10px rgba(0,0,0,0.5);opacity:1}

.property-details-column2 .Overview {border:solid 1px #e4e4e4;padding:20px;border-radius:5px;margin:20px 0 0}
/*.property-details-column2 .Overview h3{padding:0 0 10px 0}*/

/*Property Contact
******************************/
.property-details-column2 .contactAgent {border: 1px solid #e4e4e4;padding:20px;border-radius:5px}
.PropertyContact h1{margin:0 0 10px}
#btnSubmit{background:#00b74a;border:none;width:100%;padding:18px 0;letter-spacing:0.5px;font-weight:500;font-size:16px;height:auto;border-radius:5px}
#btnSubmit:hover{background:#01983e}

@media screen and (max-width:1024px) {
	
/**************************************
By Jakkrit 
**************************************/
.section-header h2 {font-size: 20px;margin: 0 0 20px 0;padding: 0 0 20px 0}
h4.pre-header {font-size: 16px}
	
/**************************************
Header Mobile
**************************************/
#article-106394 img {height: 50px;padding:8px 0;}
#section-25256{padding:0}
.home-page #section-25256{padding:0}

/*Contact on top
***************************/
#section-25255 {background: #ed1c24;padding:5px 0}
#article-107857 li{margin:0 5px 0 0;font-size:15px}
#section-25255 h4 {font-size: 13px;color: #fff;margin: 0 0 0 10px;padding:0;letter-spacing:0}

/*******************************
Home page mobile
********************************/
/*Slide mobile
******************************/
#section-section-25275.col{padding:0}
#main-section-25275{padding:0;border-radius:20px}
.carousel-control-prev {left:0%}
.carousel-control-next {right:0%;}
#main-section-25254{padding:30px 0}
#main-section-25254 h3 {font-size:18px;letter-spacing:2px;margin:20px 0 0}
#main-section-25254 h1{font-size:32px;letter-spacing:2px}

/*Search for this site
******************************/
#section-25270{padding:0}
#section-section-25271{position:relative;top:0;width:auto;transform: translate(-50%, 0%);}
#section-section-25271 h2.title{font-size:22px;text-transform:unset; color:#111;text-shadow:0 0px 0px rgba(0,0,0.5) !important;padding:20px 0;color:#111 !important;margin:20px 0 0 !important}

/*OUR PARTNER
*********************************/
#article-106626 p {display:inline-block; margin:2%}
#article-106626 img {max-height:45px; }
#main-section-25253 {text-align:center; padding:40px 0}

/*******************************
Menu mobile
********************************/
.navbar-nav{background:rgb(237 28 36)}
.navbar-expand-lg {margin: 0;padding: 0;width: 100%}
.menu-list-wrapper .navbar-collapse.show {width: 100%;}


/*Button Menu
****************************/
.menu-list-wrapper .navbar-toggler {
  position: absolute;
		top: -40px;
		right: 0px;
		margin: auto;
		padding: 0px;
		width:40px;
		height:30px;
		z-index:999 !important;
}

.menu-list-wrapper .navbar-toggler span { width: 100%; height: 100%; padding: 0px }
.menu-list-wrapper .navbar-toggler span i {
		margin: auto;
		width: 60%;
		height: 2px;
		border-radius: 0px;
		left: 0px;
		right: 0px;
		top: 0px;
		background: #111;
		display: block;
		bottom: 0px;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		position: absolute;
		transition: all 0.2s
}
	.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); bottom: 12px }
	.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(2) { opacity: 1; }
	.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(3) { -webkit-transform: rotate(0deg); transform: rotate(0deg); top: 12px }
	.menu-list-wrapper .navbar-toggler span i:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
	.menu-list-wrapper .navbar-toggler span i:nth-child(2) { opacity: 0; }
	.menu-list-wrapper .navbar-toggler span i:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(-45deg) }
	
	.menu-list-wrapper .navbar-collapse.show ul {
		animation-name: MenuActive;
		animation-duration: 0.2s;
		animation-timing-function: ease-in-out;
		-webkit-animation-name: MenuActive;
		-webkit-animation-duration: 0.2s;
		-webkit-animation-timing-function: ease-in-out;
		transform:translateX(0%);
		-webkit-transform:translateX(0%);
		width:100%;
	}
	@keyframes MenuActive {
		0%   { transform:translateX(100%); -webkit-transform:translateX(100%) } 
		50% { transform:translateX(100%); -webkit-transform:translateX(100%) }
		100% { transform:translateX(0%); -webkit-transform:translateX(0%)  }
	}
	@-webkit-keyframes MenuActive {
		0%   { transform:translateX(100%); -webkit-transform:translateX(100%) } 
		50% { transform:translateX(100%); -webkit-transform:translateX(100%) }
		100% { transform:translateX(0%); -webkit-transform:translateX(0%)  }
}

/*dropdown
****************************/
ul.dropdown-menu.show{position:relative;height:auto;background:#333;padding:10px}
a.dropdown-item {font-size: 16px;color: #fff;padding:5px 10px;}

/**********************************
Language Menu mobile
***********************************/
.LanguagePanel {top:45px !important;float:none;position: absolute !important;right:65px !important; left:auto !important;margin:auto !important}
.LanguagePanel a {background-size:28px;}

/***************************
By Jorge Mobile
****************************/
/*House for rent
****************************/
#main-section-25273 .pre-header{position:relative;text-align:left;top:0px}
#main-section-25274 .pre-header{position:relative;text-align:left;top:0px}

main{padding:30px 0}
.section-header h2.title {font-size: 22px;padding: 0 0 20px 0;margin:20px 0}
footer{padding:40px 20px}
footer .section-header h2.title {padding:0;letter-spacing:1px;}
.Copyright .Ingress{text-align:left;padding:30px 50px 0 0}

/* Column 1 Property Detail Image
*********************************************-*/
	/*.Column1 {width:100%;float:none;position: relative;}
.Column2 {float: none;width:100%}*/
.PropertyDetailUnit>div{float:left;width:45% !important;padding:5px !important;margin:0 5px !important}

/**********************************
Homepage on mobile
***********************************/
/*Header mobile
*********************/
#section-section-25279-1{position:absolute;top:15px;right:60px}
.ShowAll .LanguagePanelOption a {margin-left:5px !important}

/*Article Homepage on mobile
*****************************/
#article-106398 .col-lg-6:nth-child(2) {padding: 20px 20px 0}

/**********************************
Search on mobile
***********************************/
#section-25270{padding:0}
#main-section-25270{position:relative}
#section-section-25271-4{ position: relative;width:100%;top: 0%;left: 0%;transform: translate(0%, 0%)}
#section-section-25271-4 .section-header h2.title{border:none;margin:20px 0;padding:0;color:#111;text-shadow:0px 0px 0px rgba(0,0,0,0.5)}


}

@media (min-width:992px) {
	.PropertySearchBox .RadioListItem { margin-bottom: 0 }
	.PropertySearchBox { padding: 15px }
	.PropertySearchBoxOption > * {  padding: 0 }
	.PropertySearchBoxContent .row { margin: 0 }
	.PropertySearchBoxContent .row > * { padding: 0 !important; flex: 0 0 auto; width: auto; }
	.PropertySearchBoxOption > * { margin-top: 10px }
	#PropertyCode { max-width: 100px }
	.PropertySearchBox input,
	/*.PropertySearchBox select {margin-bottom: 0;height: 35px;width: 100%;}*/
	.PropertySearchBoxOption .PropertySearchBoxButton > * { color: #fff; font-size: 14px }
	.PropertySearchBoxOption .PropertySearchBoxButton > *+* { margin-left: 2px }
	.PropertySearchBoxOption .PropertySearchBoxButton { font-size: 0 }
	.PropertySearchBoxOption > div+div { margin-left: 5px }
	.PropertySearchBoxOption .PropertySearchBoxSalePrice > * > *+* {margin-left:5px;}
	#SearchBtn { width: 74px }
	#collapseAdvancedSearch > div { margin-top: 10px }
	.PropertySearchBoxKeyword { width: 100% !important }	
}

@media screen and (min-width:769px) {  }
@media screen and (min-width:1025px) {  }
@media screen and (min-width:1281px) {  }
@media screen and (min-width:1361px) {  }


// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {...}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }