@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:#54566C;}

/*Heading
*********************************/
h1, h2, h3, h4, h5, h6{font-weight:500;color: #111 ;line-height:1.4em;margin:10px 0 10px 0;letter-spacing:0.5px;}
h1 {font-size: 32px;letter-spacing:1px}
h2 {font-size: 26px;}
h3 {font-size: 20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}

.section-header h2.title {font-size:32px;margin: 0 0 20px 0;letter-spacing: 1px;}
.section-header h2{font-size:28px;margin:0 0 20px 0;padding:0;letter-spacing:1px;}
.section-header .col-12 { position: relative;}
.section-header .pre-header {font-size:20px;color:#5367a3;background: #fff; display: inline-block; margin:5px 0;padding:0 20px 10px 0px;}
.section-header .pre-header:before { content: ""; position: absolute; width: calc(100% - 24px); border-top: 1px solid #ddd; top: 18px; z-index: -1; right: 0}

h1.Title{font-size: 38px;}
.PreHeading{font-weight:400;color:#5367a3;letter-spacing:1px}
h1.PreHeading{font-size: 18px;font-weight:400;color:#5367a3;letter-spacing:1px;margin:0 0 10px}
h4.pre-header{font-size:18px;font-weight:500;letter-spacing:2px;color:#5367a3;}
.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-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f2682b;
    --bs-btn-border-color: #5367a3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff601b;
    --bs-btn-hover-border-color: #ff601b;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #131b2a;
    --bs-btn-active-bg: #ff3c1b;
    --bs-btn-active-border-color: #ff3c1b;
    --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 15px;
    text-transform:unset;
    font-size:16px;
    letter-spacing:1px
}

i{color:#24b5e9;width:1.4rem}



/************************************************
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: #111 ; font-weight:500}
a:link,a:visited,a:active { color:#111 ;text-decoration:underline;transition:0.2s}
a:hover { color: #24b5e9;text-decoration:underline}
.Body a{color:#131b2a ;text-decoration:underline}
.Body a:hover{color:#24b5e9}
.ImageCover { overflow: hidden;border-radius:10px}
span.image{ transition: all 0.2s }
span.image:hover {transform: scale(1.1);}
.readmore{margin:0 0 20px;display:block}
a.readmore{color: #03b5c3;font-weight:700}
a.readmore:hover{color: #111;}
.form-select{font-size:16px}
.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:#5367a3;padding:10px 25px;width:fit-content;display:block;margin:auto;border-radius:5px}
a.viewall:hover{background:#3f4c81;}

.view-all{border-bottom:solid 1px #ddd;padding:0 0 60px}


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

/*Logo
***************************/
.Logo p{margin:0}
.Logo img{float:left;height:80px;margin:5px 0;transition:0.3s}
.Logo img:hover{scale:1.1;}

/***Language Menu
***************************/
.LanguagePanel {top:35px;float:right;}
.LanguagePanel a {background-size:28px;}

/*Menu
***************************/
#section-section-26244{padding:0}
.navbar{background:transparent;margin:15px 0 0;}
a.nav-link{font-size:16px;color:#131b2a !important;font-weight:400;letter-spacing:0.5px;text-decoration:none !important;padding:8px 10px !important}
a.nav-link:hover{color:#24b5e9 !important}
a.nav-link.active{color:#131b2a !important;font-weight:600}
.navbar-nav .nav-link.active{color:#3f5aa9}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:40px;}
.dropdown-menu{background:#fff;padding:10px 10px;}
a.dropdown-item{font-size:16px;color:#0e1625 !important;padding:5px 10px;text-decoration:none !important;letter-spacing:0.5px}
a.dropdown-item:hover{color:#0e1625 !important;background:#f5f5ff;text-decoration:none;border-radius:0px}
.dropdown-item.active, .dropdown-item:active {background-color:#24b5e9;}


/**************************************
Homepage
***************************************/
/*The Latest Listings
***************************/
.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{border:none}
.property-carousel-slide .card {padding: 0px 5px}
.property-carousel-slide .property-info h4 {margin: 15px 0 15px 0}
.property-carousel-slide .property-item .property-unit {margin: 0px 0 5px 0px}
.property-carousel-slide .property-price .sale {margin: 0px 0 5px 0}

/*Welcome
***************************/
#section-26409 h2{margin:0 0 20px}
#section-26409 h4{margin:10px 0 10px;color:#ff3c1b;letter-spacing:2px}

/*Properties list homepage
******************************/
#main-section-26412{padding:4% 8%}
#main-section-26415{padding:0 8% 4% 8%;position:relative}
#main-section-18530{padding:0 8% 4% 8%;position:relative}

/*Hot properties deals
******************************/
#section-26413 .property-item-image a {padding-top:86%}

/*Property of the month
******************************/
#main-section-26407{background:#F2F6FC}
#main-section-26407 .section-header .pre-header {background: #F2F6FC}

/*List Property
******************************/
.property-carousel-slide .carousel-control-prev {left: -5%}
.property-carousel-slide .carousel-control-next {right: -5%}




/*Slide
******************************/
.carousel-caption {position: absolute;bottom:35%;width:fit-content;margin:auto;padding:20px 15%;}
.carousel-caption h1{font-size:2vw !important;font-weight:600;color:#fff;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,0.75);margin:0 0 10px;text-transform:uppercase}
.carousel-caption p{font-size:22px;color:#fff;letter-spacing:2px;text-shadow:1px 1px 1px rgba(0,0,0,0.75);margin:0 0 10px}
#main-section-18521 .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.5)0%)}
.carousel-indicators{display:none}

/*****************************************
Search
******************************************/
.home-page #main-section-27047{position:relative; z-index:999 !important;margin: -80px 0 40px 0}
.PropertySearchBoxOptions{background:#fff;padding:1.5rem 1.5rem 0.5rem;border-radius:0 10px 10px;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: #1a5dc8;color: #fff;  font-family: "Marcellus","Anuphan", sans-serif;}
#radioListPurpose label {border-radius: 5px 5px 0 0;background:#ccc;  font-family: "Marcellus","Anuphan", sans-serif;}
.PropertySearchBoxButton .btn {border:none;}
.PropertySearchBoxButton .btn:hover{border:none;}
#SearchBtn{background: #f2692a;color:#fff;}
#SearchBtn:hover{background:#f24f05;}
.PropertySearchBoxButton .btn{background:#111;}
.PropertySearchBoxButton .btn:hover{background:#f2692a}
.PropertySearchBox{padding:40px 0}
.home-page .PropertySearchBox{padding:0px 0}
.PropertySearchBoxButton .btn i{padding:0;color:#fff}



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


/**************************************
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:#ff3c1b;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:500;font-size:16px;color:#131b2a}
#section-section-26247 .section-header h2{border:none;margin:0}

/**************************************
Contact us page
***************************************/
#main-section-26397 .section-header h2{color:#fff;z-index:999;position:relative;margin:0;padding:15px 30px;border-bottom:none;border:solid 2px #fff;width:fit-content;margin:auto;text-transform:uppercase;letter-spacing:4px}
#main-section-26397 .section-header h4{font-size:22px;z-index:999;position:relative;margin:20px auto;text-align:center;background:transparent}
#main-section-26397 .section-header{background-image: url(/Content/Archive/579/view-pattaya-landmark-thailand-747513.jpg);background-repeat: no-repeat;background-position:top center;background-size:cover;padding:10% 0;position:relative;overflow:hidden;text-align:center}
#main-section-26397 .section-header .pre-header:before {border-top: 0px solid #ddd}
#main-section-26397 .section-header:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e0e0e, rgba(4, 9, 40, 0.6) 0%);
}

.map iframe { height:33vw}
.map p{margin:0}

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

/***Hot Property
**********************************/
.property-list-item>div{border:solid 1px #eee;min-height:450px;border-radius:15px 15px 15px 15px;overflow:hidden}
.property-info h4 {font-size:16px;margin:15px 20px 15px 20px;height:auto}
.property-item .property-unit{margin:0px 0 5px 15px}
.property-price .sale{margin:0px 0 5px 20px}
.property-price .rent{margin:0px 0 5px 20px}
.property-item-image a {border-radius:15px 15px 0 0}
.property-item-image a:before{border-radius:15px 15px 0 0}



/*****************************************
Property
******************************************/
.property-item-image a:before {background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7))}

.property-code {background: #1a5dc8;font-size:13px}
.property-price text {font-size:18px;font-weight:600;color:#131b2a}
.property-item .property-unit.area label {background-position: 25px -75px}
.property-unit.me-3 {margin-right: 0.5rem!important;}
.HotPropertyRibbon {background: #f2692a;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 }

.PropertyRibbon {bottom: 35px;background: #3f4c81;right: 10px}

.simple-slide-container .prev, .simple-slide-container .next {padding: 6px 12px;margin-top: -22px;color: white;background-color: rgba(0, 0, 0, 0.2);border:none;transition:0.2s}
.simple-slide-container .prev:hover, .simple-slide-container .next:hover{background-color: rgba(0, 0, 0, 0.6);border:none}


a.PageButton{font-size:18px}
a.PageButton.PageButtonActive {background: #24b5e9;font-weight:600}
a.PageButton:hover {background: #131b2a;color:#fff;border: 1px solid #131b2a;}
a.PageButton {width: 38px;height: 38px;line-height: 36px;margin: 10px 5px;border-radius:36px}

/*****************************************
Property Detail
******************************************/
/*Property info header
**********************************/
.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: #2cb189;text-transform:uppercase}

.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:#ff3b1b;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 #ff3b1b !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;}

/***Slide
******************************/
#main-section-27048{padding:0 5% 0;border-radius:20px}
#main-section-27048 .carousel-item img{border-radius:20px}
#main-section-27048 .carousel-indicators{display:none}

/*Slide
******************************/
.carousel-caption {position: absolute;bottom:35%;width:fit-content;margin:auto;padding:20px 15%;}
.carousel-caption h2{font-size:2.2vw !important;font-weight:600;color:#fff;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,0.75);margin:0 0 10px;text-transform:uppercase}
.carousel-caption p{font-size:20px;color:#fff;letter-spacing:2px;text-shadow:1px 1px 1px rgba(0,0,0,0.75);margin:0 0 10px}
#main-section-27048 .carousel-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: .5;background: linear-gradient(180deg,#1a2538,rgba(0,0,0,0.5)0%);border-radius:20px}
.carousel-indicators{display:none}

/***Smart Map
*****************************/
#map {height:33vw !important}

/***About Us
*****************************/
#article-92488 {background: #3f5aa9;padding: 4% 6%;border-radius: 20px}
#article-92488 h2,#article-92488 h3{color:#fff}
#article-92488 strong{color:#fff}
#article-92488 p{color:#fff}


/***Meet the team
*****************************/
#footer-section-27035{background:#fff}
#section-27054 img{border-radius:10px}
#section-27054 h2{margin:0 0 10px}

/***Contactus page
*****************************/
#article-92507 p{margin:0}

/**************************************
Footer
***************************************/
footer{font-size:16px}
footer .Body p, footer .Body li{font-size:16px;}
footer h2{font-size:20px;margin:0 0 10px 0}
footer h3{font-size:20px;margin:0 0 10px 0}
footer a{margin:0 0 10px 0}
footer .Body a{text-decoration:none}
footer .Body a:hover{text-decoration:underline}
footer ul{padding: 0; list-style: none;}
footer li {margin:0 0px 0 0; padding:0 0 10px;}
footer i{font-size:16px;color:#24b5e9;width:1.4rem;vertical-align:middle}
footer .section-header h2.title {color: #111;padding:0;margin:0}


/*What are your looking for
*************************************************/
#main-section-27044{background:#1a5dc8;border-radius:0 0 0 100px}
#section-27044 .ImageCover .Image > span{padding-top:80% !important;position:relative}
#main-section-27044 { position: relative;  padding-top:80px}
#main-section-27044 > div { position: relative }
#main-section-27044 h2.title{padding:40px 0 20px;color:#fff}
#main-section-27044 h2.Title{font-size:22px;letter-spacing:2px;text-transform:uppercase;color:#fff;}
#main-section-27044 a.btn{font-size:13px;font-weight:500;color:#fff;text-decoration:none;text-transform:uppercase;border-radius:40px}
#main-section-27044 .btn {position: relative;background:#1a5dc8;height:30px;line-height:30px;padding:0px 30px 0 15px;border:solid 1px #518dec}
#main-section-27044 .btn:hover{background:#124ead;border:solid 1px #124ead;padding:0px 35px 0 15px;}

#main-section-27044 .btn: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: 15px }
#main-section-27044 .btn:before { content: ""; position: absolute; width: 10px; height: 1px; border-top: 1px solid #fff; margin: auto; top: 0; bottom: 0; right: 15px }
#main-section-27044 .btn:hover:after {border-top: 1px solid #fff; border-right: 1px solid #fff;}
#main-section-27044 .btn:hover:before{border-top: 1px solid #fff; border-right: 1px solid #fff;}

/***BLUE HOME
************************************/
#article-109594 h1{text-transform:uppercase;font-size:3rem;font-weight:700;margin:30px 0 0}
#article-109594 h1 strong {font-weight:700;color: #3f5aa9}

/***Person
************************************/
#article-109595 img{border-radius:10px}
#article-109595 h4{font-size:16px;font-weight:400;margin:10px 0 5px 0}
#article-109595 li{font-weight:600}

/***Follow us
************************************/
.follow-us ul{padding: 0; list-style: none;}
.follow-us li {margin:0 0px 0 0; padding:0 0 10px;}
.follow-us i{font-size:18px;color:#111;width:1.6rem;vertical-align:middle}

/***Property Links Footer
************************************/
#article-109592 li:before, #article-109593 li:before{content:"";position:absolute;left:0;top:-10px;bottom:0;margin:auto;width:6px;height:6px;border-right:2px solid #2e81e3;border-bottom:2px solid #2e81e3;transform:rotate(-45deg) }
#article-109592 li, #article-109593 li{padding:0 0 10px 15px;position:relative;transition:0.2s}
#article-109592 li:hover, #article-109593 li:hover{padding:0 0 10px 18px}

/***copyright
************************************/
#footer-section-27033{background:#161d2d;color:#8f9cb9}
#footer-section-27033 p{margin:0;font-size:14px}
#footer-section-27033 a{color:#dfdff2}
#footer-section-27033 a:hover{color:#24b5e9}
.scroll-up {background-color: rgb(91 143 210 / 40%)}
.scroll-up:before {border-left: 2px solid rgb(255, 255, 255);border-top: 2px solid rgb(255, 255, 255)}
#article-109589{border-top:solid 1px #2a3245;padding-top:40px}

/*****************************************
Footer V3
******************************************/
#footer-section-27034{background:#161d2d;color:#8f9cb9;border-radius:0 100px 0 0}
#footer-section-27034 p{color:#8f9cb9}
#footer-section-27034 .section-header h2.title {color: #dfdff2;padding:40px 0 20px;margin:0;background:transparent}
#footer-section-27034 h3{color:#dfdff2}
#footer-section-27034 i{color:#dfdff2;width:1.6rem;vertical-align:middle}
#footer-section-27034 a{color:#8f9cb9}
#footer-section-27034 a:hover{color:#fff}
#article-109591 p{margin:20px 0}

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

/*Language menu Mobile
********************************/
#section-27041 {position: absolute;top:0;right:70px}
.LanguagePanel {top:20px;float:right;}

/*******************************
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-27039{padding:0;margin:0}
.menu-list-wrapper .navbar-toggler {right: 10px;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:#24b5e9  !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:rgba(0,0,0,0.3);padding:10px 10px;}

/*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:#3f5aa9}
.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)}

/*Slide Mobile
******************************/
.home-page #main-section-27047 {margin: 20px 0 40px 0}
#main-section-27048{padding:0;border-radius:0}
#main-section-27048 .carousel-item img{border-radius:0px}
#main-section-27048 .carousel-indicators{display:none}
#main-section-27048 .container-fluid{padding:0}

#footer-section-27035 {text-align:center}
#section-27037 img{width:50%}
    
/*Properties list homepage
******************************/
#main-section-26412{padding:40px 2%}
#main-section-26415{padding:0 2% 40px 2%;position:relative}
#main-section-18530{padding:0 2% 40px 2%;position:relative}


/*******************************
Contact us Mobile
********************************/
#contactForm {padding:30px;}
#article-108921 iframe{height:50vh}
    
/*What are your looking for
*************************************************/
#main-section-27044{background:#1563df;border-radius:0 0 0 50px;padding:20px}

    
}