@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {font-family: 'Outfit', sans-serif;font-size:16px;font-weight:300;color:#555;letter-spacing:0.5px; text-rendering: optimizeSpeed}

/************************************************
By Jorge (New design)
*************************************************/
p{color:#555;letter-spacing:0.5px; margin:0 0 20px}
strong { color: #111; font-weight:600}
a:link,a:visited,a:active { color:#111;text-decoration:underline;transition:0.2s}
a:hover { color: #81a941;text-decoration:underline}
a.readmore {background:#81a941;font-size:16px;color:#fff;padding:10px 30px;border-radius:30px;display:block;width:fit-content;text-decoration:none}
a.readmore:hover{background:#8cc039;}
.Body p, .Body li{font-size:18px}
table{border-collapse: collapse;border: 1px solid #ccc;}
table thead th {background-color: #ececec;}
table th, table td {padding:10px;border-width: 1px;border-style: solid;border-color: #ccc;}
table p{margin:0 0 10px}
img{max-width:100%}
.ArticleDetails p{font-size:18px}
.ArticleDetails img{margin:0px 20px 10px 0px}
.btn{margin:10px 0 0;letter-spacing:1px}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d121e;
    --bs-btn-border-color: #0d121e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #81a941;
    --bs-btn-hover-border-color: #81a941;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #81a941;
    --bs-btn-active-border-color: #81a941;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #81a941;
    --bs-btn-disabled-border-color: #81a941;
	padding:8px 20px;
	font-size:15px
}



.form-select {color:#4d5b7c;font-size:15px}
.form-control{color:#4d5b7c !important;font-size:15px}

/*Heading
*********************************/
h1, h2, h3, h4, h5, h6{font-weight:500;color: #111;line-height:1.3em;margin:10px 0 10px 0;letter-spacing:1px}
h1 {font-size: 36px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size:20px;}
h6 {font-size: 18px;}
.section-header h2{font-size:32px;margin:0 0 40px 0;padding:0 0 30px 0;border-bottom:solid 3px #81a941}
h1.Title{font-size: 36px;}
.PreHeading{font-weight:300;color:#72a845;letter-spacing:2px}
h1.PreHeading{font-size: 18px;font-weight:300;color:#72a845;letter-spacing:1px;margin:0 0 10px}
h4.pre-header{font-size: 18px;font-weight:300;color:#72a845;letter-spacing:2px}

/**********************************
Homepage
***********************************/
.home-page main{padding:0}
#page-0 main{padding:0}
#main-section-25128{background:#fff; padding:5%}
#main-section-25052{background:#f1f5ff; padding:5%}
.Banner-R{clear:both;overflow:hidden}
.Banner p {font-size:17px;line-height:1.6em;}
.Banner h1 {font-size:3.6em;margin:0 0 20px; line-height:1em;color: #6d944d}
.Banner h2 {font-size:2.8em;margin:0 0 20px}
.Image-R {width:50%; float:right;padding:0 0 0 5%}
.Image-R img {border-radius:30px;max-height:500px;}
.Image-R p{margin:0}
.Text-L {width:50%; float:right; padding:0% 5% 0 0}
#Article-107855 .ArticleTitle{display:none;}
.ArticleDetails{margin:20px 0px 20px 0px;}

/**********************************
Header
***********************************/
/*Logo
***************************/
#header-section-25130{background:#fff;box-shadow:5px 5px 50px rgba(0,0,0,0.05);padding:0 5%}
.home-page #header-section-25130{box-shadow:none}
.Logo p{margin:15px 0}


/*Contact on top
***************************/
#section-25104{background:#72a845;text-align:right;padding:5px 5%;}
#section-25104 ul{margin:0}
#section-25104 li{display:inline-block;margin:0 0 0 30px;font-size:15px}
#section-25104 a{color:#fff}
#section-25104 a:hover{color:#0d121e}
#article-107857 ul {padding: 0;list-style: none;}
#article-107857 i{margin:0 10px 0 0;color:#fff}


/*Menu
***************************/
.navbar-expand-lg .navbar-collapse{justify-content: end;}
.navbar{background:transparent !important;margin:17px 0 0;}
.nav-item:last-child{background:#72a845;padding:0 15px;border-radius:30px;}
.nav-item:last-child:hover{background:#81ca44}
#nav-item-3509 a{color:#fff  !important}
#nav-item-3509 a:hover{text-decoration:none}
a.nav-link{font-size:15px;font-weight:400;letter-spacing:0.5px;text-decoration:none}
a.nav-link:hover{color:#72a845}

.dropdown-menu{background:#0d121e;padding:10px 10px;}
a.dropdown-item{font-size:15px;color:#fff !important;padding:7px 15px;text-decoration:none}
a.dropdown-item:hover{color:#fff !important;background:#72a845;text-decoration:none;border-radius:5px}
.dropdown-item.active, .dropdown-item:active {background-color:#555;border-radius:3px}

/**********************************
Search
***********************************/
#main-section-25059 .pb-3 {padding-bottom: 0rem!important;padding:0 5px}
#main-section-25059{background: url(/Content/Archive/222/bg-search-663476.jpg) center no-repeat;background-size:cover;padding:12% 0 12% 0;margin:0 2%;border-radius:10px}
#main-section-25059 .section-content{width:65%;margin:auto}
.PropertySearchBox{background:#fff;padding:20px;border-radius:10px;box-shadow: 0px 10px 15px 10px #f2f2fa;}
.home-page .PropertySearchBox{background:#fff;padding:20px;border-radius:10px;box-shadow:none}

#main-section-25059 .section-header h2 {font-size: 36px;margin:0;padding: 0 0 20px 0;border-bottom:none;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.9)}

.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: #0d121e;cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:5px}
#radioListPurpose label:hover{background: #72a845;cursor:pointer}

#radioListPurpose input:checked + label { background: #72a845; color: #fff }
/*.PropertySearchBoxContent form > div {margin-right: 20px}
PropertySearchBox .btn{background: #72a845;border:none;border-radius:40px;margin:0;text-transform:uppercase;letter-spacing:2px;width:auto}
.PropertySearchBox .btn:hover{background: #111;border:none;width:auto}*/
.PropertySearchBox .btn-primary{background: #72a845;border:none;text-transform:uppercase;width:80px; font-size:14px; text-align:center; padding: 8px 0px;}
.PropertySearchBox .btn-primary:hover{background: #111;border:none;}
.PropertySearchBox .btn-warning, .PropertySearchBox .btn-warning:hover{background: #FFB310;border:none;}
.PropertySearchBox .btn-secondary, .PropertySearchBox .btn-secondary:hover{background: #B8B4B3;border:none;}
.PropertySearchBoxContent .pb-3{ margin-top:5px;}

/**********************************
Homapge
***********************************/
/*Welcome and client
*************************/
#main-section-25134{padding:5%;}
#section-section-25128{padding:0 0% 0 0}
#section-section-25128 p{font-size:18px}
#article-107856 h1{font-size:50px;margin:20px 0}
#main-section-25107{padding:0 5% 5%;}
#main-section-25066{padding:0 5% 5%;}
#main-section-25097{padding:0 5% 5%}
#main-section-25180{padding:0 5% 5%}
#main-section-25181{padding:0 5% 5%}
#section-section-25128 .section-content{padding:0 10% 0 0;}

/*Testimonials Frontpage
****************************/
#section-section-25132 .section-content{padding:8% 15%;background:#f1f5ff;margin:0 0 0 5%;border-radius:20px;text-align:center}
#section-section-25132 img{height:130px;border-radius:50%;border:solid 7px #72a845;margin:0 0 20px}
#section-section-25132 .section-header h2 {margin: 0 0 30px 0;padding: 0;border-bottom:none}
#section-section-25132 p{background: url(/Content/Archive/222/client-663549.png) top left no-repeat;vertical-align:top;background-size:60px;clear:both;overflow:hidden;padding:3% 0 0 80px;text-align:left}
#section-section-25132 p:nth-child(3){background:none;text-align:-webkit-center;padding:20px 0 0;margin:0}

/**************************************************************
Testimonial
**************************************************************/
#section-25075 .article-item{background: #fff;margin: 20px 0;padding:30px 40px;}
#section-25075 .article-item img{border:solid 5px #81a941;width:140px;border-radius:50%;margin:0 50px 0 0;}
#section-25075 .article-item{background: url(/Content/Archive/222/clint-663020.png) top left no-repeat; vertical-align:top; background-size:15%; clear:both;overflow:hidden;padding:3% 0; margin:2% 0}
#section-25075 .article-item .Body{padding:0 20%}

/*************************************************************
Content
**************************************************************/
/*Clients
************************/
#article-5886 {text-align:center}
#article-5886 img{max-height:80px;max-width:220px;margin:40px}


/*Request info
**********************************/
.PropertyAgents{padding:30px 30px 15px;border-radius:10px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border:none}
.PropertyAgents h4{margin:0 0 10px}
.property-details .property-info-body .property-info-body-box .property-info, .property-details .property-info-body .property-info-body-box .property-contact{padding: 15px 15px 20px 15px}
.property-details .property-info-body .property-info-body-box .property-contact{padding:30px;border-radius:10px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border:none}
.PropertyContact h2{margin:0 0 10px}
.PropertyContact ul{list-style:none;margin:0 0 20px;padding:0;line-height:2em}
.PropertyContact i{color:#81a941;margin:0 5px 0 0}
.property-contact .formDesc{display:block;width:100%;float:left;padding:0 40px 0 0}
.PropertyContact .btn{background:#81a941;border:none}
.PropertyContact .btn:hover{background:#679124;border:none}
.PropertyContact h4{margin:0 0 10px}

/**********************************
FAQ
***********************************/
#section-25103 h5{font-size:22px;margin:0;}
#section-25103 h5 a{text-decoration:none}
.card{background:#fff;border:solid 1px #e8ecf8;margin:20px 0;box-shadow:0 0 20px rgba(0,0,0,0.08)}
.card-header{background:#fff;border:solid 0px #f1f5ff;margin:10px}
.card-body p, .card-body li{font-size:18px}
.card-body{padding:0 30px 10px}



/************************************************
Property Project
*************************************************/
.property-project-item{ width: 31.3%; margin:1.5% 0 1.5% 3%;color:#111}
.property-project-item:nth-of-type(3n+1) { margin-left: 0 }
.property-project-info>div{padding:2px 0}
.property-project-info{padding:5px 0 0 20px;}
.property-project-image img {max-height:260px;max-width:390px;padding:10px}
.property-project-image{width:100%;height:260px;line-height:260px;background:#f1f5ff;text-align:center;}
.property-project-read-more{padding:5px 0 0 20px;}
.property-project-read-more a{font-weight:400;letter-spacing:1px;border:solid 1px #81a941;padding:5px 15px;overflow:hidden;clear:both;display:block;width:fit-content;text-decoration:none;border-radius:20px}
.property-project-read-more a:hover{background:#81a941;color:#fff}
.project-sale-price{font-size:18px;font-weight:500}
.project-rent-price{font-size:18px;font-weight:500}
.property-project-item.col-lg-4{padding:0}


/*************************************************
Building page
***************************************************/
/*Building title
*****************************/
.container.building-title-container{background:#f1f5ff;max-width:100%;padding:30px 0;color:#111}
.container.building-title-container>div{max-width:1320px;margin:auto}
ul.service-main{list-style:none;text-align:right;margin:0}
.service-main .service-thumb img{height:150px;padding:15px 0}

/*Building Overview
*****************************/
#building-overview{border:solid 1px #ddd;text-align:center;margin:50px 0;border-radius:15px;justify-content: center}
#building-overview .col-2:last-child{border-right:solid 0px #ddd;}
#building-overview .col-2 {border-right:solid 1px #ddd;padding:20px;text-align:center;margin:20px 0;text-align:center;padding:80px 10px 10px 10px; position:relative;width:14%}
#building-overview span{display:block;font-weight:600;color:#111}
#building-overview .col-2:before { position: absolute;top:0px; left: calc(50% - 25px); content: ""; top: 15px; width:50px; height:50px; background: url(/Content/Archive/222/building-icon-658864.png) right top no-repeat;opacity:0.7;background-size:50px;opacity:0.8;}
#building-overview .col-2.col-2.BuildingType:before {background-position:0 -50px}
#building-overview .col-2.col-2.BuildingYearBuilt:before {background-position:0 -100px}
#building-overview .col-2.col-2.BuildingPets:before {background-position:0 -250px}
#building-overview .col-2.col-2.BuildingStories:before {background-position:0 -350px}
#building-overview .col-2.col-2.BuildingUnits:before {background-position:0 -450px}
#building-overview .col-2.col-2.BuildingElevators:before {background-position:0 -400px}

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

/*Places Of Interest
*****************************/
.PlacesOfInterestName{font-size:16px;font-weight:600;color:#111;display:block}
ul.PlacesOfInterestList { padding: 0; list-style: none;}
.PlacesOfInterestList li{line-height:20px;position:relative;padding-left:40px;margin:0 0 15px}
.PlacesOfInterestList li:before {position: absolute; left: 0px;content: ""; width:30px; height:30px; display: inline-block; background: url(/Content/Archive/222/place-icon-658594.pn) right top no-repeat; vertical-align:top;}

/*Projects Search
*****************************/
.project-list-page form{background:#f1f5ff !important;padding:20px;margin:0 0 20px;border-radius:10px}
/*.select2{width:30% !important}
.Display{width:26% !important;display:inline-block;vertical-align:top;padding:0 20px}*/
.RadioListItem{display:inline-block;margin:0 0 10px}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #111;line-height:40px;}
.select2-container .select2-selection--single {height:40px}
.select2-search--dropdown .select2-search__field {padding: 4px 10px;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left:10px}
.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-left: -10px;margin-top: 5px}

/*Paging
*********************************/
.Paging{text-align:center;padding:5% 0 0}
a.PageButton{width: 32px;height: 32px;line-height: 30px;text-decoration:none !important;margin: 10px 4px 0px 4px;border: 1px solid #ccc;display: inline-block;vertical-align: top;border-radius: 2px;}
a.PageButton:hover {background: #111;color:#fff;border: 1px solid #111;}

a.PageButton.PageButtonActive{background: #aaa;border: 0px;color: #fff}
a.PageButton.FirstPage, a.PageButton.LastPage {width: auto;border: 0px;background: none}
a.PageButton.FirstPage:hover, a.PageButton.LastPage:hover{color:#111;width: auto;border: 0px;background: none;text-decoration:underline !important}
.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:hover, .PageButton.NextPage:hover{background:none;border:none}
.PageButton.PreviousPage:hover:after, .PageButton.NextPage:hover:after{border-top: 2px solid #111;border-left: 2px solid #111;}
.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 #ccc;
			border-left: 2px solid #ccc;
			border-bottom: 2px solid transparent;
			border-right: 2px solid transparent;
			width: 12px;
			height: 12px;
			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)}

/*Close gallery button
************************************/
#carousel-fullscreen-toggle .btn{background:#ff7500;border:none;margin:20px;padding:10px 20px;font-size:24px}
#carousel-fullscreen-toggle .btn:hover{background:#e46002}

/**************************************************************
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-code{background:#81a941;color:#fff;}
.ResalePropertyRibbon {background: #f0750c;}
.property-price text{font-size:110%;font-weight:600;color:#111}
.property-details .property-info-header-box  .property-price text{font-size:110%;font-weight:600;color:#fff}
.property-info h4{height:40px}
.property-price .sale{display:block}
.property-item .property-info > .row { align-items: end}
.property-info .col-lg-8{height:60px}
.more-details {text-align: right;vertical-align:bottom}
.more-details a{background:#81a941;color:#fff;font-size:14px;font-weight:400;letter-spacing:0.5px;border:solid 1px #81a941;text-align:center;width:fit-content;height:36px;line-height:33px;border-radius:36px;text-decoration:none;padding:5px 10px;right:12px}
.more-details a:hover{background:#75ba3a;border:solid 1px #75ba3a;color:#fff}
.link-to-details { position: relative; padding-right:25px !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: 10px }
.link-to-details:before { content: ""; position: absolute; width: 10px; height: 1px; border-top: 1px solid #fff; margin: auto; top: 0; bottom: 0; right: 10px }
.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 Related
********************************/
.PropertyRelated .property-info h4{font-size:16px;height:auto}

/* Property info
********************************/
.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:15px}
.property-item .property-unit {font-size:15px;display: flex;align-items: center;margin:5px 0}
.property-item .property-unit label { font-size: 0; width: 25px; height: 25px; background: url(https://files.expub.net/Content/Archive/222/icon-property-660931.png); background-size: 50px; margin-right: 4px }
.property-item .property-unit.bathrooms label { background-position: 0px -25px }
.property-item .property-unit.living-area-size label { background-position: 0px -50px }
.property-item .property-unit.area label { background-position: 0px -75px }

.property-details .PriceValue img { filter: invert(100%); } 

/*List Your Property
*********************************/
.box{
    width:45.8%;
    margin:2%;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    box-shadow:0px 0px 20px #ddd;
    padding:10px;
    text-transform:uppercase;
    font-size:20px;
}

.box img{max-width:100%;display:inline-block;}

/**************************************************************
Contact us
**************************************************************/
#section-25177{background:#fff;padding:50px;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
#section-25177 h2{margin:0 0 10px}


/************************************
Property detail by jakkrit
**************************************/
/*Property detail page
**********************************/
.property-details-page main{padding:0 0 5%}

/*Property info header
**********************************/
.property-details .property-info-header .property-info-header-box{margin: auto;overflow:hidden}
.property-details .property-info-header{background-color:#0d121e;padding:30px 5%;color:#999}
.property-details .property-info-header h1{font-weight:400;margin: 0 0 20px 0;color: #fff;font-size:22px;}
#property-units .unit-value{font-size:24px;margin:0 5px 0 0;color:#fff;line-height:1em}
#property-units-location .unit-value{font-size:14px}
#property-units-propertyCode .unit-value,#property-units-landsize .unit-value,#property-units-livingareasize .unit-value{font-size:15px}
#property-units span{font-size:14px}
.RentalPricePanel{border:solid 1px #e4e4e4;padding:25px 30px 30px;border-radius: 10px;margin:0 0 30px 0}
.RentalPricePanel ul{margin:0;padding:0;list-style:none}
.RentalPricePanel h2{margin:0 0 5px}
.RentalPricePanel .value{font-size:18px;color:#111;font-weight:600}

.property-details .property-info-header .property-info-header-box #property-units, .property-details .property-info-body .property-info-body-box .property-info{border-radius:10px;}
.PriceLabel{color: #81a941;letter-spacing:1px;}
.PriceValue {font-size:28px;color:#fff}
#property-units-propertyCode{background:#81a941;color:#fff;width:fit-content;height:24px;border-radius:4px;border:none}
#PropertyProject strong{display:block;}


/*Property main info
**********************************/
.property-units-item i {width:30px;height:30px;display: inline-block;margin-right:10px;background: url(/Content/Archive/222/icon-property-green-656926.png);background-size:60px}
#property-units-bedroom i { background-position:  0 0px }
#property-units-bathroom i { background-position:  0 -30px }
#property-units-location i { background-position:  0 -90px }
#property-units-propertyCode i {background-position:  0 -150px}
#property-units-livingareasize i {background-position: 0 -270px}

.view-slide a span{font-size:14px !important;font-weight:400 !important;text-shadow:1px 1px 1px rgba(0,0,0,0.8); z-index: 1;letter-spacing:1px;}
.view-slide a span:hover{color:#fff}
.view-slide {background: #111; border: 5px solid #ccc !important; }
.view-slide:hover{border: 5px solid #81a941 !important; }
.view-slide img { opacity: 0.7; border: 0 !important;height:100%}
.view-slide{z-index:9999 !important;bottom:0 !important}
.property-units-item {display: flex;align-items: center;}

/*Photo gallery on property detail
****************************************/
.property-images{background:#0d121e}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 5rem;height:5rem}
.property-bg-image-slide { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
.property-details-slide-image {position: absolute;max-width: 1500px;height: 100%;top: 0;margin: 0 auto;left: 0;right: 0;background-position: center center;background-repeat: no-repeat;background-size: cover}
#propertyImagesCarouselFade .carousel-item{height:680px !important}


/*Overview
*****************************/
.property-info-overview h3{font-size:28px;letter-spacing:2px}
.property-info-overview span.value{display:block;font-weight:600;color:#111}
.property-info-overview .col { flex: 0 0 auto; flex-basis: calc((100% - 0px) / 4); margin-left: 0px;border:solid 1px #eee;text-align:center;padding:90px 10px 25px 10px; position:relative;}
.property-info-overview .col:nth-of-type(4n+1) { margin-left: 0 }
.property-info-overview .col:nth-of-type(n+5) { margin-top: 0px }
.property-info-overview .col:before { position: absolute;top:0px; left: calc(50% - 25px); content: ""; top: 30px; width:50px; height:50px; background: url(/Content/Archive/222/icon-property-663446.png) right top no-repeat;opacity:0.7;background-size:100px}
.property-info-overview .col:hover:before {opacity:1;transition:0.3s;}

#property-landSize-box:before {background-position:right top -100px}
#property-area-box:before {background-position:right top -150px}
#property-type-box:before {background-position:right top -200px}
#property-livingAreaSize-box:before {background-position:right top -450px}
#property-kitchenType-box:before {background-position:right top -300px}
#property-furnishingType-box:before {background-position:right top -350px}
#property-balconies-box:before {background-position:right top -500px}
#property-customValue1-box:before{background-position:right top -550px}
#property-viewType-box:before{background-position:right top -400px}
#property-livingrooms-box:before {background-position:right top -600px}
#property-floorNo-box:before{background-position:right top -650px}
#property-building-box:before{background-position:right top -700px}
#property-location-box:before{background-position:right top -750px}
#property-yearBuilt-box:before{background-position:right top -850px}


.property-share i{font-size:32px}
.property-share{padding:20px;margin:30px 0;font-size:16px;font-weight:600;border:solid 1px #eee;border-radius:10px}

.property-video {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;}
.property-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*************************************************
Building page
***************************************************/
/*Building title
*****************************/
.container.building-title-container>div{max-width:1320px;margin:auto}
.container.building-title-container h1{font-size:24px;padding:0;margin:0 0 10px}
ul.service-main{list-style:none;text-align:right;margin:0}
.service-main .service-thumb img{ display: none }

#to-fullscreen > .row { position: relative }
.to-fullscreen-button {position: absolute;top:30px;height:90px;overflow:hidden;border-radius:10px;border:solid 5px #72a845} 
.to-fullscreen-button:hover{border:solid 5px #fff;box-shadow:0 0 10px rgba(0,0,0,0.2)} 
.to-fullscreen-button img {height:90px}

#carouselExampleCaptions.fixed-top { background: rgba(0,0,0,.75) }
#carousel-thumbs { padding-bottom: 20px }
#carousel-thumbs img { max-width: 94px; max-height: 94px }

/*Building Overview
*****************************/
#building-overview{border:solid 1px #ddd;text-align:center;margin:50px 0;border-radius:15px;justify-content: center}
#building-overview .col-2:last-child{border-right:solid 0px #ddd;}
#building-overview .col-2 {border-right:solid 1px #ddd;padding:20px;text-align:center;margin:20px 0;text-align:center;padding:80px 10px 10px 10px; position:relative;width:14%}
#building-overview span{display:block;font-weight:600;color:#111}
#building-overview .col-2:before { position: absolute;top:0px; left: calc(50% - 25px); content: ""; top: 15px; width:50px; height:50px; background: url(/Content/Archive/222/building-icon-658864.png) right top no-repeat;opacity:0.7;background-size:50px;opacity:0.8;}
#building-overview .col-2.col-2.BuildingType:before {background-position:0 -50px}
#building-overview .col-2.col-2.BuildingYearBuilt:before {background-position:0 -100px}
#building-overview .col-2.col-2.BuildingPets:before {background-position:0 -250px}
#building-overview .col-2.col-2.BuildingStories:before {background-position:0 -350px}
#building-overview .col-2.col-2.BuildingUnits:before {background-position:0 -450px}
#building-overview .col-2.col-2.BuildingElevators:before {background-position:0 -400px}

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

/*Places Of Interest
*****************************/
.PlacesOfInterestName{font-size:16px;font-weight:600;color:#111;display:block}
ul.PlacesOfInterestList { padding: 0; list-style: none;}
.PlacesOfInterestList li{line-height:20px;position:relative;padding-left:40px;margin:0 0 15px}
.PlacesOfInterestList li:before {position: absolute; left: 0px;content: ""; width:30px; height:30px; display: inline-block; background: url(/Content/Archive/222/place-icon-658594.png) right top no-repeat; vertical-align:top;}

.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}


/*****************************************
Footer
******************************************/
footer{
  background:#0d121e;color:#ccc;padding:5%;border-radius:0 100px 0 0;
  background-image: url(/Content/Archive/222/bg-footer-655335.png);
  background-repeat:no-repeat;
  background-position:top left;
  background-size:100%;
  position:relative;
}
.home-page footer:after{content:"";position:absolute;width:100%;top:0;bottom:0;left:0;z-index:-1;background:#f1f5ff;}
footer p{color:#ccc}
footer h2{font-size:20px;color:#fff;margin:0 0 10px 0}
footer h3{font-size:16px;color:#fff}
footer a{color:#fff !important;text-decoration:underline}
footer a:hover{color:#81a941 !important}
footer strong{color:#fff}
footer .section-header h2{font-size:22px;margin:0 0 0px 0;padding:0 0 10px 0;border-bottom:solid 0px #81a941}

/*BKK 
************************/
#section-25131{padding:0 40% 0 0}
#section-25131 img{margin:0 0 50px}

/*Contact Info
************************/
#section-25057{padding:0 15% 0 0}

/*Privacy Policy
************************/
#article-106557{padding:0}
#article-106557 ul { padding: 0; list-style: none;}
#article-106557 li { font-size:15px;margin:0 0 15px 0; padding: 0;letter-spacing:1px; line-height:20px;}

/*Follow us
************************/
#article-107854{padding:15% 0 0}
#section-25055 .row{display:block}
#article-107854 ul { padding: 0; list-style: none;}
#article-107854 li { font-size:15px;margin:0 0 15px 0; padding: 0;letter-spacing:1px}
#article-107854 li{ line-height:20px; position:relative;}
#article-107854 i{font-size:22px;margin:0 10px 0 0;}

/*Copyright
************************/
.Copyright p{font-size:13px;margin:0;padding:5% 0 0}



@media screen and (max-width:1024px) {

/**************************************
By Jakkrit 
**************************************/
.section-header h2 {font-size: 22px;margin: 0 0 20px 0;padding: 0 0 20px 0}
h4.pre-header {font-size: 16px}
	
/**************************************
Header Mobile
**************************************/
.Logo img{height:50px}
.Logo p {margin:5px 0}
#header-section-25130 {padding:0}

/*Contact on top
***************************/
#section-25104{text-align:left;padding:5px 0;}
#article-107857 li{margin:0 5px 0 0;font-size:15px}

/*Search on front
***************************/
#main-section-25059 .section-content {width:90%}
#main-section-25059 .section-header h2 {font-size:22px;letter-spacing:0.5px}
.PropertySearchBoxContent form > div {margin-right: 0px;}
#main-section-25059 .pb-3 {padding-bottom: 0.5rem!important;padding:0 5px}
#radioListPurpose label {font-size:14px;height: 40px;padding: 0 15px;line-height: 40px;letter-spacing:0.5px;}
.RadioListItem {margin: 0 0 10px}

/*******************************
Home page mobile
********************************/
#section-section-25128 .section-content {padding: 0 0% 0 0}
#main-section-25107 {padding: 0 0 30px}
#main-section-25066{padding:0 0 30px}
#main-section-25097 {padding: 0 0 30px}
#main-section-25180 {padding: 0 0 30px}
#main-section-25181 {padding: 0 0 30px}
	

#article-107856 h1 {font-size:24px;margin:0 0 20px}
#section-section-25132 .section-content {padding:30px;margin: 0}
#main-section-25052{background:#f1f5ff; padding:30px 20px}
.Banner h1 {font-size:2em;margin:20px 0; line-height:1em;color: #6d944d}
.Banner h2 {font-size:1.4em;margin:0 0 10px}
.Image-R {width:100%; float:none;padding:0%}
.Image-R img {border-radius:15px;width:100%}
.Text-L {width:100%; float:none; padding:0}

/*******************************
Property List
********************************/
.property-info h4 {height: auto;font-size: 16px;}
.property-item {margin: 10px 0;}

/*******************************
Footer Mobile
********************************/
footer{padding:30px 20px;border-radius:0 60px 0 0}
#section-25131 {padding: 0 0 0 0}
#section-25131 img {margin:20px 0;height:60px}
#article-107854 {padding:0}

/*******************************
Property detail
********************************/
.carousel-control-next-icon, .carousel-control-prev-icon {width: 2rem}
#propertyImagesCarouselFade .carousel-item{height:400px !important}
#propertyImagesCarouselFade .carousel-item img{max-width:100% !important}


.property-info-col1.pe-5 {padding-right:1rem!important;}
.property-info-overview .col { flex: 0 0 auto; flex-basis: calc((100% - 0px) / 2); margin-left: 0px;border:solid 1px #eee;text-align:center;padding:90px 5px 25px 5px; position:relative;}
.property-info-overview .col:nth-of-type(4n+1) { margin-left: 0 }
.property-info-overview .col:nth-of-type(n+5) { margin-top: 0px }

#property-units-propertyCode{margin:0 0 20px}
#property-prices{text-align:left !important}
.view-slide {position: relative !important;width: 120px !important}

/*******************************
Property Project detail mobile
********************************/
/*Building Overview mobile
*****************************/
#building-overview .col-2 {border-right:none;margin:10px 0 ;padding:70px 0px 0 0px;width:30%}


/*******************************
Menu
********************************/
.navbar-light .navbar-nav .nav-link {font-size:18px; color: #111 !important}
.navbar-expand-lg {margin: 0;padding: 0;width: 100%}
.menu-list-wrapper .navbar-toggler {
  position: absolute;
		top: -50px;
		right: 0px;
		margin: auto;
		padding: 0px;
		width:40px;
		height:30px;
		z-index:99999 !important;
		display: block;
		background:none;
	}


	.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(2) { opacity: 1; }
	.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(3) { -webkit-transform: rotate(0deg); transform: rotate(0deg); top: 12px }
	.menu-list-wrapper .navbar-toggler span i:nth-child(2) { opacity: 0; }
	.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(3) { -webkit-transform: rotate(45deg); transform: rotate(-45deg) }
	
	.menu-list-wrapper .navbar-collapse {
		position: absolute; 
		right: 0px; 
		top: 0px; 
		height: 100vh;
		overflow: hidden; 
		background: rgba(255,255,255,0.0);
	}
	.menu-list-wrapper .navbar-collapse.collapsing { height: 100vh !important; width: 100vw }
	.menu-list-wrapper .navbar-collapse.show {
		width: 100%;
		background: rgba(255,255,255,0.95);
	}
	@keyframes MenuBGActive {
		0%   { background-color:rgba(255,255,255,0.0); } 
		100% { background-color:rgba(255,255,255,0.8); }
	}
	@-webkit-keyframes MenuBGActive {
		0%   { background-color: rgba(255,255,255,0.0); } 
		100% { background-color: rgba(255,255,255,0.8); }
	}

	.menu-list-wrapper .navbar-collapse ul { position: absolute; z-index:999;right: 0px; top: 0px;height: 100vh; transform:translateX(100%); -webkit-transform:translateX(100%) }
	.menu-list-wrapper .navbar-collapse.show ul {
		animation-name: MenuActive;
		animation-duration: 0.4s;
		animation-timing-function: ease-in-out;
		-webkit-animation-name: MenuActive;
		-webkit-animation-duration: 0.4s;
		-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%)  }
	}
	.menu-list-wrapper .navbar-collapse ul {padding: 20px;z-index:99999 !important}
	.menu-list-wrapper .navbar-collapse ul li { display: block }
	.menu-list-wrapper .navbar-collapse ul li a {white-space: wrap; padding-left: 12px !important }
	.property-info h4 {font-size:16px;height:auto;}
    .property-info .col-5{width:100%}
	.property-info .col-7{width:100%}
  .more-details a{font-size:14px}

.navbar-nav{background:rgba(255,255,255,0.9)}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color:#111;}


}

@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) { ... }

@media (max-width: 1399.98px)
{
body {font-size:14px;}

#section-section-25132 .section-content {padding: 5%;margin: 0}
.navbar {margin:8px 0 0}
#main-section-25059 .section-content {width:80%;}
.property-item .property-unit {font-size: 14px}
.property-code {padding: 2px 5px;font-size: 13px;}
.property-unit.me-3{margin-right:0.5rem !important}
.property-item .property-unit label {width: 20px;height: 20px;background-size:40px;}
.property-item .property-unit.bathrooms label { background-position: 0px -20px }
.property-item .property-unit.living-area-size label { background-position: 0px -40px }
.property-item .property-unit.area label { background-position: 0px -60px }

.more-details a{font-size:0px;padding:12px}
	
}