@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Marcellus&display=swap');

/*Body
*********************************/
body {font-family: "Jost","Anuphan", sans-serif;font-size:15px;font-weight:400;color:#555;}

/*Heading
*********************************/
h1, h2, h3, h4, h5, h6{font-family: "Marcellus","Anuphan", serif;font-weight:400;color: #131b2a ;line-height:1.3em;margin:10px 0 10px 0;letter-spacing:0.5px;}
h1 {font-size: 32px;letter-spacing:1px}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size:20px;}
h6 {font-size: 16px;}
.section-header h2{font-size:38px;margin:0 0 20px 0;padding:0 0 20px;letter-spacing:1px;border-bottom:solid 2px #dc363c}
h1.Title{font-size: 38px;}
.PreHeading{font-weight:400;color:#dc363c;letter-spacing:1px}
h1.PreHeading{font-size: 18px;font-weight:400;color:#dc363c;letter-spacing:1px;margin:0 0 10px}
h4.pre-header{font-size:18px;font-weight:500;letter-spacing:2px;color:#dc363c;}
.section-body h1{font-size:36px;margin:0 0 20px}
.ArticleDetails p{font-size:16px}
.Body p, .Body li{font-size:18px;line-height:1.5em}

.btn{border-radius:3px;letter-spacing:2px;text-transform:uppercase}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc363c;
    --bs-btn-border-color: #dc363c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c7262b;
    --bs-btn-hover-border-color: #c7262b;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #131b2a;
    --bs-btn-active-bg: #c7262b;
    --bs-btn-active-border-color: #c7262b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #555;
    --bs-btn-disabled-border-color: #555;
    padding:6px 20px;
    font-family: "Marcellus", serif;
    text-transform:unset;
    font-size:16px;
    letter-spacing:1px

}

/**************************************
header
***************************************/
header{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);}

/*Logo
***************************/
.Logo img:hover{opacity:0.5;transition:0.3s}
.Logo h1 {margin:0;padding:22px 0 0;font-size:20px !important;letter-spacing:0.5px}
.Logo p{margin:0}
.Logo h1 a {color:#131b2a;text-decoration:none}
.Logo h1 a strong{color:#dc363c;text-decoration:none}
.Logo h1 a strong:hover{color:#c7262b;}
.Logo img{float:left;height:50px;margin:10px 15px 10px 0}
.Logo img:hover{opacity:0.8;transition:0.3s}

/*Language Menu
***************************/
#section-section-26254{text-align:right;padding:25px 0}

/*Menu
***************************/
#section-section-26244{padding:0}
.navbar-expand-lg .navbar-collapse{justify-content: end;}
.navbar{background:transparent;margin:8px 0 0;}
a.nav-link{font-family: "Marcellus","Anuphan", serif;font-size:15px;color:#131b2a !important;font-weight:500;letter-spacing:0.5px;text-decoration:none !important;padding:8px 8px !important}
a.nav-link:hover{color:#dc363c !important}
a.nav-link.active{color:#dc363c !important}
.navbar-nav .nav-link.active{color:#dc363c}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:40px;border-radius:0}
.dropdown-menu{background:#131b2a;padding:10px 10px;}
a.dropdown-item{font-family: "Marcellus", serif;font-size:14px;color:#ดดด !important;padding:5px 10px;text-decoration:none !important;letter-spacing:1px}
a.dropdown-item:hover{color:#dc363c !important;background:#0e1625;text-decoration:none;border-radius:0px}
.dropdown-item.active, .dropdown-item:active {background-color:#dc363c;}
#nav-item-15253{border:solid 1px #b99d75}
#nav-item-15253:hover{background:#aa8d63;border:solid 1px #aa8d63;}
#nav-item-15253 a{color:#ccc !important}
#nav-item-15253 a:hover{color:#111 !important}


/**************************************
Homepage
***************************************/
/*Property list frontpage
****************************/
.carousel-control-next-icon, .carousel-control-prev-icon {width: 3rem;height:5rem}
.carousel-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: .6;background: linear-gradient(180deg,#000000,rgba(0,0,0,0)0%)}
.card {padding:0 0.5rem;border:none}
#main-section-26257{position:relative;padding:3% 8% 5% 8%}
#main-section-26250{position:relative;padding:0% 8% 5% 8%}
#main-section-26283{position:relative;padding:0% 8% 5% 8%}
#main-section-26260{position:relative;padding:0% 8% 5% 8%}
.property-carousel-slide .carousel-control-prev {left: -5%}
.property-carousel-slide .carousel-control-next {right: -5%}
.carousel-control-next-icon, .carousel-control-prev-icon {background-position: 50%;background-size: 50% 50%}
.property-carousel-slide .carousel-control-prev > span, .property-carousel-slide .carousel-control-next > span {background-color: rgba(0, 0, 0, 0.3)}

/*Why
*************************/
#article-3013 h1{font-size:3vw;margin:0}
#article-3013 .col-xl-3{border-right:solid 1px #333}

/*Slide
******************************/
#section-section-26259{padding:0}
#main-section-26286 .container-fluid{background:#dc363c;}
#main-section-26286 h1{font-size:2.8vw !important;color:#fff;letter-spacing:1px;margin:0 0 10px;}
#main-section-26286 h2{font-size:2.8vw !important;color:#fff;letter-spacing:1px;margin:0 0 10px;}
#main-section-26286 p{font-size:24px;color:#fff;letter-spacing:1px;margin:0}
#section-26287{padding:13%}
.carousel-caption {position: absolute;bottom:40%;width:fit-content;margin:auto;padding:20px 15%;}
.carousel-caption h1{font-size:3vw !important;color:#fff;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,0.75);margin:0 0 10px;}
.carousel-caption p{font-size:20px;color:#fff;letter-spacing:2px;text-shadow:1px 1px 1px rgba(0,0,0,0.75);margin:0}

/*****************************************
Search
******************************************/
.home-page #main-section-26258{position:relative; z-index:999 !important;margin: -80px 0 20px 0}
.PropertySearchBoxOptions{background:#fff;padding:1rem 1rem 0;border-radius:0 0px 0px;box-shadow:0 10px 20px rgba(0,0,0,0.1);margin:0 0 20px}
.RadioListItem {margin: 0 0 0px;font-family: "Marcellus", serif;}
#radioListPurpose input:checked + label {background: #dc363c;color: #fff}
#radioListPurpose label {border-radius: 5px 5px 0 0;background:#ccc}
.PropertySearchBoxButton .btn {border:none}
.PropertySearchBoxButton .btn:hover{border:none;}
#SearchBtn{background:#dc363c;padding:6px 15px;color:#fff;}
#SearchBtn:hover{background:#c22126;}
.PropertySearchBoxButton .btn{background:#111;}
.PropertySearchBoxButton .btn:hover{background:#dc363c}
.PropertySearchBox{padding:40px 0}
.home-page .PropertySearchBox{padding:0px 0}

/**************************************
List your properties
***************************************/
#progressbar li {font-size: 18px !important}
h3.AddPropertyStepTitle{font-size:38px;margin:20px 0}
#main-section-26273 .section-header h2{font-size:38px;margin:0 0 20px 0;padding:0 0 20px;border-bottom:solid 0px #b99d75}
#progressbar li.active:before, #progressbar li.active:after {background: #dc363c !important;}


/**************************************
About us page
***************************************/
#article-108829 h1{font-size:6vw;font-weight:500;line-height:1em}

/*Team
**********************/
#main-section-26284 .section-header h2 {margin: 0;border-bottom: solid 0px #dc363c}
#article-108926 .Ingress{display:flex;flex-wrap:wrap}
.Team {display:inline-block;width:25%;margin-left:0%;padding:0;background:#ดดด;transition:0.3s;}
.Team:hover{border:solid 0px #ad844c;background:#f5f5f5;transform:scale(1.01); box-shadow:0 0 20px rgba(0,0,0,0.2);}
.Team:nth-child(even){background:#fff}
.Team:nth-of-type(4n+1) {margin-left:0%}
.Team h2{font-size:18px;font-weight:400;color:#131b2a;margin:0 0 5px 0}
.Team p{font-size:15px;}

.Team img {
  --c: #dc363c; /* the border color */
  --b: 15px;    /* the border thickness*/
  --g: 0px;     /* the gap on hover */
  
  padding: calc(var(--g) + var(--b));
  --_g: #0000 25%,var(--c) 0;
  background: 
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
     var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
    conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
     0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
  transition: .2s, background-position .2s .2s;
	filter: grayscale(50%);
}

.Team img:hover {--_i: 100%;transition: .2s, background-size .2s .2s;filter: grayscale(0%);  --b: 15px;}
.Team-info{text-align:left;padding:0px 30px 10px}
.Team li {font-size:15px;padding:0 0 10px;line-height:1.3em}
.Team ul { padding: 0; list-style: none;}
.Team i{font-size:16px;color:#dc363c;margin:0 10px 0 0;vertical-align:middle;text-align:center}
.Team p{margin:0 0 10px}


/**************************************
Contact us page
***************************************/
.contact-us ul { padding: 0; list-style: none;}
.contact-us li {font-size:18px;padding:0 0 10px;line-height:1.4em}
.contact-us i{font-size:18px;color:#dc363c;margin:0 10px 0 0;vertical-align:middle;width:1.25rem;text-align:center}
#article-108921 iframe{height:30vw}
#article-108921 p{margin:0}
#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:700;font-size:15px;color:#111}
#section-section-26247 .section-header h2{border:none;margin:0}

/**************************************
Welcome
***************************************/
#main-section-26256{background:#f1f5ff}

/**************************************
List your properties
***************************************/
#footer-section-26285{background:#de353d;color:#fff}
#footer-section-26285 h1{color:#fff;margin:0 0 10px}
#footer-section-26285 a{color:#fff !important;text-decoration:none}
#footer-section-26285 a:hover{color:#131b2a !important;text-decoration:underline}
#footer-section-26285 p{font-size:18px;color:#fff;margin:0}
#footer-section-26285 img{max-height:100px;transition:0.2s;transform: scale(0.8);opacity:0.8;}
#footer-section-26285 img:hover{opacity:1;transform: scale(0.9)}

/**************************************
Footer
***************************************/
footer{background:#131b2a;color:#ADB7BE}
footer h2{font-size:18px;color:#fff;margin:0 0 10px 0}
footer strong{font-size:16px;font-weight:400;color:#fff;}
footer a{color:#ADB7BE !important}
footer a:hover{color:#fff !important}
.Copyright p{margin:0;font-weight:300}
footer .section-header h2{font-size:30px;color:#fff;margin:40px 0 20px 0;padding:0;letter-spacing:1px;border-top:solid 0px #36b475;border-bottom:none}
#article-108923 h1 a{font-size:60px;text-decoration:none;color:#fff !important}
#article-108923 h1 a:hover{text-decoration:none;color:#ADB7BE !important}
#article-108923 h1 {padding:50px 0 0;margin:0}
#article-108923 i{font-size:40px;color:#fff;padding:0 0 0 40px}
#footer-section-26253{border-top:solid 1px #212835}

/*Follow us
************************************/
#article-108918 p{margin:0 0 20px 0}
#article-108918 img{height:90px;margin:40px 0 20px 0}
#article-108918 ul { padding: 0; list-style: none;margin:0}
#article-108918 li { font-size:0px;margin:0 10px 0 0; padding:0;display:inline-block;text-align:center;line-height:20px; position:relative;}
#article-108918 i{font-size:17px;color:#ADB7BE;margin:0;display:inline-block;vertical-align:top;border:solid 1px #ADB7BE;width:50px;height:50px;line-height:50px;transition:0.1s;border-radius:50px}
#article-108918 i:hover{transform: scale(1.1);color:#fff;}
.fa-youtube:hover:before{color:#ff0000}
.fa-square-facebook:hover:before{color:#0d51d6}
.fa-line:hover:before{color:#49c30a}


/************************************************
By Jorge (New design)
*************************************************/
textarea.form-control{min-height:8rem}
p{letter-spacing:0.5px;margin:0 0 20px;line-height:1.4em}
strong { color: #131b2a ; font-weight:500}
a:link,a:visited,a:active { color:#131b2a ;text-decoration:underline;transition:0.2s}
a:hover { color: #dc363c;text-decoration:underline}
.Body a{color:#131b2a ;text-decoration:underline}
.Body a:hover{color:#dc363c}
.ImageCover { overflow: hidden;border-radius:5px}
span.image{ transition: all 0.2s }
span.image:hover {transform: scale(1.1);}
.readmore{margin:0 0 20px;display:block}
a.readmore{color: #dc363c;font-weight:700}
a.readmore:hover{color: #111;}
.form-select{font-size:16px;border-radius:0}
.form-control{font-size:16px;border-radius:0}
a.viewall{font-size:16px;letter-spacing:1px;font-family: "Marcellus","Anuphan", serif;color: #fff;text-decoration:none;background:#dc363c;padding:10px 20px;width:fit-content;}
a.viewall:hover{background:#c22126;}
.view-all{text-align:center !important;display:block;margin:0 12px 0 0;position:absolute;top:50px;right:8%;}

/*****************************************
Property
******************************************/
.property-item{background:transparent;border-radius:0px}
.property-item-image a {border-radius:0px}
.property-info h4 {font-size:16px;height:auto;line-height:1.2em;margin:10px 0 5px 0}
.property-code {background: #dc363c;font-size:13px}
.property-price text {font-size:16px;font-weight:400;}
.property-item .property-unit.area label {background-position: 25px -75px}
.property-unit.me-3 {margin-right: 0.5rem!important;}
.property-unit text{font-size:14px}
.HotPropertyRibbon {background: #dc363c;font-size:13px}
#propertyImagesCarouselFade .carousel-item{height:720px !important}
#propertyImagesCarouselFade .carousel-item img {max-width:140% !important;max-height:720px !important}
.more-details{display:none}
.FeaturedPropertyRibbonWrapper { display: none }
a.PageButton.PageButtonActive {background: #dc363c}
a.PageButton:hover {background: #131b2a;color:#fff;border: 1px solid #131b2a;}

.property-item-image a:before{border-radius:0}

/*****************************************
Property Detail
******************************************/
/*Property info header
**********************************/
.property-details .property-info-header .property-info-header-box{margin: auto;overflow:hidden}
.property-details .property-info-header{background-color:#131b2a;padding:30px 5%;color:#ADB7BE;position:relative}
.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}
.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-units-item i {background: url(/Content/Archive/795/icon-property-734053.png);background-size: 60px;}
.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: #2cb189;text-transform:uppercase}
.PriceValue {font-size:28px;color:#fff;font-weight:400}
#property-units-propertyCode{background:#dc363c;color:#fff;width:fit-content;height:24px;border:none;padding:0 10px;position:absolute;top:-12px;z-index:999}
#PropertyProject strong{display:block;}

.property-info-description h2{font-size:28px}
.property-info-overview span.value {color: #fff}
.RentalPricePanel{border-radius: 0px}
.property-share {border-radius: 0px}
.RentalPricePanel .value {font-size:22px;color: #fff;font-weight: 400}
.PropertyContact .btn {background: #2cb189}
.PropertyContact .btn:hover{background: #0a9b6f}

#btnEmailToFriend{width:100%;padding:20px;background:#131b2a;border:none}
#btnEmailToFriend:hover{background:#dc363c;border:none}

.property-info-col2 h2{margin:0 0 10px 0}
.property-info-col2 h4{margin:0 0 10px 0}
.view-slide:hover{border: 5px solid #dc363c !important; }

/*Agents
*****************************/
.PropertyAgents {border:none;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:3px}
.AgentName h6{margin:0 0 10px }

/*Get in touch
*****************************/
.property-details .property-info-body .property-info-body-box .property-contact {border:none;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:3px}

/*Real Estate Trends
*****************************/
.PropertyAveragePrice{margin:40px 0;padding:30px;border-radius:3px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.PropertyAveragePrice h2{font-size:20px;margin:0 0 10px 0;}
.PropertyAveragePrice h3{font-size:16px}
.Price_Average{font-size:22px;color:#131b2a;width:60%;float:left;padding:10px 0 0}
.Price_Average_Percent{font-size:36px;color:#2cb189;text-align:right}

/*Places Of Interest
*****************************/
.PropertyPlacesOfInterest{border:solid 0px #ddd;margin:0 0 40px;padding:30px;border-radius:3px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.PlacesOfInterestName{font-size:16px;font-weight:600;color:#111;display:block;line-height:1.5em}
h4.PlacesOfInterestTitle{font-size:20px;margin:0 0 20px}
ul.PlacesOfInterestList { padding: 0; list-style: none;}
.PlacesOfInterestList li{line-height:20px;position:relative;padding-left:40px;margin:10px 0 0}
.PlacesOfInterestList li:before {position: absolute; left: 0px;content: ""; width:30px; height:30px; display: inline-block; background: url(/Content/Archive/795/place-icon-red-734052.png) right top no-repeat; vertical-align:top;}

/*Contact us footer
******************************/
.contact-us ul { padding: 0; list-style: none;}
.contact-us li {font-size:14px;padding:0 0 10px;line-height:1.4em}
.contact-us i{font-size:16px;color:#de353d;margin:0 7px 0 0;vertical-align:middle;width:1.25rem;text-align:center}

/*****************************************
Mobile Site
******************************************/
@media screen and (max-width: 991px) {

.section-body h1 {font-size:28px;margin: 0 0 20px}
.section-header h2 {font-size: 28px}
  
/*Language menu Mobile
********************************/
#section-section-26254 {position: absolute;right:70px;padding:20px 0 0}
  
/*******************************
Header Mobile
********************************/
.Logo img {height: 40px;margin: 10px 15px 10px 0}
.Logo h1 {padding: 17px 0 0;font-size: 20px !important;margin:0}    
    
/*******************************
Menu Mobile
********************************/
#section-section-26243{padding:0;margin:0}
.menu-list-wrapper .navbar-toggler {right: 15px;border: solid 2px #ccc}
.menu-list-wrapper .navbar-toggler span i {background: #111}
.navbar-light .navbar-nav .nav-link {font-size:20px;}
a.nav-link{color:#fff !important;padding:10px 10px}
a.nav-link:hover{color:#fff !important}
.navbar-expand-lg {margin: 0;padding: 0;width: 100%}
.menu-list-wrapper .navbar-collapse ul {padding:5px 10px;}
.menu-list-wrapper .navbar-collapse ul li a {white-space: wrap;padding-left: 10px;}
.menu-list-wrapper .navbar-collapse li {word-break: break-word;}
a.dropdown-item{font-size:18px;color:#fff !important;padding:7px 15px;text-decoration:none;word-break: break-word;}
.dropdown-menu{background:#151515;padding:10px 10px;}
#nav-item-14870 {background: url(/Content/Archive/780/tel-688771.png) no-repeat center right 10px;padding: 0 30px 0 0;background-size: 15px;margin:0}

/*Sub menu
***********************/
.menu-list-wrapper .navbar-collapse ul { position: absolute; z-index:9999;right: 0px; top: 0px;height: 100vh; transform:translateX(100%); -webkit-transform:translateX(100%) }
.navbar-nav{background:#000}
.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)}

/*******************************
Contact us Mobile
********************************/
#contactForm {padding:30px;}
#article-108921 iframe{height:50vh}

    
}