/* CSS Document */
@import url("../fonts/SukhumvitSet/stylesheet.css");
@import url("../fonts/SukhumvitSet-Medium/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@200;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 62.5%; overflow-x: hidden; height: 100%; }

body { line-height: 1; color: black; background: white; overflow-x: hidden; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

body ::-moz-selection { background: #111111; color: #fff; }

body ::selection { background: #111111; color: #fff; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: " "; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img { max-width: 100%; height: auto; }

a img { border: none; }

input, textarea, select, div, ul, li, a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/* # Set SASS Function
================================================== */
/* #Basic Set
================================================== */
body { font-size: 1.6rem; line-height: 2.6; font-weight: 300; color: #40485b; text-align: center; background-color: #ffffff; letter-spacing: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #002A8C; text-align: center; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 400; }

h1 { font-size: 5rem; line-height: 1.2; }

h2 { font-size: 4.4rem; line-height: 1.2; margin-bottom: 25px;  }

h3 { font-size: 4.4rem; line-height: 1.2; color: #6e7884; margin-bottom: 15px; }

h4 { font-size: 4.4rem; line-height: 1.2; text-transform: uppercase; }

h5 { font-size: 1.4rem; line-height: 1.6; }

h6 { font-size: 4.3rem; line-height: 1.2; }

strong { font-weight: 700; }

hr { position: relative; clear: both; margin: 0 10px; height: 0; border-top: 1px solid #333333; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

ol { list-style: decimal; margin-left: 30px; }

ul { list-style: none; margin: 0; padding: 0; }

ul.square { list-style: square; }

ul.circle { list-style: circle; }

ul.disc { list-style: disc; }

.detail p { margin-bottom: 10px; }

.detail p:last-child { margin-bottom: 0; }

.detail ul { list-style-type: disc; margin-left: 30px; }

.detail ul ul, .detail ul ol { font-size: 90%; }

.fleft{float: left;}
a { position: relative; text-decoration: none; cursor: pointer; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; color: #141414; }

a:hover, a:active { color: #000000; }

.clear { display: block; visibility: hidden; clear: both; overflow: hidden; width: 0; height: 0; }

/* #Set Font
================================================== */
h1, h2, h3, h4, h5 { font-family: "Prompt", sans-serif; font-weight: 500; }

body, input, textarea, select, button, p { font-family: "Mitr", sans-serif; }

/* #Textbox style
================================================== */
input, textarea, select, button { background: #ffffff; font-size: 1.6rem; line-height: 1.2; font-weight: 300; color: #40485b; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; outline: inherit; width: 100%; padding: 10px 20px;border:1px solid #000; }

button { background: url(../images/icon--line.png) no-repeat bottom center #141414; background-size: 100% 2px; border: 0; cursor: pointer; color: #e8b484; font-size: 2rem; line-height: 1.2; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

button:hover { color: #ffffff; }

select { -moz-appearance: none; -webkit-appearance: none; padding: 11px 20px 13px; outline: 0px; line-height: 1.3; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background: url(../images/icon--select.svg) right center no-repeat #ffffff; background-size: 35px auto;border:1px solid #000; }

button::-moz-focus-inner { border: 0; }

/* #Helper Class
================================================== */
._text-j { text-align: justify; }

._small { font-size: 0.6em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

._red { color: #cc0000; }
.warning{ background-color:#fff;text-align: left; }

._set-tablet { /* 800 */ display: none; }

._set-mobile { /* 560 */ display: none; }

/* #Grid
================================================== */
section { position: relative; z-index: 0; }
.row{width: 100%;}
.col-12{ width: 100%;clear: both;}
.col-6{ width: 50%; }

.box { position: relative; }

.container { position: relative; margin: 0 auto; padding: 0; max-width: 1360px; width: 100%; }

.container_full { position: relative; margin: 0 auto; padding: 0; }

.s__main { padding-top: 30px; padding-bottom: 30px; }

.s__sub { padding-top: 20px; padding-bottom: 30px; }

.s__sm { padding-top: 80px; padding-bottom: 80px; }

/* #Button and Link style
================================================== */
._btn__reademore { background-size: 100% 2px; border: 0; cursor: pointer; color: #ffffff; font-size: 1.8rem; line-height: 1.6; display: inline-block; padding: 7px 20px; background-color: #18B3CF;border: 1px solid #00004E;border-right: 10px solid #00004E; }
._btn__reademore2 { padding: 7px 50px; background-color: #00004E;border: 1px solid #0BB2C1;border-right: 10px solid #0BB2C1;font-size:2rem;color:#fff; }
._btn__reademore2:hover { color: #0BB2C1; }
._btn__reademore:hover { color: #ffffff; background-color: #00004E; }

._btn--booknow { color: #ffffff; padding: 6px 20px 4px; display: inline-block; min-width: 90px; text-align: center; text-transform: initial; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0); }

._btn--booknow:before { height: 0; }

._alink { color: #141414; text-decoration: none; cursor: pointer; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

._alink:before { position: absolute; content: ""; height: 2px; width: 100%; left: 0; bottom: -2px; background-color: #141414; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

._alink:hover { color: #141414; }

._alink:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

/* #Font style
================================================== */
/* #Icon
================================================== */
.icon { position: relative; display: inline-block; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; }

/* #Photo Effect
================================================== */
._bg-full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

._bg-full img { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* #Etc
================================================== */
.fixed_scroll { height: 100%; overflow: hidden; }

.imgline { display: block; margin: 0 auto 30px; }

/* #Slide slide
================================================== */
.slick-list { height: auto !important; }

.slick-track { height: 100%; }

.slick-arrow { position: absolute; top: 30%; background: none; border: 0; width: 150px; height: 100px; padding: 0; margin: 0; z-index: 400; font-size: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.slick-arrow:hover { border: 0; background-color: inherit; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.slick-prev { background: url(../images/arrow--prv.svg) no-repeat 40px center; background-size: 30px auto; left: 0; }

.slick-next { background: url(../images/arrow--next.svg) no-repeat calc(100% - 40px) center; background-size: 30px auto; right: 0; }

.slick-dots { width: 50%; bottom: 70px; left: 80px; position: absolute; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.slick-dots li { display: inline-block; }

.slick-dots li button { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 9px; height: 9px; padding: 0; margin: 0 4px; border: 1px solid #ffffff; background: none; font-size: 0; }

.slick-dots li.slick-active button { background-color: #ffffff; width: 10px; height: 10px; }

/* #Back to top
================================================== */
#back-to-top { display: none; position: fixed; z-index: 9999; width: 35px; height: 33px; cursor: pointer; background-color: rgba(102, 102, 102, 0.7); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; top: auto; right: 20px; bottom: 20px; left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#back-to-top:before { height: 0; }

#back-to-top.show { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

#back-to-top:hover { background-color: #202020; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

#back-to-top i.icon--backtotop { background: url(../images/icon--arrow-backtotop.svg) no-repeat center center; display: block; width: 100%; height: 100%; background-size: 15px; }

/* #box layout
================================================== */
div[class*="sty__boxc"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

div[class*="sty__boxc"] .box { position: relative; overflow: hidden; margin-bottom: 20px; }

.sty__intro { max-width: 780px; margin: auto; }

.sty__intro h1 { color: #002A8C; }

.sty__intro h2 { color: #141414; }

.sty__intro h6 { color: #6e7884; font-size: 3rem; line-height: 1.2; margin-bottom: 5px; }

.sty__intro_sub { max-width: 880px; margin: -20px auto 0; background-color: #ffffff; padding: 60px 40px 40px; }

.sty__intro_sub h2 { font-size: 4.4rem; line-height: 1.2; }

.sty__2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__2col .col { width: calc(50% - 15px); }

.sec__gallery{margin-top: -50px;}

.wrap.sty__boxlist .photo{ width: 100%;height: 350px;margin-bottom:22px;}
.img-detail{margin-top: 6px;}
/* .sty__2col .col .photo{ width: 100%;height: 320px;} */

.sty__box3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__box3 .box { width: calc(33.33% - 30px); }

.sty__4boxteam { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-top: 60px; }

.sty__4boxteam .box { width: calc(25% - 20px); margin-bottom: 30px; }

.sty__4boxteam .text { padding: 10px 0 0; }

.sty__4boxteam .name { color: #141414; font-size: 2rem; line-height: 1.2; font-weight: 500; }

.sty__4boxteam .contact { padding-top: 20px; }

.sty__4boxteam .contact ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

.sty__4boxteam .contact li { margin: 0 5px; }

.sty__4boxteam .contact a { background-color: #e4e4e4; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: block; padding: 10px; }

.sty__4boxteam .contact a:hover { background-color: #f9dfce; }

.sty__4boxteam .nobox { display: none; }

.sty__3col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__3col .box { width: calc(33.33% - 20px); }

.sty__listbox3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__listbox3 .box { width: calc(33.33% - 20px); box-shadow: 0 2px 10px #00000026; background-color: #fff; }

.sty__listbox3 .box.nobox { box-shadow: none; }

.sty__boxlist .box { margin-bottom: 30px; }

.sty__boxlist .box:hover .slick-arrow { width: 80px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.sty__boxlist .box:hover .slick-prev { left: 0px; }

.sty__boxlist .box:hover .slick-next { right: 0px; }

.sty__boxlist .box:hover .text:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

.sty__boxlist .box .label { position: absolute; z-index: 10; top: -8px; right: 25px; color: #fff; }

.sty__boxlist .box .label div.i--labelnew { background: url(../images/icon--label2.png) no-repeat center center; }

.sty__boxlist .box .label div.i--labelrecommend { background: url(../images/icon--label1.png) no-repeat center center; }

.sty__boxlist .box .label div[class^="i--label"] { background-size: 100% auto; width: 80px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-right: 9px; padding-bottom: 5px; }

.sty__boxlist a { display: block; color: #40485b; }

.sty__boxlist .photo { position: relative; text-align: left; overflow: hidden; background-color: #101d33; }

.sty__boxlist .photo .sdbox { display: block !important; }

.sty__boxlist .photo .sdbox a { position: relative; width: 100%; }

.sty__boxlist .photo .sdbox a:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/shadow--phototop.png) repeat-x top center; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; -webkit-transform: none; transform: none; }

.sty__boxlist .photo .sdbox a .slick-track { width: 100%; }

.sty__boxlist .photo img { width: 100%; position: relative; z-index: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 4s ease 0s; -moz-transition: all 4s ease 0s; -o-transition: all 4s ease 0s; -ms-transition: all 4s ease 0s; transition: all 4s ease 0s; }

.sty__boxlist .photo .location { position: absolute; left: 20px; right: 20px; bottom: 10px; z-index: 20; font-size: 1.8rem; line-height: 1.6; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__boxlist .photo .i--pin { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background: url(../images/icon--pin.svg) no-repeat center center; background-size: 100% auto; }

.sty__boxlist div[class^="sd__propertylist"] .slick-arrow { width: 80px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: 38%; }

.sty__boxlist div[class^="sd__propertylist"] .slick-prev { background-position: 20px center; left: -20px; }

.sty__boxlist div[class^="sd__propertylist"] .slick-next { background-position: calc(100% - 20px) center; right: -20px; }

.sty__boxlist .text { text-align: left; padding-bottom: 25px; padding-left: 20px; padding-right: 50px; position: relative; }

.sty__boxlist .text:before { position: absolute; content: ""; height: 2px; width: 100%; left: 0; bottom: -3px; background-color: #141414; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

.sty__boxlist .text a { padding: 25px 10px 0 0; }

.sty__boxlist .text ._btn-sendenquiry { width: 30px; height: 30px; position: absolute; z-index: 10; right: 20px; top: 20px; background-color: #0064AF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.sty__boxlist .text ._btn-sendenquiry a { padding: 0; display: block; padding:4px 2px; }

.sty__boxlist .text .title { font-family: "Prompt", sans-serif; font-size: 2.2rem; line-height: 1.2; color: #141414; font-weight: 500; margin-bottom: 10px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__boxlist .text .detail { padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; xdisplay: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; font-family: "Sukhumvit Set", sans-serif; }

.sty__boxlist .text .detail strong { font-weight: 600; }

.sty__boxlist .text .detail strong.land { padding: 6px 10px 3px; color: #ffffff; background-color: #6e5a42; }

.sty__boxlist .text .detail strong.house { padding: 6px 10px 3px; color: #ffffff; background-color: #40485b; }

.sty__boxlist .text .detail strong.other { padding: 6px 10px 3px; color: #ffffff; background-color: #cc6100; }

.sty__boxlist .text .detail > div { width: calc(100% - 35px); padding-top: 2px; }

.sty__boxlist .text .price { font-family: "Sukhumvit Set", sans-serif; font-size: 1.8rem; line-height: 1.6; color: #141414; font-weight: 600; letter-spacing: -1px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__boxlist .text .price i.i--price { width: 20px; height: 20px; margin-left: 2px; }

.sty__boxlist .text .price span { position: relative; text-decoration: line-through; font-size: 1.4rem; line-height: 1.4; color: #40485b; }

.sty__boxlist .text i { width: 25px; height: 25px; margin-right: 10px; display: inline-block; background-position: center; background-size: 100% auto; background-repeat: no-repeat; }

.sty__boxlist a:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.sty__boxlist a:hover .title { color: #40485b; }

.sty__numpage { margin-top: 20px; font-family: "Sukhumvit Set", sans-serif; font-weight: 600; }

.sty__numpage ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; border: 1px solid #ccc; width: auto; }

.sty__numpage li { border-right: 1px solid #ccc; }

.sty__numpage li:last-child { border: 0; }

.sty__numpage a { padding: 5px 0px; display: block; width: 30px; text-align: center; color: #ccc; }

.sty__numpage a:hover { background-color: #ccc; color: #141414; }

.sty__numpage a.active { background-color: #141414; color: #ffffff; }

.sty__numpage a.noactive { color: #ccc; cursor: default; background-color: #ffffff; }

.sty__h span { color: #141414; }

.sty__linkmore { padding-top: 40px; text-align: center; }
.sty__linkmore2 { padding: 40px; text-align: center; }

.sty__sd3box { margin-left: -15px; margin-right: -15px; }

.sty__sd3box .box { padding: 0 15px; color: #ffffff; padding-bottom: 10px; margin-top: 8px; }

.sty__sd3box .wrapbox { box-shadow: 0 2px 10px #00000026; background-color: #ffffff; }

.sty__sd3box a { display: block; color: #40485b; }

.sty__sd3box .label { position: absolute; z-index: 10; top: -8px; right: 25px; }

.sty__sd3box .label div.i--labelnew { background: url(../images/icon--label2.png) no-repeat center center; }

.sty__sd3box .label div.i--labelrecommend { background: url(../images/icon--label1.png) no-repeat center center; }

.sty__sd3box .label div[class^="i--label"] { background-size: 100% auto; width: 80px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-right: 9px; padding-bottom: 5px; }

.sty__sd3box .photo { position: relative; text-align: left; overflow: hidden; background-color: #000; }

.sty__sd3box .photo a { color: #ffffff; }

.sty__sd3box .photo a:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/shadow--phototop.png) repeat-x top center; z-index: 2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.sty__sd3box .photo img { width: 100%; position: relative; z-index: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 4s ease 0s; -moz-transition: all 4s ease 0s; -o-transition: all 4s ease 0s; -ms-transition: all 4s ease 0s; transition: all 4s ease 0s; }

.sty__sd3box .photo .location { position: absolute; left: 20px; right: 20px; bottom: 10px; z-index: 20; font-size: 1.8rem; line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.sty__sd3box .photo .location .ppid { background: #00000099; padding: 0 10px; }

.sty__sd3box .photo .location .loc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__sd3box .photo .i--pin { width: 20px; height: 20px; margin-right: 10px; display: inline-block; background: url(../images/icon--pin.svg) no-repeat center center; background-size: 100% auto; }

.sty__sd3box .text { background-color: #ffffff; padding: 25px 20px; text-align: left; position: relative; }

.sty__sd3box .text .title { font-family: "Prompt", sans-serif; font-size: 2.2rem; line-height: 1.2; color: #141414; font-weight: 500; margin-bottom: 10px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; padding-right: 55px; }

.sty__sd3box .text .detail { color: #535b65; padding-bottom: 0px; min-height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; font-family: "Sukhumvit Set", sans-serif; }

.sty__sd3box .text .detail strong { font-weight: 600; }

.sty__sd3box .text .detail > div { width: calc(100% - 35px); padding-top: 2px; }

.sty__sd3box .text .price { font-family: "Prompt", sans-serif; color: #141414; font-size: 2rem; line-height: 1.2; font-weight: 500; text-align: right; position: relative; }

.sty__sd3box .text .price:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; top: 50%; background-color: #40485b; z-index: 0; }

.sty__sd3box .text .price span { position: relative; background-color: #ffffff; padding-left: 10px; }

.sty__sd3box .text i { width: 25px; height: 25px; margin-right: 10px; display: inline-block; background-position: center; background-size: 100% auto; background-repeat: no-repeat; }

.sty__sd3box .text ._btn-sendenquiry { width: 30px; height: 30px; position: absolute; z-index: 10; right: 20px; top: 20px; background-color: #141414; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.sty__sd3box .text ._btn-sendenquiry a { padding: 0; display: block; padding: 2px; }

.sty__sd3box a:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.sty__sd3box a:hover .title { color: #000000; }

i.i--home-w { background-image: url(../images/icon--home-w.svg); }

i.i--land-w { background-image: url(../images/icon--land-w.svg); }

i.i--other-w { background-image: url(../images/icon--other-w.svg); }

i.i--home { background-image: url(../images/icon--home.svg); }

i.i--home2 { background-image: url(../images/icon--home2.svg); }

i.i--land { background-image: url(../images/icon--land.svg); }

i.i--other { background-image: url(../images/icon--other.svg); }

i.i--land2 { background-image: url(../images/icon--land2.svg); }

i.i--price { background-image: url(../images/icon--price.svg); }

.sty__ppslide { margin-top: -30vh; background-color: #fff; padding: 20px;min-height: 100px;}

.sty__ppslide .wrap__pptag { position: absolute; z-index: 599; top: 30px; left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__ppslide .wrap__pptag > div { background-color: #ffffff; padding: 8px 15px 6px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 1px 1px 3px 0px #0000004f; font-size: 1.4rem; line-height: 1.4; font-weight: 600; margin-right: 5px; font-family: "Sukhumvit Set", sans-serif; text-shadow: 0 1px 1px #00000080; }

.sty__ppslide .wrap__pptag .tag__new { background-color: #dd0012; color: #ffffff; }

.sty__ppslide .wrap__pptag .tag__recommend { background-color: #e48d00; color: #ffffff; }

.sty__ppslide .wrap__pptag .tag__sale { background-color: #3c7d17; color: #ffffff; }

.sty__ppslide .wrap__propertyslide { margin-bottom: 20px; position: relative; }

.sty__ppslide .wrap__propertyslide .sdphoto:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/shadow--photobottom.png) repeat-x bottom center; z-index: 2; }

.sty__ppslide .wrap__propertyslide .pp__name { position: absolute; bottom: 30px; width: 600px; left: calc(50% - 300px); z-index: 99; color: #ffffff; font-size: 3.4rem; line-height: 1.2; font-weight: 500; text-shadow: 1px 1px 3px #000; }

.sty__ppslide .wrap__propertyslide .pp__name .ppid { font-size: 1.6rem; line-height: 1.2; font-weight: 400; font-family: "Prompt", sans-serif; margin-bottom: 10px; }

.sty__ppslide .sd__property img { width: 100%; height: 550px; -o-object-fit: cover; object-fit: cover; }

.sty__ppslide .sd__property .slick-arrow { top: 0; bottom: 0; height: auto; }

.sty__ppslide .sd__thumbproperty { margin-left: -5px; margin-right: -5px; }

.sty__ppslide .sd__thumbproperty .sdphoto { padding: 0 5px; }

.sty__ppslide .sd__thumbproperty img { opacity: 0.3; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__ppslide .sd__thumbproperty .slick-current.slick-active img { opacity: 1; }

.sty__ppslide .sd__thumbproperty .slick-arrow { top: 0; height: auto; bottom: 0; }

/* #Header
================================================== */
header { font-size: 1.8rem; line-height: 1.6; position: absolute; top: 0; left: 0; width: 100%; z-index: 99; padding-top: 50px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; padding-top: 40px; padding-bottom: 40px; background-color: #141414b3; }

header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

header a { color: #333333;text-transform: uppercase;}

header .topbar { background-color: #02B4C3;color: #ffffff;height: 30px;}
header .topbar ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }
header .topbar .w__menuagent{display: flex;justify-content: end !important;width: 100%;}
header .topbar li { margin-left: 10px; padding-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; position: relative; }

header .topbar li:before { position: absolute; content: ""; width: 1px; top: 10px; bottom: 10px; left: 0; background-color: #ffffff; }

header .topbar li:first-child:before { width: 0; }

header .topbar a { color: #ffffff; font-size: 10px; line-height: 1; padding: 4px 0; }
header .topbar img { width: 19px;height: 19px; }
header .topbar a:hover { color: #d4b34b; }
header a:hover,header a.active { color: #02B4C3; }

header .col-left { width: calc(20% - 160px/2); text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding-top: 0px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .col-left li { margin-right: 20px; }

header .col-center { width: 160px; }

header .col-center a { display: inline-block; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .col-right { width: calc(80% - 160px/2); text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding-top: 0px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .col-right li { margin-left: 20px; }

header ul li { display: inline-block; }

header .menumore { margin-right: 40px; }

header .menumore .btn_hamburger_menu { cursor: pointer; }

header .menumore .btn_hamburger_menu span { height: 1px; width: 35px; display: block; background-color: #024077; margin: 0 0 8px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .menumore .btn_hamburger_menu span:last-child { margin: 0; }

header .menumore .btn-menumore.active span:nth-child(1) { -webkit-transform: rotate(45deg) translate(13px, 11px); transform: rotate(45deg) translate(13px, 11px); width: 34px; }

header .menumore .btn-menumore.active span:nth-child(2) { -webkit-transform: scaleX(0); transform: scaleX(0); }

header .menumore .btn-menumore.active span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

header .menumore .menu-dropdown { position: absolute; width: 200px; max-height: 0; overflow: hidden; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; left: -20px; }

header .menumore .menu-dropdown ul { padding: 10px 0; background-color: #093963; }

header .menumore .menu-dropdown ul:before { position: absolute; content: ""; height: 20px; width: 20px; left: 23px; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #093963; }

header .menumore .menu-dropdown ul li { width: 100%; }

header .menumore .menu-dropdown ul li a { color: #ffffff; padding: 5px 20px; display: block; }

header .menumore .menu-dropdown ul li a:hover { color: #141414; }

header .menumore:hover .btn_hamburger_menu span { background-color: #141414; }

header .menumore .menu-dropdown.active { max-height: 400px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; padding-top: 20px; }

header.fixedtop { position: fixed; top: 0; left: 0; width: 100%; padding-top: 0px; padding-bottom: 12px; background-color: #ffffff; z-index: 999; }

header.fixedtop .col-right, header.fixedtop .col-left { padding-top: 0; }

header.fixedtop .col-center a { /* height: 40px; */ overflow: hidden; }

header.fixedtop .col-center a img { width: 82px;margin-left: 20px;}

header.fixedtop .menumore .menu-dropdown.active { padding-top: 16px; }

header .btn__lang { cursor: pointer; }

header .lang { margin-left: 40px; position: relative; }

header .lang img { width: 25px; }

header .lang.active .dropdown_menulang { max-height: 300px; }

header .dropdown_menulang { position: absolute; top: 100%; right: -20px; width: 120px; max-height: 0; overflow: hidden; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; }

header .dropdown_menulang ul { background-color: #141414; margin-top: 15px; padding-top: 5px; padding-bottom: 5px; }

header .dropdown_menulang ul:before { position: absolute; content: ""; height: 20px; width: 20px; right: 23px; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #141414; }

header .dropdown_menulang ul li { width: 100%; padding: 10px 20px; margin: 0; }

header .dropdown_menulang ul a { color: #e8b484; display: block; font-size: 1.6rem; line-height: 1.2; }

header .dropdown_menulang ul a:hover { color: #ffffff; }

.mobimenu,.top_logo { display: none; }
header .top_logo img{width: 82px;margin-left: 20px;}

.col-footermenumobile { display: none; }

/* # Search
================================================== */
.sec__searchbox { position: absolute; bottom: 10%; z-index: 99; width: 780px; left: calc(50% - 780px/2); }

.sec__searchbox .title { color: #ffffff; font-family: "Prompt", sans-serif; font-size: 4.4rem; line-height: 1.2; font-weight: 500; text-shadow: 0px 1px 3px #00000099; margin-bottom: 10px; }

.sec__searchbox .subtitle { color: #ffffff; margin-bottom: 40px; }

.sec__searchbox .wrap__searchbox .tab__searchbox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__searchbox .wrap__searchbox .tab__searchbox li { width: calc(50% - 1px); }

.sec__searchbox .wrap__searchbox .tab__searchbox a { background-color: #101c3466; color: #ffffff; padding: 15px 20px; width: 100%; display: block; font-size: 2rem; line-height: 1.2; font-weight: 700; font-family: "Sukhumvit Set", sans-serif; }

.sec__searchbox .wrap__searchbox .tab__searchbox a:hover { color: #f9dfce; background-color: #101c34cc; }

.sec__searchbox .wrap__searchbox .tab__searchbox a.active { color: #141414; background-color: #ffffffcc; cursor: default; }

.sec__searchbox .wrap__searchbox .form__searchbox { background-color: #ffffffcc; padding: 40px 40px 30px; }

.sec__searchbox .wrap__searchbox .form__searchbox form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__searchbox .wrap__searchbox .form__searchbox .row { margin-bottom: 10px; }

.sec__searchbox .wrap__searchbox .form__searchbox ._search { width: 100%; }

.sec__searchbox .wrap__searchbox .form__searchbox ._search input { background: url(../images/icon--search.svg) no-repeat calc(100% - 15px) center #fff; background-size: 25px auto; }

.sec__searchbox .wrap__searchbox .form__searchbox ._type { width: calc(40% - 10px); }

.sec__searchbox .wrap__searchbox .form__searchbox ._location { width: calc(30% - 10px); }

.sec__searchbox .wrap__searchbox .form__searchbox ._submit { width: calc(30% - 10px); }

.sec__searchbox .wrap__searchbox .form__searchbox button { height: 48px; }

.sec__searchbox .wrap__searchbox .formsearch { display: none; }

.sec__searchbox .wrap__searchbox .formsearch.active { display: block; }

.wrap__selectbtn { position: relative; width: 100%; text-align: left; }

.wrap__selectbtn .sty__select { background: url(../images/icon--select.svg) right center no-repeat #ffffff; padding: 11px 20px 7px; background-size: 40px auto; line-height: 1.6; font-weight: 300; color: #6e7884; cursor: pointer; border: 1px solid #ffffff; position: relative; z-index: 5; -webkit-transition: all 0s ease 0.6s; -moz-transition: all 0s ease 0.6s; -o-transition: all 0s ease 0.6s; -ms-transition: all 0s ease 0.6s; transition: all 0s ease 0.6s; }

.wrap__selectbtn .sty__select:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: -2px; background-color: #fff; z-index: 10; opacity: 0; -webkit-transition: all 0s ease 0.6s; -moz-transition: all 0s ease 0.6s; -o-transition: all 0s ease 0.6s; -ms-transition: all 0s ease 0.6s; transition: all 0s ease 0.6s; }

.wrap__selectbtn .slt__dropdown { font-size: 1.4rem; line-height: 1.4; background-color: #fff; width: 450px; position: absolute; left: 0; top: calc(100% - 0px); max-height: 0; overflow: hidden; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; z-index: 4; }

.wrap__selectbtn .slt__dropdown .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 40px 40px 30px; border: 1px solid #141414; }

.wrap__selectbtn .slt__dropdown .slt { width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; margin-bottom: 10px; cursor: pointer; }

.wrap__selectbtn .slt__dropdown .slt:hover { color: #141414; }

.wrap__selectbtn .slt__dropdown .slt strong { font-weight: 400; }

.wrap__selectbtn .slt__dropdown .slt.active .slt-check-square:before { opacity: 1; }

.wrap__selectbtn .slt__dropdown .slt-check-square { display: block; background-color: #fff; border: 1px solid #6e7884; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; width: 15px; height: 15px; margin-right: 10px; position: relative; }

.wrap__selectbtn .slt__dropdown .slt-check-square:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/icon--check.svg) no-repeat center center; background-size: 15px auto; opacity: 0; }

.wrap__selectbtn.active .sty__select { border: 1px solid #141414; border-bottom-color: #ffffff; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; transition: all 0s ease 0s; background-image: url(../images/icon--close.svg); background-size: 15px auto; background-position: calc(100% - 12px) center; }

.wrap__selectbtn.active .sty__select:before { opacity: 1; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; transition: all 0s ease 0s; }

.wrap__selectbtn.active .slt__dropdown { max-height: 500px; }

/* #footer
================================================== */
footer { background-color: #0bb2c1; color: #ffffff; padding-top: 0px; }

footer .container_full { padding-bottom: 30px; padding-top: 30px;background-color: #00004E; }

footer a { color: #ffffff; }

footer a:hover { color: #000000; }

footer .ft__memu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 30px; }

footer .ft__memu li { display: inline-block; }

footer .ft__memu a { font-size: 1.5rem; line-height: 1.6;text-transform: uppercase;}

footer .ft__memu .col-left { width: calc(50% - 116px/2); text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding-right: 60px; padding-top: 30px; }

footer .ft__memu .col-left li { margin-left: 40px; }

footer .ft__memu .col-logo { padding-top: 30px; width: 116px; }
footer .ft__memu .col-logo img { border-radius: 0%; }

footer .ft__memu .col-right { width: calc(50% - 116px/2); text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding-left: 60px; padding-top: 30px; }

footer .ft__memu .col-right li { margin-right: 30px; }

footer .ft__social { text-align: center; padding-bottom: 30px; }

footer .ft__social li { margin: 0 5px; display: inline-block; }

footer .ft__social a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #ffffff; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

footer .ft__social a:hover { background-color: #f9dfce; }

footer .ft__social a img { width: 26px; }

footer .ft__copyright { font-size: 1.2rem; line-height: 1.2; }

/* # Newsletter
================================================== */
#newsletter_form .wrap--loading { position: absolute; width: 320px; font-size: 1.2rem; display: none; }

#newsletter_form .wrap--loading.active { display: block; }

#newsletter_form .wrap--loading .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

#newsletter_form .wrap--loading svg { width: 40px; }

#newsletter_form #emailnewletter-error.error { color: #ffffff; }

/* #Main slide -- fullpage
================================================== */
.sec__mainslide { background-color: #000000; position: relative; z-index: 5; margin-top:140px; }

.sec__mainslide:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/shadow--topmainslide.png) repeat-x top; z-index: 2; }

.sec__mainslide .box { height: 100vh; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.sec__mainslide.hf .box { height: 600px; display: block !important; }

.sec__mainslide.toph .box { height: 200px; }

/* #Home
================================================== */
.sec__h_maincontent .sty__sd3box { margin-top: 60px; }

.sec__h_why { background-color: #fef9f5; }

.sec__h_why h3 { font-size: 3rem; line-height: 1.2; }

.sec__h_why .sty__box3 { padding-top: 60px; }

.sec__h_why .photo { width: 140px; height: 140px; position: relative; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.sec__h_why .photo:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background-color: #f9dfce; opacity: 0.3; z-index: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.sec__h_why .photo img { z-index: 5; position: relative; }

.sec__h_why .text { padding-top: 50px; }

.sec__h_why .title { font-size: 3rem; line-height: 1.2; margin-bottom: 20px; font-family: "Prompt", sans-serif; color: #141414; font-weight: 500; letter-spacing: 0; /* text-shadow: 1px 0 3px #00000033; */ }

.sec__h_newsletter { background: url(../images/bg--newsletter.jpg) no-repeat center center; background-size: cover; }

.sec__h_newsletter .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.sec__h_newsletter .col { width: 50%; text-align: left; }

.sec__h_newsletter .col h4 { text-align: left; }

.sec__h_newsletter .col h4 span { color: #141414; }

.sec__h_newsletter .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__h_newsletter .inputfield input { width: calc(100% - 230px); }

.sec__h_newsletter .inputfield button { width: 200px; }

.sec__h_newsletter #newsletter_form { padding-top: 30px; }

.wrap--loading svg { width: 80px; }

.sec__h_property { background-color: #efefef; z-index: 10; padding-top: 30px;}
.sec__h_property.blue{background-color: #93e7ed !important;}
.sec__h_property .sty__intro { padding-bottom: 40px; }

.sec__h_property h3 { font-size: 4.4rem; line-height: 1.2; color: #000000; }
.sec__h_new {background-color: #ffffff ;}

.sec__h_new .title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 20px; }

.sec__h_new h4 { text-align: left; display: inline-block; width: 80%;color: #002A8C; }

.sec__h_new .tab__newsandblog { width: 20%; }

.sec__h_new .tab__newsandblog ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.sec__h_new .tab__newsandblog li { margin-left: 10px; }

.sec__h_new .tab__newsandblog li a { color: #141414; padding: 5px 20px; display: block; }

.sec__h_new .tab__newsandblog li a:hover { color: #141414; }

.sec__h_new .tab__newsandblog li a.active { background-color: #141414; color: #ffffff; }

.sec__h_new .wrap__listnews { text-align: left; position: relative; }

.sec__h_new .wrap__listnews .sty__hnews { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; opacity: 0; z-index: 0; position: relative; }

.sec__h_new .wrap__listnews .sty__hnews img { width: 100%;border-radius: 10px;border: 2px solid #fff; }

.sec__h_new .wrap__listnews .sty__hnews .title { font-size: 2.4rem; line-height: 1.3; font-family: "Sukhumvit Set", sans-serif; font-weight: 600; color: #000000; margin-bottom: 0; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.sec__h_new .wrap__listnews .sty__hnews .detail { color: #000;line-height: 30px; }

.sec__h_new .wrap__listnews .sty__hnews.active { display: -webkit-box; display: flex; z-index: 10; opacity: 1; }

.sec__h_new .wrap__listnews #tabnew__2.sty__hnews { position: absolute; top: 0; left: 0; width: 100%; }

.sec__h_new .wrap__listnews .col1 { width: 35%; padding-right: 30px; position: relative; }

.sec__h_new .wrap__listnews .col1 .box { height: 100%; position: relative; }

.sec__h_new .wrap__listnews .col1 .photo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sec__h_new .wrap__listnews .col1 .photo img { height: 100%; -o-object-fit: cover; object-fit: cover; }

.sec__h_new .wrap__listnews .col1 .text { position: absolute; top: calc(100% + 30px); }

.sec__h_new .wrap__listnews .col1 a { width: 100%; height: 100%; display: block; }

.sec__h_new .wrap__listnews .col2 { width: 100%; }

.sec__h_new .wrap__listnews .col2 .photo { width: calc(55% - 0px); }

.sec__h_new .wrap__listnews .col2 .text { width: calc(45% - 30px); }

.sec__h_new .wrap__listnews .col2 .box { margin-bottom: 30px;width: 49%;display: inherit;}

.sec__h_new .wrap__listnews .col2 .box a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__h_new .wrap__listnews .col2 .box .text { padding-top: 30px; }

.sec__h_new .wrap__listnews .col2 .box .title { margin-bottom: 10px; }

.sec__h_new .wrap__listnews .col2 .box:last-child { margin-bottom: 0; }

.sec__h_new .wrap__listnews a:hover .title { color: #40485b; }

.sec__h_new .wrap__listnews .slick-dots { left: auto; right: 230px; top: calc(100% + 52px); -webkit-box-pack: end; justify-content: flex-end; }

.sec__h_new .wrap__listnews .slick-dots li button { background-color: #141414; border: 0; width: 12px; height: 12px; margin: 0 10px 0 0; }

.sec__h_new .wrap__listnews .slick-dots li.slick-active button { background-color: #141414; }

.sec__h_new .sty__linkmore { margin-bottom: 10px; padding-top: 20px; text-align: right; }

.sec__h_new .sty__linkmore a { text-align: center; }

/* # Aboutus
================================================== */
.sec__aboutvalues { background: #F1F1F1; background-size: cover; }

.sec__aboutvalues h4 { font-size: 3rem; line-height: 1.2; margin-bottom: 10px; }

.sec__aboutvalues .sty__linkmore { padding-top: 20px; }

.sec__aboutvalues .col { background-color: #ffffffcc; padding: 40px; }

.sec__ourteam h3 { color: #141414; }

/* #Contact us
================================================== */
.sec__s_maincontent { z-index: 30; }

.sec__companydetail { padding-top: 60px; }

.sec__companydetail .cm__name { font-size: 2.4rem; line-height: 1.3; color: #141414; font-weight: 600; font-family: "Sukhumvit Set", sans-serif; padding-bottom: 20px; }

.sec__contactform { max-width: 600px; margin: auto; }

.sec__contactform form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__contactform label.error { color: #cc0000; font-size: 0.8em; float: left; padding: 5px 0 0; }

.sec__contactform input, .sec__contactform textarea { border: 1px solid #6e7884; padding-left: 120px; }

.sec__contactform button { padding-top: 15px; padding-bottom: 15px; }

.sec__contactform .row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 15px; position: relative; }

.sec__contactform .subject { width: 120px; text-align: left; padding: 13px 0 0 20px; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; }

.sec__contactform .inputfield { width: 100%; }

.sec__contactform .-name { width: calc(50% - 7px); }

.sec__contactform .-pass { position: relative; }

.sec__contactform .-pass .subject { left: 90px; width: 190px; }

.sec__contactform .-pass .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__contactform .-pass .wrap_verify { width: 80px; background-color: #efefef; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sec__contactform .-pass .wrap_pass { width: calc(100% - 90px); }

.sec__contactform .-pass input { padding-left: 200px; }

.sec__contactform .-btn button[value="Submit"] { width: calc(50% - 5px); margin-right: 10px; float: left; }

.sec__contactform .-btn button[value="Reset"] { width: calc(50% - 5px); float: left; background: none; background-color: #141414; color: #ffffff; }

.sec__contactform .-remark { font-size: 1.4rem; text-align: left; }

/* # Property
================================================== */
.property__page .box i + div strong { margin-right: 5px; }

/* # Property Detail
================================================== */
#boxsentinquiry { width: 1px; height: 0px; -webkit-transform: translateY(-90px); transform: translateY(-90px); }

.sec__pp_intro { z-index: 10; }

.sty__ppdetail { text-align: left; padding: 30px 20px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__ppdetail .col1 { width: calc(66% - 45px); }

.sty__ppdetail .col1 .title { font-weight: 500; font-size: 1.8rem; line-height: 1.6; }

.sty__ppdetail .col2 { width: calc(33.33% - 15px); }

.sty__ppdetail .wpp__intor { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 30px; }

.sty__ppdetail .wpp__intor .col1 { width: calc(100%); padding-right: 60px; }

.sty__ppdetail .wpp__intor .col1 h4 { text-align: left; font-size: 2.4rem; line-height: 1.3; margin-bottom: 10px; }

.sty__ppdetail .wpp__intor .col1 .pinarea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.sty__ppdetail .wpp__intor .col1 .pinarea .wrap { margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.sty__ppdetail .wpp__intor .col1 .pinarea a { color: #141414; text-decoration: underline; }

.sty__ppdetail .wpp__intor .col1 .pinarea a:hover { color: #141414; }

.sty__ppdetail .wpp__intor .col1 .pinarea svg { width: 20px; height: 20px; margin-right: 10px; }

.sty__ppdetail .wpp__intor .col1 .pinarea svg path { fill: #141414; }

.sty__ppdetail .wpp__intor .col2 { width: 100%; text-align: right; font-family: "Sukhumvit Set", sans-serif; font-weight: 600; }

.sty__ppdetail .wpp__intor .col2 .wrap { background-color: #ececec; padding: 20px; text-align: left; }

.sty__ppdetail .wpp__intor .col2 .fullprice span { text-decoration: line-through; }

.sty__ppdetail .wpp__intor .col2 .saleprice { color: #dd670d; }

.sty__ppdetail .wpp__intor .col2 .saleprice span { font-size: 3.4rem; line-height: 1.2; line-height: 1; }

.sty__ppdetail .wpp__detail { border-bottom: 2px solid #141414; padding-bottom: 20px; margin-bottom: 40px; padding-top: 30px; }

.sty__ppdetail .wpp__detail .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__ppdetail .wpp__detail .wrap .box { width: calc(50% - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 1px; }

.sty__ppdetail .wpp__detail .wrap .box .title { width: 150px; padding: 5px 10px; font-weight: 400; font-size: 1.6rem; line-height: 1.6; color: #141414; }

.sty__ppdetail .wpp__detail .wrap .box .detail { width: calc(100% - 150px); padding: 5px 10px; }

.sty__ppdetail .wpp__description { margin-bottom: 30px; }

.sty__ppdetail .wpp__gallery { xborder-bottom: 2px solid #141414; xpadding-bottom: 30px; xmargin-bottom: 40px; /* .wrap{ margin-left: -10px; margin-right: -10px; } @include flex; -webkit-box-pack: start; justify-content: flex-start; */ }

.sty__ppdetail .wpp__gallery .sd__ppgallery { margin-left: -20px; margin-right: -10px; }

.sty__ppdetail .wpp__gallery .sd__ppgallery .slick-arrow { top: calc(50% - 50px); }

.sty__ppdetail .wpp__gallery .box { padding: 0 10px; }

.sty__ppdetail .wpp__gallery a { display: block; margin: 0; }

.sty__ppdetail .wpp__location .detail { margin-bottom: 30px; }

.sty__ppdetail .wpp__location .map { margin-bottom: 40px; }

.sty__ppdetail .wpp__location .map iframe { width: 100%; height: 300px; }

.sty__ppdetail .wpp__location .nearby .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__ppdetail .wpp__location .nearby .box { width: calc(50% - 20px); margin-bottom: 20px; }

.sty__ppdetail .wpp__location .nearby .title { margin-bottom: 5px; }

.sty__ppdetail .wpp__location .nearby .list ul { list-style-type: disc; margin-left: 20px; }

.sty__ppdetail .wpp__location .nearby .list li { font-size: 1.4rem; line-height: 1.4; margin-bottom: 3px; }

.sty__ppdetail .wrap__sendinquiry { background-color: #ececec; padding: 30px 30px 20px; margin-bottom: 20px; }

.sty__ppdetail .wrap__sendinquiry .title { font-size: 2.4rem; line-height: 1.3; color: #141414; font-weight: 500; margin-bottom: 5px; }

.sty__ppdetail .wrap__sendinquiry .detail { margin-bottom: 20px; }

.sty__ppdetail .wrap__sendinquiry .row { margin-bottom: 15px; position: relative; }

.sty__ppdetail .wrap__sendinquiry .subject { position: absolute; top: 11px; left: 15px; z-index: 10; width: 110px; }

.sty__ppdetail .wrap__sendinquiry button { padding: 15px 20px; }

.sty__ppdetail .wrap__sendinquiry input, .sty__ppdetail .wrap__sendinquiry textarea { padding-left: 125px; }

.sty__ppdetail .wrap__sendinquiry label.error { color: #cc0000; font-size: 0.8em; padding: 5px 0 0; }

.sty__ppdetail .wrap__share { border: 1px solid #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding: 20px 30px; }

.sty__ppdetail .wrap__share ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; margin-left: 20px; }

.sty__ppdetail .wrap__share ul li { margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__ppdetail .wrap__share ul a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.sty__ppdetail .wrap__share ul img { width: 20px; }

.wrap__ppvideo { margin-bottom: 30px; }

.wrap__ppvideo a { width: 100%; position: relative; display: block; background-color: #000; }

.wrap__ppvideo a:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; background: url(../images/icon--videoplay.svg) no-repeat center center; background-size: 60px auto; z-index: 10; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.wrap__ppvideo a img { width: 100%; opacity: 0.75; }

.wrap__ppvideo a:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); }

.wrap__salecontact { background-color: #ececec; }

.wrap__salecontact .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 25px 25px 0 25px; }

.wrap__salecontact .photo { width: 30%; }

.wrap__salecontact .text { width: 70%; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.wrap__salecontact .text .wrap__text { width: 100%; }

.wrap__salecontact .title { font-weight: 500; font-family: "Prompt", sans-serif; margin-bottom: 10px; font-size: 2rem; line-height: 1.2; padding-top: 10px; color: #141414; }

.wrap__salecontact a { color: #40485b; }

.wrap__salecontact a:hover { color: #141414; }

.wrap__salecontact .phone, .wrap__salecontact .line, .wrap__salecontact .email { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; margin-bottom: 5px; }

.wrap__salecontact .phone .picon, .wrap__salecontact .line .picon, .wrap__salecontact .email .picon { width: 30px; height: 25px; }

.wrap__salecontact .phone .picon svg, .wrap__salecontact .line .picon svg, .wrap__salecontact .email .picon svg { width: 18px; }

.wrap__salecontact .phone .picon svg path, .wrap__salecontact .line .picon svg path, .wrap__salecontact .email .picon svg path { fill: #141414; }

.wrap__salecontact .phone .detail, .wrap__salecontact .line .detail, .wrap__salecontact .email .detail { width: calc(100% - 30px); padding-left: 5px; font-family: "Sukhumvit Set", sans-serif; }

.title__salecontact h3 { font-size: 2.4rem; line-height: 1.3; color: #141414; text-align: left; padding-top: 10px; }

/* #Map
================================================== */
.sec__map .wrap__map { height: 35vw; }

.sec__map #map-canvas { height: 100%; }

.sec__map #product-right { padding: 20px 12px 20px 10px; text-align: center; }

.sec__map #product-right img { margin-bottom: 15px; width: 120px; }

/* # Sale and Rent
================================================== */
.sec__saleandrentform { max-width: 600px; margin: auto; }

.sec__saleandrentform form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__saleandrentform label.error { color: #cc0000; font-size: 0.8em; float: left; padding: 5px 0 0; }

.sec__saleandrentform input, .sec__saleandrentform textarea { border: 1px solid #6e7884; padding-left: 120px; }

.sec__saleandrentform button { padding-top: 15px; padding-bottom: 15px; }

.sec__saleandrentform .row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 15px; position: relative; }

.sec__saleandrentform .subject { width: 120px; text-align: left; padding: 11px 0 0 15px; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; }

.sec__saleandrentform .inputfield { width: 100%; }

.sec__saleandrentform .-name, .sec__saleandrentform .-pricesale, .sec__saleandrentform .-pricerent { width: calc(50% - 7px); }

.sec__saleandrentform .-pass { position: relative; }

.sec__saleandrentform .-pass .subject { left: 90px; width: 190px; }

.sec__saleandrentform .-pass .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__saleandrentform .-pass .wrap_verify { width: 80px; background-color: #efefef; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sec__saleandrentform .-pass .wrap_pass { width: calc(100% - 90px); }

.sec__saleandrentform .-pass input { padding-left: 200px; }

.sec__saleandrentform .-btn button[value="Submit"] { width: calc(50% - 5px); margin-right: 10px; float: left; }

.sec__saleandrentform .-btn button[value="Reset"] { width: calc(50% - 5px); float: left; background: none; background-color: #141414; color: #ffffff; }

.sec__saleandrentform .-remark { font-size: 1.4rem; text-align: left; }

.sec__saleandrentform .-phone { margin-bottom: 40px; }

.sec__saleandrentform .title_contact, .sec__saleandrentform .title { font-size: 2rem; line-height: 1.2; font-weight: 600; font-family: "Sukhumvit Set", sans-serif; }

.sec__saleandrentform .-pptype { border: 1px solid #6e7884; padding: 12px 0 11px; }

.sec__saleandrentform .-pptype input { padding-left: 0; width: 20px; padding: 0; margin: 0 5px 0 0; }

.sec__saleandrentform .-pptype .subject { padding-top: 11px; top: 0; width: 150px; }

.sec__saleandrentform .-pptype .inputfield label { margin-right: 15px; }

.sec__saleandrentform .-pptype .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; padding-left: 165px; }

.sec__saleandrentform .-pptype2, .sec__saleandrentform .-province, .sec__saleandrentform .-district { border: 1px solid #6e7884; }

.sec__saleandrentform .-pptype2 input, .sec__saleandrentform .-province input, .sec__saleandrentform .-district input { padding-left: 0; width: 20px; padding: 0; margin: 0 5px 0 0; }

.sec__saleandrentform .-pptype2 .subject, .sec__saleandrentform .-province .subject, .sec__saleandrentform .-district .subject { padding-top: 11px; top: 0; width: 160px; }

.sec__saleandrentform .-pptype2 .inputfield label, .sec__saleandrentform .-province .inputfield label, .sec__saleandrentform .-district .inputfield label { margin-right: 15px; }

.sec__saleandrentform .-pptype2 .inputfield, .sec__saleandrentform .-province .inputfield, .sec__saleandrentform .-district .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; padding-left: 150px; }

.sec__saleandrentform .-ppsize input { padding-left: 165px; }

.sec__saleandrentform .-room { width: calc(50% - 7px); border: 1px solid #6e7884; }

.sec__saleandrentform .-room .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; padding-left: 105px; }

.sec__sr_contact { background-color: #fef9f5; }

.sec__sr_contact h3 { color: #141414; }

.sec__sr_contact .sty__3col { padding-top: 80px; padding-bottom: 20px; }

.sec__sr_contact .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-right: 1px solid #141414; width: 33.33%; }

.sec__sr_contact .box:last-child { border: 0; }

.sec__sr_contact .photo { width: 100%; margin-bottom: 30px; }

.sec__sr_contact .photo img { width: 60px; margin: auto; }

.sec__sr_contact .title { font-family: "Prompt", sans-serif; font-size: 2rem; line-height: 1.2; font-weight: 500; margin-bottom: 10px; }

.sec__sr_contact a { color: #40485b; }

.sec__sr_contact a:hover { color: #141414; }

/* # Search page
================================================== */
.search__page h2 { font-size: 4.4rem; line-height: 1.2; }

.sec__s_search .sty__intro { margin-bottom: 0; }

.sty__searchfull { background-color: #ececec; padding: 10px; margin-bottom: 30px; }

.sty__searchfull input, .sty__searchfull textarea, .sty__searchfull select, .sty__searchfull button, .sty__searchfull .wrap__selectbtn .sty__select { font-size: 1.4rem; line-height: 1.4; }

.sty__searchfull form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__searchfull .slt__dropdown { color: #40485b; }

.sty__searchfull ._search input { background: url(../images/icon--search.svg) no-repeat calc(100% - 15px) center #fff; background-size: 25px auto; }

.sty__searchfull .row { width: 15%; }

.sty__searchfull ._submit { width: 150px; }

.sty__searchfull ._search { width: calc(20% - 10px); }

.sty__searchfull ._wantto { width: calc(15% - 10px); }

.sty__searchfull ._typex { width: calc(15% - 10px); }

.sty__searchfull ._location { width: calc(15% - 10px); }

.sty__searchfull ._price { width: calc(15% - 10px); }

.sty__searchfull ._submit { width: calc(20% - 10px); }

.sty__searchfull ._wantto .wrap__selectbtn .slt__dropdown, .sty__searchfull ._typex .wrap__selectbtn .slt__dropdown, .sty__searchfull ._price .wrap__selectbtn .slt__dropdown { width: 100%; min-width: 200px; z-index: 99; }

.sty__searchfull ._wantto .wrap__selectbtn .slt__dropdown .slt, .sty__searchfull ._typex .wrap__selectbtn .slt__dropdown .slt, .sty__searchfull ._price .wrap__selectbtn .slt__dropdown .slt { width: 100%; }

.sty__searchfull .wrap__selectbtn .slt__dropdown .wrap { padding: 20px 20px 5px; }

.sty__search-results { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 20px; }

.sty__search-results .col1 { font-weight: 600; font-size: 2.4rem; line-height: 1.3; font-family: "Sukhumvit Set", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.sty__search-results .col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; }

.btn__sortby { width: 180px; text-align: left; position: relative; margin-left: 20px; }

.btn__sortby .sortby__active { border: 1px solid #141414; background: url(../images/icon--select.svg) right center no-repeat #ffffff; padding: 9px 20px 7px; background-size: 40px auto; cursor: pointer; }

.btn__sortby .sortby__dropdown { position: absolute; width: 100%; top: 100%; left: 0; z-index: 99; max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 0; }

.btn__sortby .sortby__dropdown ul { background-color: #fff; border: 1px solid #141414; border-top: 0; }

.btn__sortby .sortby__dropdown li { border-bottom: 1px dotted #9096a0; }

.btn__sortby .sortby__dropdown li:last-child { border-bottom: 0; }

.btn__sortby .sortby__dropdown a { padding: 5px 20px; display: block; font-size: 1.4rem; line-height: 1.4; }

.btn__sortby .sortby__dropdown a:hover { color: #141414; }

.btn__sortby .sortby__dropdown li.active { display: none; }

.btn__sortby.active .sortby__active { background-image: url(../images/icon--close.svg); background-size: 15px auto; background-position: calc(100% - 12px) center; }

.btn__sortby.active .sortby__dropdown { max-height: 300px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

/* # News
================================================== */
.sec__m_news h3 { color: #141414; }

.sec__m_news .sty__intro { margin-bottom: 60px; }

.sec__m_news .box .photo { height: 300px; width: 100%; }

.sec__m_news .sty__filternewandblog { margin-bottom: 60px; }

.sec__m_news .sty__filternewandblog ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

.sec__m_news .sty__filternewandblog li { margin: 0 10px; }

.sec__m_news .sty__filternewandblog li a { color: #141414; padding: 5px 20px; display: block; background-color: #ececec; }

.sec__m_news .sty__filternewandblog li a:hover { color: #141414; }

.sec__m_news .sty__filternewandblog li a.active { background-color: #141414; color: #ffffff; }

.sec__m_newsdetail { text-align: left; }

.sec__m_newsdetail .sty__newsdetail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__m_newsdetail .col1 { width: 60%; }

.sec__m_newsdetail .col2 { width: 40%; padding-left: 60px; }

.sec__m_newsdetail h2 { font-size: 3.4rem; line-height: 1.2; text-align: left; }

.sec__m_newsdetail .wrap__dateadd { font-size: 1.4rem; line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sec__m_newsdetail .wrap__dateadd svg { width: 20px; height: 20px; margin-right: 10px; }

.sec__m_newsdetail .wrap__dateadd .addby { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; margin-right: 20px; }

.sec__m_newsdetail .wrap__dateadd .adddate { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }

.sec__m_newsdetail .wrap__detail { padding: 60px 0; }

.sec__m_newsdetail .wrap__detail p { margin-bottom: 15px; }

.sec__m_newsdetail .wrap__detail a { color: #141414; text-decoration: underline; }

.sec__m_newsdetail .wrap__detail img.bphoto { width: 100%; margin-bottom: 20px; }

.sec__m_newsdetail .wrap__detail h4 { font-size: 1.8rem; line-height: 1.6; text-align: left; padding-top: 10px; margin-bottom: 5px; }

.sty__boxlist-more .box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; font-size: 1.4rem; line-height: 1.4; border-bottom: 1px dotted #ccc; }

.sty__boxlist-more .box .photo { width: 120px; height: 120px; position: relative; }

.sty__boxlist-more .box .text { width: calc(100% - 120px); padding-left: 30px; }

.sty__boxlist-more .box .text .title { font-weight: 500; margin-bottom: 5px; }

.sec__saleandrentform select, .sec__contactform select { background-color: #fbfbfb; }

.sec__saleandrentform input, .sec__saleandrentform textarea, .sec__saleandrentform .-pptype, .sec__saleandrentform .-pptype2, .sec__saleandrentform .-province, .sec__saleandrentform .-room, .sec__contactform input, .sec__contactform textarea, .sec__contactform .-pptype, .sec__contactform .-pptype2, .sec__contactform .-province, .sec__contactform .-room { background-color: #fbfbfb; border: 1px solid #dedede; }

.sec__saleandrentform input, .sec__saleandrentform textarea { padding-left: 165px; }

.sec__saleandrentform .subject { width: 165px; }

.sec__saleandrentform .-room .subject { width: 100px; }

.sec__saleandrentform .-name .subject { width: 100px; }

.sec__saleandrentform .-name input { padding-left: 110px; }

.sec__saleandrentform .-phone .subject, .sec__saleandrentform .-email .subject { width: 120px; }

.sec__saleandrentform .-phone input, .sec__saleandrentform .-email input { padding-left: 130px; }

button { background: none; background-color: #141414; color: #ffffff; }

button:hover { background-color: #00004E; }

.sec__saleandrentform .-btn button[value="Reset"], .sec__contactform .-btn button[value="Reset"] { background-color: #141414; }

.sec__saleandrentform .-btn button[value="Reset"]:hover, .sec__contactform .-btn button[value="Reset"]:hover { background-color: #04070c; }

.search__section { z-index: 99; position: absolute; width: 100%; left: 0; top: -230px; }

.search__section h2 { color: #ffffff; }

.wrap360 a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

input:focus { border: 1px solid #141414; }

.contactus__page .sty__intro_sub p { max-width: 600px; margin-left: auto; margin-right: auto; }

/*# sourceMappingURL=main.css.map */