/* palatino-bold */
@font-face {
  font-family: 'palatino-bold';
  src: url("../fonts/palatino-bold.eot");
  src: url("../fonts/palatino-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/palatino-bold.woff2") format("woff2"), url("../fonts/palatino-bold.woff") format("woff"), url("../fonts/palatino-bold.ttf") format("truetype"), url("../fonts/palatino-bold.svg#palatino-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* maison-neue-light */
@font-face {
  font-family: 'maison-neue-light';
  src: url("../fonts/maison-neue-light.eot");
  src: url("../fonts/maison-neue-light.eot?#iefix") format("embedded-opentype"), url("../fonts/maison-neue-light.woff2") format("woff2"), url("../fonts/maison-neue-light.woff") format("woff"), url("../fonts/maison-neue-light.ttf") format("truetype"), url("../fonts/maison-neue-light.svg#maison-neue-light") format("svg");
  font-weight: normal;
  font-style: normal; }

/* maison-neue-bold */
@font-face {
  font-family: 'maison-neue-bold';
  src: url("../fonts/maison-neue-bold.eot");
  src: url("../fonts/maison-neue-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/maison-neue-bold.woff2") format("woff2"), url("../fonts/maison-neue-bold.woff") format("woff"), url("../fonts/maison-neue-bold.ttf") format("truetype"), url("../fonts/maison-neue-bold.svg#maison-neue-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* maisonneuemedium */
@font-face {
  font-family: 'maisonneuemedium';
  src: url("../fonts/maisonneuemedium.eot");
  src: url("../fonts/maisonneuemedium.eot?#iefix") format("embedded-opentype"), url("../fonts/maisonneuemedium.woff2") format("woff2"), url("../fonts/maisonneuemedium.woff") format("woff"), url("../fonts/maisonneuemedium.ttf") format("truetype"), url("../fonts/maisonneuemedium.svg#maisonneuemedium") format("svg");
  font-weight: normal;
  font-style: normal; }

/* roboto-light */
@font-face {
  font-family: 'roboto-light';
  src: url("../fonts/roboto-light.eot");
  src: url("../fonts/roboto-light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light.woff2") format("woff2"), url("../fonts/roboto-light.woff") format("woff"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.svg#roboto-light") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  margin: 0 auto;
  padding: 0px;
  color: #000;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 14px; }

a {
  color: #000;
  border: none;
  outline: none;
  text-decoration: none; }
  a:link, a:visited {
    outline: none;
    color: #000;
    text-decoration: none; }
  a:hover {
    color: #000;
    text-decoration: none; }

.clear {
  clear: both; }

.no-padding {
  margin: 0px;
  padding: 0px; }

.border-right {
  border-right: 1px solid #C59C6D; }

.flexCenter {
  display: flex;
  justify-content: center; }

/*--FORM--*/
.form {
  margin: 0 auto;
  padding: 0px; }

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

.form-error {
  font-family: 'Kanit', sans-serif;
  font-weight: 400; }
  .form-error.help-block {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    border: none;
    width: 100%;
    color: #e7bfa2;
    text-align: right; }

iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left; }

.google {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important; }

.img {
  width: 100%; }

#head-all {
  height: 144px;
  background: url("../imgs/bg-overview.jpg") no-repeat center; }

@media (max-width: 991px) {
  #head-all {
    height: 120px;
    background: url("../imgs/bg-overview-mobile.jpg") no-repeat center; }
  .no-padding-mobile {
    padding: 0px; }
  .container {
    padding: 0px; }
    .container .row {
      padding: 0px;
      margin: 0px; } }

#header_top .nav-down {
  position: fixed;
  z-index: 15;
  width: 100%; }

#header_top .nav-up {
  width: 100%;
  position: absolute; }

#header_top .bg-header {
  background: url("../imgs/header/bg-menu.png"); }

#header_top .top-menu {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 11;
  padding: 15px 0px;
  text-align: center; }
  #header_top .top-menu img {
    margin: 0 auto; }
  #header_top .top-menu .logo {
    margin: 0 auto;
    max-width: 108px; }

#header_top .lang-tel {
  position: absolute;
  right: 20px;
  bottom: 0px; }
  #header_top .lang-tel .lang {
    padding: 5px 0px;
    float: left;
    margin-right: 15px;
    border-right: 1px solid #a6a6a6;
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;
    font-weight: 100; }
    #header_top .lang-tel .lang a {
      font-size: 11px;
      color: #a6a6a6; }
      #header_top .lang-tel .lang a:active, #header_top .lang-tel .lang a:hover, #header_top .lang-tel .lang a:visited, #header_top .lang-tel .lang a:focus {
        text-decoration: none; }
    #header_top .lang-tel .lang .caret {
      margin: 7px 8px;
      float: right;
      border: none;
      background: url("../imgs/header/down-lang.svg") no-repeat;
      width: 9px;
      height: 5px;
      transition: all 0.3s; }
    #header_top .lang-tel .lang.open .caret {
      transform: rotate(180deg); }
    #header_top .lang-tel .lang .dropdown-menu {
      margin: 0 auto;
      position: absolute;
      top: 25px;
      border-radius: 0px;
      background: #262626;
      min-width: 10px;
      width: 40px;
      cursor: pointer;
      padding: 0px; }
      #header_top .lang-tel .lang .dropdown-menu li {
        border: none;
        text-align: center; }
        #header_top .lang-tel .lang .dropdown-menu li a {
          font-family: 'Kanit', sans-serif;
          font-weight: 100;
          margin: 0px;
          padding: 7px 0px;
          color: #9f9f9f;
          text-align: center;
          text-decoration: none;
          border: none; }
          #header_top .lang-tel .lang .dropdown-menu li a:hover, #header_top .lang-tel .lang .dropdown-menu li a:focus {
            font-family: 'Kanit', sans-serif;
            font-weight: 600;
            color: #e7bfa2;
            background: #333333;
            text-decoration: none;
            border: none; }
      #header_top .lang-tel .lang .dropdown-menu .active-sub {
        font-family: 'Kanit', sans-serif;
        font-weight: 600;
        color: #e7bfa2;
        background: #333333;
        border: none; }
        #header_top .lang-tel .lang .dropdown-menu .active-sub a {
          color: #e7bfa2 !important; }
  #header_top .lang-tel .tel {
    padding: 8px 0px;
    float: right;
    color: #fff;
    font-family: 'maisonneuemedium';
    font-size: 10px; }
    #header_top .lang-tel .tel .big {
      font-family: 'Kanit', sans-serif;
      font-weight: 400;
      font-size: 20px;
      margin-left: 10px; }

@media (max-width: 991px) {
  #header_top .top-menu {
    height: 79px; }
  #header_top .lang-tel {
    bottom: 3px;
    right: 15px; }
    #header_top .lang-tel .tel {
      font-size: 13px; }
      #header_top .lang-tel .tel span {
        margin-right: 10px; }
      #header_top .lang-tel .tel a {
        color: #fff;
        margin-left: 10px;
        font-size: 13px; }
  #header_top .lang {
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    float: right;
    padding: 25px 15px 25px 0px;
    color: #fff; }
    #header_top .lang a {
      color: #b2b2b2;
      font-family: 'Kanit', sans-serif;
      font-weight: 100; }
    #header_top .lang span {
      padding: 0px 15px; }
  #header_top .close-menu {
    float: left;
    background: none;
    border: none;
    padding: 20px 15px; } }

@media (min-width: 992px) {
  #header_top .lang-tel {
    display: flex; }
    #header_top .lang-tel .lang {
      padding-top: 7px; }
    #header_top .lang-tel .tel {
      align-self: center;
      padding: 0px; } }

#header_top #header {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 13px; }
  #header_top #header .navbar {
    position: relative;
    background: none;
    border: none;
    width: 100%;
    padding: 0px;
    z-index: 10;
    border-bottom: 1px solid #e7bfa2;
    text-transform: uppercase; }
    #header_top #header .navbar .navbar-header .navbar-toggle {
      position: absolute;
      left: 0px;
      background: none;
      margin: 0 auto;
      border: none;
      border-radius: 0px;
      top: 76px; }
      #header_top #header .navbar .navbar-header .navbar-toggle .icon-bar {
        height: 4px;
        width: 25px;
        background: #fff;
        border-radius: 0px; }
  #header_top #header .navbar-brand {
    padding: 0px;
    margin: 0px; }
  #header_top #header .nav-right {
    float: left;
    padding-top: 15px; }
    #header_top #header .nav-right img {
      max-width: 104px; }
  @media (max-width: 991px) {
    #header_top #header .container {
      width: 100%; }
    #header_top #header .nav-right {
      float: none;
      padding-left: 15px; }
      #header_top #header .nav-right img {
        margin: 0 auto; }
    #header_top #header .col-xs-12 {
      padding: 0px; }
    #header_top #header .navbar {
      margin-bottom: 0px;
      padding-bottom: 0px; }
    #header_top #header .navbar-brand {
      padding: 0px;
      margin: 0px;
      width: 100%;
      min-height: 120px; }
    #header_top #header .nav-left {
      padding-left: 15px; }
    #header_top #header .collapse {
      max-height: 1000px; }
    #header_top #header .navbar-collapse {
      position: absolute;
      top: 0px;
      width: 100%;
      background: url("../imgs/header/bg-menu-mobile.png");
      margin: 0 auto;
      padding: 0px;
      border: none;
      max-height: 1000px;
      z-index: 10; }
    #header_top #header .nav-small {
      width: 100%; }
    #header_top #header .navbar-header {
      float: none; }
    #header_top #header .navbar-left, #header_top #header .navbar-right {
      float: none !important; }
    #header_top #header .navbar-toggle {
      display: block; }
    #header_top #header .navbar-fixed-top {
      top: 0; }
    #header_top #header .navbar-collapse.collapse {
      display: none !important;
      position: relative; }
    #header_top #header .navbar-nav {
      float: left; }
    #header_top #header .navbar-nav > li {
      float: none;
      clear: both; }
    #header_top #header .collapse.in {
      position: absolute;
      top: 0px;
      display: block !important; }
    #header_top #header .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      background: none; }
    #header_top #header .navbar-collapse {
      border: none; }
      #header_top #header .navbar-collapse ul {
        padding: 0px;
        margin: 0px; }
    #header_top #header .navbar-inverse .navbar-nav > li > a {
      font-size: 16px;
      padding: 18px 0px;
      padding-left: 50px;
      color: #fff;
      border-top: 1px solid #484949; }
      #header_top #header .navbar-inverse .navbar-nav > li > a:hover, #header_top #header .navbar-inverse .navbar-nav > li > a:active, #header_top #header .navbar-inverse .navbar-nav > li > a:focus {
        color: #e7bfa2; }
    #header_top #header .navbar-inverse .navbar-nav > .open {
      background: none; }
      #header_top #header .navbar-inverse .navbar-nav > .open > a, #header_top #header .navbar-inverse .navbar-nav > .open:hover, #header_top #header .navbar-inverse .navbar-nav > .open:focus {
        color: #e7bfa2;
        background: none; }
    #header_top #header .navbar-inverse .navbar-nav > .active > a {
      color: #e7bfa2;
      text-decoration: none;
      font-weight: bold;
      background: none; }
    #header_top #header .navbar-inverse .navbar-nav > .active:hover, #header_top #header .navbar-inverse .navbar-nav > .active:focus {
      color: #e7bfa2;
      font-weight: bold;
      background: none; }
    #header_top #header .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto; }
    #header_top #header .dropdown .caret {
      margin-top: 5px;
      margin-right: 15px;
      float: right;
      border: none;
      background: url("../imgs/header/down.svg") no-repeat;
      width: 17px;
      height: 10px;
      transition: all 0.3s; }
    #header_top #header .dropdown.open .caret {
      border: none;
      transform: rotate(180deg); }
    #header_top #header .dropdown .dropdown-menu {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      background: none;
      border: none;
      box-shadow: none;
      border-bottom: 1px solid #484949;
      padding-left: 70px; }
      #header_top #header .dropdown .dropdown-menu li {
        list-style: none;
        border-bottom: 1px solid #484949; }
        #header_top #header .dropdown .dropdown-menu li:last-child {
          border: none; }
        #header_top #header .dropdown .dropdown-menu li > a {
          padding: 15px 0px;
          font-size: 16px;
          color: #fff; }
          #header_top #header .dropdown .dropdown-menu li > a:hover, #header_top #header .dropdown .dropdown-menu li > a:focus {
            font-family: 'Kanit', sans-serif;
            font-weight: 600;
            color: #e7bfa2;
            background: none; }
        #header_top #header .dropdown .dropdown-menu li:hover, #header_top #header .dropdown .dropdown-menu li:focus {
          font-family: 'Kanit', sans-serif;
          font-weight: 600;
          color: #e7bfa2;
          background: none; }
    #header_top #header .dropdown .active-sub {
      color: #e7bfa2;
      background: none;
      border: none; }
      #header_top #header .dropdown .active-sub a {
        font-family: 'Kanit', sans-serif;
        font-weight: 600;
        color: #e7bfa2 !important; } }
  @media (min-width: 992px) {
    #header_top #header .navbar {
      margin: 0 auto;
      padding: 0px;
      height: 100%;
      position: relative; }
    #header_top #header .navbar-inverse .navbar-nav > li > a {
      padding: 19px 23px;
      color: #fff;
      text-align: center; }
      #header_top #header .navbar-inverse .navbar-nav > li > a:hover, #header_top #header .navbar-inverse .navbar-nav > li > a:active, #header_top #header .navbar-inverse .navbar-nav > li > a:focus {
        font-weight: 600;
        color: #e7bfa2;
        background: none;
        text-decoration: none; }
    #header_top #header .concept {
      float: left; }
      #header_top #header .concept a {
        padding-left: 0px !important; }
    #header_top #header .developer {
      float: right; }
      #header_top #header .developer a {
        padding-left: 0px !important;
        padding-right: 0px !important; }
    #header_top #header .nav-small {
      margin: 0 auto;
      padding: 0px;
      width: 100%; }
    #header_top #header .navbar-nav {
      float: none; }
    #header_top #header .navbar-inverse .navbar-nav > .active > a {
      color: #e7bfa2;
      text-decoration: none;
      background: none; }
    #header_top #header .navbar-inverse .navbar-nav > .active:hover, #header_top #header .navbar-inverse .navbar-nav > .active:focus {
      color: #e7bfa2;
      text-decoration: none;
      background: none; }
    #header_top #header .collapse {
      padding: 0px;
      width: 100%; }
    #header_top #header .nav-right {
      float: left;
      padding-top: 10px;
      min-width: 100px; }
      #header_top #header .nav-right img {
        max-width: 60px; }
    #header_top #header .dropdown {
      position: relative;
      box-shadow: none; }
      #header_top #header .dropdown:hover .dropdown-menu {
        display: none;
        display: block; }
      #header_top #header .dropdown .caret {
        position: absolute;
        top: 26px;
        right: 28px;
        border: none;
        background: url("../imgs/header/down-pc.svg") no-repeat;
        width: 9px;
        height: 5px;
        transition: all 0.3s; }
      #header_top #header .dropdown.open .caret {
        border: none;
        transform: rotate(180deg); }
      #header_top #header .dropdown .dropdown-menu {
        margin: 0 auto;
        position: absolute;
        top: 0px;
        border-radius: 0px;
        background: #262626;
        max-width: 100%;
        min-width: 100%;
        cursor: pointer;
        padding: 0px; }
        #header_top #header .dropdown .dropdown-menu li {
          border: none;
          text-align: center; }
          #header_top #header .dropdown .dropdown-menu li.dropdown-main {
            font-family: 'Kanit', sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #e7bfa2;
            padding: 19px 0px 19px 0px;
            border-bottom: 1px solid #404040; }
          #header_top #header .dropdown .dropdown-menu li:last-child {
            border-bottom: none; }
          #header_top #header .dropdown .dropdown-menu li a {
            margin: 0px;
            padding: 15px 0px;
            color: #9f9f9f;
            text-align: center;
            text-decoration: none;
            border: none;
            font-size: 13px; }
            #header_top #header .dropdown .dropdown-menu li a:hover, #header_top #header .dropdown .dropdown-menu li a:focus {
              font-family: 'Kanit', sans-serif;
              font-weight: 600;
              color: #e7bfa2;
              background: #333333;
              text-decoration: none;
              border: none; }
            #header_top #header .dropdown .dropdown-menu li a .fa {
              font-size: 19px; }
      #header_top #header .dropdown .active-sub {
        font-family: 'Kanit', sans-serif;
        font-weight: 600;
        color: #e7bfa2;
        background: #333333;
        border: none; }
        #header_top #header .dropdown .active-sub a {
          color: #e7bfa2 !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #header_top #header .gallery {
      padding: 19px 32px !important; }
    #header_top #header .location {
      padding: 19px 40px 10px 35px !important; } }
  @media (min-width: 1200px) {
    #header_top #header .navbar-inverse .navbar-nav > li > a {
      padding: 19px 42px; }
    #header_top #header .nav-right {
      min-width: 130px; } }

#footer {
  background: #fafafa;
  width: 100%; }
  #footer h1 {
    font-family: 'maisonneuemedium';
    font-size: 18px;
    font-weight: bold; }
  @media (max-width: 991px) {
    #footer h1 {
      padding-left: 10px; }
    #footer .facebook, #footer .ig, #footer .email, #footer .phone {
      float: left;
      width: 50%;
      padding-bottom: 30px; }
      #footer .facebook img, #footer .ig img, #footer .email img, #footer .phone img {
        margin: 0 auto;
        padding: 0px 10px; }
    #footer .container {
      width: 100%;
      max-width: 400px; } }
  @media (min-width: 992px) {
    #footer .container {
      width: 100%;
      max-width: 1150px; }
    #footer h1, #footer .facebook, #footer .ig, #footer .email, #footer .phone {
      float: left; }
      #footer h1 img, #footer .facebook img, #footer .ig img, #footer .email img, #footer .phone img {
        margin: 0 auto; }
    #footer h1 {
      margin: 40px 0px 0px 0px;
      width: 22%;
      text-align: center; }
    #footer h3 {
      margin: 5px 0px 0px 0px;
      font-family: 'maisonneuemedium';
      font-size: 11px; }
    #footer h2 {
      margin: 0px;
      font-family: 'maison-neue-bold';
      font-size: 14px; }
    #footer .facebook, #footer .ig, #footer .email, #footer .phone {
      padding: 30px 0px; }
      #footer .facebook img, #footer .ig img, #footer .email img, #footer .phone img {
        float: left;
        max-width: 44px;
        padding-right: 10px; }
      #footer .facebook .title, #footer .ig .title, #footer .email .title, #footer .phone .title {
        float: left; }
    #footer .facebook {
      width: 45%; }
    #footer .ig {
      width: 33%; }
    #footer .col-md-5 {
      width: 45%; }
    #footer .col-md-7 {
      width: 55%; }
      #footer .col-md-7 h1 {
        width: 25%; }
    #footer .email {
      width: 40%; }
    #footer .phone {
      width: 35%; }
    #footer .border-right {
      padding: 0px;
      border-right: 1px solid #e1e1e1; }
    #footer .no-padding-pc {
      padding: 0px; } }
  @media (min-width: 1200px) {
    #footer .facebook img, #footer .ig img, #footer .email img, #footer .phone img {
      max-width: 54px; }
    #footer h1 {
      margin: 45px 0px 0px 0px; }
    #footer h3 {
      margin: 10px 0px 0px 0px; }
    #footer .col-md-7 h1 {
      width: 28%; }
    #footer .email, #footer .phone {
      width: 36%; } }

#footer-bottom {
  background: #242424;
  padding: 15px 0px; }
  #footer-bottom .logo {
    max-width: 46px; }
  #footer-bottom .copy {
    padding-top: 10px;
    font-family: 'maisonneuemedium';
    font-size: 9px;
    color: #fff;
    text-align: right; }
    #footer-bottom .copy a {
      margin-left: 15px;
      color: #fff; }
  @media (max-width: 991px) {
    #footer-bottom .logo {
      max-width: 72px;
      margin: 0 auto; }
    #footer-bottom .copy {
      margin: 0 auto;
      max-width: 300px;
      padding-top: 15px;
      text-align: center; } }

#footer-menu {
  /*-- menu--*/ }
  #footer-menu .menu {
    background: #3e3e3e; }
  #footer-menu .navbar {
    font-family: 'maisonneuemedium';
    font-size: 13px;
    position: relative;
    background: none;
    border: none;
    width: 100%;
    padding: 0px;
    z-index: 10; }
    #footer-menu .navbar .navbar-header .navbar-toggle {
      position: absolute;
      right: 15px;
      top: 25px;
      background: none;
      margin: 0 auto;
      border: none;
      border-radius: 0px; }
      #footer-menu .navbar .navbar-header .navbar-toggle .icon-bar {
        background: url("../imgs/header/down.svg") no-repeat;
        border-radius: 0px;
        width: 17px;
        height: 10px;
        transition: all 0.3s; }
  #footer-menu .navbar-brand {
    padding: 0px;
    margin: 0px; }
  #footer-menu .dropdown .caret {
    margin-top: 5px;
    margin-right: 15px;
    float: right;
    border: none;
    background: url("../imgs/header/down.svg") no-repeat;
    width: 17px;
    height: 10px;
    transition: all 0.3s; }
  #footer-menu .dropdown.open .caret {
    border: none;
    transform: rotate(180deg); }
  @media (max-width: 991px) {
    #footer-menu .container {
      width: 100%; }
    #footer-menu .col-xs-12 {
      padding: 0px; }
    #footer-menu .navbar {
      margin-bottom: 0px;
      padding: 15px; }
    #footer-menu .navbar-brand {
      padding: 15px 0px 0px 15px;
      margin: 0px;
      width: 100%;
      text-align: left;
      border: 1px solid #727272;
      font-family: 'roboto-light';
      color: #fff;
      font-size: 18px; }
    #footer-menu .collapse {
      max-height: 1000px; }
    #footer-menu .navbar-collapse {
      position: relative !important;
      top: 0px;
      width: 100%;
      background: url("../imgs/header/bg-menu-mobile.png");
      margin: 0 auto;
      padding: 0px;
      border: none;
      max-height: 1000px;
      z-index: 10; }
    #footer-menu .nav-small {
      width: 100%; }
    #footer-menu .navbar-header {
      float: none; }
    #footer-menu .navbar-toggle {
      display: block; }
    #footer-menu .navbar-fixed-top {
      top: 0; }
    #footer-menu .navbar-collapse.collapse {
      display: none !important;
      position: relative; }
    #footer-menu .navbar-nav {
      float: left; }
    #footer-menu .navbar-nav > li {
      float: none;
      clear: both; }
    #footer-menu .collapse.in {
      position: absolute;
      top: 0px;
      display: block !important; }
    #footer-menu .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      background: none; }
    #footer-menu .navbar-collapse {
      border: none; }
      #footer-menu .navbar-collapse ul {
        padding: 0px;
        margin: 0px; }
    #footer-menu .navbar-inverse .navbar-nav > li > a {
      font-size: 16px;
      padding: 18px 0px;
      padding-left: 15px;
      color: #fff;
      border-top: 1px solid #484949; }
      #footer-menu .navbar-inverse .navbar-nav > li > a:hover, #footer-menu .navbar-inverse .navbar-nav > li > a:active, #footer-menu .navbar-inverse .navbar-nav > li > a:focus {
        color: #e7bfa2; }
    #footer-menu .navbar-inverse .navbar-nav > .open {
      background: none; }
      #footer-menu .navbar-inverse .navbar-nav > .open > a, #footer-menu .navbar-inverse .navbar-nav > .open:hover, #footer-menu .navbar-inverse .navbar-nav > .open:focus {
        color: #e7bfa2;
        background: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active > a {
      margin: 0px 80px;
      color: #c9af85;
      text-decoration: underline;
      font-weight: bold;
      background: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active:hover, #footer-menu .navbar-inverse .navbar-nav > .active:focus {
      color: #c9af85;
      font-weight: bold;
      background: none; }
    #footer-menu .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto; }
    #footer-menu .dropdown .dropdown-menu {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      background: none;
      border: none;
      box-shadow: none;
      border-bottom: 1px solid #484949;
      padding-left: 40px; }
      #footer-menu .dropdown .dropdown-menu li {
        list-style: none;
        border-bottom: 1px solid #484949; }
        #footer-menu .dropdown .dropdown-menu li:last-child {
          border: none; }
        #footer-menu .dropdown .dropdown-menu li > a {
          padding: 15px 0px;
          font-size: 16px;
          color: #fff; }
          #footer-menu .dropdown .dropdown-menu li > a:hover, #footer-menu .dropdown .dropdown-menu li > a:focus {
            font-family: 'roboto-light';
            color: #e7bfa2;
            background: none; }
        #footer-menu .dropdown .dropdown-menu li:hover, #footer-menu .dropdown .dropdown-menu li:focus {
          font-family: 'roboto-light';
          color: #e7bfa2;
          background: none; }
    #footer-menu .dropdown .active-sub {
      color: #e7bfa2;
      background: none;
      border: none; }
      #footer-menu .dropdown .active-sub a {
        font-family: 'roboto-light';
        color: #e7bfa2 !important; } }
  @media (min-width: 992px) {
    #footer-menu .menu {
      padding-top: 20px; }
    #footer-menu .navbar {
      font-size: 11px;
      margin: 0 auto;
      padding: 0px;
      height: 100%;
      position: relative; }
    #footer-menu .navbar-inverse .navbar-nav > li > a {
      font-family: 'roboto-light';
      padding: 5px 25px;
      color: #ababab;
      text-align: center;
      border-right: 1px solid #7b7b7b; }
      #footer-menu .navbar-inverse .navbar-nav > li > a:hover, #footer-menu .navbar-inverse .navbar-nav > li > a:active, #footer-menu .navbar-inverse .navbar-nav > li > a:focus {
        font-family: 'roboto-light';
        color: #fff;
        background: none;
        text-decoration: none; }
    #footer-menu .style a {
      text-align: left !important;
      padding-left: 0px !important;
      padding-right: 21px !important; }
    #footer-menu .contact a {
      border: none !important;
      text-align: right !important;
      padding-left: 21px !important;
      padding-right: 0px !important; }
    #footer-menu .nav-small {
      margin: 0 auto;
      padding: 0px;
      width: 100%; }
    #footer-menu .navbar-nav {
      float: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active > a {
      color: #c9af85;
      text-decoration: underline;
      background: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active:hover, #footer-menu .navbar-inverse .navbar-nav > .active:focus {
      color: #c9af85;
      text-decoration: none;
      background: none; }
    #footer-menu .collapse {
      padding: 0px;
      width: 100%; }
    #footer-menu .home {
      max-width: 86px; }
    #footer-menu .condo {
      max-width: 129px; }
    #footer-menu .residence {
      max-width: 110px; }
    #footer-menu .ready {
      max-width: 150px; }
    #footer-menu .dropdown {
      position: relative;
      box-shadow: none; }
      #footer-menu .dropdown .caret {
        margin-top: 8px;
        position: absolute;
        right: -10px;
        border: none;
        background: url("../imgs/footer/down.svg") no-repeat;
        width: 10px;
        height: 6px;
        opacity: 0.5;
        transition: all 0.3s; }
      #footer-menu .dropdown.open {
        margin-left: -1px;
        border-left: 1px solid #7b7b7b; }
        #footer-menu .dropdown.open .caret {
          opacity: 1;
          border: none;
          transform: rotate(180deg); }
      #footer-menu .dropdown .dropdown-menu {
        margin: 0 auto;
        position: static;
        top: 40px;
        margin-left: -1px;
        border-radius: 0px;
        background: none;
        border: none;
        box-shadow: none;
        max-width: 100%;
        min-width: 100%;
        cursor: pointer;
        padding: 10px 0px;
        border-left: 1px solid #7b7b7b; }
        #footer-menu .dropdown .dropdown-menu li {
          padding-left: 33px;
          border: none; }
          #footer-menu .dropdown .dropdown-menu li:last-child {
            border-bottom: none; }
          #footer-menu .dropdown .dropdown-menu li a {
            margin: 0px;
            padding: 2px 0px;
            padding-left: 5px;
            color: #ababab;
            text-align: left;
            text-decoration: none;
            border: none;
            font-size: 11px;
            font-family: 'roboto-light'; }
            #footer-menu .dropdown .dropdown-menu li a:hover, #footer-menu .dropdown .dropdown-menu li a:focus {
              font-family: 'roboto-light';
              color: #fff;
              background: none;
              text-decoration: none;
              border: none; }
      #footer-menu .dropdown .active-sub {
        font-family: 'roboto-light';
        color: #fff;
        background: #333333;
        border: none; }
        #footer-menu .dropdown .active-sub a {
          color: #fff !important; }
    #footer-menu .navbar-inverse .navbar-nav > .open > a,
    #footer-menu .navbar-inverse .navbar-nav > .open > a:hover,
    #footer-menu .navbar-inverse .navbar-nav > .open > a:focus {
      background-color: transparent !important; } }
  @media (min-width: 1200px) {
    #footer-menu .navbar-inverse .navbar-nav > li > a {
      padding: 10px 40px; }
    #footer-menu .style a {
      padding-right: 30px !important; }
    #footer-menu .home {
      max-width: 116px; }
    #footer-menu .condo {
      max-width: 162px; }
    #footer-menu .residence {
      max-width: 140px; }
    #footer-menu .ready {
      max-width: 180px; }
    #footer-menu .contact a {
      padding-left: 30px !important; } }

#header_top_house {
  background-color: #231f20; }
  #header_top_house .nav-down {
    position: fixed;
    z-index: 15;
    width: 100%; }
  #header_top_house .nav-up {
    width: 100%;
    position: absolute; }
  #header_top_house .bg-header {
    background: url("../imgs/header/bg-menu.png"); }
  #header_top_house .top-menu {
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 11;
    padding: 30px 0px;
    text-align: center; }
    #header_top_house .top-menu img {
      margin: 0 auto; }
    #header_top_house .top-menu .logo {
      margin: 0 auto;
      max-width: 115px; }
  #header_top_house .top-menu-sticky {
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 11;
    padding: 30px 0px;
    text-align: center; }
    #header_top_house .top-menu-sticky img {
      margin: 0 auto; }
    #header_top_house .top-menu-sticky .logo {
      max-width: 115px; }
  #header_top_house .lang-tel {
    position: absolute;
    right: 20px;
    bottom: -2px; }
    #header_top_house .lang-tel .register-bt {
      width: 160px;
      margin-right: 30px; }
    #header_top_house .lang-tel .lang {
      padding: 5px 0px;
      float: left;
      margin-right: 15px;
      text-transform: uppercase;
      font-family: 'maisonneuemedium';
      font-weight: 100;
      position: relative; }
      #header_top_house .lang-tel .lang a {
        font-size: 11px;
        color: #a6a6a6; }
        #header_top_house .lang-tel .lang a:active, #header_top_house .lang-tel .lang a:hover, #header_top_house .lang-tel .lang a:visited, #header_top_house .lang-tel .lang a:focus {
          text-decoration: none; }
      #header_top_house .lang-tel .lang .caret {
        margin: 7px 8px;
        float: right;
        border: none;
        background: url("../imgs/header/down-lang.svg") no-repeat;
        width: 9px;
        height: 5px;
        transition: all 0.3s; }
      #header_top_house .lang-tel .lang.open .caret {
        transform: rotate(180deg); }
      #header_top_house .lang-tel .lang .dropdown-menu {
        margin: 0 auto;
        position: absolute;
        top: 25px;
        border-radius: 0px;
        background: #262626;
        min-width: 10px;
        width: 40px;
        cursor: pointer;
        padding: 0px; }
        #header_top_house .lang-tel .lang .dropdown-menu li {
          border: none;
          text-align: center; }
          #header_top_house .lang-tel .lang .dropdown-menu li a {
            font-family: 'maisonneuemedium';
            font-weight: 100;
            margin: 0px;
            padding: 7px 0px;
            color: #9f9f9f;
            text-align: center;
            text-decoration: none;
            border: none; }
            #header_top_house .lang-tel .lang .dropdown-menu li a:hover, #header_top_house .lang-tel .lang .dropdown-menu li a:focus {
              font-family: 'maisonneuemedium';
              font-weight: 600;
              color: #e7bfa2;
              background: #333333;
              text-decoration: none;
              border: none; }
        #header_top_house .lang-tel .lang .dropdown-menu .active-sub {
          font-family: 'maisonneuemedium';
          font-weight: 600;
          color: #e7bfa2;
          background: #333333;
          border: none; }
          #header_top_house .lang-tel .lang .dropdown-menu .active-sub a {
            color: #e7bfa2 !important; }
    #header_top_house .lang-tel .tel {
      padding: 8px 0px;
      float: right;
      color: #fff;
      font-family: 'maisonneuemedium';
      font-size: 10px; }
      #header_top_house .lang-tel .tel .big {
        font-family: 'maisonneuemedium';
        font-weight: 400;
        font-size: 20px;
        margin-left: 10px; }
  @media (max-width: 991px) {
    #header_top_house .top-menu {
      height: 79px; }
    #header_top_house .lang-tel {
      bottom: 3px;
      right: 15px; }
      #header_top_house .lang-tel .tel {
        font-size: 13px; }
        #header_top_house .lang-tel .tel span {
          margin-right: 10px; }
        #header_top_house .lang-tel .tel a {
          color: #fff;
          margin-left: 10px;
          font-size: 13px; }
    #header_top_house .lang {
      font-family: 'maisonneuemedium';
      font-weight: bold;
      font-size: 18px;
      float: right; }
      #header_top_house .lang a {
        font-weight: 300;
        color: #FFF;
        font-family: 'maisonneuemedium';
        font-size: 18px;
        padding: 0px 15px; }
        #header_top_house .lang a.lang_active {
          color: #C59C6D;
          border-bottom: 3px solid #C59C6D;
          padding: 0px 5px; }
    #header_top_house .close-menu {
      float: left;
      background: none;
      border: none; } }
  @media (min-width: 992px) {
    #header_top_house .lang-tel {
      display: flex;
      align-items: center; }
      #header_top_house .lang-tel .lang {
        padding-top: 7px; }
      #header_top_house .lang-tel .tel {
        align-self: center;
        padding: 0px; } }
  #header_top_house #header {
    font-family: 'maisonneuemedium';
    font-weight: 400;
    font-size: 13px; }
    #header_top_house #header.fixed {
      position: fixed;
      top: 0;
      z-index: 9;
      width: 100%;
      background-color: #231F20; }
      #header_top_house #header.fixed .logo {
        max-width: 115px; }
      #header_top_house #header.fixed .lang-tel {
        position: relative;
        right: unset;
        bottom: unset; }
        #header_top_house #header.fixed .lang-tel .register-bt {
          width: unset;
          margin-right: 50px; }
        #header_top_house #header.fixed .lang-tel .lang {
          padding: 5px 0px;
          float: left;
          margin-right: 15px;
          text-transform: uppercase;
          font-family: 'maisonneuemedium';
          font-weight: 100;
          position: relative; }
          #header_top_house #header.fixed .lang-tel .lang a {
            font-size: 11px;
            color: #a6a6a6; }
            #header_top_house #header.fixed .lang-tel .lang a:active, #header_top_house #header.fixed .lang-tel .lang a:hover, #header_top_house #header.fixed .lang-tel .lang a:visited, #header_top_house #header.fixed .lang-tel .lang a:focus {
              text-decoration: none; }
          #header_top_house #header.fixed .lang-tel .lang .caret {
            margin: 7px 8px;
            float: right;
            border: none;
            background: url("../imgs/header/down-lang.svg") no-repeat;
            width: 9px;
            height: 5px;
            transition: all 0.3s; }
          #header_top_house #header.fixed .lang-tel .lang.open .caret {
            transform: rotate(180deg); }
          #header_top_house #header.fixed .lang-tel .lang .dropdown-menu {
            margin: 0 auto;
            position: absolute;
            top: 25px;
            border-radius: 0px;
            background: #262626;
            min-width: 10px;
            width: 40px;
            cursor: pointer;
            padding: 0px; }
            #header_top_house #header.fixed .lang-tel .lang .dropdown-menu li {
              border: none;
              text-align: center; }
              #header_top_house #header.fixed .lang-tel .lang .dropdown-menu li a {
                font-family: 'maisonneuemedium';
                font-weight: 100;
                margin: 0px;
                padding: 7px 0px;
                color: #9f9f9f;
                text-align: center;
                text-decoration: none;
                border: none; }
                #header_top_house #header.fixed .lang-tel .lang .dropdown-menu li a:hover, #header_top_house #header.fixed .lang-tel .lang .dropdown-menu li a:focus {
                  font-family: 'maisonneuemedium';
                  font-weight: 600;
                  color: #e7bfa2;
                  background: #333333;
                  text-decoration: none;
                  border: none; }
            #header_top_house #header.fixed .lang-tel .lang .dropdown-menu .active-sub {
              font-family: 'maisonneuemedium';
              font-weight: 600;
              color: #e7bfa2;
              background: #333333;
              border: none; }
              #header_top_house #header.fixed .lang-tel .lang .dropdown-menu .active-sub a {
                color: #e7bfa2 !important; }
        #header_top_house #header.fixed .lang-tel .tel {
          padding: 8px 0px;
          float: right;
          color: #fff;
          font-family: 'maisonneuemedium';
          font-size: 10px; }
          #header_top_house #header.fixed .lang-tel .tel .big {
            font-family: 'maisonneuemedium';
            font-weight: 400;
            font-size: 20px;
            margin-left: 10px; }
    #header_top_house #header .navbar {
      position: relative;
      background: none;
      border: none;
      width: 100%;
      padding: 0px;
      z-index: 10;
      text-transform: uppercase; }
      #header_top_house #header .navbar .navbar-header .navbar-toggle {
        position: absolute;
        left: 0px;
        background: none;
        margin: 0 auto;
        border: none;
        border-radius: 0px;
        top: 0px;
        padding: 0;
        width: 80px;
        height: 80px; }
        #header_top_house #header .navbar .navbar-header .navbar-toggle img {
          width: 100%; }
        #header_top_house #header .navbar .navbar-header .navbar-toggle .icon-bar {
          height: 4px;
          width: 25px;
          background: #fff;
          border-radius: 0px; }
      #header_top_house #header .navbar .navbar-header .register-bt {
        top: 20px;
        right: 24px;
        position: absolute; }
    #header_top_house #header .navbar-brand {
      padding: 0px;
      margin: 0px; }
    #header_top_house #header .nav-right {
      float: left;
      padding-top: 23px; }
      #header_top_house #header .nav-right img {
        max-width: 104px; }
    @media (max-width: 991px) {
      #header_top_house #header .container {
        width: 100%; }
      #header_top_house #header .nav-right {
        float: none; }
        #header_top_house #header .nav-right img {
          margin: 0 auto; }
      #header_top_house #header .col-xs-12 {
        padding: 0px; }
      #header_top_house #header .navbar {
        margin-bottom: 0px;
        padding-bottom: 0px; }
      #header_top_house #header .navbar-brand {
        padding: 0px;
        margin: 0px;
        width: 100%;
        min-height: 80px; }
      #header_top_house #header .nav-left {
        padding-left: 15px; }
      #header_top_house #header .collapse {
        max-height: 1000px; }
      #header_top_house #header .navbar-collapse {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100vh;
        background-color: #231F20;
        margin: 0 auto;
        padding: 0px;
        border: none;
        max-height: 1000px;
        z-index: 10; }
      #header_top_house #header .nav-small {
        width: 100%; }
      #header_top_house #header .navbar-header {
        float: none; }
      #header_top_house #header .navbar-left, #header_top_house #header .navbar-right {
        float: none !important; }
      #header_top_house #header .navbar-toggle {
        display: block; }
      #header_top_house #header .navbar-fixed-top {
        top: 0; }
      #header_top_house #header .navbar-collapse.collapse {
        display: none !important;
        position: relative; }
      #header_top_house #header .navbar-nav {
        float: left; }
      #header_top_house #header .navbar-nav > li {
        float: none;
        clear: both; }
      #header_top_house #header .collapse.in {
        position: absolute;
        top: 0px;
        display: block !important;
        padding: 38px 30px; }
      #header_top_house #header .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        background: none; }
      #header_top_house #header .navbar-collapse {
        border: none; }
        #header_top_house #header .navbar-collapse ul {
          padding: 0px;
          margin: 0px;
          margin-top: 90px; }
      #header_top_house #header .navbar-inverse .navbar-nav > li > a {
        font-size: 18px;
        padding: 18px 0px;
        color: #fff; }
        #header_top_house #header .navbar-inverse .navbar-nav > li > a:hover, #header_top_house #header .navbar-inverse .navbar-nav > li > a:active, #header_top_house #header .navbar-inverse .navbar-nav > li > a:focus {
          color: #e7bfa2; }
      #header_top_house #header .navbar-inverse .navbar-nav > .open {
        background: none; }
        #header_top_house #header .navbar-inverse .navbar-nav > .open > a, #header_top_house #header .navbar-inverse .navbar-nav > .open:hover, #header_top_house #header .navbar-inverse .navbar-nav > .open:focus {
          color: #e7bfa2;
          background: none; }
      #header_top_house #header .navbar-inverse .navbar-nav > .active > a {
        color: #e7bfa2;
        text-decoration: none;
        font-weight: bold;
        background: none; }
      #header_top_house #header .navbar-inverse .navbar-nav > .active:hover, #header_top_house #header .navbar-inverse .navbar-nav > .active:focus {
        color: #e7bfa2;
        font-weight: bold;
        background: none; }
      #header_top_house #header .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto; }
      #header_top_house #header .dropdown .caret {
        margin-top: 5px;
        margin-right: 15px;
        float: right;
        border: none;
        background: url("../imgs/header/down_white.svg") no-repeat;
        width: 17px;
        height: 10px;
        transition: all 0.3s; }
      #header_top_house #header .dropdown.open .caret {
        border: none;
        background: url("../imgs/header/down_gold.svg") no-repeat; }
      #header_top_house #header .dropdown .dropdown-menu {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        background: none;
        border: none;
        box-shadow: none;
        padding-left: 40px; }
        #header_top_house #header .dropdown .dropdown-menu li {
          list-style: none; }
          #header_top_house #header .dropdown .dropdown-menu li:last-child {
            border: none; }
          #header_top_house #header .dropdown .dropdown-menu li > a {
            padding: 15px 0px;
            font-size: 18px;
            color: #fff; }
            #header_top_house #header .dropdown .dropdown-menu li > a:hover, #header_top_house #header .dropdown .dropdown-menu li > a:focus {
              font-family: 'maisonneuemedium';
              font-weight: 600;
              color: #e7bfa2;
              background: none; }
          #header_top_house #header .dropdown .dropdown-menu li:hover, #header_top_house #header .dropdown .dropdown-menu li:focus {
            font-family: 'maisonneuemedium';
            font-weight: 600;
            color: #e7bfa2;
            background: none; }
      #header_top_house #header .dropdown .active-sub {
        color: #e7bfa2;
        background: none;
        border: none; }
        #header_top_house #header .dropdown .active-sub a {
          font-family: 'maisonneuemedium';
          font-weight: 600;
          color: #e7bfa2 !important; } }
    @media (min-width: 992px) {
      #header_top_house #header.fixed .container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80px; }
      #header_top_house #header .navbar {
        margin: 0 auto;
        padding: 0px;
        height: 100%;
        position: relative;
        border: unset; }
      #header_top_house #header .navbar-inverse .navbar-nav > li > a {
        padding: 19px 23px;
        color: #fff;
        text-align: center; }
        #header_top_house #header .navbar-inverse .navbar-nav > li > a:hover, #header_top_house #header .navbar-inverse .navbar-nav > li > a:active, #header_top_house #header .navbar-inverse .navbar-nav > li > a:focus {
          font-weight: 600;
          color: #e7bfa2;
          background: none;
          text-decoration: none; }
      #header_top_house #header .concept {
        float: left; }
        #header_top_house #header .concept a {
          padding-left: 0px !important; }
      #header_top_house #header .developer {
        float: right; }
        #header_top_house #header .developer a {
          padding-left: 0px !important;
          padding-right: 0px !important; }
      #header_top_house #header .nav-small {
        margin: 0 auto;
        padding: 0px;
        width: 100%; }
      #header_top_house #header .navbar-nav {
        display: flex;
        justify-content: center;
        float: none; }
      #header_top_house #header .navbar-inverse .navbar-nav > .active > a {
        color: #e7bfa2;
        text-decoration: none;
        background: none; }
      #header_top_house #header .navbar-inverse .navbar-nav > .active:hover, #header_top_house #header .navbar-inverse .navbar-nav > .active:focus {
        color: #e7bfa2;
        text-decoration: none;
        background: none; }
      #header_top_house #header .collapse {
        padding: 0px;
        width: 100%; }
      #header_top_house #header .nav-right {
        float: left;
        padding-top: 10px;
        min-width: 100px; }
        #header_top_house #header .nav-right img {
          max-width: 60px; }
      #header_top_house #header .dropdown {
        position: relative;
        box-shadow: none; }
        #header_top_house #header .dropdown:hover .dropdown-menu {
          display: none;
          display: block; }
        #header_top_house #header .dropdown .caret {
          position: absolute;
          top: 26px;
          right: 0px;
          border: none;
          background: url("../imgs/header/down-pc.svg") no-repeat;
          width: 9px;
          height: 5px;
          transition: all 0.3s; }
        #header_top_house #header .dropdown.open .caret {
          border: none;
          transform: rotate(180deg); }
        #header_top_house #header .dropdown .dropdown-menu {
          margin: 0 auto;
          position: absolute;
          top: 0px;
          border-radius: 0px;
          background: #262626;
          max-width: 100%;
          min-width: 100%;
          cursor: pointer;
          padding: 0px; }
          #header_top_house #header .dropdown .dropdown-menu li {
            border: none;
            text-align: center; }
            #header_top_house #header .dropdown .dropdown-menu li.dropdown-main {
              font-family: 'maisonneuemedium';
              font-weight: 400;
              font-size: 13px;
              color: #e7bfa2;
              padding: 19px 0px 19px 0px;
              border-bottom: 1px solid #404040; }
            #header_top_house #header .dropdown .dropdown-menu li:last-child {
              border-bottom: none; }
            #header_top_house #header .dropdown .dropdown-menu li a {
              margin: 0px;
              padding: 15px 0px;
              color: #9f9f9f;
              text-align: center;
              text-decoration: none;
              border: none;
              font-size: 13px; }
              #header_top_house #header .dropdown .dropdown-menu li a:hover, #header_top_house #header .dropdown .dropdown-menu li a:focus {
                font-family: 'maisonneuemedium';
                font-weight: 600;
                color: #e7bfa2;
                background: #333333;
                text-decoration: none;
                border: none; }
              #header_top_house #header .dropdown .dropdown-menu li a .fa {
                font-size: 19px; }
        #header_top_house #header .dropdown .active-sub {
          font-family: 'maisonneuemedium';
          font-weight: 600;
          color: #e7bfa2;
          background: #333333;
          border: none; }
          #header_top_house #header .dropdown .active-sub a {
            color: #e7bfa2 !important; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #header_top_house #header .gallery {
        padding: 19px 32px !important; }
      #header_top_house #header .location {
        padding: 19px 40px 10px 35px !important; } }
    @media (min-width: 1200px) {
      #header_top_house #header .nav-right {
        min-width: 130px; } }

#footer_house {
  background: #fafafa;
  width: 100%; }
  #footer_house h1 {
    font-family: 'maisonneuemedium';
    font-size: 18px;
    font-weight: bold; }
  @media (max-width: 991px) {
    #footer_house h1 {
      padding-left: 10px; }
    #footer_house .facebook, #footer_house .ig, #footer_house .email, #footer_house .phone {
      float: left;
      width: 50%;
      padding-bottom: 30px; }
      #footer_house .facebook img, #footer_house .ig img, #footer_house .email img, #footer_house .phone img {
        margin: 0 auto;
        padding: 0px 10px; }
    #footer_house .container {
      width: 100%;
      max-width: 400px; } }
  @media (min-width: 992px) {
    #footer_house .container {
      width: 100%;
      max-width: 1150px; }
    #footer_house h1, #footer_house .facebook, #footer_house .ig, #footer_house .email, #footer_house .phone {
      float: left; }
      #footer_house h1 img, #footer_house .facebook img, #footer_house .ig img, #footer_house .email img, #footer_house .phone img {
        margin: 0 auto; }
    #footer_house h1 {
      margin: 40px 0px 0px 0px;
      width: 22%;
      text-align: center; }
    #footer_house h3 {
      margin: 5px 0px 0px 0px;
      font-family: 'maisonneuemedium';
      font-size: 11px; }
    #footer_house h2 {
      margin: 0px;
      font-family: 'maison-neue-bold';
      font-size: 14px; }
    #footer_house .facebook, #footer_house .ig, #footer_house .email, #footer_house .phone {
      padding: 30px 0px; }
      #footer_house .facebook img, #footer_house .ig img, #footer_house .email img, #footer_house .phone img {
        float: left;
        max-width: 44px;
        padding-right: 10px; }
      #footer_house .facebook .title, #footer_house .ig .title, #footer_house .email .title, #footer_house .phone .title {
        float: left; }
    #footer_house .facebook {
      width: 45%; }
    #footer_house .ig {
      width: 33%; }
    #footer_house .col-md-5 {
      width: 45%; }
    #footer_house .col-md-7 {
      width: 55%; }
      #footer_house .col-md-7 h1 {
        width: 25%; }
    #footer_house .email {
      width: 40%; }
    #footer_house .phone {
      width: 35%; }
    #footer_house .border-right {
      padding: 0px;
      border-right: 1px solid #e1e1e1; }
    #footer_house .no-padding-pc {
      padding: 0px; } }
  @media (min-width: 1200px) {
    #footer_house .facebook img, #footer_house .ig img, #footer_house .email img, #footer_house .phone img {
      max-width: 54px; }
    #footer_house h1 {
      margin: 45px 0px 0px 0px; }
    #footer_house h3 {
      margin: 10px 0px 0px 0px; }
    #footer_house .col-md-7 h1 {
      width: 28%; }
    #footer_house .email, #footer_house .phone {
      width: 36%; } }

#footer-bottom {
  background: #242424;
  padding: 15px 0px; }
  #footer-bottom .logo {
    max-width: 46px; }
  #footer-bottom .content_pocily {
    display: flex;
    justify-content: flex-end;
    align-items: baseline; }
    #footer-bottom .content_pocily .copy {
      padding-top: 10px;
      font-family: 'maisonneuemedium';
      font-size: 11px;
      color: #fff;
      text-align: right;
      margin-right: 20px; }
      #footer-bottom .content_pocily .copy a {
        margin-left: 15px;
        color: #fff; }
    #footer-bottom .content_pocily .policy {
      color: #FFF;
      border: 1px solid #8B8B8B;
      width: fit-content;
      display: flex;
      margin: 0;
      padding: 10px 20px;
      font-weight: normal;
      font-size: 11px;
      font-family: 'maisonneuemedium';
      cursor: pointer; }
  @media (max-width: 991px) {
    #footer-bottom .logo {
      max-width: 72px;
      margin: 0 auto; }
    #footer-bottom .content_pocily {
      display: unset; }
      #footer-bottom .content_pocily .copy {
        text-align: center;
        margin: 0 auto;
        padding-top: 30px; }
      #footer-bottom .content_pocily .policy {
        margin: 0 auto;
        margin-top: 10px; } }

#footer-menu {
  /*-- menu--*/ }
  #footer-menu .menu {
    background: #3e3e3e; }
  #footer-menu .navbar {
    font-family: 'maisonneuemedium';
    font-size: 13px;
    position: relative;
    background: none;
    border: none;
    width: 100%;
    padding: 0px;
    z-index: 10; }
    #footer-menu .navbar .navbar-header .navbar-toggle {
      position: absolute;
      right: 15px;
      top: 25px;
      background: none;
      margin: 0 auto;
      border: none;
      border-radius: 0px; }
      #footer-menu .navbar .navbar-header .navbar-toggle .icon-bar {
        background: url("../imgs/header/down.svg") no-repeat;
        border-radius: 0px;
        width: 17px;
        height: 10px;
        transition: all 0.3s; }
  #footer-menu .navbar-brand {
    padding: 0px;
    margin: 0px; }
  #footer-menu .dropdown .caret {
    margin-top: 5px;
    margin-right: 15px;
    float: right;
    border: none;
    background: url("../imgs/header/down.svg") no-repeat;
    width: 17px;
    height: 10px;
    transition: all 0.3s; }
  #footer-menu .dropdown.open .caret {
    border: none;
    transform: rotate(180deg); }
  @media (max-width: 991px) {
    #footer-menu .container {
      width: 100%; }
    #footer-menu .col-xs-12 {
      padding: 0px; }
    #footer-menu .navbar {
      margin-bottom: 0px;
      padding: 15px; }
    #footer-menu .navbar-brand {
      padding: 15px 0px 0px 15px;
      margin: 0px;
      width: 100%;
      text-align: left;
      border: 1px solid #727272;
      font-family: 'roboto-light';
      color: #fff;
      font-size: 18px; }
    #footer-menu .collapse {
      max-height: 1000px; }
    #footer-menu .navbar-collapse {
      position: relative !important;
      top: 0px;
      width: 100%;
      background: url("../imgs/header/bg-menu-mobile.png");
      margin: 0 auto;
      padding: 0px;
      border: none;
      max-height: 1000px;
      z-index: 10; }
    #footer-menu .nav-small {
      width: 100%; }
    #footer-menu .navbar-header {
      float: none; }
    #footer-menu .navbar-toggle {
      display: block; }
    #footer-menu .navbar-fixed-top {
      top: 0; }
    #footer-menu .navbar-collapse.collapse {
      display: none !important;
      position: relative; }
    #footer-menu .navbar-nav {
      float: left; }
    #footer-menu .navbar-nav > li {
      float: none;
      clear: both; }
    #footer-menu .collapse.in {
      position: absolute;
      top: 0px;
      display: block !important; }
    #footer-menu .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      background: none; }
    #footer-menu .navbar-collapse {
      border: none; }
      #footer-menu .navbar-collapse ul {
        padding: 0px;
        margin: 0px; }
    #footer-menu .navbar-inverse .navbar-nav > li > a {
      font-size: 16px;
      padding: 18px 0px;
      padding-left: 15px;
      color: #fff;
      border-top: 1px solid #484949; }
      #footer-menu .navbar-inverse .navbar-nav > li > a:hover, #footer-menu .navbar-inverse .navbar-nav > li > a:active, #footer-menu .navbar-inverse .navbar-nav > li > a:focus {
        color: #e7bfa2; }
    #footer-menu .navbar-inverse .navbar-nav > .open {
      background: none; }
      #footer-menu .navbar-inverse .navbar-nav > .open > a, #footer-menu .navbar-inverse .navbar-nav > .open:hover, #footer-menu .navbar-inverse .navbar-nav > .open:focus {
        color: #e7bfa2;
        background: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active > a {
      margin: 0px 80px;
      color: #c9af85;
      text-decoration: underline;
      font-weight: bold;
      background: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active:hover, #footer-menu .navbar-inverse .navbar-nav > .active:focus {
      color: #c9af85;
      font-weight: bold;
      background: none; }
    #footer-menu .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto; }
    #footer-menu .dropdown .dropdown-menu {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      background: none;
      border: none;
      box-shadow: none;
      border-bottom: 1px solid #484949;
      padding-left: 40px; }
      #footer-menu .dropdown .dropdown-menu li {
        list-style: none;
        border-bottom: 1px solid #484949; }
        #footer-menu .dropdown .dropdown-menu li:last-child {
          border: none; }
        #footer-menu .dropdown .dropdown-menu li > a {
          padding: 15px 0px;
          font-size: 16px;
          color: #fff; }
          #footer-menu .dropdown .dropdown-menu li > a:hover, #footer-menu .dropdown .dropdown-menu li > a:focus {
            font-family: 'roboto-light';
            color: #e7bfa2;
            background: none; }
        #footer-menu .dropdown .dropdown-menu li:hover, #footer-menu .dropdown .dropdown-menu li:focus {
          font-family: 'roboto-light';
          color: #e7bfa2;
          background: none; }
    #footer-menu .dropdown .active-sub {
      color: #e7bfa2;
      background: none;
      border: none; }
      #footer-menu .dropdown .active-sub a {
        font-family: 'roboto-light';
        color: #e7bfa2 !important; } }
  @media (min-width: 992px) {
    #footer-menu .menu {
      padding-top: 20px; }
    #footer-menu .navbar {
      font-size: 11px;
      margin: 0 auto;
      padding: 0px;
      height: 100%;
      position: relative; }
    #footer-menu .navbar-inverse .navbar-nav > li > a {
      font-family: 'roboto-light';
      padding: 5px 25px;
      color: #ababab;
      text-align: center;
      border-right: 1px solid #7b7b7b; }
      #footer-menu .navbar-inverse .navbar-nav > li > a:hover, #footer-menu .navbar-inverse .navbar-nav > li > a:active, #footer-menu .navbar-inverse .navbar-nav > li > a:focus {
        font-family: 'roboto-light';
        color: #fff;
        background: none;
        text-decoration: none; }
    #footer-menu .style a {
      text-align: left !important;
      padding-left: 0px !important;
      padding-right: 21px !important; }
    #footer-menu .contact a {
      border: none !important;
      text-align: right !important;
      padding-left: 21px !important;
      padding-right: 0px !important; }
    #footer-menu .nav-small {
      margin: 0 auto;
      padding: 0px;
      width: 100%; }
    #footer-menu .navbar-nav {
      float: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active > a {
      color: #c9af85;
      text-decoration: underline;
      background: none; }
    #footer-menu .navbar-inverse .navbar-nav > .active:hover, #footer-menu .navbar-inverse .navbar-nav > .active:focus {
      color: #c9af85;
      text-decoration: none;
      background: none; }
    #footer-menu .collapse {
      padding: 0px;
      width: 100%; }
    #footer-menu .home {
      max-width: 86px; }
    #footer-menu .condo {
      max-width: 129px; }
    #footer-menu .residence {
      max-width: 110px; }
    #footer-menu .ready {
      max-width: 150px; }
    #footer-menu .dropdown {
      position: relative;
      box-shadow: none; }
      #footer-menu .dropdown .caret {
        margin-top: 8px;
        position: absolute;
        right: -10px;
        border: none;
        background: url("../imgs/footer/down.svg") no-repeat;
        width: 10px;
        height: 6px;
        opacity: 0.5;
        transition: all 0.3s; }
      #footer-menu .dropdown.open {
        margin-left: -1px;
        border-left: 1px solid #7b7b7b; }
        #footer-menu .dropdown.open .caret {
          opacity: 1;
          border: none;
          transform: rotate(180deg); }
      #footer-menu .dropdown .dropdown-menu {
        margin: 0 auto;
        position: static;
        top: 40px;
        margin-left: -1px;
        border-radius: 0px;
        background: none;
        border: none;
        box-shadow: none;
        max-width: 100%;
        min-width: 100%;
        cursor: pointer;
        padding: 10px 0px;
        border-left: 1px solid #7b7b7b; }
        #footer-menu .dropdown .dropdown-menu li {
          padding-left: 33px;
          border: none; }
          #footer-menu .dropdown .dropdown-menu li:last-child {
            border-bottom: none; }
          #footer-menu .dropdown .dropdown-menu li a {
            margin: 0px;
            padding: 2px 0px;
            padding-left: 5px;
            color: #ababab;
            text-align: left;
            text-decoration: none;
            border: none;
            font-size: 11px;
            font-family: 'roboto-light'; }
            #footer-menu .dropdown .dropdown-menu li a:hover, #footer-menu .dropdown .dropdown-menu li a:focus {
              font-family: 'roboto-light';
              color: #fff;
              background: none;
              text-decoration: none;
              border: none; }
      #footer-menu .dropdown .active-sub {
        font-family: 'roboto-light';
        color: #fff;
        background: #333333;
        border: none; }
        #footer-menu .dropdown .active-sub a {
          color: #fff !important; }
    #footer-menu .navbar-inverse .navbar-nav > .open > a,
    #footer-menu .navbar-inverse .navbar-nav > .open > a:hover,
    #footer-menu .navbar-inverse .navbar-nav > .open > a:focus {
      background-color: transparent !important; } }
  @media (min-width: 1200px) {
    #footer-menu .navbar-inverse .navbar-nav > li > a {
      padding: 10px 40px; }
    #footer-menu .style a {
      padding-right: 30px !important; }
    #footer-menu .home {
      max-width: 116px; }
    #footer-menu .condo {
      max-width: 162px; }
    #footer-menu .residence {
      max-width: 140px; }
    #footer-menu .ready {
      max-width: 180px; }
    #footer-menu .contact a {
      padding-left: 30px !important; } }

#home .img {
  width: 100%; }

#home .owl-controls {
  position: absolute;
  width: 100%;
  z-index: 10; }

#home .owl-theme .owl-controls .owl-page span {
  width: 8px;
  height: 8px;
  background: #9f9f93; }

#home .owl-theme .owl-controls .owl-page.active span,
#home .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #fff;
  opacity: 5; }

#home .fixed {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 10;
  background: url("../imgs/bg-home.png"); }

#home .register {
  padding: 30px 0px;
  visibility: hidden; }

#home .facilities, #home .location {
  background: url("../imgs/bg-facilities.jpg") top repeat-x #fafafa;
  padding: 30px 0px 0px 0px; }
  #home .facilities .title, #home .location .title {
    position: relative;
    text-align: center; }
    #home .facilities .title img, #home .location .title img {
      margin: 0 auto; }
    #home .facilities .title h1, #home .location .title h1 {
      margin: 0px;
      padding: 30px 0px 30px 0px;
      font-family: 'Kanit', sans-serif;
      font-weight: 600;
      font-size: 24px; }
  #home .facilities .detail, #home .location .detail {
    margin: 0 auto;
    max-width: 700px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 15px;
    padding-bottom: 30px; }
  #home .facilities #sync2 .item, #home .location #sync2 .item {
    padding: 0px 15px; }
    #home .facilities #sync2 .item .image, #home .location #sync2 .item .image {
      min-height: 290px; }

#home .location {
  background: #fafafa; }

#home .gmaps-wrapper {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  z-index: 1; }

#home .gmaps-wrapper .dmxGoogleMaps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1; }

@media (max-width: 991px) {
  #home .register img {
    margin: 0 auto; }
  #home .register .register-bt {
    padding: 30px 0px 30px 0px; }
  #home .register .form {
    margin-top: 15px; }
  #home .register .submit {
    margin: 0 auto;
    max-width: 204px;
    padding-top: 20px; }
  #home .facilities .seeall, #home .location .seeall {
    margin: 0 auto;
    max-width: 100px;
    padding: 0px 0px 30px 0px;
    font-family: 'palatino-bold';
    font-size: 20px;
    font-style: italic; }
    #home .facilities .seeall img, #home .location .seeall img {
      float: right;
      padding-top: 10px;
      padding-left: 5px; }
  #home .location .seeall {
    max-width: 130px;
    padding: 30px 0px 30px 0px; } }

@media (min-width: 992px) {
  #home {
    /* -- ./register --*/
    /* -- ./facilities --*/ }
    #home .fixed {
      padding: 15px 0px !important; }
    #home #sync1 .image-pc {
      min-height: 600px; }
    #home .register .container {
      width: 100%;
      max-width: 800px; }
    #home .register .h {
      height: 10px; }
    #home .register .slogan {
      margin-top: 0px; }
      #home .register .slogan img {
        max-height: 50px; }
    #home .register .register-bt img {
      float: right; }
    #home .register .line {
      margin-top: 30px;
      background: #e7bfa2;
      width: 100%;
      height: 2px; }
    #home .register .form {
      margin-top: 50px; }
    #home .register .submit {
      float: right;
      max-width: 142px; }
    #home .facilities, #home .location {
      padding: 45px 0px 0px 0px; }
      #home .facilities .seeall, #home .location .seeall {
        position: absolute;
        top: 55px;
        right: 0px;
        font-family: 'palatino-bold';
        font-size: 14px;
        font-style: italic; }
        #home .facilities .seeall img, #home .location .seeall img {
          float: right;
          padding-top: 5px;
          padding-left: 5px; }
      #home .facilities #sync2 .item .image, #home .location #sync2 .item .image {
        min-height: 340px; }
    #home .location {
      padding: 45px 0px 0px 0px; }
      #home .location .view {
        margin: 0 auto;
        max-width: 115px;
        padding: 0px 0px 30px 0px; }
    #home .gmaps-wrapper {
      padding-bottom: 40%; }
    #home .submit-center {
      display: flex; } }

@media (min-width: 1400px) {
  #home .gmaps-wrapper {
    padding-bottom: 30%; } }

#home_house .img {
  width: 100%; }

#home_house .owl-controls {
  position: absolute;
  width: 100%;
  z-index: 10; }

#home_house .owl-buttons .owl-prev {
  position: absolute;
  bottom: 300px;
  left: 0;
  transform: scaleX(-1); }

#home_house .owl-buttons .owl-next {
  position: absolute;
  bottom: 300px;
  right: 0; }

#home_house .owl-theme .owl-controls .owl-page span {
  background: #3c3939;
  width: 40px;
  height: 3px;
  left: 0px;
  top: 30px;
  border-radius: unset; }

#home_house .owl-theme .owl-controls .owl-page.active span,
#home_house .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #C59C6D;
  opacity: 5; }

#home_house .fixed {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 10;
  background: url("../imgs/bg-home.png"); }

#home_house .form .formgroup input {
  color: #c79c6e;
  font-size: 16px;
  font-weight: 400;
  font-family: 'maison-neue-bold';
  padding-bottom: 10px; }

#home_house .form .formgroup .input {
  border-bottom: 1px solid #c79c6e; }

#home_house .form .formgroup input:focus ~ label, #home_house .form .formgroup .input ~ label, #home_house .form .formgroup textarea:focus ~ label {
  top: -18px;
  font-family: 'maison-neue-light';
  font-size: 12px;
  color: #c79c6e; }

#home_house .form .formgroup label {
  color: #FFFFFF;
  font-family: 'maisonneuemedium';
  font-size: 16px;
  font-weight: 400; }

#home_house .form .formgroup .bar:before {
  background: #c79c6e; }

#home_house .form .formgroup .bar:after {
  background: #c79c6e; }

#home_house .form .styled-checkbox {
  position: absolute;
  opacity: 0;
  opacity: 0;
  top: 13px; }
  #home_house .form .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    top: 0 !important;
    margin: 0 !important;
    margin-bottom: 0px !important;
    font-size: 14px !important;
    font-family: 'maisonneuemedium';
    font-weight: 200;
    left: 0;
    pointer-events: unset; }
  #home_house .form .styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    border: 1px solid; }
  #home_house .form .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  #home_house .form .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd; }
  #home_house .form .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 19px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
    margin-bottom: 33px; }
    @media (max-width: 991px) {
      #home_house .form .styled-checkbox:checked + label:after {
        top: unset; } }
  #home_house .form .styled-checkbox__detail {
    display: none;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.3em;
    position: absolute;
    bottom: 65px;
    background: #fff;
    padding: 1em;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
    #home_house .form .styled-checkbox__detail .help-block {
      left: auto;
      bottom: auto;
      width: 88%;
      margin: 0;
      opacity: 0;
      font-weight: 100;
      font-size: 10px; }
  #home_house .form .styled-checkbox__detail:after {
    content: '';
    position: absolute;
    top: 99.5%;
    left: 50%;
    margin-left: -15px;
    width: 29px;
    height: 10px;
    z-index: -1;
    background-image: url("../../imgs/arrow_tooltip.svg");
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

#home_house .form .ocpb_detail {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 470px; }
  #home_house .form .ocpb_detail a {
    color: #FFF; }

#home_house .form label[for='check_ocpb'] .help-block {
  font-size: 11px;
  opacity: 0; }

#home_house .form .submit {
  max-width: 153px;
  background-color: #C59C6D; }

#home_house .register {
  padding: 30px 0px; }

#home_house .subject {
  color: #C59C6D;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  font-family: 'maison-neue-bold';
  text-transform: uppercase;
  letter-spacing: 0.3em;
  margin: 84px 0px 84px 0px; }

#home_house .bullets {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 40px 0px 0px 0px; }
  #home_house .bullets li {
    margin: 0px 7.5px;
    width: 40px;
    height: 3px;
    list-style: none;
    cursor: pointer; }
    #home_house .bullets li.glide__bullet {
      background: #3c3939; }
      #home_house .bullets li.glide__bullet--active {
        background: #C59C6D; }
      #home_house .bullets li.glide__bullet:hover {
        background: #C59C6D; }

#home_house .sticky_bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  z-index: 9; }
  #home_house .sticky_bottom .cookie {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #231F20;
    color: #fff;
    padding: 0 20px;
    min-height: 46px;
    font-weight: 300;
    font-size: 11.5px; }
    #home_house .sticky_bottom .cookie__btn {
      background: #C59C6D;
      color: #fff;
      padding: 5px 10px;
      margin-left: 10px;
      cursor: pointer; }
  #home_house .sticky_bottom .backtotop {
    display: none;
    padding: 10px;
    background-color: #C59C6D;
    cursor: pointer;
    width: 46px;
    height: 46px;
    position: relative;
    top: unset;
    right: 0px;
    bottom: 0;
    z-index: 9; }
    #home_house .sticky_bottom .backtotop.fixed_to_top {
      display: block;
      position: relative; }
    #home_house .sticky_bottom .backtotop img {
      width: 22px;
      height: 22px;
      padding-left: 4px; }

#home_house .gmaps-wrapper {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  z-index: 1; }

#home_house .gmaps-wrapper .dmxGoogleMaps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1; }

@media (max-width: 991px) {
  #home_house .margin-mobile {
    margin: 0px -15px; }
  #home_house .subject {
    margin: 84px 0px 68px 0px; }
  #home_house .register img {
    margin: 0 auto; }
  #home_house .register .register-bt {
    padding: 30px 0px 30px 0px; }
  #home_house .register .form {
    padding: 0px 15px;
    margin-top: 15px; }
    #home_house .register .form .formgroup {
      margin-bottom: 35px; }
    #home_house .register .form .styled-checkbox {
      position: absolute;
      opacity: 0; }
      #home_house .register .form .styled-checkbox + label {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        padding-left: 40px; }
      #home_house .register .form .styled-checkbox + label:before {
        content: '';
        margin-right: 20px;
        display: inline-block;
        vertical-align: text-top;
        width: 20px;
        min-width: 20px;
        height: 20px;
        border: 1px solid;
        position: absolute;
        left: 0;
        margin-bottom: 33px; }
    #home_house .register .form .ocpb_detail {
      width: 87%; }
  #home_house .register .submit {
    margin: 0 auto;
    max-width: 100%;
    max-height: 53px; }
  #home_house .facilities .seeall, #home_house #home .location .seeall, #home #home_house .location .seeall {
    margin: 0 auto;
    max-width: 100px;
    padding: 0px 0px 30px 0px;
    font-family: 'palatino-bold';
    font-size: 20px;
    font-style: italic; }
    #home_house .facilities .seeall img, #home_house #home .location .seeall img, #home #home_house .location .seeall img {
      float: right;
      padding-top: 10px;
      padding-left: 5px; }
  #home_house .location .seeall {
    max-width: 130px;
    padding: 30px 0px 30px 0px; } }

@media (min-width: 992px) {
  #home_house {
    /* -- ./register --*/
    /* -- ./facilities --*/ }
    #home_house .fixed {
      padding: 15px 0px !important; }
    #home_house #sync1 .image-pc {
      min-height: 600px; }
    #home_house .register .container {
      width: 100%;
      max-width: 800px; }
    #home_house .register .h {
      height: 10px; }
    #home_house .register .slogan {
      margin-top: 0px;
      text-align: center; }
      #home_house .register .slogan img {
        max-height: 50px; }
    #home_house .register .register-bt img {
      float: right; }
    #home_house .register .line {
      margin-top: 30px;
      background: #e7bfa2;
      width: 100%;
      height: 2px; }
    #home_house .register .form {
      margin-top: 50px; }
      #home_house .register .form .formgroup {
        margin-bottom: 35px; }
    #home_house .register .submit {
      float: right;
      max-width: 153px; }
    #home_house .facilities, #home_house #home .location, #home #home_house .location {
      padding: 45px 0px 0px 0px; }
      #home_house .facilities .seeall, #home_house #home .location .seeall, #home #home_house .location .seeall {
        position: absolute;
        top: 55px;
        right: 0px;
        font-family: 'palatino-bold';
        font-size: 14px;
        font-style: italic; }
        #home_house .facilities .seeall img, #home_house #home .location .seeall img, #home #home_house .location .seeall img {
          float: right;
          padding-top: 5px;
          padding-left: 5px; }
      #home_house .facilities #sync2 .item .image, #home_house #home .location #sync2 .item .image, #home #home_house .location #sync2 .item .image {
        min-height: 340px; }
    #home_house .location .view {
      margin: 0 auto;
      max-width: 115px;
      padding: 0px 0px 30px 0px; }
    #home_house .gmaps-wrapper {
      padding-bottom: 40%; }
    #home_house .submit-center {
      display: flex;
      justify-content: center; }
    #home_house .submit-right {
      display: flex;
      justify-content: flex-end; } }

@media (min-width: 1400px) {
  #home_house .gmaps-wrapper {
    padding-bottom: 30%; } }

#home_house #project_concept .glide__content {
  position: relative; }

#home_house #project_concept .glide__info {
  display: flex;
  align-items: center;
  max-width: 864px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  color: #FFFFFF; }
  #home_house #project_concept .glide__info .border-one {
    padding: 20px 0px 10px 0px;
    font-weight: bold;
    font-size: 26px;
    font-family: 'maison-neue-bold';
    color: #C59C6D;
    letter-spacing: 3px; }
  #home_house #project_concept .glide__info .detail {
    padding-top: 30px;
    font-weight: normal;
    font-size: 14px;
    font-family: 'maisonneuemedium';
    text-align: left; }

#home_house #project_concept .glide__image {
  height: 60vh; }
  #home_house #project_concept .glide__image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

#home_house #project_concept .glide__arrows {
  position: absolute;
  width: 100%;
  bottom: 19%; }

#home_house #project_concept .glide__arrow {
  top: 45%; }
  #home_house #project_concept .glide__arrow--left {
    position: absolute;
    left: 80px;
    background: 0 0;
    border: none; }
    #home_house #project_concept .glide__arrow--left img {
      transform: scaleX(-1); }
  #home_house #project_concept .glide__arrow--right {
    position: absolute;
    right: 80px;
    background: 0 0;
    border: none; }
  #home_house #project_concept .glide__arrow img {
    width: 39px;
    height: 27px; }

@media (max-width: 991px) {
  #home_house #project_concept .glide__info {
    display: block;
    text-align: left; }
  #home_house #project_concept .glide__image {
    height: 89.4vw; }
    #home_house #project_concept .glide__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }

#home_house #project_detail .project_detail {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 84px;
  margin-bottom: 40px; }
  #home_house #project_detail .project_detail__title {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-flow: column;
    height: 200px; }
    #home_house #project_detail .project_detail__title--topic {
      text-align: center;
      font-weight: bold;
      font-size: 24px;
      line-height: 32px;
      text-transform: uppercase;
      letter-spacing: 0.2em; }
  #home_house #project_detail .project_detail__banner {
    width: 100%;
    height: 84.9vh;
    background-color: #FFFFFF; }
    #home_house #project_detail .project_detail__banner .banner_project_detail {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      height: 80%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    #home_house #project_detail .project_detail__banner .graphicgenerated {
      position: absolute;
      top: 0;
      right: 0;
      margin: 10px;
      text-align: right;
      color: #ccc;
      font-size: 8px; }
  #home_house #project_detail .project_detail__detail {
    position: relative;
    width: 1120px;
    max-width: 100vw;
    height: 380px;
    margin: 0 auto;
    background-color: #F2F2F2; }
    #home_house #project_detail .project_detail__detail--float {
      position: absolute;
      top: -75px;
      height: 100%;
      width: 100%;
      background-color: #F2F2F2; }
      #home_house #project_detail .project_detail__detail--float .project_detail_title {
        color: #C59C6D;
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        font-family: 'maison-neue-bold';
        text-transform: uppercase;
        letter-spacing: 0.3em;
        padding: 50px 0px 40px 0px; }
      #home_house #project_detail .project_detail__detail--float .project_detail_container {
        display: flex;
        width: 100%;
        min-height: 210px;
        max-height: 210px; }
      #home_house #project_detail .project_detail__detail--float .project_detail_brochure {
        padding: 10px 0px 60px 0px; }
        #home_house #project_detail .project_detail__detail--float .project_detail_brochure__download {
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: 'maison-neue-bold';
          font-size: 16px;
          font-weight: bold;
          padding: 14px 25px;
          border: 3px solid #C59C6D;
          box-sizing: border-box;
          cursor: pointer;
          max-width: 269px;
          margin: 0 auto;
          color: #C59C6D; }
          #home_house #project_detail .project_detail__detail--float .project_detail_brochure__download svg {
            width: 24px;
            height: 24px;
            margin-right: 15px; }
    #home_house #project_detail .project_detail__detail .factsheet {
      display: flex;
      align-items: baseline;
      color: #231F20;
      margin-bottom: 30px; }
      #home_house #project_detail .project_detail__detail .factsheet:nth-child(3n+3) {
        margin: 0; }
    #home_house #project_detail .project_detail__detail--left {
      width: 50%;
      height: 100%;
      padding: 0px 60px 0px 40px;
      border-right: 1px solid #C59C6D; }
      #home_house #project_detail .project_detail__detail--left--faci_topic {
        font-weight: bold;
        font-size: 16px;
        font-family: 'maison-neue-bold';
        max-width: 140px;
        min-width: 140px; }
      #home_house #project_detail .project_detail__detail--left--faci_text {
        font-weight: 500;
        font-size: 14px;
        font-family: 'maison-neue-light';
        line-height: 26px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden; }
        #home_house #project_detail .project_detail__detail--left--faci_text .last-child {
          margin-bottom: unset; }
        #home_house #project_detail .project_detail__detail--left--faci_text p {
          margin: 0; }
      #home_house #project_detail .project_detail__detail--left--logo_line {
        width: 74px;
        height: 14px;
        margin-bottom: 30px; }
        #home_house #project_detail .project_detail__detail--left--logo_line .logo_line_img {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          height: 100%;
          background-repeat: no-repeat; }
    #home_house #project_detail .project_detail__detail--right {
      width: 50%;
      height: 100%;
      padding: 0 60px; }
      #home_house #project_detail .project_detail__detail--right .faci {
        width: 100%;
        display: flex;
        border-bottom: 1px solid var(--blue);
        padding: 30px 0; }
        #home_house #project_detail .project_detail__detail--right .faci__group {
          width: 25%; }
        #home_house #project_detail .project_detail__detail--right .faci__item {
          text-align: center; }
          #home_house #project_detail .project_detail__detail--right .faci__item icon {
            width: 70px;
            height: 70px;
            margin: 0;
            background: var(--blue); }
          #home_house #project_detail .project_detail__detail--right .faci__item--detail {
            font-size: 12px; }
  @media (max-width: 991px) {
    #home_house #project_detail .project_detail {
      margin-top: 30px;
      margin-bottom: 0; }
      #home_house #project_detail .project_detail__banner {
        display: flex;
        align-items: center;
        width: 100%;
        height: 342px; }
        #home_house #project_detail .project_detail__banner .banner_project_detail {
          width: 100%;
          height: 100%;
          background-size: cover; }
      #home_house #project_detail .project_detail__detail {
        height: unset; }
        #home_house #project_detail .project_detail__detail--float {
          position: relative;
          top: 0; }
          #home_house #project_detail .project_detail__detail--float .project_detail_container {
            display: flex;
            flex-wrap: wrap;
            min-height: unset;
            max-height: unset; }
          #home_house #project_detail .project_detail__detail--float .project_detail_brochure {
            padding: 40px 0px 40px 0px; }
            #home_house #project_detail .project_detail__detail--float .project_detail_brochure__download {
              max-width: 100%;
              margin: 0px 30px; }
        #home_house #project_detail .project_detail__detail--left {
          width: 100%;
          padding: 0px 30px;
          margin-bottom: 40px;
          border-right: unset; }
          #home_house #project_detail .project_detail__detail--left--faci_text {
            display: unset;
            -webkit-line-clamp: 2;
            overflow: unset; }
        #home_house #project_detail .project_detail__detail--right {
          width: 100%;
          padding: 0px 30px; }
          #home_house #project_detail .project_detail__detail--right .factsheet:last-child {
            margin: 0; } }

#home_house #house_type {
  background-color: #231F20; }
  #home_house #house_type .house_type {
    background: unset; }
    #home_house #house_type .house_type__container {
      background-color: #231F20;
      position: relative;
      z-index: 0; }
    #home_house #house_type .house_type__desc {
      display: flex;
      flex-wrap: wrap;
      height: 679px;
      max-height: 679px;
      min-height: 679px;
      width: 1120px;
      max-width: 100vw;
      margin: 0 auto; }
      #home_house #house_type .house_type__desc--detail {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        background-color: #231F20;
        width: 40%;
        height: 100%;
        padding-right: 30px;
        overflow: auto; }
        #home_house #house_type .house_type__desc--detail--top .house_type_bio_desc {
          font-weight: 500;
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 26px;
          color: #231F20; }
        #home_house #house_type .house_type__desc--detail--bottom {
          font-weight: normal;
          font-size: 14px;
          font-family: 'maisonneuemedium';
          line-height: 26px;
          width: 100%; }
          #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__header {
            display: flex;
            padding: 40px 0px;
            justify-content: space-between;
            border-top: 1px solid #C59C6D;
            cursor: pointer; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__header:last-child {
              border-bottom: 1px solid #C59C6D; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__header.collapsed .header_text {
              color: #FFFFFF;
              border-bottom: none;
              padding-bottom: 0px; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__header.collapsed .header_icon svg {
              width: 15px;
              height: 8px;
              fill: #FFFFFF;
              transform: rotate(0deg); }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__header .header_text {
              color: #C59C6D;
              font-weight: bold;
              font-size: 22px;
              font-family: 'maison-neue-bold';
              position: relative;
              border-bottom: 5px solid #C59C6D;
              padding-bottom: 20px; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__header .header_icon svg {
              width: 15px;
              height: 8px;
              fill: #C59C6D;
              transform: rotate(180deg); }
          #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data {
            padding: 60px 30px;
            padding-top: 15px; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data .detail_room {
              color: #C59C6D;
              font-weight: bold;
              font-size: 22px;
              font-family: 'maison-neue-bold';
              text-transform: uppercase; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data .detail_area {
              color: #FFF;
              font-weight: normal;
              font-size: 14px;
              font-family: 'maisonneuemedium';
              margin-bottom: 30px; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data .detail_floor__head {
              font-weight: bold;
              font-size: 16px;
              font-family: 'maison-neue-bold';
              color: #C59C6D;
              margin-bottom: 10px; }
            #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data .detail_floor__floorno {
              display: flex;
              flex-wrap: wrap; }
              #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data .detail_floor__floorno--num {
                border: 1px solid #C59C6D;
                color: #FFF;
                padding: 10px 20px;
                margin: 2px;
                cursor: pointer; }
                #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data .detail_floor__floorno--num.active, #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data .detail_floor__floorno--num:hover {
                  color: #231F20 !important;
                  background: #C59C6D; }
          #home_house #house_type .house_type__desc--detail--bottom .house_type_name {
            font-weight: bold;
            font-size: 22px;
            font-family: 'maison-neue-bold';
            color: #231F20;
            margin-bottom: 30px; }
          #home_house #house_type .house_type__desc--detail--bottom .house_type_detail {
            font-weight: normal;
            font-size: 14px;
            font-family: 'maisonneuemedium';
            color: #231F20; }
      #home_house #house_type .house_type__desc--img {
        width: 60%;
        height: 100%;
        background-color: #FFF;
        position: relative; }
        #home_house #house_type .house_type__desc--img .house_type_travel_img {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
        #home_house #house_type .house_type__desc--img .icon {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 50px;
          height: 50px; }
    @media (max-width: 991px) {
      #home_house #house_type .house_type__desc {
        width: 100%;
        height: 100%;
        max-height: unset;
        min-height: unset; }
        #home_house #house_type .house_type__desc--detail {
          width: 100%;
          padding: 0px 30px 0px 30px; }
          #home_house #house_type .house_type__desc--detail--bottom .house_type_collapse__data {
            padding: 0; }
        #home_house #house_type .house_type__desc--img {
          width: 100%;
          margin-top: 30px; }
          #home_house #house_type .house_type__desc--img .house_type_travel_img {
            height: 374px; } }

#home_house #gallery {
  background-color: #231F20; }
  #home_house #gallery .gallery {
    margin-top: 30px; }
    #home_house #gallery .gallery__loadmore {
      padding: 18px 0px;
      width: 350px;
      margin: 0 auto;
      text-align: center;
      text-transform: uppercase;
      border: 1px solid #C59C6D;
      color: #C59C6D;
      margin-bottom: 84px;
      font-size: 16px;
      font-family: 'maison-neue-bold'; }
  #home_house #gallery #thumbsgallery {
    margin-top: 10px; }
  #home_house #gallery .glide__image {
    height: 84vh; }
    #home_house #gallery .glide__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  #home_house #gallery .glide__slides {
    display: flex;
    align-items: center; }
  #home_house #gallery .glide__arrow {
    top: 45%; }
    #home_house #gallery .glide__arrow--left {
      position: absolute;
      left: 30px;
      background: 0 0;
      border: none; }
      #home_house #gallery .glide__arrow--left img {
        transform: scaleX(-1); }
    #home_house #gallery .glide__arrow--right {
      position: absolute;
      right: 30px;
      background: 0 0;
      border: none; }
    #home_house #gallery .glide__arrow img {
      width: 60px;
      height: 60px; }
  #home_house #gallery .gallery_type {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -50px;
    cursor: pointer;
    overflow: auto;
    width: 100%; }
    #home_house #gallery .gallery_type::-webkit-scrollbar {
      display: none; }
    #home_house #gallery .gallery_type li {
      padding: 18px 40px;
      max-width: 200px;
      min-width: 200px;
      border: 1px solid #C59C6D;
      list-style: none;
      text-align: center;
      margin: 0px 5px; }
      #home_house #gallery .gallery_type li a {
        font-family: 'maison-neue-bold';
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase; }
      #home_house #gallery .gallery_type li.active, #home_house #gallery .gallery_type li:hover {
        background: #C59C6D; }
        #home_house #gallery .gallery_type li.active a, #home_house #gallery .gallery_type li:hover a {
          background: none;
          color: #231F20; }
  @media (max-width: 991px) {
    #home_house #gallery .gallery {
      margin-top: 0px; }
      #home_house #gallery .gallery__loadmore {
        margin-top: 20px;
        margin-bottom: 0px; }
    #home_house #gallery .gallery_type {
      justify-content: flex-start; }
    #home_house #gallery .margin-bottom-0 {
      margin-bottom: 0px; }
    #home_house #gallery .glide__image {
      height: 28vh; }
      #home_house #gallery .glide__image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #home_house #gallery .glide__slides {
      display: block; }
    #home_house #gallery .glide__slide {
      margin-bottom: 10px; } }

#home_house #location, #home_house #nearbyplace {
  background-color: #231F20; }
  #home_house #location .location__zoom, #home_house #nearbyplace .location__zoom {
    display: none; }
    #home_house #location .location__zoom.open, #home_house #nearbyplace .location__zoom.open {
      display: block !important;
      opacity: 1;
      animation-name: fadeInOpacity;
      animation-iteration-count: 1;
      animation-timing-function: ease-in;
      animation-duration: .2s; }
    #home_house #location .location__zoom_area, #home_house #nearbyplace .location__zoom_area {
      z-index: 30;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    #home_house #location .location__zoom_dropbg, #home_house #nearbyplace .location__zoom_dropbg {
      z-index: 31;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.8; }
    #home_house #location .location__zoom_close, #home_house #nearbyplace .location__zoom_close {
      z-index: 35;
      cursor: pointer;
      position: absolute;
      top: -55px;
      right: 50px;
      width: 25px;
      height: 25px; }
      @media (max-width: 991px) {
        #home_house #location .location__zoom_close, #home_house #nearbyplace .location__zoom_close {
          right: 25px; } }
    #home_house #location .location__zoom_gallery, #home_house #nearbyplace .location__zoom_gallery {
      z-index: 32;
      position: relative;
      width: 100%;
      height: 70%;
      max-width: 1280px;
      max-height: 720px;
      padding: 0 25px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #home_house #location .location__zoom img, #home_house #nearbyplace .location__zoom img {
      width: 70vw; }
      @media (max-width: 991px) {
        #home_house #location .location__zoom img, #home_house #nearbyplace .location__zoom img {
          width: 100%;
          max-width: 100%;
          max-height: 100%; } }
  #home_house #location .location__container, #home_house #nearbyplace .location__container {
    background-size: cover;
    position: relative;
    z-index: 0; }
    #home_house #location .location__container:after, #home_house #nearbyplace .location__container:after {
      content: " ";
      position: absolute;
      width: 100vw;
      height: 65%;
      background-image: url("../imgs/mock_location_bg.png");
      background-size: cover;
      z-index: -1;
      top: 0;
      right: 0;
      opacity: 0.5; }
  #home_house #location .location__title, #home_house #nearbyplace .location__title {
    font-weight: bold;
    font-size: 22px;
    font-family: 'maison-neue-bold';
    text-transform: uppercase;
    color: #C59C6D;
    text-align: center;
    padding: 69px 0px 20px 0px; }
  #home_house #location .location__detail, #home_house #nearbyplace .location__detail {
    font-weight: normal;
    font-size: 14px;
    font-family: 'maisonneuemedium';
    color: #FFFFFF;
    text-align: center;
    max-width: 654px;
    margin: 0 auto;
    margin-bottom: 69px; }
  #home_house #location .location__map, #home_house #nearbyplace .location__map {
    display: flex;
    height: 600px;
    width: 1120px;
    max-width: 100vw;
    margin: 0 auto; }
    #home_house #location .location__map--img, #home_house #nearbyplace .location__map--img {
      width: 70%;
      height: 100%;
      background-color: #FFF;
      position: relative;
      cursor: pointer; }
      #home_house #location .location__map--img .location_travel_img, #home_house #nearbyplace .location__map--img .location_travel_img {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      #home_house #location .location__map--img .icon, #home_house #nearbyplace .location__map--img .icon {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 50px; }
    #home_house #location .location__map--detail, #home_house #nearbyplace .location__map--detail {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 30%;
      height: 100%;
      background-color: #C59C6D;
      padding: 60px;
      text-align: center; }
      #home_house #location .location__map--detail--top .travel_desc, #home_house #nearbyplace .location__map--detail--top .travel_desc {
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 26px;
        color: #231F20; }
      #home_house #location .location__map--detail--top .logo_line_img, #home_house #nearbyplace .location__map--detail--top .logo_line_img {
        margin-bottom: 89px; }
      #home_house #location .location__map--detail--bottom, #home_house #nearbyplace .location__map--detail--bottom {
        font-weight: normal;
        font-size: 14px;
        font-family: 'maison-neue-light';
        line-height: 26px; }
        #home_house #location .location__map--detail--bottom .travel_header, #home_house #nearbyplace .location__map--detail--bottom .travel_header {
          margin-bottom: 21px;
          color: #231F20;
          font-weight: bold;
          font-size: 22px;
          font-family: 'maison-neue-bold'; }
        #home_house #location .location__map--detail--bottom .travel_road, #home_house #nearbyplace .location__map--detail--bottom .travel_road {
          display: flex;
          align-items: baseline;
          justify-content: center;
          border-bottom: 1px solid #231F201C;
          padding: 10px 0px;
          color: #231F20; }
          #home_house #location .location__map--detail--bottom .travel_road__no, #home_house #nearbyplace .location__map--detail--bottom .travel_road__no {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 10px;
            height: 10px;
            border-radius: 50px;
            background-color: #ECDFD4;
            color: #000;
            margin-right: 20px;
            margin-bottom: 10px;
            font-weight: normal;
            font-size: 15px;
            line-height: 23px; }
      #home_house #location .location__map--detail--getlocation, #home_house #nearbyplace .location__map--detail--getlocation {
        display: flex;
        padding: 10px 15px;
        cursor: pointer; }
        #home_house #location .location__map--detail--getlocation .icon, #home_house #nearbyplace .location__map--detail--getlocation .icon {
          width: 24px;
          height: 24px;
          margin-right: 14px; }
        #home_house #location .location__map--detail--getlocation .text, #home_house #nearbyplace .location__map--detail--getlocation .text {
          font-weight: bold;
          font-size: 16px;
          font-family: 'maison-neue-bold';
          color: #231F20; }
    #home_house #location .location__map iframe, #home_house #nearbyplace .location__map iframe {
      width: 100%;
      height: 100%; }
  @media (max-width: 991px) {
    #home_house #location .location__title, #home_house #nearbyplace .location__title {
      padding: 50px 0px 20px 0px; }
    #home_house #location .location__detail, #home_house #nearbyplace .location__detail {
      padding: 0px 30px; }
    #home_house #location .location .location__map, #home_house #nearbyplace .location .location__map {
      display: flex;
      flex-wrap: wrap;
      height: 100%; }
      #home_house #location .location .location__map--img, #home_house #nearbyplace .location .location__map--img {
        width: 100%;
        height: 390px; }
        #home_house #location .location .location__map--img .location_travel_img, #home_house #nearbyplace .location .location__map--img .location_travel_img {
          background-size: contain; }
      #home_house #location .location .location__map--detail, #home_house #nearbyplace .location .location__map--detail {
        width: 100%; }
        #home_house #location .location .location__map--detail--bottom, #home_house #nearbyplace .location .location__map--detail--bottom {
          margin-bottom: 40px; } }

#home_house #progres {
  overflow: hidden; }
  #home_house #progres .project_progres {
    z-index: -1; }
    #home_house #progres .project_progres__title {
      color: #fff;
      font-size: 32px;
      font-family: 'maisonneuemedium';
      letter-spacing: 7px;
      line-height: 1em; }
      #home_house #progres .project_progres__title span {
        color: #cb9d35; }
  #home_house #progres #progresthumb {
    margin-top: 15px; }
    #home_house #progres #progresthumb .thumb {
      cursor: pointer; }
    #home_house #progres #progresthumb .current {
      opacity: .5; }
  #home_house #progres .content svg.radial-progress {
    height: auto;
    max-width: 180px;
    transform: rotate(-90deg);
    width: 100%; }
  #home_house #progres .content svg.radial-progress circle {
    fill: none;
    stroke: #fff;
    stroke-dashoffset: 219.91148575129;
    stroke-width: 1; }
  #home_house #progres .content svg.radial-progress circle.incomplete {
    opacity: .2; }
  #home_house #progres .content svg.radial-progress circle.complete {
    stroke-dasharray: 219.91148575129;
    /* Circumference */ }
  #home_house #progres .content svg.radial-progress:nth-of-type(6n+1) circle {
    stroke: #000; }
  #home_house #progres .content__title {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    font-family: 'maisonneuemedium';
    text-align: left; }
  #home_house #progres .content__date {
    padding-bottom: 30px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 26px;
    font-family: 'maison-neue-bold';
    text-align: left; }
  #home_house #progres .content .progressbar {
    max-width: 100%; }
    #home_house #progres .content .progressbar .progress_scroll {
      margin-top: 7px;
      height: 5px;
      overflow: hidden;
      background: url("../imgs/progressbar.png") repeat-x 0px 2px; }
    #home_house #progres .content .progressbar .progress_scroll__bar {
      display: block;
      height: 100%;
      background: #FFF; }
    #home_house #progres .content .progressbar__content_overall {
      margin-bottom: 32px; }
      #home_house #progres .content .progressbar__content_overall--head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
      #home_house #progres .content .progressbar__content_overall--title {
        width: 25%;
        color: #C59C6D;
        font-weight: bold;
        font-size: 16px;
        font-family: 'maison-neue-bold';
        line-height: 1em; }
      #home_house #progres .content .progressbar__content_overall .progress_scroll {
        width: 100%;
        height: 10px;
        background: url("../imgs/progressbar_gold.png") repeat-x 0px 2px; }
      #home_house #progres .content .progressbar__content_overall .progress_scroll__bar {
        display: block;
        height: 100%;
        background: #cb9d35; }
      #home_house #progres .content .progressbar__content_overall--percent {
        width: 10%;
        color: #C59C6D;
        font-weight: bold;
        font-size: 16px;
        font-family: 'maison-neue-bold';
        line-height: 1em;
        text-align: right; }
    #home_house #progres .content .progressbar__content {
      margin-bottom: 20px; }
      #home_house #progres .content .progressbar__content--head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
      #home_house #progres .content .progressbar__content--title {
        color: #FFF;
        font-weight: bold;
        font-size: 14px;
        font-family: 'maisonneuemedium';
        line-height: 1em; }
      #home_house #progres .content .progressbar__content .progress_scroll {
        width: 100%; }
      #home_house #progres .content .progressbar__content--percent {
        width: 10%;
        color: #FFF;
        font-weight: bold;
        font-size: 14px;
        font-family: 'maisonneuemedium';
        line-height: 1em;
        text-align: right; }
  @media (max-width: 991px) {
    #home_house #progres .progres {
      padding: 0px 15px; }
      #home_house #progres .progres__title {
        padding-bottom: 30px; }
      #home_house #progres .progres__content .image {
        margin: 0px -28px; }
    #home_house #progres .content {
      padding-top: 50px; }
      #home_house #progres .content .circle {
        max-width: 160px; }
        #home_house #progres .content .circle .percent p {
          font-size: 80px;
          line-height: 60px; }
    #home_house #progres .owl-dots {
      bottom: -40px; } }
  @media (min-width: 992px) {
    #home_house #progres .owl-dots {
      display: none; }
    #home_house #progres .progres__title {
      text-align: center; }
    #home_house #progres .progres__content {
      display: flex; }
      #home_house #progres .progres__content .image {
        width: 55%; }
      #home_house #progres .progres__content .content {
        width: 45%; } }

#home_house #news .news .container, #home_house #newsdetail .news .container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0px; }

#home_house #news .news__list, #home_house #newsdetail .news__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: max-content;
  margin-bottom: 70px; }
  #home_house #news .news__list .contents, #home_house #newsdetail .news__list .contents {
    width: calc(100% / 3);
    max-width: calc((100% / 3) - ( ( 3px * 2)));
    margin-bottom: 18px;
    cursor: pointer; }
    #home_house #news .news__list .contents__img, #home_house #newsdetail .news__list .contents__img {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      position: relative;
      width: 100%;
      height: 197px;
      color: #fff;
      background-color: var(--primary);
      background-size: cover;
      background-position: center;
      padding: 20px 20px 40px 20px;
      margin-bottom: 26px; }
    #home_house #news .news__list .contents.second-child, #home_house #newsdetail .news__list .contents.second-child {
      margin: 0px 9px; }
    #home_house #news .news__list .contents__text, #home_house #newsdetail .news__list .contents__text {
      z-index: 1;
      text-align: start;
      color: #FFF;
      font-weight: bold;
      font-size: 16px;
      font-family: 'maison-neue-bold'; }
      #home_house #news .news__list .contents__text--title, #home_house #newsdetail .news__list .contents__text--title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px; }
      #home_house #news .news__list .contents__text--detail, #home_house #newsdetail .news__list .contents__text--detail {
        font-weight: normal;
        font-size: 11px;
        font-family: 'maisonneuemedium'; }

#home_house #news .news__loadmore, #home_house #newsdetail .news__loadmore {
  padding: 18px 0px;
  width: 350px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #C59C6D;
  color: #C59C6D;
  margin-bottom: 73px;
  font-size: 16px;
  font-family: 'maison-neue-bold';
  cursor: pointer; }

@media (max-width: 991px) {
  #home_house #news .news__list, #home_house #newsdetail .news__list {
    padding: 0px 15px;
    margin-bottom: 34px; }
    #home_house #news .news__list .contents, #home_house #newsdetail .news__list .contents {
      width: calc(100% / 1);
      max-width: calc((100% / 1));
      margin-bottom: 40px; }
      #home_house #news .news__list .contents.second-child, #home_house #newsdetail .news__list .contents.second-child {
        margin: 0; }
      #home_house #news .news__list .contents:last-child, #home_house #newsdetail .news__list .contents:last-child {
        margin: 0; }
  #home_house #news .news__loadmore, #home_house #newsdetail .news__loadmore {
    margin-bottom: 35px; } }

#home_house #developer {
  background-color: #231F20; }
  #home_house #developer .developer {
    background: unset; }
    #home_house #developer .developer__opacity {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
    #home_house #developer .developer__container {
      background-color: #231F20;
      position: relative;
      z-index: 0; }
    #home_house #developer .developer__desc {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      background: #fff;
      position: relative;
      z-index: 20;
      width: 1120px;
      max-width: 100vw;
      margin: 0 auto; }
      #home_house #developer .developer__desc--detail {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        background-color: #FFF;
        width: 50%;
        height: 100%;
        padding: 70px 30px 70px 60px; }
        #home_house #developer .developer__desc--detail--top .developer_bio_desc {
          font-weight: 500;
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 26px;
          color: #231F20; }
        #home_house #developer .developer__desc--detail--bottom {
          font-weight: normal;
          font-size: 14px;
          font-family: 'maisonneuemedium';
          line-height: 26px; }
          #home_house #developer .developer__desc--detail--bottom .developer_bio_header {
            margin-bottom: 30px;
            color: #C59C6D;
            font-weight: bold;
            font-size: 26px;
            font-family: 'maison-neue-bold';
            text-transform: uppercase;
            letter-spacing: 0.3em; }
          #home_house #developer .developer__desc--detail--bottom .developer_bio_name {
            font-weight: bold;
            font-size: 22px;
            font-family: 'maison-neue-bold';
            color: #231F20;
            margin-bottom: 30px; }
          #home_house #developer .developer__desc--detail--bottom .developer_bio_detail {
            font-weight: normal;
            font-size: 14px;
            font-family: 'maisonneuemedium';
            color: #231F20; }
            #home_house #developer .developer__desc--detail--bottom .developer_bio_detail strong, #home_house #developer .developer__desc--detail--bottom .developer_bio_detail h1 {
              font-size: 14px;
              font-family: 'maison-neue-bold'; }
      #home_house #developer .developer__desc--img {
        width: 50%;
        height: 100%;
        background-color: #FFF;
        position: relative;
        padding: 70px 60px 70px 30px; }
        #home_house #developer .developer__desc--img .developer_travel_img {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }
        #home_house #developer .developer__desc--img .icon {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 50px;
          height: 50px; }
    @media (max-width: 991px) {
      #home_house #developer .developer__desc {
        width: 100%;
        height: 100%;
        max-height: unset;
        min-height: unset; }
        #home_house #developer .developer__desc--detail {
          width: 100%;
          padding: 50px 30px; }
        #home_house #developer .developer__desc--img {
          width: 100%;
          padding: 0px 30px 50px 30px; }
          #home_house #developer .developer__desc--img .developer_travel_img {
            height: 374px; } }

#home_house #contact h1 {
  font-family: 'maison-neue-bold';
  font-weight: bold;
  font-size: 26px;
  color: #C59C6D;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  margin-bottom: 40px; }

#home_house #contact .info {
  padding: 75px 0px; }
  #home_house #contact .info__title {
    font-weight: bold;
    font-size: 16px;
    font-family: 'maison-neue-bold';
    color: #FFF;
    margin-bottom: 10px; }
  #home_house #contact .info .detail {
    padding: 10px 0px 20px 0px;
    font-family: 'maisonneuemedium';
    font-weight: 400;
    font-size: 14px;
    color: #FFF; }
    #home_house #contact .info .detail ul {
      list-style-position: inside; }
    #home_house #contact .info .detail a {
      color: #FFF; }
  #home_house #contact .info__contact {
    margin-bottom: 40px; }
    #home_house #contact .info__contact--channel {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
      #home_house #contact .info__contact--channel .img {
        width: 16px;
        height: 16px;
        margin-right: 12px; }
        #home_house #contact .info__contact--channel .img img {
          width: 100%; }
      #home_house #contact .info__contact--channel .text {
        font-weight: bold;
        font-size: 16px;
        font-family: 'maison-neue-bold';
        color: #FFFFFF; }
        #home_house #contact .info__contact--channel .text a {
          color: #FFFFFF; }
  #home_house #contact .info__social {
    display: flex;
    justify-content: flex-start; }
    #home_house #contact .info__social--channel {
      margin-right: 30px; }
      #home_house #contact .info__social--channel .img {
        width: 40px;
        height: 40px;
        margin-right: 12px; }
        #home_house #contact .info__social--channel .img img {
          width: 100%; }
  @media (max-width: 991px) {
    #home_house #contact .info {
      padding: 50px 0px; }
      #home_house #contact .info__container {
        border-right: unset;
        padding: 0px 30px; }
      #home_house #contact .info__social {
        border-bottom: 1px solid #C59C6D;
        padding-bottom: 30px; }
        #home_house #contact .info__social--channel {
          margin-right: 20px; } }

#home_house #contact .contact {
  padding: 0px 60px; }
  #home_house #contact .contact__thankyou {
    color: #C59C6D;
    position: absolute;
    top: 60px;
    right: 0px;
    font-family: 'maisonneuemedium';
    font-weight: normal; }
  #home_house #contact .contact .form .formgroup {
    margin-bottom: 35px; }
  #home_house #contact .contact .form .submit {
    max-width: 205px; }
  @media (max-width: 991px) {
    #home_house #contact .contact {
      padding: 0px 15px; }
      #home_house #contact .contact__title {
        max-width: 50%;
        margin-top: 40px;
        line-height: 32px;
        padding-left: 15px; }
      #home_house #contact .contact .form .submit {
        margin: 0 auto;
        max-width: 100%;
        max-height: 53px; } }

#concept .container {
  width: 100%;
  padding: 0px; }
  #concept .container .row {
    margin: 0px;
    padding: 0px; }

#concept .concept {
  background: url("../imgs/bg-overview-mobile.jpg") no-repeat center;
  background-size: cover; }

#concept .content {
  text-align: center; }
  #concept .content h1 {
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase; }
  #concept .content .title {
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 20px;
    padding: 30px 0px; }
  #concept .content .detail {
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px; }
    #concept .content .detail p {
      padding: 0px;
      margin: 0px; }

#concept .controls {
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 2em; }
  #concept .controls .next img {
    margin-left: 10px;
    margin-top: -3px; }
  #concept .controls .prev img {
    margin-right: 10px;
    margin-top: -3px; }

@media (max-width: 991px) {
  #concept .content h1 {
    padding-top: 40px; }
  #concept .content .detail {
    padding-bottom: 30px; }
  #concept .controls {
    padding-bottom: 30px; } }

@media (min-width: 992px) {
  #concept .concept {
    background: url("../imgs/bg-overview.jpg") no-repeat center;
    background-size: cover; }
    #concept .concept.m-bottom {
      padding-bottom: 20px; }
  #concept .left {
    float: left; }
  #concept .right {
    float: right; }
  #concept .col-md-5 {
    width: 45%; }
  #concept .col-md-7 {
    width: 55%; }
  #concept .image {
    padding: 20px 0px; }
  #concept .content {
    position: relative;
    max-width: 380px;
    width: 100%; }
    #concept .content.left {
      padding-left: 30px; }
    #concept .content.right {
      padding-right: 30px; }
    #concept .content .title {
      font-size: 25px; }
  #concept .controls {
    position: absolute;
    width: 100%;
    bottom: 20px; } }

@media (min-width: 1200px) {
  #concept .content {
    max-width: 460px; } }

/* #concept */
#overview {
  background: url("../imgs/bg-overview-mobile.jpg") no-repeat center;
  background-size: cover; }
  #overview .container {
    width: 100%;
    padding: 0px; }
    #overview .container .row {
      margin: 0px;
      padding: 0px; }
  #overview .content h1 {
    margin: 0px;
    padding: 40px 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #000;
    text-align: center; }
  #overview .content h2 {
    margin: 0px;
    padding: 40px 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    text-align: center; }
  #overview .content .detail {
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 14px; }
  #overview .content .factsheet {
    text-align: center;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px; }
    #overview .content .factsheet p {
      margin: 0px;
      padding-bottom: 5px; }
    #overview .content .factsheet ul {
      padding: 0px;
      list-style: none; }
    #overview .content .factsheet .pd-bottom {
      padding-bottom: 20px; }
  #overview .image {
    margin: 20px 0px 0px 0px; }
  @media (max-width: 991px) {
    #overview .content .detail {
      padding-bottom: 40px;
      border-bottom: 1px solid #c2c2c2; } }
  @media (min-width: 992px) {
    #overview {
      background: url("../imgs/bg-overview.jpg") no-repeat center;
      background-size: cover; }
      #overview .content {
        width: 100%;
        max-width: 430px;
        float: right;
        margin-top: 20px; }
        #overview .content h1 {
          padding: 0px 0px 20px 0px; }
        #overview .content h2 {
          padding: 30px 0px; }
        #overview .content .factsheet {
          text-align: left; }
          #overview .content .factsheet .pd-bottom {
            padding-bottom: 0px; }
      #overview .image {
        margin: 20px 0px;
        min-height: 787px; } }
  @media (min-width: 1200px) {
    #overview .content {
      max-width: 525px;
      padding-right: 30px; } }

#menu-plan {
  background: url("../imgs/bg-masterplan-mobile.jpg") no-repeat center;
  background-size: cover; }
  #menu-plan .menu {
    padding: 0px;
    list-style: none;
    font-family: 'Kanit', sans-serif;
    font-weight: 600; }
    #menu-plan .menu li {
      list-style: none;
      font-family: 'Kanit', sans-serif;
      font-weight: 600;
      text-align: center;
      font-size: 15px; }
      #menu-plan .menu li a {
        text-decoration: underline; }
      #menu-plan .menu li.active-sub a {
        font-size: 19px;
        text-decoration: none; }
      #menu-plan .menu li.active-sub .dropdowns {
        font-family: 'Kanit', sans-serif;
        font-weight: 400;
        font-size: 17px; }
        #menu-plan .menu li.active-sub .dropdowns .selected {
          border-bottom: none;
          padding-left: 10px; }
        #menu-plan .menu li.active-sub .dropdowns li {
          font-family: 'Kanit', sans-serif;
          font-weight: 100;
          font-size: 17px;
          color: #000; }
          #menu-plan .menu li.active-sub .dropdowns li.focus, #menu-plan .menu li.active-sub .dropdowns li.active {
            color: #000;
            background: #e7bfa2; }
        #menu-plan .menu li.active-sub .dropdowns div {
          background: #fafafa;
          box-shadow: 3px 3px 3px #ccc; }
    #menu-plan .menu ul li {
      width: 100%;
      display: block;
      border-left: none;
      padding: 10px 0px; }
  #menu-plan .container {
    max-width: 750px;
    margin: 0 auto; }
  @media (max-width: 991px) {
    #menu-plan .menu li {
      border-top: 1px solid #d9d9d9;
      padding: 20px 0px; } }
  @media (min-width: 992px) {
    #menu-plan {
      background: url("../imgs/bg-masterplan.jpg") no-repeat center;
      background-size: cover; }
      #menu-plan .menu {
        padding: 0px; }
        #menu-plan .menu li {
          width: 20%;
          display: inline-block;
          border-left: 1px solid #d9d9d9;
          padding: 45px 0px 40px 0px; }
          #menu-plan .menu li:first-child {
            border-left: none; }
          #menu-plan .menu li.active-sub {
            width: 50%;
            padding-right: 15px; }
            #menu-plan .menu li.active-sub .dropdowns {
              float: right;
              width: 50%; } }

/* #menu-plan */
#plan {
  position: relative;
  background: url("../imgs/bg-plan.png"); }
  #plan img {
    margin: 0 auto; }
  #plan .compass {
    position: absolute;
    right: 0px;
    bottom: 0px; }

/* #masterplan */
#menu-house {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 34px; }
  #menu-house .menu {
    padding: 0px;
    list-style: none;
    font-family: 'Kanit', sans-serif;
    font-weight: 600; }
    #menu-house .menu li {
      list-style: none;
      font-family: 'Kanit', sans-serif;
      font-weight: 300;
      text-align: center;
      font-size: 20px;
      cursor: pointer; }
      #menu-house .menu li.active-sub a {
        font-weight: 500;
        font-size: 20px;
        text-decoration: none; }
    #menu-house .menu .dropdowns {
      font-family: 'Kanit', sans-serif;
      font-weight: 400;
      font-size: 17px; }
      #menu-house .menu .dropdowns .selected {
        border-bottom: none;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2E2A2B; }
      #menu-house .menu .dropdowns ul {
        padding: 0px 30px; }
        #menu-house .menu .dropdowns ul li {
          font-family: 'Kanit', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #000;
          border-bottom: 1px solid #E5E5E5; }
          #menu-house .menu .dropdowns ul li.focus, #menu-house .menu .dropdowns ul li.active {
            color: #000 !important;
            font-weight: 500;
            font-size: 16px;
            background: #fff; }
      #menu-house .menu .dropdowns div {
        background: #fff;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }
    #menu-house .menu ul li {
      width: 100%;
      display: block;
      border-left: none;
      padding: 20px 0px; }
  #menu-house .container {
    max-width: 1170px;
    margin: 0 auto; }
  @media (max-width: 991px) {
    #menu-house .menu .slide_menu {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #menu-house .menu .slide_menu li {
        padding: 20px 0px;
        width: 50%;
        border-bottom: 5px solid transparent;
        transition: all 0.5s ease-in-out; }
        #menu-house .menu .slide_menu li.active-sub {
          border-bottom-color: #2E2A2B; }
    #menu-house .menu .slide_dropdown__house {
      display: flex;
      padding: 17px 24px;
      position: relative;
      border-top: 1px solid #E5E5E5; }
      #menu-house .menu .slide_dropdown__house .icon {
        width: 18px;
        position: absolute;
        top: 19px;
        left: 24px; }
        #menu-house .menu .slide_dropdown__house .icon img {
          width: 100%; }
    #menu-house .menu .slide_dropdown__floor {
      display: flex;
      padding: 17px 24px;
      position: relative;
      border-top: 1px solid #E5E5E5; }
      #menu-house .menu .slide_dropdown__floor .icon {
        width: 24px;
        position: absolute;
        top: 22px;
        left: 20px; }
        #menu-house .menu .slide_dropdown__floor .icon img {
          width: 100%; }
    #menu-house .menu .slide_dropdown .dropdowns {
      width: 100%;
      padding: 0px 30px; }
      #menu-house .menu .slide_dropdown .dropdowns .carat {
        right: 10px; } }
  @media (min-width: 992px) {
    #menu-house .menu {
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 0px; }
      #menu-house .menu .slide_menu {
        display: flex;
        width: 50%; }
        #menu-house .menu .slide_menu li {
          width: 50%;
          display: inline-block;
          border-bottom: 5px solid transparent;
          padding: 35px 0px 35px 0px;
          transition: all 0.5s ease-in-out; }
          #menu-house .menu .slide_menu li:first-child {
            border-right: none; }
          #menu-house .menu .slide_menu li.active-sub {
            border-bottom-color: #2E2A2B; }
      #menu-house .menu .slide_dropdown {
        width: 50%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative; }
        #menu-house .menu .slide_dropdown__house {
          position: relative;
          padding: 0; }
          #menu-house .menu .slide_dropdown__house .icon {
            width: 18px;
            position: absolute;
            top: 13px;
            left: 45px; }
            #menu-house .menu .slide_dropdown__house .icon img {
              width: 100%; }
        #menu-house .menu .slide_dropdown__floor {
          position: relative;
          padding: 0; }
          #menu-house .menu .slide_dropdown__floor .icon {
            width: 24px;
            position: absolute;
            top: 13px;
            left: 35px; }
            #menu-house .menu .slide_dropdown__floor .icon img {
              width: 100%; }
        #menu-house .menu .slide_dropdown .dropdowns {
          width: 100%;
          padding: 10px 70px;
          border-left: 2px solid #E5E5E5; }
          #menu-house .menu .slide_dropdown .dropdowns .carat {
            right: 37px; }
          #menu-house .menu .slide_dropdown .dropdowns:first-child {
            border-left: none; }
        #menu-house .menu .slide_dropdown::before {
          content: '';
          border-left: 2px solid #E5E5E5;
          position: absolute;
          height: 105px;
          left: 0;
          top: -29px; } }

/* #menu-house */
#house {
  position: relative; }
  #house img {
    margin: 0 auto; }
  #house .content {
    display: none; }
    #house .content.active-sub {
      display: block; }
    #house .content .story {
      display: flex;
      flex-wrap: wrap-reverse; }
      #house .content .story__detail {
        display: flex;
        align-items: center;
        width: 40%;
        color: #000000;
        padding: 10px 50px; }
        #house .content .story__detail--type {
          font-weight: 500;
          font-size: 24px;
          margin-bottom: 20px; }
        #house .content .story__detail--room {
          font-weight: 500;
          font-size: 18px;
          color: #FFFFFF;
          background: #2E2A2B;
          padding: 10px 20px;
          width: fit-content;
          margin-bottom: 20px; }
        #house .content .story__detail--area {
          font-weight: 500;
          font-size: 16px;
          padding-bottom: 20px;
          border-bottom: 1px solid #E5E5E5; }
        #house .content .story__detail--description {
          font-weight: 300;
          font-size: 14px;
          margin-top: 20px; }
      #house .content .story__image {
        width: 60%; }
  #house .compass {
    position: absolute;
    right: 0px;
    bottom: 0px; }
  @media (max-width: 991px) {
    #house .content .story__detail {
      width: 100%;
      padding: 40px 20px; }
    #house .content .story__image {
      width: 100%; } }

/* #masterplan */
#gallery {
  position: relative;
  min-height: 90px; }
  #gallery #sync1 .owl-prev {
    position: absolute;
    z-index: 10;
    top: 40%;
    left: 0px;
    text-indent: -99999px;
    width: 40px;
    height: 40px;
    background: url("../imgs/prev.svg") no-repeat center #fff;
    opacity: .6;
    border-radius: 0; }
    #gallery #sync1 .owl-prev:hover {
      opacity: 1; }
  #gallery #sync1 .owl-next {
    position: absolute;
    z-index: 10;
    top: 40%;
    right: 0px;
    background: none;
    text-indent: -99999px;
    width: 40px;
    height: 40px;
    background: url("../imgs/next.svg") no-repeat center #fff;
    opacity: .6;
    border-radius: 0; }
    #gallery #sync1 .owl-next:hover {
      opacity: 1; }
  #gallery #sync1 img {
    margin: 0 auto; }
  #gallery .thumb {
    background: url("../imgs/bg-masterplan-mobile.jpg") no-repeat center top;
    background-size: cover; }
    #gallery .thumb h1 {
      margin: 0px;
      padding: 25px 0px 15px 0px;
      font-family: 'Kanit', sans-serif;
      font-weight: 600;
      font-size: 19px; }
    #gallery .thumb #sync2 {
      padding: 15px 0px 15px 0px; }
      #gallery .thumb #sync2 .synced {
        position: relative;
        background: #000; }
        #gallery .thumb #sync2 .synced .item {
          opacity: .3; }
        #gallery .thumb #sync2 .synced:before {
          position: absolute;
          width: 100%;
          content: "VIEWING";
          color: #fff;
          z-index: 3;
          text-align: center;
          top: 38%;
          left: 0px;
          font-family: 'Kanit', sans-serif;
          font-weight: 600;
          font-size: 12px; }
      #gallery .thumb #sync2 .owl-item {
        padding: 0px 5px; }
      #gallery .thumb #sync2 .item {
        height: 80px;
        cursor: pointer; }
      #gallery .thumb #sync2 .owl-prev {
        position: absolute;
        z-index: 10;
        top: 40%;
        left: 0px;
        background: none;
        text-indent: -99999px;
        width: 11px;
        height: 17px;
        background: url("../imgs/prev.svg") no-repeat;
        opacity: 1;
        border-radius: 0; }
      #gallery .thumb #sync2 .owl-next {
        position: absolute;
        z-index: 10;
        top: 40%;
        right: 0px;
        background: none;
        text-indent: -99999px;
        width: 11px;
        height: 17px;
        background: url("../imgs/next.svg") no-repeat;
        opacity: 1;
        border-radius: 0; }
  #gallery .sugestion {
    padding: 30px 0px;
    text-align: center; }
    #gallery .sugestion img {
      margin: 0 auto; }
  @media (min-width: 640px) and (max-width: 991px) {
    #gallery .thumb #sync2 .item {
      height: 150px; } }
  @media (max-width: 991px) {
    #gallery .container {
      width: 100%;
      padding: 0px; }
    #gallery .thumb h1 {
      text-align: center; }
    #gallery .thumb #sync2 .owl-prev, #gallery .thumb #sync2 .owl-next {
      display: none; } }
  @media (min-width: 992px) {
    #gallery {
      background: #000; }
      #gallery #sync1 .owl-prev, #gallery #sync1 .owl-next {
        display: none; }
      #gallery .thumb {
        width: 100%;
        z-index: 5;
        background: url("../imgs/bg-gallery.png") no-repeat center;
        background-size: cover; }
        #gallery .thumb h1 {
          padding: 40px 0px 30px 0px; }
        #gallery .thumb .border-left {
          border-left: 1px solid #b0b0b0; }
        #gallery .thumb #sync2 {
          padding: 15px 30px 15px 30px; }
          #gallery .thumb #sync2 .item {
            height: 60px; } }

/* #gallery */
#location .sugestion, #nearbyplace .sugestion {
  padding-bottom: 30px;
  text-align: center; }

#location .map img, #nearbyplace .map img {
  margin: 0 auto; }

#location .gmaps-wrapper, #nearbyplace .gmaps-wrapper {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  z-index: 1; }

#location .gmaps-wrapper .dmxGoogleMaps, #nearbyplace .gmaps-wrapper .dmxGoogleMaps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1; }

@media (max-width: 991px) {
  #location #menu-plan .menu li:last-child, #nearbyplace #menu-plan .menu li:last-child {
    border-bottom: 1px solid #d9d9d9; } }

@media (min-width: 992px) {
  #location, #nearbyplace {
    /* #menu-plan */ }
    #location #menu-plan .container, #nearbyplace #menu-plan .container {
      max-width: 550px;
      margin: 0 auto; }
    #location #menu-plan .menu li, #nearbyplace #menu-plan .menu li {
      width: auto;
      display: inline-block;
      padding-left: 50px;
      padding-right: 50px; }
      #location #menu-plan .menu li.active-sub, #nearbyplace #menu-plan .menu li.active-sub {
        width: auto;
        text-align: center; }
    #location #menu-plan .menu ul li, #nearbyplace #menu-plan .menu ul li {
      width: 100%;
      display: block;
      border-left: none;
      padding: 10px 0px; }
    #location #menu-plan .nearbyplace li, #nearbyplace #menu-plan .nearbyplace li {
      width: 25%; }
      #location #menu-plan .nearbyplace li.active-sub, #nearbyplace #menu-plan .nearbyplace li.active-sub {
        width: 48%;
        padding-left: 30px; }
        #location #menu-plan .nearbyplace li.active-sub .dropdowns, #nearbyplace #menu-plan .nearbyplace li.active-sub .dropdowns {
          float: right;
          width: 50%; }
    #location .gmaps-wrapper, #nearbyplace .gmaps-wrapper {
      padding-bottom: 50%; } }

/* #location */
#nearbyplace .container {
  width: 100%;
  padding: 0px; }
  #nearbyplace .container .row {
    margin: 0px;
    padding: 0px; }

#nearbyplace .sugestion {
  padding-top: 30px; }

#nearbyplace .content h1 {
  margin: 0px;
  font-family: 'palatino-bold';
  font-size: 25px;
  text-transform: uppercase; }

#nearbyplace .content .detail {
  padding: 20px 0px;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 14px; }

#nearbyplace .content li {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 14px;
  list-style: none;
  padding: 15px;
  border-top: 1px solid #d9d9d9; }
  #nearbyplace .content li span {
    float: right; }
  #nearbyplace .content li:hover {
    background: #e6e6e6; }

@media (max-width: 991px) {
  #nearbyplace #menu-plan {
    margin-bottom: 20px; }
  #nearbyplace .content {
    padding-bottom: 30px; } }

@media (min-width: 992px) {
  #nearbyplace .content {
    width: 100%;
    max-width: 430px;
    float: left;
    margin-top: 20px;
    padding-left: 20px; }
    #nearbyplace .content h1 {
      padding-top: 30px; }
  #nearbyplace .image {
    padding: 20px 0px; } }

#developer .developer {
  background: url("../imgs/bg-overview-mobile.jpg") no-repeat center;
  background-size: cover; }
  #developer .developer .container {
    width: 100%;
    padding: 0px; }
    #developer .developer .container .row {
      margin: 0px;
      padding: 0px; }

#developer h1, #developer h2, #developer h3 {
  margin: 0px; }

#developer .content {
  text-align: center; }
  #developer .content h2 {
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 16px; }
  #developer .content h1 {
    padding: 30px 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 20px; }
  #developer .content h3 {
    padding: 30px 0px 0px 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 16px; }
  #developer .content .detail {
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px; }
  #developer .content .link {
    max-width: 270px;
    margin: 0 auto;
    position: relative; }
    #developer .content .link img {
      position: absolute;
      top: 42px;
      right: 0px; }

#developer .info h1 {
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  font-size: 16px; }

#developer .info .detail {
  padding: 10px 0px 20px 0px;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 15px; }
  #developer .info .detail ul {
    list-style-position: inside; }

#developer .owl-theme .owl-controls .owl-page {
  padding-top: 20px; }

#developer .owl-theme .owl-controls .owl-page span {
  width: 8px;
  height: 8px;
  background: #9f9f93; }

#developer .owl-theme .owl-controls .owl-page.active span,
#developer .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #000;
  opacity: 5; }

#developer #sync1 .owl-prev {
  position: absolute;
  z-index: 10;
  top: 40%;
  left: -40px;
  background: none;
  text-indent: -99999px;
  width: 11px;
  height: 17px;
  background: url("../imgs/prev.svg") no-repeat;
  opacity: 1;
  border-radius: 0; }

#developer #sync1 .owl-next {
  position: absolute;
  z-index: 10;
  top: 40%;
  right: -40px;
  background: none;
  text-indent: -99999px;
  width: 11px;
  height: 17px;
  background: url("../imgs/next.svg") no-repeat;
  opacity: 1;
  border-radius: 0; }

#developer .submit {
  max-width: 143px;
  margin: 0 auto; }

#developer .contact input, #developer .contact textarea {
  color: #000; }

#developer .contact input:focus ~ label, #developer .contact .input ~ label, #developer .contact textarea:focus ~ label {
  top: -18px;
  font-size: 11px;
  color: #000; }

#developer .contact .input {
  border-bottom: 1px solid #000; }

#developer .contact .bar:before, #developer .contact .bar:after {
  background: #000;
  height: 2px; }

@media (max-width: 991px) {
  #developer .content h2 {
    padding-top: 35px; }
  #developer .content .link {
    padding-bottom: 30px; }
  #developer .info {
    background: #e7bfa2;
    text-align: center; }
    #developer .info .container {
      width: 100%; }
  #developer .slide {
    padding: 30px 0px;
    background: url("../imgs/bg-developer.jpg") no-repeat center;
    background-size: cover; }
  #developer .contact {
    padding-top: 30px;
    background: url("../imgs/bg-overview-mobile.jpg") no-repeat center;
    background-size: cover; }
  #developer #sync1 .owl-prev, #developer #sync1 .owl-next, #developer #sync1 .owl-pagination {
    display: none; } }

@media (min-width: 992px) {
  #developer .developer {
    background: url("../imgs/bg-overview.jpg") no-repeat center;
    background-size: cover; }
    #developer .developer .col-md-5 {
      width: 48%; }
    #developer .developer .col-md-7 {
      width: 52%; }
  #developer .content {
    width: 100%;
    max-width: 500px;
    float: right;
    padding-right: 40px; }
    #developer .content h1 {
      font-size: 25px; }
  #developer .image {
    padding: 20px 0px; }
  #developer #sync1 .owl-item {
    padding: 0px 15px; }
  #developer .no-padding-pc {
    padding: 0px; }
  #developer .padding-right {
    padding-right: 30px; }
  #developer .slide {
    padding: 30px 0px; }
  #developer .submit {
    float: right; }
  #developer .contact {
    padding-top: 20px;
    padding-bottom: 60px; }
    #developer .contact textarea {
      height: 70px !important; }
    #developer .contact .formgroup {
      padding-bottom: 18px; }
  #developer .info .detail ul {
    padding-left: 15px; } }

#news .container, #newsdetail .container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px; }

#news #menu-plan, #newsdetail #menu-plan {
  text-align: center;
  padding: 30px 0px;
  margin-bottom: 30px; }

#news h1, #newsdetail h1 {
  margin: 0px;
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 15px; }

#news .date, #newsdetail .date {
  padding-bottom: 15px;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #848484; }

#news .detail, #newsdetail .detail {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7em; }
  #news .detail p, #newsdetail .detail p {
    margin: 0px;
    padding: 0px; }
  #news .detail ul, #newsdetail .detail ul {
    padding: 0px 15px; }

#news .readmore, #newsdetail .readmore {
  max-width: 120px; }

#news .loading, #newsdetail .loading {
  text-align: center; }
  #news .loading img, #newsdetail .loading img {
    margin: 0 auto; }

#news .height, #newsdetail .height {
  height: 30px; }

@media (max-width: 991px) {
  #news .detail, #newsdetail .detail {
    padding: 30px 0px; }
  #news .readmore, #newsdetail .readmore {
    margin: 0 auto; } }

@media (min-width: 992px) {
  #news #menu-plan, #newsdetail #menu-plan {
    padding: 40px 0px 30px 0px; }
  #news h1, #newsdetail h1 {
    padding-top: 10px; }
  #news .detail ul, #newsdetail .detail ul {
    padding: 0px 0px 0px 15px; } }

/* #gallery */
#newsdetail #sync2 .owl-item, #newsdetail #sync3 .owl-item {
  opacity: .5; }

#newsdetail #sync2 .owl-prev, #newsdetail #sync3 .owl-prev {
  position: absolute;
  z-index: 10;
  top: 40%;
  left: 0px;
  text-indent: -99999px;
  width: 40px;
  height: 40px;
  background: url("../imgs/prev.svg") no-repeat center;
  opacity: .6;
  border-radius: 0; }
  #newsdetail #sync2 .owl-prev:hover, #newsdetail #sync3 .owl-prev:hover {
    opacity: 1; }

#newsdetail #sync2 .owl-next, #newsdetail #sync3 .owl-next {
  position: absolute;
  z-index: 10;
  top: 40%;
  right: 0px;
  background: none;
  text-indent: -99999px;
  width: 40px;
  height: 40px;
  background: url("../imgs/next.svg") no-repeat center;
  opacity: .6;
  border-radius: 0; }
  #newsdetail #sync2 .owl-next:hover, #newsdetail #sync3 .owl-next:hover {
    opacity: 1; }

#newsdetail .detail {
  padding: 30px 0px; }

#newsdetail .back {
  max-width: 120px;
  padding-bottom: 30px; }

@media (max-width: 991px) {
  #newsdetail #sync3 {
    position: relative;
    z-index: 10; }
    #newsdetail #sync3 .owl-prev, #newsdetail #sync3 .owl-next {
      display: none; }
    #newsdetail #sync3 .pd-right {
      padding-right: 60px; }
    #newsdetail #sync3 .pd-left {
      padding-left: 60px; }
    #newsdetail #sync3 .image {
      height: 111px; }
  #newsdetail .back {
    margin: 0 auto; }
  #newsdetail .thumb {
    background: url("../imgs/sugestion-small.svg") no-repeat center 50%; } }

@media (min-width: 640px) and (max-width: 991px) {
  #newsdetail #sync3 .image {
    height: 200px; } }

@media (min-width: 992px) {
  #newsdetail #sync2 {
    margin-left: -5px;
    margin-right: -5px; }
    #newsdetail #sync2 .owl-item {
      padding: 0px 5px; }
    #newsdetail #sync2 .synced {
      opacity: 1; } }

@media (min-width: 1200px) {
  #newsdetail .container-fluid {
    margin: 0px;
    padding-left: 18%;
    padding-right: 0px; }
    #newsdetail .container-fluid .row {
      margin: 0px;
      padding: 0px; }
  #newsdetail #sync2 .owl-prev {
    left: -100px; } }

#newsdetail.house .container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0px 15px; }

#newsdetail.house h1 {
  margin: 0px;
  margin-top: 60px;
  padding: 0px !important;
  font-family: 'maison-neue-bold';
  font-weight: 700;
  font-size: 20px; }

#newsdetail.house .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0px; }

#newsdetail.house .date {
  padding-bottom: 0px; }

#newsdetail.house .detail {
  font-family: 'maisonneuemedium'; }

#newsdetail.house .share {
  display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #newsdetail.house .share a {
    margin: 0px 2.5px; }
  #newsdetail.house .share div {
    margin-right: 2.5px; }

#newsdetail.house .owl-carousel .owl-stage {
  padding-left: 0px !important; }

#newsdetail.house .owl-carousel .owl-item {
  opacity: 0.5; }
  #newsdetail.house .owl-carousel .owl-item.active {
    opacity: 1; }

#newsdetail.house .owl-theme .owl-nav {
  position: absolute;
  right: 0px;
  left: 0px;
  top: 45%; }
  #newsdetail.house .owl-theme .owl-nav img {
    width: 70px;
    height: 70px;
    margin: 0 auto; }
  #newsdetail.house .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    border-radius: 0px;
    width: 70px;
    height: 70px;
    padding: 0px !important;
    margin: 0px;
    background: none;
    outline: none;
    opacity: 1; }
    #newsdetail.house .owl-theme .owl-nav .owl-prev img {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1); }
    #newsdetail.house .owl-theme .owl-nav .owl-prev:hover {
      opacity: 1;
      color: #000;
      background: none; }
  #newsdetail.house .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 14%;
    border-radius: 0px;
    width: 70px;
    height: 70px;
    padding: 0px;
    margin: 0px;
    background: none;
    border: none;
    outline: none;
    opacity: 1; }
    #newsdetail.house .owl-theme .owl-nav .owl-next:hover {
      opacity: 1;
      color: #000;
      background: none; }
  #newsdetail.house .owl-theme .owl-nav .disabled {
    display: none; }

#newslist {
  background: #231F20; }
  #newslist .subject {
    padding: 84px 0px;
    color: #C59C6D;
    font-family: 'maisonneuemedium';
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase; }
  #newslist .news .container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0px; }
  #newslist .news__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: max-content;
    margin-bottom: 70px; }
    #newslist .news__list .contents {
      width: calc(100% / 3);
      max-width: calc((100% / 3) - ( ( 3px * 2)));
      margin-bottom: 18px;
      cursor: pointer; }
      #newslist .news__list .contents__img {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 197px;
        color: #fff;
        background-color: var(--primary);
        background-size: cover;
        background-position: center;
        padding: 20px 20px 40px 20px;
        margin-bottom: 26px; }
      #newslist .news__list .contents.second-child {
        margin: 0px 9px; }
      #newslist .news__list .contents__text {
        z-index: 1;
        text-align: start;
        color: #FFF;
        font-weight: bold;
        font-size: 16px;
        font-family: 'maison-neue-bold'; }
        #newslist .news__list .contents__text--title {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          font-weight: 600;
          font-size: 16px;
          margin-bottom: 10px; }
        #newslist .news__list .contents__text--detail {
          font-weight: normal;
          font-size: 11px;
          font-family: 'maisonneuemedium'; }
  #newslist .news__loadmore {
    padding: 18px 0px;
    width: 350px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #C59C6D;
    color: #C59C6D;
    margin-bottom: 73px;
    font-size: 16px;
    font-family: 'maison-neue-bold';
    cursor: pointer; }
  @media (max-width: 991px) {
    #newslist .news__list {
      padding: 0px 15px;
      margin-bottom: 34px; }
      #newslist .news__list .contents {
        width: calc(100% / 1);
        max-width: calc((100% / 1));
        margin-bottom: 40px; }
        #newslist .news__list .contents.second-child {
          margin: 0; }
        #newslist .news__list .contents:last-child {
          margin: 0; }
    #newslist .news__loadmore {
      margin-bottom: 35px; } }

#construction #menu-plan {
  text-align: center;
  padding: 30px 0px;
  margin-bottom: 30px; }

#construction h1 {
  margin: 0px;
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  font-size: 20px; }

#construction .construction__start {
  color: #000;
  font-family: 'Kanit', sans-serif;
  font-weight: 600; }
  #construction .construction__start h2, #construction .construction__start h3 {
    margin: 0px;
    font-size: 20px; }
  #construction .construction__start h3 {
    margin-top: 10px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 14px; }
  #construction .construction__start--circle {
    background: #fff;
    border-radius: 50%;
    border: 3px solid #000;
    width: 15px;
    height: 15px; }

#construction .construction__circle {
  background: #fff;
  border-radius: 50%;
  border: 3px solid #000;
  width: 15px;
  height: 15px; }
  #construction .construction__circle--big {
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 30px; }

#construction .construction__detail {
  color: #000;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 14px; }
  #construction .construction__detail ul {
    padding: 15px 0px 15px 15px; }

#construction .construction__date {
  color: #000;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 16px; }

#construction .construction__end h2, #construction .construction__end h3 {
  margin: 0px;
  font-size: 20px;
  font-family: 'Kanit', sans-serif;
  font-weight: 600; }

#construction .construction__end h3 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  font-size: 14px; }

@media (max-width: 991px) {
  #construction .construction {
    padding-left: 7px;
    margin-left: 15px;
    border-left: 5px solid #000; }
    #construction .construction__start {
      padding-bottom: 30px; }
      #construction .construction__start--circle {
        position: absolute;
        top: 0px;
        left: -17px; }
    #construction .construction__date {
      padding-bottom: 15px; }
    #construction .construction__circle {
      position: absolute;
      top: 0px;
      left: -17px; }
      #construction .construction__circle--big {
        margin-top: -10px; }
    #construction .construction__readmore {
      float: right;
      padding-bottom: 15px; }
    #construction .construction__end {
      padding-bottom: 60px; } }

@media (min-width: 992px) {
  #construction .construction__info {
    position: relative;
    top: -30px; }
  #construction .construction__start {
    margin-bottom: 30px;
    text-align: center; }
    #construction .construction__start--circle {
      margin-left: 49.4%;
      margin-top: 30px; }
  #construction .construction__left {
    position: relative;
    float: right;
    border-left: 2.5px solid #000; }
    #construction .construction__left .construction__content {
      position: absolute;
      right: 0px;
      left: 0px;
      top: 350px; }
    #construction .construction__left .construction__line {
      position: absolute;
      top: 130px;
      right: 0px;
      width: 170px;
      background: #bfbfbf;
      height: 1px; }
    #construction .construction__left .construction__circle {
      position: absolute;
      top: -7px;
      right: -9px;
      z-index: 3; }
    #construction .construction__left .construction__readmore {
      margin-left: 260px; }
  #construction .construction__right {
    float: right;
    border-left: 2.5px solid #000; }
    #construction .construction__right .construction__content {
      position: relative;
      padding-top: 100px;
      padding-left: 150px; }
    #construction .construction__right .construction__line {
      position: absolute;
      top: 230px;
      left: -18px;
      width: 200px;
      background: #bfbfbf;
      height: 1px; }
    #construction .construction__right .construction__circle {
      position: absolute;
      top: -7px;
      left: -6px; }
  #construction .construction__circle--big {
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #000;
    width: 100px;
    height: 100px;
    padding-top: 25px;
    text-align: center; }
  #construction .construction__date {
    margin-top: -25px;
    text-align: center; }
  #construction .construction__image {
    position: relative;
    z-index: 3;
    max-width: 280px;
    min-height: 230px; }
  #construction .construction__detail {
    max-width: 280px; }
  #construction .construction__end {
    padding-top: 30px;
    padding-bottom: 60px;
    text-align: center; }
  #construction .height {
    height: 230px; } }

@media (min-width: 1200px) {
  #construction .construction__image {
    position: relative;
    z-index: 3;
    max-width: 380px;
    min-height: 230px; }
  #construction .construction__detail {
    max-width: 380px; } }

#facilities .facilities, #facilities #home .location, #home #facilities .location {
  background: url("../imgs/bg-overview-mobile.jpg") no-repeat center;
  background-size: cover;
  text-align: center; }
  #facilities .facilities h1, #facilities #home .location h1, #home #facilities .location h1 {
    margin: 0px;
    padding: 40px 0px 30px 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 25px; }
  #facilities .facilities h2, #facilities #home .location h2, #home #facilities .location h2 {
    margin: 0px;
    padding-top: 15px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center; }
  #facilities .facilities h3, #facilities #home .location h3, #home #facilities .location h3 {
    margin: 0px;
    margin-top: 45%;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    text-align: center; }
  #facilities .facilities .title, #facilities #home .location .title, #home #facilities .location .title {
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 18px; }
  #facilities .facilities .detail, #facilities #home .location .detail, #home #facilities .location .detail {
    max-width: 580px;
    margin: 0 auto;
    padding: 15px 0px 30px 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 15px; }

#facilities .ch-item {
  margin: 0 auto;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

#facilities .ch-item:hover .ch-info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

#facilities .ch-info {
  position: absolute;
  background: rgba(8, 12, 0, 0.7);
  width: inherit;
  height: inherit;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden; }

#facilities .fancybox-outer {
  background-color: #FF0000;
  /* or whatever */ }

@media (max-width: 991px) {
  #facilities .pd-bottom {
    padding-bottom: 30px; }
  #facilities .image {
    min-height: 350px; } }

@media (min-width: 992px) {
  #facilities .facilities, #facilities #home .location, #home #facilities .location {
    background: url("../imgs/bg-facilities-page.jpg") no-repeat center;
    background-size: cover;
    padding-bottom: 60px; }
    #facilities .facilities .detail, #facilities #home .location .detail, #home #facilities .location .detail {
      padding-bottom: 60px; }
  #facilities .ch-item {
    width: 178px;
    height: 178px; } }

/* #facilities */
#policy {
  background: #231f20;
  text-align: center;
  color: #fff;
  font-family: 'Kanit', sans-serif;
  font-weight: 300;
  font-size: 14px; }
  #policy a {
    color: #fff; }
  #policy h1 {
    margin: 0px;
    padding: 15px 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    color: #e7bfa2;
    font-size: 16px; }
  #policy .backtotop {
    max-width: 144px;
    margin: 0 auto;
    padding: 60px 0px; }
  @media (min-width: 992px) {
    #policy .line-top {
      height: 3px;
      background: #e7bfa2;
      width: 100%;
      margin-bottom: 40px; } }

#thankyou {
  background: #231f20; }
  #thankyou img {
    margin: 0 auto;
    text-align: center; }
  #thankyou .ok {
    padding: 50px 0px; }

#thankyou_house {
  background: #231f20; }
  #thankyou_house img {
    margin: 0 auto;
    text-align: center; }
  #thankyou_house .ok {
    padding: 50px 0px; }