/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3, 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
================================================== */
.fontbody, body { font-family: "Roboto", sans-serif; line-height: 1.6; }

.fontheader, h1, h2, h3, h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3, h5, h6, button, .subheader, .sty__highlightbar .text .title, .sty__boxlist1 .title, .sty__boxlist2 .title, .btn__viewmore, footer .footerintro .address .name, footer .newsletter .subject, .sd__mainslide .box .text, #sec__search .tab__menusearch li a, #sec__search .box__menusearch button, .sec__contactform .subject { font-family: "Raleway", sans-serif; line-height: 1.3; }

/* #Basic Set
================================================== */
body { color: #555555; text-align: center; background-color: #ffffff; }

body { font-size: 14px; }

@media screen and (min-width: 375px) { body { font-size: calc(14px + 2 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { body { font-size: 16px; } }

h1, h2, h3, h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3, h5, h6 { font-weight: 400; color: #d4b34b; text-align: center; }

h1 a, h2 a, h3 a, h4 a, .sty__boxlist-1r .box .text h2 a, .sty__boxlist-1rv2 .box .row1 .text h3 a, .sty__2col h3 a, h5 a, h6 a { font-weight: 400; }

h2 { text-shadow: 1px 1px 3px #0000004d; text-transform: uppercase; }

h2 { font-size: 34px; }

@media screen and (min-width: 375px) { h2 { font-size: calc(34px + 26 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h2 { font-size: 48px; } }

h2.sm { text-transform: none; }

h2.sm { font-size: 30px; }

@media screen and (min-width: 375px) { h2.sm { font-size: calc(30px + 10 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h2.sm { font-size: 40px; } }

h3 { text-shadow: 1px 1px 3px #0000004d; text-transform: uppercase; }

h3 { font-size: 32px; }

@media screen and (min-width: 375px) { h3 { font-size: calc(32px + 16 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h3 { font-size: 48px; } }

h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3 { text-shadow: 1px 1px 3px #0000004d; text-align: left; font-weight: 500; }

h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3 { font-size: 20px; }

@media screen and (min-width: 375px) { h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3 { font-size: calc(20px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3 { font-size: 24px; } }

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-left: 0px; }

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%; }

.detail a:before { position: absolute; bottom: -3px; left: 0; width: 100%; height: 2px; background-color: #556e89; content: ""; }

.detail a:hover, .detail a:active { color: #555555; }

a { position: relative; color: #556e89; 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; }

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

section a:before { -webkit-transform: scale(0); transform: scale(0); -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; }

section a:hover:before { -webkit-transform: scale(1); transform: scale(1); }

/* #Set Font
================================================== */
h1, h2, h3, h4, .sty__boxlist-1r .box .text h2, .sty__boxlist-1rv2 .box .row1 .text h3, .sty__2col h3, h5 { font-family: "Raleway", sans-serif; }

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

/* #Textbox style
================================================== */
input, textarea, select, button { background: #ffffff; color: #555555; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; outline: inherit; width: 100%; padding: 14px 10px; font-size: 1.4rem; border: 1px solid #333; }

button { background-color: #556e89; border: 1px solid #556e89; color: #ffffff; cursor: pointer; font-size: 1.6rem; letter-spacing: 1.6px; font-weight: 300; 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; text-transform: uppercase; font-weight: 500; }

button:hover { background-color: #555555; border: 1px solid #556e89; color: #ffffff; }

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

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

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

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

.blue { color: #556e89; }

.gold { color: #d4b34b; }

.subheader { font-weight: 300; text-transform: uppercase; }

.subheader { font-size: 16px; }

@media screen and (min-width: 375px) { .subheader { font-size: calc(16px + 6 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .subheader { font-size: 22px; } }

/* #Grid
================================================== */
section { position: relative; z-index: 0; }

.box { position: relative; }

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

@media screen and (max-width: 1560px) { .container { max-width: calc(100% - 120px); } }

@media screen and (max-width: 800px) { .container { max-width: calc(100% - 60px); } }

@media screen and (max-width: 600px) { .container { max-width: calc(100% - 40px); } }

@media screen and (max-width: 480px) { .container { max-width: calc(100% - 30px); } }

@media screen and (max-width: 430px) { .container { max-width: calc(100% - 20px); } }

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

.pd__main { padding-top: 60px; }

@media screen and (min-width: 375px) { .pd__main { padding-top: calc(60px + 60 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .pd__main { padding-top: 40px; } }

.pd__main { padding-bottom: 60px; }

@media screen and (min-width: 375px) { .pd__main { padding-bottom: calc(60px + 60 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .pd__main { padding-bottom: 30px; } }

.pd__sub { padding-top: 50px; }

@media screen and (min-width: 375px) { .pd__sub { padding-top: calc(50px + 110 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .pd__sub { padding-top: 40px; } }

.pd__sub { padding-bottom: 60px; }

@media screen and (min-width: 375px) { .pd__sub { padding-bottom: calc(60px + 60 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .pd__sub { padding-bottom: 80px; } }

.pd__subbtm { padding-bottom: 60px; }

@media screen and (min-width: 375px) { .pd__subbtm { padding-bottom: calc(60px + 60 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .pd__subbtm { padding-bottom: 120px; } }

/* #Button and Link style
================================================== */
._btn--readmore { color: #ffffff; }

._btn--readmore:before { background-color: rgba(0, 0, 0, 0.6); }

._btn--booknow { color: #ffffff; background-color: #556e89; 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; }

._btn--booknow:hover { background-color: #556e89; }

/* #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; }

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

.slick-track { height: 100%; }

.slick-arrow { position: absolute; top: 0; bottom: 0; background: none; border: 0; padding: 0; width: 80px; z-index: 400; font-size: 0; -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; }

.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 { right: calc(100% + 0px); background: url(../images/icon--arrowleft.svg) no-repeat center center; background-size: 35px auto; }

@media screen and (max-width: 1024px) { .slick-prev { right: calc(100% - 30px); background-size: 25px auto; } }

.slick-prev:before { left: 10px; }

.slick-next { left: calc(100% + 0px); background: url(../images/icon--arrowright.svg) no-repeat center center; background-size: 35px auto; }

@media screen and (max-width: 1024px) { .slick-next { left: calc(100% - 30px); background-size: 25px auto; } }

.slick-next:before { right: 10px; }

.slick-dots { width: 50%; bottom: -60px; left: 25%; position: absolute; text-align: left; 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; }

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

.slick-dots li button { width: 10px; height: 10px; padding: 0; margin: 0 5px; border: 2px solid #556e89; background: none; font-size: 0; border-radius: 0; }

.slick-dots li.slick-active button { background-color: #556e89; 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__highlightbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 15px 0; }

.sty__highlightbar li { width: calc(33.33% - 10px); 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; }

.sty__highlightbar .photo { border-radius: 50%; width: 50px; height: 50px; background-color: #fff; position: relative; 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; }

.sty__highlightbar .photo img { width: 30px; }

.sty__highlightbar .photo:after { background-color: #778ca1; border-radius: 50%; position: absolute; content: ""; height: 100%; width: 100%; left: 5px; top: 5px; z-index: -1; }

.sty__highlightbar .text { color: #ffffff; text-align: left; width: calc(100% - 50px); padding-left: 30px; }

.sty__highlightbar .text .title { font-weight: 500; margin-bottom: 5px; }

.sty__highlightbar .text .title { font-size: 14px; }

@media screen and (min-width: 375px) { .sty__highlightbar .text .title { font-size: calc(14px + 10 * ((100vw - 375px) / 925)); } }

@media screen and (min-width: 1300px) { .sty__highlightbar .text .title { font-size: 18px; } }

.sty__highlightbar .text .title span { display: block; }

.sty__highlightbar .text .title span { font-size: 13px; }

@media screen and (min-width: 375px) { .sty__highlightbar .text .title span { font-size: calc(13px + 7 * ((100vw - 375px) / 925)); } }

@media screen and (min-width: 1300px) { .sty__highlightbar .text .title span { font-size: 18px; } }

.sty__highlightbar .text .detail { font-weight: 300; color: #b7c0ca; }

.sty__highlightbar .text .detail { font-size: 12px; }

@media screen and (min-width: 375px) { .sty__highlightbar .text .detail { font-size: calc(12px + 2 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__highlightbar .text .detail { font-size: 14px; } }

@media screen and (max-width: 1100px) { .sty__highlightbar .photo { width: 80px; height: 80px; }
  .sty__highlightbar .photo img { width: calc(100% - 25px); }
  .sty__highlightbar .text { width: calc(100% - 80px); } }

@media screen and (max-width: 900px) { .sty__highlightbar li { display: block; }
  .sty__highlightbar .photo { text-align: center; margin: auto; }
  .sty__highlightbar .text { width: 100%; text-align: center; padding: 20px 0 0; } }

@media screen and (max-width: 768px) { .sty__highlightbar .photo { width: 60px; height: 60px; }
  .sty__highlightbar .photo img { width: calc(100% - 20px); } }

@media screen and (max-width: 600px) { .sty__highlightbar { width: 300px; margin: auto; }
  .sty__highlightbar li { width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 20px; -webkit-box-pack: center; justify-content: center; }
  .sty__highlightbar li:last-child { margin-bottom: 0; }
  .sty__highlightbar .photo { width: 45px; height: 45px; }
  .sty__highlightbar .photo img { width: calc(100% - 10px); }
  .sty__highlightbar .photo:after { top: 3px; left: 3px; }
  .sty__highlightbar .text { width: calc(100% - 45px); text-align: left; padding-left: 30px; padding-top: 0; }
  .sty__highlightbar .text .title { margin-bottom: 3px; } }

@media screen and (max-width: 375px) { .sty__highlightbar { width: 280px; }
  .sty__highlightbar .text { padding-left: 20px; } }

.sty__maincontent .title { padding-bottom: 10px; }

.sty__maincontent .detail { max-width: 880px; margin: auto; }

.sty__slide3 { padding-top: 40px; margin-left: -25px; margin-right: -25px; width: auto; margin-bottom: 40px; }

.sty__boxlist1 a, .sty__boxlist2 a { color: #555555; display: block; }

.sty__boxlist1 a:hover, .sty__boxlist2 a:hover { color: #556e89; }

.sty__boxlist1 a:hover .photo img, .sty__boxlist2 a:hover .photo img { -webkit-transform: scale(1.1); transform: scale(1.05); }

.sty__boxlist1 .box, .sty__boxlist2 .box { padding: 0 25px; }

.sty__boxlist1 .pplabel, .sty__boxlist2 .pplabel { position: absolute; top: 25px; right: -7px; color: #ffffff; z-index: 10; width: 130px; height: 45px; 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; padding-left: 10px; padding-bottom: 2px; }

.sty__boxlist1 .pplabel, .sty__boxlist2 .pplabel { font-size: 10px; }

@media screen and (min-width: 375px) { .sty__boxlist1 .pplabel, .sty__boxlist2 .pplabel { font-size: calc(10px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist1 .pplabel, .sty__boxlist2 .pplabel { font-size: 14px; } }

.sty__boxlist1 .pplabel.recommend, .sty__boxlist2 .pplabel.recommend { background: url(../images/icon--labelrec.png) no-repeat center center; background-size: 100% auto; }

.sty__boxlist1 .pplabel.i--labelnew, .sty__boxlist2 .pplabel.i--labelnew, .sty__boxlist1 .pplabel.labelnew, .sty__boxlist2 .pplabel.labelnew { background: url(../images/icon--labelnew.png) no-repeat center center; background-size: 100% auto; }

.sty__boxlist1 .photo, .sty__boxlist2 .photo { position: relative; overflow: hidden; }

.sty__boxlist1 .photo img, .sty__boxlist2 .photo img { width: 100%; -webkit-transition: all 3s ease 0s; -moz-transition: all 3s ease 0s; -o-transition: all 3s ease 0s; -ms-transition: all 3s ease 0s; transition: all 3s ease 0s; }

.sty__boxlist1 .location, .sty__boxlist2 .location { position: absolute; bottom: 10px; left: 15px; z-index: 10; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__boxlist1 .location img, .sty__boxlist2 .location img { width: 15px; margin-right: 10px; }

.sty__boxlist1 .text, .sty__boxlist2 .text { padding: 25px 0 0; text-align: left; display: block; }

.sty__boxlist1 .title, .sty__boxlist2 .title { text-transform: uppercase; padding-bottom: 20px; }

.sty__boxlist1 .title, .sty__boxlist2 .title { font-size: 18px; }

@media screen and (min-width: 375px) { .sty__boxlist1 .title, .sty__boxlist2 .title { font-size: calc(18px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist1 .title, .sty__boxlist2 .title { font-size: 22px; } }

.sty__boxlist1 .w_icon, .sty__boxlist2 .w_icon { padding-bottom: 30px; }

.sty__boxlist1 .w_icon ul, .sty__boxlist2 .w_icon ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__boxlist1 .w_icon ul li, .sty__boxlist2 .w_icon ul li { margin: 0 15px 0 0; 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__boxlist1 .w_icon ul img, .sty__boxlist2 .w_icon ul img { height: 30px; width: auto; margin-right: 10px; }

.sty__boxlist1 .w_icon ul span, .sty__boxlist2 .w_icon ul span { position: relative; top: 2px; }

.sty__boxlist1 .price, .sty__boxlist2 .price { background-color: #556e89; color: #ffffff; padding: 5px 20px; text-shadow: 1px 1px 2px #0000004d; }

.sty__boxlist1 .price, .sty__boxlist2 .price { font-size: 18px; }

@media screen and (min-width: 375px) { .sty__boxlist1 .price, .sty__boxlist2 .price { font-size: calc(18px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist1 .price, .sty__boxlist2 .price { font-size: 22px; } }

.sty__boxlist1 .price span, .sty__boxlist2 .price span { font-size: 14px; }

@media screen and (min-width: 375px) { .sty__boxlist1 .price span, .sty__boxlist2 .price span { font-size: calc(14px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist1 .price span, .sty__boxlist2 .price span { font-size: 18px; } }

.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; padding-top: 40px; }

.sty__3col .box { width: calc(33.33% - 32px); margin-bottom: 50px; }

@media screen and (max-width: 1200px) { .sty__3col .box { width: calc(33.33% - 20px); } }

.sty__3col.sty__boxlist1 .box, .sty__3col.sty__boxlist2 .box { padding: 0; }

.sty__subcontent { text-align: left; color: #ffffff; }

.sty__subcontent h3 { color: #ffffff; text-align: left; }

.sty__subcontent .detail { text-align: left; }

.sty__subcontent .link { padding-top: 30px; }

.sty__subcontent.v2 h3 { color: #000000; text-align: right; }

.sty__subcontent.v2 .detail { color: #555555; text-align: right; }

.sty__subcontent.v2 .link { text-align: right; }

@media screen and (max-width: 480px) { .sty__subcontent.v2 h3, .sty__subcontent.v2 .detail, .sty__subcontent.v2 .link { text-align: left; } }

.sty__3coltx { 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__3coltx .box { width: calc(33.33% - 60px); margin-bottom: 20px; color: #ffffff; text-align: left; }

@media screen and (max-width: 1100px) { .sty__3coltx .box { width: calc(33.33% - 30px); } }

@media screen and (max-width: 768px) { .sty__3coltx .box { width: calc(100% - 0px); margin-bottom: 40px; } }

.sty__3coltx .box .title { color: #d4b34b; padding-bottom: 20px; }

@media screen and (max-width: 480px) { .sty__3coltx .box .title { padding-bottom: 10px; } }

.sty__3coltx .box .detail { font-weight: 300; text-align: justify; }

.sty__3coltx.v2 .box { color: #555555; }

.sty__3coltx.v2 .box h4, .sty__3coltx.v2 .sty__boxlist-1r .box .text h2, .sty__boxlist-1r .sty__3coltx.v2 .box .text h2, .sty__3coltx.v2 .sty__boxlist-1rv2 .box .row1 .text h3, .sty__boxlist-1rv2 .sty__3coltx.v2 .box .row1 .text h3, .sty__3coltx.v2 .box .sty__2col h3, .sty__2col .sty__3coltx.v2 .box h3 { color: #556e89; text-align: right; }

.sty__3coltx.v2 .box .photo { text-align: right; padding-bottom: 20px; }

.sty__3coltx.v2 .box .photo img { height: 120px; width: auto; }

@media screen and (max-width: 768px) { .sty__3coltx.v2 .box .photo img { height: 100px; } }

@media screen and (max-width: 480px) { .sty__3coltx.v2 .box .photo img { height: 80px; } }

@media screen and (max-width: 480px) { .sty__3coltx.v2 .box h4, .sty__3coltx.v2 .sty__boxlist-1r .box .text h2, .sty__boxlist-1r .sty__3coltx.v2 .box .text h2, .sty__3coltx.v2 .sty__boxlist-1rv2 .box .row1 .text h3, .sty__boxlist-1rv2 .sty__3coltx.v2 .box .row1 .text h3, .sty__3coltx.v2 .box .sty__2col h3, .sty__2col .sty__3coltx.v2 .box h3, .sty__3coltx.v2 .box .photo { text-align: left; } }

.sty__boxlist2 .box { padding: 0; margin-bottom: 30px; }

.sty__boxlist2 .text { text-align: left; }

.sty__boxlist2 .title { padding-bottom: 5px; }

.sty__boxlist2 .detail { font-weight: 300; padding-bottom: 20px; }

.sty__boxlist2 .w_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__boxlist2 .w_2col .w_icon { width: 50%; padding: 0; }

.sty__boxlist2 .w_2col .w_icon ul { -webkit-box-pack: start; justify-content: flex-start; margin: 0; }

.sty__boxlist2 .w_2col .w_icon li { width: 100%; margin: 0 0 15px; }

.sty__boxlist2 .w_2col .w_icon li > div { width: 50px; }

.sty__boxlist2 .w_2col .w_icon li img { height: 27px; }

.sty__boxlist2 .w_2col .w_price { width: 50%; }

.sty__boxlist2 .w_2col .price { background-color: #d4b34b; text-align: center; }

.sty__boxlist2 .w_2col .per { text-align: center; color: #d4b34b; font-weight: 300; padding-top: 5px; }

.sty__boxlist2 .w_2col .per { font-size: 12px; }

@media screen and (min-width: 375px) { .sty__boxlist2 .w_2col .per { font-size: calc(12px + 2 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist2 .w_2col .per { font-size: 14px; } }

.sty__viewmore { text-align: right; position: relative; margin-top: 60px; }

.sty__viewmore:before { position: absolute; content: ""; height: 2px; width: 100%; left: 0; top: calc(50% - 1px); background-color: #555555; }

.sty__viewmore a { background-color: #fff; text-transform: uppercase; padding: 0 40px; border-left: 30px solid #fff; }

.sty__viewmore a { font-size: 16px; }

@media screen and (min-width: 375px) { .sty__viewmore a { font-size: calc(16px + 2 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__viewmore a { font-size: 18px; } }

.sty__viewmore a:hover { color: #d4b34b; }

.sty__viewmore a:before, .sty__viewmore a:after { position: absolute; content: ""; height: 10px; width: 10px; top: 6px; background-color: #555555; -webkit-transform: none; transform: none; }

.sty__viewmore a:before { left: 0; }

.sty__viewmore a:after { right: 0; }

.sty__numpage { margin-top: 20px; font-family: "Raleway", 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; borderx: 1px solid #ccc; width: auto; }

.sty__numpage li { border-rightx: 1px solid #ccc; margin: 0 2px; }

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

.sty__numpage a { padding: 0px; display: block; width: 30px; height: 30px; text-align: center; color: #555555; border-radius: 50%; }

.sty__numpage a:hover { background-color: #b7c0ca; color: #556e89; }

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

.sty__numpage a.noactive { color: #b7c0ca; cursor: default; }

.sty__numpage a.noactive:hover { color: #b7c0ca; background-color: inherit; }

.sty__numpage.v2 a:hover { background-color: #eddfb3; color: #555555; }

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

.sty__numpage.v2 a.noactive { color: #b7c0ca; cursor: default; }

.sty__numpage.v2 a.noactive:hover { color: #b7c0ca; background-color: inherit; }

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

.sty__boxlist-1r .box { margin-bottom: 40px; }

@media screen and (min-width: 375px) { .sty__boxlist-1r .box { margin-bottom: calc(40px + 40 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist-1r .box { margin-bottom: 80px; } }

.sty__boxlist-1r .box .photo { width: 40%; }

.sty__boxlist-1r .box .photo img { width: 100%; }

.sty__boxlist-1r .box .text { width: calc(60% - 60px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__boxlist-1r .box .text .wrap { width: 100%; }

.sty__boxlist-1r .box .text .title { padding-bottom: 20px; }

.sty__boxlist-1r .box .text .link { text-align: left; padding-top: 25px; }

.sty__boxlist-1r .box .text h2 { font-weight: 500; text-transform: none; color: #556e89; }

.sty__boxlist-1r .box .text h5, .sty__boxlist-1r .box .text p, .sty__boxlist-1r .box .text ul { text-align: left; }

.sty__boxlist-1r .box .text h5 { margin-bottom: 10px; color: #556e89; font-weight: 600; padding-top: 20px; }

.sty__boxlist-1r .box:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; }

@media screen and (max-width: 800px) { .sty__boxlist-1r .box, .sty__boxlist-1r .box:nth-child(even) { flex-flow: wrap; }
  .sty__boxlist-1r .box .photo, .sty__boxlist-1r .box:nth-child(even) .photo { width: 100%; }
  .sty__boxlist-1r .box .text, .sty__boxlist-1r .box:nth-child(even) .text { width: 100%; padding-top: 30px; } }

.sty__boxlist-1rv2 .box { margin-bottom: 40px; }

@media screen and (min-width: 375px) { .sty__boxlist-1rv2 .box { margin-bottom: calc(40px + 40 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist-1rv2 .box { margin-bottom: 80px; } }

.sty__boxlist-1rv2 .box .row1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__boxlist-1rv2 .box .row1 .photo { width: 40%; }

.sty__boxlist-1rv2 .box .row1 .text { width: calc(60% - 60px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__boxlist-1rv2 .box .row1 .text .wrap { width: 100%; }

.sty__boxlist-1rv2 .box .row1 .text .title { padding-bottom: 20px; }

.sty__boxlist-1rv2 .box .row1 .text h3 { font-weight: 500; text-transform: none; color: #556e89; }

.sty__boxlist-1rv2 .box .row1 .text h5, .sty__boxlist-1rv2 .box .row1 .text p, .sty__boxlist-1rv2 .box .row1 .text ul { text-align: left; }

.sty__boxlist-1rv2 .box .row1 .text h5 { margin-bottom: 10px; color: #556e89; font-weight: 600; padding-top: 20px; }

.sty__boxlist-1rv2 .box .row1 .link { text-align: left; padding-top: 30px; }

.sty__boxlist-1rv2 .box .row2 { padding-top: 20px; }

@media screen and (min-width: 375px) { .sty__boxlist-1rv2 .box .row2 { padding-top: calc(20px + 40 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__boxlist-1rv2 .box .row2 { padding-top: 60px; } }

.sty__boxlist-1rv2 .box .row2 p, .sty__boxlist-1rv2 .box .row2 ul { text-align: left; }

@media screen and (max-width: 800px) { .sty__boxlist-1rv2 .box .row1 { flex-flow: wrap; }
  .sty__boxlist-1rv2 .box .row1 .photo { width: 100%; }
  .sty__boxlist-1rv2 .box .row1 .text { width: 100%; padding-top: 30px; } }

.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; color: #ffffff; }

.sty__2col h3 { text-align: center; }

.sty__2col .box { width: calc(50% - 40px); }

@media screen and (max-width: 768px) { .sty__2col .box { width: 100%; padding-bottom: 100px; }
  .sty__2col .box:first-child:after { position: absolute; content: ""; height: 2px; left: 20%; right: 20%; bottom: 50px; background-color: #fff; }
  .sty__2col .box:last-child { padding-bottom: 50px; } }

.sty__2col .title { padding-bottom: 20px; }

.sty__2col .link { padding-top: 20px; }

.sty__ppdetail { text-align: left; padding: 30px 0px 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.66% - 45px); }

.sty__ppdetail .col1 .title { font-weight: 500; }

.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% - 250px); padding-right: 60px; }

.sty__ppdetail .wpp__intor .col1 h4, .sty__ppdetail .wpp__intor .col1 .sty__boxlist-1r .box .text h2, .sty__boxlist-1r .box .text .sty__ppdetail .wpp__intor .col1 h2, .sty__ppdetail .wpp__intor .col1 .sty__boxlist-1rv2 .box .row1 .text h3, .sty__boxlist-1rv2 .box .row1 .text .sty__ppdetail .wpp__intor .col1 h3, .sty__ppdetail .wpp__intor .col1 .sty__2col h3, .sty__2col .sty__ppdetail .wpp__intor .col1 h3 { text-align: left; margin-bottom: 10px; color: #556e89; }

.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: #d4b34b; text-decoration: underline; }

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

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

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

.sty__ppdetail .wpp__intor .col2 { width: 250px; text-align: right; font-family: "Raleway", sans-serif; font-weight: 600; }

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

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

.sty__ppdetail .wpp__intor .col2 .saleprice { color: #556e89; }

.sty__ppdetail .wpp__intor .col2 .saleprice span { line-height: 1; }

.sty__ppdetail .wpp__detail { border-bottom: 2px solid #556e89; 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; color: #556e89; }

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

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

.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 { margin-bottom: 3px; }

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

.sty__ppdetail .wrap__sendinquiry .title { color: #556e89; font-weight: 500; margin-bottom: 5px; }

.sty__ppdetail .wrap__sendinquiry .title { font-size: 16px; }

@media screen and (min-width: 375px) { .sty__ppdetail .wrap__sendinquiry .title { font-size: calc(16px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__ppdetail .wrap__sendinquiry .title { font-size: 20px; } }

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

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

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

.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 img { width: auto; height: 20px; }

.sty__mainsubcontent { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__mainsubcontent p, .sty__mainsubcontent h2 { text-align: left; }

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

.sty__mainsubcontent .col1 .photo { padding-top: 30px; padding-bottom: 30px; }

.sty__mainsubcontent .col1 .photo img { width: 100%; }

.sty__mainsubcontent .col2 { width: 400px; }

.sty__mainsubcontent .col2 { padding-top: 40px; }

@media screen and (min-width: 375px) { .sty__mainsubcontent .col2 { padding-top: calc(40px + 70 * ((100vw - 375px) / 425)); } }

@media screen and (min-width: 800px) { .sty__mainsubcontent .col2 { padding-top: 110px; } }

.sty__listright .box { 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: 30px; border-bottom: 1px solid #ccc; padding-bottom: 30px; }

.sty__listright .box .text { width: calc( 100% - 140px); padding-left: 20px; }

.sty__listright .box .text a { color: #555555; }

.sty__listright .box .text a .title { color: #556e89; }

.sty__listright .box .text .detailsm { font-size: 0.8em; }

.sty__listright .box .photo { width: 140px; height: auto; }

.sty__listright .box .photo img { width: 100%; }

.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-family: "Raleway", 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; }

.icon { background-size: 100% auto; }

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

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

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

.bg { background: url(../images/bg--box1.png) repeat-x bottom center #fafafa; }

.bg2 { background: #fafafa; }

.bgsha { background: url(../images/bg--box1.png) repeat-x bottom center; }

.btn__viewmore { color: #ffffff; display: inline-block; position: relative; padding: 0 40px; text-transform: uppercase; }

.btn__viewmore { font-size: 16px; }

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

.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: #f17f1b; padding: 5px 20px; display: block; background-color: #ececec; }

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

.sec__m_news .sty__filternewandblog li a.active { background-color: #f17f1b; 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;margin-top: 70px; }

.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;margin-top: 70px; }

.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: #f17f1b; 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__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: #e8b484; -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: #f17f1b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

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

.sty__boxlist .text .title { font-family: "Prompt", sans-serif; font-size: 2.2rem; line-height: 1.2; color: #101d33; 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; display: 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: #f17f1b; 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__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; }

@media screen and (min-width: 375px) { .btn__viewmore { font-size: calc(16px + 2 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .btn__viewmore { font-size: 18px; } }

.btn__viewmore:hover { color: #d4b34b; }

.btn__viewmore:before, .btn__viewmore:after { position: absolute; content: ""; height: 10px; width: 10px; top: 6px; background-color: #ffffff; -webkit-transform: none; transform: none; }

.btn__viewmore:before { left: 0; }

.btn__viewmore:after { right: 0; }

.btn__viewmore.v2 { color: #000000; }

.btn__viewmore.v2:hover { color: #556e89; }

.btn__viewmore.v2:before, .btn__viewmore.v2:after { background-color: #000000; }

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

.btn__sortby .sortby__active { border: 1px solid #555555; 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 #555555; 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; }

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

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

.btn__lang { position: relative; }

.btn__lang ul { position: absolute; top: 100%; right: 0; background-color: #ffffff; height: 0; overflow: hidden; }

.btn__lang:hover ul { height: 40px; padding-top: 10px; width: 44px; right: -7px; }

.btn__lang:hover ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; padding-top: 5px; padding-bottom: 5px; }

.contacticon { padding-bottom: 30px; }

.contacticon .title { padding-bottom: 10px; }

.contacticon li { 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; }

.contacticon i[class^="icon"] { width: 20px; height: 20px; display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: center; margin-right: 10px; }

.contacticon .icon--tel { background-image: url(../images/icon--phone.svg); }

.contacticon .icon--line { background-image: url(../images/icon--line.svg); }

.contacticon .icon--email { background-image: url(../images/icon--email.svg); background-size: 90% auto !important; }

.contacticon .icon--facebook { background-image: url(../images/icon--facebook.svg); background-size: auto 100% !important; }

.contacticon .icon--whatsapp { background-image: url(../images/icon--whatsapp.svg); }

.contacticon .icon--telegram { background-image: url(../images/icon--telegram.svg); }

.contacticon span { display: block; width: calc(100% - 20px - 10px); }

.contacticon a { font-size: 12px; }

@media screen and (min-width: 375px) { .contacticon a { font-size: calc(12px + 1 * ((100vw - 375px) / 725)); } }

@media screen and (min-width: 1100px) { .contacticon a { font-size: 13px; } }

.contacticon a:hover { color: #d4b34b; }

/* #B2B and B2C
================================================== */
.b2b--page, .b2c--page { color: #fff; font-size: 3.8rem; }

.wrap__b2b { color: #333; background-color: #edecec; overflow: hidden; }

.wrap__b2b .container { padding-top: 40px; padding-bottom: 40px; overflow: hidden; }

.wrap__b2b h2 { color: #556e89; text-align: left; }

.wrap__b2b input { border: 1px solid #999999; background: #fff; outline: none !important; }

.wrap__b2b input.inputfile { padding: 10px; height: 44px; opacity: 0; }

.wrap__b2b ._wrapbox { padding: 30px 0; border-bottom: 1px solid #b5b4b4; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.wrap__b2b ._wrapbox:before { content: ""; position: absolute; bottom: -2px; left: 0; height: 1px; width: 100%; background-color: #fff; }

.wrap__b2b ._row { width: calc(33.33% - 20px); padding: 0 0 20px 0; position: relative; }

.wrap__b2b ._row:nth-child(3n) { margin-right: 0; }

.wrap__b2b ._subject { font-size: 1.4rem; }

.wrap__b2b select { border: 1px solid #999999; color: #333; background: url(../images/icon--arrow-dropdown-b.png) no-repeat center right #fff; border-radius: 0; }

.wrap__b2b ._row.term-condition-box { width: 100%; }

.wrap__b2b ._row.term-condition-box input { width: auto; }

._wrapbox-3col { width: calc(33.33% - 40px); float: left; margin-right: 60px; }

._wrapbox-3col ._row { width: 100%; }

._wrapbox-3col h3 { color: #556e89; text-align: left; font-size: 3.2rem; margin-bottom: 20px; }

._fix--3col { margin-right: 0; }

._includefile { position: relative; }

._includefile label strong { width: 120px; position: absolute; top: 0; left: 0; color: #333; background-color: #ffcd29; display: inline-block; padding: 9px 10px; border: 1px solid #999999; box-sizing: border-box; border-radius: 3px; text-align: center; float: left; font-weight: 400; cursor: pointer; }

._includefile label span { background-color: #fff; border: 1px solid #999999; color: #333; display: inline-block; width: calc(100% - 117px); padding: 5px 9px; box-sizing: border-box; float: right; height: 44px; overflow: hidden; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; line-height: 1; font-size: 1.4rem; display: -webkit-box; display: -moz-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }

._includefile input { height: 0; width: 0; padding: 0; border: 0; outline: none; }

.wrap__b2b ._wrapbox.-btn { -webkit-box-pack: center; justify-content: center; border: 0; }

.wrap__b2b ._wrapbox.-btn button { width: 200px; margin: 0 10px; }

.wrap__b2b ._wrapbox.-btn ._btn-reset { background-color: #555; }

.wrap__b2b ._wrapbox.-btn ._btn-reset:hover { background-color: #d4b34b; border-color: #d4b34b; }

.wrap__b2b ._wrapbox.-btn:before { height: 0; width: 0; }

._includefile._marklabel { position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 10; outline: none !important; height: 44px; }

#box_login input { border: 1px solid #999999; }

.wrap__agentregis { padding: 60px; text-align: left; margin-top: 60px; }

.wrap__agentregis h3 { text-align: left; color: #556e89; }

.wrap__agentregis h3 { font-size: 16px; }

@media screen and (min-width: 375px) { .wrap__agentregis h3 { font-size: calc(16px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .wrap__agentregis h3 { font-size: 20px; } }

#forminfo:after { position: relative; content: ""; height: 100%; width: calc(33.33% - 20px); left: 0; top: 0; display: block; }

/* #Header
================================================== */
header { background-color: #ffffff; position: fixed; top: 0; right: 0; left: 0; z-index: 99; height: 100px; box-shadow: 0 0px 15px 5px #00000033; -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 .topbar { background-color: #556e89; 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 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: 10px 0; }

header .topbar a:hover { color: #d4b34b; }

header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; height: calc(100% - 30px); -webkit-box-align: center; align-items: center; }

@media screen and (max-width: 1560px) { header .container { padding: 0; max-width: calc(100% - 120px); } }

@media screen and (max-width: 1024px) { header .container { max-width: calc(100% - 60px); } }

@media screen and (max-width: 600px) { header .container { max-width: calc(100% - 40px); } }

@media screen and (max-width: 480px) { header .container { max-width: calc(100% - 30px); } }

@media screen and (max-width: 430px) { header .container { max-width: calc(100% - 20px); } }

header .logo { position: absolute; top: 0px; left: 0; width: 180px; -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 .logo img { width: 100%;border-radius: 50%; }

@media screen and (max-width: 1024px) { header .logo { width: 150px; } }

@media screen and (max-width: 768px) { header .logo { width: 120px; } }

@media screen and (max-width: 600px) { header .logo { top: 0px; } }

@media screen and (max-width: 480px) { header .logo { top: 0px; width: 80px; } }

@media screen and (max-width: 430px) { header .logo { top: 0px; } }

header .menu a { color: #555555; text-decoration: none; cursor: pointer; position: relative; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }

header .menu a:hover, header .menu a:active { color: #556e89; }

header .menu a:before { position: absolute; content: ""; height: 2px; left: 0; right: 100%; bottom: -5px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; background-color: #556e89; }

header .menu a:hover:before { right: 0; }

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

header .menu ul li { margin-left: 25px; }

header .lang { margin-left: 50px; }

header .lang img { display: block; width: 30px; }

header.fixedtop { height: 80px; }

header.fixedtop .logo { width: 90px; top: 0; }

@media screen and (max-width: 480px) { header.fixedtop .logo { width: 50px; } }

@media screen and (max-width: 480px) { header { height: 80px; } }

/* #footer
================================================== */
footer { border-bottom: 1px solid #ffffff; }

footer .footerintro { background-color: #ffffff; }

footer .footerintro .logofooter { top: -50px; position: relative; }

footer .footerintro .logofooter img { width: 110px;border-radius: 50%; }

@media screen and (max-width: 425px) { footer .footerintro .logofooter { top: -40px; }
  footer .footerintro .logofooter img { width: 80px; } }

footer .footerintro .address { padding-bottom: 40px; }

footer .footerintro .address .name { color: #000000; padding-bottom: 5px; }

footer .footerintro .address .name { font-size: 18px; }

@media screen and (min-width: 375px) { footer .footerintro .address .name { font-size: calc(18px + 6 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { footer .footerintro .address .name { font-size: 24px; } }

footer .footerintro .address .detail { font-size: 14px; }

footer .footerintro .address .detail p { margin: 0; }

footer .footerintro .address .detail a { color: #555555; }

footer .footerintro .address .detail a:before { width: auto; right: 100%; background-color: #556e89; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }

footer .footerintro .address .detail a:hover { color: #556e89; }

footer .footerintro .address .detail a:hover:before { right: 0; }

footer .footerintro .social { padding-bottom: 50px; }

footer .footerintro .social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

footer .footerintro .social li { margin: 0 15px; }

footer .footerintro .social a { display: block; }

footer .footerintro .social a:hover { opacity: 0.7; }

footer .footerintro .social img { height: 25px; width: auto; }

footer .newsletter { background-color: #597d9f; color: #ffffff; padding: 50px 0 50px; }

footer .newsletter .w__newsletter { max-width: 550px; margin: auto; }

footer .newsletter .subject { padding-bottom: 15px; }

footer .newsletter .subject { font-size: 16px; }

@media screen and (min-width: 375px) { footer .newsletter .subject { font-size: calc(16px + 2 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { footer .newsletter .subject { font-size: 18px; } }

footer .newsletter .inputfield { position: relative; }

footer .newsletter input.input_newsletter { border-radius: 0; border: 0; background-color: #fff; color: #555555; text-align: center; padding: 18px; }

footer .newsletter button[value="Submit"] { background: url(../images/icon--send.svg) no-repeat center center; background-size: 35px auto; font-size: 0; border-radius: 0; position: absolute; top: 0; right: 0; z-index: 10; width: 60px; height: 100%; border: 0; }

footer .newsletter button[value="Submit"]:hover { right: -5px; }

footer .newsletter .w__menuagent { padding-top: 30px; }

footer .newsletter .w__menuagent ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

footer .newsletter .w__menuagent li { margin: 0 10px; }

footer .newsletter .w__menuagent a { color: #ffffff; font-size: 14px; color: #ffffff; text-decoration: none; cursor: pointer; position: relative; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }

footer .newsletter .w__menuagent a:hover, footer .newsletter .w__menuagent a:active { color: #d4b34b; }

footer .newsletter .w__menuagent a:before { position: absolute; content: ""; height: 2px; left: 0; right: 100%; bottom: -5px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; background-color: #d4b34b; }

footer .newsletter .w__menuagent a:hover:before { right: 0; }

footer .copyright { background-color: #556e89; color: #ffffff; font-size: 14px; padding: 18px 0 15px; }

footer .copyright a { color: #ffffff; }

.wrap--loading { display: none; }

.wrap--loading .wrap { 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; }

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

/* # Newsletter
================================================== */
.wrap__newsletter input { text-align: center; margin-bottom: 1px; }

.wrap__newsletter .subject { text-align: right; }

.wrap__newsletter .wrap--loading { position: absolute; width: 320px; font-size: 1.2rem; display: none; }

.wrap__newsletter .wrap--loading.active { display: block; }

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

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

/* #Main slide -- fullpage
================================================== */
.sec__mainslide { margin-top: 100px; }

.sd__mainslide { background-color: #000000; position: relative; }

.sd__mainslide .slick-dots { bottom: 40px; right: calc(100vw/2 - 1440px/2); left: auto; -webkit-box-pack: end; justify-content: flex-end; margin-right: 10px; }

.sd__mainslide .slick-dots li button { border-color: #ffffff; margin: 0 0 0 10px; }

.sd__mainslide .slick-dots li.slick-active button { background-color: #ffffff; }

.sd__mainslide .box { width: 100%; }

.sd__mainslide .box img { width: 100%; }

@media screen and (max-width: 900px) { .sd__mainslide .box img { height: 45vw; -o-object-fit: cover; object-fit: cover; } }

@media screen and (max-width: 425px) { .sd__mainslide .box img { height: 55vw; } }

.sd__mainslide .box .photo:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--mainslide.png) repeat-x bottom; z-index: 10; }

.sd__mainslide .box .text { position: absolute; z-index: 10; right: calc(100vw/2 - 1440px/2); bottom: 100px; text-align: right; text-transform: uppercase; text-shadow: 0 5px 20px #000000cc; }

@media screen and (max-width: 1440px) { .sd__mainslide .box .text { right: 40px; } }

@media screen and (max-width: 1024px) { .sd__mainslide .box .text { bottom: 60px; } }

@media screen and (max-width: 768px) { .sd__mainslide .box .text { right: 30px; } }

.sd__mainslide .box .title1 { color: #ffffff; }

.sd__mainslide .box .title1 { font-size: 16px; }

@media screen and (min-width: 375px) { .sd__mainslide .box .title1 { font-size: calc(16px + 44 * ((100vw - 375px) / 825)); } }

@media screen and (min-width: 1200px) { .sd__mainslide .box .title1 { font-size: 60px; } }

.sd__mainslide .box .title2 { color: #d4b34b; font-weight: 600; }

.sd__mainslide .box .title2 { font-size: 20px; }

@media screen and (min-width: 375px) { .sd__mainslide .box .title2 { font-size: calc(20px + 48 * ((100vw - 375px) / 825)); } }

@media screen and (min-width: 1200px) { .sd__mainslide .box .title2 { font-size: 68px; } }

/* #Home
================================================== */
.sec__highlightbar { background: url(../images/bg--topshadow.png) repeat-x top center #556e89; }

#sec__h_consulting { background: url(../images/bg--consulting.jpg) no-repeat center center; background-size: cover; }

#sec__h_service { background: url(../images/bg--service.png) no-repeat top left #fafafa; }

@media screen and (max-width: 1024px) { #sec__h_service { background-size: 50% auto; } }

#sec__search { border-top: 3px solid #556e89; background-color: #ffffff; z-index: 10; }

#sec__search .tab__menusearch { position: absolute; bottom: 100%; left: 0; }

#sec__search .tab__menusearch ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

#sec__search .tab__menusearch li { margin-right: 2px; }

#sec__search .tab__menusearch li a { background-color: #556e89; color: #ffffff; display: inline-block; text-transform: uppercase; padding: 10px 20px; font-weight: 600; }

#sec__search .tab__menusearch li a { font-size: 16px; }

@media screen and (min-width: 375px) { #sec__search .tab__menusearch li a { font-size: calc(16px + 2 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { #sec__search .tab__menusearch li a { font-size: 18px; } }

#sec__search .tab__menusearch li a:hover { background-color: #597d9f; }

#sec__search .tab__menusearch li.active a { background-color: #ffffff; color: #556e89; cursor: default; }

#sec__search .box__menusearch .box { display: none; padding: 20px 0 5px; }

#sec__search .box__menusearch .box.active { display: block; }

#sec__search .box__menusearch 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__search .box__menusearch .row { margin-bottom: 10px; }

#sec__search .box__menusearch ._type { width: calc(18% - 20px); }

#sec__search .box__menusearch ._location { width: calc(18% - 20px); }

#sec__search .box__menusearch ._rooms { width: calc(18% - 20px); }

#sec__search .box__menusearch ._price { width: calc(46% - 280px); text-align: left; padding-left: 10px; padding-right: 10px; }

#sec__search .box__menusearch ._price span { color: #597d9f; }

#sec__search .box__menusearch ._price .inputfield { position: relative; height: 15px; position: relative; }

#sec__search .box__menusearch ._price .inputfield:after { position: absolute; content: ""; height: 5px; width: 100%; left: 0; top: 50%; background-color: #556e89; }

#sec__search .box__menusearch ._price .inputfield .pin { border-radius: 50%; width: 20px; height: 20px; background-color: #ffffff; border: 2px solid #556e89; position: absolute; z-index: 10; left: 0; cursor: pointer; }

#sec__search .box__menusearch ._price .inputfield .end { left: 30%; }

#sec__search .box__menusearch ._submit { width: 260px; }

#sec__search .box__menusearch button { background-color: #d4b34b; color: #ffffff; text-shadow: 1px 1px 3px #0000004d; font-size: 1.8rem; text-transform: uppercase; font-weight: 600; border: 0; height: 100%; }

#sec__search .box__menusearch button:hover { background-color: #555555; }

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

.wrap__selectbtn .sty__select { background: url(../images/icon--select.svg) right center no-repeat #ebebeb; padding: 11px 20px 10px; background-size: 40px auto; cursor: pointer; 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 .slt__dropdown { background-color: #ebebeb; 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: 20; }

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

.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; -webkit-box-align: center; align-items: center; margin-bottom: 5px; cursor: pointer; }

.wrap__selectbtn .slt__dropdown .slt:hover { color: #597d9f; }

.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 #556e89; 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-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; }

/* #Contact us
================================================== */
.sec__contactform { padding-top: 60px; 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.9em; float: left; padding: 5px 0 0; }

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

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

.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: 14px 0 0 20px; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; font-size: 1.4rem; }

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

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

.custom-select { position: relative; }

.custom-select select { display: none; }

.custom-select .select-hide { display: none; }

.custom-select .select-selected { background-color: #ffffff; border: 1px solid #172625; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 10px 10px 10px; text-align: left; font-size: 1.4rem; line-height: 1.6; color: #555555; }

.custom-select .select-selected:after { position: absolute; content: ""; height: 30px; width: 30px; right: 5px; top: 8px; background: url(../images/icon--select.svg) center center no-repeat; background-size: 40px auto; -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; }

.custom-select .select-selected.select-arrow-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.custom-select .select-items { position: absolute; border: 1px solid #ccc; background-color: #fdfdfd; top: calc(100% - 1px); left: 0; right: 0; z-index: 99; box-shadow: 2px 2px 4px 0px #f1f1f1; padding: 5px; }

.custom-select .select-items div { color: #555555; padding: 8px 16px; cursor: pointer; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom-select .select-items div:hover { font-weight: bold; background-color: #f1f1f1; }

.custom-select .same-as-selected { font-weight: bold; }

/* #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; }

/* #Gallery
================================================== */
#page__gallery .sec__maincontentpage { padding-bottom: 50px; }

#page__gallery #sec__gallery { padding-bottom: 40px; }

.filter-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; padding: 0 0 30px; }

.filter-button-group button { background: none; border: 0; border-top: 1px solid #555555; border-bottom: 1px solid #555555; color: #555555; display: inline-block; width: auto; font-size: 1.6rem; height: 30px; margin: 0 7px; padding: 5px 10px; position: relative; margin-bottom: 15px; }

.filter-button-group button:hover { color: #ffffff; border-top: 1px solid #555555; border-bottom: 1px solid #555555; }

.filter-button-group button.active { color: #ffffff; }

.filter-button-group button:before { content: ""; z-index: -1; width: 100%; height: 0%; background: #555555; bottom: 0; left: 0; position: absolute; -webkit-transition: height 250ms; transition: height 250ms; }

.filter-button-group button:hover:before, .filter-button-group button.active:before { height: 100%; }

.box_gallery-list .box { width: 20%; padding: 5px; position: relative; }

.box_gallery-list .box img { width: 100%; -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 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; }

.box_gallery-list .box ._detail { position: absolute; top: 0; left: 10%; width: 80%; height: 100%; 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; color: #ffffff; z-index: 110; font-size: 1.6rem; line-height: 1.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -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; }

.box_gallery-list .box a { display: block; border: 0; background-color: #000000; padding: 0; }

.box_gallery-list .box a:before { border: 1px solid rgba(255, 255, 255, 0); z-index: 99; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; background: none; -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; }

.box_gallery-list .box a:hover:before { border: 1px solid white; -webkit-transform: scale(0.8); transform: scale(0.8); }

.box_gallery-list .box a:hover img { -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; }

.box_gallery-list .box a:hover ._detail { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

#sec__buyandsale { background: url(../images/bg--aboutus.jpg) no-repeat center center; }

.wrap__btnmobilemenu { display: none; }

.btn_hamburger_menu { cursor: pointer; }

.btn_hamburger_menu span { height: 1px; width: 35px; display: block; background-color: #555555; 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; }

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

.btn__mobilemenu { 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__mobilemenu .text { margin-right: 10px; }

.mobilemenu { position: fixed; z-index: 999; top: 0; left: 0; background-color: #fff; right: 0; bottom: 0; border: 0px solid #d4b34b; display: none; overflow: hidden; bottom: 100%; -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; }

@media screen and (max-width: 800px) { .mobilemenu { display: block; } }

.mobilemenu .wrapmenu { 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; height: 100%; opacity: 0; -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; }

.mobilemenu .wrapmenu ul a { font-family: "Raleway", sans-serif; }

.mobilemenu .wrapmenu ul a { font-size: 18px; }

@media screen and (min-width: 375px) { .mobilemenu .wrapmenu ul a { font-size: calc(18px + 10 * ((100vw - 375px) / 425)); } }

@media screen and (min-width: 800px) { .mobilemenu .wrapmenu ul a { font-size: 28px; } }

.mobilemenu .wrapmenu ul li { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

.mobilemenu .closemobilemenu { position: absolute; top: 20px; right: 20px; width: 60px; height: 60px; 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; }

.mobilemenu .closemobilemenu img { width: 30px; }

.mobilemenu.active { bottom: 0; border: 5px solid #d4b34b; }

.mobilemenu.active .wrapmenu { opacity: 1; -webkit-transition: all 0.6s ease 0.6s; -moz-transition: all 0.6s ease 0.6s; -o-transition: all 0.6s ease 0.6s; -ms-transition: all 0.6s ease 0.6s; transition: all 0.6s ease 0.6s; }

.sec__pp_intro { padding-top: 100px; }

.sty__ppslide { background-color: #fff; padding: 0px; }

.sty__ppslide .wrap__pptag { position: absolute; z-index: 599; top: 30px; right: 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-weight: 600; margin-right: 5px; font-family: "Raleway", sans-serif; text-shadow: 0 1px 1px #00000080; }

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

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

.sty__ppslide .wrap__pptag .tag__sale { background-color: red; 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-weight: 500; text-shadow: 1px 1px 3px #000; }

.sty__ppslide .wrap__propertyslide .pp__name .ppid { font-weight: 400; font-family: "Raleway", sans-serif; margin-bottom: 10px; }

.sty__ppslide .wrap__thumbproperty { max-width: 1440px; margin: auto; padding-bottom: 20px; }

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

.wrap__ppvideo a { display: block; }

.wrap__ppvideo a img { width: 100%; }

.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 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; -webkit-transform: none; transform: none; }

#sec__consultingdetail .detail { text-align: left; }

#sd__highlight .text { padding-bottom: 46px; position: relative; }

#sd__highlight .price { position: absolute; bottom: 0; left: 0; right: 0; }

#listboxforsale .box a { display: block; height: 100%; }

#listboxforsale .box .price { position: absolute; bottom: 0; left: 0; right: 0; }

#listboxforsale .box .text { padding-bottom: 45px; }

@media screen and (max-width: 1200px) { #sec__search .box__menusearch ._type { width: calc(16% - 20px); }
  #sec__search .box__menusearch ._location { width: calc(16% - 20px); }
  #sec__search .box__menusearch ._rooms { width: calc(22% - 20px); } }

@media screen and (max-width: 1100px) { .sty__ppdetail .col1 { width: calc(66.66% - 30px); }
  .wrap__salecontact .phone, .wrap__salecontact .line, .wrap__salecontact .email { margin-bottom: 0; }
  .sty__ppdetail .wrap__sendinquiry { padding: 30px 20px 20px; }
  .sty__ppdetail .wpp__detail .wrap .box { width: calc(50% - 10px); margin-bottom: 5px; }
  .sty__ppdetail .wpp__detail .wrap .box .title { padding: 0; width: 120px; }
  .sty__ppdetail .wpp__detail .wrap .box .detail { padding: 0; width: calc(100% - 120px); }
  .sty__mainsubcontent .col1 { width: calc(100% - 300px); }
  .sty__mainsubcontent .col2 { width: 300px; } }

@media screen and (max-width: 1024px) { .sty__ppdetail .wpp__intor .col1 { width: 100%; margin-bottom: 20px; }
  .sty__ppdetail .wpp__intor .col2 { width: 100%; }
  .sty__boxlist2 .w_2col .w_icon li img { height: 23px; }
  .sty__boxlist2 .w_2col .w_icon li > div { width: 40px; }
  .sty__boxlist1 .w_icon ul span, .sty__boxlist2 .w_icon ul span, .sty__boxlist2 .w_icon ul span { font-size: 14px; }
  .sty__boxlist2 .w_2col .w_price { width: 100%; padding-top: 10px; }
  .sty__boxlist2 .w_2col .w_icon { width: 100%; }
  .sty__boxlist-more .box .text { padding-left: 20px; }
  #sec__search .box__menusearch ._type, #sec__search .box__menusearch ._location, #sec__search .box__menusearch ._rooms, #sec__search .box__menusearch ._submit { width: calc(33.33% - 15px); margin-bottom: 20px; }
  #sec__search .box__menusearch ._price { width: calc(66.66% - 8px); padding: 0; }
  .sty__listright .box { -webkit-box-align: start; align-items: flex-start; } }

@media screen and (max-width: 960px) { .sty__ppdetail .col1 { width: 100%; }
  .sty__ppdetail .col1 .wpp__location { padding-bottom: 30px; }
  .sty__ppdetail .col2 { 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; }
  .sty__ppdetail .col2 > div { width: calc(50% - 10px); }
  .sty__ppdetail .col2 .wrap__ppvideo { width: 100%; }
  .sty__ppdetail .wpp__intor .pp__price .wrap { width: 100%; }
  .sty__ppdetail .wpp__detail { padding-top: 20px; }
  .sty__ppdetail .col2 .wrap__share { width: 100%; margin-top: 20px; }
  .sty__ppdetail .col2 .wrap__salecontact { width: 250px; }
  .sty__ppdetail .col2 .wrap__salecontact .photo { width: 100%; }
  .sty__ppdetail .col2 .wrap__salecontact .wrap { padding: 20px; }
  .sty__ppdetail .col2 .wrap__salecontact .text { width: 100%; padding: 20px 0 0; }
  .sty__ppdetail .col2 .wrap__sendinquiry { width: calc(100% - 0px); margin-bottom: 0; padding-top: 60px; } }

@media screen and (max-width: 900px) { .sty__listright .box .photo { width: 110px; }
  .sty__listright .box .text { width: calc(100% - 110px); }
  .wrap__agentregis { padding: 40px; } }

@media screen and (max-width: 800px) { 
  .sty__3col .box { width: calc(50% - 20px); }
  header .menu { display: none; }
  .wrap__btnmobilemenu { display: block; }
  header .lang { margin-left: 30px; }
  .sty__mainsubcontent .col1 { width: 100%; padding-right: 0; }
  .sty__mainsubcontent .col2 { width: 100%; }
  .sty__mainsubcontent .col2 .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__mainsubcontent .col2 .box { width: calc(50% - 20px); }
  .wrap__agentregis { padding: 30px; }
  .wrap__b2b ._row { width: calc(33.33% - 10px); } 
  .sty__boxlist-more { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }
  .sty__boxlist-more .box { width: calc(50% - 10px); }
  .sty__boxlist-more .box .text { padding-top: 10px; }
  .sty__boxlist-more .box .text .detail { display: none; }
  .sec__m_news .box .photo { height: 30vw; }
  .sec__m_newsdetail .col1 { width: 100%; }
  .sec__m_newsdetail .col2 { width: 100%; padding-left: 0; }
  .sty__listbox3 .box { width: calc(50% - 10px); }
  .sty__listbox3 .box:last-child { display: none; }
}

@media screen and (max-width: 768px) { #sec__search .box__menusearch ._price { padding-top: 15px; }
  #sec__search .box__menusearch .box { padding-bottom: 20px; } }

@media screen and (max-width: 630px) { .sec__mainslide { margin-top: 80px; }
  .wrap__b2b ._row { width: calc(50% - 10px); } }

@media screen and (max-width: 600px) { .sty__ppdetail .col2 .wrap__salecontact { width: 100%; }
  .sty__ppdetail .col2 .wrap__salecontact .wrap { padding: 10px; }
  .sty__ppdetail .col2 .wrap__salecontact .photo { width: 120px; }
  .sty__ppdetail .col2 .wrap__salecontact .text { width: calc(100% - 120px); padding: 0 0 0 20px; }
  .sty__ppdetail .col2 .wrap__sendinquiry { width: 100%; }
  .sty__ppdetail .wpp__detail .wrap .box { width: 100%; }
  .container.sty__propertymain { padding: 0; }
  .sty__ppslide .wrap__pptag { right: 40px; top: 40px; }
  .sty__ppslide .wrap__propertyslide .pp__name { width: 100%; left: 0; padding: 0 20px; }
  .sty__ppslide .sd__property img { height: 450px; }
  .sec__pp_detail .sty__ppdetail { padding: 30px 0 60px; }
  .sty__ppdetail .col2 .wrap__sendinquiry { padding: 30px 30px 20px; }
  .sty__ppdetail .col2 .wrap__share { margin-bottom: 20px; }
  .wrap__ppvideo { margin-bottom: 20px; } 
  .sty__boxlist-more .box .photo { width: 70px; height: 70px; }
  .sty__boxlist-more .box .text { width: calc(100% - 70px); padding-top: 0; }

}

@media screen and (max-width: 560px) { .sty__3col .box { width: calc(50% - 15px); }
  .sty__listright .box .photo { width: 100px; }
  .sty__listright .box .text { width: calc(100% - 100px); } }

@media screen and (max-width: 480px) { .sec__mainslide { margin-top: 60px; }
  .sty__ppdetail .wpp__intor { margin-bottom: 10px; }
  .sty__ppdetail .wpp__location .nearby .box { width: 100%; }
  .sty__3col .box { width: calc(50% - 7px); }
  #sec__search .box__menusearch ._type { width: calc( 100% - 0px); margin-bottom: 15px; }
  #sec__search .box__menusearch ._location, #sec__search .box__menusearch ._rooms { width: calc( 50% - 5px); }
  #sec__search .box__menusearch ._submit { width: calc( 100% - 0px); }
  #sec__search .box__menusearch ._price { width: 100%; padding-top: 0; margin-bottom: 30px; }
  .mobilemenu .closemobilemenu { top: 10px; right: 10px; }
  .sec__pp_intro { padding-top: 60px; }
  .sty__mainsubcontent .col2 .box { width: calc(50% - 10px); }
  .sty__listright .box .photo { width: 80px; }
  .sty__listright .box .photo img { height: 80px; width: 100%; -o-object-fit: cover; object-fit: cover; }
  .sty__listright .box .text { width: calc(100% - 80px); padding-left: 10px; }
  .sty__listright .box .text a .title { line-height: 1.2; padding-bottom: 5px; }
  .sty__listright .box .text .detailsm p { line-height: 1.2; }
  .wrap__b2b ._wrapbox.-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }
  .wrap__b2b ._wrapbox.-btn button { width: calc(50% - 10px); margin: 0; } 
  .sty__boxlist .text i { width: 20px; height: 20px; margin-right: 5px; }
  .sty__boxlist .text .detail > div { width: calc(100% - 25px); padding-top: 0; }
  .sty__boxlist .text .price i.i--price { margin-left: 1px; background-size: 16px auto; background-position: center center; }
  .sty__boxlist .text ._btn-sendenquiry { top: 13px; }
  .sty__boxlist .text .detail { -webkit-box-align: center; align-items: center; }
  .sty__listbox3 .box{ width: 100%; }
}

@media screen and (max-width: 430px) { .sty__3col .box { width: calc(100% - 0px); }
  .sty__boxlist2 .w_2col .w_icon li { width: auto; margin-right: 20px; }
  .sty__boxlist2 .w_2col .w_icon li > div { width: auto; }
  .sty__mainsubcontent .col2 .box { width: calc(100% - 0px); padding-bottom: 20px; margin-bottom: 20px; }
  .wrap__b2b ._row { width: calc(100% - 0px); } 
  .sty__boxlist-more .box { width: 100%; }
  .sty__boxlist-more .box .text .detail { display: block; }
}

@media screen and (max-width: 420px) { .sty__ppdetail .col2 .wrap__sendinquiry { padding: 30px 20px 20px; }
  .sty__ppdetail .wpp__intor .col1 { padding-right: 0; } }

@media screen and (max-width: 375px) { #sec__search .box__menusearch ._location, #sec__search .box__menusearch ._rooms { width: calc( 100% - 5px); }
  .wrap__agentregis { padding: 30px 20px; } }

@media screen and (max-width: 320px) { .sty__ppdetail .col2 .wrap__salecontact .photo { width: 80px; }
  .sty__ppdetail .col2 .wrap__salecontact .text { width: calc(100% - 80px); }
  header .lang { margin-left: 20px; } }

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